From 8366357204fb9397a9383a69f071e1a20cc2d65c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=A1=97=E8=A7=92=E5=B0=8F=E6=9E=97?= <1013335014@qq.com>
Date: Fri, 16 Aug 2024 09:16:07 +0800
Subject: [PATCH] =?UTF-8?q?Demo=EF=BC=9A=E6=90=9C=E7=B4=A2=E6=A1=86?=
 =?UTF-8?q?=E8=81=9A=E7=84=A6=E6=97=B6=E7=A6=81=E6=AD=A2=E8=8A=82=E7=82=B9?=
 =?UTF-8?q?=E5=93=8D=E5=BA=94=E6=8C=89=E9=94=AE=E4=BA=8B=E4=BB=B6=E8=87=AA?=
 =?UTF-8?q?=E5=8A=A8=E8=BF=9B=E5=85=A5=E6=96=87=E6=9C=AC=E7=BC=96=E8=BE=91?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/pages/Edit/components/Search.vue | 49 +++++++++++++++++-------
 1 file changed, 35 insertions(+), 14 deletions(-)

diff --git a/web/src/pages/Edit/components/Search.vue b/web/src/pages/Edit/components/Search.vue
index 4285f1ae..c0928635 100644
--- a/web/src/pages/Edit/components/Search.vue
+++ b/web/src/pages/Edit/components/Search.vue
@@ -1,9 +1,5 @@
 <template>
-  <div
-    class="searchContainer"
-    :class="{ isDark: isDark, show: show }"
-    @mouseleave="onMouseleave"
-  >
+  <div class="searchContainer" :class="{ isDark: isDark, show: show }">
     <div class="closeBtnBox">
       <span class="closeBtn el-icon-close" @click="close"></span>
     </div>
@@ -15,6 +11,8 @@
         v-model="searchText"
         @keyup.native.enter.stop="onSearchNext"
         @keydown.native.stop
+        @focus="onFocus"
+        @blur="onBlur"
       >
         <i slot="prefix" class="el-input__icon el-icon-search"></i>
         <el-button
@@ -37,6 +35,8 @@
       v-model="replaceText"
       style="margin: 12px 0;"
       @keydown.native.stop
+      @focus="onFocus"
+      @blur="onBlur"
     >
       <i slot="prefix" class="el-input__icon el-icon-edit"></i>
       <el-button size="small" slot="append" @click="hideReplaceInput">{{
@@ -95,11 +95,17 @@ export default {
   created() {
     this.$bus.$on('show_search', this.showSearch)
     this.mindMap.on('search_info_change', this.handleSearchInfoChange)
+    this.mindMap.on('node_click', this.blur)
+    this.mindMap.on('draw_click', this.blur)
+    this.mindMap.on('expand_btn_click', this.blur)
     this.mindMap.keyCommand.addShortcut('Control+f', this.showSearch)
   },
   beforeDestroy() {
     this.$bus.$off('show_search', this.showSearch)
     this.mindMap.off('search_info_change', this.handleSearchInfoChange)
+    this.mindMap.off('node_click', this.blur)
+    this.mindMap.off('draw_click', this.blur)
+    this.mindMap.off('expand_btn_click', this.blur)
     this.mindMap.keyCommand.removeShortcut('Control+f', this.showSearch)
   },
   methods: {
@@ -122,6 +128,30 @@ export default {
       this.replaceText = ''
     },
 
+    // 输入框聚焦时，禁止思维导图节点响应按键事件自动进入文本编辑
+    onFocus() {
+      this.mindMap.updateConfig({
+        enableAutoEnterTextEditWhenKeydown: false
+      })
+    },
+
+    // 输入框失焦时恢复
+    onBlur() {
+      this.mindMap.updateConfig({
+        enableAutoEnterTextEditWhenKeydown: true
+      })
+    },
+
+    // 画布，节点点击时让输入框失焦
+    blur() {
+      if (this.$refs.searchInputRef) {
+        this.$refs.searchInputRef.blur()
+      }
+      if (this.$refs.replaceInputRef) {
+        this.$refs.replaceInputRef.blur()
+      }
+    },
+
     onSearchNext() {
       this.mindMap.search.search(this.searchText, () => {
         this.$refs.searchInputRef.focus()
@@ -144,15 +174,6 @@ 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()
-      }
     }
   }
 }