perf: 🚀 Add volume control

.gitignore

@@ -7,14 +7,6 @@ yarn-error.log*
 pnpm-debug.log*
 lerna-debug.log*
 
-node_modules
-dist
-dist-ssr
-dist-electron
-dist-release
-pnpm-lock.yaml
-*.local
-
 # Editor directories and files
 .vscode/*
 !.vscode/extensions.json
@@ -25,3 +17,13 @@ pnpm-lock.yaml
 *.njsproj
 *.sln
 *.sw?
+
+# User
+node_modules
+pnpm-lock.yaml
+*.local
+dist
+dist-ssr
+dist-electron
+dist-release
+svgo

package.json

@@ -14,7 +14,7 @@
     "build:linux": "vite build && electron-builder --linux",
     "preview": "vite preview",
     "lint": "eslint . --ext .md,.vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --ignore-path .eslintignore --fix",
-    "svgo": "svgo -f src/icons/svg --config=src/icons/svgo.config.js",
+    "svgo": "svgo --folder=src/icons/svgo --output=src/icons/svg --config=src/icons/svgo.config.js",
     "postinstall": "electron-builder install-app-deps",
     "prepare": "husky install"
   },

src/components/Device/components/ControlBar/index.vue

@@ -24,7 +24,7 @@
           plain
           class="!border-none !mx-0 bg-transparent !rounded-0"
           :disabled="device.$unauthorized"
-          :title="item.tips ? $t(item.tips) : ''"
+          :title="$t(item.tips || item.label)"
           :loading="loading"
           @wheel.prevent="onWheel"
         >
@@ -74,7 +74,7 @@ export default {
         },
         {
           label: 'device.control.home',
-          elIcon: 'HomeFilled',
+          svgIcon: 'home',
           command: 'input keyevent KEYCODE_HOME',
         },
         {
@@ -88,6 +88,21 @@ export default {
           command: 'cmd statusbar expand-notifications',
           tips: 'device.control.notification.tips',
         },
+        {
+          label: 'device.control.volume-down.name',
+          svgIcon: 'volume-down',
+          command: 'input keyevent KEYCODE_VOLUME_DOWN',
+        },
+        {
+          label: 'device.control.volume-up.name',
+          svgIcon: 'volume-up',
+          command: 'input keyevent KEYCODE_VOLUME_UP',
+        },
+        {
+          label: 'device.control.volume-mute.name',
+          svgIcon: 'volume-mute',
+          command: 'input keyevent KEYCODE_VOLUME_MUTE',
+        },
         {
           label: 'device.control.power',
           elIcon: 'SwitchButton',

src/icons/svg/home.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 1024 1024"><path fill="currentColor" d="M946.5 505L560.1 118.8l-25.9-25.9a31.5 31.5 0 0 0-44.4 0L77.5 505a63.9 63.9 0 0 0-18.8 46c.4 35.2 29.7 63.3 64.9 63.3h42.5V940h691.8V614.3h43.4c17.1 0 33.2-6.7 45.3-18.8a63.6 63.6 0 0 0 18.7-45.3c0-17-6.7-33.1-18.8-45.2zM568 868H456V664h112v204zm217.9-325.7V868H632V640c0-22.1-17.9-40-40-40H432c-22.1 0-40 17.9-40 40v228H238.1V542.3h-96l370-369.7l23.1 23.1L882 542.3h-96.1z"/></svg>

src/icons/svg/volume-down.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 36 36"><path fill="currentColor" d="M23.41 25.11a1 1 0 0 1-.54-1.85a6.21 6.21 0 0 0-.19-10.65a1 1 0 1 1 1-1.73A8.21 8.21 0 0 1 23.94 25a1 1 0 0 1-.53.11Z" class="clr-i-outline clr-i-outline-path-1"/><path fill="currentColor" d="M18 32a2 2 0 0 1-1.42-.59L9.14 24H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h5.22l7.33-7.41A2 2 0 0 1 20 6v24a2 2 0 0 1-1.24 1.85A2 2 0 0 1 18 32ZM4 14v8h5.56a1 1 0 0 1 .71.28L18 30V6l-7.65 7.68a1 1 0 0 1-.71.3Zm14-8Z" class="clr-i-outline clr-i-outline-path-2"/><path fill="none" d="M0 0h36v36H0z"/></svg>

src/icons/svg/volume-mute.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 36 36"><path fill="currentColor" d="M3.61 6.41L9.19 12H4a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h5.14l7.41 7.47A2 2 0 0 0 18 32a2 2 0 0 0 .76-.15A2 2 0 0 0 20 30v-7.23l5.89 5.89c-.25.15-.49.29-.75.42a1 1 0 0 0 .9 1.79a14.4 14.4 0 0 0 1.31-.75l2.28 2.28L31 31L5 5ZM18 30l-7.73-7.77a1 1 0 0 0-.71-.23H4v-8h5.64a1 1 0 0 0 .71-.3l.26-.26L18 20.81Z" class="clr-i-outline clr-i-outline-path-1"/><path fill="currentColor" d="M24.89 6.69A12.42 12.42 0 0 1 29 26.1l1.42 1.42a14.42 14.42 0 0 0-4.66-22.64a1 1 0 1 0-.87 1.8Z" class="clr-i-outline clr-i-outline-path-2"/><path fill="currentColor" d="M22.69 12.62A6.27 6.27 0 0 1 25.8 18a6.17 6.17 0 0 1-1.24 3.71L26 23.13A8.15 8.15 0 0 0 27.8 18a8.28 8.28 0 0 0-4.1-7.11a1 1 0 1 0-1 1.73Z" class="clr-i-outline clr-i-outline-path-3"/><path fill="currentColor" d="M18 6v9.15l2 2V6a2 2 0 0 0-3.42-1.41L12 9.17l1.41 1.41Z" class="clr-i-outline clr-i-outline-path-4"/><path fill="none" d="M0 0h36v36H0z"/></svg>

src/icons/svg/volume-up.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 36 36"><path fill="currentColor" d="M23.41 25.25a1 1 0 0 1-.54-1.85a6.21 6.21 0 0 0-.19-10.65a1 1 0 1 1 1-1.73a8.21 8.21 0 0 1 .24 14.06a1 1 0 0 1-.51.17Z" class="clr-i-outline clr-i-outline-path-1"/><path fill="currentColor" d="M25.62 31.18a1 1 0 0 1-.45-1.89A12.44 12.44 0 0 0 25 6.89a1 1 0 1 1 .87-1.8a14.44 14.44 0 0 1 .24 26a1 1 0 0 1-.49.09Z" class="clr-i-outline clr-i-outline-path-2"/><path fill="currentColor" d="M18 32.06a2 2 0 0 1-1.42-.59L9.14 24H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h5.22l7.33-7.39A2 2 0 0 1 20 6v24a2 2 0 0 1-1.24 1.85a2 2 0 0 1-.76.21ZM4 14v8h5.56a1 1 0 0 1 .71.3L18 30.06V6l-7.65 7.7a1 1 0 0 1-.71.3Zm14-8Z" class="clr-i-outline clr-i-outline-path-3"/><path fill="none" d="M0 0h36v36H0z"/></svg>

src/icons/svgo.config.js

@@ -1,4 +1,5 @@
 module.exports = {
+  exclude: ['home.svg', 'volume-down.svg', 'volume-mute.svg', 'volume-up.svg'],
   plugins: [
     {
       name: 'removeAttrs',

src/locales/languages/en_US.json

@@ -100,6 +100,9 @@
   "device.control.mirror-group.name": "Mirror Group",
   "device.control.mirror-group.tips": "When enabled, can mirror multiple simulated secondary displays and achieve multi-screen collaboration by operating each mirrored window. Note this requires ROM support and desktop mode enabled.",
   "device.control.mirror-group.open": "Open {num} windows",
+  "device.control.volume-up.name": "Volume Up",
+  "device.control.volume-down.name": "Volume Down",
+  "device.control.volume-mute.name": "Mute",
 
   "preferences.name": "Preferences",
   "preferences.reset": "Reset to Default",

src/locales/languages/zh_CN.json

@@ -98,6 +98,9 @@
   "device.control.mirror-group.name": "多屏协同",
   "device.control.mirror-group.tips": "开启后，可以同时镜像多个模拟辅助显示设备，并通过操作各个镜像窗口实现多屏协同功能。请注意，此功能需要手机 ROM 支持，并且必须开启强制使用桌面模式选项。",
   "device.control.mirror-group.open": "开启 {num} 个窗口",
+  "device.control.volume-up.name": "增加音量",
+  "device.control.volume-down.name": "减小音量",
+  "device.control.volume-mute.name": "静音",
 
   "preferences.name": "偏好设置",
   "preferences.reset": "恢复默认值",