fix(auto-complete): fix: error when pressing enter

fix Tencent#2298
Ali-ovo · Jun 21, 2023 · d249bba · d249bba
1 parent 11e2329
commit d249bba
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/auto-complete/AutoComplete.tsx b/src/auto-complete/AutoComplete.tsx
@@ -63,6 +63,7 @@ const AutoComplete = forwardRef<AutoCompleteRef, AutoCompleteProps>((originalPro
   })();
 
   const onInputChange: TdInputProps['onChange'] = (value, context) => {
+    setPopupVisible(true);
     setTValue(value, context);
   };
 

diff --git a/src/auto-complete/OptionList.tsx b/src/auto-complete/OptionList.tsx
@@ -26,7 +26,7 @@ export interface OptionsListRef {
 }
 
 const OptionsList = forwardRef<OptionsListRef, OptionsListProps>((props: OptionsListProps, ref) => {
-  const { value, onSelect, popupVisible } = props;
+  const { value, popupVisible, onSelect } = props;
   const { classPrefix } = useConfig();
   const [active, setActive] = useState('');
   const activeIndexRef = useRef(-1);
@@ -86,7 +86,14 @@ const OptionsList = forwardRef<OptionsListRef, OptionsListProps>((props: Options
   // 键盘事件，上下选择
   const onKeyInnerPress = (e: KeyboardEvent) => {
     if (e.code === 'Enter' || e.key === 'Enter') {
-      onSelect?.(tOptions[activeIndexRef.current].text, { e });
+      // 当没有匹配项的时候， 默认回车选中第一个
+      let currentIndex = activeIndexRef.current;
+
+      if (!~currentIndex) {
+        currentIndex = 0;
+      }
+
+      onSelect?.(tOptions[currentIndex]?.text, { e });
     } else {
       const index = activeIndexRef.current;
       let newIndex;