feat: support autoClearSearchValue (#422)

* feat: support autoClearSearchValue

* docs: add autoClearSearchValue

* docs: adjust

* test: add case

* fix: pass autoClearSearchValue

* chore: adjust code

Author: linxianxi

README.md

@@ -115,6 +115,12 @@ React.render(
   </tr>
   </thead>
   <tbody>
+    <tr>
+      <td>autoClearSearchValue</td>
+      <td>boolean</td>
+      <td>true</td>
+      <td>Whether the current search will be cleared on selecting an item. Only applies when checkable</td>
+    </tr>
     <tr>
       <td>options</td>
       <td>Object</td>

src/Cascader.tsx

@@ -77,6 +77,7 @@ interface BaseCascaderProps<OptionType extends BaseOptionType = DefaultOptionTyp
   showCheckedStrategy?: ShowCheckedStrategy;
 
   // Search
+  autoClearSearchValue?: boolean;
   showSearch?: boolean | ShowSearchType<OptionType>;
   searchValue?: string;
   onSearch?: (value: string) => void;
@@ -181,6 +182,7 @@ const Cascader = React.forwardRef<CascaderRef, InternalCascaderProps>((props, re
     checkable,
 
     // Search
+    autoClearSearchValue = true,
     searchValue,
     onSearch,
     showSearch,
@@ -346,7 +348,9 @@ const Cascader = React.forwardRef<CascaderRef, InternalCascaderProps>((props, re
 
   // =========================== Select ===========================
   const onInternalSelect = useEvent((valuePath: SingleValueType) => {
-    setSearchValue('');
+    if (!multiple || autoClearSearchValue) {
+      setSearchValue('');
+    }
     if (!multiple) {
       triggerChange(valuePath);
     } else {
@@ -491,6 +495,7 @@ const Cascader = React.forwardRef<CascaderRef, InternalCascaderProps>((props, re
         ref={ref as any}
         id={mergedId}
         prefixCls={prefixCls}
+        autoClearSearchValue={autoClearSearchValue}
         dropdownMatchSelectWidth={dropdownMatchSelectWidth}
         dropdownStyle={dropdownStyle}
         // Value

tests/search.spec.tsx

@@ -264,4 +264,17 @@ describe('Cascader.Search', () => {
       'Label Bamboo / Label Little / Toy Fish',
     );
   });
+
+  it('autoClearSearchValue={false} should be worked', () => {
+    const wrapper = mount(
+      <Cascader options={options} showSearch checkable autoClearSearchValue={false} />,
+    );
+
+    // Search
+    wrapper.find('input').simulate('change', { target: { value: 'bamboo' } });
+
+    // Click
+    wrapper.find('.rc-cascader-checkbox').first().simulate('click');
+    expect(wrapper.find('input').prop('value')).toEqual('bamboo');
+  });
 });