docs: 更新 QQ 群二维码 (#810)

Co-authored-by: ayang <473033518@qq.com>

.github/DOWNLOAD_GUIDE.md

@@ -24,7 +24,7 @@ brew tap ayangweb/BongoCat
 2. 安装：
 
 ```bash
-brew install bongo-cat
+brew install --no-quarantine bongo-cat
 ```
 
 3. 更新：

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -1,7 +1,7 @@
 name: 🐞 Bug 报告
 title: '[bug] '
 description: 报告一个 Bug
-labels: 🐞 bug
+labels: bug
 body:
   - type: markdown
     attributes:

.github/ISSUE_TEMPLATE/feature_request.yml

@@ -1,7 +1,7 @@
 name: 💡 功能请求
 title: '[feat] '
 description: 提出一个想法
-labels: 💡 feature request
+labels: feature request
 body:
   - type: textarea
     id: problem

.github/workflows/release.yml

@@ -1,4 +1,4 @@
-name: Release CI
+name: BongoCat Release
 
 on:
   push:
@@ -72,7 +72,7 @@ jobs:
         if: startsWith(matrix.platform, 'ubuntu')
         run: |
           sudo apt-get update
-          sudo apt-get install -y libwebkit2gtk-4.1-dev libappindicator3-dev librsvg2-dev patchelf xdg-utils
+          sudo apt-get install -y libwebkit2gtk-4.1-dev libappindicator3-dev librsvg2-dev libudev-dev patchelf xdg-utils
 
       - name: Install Rust stable
         uses: dtolnay/rust-toolchain@stable
@@ -88,7 +88,7 @@ jobs:
           node-version: 20
           cache: pnpm
 
-      - name: Install app dependencies and build web
+      - name: Install front-end dependencies
         run: pnpm install --frozen-lockfile
 
       - name: Build the app

.github/workflows/upgradelink.yml

@@ -0,0 +1,20 @@
+name: Upload Release to UpgradeLink
+
+on:
+  release:
+    types: [published]
+  workflow_dispatch:
+
+jobs:
+  upgradeLink-upload:
+    permissions:
+      contents: write
+    runs-on: ubuntu-latest
+    steps:
+      - name: Send a request to UpgradeLink
+        uses: toolsetlink/upgradelink-action@v5
+        with:
+          source-url: 'https://github.com/ayangweb/BongoCat/releases/latest/download/latest.json'
+          access-key: ${{ secrets.UPGRADE_LINK_ACCESS_KEY }}
+          tauri-key: ${{ secrets.UPGRADE_LINK_TAURI_KEY }}
+          github-token: ${{ secrets.RELEASE_TOKEN }}

.vscode/settings.json

@@ -2,6 +2,8 @@
   // Disable the default formatter, use eslint instead
   "prettier.enable": false,
 
+  "eslint.format.enable": true,
+
   // Auto fix
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": "explicit",
@@ -46,5 +48,12 @@
     "scss",
     "pcss",
     "postcss"
-  ]
+  ],
+
+  "typescript.enablePromptUseWorkspaceTsdk": true,
+  "typescript.tsdk": "./node_modules/typescript/lib",
+
+  "i18n-ally.localesPaths": ["src/locales"],
+  "i18n-ally.keystyle": "nested",
+  "i18n-ally.displayLanguage": "zh-CN"
 }

Cargo.lock

