fix: The Enter key lock cannot be released correctly when the custom input calls blur().

Author: LeeSSHH

src/BaseSelect/index.tsx

@@ -535,13 +535,13 @@ const BaseSelect = React.forwardRef<BaseSelectRef, BaseSelectProps>((props, ref)
     }
 
     if (mergedOpen && (!isEnterKey || !keyLockRef.current)) {
+      // Lock the Enter key after it is pressed to avoid repeated triggering of the onChange event.
+      if (isEnterKey) {
+        keyLockRef.current = true;
+      }
       listRef.current?.onKeyDown(event, ...rest);
     }
 
-    if (isEnterKey) {
-      keyLockRef.current = true;
-    }
-
     onKeyDown?.(event, ...rest);
   };
 
@@ -566,6 +566,11 @@ const BaseSelect = React.forwardRef<BaseSelectRef, BaseSelectProps>((props, ref)
     });
   };
 
+  const onSelectorBlur = () => {
+    // Unlock the Enter key after the selector blur; otherwise, the Enter key needs to be pressed twice to trigger the correct effect.
+    keyLockRef.current = false;
+  };
+
   // ========================== Focus / Blur ==========================
   /** Record real focus status */
   const focusRef = React.useRef<boolean>(false);
@@ -813,6 +818,7 @@ const BaseSelect = React.forwardRef<BaseSelectRef, BaseSelectProps>((props, ref)
           onSearchSubmit={onInternalSearchSubmit}
           onRemove={onSelectorRemove}
           tokenWithEnter={tokenWithEnter}
+          onSelectorBlur={onSelectorBlur}
         />
       )}
     </SelectTrigger>

src/Selector/index.tsx

@@ -92,7 +92,8 @@ export interface SelectorProps {
   onSearchSubmit?: (searchText: string) => void;
   onRemove: (value: DisplayValueType) => void;
   onInputKeyDown?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-
+  // on selector blur
+  onSelectorBlur?: () => void;
   /**
    * @private get real dom for trigger align.
    * This may be removed after React provides replacement of `findDOMNode`
@@ -119,6 +120,7 @@ const Selector: React.ForwardRefRenderFunction<RefSelectorProps, SelectorProps>
     onSearchSubmit,
     onToggleOpen,
     onInputKeyDown,
+    onSelectorBlur,
 
     domRef,
   } = props;
@@ -285,6 +287,7 @@ const Selector: React.ForwardRefRenderFunction<RefSelectorProps, SelectorProps>
       className={`${prefixCls}-selector`}
       onClick={onClick}
       onMouseDown={onMouseDown}
+      onBlur={onSelectorBlur}
     >
       {prefix && <div className={`${prefixCls}-prefix`}>{prefix}</div>}
       {selectNode}