fix(check-tree-select): 修复 keyword 设置后数据没有过滤的问题 (#2988)

XiaoMi · Sep 9, 2024 · 283da32 · 283da32
1 parent 878941f
commit 283da32
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 0 deletions.
diff --git a/.changeset/perfect-swans-draw.md b/.changeset/perfect-swans-draw.md
@@ -0,0 +1,5 @@
+---
+"@hi-ui/hiui": patch
+---
+
+fix(check-tree-select): 修复 keyword 设置后数据没有过滤的问题
diff --git a/.changeset/selfish-apricots-applaud.md b/.changeset/selfish-apricots-applaud.md
@@ -0,0 +1,5 @@
+---
+"@hi-ui/check-tree-select": patch
+---
+
+fix: 修复 keyword 设置后数据没有过滤的问题
diff --git a/packages/ui/check-tree-select/src/CheckTreeSelect.tsx b/packages/ui/check-tree-select/src/CheckTreeSelect.tsx
@@ -95,6 +95,7 @@ export const CheckTreeSelect = forwardRef<HTMLDivElement | null, CheckTreeSelect
       customRender,
       prefix,
       suffix,
+      keyword: keywordProp,
       ...rest
     },
     ref
@@ -223,6 +224,7 @@ export const CheckTreeSelect = forwardRef<HTMLDivElement | null, CheckTreeSelect
       keyword: searchValue,
     } = useSearchMode({
       searchable: searchableProp,
+      keyword: keywordProp,
       strategies: [
         dataSourceStrategy,
         customSearchStrategy,
@@ -349,6 +351,7 @@ export const CheckTreeSelect = forwardRef<HTMLDivElement | null, CheckTreeSelect
         // onChange={tryChangeValue}
         // data={mergedData}
         searchable={searchable}
+        keyword={keywordProp}
         onSearch={callAllFuncs(onSearchProp, onSearch)}
         footer={renderDefaultFooter()}
         loading={rest.loading !== undefined ? rest.loading : loading}

diff --git a/packages/ui/check-tree-select/stories/searchable.stories.tsx b/packages/ui/check-tree-select/stories/searchable.stories.tsx
@@ -107,6 +107,8 @@ export const Searchable = () => {
     return matchUp(item)
   }, [])
 
+  const [keyword, setKeyword] = React.useState('小米')
+
   return (
     <>
       <h1>Searchable</h1>
@@ -132,6 +134,8 @@ export const Searchable = () => {
           style={{ width: 240 }}
           data={data}
           searchable
+          keyword={keyword}
+          onSearch={setKeyword}
           searchMode="filter"
           onChange={(checkedIds, options) => {
             console.log('CheckTreeSelect onChange: ', checkedIds, options)