refactor: 优化插件菜单

terwer · May 21, 2023 · f96202a · f96202a
1 parent a8cd654
commit f96202a
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 7 deletions.
diff --git a/src/App.svelte b/src/App.svelte
@@ -29,6 +29,9 @@
   import Picbed from "./routes/Picbed.svelte"
   import Preferences from "./routes/Preferences.svelte"
   import { Page } from "~/src/constants"
+  import GeneralSetting from "~/src/lib/preferences/GeneralSetting.svelte"
+  import PicgoSetting from "~/src/lib/preferences/PicgoSetting.svelte"
+  import PublishSetting from "~/src/lib/preferences/PublishSetting.svelte"
 
   export let url = `/${Page.Publish}`
 </script>
@@ -38,5 +41,8 @@
     <Route path={`/${Page.Publish}`} component={Publish} />
     <Route path={`/${Page.Picbed}`} component={Picbed} />
     <Route path={`/${Page.Setting}`} component={Preferences} />
+    <Route path={`/${Page.GeneralSetting}`} component={GeneralSetting} />
+    <Route path={`/${Page.PicgoSetting}`} component={PicgoSetting} />
+    <Route path={`/${Page.PublishSetting}`} component={PublishSetting} />
   </div>
 </Router>
diff --git a/src/constants.ts b/src/constants.ts
@@ -12,4 +12,7 @@ export const Page = {
   Publish: "",
   Picbed: "picbed",
   Setting: "setting",
+  GeneralSetting: "setting/general",
+  PicgoSetting: "setting/picgo",
+  PublishSetting: "setting/publish",
 }
diff --git a/src/index.ts b/src/index.ts
@@ -74,7 +74,7 @@ export default class PublisherPlugin extends Plugin {
   }
 
   public openSetting() {
-    this.showSettingDialog()
+    this.showSettingDialog(this.i18n.setting, Page.Setting)
   }
 
   // ======================
@@ -181,21 +181,29 @@ export default class PublisherPlugin extends Plugin {
       icon: "iconSettings",
       label: this.i18n.setting,
       click: () => {
-        this.showSettingDialog()
+        this.showSettingDialog(this.i18n.setting, Page.Setting)
       },
       submenu: [
         {
           iconHTML: iconPublish.iconPreference,
           label: this.i18n.settingGeneral,
-          // click: () => {},
+          click: () => {
+            this.showSettingDialog(this.i18n.settingGeneral, Page.GeneralSetting)
+          },
         },
         {
           iconHTML: iconPublish.iconPicbed,
           label: this.i18n.settingPicbed,
+          click: () => {
+            this.showSettingDialog(this.i18n.settingPicbed, Page.PicgoSetting)
+          },
         },
         {
           iconHTML: iconPublish.iconPublish,
           label: this.i18n.settingPublish,
+          click: () => {
+            this.showSettingDialog(this.i18n.settingPublish, Page.PublishSetting)
+          },
         },
       ],
     })
@@ -235,15 +243,15 @@ export default class PublisherPlugin extends Plugin {
     }
   }
 
-  private showSettingDialog() {
+  private showSettingDialog(settingTitle: string, settingKey: string) {
     new Dialog({
-      title: `${this.i18n.setting} - ${this.i18n.publisher}`,
-      content: `<div id="${PageUtil.getElementId(Page.Setting)}"></div>`,
+      title: `${settingTitle} - ${this.i18n.publisher}`,
+      content: `<div id="${PageUtil.getElementId(settingKey)}"></div>`,
       width: isMobile() ? "92vw" : "520px",
     })
 
     // setting
-    PageUtil.createApp(Page.Setting)
+    PageUtil.createApp(settingKey)
   }
 
   private showPublisherDialog() {