test: all of multiple

Author: zombieJ

src/SelectInput/Content/MultipleContent.tsx

@@ -30,16 +30,16 @@ export default React.forwardRef<HTMLInputElement, SharedContentProps>(function M
     prefixCls,
     displayValues,
     searchValue,
+    mode,
     onSelectorRemove,
     removeIcon: removeIconFromContext,
-
-    focused,
   } = useSelectInputContext();
   const {
     disabled,
     showSearch,
     triggerOpen,
     toggleOpen,
+    autoClearSearchValue,
     tagRender: tagRenderFromContext,
     maxTagPlaceholder: maxTagPlaceholderFromContext,
     maxTagTextLength,
@@ -49,7 +49,13 @@ export default React.forwardRef<HTMLInputElement, SharedContentProps>(function M
   const selectionItemPrefixCls = `${prefixCls}-selection-item`;
 
   // ===================== Search ======================
-  const inputValue = showSearch ? searchValue : '';
+  // Apply autoClearSearchValue logic: when dropdown is closed and autoClearSearchValue is not false (default true), clear search value
+  let computedSearchValue = searchValue;
+  if (!triggerOpen && mode === 'multiple' && autoClearSearchValue !== false) {
+    computedSearchValue = '';
+  }
+
+  const inputValue = showSearch ? computedSearchValue || '' : '';
   const inputEditable: boolean = showSearch && !disabled;
 
   // Props from context with safe defaults

src/SelectInput/index.tsx

@@ -21,6 +21,7 @@ export interface SelectInputProps extends Omit<React.HTMLAttributes<HTMLDivEleme
   searchValue?: string;
   activeValue?: string;
   mode?: Mode;
+  autoClearSearchValue?: boolean;
   onSearch?: (searchText: string, fromTyping: boolean, isCompositing: boolean) => void;
   onSearchSubmit?: (searchText: string) => void;
   onInputBlur?: () => void;
@@ -104,8 +105,16 @@ export default React.forwardRef<SelectInputRef, SelectInputProps>(function Selec
     ...restProps
   } = props;
 
-  const { triggerOpen, toggleOpen, showSearch, disabled, loading, classNames, styles } =
-    useBaseProps();
+  const {
+    triggerOpen,
+    toggleOpen,
+    showSearch,
+    disabled,
+    loading,
+    classNames,
+    styles,
+    autoClearSearchValue,
+  } = useBaseProps();
 
   const rootRef = React.useRef<HTMLDivElement>(null);
   const inputRef = React.useRef<HTMLInputElement>(null);
@@ -171,6 +180,14 @@ export default React.forwardRef<SelectInputRef, SelectInputProps>(function Selec
 
       if (!(event.nativeEvent as any)._select_lazy) {
         inputRef.current?.focus();
+
+        // Clear search value if autoClearSearchValue is not false when closing
+        if ((mode !== 'combobox' && (!showSearch || shouldPreventClose)) || !triggerOpen) {
+          if (triggerOpen && autoClearSearchValue !== false) {
+            onSearch?.('', true, false);
+          }
+        }
+
         // Only toggle open if we should not prevent close
         if (!shouldPreventClose) {
           toggleOpen();

tests/__snapshots__/Multiple.test.tsx.snap

@@ -1,98 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Select.Multiple max tag render truncates tags by maxTagCount and show maxTagPlaceholder function 1`] = `
-<div
-  class="rc-select rc-select-multiple rc-select-show-search"
->
-  <div
-    class="rc-select-content"
-  >
-    <div
-      class="rc-select-content-item"
-      style="opacity: 1;"
-    >
-      <span
-        class="rc-select-selection-item"
-        title="One"
-      >
-        <span
-          class="rc-select-selection-item-content"
-        >
-          One
-        </span>
-        <span
-          aria-hidden="true"
-          class="rc-select-selection-item-remove"
-          style="user-select: none;"
-          unselectable="on"
-        >
-          ×
-        </span>
-      </span>
-    </div>
-    <div
-      class="rc-select-content-item"
-      style="opacity: 1;"
-    >
-      <span
-        class="rc-select-selection-item"
-        title="Two"
-      >
-        <span
-          class="rc-select-selection-item-content"
-        >
-          Two
-        </span>
-        <span
-          aria-hidden="true"
-          class="rc-select-selection-item-remove"
-          style="user-select: none;"
-          unselectable="on"
-        >
-          ×
-        </span>
-      </span>
-    </div>
-    <div
-      class="rc-select-content-item rc-select-content-item-rest"
-      style="opacity: 1;"
-    >
-      <span
-        class="rc-select-selection-item"
-      >
-        <span
-          class="rc-select-selection-item-content"
-        >
-          <span>
-            1
-             values omitted
-          </span>
-        </span>
-      </span>
-    </div>
-    <div
-      class="rc-select-content-item rc-select-content-item-suffix"
-      style="opacity: 1;"
-    >
-      <input
-        aria-autocomplete="list"
-        aria-controls="test-id_list"
-        aria-expanded="false"
-        aria-haspopup="listbox"
-        aria-owns="test-id_list"
-        autocomplete="off"
-        class="rc-select-input"
-        id="test-id"
-        role="combobox"
-        style="--select-input-width: 0;"
-        type="search"
-        value=""
-      />
-    </div>
-  </div>
-</div>
-`;
-
 exports[`Select.Multiple max tag render truncates values by maxTagTextLength 1`] = `
 [
   "On...",