From aeae0c65bb1d083a70a9d3f95e973264e4944ad4 Mon Sep 17 00:00:00 2001
From: viarotel <viarotel@qq.com>
Date: Tue, 24 Oct 2023 18:59:56 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=F0=9F=93=9D=20=E7=BF=BB=E8=AF=91?=
 =?UTF-8?q?=E8=AE=BE=E5=A4=87=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .vscode/settings.json                      |   2 +-
 src/App.vue                                |   6 +-
 src/components/Device/ControlBar/index.vue |  16 +--
 src/components/Device/Remark/index.vue     |   4 +-
 src/components/Device/index.vue            |  72 ++++++----
 src/locales/en_US.json                     | 129 +++++++++++++++++-
 src/locales/zh_CN.json                     | 147 +++++++++++++++++----
 src/main.js                                |   4 +-
 8 files changed, 308 insertions(+), 72 deletions(-)

diff --git a/.vscode/settings.json b/.vscode/settings.json
index 6e2cf5cc..2d4323ad 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -34,5 +34,5 @@
     "dist-release/win-arm64-unpacked/locales",
     "dist-release/win-unpacked/locales"
   ],
-  "i18n-ally.sourceLanguage": "en"
+  "i18n-ally.sourceLanguage": "zh"
 }
diff --git a/src/App.vue b/src/App.vue
index 8dcd5bf7..d2e7da0d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -34,15 +34,15 @@ export default {
     return {
       tabsModel: [
         {
-          label: this.$t('devices'),
+          label: this.$t('devices.name'),
           prop: 'Device',
         },
         {
-          label: this.$t('preferences'),
+          label: this.$t('preferences.name'),
           prop: 'Preference',
         },
         {
-          label: this.$t('about'),
+          label: this.$t('about.name'),
           prop: 'About',
         },
       ],
diff --git a/src/components/Device/ControlBar/index.vue b/src/components/Device/ControlBar/index.vue
index 09071d6e..6bf2f391 100644
--- a/src/components/Device/ControlBar/index.vue
+++ b/src/components/Device/ControlBar/index.vue
@@ -36,46 +36,46 @@ export default {
     return {
       controlModel: [
         {
-          label: '切换键',
+          label: this.$t('devices.operates.switch'),
           elIcon: 'Switch',
           command: 'input keyevent KEYCODE_APP_SWITCH',
         },
         {
-          label: '主屏幕键',
+          label: this.$t('devices.operates.home'),
           elIcon: 'HomeFilled',
           command: 'input keyevent KEYCODE_HOME',
         },
         {
-          label: '返回键',
+          label: this.$t('devices.operates.return'),
           elIcon: 'Back',
           command: 'input keyevent KEYCODE_BACK',
         },
         {
-          label: '通知栏',
+          label: this.$t('devices.operates.notification'),
           elIcon: 'Notification',
           command: 'cmd statusbar expand-notifications',
           tips: '打开下拉菜单选项',
         },
         {
-          label: '电源键',
+          label: this.$t('devices.operates.power'),
           elIcon: 'SwitchButton',
           command: 'input keyevent KEYCODE_POWER',
           tips: '可以用来开启或关闭屏幕',
         },
         {
-          label: '重启设备',
+          label: this.$t('devices.operates.reboot'),
           elIcon: 'RefreshLeft',
           command: 'reboot',
           tips: '可以用来开启或关闭屏幕',
         },
         {
-          label: '截取屏幕',
+          label: this.$t('devices.operates.capture'),
           elIcon: 'Crop',
           handle: this.handleScreenCap,
           tips: '',
         },
         {
-          label: '安装应用',
+          label: this.$t('devices.operates.install'),
           svgIcon: 'install',
           handle: this.handleInstall,
           tips: '',
diff --git a/src/components/Device/Remark/index.vue b/src/components/Device/Remark/index.vue
index 39afeba6..bc585506 100644
--- a/src/components/Device/Remark/index.vue
+++ b/src/components/Device/Remark/index.vue
@@ -11,7 +11,9 @@
           <el-icon>
             <EditPen />
           </el-icon>
-          <span class="pl-1">{{ device.$remark || "备注" }}</span>
+          <span class="pl-1">{{
+            device.$remark || $t("devices.device.remark")
+          }}</span>
         </div>
       </el-tag>
     </template>
diff --git a/src/components/Device/index.vue b/src/components/Device/index.vue
index 3a388288..1fa9d85f 100644
--- a/src/components/Device/index.vue
+++ b/src/components/Device/index.vue
@@ -8,7 +8,7 @@
         clearable
       >
         <template #prepend>
-          无线连接
+          {{ $t("devices.wireless.name") }}
         </template>
       </el-input>
       <div class="text-gray-500 text-sm">
@@ -30,7 +30,7 @@
         :loading="connectLoading"
         @click="handleConnect"
       >
-        连接设备
+        {{ $t("devices.wireless.connect") }}
       </el-button>
       <el-button
         type="primary"
@@ -38,10 +38,10 @@
         :loading="loading"
         @click="handleRefresh"
       >
-        刷新设备
+        {{ $t("devices.refresh") }}
       </el-button>
       <el-button type="warning" icon="RefreshRight" @click="handleRestart">
-        重启服务
+        {{ $t("devices.restart") }}
       </el-button>
     </div>
     <div class="pt-4 flex-1 h-0 overflow-hidden">
@@ -56,16 +56,20 @@
         row-key="id"
       >
         <template #empty>
-          <el-empty description="设备列表为空" />
+          <el-empty :description="$t('devices.empty')" />
         </template>
         <el-table-column
           prop="id"
-          label="设备 ID"
+          :label="$t('devices.device.id')"
           show-overflow-tooltip
           align="left"
           width="200"
         />
-        <el-table-column label="设备名称" show-overflow-tooltip align="left">
+        <el-table-column
+          :label="$t('devices.device.name')"
+          show-overflow-tooltip
+          align="left"
+        >
           <template #default="{ row }">
             <div class="flex items-center">
               <el-tooltip
@@ -90,7 +94,11 @@
             </div>
           </template>
         </el-table-column>
-        <el-table-column label="操作" width="400" align="left">
+        <el-table-column
+          :label="$t('devices.operates.name')"
+          width="400"
+          align="left"
+        >
           <template #default="{ row }">
             <el-button
               type="primary"
@@ -100,7 +108,11 @@
               :icon="row.$loading ? '' : 'Monitor'"
               @click="handleMirror(row)"
             >
-              {{ row.$loading ? "正在镜像" : "开始镜像" }}
+              {{
+                row.$loading
+                  ? $t("devices.operates.mirroring")
+                  : $t("devices.operates.mirror")
+              }}
             </el-button>
 
             <el-button
@@ -111,7 +123,11 @@
               :icon="row.$recordLoading ? '' : 'VideoCamera'"
               @click="handleRecord(row)"
             >
-              {{ row.$recordLoading ? "正在录制" : "开始录制" }}
+              {{
+                row.$recordLoading
+                  ? $t("devices.operates.recording")
+                  : $t("devices.operates.record")
+              }}
             </el-button>
 
             <el-button
@@ -126,7 +142,7 @@
               <template #icon>
                 <svg-icon name="wifi"></svg-icon>
               </template>
-              无线模式
+              {{ $t("devices.operates.wireless") }}
             </el-button>
 
             <el-button
@@ -138,13 +154,17 @@
               :icon="row.$stopLoading ? '' : 'CircleClose'"
               @click="handleStop(row)"
             >
-              {{ row.$stopLoading ? "正在断开" : "断开连接" }}
+              {{
+                row.$stopLoading
+                  ? $t("devices.operates.disconnecting")
+                  : $t("devices.operates.disconnect")
+              }}
             </el-button>
           </template>
         </el-table-column>
         <el-table-column type="expand">
           <template #header>
-            <el-icon class="" title="设备交互">
+            <el-icon class="" :title="$t('devices.operates.more')">
               <Operation class="" />
             </el-icon>
           </template>
@@ -177,7 +197,7 @@ export default {
     const adbCache = storage.get('adbCache') || {}
     return {
       loading: false,
-      loadingText: '努力加载中...',
+      loadingText: this.$t('devices.loading'),
       connectLoading: false,
       deviceList: [],
       formData: {
@@ -367,20 +387,22 @@ export default {
       try {
         await this.$confirm(
           `
-        <div class="pb-4 text-sm text-red-500">错误详情：${message}</div>
-        <div>可能有以下原因：</div>
-        <div>1. IP地址或端口号错误</div>
-        <div>2. 设备未与当前电脑配对成功</div>
-        <div>3. 电脑网络和提供的设备网络IP不在同一个局域网中</div>
-        <div>4. adb 依赖路径错误</div>
-        <div>5. 其他未知错误</div>
+        <div class="pb-4 text-sm text-red-500">${this.$t(
+          'devices.wireless.error.detail',
+        )}：${message}</div>
+        <div>${this.$t('devices.wireless.error.reasons[0]')}：</div>
+        <div>1. ${this.$t('devices.wireless.error.reasons[1]')} </div>
+        <div>2. ${this.$t('devices.wireless.error.reasons[2]')} </div>
+        <div>3. ${this.$t('devices.wireless.error.reasons[3]')} </div>
+        <div>4. ${this.$t('devices.wireless.error.reasons[4]')} </div>
+        <div>5. ${this.$t('devices.wireless.error.reasons[5]')} </div>
         `,
-          '连接设备失败',
+          this.$t('devices.wireless.error.title'),
           {
             dangerouslyUseHTMLString: true,
             closeOnClickModal: false,
-            confirmButtonText: '无线配对',
-            cancelButtonText: '取消',
+            confirmButtonText: this.$t('devices.wireless.error.confirm'),
+            cancelButtonText: this.$t('devices.wireless.error.cancel'),
             type: 'warning',
           },
         )
@@ -432,7 +454,7 @@ export default {
         }
       }
       this.loading = false
-      this.loadingText = '正在获取设备列表...'
+      this.loadingText = ''
     },
   },
 }
diff --git a/src/locales/en_US.json b/src/locales/en_US.json
index f708fb4d..9ca61e8e 100644
--- a/src/locales/en_US.json
+++ b/src/locales/en_US.json
@@ -1,15 +1,130 @@
 {
-  "// 设备列表": true,
+  "common": {
+    "cancel": "Cancel",
+    "confirm": "Confirm"
+  },
+  "devices": {
+    "name": "Devices",
 
-  "devices": "Devices",
+    "loading": "loading...",
 
-  "// 偏好设备": true,
+    "empty": "No device detected",
 
-  "preferences": "Preferences",
+    "wireless": {
+      "name": "Wireless",
+      "connect": "Connect",
+      "error": {
+        "title": "Failed to Connect Device",
+        "detail": "Error Details",
+        "reasons": [
+          "Possible reasons:",
+          "Incorrect IP address or port number",
+          "Device pairing unsuccessful",
+          "Computer network and provided device network IP are not in the same LAN",
+          "Incorrect adb dependency path",
+          "Other unknown errors"
+        ],
+        "confirm": "Wireless Pairing",
+        "cancel": "@:common.cancel"
+      },
+      "success": "Device Connected Successfully"
+    },
 
-  "// 关于": true,
+    "refresh": "Refresh",
+    "restart": "Restart",
 
-  "about": "About",
+    "device": {
+      "id": "ID",
+      "name": "Name",
+      "remark": "Remark"
+    },
 
-  "// 底部占位符": true
+    "operates": {
+      "name": "Operations",
+      "more": "More",
+      "mirror": "Mirror",
+      "mirroring": "Mirroring",
+      "record": "Record",
+      "recording": "Recording",
+      "wireless": "Wireless Mode",
+      "disconnect": "Disconnect",
+      "disconnecting": "Disconnecting",
+      "install": "Install APP",
+      "capture": "Capture",
+      "reboot": "Reboot",
+      "power": "Power",
+      "notification": "Notification",
+      "return": "Back",
+      "home": "Home",
+      "switch": "Switch"
+    }
+  },
+  "preferences": {
+    "name": "Preferences",
+    "global": "Global",
+
+    "config": {
+      "import": "Import Configuration",
+      "export": "Export Configuration",
+      "edit": "Edit Configuration",
+      "reset": "Reset Configuration"
+    },
+
+    "custom": {
+      "name": "Custom",
+      "file-path": "File Storage Path",
+      "adb-path": "ADB Path",
+      "scrcpy-path": "Scrcpy Path"
+    },
+
+    "video": {
+      "name": "Video Control",
+      "resolution": "Resolution",
+      "bit": "Bitrate",
+      "refresh-rate": "Refresh Rate",
+      "decoder": "Video Decoder",
+      "encoder": "Video Encoder",
+      "screen-rotation": "Screen Rotation",
+      "screen-cropping": "Screen Cropping",
+      "multi-display": "Multiple Displays",
+      "video-buffering": "Video Buffering",
+      "audio-buffering": "Audio Buffering",
+      "receiver-buffering": "Receiver Buffering (v412)",
+      "disable": "Disable Video"
+    },
+
+    "device": {
+      "name": "Device Control",
+      "show-touch": "Show Touches",
+      "stay-awake": "Stay Awake",
+      "control-in-close-screen": "Turn Off Screen During Control",
+      "control-end-video": "Turn Off Screen After Control",
+      "control-in-stop-charging": "Stop Charging During Control"
+    },
+
+    "window": {
+      "name": "Window Control",
+      "borderless": "Borderless Mode",
+      "full-screen": "Full Screen Mode",
+      "always-top": "Always on Top",
+      "disable-screen-saver": "Disable Screensaver"
+    },
+
+    "recording": {
+      "name": "Audio/Video Recording",
+      "format": "Video Recording Format"
+    },
+
+    "audio": {
+      "name": "Audio/Video Recording",
+      "disable": "Disable Audio"
+    },
+
+    "reset": "Restore Default Values"
+  },
+  "about": {
+    "name": "About",
+    "description": "📱 Display and control your Android device using a graphical interface powered by Electron",
+    "update": "Check for Updates"
+  }
 }
diff --git a/src/locales/zh_CN.json b/src/locales/zh_CN.json
index dd1e7f9a..23d39abe 100644
--- a/src/locales/zh_CN.json
+++ b/src/locales/zh_CN.json
@@ -1,35 +1,132 @@
 {
-  "// 设备列表": true,
+  "common": {
+    "cancel": "取消",
+    "confirm": "确认"
+  },
+  "devices": {
+    "name": "设备列表",
 
-  "wireless-connection": "无线连接",
-  "connected-device": "连接设备",
-  "refresh-device": "刷新设备",
-  "restart-service": "重启服务",
+    "loading": "努力加载中...",
 
-  "device-id": "设备 ID",
-  "device-name": "设备名称",
-  "devices": "设备列表",
-  "operate": "操作",
+    "empty": "没有检测到设备",
 
-  "install-app": "安装应用",
-  "screen-capture": "截取屏幕",
-  "reboot-device": "重启设备",
-  "power-key": "电源键",
-  "notification-bar": "通知栏",
-  "return-key": "切换键",
-  "home-key": "切换键",
-  "switch-key": "切换键",
-  "wireless-mode": "无线模式",
-  "start-recording": "开始录制",
-  "start-mirror": "开始镜像",
+    "wireless": {
+      "name": "无线连接",
+      "connect": "连接设备",
+      "error": {
+        "title": "连接设备失败",
+        "detail": "错误详情",
+        "reasons": [
+          "可能有以下原因",
+          "IP地址或端口号错误",
+          "设备未与当前电脑配对成功",
+          "电脑网络和提供的设备网络IP不在同一个局域网中",
+          "adb 依赖路径错误",
+          "其他未知错误"
+        ],
+        "confirm": "无线配对",
+        "cancel": "@:common.cancel"
+      },
+      "success": "连接设备成功"
+    },
 
-  "// 偏好设备": true,
+    "refresh": "刷新设备",
+    "restart": "重启服务",
 
-  "preferences": "偏好设置",
+    "device": {
+      "id": "设备 ID",
+      "name": "设备名称",
+      "remark": "备注"
+    },
 
-  "// 关于": true,
+    "operates": {
+      "name": "操作",
+      "more": "设备交互",
+      "mirror": "开始镜像",
+      "mirroring": "正在镜像",
+      "record": "开始录制",
+      "recording": "正在录制",
+      "wireless": "无线模式",
+      "disconnect": "断开连接",
+      "disconnecting": "正在断开",
+      "install": "安装应用",
+      "capture": "截取屏幕",
+      "reboot": "重启设备",
+      "power": "电源键",
+      "notification": "通知栏",
+      "return": "切换键",
+      "home": "切换键",
+      "switch": "切换键"
+    }
+  },
 
-  "about": "关于",
+  "preferences": {
+    "name": "偏好设置",
+    "global": "全局",
 
-  "// 底部占位符": true
+    "config": {
+      "import": "导入配置",
+      "export": "导出配置",
+      "edit": "编辑配置",
+      "reset": "重置配置"
+    },
+
+    "custom": {
+      "name": "自定义",
+      "file-path": "文件存储路径",
+      "adb-path": "adb 路径",
+      "scrcpy-path": "scrcpy 路径"
+    },
+
+    "video": {
+      "name": "视频控制",
+      "resolution": "分辨率",
+      "bit": "比特率",
+      "refresh-rate": "刷新率",
+      "decoder": "视频解码器",
+      "encoder": "视频编码器",
+      "screen-rotation": "屏幕旋转",
+      "screen-cropping": "屏幕裁剪",
+      "multi-display": "多显示器",
+      "video-buffering": "视频缓冲",
+      "audio-buffering": "音频缓冲",
+      "receiver-buffering": "接收器缓冲(v412)",
+      "disable": "禁用视频"
+    },
+
+    "device": {
+      "name": "设备控制",
+      "show-touch": "展示触摸点",
+      "stay-awake": "保持清醒",
+      "control-in-close-screen": "控制时关闭屏幕",
+      "control-end-video": "控制结束关闭屏幕",
+      "control-in-stop-charging": "控制时停止充电"
+    },
+
+    "window": {
+      "name": "窗口控制",
+      "borderless": "无边框模式",
+      "full-screen": "全屏模式",
+      "always-top": "始终位于顶部",
+      "disable-screen-saver": "禁用屏幕保护程序"
+    },
+
+    "recording": {
+      "name": "音视频录制",
+      "format": "录制视频格式"
+    },
+
+    "audio": {
+      "name": "音视频录制",
+      "disable": "禁用音频"
+    },
+
+    "reset": "恢复默认值"
+  },
+
+  "about": {
+    "name": "关于",
+    "description": "📱 使用图形化的 Scrcpy 显示和控制您的 Android 设备，由 Electron 驱动",
+    "update": "版本检测更新"
+  }
 }
diff --git a/src/main.js b/src/main.js
index 9eb70ada..1e87f253 100644
--- a/src/main.js
+++ b/src/main.js
@@ -21,8 +21,8 @@ app.use(plugins)
 
 app.use(icons)
 
-const locale = window.electron?.process?.env?.LOCALE
-// const locale = 'en_US'
+// const locale = window.electron?.process?.env?.LOCALE
+const locale = 'en_US'
 // console.log('locale', locale)
 const i18n = createI18n({
   locale,