Refactor widget tray menu panel

Author: rtugeek

public/widget.json

@@ -137,38 +137,38 @@
       ]
     },
     {
-      "name": "cn.widgetjs.widgets.phone_reminder",
+      "name": "cn.widgetjs.widgets.labor_progress",
       "title": {
-        "zh-CN": "来电提醒"
+        "zh-CN": "打工进度"
       },
       "description": {
-        "zh-CN": "用灵动通知加语音，提醒重要事项"
+        "zh-CN": "打工人，打工魂"
       },
       "keywords": [
         "recommend"
       ],
       "security": false,
       "permissions": [],
       "lang": "zh-CN",
-      "width": 1,
+      "width": 4,
       "height": 1,
-      "maxWidth": 1,
+      "maxWidth": 6,
       "webviewTag": false,
-      "maxHeight": 1,
-      "minWidth": 1,
+      "maxHeight": 2,
+      "minWidth": 3,
       "minHeight": 1,
       "movable": true,
       "singleton": false,
       "resizable": true,
-      "path": "/widget/phone_reminder",
+      "path": "/widget/labor_progress",
       "meta": {},
-      "backgroundThrottling": false,
-      "previewImage": "/images/preview_phone_reminder.png",
+      "backgroundThrottling": true,
+      "previewImage": "/images/preview_labor_progress.png",
       "categories": [
         "fun"
       ],
-      "supportDeployMode": 65536,
-      "configPagePath": "/widget/config/phone_reminder?frame=true&transparent=false",
+      "supportDeployMode": 17,
+      "configPagePath": "/widget/config/labor_progress?frame=true&transparent=false",
       "routes": [],
       "socialLinks": [
         {
@@ -178,38 +178,38 @@
       ]
     },
     {
-      "name": "cn.widgetjs.widgets.labor_progress",
+      "name": "cn.widgetjs.widgets.phone_reminder",
       "title": {
-        "zh-CN": "打工进度"
+        "zh-CN": "来电提醒"
       },
       "description": {
-        "zh-CN": "打工人，打工魂"
+        "zh-CN": "用灵动通知加语音，提醒重要事项"
       },
       "keywords": [
         "recommend"
       ],
       "security": false,
       "permissions": [],
       "lang": "zh-CN",
-      "width": 4,
+      "width": 1,
       "height": 1,
-      "maxWidth": 6,
+      "maxWidth": 1,
       "webviewTag": false,
-      "maxHeight": 2,
-      "minWidth": 3,
+      "maxHeight": 1,
+      "minWidth": 1,
       "minHeight": 1,
       "movable": true,
       "singleton": false,
       "resizable": true,
-      "path": "/widget/labor_progress",
+      "path": "/widget/phone_reminder",
       "meta": {},
-      "backgroundThrottling": true,
-      "previewImage": "/images/preview_labor_progress.png",
+      "backgroundThrottling": false,
+      "previewImage": "/images/preview_phone_reminder.png",
       "categories": [
         "fun"
       ],
-      "supportDeployMode": 17,
-      "configPagePath": "/widget/config/labor_progress?frame=true&transparent=false",
+      "supportDeployMode": 65536,
+      "configPagePath": "/widget/config/phone_reminder?frame=true&transparent=false",
       "routes": [],
       "socialLinks": [
         {

src/assets/images/bilibili_logo_red.png

@@ -2,8 +2,8 @@ import type { LanguageCode } from '@widget-js/core'
 import { AppApi } from '@widget-js/core'
 import { onMounted, ref, watch } from 'vue'
 
+const debugMode = ref(false)
 export function useDebugConfig(onLoad?: (debug: boolean) => void) {
-  const debugMode = ref(false)
   onMounted(async () => {
     debugMode.value = await AppApi.getDevMode()
     onLoad?.(debugMode.value)

src/assets/images/logo.png

@@ -0,0 +1,36 @@
+import type { AppRuntimeInfo } from '@widget-js/core'
+import { AppApi } from '@widget-js/core'
+import { computed, ref } from 'vue'
+
+export type SimpleAppRuntimeInfo = Omit<AppRuntimeInfo, 'chrome' | 'node' | 'appPath' | 'platform' | 'v8'>
+export function useAppRuntimeInfo() {
+  const info = ref<AppRuntimeInfo>()
+
+  AppApi.getRuntimeInfo().then((data) => {
+    // sort keys
+    const res = Object.keys(data).sort().reduce((obj, key) => {
+      obj[key] = data[key]
+      return obj
+    }, {})
+    info.value = res as AppRuntimeInfo
+  })
+
+  const simpleInfo = computed<SimpleAppRuntimeInfo | undefined>(() => {
+    if (info.value) {
+      const simple: SimpleAppRuntimeInfo = {
+        app: info.value.app,
+        cpuModel: info.value.cpuModel,
+        arch: info.value.arch,
+        electron: info.value.electron,
+        release: info.value.release,
+        isWindowsStore: info.value.isWindowsStore,
+        totalMem: info.value.totalMem,
+        systemName: info.value.systemName,
+      }
+      return simple
+    }
+    return undefined
+  })
+
+  return { info, simpleInfo }
+}

src/composition/useAppConfig.ts

@@ -4,7 +4,7 @@
   "infoCopied": "Info Copied",
   "appInfo": "App Info",
   "loading": "Loading",
-  "fullDetail": "Full Detail",
+  "fullDetail": "Detail",
   "copyAndReport": "Copy & Report",
   "copy": "Copy",
   "add": "Add",
@@ -61,5 +61,6 @@
   },
   "notification": {
     "enableDevMode": "Developer mode enabled"
-  }
+  },
+  "exit": "Exit"
 }

src/composition/useAppRuntimeInfo.ts

@@ -3,6 +3,8 @@ import defaultZh from '@/i18n/default/zh.json'
 import defaultEn from '@/i18n/default/en.json'
 import settingsZh from '@/i18n/settings/zh.json'
 import settingsEn from '@/i18n/settings/en.json'
+import trayEn from '@/i18n/tray/en.json'
+import trayZh from '@/i18n/tray/zh.json'
 
 export const i18n = createI18n({
   legacy: false,
@@ -11,10 +13,12 @@ export const i18n = createI18n({
     'zh': {
       ...defaultZh,
       settings: settingsZh,
+      tray: trayZh,
     },
     'en-US': {
       ...defaultEn,
       settings: settingsEn,
+      tray: trayEn,
     },
   },
   fallbackLocale: 'en',

src/i18n/default/en.json

@@ -0,0 +1,16 @@
+{
+  "appVersion": "Version",
+  "systemVersion": "System",
+  "fullDetail": "Detail",
+  "runningWidgets": "Running Widgets",
+  "addWidget": "Widgets",
+  "settings": {
+    "title": "Settings"
+  },
+  "checkUpdates": "Update",
+  "shareApp": "Share App",
+  "exit": "Exit",
+  "suggestions": "Suggestions & Feedback",
+  "infoCopied": "Info Copied",
+  "downloadLinkCopied": "Download link copied to clipboard"
+}

src/i18n/i18n.ts

@@ -0,0 +1,16 @@
+{
+  "appVersion": "应用版本",
+  "systemVersion": "系统版本",
+  "fullDetail": "详细信息",
+  "runningWidgets": "运行中的组件",
+  "addWidget": "添加组件",
+  "settings": {
+    "title": "设置"
+  },
+  "checkUpdates": "检测更新",
+  "shareApp": "分享应用",
+  "exit": "退出",
+  "suggestions": "建议与反馈",
+  "infoCopied": "已复制信息",
+  "downloadLinkCopied": "已复制下载链接到剪贴板"
+}

src/i18n/tray/en.json

@@ -27,6 +27,11 @@ const routes: RouteRecordRaw[] = [
     name: 'setting',
     component: () => import('@/views/settings/SettingView.vue'),
   },
+  {
+    path: '/setting/app/runtime',
+    name: 'AppRunTime',
+    component: () => import('@/views/settings/AppRuntimeView.vue'),
+  },
   {
     path: '/manager',
     name: 'manager',
@@ -57,6 +62,11 @@ const routes: RouteRecordRaw[] = [
     name: 'tray',
     component: () => import('../views/desktop/TrayGuide.vue'),
   },
+  {
+    path: '/tray/menu',
+    name: 'TrayMenu',
+    component: () => import('../views/tray/TrayMenuView.vue'),
+  },
   {
     path: '/check-update',
     name: 'check-update',