From d2e468287da8ec6aa00fdb0dc66a7f879a2576e1 Mon Sep 17 00:00:00 2001
From: wanglin2 <1013335014@qq.com>
Date: Fri, 28 Jul 2023 21:29:05 +0800
Subject: [PATCH] =?UTF-8?q?Demo:=E4=BC=98=E5=8C=96=E6=90=9C=E7=B4=A2,?=
 =?UTF-8?q?=E9=BC=A0=E6=A0=87=E4=B8=8D=E5=9C=A8=E6=90=9C=E7=B4=A2=E5=8C=BA?=
 =?UTF-8?q?=E5=9F=9F=E5=86=85=E4=B8=8D=E8=81=9A=E7=84=A6,=E8=A7=A3?=
 =?UTF-8?q?=E5=86=B3=E9=BC=A0=E6=A0=87=E4=B8=8D=E5=9C=A8=E6=90=9C=E7=B4=A2?=
 =?UTF-8?q?=E5=8C=BA=E5=9F=9F=E5=86=85=E6=97=A0=E6=B3=95=E5=88=A0=E9=99=A4?=
 =?UTF-8?q?=E8=BE=93=E5=85=A5=E7=9A=84=E6=96=87=E5=AD=97=E7=9A=84=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/pages/Edit/components/Search.vue | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/web/src/pages/Edit/components/Search.vue b/web/src/pages/Edit/components/Search.vue
index f72fb35a..1b5ada1d 100644
--- a/web/src/pages/Edit/components/Search.vue
+++ b/web/src/pages/Edit/components/Search.vue
@@ -1,11 +1,15 @@
 <template>
-  <div class="searchContainer" :class="{ isDark: isDark, show: show }">
+  <div 
+    class="searchContainer" 
+    :class="{ isDark: isDark, show: show }" 
+    @mouseleave="onMouseleave"
+  >
     <div class="closeBtnBox">
       <span class="closeBtn el-icon-close" @click="close"></span>
     </div>
     <div class="searchInputBox">
       <el-input
-        ref="input"
+        ref="searchInputRef"
         :placeholder="$t('search.searchPlaceholder')"
         size="small"
         v-model="searchText"
@@ -26,6 +30,7 @@
     </div>
     <el-input
       v-if="showReplaceInput"
+      ref="replaceInputRef"
       :placeholder="$t('search.replacePlaceholder')"
       size="small"
       v-model="replaceText"
@@ -97,7 +102,7 @@ export default {
     showSearch() {
       this.$bus.$emit('closeSideBar')
       this.show = true
-      this.$refs.input.focus()
+      // this.$refs.input.focus()
     },
 
     hideReplaceInput() {
@@ -127,6 +132,15 @@ export default {
       this.searchText = ''
       this.hideReplaceInput()
       this.mindMap.search.endSearch()
+    },
+
+    onMouseleave() {
+      if (this.$refs.searchInputRef) {
+        this.$refs.searchInputRef.blur()
+      }
+      if (this.$refs.replaceInputRef) {
+        this.$refs.replaceInputRef.blur()
+      }
     }
   }
 }