fix: 修复TreeSelect、CheckTreeSelect、Cascader、CheckCascader设置Keyword后数据没…

…有过滤的问题 (#2994) * fix(check-tree-select): 修复 keyword 设置后数据没有过滤的问题 (#2988) * fix: 修复Cascader、CheckCascader、TreeSelect设置keyword数据没有过滤的问题
XiaoMi · Sep 13, 2024 · 4d6b265 · 4d6b265
1 parent 102d01a
commit 4d6b265
Show file tree

Hide file tree

Showing 8 changed files with 36 additions and 0 deletions.
diff --git a/.changeset/perfect-swans-draw.md b/.changeset/perfect-swans-draw.md
@@ -0,0 +1,8 @@
+---
+"@hi-ui/hiui": patch
+---
+
+fix(tree-select): 修复 keyword 设置后数据没有过滤的问题
+fix(check-tree-select): 修复 keyword 设置后数据没有过滤的问题
+fix(cascader): 修复 keyword 设置后数据没有过滤的问题
+fix(check-cascader): 修复 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/.changeset/yellow-chicken-shout.md b/.changeset/yellow-chicken-shout.md
@@ -0,0 +1,7 @@
+---
+"@hi-ui/cascader": patch
+"@hi-ui/check-cascader": patch
+"@hi-ui/tree-select": patch
+---
+
+fix: 修复 keyword 设置后数据没有过滤的问题
diff --git a/packages/ui/cascader/src/Cascader.tsx b/packages/ui/cascader/src/Cascader.tsx
@@ -46,6 +46,7 @@ export const Cascader = forwardRef<HTMLDivElement | null, CascaderProps>((props,
     invalid,
     filterOption,
     searchable: searchableProp,
+    keyword: keywordProp,
     onSearch: onSearchProp,
     render: titleRender,
     overlayClassName,
@@ -134,6 +135,7 @@ export const Cascader = forwardRef<HTMLDivElement | null, CascaderProps>((props,
     keyword: searchValue,
   } = useSearchMode({
     searchable: searchableProp,
+    keyword: keywordProp,
     strategies: [customSearchStrategy, upMatchSearchStrategy],
   })
 
@@ -236,6 +238,7 @@ export const Cascader = forwardRef<HTMLDivElement | null, CascaderProps>((props,
         searchable={searchable}
         scrollable={false}
         footer={isFunction(renderExtraFooter) && renderExtraFooter()}
+        keyword={keywordProp}
         onSearch={callAllFuncs(onSearchProp, onSearch)}
         trigger={
           customRender ? (

diff --git a/packages/ui/check-cascader/src/CheckCascader.tsx b/packages/ui/check-cascader/src/CheckCascader.tsx
@@ -66,6 +66,7 @@ export const CheckCascader = forwardRef<HTMLDivElement | null, CheckCascaderProp
       // search
       filterOption,
       searchable: searchableProp,
+      keyword: keywordProp,
       onSearch: onSearchProp,
       overlayClassName,
       type = 'tree',
@@ -150,6 +151,7 @@ export const CheckCascader = forwardRef<HTMLDivElement | null, CheckCascaderProp
       keyword: searchValue,
     } = useSearchMode({
       searchable: searchableProp,
+      keyword: keywordProp,
       strategies: [customSearchStrategy, upMatchSearchStrategy],
     })
 
@@ -243,6 +245,7 @@ export const CheckCascader = forwardRef<HTMLDivElement | null, CheckCascaderProp
         searchable={searchable}
         scrollable={false}
         footer={isFunction(renderExtraFooter) && renderExtraFooter()}
+        keyword={keywordProp}
         onSearch={callAllFuncs(onSearchProp, onSearch)}
         trigger={
           customRender ? (

diff --git a/packages/ui/check-tree-select/src/CheckTreeSelect.tsx b/packages/ui/check-tree-select/src/CheckTreeSelect.tsx
@@ -72,6 +72,7 @@ export const CheckTreeSelect = forwardRef<HTMLDivElement | null, CheckTreeSelect
       onLoadChildren,
       render: titleRender,
       filterOption,
+      keyword: keywordProp,
       onSearch: onSearchProp,
       // emptyContent,
       // ********* popper ********* //
@@ -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)

diff --git a/packages/ui/tree-select/src/TreeSelect.tsx b/packages/ui/tree-select/src/TreeSelect.tsx
@@ -60,6 +60,7 @@ export const TreeSelect = forwardRef<HTMLDivElement | null, TreeSelectProps>(
       onLoadChildren,
       render: titleRender,
       filterOption,
+      keyword: keywordProp,
       onSearch: onSearchProp,
       // ********* popper ********* //
       // optionWidth,
@@ -182,6 +183,7 @@ export const TreeSelect = forwardRef<HTMLDivElement | null, TreeSelectProps>(
       keyword: searchValue,
     } = useSearchMode({
       searchable: searchableProp,
+      keyword: keywordProp,
       strategies: [
         dataSourceStrategy,
         customSearchStrategy,
@@ -244,6 +246,7 @@ export const TreeSelect = forwardRef<HTMLDivElement | null, TreeSelectProps>(
         // onChange={tryChangeValue}
         // data={mergedData}
         searchable={searchable}
+        keyword={keywordProp}
         onSearch={callAllFuncs(onSearchProp, onSearch)}
         loading={rest.loading !== undefined ? rest.loading : loading}
         trigger={