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

---
 src/hooks/useGlobalHotkey.ts     | 3 ++-
 src/views/Editor/SearchPanel.vue | 7 ++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/hooks/useGlobalHotkey.ts b/src/hooks/useGlobalHotkey.ts
index 504261f8..8124476c 100644
--- a/src/hooks/useGlobalHotkey.ts
+++ b/src/hooks/useGlobalHotkey.ts
@@ -26,6 +26,7 @@ export default () => {
     handleElementId,
     editorAreaFocus,
     thumbnailsFocus,
+    showSearchPanel,
   } = storeToRefs(mainStore)
   const { currentSlide } = storeToRefs(useSlidesStore())
   const { ctrlKeyState, shiftKeyState, spaceKeyState } = storeToRefs(keyboardStore)
@@ -153,7 +154,7 @@ export default () => {
     }
     if (key === KEYS.F) {
       e.preventDefault()
-      mainStore.setSearchPanelState(true)
+      mainStore.setSearchPanelState(!showSearchPanel.value)
       return
     }
     
diff --git a/src/views/Editor/SearchPanel.vue b/src/views/Editor/SearchPanel.vue
index 1b0c11ab..264b9374 100644
--- a/src/views/Editor/SearchPanel.vue
+++ b/src/views/Editor/SearchPanel.vue
@@ -37,7 +37,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref } from 'vue'
+import { onMounted, ref } from 'vue'
 import { useMainStore } from '@/store'
 import useSearch from '@/hooks/useSearch'
 import MoveablePanel from '@/components/MoveablePanel.vue'
@@ -75,6 +75,11 @@ const tabs: TabItem[] = [
 const close = () => {
   mainStore.setSearchPanelState(false)
 }
+
+const searchInpRef = ref<HTMLInputElement>()
+onMounted(() => {
+  searchInpRef.value!.focus()
+})
 </script>
 
 <style lang="scss" scoped>