From e1499fab03077b88314ff0cb574b98d50932d2fc Mon Sep 17 00:00:00 2001
From: jmal <zhushilun084@gmail.com>
Date: Fri, 12 Jul 2024 17:25:59 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E6=90=9C=E7=B4=A2=E6=96=87=E4=BB=B6?=
 =?UTF-8?q?=E9=98=B2=E6=8A=96=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ShowFile/ShowFile.vue | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/components/ShowFile/ShowFile.vue b/src/components/ShowFile/ShowFile.vue
index f3e195a..9a7f7d0 100644
--- a/src/components/ShowFile/ShowFile.vue
+++ b/src/components/ShowFile/ShowFile.vue
@@ -162,13 +162,13 @@
               placeholder="搜索"
               v-model="searchFileName"
               :clearable="true"
-              @keyup.enter.native="searchFile(searchFileName)"
+              @keyup.enter.native="searchFileEnter(searchFileName)"
               @focus="setInputFocus"
-              @input="searchFile(searchFileName)"
+              @input="searchFileEnter(searchFileName)"
               @blur="setInputBlur()"
-              @clear="searchFile(searchFileName)"
+              @clear="searchFileEnter(searchFileName)"
             >
-              <el-button slot="prepend" @click="searchFile(searchFileName)">
+              <el-button slot="prepend" @click="searchFileEnter(searchFileName)">
                 <svg-icon icon-class="search" style="font-size: 22px" />
               </el-button>
             </el-input>
@@ -809,6 +809,8 @@ import FileTree from '@/components/FileTree'
 
 import '@/utils/directives.js'
 
+import _ from "lodash";
+
 import fileConfig from '@/utils/file-config'
 import EditElement from '@/views/markdown/EditElement'
 import IframePreview from '@/components/preview/IframePreview.vue'
@@ -1088,6 +1090,7 @@ export default {
       permanentDeleteDisable: false, // 是否禁用永久删除选项
       selectDeleteFile: [], // 选中的删除文件
       deleteLoading: false, // 删除loading
+      debounceSearch: null,// 搜索防抖
     }
   },
   computed: {
@@ -1155,7 +1158,11 @@ export default {
         : ''
     },
   },
-  created() {},
+  created() {
+    this.debounceSearch = _.debounce((key, onLoad) => {
+      this.searchFile(key, onLoad)
+    }, 200)
+  },
   watch: {
     $route(to) {
       if (to.query.tagId && this.queryCondition.tagId !== this.$route.query.tagId) {
@@ -2696,6 +2703,9 @@ export default {
         }
       }
     },
+    searchFileEnter(key, onLoad) {
+      this.debounceSearch(key, onLoad)
+    },
     searchFile(key, onLoad) {
       if (key) {
         this.beforeLoadData(onLoad)