From 16ef910d0d986fab7b721c7464e7fb561fb09bb1 Mon Sep 17 00:00:00 2001
From: AkiChase <1003019131@qq.com>
Date: Tue, 11 Mar 2025 19:07:13 +0800
Subject: [PATCH] refactor:  keyInputFlag

---
 src/components/Mask.vue        | 7 ++++++-
 src/hotkey.ts                  | 9 +++++----
 src/store/global.ts            | 3 ---
 src/store/noneReactiveStore.ts | 2 ++
 4 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/components/Mask.vue b/src/components/Mask.vue
index 47ff88b..1c61924 100644
--- a/src/components/Mask.vue
+++ b/src/components/Mask.vue
@@ -15,6 +15,7 @@ import ScreenStream from "./ScreenStream.vue";
 import { useI18n } from "vue-i18n";
 import { secondaryClean, secondaryInit } from "../tools/init";
 import { cleanAfterimage } from "../tools/tools";
+import { NonReactiveStore } from "../store/noneReactiveStore";
 
 const { t } = useI18n();
 const store = useGlobalStore();
@@ -29,7 +30,8 @@ onBeforeRouteLeave(() => {
   if (store.controledDevice) {
     unlistenToEvent();
     clearShortcuts();
-    if (store.keyInputFlag) KeyInputHandler.removeEventListener();
+    if (NonReactiveStore.mem.keyInputFlag)
+      KeyInputHandler.removeEventListener();
   }
 });
 
@@ -38,6 +40,7 @@ onActivated(async () => {
   if (initFlag) cleanAfterimage();
 
   if (store.controledDevice) {
+    console.log("applyShortcuts");
     if (
       applyShortcuts(
         store.keyMappingConfigList[store.curKeyMappingIndex],
@@ -152,6 +155,8 @@ function toStartServer() {
   user-select: none;
   -webkit-user-select: none;
   z-index: 2;
+  width: 100%;
+  height: 100%;
 }
 
 .button-layer {
diff --git a/src/hotkey.ts b/src/hotkey.ts
index d28fb79..234bc8e 100644
--- a/src/hotkey.ts
+++ b/src/hotkey.ts
@@ -33,6 +33,7 @@ import {
 } from "./frontcommand/android";
 import { UIEventsCode } from "./frontcommand/UIEventsCode";
 import { sendInjectKeycode, sendSetClipboard } from "./frontcommand/controlMsg";
+import { NonReactiveStore } from "./store/noneReactiveStore";
 
 function clientxToPosx(clientx: number) {
   return clientx < 70
@@ -1142,7 +1143,7 @@ export class KeyInputHandler {
       onClose: () => {
         KeyInputHandler.removeEventListener();
         listenToEvent(true);
-        store.keyInputFlag = false;
+        NonReactiveStore.mem.keyInputFlag = false;
       },
     });
     window.addEventListener("keydown", KeyInputHandler.handler);
@@ -1327,16 +1328,16 @@ async function execMacro(
           });
           break;
         case "key-input-mode":
-          if (!store.keyInputFlag) {
+          if (!NonReactiveStore.mem.keyInputFlag) {
             // on
             unlistenToEvent(true);
             KeyInputHandler.addEventListener();
-            store.keyInputFlag = true;
+            NonReactiveStore.mem.keyInputFlag = true;
           } else {
             // off
             KeyInputHandler.removeEventListener();
             listenToEvent(true);
-            store.keyInputFlag = false;
+            NonReactiveStore.mem.keyInputFlag = false;
           }
           break;
         default:
diff --git a/src/store/global.ts b/src/store/global.ts
index bde8ca7..27ff137 100644
--- a/src/store/global.ts
+++ b/src/store/global.ts
@@ -69,8 +69,6 @@ export const useGlobalStore = defineStore("global", () => {
   const screenSizeW: Ref<number> = ref(0);
   const screenSizeH: Ref<number> = ref(0);
 
-  const keyInputFlag = ref(false);
-
   const curMaskSize = ref({
     w: 0,
     h: 0,
@@ -146,7 +144,6 @@ export const useGlobalStore = defineStore("global", () => {
     curMaskPos,
     screenSizeW,
     screenSizeH,
-    keyInputFlag, // TODO none reactive
     showLoadingFlag,
     controledDevice,
     editKeyMappingList,
diff --git a/src/store/noneReactiveStore.ts b/src/store/noneReactiveStore.ts
index deb5712..a391486 100644
--- a/src/store/noneReactiveStore.ts
+++ b/src/store/noneReactiveStore.ts
@@ -2,6 +2,7 @@ import { LocalStore } from "./localStore";
 
 interface MemType {
   screenStreamClientId: string;
+  keyInputFlag: boolean;
 }
 
 interface LocalType {
@@ -17,6 +18,7 @@ interface LocalType {
 export class NonReactiveStore {
   static mem: MemType = {
     screenStreamClientId: "",
+    keyInputFlag: false,
   };
 
   static local: LocalType = {