fix: 优化设计器跳转

src/contents/dev/actions/base.ts

@@ -22,6 +22,8 @@ export abstract class Action {
     return;
   }
 
+  async postWait() {}
+
   private async getTarget() {
     const config = await resolveConfig();
     const rules = config.rules;
@@ -35,12 +37,13 @@ export abstract class Action {
     };
   }
 
-  protected dispatchOpen(url: string) {
+  protected dispatchOpen(url: string, options?: Record<string, unknown>) {
     const spy = document.getElementById(SPY_ID);
     if (!spy) return;
     const event = new CustomEvent(OPEN_EVENT, {
       detail: {
         url,
+        options,
       },
     });
     spy.dispatchEvent(event);

src/contents/dev/actions/designer-action.ts

@@ -10,13 +10,24 @@ class DesignerAction extends Action {
   injectTarget = '.header-right .btns';
 
   get renderActions(): RenderAction | RenderAction[] {
-    if (!this.target?.preview) return [];
-    return {
-      name: '预览',
-      execute: () => {
-        this.handleViewDev();
-      },
-    };
+    const result = []
+    if (this.target?.dev) {
+      result.push({
+        name: '开发',
+        execute: () => {
+          this.handleDev();
+        },
+      });
+    }
+    if (this.target?.preview) {
+      result.push({
+        name: '预览',
+        execute: () => {
+          this.handleViewDev();
+        },
+      })
+    }
+    return result;
   }
 
   isTarget(path: string): boolean {
@@ -40,6 +51,13 @@ class DesignerAction extends Action {
     if (!this.metadata) return;
     this.dispatchOpen(`${this.target?.preview ?? ''}${this.metadata.url}`);
   }
+
+  private handleDev() {
+    if (!this.metadata) return;
+    this.dispatchOpen(`${this.target?.dev ?? ''}/mobile/`, {
+      withHash: true,
+    });
+  }
 }
 
 export const designerAction = new DesignerAction();

src/contents/dev/actions/index.ts

@@ -26,6 +26,7 @@ export function process(path: string, searchParams: string) {
   actions.forEach(async action => {
     if (action.isTarget(path, new URLSearchParams(searchParams))) {
       await action.wait();
+      await action.postWait();
       if (!action.renderActions || (Array.isArray(action.renderActions) && !action.renderActions.length)) {
         return;
       }

src/contents/dev/actions/list-action.ts

@@ -27,6 +27,13 @@ class ListAction extends Action {
     });
   }
 
+  async postWait() {
+    const table = document.querySelector('.page-grid table')
+    if (table) {
+      table.classList.add('__inject_from_plugin_table')
+    }
+  }
+
   get renderActions(): Array<RenderAction> | RenderAction {
     const result = [];
     if (this.target?.dev) {

src/contents/dev/index.scss

@@ -1,8 +1,8 @@
-.page-grid table > colgroup > col:nth-child(1) {
+table.__inject_from_plugin_table > colgroup > col:nth-child(1) {
   width: 550px !important;
 }
 
-.page-grid table > colgroup > col:nth-child(7) {
+table.__inject_from_plugin_table > colgroup > col:nth-child(7) {
   width: 300px !important;
 }
 

src/contents/inject.ts

@@ -92,7 +92,13 @@ if (spy) {
   });
 
   spy.addEventListener(OPEN_EVENT, (e: Event) => {
-    window.open((e as unknown as CustomEvent)?.detail?.url, '_blank');
+    const { url, options } = (e as unknown as CustomEvent)?.detail ?? {};
+    let target = url
+    if (!url) return
+    if (options && options.withHash) {
+      target = `${url}${window.location.hash}`
+    }
+    window.open(target, '_blank');
   });
 }