fix(Select): fix onEnter callback (#1789)

Tencent · Dec 8, 2022 · 9a3ddb3 · 9a3ddb3
1 parent 1465d07
commit 9a3ddb3
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/select/_example/filterable.jsx b/src/select/_example/filterable.jsx
@@ -35,6 +35,10 @@ const FilterableSelect = () => {
     console.log('handleFocus: ', value, e);
   };
 
+  const handleEnter = (context) => {
+    console.log('handleEnter: ', context);
+  };
+
   return (
     <Space breakLine style={{ width: '100%' }}>
       <Select
@@ -45,6 +49,7 @@ const FilterableSelect = () => {
         style={{ width: '400px', display: 'inline-block' }}
         onBlur={handleBlur}
         onFocus={handleFocus}
+        onEnter={handleEnter}
       >
         {options.map((option, index) => (
           <Option key={index} value={option.value} label={option.label}></Option>

diff --git a/src/select/base/Select.tsx b/src/select/base/Select.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, Ref, useMemo } from 'react';
+import React, { useEffect, Ref, useMemo, KeyboardEvent } from 'react';
 import classNames from 'classnames';
 import isFunction from 'lodash/isFunction';
 import get from 'lodash/get';
@@ -345,6 +345,9 @@ const Select = forwardRefWithStatics(
 
     const { onMouseEnter, onMouseLeave } = props;
 
+    const handleEnter = (_, context: { inputValue: string; e: KeyboardEvent<HTMLDivElement> }) => {
+      onEnter?.({ ...context, value });
+    };
     return (
       <div
         className={classNames(`${name}__wrap`, className)}
@@ -391,7 +394,7 @@ const Select = forwardRefWithStatics(
           onTagChange={onTagChange}
           onInputChange={handleInputChange}
           onFocus={onFocus}
-          onEnter={onEnter}
+          onEnter={handleEnter}
           onBlur={onBlur}
           onClear={(context) => {
             onClearValue(context);