当文本框内容变动后超过2秒没有再次变动时触发搜索

plugin.json

@@ -2,7 +2,7 @@
   "name": "siyuan-plugin-hsr-mdzz2048-fork",
   "author": "TCOTC",
   "url": "https://github.com/TCOTC/siyuan-plugin-hsr-mdzz2048-fork",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "minAppVersion": "2.9.8",
   "backends": ["windows", "linux", "darwin"],
   "frontends": ["desktop", "browser-desktop"],

src/Search.vue

@@ -9,6 +9,7 @@
                 v-model="searchText"
                 @change="highlightHitResult(searchText)"
                 @keyup.enter="highlightHitResult(searchText)"
+                @input="onSearchTextChange"
             />
         </div>
         {{ resultIndex + "/" + resultCount }}
@@ -42,6 +43,19 @@ const props = defineProps<{
     element: Element,
 }>()
 
+// 当文本框内容变动后超过2秒没有再次变动时，会触发 highlightHitResult 函数
+let timer: number | null = null;
+function onSearchTextChange(value: string) {
+    if (timer) {
+        clearTimeout(timer);
+    }
+
+    timer = setTimeout(() => {
+        highlightHitResult(value);
+    }, 2000);
+}
+
+
 // REF: https://juejin.cn/post/7199438741533376573
 // 使用 [CSS 自定义高亮 API - Web API 接口参考 | MDN](https://developer.mozilla.org/zh-CN/docs/Web/API/CSS_Custom_Highlight_API)
 // 兼容性：Chrome、Edge (105+), Safari (17.2+), firefox (寄), Electron (思源使用的版本 > 28.0, 可以使用这个 API)