From c3ef051de66caa55bcaf4b21825c385b1af95b37 Mon Sep 17 00:00:00 2001
From: xianyi <thefangyi@gmail.com>
Date: Tue, 23 Dec 2025 11:53:26 +0800
Subject: [PATCH] =?UTF-8?q?=E6=90=9C=E7=B4=A2=E5=A7=93=E5=90=8D=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=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/exam/ExamSection.tsx | 32 +++++++++++++++++++++++++++--
 1 file changed, 30 insertions(+), 2 deletions(-)

diff --git a/src/components/exam/ExamSection.tsx b/src/components/exam/ExamSection.tsx
index 71263d3..e90e7b5 100644
--- a/src/components/exam/ExamSection.tsx
+++ b/src/components/exam/ExamSection.tsx
@@ -39,6 +39,9 @@ export const ExamSection = ({
   const [displayCount, setDisplayCount] = useState(INITIAL_LOAD_COUNT);
   const observerTarget = useRef<HTMLDivElement>(null);
   const [isLoadingMore, setIsLoadingMore] = useState(false);
+  // 防抖：内部输入值
+  const [debouncedInputValue, setDebouncedInputValue] = useState(searchValue);
+  const debounceTimerRef = useRef<number | null>(null);
 
   useEffect(() => {
     getTodayExamProgress({})
@@ -56,6 +59,31 @@ export const ExamSection = ({
       });
   }, []);
 
+  // 防抖：当输入值变化时，延迟 0.5 秒后调用 onSearchChange
+  useEffect(() => {
+    if (debounceTimerRef.current) {
+      window.clearTimeout(debounceTimerRef.current);
+    }
+
+    debounceTimerRef.current = window.setTimeout(() => {
+      onSearchChange(debouncedInputValue);
+    }, 500);
+
+    return () => {
+      if (debounceTimerRef.current) {
+        window.clearTimeout(debounceTimerRef.current);
+      }
+    };
+  }, [debouncedInputValue, onSearchChange]);
+
+  // 当外部 searchValue 变化时（比如清空搜索），同步内部值（仅在值确实不同时更新）
+  useEffect(() => {
+    if (searchValue !== debouncedInputValue && searchValue === '') {
+      // 只在外部清空搜索时同步，避免用户输入时被覆盖
+      setDebouncedInputValue('');
+    }
+  }, [searchValue]);
+
   // 当 filteredClients 变化时，重置显示数量
   useEffect(() => {
     setDisplayCount(INITIAL_LOAD_COUNT);
@@ -114,8 +142,8 @@ export const ExamSection = ({
       <div className='w-[320px]'>
         <Input
           placeholder='搜索 姓名 / 手机号 / 身份证号 / 卡号'
-          value={searchValue}
-          onChange={(e) => onSearchChange(e.target.value)}
+          value={debouncedInputValue}
+          onChange={(e) => setDebouncedInputValue(e.target.value)}
           className='text-sm'
         />
       </div>