feat(TreeSelect): add onEnter api (#2731)

* feat(TreeSelect): add onEnter api * chore: update demo
Tencent · Jan 25, 2024 · 3b4d4df · 3b4d4df
1 parent a8cbff4
commit 3b4d4df
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/tree-select/TreeSelect.tsx b/src/tree-select/TreeSelect.tsx
@@ -63,6 +63,7 @@ const TreeSelect = forwardRef((props: TreeSelectProps, ref) => {
     onFocus,
     onSearch,
     onRemove,
+    onEnter,
   } = props;
 
   const selectInputProps = useTreeSelectPassThroughProps(props);
@@ -249,6 +250,7 @@ const TreeSelect = forwardRef((props: TreeSelectProps, ref) => {
 
   const handleEnter = usePersistFn<SelectInputProps['onEnter']>((_, ctx) => {
     onSearch?.(ctx.inputValue, { e: ctx.e });
+    onEnter?.({ inputValue: ctx.inputValue, e: ctx.e, value: getTreeSelectEventValue() });
   });
 
   const handleFilterChange = usePersistFn<SelectInputProps['onInputChange']>((value, ctx) => {

diff --git a/src/tree-select/_example/filterable.jsx b/src/tree-select/_example/filterable.jsx
@@ -35,6 +35,10 @@ const options = [
 export default function Example() {
   const [type, setType] = useState('default');
 
+  function handleEnter(ctx) {
+    console.log('onEnter api:', ctx);
+  }
+
   function filterFunction(searchText, node) {
     return node.data.label.indexOf(searchText) >= 0;
   }
@@ -47,7 +51,7 @@ export default function Example() {
       </Radio.Group>
       {type === 'default' ? (
         <>
-          <TreeSelect data={options} clearable filterable placeholder="请选择" />
+          <TreeSelect data={options} clearable filterable placeholder="请选择" onEnter={handleEnter} />
           <TreeSelect data={options} multiple clearable filterable placeholder="请选择" />
         </>
       ) : (