@@ -184,9 +184,9 @@ dependencies = [
 
 [[package]]
 name = "async-io"
-version = "2.4.0"
+version = "2.4.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "43a2b323ccce0a1d90b449fd71f2a06ca7faa7c54c2751f06c9bd851fc061059"
+checksum = "1237c0ae75a0f3765f58910ff9cdd0a12eeb39ab2f4c7de23262f337f0aacbb3"
 dependencies = [
  "async-lock",
  "cfg-if",
@@ -195,7 +195,7 @@ dependencies = [
  "futures-lite",
  "parking",
  "polling",
- "rustix 0.38.44",
+ "rustix 1.0.7",
  "slab",
  "tracing",
  "windows-sys 0.59.0",
@@ -214,9 +214,9 @@ dependencies = [
 
 [[package]]
 name = "async-process"
-version = "2.3.0"
+version = "2.3.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "63255f1dc2381611000436537bbedfe83183faa303a5a0edaf191edef06526bb"
+checksum = "cde3f4e40e6021d7acffc90095cbd6dc54cb593903d1de5832f435eb274b85dc"
 dependencies = [
  "async-channel",
  "async-io",
@@ -227,7 +227,7 @@ dependencies = [
  "cfg-if",
  "event-listener",
  "futures-lite",
- "rustix 0.38.44",
+ "rustix 1.0.7",
  "tracing",
 ]
 
@@ -244,9 +244,9 @@ dependencies = [
 
 [[package]]
 name = "async-signal"
-version = "0.2.10"
+version = "0.2.11"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "637e00349800c0bdf8bfc21ebbc0b6524abea702b0da4168ac00d070d0c0b9f3"
+checksum = "d7605a4e50d4b06df3898d5a70bf5fde51ed9059b0434b73105193bc27acce0d"
 dependencies = [
  "async-io",
  "async-lock",
@@ -254,7 +254,7 @@ dependencies = [
  "cfg-if",
  "futures-core",
  "futures-io",
- "rustix 0.38.44",
+ "rustix 1.0.7",
  "signal-hook-registry",
  "slab",
  "windows-sys 0.59.0",
@@ -450,9 +450,10 @@ dependencies = [
 
 [[package]]
 name = "bongo-cat"
-version = "0.5.0"
+version = "0.9.0"
 dependencies = [
  "fs_extra",
+ "gilrs",
  "rdev",
  "serde",
  "serde_json",
@@ -464,6 +465,8 @@ dependencies = [
  "tauri-plugin-custom-window",
  "tauri-plugin-dialog",
  "tauri-plugin-fs",
+ "tauri-plugin-global-shortcut",
+ "tauri-plugin-locale",
  "tauri-plugin-log",
  "tauri-plugin-macos-permissions",
  "tauri-plugin-opener",
@@ -612,9 +615,9 @@ dependencies = [
 
 [[package]]
 name = "camino"
-version = "1.1.9"
+version = "1.1.10"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8b96ec4966b5813e2c0507c1f86115c8c5abaadc3980879c3424042a02fd1ad3"
+checksum = "0da45bc31171d8d6960122e222a67740df867c1dd53b4d51caa297084c185cab"
 dependencies = [
  "serde",
 ]
@@ -654,9 +657,9 @@ dependencies = [
 
 [[package]]
 name = "cc"
-version = "1.2.24"
+version = "1.2.25"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "16595d3be041c03b09d08d0858631facccee9221e579704070e6e9e4915d3bc7"
+checksum = "d0fc897dc1e865cc67c0e05a836d9d3f1df3cbe442aa4a9473b18e12624a4951"
 dependencies = [
  "shlex",
 ]
@@ -747,7 +750,7 @@ dependencies = [
  "bitflags 2.9.1",
  "block",
  "cocoa-foundation 0.2.1",
- "core-foundation 0.10.0",
+ "core-foundation 0.10.1",
  "core-graphics 0.24.0",
  "foreign-types 0.5.0",
  "libc",
@@ -776,7 +779,7 @@ checksum = "81411967c50ee9a1fc11365f8c585f863a22a9697c89239c452292c40ba79b0d"
 dependencies = [
  "bitflags 2.9.1",
  "block",
- "core-foundation 0.10.0",
+ "core-foundation 0.10.1",
  "core-graphics-types 0.2.0",
  "objc",
 ]
@@ -828,9 +831,9 @@ dependencies = [
 
 [[package]]
 name = "core-foundation"
-version = "0.10.0"
+version = "0.10.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b55271e5c8c478ad3f38ad24ef34923091e0548492a266d19b3c0b4d82574c63"
+checksum = "b2a6cd9ae233e7f62ba4e9353e81a88df7fc8a5987b8d445b4d90c879bd156f6"
 dependencies = [
  "core-foundation-sys",
  "libc",
@@ -862,7 +865,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "fa95a34622365fa5bbf40b20b75dba8dfa8c94c734aea8ac9a5ca38af14316f1"
 dependencies = [
  "bitflags 2.9.1",
- "core-foundation 0.10.0",
+ "core-foundation 0.10.1",
  "core-graphics-types 0.2.0",
  "foreign-types 0.5.0",
  "libc",
@@ -886,7 +889,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "3d44a101f213f6c4cdc1853d4b78aef6db6bdfa3468798cc1d9912f4735013eb"
 dependencies = [
  "bitflags 2.9.1",
- "core-foundation 0.10.0",
+ "core-foundation 0.10.1",
  "libc",
 ]
 
@@ -970,6 +973,18 @@ dependencies = [
  "syn 2.0.101",
 ]
 
+[[package]]
+name = "current_locale"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e0be8ddcccda8be68d8e31a421ceea7c79857404daa052434ae30ce2f402cd10"
+dependencies = [
+ "libc",
+ "objc",
+ "objc-foundation",
+ "winapi",
+]
+
 [[package]]
 name = "darling"
 version = "0.20.11"
@@ -1157,9 +1172,9 @@ dependencies = [
 
 [[package]]
 name = "dlopen2_derive"
-version = "0.4.0"
+version = "0.4.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f2b99bf03862d7f545ebc28ddd33a665b50865f4dfd84031a393823879bd4c54"
+checksum = "788160fb30de9cdd857af31c6a2675904b16ece8fc2737b2c7127ba368c9d0f4"
 dependencies = [
  "proc-macro2",
  "quote",
@@ -1216,16 +1231,16 @@ checksum = "48c757948c5ede0e46177b7add2e67155f70e33c07fea8284df6576da70b3719"
 
 [[package]]
 name = "embed-resource"
-version = "3.0.2"
+version = "3.0.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7fbc6e0d8e0c03a655b53ca813f0463d2c956bc4db8138dbc89f120b066551e3"
+checksum = "e8fe7d068ca6b3a5782ca5ec9afc244acd99dd441e4686a83b1c3973aba1d489"
 dependencies = [
  "cc",
  "memchr",
  "rustc_version",
  "toml",
  "vswhom",
- "winreg 0.52.0",
+ "winreg 0.55.0",
 ]
 
 [[package]]
@@ -1773,6 +1788,39 @@ dependencies = [
  "wasm-bindgen",
 ]
 
+[[package]]
+name = "gilrs"
+version = "0.11.0"
+source = "git+https://github.com/ayangweb/gilrs#f6cecd62943ebbaf3905318e5c71130c9cc4d516"
+dependencies = [
+ "fnv",
+ "gilrs-core",
+ "log",
+ "uuid",
+ "vec_map",
+]
+
+[[package]]
+name = "gilrs-core"
+version = "0.6.4"
+source = "git+https://github.com/ayangweb/gilrs#f6cecd62943ebbaf3905318e5c71130c9cc4d516"
+dependencies = [
+ "core-foundation 0.10.1",
+ "inotify 0.11.0",
+ "io-kit-sys",
+ "js-sys",
+ "libc",
+ "libudev-sys",
+ "log",
+ "nix 0.29.0",
+ "rusty-xinput",
+ "uuid",
+ "vec_map",
+ "wasm-bindgen",
+ "web-sys",
+ "winapi",
+]
+
 [[package]]
 name = "gimli"
 version = "0.31.1"
@@ -1864,6 +1912,24 @@ version = "0.3.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "a8d1add55171497b4705a648c6b583acafb01d58050a51727785f0b2c8e0a2b2"
 
+[[package]]
+name = "global-hotkey"
+version = "0.7.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b9247516746aa8e53411a0db9b62b0e24efbcf6a76e0ba73e5a91b512ddabed7"
+dependencies = [
+ "crossbeam-channel",
+ "keyboard-types",
+ "objc2 0.6.1",
+ "objc2-app-kit",
+ "once_cell",
+ "serde",
+ "thiserror 2.0.12",
+ "windows-sys 0.59.0",
+ "x11rb",
+ "xkeysym",
+]
+
 [[package]]
 name = "gobject-sys"
 version = "0.18.0"
@@ -1962,9 +2028,9 @@ checksum = "2304e00983f87ffb38b55b444b5e3b60a884b5d30c0fca7d82fe33449bbe55ea"
 
 [[package]]
 name = "hermit-abi"
-version = "0.4.0"
+version = "0.5.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "fbf6a919d6cf397374f7dfeeea91d974c7c0a7221d0d0f4f20d859d329e53fcc"
+checksum = "f154ce46856750ed433c8649605bf7ed2de3bc35fd9d2a9f30cddd873c80cb08"
 
 [[package]]
 name = "hex"
@@ -2065,22 +2131,26 @@ dependencies = [
  "tokio",
  "tokio-rustls",
  "tower-service",
- "webpki-roots 1.0.0",
+ "webpki-roots",
 ]
 
 [[package]]
 name = "hyper-util"
-version = "0.1.12"
+version = "0.1.13"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "cf9f1e950e0d9d1d3c47184416723cf29c0d1f93bd8cccf37e4beb6b44f31710"
+checksum = "b1c293b6b3d21eca78250dc7dbebd6b9210ec5530e038cbfe0661b5c47ab06e8"
 dependencies = [
+ "base64 0.22.1",
  "bytes",
  "futures-channel",
+ "futures-core",
  "futures-util",
  "http",
  "http-body",
  "hyper",
+ "ipnet",
  "libc",
+ "percent-encoding",
  "pin-project-lite",
  "socket2",
  "tokio",
@@ -2290,6 +2360,17 @@ dependencies = [
  "libc",
 ]
 
+[[package]]
+name = "inotify"
+version = "0.11.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f37dccff2791ab604f9babef0ba14fbe0be30bd368dc541e2b08d07c8aa908f3"
+dependencies = [
+ "bitflags 2.9.1",
+ "inotify-sys",
+ "libc",
+]
+
 [[package]]
 name = "inotify-sys"
 version = "0.1.5"
@@ -2299,12 +2380,32 @@ dependencies = [
  "libc",
 ]
 
+[[package]]
+name = "io-kit-sys"
+version = "0.4.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "617ee6cf8e3f66f3b4ea67a4058564628cde41901316e19f559e14c7c72c5e7b"
+dependencies = [
+ "core-foundation-sys",
+ "mach2",
+]
+
 [[package]]
 name = "ipnet"
 version = "2.11.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "469fb0b9cefa57e3ef31275ee7cacb78f2fdca44e4765491884a2b119d4eb130"
 
+[[package]]
+name = "iri-string"
+version = "0.7.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dbc5ebe9c3a1a7a5127f920a418f7585e9e758e911d0466ed004f393b0e380b2"
+dependencies = [
+ "memchr",
+ "serde",
+]
+
 [[package]]
 name = "is-docker"
 version = "0.2.0"
@@ -2509,6 +2610,16 @@ dependencies = [
  "redox_syscall",
 ]
 
+[[package]]
+name = "libudev-sys"
+version = "0.1.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3c8469b4a23b962c1396b9b451dda50ef5b283e8dd309d69033475fa9b334324"
+dependencies = [
+ "libc",
+ "pkg-config",
+]
+
 [[package]]
 name = "linux-raw-sys"
 version = "0.4.15"
@@ -2529,9 +2640,9 @@ checksum = "241eaef5fd12c88705a01fc1066c48c4b36e0dd4377dcdc7ec3942cea7a69956"
 
 [[package]]
 name = "lock_api"
-version = "0.4.12"
+version = "0.4.13"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "07af8b9cdd281b7915f413fa73f29ebd5d55d0d3f0155584dade1ff18cea1b17"
+checksum = "96936507f153605bddfcda068dd804796c84324ed2510809e5b2a624c81da765"
 dependencies = [
  "autocfg",
  "scopeguard",
@@ -2558,6 +2669,15 @@ version = "0.1.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "c41e0c4fef86961ac6d6f8a82609f55f31b05e4fce149ac5710e439df7619ba4"
 
+[[package]]
+name = "mach2"
+version = "0.4.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d640282b302c0bb0a2a8e0233ead9035e3bed871f0b7e81fe4a1ec829765db44"
+dependencies = [
+ "libc",
+]
+
 [[package]]
 name = "macos-accessibility-client"
 version = "0.0.1"
@@ -2654,13 +2774,13 @@ dependencies = [
 
 [[package]]
 name = "mio"
-version = "1.0.3"
+version = "1.0.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "2886843bf800fba2e3377cff24abf6379b4c4d5c6681eaf9ea5b0d15090450bd"
+checksum = "78bed444cc8a2160f01cbcf811ef18cac863ad68ae8ca62092e8db51d51c761c"
 dependencies = [
  "libc",
  "wasi 0.11.0+wasi-snapshot-preview1",
- "windows-sys 0.52.0",
+ "windows-sys 0.59.0",
 ]
 
 [[package]]
@@ -2720,6 +2840,18 @@ version = "1.0.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "650eef8c711430f1a879fdd01d4745a7deea475becfb90269c06775983bbf086"
 
+[[package]]
+name = "nix"
+version = "0.29.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "71e2746dc3a24dd78b3cfcb7be93368c6de9963d30f43a6a73998a9cf4b17b46"
+dependencies = [
+ "bitflags 2.9.1",
+ "cfg-if",
+ "cfg_aliases",
+ "libc",
+]
+
 [[package]]
 name = "nix"
 version = "0.30.1"
@@ -3160,9 +3292,9 @@ checksum = "f38d5652c16fde515bb1ecef450ab0f6a219d619a7274976324d5e377f7dceba"
 
 [[package]]
 name = "parking_lot"
-version = "0.12.3"
+version = "0.12.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f1bf18183cf54e8d6059647fc3063646a1801cf30896933ec2311622cc4b9a27"
+checksum = "70d58bf43669b5795d1576d0641cfb6fbb2057bf629506267a92807158584a13"
 dependencies = [
  "lock_api",
  "parking_lot_core",
@@ -3170,9 +3302,9 @@ dependencies = [
 
 [[package]]
 name = "parking_lot_core"
-version = "0.9.10"
+version = "0.9.11"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1e401f977ab385c9e4e3ab30627d6f26d00e2c73eef317493c4ec6d468726cf8"
+checksum = "bc838d2a56b5b1a6c25f55575dfc605fabb63bb2365f6c2353ef9159aa69e4a5"
 dependencies = [
  "cfg-if",
  "libc",
@@ -3394,15 +3526,15 @@ dependencies = [
 
 [[package]]
 name = "polling"
-version = "3.7.4"
+version = "3.8.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a604568c3202727d1507653cb121dbd627a58684eb09a820fd746bee38b4442f"
+checksum = "b53a684391ad002dd6a596ceb6c74fd004fdce75f4be2e3f615068abbea5fd50"
 dependencies = [
  "cfg-if",
  "concurrent-queue",
  "hermit-abi",
  "pin-project-lite",
- "rustix 0.38.44",
+ "rustix 1.0.7",
  "tracing",
  "windows-sys 0.59.0",
 ]
@@ -3439,9 +3571,9 @@ checksum = "925383efa346730478fb4838dbe9137d2a47675ad789c546d150a6e1dd4ab31c"
 
 [[package]]
 name = "prettyplease"
-version = "0.2.32"
+version = "0.2.33"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "664ec5419c51e34154eec046ebcba56312d5a2fc3b09a06da188e1ad21afadf6"
+checksum = "9dee91521343f4c5c6a63edd65e54f31f5c92fe8978c40a4282f8372194c6a7d"
 dependencies = [
  "proc-macro2",
  "syn 2.0.101",
@@ -3747,7 +3879,7 @@ checksum = "20675572f6f24e9e76ef639bc5552774ed45f1c30e2951e1e99c59888861c539"
 [[package]]
 name = "rdev"
 version = "0.5.0-2"
-source = "git+https://github.com/ayangweb/rdev#a8d5724f4533a69958280aa4df6bf6bca042d064"
+source = "git+https://github.com/kunkunsh/rdev#cb9a29e19668a52e4e67d8a0ca6739c1807f8d3f"
 dependencies = [
  "cocoa 0.24.1",
  "core-foundation 0.9.4",
@@ -3756,7 +3888,7 @@ dependencies = [
  "dispatch",
  "enum-map",
  "epoll",
- "inotify",
+ "inotify 0.10.2",
  "lazy_static",
  "libc",
  "log",
@@ -3839,9 +3971,9 @@ dependencies = [
 
 [[package]]
 name = "reqwest"
-version = "0.12.15"
+version = "0.12.19"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d19c46a6fdd48bc4dab94b6103fccc55d34c67cc0ad04653aad4ea2a07cd7bbb"
+checksum = "a2f8e5513d63f2e5b386eb5106dc67eaf3f84e95258e210489136b8b92ad6119"
 dependencies = [
  "base64 0.22.1",
  "bytes",
@@ -3862,7 +3994,6 @@ dependencies = [
  "pin-project-lite",
  "quinn",
  "rustls",
- "rustls-pemfile",
  "rustls-pki-types",
  "serde",
  "serde_json",
@@ -3872,14 +4003,14 @@ dependencies = [
  "tokio-rustls",
  "tokio-util",
  "tower",
+ "tower-http",
  "tower-service",
  "url",
  "wasm-bindgen",
  "wasm-bindgen-futures",
  "wasm-streams",
  "web-sys",
- "webpki-roots 0.26.11",
- "windows-registry",
+ "webpki-roots",
 ]
 
 [[package]]
@@ -4027,15 +4158,6 @@ dependencies = [
  "zeroize",
 ]
 
-[[package]]
-name = "rustls-pemfile"
-version = "2.2.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "dce314e5fee3f39953d46bb63bb8a46d40c2f8fb7cc5a3b6cab2bde9721d6e50"
-dependencies = [
- "rustls-pki-types",
-]
-
 [[package]]
 name = "rustls-pki-types"
 version = "1.12.0"
@@ -4063,6 +4185,17 @@ version = "1.0.21"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "8a0d197bd2c9dc6e53b84da9556a69ba4cdfab8619eb41a8bd1cc2027a0f6b1d"
 
+[[package]]
+name = "rusty-xinput"
+version = "1.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c3335c2b62e1e48dd927f6c8941705386e3697fa944aabcb10431bea7ee47ef3"
+dependencies = [
+ "lazy_static",
+ "log",
+ "winapi",
+]
+
 [[package]]
 name = "ryu"
 version = "1.0.20"
@@ -4361,9 +4494,9 @@ checksum = "8917285742e9f3e1683f0a9c4e6b57960b7314d0b08d30d1ecd426713ee2eee9"
 
 [[package]]
 name = "socket2"
-version = "0.5.9"
+version = "0.5.10"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4f5fd57c80058a56cf5c777ab8a126398ece8e442983605d280a44ce79d0edef"
+checksum = "e22376abed350d73dd1cd119b57ffccad95b4e585a7cda43e286245ce23c0678"
 dependencies = [
  "libc",
  "windows-sys 0.52.0",
@@ -4589,7 +4722,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "1e59c1f38e657351a2e822eadf40d6a2ad4627b9c25557bc1180ec1b3295ef82"
 dependencies = [
  "bitflags 2.9.1",
- "core-foundation 0.10.0",
+ "core-foundation 0.10.1",
  "core-graphics 0.24.0",
  "crossbeam-channel",
  "dispatch",
@@ -4774,12 +4907,12 @@ dependencies = [
 [[package]]
 name = "tauri-nspanel"
 version = "2.0.1"
-source = "git+https://github.com/ahkohd/tauri-nspanel?branch=v2#d4b9df797959f8fa4701e8a20ff69d9605bb66e9"
+source = "git+https://github.com/ahkohd/tauri-nspanel?branch=v2#dc1563b2c71d3699dc67028080e43aade0575bcf"
 dependencies = [
  "bitflags 2.9.1",
  "block",
  "cocoa 0.26.1",
- "core-foundation 0.10.0",
+ "core-foundation 0.10.1",
  "core-graphics 0.24.0",
  "objc",
  "objc-foundation",
@@ -4883,6 +5016,34 @@ dependencies = [
  "url",
 ]
 
+[[package]]
+name = "tauri-plugin-global-shortcut"
+version = "2.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "31919f3c07bcb585afef217c0c33cde80da9ebccf5b8e2c90e0e0a535b14ab47"
+dependencies = [
+ "global-hotkey",
+ "log",
+ "serde",
+ "serde_json",
+ "tauri",
+ "tauri-plugin",
+ "thiserror 2.0.12",
+]
+
+[[package]]
+name = "tauri-plugin-locale"
+version = "2.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5686c1fe8fb748c45ba0b516db42f78dd6fde91b16bc5248de438eff8d2e6abd"
+dependencies = [
+ "current_locale",
+ "serde",
+ "tauri",
+ "tauri-plugin",
+ "thiserror 2.0.12",
+]
+
 [[package]]
 name = "tauri-plugin-log"
 version = "2.4.0"
@@ -4962,9 +5123,9 @@ dependencies = [
 
 [[package]]
 name = "tauri-plugin-pinia"
-version = "3.4.0"
+version = "3.7.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e87882a5a390b91bd7f785c382cd374b4a1b32ce3429cec871b16ee1ff1f8cb8"
+checksum = "bec0cb197a26a9b468679887d85b38ad1860cf032d5bc2fd755d77f7e704b838"
 dependencies = [
  "serde",
  "tauri",
@@ -5095,9 +5256,9 @@ dependencies = [
 
 [[package]]
 name = "tauri-store"
-version = "0.10.5"
+version = "0.12.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8d35f80125c58fcbc5d408d288f7bc7d89b585c4ceb474217c553d9c0afc3963"
+checksum = "f7981255eefa2868d49af173f27f0171e6e4a3c580530334f31a7be8b25446c8"
 dependencies = [
  "dashmap",
  "futures",
@@ -5113,9 +5274,9 @@ dependencies = [
 
 [[package]]
 name = "tauri-store-macros"
-version = "0.10.5"
+version = "0.12.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7a1c7a0b908a8d874ac2c055d757273c102d386d06690f56fe6d7a93bbc4ea60"
+checksum = "fef3bf6f34307c6185436ea109c6fd6c01bfb9636c16902cd7e8abcc243fbecc"
 dependencies = [
  "proc-macro2",
  "quote",
@@ -5124,12 +5285,11 @@ dependencies = [
 
 [[package]]
 name = "tauri-store-utils"
-version = "0.4.2"
+version = "0.5.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0bd3d928e03a75d07774ae2e4b754eb32cbf87e6154b3c7b7f1facd40a6e9497"
+checksum = "baed2bbdce143a0b6e8105a0c9c7d9bfaa9c5689c3632bff12085c7209365d3f"
 dependencies = [
  "bon",
- "semver",
  "serde",
  "serde_json",
  "tauri",
@@ -5327,14 +5487,14 @@ checksum = "1f3ccbac311fea05f86f61904b462b55fb3df8837a366dfc601a0161d0532f20"
 
 [[package]]
 name = "tokio"
-version = "1.45.0"
+version = "1.45.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "2513ca694ef9ede0fb23fe71a4ee4107cb102b9dc1930f6d0fd77aae068ae165"
+checksum = "75ef51a33ef1da925cea3e4eb122833cb377c61439ca401b770f54902b806779"
 dependencies = [
  "backtrace",
  "bytes",
  "libc",
- "mio 1.0.3",
+ "mio 1.0.4",
  "pin-project-lite",
  "signal-hook-registry",
  "socket2",
@@ -5455,6 +5615,24 @@ dependencies = [
  "tower-service",
 ]
 
+[[package]]
+name = "tower-http"
+version = "0.6.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "adc82fd73de2a9722ac5da747f12383d2bfdb93591ee6c58486e0097890f05f2"
+dependencies = [
+ "bitflags 2.9.1",
+ "bytes",
+ "futures-util",
+ "http",
+ "http-body",
+ "iri-string",
+ "pin-project-lite",
+ "tower",
+ "tower-layer",
+ "tower-service",
+]
+
 [[package]]
 name = "tower-layer"
 version = "0.3.3"
@@ -5681,6 +5859,12 @@ version = "1.11.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "943ce29a8a743eb10d6082545d861b24f9d1b160b7d741e0f2cdf726bec909c5"
 
+[[package]]
+name = "vec_map"
+version = "0.8.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f1bddf1187be692e79c5ffeab891132dfb0f236ed36a43c7ed39f1165ee20191"
+
 [[package]]
 name = "version-compare"
 version = "0.2.0"
@@ -5971,15 +6155,6 @@ dependencies = [
  "system-deps",
 ]
 
-[[package]]
-name = "webpki-roots"
-version = "0.26.11"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "521bc38abb08001b01866da9f51eb7c5d647a19260e00054a8c7fd5f9e57f7a9"
-dependencies = [
- "webpki-roots 1.0.0",
-]
-
 [[package]]
 name = "webpki-roots"
 version = "1.0.0"
@@ -6115,7 +6290,7 @@ dependencies = [
  "windows-interface",
  "windows-link",
  "windows-result",
- "windows-strings 0.4.2",
+ "windows-strings",
 ]
 
 [[package]]
@@ -6167,17 +6342,6 @@ dependencies = [
  "windows-link",
 ]
 
-[[package]]
-name = "windows-registry"
-version = "0.4.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4286ad90ddb45071efd1a66dfa43eb02dd0dfbae1545ad6cc3c51cf34d7e8ba3"
-dependencies = [
- "windows-result",
- "windows-strings 0.3.1",
- "windows-targets 0.53.0",
-]
-
 [[package]]
 name = "windows-result"
 version = "0.3.4"
@@ -6187,15 +6351,6 @@ dependencies = [
  "windows-link",
 ]
 
-[[package]]
-name = "windows-strings"
-version = "0.3.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "87fa48cc5d406560701792be122a10132491cff9d0aeb23583cc2dcafc847319"
-dependencies = [
- "windows-link",
-]
-
 [[package]]
 name = "windows-strings"
 version = "0.4.2"
@@ -6280,29 +6435,13 @@ dependencies = [
  "windows_aarch64_gnullvm 0.52.6",
  "windows_aarch64_msvc 0.52.6",
  "windows_i686_gnu 0.52.6",
- "windows_i686_gnullvm 0.52.6",
+ "windows_i686_gnullvm",
  "windows_i686_msvc 0.52.6",
  "windows_x86_64_gnu 0.52.6",
  "windows_x86_64_gnullvm 0.52.6",
  "windows_x86_64_msvc 0.52.6",
 ]
 
-[[package]]
-name = "windows-targets"
-version = "0.53.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b1e4c7e8ceaaf9cb7d7507c974735728ab453b67ef8f18febdd7c11fe59dca8b"
-dependencies = [
- "windows_aarch64_gnullvm 0.53.0",
- "windows_aarch64_msvc 0.53.0",
- "windows_i686_gnu 0.53.0",
- "windows_i686_gnullvm 0.53.0",
- "windows_i686_msvc 0.53.0",
- "windows_x86_64_gnu 0.53.0",
- "windows_x86_64_gnullvm 0.53.0",
- "windows_x86_64_msvc 0.53.0",
-]
-
 [[package]]
 name = "windows-threading"
 version = "0.1.0"
@@ -6339,12 +6478,6 @@ version = "0.52.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "32a4622180e7a0ec044bb555404c800bc9fd9ec262ec147edd5989ccd0c02cd3"
 
-[[package]]
-name = "windows_aarch64_gnullvm"
-version = "0.53.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "86b8d5f90ddd19cb4a147a5fa63ca848db3df085e25fee3cc10b39b6eebae764"
-
 [[package]]
 name = "windows_aarch64_msvc"
 version = "0.42.2"
@@ -6363,12 +6496,6 @@ version = "0.52.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "09ec2a7bb152e2252b53fa7803150007879548bc709c039df7627cabbd05d469"
 
-[[package]]
-name = "windows_aarch64_msvc"
-version = "0.53.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c7651a1f62a11b8cbd5e0d42526e55f2c99886c77e007179efff86c2b137e66c"
-
 [[package]]
 name = "windows_i686_gnu"
 version = "0.42.2"
@@ -6387,24 +6514,12 @@ version = "0.52.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "8e9b5ad5ab802e97eb8e295ac6720e509ee4c243f69d781394014ebfe8bbfa0b"
 
-[[package]]
-name = "windows_i686_gnu"
-version = "0.53.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c1dc67659d35f387f5f6c479dc4e28f1d4bb90ddd1a5d3da2e5d97b42d6272c3"
-
 [[package]]
 name = "windows_i686_gnullvm"
 version = "0.52.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "0eee52d38c090b3caa76c563b86c3a4bd71ef1a819287c19d586d7334ae8ed66"
 
-[[package]]
-name = "windows_i686_gnullvm"
-version = "0.53.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9ce6ccbdedbf6d6354471319e781c0dfef054c81fbc7cf83f338a4296c0cae11"
-
 [[package]]
 name = "windows_i686_msvc"
 version = "0.42.2"
@@ -6423,12 +6538,6 @@ version = "0.52.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "240948bc05c5e7c6dabba28bf89d89ffce3e303022809e73deaefe4f6ec56c66"
 
-[[package]]
-name = "windows_i686_msvc"
-version = "0.53.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "581fee95406bb13382d2f65cd4a908ca7b1e4c2f1917f143ba16efe98a589b5d"
-
 [[package]]
 name = "windows_x86_64_gnu"
 version = "0.42.2"
@@ -6447,12 +6556,6 @@ version = "0.52.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "147a5c80aabfbf0c7d901cb5895d1de30ef2907eb21fbbab29ca94c5b08b1a78"
 
-[[package]]
-name = "windows_x86_64_gnu"
-version = "0.53.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "2e55b5ac9ea33f2fc1716d1742db15574fd6fc8dadc51caab1c16a3d3b4190ba"
-
 [[package]]
 name = "windows_x86_64_gnullvm"
 version = "0.42.2"
@@ -6471,12 +6574,6 @@ version = "0.52.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "24d5b23dc417412679681396f2b49f3de8c1473deb516bd34410872eff51ed0d"
 
-[[package]]
-name = "windows_x86_64_gnullvm"
-version = "0.53.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0a6e035dd0599267ce1ee132e51c27dd29437f63325753051e71dd9e42406c57"
-
 [[package]]
 name = "windows_x86_64_msvc"
 version = "0.42.2"
@@ -6495,12 +6592,6 @@ version = "0.52.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "589f6da84c646204747d1270a2a5661ea66ed1cced2631d546fdfb155959f9ec"
 
-[[package]]
-name = "windows_x86_64_msvc"
-version = "0.53.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "271414315aff87387382ec3d271b52d7ae78726f5d44ac98b4f4030c91880486"
-
 [[package]]
 name = "winnow"
 version = "0.5.40"
@@ -6530,12 +6621,12 @@ dependencies = [
 
 [[package]]
 name = "winreg"
-version = "0.52.0"
+version = "0.55.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a277a57398d4bfa075df44f501a17cfdf8542d224f0d36095a2adc7aee4ef0a5"
+checksum = "cb5a765337c50e9ec252c2069be9bf91c7df47afb103b642ba3a53bf8101be97"
 dependencies = [
  "cfg-if",
- "windows-sys 0.48.0",
+ "windows-sys 0.59.0",
 ]
 
 [[package]]
@@ -6673,6 +6764,12 @@ dependencies = [
  "rustix 1.0.7",
 ]
 
+[[package]]
+name = "xkeysym"
+version = "0.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b9cc00251562a284751c9973bace760d86c0276c471b4be569fe6b068ee97a56"
+
 [[package]]
 name = "yoke"
 version = "0.8.0"
@@ -6717,7 +6814,7 @@ dependencies = [
  "futures-core",
  "futures-lite",
  "hex",
- "nix",
+ "nix 0.30.1",
  "ordered-stream",
  "serde",
  "serde_repr",

README.md

@@ -2,58 +2,39 @@
 
 <div align="center">
   <div>
-    <a href="https://github.com/ayangweb/BongoCat/releases">
-      <img
-        alt="Windows"
-        src="https://img.shields.io/badge/-Windows-blue?style=flat-square&logo=data:image/svg+xml;base64,PHN2ZyB0PSIxNzI2MzA1OTcxMDA2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE1NDgiIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4Ij48cGF0aCBkPSJNNTI3LjI3NTU1MTYxIDk2Ljk3MTAzMDEzdjM3My45OTIxMDY2N2g0OTQuNTEzNjE5NzVWMTUuMDI2NzU3NTN6TTUyNy4yNzU1NTE2MSA5MjguMzIzNTA4MTVsNDk0LjUxMzYxOTc1IDgwLjUyMDI4MDQ5di00NTUuNjc3NDcxNjFoLTQ5NC41MTM2MTk3NXpNNC42NzA0NTEzNiA0NzAuODMzNjgyOTdINDIyLjY3Njg1OTI1VjExMC41NjM2ODE5N2wtNDE4LjAwNjQwNzg5IDY5LjI1Nzc5NzUzek00LjY3MDQ1MTM2IDg0Ni43Njc1OTcwM0w0MjIuNjc2ODU5MjUgOTE0Ljg2MDMxMDEzVjU1My4xNjYzMTcwM0g0LjY3MDQ1MTM2eiIgcC1pZD0iMTU0OSIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjwvc3ZnPg=="
-      />
-    </a>
-    <a href="https://github.com/ayangweb/BongoCat/releases">
-      <img
-        alt="MacOS"
-        src="https://img.shields.io/badge/-MacOS-black?style=flat-square&logo=apple&logoColor=white"
-      />
-    </a>
-    <a href="https://github.com/ayangweb/BongoCat/releases">
-      <img
-        alt="Linux"
-        src="https://img.shields.io/badge/-Linux-yellow?style=flat-square&logo=linux&logoColor=white"
-      />
-    </a>
+    <a href="https://github.com/ayangweb/BongoCat/releases"><img alt="Windows" src="https://img.shields.io/badge/-Windows-blue?style=flat-square&logo=data:image/svg+xml;base64,PHN2ZyB0PSIxNzI2MzA1OTcxMDA2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE1NDgiIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4Ij48cGF0aCBkPSJNNTI3LjI3NTU1MTYxIDk2Ljk3MTAzMDEzdjM3My45OTIxMDY2N2g0OTQuNTEzNjE5NzVWMTUuMDI2NzU3NTN6TTUyNy4yNzU1NTE2MSA5MjguMzIzNTA4MTVsNDk0LjUxMzYxOTc1IDgwLjUyMDI4MDQ5di00NTUuNjc3NDcxNjFoLTQ5NC41MTM2MTk3NXpNNC42NzA0NTEzNiA0NzAuODMzNjgyOTdINDIyLjY3Njg1OTI1VjExMC41NjM2ODE5N2wtNDE4LjAwNjQwNzg5IDY5LjI1Nzc5NzUzek00LjY3MDQ1MTM2IDg0Ni43Njc1OTcwM0w0MjIuNjc2ODU5MjUgOTE0Ljg2MDMxMDEzVjU1My4xNjYzMTcwM0g0LjY3MDQ1MTM2eiIgcC1pZD0iMTU0OSIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjwvc3ZnPg==" /></a>
+    <a href="https://github.com/ayangweb/BongoCat/releases"><img alt="MacOS" src="https://img.shields.io/badge/-MacOS-black?style=flat-square&logo=apple&logoColor=white" /></a>
+    <a href="https://github.com/ayangweb/BongoCat/releases"><img alt="Linux" src="https://img.shields.io/badge/-Linux-yellow?style=flat-square&logo=linux&logoColor=white" /></a>
   </div>
 
   <p>
-    <a href="./LICENSE">
-      <img
-        src="https://img.shields.io/github/license/ayangweb/BongoCat?style=flat-square"
-      />
-    </a>
-    <a href="https://github.com/ayangweb/BongoCat/releases/latest">
-      <img
-        src="https://img.shields.io/github/package-json/v/ayangweb/BongoCat?style=flat-square"
-      />
-    </a>
-    <a href="https://github.com/ayangweb/BongoCat/releases">
-      <img
-        src="https://img.shields.io/github/downloads/ayangweb/BongoCat/total?style=flat-square"
-      />
-    </a>
+    <a href="./LICENSE"><img src="https://img.shields.io/github/license/ayangweb/BongoCat?style=flat-square" /></a>
+    <a href="https://github.com/ayangweb/BongoCat/releases/latest"><img src="https://img.shields.io/github/package-json/v/ayangweb/BongoCat?style=flat-square"/></a>
+    <a href="https://github.com/ayangweb/BongoCat/releases"><img src="https://img.shields.io/github/downloads/ayangweb/BongoCat/total?style=flat-square"/></a>
   </p>
 
   <p>
+    <a href="https://trendshift.io/developers/8507" target="_blank"><img src="https://trendshift.io/api/badge/developers/8507" alt="ayangweb | Trendshift" width="250" height="55" /></a>
+    <a href="https://trendshift.io/repositories/14605" target="_blank"><img src="https://trendshift.io/api/badge/repositories/14605" alt="ayangweb%2FBongoCat | Trendshift" width="250" height="55" /></a>
     <a href="https://hellogithub.com/repository/7d23863fd4be47b39e816193ded385c9" target="_blank">
       <picture>
         <source media="(prefers-color-scheme: dark)" srcset="https://abroad.hellogithub.com/v1/widgets/recommend.svg?rid=7d23863fd4be47b39e816193ded385c9&claim_uid=5ihRVIuTYBmSGtQ&theme=dark" />
         <source media="(prefers-color-scheme: light)" srcset="https://abroad.hellogithub.com/v1/widgets/recommend.svg?rid=7d23863fd4be47b39e816193ded385c9&claim_uid=5ihRVIuTYBmSGtQ&theme=neutral" />
-        <img alt="Star History Chart" src="https://abroad.hellogithub.com/v1/widgets/recommend.svg?rid=7d23863fd4be47b39e816193ded385c9&claim_uid=5ihRVIuTYBmSGtQ&theme=neutral" />
+        <img alt="Star History Chart" src="https://abroad.hellogithub.com/v1/widgets/recommend.svg?rid=7d23863fd4be47b39e816193ded385c9&claim_uid=5ihRVIuTYBmSGtQ&theme=neutral" width="250" height="55" />
       </picture>
     </a>
   </p>
 </div>
 
-| macOS                                                                                     | Window                                                                                      | Linux(x11)                                                                                |
-| ----------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------- |
-| ![macOS](https://github.com/user-attachments/assets/e932b022-1472-4bbd-87ef-4a8ea374890a) | ![Windows](https://github.com/user-attachments/assets/79a4652e-0d14-412d-a274-4ccdd825d7c6) | ![Linux](https://github.com/user-attachments/assets/fd069c12-d12d-423b-b792-98b5926a7f09) |
+| macOS                                                                                        | Windows                                                                                        | Linux(x11)                                                                                   |
+| -------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------- |
+| ![macOS](https://i0.hdslb.com/bfs/openplatform/dff276b96d49c5d6c431b74b531aab72191b3d87.png) | ![Windows](https://i0.hdslb.com/bfs/openplatform/a4149b753856ee7f401989da902cf3b5ad35b39e.png) | ![Linux](https://i0.hdslb.com/bfs/openplatform/3b49f961819d3ff63b2b80251c1cc13c27e986b0.png) |
+
+## 赞助商
+
+<a href="https://www.toolsetlink.com">
+  <img height="54" alt="UpgradeLink" src="https://github.com/user-attachments/assets/6b84fb0f-3f1d-44b5-9932-2298bc999d8d" />
+</a>
 
 ## 开发背景
 
@@ -66,21 +47,97 @@
 - [夸克网盘](https://pan.quark.cn/s/70f2f2663ce1)
 - [GitHub Releases](https://github.com/ayangweb/BongoCat/releases)
 
-> 不确定下载哪一个？请查阅[下载指南](.github/DOWNLOAD_GUIDE.md)。
+不确定下载哪一个？请查阅[下载指南](.github/DOWNLOAD_GUIDE.md)。
 
 ## 功能介绍
 
 - 适配 macOS、Windows 和 Linux(x11)。
-- 根据据键盘或鼠标操作，同步移动鼠标或敲击键盘。
+- 根据键盘、鼠标或手柄的操作，同步对应的动作。
+- 支持导入自定义模型，自由打造专属猫咪形象。
 - 完全开源，代码公开透明，绝不收集任何用户数据。
 - 支持离线运行，无需联网，保护用户隐私。
 
+## 模型转换
+
+如果你想将 Bongo-Cat-Mver 应用中的模型转换为兼容 BongoCat 的格式，可以使用以下工具：
+
+🔗 [在线转换](https://bongocat.vteamer.cc)
+
+## 更多模型
+
+你可以在这个仓库中探索、下载更多猫咪模型，或提交你的创作，与大家一起分享：
+
+📦 [Awesome-BongoCat](https://github.com/ayangweb/Awesome-BongoCat)
+
+## 社区交流
+
+<table>
+  <thead>
+    <tr>
+      <th>QQ 群 1</th>
+      <th>QQ 群 2</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>
+        <a href="https://qm.qq.com/q/AS3gNv2Vzy">
+          <picture>
+            <source
+              media="(prefers-color-scheme: dark)"
+              srcset="https://i0.hdslb.com/bfs/openplatform/8ecdc4982ab01b59d7731fcca3ec26631a274560.png"
+            />
+            <source
+              media="(prefers-color-scheme: light)"
+              srcset="https://i0.hdslb.com/bfs/openplatform/09f56580397063e1819c4c2ed63d07dee12720e1.png"
+            />
+            <img
+              alt="QQ Group 1"
+              src="https://i0.hdslb.com/bfs/openplatform/09f56580397063e1819c4c2ed63d07dee12720e1.png"
+              height="250"
+            />
+          </picture>
+        </a>
+      </td>
+      <td>
+        <a href="https://qm.qq.com/q/TmltLAod2O">
+          <picture>
+            <source
+              media="(prefers-color-scheme: dark)"
+              srcset="https://i0.hdslb.com/bfs/openplatform/473c522487ff33e0f32b15466aeb0734f17161c8.png"
+            />
+            <source
+              media="(prefers-color-scheme: light)"
+              srcset="https://i0.hdslb.com/bfs/openplatform/d5ae8c5af6ae1d0a1f066705ee822d1287384cf6.png"
+            />
+            <img
+              alt="QQ Group 2"
+              src="https://i0.hdslb.com/bfs/openplatform/d5ae8c5af6ae1d0a1f066705ee822d1287384cf6.png"
+              height="250"
+            />
+          </picture>
+        </a>
+      </td>
+    </tr>
+  </tbody>
+</table>
+
+## 赞赏
+
+每一份认可都值得被珍视！赞赏随缘，心意无价，谢谢你的支持 ❤️
+
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="https://i0.hdslb.com/bfs/openplatform/e7438bff14cdfb6bfd0feacbb482f99ea4093294.png" />
+  <source media="(prefers-color-scheme: light)" srcset="https://i0.hdslb.com/bfs/openplatform/da55cc3ec1556580c91e59f589792866c998c7c6.png" />
+  <img alt="微信赞赏码" src="https://i0.hdslb.com/bfs/openplatform/da55cc3ec1556580c91e59f589792866c998c7c6.png" height="250" />
+</picture>
+
 ## 贡献指南
 
 感谢大家为 BongoCat 做出的宝贵贡献！如果你也希望为 BongoCat 做出贡献，请查阅[贡献指南](.github/CONTRIBUTING.md)。
 
-<a href="https://github.com/ayangweb/BongoCat/graphs/contributors">
-  <img src="https://contrib.rocks/image?repo=ayangweb/BongoCat" />
+<a href="https://openomy.com/ayangweb/BongoCat" target="_blank" style="display: block; width: 100%;" align="center">
+  <img src="https://openomy.com/svg?repo=ayangweb/BongoCat&chart=bubble" alt="Contribution Leaderboard" style="display: block; width: 100%;" />
 </a>
 
 ## 历史星标

package.json

@@ -1,7 +1,7 @@
 {
   "name": "bongo-cat",
   "type": "module",
-  "version": "0.5.0",
+  "version": "0.9.0",
   "private": true,
   "author": {
     "name": "ayangweb",
@@ -27,43 +27,48 @@
     "@tauri-apps/plugin-clipboard-manager": "~2.2.2",
     "@tauri-apps/plugin-dialog": "~2.2.2",
     "@tauri-apps/plugin-fs": "~2.3.0",
+    "@tauri-apps/plugin-global-shortcut": "~2.2.1",
     "@tauri-apps/plugin-log": "~2.3.1",
     "@tauri-apps/plugin-opener": "~2.2.7",
     "@tauri-apps/plugin-os": "^2.2.1",
     "@tauri-apps/plugin-process": "^2.2.1",
     "@tauri-apps/plugin-updater": "~2.7.1",
-    "@tauri-store/pinia": "^3.4.0",
-    "@vueuse/core": "^13.2.0",
+    "@tauri-store/pinia": "^3.7.0",
+    "@vueuse/core": "^13.3.0",
     "ant-design-vue": "^4.2.6",
     "dayjs": "^1.11.13",
     "es-toolkit": "^1.38.0",
     "is-url": "^1.2.4",
+    "json5": "^2.2.3",
     "nanoid": "^5.1.5",
-    "pinia": "^3.0.2",
+    "pinia": "^3.0.3",
     "pixi-live2d-display": "^0.4.0",
     "pixi.js": "^6.5.10",
+    "tauri-plugin-locale-api": "^2.0.1",
     "tauri-plugin-macos-permissions-api": "^2.3.0",
-    "vue": "^3.5.14",
+    "vue": "^3.5.16",
+    "vue-i18n": "^11.1.12",
     "vue-markdown-render": "^2.2.1",
-    "vue-router": "^4.5.1"
+    "vue-router": "^4.5.1",
+    "vue3-masonry-css": "^1.0.7"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^4.13.2",
+    "@antfu/eslint-config": "^4.13.3",
     "@commitlint/cli": "^19.8.1",
     "@commitlint/config-conventional": "^19.8.1",
     "@iconify-json/iconamoon": "^1.2.2",
     "@iconify-json/solar": "^1.2.2",
     "@tauri-apps/cli": "^2.5.0",
     "@types/is-url": "^1.2.32",
-    "@types/node": "^22.15.21",
-    "@unocss/eslint-plugin": "^66.1.2",
+    "@types/node": "^22.15.29",
+    "@unocss/eslint-plugin": "^66.1.3",
     "@vitejs/plugin-vue": "^5.2.4",
-    "eslint": "^9.27.0",
+    "eslint": "^9.28.0",
     "eslint-plugin-format": "^1.0.1",
     "lint-staged": "^15.5.2",
     "npm-run-all": "^4.1.5",
     "release-it": "^18.1.2",
-    "sass": "^1.89.0",
+    "sass": "^1.89.1",
     "simple-git-hooks": "^2.13.0",
     "tsx": "^4.19.4",
     "typescript": "~5.6.3",

src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "bongo-cat"
-version = "0.5.0"
+version = "0.9.0"
 description = "A Tauri App"
 authors = [ "ayangweb" ]
 edition = "2024"
@@ -22,7 +22,6 @@ tauri = { workspace = true, features = ["tray-icon", "protocol-asset", "macos-pr
 serde = { workspace = true, features = ["derive"] }
 serde_json.workspace = true
 tauri-plugin-custom-window.workspace = true
-rdev = { git = "https://github.com/ayangweb/rdev" }
 tauri-plugin-os = "2"
 tauri-plugin-process = "2"
 tauri-plugin-opener = "2"
@@ -37,6 +36,10 @@ tauri-plugin-dialog = "2"
 tauri-plugin-fs = "2"
 fs_extra = "1"
 tauri-plugin-clipboard-manager = "2"
+tauri-plugin-global-shortcut = "2"
+tauri-plugin-locale = "2"
+rdev = { git = "https://github.com/kunkunsh/rdev" }
+gilrs = { git = "https://github.com/ayangweb/gilrs", default-features = false, features = ["xinput"] }
 
 [target."cfg(target_os = \"macos\")".dependencies]
 tauri-nspanel.workspace = true

src-tauri/assets/models/gamepad/cat.model3.json

@@ -0,0 +1,69 @@
+{
+  "Version": 3,
+  "FileReferences": {
+    "Moc": "demomodel3.moc3",
+    "Textures": [
+      "demomodel3.1024/texture_00.png",
+      "demomodel3.1024/texture_01.png",
+      "demomodel3.1024/texture_02.png"
+    ],
+    "DisplayInfo": "demomodel3.cdi3.json",
+    "Expressions": [
+      {
+        "Name": "live2d_expression0.exp3.json",
+        "File": "live2d_expression0.exp3.json"
+      },
+      {
+        "Name": "live2d_expression1.exp3.json",
+        "File": "live2d_expression1.exp3.json"
+      },
+      {
+        "Name": "live2d_expression2.exp3.json",
+        "File": "live2d_expression2.exp3.json"
+      }
+    ],
+    "Motions": {
+      "CAT_motion": [
+        {
+          "File": "live2d_motion1.motion3.json",
+          "Sound": "live2d_motion1.flac",
+          "FadeInTime": 0,
+          "FadeOutTime": 0
+        },
+        {
+          "File": "live2d_motion2.motion3.json",
+          "FadeInTime": 0,
+          "FadeOutTime": 0
+        }
+      ],
+      "CAT_motion_lock": [
+        {
+          "File": "live2d_motion1.motion3.json",
+          "Sound": "live2d_motion1.flac",
+          "FadeInTime": 0,
+          "FadeOutTime": 0
+        },
+        {
+          "File": "live2d_motion2.motion3.json",
+          "FadeInTime": 0,
+          "FadeOutTime": 0
+        }
+      ]
+    }
+  },
+  "Groups": [
+    {
+      "Target": "Parameter",
+      "Name": "LipSync",
+      "Ids": []
+    },
+    {
+      "Target": "Parameter",
+      "Name": "EyeBlink",
+      "Ids": [
+        "ParamEyeLOpen",
+        "ParamEyeROpen"
+      ]
+    }
+  ]
+}

src-tauri/assets/models/gamepad/demomodel3.cdi3.json

@@ -0,0 +1,289 @@
+{
+  "Version": 3,
+  "Parameters": [
+    {
+      "Id": "ParamAngleX",
+      "GroupId": "",
+      "Name": "角度 X"
+    },
+    {
+      "Id": "ParamAngleY",
+      "GroupId": "",
+      "Name": "角度 Y"
+    },
+    {
+      "Id": "CatParamLeftHandDown",
+      "GroupId": "",
+      "Name": "左手按下"
+    },
+    {
+      "Id": "CatParamRightHandDown",
+      "GroupId": "",
+      "Name": "右手按下"
+    },
+    {
+      "Id": "CatParamStickLeftDown",
+      "GroupId": "",
+      "Name": "左摇杆点亮"
+    },
+    {
+      "Id": "CatParamStickRightDown",
+      "GroupId": "",
+      "Name": "右摇杆点亮"
+    },
+    {
+      "Id": "CatParamStickShowLeftHand",
+      "GroupId": "",
+      "Name": "显示摇杆左手"
+    },
+    {
+      "Id": "CatParamStickShowRightHand",
+      "GroupId": "",
+      "Name": "显示摇杆右手"
+    },
+    {
+      "Id": "CatParamStickLX",
+      "GroupId": "",
+      "Name": "左摇杆X"
+    },
+    {
+      "Id": "CatParamStickLY",
+      "GroupId": "",
+      "Name": "左摇杆Y"
+    },
+    {
+      "Id": "CatParamStickRX",
+      "GroupId": "",
+      "Name": "右摇杆X"
+    },
+    {
+      "Id": "CatParamStickRY",
+      "GroupId": "",
+      "Name": "右摇杆Y"
+    },
+    {
+      "Id": "ParamAngleZ",
+      "GroupId": "",
+      "Name": "角度 Z"
+    },
+    {
+      "Id": "ParamEyeLOpen",
+      "GroupId": "",
+      "Name": "左眼 开闭"
+    },
+    {
+      "Id": "ParamEyeLSmile",
+      "GroupId": "",
+      "Name": "左眼 微笑"
+    },
+    {
+      "Id": "ParamEyeROpen",
+      "GroupId": "",
+      "Name": "右眼"
+    },
+    {
+      "Id": "ParamEyeRSmile",
+      "GroupId": "",
+      "Name": "右眼 微笑"
+    },
+    {
+      "Id": "Param3",
+      "GroupId": "",
+      "Name": "挥手"
+    },
+    {
+      "Id": "Param",
+      "GroupId": "ParamGroup",
+      "Name": "开启闪电"
+    },
+    {
+      "Id": "Param2",
+      "GroupId": "ParamGroup",
+      "Name": "闪电划过"
+    },
+    {
+      "Id": "Param4",
+      "GroupId": "ParamGroup2",
+      "Name": "表情:thuglife"
+    },
+    {
+      "Id": "Param5",
+      "GroupId": "ParamGroup2",
+      "Name": "表情:升天"
+    },
+    {
+      "Id": "ParamEyeBallX",
+      "GroupId": "",
+      "Name": "眼球 X"
+    },
+    {
+      "Id": "ParamEyeBallY",
+      "GroupId": "",
+      "Name": "眼球 Y"
+    },
+    {
+      "Id": "ParamBrowLY",
+      "GroupId": "",
+      "Name": "左眉上下"
+    },
+    {
+      "Id": "ParamBrowRY",
+      "GroupId": "",
+      "Name": "右眉 上下"
+    },
+    {
+      "Id": "ParamBrowLX",
+      "GroupId": "",
+      "Name": "左眉 左右"
+    },
+    {
+      "Id": "ParamBrowRX",
+      "GroupId": "",
+      "Name": "右眉 左右"
+    },
+    {
+      "Id": "ParamBrowLAngle",
+      "GroupId": "",
+      "Name": "左眉 角度"
+    },
+    {
+      "Id": "ParamBrowRAngle",
+      "GroupId": "",
+      "Name": "右眉 角度"
+    },
+    {
+      "Id": "ParamBrowLForm",
+      "GroupId": "",
+      "Name": "左眉 変形"
+    },
+    {
+      "Id": "ParamBrowRForm",
+      "GroupId": "",
+      "Name": "右眉 変形"
+    },
+    {
+      "Id": "ParamMouthForm",
+      "GroupId": "",
+      "Name": "嘴部 变形"
+    },
+    {
+      "Id": "ParamMouthOpenY",
+      "GroupId": "",
+      "Name": "嘴巴 张开和闭合"
+    },
+    {
+      "Id": "ParamCheek",
+      "GroupId": "",
+      "Name": "脸颊"
+    },
+    {
+      "Id": "ParamBodyAngleX",
+      "GroupId": "",
+      "Name": "身体旋转 X"
+    },
+    {
+      "Id": "ParamBodyAngleY",
+      "GroupId": "",
+      "Name": "身体旋转 Y"
+    },
+    {
+      "Id": "ParamBodyAngleZ",
+      "GroupId": "",
+      "Name": "身体旋转 Z"
+    },
+    {
+      "Id": "ParamBreath",
+      "GroupId": "",
+      "Name": "呼吸"
+    },
+    {
+      "Id": "ParamHairFront",
+      "GroupId": "",
+      "Name": "摇动 前发"
+    },
+    {
+      "Id": "ParamHairSide",
+      "GroupId": "",
+      "Name": "摇动 侧发"
+    },
+    {
+      "Id": "ParamHairBack",
+      "GroupId": "",
+      "Name": "摇动 后发"
+    }
+  ],
+  "ParameterGroups": [
+    {
+      "Id": "ParamGroup",
+      "GroupId": "",
+      "Name": "闪电"
+    },
+    {
+      "Id": "ParamGroup2",
+      "GroupId": "",
+      "Name": "表情"
+    }
+  ],
+  "Parts": [
+    {
+      "Id": "Part12",
+      "Name": "右手"
+    },
+    {
+      "Id": "Part9",
+      "Name": "左手"
+    },
+    {
+      "Id": "Part11",
+      "Name": "demomodel.psd(未找到对应图层)"
+    },
+    {
+      "Id": "Part7",
+      "Name": "demomodel.psd(未找到对应图层)"
+    },
+    {
+      "Id": "Part3",
+      "Name": "demomodel.psd(未找到对应图层)"
+    },
+    {
+      "Id": "Part2",
+      "Name": "demomodel.psd(未找到对应图层)"
+    },
+    {
+      "Id": "Part",
+      "Name": "demomodel.psd(未找到对应图层)"
+    },
+    {
+      "Id": "Part10",
+      "Name": "天使环"
+    },
+    {
+      "Id": "Part5",
+      "Name": "demomodel.psd(未找到对应图层)"
+    },
+    {
+      "Id": "PartSketch0",
+      "Name": "[ 参考图 ]"
+    },
+    {
+      "Id": "rightstick",
+      "Name": "rightstick"
+    },
+    {
+      "Id": "leftstick",
+      "Name": "leftstick"
+    },
+    {
+      "Id": "Part8",
+      "Name": "thug life"
+    },
+    {
+      "Id": "Part6",
+      "Name": "闪电"
+    },
+    {
+      "Id": "Part4",
+      "Name": "闪电"
+    }
+  ]
+}

src-tauri/assets/models/gamepad/exp_1.exp3.json

@@ -0,0 +1,15 @@
+{
+  "Type": "Live2D Expression",
+  "Parameters": [
+    {
+      "Id": "ParamEyeLOpen",
+      "Value": 0.321,
+      "Blend": "Multiply"
+    },
+    {
+      "Id": "ParamEyeROpen",
+      "Value": 0.313,
+      "Blend": "Multiply"
+    }
+  ]
+}

src-tauri/assets/models/gamepad/exp_2.exp3.json

@@ -0,0 +1,10 @@
+{
+  "Type": "Live2D Expression",
+  "Parameters": [
+    {
+      "Id": "ParamEyeLOpen",
+      "Value": -1,
+      "Blend": "Add"
+    }
+  ]
+}

src-tauri/assets/models/gamepad/live2d_expression0.exp3.json

@@ -0,0 +1,4 @@
+{
+  "Type": "Live2D Expression",
+  "Parameters": []
+}

src-tauri/assets/models/gamepad/live2d_expression1.exp3.json

@@ -0,0 +1,11 @@
+{
+  "Type": "Live2D Expression",
+  "FadeInTime": 0.8,
+  "Parameters": [
+    {
+      "Id": "Param4",
+      "Value": 1,
+      "Blend": "Add"
+    }
+  ]
+}

src-tauri/assets/models/gamepad/live2d_expression2.exp3.json

@@ -0,0 +1,11 @@
+{
+  "Type": "Live2D Expression",
+  "FadeInTime": 0.5,
+  "Parameters": [
+    {
+      "Id": "Param5",
+      "Value": 1,
+      "Blend": "Add"
+    }
+  ]
+}

src-tauri/assets/models/gamepad/live2d_motion1.motion3.json

@@ -0,0 +1,76 @@
+{
+  "Version": 3,
+  "Meta": {
+    "Duration": 1.633,
+    "Fps": 30.0,
+    "Loop": true,
+    "AreBeziersRestricted": false,
+    "CurveCount": 2,
+    "TotalSegmentCount": 8,
+    "TotalPointCount": 20,
+    "UserDataCount": 0,
+    "TotalUserDataSize": 0
+  },
+  "Curves": [
+    {
+      "Target": "Parameter",
+      "Id": "Param",
+      "Segments": [
+        0,
+        0,
+        1,
+        0.033,
+        0,
+        0.067,
+        1,
+        0.1,
+        1,
+        1,
+        0.411,
+        1,
+        0.722,
+        1,
+        1.033,
+        1,
+        1,
+        1.189,
+        1,
+        1.344,
+        0,
+        1.5,
+        0,
+        0,
+        1.633,
+        0
+      ]
+    },
+    {
+      "Target": "Parameter",
+      "Id": "Param2",
+      "Segments": [
+        0,
+        0,
+        0,
+        0.067,
+        0,
+        1,
+        0.1,
+        0,
+        0.133,
+        0.142,
+        0.167,
+        0.2,
+        1,
+        0.489,
+        0.764,
+        0.811,
+        1,
+        1.133,
+        1,
+        0,
+        1.633,
+        1
+      ]
+    }
+  ]
+}

src-tauri/assets/models/gamepad/live2d_motion2.motion3.json

@@ -0,0 +1,77 @@
+{
+  "Version": 3,
+  "Meta": {
+    "Duration": 2.333,
+    "Fps": 30.0,
+    "Loop": true,
+    "AreBeziersRestricted": true,
+    "CurveCount": 2,
+    "TotalSegmentCount": 7,
+    "TotalPointCount": 21,
+    "UserDataCount": 0,
+    "TotalUserDataSize": 0
+  },
+  "Curves": [
+    {
+      "Target": "Parameter",
+      "Id": "CatParamLeftHandDown",
+      "Segments": [
+        0,
+        0,
+        0,
+        2.333,
+        0
+      ]
+    },
+    {
+      "Target": "Parameter",
+      "Id": "Param3",
+      "Segments": [
+        0,
+        0,
+        1,
+        0.133,
+        0,
+        0.267,
+        30,
+        0.4,
+        30,
+        1,
+        0.522,
+        30,
+        0.644,
+        0,
+        0.767,
+        0,
+        1,
+        0.9,
+        0,
+        1.033,
+        30,
+        1.167,
+        30,
+        1,
+        1.3,
+        30,
+        1.433,
+        0,
+        1.567,
+        0,
+        1,
+        1.7,
+        0,
+        1.833,
+        30,
+        1.967,
+        30,
+        1,
+        2.089,
+        30,
+        2.211,
+        0,
+        2.333,
+        0
+      ]
+    }
+  ]
+}

src-tauri/assets/models/keyboard/cat.model3.json

@@ -10,30 +10,40 @@
     "DisplayInfo": "demomodel2.cdi3.json",
     "Expressions": [
       {
-        "Name": "默认喵",
+        "Name": "live2d_expression0.exp3.json",
         "File": "live2d_expression0.exp3.json"
       },
       {
-        "Name": "社会喵",
-        "File": "live2d_expression1.exp3.json",
-        "Description": "喵喵我叼根小烟，耍个帅气俏皮的wink~超有范儿！但直播里用这招，怕是会让铲屎官和平台瞪大眼，本喵还是低调点，偷偷耍酷好啦！"
+        "Name": "live2d_expression1.exp3.json",
+        "File": "live2d_expression1.exp3.json"
       },
       {
-        "Name": "天使喵",
+        "Name": "live2d_expression2.exp3.json",
         "File": "live2d_expression2.exp3.json"
       }
     ],
     "Motions": {
       "CAT_motion": [
         {
-          "Name": "雷霆喵",
           "File": "live2d_motion1.motion3.json",
           "Sound": "live2d_motion1.flac",
           "FadeInTime": 0,
           "FadeOutTime": 0
         },
         {
-          "Name": "摇摆喵",
+          "File": "live2d_motion2.motion3.json",
+          "FadeInTime": 0,
+          "FadeOutTime": 0
+        }
+      ],
+      "CAT_motion_lock": [
+        {
+          "File": "live2d_motion1.motion3.json",
+          "Sound": "live2d_motion1.flac",
+          "FadeInTime": 0,
+          "FadeOutTime": 0
+        },
+        {
           "File": "live2d_motion2.motion3.json",
           "FadeInTime": 0,
           "FadeOutTime": 0

src-tauri/assets/models/standard/cat.model3.json

@@ -10,31 +10,40 @@
     "DisplayInfo": "demomodel.cdi3.json",
     "Expressions": [
       {
-        "Name": "默认喵",
+        "Name": "live2d_expression0.exp3.json",
         "File": "live2d_expression0.exp3.json"
       },
       {
-        "Name": "社会喵",
-        "File": "live2d_expression1.exp3.json",
-        "Description": "喵喵我叼根小烟，耍个帅气俏皮的wink~超有范儿！但直播里用这招，怕是会让铲屎官和平台瞪大眼，本喵还是低调点，偷偷耍酷好啦！"
-
+        "Name": "live2d_expression1.exp3.json",
+        "File": "live2d_expression1.exp3.json"
       },
       {
-        "Name": "天使喵",
+        "Name": "live2d_expression2.exp3.json",
         "File": "live2d_expression2.exp3.json"
       }
     ],
     "Motions": {
       "CAT_motion": [
         {
-          "Name": "雷霆喵",
           "File": "live2d_motion1.motion3.json",
           "Sound": "live2d_motion1.flac",
           "FadeInTime": 0,
           "FadeOutTime": 0
         },
         {
-          "Name": "摇摆喵",
+          "File": "live2d_motion2.motion3.json",
+          "FadeInTime": 0,
+          "FadeOutTime": 0
+        }
+      ],
+      "CAT_motion_lock": [
+        {
+          "File": "live2d_motion1.motion3.json",
+          "Sound": "live2d_motion1.flac",
+          "FadeInTime": 0,
+          "FadeOutTime": 0
+        },
+        {
           "File": "live2d_motion2.motion3.json",
           "FadeInTime": 0,
           "FadeOutTime": 0

src-tauri/capabilities/default.json

@@ -14,6 +14,8 @@
     "core:window:allow-set-ignore-cursor-events",
     "core:window:allow-set-decorations",
     "core:window:allow-set-position",
+    "core:window:allow-set-theme",
+    "core:window:allow-set-title",
     "custom-window:default",
     "os:default",
     "process:default",
@@ -42,6 +44,10 @@
         "**/*"
       ]
     },
-    "clipboard-manager:allow-write-text"
+    "clipboard-manager:allow-write-text",
+    "global-shortcut:allow-is-registered",
+    "global-shortcut:allow-register",
+    "global-shortcut:allow-unregister",
+    "locale:default"
   ]
 }

src-tauri/src/core/device.rs

@@ -2,12 +2,10 @@ use rdev::{Event, EventType, listen};
 use serde::Serialize;
 use serde_json::{Value, json};
 use std::sync::atomic::{AtomicBool, Ordering};
-use tauri::{AppHandle, Emitter};
-
-static IS_RUNNING: AtomicBool = AtomicBool::new(false);
+use tauri::{AppHandle, Emitter, Runtime, command};
 
 #[derive(Debug, Clone, Serialize)]
-pub enum DeviceKind {
+pub enum DeviceEventKind {
     MousePress,
     MouseRelease,
     MouseMove,
@@ -17,56 +15,49 @@ pub enum DeviceKind {
 
 #[derive(Debug, Clone, Serialize)]
 pub struct DeviceEvent {
-    kind: DeviceKind,
+    kind: DeviceEventKind,
     value: Value,
 }
 
-pub fn start_listening(app_handle: AppHandle) {
-    if IS_RUNNING.load(Ordering::SeqCst) {
-        return;
+static IS_LISTENING: AtomicBool = AtomicBool::new(false);
+
+#[command]
+pub async fn start_device_listening<R: Runtime>(app_handle: AppHandle<R>) -> Result<(), String> {
+    if IS_LISTENING.load(Ordering::SeqCst) {
+        return Ok(());
     }
 
-    IS_RUNNING.store(true, Ordering::SeqCst);
+    IS_LISTENING.store(true, Ordering::SeqCst);
 
     let callback = move |event: Event| {
-        let device = match event.event_type {
+        let device_event = match event.event_type {
             EventType::ButtonPress(button) => DeviceEvent {
-                kind: DeviceKind::MousePress,
+                kind: DeviceEventKind::MousePress,
                 value: json!(format!("{:?}", button)),
             },
             EventType::ButtonRelease(button) => DeviceEvent {
-                kind: DeviceKind::MouseRelease,
+                kind: DeviceEventKind::MouseRelease,
                 value: json!(format!("{:?}", button)),
             },
             EventType::MouseMove { x, y } => DeviceEvent {
-                kind: DeviceKind::MouseMove,
+                kind: DeviceEventKind::MouseMove,
                 value: json!({ "x": x, "y": y }),
             },
             EventType::KeyPress(key) => DeviceEvent {
-                kind: DeviceKind::KeyboardPress,
+                kind: DeviceEventKind::KeyboardPress,
                 value: json!(format!("{:?}", key)),
             },
             EventType::KeyRelease(key) => DeviceEvent {
-                kind: DeviceKind::KeyboardRelease,
+                kind: DeviceEventKind::KeyboardRelease,
                 value: json!(format!("{:?}", key)),
             },
             _ => return,
         };
 
-        if let Err(e) = app_handle.emit("device-changed", device) {
-            eprintln!("Failed to emit event: {:?}", e);
-        }
+        let _ = app_handle.emit("device-changed", device_event);
     };
 
-    #[cfg(target_os = "macos")]
-    if let Err(e) = listen(callback) {
-        eprintln!("Device listening error: {:?}", e);
-    }
+    listen(callback).map_err(|err| format!("Failed to listen device: {:?}", err))?;
 
-    #[cfg(not(target_os = "macos"))]
-    std::thread::spawn(move || {
-        if let Err(e) = listen(callback) {
-            eprintln!("Device listening error: {:?}", e);
-        }
-    });
+    Ok(())
 }

src-tauri/src/core/gamepad.rs

@@ -0,0 +1,61 @@
+use gilrs::{EventType, Gilrs};
+use serde::Serialize;
+use std::sync::atomic::{AtomicBool, Ordering};
+use tauri::{AppHandle, Emitter, Runtime, command};
+
+static IS_LISTENING: AtomicBool = AtomicBool::new(false);
+
+#[derive(Debug, Clone, Serialize)]
+pub enum GamepadEventKind {
+    ButtonChanged,
+    AxisChanged,
+}
+
+#[derive(Debug, Clone, Serialize)]
+pub struct GamepadEvent {
+    kind: GamepadEventKind,
+    name: String,
+    value: f32,
+}
+
+#[command]
+pub async fn start_gamepad_listing<R: Runtime>(app_handle: AppHandle<R>) -> Result<(), String> {
+    if IS_LISTENING.load(Ordering::SeqCst) {
+        return Ok(());
+    }
+
+    IS_LISTENING.store(true, Ordering::SeqCst);
+
+    let mut gilrs = Gilrs::new().map_err(|err| err.to_string())?;
+
+    while IS_LISTENING.load(Ordering::SeqCst) {
+        while let Some(event) = gilrs.next_event() {
+            let gamepad_event = match event.event {
+                EventType::ButtonChanged(button, value, ..) => GamepadEvent {
+                    kind: GamepadEventKind::ButtonChanged,
+                    name: format!("{:?}", button),
+                    value,
+                },
+                EventType::AxisChanged(axis, value, ..) => GamepadEvent {
+                    kind: GamepadEventKind::AxisChanged,
+                    name: format!("{:?}", axis),
+                    value,
+                },
+                _ => continue,
+            };
+
+            let _ = app_handle.emit("gamepad-changed", gamepad_event);
+        }
+    }
+
+    Ok(())
+}
+
+#[command]
+pub async fn stop_gamepad_listing() {
+    if !IS_LISTENING.load(Ordering::SeqCst) {
+        return;
+    }
+
+    IS_LISTENING.store(false, Ordering::SeqCst);
+}

src-tauri/src/core/mod.rs

@@ -1,3 +1,4 @@
 pub mod device;
+pub mod gamepad;
 pub mod prevent_default;
 pub mod setup;

src-tauri/src/core/setup/macos.rs

@@ -1,9 +1,6 @@
+#![allow(deprecated)]
 use tauri::{AppHandle, Emitter, EventTarget, WebviewWindow};
-use tauri_nspanel::{
-    WebviewWindowExt,
-    cocoa::appkit::{NSMainMenuWindowLevel, NSWindowCollectionBehavior},
-    panel_delegate,
-};
+use tauri_nspanel::{WebviewWindowExt, cocoa::appkit::NSWindowCollectionBehavior, panel_delegate};
 use tauri_plugin_custom_window::MAIN_WINDOW_LABEL;
 
 #[allow(non_upper_case_globals)]
@@ -26,8 +23,6 @@ pub fn platform(
 
     let panel = main_window.to_panel().unwrap();
 
-    panel.set_level(NSMainMenuWindowLevel);
-
     panel.set_style_mask(NSWindowStyleMaskNonActivatingPanel | NSResizableWindowMask);
 
     panel.set_collection_behaviour(
@@ -62,7 +57,7 @@ pub fn platform(
             "window_did_resize" => {
                 window_move_event();
 
-                if let Ok(size) = main_window.inner_size() {
+                if let Ok(size) = main_window.outer_size() {
                     let _ = main_window.emit_to(target, WINDOW_RESIZED_EVENT, size);
                 }
             }

src-tauri/src/core/setup/mod.rs

@@ -3,27 +3,21 @@ use tauri::{AppHandle, WebviewWindow};
 #[cfg(target_os = "macos")]
 mod macos;
 
-#[cfg(target_os = "windows")]
-mod windows;
-
-#[cfg(target_os = "linux")]
-mod linux;
+#[cfg(not(target_os = "macos"))]
+pub mod common;
 
 #[cfg(target_os = "macos")]
 pub use macos::*;
 
-#[cfg(target_os = "windows")]
-pub use windows::*;
-
-#[cfg(target_os = "linux")]
-pub use linux::*;
+#[cfg(not(target_os = "macos"))]
+pub use common::*;
 
 pub fn default(
     app_handle: &AppHandle,
     main_window: WebviewWindow,
     preference_window: WebviewWindow,
 ) {
-    #[cfg(any(dev, debug_assertions))]
+    #[cfg(debug_assertions)]
     main_window.open_devtools();
 
     platform(app_handle, main_window.clone(), preference_window.clone());

src-tauri/src/core/setup/windows.rs

@@ -1,8 +0,0 @@
-use tauri::{AppHandle, WebviewWindow};
-
-pub fn platform(
-    _app_handle: &AppHandle,
-    _main_window: WebviewWindow,
-    _preference_window: WebviewWindow,
-) {
-}

src-tauri/src/lib.rs

@@ -1,7 +1,11 @@
 mod core;
 mod utils;
 
-use core::{device, prevent_default, setup};
+use core::{
+    device::start_device_listening,
+    gamepad::{start_gamepad_listing, stop_gamepad_listing},
+    prevent_default, setup,
+};
 use tauri::{Manager, WindowEvent, generate_handler};
 use tauri_plugin_autostart::MacosLauncher;
 use tauri_plugin_custom_window::{
@@ -21,11 +25,14 @@ pub fn run() {
 
             setup::default(&app_handle, main_window.clone(), preference_window.clone());
 
-            device::start_listening(app_handle.clone());
-
             Ok(())
         })
-        .invoke_handler(generate_handler![copy_dir])
+        .invoke_handler(generate_handler![
+            copy_dir,
+            start_device_listening,
+            start_gamepad_listing,
+            stop_gamepad_listing
+        ])
         .plugin(tauri_plugin_custom_window::init())
         .plugin(tauri_plugin_os::init())
         .plugin(tauri_plugin_process::init())
@@ -38,7 +45,12 @@ pub fn run() {
                 show_preference_window(app_handle);
             },
         ))
-        .plugin(tauri_plugin_log::Builder::new().build())
+        .plugin(
+            tauri_plugin_log::Builder::new()
+                .timezone_strategy(tauri_plugin_log::TimezoneStrategy::UseLocal)
+                .filter(|metadata| !metadata.target().contains("gilrs"))
+                .build(),
+        )
         .plugin(tauri_plugin_autostart::init(
             MacosLauncher::LaunchAgent,
             None,
@@ -47,6 +59,8 @@ pub fn run() {
         .plugin(tauri_plugin_dialog::init())
         .plugin(tauri_plugin_fs::init())
         .plugin(tauri_plugin_clipboard_manager::init())
+        .plugin(tauri_plugin_global_shortcut::Builder::new().build())
+        .plugin(tauri_plugin_locale::init())
         .on_window_event(|window, event| match event {
             WindowEvent::CloseRequested { api, .. } => {
                 let _ = window.hide();

src-tauri/src/plugins/window/build.rs

@@ -1,4 +1,9 @@
-const COMMANDS: &[&str] = &["show_window", "hide_window", "set_always_on_top"];
+const COMMANDS: &[&str] = &[
+    "show_window",
+    "hide_window",
+    "set_always_on_top",
+    "set_taskbar_visibility",
+];
 
 fn main() {
     tauri_plugin::Builder::new(COMMANDS).build();

src-tauri/src/plugins/window/permissions/default.toml

@@ -2,4 +2,4 @@
 
 [default]
 description = "Default permissions for the plugin"
-permissions = ["allow-show-window", "allow-hide-window", "allow-set-always-on-top"]
+permissions = ["allow-show-window", "allow-hide-window", "allow-set-always-on-top", "allow-set-taskbar-visibility"]

src-tauri/src/plugins/window/src/commands/common.rs

@@ -19,3 +19,8 @@ pub async fn set_always_on_top<R: Runtime>(
 ) {
     shared_set_always_on_top(&app_handle, &window, always_on_top);
 }
+
+#[command]
+pub async fn set_taskbar_visibility<R: Runtime>(window: WebviewWindow<R>, visible: bool) {
+    let _ = window.set_skip_taskbar(!visible);
+}

src-tauri/src/plugins/window/src/commands/macos.rs

@@ -1,3 +1,4 @@
+#![allow(deprecated)]
 use super::{is_main_window, shared_hide_window, shared_set_always_on_top, shared_show_window};
 use crate::MAIN_WINDOW_LABEL;
 use tauri::{AppHandle, Runtime, WebviewWindow, command};
@@ -73,3 +74,8 @@ pub fn set_macos_panel<R: Runtime>(
         });
     }
 }
+
+#[command]
+pub async fn set_taskbar_visibility<R: Runtime>(app_handle: AppHandle<R>, visible: bool) {
+    let _ = app_handle.set_dock_visibility(visible);
+}

src-tauri/src/plugins/window/src/commands/mod.rs

@@ -7,13 +7,13 @@ pub static PREFERENCE_WINDOW_LABEL: &str = "preference";
 mod macos;
 
 #[cfg(not(target_os = "macos"))]
-mod not_macos;
+mod common;
 
 #[cfg(target_os = "macos")]
 pub use macos::*;
 
 #[cfg(not(target_os = "macos"))]
-pub use not_macos::*;
+pub use common::*;
 
 pub fn is_main_window<R: Runtime>(window: &WebviewWindow<R>) -> bool {
     window.label() == MAIN_WINDOW_LABEL

src-tauri/src/plugins/window/src/lib.rs

@@ -12,7 +12,8 @@ pub fn init<R: Runtime>() -> TauriPlugin<R> {
         .invoke_handler(generate_handler![
             commands::show_window,
             commands::hide_window,
-            commands::set_always_on_top
+            commands::set_always_on_top,
+            commands::set_taskbar_visibility,
         ])
         .build()
 }

src-tauri/tauri.conf.json

@@ -21,15 +21,17 @@
         "transparent": true,
         "decorations": false,
         "acceptFirstMouse": true,
-        "skipTaskbar": true
+        "skipTaskbar": true,
+        "maximizable": false
       },
       {
         "label": "preference",
-        "title": "偏好设置",
         "url": "index.html/#/preference",
         "visible": false,
         "titleBarStyle": "Overlay",
-        "hiddenTitle": true
+        "hiddenTitle": true,
+        "minWidth": 800,
+        "minHeight": 600
       }
     ],
     "security": {
@@ -46,7 +48,7 @@
   },
   "bundle": {
     "active": true,
-    "category": "Game",
+    "category": "Entertainment",
     "createUpdaterArtifacts": true,
     "targets": ["nsis", "dmg", "app", "appimage", "deb", "rpm"],
     "shortDescription": "BongoCat",
@@ -61,8 +63,10 @@
   },
   "plugins": {
     "updater": {
+      "dangerousInsecureTransportProtocol": true,
       "pubkey": "dW50cnVzdGVkIGNvbW1lbnQ6IG1pbmlzaWduIHB1YmxpYyBrZXk6IEVBRjJFMzE3MjEwMUZEMTAKUldRUS9RRWhGK1B5NmdkemhKcUFrVjZBQXlzdExpakdWVEJDeU9XckVsbzV2cFIycVJOempWa2UK",
       "endpoints": [
+        "http://api.upgrade.toolsetlink.com/v1/tauri/upgrade?tauriKey=KtGlsZUVXmWfjkRKCuqpfw&versionName={{current_version}}&target={{target}}&arch={{arch}}&appointVersionName=&devModelKey=&devKey=",
         "https://gh-proxy.com/github.com/ayangweb/BongoCat/releases/latest/download/latest.json"
       ]
     },

src-tauri/tauri.macos.conf.json

@@ -1,6 +1,6 @@
 {
   "identifier": "com.ayangweb.BongoCat",
   "bundle": {
-    "resources": ["assets/tray.png", "assets/models"]
+    "resources": ["assets/tray-mac.png", "assets/models"]
   }
 }

src-tauri/tauri.windows.conf.json

@@ -4,8 +4,14 @@
     "windows": {
       "digestAlgorithm": "sha256",
       "nsis": {
-        "languages": ["SimpChinese"],
-        "installMode": "both"
+        "languages": [
+          "English",
+          "Vietnamese",
+          "SimpChinese",
+          "PortugueseBR"
+        ],
+        "installMode": "both",
+        "displayLanguageSelector": true
       }
     }
   }

src/App.vue

@@ -3,40 +3,53 @@ import { getCurrentWebviewWindow } from '@tauri-apps/api/webviewWindow'
 import { error } from '@tauri-apps/plugin-log'
 import { openUrl } from '@tauri-apps/plugin-opener'
 import { useEventListener } from '@vueuse/core'
-import { ConfigProvider } from 'ant-design-vue'
-import zhCN from 'ant-design-vue/es/locale/zh_CN'
+import { ConfigProvider, theme } from 'ant-design-vue'
 import { isString } from 'es-toolkit'
 import isURL from 'is-url'
-import { onMounted } from 'vue'
+import { onMounted, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 import { RouterView } from 'vue-router'
 
 import { useTauriListen } from './composables/useTauriListen'
 import { useThemeVars } from './composables/useThemeVars'
 import { useWindowState } from './composables/useWindowState'
-import { LISTEN_KEY } from './constants'
+import { LANGUAGE, LISTEN_KEY } from './constants'
+import { getAntdLocale } from './locales/index.ts'
 import { hideWindow, showWindow } from './plugins/window'
 import { useAppStore } from './stores/app'
 import { useCatStore } from './stores/cat'
 import { useGeneralStore } from './stores/general'
 import { useModelStore } from './stores/model'
+import { useShortcutStore } from './stores/shortcut.ts'
 
 const { generateColorVars } = useThemeVars()
 const appStore = useAppStore()
 const modelStore = useModelStore()
 const catStore = useCatStore()
 const generalStore = useGeneralStore()
+const shortcutStore = useShortcutStore()
 const appWindow = getCurrentWebviewWindow()
 const { isRestored, restoreState } = useWindowState()
+const { darkAlgorithm, defaultAlgorithm } = theme
+const { locale } = useI18n()
 
 onMounted(async () => {
   generateColorVars()
 
   await appStore.$tauri.start()
+  await appStore.init()
   await modelStore.$tauri.start()
+  await modelStore.init()
   await catStore.$tauri.start()
+  catStore.init()
   await generalStore.$tauri.start()
+  await generalStore.init()
+  await shortcutStore.$tauri.start()
+  await restoreState()
+})
 
-  restoreState()
+watch(() => generalStore.appearance.language, (value) => {
+  locale.value = value ?? LANGUAGE.EN_US
 })
 
 useTauriListen(LISTEN_KEY.SHOW_WINDOW, ({ payload }) => {
@@ -75,7 +88,12 @@ useEventListener('click', (event) => {
 </script>
 
 <template>
-  <ConfigProvider :locale="zhCN">
+  <ConfigProvider
+    :locale="getAntdLocale(generalStore.appearance.language)"
+    :theme="{
+      algorithm: generalStore.appearance.isDark ? darkAlgorithm : defaultAlgorithm,
+    }"
+  >
     <RouterView v-if="isRestored" />
   </ConfigProvider>
 </template>

src/assets/css/global.scss

@@ -3,6 +3,10 @@ html {
 
   color-scheme: light;
 
+  body {
+    --uno: transition-opacity-300;
+  }
+
   &.dark {
     color-scheme: dark;
   }

src/components/pro-list-item/index.vue

@@ -2,18 +2,14 @@
 import { Flex } from 'ant-design-vue'
 import { computed, useSlots } from 'vue'
 
-const { title, icon, description, vertical } = defineProps<{
+const { title, description, vertical } = defineProps<{
   title: string
-  icon?: string
   description?: string
   vertical?: boolean
 }>()
 
 const slots = useSlots()
 
-const hasIcon = computed(() => {
-  return icon || slots.icon
-})
 const hasDescription = computed(() => {
   return description || slots.description
 })
@@ -22,29 +18,22 @@ const hasDescription = computed(() => {
 <template>
   <Flex
     :align="vertical ? void 0 : 'center'"
-    class="b b-color-2 rounded-lg b-solid bg-white p-4"
-    gap="middle"
+    class="b b-color-2 rounded-lg b-solid bg-color-3 p-4"
+    :gap="vertical ? 'middle' : 'large'"
     justify="space-between"
     :vertical="vertical"
   >
-    <Flex align="center">
-      <slot name="icon">
-        <div
-          class="text-4"
-          :class="icon"
-        />
-      </slot>
-
-      <Flex
-        :class="{ 'ml-4': hasIcon }"
-        vertical
-      >
+    <Flex
+      align="center"
+      class="flex-1"
+    >
+      <Flex vertical>
         <div class="text-sm font-medium">
           {{ title }}
         </div>
 
         <div
-          class="text-xs [&_a]:(active:text-color-primary-7 hover:text-color-primary-5 text-color-3) text-color-3"
+          class="break-all text-xs [&_a]:(active:text-color-primary-7 hover:text-color-primary-5 text-color-3) text-color-3"
           :class="{ 'mt-2': hasDescription }"
         >
           <slot name="description">

src/components/pro-shortcut/index.vue

@@ -0,0 +1,127 @@
+<script setup lang="ts">
+import type { Key } from '@/utils/keyboard'
+
+import { find, map, remove, some, split } from 'es-toolkit/compat'
+import { ref, useTemplateRef, watch } from 'vue'
+
+import ProListItem from '@/components/pro-list-item/index.vue'
+import { keys, modifierKeys, standardKeys } from '@/utils/keyboard'
+
+const props = defineProps<{
+  title: string
+  description?: string
+}>()
+
+const modelValue = defineModel<string>()
+const shortcutInputRef = useTemplateRef('shortcutInput')
+const isFocusing = ref(false)
+const isHovering = ref(false)
+const pressedKeys = ref<Key[]>([])
+
+watch(modelValue, () => {
+  parseModelValue()
+}, { immediate: true })
+
+function parseModelValue() {
+  if (!modelValue.value) {
+    return pressedKeys.value = []
+  }
+
+  pressedKeys.value = split(modelValue.value, '+').map((tauriKey) => {
+    return find(keys, { tauriKey })!
+  })
+}
+
+function getEventKey(event: KeyboardEvent) {
+  const { key, code } = event
+
+  const eventKey = key.replace('Meta', 'Command')
+
+  const isModifierKey = some(modifierKeys, { eventKey })
+
+  return isModifierKey ? eventKey : code
+}
+
+function isValidShortcut() {
+  if (pressedKeys.value?.[0]?.eventKey?.startsWith('F')) {
+    return true
+  }
+
+  const hasModifierKey = some(pressedKeys.value, ({ eventKey }) => {
+    return some(modifierKeys, { eventKey })
+  })
+  const hasStandardKey = some(pressedKeys.value, ({ eventKey }) => {
+    return some(standardKeys, { eventKey })
+  })
+
+  return hasModifierKey && hasStandardKey
+}
+
+function handleFocus() {
+  isFocusing.value = true
+
+  pressedKeys.value = []
+}
+
+function handleBlur() {
+  isFocusing.value = false
+
+  if (!isValidShortcut()) {
+    return parseModelValue()
+  }
+
+  modelValue.value = map(pressedKeys.value, 'tauriKey').join('+')
+}
+
+function handleKeyDown(event: KeyboardEvent) {
+  const eventKey = getEventKey(event)
+
+  const matched = find(keys, { eventKey })
+  const isInvalid = !matched
+  const isDuplicate = some(pressedKeys.value, { eventKey })
+
+  if (isInvalid || isDuplicate) return
+
+  pressedKeys.value.push(matched)
+
+  if (isValidShortcut()) {
+    shortcutInputRef.value?.blur()
+  }
+}
+
+function handleKeyUp(event: KeyboardEvent) {
+  remove(pressedKeys.value, { eventKey: getEventKey(event) })
+}
+</script>
+
+<template>
+  <ProListItem v-bind="props">
+    <div
+      ref="shortcutInput"
+      align="center"
+      class="relative h-8 min-w-32 flex cursor-text items-center justify-center b b-color-1 hover:b-primary-5 rounded-md b-solid px-2.5 text-color-3 outline-none transition focus:(b-primary shadow-[0_0_0_2px_rgba(5,145,255,0.1)])"
+      justify="center"
+      :tabindex="0"
+      @blur="handleBlur"
+      @focus="handleFocus"
+      @keydown="handleKeyDown"
+      @keyup="handleKeyUp"
+      @mouseout="isHovering = false"
+      @mouseover="isHovering = true"
+    >
+      <span v-if="pressedKeys.length === 0">
+        {{ isFocusing ? $t('components.proShortcut.hints.pressRecordShortcut') : $t('components.proShortcut.hints.clickRecordShortcut') }}
+      </span>
+
+      <span class="text-primary font-bold">
+        {{ map(pressedKeys, 'symbol').join(' ') }}
+      </span>
+
+      <div
+        class="i-iconamoon:close-circle-1 absolute right-2 cursor-pointer text-4 transition hover:text-primary"
+        :hidden="isFocusing || !isHovering || pressedKeys.length === 0"
+        @mousedown.prevent="modelValue = ''"
+      />
+    </div>
+  </ProListItem>
+</template>

src/components/update-app/index.vue

@@ -8,10 +8,11 @@ import { Flex, message, Modal } from 'ant-design-vue'
 import dayjs from 'dayjs'
 import utc from 'dayjs/plugin/utc'
 import { computed, reactive, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 import VueMarkdown from 'vue-markdown-render'
 
 import { useTauriListen } from '@/composables/useTauriListen'
-import { GITHUB_LINK, LISTEN_KEY } from '@/constants'
+import { GITHUB_LINK, LISTEN_KEY, UPGRADE_LINK_ACCESS_KEY } from '@/constants'
 import { showWindow } from '@/plugins/window'
 import { useGeneralStore } from '@/stores/general'
 
@@ -32,10 +33,11 @@ const state = reactive<State>({
   downloadProgress: 0,
 })
 const MESSAGE_KEY = 'updatable'
+const { t } = useI18n()
 
 const { pause, resume } = useIntervalFn(checkUpdate, 1000 * 60 * 60 * 24)
 
-watch(() => generalStore.autoCheckUpdate, (value) => {
+watch(() => generalStore.update.autoCheck, (value) => {
   pause()
 
   if (!value) return
@@ -51,7 +53,7 @@ useTauriListen<boolean>(LISTEN_KEY.UPDATE_APP, () => {
   message.loading({
     key: MESSAGE_KEY,
     duration: 0,
-    content: '正在检查更新...',
+    content: t('components.updateApp.hints.checkingUpdates'),
   })
 })
 
@@ -67,7 +69,12 @@ const downloadProgress = computed(() => {
 
 async function checkUpdate(visibleMessage = false) {
   try {
-    const update = await check()
+    const update = await check({
+      timeout: 5000,
+      headers: {
+        'X-AccessKey': UPGRADE_LINK_ACCESS_KEY,
+      },
+    })
 
     if (update) {
       const { version, currentVersion, body = '', date, downloadAndInstall } = update
@@ -86,7 +93,7 @@ async function checkUpdate(visibleMessage = false) {
 
       message.destroy(MESSAGE_KEY)
     } else if (visibleMessage) {
-      message.success({ key: MESSAGE_KEY, content: '当前已是最新版本🎉' })
+      message.success({ key: MESSAGE_KEY, content: t('components.updateApp.hints.alreadyLatest') })
     }
   } catch (error) {
     if (!visibleMessage) return
@@ -122,7 +129,10 @@ async function handleOk() {
   } catch (error) {
     message.error(String(error))
   } finally {
-    state.downloading = false
+    Object.assign(state, {
+      downloading: false,
+      downloadProgress: 0,
+    })
   }
 }
 </script>
@@ -130,15 +140,15 @@ async function handleOk() {
 <template>
   <Modal
     v-model:open="state.open"
-    cancel-text="稍后更新"
+    :cancel-text="$t('components.updateApp.buttons.updateLater')"
     centered
     :closable="false"
     :mask-closable="false"
-    title="发现新版本🥳"
+    :title="$t('components.updateApp.title')"
     @ok="handleOk"
   >
     <template #okText>
-      {{ state.downloading ? downloadProgress : "立即更新" }}
+      {{ state.downloading ? downloadProgress : $t('components.updateApp.buttons.updateNow') }}
     </template>
 
     <Flex
@@ -147,7 +157,7 @@ async function handleOk() {
       vertical
     >
       <Flex align="center">
-        <span>更新版本：</span>
+        <span>{{ $t('components.updateApp.labels.updateVersion') }}</span>
         <span>
           <span>{{ state.update?.currentVersion }} 👉 </span>
           <a
@@ -159,12 +169,12 @@ async function handleOk() {
       </Flex>
 
       <Flex align="center">
-        <span>更新时间：</span>
+        <span>{{ $t('components.updateApp.labels.updateTime') }}</span>
         <span>{{ state.update?.date }}</span>
       </Flex>
 
       <Flex vertical>
-        <span>更新日志：</span>
+        <span>{{ $t('components.updateApp.labels.changelog') }}</span>
 
         <VueMarkdown
           class="update-note max-h-40 overflow-auto"

src/composables/useDevice.ts

@@ -1,17 +1,15 @@
-import type { Ref } from 'vue'
+import { invoke } from '@tauri-apps/api/core'
+import { getCurrentWebviewWindow } from '@tauri-apps/api/webviewWindow'
+import { cursorPosition } from '@tauri-apps/api/window'
 
-import { readDir } from '@tauri-apps/plugin-fs'
-import { uniq } from 'es-toolkit'
-import { reactive, ref, watch } from 'vue'
-
-import { LISTEN_KEY } from '../constants'
+import { INVOKE_KEY, LISTEN_KEY } from '../constants'
 
+import { useModel } from './useModel'
 import { useTauriListen } from './useTauriListen'
 
 import { useCatStore } from '@/stores/cat'
 import { useModelStore } from '@/stores/model'
-import { isImage } from '@/utils/is'
-import { join } from '@/utils/path'
+import { inBetween } from '@/utils/is'
 import { isWindows } from '@/utils/platform'
 
 interface MouseButtonEvent {
@@ -19,14 +17,14 @@ interface MouseButtonEvent {
   value: string
 }
 
-interface MouseMoveValue {
+export interface CursorPoint {
   x: number
   y: number
 }
 
 interface MouseMoveEvent {
   kind: 'MouseMove'
-  value: MouseMoveValue
+  value: CursorPoint
 }
 
 interface KeyboardEvent {
@@ -37,102 +35,64 @@ interface KeyboardEvent {
 type DeviceEvent = MouseButtonEvent | MouseMoveEvent | KeyboardEvent
 
 export function useDevice() {
-  const supportLeftKeys = ref<string[]>([])
-  const supportRightKeys = ref<string[]>([])
-  const pressedMouses = ref<string[]>([])
-  const mousePosition = reactive<MouseMoveValue>({ x: 0, y: 0 })
-  const pressedLeftKeys = ref<string[]>([])
-  const pressedRightKeys = ref<string[]>([])
-  const catStore = useCatStore()
   const modelStore = useModelStore()
   const releaseTimers = new Map<string, NodeJS.Timeout>()
+  const catStore = useCatStore()
+  const { handlePress, handleRelease, handleMouseChange, handleMouseMove } = useModel()
 
-  watch(() => modelStore.currentModel, async (model) => {
-    if (!model) return
-
-    const keySides = [
-      {
-        side: 'left',
-        supportKeys: supportLeftKeys,
-        pressedKeys: pressedLeftKeys,
-      },
-      {
-        side: 'right',
-        supportKeys: supportRightKeys,
-        pressedKeys: pressedRightKeys,
-      },
-    ]
-
-    for await (const item of keySides) {
-      const { side, supportKeys, pressedKeys } = item
-
-      try {
-        const files = await readDir(join(model.path, 'resources', `${side}-keys`))
-
-        const imageFiles = files.filter(file => isImage(file.name))
-
-        supportKeys.value = imageFiles.map((item) => {
-          return item.name.split('.')[0]
-        })
-
-        pressedKeys.value = pressedKeys.value.filter((key) => {
-          return supportKeys.value.includes(key)
-        })
-      } catch {
-        supportKeys.value = []
-        pressedKeys.value = []
-      }
-    }
-  }, { deep: true, immediate: true })
-
-  const handlePress = (array: Ref<string[]>, value?: string) => {
-    if (!value) return
-
-    if (catStore.singleMode) {
-      array.value = [value]
-    } else {
-      array.value = uniq(array.value.concat(value))
-    }
-  }
-
-  const handleRelease = (array: Ref<string[]>, value?: string) => {
-    if (!value) return
-
-    array.value = array.value.filter(item => item !== value)
+  const startListening = () => {
+    invoke(INVOKE_KEY.START_DEVICE_LISTENING)
   }
 
   const getSupportedKey = (key: string) => {
-    for (const side of ['left', 'right']) {
-      let nextKey = key
+    let nextKey = key
 
-      const supportKeys = side === 'left' ? supportLeftKeys.value : supportRightKeys.value
+    const unsupportedKey = !modelStore.supportKeys[nextKey]
 
-      const unsupportedKeys = !supportKeys.includes(key)
+    if (key.startsWith('F') && unsupportedKey) {
+      nextKey = key.replace(/F(\d+)/, 'Fn')
+    }
 
-      if (key.startsWith('F') && unsupportedKeys) {
-        nextKey = key.replace(/F(\d+)/, 'Fn')
+    for (const item of ['Meta', 'Shift', 'Alt', 'Control']) {
+      if (key.startsWith(item) && unsupportedKey) {
+        const regex = new RegExp(`^(${item}).*`)
+        nextKey = key.replace(regex, '$1')
       }
+    }
 
-      for (const item of ['Meta', 'Shift', 'Alt', 'Control']) {
-        if (key.startsWith(item) && unsupportedKeys) {
-          const regex = new RegExp(`^(${item}).*`)
-          nextKey = key.replace(regex, '$1')
-        }
+    return nextKey
+  }
+
+  const handleCursorMove = async () => {
+    const cursorPoint = await cursorPosition()
+
+    handleMouseMove(cursorPoint)
+
+    if (catStore.window.hideOnHover) {
+      const appWindow = getCurrentWebviewWindow()
+      const position = await appWindow.outerPosition()
+      const { width, height } = await appWindow.innerSize()
+
+      const isInWindow = inBetween(cursorPoint.x, position.x, position.x + width)
+        && inBetween(cursorPoint.y, position.y, position.y + height)
+
+      document.body.style.setProperty('opacity', isInWindow ? '0' : 'unset')
+
+      if (!catStore.window.passThrough) {
+        appWindow.setIgnoreCursorEvents(isInWindow)
       }
-
-      if (!supportKeys.includes(nextKey)) continue
-
-      return nextKey
     }
   }
 
-  const handleScheduleRelease = (keys: Ref<string[]>, key: string, delay = 500) => {
+  const handleAutoRelease = (key: string, delay = 100) => {
+    handlePress(key)
+
     if (releaseTimers.has(key)) {
       clearTimeout(releaseTimers.get(key))
     }
 
     const timer = setTimeout(() => {
-      handleRelease(keys, key)
+      handleRelease(key)
 
       releaseTimers.delete(key)
     }, delay)
@@ -148,41 +108,34 @@ export function useDevice() {
 
       if (!nextValue) return
 
-      const isLeftSide = supportLeftKeys.value.includes(nextValue)
-
-      const pressedKeys = isLeftSide ? pressedLeftKeys : pressedRightKeys
-
       if (nextValue === 'CapsLock') {
-        handlePress(pressedKeys, nextValue)
-
-        return handleScheduleRelease(pressedKeys, nextValue, 100)
+        return handleAutoRelease(nextValue)
       }
 
       if (kind === 'KeyboardPress') {
         if (isWindows) {
-          handleScheduleRelease(pressedKeys, nextValue)
+          const delay = catStore.model.autoReleaseDelay * 1000
+
+          return handleAutoRelease(nextValue, delay)
         }
 
-        return handlePress(pressedKeys, nextValue)
+        return handlePress(nextValue)
       }
 
-      return handleRelease(pressedKeys, nextValue)
+      return handleRelease(nextValue)
     }
 
     switch (kind) {
       case 'MousePress':
-        return handlePress(pressedMouses, value)
+        return handleMouseChange(value)
       case 'MouseRelease':
-        return handleRelease(pressedMouses, value)
+        return handleMouseChange(value, false)
       case 'MouseMove':
-        return Object.assign(mousePosition, value)
+        return handleCursorMove()
     }
   })
 
   return {
-    pressedMouses,
-    mousePosition,
-    pressedLeftKeys,
-    pressedRightKeys,
+    startListening,
   }
 }

src/composables/useGamepad.ts

@@ -0,0 +1,104 @@
+import type { LiteralUnion } from 'ant-design-vue/es/_util/type'
+
+import { invoke } from '@tauri-apps/api/core'
+import { computed, reactive, watch } from 'vue'
+
+import { useModel } from './useModel'
+import { useTauriListen } from './useTauriListen'
+
+import { INVOKE_KEY, LISTEN_KEY } from '@/constants'
+import { useModelStore } from '@/stores/model'
+import live2d from '@/utils/live2d'
+
+type GamepadEventName = LiteralUnion<'LeftStickX' | 'LeftStickY' | 'RightStickX' | 'RightStickY' | 'LeftThumb' | 'RightThumb'>
+
+interface GamepadEvent {
+  kind: 'ButtonChanged' | 'AxisChanged'
+  name: GamepadEventName
+  value: number
+}
+
+interface StickState {
+  x: number
+  y: number
+  moved: boolean
+  pressed: boolean
+}
+
+interface Sticks {
+  left: StickState
+  right: StickState
+}
+
+const INITIAL_STICK_STATE: StickState = { x: 0, y: 0, moved: false, pressed: false }
+
+export function useGamepad() {
+  const { currentModel } = useModelStore()
+  const { handlePress, handleRelease, handleAxisChange } = useModel()
+  const sticks = reactive<Sticks>({
+    left: { ...INITIAL_STICK_STATE },
+    right: { ...INITIAL_STICK_STATE },
+  })
+
+  const stickActive = computed(() => ({
+    left: sticks.left.moved || sticks.left.pressed,
+    right: sticks.right.moved || sticks.right.pressed,
+  }))
+
+  watch(() => currentModel?.mode, (mode) => {
+    if (mode === 'gamepad') {
+      return invoke(INVOKE_KEY.START_GAMEPAD_LISTING)
+    }
+
+    invoke(INVOKE_KEY.STOP_GAMEPAD_LISTING)
+  }, { immediate: true })
+
+  watch(sticks.left, ({ x, y, moved, pressed }) => {
+    sticks.left.moved = x !== 0 || y !== 0
+
+    live2d.setParameterValue('CatParamStickShowLeftHand', moved || pressed)
+  }, { deep: true })
+
+  watch(sticks.right, ({ x, y, moved, pressed }) => {
+    sticks.right.moved = x !== 0 || y !== 0
+
+    live2d.setParameterValue('CatParamStickShowRightHand', moved || pressed)
+  }, { deep: true })
+
+  useTauriListen<GamepadEvent>(LISTEN_KEY.GAMEPAD_CHANGED, ({ payload }) => {
+    const { name, value } = payload
+
+    switch (name) {
+      case 'LeftStickX':
+        sticks.left.x = value
+
+        return handleAxisChange('CatParamStickLX', value)
+      case 'LeftStickY':
+        sticks.left.y = value
+
+        return handleAxisChange('CatParamStickLY', value)
+      case 'RightStickX':
+        sticks.right.x = value
+
+        return handleAxisChange('CatParamStickRX', value)
+      case 'RightStickY':
+        sticks.right.y = value
+
+        return handleAxisChange('CatParamStickRY', value)
+      case 'LeftThumb':
+        sticks.left.pressed = value !== 0
+
+        return live2d.setParameterValue('CatParamStickLeftDown', value !== 0)
+      case 'RightThumb':
+        sticks.right.pressed = value !== 0
+
+        return live2d.setParameterValue('CatParamStickRightDown', value !== 0)
+      default:
+        return value > 0 ? handlePress(name) : handleRelease(name)
+    }
+  })
+
+  return {
+    stickActive,
+  }
+}

src/composables/useModel.ts

@@ -1,53 +1,46 @@
-import { convertFileSrc } from '@tauri-apps/api/core'
-import { LogicalSize, PhysicalSize } from '@tauri-apps/api/dpi'
-import { resolveResource } from '@tauri-apps/api/path'
+import type { PhysicalPosition } from '@tauri-apps/api/dpi'
+
+import { LogicalSize } from '@tauri-apps/api/dpi'
+import { resolveResource, sep } from '@tauri-apps/api/path'
 import { getCurrentWebviewWindow } from '@tauri-apps/api/webviewWindow'
 import { message } from 'ant-design-vue'
 import { isNil, round } from 'es-toolkit'
-import { computed, watch } from 'vue'
+import { nth } from 'es-toolkit/compat'
+import { ref } from 'vue'
 
 import live2d from '../utils/live2d'
-import { getCursorMonitor } from '../utils/monitor'
 
 import { useCatStore } from '@/stores/cat'
 import { useModelStore } from '@/stores/model'
-import { getImageSize } from '@/utils/dom'
-import { join } from '@/utils/path'
+import { getCursorMonitor } from '@/utils/monitor'
 
 const appWindow = getCurrentWebviewWindow()
 
+export interface ModelSize {
+  width: number
+  height: number
+}
+
 export function useModel() {
   const modelStore = useModelStore()
   const catStore = useCatStore()
-
-  const backgroundImage = computed(() => {
-    return convertFileSrc(join(modelStore.currentModel!.path, 'resources', 'background.png'))
-  })
-
-  watch(() => modelStore.currentModel, handleLoad, { deep: true, immediate: true })
-
-  watch(() => catStore.scale, async () => {
-    const { width, height } = await getImageSize(backgroundImage.value)
-
-    appWindow.setSize(
-      new PhysicalSize({
-        width: round(width * (catStore.scale / 100)),
-        height: round(height * (catStore.scale / 100)),
-      }),
-    )
-  }, { immediate: true })
+  const modelSize = ref<ModelSize>()
 
   async function handleLoad() {
     try {
-      const { path } = modelStore.currentModel!
+      if (!modelStore.currentModel) return
+
+      const { path } = modelStore.currentModel
 
       await resolveResource(path)
 
-      const data = await live2d.load(path)
+      const { width, height, ...rest } = await live2d.load(path)
+
+      modelSize.value = { width, height }
 
       handleResize()
 
-      Object.assign(modelStore, data)
+      Object.assign(modelStore, rest)
     } catch (error) {
       message.error(String(error))
     }
@@ -58,13 +51,11 @@ export function useModel() {
   }
 
   async function handleResize() {
-    if (!live2d.model) return
+    if (!modelSize.value) return
 
-    const { innerWidth, innerHeight } = window
+    live2d.resizeModel(modelSize.value)
 
-    const { width, height } = await getImageSize(backgroundImage.value)
-
-    live2d.model?.scale.set(innerWidth / width)
+    const { width, height } = modelSize.value
 
     if (round(innerWidth / innerHeight, 1) !== round(width / height, 1)) {
       await appWindow.setSize(
@@ -77,26 +68,54 @@ export function useModel() {
 
     const size = await appWindow.size()
 
-    catStore.scale = round((size.width / width) * 100)
+    catStore.window.scale = round((size.width / width) * 100)
   }
 
-  function handleKeyDown(side: 'left' | 'right', pressed: boolean) {
-    const id = side === 'left' ? 'CatParamLeftHandDown' : 'CatParamRightHandDown'
+  const handlePress = (key: string) => {
+    const path = modelStore.supportKeys[key]
 
-    const { min, max } = live2d.getParameterRange(id)
+    if (!path) return
 
-    live2d.setParameterValue(id, pressed ? max : min)
+    if (catStore.model.single) {
+      const dirName = nth(path.split(sep()), -2)!
+
+      const filterKeys = Object.entries(modelStore.pressedKeys).filter(([, value]) => {
+        return value.includes(dirName)
+      })
+
+      for (const [key] of filterKeys) {
+        handleRelease(key)
+      }
+    }
+
+    modelStore.pressedKeys[key] = path
   }
 
-  async function handleMouseMove() {
-    const monitor = await getCursorMonitor()
+  const handleRelease = (key: string) => {
+    delete modelStore.pressedKeys[key]
+  }
+
+  function handleKeyChange(isLeft = true, pressed = true) {
+    const id = isLeft ? 'CatParamLeftHandDown' : 'CatParamRightHandDown'
+
+    live2d.setParameterValue(id, pressed)
+  }
+
+  function handleMouseChange(key: string, pressed = true) {
+    const id = key === 'Left' ? 'ParamMouseLeftDown' : 'ParamMouseRightDown'
+
+    live2d.setParameterValue(id, pressed)
+  }
+
+  async function handleMouseMove(cursorPoint: PhysicalPosition) {
+    const monitor = await getCursorMonitor(cursorPoint)
 
     if (!monitor) return
 
-    const { size, position, cursorPosition } = monitor
+    const { size, position } = monitor
 
-    const xRatio = (cursorPosition.x - position.x) / size.width
-    const yRatio = (cursorPosition.y - position.y) / size.height
+    const xRatio = (cursorPoint.x - position.x) / size.width
+    const yRatio = (cursorPoint.y - position.y) / size.height
 
     for (const id of ['ParamMouseX', 'ParamMouseY', 'ParamAngleX', 'ParamAngleY']) {
       const { min, max } = live2d.getParameterRange(id)
@@ -108,7 +127,7 @@ export function useModel() {
       const ratio = isXAxis ? xRatio : yRatio
       let value = max - (ratio * (max - min))
 
-      if (isXAxis && catStore.mouseMirror) {
+      if (isXAxis && catStore.model.mouseMirror) {
         value *= -1
       }
 
@@ -116,26 +135,22 @@ export function useModel() {
     }
   }
 
-  function handleMouseDown(value: string[]) {
-    const params = {
-      ParamMouseLeftDown: value.includes('Left'),
-      ParamMouseRightDown: value.includes('Right'),
-    }
+  async function handleAxisChange(id: string, value: number) {
+    const { min, max } = live2d.getParameterRange(id)
 
-    for (const [id, pressed] of Object.entries(params)) {
-      const { min, max } = live2d.getParameterRange(id)
-
-      live2d.setParameterValue(id, pressed ? max : min)
-    }
+    live2d.setParameterValue(id, Math.max(min, value * max))
   }
 
   return {
-    backgroundImage,
+    modelSize,
+    handlePress,
+    handleRelease,
     handleLoad,
     handleDestroy,
     handleResize,
-    handleKeyDown,
+    handleKeyChange,
+    handleMouseChange,
     handleMouseMove,
-    handleMouseDown,
+    handleAxisChange,
   }
 }

src/composables/useSharedMenu.ts

@@ -1,29 +1,31 @@
 import { CheckMenuItem, MenuItem, PredefinedMenuItem, Submenu } from '@tauri-apps/api/menu'
 import { range } from 'es-toolkit'
+import { useI18n } from 'vue-i18n'
 
-import { hideWindow, showWindow } from '@/plugins/window'
+import { showWindow } from '@/plugins/window'
 import { useCatStore } from '@/stores/cat'
 import { isMac } from '@/utils/platform'
 
 export function useSharedMenu() {
   const catStore = useCatStore()
+  const { t } = useI18n()
 
   const getScaleMenuItems = async () => {
     const options = range(50, 151, 25)
 
     const items = options.map((item) => {
       return CheckMenuItem.new({
-        text: item === 100 ? '默认' : `${item}%`,
-        checked: catStore.scale === item,
+        text: `${item}%`,
+        checked: catStore.window.scale === item,
         action: () => {
-          catStore.scale = item
+          catStore.window.scale = item
         },
       })
     })
 
-    if (!options.includes(catStore.scale)) {
+    if (!options.includes(catStore.window.scale)) {
       items.unshift(CheckMenuItem.new({
-        text: `${catStore.scale}%`,
+        text: `${catStore.window.scale}%`,
         checked: true,
         enabled: false,
       }))
@@ -38,16 +40,16 @@ export function useSharedMenu() {
     const items = options.map((item) => {
       return CheckMenuItem.new({
         text: `${item}%`,
-        checked: catStore.opacity === item,
+        checked: catStore.window.opacity === item,
         action: () => {
-          catStore.opacity = item
+          catStore.window.opacity = item
         },
       })
     })
 
-    if (!options.includes(catStore.opacity)) {
+    if (!options.includes(catStore.window.opacity)) {
       items.unshift(CheckMenuItem.new({
-        text: `${catStore.opacity}%`,
+        text: `${catStore.window.opacity}%`,
         checked: true,
         enabled: false,
       }))
@@ -59,36 +61,30 @@ export function useSharedMenu() {
   const getSharedMenu = async () => {
     return await Promise.all([
       MenuItem.new({
-        text: '偏好设置...',
+        text: t('composables.useSharedMenu.labels.preference'),
         accelerator: isMac ? 'Cmd+,' : '',
         action: () => showWindow('preference'),
       }),
       MenuItem.new({
-        text: catStore.visible ? '隐藏猫咪' : '显示猫咪',
+        text: catStore.window.visible ? t('composables.useSharedMenu.labels.hideCat') : t('composables.useSharedMenu.labels.showCat'),
         action: () => {
-          if (catStore.visible) {
-            hideWindow('main')
-          } else {
-            showWindow('main')
-          }
-
-          catStore.visible = !catStore.visible
+          catStore.window.visible = !catStore.window.visible
         },
       }),
       PredefinedMenuItem.new({ item: 'Separator' }),
       CheckMenuItem.new({
-        text: '窗口穿透',
-        checked: catStore.penetrable,
+        text: t('composables.useSharedMenu.labels.passThrough'),
+        checked: catStore.window.passThrough,
         action: () => {
-          catStore.penetrable = !catStore.penetrable
+          catStore.window.passThrough = !catStore.window.passThrough
         },
       }),
       Submenu.new({
-        text: '窗口尺寸',
+        text: t('composables.useSharedMenu.labels.windowSize'),
         items: await getScaleMenuItems(),
       }),
       Submenu.new({
-        text: '不透明度',
+        text: t('composables.useSharedMenu.labels.opacity'),
         items: await getOpacityMenuItems(),
       }),
     ])

src/composables/useTauriShortcut.ts

@@ -0,0 +1,33 @@
+import type { ShortcutHandler } from '@tauri-apps/plugin-global-shortcut'
+import type { Ref } from 'vue'
+
+import {
+  isRegistered,
+  register,
+  unregister,
+} from '@tauri-apps/plugin-global-shortcut'
+import { ref, watch } from 'vue'
+
+export function useTauriShortcut(shortcut: Ref<string, string>, callback: ShortcutHandler) {
+  const oldShortcut = ref(shortcut.value)
+
+  watch(shortcut, async (value) => {
+    if (oldShortcut.value) {
+      const registered = await isRegistered(oldShortcut.value)
+
+      if (registered) {
+        await unregister(oldShortcut.value)
+      }
+    }
+
+    if (!value) return
+
+    await register(value, (event) => {
+      if (event.state === 'Released') return
+
+      callback(event)
+    })
+
+    oldShortcut.value = value
+  }, { immediate: true })
+}

src/composables/useTray.ts

@@ -8,6 +8,8 @@ import { TrayIcon } from '@tauri-apps/api/tray'
 import { openUrl } from '@tauri-apps/plugin-opener'
 import { exit, relaunch } from '@tauri-apps/plugin-process'
 import { watchDebounced } from '@vueuse/core'
+import { watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import { GITHUB_LINK, LISTEN_KEY } from '../constants'
 import { showWindow } from '../plugins/window'
@@ -16,16 +18,23 @@ import { isMac } from '../utils/platform'
 import { useSharedMenu } from './useSharedMenu'
 
 import { useCatStore } from '@/stores/cat'
+import { useGeneralStore } from '@/stores/general'
 
 const TRAY_ID = 'BONGO_CAT_TRAY'
 
 export function useTray() {
   const catStore = useCatStore()
+  const generalStore = useGeneralStore()
   const { getSharedMenu } = useSharedMenu()
+  const { t } = useI18n()
 
-  watchDebounced(() => catStore, () => {
+  watch([() => catStore.window.visible, () => catStore.window.passThrough, () => generalStore.appearance.language], () => {
     updateTrayMenu()
-  }, { deep: true, debounce: 500 })
+  })
+
+  watchDebounced([() => catStore.window.scale, () => catStore.window.opacity], () => {
+    updateTrayMenu()
+  }, { debounce: 200 })
 
   const createTray = async () => {
     const tray = await getTrayById()
@@ -37,14 +46,15 @@ export function useTray() {
 
     const menu = await getTrayMenu()
 
-    const icon = await resolveResource('assets/tray.png')
+    const path = isMac ? 'assets/tray-mac.png' : 'assets/tray.png'
+    const icon = await resolveResource(path)
 
     const options: TrayIconOptions = {
       menu,
       icon,
       id: TRAY_ID,
       tooltip: `${appName} v${appVersion}`,
-      iconAsTemplate: false,
+      iconAsTemplate: true,
       menuOnLeftClick: true,
     }
 
@@ -62,7 +72,7 @@ export function useTray() {
       ...await getSharedMenu(),
       PredefinedMenuItem.new({ item: 'Separator' }),
       MenuItem.new({
-        text: '检查更新',
+        text: t('composables.useTray.checkUpdate'),
         action: () => {
           showWindow()
 
@@ -70,20 +80,20 @@ export function useTray() {
         },
       }),
       MenuItem.new({
-        text: '开源地址',
+        text: t('composables.useTray.openSource'),
         action: () => openUrl(GITHUB_LINK),
       }),
       PredefinedMenuItem.new({ item: 'Separator' }),
       MenuItem.new({
-        text: `版本 ${appVersion}`,
+        text: `v${appVersion}`,
         enabled: false,
       }),
       MenuItem.new({
-        text: '重启应用',
+        text: t('composables.useTray.restartApp'),
         action: relaunch,
       }),
       MenuItem.new({
-        text: '退出应用',
+        text: t('composables.useTray.quitApp'),
         accelerator: isMac ? 'Cmd+Q' : '',
         action: () => exit(0),
       }),

src/composables/useWindowPosition.ts

@@ -0,0 +1,47 @@
+import { PhysicalPosition } from '@tauri-apps/api/dpi'
+import { getCurrentWebviewWindow } from '@tauri-apps/api/webviewWindow'
+import { onMounted, ref, watch } from 'vue'
+
+import { useCatStore } from '@/stores/cat'
+import { getCursorMonitor } from '@/utils/monitor'
+
+const appWindow = getCurrentWebviewWindow()
+
+export function useWindowPosition() {
+  const catStore = useCatStore()
+  const isMounted = ref(false)
+
+  const setWindowPosition = async () => {
+    const monitor = await getCursorMonitor()
+
+    if (!monitor) return
+
+    const windowSize = await appWindow.outerSize()
+
+    switch (catStore.window.position) {
+      case 'topLeft':
+        return appWindow.setPosition(new PhysicalPosition(0, 0))
+      case 'topRight':
+        return appWindow.setPosition(new PhysicalPosition(monitor.size.width - windowSize.width, 0))
+      case 'bottomLeft':
+        return appWindow.setPosition(new PhysicalPosition(0, monitor.size.height - windowSize.height))
+      default:
+        return appWindow.setPosition(new PhysicalPosition(monitor.size.width - windowSize.width, monitor.size.height - windowSize.height))
+    }
+  }
+
+  onMounted(async () => {
+    await setWindowPosition()
+
+    isMounted.value = true
+
+    appWindow.onScaleChanged(setWindowPosition)
+  })
+
+  watch(() => catStore.window.position, setWindowPosition)
+
+  return {
+    isMounted,
+    setWindowPosition,
+  }
+}

src/constants/index.ts

@@ -1,12 +1,25 @@
 export const GITHUB_LINK = 'https://github.com/ayangweb/BongoCat'
 
+export const UPGRADE_LINK_ACCESS_KEY = 'xDbrq2rOoRThDqKOHL2ZRA'
+
 export const LISTEN_KEY = {
   SHOW_WINDOW: 'show-window',
   HIDE_WINDOW: 'hide-window',
   DEVICE_CHANGED: 'device-changed',
   UPDATE_APP: 'update-app',
+  GAMEPAD_CHANGED: 'gamepad-changed',
 }
 
 export const INVOKE_KEY = {
   COPY_DIR: 'copy_dir',
+  START_DEVICE_LISTENING: 'start_device_listening',
+  START_GAMEPAD_LISTING: 'start_gamepad_listing',
+  STOP_GAMEPAD_LISTING: 'stop_gamepad_listing',
 }
+
+export const LANGUAGE = {
+  ZH_CN: 'zh-CN',
+  EN_US: 'en-US',
+  VI_VN: 'vi-VN',
+  PT_BR: 'pt-BR',
+} as const

src/locales/en-US.json

@@ -0,0 +1,182 @@
+{
+  "pages": {
+    "main": {
+      "hints": {
+        "redrawing": "Redrawing..."
+      }
+    },
+    "preference": {
+      "title": "Preferences",
+      "cat": {
+        "title": "Cat",
+        "labels": {
+          "modelSettings": "Model Settings",
+          "mirrorMode": "Mirror Mode",
+          "singleMode": "Single Key Mode",
+          "mouseMirror": "Mouse Mirror",
+          "windowSettings": "Window Settings",
+          "passThrough": "Pass Through",
+          "alwaysOnTop": "Always on Top",
+          "windowSize": "Window Size",
+          "windowRadius": "Window Radius",
+          "opacity": "Opacity",
+          "autoReleaseDelay": "Auto Release Delay",
+          "hideOnHover": "Hide on Hover",
+          "position": "Window Position"
+        },
+        "hints": {
+          "mirrorMode": "When enabled, the model will be mirrored horizontally.",
+          "singleMode": "When enabled, only the last pressed key is displayed for each hand.",
+          "mouseMirror": "When enabled, the mouse will mirror the hand movement.",
+          "passThrough": "When enabled, clicks pass through the window without affecting it.",
+          "alwaysOnTop": "When enabled, the window stays above all other windows.",
+          "windowSize": "Move mouse to window edge, or hold Shift and right-drag to resize.",
+          "autoReleaseDelay": "On Windows, some system keys cannot capture release events and will auto-release after timeout.",
+          "hideOnHover": "When enabled, the window hides when mouse hovers over it.",
+          "position": "Takes effect after the app starts, or when this parameter, window size, model, or screen resolution changes."
+        },
+        "options": {
+          "topLeft": "Top Left",
+          "topRight": "Top Right",
+          "bottomLeft": "Bottom Left",
+          "bottomRight": "Bottom Right"
+        }
+      },
+      "general": {
+        "title": "General",
+        "labels": {
+          "appSettings": "Application Settings",
+          "launchOnStartup": "Launch on Startup",
+          "showTaskbarIcon": "Show Taskbar Icon",
+          "appearanceSettings": "Appearance Settings",
+          "themeMode": "Theme Mode",
+          "language": "Language",
+          "updateSettings": "Update Settings",
+          "autoCheckUpdate": "Auto Check for Updates",
+          "permissionsSettings": "Permissions Settings",
+          "inputMonitoringPermission": "Input Monitoring Permission"
+        },
+        "options": {
+          "auto": "System",
+          "lightMode": "Light",
+          "darkMode": "Dark"
+        },
+        "hints": {
+          "showTaskbarIcon": "When enabled, the window can be captured via OBS Studio.",
+          "inputMonitoringPermission": "Enable input monitoring to receive keyboard and mouse events from the system.",
+          "inputMonitoringPermissionGuide": "If the permission is already enabled, select it and click the \"-\" button to remove it, then manually add it again and restart the app."
+        },
+        "status": {
+          "authorized": "Authorized",
+          "authorize": "Go to Enable"
+        },
+        "buttons": {
+          "openNow": "Open Now",
+          "openLater": "Open Later"
+        }
+      },
+      "model": {
+        "title": "Model",
+        "labels": {
+          "deleteModel": "Delete Model"
+        },
+        "hints": {
+          "deleteSuccess": "Deleted Successfully",
+          "deleteModel": "Are you sure you want to delete this model?",
+          "importSuccess": "Imported Successfully",
+          "clickOrDragToImport": "Click or drag here to import"
+        },
+        "tooltips": {
+          "createModel": "Create Model",
+          "convertModel": "Convert Model",
+          "moreModels": "More Models"
+        }
+      },
+      "shortcut": {
+        "title": "Shortcuts",
+        "labels": {
+          "toggleCat": "Toggle Cat",
+          "togglePreferences": "Toggle Preferences",
+          "mirrorMode": "Mirror Mode",
+          "passThrough": "Pass Through",
+          "alwaysOnTop": "Always on Top"
+        },
+        "hints": {
+          "toggleCat": "Toggle the visibility of the cat window.",
+          "togglePreferences": "Toggle the visibility of the preferences window.",
+          "mirrorMode": "Toggle the cat's mirror mode.",
+          "passThrough": "Toggle whether the cat window is pass-through.",
+          "alwaysOnTop": "Toggle whether the cat window stays on top."
+        }
+      },
+      "about": {
+        "title": "About",
+        "labels": {
+          "aboutApp": "About App",
+          "appLog": "App Logs",
+          "appInfo": "App Info",
+          "openSource": "Open Source"
+        },
+        "hints": {
+          "appInfo": "Copy app information and provide it to bug issue.",
+          "copySuccess": "Copied Successfully"
+        },
+        "buttons": {
+          "checkUpdate": "Check for Updates",
+          "copy": "Copy",
+          "feedbackIssues": "Feedback Issues",
+          "viewLog": "View Logs"
+        }
+      }
+    }
+  },
+  "components": {
+    "proShortcut": {
+      "hints": {
+        "pressRecordShortcut": "Press to record shortcut",
+        "clickRecordShortcut": "Click to record shortcut"
+      }
+    },
+    "updateApp": {
+      "title": "New Version Found 🥳",
+      "labels": {
+        "updateVersion": "Update Version: ",
+        "updateTime": "Update Time: ",
+        "changelog": "Changelog: "
+      },
+      "hints": {
+        "checkingUpdates": "Checking for updates...",
+        "alreadyLatest": "Already on the latest version 🎉"
+      },
+      "buttons": {
+        "updateNow": "Update Now",
+        "updateLater": "Update Later"
+      }
+    }
+  },
+  "composables": {
+    "useSharedMenu": {
+      "labels": {
+        "preference": "Preferences...",
+        "hideCat": "Hide Cat",
+        "showCat": "Show Cat",
+        "passThrough": "Pass Through",
+        "windowSize": "Window Size",
+        "opacity": "Opacity"
+      }
+    },
+    "useTray": {
+      "checkUpdate": "Check for Updates",
+      "openSource": "Open Source",
+      "restartApp": "Restart App",
+      "quitApp": "Quit App"
+    }
+  },
+  "utils": {
+    "live2d": {
+      "hints": {
+        "notFound": "Model master configuration file not found, please ensure the model files are complete."
+      }
+    }
+  }
+}

src/locales/index.ts

@@ -0,0 +1,38 @@
+import type { Language } from '@/stores/general'
+import type { Locale as AntdLocale } from 'ant-design-vue/es/locale'
+
+import antdEnUS from 'ant-design-vue/locale/en_US'
+import antdPtBR from 'ant-design-vue/locale/pt_BR'
+import antdViVN from 'ant-design-vue/locale/vi_VN'
+import antdZhCN from 'ant-design-vue/locale/zh_CN'
+import { createI18n } from 'vue-i18n'
+
+import enUS from './en-US.json'
+import ptBR from './pt-BR.json'
+import viVN from './vi-VN.json'
+import zhCN from './zh-CN.json'
+
+import { LANGUAGE } from '@/constants'
+
+export const i18n = createI18n({
+  legacy: false,
+  locale: LANGUAGE.EN_US,
+  fallbackLocale: LANGUAGE.EN_US,
+  messages: {
+    [LANGUAGE.ZH_CN]: zhCN,
+    [LANGUAGE.EN_US]: enUS,
+    [LANGUAGE.VI_VN]: viVN,
+    [LANGUAGE.PT_BR]: ptBR,
+  },
+})
+
+export function getAntdLocale(language: Language = LANGUAGE.EN_US) {
+  const antdLanguage: Record<Language, AntdLocale> = {
+    [LANGUAGE.ZH_CN]: antdZhCN,
+    [LANGUAGE.EN_US]: antdEnUS,
+    [LANGUAGE.VI_VN]: antdViVN,
+    [LANGUAGE.PT_BR]: antdPtBR,
+  }
+
+  return antdLanguage[language]
+}

src/locales/pt-BR.json

@@ -0,0 +1,182 @@
+{
+  "pages": {
+    "main": {
+      "hints": {
+        "redrawing": "Redimensionando..."
+      }
+    },
+    "preference": {
+      "title": "Preferências",
+      "cat": {
+        "title": "Gato",
+        "labels": {
+          "modelSettings": "Configurações do Modelo",
+          "mirrorMode": "Modo Espelho",
+          "singleMode": "Mostrar Apenas Última Tecla",
+          "mouseMirror": "Espelho do Mouse",
+          "windowSettings": "Configurações da Janela",
+          "passThrough": "Janela Transparente",
+          "alwaysOnTop": "Sempre no Topo",
+          "windowSize": "Tamanho da Janela",
+          "windowRadius": "Raio da Janela",
+          "opacity": "Opacidade",
+          "autoReleaseDelay": "Atraso de Liberação Automática",
+          "hideOnHover": "Ocultar ao Passar o Mouse",
+          "position": "Posição da Janela"
+        },
+        "hints": {
+          "mirrorMode": "Quando ativado, o modelo será invertido horizontalmente.",
+          "singleMode": "Quando ativado, apenas a última tecla pressionada em cada mão é exibida (evita mostrar múltiplas mãos ao pressionar várias teclas ao mesmo tempo).",
+          "mouseMirror": "Quando ativado, o mouse espelhará o movimento da mão.",
+          "passThrough": "Quando ativado, a janela não afetará operações em outros aplicativos.",
+          "alwaysOnTop": "Quando ativado, a janela sempre ficará acima de outros aplicativos.",
+          "windowSize": "Mova o mouse para a borda da janela ou segure Shift e arraste com o botão direito para redimensionar.",
+          "autoReleaseDelay": "Devido ao Windows não capturar eventos de liberação de certas teclas de nível do sistema, elas serão automaticamente tratadas como liberadas após um tempo limite.",
+          "hideOnHover": "Quando ativado, a janela será ocultada quando o mouse passar sobre ela.",
+          "position": "Entra em vigor após inicializar o aplicativo ou quando este parâmetro, o tamanho da janela, o modelo ou a resolução de tela é alterado."
+        },
+        "options": {
+          "topLeft": "Canto Superior Esquerdo",
+          "topRight": "Canto Superior Direito",
+          "bottomLeft": "Canto Inferior Esquerdo",
+          "bottomRight": "Canto Inferior Direito"
+        }
+      },
+      "general": {
+        "title": "Geral",
+        "labels": {
+          "appSettings": "Configurações do aplicativo",
+          "launchOnStartup": "Iniciar na inicialização",
+          "showTaskbarIcon": "Mostrar ícone na barra de tarefas",
+          "appearanceSettings": "Configurações de aparência",
+          "themeMode": "Tema",
+          "language": "Idiomas",
+          "updateSettings": "Configurações de atualização",
+          "autoCheckUpdate": "Verificar atualizações automaticamente",
+          "permissionsSettings": "Configurações de Permissões",
+          "inputMonitoringPermission": "Permissão de Monitoramento de Entrada"
+        },
+        "options": {
+          "auto": "Sistema",
+          "lightMode": "Claro",
+          "darkMode": "Escuro"
+        },
+        "hints": {
+          "showTaskbarIcon": "Uma vez ativado, você pode capturar a janela via OBS Studio.",
+          "inputMonitoringPermission": "Ative a permissão de monitoramento de entrada para receber eventos de teclado e mouse do sistema para responder às suas ações.",
+          "inputMonitoringPermissionGuide": "Se a permissão já estiver ativada, primeiro selecione-a e clique no botão \"-\" para removê-la. Em seguida, adicione-a novamente manualmente e reinicie o aplicativo para garantir que a permissão entre em vigor."
+        },
+        "status": {
+          "authorized": "Autorizado",
+          "authorize": "Ir para Ativar"
+        },
+        "buttons": {
+          "openNow": "Abrir Agora",
+          "openLater": "Abrir Mais Tarde"
+        }
+      },
+      "model": {
+        "title": "Modelo",
+        "labels": {
+          "deleteModel": "Excluir modelo"
+        },
+        "hints": {
+          "deleteSuccess": "Excluído com sucesso",
+          "deleteModel": "Tem certeza de que deseja excluir este modelo?",
+          "importSuccess": "Importação bem-sucedida",
+          "clickOrDragToImport": "Clique ou arraste para importar"
+        },
+        "tooltips": {
+          "createModel": "Criar modelo",
+          "convertModel": "Converter modelo",
+          "moreModels": "Mais modelos"
+        }
+      },
+      "shortcut": {
+        "title": "Atalhos",
+        "labels": {
+          "toggleCat": "Mostrar/Ocultar Gato",
+          "togglePreferences": "Abrir Preferências",
+          "mirrorMode": "Modo Espelho",
+          "passThrough": "Janela Transparente",
+          "alwaysOnTop": "Sempre no Topo"
+        },
+        "hints": {
+          "toggleCat": "Alternar a visibilidade da janela do gato.",
+          "togglePreferences": "Alternar a visibilidade da janela de preferências.",
+          "mirrorMode": "Alternar o modo espelho do gato.",
+          "passThrough": "Alternar se a janela do gato é clicável.",
+          "alwaysOnTop": "Alternar se a janela do gato permanece no topo."
+        }
+      },
+      "about": {
+        "title": "Sobre",
+        "labels": {
+          "aboutApp": "Sobre o Aplicativo",
+          "appLog": "Logs do Aplicativo",
+          "appInfo": "Informações do Aplicativo",
+          "openSource": "Código Aberto"
+        },
+        "hints": {
+          "appInfo": "Copiar informações do aplicativo para incluir em relatórios de bugs.",
+          "copySuccess": "Copiado com sucesso"
+        },
+        "buttons": {
+          "checkUpdate": "Verificar atualizações",
+          "copy": "Copiar",
+          "feedbackIssues": "Reportar Problema",
+          "viewLog": "Ver Logs"
+        }
+      }
+    }
+  },
+  "components": {
+    "proShortcut": {
+      "hints": {
+        "pressRecordShortcut": "Pressione as teclas para gravar atalho",
+        "clickRecordShortcut": "Clique para gravar atalho"
+      }
+    },
+    "updateApp": {
+      "title": "Nova versão encontrada 🥳",
+      "labels": {
+        "updateVersion": "Versão: ",
+        "updateTime": "Hora da atualização: ",
+        "changelog": "Registro de alterações: "
+      },
+      "hints": {
+        "checkingUpdates": "Verificando atualizações...",
+        "alreadyLatest": "Você já está na versão mais recente 🎉"
+      },
+      "buttons": {
+        "updateNow": "Atualizar Agora",
+        "updateLater": "Atualizar mais tarde"
+      }
+    }
+  },
+  "composables": {
+    "useSharedMenu": {
+      "labels": {
+        "preference": "Preferências...",
+        "hideCat": "Ocultar Gato",
+        "showCat": "Mostrar Gato",
+        "passThrough": "Janela Transparente",
+        "windowSize": "Tamanho da Janela",
+        "opacity": "Opacidade"
+      }
+    },
+    "useTray": {
+      "checkUpdate": "Verificar atualizações",
+      "openSource": "Código Fonte",
+      "restartApp": "Reiniciar",
+      "quitApp": "Sair"
+    }
+  },
+  "utils": {
+    "live2d": {
+      "hints": {
+        "notFound": "Arquivo de configuração principal do modelo não encontrado. Verifique se os arquivos do modelo estão completos."
+      }
+    }
+  }
+}

src/locales/vi-VN.json

@@ -0,0 +1,182 @@
+{
+  "pages": {
+    "main": {
+      "hints": {
+        "redrawing": "Đang đổi kích thước..."
+      }
+    },
+    "preference": {
+      "title": "Tùy chỉnh",
+      "cat": {
+        "title": "Mèo",
+        "labels": {
+          "modelSettings": "Cài đặt Mô hình",
+          "mirrorMode": "Chế độ gương",
+          "singleMode": "Chỉ hiển thị phím cuối cùng",
+          "mouseMirror": "Phản chiếu chuột",
+          "windowSettings": "Cài đặt Cửa sổ",
+          "passThrough": "Click xuyên",
+          "alwaysOnTop": "Luôn trên cùng",
+          "windowSize": "Kích thước",
+          "windowRadius": "Độ bo tròn cửa sổ",
+          "opacity": "Độ mờ",
+          "autoReleaseDelay": "Độ trễ tự động nhả phím",
+          "hideOnHover": "Ẩn khi di chuột",
+          "position": "Vị trí cửa sổ"
+        },
+        "hints": {
+          "mirrorMode": "Bật để lật ngang mô hình.",
+          "singleMode": "Khi bật, mỗi tay mèo chỉ hiển thị phím vừa nhấn cuối cùng (tránh hiện nhiều tay khi nhấn nhiều phím cùng lúc).",
+          "mouseMirror": "Khi bật, chuột của mô hình sẽ phản chiếu theo chuyển động chuột thực tế.",
+          "passThrough": "Bật để cửa sổ không ảnh hưởng đến thao tác trên ứng dụng khác.",
+          "alwaysOnTop": "Bật để cửa sổ luôn nằm trên ứng dụng khác.",
+          "windowSize": "Di chuyển chuột đến mép cửa sổ hoặc giữ Shift và kéo chuột phải để thay đổi kích thước.",
+          "autoReleaseDelay": "Do Windows không bắt được sự kiện nhả của một số phím hệ thống, các phím đó sẽ được tự động xem như đã nhả sau khi hết thời gian chờ.",
+          "hideOnHover": "Khi bật, cửa sổ sẽ ẩn khi chuột di chuyển vào.",
+          "position": "Có hiệu lực sau khi khởi động ứng dụng hoặc khi tham số này, kích thước cửa sổ, mô hình hoặc độ phân giải màn hình thay đổi."
+        },
+        "options": {
+          "topLeft": "Góc trên cùng bên trái",
+          "topRight": "Góc trên cùng bên phải",
+          "bottomLeft": "Góc dưới cùng bên trái",
+          "bottomRight": "Góc dưới cùng bên phải"
+        }
+      },
+      "general": {
+        "title": "Chung",
+        "labels": {
+          "appSettings": "Cài đặt ứng dụng",
+          "launchOnStartup": "Khởi động cùng hệ thống",
+          "showTaskbarIcon": "Hiện biểu tượng trên thanh tác vụ (icon taskbar)",
+          "appearanceSettings": "Cài đặt giao diện",
+          "themeMode": "Giao diện",
+          "language": "Ngôn ngữ",
+          "updateSettings": "Cài đặt cập nhật",
+          "autoCheckUpdate": "Tự động kiểm tra cập nhật",
+          "permissionsSettings": "Cài đặt quyền",
+          "inputMonitoringPermission": "Quyền giám sát đầu vào"
+        },
+        "options": {
+          "auto": "Theo hệ thống",
+          "lightMode": "Sáng",
+          "darkMode": "Tối"
+        },
+        "hints": {
+          "showTaskbarIcon": "Bật để có thể quay cửa sổ qua OBS.",
+          "inputMonitoringPermission": "Bật quyền giám sát để nhận sự kiện bàn phím và chuột từ hệ thống nhằm phản hồi thao tác của bạn.",
+          "inputMonitoringPermissionGuide": "Nếu quyền đã được bật, hãy chọn nó và nhấn nút \"-\" để xóa. Sau đó thêm lại thủ công và khởi động lại ứng dụng để đảm bảo quyền được áp dụng."
+        },
+        "status": {
+          "authorized": "Đã cấp quyền",
+          "authorize": "Đi đến Bật"
+        },
+        "buttons": {
+          "openNow": "Mở ngay",
+          "openLater": "Mở sau"
+        }
+      },
+      "model": {
+        "title": "Mô hình",
+        "labels": {
+          "deleteModel": "Xóa mô hình"
+        },
+        "hints": {
+          "deleteSuccess": "Xóa thành công",
+          "deleteModel": "Bạn chắc muốn xóa mô hình này?",
+          "importSuccess": "Nhập thành công",
+          "clickOrDragToImport": "Nhấp hoặc kéo tệp vào đây"
+        },
+        "tooltips": {
+          "createModel": "Tạo mô hình",
+          "convertModel": "Chuyển đổi mô hình",
+          "moreModels": "Khám phá mô hình khác"
+        }
+      },
+      "shortcut": {
+        "title": "Phím tắt",
+        "labels": {
+          "toggleCat": "Ẩn/Hiện Mèo",
+          "togglePreferences": "Mở Tùy chỉnh",
+          "mirrorMode": "Chế độ gương",
+          "passThrough": "Click xuyên",
+          "alwaysOnTop": "Luôn trên cùng"
+        },
+        "hints": {
+          "toggleCat": "Bật/Tắt cửa sổ mèo.",
+          "togglePreferences": "Bật/Tắt cửa sổ tùy chỉnh.",
+          "mirrorMode": "Bật/Tắt chế độ gương.",
+          "passThrough": "Bật/Tắt cho phép click xuyên cửa sổ mèo.",
+          "alwaysOnTop": "Bật/Tắt luôn giữ cửa sổ mèo trên cùng."
+        }
+      },
+      "about": {
+        "title": "Giới thiệu",
+        "labels": {
+          "aboutApp": "Thông tin ứng dụng",
+          "appLog": "Nhật ký ứng dụng",
+          "appInfo": "Thông tin ứng dụng",
+          "openSource": "Mã nguồn"
+        },
+        "hints": {
+          "appInfo": "Sao chép thông tin để gửi bug.",
+          "copySuccess": "Đã sao chép"
+        },
+        "buttons": {
+          "checkUpdate": "Kiểm tra cập nhật",
+          "copy": "Sao chép",
+          "feedbackIssues": "Báo lỗi",
+          "viewLog": "Xem nhật ký"
+        }
+      }
+    }
+  },
+  "components": {
+    "proShortcut": {
+      "hints": {
+        "pressRecordShortcut": "Nhấn phím/tổ hợp phím để ghi",
+        "clickRecordShortcut": "Click để ghi phím tắt"
+      }
+    },
+    "updateApp": {
+      "title": "Đã tìm thấy phiên bản mới 🥳",
+      "labels": {
+        "updateVersion": "Phiên bản: ",
+        "updateTime": "Thời gian cập nhật: ",
+        "changelog": "Nhật ký thay đổi: "
+      },
+      "hints": {
+        "checkingUpdates": "Đang kiểm tra cập nhật...",
+        "alreadyLatest": "Bạn đang dùng phiên bản mới nhất 🎉"
+      },
+      "buttons": {
+        "updateNow": "Cập nhật ngay",
+        "updateLater": "Để sau"
+      }
+    }
+  },
+  "composables": {
+    "useSharedMenu": {
+      "labels": {
+        "preference": "Tùy chỉnh...",
+        "hideCat": "Ẩn Mèo",
+        "showCat": "Hiện Mèo",
+        "passThrough": "Click xuyên",
+        "windowSize": "Kích thước",
+        "opacity": "Độ mờ"
+      }
+    },
+    "useTray": {
+      "checkUpdate": "Kiểm tra cập nhật",
+      "openSource": "Mã nguồn",
+      "restartApp": "Khởi động lại",
+      "quitApp": "Thoát"
+    }
+  },
+  "utils": {
+    "live2d": {
+      "hints": {
+        "notFound": "Không tìm thấy tệp cấu hình chính của mô hình, vui lòng xác nhận các tệp mô hình có đầy đủ không."
+      }
+    }
+  }
+}

src/locales/zh-CN.json

@@ -0,0 +1,182 @@
+{
+  "pages": {
+    "main": {
+      "hints": {
+        "redrawing": "重绘中..."
+      }
+    },
+    "preference": {
+      "title": "偏好设置",
+      "cat": {
+        "title": "猫咪设置",
+        "labels": {
+          "modelSettings": "模型设置",
+          "mirrorMode": "镜像模式",
+          "singleMode": "单键模式",
+          "mouseMirror": "鼠标镜像",
+          "windowSettings": "窗口设置",
+          "passThrough": "窗口穿透",
+          "alwaysOnTop": "窗口置顶",
+          "windowSize": "窗口尺寸",
+          "windowRadius": "窗口圆角",
+          "opacity": "不透明度",
+          "autoReleaseDelay": "按键自动释放延迟",
+          "hideOnHover": "鼠标移入隐藏",
+          "position": "窗口位置"
+        },
+        "hints": {
+          "mirrorMode": "启用后，模型将水平镜像翻转。",
+          "singleMode": "启用后，每只手只显示最后按下的一个按键。",
+          "mouseMirror": "启用后，鼠标将镜像跟随手部移动。",
+          "passThrough": "启用后，窗口不影响对其他应用程序的操作。",
+          "alwaysOnTop": "启用后，窗口始终显示在其他应用程序上方。",
+          "windowSize": "将鼠标移至窗口边缘，或按住 Shift 并右键拖动，也可以调整窗口大小。",
+          "autoReleaseDelay": "由于 Windows 下部分系统级按键无法捕获释放事件，超时后将自动视为已释放。",
+          "hideOnHover": "启用后，鼠标悬停在窗口上时，窗口会隐藏。",
+          "position": "应用启动后，或当此参数、窗口尺寸、模型、电脑分辨率发生变化时生效。"
+        },
+        "options": {
+          "topLeft": "左上角",
+          "topRight": "右上角",
+          "bottomLeft": "左下角",
+          "bottomRight": "右下角"
+        }
+      },
+      "general": {
+        "title": "通用设置",
+        "labels": {
+          "appSettings": "应用设置",
+          "launchOnStartup": "开机自启动",
+          "showTaskbarIcon": "显示任务栏图标",
+          "appearanceSettings": "外观设置",
+          "themeMode": "主题模式",
+          "language": "语言",
+          "updateSettings": "更新设置",
+          "autoCheckUpdate": "自动检查更新",
+          "permissionsSettings": "权限设置",
+          "inputMonitoringPermission": "输入监控权限"
+        },
+        "options": {
+          "auto": "跟随系统",
+          "lightMode": "亮色模式",
+          "darkMode": "暗色模式"
+        },
+        "hints": {
+          "showTaskbarIcon": "启用后，即可通过 OBS Studio 捕获窗口。",
+          "inputMonitoringPermission": "开启输入监控权限，以便接收系统的键盘和鼠标事件来响应你的操作。",
+          "inputMonitoringPermissionGuide": "如果权限已开启，请先选中并点击“-”按钮将其删除，然后重新手动添加，最后重启应用以确保权限生效。"
+        },
+        "status": {
+          "authorized": "已授权",
+          "authorize": "去授权"
+        },
+        "buttons": {
+          "openNow": "前往开启",
+          "openLater": "稍后开启"
+        }
+      },
+      "model": {
+        "title": "模型管理",
+        "labels": {
+          "deleteModel": "删除模型"
+        },
+        "hints": {
+          "deleteSuccess": "删除成功",
+          "deleteModel": "你确定要删除此模型吗？",
+          "importSuccess": "导入成功",
+          "clickOrDragToImport": "点击或拖动至此区域导入"
+        },
+        "tooltips": {
+          "createModel": "制作模型",
+          "convertModel": "转换模型",
+          "moreModels": "更多模型"
+        }
+      },
+      "shortcut": {
+        "title": "快捷键",
+        "labels": {
+          "toggleCat": "打开猫咪",
+          "togglePreferences": "打开偏好设置",
+          "mirrorMode": "镜像模式",
+          "passThrough": "窗口穿透",
+          "alwaysOnTop": "窗口置顶"
+        },
+        "hints": {
+          "toggleCat": "切换猫咪窗口的显示与隐藏。",
+          "togglePreferences": "切换偏好设置窗口的显示与隐藏。",
+          "mirrorMode": "切换猫咪的镜像模式。",
+          "passThrough": "切换猫咪窗口是否可穿透。",
+          "alwaysOnTop": "切换猫咪窗口是否置顶。"
+        }
+      },
+      "about": {
+        "title": "关于",
+        "labels": {
+          "aboutApp": "关于软件",
+          "appLog": "软件日志",
+          "appInfo": "软件信息",
+          "openSource": "开源地址"
+        },
+        "hints": {
+          "appInfo": "复制软件信息并提供给 Bug Issue。",
+          "copySuccess": "复制成功"
+        },
+        "buttons": {
+          "checkUpdate": "检查更新",
+          "copy": "复制",
+          "feedbackIssues": "反馈问题",
+          "viewLog": "查看日志"
+        }
+      }
+    }
+  },
+  "components": {
+    "proShortcut": {
+      "hints": {
+        "pressRecordShortcut": "按下录制快捷键",
+        "clickRecordShortcut": "点击录制快捷键"
+      }
+    },
+    "updateApp": {
+      "title": "发现新版本🥳",
+      "labels": {
+        "updateVersion": "更新版本：",
+        "updateTime": "更新时间：",
+        "changelog": "更新日志："
+      },
+      "hints": {
+        "checkingUpdates": "正在检查更新...",
+        "alreadyLatest": "当前已是最新版本🎉"
+      },
+      "buttons": {
+        "updateNow": "立即更新",
+        "updateLater": "稍后更新"
+      }
+    }
+  },
+  "composables": {
+    "useSharedMenu": {
+      "labels": {
+        "preference": "偏好设置...",
+        "hideCat": "隐藏猫咪",
+        "showCat": "显示猫咪",
+        "passThrough": "窗口穿透",
+        "windowSize": "窗口尺寸",
+        "opacity": "不透明度"
+      }
+    },
+    "useTray": {
+      "checkUpdate": "检查更新",
+      "openSource": "开源地址",
+      "restartApp": "重启应用",
+      "quitApp": "退出应用"
+    }
+  },
+  "utils": {
+    "live2d": {
+      "hints": {
+        "notFound": "未找到模型主配置文件，请确认模型文件是否完整。"
+      }
+    }
+  }
+}

src/main.ts

@@ -3,7 +3,9 @@ import { createPinia } from 'pinia'
 import { createApp } from 'vue'
 
 import App from './App.vue'
+import { i18n } from './locales'
 import router from './router'
+
 import 'virtual:uno.css'
 import 'ant-design-vue/dist/reset.css'
 import './assets/css/global.scss'
@@ -11,4 +13,4 @@ import './assets/css/global.scss'
 const pinia = createPinia()
 pinia.use(createPlugin({ saveOnChange: true }))
 
-createApp(App).use(router).use(pinia).mount('#app')
+createApp(App).use(router).use(pinia).use(i18n).mount('#app')

src/pages/main/index.vue

@@ -1,66 +1,135 @@
 <script setup lang="ts">
 import { convertFileSrc } from '@tauri-apps/api/core'
+import { PhysicalSize } from '@tauri-apps/api/dpi'
 import { Menu } from '@tauri-apps/api/menu'
+import { sep } from '@tauri-apps/api/path'
 import { getCurrentWebviewWindow } from '@tauri-apps/api/webviewWindow'
+import { exists, readDir } from '@tauri-apps/plugin-fs'
 import { useDebounceFn, useEventListener } from '@vueuse/core'
-import { onUnmounted, ref, watch } from 'vue'
+import { round } from 'es-toolkit'
+import { nth } from 'es-toolkit/compat'
+import { onMounted, onUnmounted, ref, watch } from 'vue'
 
 import { useDevice } from '@/composables/useDevice'
+import { useGamepad } from '@/composables/useGamepad'
 import { useModel } from '@/composables/useModel'
 import { useSharedMenu } from '@/composables/useSharedMenu'
-import { setAlwaysOnTop } from '@/plugins/window'
+import { useWindowPosition } from '@/composables/useWindowPosition'
+import { hideWindow, setAlwaysOnTop, setTaskbarVisibility, showWindow } from '@/plugins/window'
 import { useCatStore } from '@/stores/cat'
+import { useGeneralStore } from '@/stores/general.ts'
 import { useModelStore } from '@/stores/model'
+import { isImage } from '@/utils/is'
 import { join } from '@/utils/path'
+import { clearObject } from '@/utils/shared'
 
+const { startListening } = useDevice()
 const appWindow = getCurrentWebviewWindow()
-const { pressedMouses, mousePosition, pressedLeftKeys, pressedRightKeys } = useDevice()
-const { backgroundImage, handleDestroy, handleResize, handleMouseDown, handleMouseMove, handleKeyDown } = useModel()
+const { modelSize, handleLoad, handleDestroy, handleResize, handleKeyChange } = useModel()
 const catStore = useCatStore()
 const { getSharedMenu } = useSharedMenu()
 const modelStore = useModelStore()
-
+const generalStore = useGeneralStore()
 const resizing = ref(false)
+const backgroundImagePath = ref<string>()
+const { stickActive } = useGamepad()
+const { isMounted, setWindowPosition } = useWindowPosition()
+
+onMounted(startListening)
 
 onUnmounted(handleDestroy)
 
-const handleDebounceResize = useDebounceFn(async () => {
+const debouncedResize = useDebounceFn(async () => {
   await handleResize()
 
+  await setWindowPosition()
+
   resizing.value = false
 }, 100)
 
 useEventListener('resize', () => {
   resizing.value = true
 
-  handleDebounceResize()
+  debouncedResize()
 })
 
-watch(pressedMouses, handleMouseDown)
+watch(() => modelStore.currentModel, async (model) => {
+  if (!model) return
 
-watch(mousePosition, handleMouseMove)
+  await handleLoad()
 
-watch(pressedLeftKeys, (keys) => {
-  handleKeyDown('left', keys.length > 0)
+  const path = join(model.path, 'resources', 'background.png')
+
+  const existed = await exists(path)
+
+  backgroundImagePath.value = existed ? convertFileSrc(path) : void 0
+
+  clearObject([modelStore.supportKeys, modelStore.pressedKeys])
+
+  const resourcePath = join(model.path, 'resources')
+  const groups = ['left-keys', 'right-keys']
+
+  for await (const groupName of groups) {
+    const groupDir = join(resourcePath, groupName)
+    const files = await readDir(groupDir).catch(() => [])
+    const imageFiles = files.filter(file => isImage(file.name))
+
+    for (const file of imageFiles) {
+      const fileName = file.name.split('.')[0]
+
+      modelStore.supportKeys[fileName] = join(groupDir, file.name)
+    }
+  }
+
+  setWindowPosition()
+}, { deep: true, immediate: true })
+
+watch([() => catStore.window.scale, modelSize], async ([scale, modelSize]) => {
+  if (!modelSize) return
+
+  const { width, height } = modelSize
+
+  appWindow.setSize(
+    new PhysicalSize({
+      width: Math.round(width * (scale / 100)),
+      height: Math.round(height * (scale / 100)),
+    }),
+  )
+}, { immediate: true })
+
+watch([modelStore.pressedKeys, stickActive], ([keys, stickActive]) => {
+  const dirs = Object.values(keys).map((path) => {
+    return nth(path.split(sep()), -2)!
+  })
+
+  const hasLeft = dirs.some(dir => dir.startsWith('left'))
+  const hasRight = dirs.some(dir => dir.startsWith('right'))
+
+  handleKeyChange(true, stickActive.left || hasLeft)
+  handleKeyChange(false, stickActive.right || hasRight)
+}, { deep: true })
+
+watch(() => catStore.window.visible, async (value) => {
+  value ? showWindow() : hideWindow()
 })
 
-watch(pressedRightKeys, (keys) => {
-  handleKeyDown('right', keys.length > 0)
-})
-
-watch(() => catStore.penetrable, (value) => {
+watch(() => catStore.window.passThrough, (value) => {
   appWindow.setIgnoreCursorEvents(value)
 }, { immediate: true })
 
-watch(() => catStore.alwaysOnTop, setAlwaysOnTop, { immediate: true })
+watch(() => catStore.window.alwaysOnTop, setAlwaysOnTop, { immediate: true })
 
-function handleWindowDrag() {
+watch(() => generalStore.app.taskbarVisible, setTaskbarVisibility, { immediate: true })
+
+function handleMouseDown() {
   appWindow.startDragging()
 }
 
 async function handleContextmenu(event: MouseEvent) {
   event.preventDefault()
 
+  if (event.shiftKey) return
+
   const menu = await Menu.new({
     items: await getSharedMenu(),
   })
@@ -68,41 +137,52 @@ async function handleContextmenu(event: MouseEvent) {
   menu.popup()
 }
 
-function resolveImagePath(key: string, side: 'left' | 'right' = 'left') {
-  return convertFileSrc(join(modelStore.currentModel!.path, 'resources', `${side}-keys`, `${key}.png`))
+function handleMouseMove(event: MouseEvent) {
+  const { buttons, shiftKey, movementX, movementY } = event
+
+  if (buttons !== 2 || !shiftKey) return
+
+  const delta = (movementX + movementY) * 0.5
+  const nextScale = Math.max(10, Math.min(catStore.window.scale + delta, 500))
+
+  catStore.window.scale = round(nextScale)
 }
 </script>
 
 <template>
   <div
+    v-show="isMounted"
     class="relative size-screen overflow-hidden children:(absolute size-full)"
-    :class="[catStore.mirrorMode ? '-scale-x-100' : 'scale-x-100']"
-    :style="{ opacity: catStore.opacity / 100 }"
+    :class="{ '-scale-x-100': catStore.model.mirror }"
+    :style="{
+      opacity: catStore.window.opacity / 100,
+      borderRadius: `${catStore.window.radius}%`,
+    }"
     @contextmenu="handleContextmenu"
-    @mousedown="handleWindowDrag"
+    @mousedown="handleMouseDown"
+    @mousemove="handleMouseMove"
   >
-    <img :src="backgroundImage">
+    <img
+      v-if="backgroundImagePath"
+      class="object-cover"
+      :src="backgroundImagePath"
+    >
 
     <canvas id="live2dCanvas" />
 
     <img
-      v-for="key in pressedLeftKeys"
-      :key="key"
-      :src="resolveImagePath(key)"
-    >
-
-    <img
-      v-for="key in pressedRightKeys"
-      :key="key"
-      :src="resolveImagePath(key, 'right')"
+      v-for="path in modelStore.pressedKeys"
+      :key="path"
+      class="object-cover"
+      :src="convertFileSrc(path)"
     >
 
     <div
       v-show="resizing"
       class="flex items-center justify-center bg-black"
     >
-      <span class="text-center text-5xl text-white">
-        重绘中...
+      <span class="text-center text-[10vw] text-white">
+        {{ $t('pages.main.hints.redrawing') }}
       </span>
     </div>
   </div>

src/pages/preference/components/about/index.vue

@@ -7,6 +7,7 @@ import { openPath, openUrl } from '@tauri-apps/plugin-opener'
 import { arch, platform, version } from '@tauri-apps/plugin-os'
 import { Button, message } from 'ant-design-vue'
 import { onMounted, ref } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import ProList from '@/components/pro-list/index.vue'
 import ProListItem from '@/components/pro-list-item/index.vue'
@@ -15,6 +16,7 @@ import { useAppStore } from '@/stores/app'
 
 const appStore = useAppStore()
 const logDir = ref('')
+const { t } = useI18n()
 
 onMounted(async () => {
   logDir.value = await appLogDir()
@@ -36,25 +38,25 @@ async function copyInfo() {
 
   await writeText(JSON.stringify(info, null, 2))
 
-  message.success('复制成功')
+  message.success(t('pages.preference.about.hints.copySuccess'))
 }
 
 function feedbackIssue() {
-  openUrl(`${GITHUB_LINK}/issues/new`)
+  openUrl(`${GITHUB_LINK}/issues/new/choose`)
 }
 </script>
 
 <template>
-  <ProList title="关于软件">
+  <ProList :title="$t('pages.preference.about.labels.aboutApp')">
     <ProListItem
-      :description="`版本：v${appStore.version}`"
+      :description="`v${appStore.version}`"
       :title="appStore.name"
     >
       <Button
         type="primary"
         @click="handleUpdate"
       >
-        检查更新
+        {{ $t('pages.preference.about.buttons.checkUpdate') }}
       </Button>
 
       <template #icon>
@@ -68,20 +70,20 @@ function feedbackIssue() {
     </ProListItem>
 
     <ProListItem
-      description="复制软件信息并提供给 Bug Issue"
-      title="软件信息"
+      :description="$t('pages.preference.about.hints.appInfo')"
+      :title="$t('pages.preference.about.labels.appInfo')"
     >
       <Button @click="copyInfo">
-        复制
+        {{ $t('pages.preference.about.buttons.copy') }}
       </Button>
     </ProListItem>
 
-    <ProListItem title="开源地址">
+    <ProListItem :title="$t('pages.preference.about.labels.openSource')">
       <Button
         danger
         @click="feedbackIssue"
       >
-        反馈问题
+        {{ $t('pages.preference.about.buttons.feedbackIssues') }}
       </Button>
 
       <template #description>
@@ -93,10 +95,10 @@ function feedbackIssue() {
 
     <ProListItem
       :description="logDir"
-      title="软件日志"
+      :title="$t('pages.preference.about.labels.appLog')"
     >
       <Button @click="openPath(logDir)">
-        查看日志
+        {{ $t('pages.preference.about.buttons.viewLog') }}
       </Button>
     </ProListItem>
   </ProList>

src/pages/preference/components/cat/components/position/index.vue

@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import { Select, SelectOption } from 'ant-design-vue'
+
+import ProListItem from '@/components/pro-list-item/index.vue'
+import { useCatStore } from '@/stores/cat'
+
+const catStore = useCatStore()
+</script>
+
+<template>
+  <ProListItem
+    :description="$t('pages.preference.cat.hints.position')"
+    :title="$t('pages.preference.cat.labels.position')"
+  >
+    <Select v-model:value="catStore.window.position">
+      <SelectOption value="bottomRight">
+        {{ $t('pages.preference.cat.options.bottomRight') }}
+      </SelectOption>
+      <SelectOption value="bottomLeft">
+        {{ $t('pages.preference.cat.options.bottomLeft') }}
+      </SelectOption>
+      <SelectOption value="topLeft">
+        {{ $t('pages.preference.cat.options.topLeft') }}
+      </SelectOption>
+      <SelectOption value="topRight">
+        {{ $t('pages.preference.cat.options.topRight') }}
+      </SelectOption>
+    </Select>
+  </ProListItem>
+</template>

src/pages/preference/components/cat/index.vue

@@ -1,84 +1,108 @@
 <script setup lang="ts">
-import { Slider, Switch } from 'ant-design-vue'
+import { InputNumber, Slider, Switch } from 'ant-design-vue'
+
+import Position from './components/position/index.vue'
 
 import ProList from '@/components/pro-list/index.vue'
 import ProListItem from '@/components/pro-list-item/index.vue'
 import { useCatStore } from '@/stores/cat'
+import { isWindows } from '@/utils/platform'
 
 const catStore = useCatStore()
-
-function scaleFormatter(value?: number) {
-  return value === 100 ? '默认' : `${value}%`
-}
-
-function opacityFormatter(value?: number) {
-  return `${value}%`
-}
 </script>
 
 <template>
-  <ProList title="模型设置">
+  <ProList :title="$t('pages.preference.cat.labels.modelSettings')">
     <ProListItem
-      description="启用后，模型将水平镜像翻转"
-      title="镜像模式"
+      :description="$t('pages.preference.cat.hints.mirrorMode')"
+      :title="$t('pages.preference.cat.labels.mirrorMode')"
     >
-      <Switch v-model:checked="catStore.mirrorMode" />
+      <Switch v-model:checked="catStore.model.mirror" />
     </ProListItem>
 
     <ProListItem
-      description="启用后，每只手只显示最后按下的一个按键"
-      title="单键模式"
+      :description="$t('pages.preference.cat.hints.singleMode')"
+      :title="$t('pages.preference.cat.labels.singleMode')"
     >
-      <Switch v-model:checked="catStore.singleMode" />
+      <Switch v-model:checked="catStore.model.single" />
     </ProListItem>
 
     <ProListItem
-      description="启用后，鼠标将镜像跟随手部移动"
-      title="鼠标镜像"
+      :description="$t('pages.preference.cat.hints.mouseMirror')"
+      :title="$t('pages.preference.cat.labels.mouseMirror')"
     >
-      <Switch v-model:checked="catStore.mouseMirror" />
+      <Switch v-model:checked="catStore.model.mouseMirror" />
+    </ProListItem>
+
+    <ProListItem
+      v-if="isWindows"
+      :description="$t('pages.preference.cat.hints.autoReleaseDelay')"
+      :title="$t('pages.preference.cat.labels.autoReleaseDelay')"
+    >
+      <InputNumber
+        v-model:value="catStore.model.autoReleaseDelay"
+        addon-after="s"
+        class="w-28"
+      />
     </ProListItem>
   </ProList>
 
-  <ProList title="窗口设置">
+  <ProList :title="$t('pages.preference.cat.labels.windowSettings')">
+    <Position />
+
     <ProListItem
-      description="启用后，窗口不影响对其他应用程序的操作"
-      title="窗口穿透"
+      :description="$t('pages.preference.cat.hints.passThrough')"
+      :title="$t('pages.preference.cat.labels.passThrough')"
     >
-      <Switch v-model:checked="catStore.penetrable" />
+      <Switch v-model:checked="catStore.window.passThrough" />
     </ProListItem>
 
     <ProListItem
-      description="启用后，窗口始终显示在其他应用程序上方"
-      title="窗口置顶"
+      :description="$t('pages.preference.cat.hints.alwaysOnTop')"
+      :title="$t('pages.preference.cat.labels.alwaysOnTop')"
     >
-      <Switch v-model:checked="catStore.alwaysOnTop" />
+      <Switch v-model:checked="catStore.window.alwaysOnTop" />
     </ProListItem>
 
     <ProListItem
-      description="将鼠标移动到窗口边缘后，也可以拖动调整窗口尺寸"
-      title="窗口尺寸"
-      vertical
+      :description="$t('pages.preference.cat.hints.hideOnHover')"
+      :title="$t('pages.preference.cat.labels.hideOnHover')"
     >
-      <Slider
-        v-model:value="catStore.scale"
-        class="m-0!"
-        :max="150"
-        :min="50"
-        :tip-formatter="scaleFormatter"
+      <Switch v-model:checked="catStore.window.hideOnHover" />
+    </ProListItem>
+
+    <ProListItem
+      :description="$t('pages.preference.cat.hints.windowSize')"
+      :title="$t('pages.preference.cat.labels.windowSize')"
+    >
+      <InputNumber
+        v-model:value="catStore.window.scale"
+        addon-after="%"
+        class="w-28"
+        :max="500"
+        :min="1"
+      />
+    </ProListItem>
+
+    <ProListItem :title="$t('pages.preference.cat.labels.windowRadius')">
+      <InputNumber
+        v-model:value="catStore.window.radius"
+        addon-after="%"
+        class="w-28"
+        :min="0"
       />
     </ProListItem>
 
     <ProListItem
-      title="不透明度"
+      :title="$t('pages.preference.cat.labels.opacity')"
       vertical
     >
       <Slider
-        v-model:value="catStore.opacity"
-        class="m-0!"
+        v-model:value="catStore.window.opacity"
+        class="m-[0]!"
         :max="100"
         :min="10"
-        :tip-formatter="opacityFormatter"
+        :tip-formatter="(value) => `${value}%`"
       />
     </ProListItem>
   </ProList>

src/pages/preference/components/general/components/macos-permissions/index.vue

@@ -1,15 +1,17 @@
 <script setup lang="ts">
 import { getCurrentWebviewWindow } from '@tauri-apps/api/webviewWindow'
-import { message } from '@tauri-apps/plugin-dialog'
+import { confirm } from '@tauri-apps/plugin-dialog'
 import { Space } from 'ant-design-vue'
 import { checkInputMonitoringPermission, requestInputMonitoringPermission } from 'tauri-plugin-macos-permissions-api'
 import { onMounted, ref } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import ProList from '@/components/pro-list/index.vue'
 import ProListItem from '@/components/pro-list-item/index.vue'
 import { isMac } from '@/utils/platform'
 
 const authorized = ref(false)
+const { t } = useI18n()
 
 onMounted(async () => {
   authorized.value = await checkInputMonitoringPermission()
@@ -20,12 +22,15 @@ onMounted(async () => {
 
   await appWindow.setAlwaysOnTop(true)
 
-  await message('如果权限已开启，先选中后点击“-”按钮将其删除，再重新手动添加，并重启应用以确保权限生效。', {
-    title: '输入监控权限',
-    okLabel: '前往开启',
+  const confirmed = await confirm(t('pages.preference.general.hints.inputMonitoringPermissionGuide'), {
+    title: t('pages.preference.general.labels.inputMonitoringPermission'),
+    okLabel: t('pages.preference.general.buttons.openNow'),
+    cancelLabel: t('pages.preference.general.buttons.openLater'),
     kind: 'warning',
   })
 
+  if (!confirmed) return
+
   await appWindow.setAlwaysOnTop(false)
 
   requestInputMonitoringPermission()
@@ -35,11 +40,11 @@ onMounted(async () => {
 <template>
   <ProList
     v-if="isMac"
-    title="权限设置"
+    :title="$t('pages.preference.general.labels.permissionsSettings')"
   >
     <ProListItem
-      description="开启输入监控权限，以便接收系统的键盘和鼠标事件来响应你的操作。"
-      title="输入监控权限"
+      :description="$t('pages.preference.general.hints.inputMonitoringPermission')"
+      :title="$t('pages.preference.general.labels.inputMonitoringPermission')"
     >
       <Space
         v-if="authorized"
@@ -48,7 +53,7 @@ onMounted(async () => {
       >
         <div class="i-solar:verified-check-bold text-4.5" />
 
-        <span>已授权</span>
+        <span class="whitespace-nowrap">{{ $t('pages.preference.general.status.authorized') }}</span>
       </Space>
 
       <Space
@@ -59,7 +64,7 @@ onMounted(async () => {
       >
         <div class="i-solar:round-arrow-right-bold text-4.5" />
 
-        <span>去授权</span>
+        <span class="whitespace-nowrap">{{ $t('pages.preference.general.status.authorize') }}</span>
       </Space>
     </ProListItem>
   </ProList>

src/pages/preference/components/general/components/theme-mode/index.vue

@@ -0,0 +1,53 @@
+<script setup lang="ts">
+import { getCurrentWebviewWindow } from '@tauri-apps/api/webviewWindow'
+import { Select, SelectOption } from 'ant-design-vue'
+import { onMounted, watch } from 'vue'
+
+import ProListItem from '@/components/pro-list-item/index.vue'
+import { useGeneralStore } from '@/stores/general'
+
+const generalStore = useGeneralStore()
+const appWindow = getCurrentWebviewWindow()
+
+onMounted(() => {
+  appWindow.onThemeChanged(async ({ payload }) => {
+    if (generalStore.appearance.theme !== 'auto') return
+
+    generalStore.appearance.isDark = payload === 'dark'
+  })
+})
+
+watch(() => generalStore.appearance.theme, async (value) => {
+  let nextTheme = value === 'auto' ? null : value
+
+  await appWindow.setTheme(nextTheme)
+
+  nextTheme = nextTheme ?? (await appWindow.theme())
+
+  generalStore.appearance.isDark = nextTheme === 'dark'
+}, { immediate: true })
+
+watch(() => generalStore.appearance.isDark, (value) => {
+  if (value) {
+    document.documentElement.classList.add('dark')
+  } else {
+    document.documentElement.classList.remove('dark')
+  }
+}, { immediate: true })
+</script>
+
+<template>
+  <ProListItem :title="$t('pages.preference.general.labels.themeMode')">
+    <Select v-model:value="generalStore.appearance.theme">
+      <SelectOption value="auto">
+        {{ $t('pages.preference.general.options.auto') }}
+      </SelectOption>
+      <SelectOption value="light">
+        {{ $t('pages.preference.general.options.lightMode') }}
+      </SelectOption>
+      <SelectOption value="dark">
+        {{ $t('pages.preference.general.options.darkMode') }}
+      </SelectOption>
+    </Select>
+  </ProListItem>
+</template>

src/pages/preference/components/general/index.vue

@@ -1,9 +1,10 @@
 <script setup lang="ts">
 import { disable, enable, isEnabled } from '@tauri-apps/plugin-autostart'
-import { Switch } from 'ant-design-vue'
+import { Select, Switch } from 'ant-design-vue'
 import { watch } from 'vue'
 
 import MacosPermissions from './components/macos-permissions/index.vue'
+import ThemeMode from './components/theme-mode/index.vue'
 
 import ProList from '@/components/pro-list/index.vue'
 import ProListItem from '@/components/pro-list-item/index.vue'
@@ -11,7 +12,7 @@ import { useGeneralStore } from '@/stores/general'
 
 const generalStore = useGeneralStore()
 
-watch(() => generalStore.autostart, async (value) => {
+watch(() => generalStore.app.autostart, async (value) => {
   const enabled = await isEnabled()
 
   if (value && !enabled) {
@@ -27,15 +28,43 @@ watch(() => generalStore.autostart, async (value) => {
 <template>
   <MacosPermissions />
 
-  <ProList title="应用设置">
-    <ProListItem title="开机自启动">
-      <Switch v-model:checked="generalStore.autostart" />
+  <ProList :title="$t('pages.preference.general.labels.appSettings')">
+    <ProListItem :title="$t('pages.preference.general.labels.launchOnStartup')">
+      <Switch v-model:checked="generalStore.app.autostart" />
+    </ProListItem>
+
+    <ProListItem
+      :description="$t('pages.preference.general.hints.showTaskbarIcon')"
+      :title="$t('pages.preference.general.labels.showTaskbarIcon')"
+    >
+      <Switch v-model:checked="generalStore.app.taskbarVisible" />
     </ProListItem>
   </ProList>
 
-  <ProList title="更新设置">
-    <ProListItem title="自动检查更新">
-      <Switch v-model:checked="generalStore.autoCheckUpdate" />
+  <ProList :title="$t('pages.preference.general.labels.appearanceSettings')">
+    <ThemeMode />
+
+    <ProListItem :title="$t('pages.preference.general.labels.language')">
+      <Select v-model:value="generalStore.appearance.language">
+        <Select.Option value="zh-CN">
+          简体中文
+        </Select.Option>
+        <Select.Option value="en-US">
+          English
+        </Select.Option>
+        <Select.Option value="vi-VN">
+          Tiếng Việt
+        </Select.Option>
+        <Select.Option value="pt-BR">
+          Português
+        </Select.Option>
+      </Select>
+    </ProListItem>
+  </ProList>
+
+  <ProList :title="$t('pages.preference.general.labels.updateSettings')">
+    <ProListItem :title="$t('pages.preference.general.labels.autoCheckUpdate')">
+      <Switch v-model:checked="generalStore.update.autoCheck" />
     </ProListItem>
   </ProList>
 </template>

src/pages/preference/components/model/components/float-menu/index.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { EditOutlined, MenuOutlined, UnorderedListOutlined } from '@ant-design/icons-vue'
+import { EditOutlined, MenuOutlined, SyncOutlined, UnorderedListOutlined } from '@ant-design/icons-vue'
 import { openUrl } from '@tauri-apps/plugin-opener'
 import { FloatButton, FloatButtonGroup } from 'ant-design-vue'
 </script>
@@ -15,7 +15,7 @@ import { FloatButton, FloatButtonGroup } from 'ant-design-vue'
     </template>
 
     <FloatButton
-      tooltip="如何制作模型？"
+      :tooltip="$t('pages.preference.model.tooltips.createModel')"
       @click="openUrl('https://juejin.cn/post/7509872655802269731')"
     >
       <template #icon>
@@ -24,7 +24,16 @@ import { FloatButton, FloatButtonGroup } from 'ant-design-vue'
     </FloatButton>
 
     <FloatButton
-      tooltip="更多模型"
+      :tooltip="$t('pages.preference.model.tooltips.convertModel')"
+      @click="openUrl('https://bongocat.vteamer.cc')"
+    >
+      <template #icon>
+        <SyncOutlined />
+      </template>
+    </FloatButton>
+
+    <FloatButton
+      :tooltip="$t('pages.preference.model.tooltips.moreModels')"
       @click="openUrl('https://github.com/ayangweb/Awesome-BongoCat')"
     >
       <template #icon>

src/pages/preference/components/model/components/upload/index.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import type { ModelMode } from '@/stores/model'
+
 import { invoke } from '@tauri-apps/api/core'
 import { appDataDir } from '@tauri-apps/api/path'
 import { getCurrentWebviewWindow } from '@tauri-apps/api/webviewWindow'
@@ -7,6 +9,7 @@ import { readDir } from '@tauri-apps/plugin-fs'
 import { message } from 'ant-design-vue'
 import { nanoid } from 'nanoid'
 import { onMounted, ref, useTemplateRef, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import { INVOKE_KEY } from '@/constants'
 import { useModelStore } from '@/stores/model'
@@ -16,6 +19,7 @@ const dropRef = useTemplateRef('drop')
 const dragenter = ref(false)
 const selectPaths = ref<string[]>([])
 const modelStore = useModelStore()
+const { t } = useI18n()
 
 onMounted(() => {
   const appWindow = getCurrentWebviewWindow()
@@ -53,29 +57,39 @@ async function handleUpload() {
 }
 
 watch(selectPaths, async (paths) => {
-  for await (const path of paths) {
+  for await (const fromPath of paths) {
     try {
       const id = nanoid()
 
-      const files = await readDir(join(path, 'resources'))
+      let mode: ModelMode = 'standard'
 
-      const isKeyboardMode = files.some(file => file.name === 'right-keys')
+      const files = await readDir(join(fromPath, 'resources', 'right-keys')).catch(() => [])
+
+      if (files.length > 0) {
+        const fileNames = files.map(file => file.name.split('.')[0])
+
+        if (fileNames.includes('East')) {
+          mode = 'gamepad'
+        } else {
+          mode = 'keyboard'
+        }
+      }
 
       const toPath = join(await appDataDir(), 'custom-models', id)
 
       await invoke(INVOKE_KEY.COPY_DIR, {
-        fromPath: path,
+        fromPath,
         toPath,
       })
 
       modelStore.models.push({
         id,
         path: toPath,
-        mode: isKeyboardMode ? 'keyboard' : 'standard',
+        mode,
         isPreset: false,
       })
 
-      message.success('导入成功')
+      message.success(t('pages.preference.model.hints.importSuccess'))
     } catch (error) {
       message.error(String(error))
     }
@@ -86,12 +100,12 @@ watch(selectPaths, async (paths) => {
 <template>
   <div
     ref="drop"
-    class="size-full flex flex-col cursor-pointer items-center justify-center gap-4 b b-color-1 rounded-lg b-dashed bg-color-8 transition hover:border-primary"
+    class="w-full flex flex-col cursor-pointer items-center justify-center gap-4 b b-color-1 rounded-lg b-dashed bg-color-8 transition hover:border-primary"
     :class="{ 'border-primary': dragenter }"
     @click="handleUpload"
   >
     <div class="i-solar:upload-square-outline text-12 text-primary" />
 
-    <span>点击或拖动至此区域导入</span>
+    <span>{{ $t('pages.preference.model.hints.clickOrDragToImport') }}</span>
   </div>
 </template>

src/pages/preference/components/model/index.vue

@@ -1,11 +1,15 @@
 <script setup lang="ts">
 import type { Model } from '@/stores/model'
-import type { ColProps } from 'ant-design-vue'
+import type { ComponentPublicInstance } from 'vue'
 
 import { convertFileSrc } from '@tauri-apps/api/core'
 import { remove } from '@tauri-apps/plugin-fs'
 import { revealItemInDir } from '@tauri-apps/plugin-opener'
-import { Card, Col, message, Popconfirm, Row } from 'ant-design-vue'
+import { useElementSize } from '@vueuse/core'
+import { Card, message, Popconfirm } from 'ant-design-vue'
+import { ref } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { MasonryGrid, MasonryGridItem } from 'vue3-masonry-css'
 
 import FloatMenu from './components/float-menu/index.vue'
 import Upload from './components/upload/index.vue'
@@ -14,12 +18,20 @@ import { useModelStore } from '@/stores/model'
 import { join } from '@/utils/path'
 
 const modelStore = useModelStore()
+const firstItemRef = ref<HTMLElement>()
+const { height } = useElementSize(firstItemRef)
+const { t } = useI18n()
 
-const colProps: ColProps = {
-  xs: 12,
-  md: 8,
-  lg: 6,
-  xl: 4,
+function setFirstItemRef(el: Element | ComponentPublicInstance | null, index: number) {
+  if (!el || index > 0) return
+
+  if ('$el' in el) {
+    return firstItemRef.value = el.$el
+  }
+
+  if (el instanceof HTMLElement) {
+    firstItemRef.value = el
+  }
 }
 
 async function handleDelete(item: Model) {
@@ -28,7 +40,7 @@ async function handleDelete(item: Model) {
   try {
     await remove(path, { recursive: true })
 
-    message.success('删除成功')
+    message.success(t('pages.preference.model.hints.deleteSuccess'))
   } catch (error) {
     message.error(String(error))
   } finally {
@@ -42,19 +54,23 @@ async function handleDelete(item: Model) {
 </script>
 
 <template>
-  <Row :gutter="[16, 16]">
-    <Col v-bind="colProps">
-      <Upload />
-    </Col>
+  <MasonryGrid
+    :columns="{ 992: 3, 1200: 4, 1600: 6, default: 8 }"
+    :gutter="16"
+  >
+    <MasonryGridItem>
+      <Upload :style="{ height: `${height}px` }" />
+    </MasonryGridItem>
 
-    <Col
-      v-for="item in modelStore.models"
+    <MasonryGridItem
+      v-for="(item, index) in modelStore.models"
       :key="item.id"
-      v-bind="colProps"
     >
       <Card
+        :ref="(el) => setFirstItemRef(el, index)"
         hoverable
         size="small"
+        @click="modelStore.currentModel = item"
       >
         <template #cover>
           <img
@@ -67,28 +83,30 @@ async function handleDelete(item: Model) {
           <i
             class="i-iconamoon:check-circle-1-bold text-4"
             :class="{ 'text-success': item.id === modelStore.currentModel?.id }"
-            @click="modelStore.currentModel = item"
           />
 
           <i
             class="i-iconamoon:link-external-bold text-4"
-            @click="revealItemInDir(item.path)"
+            @click.stop="revealItemInDir(item.path)"
           />
 
           <template v-if="!item.isPreset">
             <Popconfirm
-              description="你确定要删除此模型吗？"
+              :description="$t('pages.preference.model.hints.deleteModel')"
               placement="topRight"
-              title="删除模型"
+              :title="$t('pages.preference.model.labels.deleteModel')"
               @confirm="handleDelete(item)"
             >
-              <i class="i-iconamoon:trash-simple-bold text-4" />
+              <i
+                class="i-iconamoon:trash-simple-bold text-4"
+                @click.stop
+              />
             </Popconfirm>
           </template>
         </template>
       </Card>
-    </Col>
-  </Row>
+    </MasonryGridItem>
+  </MasonryGrid>
 
   <FloatMenu />
 </template>

src/pages/preference/components/shortcut/index.vue

@@ -0,0 +1,68 @@
+<script setup lang="ts">
+import { storeToRefs } from 'pinia'
+
+import ProList from '@/components/pro-list/index.vue'
+import ProShortcut from '@/components/pro-shortcut/index.vue'
+import { useTauriShortcut } from '@/composables/useTauriShortcut'
+import { toggleWindowVisible } from '@/plugins/window'
+import { useCatStore } from '@/stores/cat'
+import { useShortcutStore } from '@/stores/shortcut.ts'
+
+const shortcutStore = useShortcutStore()
+const { visibleCat, visiblePreference, mirrorMode, penetrable, alwaysOnTop } = storeToRefs(shortcutStore)
+const catStore = useCatStore()
+
+useTauriShortcut(visibleCat, () => {
+  catStore.window.visible = !catStore.window.visible
+})
+
+useTauriShortcut(visiblePreference, () => {
+  toggleWindowVisible('preference')
+})
+
+useTauriShortcut(mirrorMode, () => {
+  catStore.model.mirror = !catStore.model.mirror
+})
+
+useTauriShortcut(penetrable, () => {
+  catStore.window.passThrough = !catStore.window.passThrough
+})
+
+useTauriShortcut(alwaysOnTop, () => {
+  catStore.window.alwaysOnTop = !catStore.window.alwaysOnTop
+})
+</script>
+
+<template>
+  <ProList :title="$t('pages.preference.shortcut.title')">
+    <ProShortcut
+      v-model="shortcutStore.visibleCat"
+      :description="$t('pages.preference.shortcut.hints.toggleCat')"
+      :title="$t('pages.preference.shortcut.labels.toggleCat')"
+    />
+
+    <ProShortcut
+      v-model="shortcutStore.visiblePreference"
+      :description="$t('pages.preference.shortcut.hints.togglePreferences')"
+      :title="$t('pages.preference.shortcut.labels.togglePreferences')"
+    />
+
+    <ProShortcut
+      v-model="shortcutStore.mirrorMode"
+      :description="$t('pages.preference.shortcut.hints.mirrorMode')"
+      :title="$t('pages.preference.shortcut.labels.mirrorMode')"
+    />
+
+    <ProShortcut
+      v-model="shortcutStore.penetrable"
+      :description="$t('pages.preference.shortcut.hints.passThrough')"
+      :title="$t('pages.preference.shortcut.labels.passThrough')"
+    />
+
+    <ProShortcut
+      v-model="shortcutStore.alwaysOnTop"
+      :description="$t('pages.preference.shortcut.hints.alwaysOnTop')"
+      :title="$t('pages.preference.shortcut.labels.alwaysOnTop')"
+    />
+  </ProList>
+</template>

src/pages/preference/index.vue

@@ -1,53 +1,69 @@
 <script setup lang="ts">
+import { getCurrentWebviewWindow } from '@tauri-apps/api/webviewWindow'
 import { Flex } from 'ant-design-vue'
-import { onMounted, ref } from 'vue'
+import { computed, onMounted, ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import About from './components/about/index.vue'
 import Cat from './components/cat/index.vue'
 import General from './components/general/index.vue'
 import Model from './components/model/index.vue'
+import Shortcut from './components/shortcut/index.vue'
 
 import UpdateApp from '@/components/update-app/index.vue'
 import { useTray } from '@/composables/useTray'
 import { useAppStore } from '@/stores/app'
+import { useGeneralStore } from '@/stores/general'
 import { isMac } from '@/utils/platform'
 
 const { createTray } = useTray()
 const appStore = useAppStore()
 const current = ref(0)
+const { t } = useI18n()
+const generalStore = useGeneralStore()
+const appWindow = getCurrentWebviewWindow()
 
 onMounted(async () => {
   createTray()
 })
 
-const menus = [
+watch(() => generalStore.appearance.language, () => {
+  appWindow.setTitle(t('pages.preference.title'))
+}, { immediate: true })
+
+const menus = computed(() => [
   {
-    label: '猫咪设置',
+    label: t('pages.preference.cat.title'),
     icon: 'i-solar:cat-bold',
     component: Cat,
   },
   {
-    label: '通用设置',
+    label: t('pages.preference.general.title'),
     icon: 'i-solar:settings-minimalistic-bold',
     component: General,
   },
   {
-    label: '模型管理',
+    label: t('pages.preference.model.title'),
     icon: 'i-solar:magic-stick-3-bold',
     component: Model,
   },
   {
-    label: '关于',
+    label: t('pages.preference.shortcut.title'),
+    icon: 'i-solar:keyboard-bold',
+    component: Shortcut,
+  },
+  {
+    label: t('pages.preference.about.title'),
     icon: 'i-solar:info-circle-bold',
     component: About,
   },
-]
+])
 </script>
 
 <template>
   <Flex class="h-screen">
     <div
-      class="h-full w-30 flex flex-col items-center gap-4 bg-gradient-from-primary-1 bg-gradient-to-black/1 bg-gradient-linear"
+      class="h-full w-30 flex flex-col items-center gap-4 overflow-auto dark:(bg-color-3 bg-none) bg-gradient-from-primary-1 bg-gradient-to-black/1 bg-gradient-linear"
       :class="[isMac ? 'pt-8' : 'pt-4']"
       data-tauri-drag-region
     >
@@ -55,6 +71,7 @@ const menus = [
         <div class="b b-color-2 rounded-2xl b-solid">
           <img
             class="size-15"
+            data-tauri-drag-region
             src="/logo.png"
           >
         </div>
@@ -66,9 +83,9 @@ const menus = [
         <div
           v-for="(item, index) in menus"
           :key="item.label"
-          class="size-20 flex flex-col cursor-pointer items-center justify-center gap-2 rounded-lg hover:bg-color-7 text-color-3 transition"
-          :class="{ 'bg-white! text-primary-5 font-bold': current === index }"
-          @mousedown="current = index"
+          class="size-20 flex flex-col cursor-pointer items-center justify-center gap-2 rounded-lg hover:bg-color-7 dark:text-color-2 text-color-3 transition"
+          :class="{ 'bg-color-2! text-primary-5 dark:text-primary-7 font-bold dark:bg-color-8!': current === index }"
+          @click="current = index"
         >
           <div
             class="size-8"
@@ -84,7 +101,7 @@ const menus = [
       v-for="(item, index) in menus"
       v-show="current === index"
       :key="item.label"
-      class="flex-1 overflow-auto bg-color-8 p-4"
+      class="flex-1 overflow-auto bg-color-8 dark:bg-color-2 p-4"
       data-tauri-drag-region
     >
       <component :is="item.component" />

src/plugins/window.ts

@@ -1,5 +1,6 @@
 import { invoke } from '@tauri-apps/api/core'
 import { emit } from '@tauri-apps/api/event'
+import { getCurrentWebviewWindow } from '@tauri-apps/api/webviewWindow'
 
 import { LISTEN_KEY } from '../constants'
 
@@ -9,6 +10,7 @@ const COMMAND = {
   SHOW_WINDOW: 'plugin:custom-window|show_window',
   HIDE_WINDOW: 'plugin:custom-window|hide_window',
   SET_ALWAYS_ON_TOP: 'plugin:custom-window|set_always_on_top',
+  SET_TASKBAR_VISIBILITY: 'plugin:custom-window|set_taskbar_visibility',
 }
 
 export function showWindow(label?: WindowLabel) {
@@ -30,3 +32,21 @@ export function hideWindow(label?: WindowLabel) {
 export function setAlwaysOnTop(alwaysOnTop: boolean) {
   invoke(COMMAND.SET_ALWAYS_ON_TOP, { alwaysOnTop })
 }
+
+export async function toggleWindowVisible(label?: WindowLabel) {
+  const appWindow = getCurrentWebviewWindow()
+
+  if (appWindow.label !== label) return
+
+  const visible = await appWindow.isVisible()
+
+  if (visible) {
+    return hideWindow(label)
+  }
+
+  return showWindow(label)
+}
+
+export async function setTaskbarVisibility(visible: boolean) {
+  invoke(COMMAND.SET_TASKBAR_VISIBILITY, { visible })
+}

src/stores/app.ts

@@ -2,21 +2,22 @@ import type { WindowState } from '@/composables/useWindowState'
 
 import { getName, getVersion } from '@tauri-apps/api/app'
 import { defineStore } from 'pinia'
-import { onMounted, reactive, ref } from 'vue'
+import { reactive, ref } from 'vue'
 
 export const useAppStore = defineStore('app', () => {
   const name = ref('')
   const version = ref('')
   const windowState = reactive<WindowState>({})
 
-  onMounted(async () => {
+  const init = async () => {
     name.value = await getName()
     version.value = await getVersion()
-  })
+  }
 
   return {
     name,
     version,
     windowState,
+    init,
   }
 })

src/stores/cat.ts

@@ -1,24 +1,90 @@
 import { defineStore } from 'pinia'
-import { ref } from 'vue'
+import { reactive, ref } from 'vue'
+
+export interface CatStore {
+  model: {
+    mirror: boolean
+    single: boolean
+    mouseMirror: boolean
+    autoReleaseDelay: number
+  }
+  window: {
+    visible: boolean
+    passThrough: boolean
+    alwaysOnTop: boolean
+    scale: number
+    opacity: number
+    radius: number
+    hideOnHover: boolean
+    position: 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight'
+  }
+}
 
 export const useCatStore = defineStore('cat', () => {
-  const visible = ref(true)
+  /* ------------ 废弃字段（后续删除） ------------ */
+
+  /** @deprecated 请使用 `model.mirror` */
   const mirrorMode = ref(false)
+
+  /** @deprecated 请使用 `model.single` */
   const singleMode = ref(false)
+
+  /** @deprecated 请使用 `model.mouseMirror` */
   const mouseMirror = ref(false)
+
+  /** @deprecated 请使用 `window.passThrough` */
   const penetrable = ref(false)
+
+  /** @deprecated 请使用 `window.alwaysOnTop` */
   const alwaysOnTop = ref(true)
+
+  /** @deprecated 请使用 `window.scale` */
   const scale = ref(100)
+
+  /** @deprecated 请使用 `window.opacity` */
   const opacity = ref(100)
 
+  /** @deprecated 用于标识数据是否已迁移，后续版本将删除 */
+  const migrated = ref(false)
+
+  const model = reactive<CatStore['model']>({
+    mirror: false,
+    single: false,
+    mouseMirror: false,
+    autoReleaseDelay: 3,
+  })
+
+  const window = reactive<CatStore['window']>({
+    visible: true,
+    passThrough: false,
+    alwaysOnTop: false,
+    scale: 100,
+    opacity: 100,
+    radius: 0,
+    hideOnHover: false,
+    position: 'bottomRight',
+  })
+
+  const init = () => {
+    if (migrated.value) return
+
+    model.mirror = mirrorMode.value
+    model.single = singleMode.value
+    model.mouseMirror = mouseMirror.value
+
+    window.visible = true
+    window.passThrough = penetrable.value
+    window.alwaysOnTop = alwaysOnTop.value
+    window.scale = scale.value
+    window.opacity = opacity.value
+
+    migrated.value = true
+  }
+
   return {
-    visible,
-    mirrorMode,
-    singleMode,
-    mouseMirror,
-    penetrable,
-    alwaysOnTop,
-    scale,
-    opacity,
+    migrated,
+    model,
+    window,
+    init,
   }
 })

src/stores/general.ts

@@ -1,12 +1,94 @@
+import type { Theme } from '@tauri-apps/api/window'
+
 import { defineStore } from 'pinia'
-import { ref } from 'vue'
+import { getLocale } from 'tauri-plugin-locale-api'
+import { reactive, ref } from 'vue'
+
+import { LANGUAGE } from '@/constants'
+
+export type Language = typeof LANGUAGE[keyof typeof LANGUAGE]
+
+export interface GeneralStore {
+  app: {
+    autostart: boolean
+    taskbarVisible: boolean
+  }
+  appearance: {
+    theme: 'auto' | Theme
+    isDark: boolean
+    language?: Language
+  }
+  update: {
+    autoCheck: boolean
+  }
+}
 
 export const useGeneralStore = defineStore('general', () => {
+  /* ------------ 废弃字段（后续删除） ------------ */
+
+  /** @deprecated 请使用 `update.autoCheck` */
   const autoCheckUpdate = ref(false)
+
+  /** @deprecated 请使用 `app.autostart` */
   const autostart = ref(false)
 
+  /** @deprecated 请使用 `app.taskbarVisible` */
+  const taskbarVisibility = ref(false)
+
+  /** @deprecated 请使用 `appearance.theme` */
+  const theme = ref<'auto' | Theme>('auto')
+
+  /** @deprecated 请使用 `appearance.isDark` */
+  const isDark = ref(false)
+
+  /** @deprecated 用于标识数据是否已迁移，后续版本将删除 */
+  const migrated = ref(false)
+
+  const app = reactive<GeneralStore['app']>({
+    autostart: false,
+    taskbarVisible: false,
+  })
+
+  const appearance = reactive<GeneralStore['appearance']>({
+    theme: 'auto',
+    isDark: false,
+  })
+
+  const update = reactive<GeneralStore['update']>({
+    autoCheck: false,
+  })
+
+  const getLanguage = async () => {
+    const locale = await getLocale<Language>()
+
+    if (Object.values(LANGUAGE).includes(locale)) {
+      return locale
+    }
+
+    return LANGUAGE.EN_US
+  }
+
+  const init = async () => {
+    appearance.language ??= await getLanguage()
+
+    if (migrated.value) return
+
+    app.autostart = autostart.value
+    app.taskbarVisible = taskbarVisibility.value
+
+    appearance.theme = theme.value
+    appearance.isDark = isDark.value
+
+    update.autoCheck = autoCheckUpdate.value
+
+    migrated.value = true
+  }
+
   return {
-    autoCheckUpdate,
-    autostart,
+    migrated,
+    app,
+    appearance,
+    update,
+    init,
   }
 })

src/stores/model.ts

@@ -1,11 +1,12 @@
 import { resolveResource } from '@tauri-apps/api/path'
+import { filter, find } from 'es-toolkit/compat'
 import { nanoid } from 'nanoid'
 import { defineStore } from 'pinia'
-import { onMounted, ref } from 'vue'
+import { reactive, ref } from 'vue'
 
 import { join } from '@/utils/path'
 
-export type ModelMode = 'standard' | 'keyboard' | 'handle'
+export type ModelMode = 'standard' | 'keyboard' | 'gamepad'
 
 export interface Model {
   id: string
@@ -36,34 +37,47 @@ export const useModelStore = defineStore('model', () => {
   const currentModel = ref<Model>()
   const motions = ref<MotionGroup>({})
   const expressions = ref<Expression[]>([])
+  const supportKeys = reactive<Record<string, string>>({})
+  const pressedKeys = reactive<Record<string, string>>({})
 
-  onMounted(async () => {
+  const init = async () => {
     const modelsPath = await resolveResource('assets/models')
 
-    if (models.value.length === 0) {
-      const modes: ModelMode[] = ['standard', 'keyboard']
+    const nextModels = filter(models.value, { isPreset: false })
+    const presetModels = filter(models.value, { isPreset: true })
 
-      for await (const mode of modes) {
-        const path = join(modelsPath, mode)
+    const modes: ModelMode[] = ['gamepad', 'keyboard', 'standard']
 
-        models.value.push({
-          id: nanoid(),
-          path,
-          mode,
-          isPreset: true,
-        })
-      }
+    for (const mode of modes) {
+      const matched = find(presetModels, { mode })
+
+      nextModels.unshift({
+        id: matched?.id ?? nanoid(),
+        mode,
+        isPreset: true,
+        path: join(modelsPath, mode),
+      })
     }
 
-    if (currentModel.value) return
+    const matched = find(nextModels, { id: currentModel.value?.id })
 
-    currentModel.value = models.value[0]
-  })
+    currentModel.value = matched ?? nextModels[0]
+
+    models.value = nextModels
+  }
 
   return {
     models,
     currentModel,
     motions,
     expressions,
+    supportKeys,
+    pressedKeys,
+    init,
   }
+}, {
+  tauri: {
+    filterKeys: ['models', 'currentModel'],
+    filterKeysStrategy: 'pick',
+  },
 })

src/stores/shortcut.ts

@@ -0,0 +1,20 @@
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+
+export type HotKey = 'visibleCat' | 'mirrorMode' | 'penetrable' | 'alwaysOnTop'
+
+export const useShortcutStore = defineStore('shortcut', () => {
+  const visibleCat = ref('')
+  const visiblePreference = ref('')
+  const mirrorMode = ref('')
+  const penetrable = ref('')
+  const alwaysOnTop = ref('')
+
+  return {
+    visibleCat,
+    visiblePreference,
+    mirrorMode,
+    penetrable,
+    alwaysOnTop,
+  }
+})

src/utils/dom.ts

@@ -1,15 +0,0 @@
-export function getImageSize(src: string) {
-  return new Promise<{ width: number, height: number }>((resolve, reject) => {
-    const img = new Image()
-
-    img.src = src
-
-    img.onload = () => {
-      const { naturalWidth, naturalHeight } = img
-
-      resolve({ width: naturalWidth, height: naturalHeight })
-    }
-
-    img.onerror = reject
-  })
-}

src/utils/is.ts

@@ -3,3 +3,7 @@ export function isImage(value: string) {
 
   return regex.test(value)
 }
+
+export function inBetween(value: number, minimum: number, maximum: number) {
+  return value >= minimum && value <= maximum
+}

src/utils/keyboard.ts

@@ -0,0 +1,276 @@
+import { isMac } from './platform'
+
+export interface Key {
+  eventKey: string
+  tauriKey?: string
+  symbol?: string
+}
+
+export const modifierKeys: Key[] = [
+  {
+    eventKey: 'Shift',
+    symbol: isMac ? '⇧' : 'Shift',
+  },
+  {
+    eventKey: 'Control',
+    symbol: isMac ? '⌃' : 'Ctrl',
+  },
+  {
+    eventKey: 'Alt',
+    symbol: isMac ? '⌥' : 'Alt',
+  },
+  {
+    eventKey: 'Command',
+    symbol: isMac ? '⌘' : 'Super',
+  },
+].map((item) => {
+  return { ...item, tauriKey: item.eventKey }
+})
+
+export const standardKeys: Key[] = [
+  // 第一排
+  {
+    eventKey: 'Escape',
+    symbol: isMac ? '⎋' : 'Esc',
+  },
+  {
+    eventKey: 'F1',
+  },
+  {
+    eventKey: 'F2',
+  },
+  {
+    eventKey: 'F3',
+  },
+  {
+    eventKey: 'F4',
+  },
+  {
+    eventKey: 'F5',
+  },
+  {
+    eventKey: 'F6',
+  },
+  {
+    eventKey: 'F7',
+  },
+  {
+    eventKey: 'F8',
+  },
+  {
+    eventKey: 'F9',
+  },
+  {
+    eventKey: 'F10',
+  },
+  {
+    eventKey: 'F11',
+  },
+  {
+    eventKey: 'F12',
+  }, // 第二排
+  {
+    eventKey: 'Backquote',
+    symbol: '`',
+  },
+  {
+    eventKey: 'Digit1',
+  },
+  {
+    eventKey: 'Digit2',
+  },
+  {
+    eventKey: 'Digit3',
+  },
+  {
+    eventKey: 'Digit4',
+  },
+  {
+    eventKey: 'Digit5',
+  },
+  {
+    eventKey: 'Digit6',
+  },
+  {
+    eventKey: 'Digit7',
+  },
+  {
+    eventKey: 'Digit8',
+  },
+  {
+    eventKey: 'Digit9',
+  },
+  {
+    eventKey: 'Digit0',
+  },
+  {
+    eventKey: 'Minus',
+    tauriKey: '-',
+    symbol: '-',
+  },
+  {
+    eventKey: 'Equal',
+    tauriKey: '=',
+    symbol: '=',
+  },
+  {
+    eventKey: 'Backspace',
+    symbol: isMac ? '⌫' : void 0,
+  },
+  // 第三排
+  {
+    eventKey: 'Tab',
+    symbol: isMac ? '⇥' : void 0,
+  },
+  {
+    eventKey: 'KeyQ',
+  },
+  {
+    eventKey: 'KeyW',
+  },
+  {
+    eventKey: 'KeyE',
+  },
+  {
+    eventKey: 'KeyR',
+  },
+  {
+    eventKey: 'KeyT',
+  },
+  {
+    eventKey: 'KeyY',
+  },
+  {
+    eventKey: 'KeyU',
+  },
+  {
+    eventKey: 'KeyI',
+  },
+  {
+    eventKey: 'KeyO',
+  },
+  {
+    eventKey: 'KeyP',
+  },
+  {
+    eventKey: 'BracketLeft',
+    symbol: '[',
+  },
+  {
+    eventKey: 'BracketRight',
+    symbol: ']',
+  },
+  {
+    eventKey: 'Backslash',
+    symbol: '\\',
+  },
+  // 第四排
+  {
+    eventKey: 'KeyA',
+  },
+  {
+    eventKey: 'KeyS',
+  },
+  {
+    eventKey: 'KeyD',
+  },
+  {
+    eventKey: 'KeyF',
+  },
+  {
+    eventKey: 'KeyG',
+  },
+  {
+    eventKey: 'KeyH',
+  },
+  {
+    eventKey: 'KeyJ',
+  },
+  {
+    eventKey: 'KeyK',
+  },
+  {
+    eventKey: 'KeyL',
+  },
+  {
+    eventKey: 'Semicolon',
+    symbol: ';',
+  },
+  {
+    eventKey: 'Quote',
+    symbol: '\'',
+  },
+  {
+    eventKey: 'Enter',
+    symbol: isMac ? '↩︎' : void 0,
+  },
+  // 第五排
+  {
+    eventKey: 'KeyZ',
+  },
+  {
+    eventKey: 'KeyX',
+  },
+  {
+    eventKey: 'KeyC',
+  },
+  {
+    eventKey: 'KeyV',
+  },
+  {
+    eventKey: 'KeyB',
+  },
+  {
+    eventKey: 'KeyN',
+  },
+  {
+    eventKey: 'KeyM',
+  },
+  {
+    eventKey: 'Comma',
+    symbol: ',',
+  },
+  {
+    eventKey: 'Period',
+    symbol: '.',
+  },
+  {
+    eventKey: 'Slash',
+    symbol: '/',
+  },
+  // 第六排
+  {
+    eventKey: 'Space',
+    symbol: isMac ? '␣' : void 0,
+  },
+  // 方向键
+  {
+    eventKey: 'ArrowUp',
+    symbol: '↑',
+  },
+  {
+    eventKey: 'ArrowDown',
+    symbol: '↓',
+  },
+  {
+    eventKey: 'ArrowLeft',
+    symbol: '←',
+  },
+  {
+    eventKey: 'ArrowRight',
+    symbol: '→',
+  },
+].map((item) => {
+  const { eventKey } = item
+
+  item.symbol ??= eventKey
+  item.tauriKey ??= eventKey
+
+  if (eventKey.startsWith('Digit') || eventKey.startsWith('Key')) {
+    item.tauriKey = item.symbol = eventKey.slice(-1)
+  }
+
+  return item
+})
+
+export const keys = modifierKeys.concat(standardKeys)