feat(select): allows select the behavior of triggering blur event in tags mode.

Author: yuanxin518

docs/examples/tags.tsx

@@ -39,7 +39,7 @@ const Test: React.FC = () => {
         <Select
           placeholder="placeholder"
           mode="tags"
-          tagsModeCommitOnBlur={false}
+          preventCommitOnBlur={false}
           style={{ width: 400 }}
           disabled={disabled}
           maxTagCount={maxTagCount}

src/Select.tsx

@@ -154,7 +154,7 @@ export interface SelectProps<ValueType = any, OptionType extends BaseOptionType
   onChange?: (value: ValueType, option: OptionType | OptionType[]) => void;
 
   // >>> Blur
-  tagsModeCommitOnBlur?: boolean
+  preventCommitOnBlur?: boolean
 }
 
 function isRawValue(value: DraftValueType): value is RawValueType {
@@ -202,7 +202,7 @@ const Select = React.forwardRef(
       onChange,
 
       // Blur
-      tagsModeCommitOnBlur = true,
+      preventCommitOnBlur = false,
 
       ...restProps
     } = props;
@@ -542,22 +542,24 @@ const Select = React.forwardRef(
       setSearchValue(searchText);
       setActiveValue(null);
 
+      if(preventCommitOnBlur){
+        triggerChange('');
+        setSearchValue('');
+        return
+      }
+
       // [Submit] Tag mode should flush input
       if (info.source === 'submit') {
-        if(!tagsModeCommitOnBlur){
           // prevent empty tags from appearing when you click the Enter button
-            triggerChange('');
-            setSearchValue('');
-        }else{
-          const formatted = (searchText || '').trim();
-          // prevent empty tags from appearing when you click the Enter button
-          if (formatted) {
-            const newRawValues = Array.from(new Set<RawValueType>([...rawValues, formatted]));
-            triggerChange(newRawValues);
-            triggerSelect(formatted, true);
-            setSearchValue('');
-          }
+        const formatted = (searchText || '').trim();
+        // prevent empty tags from appearing when you click the Enter button
+        if (formatted) {
+          const newRawValues = Array.from(new Set<RawValueType>([...rawValues, formatted]));
+          triggerChange(newRawValues);
+          triggerSelect(formatted, true);
+          setSearchValue('');
         }
+      
         return;
       }
 

tests/Tags.test.tsx

@@ -65,7 +65,7 @@ describe('Select.Tags', () => {
 
   it('should not call on blur when set attribute tagsModeCommitOnBlur equals false', () => {
     const onChange = jest.fn();
-    const wrapper = mount(<Select mode="tags" onChange={onChange} tagsModeCommitOnBlur={false} />);
+    const wrapper = mount(<Select mode="tags" onChange={onChange} preventCommitOnBlur={true} />);
 
     wrapper
       .find('input')