From 81825cb8715baad107eb1d3a8fdeb0c926bff3ee Mon Sep 17 00:00:00 2001
From: AkiChase <1003019131@qq.com>
Date: Tue, 7 May 2024 10:28:55 +0800
Subject: [PATCH] feat(Mask): click mask to hide input box

---
 src/components/Mask.vue | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/Mask.vue b/src/components/Mask.vue
index fc3e03a..d49ab64 100644
--- a/src/components/Mask.vue
+++ b/src/components/Mask.vue
@@ -70,6 +70,12 @@ async function cleanAfterimage() {
   await appWindow.setSize(oSize);
 }
 
+function handleInputBoxClick(event: MouseEvent) {
+  if (event.target === document.getElementById("input-box")) {
+    showInputBox(false);
+  }
+}
+
 function handleInputKeyUp(event: KeyboardEvent) {
   if (event.key === "Enter") {
     pasteText();
@@ -167,7 +173,12 @@ async function checkUpdate() {
   </div>
   <template v-if="store.keyMappingConfigList.length">
     <div @contextmenu.prevent class="mask" id="maskElement"></div>
-    <div v-show="showInputBoxRef" class="input-box">
+    <div
+      v-show="showInputBoxRef"
+      class="input-box"
+      id="input-box"
+      @click="handleInputBoxClick"
+    >
       <NInput
         ref="inputInstRef"
         v-model:value="inputBoxVal"