feat: 新增「猫咪设置 > 模型设置 > 动作与表情」配置项 (#908)

Author: ayangweb

src/composables/useKeyPress.ts

@@ -6,20 +6,23 @@ import {
   register,
   unregister,
 } from '@tauri-apps/plugin-global-shortcut'
-import { ref, watch } from 'vue'
+import { onUnmounted, ref, watch } from 'vue'
 
 export function useKeyPress(shortcut: Ref<string | undefined, string>, callback: ShortcutHandler) {
-  // This is primarily to prevent errors during hot reloading in the development environment.
   const oldShortcut = ref(shortcut.value)
 
-  watch(shortcut, async (value) => {
-    if (oldShortcut.value) {
-      const registered = await isRegistered(oldShortcut.value)
+  async function unbind() {
+    if (!oldShortcut.value) return
+
+    const registered = await isRegistered(oldShortcut.value)
+
+    if (!registered) return
 
-      if (registered) {
-        await unregister(oldShortcut.value)
-      }
-    }
+    return unregister(oldShortcut.value)
+  }
+
+  watch(shortcut, async (value) => {
+    await unbind()
 
     if (!value) return
 
@@ -31,4 +34,6 @@ export function useKeyPress(shortcut: Ref<string | undefined, string>, callback:
 
     oldShortcut.value = value
   }, { immediate: true })
+
+  onUnmounted(unbind)
 }

src/locales/en-US.json

@@ -22,6 +22,7 @@
           "windowRadius": "Window Radius",
           "opacity": "Opacity",
           "motionSound": "Motion Sound",
+          "behavior": "Motions and Expressions",
           "autoReleaseDelay": "Auto Release Delay",
           "hideOnHover": "Hide on Hover"
         },
@@ -30,6 +31,7 @@
           "singleMode": "When enabled, only the last pressed key is displayed for each hand.",
           "mouseMirror": "When enabled, the mouse will mirror the hand movement.",
           "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.",
           "alwaysOnTop": "When enabled, the window stays above all other windows.",
           "keepInScreen": "When enabled, the window automatically stays within the screen boundaries.",

src/locales/pt-BR.json

@@ -22,6 +22,7 @@
           "windowRadius": "Raio da Janela",
           "opacity": "Opacidade",
           "motionSound": "Som de Ação",
+          "behavior": "Movimentos e Expressões",
           "autoReleaseDelay": "Atraso de Liberação Automática",
           "hideOnHover": "Ocultar ao Passar o Mouse"
         },
@@ -30,6 +31,7 @@
           "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.",
           "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.",
           "alwaysOnTop": "Quando ativado, a janela sempre ficará acima de outros aplicativos.",
           "keepInScreen": "Quando ativado, a janela permanece automaticamente dentro dos limites da tela.",

src/locales/vi-VN.json

@@ -22,6 +22,7 @@
           "windowRadius": "Độ bo tròn cửa sổ",
           "opacity": "Độ mờ",
           "motionSound": "Âm thanh hành động",
+          "behavior": "Hành động và Biểu cảm",
           "autoReleaseDelay": "Độ trễ tự động nhả phím",
           "hideOnHover": "Ẩn khi di chuột"
         },
@@ -30,6 +31,7 @@
           "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ế.",
           "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.",
           "alwaysOnTop": "Bật để cửa sổ luôn nằm trên ứng dụng khác.",
           "keepInScreen": "Khi bật, cửa sổ sẽ tự động giữ trong ranh giới màn hình.",

src/locales/zh-CN.json

@@ -22,6 +22,7 @@
           "windowRadius": "窗口圆角",
           "opacity": "不透明度",
           "motionSound": "动作音效",
+          "behavior": "动作与表情",
           "autoReleaseDelay": "按键自动释放延迟",
           "hideOnHover": "鼠标移入隐藏"
         },
@@ -30,6 +31,7 @@
           "singleMode": "启用后，每只手只显示最后按下的一个按键。",
           "mouseMirror": "启用后，鼠标将镜像跟随手部移动。",
           "motionSound": "启用后，模型执行动作时会播放对应音效（如果存在）。",
+          "behavior": "启用后，可以配置和触发模型的动作与表情。",
           "passThrough": "启用后，窗口不影响对其他应用程序的操作。",
           "alwaysOnTop": "启用后，窗口始终显示在其他应用程序上方。",
           "keepInScreen": "启用后，窗口会自动调整位置，防止超出屏幕边界。",

src/locales/zh-TW.json

@@ -22,6 +22,7 @@
           "windowRadius": "視窗圓角",
           "opacity": "不透明度",
           "motionSound": "動作音效",
+          "behavior": "動作與表情",
           "autoReleaseDelay": "按鍵自動釋放延遲",
           "hideOnHover": "滑鼠游標移入隱藏"
         },
@@ -30,6 +31,7 @@
           "singleMode": "啟用後，每隻手只顯示最後按下的一個按鍵。",
           "mouseMirror": "啟用後，滑鼠游標將鏡像跟隨手部移動。",
           "motionSound": "啟用後，模型執行動作時會播放對應音效（如果存在）。",
+          "behavior": "啟用後，可以配置和觸發模型的動作與表情。",
           "passThrough": "啟用後，視窗不影響對其他應用程式的操作。",
           "alwaysOnTop": "啟用後，視窗始終顯示在其他應用程式上方。",
           "keepInScreen": "啟用後，視窗會自動調整位置，防止超出螢幕邊界。",

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

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

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

@@ -15,9 +15,11 @@ import BehaviorModal from './components/behavior-modal/index.vue'
 import FloatMenu from './components/float-menu/index.vue'
 import Upload from './components/upload/index.vue'
 
+import { useCatStore } from '@/stores/cat'
 import { useModelStore } from '@/stores/model'
 import { join } from '@/utils/path'
 
+const catStore = useCatStore()
 const modelStore = useModelStore()
 const firstItemRef = ref<HTMLElement>()
 const { height } = useElementSize(firstItemRef)
@@ -89,7 +91,7 @@ async function handleDelete(item: Model) {
           />
 
           <i
-            v-if="modelStore.currentModel?.id === item.id"
+            v-if="catStore.model.behavior && modelStore.currentModel?.id === item.id"
             class="i-lucide:smile"
             @click.stop="openBehaviorModal = true"
           />
@@ -119,5 +121,8 @@ async function handleDelete(item: Model) {
 
   <FloatMenu />
 
-  <BehaviorModal v-model="openBehaviorModal" />
+  <BehaviorModal
+    v-if="catStore.model.behavior"
+    v-model="openBehaviorModal"
+  />
 </template>

src/stores/cat.ts

@@ -7,6 +7,7 @@ export interface CatStore {
     single: boolean
     mouseMirror: boolean
     motionSound: boolean
+    behavior: boolean
     autoReleaseDelay: number
   }
   window: {
@@ -53,6 +54,7 @@ export const useCatStore = defineStore('cat', () => {
     single: false,
     mouseMirror: false,
     motionSound: true,
+    behavior: true,
     autoReleaseDelay: 3,
   })