From 3528368507d532011ef1f4db51c05b966765a666 Mon Sep 17 00:00:00 2001
From: pipipi-pikachu <pipipi_pikachu@163.com>
Date: Sun, 10 Sep 2023 14:55:10 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E6=90=9C=E7=B4=A2?=
 =?UTF-8?q?=E6=9B=BF=E6=8D=A2=E4=BD=93=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Editor/SearchPanel.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/views/Editor/SearchPanel.vue b/src/views/Editor/SearchPanel.vue
index 264b9374..d9782295 100644
--- a/src/views/Editor/SearchPanel.vue
+++ b/src/views/Editor/SearchPanel.vue
@@ -13,7 +13,7 @@
         :class="{ 'active': type === tab.key }" 
         v-for="tab in tabs" 
         :key="tab.key"
-        @click="type = tab.key"
+        @click="changeTab(tab.key)"
         @mousedown.stop
       >{{tab.label}}</div>
     </div>
@@ -37,7 +37,7 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, ref } from 'vue'
+import { nextTick, onMounted, ref } from 'vue'
 import { useMainStore } from '@/store'
 import useSearch from '@/hooks/useSearch'
 import MoveablePanel from '@/components/MoveablePanel.vue'
@@ -80,6 +80,13 @@ const searchInpRef = ref<HTMLInputElement>()
 onMounted(() => {
   searchInpRef.value!.focus()
 })
+
+const changeTab = (key: TypeKey) => {
+  type.value = key
+  nextTick(() => {
+    searchInpRef.value!.focus()
+  })
+}
 </script>
 
 <style lang="scss" scoped>