@rc-component/select 1.6.15 → 1.7.1

package/README.md

@@ -83,7 +83,7 @@ export default () => (
 | dropdownAlign | additional align applied to dropdown | [AlignType](https://github.com/react-component/trigger/blob/728d7e92394aa4b3214650f743fc47e1382dfa68/src/interface.ts#L25-L80) | {} |
 | dropdownMenuStyle | additional style applied to dropdown menu | Object | React.CSSProperties |
 | notFoundContent | specify content to show when no result matches. | ReactNode | 'Not Found' |
-| tokenSeparators | separator used to tokenize on tag/multiple mode | string[]? |  |
+| tokenSeparators | separator used to tokenize on tag/multiple mode | `string[] \| ((input: string) => string[])` |  |
 | open | control select open | boolean |  |
 | defaultOpen | control select default open | boolean |  |
 | placeholder | select placeholder | React Node |  |

package/es/BaseSelect/index.d.ts

@@ -1,5 +1,5 @@
-import type { AlignType, BuildInPlacements } from '@rc-component/trigger/lib/interface';
-import type { ScrollConfig, ScrollTo } from '@rc-component/virtual-list/lib/List';
+import type { AlignType, BuildInPlacements } from '@rc-component/trigger';
+import type { ScrollConfig, ScrollTo } from '@rc-component/virtual-list';
 import * as React from 'react';
 import type { DisplayInfoType, DisplayValueType, Mode, Placement, RawValueType, RenderDOMFunc, RenderNode } from '../interface';
 import type { ComponentsConfig } from '../hooks/useComponents';
@@ -90,7 +90,7 @@ export interface BaseSelectProps extends BaseSelectPrivateProps, React.AriaAttri
     maxTagTextLength?: number;
     maxTagCount?: number | 'responsive';
     maxTagPlaceholder?: React.ReactNode | ((omittedValues: DisplayValueType[]) => React.ReactNode);
-    tokenSeparators?: string[];
+    tokenSeparators?: string[] | ((input: string) => string[]);
     allowClear?: boolean | {
         clearIcon?: React.ReactNode;
     };

package/es/BaseSelect/index.js

@@ -1,6 +1,6 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import { clsx } from 'clsx';
-import { getDOM } from "@rc-component/util/es/Dom/findDOMNode";
+import { getDOM, useEvent } from '@rc-component/util';
 import * as React from 'react';
 import { useAllowClear } from "../hooks/useAllowClear";
 import { BaseSelectContext } from "../hooks/useBaseProps";
@@ -10,7 +10,6 @@ import SelectTrigger from "../SelectTrigger";
 import { getSeparatedContent, isValidCount } from "../utils/valueUtil";
 import Polite from "./Polite";
 import useOpen, { macroTask } from "../hooks/useOpen";
-import { useEvent } from '@rc-component/util';
 import SelectInput from "../SelectInput";
 import useComponents from "../hooks/useComponents";
 
@@ -138,7 +137,20 @@ const BaseSelect = /*#__PURE__*/React.forwardRef((props, ref) => {
   const [rawOpen, mergedOpen, triggerOpen, lockOptions] = useOpen(defaultOpen || false, open, onPopupVisibleChange, nextOpen => disabled || emptyListContent ? false : nextOpen);
 
   // ============================= Search =============================
-  const tokenWithEnter = React.useMemo(() => (tokenSeparators || []).some(tokenSeparator => ['\n', '\r\n'].includes(tokenSeparator)), [tokenSeparators]);
+  const tokenWithEnter = React.useMemo(() => typeof tokenSeparators === 'function' || (tokenSeparators || []).some(tokenSeparator => ['\n', '\r\n'].includes(tokenSeparator)), [tokenSeparators]);
+  const splitByTokenSeparators = React.useMemo(() => {
+    if (typeof tokenSeparators === 'function') {
+      return (input, end) => {
+        const tokens = tokenSeparators(input);
+        const isUnchanged = Array.isArray(tokens) && tokens.length === 1 && tokens[0] === input;
+        if (!Array.isArray(tokens) || !tokens.length || isUnchanged) {
+          return null;
+        }
+        return typeof end !== 'undefined' ? tokens.slice(0, end) : tokens;
+      };
+    }
+    return (input, end) => getSeparatedContent(input, tokenSeparators, end);
+  }, [tokenSeparators]);
   const onInternalSearch = (searchText, fromTyping, isCompositing) => {
     if (multiple && isValidCount(maxCount) && displayValues.length >= maxCount) {
       return;
@@ -146,10 +158,8 @@ const BaseSelect = /*#__PURE__*/React.forwardRef((props, ref) => {
     let ret = true;
     let newSearchText = searchText;
     onActiveValueChange?.(null);
-    const separatedList = getSeparatedContent(searchText, tokenSeparators, isValidCount(maxCount) ? maxCount - displayValues.length : undefined);
-
-    // Check if match the `tokenSeparators`
-    const patchLabels = isCompositing ? null : separatedList;
+    const cap = isValidCount(maxCount) ? maxCount - displayValues.length : undefined;
+    const patchLabels = isCompositing ? null : splitByTokenSeparators(searchText, cap);
 
     // Ignore combobox since it's not split-able
     if (mode !== 'combobox' && patchLabels) {

package/es/OptionList.d.ts

@@ -1,4 +1,4 @@
-import type { ScrollConfig } from '@rc-component/virtual-list/lib/List';
+import { type ScrollConfig } from '@rc-component/virtual-list';
 import * as React from 'react';
 export type OptionListProps = Record<string, never>;
 export interface RefOptionListProps {

package/es/OptionList.js

@@ -1,9 +1,6 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import { clsx } from 'clsx';
-import KeyCode from "@rc-component/util/es/KeyCode";
-import useMemo from "@rc-component/util/es/hooks/useMemo";
-import omit from "@rc-component/util/es/omit";
-import pickAttrs from "@rc-component/util/es/pickAttrs";
+import { KeyCode, omit, pickAttrs, useMemo } from '@rc-component/util';
 import List from '@rc-component/virtual-list';
 import * as React from 'react';
 import { useEffect } from 'react';

package/es/Select.js

@@ -30,8 +30,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
  * - `combobox` mode not support `optionLabelProp`
  */
 
-import useControlledState from "@rc-component/util/es/hooks/useControlledState";
-import warning from "@rc-component/util/es/warning";
+import { useControlledState, useId, warning } from '@rc-component/util';
 import * as React from 'react';
 import BaseSelect, { isMultiple } from "./BaseSelect";
 import OptGroup from "./OptGroup";
@@ -40,7 +39,6 @@ import OptionList from "./OptionList";
 import SelectContext from "./SelectContext";
 import useCache from "./hooks/useCache";
 import useFilterOptions from "./hooks/useFilterOptions";
-import useId from "@rc-component/util/es/hooks/useId";
 import useOptions from "./hooks/useOptions";
 import useRefFunc from "./hooks/useRefFunc";
 import { hasValue, isComboNoValue, toArray } from "./utils/commonUtil";

package/es/SelectInput/Content/index.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import pickAttrs from "@rc-component/util/es/pickAttrs";
+import { pickAttrs } from '@rc-component/util';
 import SingleContent from "./SingleContent";
 import MultipleContent from "./MultipleContent";
 import { useSelectInputContext } from "../context";

package/es/SelectInput/Input.js

@@ -1,9 +1,8 @@
 import * as React from 'react';
 import { clsx } from 'clsx';
 import { useSelectInputContext } from "./context";
-import useLayoutEffect from "@rc-component/util/es/hooks/useLayoutEffect";
+import { composeRef, useLayoutEffect } from '@rc-component/util';
 import useBaseProps from "../hooks/useBaseProps";
-import { composeRef } from "@rc-component/util/es/ref";
 const Input = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     onChange,

package/es/SelectInput/index.d.ts

@@ -27,7 +27,7 @@ export interface SelectInputProps extends Omit<React.HTMLAttributes<HTMLDivEleme
     onSelectorRemove?: (value: DisplayValueType) => void;
     maxLength?: number;
     autoFocus?: boolean;
-    /** Check if `tokenSeparators` contains `\n` or `\r\n` */
+    /** Check if tokenization should treat pasted line breaks as separators */
     tokenWithEnter?: boolean;
     className?: string;
     style?: React.CSSProperties;

package/es/SelectInput/index.js

@@ -4,13 +4,9 @@ import Affix from "./Affix";
 import SelectContent from "./Content";
 import SelectInputContext from "./context";
 import useBaseProps from "../hooks/useBaseProps";
-import { omit, useEvent } from '@rc-component/util';
-import KeyCode from "@rc-component/util/es/KeyCode";
+import { composeRef, getDOM, KeyCode, omit, pickAttrs, useEvent } from '@rc-component/util';
 import { isValidateOpenKey } from "../utils/keyUtil";
 import { clsx } from 'clsx';
-import { getDOM } from "@rc-component/util/es/Dom/findDOMNode";
-import { composeRef } from "@rc-component/util/es/ref";
-import pickAttrs from "@rc-component/util/es/pickAttrs";
 const DEFAULT_OMIT_PROPS = ['value', 'onChange', 'removeIcon', 'placeholder', 'maxTagCount', 'maxTagTextLength', 'maxTagPlaceholder', 'choiceTransitionName', 'onInputKeyDown', 'onPopupScroll', 'tabIndex', 'activeValue', 'onSelectorRemove', 'focused'];
 export default /*#__PURE__*/React.forwardRef(function SelectInput(props, ref) {
   const {

package/es/SelectTrigger.d.ts

@@ -1,4 +1,4 @@
-import type { AlignType, BuildInPlacements } from '@rc-component/trigger/lib/interface';
+import { type AlignType, type BuildInPlacements } from '@rc-component/trigger';
 import * as React from 'react';
 import type { Placement, RenderDOMFunc } from './BaseSelect';
 export interface RefTriggerProps {

package/es/index.d.ts

@@ -1,10 +1,12 @@
 import Select from './Select';
 import Option from './Option';
 import OptGroup from './OptGroup';
-import type { SelectProps } from './Select';
+import type { BaseOptionType, DefaultOptionType, SearchConfig, SelectProps } from './Select';
 import BaseSelect from './BaseSelect';
 import type { BaseSelectProps, BaseSelectRef, BaseSelectPropsWithoutPrivate } from './BaseSelect';
 import useBaseProps from './hooks/useBaseProps';
+import type { OptionProps } from './Option';
 export { Option, OptGroup, BaseSelect, useBaseProps };
+export type { BaseOptionType, DefaultOptionType, OptionProps, SearchConfig };
 export type { SelectProps, BaseSelectProps, BaseSelectRef, BaseSelectPropsWithoutPrivate };
 export default Select;

package/es/utils/keyUtil.js

@@ -1,4 +1,4 @@
-import KeyCode from "@rc-component/util/es/KeyCode";
+import { KeyCode } from '@rc-component/util';
 
 /** keyCode Judgment function */
 export function isValidateOpenKey(currentKeyCode) {

package/es/utils/legacyUtil.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import toArray from "@rc-component/util/es/Children/toArray";
+import { toArray } from '@rc-component/util';
 function convertNodeToOption(node) {
   const {
     key,

package/es/utils/valueUtil.js

@@ -1,4 +1,4 @@
-import warning from "@rc-component/util/es/warning";
+import { warning } from '@rc-component/util';
 function getKey(data, index) {
   const {
     key

package/es/utils/warningPropsUtil.js

@@ -1,5 +1,4 @@
-import toNodeArray from "@rc-component/util/es/Children/toArray";
-import warning, { noteOnce } from "@rc-component/util/es/warning";
+import { noteOnce, toArray as toNodeArray, warning } from '@rc-component/util';
 import * as React from 'react';
 import { isMultiple } from "../BaseSelect";
 import { toArray } from "./commonUtil";

package/lib/BaseSelect/index.d.ts

@@ -1,5 +1,5 @@
-import type { AlignType, BuildInPlacements } from '@rc-component/trigger/lib/interface';
-import type { ScrollConfig, ScrollTo } from '@rc-component/virtual-list/lib/List';
+import type { AlignType, BuildInPlacements } from '@rc-component/trigger';
+import type { ScrollConfig, ScrollTo } from '@rc-component/virtual-list';
 import * as React from 'react';
 import type { DisplayInfoType, DisplayValueType, Mode, Placement, RawValueType, RenderDOMFunc, RenderNode } from '../interface';
 import type { ComponentsConfig } from '../hooks/useComponents';
@@ -90,7 +90,7 @@ export interface BaseSelectProps extends BaseSelectPrivateProps, React.AriaAttri
     maxTagTextLength?: number;
     maxTagCount?: number | 'responsive';
     maxTagPlaceholder?: React.ReactNode | ((omittedValues: DisplayValueType[]) => React.ReactNode);
-    tokenSeparators?: string[];
+    tokenSeparators?: string[] | ((input: string) => string[]);
     allowClear?: boolean | {
         clearIcon?: React.ReactNode;
     };

package/lib/BaseSelect/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.isMultiple = exports.default = void 0;
 var _clsx = require("clsx");
-var _findDOMNode = require("@rc-component/util/lib/Dom/findDOMNode");
+var _util = require("@rc-component/util");
 var React = _interopRequireWildcard(require("react"));
 var _useAllowClear = require("../hooks/useAllowClear");
 var _useBaseProps = require("../hooks/useBaseProps");
@@ -15,7 +15,6 @@ var _SelectTrigger = _interopRequireDefault(require("../SelectTrigger"));
 var _valueUtil = require("../utils/valueUtil");
 var _Polite = _interopRequireDefault(require("./Polite"));
 var _useOpen = _interopRequireWildcard(require("../hooks/useOpen"));
-var _util = require("@rc-component/util");
 var _SelectInput = _interopRequireDefault(require("../SelectInput"));
 var _useComponents = _interopRequireDefault(require("../hooks/useComponents"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -122,7 +121,7 @@ const BaseSelect = /*#__PURE__*/React.forwardRef((props, ref) => {
     focus: containerRef.current?.focus,
     blur: containerRef.current?.blur,
     scrollTo: arg => listRef.current?.scrollTo(arg),
-    nativeElement: (0, _findDOMNode.getDOM)(containerRef.current)
+    nativeElement: (0, _util.getDOM)(containerRef.current)
   }));
 
   // =========================== Components ===========================
@@ -147,7 +146,20 @@ const BaseSelect = /*#__PURE__*/React.forwardRef((props, ref) => {
   const [rawOpen, mergedOpen, triggerOpen, lockOptions] = (0, _useOpen.default)(defaultOpen || false, open, onPopupVisibleChange, nextOpen => disabled || emptyListContent ? false : nextOpen);
 
   // ============================= Search =============================
-  const tokenWithEnter = React.useMemo(() => (tokenSeparators || []).some(tokenSeparator => ['\n', '\r\n'].includes(tokenSeparator)), [tokenSeparators]);
+  const tokenWithEnter = React.useMemo(() => typeof tokenSeparators === 'function' || (tokenSeparators || []).some(tokenSeparator => ['\n', '\r\n'].includes(tokenSeparator)), [tokenSeparators]);
+  const splitByTokenSeparators = React.useMemo(() => {
+    if (typeof tokenSeparators === 'function') {
+      return (input, end) => {
+        const tokens = tokenSeparators(input);
+        const isUnchanged = Array.isArray(tokens) && tokens.length === 1 && tokens[0] === input;
+        if (!Array.isArray(tokens) || !tokens.length || isUnchanged) {
+          return null;
+        }
+        return typeof end !== 'undefined' ? tokens.slice(0, end) : tokens;
+      };
+    }
+    return (input, end) => (0, _valueUtil.getSeparatedContent)(input, tokenSeparators, end);
+  }, [tokenSeparators]);
   const onInternalSearch = (searchText, fromTyping, isCompositing) => {
     if (multiple && (0, _valueUtil.isValidCount)(maxCount) && displayValues.length >= maxCount) {
       return;
@@ -155,10 +167,8 @@ const BaseSelect = /*#__PURE__*/React.forwardRef((props, ref) => {
     let ret = true;
     let newSearchText = searchText;
     onActiveValueChange?.(null);
-    const separatedList = (0, _valueUtil.getSeparatedContent)(searchText, tokenSeparators, (0, _valueUtil.isValidCount)(maxCount) ? maxCount - displayValues.length : undefined);
-
-    // Check if match the `tokenSeparators`
-    const patchLabels = isCompositing ? null : separatedList;
+    const cap = (0, _valueUtil.isValidCount)(maxCount) ? maxCount - displayValues.length : undefined;
+    const patchLabels = isCompositing ? null : splitByTokenSeparators(searchText, cap);
 
     // Ignore combobox since it's not split-able
     if (mode !== 'combobox' && patchLabels) {
@@ -306,7 +316,7 @@ const BaseSelect = /*#__PURE__*/React.forwardRef((props, ref) => {
   };
 
   // ========================== Focus / Blur ==========================
-  const getSelectElements = () => [(0, _findDOMNode.getDOM)(containerRef.current), triggerRef.current?.getPopupElement()];
+  const getSelectElements = () => [(0, _util.getDOM)(containerRef.current), triggerRef.current?.getPopupElement()];
 
   // Close when click on non-select element
   (0, _useSelectTriggerControl.default)(getSelectElements, mergedOpen, triggerOpen, !!mergedComponents.root);

package/lib/OptionList.d.ts

@@ -1,4 +1,4 @@
-import type { ScrollConfig } from '@rc-component/virtual-list/lib/List';
+import { type ScrollConfig } from '@rc-component/virtual-list';
 import * as React from 'react';
 export type OptionListProps = Record<string, never>;
 export interface RefOptionListProps {

package/lib/OptionList.js

@@ -5,10 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _clsx = require("clsx");
-var _KeyCode = _interopRequireDefault(require("@rc-component/util/lib/KeyCode"));
-var _useMemo = _interopRequireDefault(require("@rc-component/util/lib/hooks/useMemo"));
-var _omit = _interopRequireDefault(require("@rc-component/util/lib/omit"));
-var _pickAttrs = _interopRequireDefault(require("@rc-component/util/lib/pickAttrs"));
+var _util = require("@rc-component/util");
 var _virtualList = _interopRequireDefault(require("@rc-component/virtual-list"));
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
@@ -63,7 +60,7 @@ const OptionList = (_, ref) => {
     styles: contextStyles
   } = React.useContext(_SelectContext.default);
   const itemPrefixCls = `${prefixCls}-item`;
-  const memoFlattenOptions = (0, _useMemo.default)(() => flattenOptions, [open, lockOptions], (prev, next) => next[0] && !next[1]);
+  const memoFlattenOptions = (0, _util.useMemo)(() => flattenOptions, [open, lockOptions], (prev, next) => next[0] && !next[1]);
 
   // =========================== List ===========================
   const listRef = React.useRef(null);
@@ -181,20 +178,20 @@ const OptionList = (_, ref) => {
       } = event;
       switch (which) {
         // >>> Arrow keys & ctrl + n/p on Mac
-        case _KeyCode.default.N:
-        case _KeyCode.default.P:
-        case _KeyCode.default.UP:
-        case _KeyCode.default.DOWN:
+        case _util.KeyCode.N:
+        case _util.KeyCode.P:
+        case _util.KeyCode.UP:
+        case _util.KeyCode.DOWN:
           {
             let offset = 0;
-            if (which === _KeyCode.default.UP) {
+            if (which === _util.KeyCode.UP) {
               offset = -1;
-            } else if (which === _KeyCode.default.DOWN) {
+            } else if (which === _util.KeyCode.DOWN) {
               offset = 1;
             } else if ((0, _platformUtil.isPlatformMac)() && ctrlKey) {
-              if (which === _KeyCode.default.N) {
+              if (which === _util.KeyCode.N) {
                 offset = 1;
-              } else if (which === _KeyCode.default.P) {
+              } else if (which === _util.KeyCode.P) {
                 offset = -1;
               }
             }
@@ -207,8 +204,8 @@ const OptionList = (_, ref) => {
           }
 
         // >>> Select (Tab / Enter)
-        case _KeyCode.default.TAB:
-        case _KeyCode.default.ENTER:
+        case _util.KeyCode.TAB:
+        case _util.KeyCode.ENTER:
           {
             // value
             const item = memoFlattenOptions[activeIndex];
@@ -227,7 +224,7 @@ const OptionList = (_, ref) => {
           }
 
         // >>> Close
-        case _KeyCode.default.ESC:
+        case _util.KeyCode.ESC:
           {
             toggleOpen(false);
             if (open) {
@@ -275,7 +272,7 @@ const OptionList = (_, ref) => {
     const {
       group
     } = item;
-    const attrs = (0, _pickAttrs.default)(itemData, true);
+    const attrs = (0, _util.pickAttrs)(itemData, true);
     const mergedLabel = getLabel(item);
     return item ? /*#__PURE__*/React.createElement("div", _extends({
       "aria-label": typeof mergedLabel === 'string' && !group ? mergedLabel : null
@@ -339,7 +336,7 @@ const OptionList = (_, ref) => {
       className,
       ...otherProps
     } = data;
-    const passedProps = (0, _omit.default)(otherProps, omitFieldNameList);
+    const passedProps = (0, _util.omit)(otherProps, omitFieldNameList);
 
     // Option
     const selected = isSelected(value);
@@ -361,7 +358,7 @@ const OptionList = (_, ref) => {
     if (title !== undefined) {
       optionTitle = title;
     }
-    return /*#__PURE__*/React.createElement("div", _extends({}, (0, _pickAttrs.default)(passedProps), !virtual ? getItemAriaProps(item, itemIndex) : {}, {
+    return /*#__PURE__*/React.createElement("div", _extends({}, (0, _util.pickAttrs)(passedProps), !virtual ? getItemAriaProps(item, itemIndex) : {}, {
       "aria-selected": virtual ? undefined : isAriaSelected(value),
       "aria-disabled": mergedDisabled,
       className: optionClassName,

package/lib/Select.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _useControlledState = _interopRequireDefault(require("@rc-component/util/lib/hooks/useControlledState"));
-var _warning = _interopRequireDefault(require("@rc-component/util/lib/warning"));
+var _util = require("@rc-component/util");
 var React = _interopRequireWildcard(require("react"));
 var _BaseSelect = _interopRequireWildcard(require("./BaseSelect"));
 var _OptGroup = _interopRequireDefault(require("./OptGroup"));
@@ -14,16 +13,15 @@ var _OptionList = _interopRequireDefault(require("./OptionList"));
 var _SelectContext = _interopRequireDefault(require("./SelectContext"));
 var _useCache = _interopRequireDefault(require("./hooks/useCache"));
 var _useFilterOptions = _interopRequireDefault(require("./hooks/useFilterOptions"));
-var _useId = _interopRequireDefault(require("@rc-component/util/lib/hooks/useId"));
 var _useOptions = _interopRequireDefault(require("./hooks/useOptions"));
 var _useRefFunc = _interopRequireDefault(require("./hooks/useRefFunc"));
 var _commonUtil = require("./utils/commonUtil");
 var _valueUtil = require("./utils/valueUtil");
 var _warningPropsUtil = _interopRequireWildcard(require("./utils/warningPropsUtil"));
 var _useSearchConfig = _interopRequireDefault(require("./hooks/useSearchConfig"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } /**
  * To match accessibility requirement, we always provide an input in the component.
  * Other element will not set `tabIndex` to avoid `onBlur` sequence problem.
@@ -120,7 +118,7 @@ const Select = /*#__PURE__*/React.forwardRef((props, ref) => {
     if (!optionFilterProp) return [];
     return Array.isArray(optionFilterProp) ? optionFilterProp : [optionFilterProp];
   }, [optionFilterProp]);
-  const mergedId = (0, _useId.default)(id);
+  const mergedId = (0, _util.useId)(id);
   const multiple = (0, _BaseSelect.isMultiple)(mode);
   const childrenAsData = !!(!options && children);
   const mergedFilterOption = React.useMemo(() => {
@@ -138,7 +136,7 @@ const Select = /*#__PURE__*/React.forwardRef((props, ref) => {
   /* eslint-enable react-hooks/exhaustive-deps */);
 
   // =========================== Search ===========================
-  const [internalSearchValue, setSearchValue] = (0, _useControlledState.default)('', searchValue);
+  const [internalSearchValue, setSearchValue] = (0, _util.useControlledState)('', searchValue);
   const mergedSearchValue = internalSearchValue || '';
 
   // =========================== Option ===========================
@@ -179,7 +177,7 @@ const Select = /*#__PURE__*/React.forwardRef((props, ref) => {
         if (process.env.NODE_ENV !== 'production' && !optionLabelProp) {
           const optionLabel = option?.[mergedFieldNames.label];
           if (optionLabel !== undefined && ! /*#__PURE__*/React.isValidElement(optionLabel) && ! /*#__PURE__*/React.isValidElement(rawLabel) && optionLabel !== rawLabel) {
-            (0, _warning.default)(false, '`label` of `value` is not same as `label` in Select options.');
+            (0, _util.warning)(false, '`label` of `value` is not same as `label` in Select options.');
           }
         }
       }
@@ -194,7 +192,7 @@ const Select = /*#__PURE__*/React.forwardRef((props, ref) => {
   }, [mergedFieldNames, optionLabelProp, valueOptions]);
 
   // =========================== Values ===========================
-  const [internalValue, setInternalValue] = (0, _useControlledState.default)(defaultValue, value);
+  const [internalValue, setInternalValue] = (0, _util.useControlledState)(defaultValue, value);
 
   // Merged value with LabelValueType
   const rawLabeledValues = React.useMemo(() => {

package/lib/SelectInput/Content/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _pickAttrs = _interopRequireDefault(require("@rc-component/util/lib/pickAttrs"));
+var _util = require("@rc-component/util");
 var _SingleContent = _interopRequireDefault(require("./SingleContent"));
 var _MultipleContent = _interopRequireDefault(require("./MultipleContent"));
 var _context = require("../context");
@@ -23,7 +23,7 @@ const SelectContent = /*#__PURE__*/React.forwardRef(function SelectContent(_, re
   const {
     showSearch
   } = baseProps;
-  const ariaProps = (0, _pickAttrs.default)(baseProps, {
+  const ariaProps = (0, _util.pickAttrs)(baseProps, {
     aria: true
   });
   const sharedInputProps = {

package/lib/SelectInput/Input.js

@@ -7,9 +7,8 @@ exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _clsx = require("clsx");
 var _context = require("./context");
-var _useLayoutEffect = _interopRequireDefault(require("@rc-component/util/lib/hooks/useLayoutEffect"));
+var _util = require("@rc-component/util");
 var _useBaseProps = _interopRequireDefault(require("../hooks/useBaseProps"));
-var _ref = require("@rc-component/util/lib/ref");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
@@ -144,7 +143,7 @@ const Input = /*#__PURE__*/React.forwardRef((props, ref) => {
   const [widthCssVar, setWidthCssVar] = React.useState(undefined);
 
   // When syncWidth is enabled, adjust input width based on content
-  (0, _useLayoutEffect.default)(() => {
+  (0, _util.useLayoutEffect)(() => {
     const input = inputRef.current;
     if (syncWidth && input) {
       input.style.width = '0px';
@@ -214,7 +213,7 @@ const Input = /*#__PURE__*/React.forwardRef((props, ref) => {
     });
 
     // Update ref
-    mergedProps.ref = (0, _ref.composeRef)(InputComponent.ref, sharedInputProps.ref);
+    mergedProps.ref = (0, _util.composeRef)(InputComponent.ref, sharedInputProps.ref);
     return /*#__PURE__*/React.cloneElement(InputComponent, mergedProps);
   }
 

package/lib/SelectInput/index.d.ts

@@ -27,7 +27,7 @@ export interface SelectInputProps extends Omit<React.HTMLAttributes<HTMLDivEleme
     onSelectorRemove?: (value: DisplayValueType) => void;
     maxLength?: number;
     autoFocus?: boolean;
-    /** Check if `tokenSeparators` contains `\n` or `\r\n` */
+    /** Check if tokenization should treat pasted line breaks as separators */
     tokenWithEnter?: boolean;
     className?: string;
     style?: React.CSSProperties;

package/lib/SelectInput/index.js

@@ -10,12 +10,8 @@ var _Content = _interopRequireDefault(require("./Content"));
 var _context = _interopRequireDefault(require("./context"));
 var _useBaseProps = _interopRequireDefault(require("../hooks/useBaseProps"));
 var _util = require("@rc-component/util");
-var _KeyCode = _interopRequireDefault(require("@rc-component/util/lib/KeyCode"));
 var _keyUtil = require("../utils/keyUtil");
 var _clsx = require("clsx");
-var _findDOMNode = require("@rc-component/util/lib/Dom/findDOMNode");
-var _ref = require("@rc-component/util/lib/ref");
-var _pickAttrs = _interopRequireDefault(require("@rc-component/util/lib/pickAttrs"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
@@ -78,7 +74,7 @@ var _default = exports.default = /*#__PURE__*/React.forwardRef(function SelectIn
     const isTextAreaElement = inputRef.current instanceof HTMLTextAreaElement;
 
     // Prevent default behavior for up/down arrows when dropdown is open
-    if (!isTextAreaElement && triggerOpen && (which === _KeyCode.default.UP || which === _KeyCode.default.DOWN)) {
+    if (!isTextAreaElement && triggerOpen && (which === _util.KeyCode.UP || which === _util.KeyCode.DOWN)) {
       event.preventDefault();
     }
 
@@ -88,7 +84,7 @@ var _default = exports.default = /*#__PURE__*/React.forwardRef(function SelectIn
     }
 
     // Move within the text box for TextArea
-    if (isTextAreaElement && !triggerOpen && ~[_KeyCode.default.UP, _KeyCode.default.DOWN, _KeyCode.default.LEFT, _KeyCode.default.RIGHT].indexOf(which)) {
+    if (isTextAreaElement && !triggerOpen && ~[_util.KeyCode.UP, _util.KeyCode.DOWN, _util.KeyCode.LEFT, _util.KeyCode.RIGHT].indexOf(which)) {
       return;
     }
 
@@ -110,14 +106,14 @@ var _default = exports.default = /*#__PURE__*/React.forwardRef(function SelectIn
         (inputRef.current || rootRef.current).blur?.();
       },
       // Use getDOM to handle nested nativeElement structure (e.g., when RootComponent is antd Input)
-      nativeElement: (0, _findDOMNode.getDOM)(rootRef.current)
+      nativeElement: (0, _util.getDOM)(rootRef.current)
     };
   });
 
   // ====================== Open ======================
   const onInternalMouseDown = (0, _util.useEvent)(event => {
     if (!disabled) {
-      const inputDOM = (0, _findDOMNode.getDOM)(inputRef.current);
+      const inputDOM = (0, _util.getDOM)(inputRef.current);
 
       // https://github.com/ant-design/ant-design/issues/56002
       // Tell `useSelectTriggerControl` to ignore this event
@@ -158,7 +154,7 @@ var _default = exports.default = /*#__PURE__*/React.forwardRef(function SelectIn
 
   // ===================== Render =====================
   const domProps = (0, _util.omit)(restProps, DEFAULT_OMIT_PROPS);
-  const ariaProps = (0, _pickAttrs.default)(domProps, {
+  const ariaProps = (0, _util.pickAttrs)(domProps, {
     aria: true
   });
   const ariaKeys = Object.keys(ariaProps);
@@ -187,7 +183,7 @@ var _default = exports.default = /*#__PURE__*/React.forwardRef(function SelectIn
     if ( /*#__PURE__*/React.isValidElement(RootComponent)) {
       return /*#__PURE__*/React.cloneElement(RootComponent, {
         ...mergedProps,
-        ref: (0, _ref.composeRef)(RootComponent.ref, rootRef)
+        ref: (0, _util.composeRef)(RootComponent.ref, rootRef)
       });
     }
     return /*#__PURE__*/React.createElement(RootComponent, _extends({}, mergedProps, {

package/lib/SelectTrigger.d.ts

@@ -1,4 +1,4 @@
-import type { AlignType, BuildInPlacements } from '@rc-component/trigger/lib/interface';
+import { type AlignType, type BuildInPlacements } from '@rc-component/trigger';
 import * as React from 'react';
 import type { Placement, RenderDOMFunc } from './BaseSelect';
 export interface RefTriggerProps {

package/lib/index.d.ts

@@ -1,10 +1,12 @@
 import Select from './Select';
 import Option from './Option';
 import OptGroup from './OptGroup';
-import type { SelectProps } from './Select';
+import type { BaseOptionType, DefaultOptionType, SearchConfig, SelectProps } from './Select';
 import BaseSelect from './BaseSelect';
 import type { BaseSelectProps, BaseSelectRef, BaseSelectPropsWithoutPrivate } from './BaseSelect';
 import useBaseProps from './hooks/useBaseProps';
+import type { OptionProps } from './Option';
 export { Option, OptGroup, BaseSelect, useBaseProps };
+export type { BaseOptionType, DefaultOptionType, OptionProps, SearchConfig };
 export type { SelectProps, BaseSelectProps, BaseSelectRef, BaseSelectPropsWithoutPrivate };
 export default Select;

package/lib/utils/keyUtil.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isValidateOpenKey = isValidateOpenKey;
-var _KeyCode = _interopRequireDefault(require("@rc-component/util/lib/KeyCode"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _util = require("@rc-component/util");
 /** keyCode Judgment function */
 function isValidateOpenKey(currentKeyCode) {
   return (
@@ -15,12 +14,12 @@ function isValidateOpenKey(currentKeyCode) {
     // Other keys
     ![
     // 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,
+    _util.KeyCode.ESC, _util.KeyCode.SHIFT, _util.KeyCode.BACKSPACE, _util.KeyCode.TAB, _util.KeyCode.WIN_KEY, _util.KeyCode.ALT, _util.KeyCode.META, _util.KeyCode.WIN_KEY_RIGHT, _util.KeyCode.CTRL, _util.KeyCode.SEMICOLON, _util.KeyCode.EQUALS, _util.KeyCode.CAPS_LOCK, _util.KeyCode.CONTEXT_MENU,
     // Arrow keys - should not trigger open when navigating in input
-    _KeyCode.default.UP,
+    _util.KeyCode.UP,
     // KeyCode.DOWN,
-    _KeyCode.default.LEFT, _KeyCode.default.RIGHT,
+    _util.KeyCode.LEFT, _util.KeyCode.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)
+    _util.KeyCode.F1, _util.KeyCode.F2, _util.KeyCode.F3, _util.KeyCode.F4, _util.KeyCode.F5, _util.KeyCode.F6, _util.KeyCode.F7, _util.KeyCode.F8, _util.KeyCode.F9, _util.KeyCode.F10, _util.KeyCode.F11, _util.KeyCode.F12].includes(currentKeyCode)
   );
 }

package/lib/utils/legacyUtil.js

@@ -5,8 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.convertChildrenToData = convertChildrenToData;
 var React = _interopRequireWildcard(require("react"));
-var _toArray = _interopRequireDefault(require("@rc-component/util/lib/Children/toArray"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 convertNodeToOption(node) {
@@ -26,7 +25,7 @@ function convertNodeToOption(node) {
   };
 }
 function convertChildrenToData(nodes, optionOnly = false) {
-  return (0, _toArray.default)(nodes).map((node, index) => {
+  return (0, _util.toArray)(nodes).map((node, index) => {
     if (! /*#__PURE__*/React.isValidElement(node) || !node.type) {
       return null;
     }

package/lib/utils/valueUtil.js

@@ -8,8 +8,7 @@ exports.flattenOptions = flattenOptions;
 exports.getSeparatedContent = void 0;
 exports.injectPropsWithOption = injectPropsWithOption;
 exports.isValidCount = isValidCount;
-var _warning = _interopRequireDefault(require("@rc-component/util/lib/warning"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _util = require("@rc-component/util");
 function getKey(data, index) {
   const {
     key
@@ -110,7 +109,7 @@ function injectPropsWithOption(option) {
   if (!('props' in newOption)) {
     Object.defineProperty(newOption, 'props', {
       get() {
-        (0, _warning.default)(false, 'Return type is option instead of Option instance. Please read value directly instead of reading from `props`.');
+        (0, _util.warning)(false, 'Return type is option instead of Option instance. Please read value directly instead of reading from `props`.');
         return newOption;
       }
     });

package/lib/utils/warningPropsUtil.js

@@ -5,15 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.warningNullOptions = warningNullOptions;
-var _toArray = _interopRequireDefault(require("@rc-component/util/lib/Children/toArray"));
-var _warning = _interopRequireWildcard(require("@rc-component/util/lib/warning"));
+var _util = require("@rc-component/util");
 var React = _interopRequireWildcard(require("react"));
 var _BaseSelect = require("../BaseSelect");
 var _commonUtil = require("./commonUtil");
 var _legacyUtil = require("./legacyUtil");
 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function warningProps(props) {
   const {
     mode,
@@ -36,7 +34,7 @@ function warningProps(props) {
   const mergedOptions = options || (0, _legacyUtil.convertChildrenToData)(children);
 
   // `tags` should not set option as disabled
-  (0, _warning.default)(mode !== 'tags' || mergedOptions.every(opt => !opt.disabled), 'Please avoid setting option to disabled in tags mode since user can always type text as tag.');
+  (0, _util.warning)(mode !== 'tags' || mergedOptions.every(opt => !opt.disabled), 'Please avoid setting option to disabled in tags mode since user can always type text as tag.');
 
   // `combobox` & `tags` should option be `string` type
   if (mode === 'tags' || mode === 'combobox') {
@@ -46,36 +44,36 @@ function warningProps(props) {
       }
       return typeof ('value' in item ? item.value : item.key) === 'number';
     });
-    (0, _warning.default)(!hasNumberValue, '`value` of Option should not use number type when `mode` is `tags` or `combobox`.');
+    (0, _util.warning)(!hasNumberValue, '`value` of Option should not use number type when `mode` is `tags` or `combobox`.');
   }
 
   // `combobox` should not use `optionLabelProp`
-  (0, _warning.default)(mode !== 'combobox' || !optionLabelProp, '`combobox` mode not support `optionLabelProp`. Please set `value` on Option directly.');
+  (0, _util.warning)(mode !== 'combobox' || !optionLabelProp, '`combobox` mode not support `optionLabelProp`. Please set `value` on Option directly.');
 
   // Only `combobox` support `backfill`
-  (0, _warning.default)(mode === 'combobox' || !backfill, '`backfill` only works with `combobox` mode.');
+  (0, _util.warning)(mode === 'combobox' || !backfill, '`backfill` only works with `combobox` mode.');
 
   // Only `combobox` support `getInputElement`
-  (0, _warning.default)(mode === 'combobox' || !getInputElement, '`getInputElement` only work with `combobox` mode.');
+  (0, _util.warning)(mode === 'combobox' || !getInputElement, '`getInputElement` only work with `combobox` mode.');
 
   // Customize `getInputElement` should not use `allowClear` & `placeholder`
-  (0, _warning.noteOnce)(mode !== 'combobox' || !getInputElement || !allowClear || !placeholder, 'Customize `getInputElement` should customize clear and placeholder logic instead of configuring `allowClear` and `placeholder`.');
+  (0, _util.noteOnce)(mode !== 'combobox' || !getInputElement || !allowClear || !placeholder, 'Customize `getInputElement` should customize clear and placeholder logic instead of configuring `allowClear` and `placeholder`.');
 
   // `onSearch` should use in `combobox` or `showSearch`
   if (onSearch && !mergedShowSearch && mode !== 'combobox' && mode !== 'tags') {
-    (0, _warning.default)(false, '`onSearch` should work with `showSearch` instead of use alone.');
+    (0, _util.warning)(false, '`onSearch` should work with `showSearch` instead of use alone.');
   }
-  (0, _warning.noteOnce)(!defaultOpen || autoFocus, '`defaultOpen` makes Select open without focus which means it will not close by click outside. You can set `autoFocus` if needed.');
+  (0, _util.noteOnce)(!defaultOpen || autoFocus, '`defaultOpen` makes Select open without focus which means it will not close by click outside. You can set `autoFocus` if needed.');
   if (value !== undefined && value !== null) {
     const values = (0, _commonUtil.toArray)(value);
-    (0, _warning.default)(!labelInValue || values.every(val => typeof val === 'object' && ('key' in val || 'value' in val)), '`value` should in shape of `{ value: string | number, label?: ReactNode }` when you set `labelInValue` to `true`');
-    (0, _warning.default)(!multiple || Array.isArray(value), '`value` should be array when `mode` is `multiple` or `tags`');
+    (0, _util.warning)(!labelInValue || values.every(val => typeof val === 'object' && ('key' in val || 'value' in val)), '`value` should in shape of `{ value: string | number, label?: ReactNode }` when you set `labelInValue` to `true`');
+    (0, _util.warning)(!multiple || Array.isArray(value), '`value` should be array when `mode` is `multiple` or `tags`');
   }
 
   // Syntactic sugar should use correct children type
   if (children) {
     let invalidateChildType = null;
-    (0, _toArray.default)(children).some(node => {
+    (0, _util.toArray)(children).some(node => {
       if (! /*#__PURE__*/React.isValidElement(node) || !node.type) {
         return false;
       }
@@ -86,7 +84,7 @@ function warningProps(props) {
         return false;
       }
       if (type.isSelectOptGroup) {
-        const allChildrenValid = (0, _toArray.default)(node.props.children).every(subNode => {
+        const allChildrenValid = (0, _util.toArray)(node.props.children).every(subNode => {
           if (! /*#__PURE__*/React.isValidElement(subNode) || !node.type || subNode.type.isSelectOption) {
             return true;
           }
@@ -102,7 +100,7 @@ function warningProps(props) {
       return true;
     });
     if (invalidateChildType) {
-      (0, _warning.default)(false, `\`children\` should be \`Select.Option\` or \`Select.OptGroup\` instead of \`${invalidateChildType.displayName || invalidateChildType.name || invalidateChildType}\`.`);
+      (0, _util.warning)(false, `\`children\` should be \`Select.Option\` or \`Select.OptGroup\` instead of \`${invalidateChildType.displayName || invalidateChildType.name || invalidateChildType}\`.`);
     }
   }
 }
@@ -115,7 +113,7 @@ function warningNullOptions(options, fieldNames) {
       for (let i = 0; i < optionsList.length; i++) {
         const option = optionsList[i];
         if (option[fieldNames?.value] === null) {
-          (0, _warning.default)(false, '`value` in Select options should not be `null`.');
+          (0, _util.warning)(false, '`value` in Select options should not be `null`.');
           return true;
         }
         if (!inGroup && Array.isArray(option[fieldNames?.options]) && recursiveOptions(option[fieldNames?.options], true)) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rc-component/select",
-  "version": "1.6.15",
+  "version": "1.7.1",
   "description": "React Select",
   "engines": {
     "node": ">=8.x"
@@ -51,12 +51,12 @@
   "dependencies": {
     "@rc-component/overflow": "^1.0.0",
     "@rc-component/trigger": "^3.0.0",
-    "@rc-component/util": "^1.3.0",
-    "@rc-component/virtual-list": "^1.0.1",
+    "@rc-component/util": "^1.11.1",
+    "@rc-component/virtual-list": "^1.2.0",
     "clsx": "^2.1.1"
   },
   "devDependencies": {
-    "@rc-component/father-plugin": "^2.0.2",
+    "@rc-component/father-plugin": "^2.2.0",
     "@rc-component/np": "^1.0.0",
     "@testing-library/jest-dom": "^6.4.5",
     "@testing-library/react": "^15.0.6",