From 22eb00c08a95d2051043e740646905c683b50ba4 Mon Sep 17 00:00:00 2001
From: Gimmy <975402925@qq.com>
Date: Wed, 20 Mar 2024 10:37:36 +0800
Subject: [PATCH] docs(sites): fix site overview input error

---
 examples/sites/src/views/overview.vue | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/examples/sites/src/views/overview.vue b/examples/sites/src/views/overview.vue
index 3db3c173df..c0c9a791e0 100644
--- a/examples/sites/src/views/overview.vue
+++ b/examples/sites/src/views/overview.vue
@@ -12,10 +12,10 @@
       <!-- 搜索 -->
       <tiny-input
         :placeholder="i18nByKey('searchComponents')"
-        v-model="value"
+        :modelValue="value"
         class="ti-mb10 search-input"
         :style="{ width: '100%', padding: '6px' }"
-        @input="searchHandler"
+        @update:modelValue="searchHandler"
       >
         <template #suffix>
           <img class="ti-h24 ti-w24 cur-def" :src="searchSvg" />
@@ -94,8 +94,8 @@ export default defineComponent({
         }, delay)
       }
     }
-    function searchResultFn(event) {
-      const value = event
+    function searchResultFn(val) {
+      const value = val
       const trimValue = value.replaceAll(' ', '').toLowerCase()
       const currentValue = trimValue
       const reg = new RegExp(currentValue, 'ig')
@@ -120,9 +120,13 @@ export default defineComponent({
     const { defaultThemeKey } = useTheme()
     const { all: allPathParam, theme = defaultThemeKey } = useRoute().params
     const allPath = allPathParam ? allPathParam + '/' : ''
+    const debounceSearch = debounce(searchResultFn, 300)
 
     let fn = {
-      searchHandler: debounce(searchResultFn, 300),
+      searchHandler: (val) => {
+        state.value = val
+        debounceSearch(val)
+      },
       getTo: (key) => `${import.meta.env.VITE_CONTEXT}${allPath}${lang}/${theme}/components/${key}`,
       getSvg: (key) => {
         // 表格示例单独另起了许多路由，统一使用表格组件图标