fix(select): 修复搜索时在中文输入法下按回车弹窗会关闭的问题(XiaoMi#2809)

xiamiao1121 · Apr 23, 2024 · b0c608e · b0c608e
1 parent 5fdea15
commit b0c608e
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/packages/ui/select/src/Select.tsx b/packages/ui/select/src/Select.tsx
@@ -186,11 +186,12 @@ export const Select = forwardRef<HTMLDivElement | null, SelectProps>(
     const defaultIndex = showData.findIndex((item: SelectDataItem) => !item.disabled)
 
     const [focusedIndex, setFocusedIndex] = useState<number>(defaultIndex)
+    const [isComposing, setIsComposing] = useState<boolean>(false)
 
     const handleKeyDown = useLatestCallback((evt: React.KeyboardEvent) => {
       const { key } = evt
 
-      if (key === 'Enter') {
+      if (key === 'Enter' && !isComposing) {
         const item = showData[focusedIndex]
 
         if (item) {
@@ -235,6 +236,12 @@ export const Select = forwardRef<HTMLDivElement | null, SelectProps>(
           onKeyDown={mockDefaultHandlers(handleKeyDown, onKeyDownProp)}
           onOpen={menuVisibleAction.on}
           onClose={menuVisibleAction.off}
+          onCompositionStart={() => {
+            setIsComposing(true)
+          }}
+          onCompositionEnd={() => {
+            setIsComposing(false)
+          }}
           searchable={searchable}
           keyword={keywordProp}
           onSearch={callAllFuncs(onSearchProp, onSearch)}