feat

electron.vite.config.ts

@@ -18,7 +18,7 @@ export default defineConfig({
             alias: {
                 config: resolve("config"),
                 main: resolve("src/main"),
-                "common": resolve("src/common"),
+                common: resolve("src/common"),
                 "@res": resolve("resources"),
             },
         },
@@ -32,7 +32,7 @@ export default defineConfig({
         resolve: {
             alias: {
                 config: resolve("config"),
-                "common": resolve("src/common"),
+                common: resolve("src/common"),
                 "@": resolve("src/renderer/src"),
                 "@res": resolve("resources"),
             },
@@ -41,7 +41,7 @@ export default defineConfig({
             preprocessorOptions: {
                 scss: {
                     additionalData: `@use "@/assets/style/global" as *;\n`,
-                    api: "modern-compiler"
+                    api: "modern-compiler",
                 },
             },
         },

packages/locales/index.ts

@@ -1,3 +1,9 @@
+if (import.meta.env.DEV) {
+    // 引入之后可以热更新
+    import("./languages/zh.json")
+    import("./languages/en.json")
+}
+
 const datetimeFormats = {
     en: {
         short: {

packages/locales/languages/en.json

@@ -73,5 +73,6 @@
   },
   "qie-huan-kai-fa-zhe-gong-ju": "ToggleDevtool",
   "qu-xiao-quan-ping": "Canel FullScreen",
-  "quan-ping": "FullScreen"
+  "quan-ping": "FullScreen",
+  "caidan": "Menu"
 }

packages/locales/languages/zh.json

@@ -72,5 +72,6 @@
   },
   "qie-huan-kai-fa-zhe-gong-ju": "切换开发者工具",
   "qu-xiao-quan-ping": "取消全屏",
-  "quan-ping": "全屏"
+  "quan-ping": "全屏",
+  "caidan": "菜单"
 }

src/common/event/PlatForm/index.ts

@@ -0,0 +1,25 @@
+import { _Base } from "common/lib/_Base"
+
+class PlatForm extends _Base {
+    constructor() {
+        super()
+    }
+
+    async showAbout() {
+        return await fetch("api://fuck/BasicService/showAbout")
+    }
+
+    async isFullScreen() {
+        return await api.call("BasicCommand.isFullscreen")
+    }
+
+    async toggleFullScreen() {
+        return api.call("BasicCommand.fullscreen")
+    }
+
+    async toggleDevTools() {
+        return api.call("BasicCommand.toggleDevTools")
+    }
+}
+
+export { PlatForm }

src/renderer/src/platform/Tabs.ts → src/common/event/Tabs/index.ts

@@ -1,4 +1,4 @@
-import { _Base } from "./_Base"
+import { _Base } from "../../lib/_Base"
 
 export class Tabs extends _Base {
     constructor() {

src/common/event/update/common.ts → src/common/event/common.ts

@@ -2,6 +2,4 @@ const keys = ["progress"] as const
 
 type AllKeys = (typeof keys)[number]
 
-export type{
+export type { AllKeys }
-    AllKeys
-}

src/common/event/update/renderer.ts → src/common/event/update/index.ts

@@ -1,4 +1,4 @@
-import type { AllKeys } from "./common"
+import type { AllKeys } from "../common"
 
 const curProgress = ref(0)
 api.on<AllKeys>("progress", () => {

src/common/event/update/main.ts

@@ -1,10 +1,8 @@
 import { broadcast } from "main/utils"
-import { AllKeys } from "./common"
+import { AllKeys } from "../common"
 
 function emitProgress(...argu) {
     broadcast<AllKeys>("progress", ...argu)
 }
 
-export {
+export { emitProgress }
-    emitProgress
-}

src/renderer/src/composables/usePlatform.ts → src/common/usePlatform.ts

@@ -1,5 +1,5 @@
-import { PlatForm } from "@/platform/PlatForm"
+import { PlatForm } from "./event/PlatForm"
-import { Tabs } from "@/platform/Tabs"
+import { Tabs } from "./event/Tabs"
 
 export function usePlatForm() {
     return {

src/renderer/auto-imports.d.ts

@@ -212,7 +212,6 @@ declare global {
   const useParentElement: typeof import('@vueuse/core')['useParentElement']
   const usePerformanceObserver: typeof import('@vueuse/core')['usePerformanceObserver']
   const usePermission: typeof import('@vueuse/core')['usePermission']
-  const usePlatForm: typeof import('./src/composables/usePlatform')['usePlatForm']
   const usePointer: typeof import('@vueuse/core')['usePointer']
   const usePointerLock: typeof import('@vueuse/core')['usePointerLock']
   const usePointerSwipe: typeof import('@vueuse/core')['usePointerSwipe']
@@ -514,7 +513,6 @@ declare module 'vue' {
     readonly useParentElement: UnwrapRef<typeof import('@vueuse/core')['useParentElement']>
     readonly usePerformanceObserver: UnwrapRef<typeof import('@vueuse/core')['usePerformanceObserver']>
     readonly usePermission: UnwrapRef<typeof import('@vueuse/core')['usePermission']>
-    readonly usePlatForm: UnwrapRef<typeof import('./src/composables/usePlatform')['usePlatForm']>
     readonly usePointer: UnwrapRef<typeof import('@vueuse/core')['usePointer']>
     readonly usePointerLock: UnwrapRef<typeof import('@vueuse/core')['usePointerLock']>
     readonly usePointerSwipe: UnwrapRef<typeof import('@vueuse/core')['usePointerSwipe']>

src/renderer/src/components/NavBar.vue

@@ -15,7 +15,7 @@
                 <img w="16px" h="16px" :src="icon" />
                 <div relative h-full inline-flex items-center text-sm>{{ config.app_title }}</div>
                 <div relative class="list">
-                    <div class="item" @click="onClickMenu">菜单</div>
+                    <div class="item" @click="onClickMenu">{{ t("caidan") }}</div>
                 </div>
             </div>
             <div float-right h-full flex items-center relative style="-webkit-app-region: no-drag">
@@ -42,19 +42,20 @@
 import icon from "@res/icon.png"
 import config from "config"
 import { PopupMenu } from "@/bridge/PopupMenu"
+import { usePlatForm } from "common/usePlatform"
+
+const { PlatForm } = usePlatForm()
 
 const router = useRouter()
 const route = useRoute()
 const isFullScreen = ref(false)
 
 onBeforeMount(async () => {
-    isFullScreen.value = await api.call("BasicCommand.isFullscreen")
+    isFullScreen.value = await PlatForm.isFullScreen()
 })
 
-const { PlatForm } = usePlatForm()
-
 const isHome = computed(() => {
-    if (route?.meta?.home) {
+    if (route.fullPath === "/") {
         return true
     }
     return false
@@ -85,7 +86,7 @@ const onClickMenu = e => {
 }
 
 const onClickAbout = () => {
-    fetch("api://fuck/BasicService/showAbout")
+    PlatForm.showAbout()
 }
 </script>
 

src/renderer/src/platform/PlatForm.ts

@@ -1,17 +0,0 @@
-import { _Base } from "./_Base"
-
-class PlatForm extends _Base {
-    constructor() {
-        super()
-    }
-
-    toggleFullScreen() {
-        return api.call("BasicCommand.fullscreen")
-    }
-
-    toggleDevTools() {
-        return api.call("BasicCommand.toggleDevTools")
-    }
-}
-
-export { PlatForm }

tsconfig.node.json

@@ -1,22 +1,51 @@
 {
-  "extends": "@electron-toolkit/tsconfig/tsconfig.node.json",
+    "extends": "@electron-toolkit/tsconfig/tsconfig.node.json",
-  "include": ["electron.vite.config.*", "src/main/**/*", "src/preload/**/*", "config/**/*", "src/types/**/*", "packages/locales/main.ts", 
+    "include": [
-  "src/common/**/*.main.ts", "src/common/**/main.ts", "src/common/**/*.common.ts", "src/common/**/common.ts"],
+        "electron.vite.config.*",
-  "compilerOptions": {
+        "src/main/**/*",
-    "composite": true,
+        "src/preload/**/*",
-    "emitDecoratorMetadata": true,
+        "config/**/*",
-    "experimentalDecorators": true,
+        "src/types/**/*",
-    "types": ["electron-vite/node", "reflect-metadata",],
+        "packages/locales/main.ts",
-    "baseUrl": ".",
+        "src/common/**/*.main.ts",
-    "paths": {
+        "src/common/**/main.ts",
-      "#": ["src/types/index"],
+        "src/common/**/*.common.ts",
-      "#/*": ["src/types/*"],
+        "src/common/**/common.ts"
-      "config": ["config/index.ts"],
+, "src/common/event/_Base.ts"    ],
-      "config/*": ["config/*"],
+    "compilerOptions": {
-      "main/*": ["src/main/*"],
+        "composite": true,
-      "common/*": ["src/common/*"],
+        "emitDecoratorMetadata": true,
-      "@res/*": ["resources/*"],
+        "experimentalDecorators": true,
-      "locales/*": ["packages/locales/*"],
+        "types": [
+            "electron-vite/node",
+            "reflect-metadata",
+        ],
+        "baseUrl": ".",
+        "paths": {
+            "#": [
+                "src/types/index"
+            ],
+            "#/*": [
+                "src/types/*"
+            ],
+            "config": [
+                "config/index.ts"
+            ],
+            "config/*": [
+                "config/*"
+            ],
+            "main/*": [
+                "src/main/*"
+            ],
+            "common/*": [
+                "src/common/*"
+            ],
+            "@res/*": [
+                "resources/*"
+            ],
+            "locales/*": [
+                "packages/locales/*"
+            ],
+        }
     }
-  }
 }

tsconfig.web.json

@@ -1,39 +1,56 @@
 {
-  "extends": "@electron-toolkit/tsconfig/tsconfig.web.json",
+    "extends": "@electron-toolkit/tsconfig/tsconfig.web.json",
-  "include": [
+    "include": [
-      "src/renderer/auto-imports.d.ts",
+        "src/renderer/auto-imports.d.ts",
-      "src/renderer/components.d.ts",
+        "src/renderer/components.d.ts",
-    "src/renderer/src/env.d.ts",
+        "src/renderer/src/env.d.ts",
-    "src/renderer/src/**/*",
+        "src/renderer/src/**/*",
-    "src/renderer/src/**/*.vue",
+        "src/renderer/src/**/*.vue",
-    "src/preload/*.d.ts",
+        "src/preload/*.d.ts",
-    "src/types/**/*",
+        "src/types/**/*",
-    "config/**/*",
+        "config/**/*",
-    "./typed-router.d.ts",
+        "./typed-router.d.ts",
-    "src/common/**/*.renderer.ts",
+        "src/common/**/*"
-    "src/common/**/renderer.ts",
+    ],
-    "src/common/**/*.common.ts", "src/common/**/common.ts",
+    "exclude": [
-  ],
+        "src/common/**/*.main.ts",
-  "vueCompilerOptions": {
+        "src/common/**/main.ts"
-    "plugins": ["unplugin-vue-macros/volar"],
+    ],
-  },
+    "vueCompilerOptions": {
-  "compilerOptions": {
+        "plugins": [
-    "composite": true,
+            "unplugin-vue-macros/volar"
-    "baseUrl": ".",
+        ],
-    "moduleResolution": "Bundler",
+    },
-    "types": ["unplugin-vue-macros/macros-global", "vite-plugin-vue-layouts/client"],
+    "compilerOptions": {
-    "paths": {
+        "composite": true,
-      "#": ["src/types/index"],
+        "baseUrl": ".",
-      "#/*": ["src/types/*"],
+        "moduleResolution": "Bundler",
-      "config": ["config/index.ts"],
+        "types": [
-      "config/*": ["config/*"],
+            "unplugin-vue-macros/macros-global",
-      "common/*": ["src/common/*"],
+            "vite-plugin-vue-layouts/client"
-      "@/*": [
+        ],
-        "src/renderer/src/*"
+        "paths": {
-      ],
+            "#": [
-      "@res/*": [
+                "src/types/index"
-        "resources/*"
+            ],
-      ],
+            "#/*": [
+                "src/types/*"
+            ],
+            "config": [
+                "config/index.ts"
+            ],
+            "config/*": [
+                "config/*"
+            ],
+            "common/*": [
+                "src/common/*"
+            ],
+            "@/*": [
+                "src/renderer/src/*"
+            ],
+            "@res/*": [
+                "resources/*"
+            ],
+        }
     }
-  }
+}
-}