feat: 新增「猫咪设置 > 模型设置 > 忽略鼠标事件」配置项 (#936)

Author: ayangweb

src/composables/useDevice.ts

@@ -3,7 +3,7 @@ import { PhysicalPosition } from '@tauri-apps/api/dpi'
 import { getCurrentWebviewWindow } from '@tauri-apps/api/webviewWindow'
 import { isNil } from 'es-toolkit'
 import { Ticker } from 'pixi.js'
-import { onMounted, onUnmounted, ref } from 'vue'
+import { onMounted, onUnmounted, ref, watch } from 'vue'
 
 import { useAppStore } from '@/stores/app'
 import { useCatStore } from '@/stores/cat'
@@ -83,14 +83,20 @@ export function useDevice() {
 
       scaleFactor.value = payload.scaleFactor
     })
-
-    Ticker.shared.add(tickerCallback)
   })
 
   onUnmounted(() => {
     Ticker.shared.remove(tickerCallback)
   })
 
+  watch(() => catStore.model.ignoreMouse, (value) => {
+    if (value) {
+      return Ticker.shared.remove(tickerCallback)
+    }
+
+    return Ticker.shared.add(tickerCallback)
+  }, { immediate: true })
+
   const startListening = () => {
     invoke(INVOKE_KEY.START_DEVICE_LISTENING)
   }

src/locales/en-US.json

@@ -14,6 +14,7 @@
           "modelSettings": "Model Settings",
           "mirrorMode": "Mirror Mode",
           "mouseMirror": "Mouse Mirror",
+          "ignoreMouse": "Ignore Mouse Events",
           "windowSettings": "Window Settings",
           "passThrough": "Pass Through",
           "alwaysOnTop": "Always on Top",
@@ -30,6 +31,7 @@
         "hints": {
           "mirrorMode": "When enabled, the model will be mirrored horizontally.",
           "mouseMirror": "When enabled, the mouse will mirror the hand movement.",
+          "ignoreMouse": "When enabled, the model will not respond to mouse events. Useful for keyboard mode or gamepad mode.",
           "motionSound": "When enabled, the model will play corresponding sound effects when performing actions (if they exist).",
           "behavior": "When enabled, motions and expressions can be configured and triggered.",
           "passThrough": "When enabled, clicks pass through the window without affecting it.",

src/locales/pt-BR.json

@@ -14,6 +14,7 @@
           "modelSettings": "Configurações do Modelo",
           "mirrorMode": "Modo Espelho",
           "mouseMirror": "Espelho do Mouse",
+          "ignoreMouse": "Ignorar Eventos do Mouse",
           "windowSettings": "Configurações da Janela",
           "passThrough": "Janela Transparente",
           "alwaysOnTop": "Sempre no Topo",
@@ -30,6 +31,7 @@
         "hints": {
           "mirrorMode": "Quando ativado, o modelo será invertido horizontalmente.",
           "mouseMirror": "Quando ativado, o mouse espelhará o movimento da mão.",
+          "ignoreMouse": "Quando ativado, o modelo não responderá a eventos do mouse. Útil para o modo teclado ou modo controle.",
           "motionSound": "Quando ativado, o modelo reproduzirá efeitos sonoros correspondentes ao executar ações (se existirem).",
           "behavior": "Quando ativado, movimentos e expressões podem ser configurados e acionados.",
           "passThrough": "Quando ativado, a janela não afetará operações em outros aplicativos.",

src/locales/vi-VN.json

@@ -14,6 +14,7 @@
           "modelSettings": "Cài đặt Mô hình",
           "mirrorMode": "Chế độ gương",
           "mouseMirror": "Phản chiếu chuột",
+          "ignoreMouse": "Bỏ qua sự kiện chuột",
           "windowSettings": "Cài đặt Cửa sổ",
           "passThrough": "Click xuyên",
           "alwaysOnTop": "Luôn trên cùng",
@@ -30,6 +31,7 @@
         "hints": {
           "mirrorMode": "Bật để lật ngang mô hình.",
           "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ế.",
+          "ignoreMouse": "Khi bật, mô hình sẽ không phản hồi sự kiện chuột. Hữu ích cho chế độ bàn phím hoặc chế độ tay cầm.",
           "motionSound": "Khi bật, mô hình sẽ phát các âm thanh tương ứng khi thực hiện hành động (nếu tồn tại).",
           "behavior": "Khi bật, các hành động và biểu cảm có thể được cấu hình và kích hoạt.",
           "passThrough": "Bật để cửa sổ không ảnh hưởng đến thao tác trên ứng dụng khác.",

src/locales/zh-CN.json

@@ -14,6 +14,7 @@
           "modelSettings": "模型设置",
           "mirrorMode": "镜像模式",
           "mouseMirror": "鼠标镜像",
+          "ignoreMouse": "忽略鼠标事件",
           "windowSettings": "窗口设置",
           "passThrough": "窗口穿透",
           "alwaysOnTop": "窗口置顶",
@@ -30,6 +31,7 @@
         "hints": {
           "mirrorMode": "启用后，模型将水平镜像翻转。",
           "mouseMirror": "启用后，鼠标将镜像跟随手部移动。",
+          "ignoreMouse": "启用后，模型将不再响应鼠标事件，适用于键盘模式或手柄模式。",
           "motionSound": "启用后，模型执行动作时会播放对应音效（如果存在）。",
           "behavior": "启用后，可以配置和触发模型的动作与表情。",
           "passThrough": "启用后，窗口不影响对其他应用程序的操作。",

src/locales/zh-TW.json

@@ -14,6 +14,7 @@
           "modelSettings": "模型設定",
           "mirrorMode": "鏡像模式",
           "mouseMirror": "滑鼠游標鏡像",
+          "ignoreMouse": "忽略滑鼠事件",
           "windowSettings": "視窗設定",
           "passThrough": "視窗穿透",
           "alwaysOnTop": "視窗置頂",
@@ -30,6 +31,7 @@
         "hints": {
           "mirrorMode": "啟用後，模型將水平鏡像翻轉。",
           "mouseMirror": "啟用後，滑鼠游標將鏡像跟隨手部移動。",
+          "ignoreMouse": "啟用後，模型將不再回應滑鼠事件，適用於鍵盤模式或手柄模式。",
           "motionSound": "啟用後，模型執行動作時會播放對應音效（如果存在）。",
           "behavior": "啟用後，可以配置和觸發模型的動作與表情。",
           "passThrough": "啟用後，視窗不影響對其他應用程式的操作。",

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

@@ -25,6 +25,13 @@ const catStore = useCatStore()
       <Switch v-model:checked="catStore.model.mouseMirror" />
     </ProListItem>
 
+    <ProListItem
+      :description="$t('pages.preference.cat.hints.ignoreMouse')"
+      :title="$t('pages.preference.cat.labels.ignoreMouse')"
+    >
+      <Switch v-model:checked="catStore.model.ignoreMouse" />
+    </ProListItem>
+
     <ProListItem
       :description="$t('pages.preference.cat.hints.motionSound')"
       :title="$t('pages.preference.cat.labels.motionSound')"

src/stores/cat.ts

@@ -9,6 +9,7 @@ export interface CatStore {
     behavior: boolean
     autoReleaseDelay: number
     maxFPS: number
+    ignoreMouse: boolean
   }
   window: {
     visible: boolean
@@ -54,6 +55,7 @@ export const useCatStore = defineStore('cat', () => {
     behavior: true,
     autoReleaseDelay: 3,
     maxFPS: 60,
+    ignoreMouse: false,
   })
 
   const window = reactive<CatStore['window']>({