@rc-component/select 1.1.4 → 1.2.0-alpha.0

package/lib/hooks/{useDelayReset.js → useComponents.js}

@@ -3,38 +3,29 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = useDelayReset;
+exports.default = useComponents;
 var React = _interopRequireWildcard(require("react"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/**
- * Similar with `useLock`, but this hook will always execute last value.
- * When set to `true`, it will keep `true` for a short time even if `false` is set.
- */
-function useDelayReset(timeout = 10) {
-  const [bool, setBool] = React.useState(false);
-  const delayRef = React.useRef(null);
-  const cancelLatest = () => {
-    window.clearTimeout(delayRef.current);
-  };
-  React.useEffect(() => {
-    return () => {
-      cancelLatest();
-    };
-  }, []);
-  const delaySetBool = (value, callback) => {
-    cancelLatest();
-    if (value === true) {
-      // true 值立即设置
-      setBool(true);
-      callback?.();
-    } else {
-      // false 值延迟设置
-      delayRef.current = window.setTimeout(() => {
-        setBool(false);
-        callback?.();
-      }, timeout);
+function useComponents(components, getInputElement, getRawInputElement) {
+  return React.useMemo(() => {
+    let {
+      root,
+      input
+    } = components || {};
+
+    // root: getRawInputElement
+    if (getRawInputElement) {
+      root = getRawInputElement();
     }
-  };
-  return [bool, delaySetBool, cancelLatest];
+
+    // input: getInputElement
+    if (getInputElement) {
+      input = getInputElement();
+    }
+    return {
+      root,
+      input
+    };
+  }, [components, getInputElement, getRawInputElement]);
 }

package/lib/hooks/useOpen.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Trigger by latest open call, if nextOpen is undefined, means toggle.
+ * ignoreNext will skip next call in the macro task queue.
+ */
+export type TriggerOpenType = (nextOpen?: boolean, ignoreNext?: boolean) => void;
+/**
+ * When `open` is controlled, follow the controlled value;
+ * Otherwise use uncontrolled logic.
+ * Setting `open` takes effect immediately,
+ * but setting it to `false` is delayed via MessageChannel.
+ *
+ * SSR handling: During SSR, `open` is always false to avoid Portal issues.
+ * On client-side hydration, it syncs with the actual open state.
+ */
+export default function useOpen(propOpen: boolean, onOpen: (nextOpen: boolean) => void, postOpen: (nextOpen: boolean) => boolean): [boolean, TriggerOpenType];

package/lib/hooks/useOpen.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useOpen;
+var _util = require("@rc-component/util");
+var _react = require("react");
+const internalMacroTask = fn => {
+  const channel = new MessageChannel();
+  channel.port1.onmessage = fn;
+  channel.port2.postMessage(null);
+};
+const macroTask = (fn, times = 1) => {
+  if (times <= 0) {
+    fn();
+    return;
+  }
+  internalMacroTask(() => {
+    macroTask(fn, times - 1);
+  });
+};
+
+/**
+ * Trigger by latest open call, if nextOpen is undefined, means toggle.
+ * ignoreNext will skip next call in the macro task queue.
+ */
+
+/**
+ * When `open` is controlled, follow the controlled value;
+ * Otherwise use uncontrolled logic.
+ * Setting `open` takes effect immediately,
+ * but setting it to `false` is delayed via MessageChannel.
+ *
+ * SSR handling: During SSR, `open` is always false to avoid Portal issues.
+ * On client-side hydration, it syncs with the actual open state.
+ */
+function useOpen(propOpen, onOpen, postOpen) {
+  // SSR not support Portal which means we need delay `open` for the first time render
+  const [rendered, setRendered] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    setRendered(true);
+  }, []);
+  const [stateOpen, internalSetOpen] = (0, _util.useControlledState)(false, propOpen);
+
+  // During SSR, always return false for open state
+  const ssrSafeOpen = rendered ? stateOpen : false;
+  const mergedOpen = postOpen(ssrSafeOpen);
+  const taskIdRef = (0, _react.useRef)(0);
+  const taskLockRef = (0, _react.useRef)(false);
+  const triggerEvent = (0, _util.useEvent)(nextOpen => {
+    if (onOpen && mergedOpen !== nextOpen) {
+      onOpen(nextOpen);
+    }
+    internalSetOpen(nextOpen);
+  });
+  const toggleOpen = (0, _util.useEvent)((nextOpen, ignoreNext = false) => {
+    taskIdRef.current += 1;
+    const id = taskIdRef.current;
+    const nextOpenVal = typeof nextOpen === 'boolean' ? nextOpen : !mergedOpen;
+
+    // Since `mergedOpen` is post-processed, we need to check if the value really changed
+    if (nextOpenVal) {
+      triggerEvent(true);
+
+      // Lock if needed
+      if (ignoreNext) {
+        taskLockRef.current = ignoreNext;
+        macroTask(() => {
+          taskLockRef.current = false;
+        }, 2);
+      }
+      return;
+    }
+    macroTask(() => {
+      if (id === taskIdRef.current && !taskLockRef.current) {
+        triggerEvent(false);
+      }
+    });
+  });
+  return [mergedOpen, toggleOpen];
+}

package/lib/hooks/useSearchConfig.d.ts

@@ -1,2 +1,2 @@
-import type { SearchConfig, DefaultOptionType } from "../Select";
-export default function useSearchConfig(showSearch: boolean | SearchConfig<DefaultOptionType> | undefined, props: SearchConfig<DefaultOptionType>): [boolean, SearchConfig<DefaultOptionType>];
+import type { SearchConfig, DefaultOptionType, SelectProps } from '../Select';
+export default function useSearchConfig(showSearch: boolean | SearchConfig<DefaultOptionType> | undefined, props: SearchConfig<DefaultOptionType>, mode: SelectProps<DefaultOptionType>['mode']): [boolean, SearchConfig<DefaultOptionType>];

package/lib/hooks/useSearchConfig.js

@@ -8,7 +8,7 @@ var React = _interopRequireWildcard(require("react"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 // Convert `showSearch` to unique config
-function useSearchConfig(showSearch, props) {
+function useSearchConfig(showSearch, props, mode) {
   const {
     filterOption,
     searchValue,
@@ -28,6 +28,6 @@ function useSearchConfig(showSearch, props) {
       autoClearSearchValue,
       ...(isObject ? showSearch : {})
     };
-    return [isObject ? true : showSearch, searchConfig];
-  }, [showSearch, filterOption, searchValue, optionFilterProp, filterSort, onSearch, autoClearSearchValue]);
+    return [isObject || mode === 'combobox' || mode === 'tags' || mode === 'multiple' && showSearch === undefined ? true : showSearch, searchConfig];
+  }, [mode, showSearch, filterOption, searchValue, optionFilterProp, filterSort, onSearch, autoClearSearchValue]);
 }

package/lib/hooks/useSelectTriggerControl.d.ts

@@ -1 +1 @@
-export default function useSelectTriggerControl(elements: () => (HTMLElement | undefined)[], open: boolean, triggerOpen: (open: boolean) => void, customizedTrigger: boolean): void;
+export default function useSelectTriggerControl(elements: () => (HTMLElement | SVGElement | undefined)[], open: boolean, triggerOpen: (open: boolean) => void, customizedTrigger: boolean): void;

package/lib/hooks/useSelectTriggerControl.js

@@ -5,31 +5,26 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = useSelectTriggerControl;
 var React = _interopRequireWildcard(require("react"));
+var _util = require("@rc-component/util");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function useSelectTriggerControl(elements, open, triggerOpen, customizedTrigger) {
-  const propsRef = React.useRef(null);
-  propsRef.current = {
-    open,
-    triggerOpen,
-    customizedTrigger
-  };
-  React.useEffect(() => {
-    function onGlobalMouseDown(event) {
-      // If trigger is customized, Trigger will take control of popupVisible
-      if (propsRef.current?.customizedTrigger) {
-        return;
-      }
-      let target = event.target;
-      if (target.shadowRoot && event.composed) {
-        target = event.composedPath()[0] || target;
-      }
-      if (propsRef.current.open && elements().filter(element => element).every(element => !element.contains(target) && element !== target)) {
-        // Should trigger close
-        propsRef.current.triggerOpen(false);
-      }
+  const onGlobalMouseDown = (0, _util.useEvent)(event => {
+    // If trigger is customized, Trigger will take control of popupVisible
+    if (customizedTrigger) {
+      return;
+    }
+    let target = event.target;
+    if (target.shadowRoot && event.composed) {
+      target = event.composedPath()[0] || target;
     }
+    if (open && elements().filter(element => element).every(element => !element.contains(target) && element !== target)) {
+      // Should trigger close
+      triggerOpen(false);
+    }
+  });
+  React.useEffect(() => {
     window.addEventListener('mousedown', onGlobalMouseDown);
     return () => window.removeEventListener('mousedown', onGlobalMouseDown);
-  }, []);
+  }, [onGlobalMouseDown]);
 }

package/lib/utils/keyUtil.js

@@ -16,6 +16,10 @@ function isValidateOpenKey(currentKeyCode) {
     ![
     // System function button
     _KeyCode.default.ESC, _KeyCode.default.SHIFT, _KeyCode.default.BACKSPACE, _KeyCode.default.TAB, _KeyCode.default.WIN_KEY, _KeyCode.default.ALT, _KeyCode.default.META, _KeyCode.default.WIN_KEY_RIGHT, _KeyCode.default.CTRL, _KeyCode.default.SEMICOLON, _KeyCode.default.EQUALS, _KeyCode.default.CAPS_LOCK, _KeyCode.default.CONTEXT_MENU,
+    // Arrow keys - should not trigger open when navigating in input
+    _KeyCode.default.UP,
+    // KeyCode.DOWN,
+    _KeyCode.default.LEFT, _KeyCode.default.RIGHT,
     // F1-F12
     _KeyCode.default.F1, _KeyCode.default.F2, _KeyCode.default.F3, _KeyCode.default.F4, _KeyCode.default.F5, _KeyCode.default.F6, _KeyCode.default.F7, _KeyCode.default.F8, _KeyCode.default.F9, _KeyCode.default.F10, _KeyCode.default.F11, _KeyCode.default.F12].includes(currentKeyCode)
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rc-component/select",
-  "version": "1.1.4",
+  "version": "1.2.0-alpha.0",
   "description": "React Select",
   "engines": {
     "node": ">=8.x"
@@ -49,10 +49,10 @@
     "react-dom": "*"
   },
   "dependencies": {
-    "@rc-component/trigger": "^3.0.0",
     "@rc-component/motion": "^1.1.4",
-    "@rc-component/util": "^1.2.1",
-    "classnames": "2.x",
+    "@rc-component/trigger": "^3.0.0",
+    "@rc-component/util": "^1.3.0",
+    "clsx": "^2.1.1",
     "rc-overflow": "^1.4.0",
     "rc-virtual-list": "^3.5.2"
   },
@@ -62,6 +62,7 @@
     "@testing-library/jest-dom": "^6.4.5",
     "@testing-library/react": "^15.0.6",
     "@types/jest": "^29.5.12",
+    "@types/node": "^24.5.2",
     "@types/react": "^18.3.0",
     "@types/react-dom": "^18.3.0",
     "babel-jest": "^29.6.1",

package/es/Selector/Input.d.ts

@@ -1,27 +0,0 @@
-import * as React from 'react';
-type InputRef = HTMLInputElement | HTMLTextAreaElement;
-interface InputProps {
-    prefixCls: string;
-    id: string;
-    inputElement: React.ReactElement;
-    disabled: boolean;
-    autoFocus: boolean;
-    autoComplete: string;
-    editable: boolean;
-    activeDescendantId?: string;
-    value: string;
-    maxLength?: number;
-    open: boolean;
-    tabIndex: number;
-    /** Pass accessibility props to input */
-    attrs: Record<string, unknown>;
-    onKeyDown: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLElement>;
-    onMouseDown: React.MouseEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLElement>;
-    onChange: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLElement>;
-    onPaste: React.ClipboardEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLElement>;
-    onBlur: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLElement>;
-    onCompositionStart: React.CompositionEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLElement>;
-    onCompositionEnd: React.CompositionEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLElement>;
-}
-declare const RefInput: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>>;
-export default RefInput;

package/es/Selector/Input.js

@@ -1,61 +0,0 @@
-import * as React from 'react';
-import classNames from 'classnames';
-import { composeRef } from "@rc-component/util/es/ref";
-import { warning } from "@rc-component/util/es/warning";
-import composeProps from "@rc-component/util/es/composeProps";
-import useBaseProps from "../hooks/useBaseProps";
-const Input = (props, ref) => {
-  const {
-    prefixCls,
-    id,
-    inputElement,
-    autoComplete,
-    editable,
-    activeDescendantId,
-    value,
-    open,
-    attrs,
-    ...restProps
-  } = props;
-  const {
-    classNames: contextClassNames,
-    styles: contextStyles
-  } = useBaseProps() || {};
-  let inputNode = inputElement || /*#__PURE__*/React.createElement("input", null);
-  const {
-    ref: originRef,
-    props: originProps
-  } = inputNode;
-  warning(!('maxLength' in inputNode.props), `Passing 'maxLength' to input element directly may not work because input in BaseSelect is controlled.`);
-  inputNode = /*#__PURE__*/React.cloneElement(inputNode, {
-    type: 'search',
-    ...composeProps(restProps, originProps, true),
-    // Override over origin props
-    id,
-    ref: composeRef(ref, originRef),
-    autoComplete: autoComplete || 'off',
-    className: classNames(`${prefixCls}-selection-search-input`, originProps.className, contextClassNames?.input),
-    role: 'combobox',
-    'aria-expanded': open || false,
-    'aria-haspopup': 'listbox',
-    'aria-owns': `${id}_list`,
-    'aria-autocomplete': 'list',
-    'aria-controls': `${id}_list`,
-    'aria-activedescendant': open ? activeDescendantId : undefined,
-    ...attrs,
-    value: editable ? value : '',
-    readOnly: !editable,
-    unselectable: !editable ? 'on' : null,
-    style: {
-      ...originProps.style,
-      opacity: editable ? null : 0,
-      ...contextStyles?.input
-    }
-  });
-  return inputNode;
-};
-const RefInput = /*#__PURE__*/React.forwardRef(Input);
-if (process.env.NODE_ENV !== 'production') {
-  RefInput.displayName = 'Input';
-}
-export default RefInput;

package/es/Selector/MultipleSelector.d.ts

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import type { InnerSelectorProps } from '.';
-import type { DisplayValueType, RenderNode, CustomTagProps } from '../BaseSelect';
-interface SelectorProps extends InnerSelectorProps {
-    removeIcon?: RenderNode;
-    maxTagCount?: number | 'responsive';
-    maxTagTextLength?: number;
-    maxTagPlaceholder?: React.ReactNode | ((omittedValues: DisplayValueType[]) => React.ReactNode);
-    tokenSeparators?: string[];
-    tagRender?: (props: CustomTagProps) => React.ReactElement;
-    onToggleOpen: (open?: boolean) => void;
-    choiceTransitionName?: string;
-    onRemove: (value: DisplayValueType) => void;
-}
-declare const SelectSelector: React.FC<SelectorProps>;
-export default SelectSelector;

package/es/Selector/MultipleSelector.js

@@ -1,185 +0,0 @@
-import * as React from 'react';
-import { useState } from 'react';
-import classNames from 'classnames';
-import pickAttrs from "@rc-component/util/es/pickAttrs";
-import Overflow from 'rc-overflow';
-import TransBtn from "../TransBtn";
-import Input from "./Input";
-import useLayoutEffect from "../hooks/useLayoutEffect";
-import { getTitle } from "../utils/commonUtil";
-function itemKey(value) {
-  return value.key ?? value.value;
-}
-const onPreventMouseDown = event => {
-  event.preventDefault();
-  event.stopPropagation();
-};
-const SelectSelector = props => {
-  const {
-    id,
-    prefixCls,
-    values,
-    open,
-    searchValue,
-    autoClearSearchValue,
-    inputRef,
-    placeholder,
-    disabled,
-    mode,
-    showSearch,
-    autoFocus,
-    autoComplete,
-    activeDescendantId,
-    tabIndex,
-    removeIcon,
-    maxTagCount,
-    maxTagTextLength,
-    maxTagPlaceholder = omittedValues => `+ ${omittedValues.length} ...`,
-    tagRender,
-    onToggleOpen,
-    onRemove,
-    onInputChange,
-    onInputPaste,
-    onInputKeyDown,
-    onInputMouseDown,
-    onInputCompositionStart,
-    onInputCompositionEnd,
-    onInputBlur
-  } = props;
-  const measureRef = React.useRef(null);
-  const [inputWidth, setInputWidth] = useState(0);
-  const [focused, setFocused] = useState(false);
-  const selectionPrefixCls = `${prefixCls}-selection`;
-
-  // ===================== Search ======================
-  const inputValue = open || mode === 'multiple' && autoClearSearchValue === false || mode === 'tags' ? searchValue : '';
-  const inputEditable = mode === 'tags' || mode === 'multiple' && autoClearSearchValue === false || showSearch && (open || focused);
-
-  // We measure width and set to the input immediately
-  useLayoutEffect(() => {
-    setInputWidth(measureRef.current.scrollWidth);
-  }, [inputValue]);
-
-  // ===================== Render ======================
-  // >>> Render Selector Node. Includes Item & Rest
-  const defaultRenderSelector = (item, content, itemDisabled, closable, onClose) => /*#__PURE__*/React.createElement("span", {
-    title: getTitle(item),
-    className: classNames(`${selectionPrefixCls}-item`, {
-      [`${selectionPrefixCls}-item-disabled`]: itemDisabled
-    })
-  }, /*#__PURE__*/React.createElement("span", {
-    className: `${selectionPrefixCls}-item-content`
-  }, content), closable && /*#__PURE__*/React.createElement(TransBtn, {
-    className: `${selectionPrefixCls}-item-remove`,
-    onMouseDown: onPreventMouseDown,
-    onClick: onClose,
-    customizeIcon: removeIcon
-  }, "\xD7"));
-  const customizeRenderSelector = (value, content, itemDisabled, closable, onClose, isMaxTag, info) => {
-    const onMouseDown = e => {
-      onPreventMouseDown(e);
-      onToggleOpen(!open);
-    };
-    return /*#__PURE__*/React.createElement("span", {
-      onMouseDown: onMouseDown
-    }, tagRender({
-      label: content,
-      value,
-      index: info?.index,
-      disabled: itemDisabled,
-      closable,
-      onClose,
-      isMaxTag: !!isMaxTag
-    }));
-  };
-  const renderItem = (valueItem, info) => {
-    const {
-      disabled: itemDisabled,
-      label,
-      value
-    } = valueItem;
-    const closable = !disabled && !itemDisabled;
-    let displayLabel = label;
-    if (typeof maxTagTextLength === 'number') {
-      if (typeof label === 'string' || typeof label === 'number') {
-        const strLabel = String(displayLabel);
-        if (strLabel.length > maxTagTextLength) {
-          displayLabel = `${strLabel.slice(0, maxTagTextLength)}...`;
-        }
-      }
-    }
-    const onClose = event => {
-      if (event) {
-        event.stopPropagation();
-      }
-      onRemove(valueItem);
-    };
-    return typeof tagRender === 'function' ? customizeRenderSelector(value, displayLabel, itemDisabled, closable, onClose, undefined, info) : defaultRenderSelector(valueItem, displayLabel, itemDisabled, closable, onClose);
-  };
-  const renderRest = omittedValues => {
-    // https://github.com/ant-design/ant-design/issues/48930
-    if (!values.length) {
-      return null;
-    }
-    const content = typeof maxTagPlaceholder === 'function' ? maxTagPlaceholder(omittedValues) : maxTagPlaceholder;
-    return typeof tagRender === 'function' ? customizeRenderSelector(undefined, content, false, false, undefined, true) : defaultRenderSelector({
-      title: content
-    }, content, false);
-  };
-
-  // >>> Input Node
-  const inputNode = /*#__PURE__*/React.createElement("div", {
-    className: `${selectionPrefixCls}-search`,
-    style: {
-      width: inputWidth
-    },
-    onFocus: () => {
-      setFocused(true);
-    },
-    onBlur: () => {
-      setFocused(false);
-    }
-  }, /*#__PURE__*/React.createElement(Input, {
-    ref: inputRef,
-    open: open,
-    prefixCls: prefixCls,
-    id: id,
-    inputElement: null,
-    disabled: disabled,
-    autoFocus: autoFocus,
-    autoComplete: autoComplete,
-    editable: inputEditable,
-    activeDescendantId: activeDescendantId,
-    value: inputValue,
-    onKeyDown: onInputKeyDown,
-    onMouseDown: onInputMouseDown,
-    onChange: onInputChange,
-    onPaste: onInputPaste,
-    onCompositionStart: onInputCompositionStart,
-    onCompositionEnd: onInputCompositionEnd,
-    onBlur: onInputBlur,
-    tabIndex: tabIndex,
-    attrs: pickAttrs(props, true)
-  }), /*#__PURE__*/React.createElement("span", {
-    ref: measureRef,
-    className: `${selectionPrefixCls}-search-mirror`,
-    "aria-hidden": true
-  }, inputValue, "\xA0"));
-
-  // >>> Selections
-  const selectionNode = /*#__PURE__*/React.createElement(Overflow, {
-    prefixCls: `${selectionPrefixCls}-overflow`,
-    data: values,
-    renderItem: renderItem,
-    renderRest: renderRest,
-    suffix: inputNode,
-    itemKey: itemKey,
-    maxCount: maxTagCount
-  });
-  return /*#__PURE__*/React.createElement("span", {
-    className: `${selectionPrefixCls}-wrap`
-  }, selectionNode, !values.length && !inputValue && /*#__PURE__*/React.createElement("span", {
-    className: `${selectionPrefixCls}-placeholder`
-  }, placeholder));
-};
-export default SelectSelector;

package/es/Selector/SingleSelector.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import type { InnerSelectorProps } from '.';
-interface SelectorProps extends InnerSelectorProps {
-    inputElement: React.ReactElement;
-    activeValue: string;
-}
-declare const SingleSelector: React.FC<SelectorProps>;
-export default SingleSelector;