@para-ui/core 4.0.52 → 4.0.54

package/_verture/{index-5b0d1c7d.js → index-0a300edb.js}

@@ -1,12 +1,14 @@
 import { _ as __rest } from './tslib.es6-55ed4bd2.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { c as clsx, _ as _objectSpread2, r as reactIs, s as supportRef, u as useComposeRef, w as warning, a as _extends, b as _objectWithoutProperties, d as wrapperRaf, e as useEvent$2, f as useLayoutEffect$3, g as composeRef, K as KeyCode, h as fillRef, P as Portal, i as warningOnce, j as useMergedState$2, k as canUseDom$1, l as useMemo$1, n as noteOnce } from './Portal-f9bedb3a.js';
-import { _ as _toConsumableArray, a as _iterableToArray } from './toConsumableArray-c7a8028f.js';
-import { t as toPropertyKey, _ as _defineProperty } from './defineProperty-6f62bb2a.js';
-import { _ as _slicedToArray, a as _arrayWithHoles, b as _unsupportedIterableToArray, c as _nonIterableRest } from './slicedToArray-75fa4188.js';
+import { c as clsx, _ as _objectSpread2, w as warning, a as _extends, b as _objectWithoutProperties, d as warningOnce, n as noteOnce } from './index-1856bbeb.js';
+import { _ as _toConsumableArray } from './toConsumableArray-599cd94a.js';
+import { _ as _defineProperty } from './defineProperty-6f62bb2a.js';
+import { _ as _slicedToArray } from './slicedToArray-61604a6c.js';
 import { _ as _typeof$1 } from './typeof-adeedc13.js';
-import * as React$4 from 'react';
-import React__default, { useState as useState$1, useMemo, useCallback, useRef, useEffect } from 'react';
+import { s as supportRef, u as useComposeRef, w as wrapperRaf, a as useEvent$2, b as useLayoutEffect$1, c as composeRef, K as KeyCode, f as fillRef, P as Portal, d as useMergedState$2, e as canUseDom, g as useMemo$1 } from './Portal-502bb85e.js';
+import * as React$2 from 'react';
+import React__default, { useState, useMemo, useCallback, useRef, useEffect } from 'react';
+import { _ as _inherits, a as _createSuper, b as _classCallCheck, c as _createClass, t as toArray$2, d as _toArray, s as slicedToArray, r as requireCanUseDom, i as interopRequireDefault, e as interopRequireWildcard, u as useState$1, f as useLayoutEffect$2 } from './useState-f2419d68.js';
 import ReactDOM, { unstable_batchedUpdates, flushSync } from 'react-dom';
 import CSSMotion from 'rc-motion';
 import clsx$1 from 'clsx';
@@ -23,6 +25,7 @@ import LoadingOutlined from '@para-ui/icons/LoadingF';
 import AutoTips from '../AutoTips/index.js';
 import { u as useFormatMessage } from './useFormatMessage-1fc7c957.js';
 import { UUID } from '@paraview/lib';
+import HelperText from '../HelperText/index.js';
 import { s as styleInject } from './style-inject.es-300983ab.js';
 
 var isMobile = (function () {
@@ -46,7 +49,7 @@ var TransBtn = function TransBtn(_ref) {
   } else {
     icon = customizeIcon;
   }
-  return /*#__PURE__*/React$4.createElement("span", {
+  return /*#__PURE__*/React$2.createElement("span", {
     className: className,
     onMouseDown: function onMouseDown(event) {
       event.preventDefault();
@@ -61,7 +64,7 @@ var TransBtn = function TransBtn(_ref) {
     unselectable: "on",
     onClick: onClick,
     "aria-hidden": true
-  }, icon !== undefined ? icon : /*#__PURE__*/React$4.createElement("span", {
+  }, icon !== undefined ? icon : /*#__PURE__*/React$2.createElement("span", {
     className: clsx(className.split(/\s+/).map(function (cls) {
       return "".concat(cls, "-icon");
     }))
@@ -98,9 +101,9 @@ function useAllowClear(prefixCls, onClearMouseDown, displayValues, allowClear, c
  * BaseSelect provide some parsed data into context.
  * You can use this hooks to get them.
  */
-var BaseSelectContext = /*#__PURE__*/React$4.createContext(null);
+var BaseSelectContext = /*#__PURE__*/React$2.createContext(null);
 function useBaseProps() {
-  return React$4.useContext(BaseSelectContext);
+  return React$2.useContext(BaseSelectContext);
 }
 
 /**
@@ -109,15 +112,15 @@ function useBaseProps() {
  */
 function useDelayReset() {
   var timeout = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 10;
-  var _React$useState = React$4.useState(false),
+  var _React$useState = React$2.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     bool = _React$useState2[0],
     setBool = _React$useState2[1];
-  var delayRef = React$4.useRef(null);
+  var delayRef = React$2.useRef(null);
   var cancelLatest = function cancelLatest() {
     window.clearTimeout(delayRef.current);
   };
-  React$4.useEffect(function () {
+  React$2.useEffect(function () {
     return cancelLatest;
   }, []);
   var delaySetBool = function delaySetBool(value, callback) {
@@ -140,11 +143,11 @@ function useDelayReset() {
  */
 function useLock() {
   var duration = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 250;
-  var lockRef = React$4.useRef(null);
-  var timeoutRef = React$4.useRef(null);
+  var lockRef = React$2.useRef(null);
+  var timeoutRef = React$2.useRef(null);
 
   // Clean up
-  React$4.useEffect(function () {
+  React$2.useEffect(function () {
     return function () {
       window.clearTimeout(timeoutRef.current);
     };
@@ -164,13 +167,13 @@ function useLock() {
 }
 
 function useSelectTriggerControl(elements, open, triggerOpen, customizedTrigger) {
-  var propsRef = React$4.useRef(null);
+  var propsRef = React$2.useRef(null);
   propsRef.current = {
     open: open,
     triggerOpen: triggerOpen,
     customizedTrigger: customizedTrigger
   };
-  React$4.useEffect(function () {
+  React$2.useEffect(function () {
     function onGlobalMouseDown(event) {
       var _propsRef$current;
       // If trigger is customized, Trigger will take control of popupVisible
@@ -243,24 +246,6 @@ function pickAttrs(props) {
   return attrs;
 }
 
-function toArray$2(children) {
-  var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var ret = [];
-  React__default.Children.forEach(children, function (child) {
-    if ((child === undefined || child === null) && !option.keepEmpty) {
-      return;
-    }
-    if (Array.isArray(child)) {
-      ret = ret.concat(toArray$2(child));
-    } else if (reactIs.exports.isFragment(child) && child.props) {
-      ret = ret.concat(toArray$2(child.props.children, option));
-    } else {
-      ret.push(child);
-    }
-  });
-  return ret;
-}
-
 function isDOM(node) {
   // https://developer.mozilla.org/en-US/docs/Web/API/Element
   // Since XULElement is also subclass of Element, we only need HTMLElement and SVGElement
@@ -268,29 +253,44 @@ function isDOM(node) {
 }
 
 /**
- * Return if a node is a DOM node. Else will return by `findDOMNode`
+ * Retrieves a DOM node via a ref, and does not invoke `findDOMNode`.
  */
-function findDOMNode(node) {
+function getDOM(node) {
+  if (node && _typeof$1(node) === 'object' && isDOM(node.nativeElement)) {
+    return node.nativeElement;
+  }
   if (isDOM(node)) {
     return node;
   }
+  return null;
+}
+
+/**
+ * Return if a node is a DOM node. Else will return by `findDOMNode`
+ */
+function findDOMNode(node) {
+  var domNode = getDOM(node);
+  if (domNode) {
+    return domNode;
+  }
   if (node instanceof React__default.Component) {
-    return ReactDOM.findDOMNode(node);
+    var _ReactDOM$findDOMNode;
+    return (_ReactDOM$findDOMNode = ReactDOM.findDOMNode) === null || _ReactDOM$findDOMNode === void 0 ? void 0 : _ReactDOM$findDOMNode.call(ReactDOM, node);
   }
   return null;
 }
 
-var CollectionContext = /*#__PURE__*/React$4.createContext(null);
+var CollectionContext = /*#__PURE__*/React$2.createContext(null);
 /**
  * Collect all the resize event from children ResizeObserver
  */
 function Collection(_ref) {
   var children = _ref.children,
     onBatchResize = _ref.onBatchResize;
-  var resizeIdRef = React$4.useRef(0);
-  var resizeInfosRef = React$4.useRef([]);
-  var onCollectionResize = React$4.useContext(CollectionContext);
-  var onResize = React$4.useCallback(function (size, element, data) {
+  var resizeIdRef = React$2.useRef(0);
+  var resizeInfosRef = React$2.useRef([]);
+  var onCollectionResize = React$2.useContext(CollectionContext);
+  var onResize = React$2.useCallback(function (size, element, data) {
     resizeIdRef.current += 1;
     var currentId = resizeIdRef.current;
     resizeInfosRef.current.push({
@@ -308,7 +308,7 @@ function Collection(_ref) {
     // Continue bubbling if parent exist
     onCollectionResize === null || onCollectionResize === void 0 || onCollectionResize(size, element, data);
   }, [onBatchResize, onCollectionResize]);
-  return /*#__PURE__*/React$4.createElement(CollectionContext.Provider, {
+  return /*#__PURE__*/React$2.createElement(CollectionContext.Provider, {
     value: onResize
   }, children);
 }
@@ -1277,102 +1277,6 @@ function unobserve(element, callback) {
   }
 }
 
-function _classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-}
-
-function _defineProperties(target, props) {
-  for (var i = 0; i < props.length; i++) {
-    var descriptor = props[i];
-    descriptor.enumerable = descriptor.enumerable || false;
-    descriptor.configurable = true;
-    if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, toPropertyKey(descriptor.key), descriptor);
-  }
-}
-function _createClass(Constructor, protoProps, staticProps) {
-  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-  if (staticProps) _defineProperties(Constructor, staticProps);
-  Object.defineProperty(Constructor, "prototype", {
-    writable: false
-  });
-  return Constructor;
-}
-
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-  return _setPrototypeOf(o, p);
-}
-
-function _inherits(subClass, superClass) {
-  if (typeof superClass !== "function" && superClass !== null) {
-    throw new TypeError("Super expression must either be null or a function");
-  }
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      writable: true,
-      configurable: true
-    }
-  });
-  Object.defineProperty(subClass, "prototype", {
-    writable: false
-  });
-  if (superClass) _setPrototypeOf(subClass, superClass);
-}
-
-function _getPrototypeOf(o) {
-  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
-    return o.__proto__ || Object.getPrototypeOf(o);
-  };
-  return _getPrototypeOf(o);
-}
-
-function _isNativeReflectConstruct() {
-  try {
-    var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-  } catch (t) {}
-  return (_isNativeReflectConstruct = function _isNativeReflectConstruct() {
-    return !!t;
-  })();
-}
-
-function _assertThisInitialized(self) {
-  if (self === void 0) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  }
-  return self;
-}
-
-function _possibleConstructorReturn(self, call) {
-  if (call && (_typeof$1(call) === "object" || typeof call === "function")) {
-    return call;
-  } else if (call !== void 0) {
-    throw new TypeError("Derived constructors may only return object or undefined");
-  }
-  return _assertThisInitialized(self);
-}
-
-function _createSuper(Derived) {
-  var hasNativeReflectConstruct = _isNativeReflectConstruct();
-  return function _createSuperInternal() {
-    var Super = _getPrototypeOf(Derived),
-      result;
-    if (hasNativeReflectConstruct) {
-      var NewTarget = _getPrototypeOf(this).constructor;
-      result = Reflect.construct(Super, arguments, NewTarget);
-    } else {
-      result = Super.apply(this, arguments);
-    }
-    return _possibleConstructorReturn(this, result);
-  };
-}
-
 /**
  * Fallback to findDOMNode if origin ref do not provide any dom element
  */
@@ -1390,21 +1294,21 @@ var DomWrapper = /*#__PURE__*/function (_React$Component) {
     }
   }]);
   return DomWrapper;
-}(React$4.Component);
+}(React$2.Component);
 
 function SingleObserver(props, ref) {
   var children = props.children,
     disabled = props.disabled;
-  var elementRef = React$4.useRef(null);
-  var wrapperRef = React$4.useRef(null);
-  var onCollectionResize = React$4.useContext(CollectionContext);
+  var elementRef = React$2.useRef(null);
+  var wrapperRef = React$2.useRef(null);
+  var onCollectionResize = React$2.useContext(CollectionContext);
 
   // =========================== Children ===========================
   var isRenderProps = typeof children === 'function';
   var mergedChildren = isRenderProps ? children(elementRef) : children;
 
   // ============================= Size =============================
-  var sizeRef = React$4.useRef({
+  var sizeRef = React$2.useRef({
     width: -1,
     height: -1,
     offsetWidth: -1,
@@ -1412,7 +1316,7 @@ function SingleObserver(props, ref) {
   });
 
   // ============================= Ref ==============================
-  var canRef = !isRenderProps && /*#__PURE__*/React$4.isValidElement(mergedChildren) && supportRef(mergedChildren);
+  var canRef = !isRenderProps && /*#__PURE__*/React$2.isValidElement(mergedChildren) && supportRef(mergedChildren);
   var originRef = canRef ? mergedChildren.ref : null;
   var mergedRef = useComposeRef(originRef, elementRef);
   var getDom = function getDom() {
@@ -1421,16 +1325,16 @@ function SingleObserver(props, ref) {
     // Support `nativeElement` format
     elementRef.current && _typeof$1(elementRef.current) === 'object' ? findDOMNode((_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 ? void 0 : _elementRef$current.nativeElement) : null) || findDOMNode(wrapperRef.current);
   };
-  React$4.useImperativeHandle(ref, function () {
+  React$2.useImperativeHandle(ref, function () {
     return getDom();
   });
 
   // =========================== Observe ============================
-  var propsRef = React$4.useRef(props);
+  var propsRef = React$2.useRef(props);
   propsRef.current = props;
 
   // Handler
-  var onInternalResize = React$4.useCallback(function (target) {
+  var onInternalResize = React$2.useCallback(function (target) {
     var _propsRef$current = propsRef.current,
       onResize = _propsRef$current.onResize,
       data = _propsRef$current.data;
@@ -1476,7 +1380,7 @@ function SingleObserver(props, ref) {
   }, []);
 
   // Dynamic observe
-  React$4.useEffect(function () {
+  React$2.useEffect(function () {
     var currentElement = getDom();
     if (currentElement && !disabled) {
       observe(currentElement, onInternalResize);
@@ -1487,13 +1391,13 @@ function SingleObserver(props, ref) {
   }, [elementRef.current, disabled]);
 
   // ============================ Render ============================
-  return /*#__PURE__*/React$4.createElement(DomWrapper, {
+  return /*#__PURE__*/React$2.createElement(DomWrapper, {
     ref: wrapperRef
-  }, canRef ? /*#__PURE__*/React$4.cloneElement(mergedChildren, {
+  }, canRef ? /*#__PURE__*/React$2.cloneElement(mergedChildren, {
     ref: mergedRef
   }) : mergedChildren);
 }
-var RefSingleObserver = /*#__PURE__*/React$4.forwardRef(SingleObserver);
+var RefSingleObserver = /*#__PURE__*/React$2.forwardRef(SingleObserver);
 if (process.env.NODE_ENV !== 'production') {
   RefSingleObserver.displayName = 'SingleObserver';
 }
@@ -1511,13 +1415,13 @@ function ResizeObserver(props, ref) {
   }
   return childNodes.map(function (child, index) {
     var key = (child === null || child === void 0 ? void 0 : child.key) || "".concat(INTERNAL_PREFIX_KEY, "-").concat(index);
-    return /*#__PURE__*/React$4.createElement(RefSingleObserver, _extends({}, props, {
+    return /*#__PURE__*/React$2.createElement(RefSingleObserver, _extends({}, props, {
       key: key,
       ref: index === 0 ? ref : undefined
     }), child);
   });
 }
-var RefResizeObserver = /*#__PURE__*/React$4.forwardRef(ResizeObserver);
+var RefResizeObserver = /*#__PURE__*/React$2.forwardRef(ResizeObserver);
 if (process.env.NODE_ENV !== 'production') {
   RefResizeObserver.displayName = 'ResizeObserver';
 }
@@ -1548,7 +1452,7 @@ function InternalItem(props, ref) {
   function internalRegisterSize(width) {
     registerSize(itemKey, width);
   }
-  React$4.useEffect(function () {
+  React$2.useEffect(function () {
     return function () {
       internalRegisterSize(null);
     };
@@ -1570,14 +1474,14 @@ function InternalItem(props, ref) {
   if (mergedHidden) {
     overflowProps['aria-hidden'] = true;
   }
-  var itemNode = /*#__PURE__*/React$4.createElement(Component, _extends({
+  var itemNode = /*#__PURE__*/React$2.createElement(Component, _extends({
     className: clsx(!invalidate && prefixCls, className),
     style: _objectSpread2(_objectSpread2({}, overflowStyle), style)
   }, overflowProps, restProps, {
     ref: ref
   }), childNode);
   if (responsive) {
-    itemNode = /*#__PURE__*/React$4.createElement(RefResizeObserver, {
+    itemNode = /*#__PURE__*/React$2.createElement(RefResizeObserver, {
       onResize: function onResize(_ref) {
         var offsetWidth = _ref.offsetWidth;
         internalRegisterSize(offsetWidth);
@@ -1587,7 +1491,7 @@ function InternalItem(props, ref) {
   }
   return itemNode;
 }
-var Item$1 = /*#__PURE__*/React$4.forwardRef(InternalItem);
+var Item$1 = /*#__PURE__*/React$2.forwardRef(InternalItem);
 Item$1.displayName = 'Item';
 
 function channelUpdate(callback) {
@@ -1607,7 +1511,7 @@ function channelUpdate(callback) {
  */
 function useBatcher() {
   // Updater Trigger
-  var updateFuncRef = React$4.useRef(null);
+  var updateFuncRef = React$2.useRef(null);
   // Notify update
   var notifyEffectUpdate = function notifyEffectUpdate(callback) {
     if (!updateFuncRef.current) {
@@ -1630,7 +1534,7 @@ function useBatcher() {
  */
 function useEffectState(notifyEffectUpdate, defaultValue) {
   // Value
-  var _React$useState = React$4.useState(defaultValue),
+  var _React$useState = React$2.useState(defaultValue),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     stateValue = _React$useState2[0],
     setStateValue = _React$useState2[1];
@@ -1649,13 +1553,13 @@ var _excluded$8 = ["component"],
   _excluded2$1 = ["className"],
   _excluded3 = ["className"];
 var InternalRawItem = function InternalRawItem(props, ref) {
-  var context = React$4.useContext(OverflowContext);
+  var context = React$2.useContext(OverflowContext);
   // Render directly when context not provided
   if (!context) {
     var _props$component = props.component,
       Component = _props$component === void 0 ? 'div' : _props$component,
       _restProps = _objectWithoutProperties(props, _excluded$8);
-    return /*#__PURE__*/React$4.createElement(Component, _extends({}, _restProps, {
+    return /*#__PURE__*/React$2.createElement(Component, _extends({}, _restProps, {
       ref: ref
     }));
   }
@@ -1664,14 +1568,14 @@ var InternalRawItem = function InternalRawItem(props, ref) {
   var className = props.className,
     restProps = _objectWithoutProperties(props, _excluded3);
   // Do not pass context to sub item to avoid multiple measure
-  return /*#__PURE__*/React$4.createElement(OverflowContext.Provider, {
+  return /*#__PURE__*/React$2.createElement(OverflowContext.Provider, {
     value: null
-  }, /*#__PURE__*/React$4.createElement(Item$1, _extends({
+  }, /*#__PURE__*/React$2.createElement(Item$1, _extends({
     ref: ref,
     className: clsx(contextClassName, className)
   }, restContext, restProps)));
 };
-var RawItem = /*#__PURE__*/React$4.forwardRef(InternalRawItem);
+var RawItem = /*#__PURE__*/React$2.forwardRef(InternalRawItem);
 RawItem.displayName = 'RawItem';
 
 var _excluded$7 = ["prefixCls", "data", "renderItem", "renderRawItem", "itemKey", "itemWidth", "ssr", "style", "className", "maxCount", "renderRest", "renderRawRest", "suffix", "component", "itemComponent", "onVisibleChange"];
@@ -1725,21 +1629,21 @@ function Overflow(props, ref) {
     _useEffectState10 = _slicedToArray(_useEffectState9, 2),
     suffixWidth = _useEffectState10[0],
     setSuffixWidth = _useEffectState10[1];
-  var _useState = useState$1(null),
+  var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     suffixFixedStart = _useState2[0],
     setSuffixFixedStart = _useState2[1];
-  var _useState3 = useState$1(null),
+  var _useState3 = useState(null),
     _useState4 = _slicedToArray(_useState3, 2),
     displayCount = _useState4[0],
     setDisplayCount = _useState4[1];
-  var mergedDisplayCount = React$4.useMemo(function () {
+  var mergedDisplayCount = React$2.useMemo(function () {
     if (displayCount === null && fullySSR) {
       return Number.MAX_SAFE_INTEGER;
     }
     return displayCount || 0;
   }, [displayCount, containerWidth]);
-  var _useState5 = useState$1(false),
+  var _useState5 = useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
     restReady = _useState6[0],
     setRestReady = _useState6[1];
@@ -1826,7 +1730,7 @@ function Overflow(props, ref) {
   function getItemWidth(index) {
     return itemWidths.get(getKey(mergedData[index], index));
   }
-  useLayoutEffect$3(function () {
+  useLayoutEffect$1(function () {
     if (mergedContainerWidth && typeof mergedRestWidth === 'number' && mergedData) {
       var totalWidth = suffixWidth;
       var len = mergedData.length;
@@ -1887,7 +1791,7 @@ function Overflow(props, ref) {
   // >>>>> Choice render fun by `renderRawItem`
   var internalRenderItemNode = renderRawItem ? function (item, index) {
     var key = getKey(item, index);
-    return /*#__PURE__*/React$4.createElement(OverflowContext.Provider, {
+    return /*#__PURE__*/React$2.createElement(OverflowContext.Provider, {
       key: key,
       value: _objectSpread2(_objectSpread2({}, itemSharedProps), {}, {
         order: index,
@@ -1899,7 +1803,7 @@ function Overflow(props, ref) {
     }, renderRawItem(item, index));
   } : function (item, index) {
     var key = getKey(item, index);
-    return /*#__PURE__*/React$4.createElement(Item$1, _extends({}, itemSharedProps, {
+    return /*#__PURE__*/React$2.createElement(Item$1, _extends({}, itemSharedProps, {
       order: index,
       key: key,
       item: item,
@@ -1919,17 +1823,17 @@ function Overflow(props, ref) {
   };
   if (!renderRawRest) {
     var mergedRenderRest = renderRest || defaultRenderRest;
-    restNode = /*#__PURE__*/React$4.createElement(Item$1, _extends({}, itemSharedProps, restContextProps), typeof mergedRenderRest === 'function' ? mergedRenderRest(omittedItems) : mergedRenderRest);
+    restNode = /*#__PURE__*/React$2.createElement(Item$1, _extends({}, itemSharedProps, restContextProps), typeof mergedRenderRest === 'function' ? mergedRenderRest(omittedItems) : mergedRenderRest);
   } else if (renderRawRest) {
-    restNode = /*#__PURE__*/React$4.createElement(OverflowContext.Provider, {
+    restNode = /*#__PURE__*/React$2.createElement(OverflowContext.Provider, {
       value: _objectSpread2(_objectSpread2({}, itemSharedProps), restContextProps)
     }, renderRawRest(omittedItems));
   }
-  var overflowNode = /*#__PURE__*/React$4.createElement(Component, _extends({
+  var overflowNode = /*#__PURE__*/React$2.createElement(Component, _extends({
     className: clsx(!invalidate && prefixCls, className),
     style: style,
     ref: ref
-  }, restProps), mergedData.map(internalRenderItemNode), showRest ? restNode : null, suffix && /*#__PURE__*/React$4.createElement(Item$1, _extends({}, itemSharedProps, {
+  }, restProps), mergedData.map(internalRenderItemNode), showRest ? restNode : null, suffix && /*#__PURE__*/React$2.createElement(Item$1, _extends({}, itemSharedProps, {
     responsive: isResponsive,
     responsiveDisabled: !shouldResponsive,
     order: mergedDisplayCount,
@@ -1939,14 +1843,14 @@ function Overflow(props, ref) {
     style: suffixStyle
   }), suffix));
   if (isResponsive) {
-    overflowNode = /*#__PURE__*/React$4.createElement(RefResizeObserver, {
+    overflowNode = /*#__PURE__*/React$2.createElement(RefResizeObserver, {
       onResize: onOverflowResize,
       disabled: !shouldResponsive
     }, overflowNode);
   }
   return overflowNode;
 }
-var ForwardOverflow = /*#__PURE__*/React$4.forwardRef(Overflow);
+var ForwardOverflow = /*#__PURE__*/React$2.forwardRef(Overflow);
 ForwardOverflow.displayName = 'Overflow';
 ForwardOverflow.Item = RawItem;
 ForwardOverflow.RESPONSIVE = RESPONSIVE;
@@ -1973,7 +1877,7 @@ var Input = function Input(_ref, ref) {
     _onCompositionEnd = _ref.onCompositionEnd,
     open = _ref.open,
     attrs = _ref.attrs;
-  var inputNode = inputElement || /*#__PURE__*/React$4.createElement("input", null);
+  var inputNode = inputElement || /*#__PURE__*/React$2.createElement("input", null);
   var _inputNode = inputNode,
     originRef = _inputNode.ref,
     originProps = _inputNode.props;
@@ -1984,7 +1888,7 @@ var Input = function Input(_ref, ref) {
     onOriginCompositionEnd = originProps.onCompositionEnd,
     style = originProps.style;
   warning(!('maxLength' in inputNode.props), "Passing 'maxLength' to input element directly may not work because input in BaseSelect is controlled.");
-  inputNode = /*#__PURE__*/React$4.cloneElement(inputNode, _objectSpread2(_objectSpread2(_objectSpread2({
+  inputNode = /*#__PURE__*/React$2.cloneElement(inputNode, _objectSpread2(_objectSpread2(_objectSpread2({
     type: 'search'
   }, originProps), {}, {
     // Override over origin props
@@ -2045,7 +1949,7 @@ var Input = function Input(_ref, ref) {
   }));
   return inputNode;
 };
-var RefInput = /*#__PURE__*/React$4.forwardRef(Input);
+var RefInput = /*#__PURE__*/React$2.forwardRef(Input);
 RefInput.displayName = 'Input';
 
 function toArray$1(value) {
@@ -2086,13 +1990,13 @@ function getTitle(item) {
 /**
  * Wrap `React.useLayoutEffect` which will not throw warning message in test env
  */
-function useLayoutEffect$2(effect, deps) {
+function useLayoutEffect(effect, deps) {
   // Never happen in test env
   if (isBrowserClient$2) {
     /* istanbul ignore next */
-    React$4.useLayoutEffect(effect, deps);
+    React$2.useLayoutEffect(effect, deps);
   } else {
-    React$4.useEffect(effect, deps);
+    React$2.useEffect(effect, deps);
   }
 }
 /* eslint-enable */
@@ -2137,12 +2041,12 @@ var SelectSelector = function SelectSelector(props) {
     onInputMouseDown = props.onInputMouseDown,
     onInputCompositionStart = props.onInputCompositionStart,
     onInputCompositionEnd = props.onInputCompositionEnd;
-  var measureRef = React$4.useRef(null);
-  var _useState = useState$1(0),
+  var measureRef = React$2.useRef(null);
+  var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     inputWidth = _useState2[0],
     setInputWidth = _useState2[1];
-  var _useState3 = useState$1(false),
+  var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
     focused = _useState4[0],
     setFocused = _useState4[1];
@@ -2153,19 +2057,19 @@ var SelectSelector = function SelectSelector(props) {
   var inputEditable = mode === 'tags' || mode === "multiple" && autoClearSearchValue === false || showSearch && (open || focused);
 
   // We measure width and set to the input immediately
-  useLayoutEffect$2(function () {
+  useLayoutEffect(function () {
     setInputWidth(measureRef.current.scrollWidth);
   }, [inputValue]);
 
   // ===================== Render ======================
   // >>> Render Selector Node. Includes Item & Rest
   function defaultRenderSelector(item, content, itemDisabled, closable, onClose) {
-    return /*#__PURE__*/React$4.createElement("span", {
+    return /*#__PURE__*/React$2.createElement("span", {
       className: clsx("".concat(selectionPrefixCls, "-item"), _defineProperty({}, "".concat(selectionPrefixCls, "-item-disabled"), itemDisabled)),
       title: getTitle(item)
-    }, /*#__PURE__*/React$4.createElement("span", {
+    }, /*#__PURE__*/React$2.createElement("span", {
       className: "".concat(selectionPrefixCls, "-item-content")
-    }, content), closable && /*#__PURE__*/React$4.createElement(TransBtn, {
+    }, content), closable && /*#__PURE__*/React$2.createElement(TransBtn, {
       className: "".concat(selectionPrefixCls, "-item-remove"),
       onMouseDown: onPreventMouseDown,
       onClick: onClose,
@@ -2177,7 +2081,7 @@ var SelectSelector = function SelectSelector(props) {
       onPreventMouseDown(e);
       onToggleOpen(!open);
     };
-    return /*#__PURE__*/React$4.createElement("span", {
+    return /*#__PURE__*/React$2.createElement("span", {
       onMouseDown: onMouseDown
     }, tagRender({
       label: content,
@@ -2215,7 +2119,7 @@ var SelectSelector = function SelectSelector(props) {
   }
 
   // >>> Input Node
-  var inputNode = /*#__PURE__*/React$4.createElement("div", {
+  var inputNode = /*#__PURE__*/React$2.createElement("div", {
     className: "".concat(selectionPrefixCls, "-search"),
     style: {
       width: inputWidth
@@ -2226,7 +2130,7 @@ var SelectSelector = function SelectSelector(props) {
     onBlur: function onBlur() {
       setFocused(false);
     }
-  }, /*#__PURE__*/React$4.createElement(RefInput, {
+  }, /*#__PURE__*/React$2.createElement(RefInput, {
     ref: inputRef,
     open: open,
     prefixCls: prefixCls,
@@ -2246,14 +2150,14 @@ var SelectSelector = function SelectSelector(props) {
     onCompositionEnd: onInputCompositionEnd,
     tabIndex: tabIndex,
     attrs: pickAttrs(props, true)
-  }), /*#__PURE__*/React$4.createElement("span", {
+  }), /*#__PURE__*/React$2.createElement("span", {
     ref: measureRef,
     className: "".concat(selectionPrefixCls, "-search-mirror"),
     "aria-hidden": true
   }, inputValue, "\xA0"));
 
   // >>> Selections
-  var selectionNode = /*#__PURE__*/React$4.createElement(ForwardOverflow, {
+  var selectionNode = /*#__PURE__*/React$2.createElement(ForwardOverflow, {
     prefixCls: "".concat(selectionPrefixCls, "-overflow"),
     data: values,
     renderItem: renderItem,
@@ -2262,7 +2166,7 @@ var SelectSelector = function SelectSelector(props) {
     itemKey: itemKey,
     maxCount: maxTagCount
   });
-  return /*#__PURE__*/React$4.createElement(React$4.Fragment, null, selectionNode, !values.length && !inputValue && /*#__PURE__*/React$4.createElement("span", {
+  return /*#__PURE__*/React$2.createElement(React$2.Fragment, null, selectionNode, !values.length && !inputValue && /*#__PURE__*/React$2.createElement("span", {
     className: "".concat(selectionPrefixCls, "-placeholder")
   }, placeholder));
 };
@@ -2292,7 +2196,7 @@ var SingleSelector = function SingleSelector(props) {
     onInputCompositionStart = props.onInputCompositionStart,
     onInputCompositionEnd = props.onInputCompositionEnd,
     title = props.title;
-  var _React$useState = React$4.useState(false),
+  var _React$useState = React$2.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     inputChanged = _React$useState2[0],
     setInputChanged = _React$useState2[1];
@@ -2303,7 +2207,7 @@ var SingleSelector = function SingleSelector(props) {
   if (combobox && activeValue && !inputChanged) {
     inputValue = activeValue;
   }
-  React$4.useEffect(function () {
+  React$2.useEffect(function () {
     if (combobox) {
       setInputChanged(false);
     }
@@ -2321,14 +2225,14 @@ var SingleSelector = function SingleSelector(props) {
     var hiddenStyle = hasTextInput ? {
       visibility: 'hidden'
     } : undefined;
-    return /*#__PURE__*/React$4.createElement("span", {
+    return /*#__PURE__*/React$2.createElement("span", {
       className: "".concat(prefixCls, "-selection-placeholder"),
       style: hiddenStyle
     }, placeholder);
   };
-  return /*#__PURE__*/React$4.createElement(React$4.Fragment, null, /*#__PURE__*/React$4.createElement("span", {
+  return /*#__PURE__*/React$2.createElement(React$2.Fragment, null, /*#__PURE__*/React$2.createElement("span", {
     className: "".concat(prefixCls, "-selection-search")
-  }, /*#__PURE__*/React$4.createElement(RefInput, {
+  }, /*#__PURE__*/React$2.createElement(RefInput, {
     ref: inputRef,
     prefixCls: prefixCls,
     id: id,
@@ -2352,7 +2256,7 @@ var SingleSelector = function SingleSelector(props) {
     tabIndex: tabIndex,
     attrs: pickAttrs(props, true),
     maxLength: combobox ? maxLength : undefined
-  })), !combobox && item ? /*#__PURE__*/React$4.createElement("span", {
+  })), !combobox && item ? /*#__PURE__*/React$2.createElement("span", {
     className: "".concat(prefixCls, "-selection-item"),
     title: selectionTitle
     // 当 Select 已经选中选项时，还需 selection 隐藏但留在原地占位
@@ -2390,7 +2294,7 @@ var Selector = function Selector(props, ref) {
     domRef = props.domRef;
 
   // ======================= Ref =======================
-  React$4.useImperativeHandle(ref, function () {
+  React$2.useImperativeHandle(ref, function () {
     return {
       focus: function focus() {
         inputRef.current.focus();
@@ -2507,15 +2411,15 @@ var Selector = function Selector(props, ref) {
     onInputCompositionStart: onInputCompositionStart,
     onInputCompositionEnd: onInputCompositionEnd
   };
-  var selectNode = mode === 'multiple' || mode === 'tags' ? /*#__PURE__*/React$4.createElement(SelectSelector, _extends({}, props, sharedProps)) : /*#__PURE__*/React$4.createElement(SingleSelector, _extends({}, props, sharedProps));
-  return /*#__PURE__*/React$4.createElement("div", {
+  var selectNode = mode === 'multiple' || mode === 'tags' ? /*#__PURE__*/React$2.createElement(SelectSelector, _extends({}, props, sharedProps)) : /*#__PURE__*/React$2.createElement(SingleSelector, _extends({}, props, sharedProps));
+  return /*#__PURE__*/React$2.createElement("div", {
     ref: domRef,
     className: "".concat(prefixCls, "-selector"),
     onClick: onClick,
     onMouseDown: onMouseDown
   }, selectNode);
 };
-var ForwardSelector = /*#__PURE__*/React$4.forwardRef(Selector);
+var ForwardSelector = /*#__PURE__*/React$2.forwardRef(Selector);
 ForwardSelector.displayName = 'Selector';
 
 function getRoot(ele) {
@@ -2539,7 +2443,7 @@ function getShadowRoot(ele) {
 
 function getUseId() {
   // We need fully clone React function here to avoid webpack warning React 17 do not export `useId`
-  var fullClone = _objectSpread2({}, React$4);
+  var fullClone = _objectSpread2({}, React$2);
   return fullClone.useId;
 }
 var uuid$2 = 0;
@@ -2563,11 +2467,11 @@ function useId(id) {
 // Use compatible of `useId`
 function useCompatId(id) {
   // Inner id for accessibility usage. Only work in client side
-  var _React$useState = React$4.useState('ssr-id'),
+  var _React$useState = React$2.useState('ssr-id'),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     innerId = _React$useState2[0],
     setInnerId = _React$useState2[1];
-  React$4.useEffect(function () {
+  React$2.useEffect(function () {
     var nextId = uuid$2;
     uuid$2 += 1;
     setInnerId("rc_unique_".concat(nextId));
@@ -2599,7 +2503,7 @@ function Arrow(props) {
     x = _arrowPos$x === void 0 ? 0 : _arrowPos$x,
     _arrowPos$y = arrowPos.y,
     y = _arrowPos$y === void 0 ? 0 : _arrowPos$y;
-  var arrowRef = React$4.useRef();
+  var arrowRef = React$2.useRef();
 
   // Skip if no align
   if (!align || !align.points) {
@@ -2636,7 +2540,7 @@ function Arrow(props) {
       alignStyle.right = 0;
     }
   }
-  return /*#__PURE__*/React$4.createElement("div", {
+  return /*#__PURE__*/React$2.createElement("div", {
     ref: arrowRef,
     className: clsx("".concat(prefixCls, "-arrow"), className),
     style: alignStyle
@@ -2652,13 +2556,13 @@ function Mask(props) {
   if (!mask) {
     return null;
   }
-  return /*#__PURE__*/React$4.createElement(CSSMotion, _extends({}, motion, {
+  return /*#__PURE__*/React$2.createElement(CSSMotion, _extends({}, motion, {
     motionAppear: true,
     visible: open,
     removeOnLeave: true
   }), function (_ref) {
     var className = _ref.className;
-    return /*#__PURE__*/React$4.createElement("div", {
+    return /*#__PURE__*/React$2.createElement("div", {
       style: {
         zIndex: zIndex
       },
@@ -2667,7 +2571,7 @@ function Mask(props) {
   });
 }
 
-var PopupContent = /*#__PURE__*/React$4.memo(function (_ref) {
+var PopupContent = /*#__PURE__*/React$2.memo(function (_ref) {
   var children = _ref.children;
   return children;
 }, function (_, next) {
@@ -2677,7 +2581,7 @@ if (process.env.NODE_ENV !== 'production') {
   PopupContent.displayName = 'PopupContent';
 }
 
-var Popup = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
+var Popup = /*#__PURE__*/React$2.forwardRef(function (props, ref) {
   var popup = props.popup,
     className = props.className,
     prefixCls = props.prefixCls,
@@ -2719,13 +2623,13 @@ var Popup = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
 
   // ======================= Container ========================
   var getPopupContainerNeedParams = (getPopupContainer === null || getPopupContainer === void 0 ? void 0 : getPopupContainer.length) > 0;
-  var _React$useState = React$4.useState(!getPopupContainer || !getPopupContainerNeedParams),
+  var _React$useState = React$2.useState(!getPopupContainer || !getPopupContainerNeedParams),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     show = _React$useState2[0],
     setShow = _React$useState2[1];
 
   // Delay to show since `getPopupContainer` need target element
-  useLayoutEffect$3(function () {
+  useLayoutEffect$1(function () {
     if (!show && getPopupContainerNeedParams && target) {
       setShow(true);
     }
@@ -2785,23 +2689,23 @@ var Popup = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
   if (!open) {
     miscStyle.pointerEvents = 'none';
   }
-  return /*#__PURE__*/React$4.createElement(Portal, {
+  return /*#__PURE__*/React$2.createElement(Portal, {
     open: forceRender || isNodeVisible,
     getContainer: getPopupContainer && function () {
       return getPopupContainer(target);
     },
     autoDestroy: autoDestroy
-  }, /*#__PURE__*/React$4.createElement(Mask, {
+  }, /*#__PURE__*/React$2.createElement(Mask, {
     prefixCls: prefixCls,
     open: open,
     zIndex: zIndex,
     mask: mask,
     motion: maskMotion
-  }), /*#__PURE__*/React$4.createElement(RefResizeObserver, {
+  }), /*#__PURE__*/React$2.createElement(RefResizeObserver, {
     onResize: onAlign,
     disabled: !open
   }, function (resizeObserverRef) {
-    return /*#__PURE__*/React$4.createElement(CSSMotion, _extends({
+    return /*#__PURE__*/React$2.createElement(CSSMotion, _extends({
       motionAppear: true,
       motionEnter: true,
       motionLeave: true,
@@ -2821,7 +2725,7 @@ var Popup = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
       var motionClassName = _ref.className,
         motionStyle = _ref.style;
       var cls = clsx(prefixCls, motionClassName, className);
-      return /*#__PURE__*/React$4.createElement("div", {
+      return /*#__PURE__*/React$2.createElement("div", {
         ref: composeRef(resizeObserverRef, ref, motionRef),
         className: cls,
         style: _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
@@ -2835,12 +2739,12 @@ var Popup = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
         onMouseLeave: onMouseLeave,
         onPointerEnter: onPointerEnter,
         onClick: onClick
-      }, arrow && /*#__PURE__*/React$4.createElement(Arrow, {
+      }, arrow && /*#__PURE__*/React$2.createElement(Arrow, {
         prefixCls: prefixCls,
         arrow: arrow,
         arrowPos: arrowPos,
         align: align
-      }), /*#__PURE__*/React$4.createElement(PopupContent, {
+      }), /*#__PURE__*/React$2.createElement(PopupContent, {
         cache: !open && !fresh
       }, childNode));
     });
@@ -2850,17 +2754,17 @@ if (process.env.NODE_ENV !== 'production') {
   Popup.displayName = 'Popup';
 }
 
-var TriggerWrapper = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
+var TriggerWrapper = /*#__PURE__*/React$2.forwardRef(function (props, ref) {
   var children = props.children,
     getTriggerDOMNode = props.getTriggerDOMNode;
   var canUseRef = supportRef(children);
 
   // When use `getTriggerDOMNode`, we should do additional work to get the real dom
-  var setRef = React$4.useCallback(function (node) {
+  var setRef = React$2.useCallback(function (node) {
     fillRef(ref, getTriggerDOMNode ? getTriggerDOMNode(node) : node);
   }, [getTriggerDOMNode]);
   var mergedRef = useComposeRef(setRef, children.ref);
-  return canUseRef ? /*#__PURE__*/React$4.cloneElement(children, {
+  return canUseRef ? /*#__PURE__*/React$2.cloneElement(children, {
     ref: mergedRef
   }) : children;
 });
@@ -2868,13 +2772,13 @@ if (process.env.NODE_ENV !== 'production') {
   TriggerWrapper.displayName = 'TriggerWrapper';
 }
 
-var TriggerContext = /*#__PURE__*/React$4.createContext(null);
+var TriggerContext = /*#__PURE__*/React$2.createContext(null);
 
 function toArray(val) {
   return val ? Array.isArray(val) ? val : [val] : [];
 }
 function useAction(mobile, action, showAction, hideAction) {
-  return React$4.useMemo(function () {
+  return React$2.useMemo(function () {
     var mergedShowAction = toArray(showAction !== null && showAction !== void 0 ? showAction : action);
     var mergedHideAction = toArray(hideAction !== null && hideAction !== void 0 ? hideAction : action);
     var showActionSet = new Set(mergedShowAction);
@@ -3138,7 +3042,7 @@ function reversePoints(points, index) {
   }).join('');
 }
 function useAlign(open, popupEle, target, placement, builtinPlacements, popupAlign, onPopupAlign) {
-  var _React$useState = React$4.useState({
+  var _React$useState = React$2.useState({
       ready: false,
       offsetX: 0,
       offsetY: 0,
@@ -3153,8 +3057,8 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
     _React$useState2 = _slicedToArray(_React$useState, 2),
     offsetInfo = _React$useState2[0],
     setOffsetInfo = _React$useState2[1];
-  var alignCountRef = React$4.useRef(0);
-  var scrollerList = React$4.useMemo(function () {
+  var alignCountRef = React$2.useRef(0);
+  var scrollerList = React$2.useMemo(function () {
     if (!popupEle) {
       return [];
     }
@@ -3164,7 +3068,7 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
   // ========================= Flip ==========================
   // We will memo flip info.
   // If size change to make flip, it will memo the flip info and use it in next align.
-  var prevFlipRef = React$4.useRef({});
+  var prevFlipRef = React$2.useRef({});
   var resetFlipCache = function resetFlipCache() {
     prevFlipRef.current = {};
   };
@@ -3576,8 +3480,8 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
       });
     });
   };
-  useLayoutEffect$3(resetReady, [placement]);
-  useLayoutEffect$3(function () {
+  useLayoutEffect$1(resetReady, [placement]);
+  useLayoutEffect$1(function () {
     if (!open) {
       resetReady();
     }
@@ -3586,7 +3490,7 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
 }
 
 function useWatch(open, target, popup, onAlign, onScroll) {
-  useLayoutEffect$3(function () {
+  useLayoutEffect$1(function () {
     if (open && target && popup) {
       var targetElement = target;
       var popupElement = popup;
@@ -3620,15 +3524,15 @@ function useWatch(open, target, popup, onAlign, onScroll) {
 }
 
 function useWinClick(open, clickToHide, targetEle, popupEle, mask, maskClosable, inPopupOrChild, triggerOpen) {
-  var openRef = React$4.useRef(open);
+  var openRef = React$2.useRef(open);
 
   // Window click to hide should be lock to avoid trigger lock immediately
-  var lockRef = React$4.useRef(false);
+  var lockRef = React$2.useRef(false);
   if (openRef.current !== open) {
     lockRef.current = true;
     openRef.current = open;
   }
-  React$4.useEffect(function () {
+  React$2.useEffect(function () {
     var id = wrapperRaf(function () {
       lockRef.current = false;
     });
@@ -3638,7 +3542,7 @@ function useWinClick(open, clickToHide, targetEle, popupEle, mask, maskClosable,
   }, [open]);
 
   // Click to hide is special action since click popup element should not hide
-  React$4.useEffect(function () {
+  React$2.useEffect(function () {
     if (clickToHide && popupEle && (!mask || maskClosable)) {
       var genClickEvents = function genClickEvents() {
         var clickInside = false;
@@ -3711,7 +3615,7 @@ var _excluded$6 = ["prefixCls", "children", "action", "showAction", "hideAction"
 
 function generateTrigger() {
   var PortalComponent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Portal;
-  var Trigger = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
+  var Trigger = /*#__PURE__*/React$2.forwardRef(function (props, ref) {
     var _props$prefixCls = props.prefixCls,
       prefixCls = _props$prefixCls === void 0 ? 'rc-trigger-popup' : _props$prefixCls,
       children = props.children,
@@ -3762,18 +3666,18 @@ function generateTrigger() {
     var mergedAutoDestroy = autoDestroy || destroyPopupOnHide || false;
 
     // =========================== Mobile ===========================
-    var _React$useState = React$4.useState(false),
+    var _React$useState = React$2.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       mobile = _React$useState2[0],
       setMobile = _React$useState2[1];
-    useLayoutEffect$3(function () {
+    useLayoutEffect$1(function () {
       setMobile(isMobile());
     }, []);
 
     // ========================== Context ===========================
-    var subPopupElements = React$4.useRef({});
-    var parentContext = React$4.useContext(TriggerContext);
-    var context = React$4.useMemo(function () {
+    var subPopupElements = React$2.useRef({});
+    var parentContext = React$2.useContext(TriggerContext);
+    var context = React$2.useMemo(function () {
       return {
         registerSubPopup: function registerSubPopup(id, subPopupEle) {
           subPopupElements.current[id] = subPopupEle;
@@ -3784,7 +3688,7 @@ function generateTrigger() {
 
     // =========================== Popup ============================
     var id = useId$3();
-    var _React$useState3 = React$4.useState(null),
+    var _React$useState3 = React$2.useState(null),
       _React$useState4 = _slicedToArray(_React$useState3, 2),
       popupEle = _React$useState4[0],
       setPopupEle = _React$useState4[1];
@@ -3797,13 +3701,13 @@ function generateTrigger() {
 
     // =========================== Target ===========================
     // Use state to control here since `useRef` update not trigger render
-    var _React$useState5 = React$4.useState(null),
+    var _React$useState5 = React$2.useState(null),
       _React$useState6 = _slicedToArray(_React$useState5, 2),
       targetEle = _React$useState6[0],
       setTargetEle = _React$useState6[1];
 
     // Used for forwardRef target. Not use internal
-    var externalForwardRef = React$4.useRef(null);
+    var externalForwardRef = React$2.useRef(null);
     var setTargetRef = useEvent$2(function (node) {
       if (isDOM(node) && targetEle !== node) {
         setTargetEle(node);
@@ -3812,7 +3716,7 @@ function generateTrigger() {
     });
 
     // ========================== Children ==========================
-    var child = React$4.Children.only(children);
+    var child = React$2.Children.only(children);
     var originChildProps = (child === null || child === void 0 ? void 0 : child.props) || {};
     var cloneProps = {};
     var inPopupOrChild = useEvent$2(function (ele) {
@@ -3828,7 +3732,7 @@ function generateTrigger() {
     var mergeMaskMotion = getMotion(prefixCls, maskMotion, maskAnimation, maskTransitionName);
 
     // ============================ Open ============================
-    var _React$useState7 = React$4.useState(defaultPopupVisible || false),
+    var _React$useState7 = React$2.useState(defaultPopupVisible || false),
       _React$useState8 = _slicedToArray(_React$useState7, 2),
       internalOpen = _React$useState8[0],
       setInternalOpen = _React$useState8[1];
@@ -3842,12 +3746,12 @@ function generateTrigger() {
         setInternalOpen(nextOpen);
       }
     });
-    useLayoutEffect$3(function () {
+    useLayoutEffect$1(function () {
       setInternalOpen(popupVisible || false);
     }, [popupVisible]);
-    var openRef = React$4.useRef(mergedOpen);
+    var openRef = React$2.useRef(mergedOpen);
     openRef.current = mergedOpen;
-    var lastTriggerRef = React$4.useRef([]);
+    var lastTriggerRef = React$2.useRef([]);
     lastTriggerRef.current = [];
     var internalTriggerOpen = useEvent$2(function (nextOpen) {
       var _lastTriggerRef$curre;
@@ -3863,7 +3767,7 @@ function generateTrigger() {
     });
 
     // Trigger for delay
-    var delayRef = React$4.useRef();
+    var delayRef = React$2.useRef();
     var clearDelay = function clearDelay() {
       clearTimeout(delayRef.current);
     };
@@ -3878,27 +3782,27 @@ function generateTrigger() {
         }, delay * 1000);
       }
     };
-    React$4.useEffect(function () {
+    React$2.useEffect(function () {
       return clearDelay;
     }, []);
 
     // ========================== Motion ============================
-    var _React$useState9 = React$4.useState(false),
+    var _React$useState9 = React$2.useState(false),
       _React$useState10 = _slicedToArray(_React$useState9, 2),
       inMotion = _React$useState10[0],
       setInMotion = _React$useState10[1];
-    useLayoutEffect$3(function (firstMount) {
+    useLayoutEffect$1(function (firstMount) {
       if (!firstMount || mergedOpen) {
         setInMotion(true);
       }
     }, [mergedOpen]);
-    var _React$useState11 = React$4.useState(null),
+    var _React$useState11 = React$2.useState(null),
       _React$useState12 = _slicedToArray(_React$useState11, 2),
       motionPrepareResolve = _React$useState12[0],
       setMotionPrepareResolve = _React$useState12[1];
 
     // =========================== Align ============================
-    var _React$useState13 = React$4.useState([0, 0]),
+    var _React$useState13 = React$2.useState([0, 0]),
       _React$useState14 = _slicedToArray(_React$useState13, 2),
       mousePos = _React$useState14[0],
       setMousePos = _React$useState14[1];
@@ -3935,23 +3839,23 @@ function generateTrigger() {
       }
     };
     useWatch(mergedOpen, targetEle, popupEle, triggerAlign, onScroll);
-    useLayoutEffect$3(function () {
+    useLayoutEffect$1(function () {
       triggerAlign();
     }, [mousePos, popupPlacement]);
 
     // When no builtinPlacements and popupAlign changed
-    useLayoutEffect$3(function () {
+    useLayoutEffect$1(function () {
       if (mergedOpen && !(builtinPlacements !== null && builtinPlacements !== void 0 && builtinPlacements[popupPlacement])) {
         triggerAlign();
       }
     }, [JSON.stringify(popupAlign)]);
-    var alignedClassName = React$4.useMemo(function () {
+    var alignedClassName = React$2.useMemo(function () {
       var baseClassName = getAlignPopupClassName(builtinPlacements, prefixCls, alignInfo, alignPoint);
       return clsx(baseClassName, getPopupClassNameFromAlign === null || getPopupClassNameFromAlign === void 0 ? void 0 : getPopupClassNameFromAlign(alignInfo));
     }, [alignInfo, getPopupClassNameFromAlign, builtinPlacements, prefixCls, alignPoint]);
 
     // ============================ Refs ============================
-    React$4.useImperativeHandle(ref, function () {
+    React$2.useImperativeHandle(ref, function () {
       return {
         nativeElement: externalForwardRef.current,
         forceAlign: triggerAlign
@@ -3959,11 +3863,11 @@ function generateTrigger() {
     });
 
     // ========================== Stretch ===========================
-    var _React$useState15 = React$4.useState(0),
+    var _React$useState15 = React$2.useState(0),
       _React$useState16 = _slicedToArray(_React$useState15, 2),
       targetWidth = _React$useState16[0],
       setTargetWidth = _React$useState16[1];
-    var _React$useState17 = React$4.useState(0),
+    var _React$useState17 = React$2.useState(0),
       _React$useState18 = _slicedToArray(_React$useState17, 2),
       targetHeight = _React$useState18[0],
       setTargetHeight = _React$useState18[1];
@@ -3995,7 +3899,7 @@ function generateTrigger() {
         });
       });
     };
-    useLayoutEffect$3(function () {
+    useLayoutEffect$1(function () {
       if (motionPrepareResolve) {
         onAlign();
         motionPrepareResolve();
@@ -4133,7 +4037,7 @@ function generateTrigger() {
     });
 
     // Child Node
-    var triggerNode = /*#__PURE__*/React$4.cloneElement(child, _objectSpread2(_objectSpread2({}, mergedChildrenProps), passedProps));
+    var triggerNode = /*#__PURE__*/React$2.cloneElement(child, _objectSpread2(_objectSpread2({}, mergedChildrenProps), passedProps));
     var arrowPos = {
       x: arrowX,
       y: arrowY
@@ -4141,15 +4045,15 @@ function generateTrigger() {
     var innerArrow = arrow ? _objectSpread2({}, arrow !== true ? arrow : {}) : null;
 
     // Render
-    return /*#__PURE__*/React$4.createElement(React$4.Fragment, null, /*#__PURE__*/React$4.createElement(RefResizeObserver, {
+    return /*#__PURE__*/React$2.createElement(React$2.Fragment, null, /*#__PURE__*/React$2.createElement(RefResizeObserver, {
       disabled: !mergedOpen,
       ref: setTargetRef,
       onResize: onTargetResize
-    }, /*#__PURE__*/React$4.createElement(TriggerWrapper, {
+    }, /*#__PURE__*/React$2.createElement(TriggerWrapper, {
       getTriggerDOMNode: getTriggerDOMNode
-    }, triggerNode)), /*#__PURE__*/React$4.createElement(TriggerContext.Provider, {
+    }, triggerNode)), /*#__PURE__*/React$2.createElement(TriggerContext.Provider, {
       value: context
-    }, /*#__PURE__*/React$4.createElement(Popup, {
+    }, /*#__PURE__*/React$2.createElement(Popup, {
       portal: PortalComponent,
       ref: setPopupRef,
       prefixCls: prefixCls,
@@ -4283,7 +4187,7 @@ var SelectTrigger = function SelectTrigger(props, ref) {
   if (dropdownRender) {
     popupNode = dropdownRender(popupElement);
   }
-  var mergedBuiltinPlacements = React$4.useMemo(function () {
+  var mergedBuiltinPlacements = React$2.useMemo(function () {
     return builtinPlacements || getBuiltInPlacements(dropdownMatchSelectWidth);
   }, [builtinPlacements, dropdownMatchSelectWidth]);
 
@@ -4292,7 +4196,7 @@ var SelectTrigger = function SelectTrigger(props, ref) {
 
   // =================== Popup Width ===================
   var isNumberPopupWidth = typeof dropdownMatchSelectWidth === 'number';
-  var stretch = React$4.useMemo(function () {
+  var stretch = React$2.useMemo(function () {
     if (isNumberPopupWidth) {
       return null;
     }
@@ -4306,22 +4210,22 @@ var SelectTrigger = function SelectTrigger(props, ref) {
   }
 
   // ======================= Ref =======================
-  var popupRef = React$4.useRef(null);
-  React$4.useImperativeHandle(ref, function () {
+  var popupRef = React$2.useRef(null);
+  React$2.useImperativeHandle(ref, function () {
     return {
       getPopupElement: function getPopupElement() {
         return popupRef.current;
       }
     };
   });
-  return /*#__PURE__*/React$4.createElement(Trigger, _extends({}, restProps, {
+  return /*#__PURE__*/React$2.createElement(Trigger, _extends({}, restProps, {
     showAction: onPopupVisibleChange ? ['click'] : [],
     hideAction: onPopupVisibleChange ? ['click'] : [],
     popupPlacement: placement || (direction === 'rtl' ? 'bottomRight' : 'bottomLeft'),
     builtinPlacements: mergedBuiltinPlacements,
     prefixCls: dropdownPrefixCls,
     popupTransitionName: mergedTransitionName,
-    popup: /*#__PURE__*/React$4.createElement("div", {
+    popup: /*#__PURE__*/React$2.createElement("div", {
       ref: popupRef,
       onMouseEnter: onPopupMouseEnter
     }, popupNode),
@@ -4335,13 +4239,9 @@ var SelectTrigger = function SelectTrigger(props, ref) {
     onPopupVisibleChange: onPopupVisibleChange
   }), children);
 };
-var RefSelectTrigger = /*#__PURE__*/React$4.forwardRef(SelectTrigger);
+var RefSelectTrigger = /*#__PURE__*/React$2.forwardRef(SelectTrigger);
 RefSelectTrigger.displayName = 'SelectTrigger';
 
-function _toArray(arr) {
-  return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest();
-}
-
 function getKey(data, index) {
   var key = data.key;
   var value;
@@ -4464,7 +4364,7 @@ var DEFAULT_OMIT_PROPS = ['value', 'onChange', 'removeIcon', 'placeholder', 'aut
 function isMultiple(mode) {
   return mode === 'tags' || mode === 'multiple';
 }
-var BaseSelect = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
+var BaseSelect = /*#__PURE__*/React$2.forwardRef(function (props, ref) {
   var _customizeRawInputEle, _classNames2;
   var id = props.id,
     prefixCls = props.prefixCls,
@@ -4530,21 +4430,21 @@ var BaseSelect = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
   });
 
   // ============================= Mobile =============================
-  var _React$useState = React$4.useState(false),
+  var _React$useState = React$2.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     mobile = _React$useState2[0],
     setMobile = _React$useState2[1];
-  React$4.useEffect(function () {
+  React$2.useEffect(function () {
     // Only update on the client side
     setMobile(isMobile());
   }, []);
 
   // ============================== Refs ==============================
-  var containerRef = React$4.useRef(null);
-  var selectorDomRef = React$4.useRef(null);
-  var triggerRef = React$4.useRef(null);
-  var selectorRef = React$4.useRef(null);
-  var listRef = React$4.useRef(null);
+  var containerRef = React$2.useRef(null);
+  var selectorDomRef = React$2.useRef(null);
+  var triggerRef = React$2.useRef(null);
+  var selectorRef = React$2.useRef(null);
+  var listRef = React$2.useRef(null);
 
   /** Used for component focused management */
   var _useDelayReset = useDelayReset(),
@@ -4554,7 +4454,7 @@ var BaseSelect = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
     cancelSetMockFocused = _useDelayReset2[2];
 
   // =========================== Imperative ===========================
-  React$4.useImperativeHandle(ref, function () {
+  React$2.useImperativeHandle(ref, function () {
     var _selectorRef$current, _selectorRef$current2;
     return {
       focus: (_selectorRef$current = selectorRef.current) === null || _selectorRef$current === void 0 ? void 0 : _selectorRef$current.focus,
@@ -4567,7 +4467,7 @@ var BaseSelect = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
   });
 
   // ========================== Search Value ==========================
-  var mergedSearchValue = React$4.useMemo(function () {
+  var mergedSearchValue = React$2.useMemo(function () {
     var _displayValues$;
     if (mode !== 'combobox') {
       return searchValue;
@@ -4586,11 +4486,11 @@ var BaseSelect = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
 
   // ============================== Open ==============================
   // SSR not support Portal which means we need delay `open` for the first time render
-  var _React$useState3 = React$4.useState(false),
+  var _React$useState3 = React$2.useState(false),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     rendered = _React$useState4[0],
     setRendered = _React$useState4[1];
-  useLayoutEffect$3(function () {
+  useLayoutEffect$1(function () {
     setRendered(true);
   }, []);
   var _useMergedState = useMergedState$2(false, {
@@ -4608,7 +4508,7 @@ var BaseSelect = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
     mergedOpen = false;
   }
   var triggerOpen = emptyListContent ? false : mergedOpen;
-  var onToggleOpen = React$4.useCallback(function (newOpen) {
+  var onToggleOpen = React$2.useCallback(function (newOpen) {
     var nextOpen = newOpen !== undefined ? newOpen : !mergedOpen;
     if (!disabled) {
       setInnerOpen(nextOpen);
@@ -4619,7 +4519,7 @@ var BaseSelect = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
   }, [disabled, mergedOpen, setInnerOpen, onDropdownVisibleChange]);
 
   // ============================= Search =============================
-  var tokenWithEnter = React$4.useMemo(function () {
+  var tokenWithEnter = React$2.useMemo(function () {
     return (tokenSeparators || []).some(function (tokenSeparator) {
       return ['\n', '\r\n'].includes(tokenSeparator);
     });
@@ -4665,7 +4565,7 @@ var BaseSelect = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
   };
 
   // Close will clean up single mode search text
-  React$4.useEffect(function () {
+  React$2.useEffect(function () {
     if (!mergedOpen && !multiple && mode !== 'combobox') {
       onInternalSearch('', false, false);
     }
@@ -4673,7 +4573,7 @@ var BaseSelect = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
 
   // ============================ Disabled ============================
   // Close dropdown & remove focus state when disabled change
-  React$4.useEffect(function () {
+  React$2.useEffect(function () {
     if (innerOpen && disabled) {
       setInnerOpen(false);
     }
@@ -4765,7 +4665,7 @@ var BaseSelect = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
 
   // ========================== Focus / Blur ==========================
   /** Record real focus status */
-  var focusRef = React$4.useRef(false);
+  var focusRef = React$2.useRef(false);
   var onContainerFocus = function onContainerFocus() {
     setMockFocused(true);
     if (!disabled) {
@@ -4808,7 +4708,7 @@ var BaseSelect = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
 
   // Give focus back of Select
   var activeTimeoutIds = [];
-  React$4.useEffect(function () {
+  React$2.useEffect(function () {
     return function () {
       activeTimeoutIds.forEach(function (timeoutId) {
         return clearTimeout(timeoutId);
@@ -4843,7 +4743,7 @@ var BaseSelect = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
   };
 
   // ============================ Dropdown ============================
-  var _React$useState5 = React$4.useState({}),
+  var _React$useState5 = React$2.useState({}),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     forceUpdate = _React$useState6[1];
   // We need force update here since popup dom is render async
@@ -4866,7 +4766,7 @@ var BaseSelect = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
   }, triggerOpen, onToggleOpen, !!customizeRawInputElement);
 
   // ============================ Context =============================
-  var baseSelectContext = React$4.useMemo(function () {
+  var baseSelectContext = React$2.useMemo(function () {
     return _objectSpread2(_objectSpread2({}, props), {}, {
       notFoundContent: notFoundContent,
       open: mergedOpen,
@@ -4886,7 +4786,7 @@ var BaseSelect = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
   var showSuffixIcon = !!suffixIcon || loading;
   var arrowNode;
   if (showSuffixIcon) {
-    arrowNode = /*#__PURE__*/React$4.createElement(TransBtn, {
+    arrowNode = /*#__PURE__*/React$2.createElement(TransBtn, {
       className: clsx("".concat(prefixCls, "-arrow"), _defineProperty({}, "".concat(prefixCls, "-arrow-loading"), loading)),
       customizeIcon: suffixIcon,
       customizeIconProps: {
@@ -4915,7 +4815,7 @@ var BaseSelect = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
     clearNode = _useAllowClear.clearIcon;
 
   // =========================== OptionList ===========================
-  var optionList = /*#__PURE__*/React$4.createElement(OptionList, {
+  var optionList = /*#__PURE__*/React$2.createElement(OptionList, {
     ref: listRef
   });
 
@@ -4923,7 +4823,7 @@ var BaseSelect = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
   var mergedClassName = clsx(prefixCls, className, (_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefixCls, "-focused"), mockFocused), _defineProperty(_classNames2, "".concat(prefixCls, "-multiple"), multiple), _defineProperty(_classNames2, "".concat(prefixCls, "-single"), !multiple), _defineProperty(_classNames2, "".concat(prefixCls, "-allow-clear"), allowClear), _defineProperty(_classNames2, "".concat(prefixCls, "-show-arrow"), showSuffixIcon), _defineProperty(_classNames2, "".concat(prefixCls, "-disabled"), disabled), _defineProperty(_classNames2, "".concat(prefixCls, "-loading"), loading), _defineProperty(_classNames2, "".concat(prefixCls, "-open"), mergedOpen), _defineProperty(_classNames2, "".concat(prefixCls, "-customize-input"), customizeInputElement), _defineProperty(_classNames2, "".concat(prefixCls, "-show-search"), mergedShowSearch), _classNames2));
 
   // >>> Selector
-  var selectorNode = /*#__PURE__*/React$4.createElement(RefSelectTrigger, {
+  var selectorNode = /*#__PURE__*/React$2.createElement(RefSelectTrigger, {
     ref: triggerRef,
     disabled: disabled,
     prefixCls: prefixCls,
@@ -4946,9 +4846,9 @@ var BaseSelect = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
     },
     onPopupVisibleChange: onTriggerVisibleChange,
     onPopupMouseEnter: onPopupMouseEnter
-  }, customizeRawInputElement ? /*#__PURE__*/React$4.cloneElement(customizeRawInputElement, {
+  }, customizeRawInputElement ? /*#__PURE__*/React$2.cloneElement(customizeRawInputElement, {
     ref: customizeRawInputRef
-  }) : /*#__PURE__*/React$4.createElement(ForwardSelector, _extends({}, props, {
+  }) : /*#__PURE__*/React$2.createElement(ForwardSelector, _extends({}, props, {
     domRef: selectorDomRef,
     prefixCls: prefixCls,
     inputElement: customizeInputElement,
@@ -4977,7 +4877,7 @@ var BaseSelect = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
   if (customizeRawInputElement) {
     renderNode = selectorNode;
   } else {
-    renderNode = /*#__PURE__*/React$4.createElement("div", _extends({
+    renderNode = /*#__PURE__*/React$2.createElement("div", _extends({
       className: mergedClassName
     }, domProps, {
       ref: containerRef,
@@ -4986,7 +4886,7 @@ var BaseSelect = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
       onKeyUp: onInternalKeyUp,
       onFocus: onContainerFocus,
       onBlur: onContainerBlur
-    }), mockFocused && !mergedOpen && /*#__PURE__*/React$4.createElement("span", {
+    }), mockFocused && !mergedOpen && /*#__PURE__*/React$2.createElement("span", {
       style: {
         width: 0,
         height: 0,
@@ -5001,7 +4901,7 @@ var BaseSelect = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
       return ['number', 'string'].includes(_typeof$1(label)) ? label : value;
     }).join(', '))), selectorNode, arrowNode, mergedAllowClear && clearNode);
   }
-  return /*#__PURE__*/React$4.createElement(BaseSelectContext.Provider, {
+  return /*#__PURE__*/React$2.createElement(BaseSelectContext.Provider, {
     value: baseSelectContext
   }, renderNode);
 });
@@ -5015,11 +4915,11 @@ if (process.env.NODE_ENV !== 'production') {
  * Cache `value` related LabeledValue & options.
  */
 var useCache = (function (labeledValues, valueOptions) {
-  var cacheRef = React$4.useRef({
+  var cacheRef = React$2.useRef({
     values: new Map(),
     options: new Map()
   });
-  var filledLabeledValues = React$4.useMemo(function () {
+  var filledLabeledValues = React$2.useMemo(function () {
     var _cacheRef$current = cacheRef.current,
       prevValueCache = _cacheRef$current.values,
       prevOptionCache = _cacheRef$current.options;
@@ -5046,7 +4946,7 @@ var useCache = (function (labeledValues, valueOptions) {
     cacheRef.current.options = optionCache;
     return patchedValues;
   }, [labeledValues, valueOptions]);
-  var getOption = React$4.useCallback(function (val) {
+  var getOption = React$2.useCallback(function (val) {
     return valueOptions.get(val) || cacheRef.current.options.get(val);
   }, [valueOptions]);
   return [filledLabeledValues, getOption];
@@ -5056,7 +4956,7 @@ function includes(test, search) {
   return toArray$1(test).join('').toUpperCase().includes(search);
 }
 var useFilterOptions = (function (options, fieldNames, searchValue, filterOption, optionFilterProp) {
-  return React$4.useMemo(function () {
+  return React$2.useMemo(function () {
     if (!searchValue || filterOption === false) {
       return options;
     }
@@ -5113,7 +5013,7 @@ var useFilterOptions = (function (options, fieldNames, searchValue, filterOption
 var uuid$1 = 0;
 
 /** Is client side and not jsdom */
-var isBrowserClient$1 = process.env.NODE_ENV !== 'test' && canUseDom$1();
+var isBrowserClient$1 = process.env.NODE_ENV !== 'test' && canUseDom();
 
 /** Get unique id for accessibility usage */
 function getUUID$1() {
@@ -5131,11 +5031,11 @@ function getUUID$1() {
 }
 function useId$2(id) {
   // Inner id for accessibility usage. Only work in client side
-  var _React$useState = React$4.useState(),
+  var _React$useState = React$2.useState(),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     innerId = _React$useState2[0],
     setInnerId = _React$useState2[1];
-  React$4.useEffect(function () {
+  React$2.useEffect(function () {
     setInnerId("rc_select_".concat(getUUID$1()));
   }, []);
   return id || innerId;
@@ -5159,7 +5059,7 @@ function convertNodeToOption(node) {
 function convertChildrenToData(nodes) {
   var optionOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   return toArray$2(nodes).map(function (node, index) {
-    if (! /*#__PURE__*/React$4.isValidElement(node) || !node.type) {
+    if (! /*#__PURE__*/React$2.isValidElement(node) || !node.type) {
       return null;
     }
     var _ref2 = node,
@@ -5187,7 +5087,7 @@ function convertChildrenToData(nodes) {
  * Then flatten the `options`.
  */
 function useOptions(options, children, fieldNames, optionFilterProp, optionLabelProp) {
-  return React$4.useMemo(function () {
+  return React$2.useMemo(function () {
     var mergedOptions = options;
     var childrenAsData = !options;
     if (childrenAsData) {
@@ -5230,9 +5130,9 @@ function useOptions(options, children, fieldNames, optionFilterProp, optionLabel
  * but redirect to real function.
  */
 function useRefFunc(callback) {
-  var funcRef = React$4.useRef();
+  var funcRef = React$2.useRef();
   funcRef.current = callback;
-  var cacheFn = React$4.useCallback(function () {
+  var cacheFn = React$2.useCallback(function () {
     return funcRef.current.apply(funcRef, arguments);
   }, []);
   return cacheFn;
@@ -5255,7 +5155,7 @@ var Option = function Option() {
 Option.isSelectOption = true;
 
 function omit(obj, fields) {
-  var clone = _objectSpread2({}, obj);
+  var clone = Object.assign({}, obj);
   if (Array.isArray(fields)) {
     fields.forEach(function (key) {
       delete clone[key];
@@ -5267,7 +5167,7 @@ function omit(obj, fields) {
 /**
  * Fill component to provided the scroll content real height.
  */
-var Filler = /*#__PURE__*/React$4.forwardRef(function (_ref, ref) {
+var Filler = /*#__PURE__*/React$2.forwardRef(function (_ref, ref) {
   var height = _ref.height,
     offsetY = _ref.offsetY,
     offsetX = _ref.offsetX,
@@ -5293,16 +5193,16 @@ var Filler = /*#__PURE__*/React$4.forwardRef(function (_ref, ref) {
       transform: "translateY(".concat(offsetY, "px)")
     }, rtl ? 'marginRight' : 'marginLeft', -offsetX), "position", 'absolute'), "left", 0), "right", 0), "top", 0));
   }
-  return /*#__PURE__*/React$4.createElement("div", {
+  return /*#__PURE__*/React$2.createElement("div", {
     style: outerStyle
-  }, /*#__PURE__*/React$4.createElement(RefResizeObserver, {
+  }, /*#__PURE__*/React$2.createElement(RefResizeObserver, {
     onResize: function onResize(_ref2) {
       var offsetHeight = _ref2.offsetHeight;
       if (offsetHeight && onInnerResize) {
         onInnerResize();
       }
     }
-  }, /*#__PURE__*/React$4.createElement("div", _extends({
+  }, /*#__PURE__*/React$2.createElement("div", _extends({
     style: innerStyle,
     className: clsx(_defineProperty({}, "".concat(prefixCls, "-holder-inner"), prefixCls)),
     ref: ref
@@ -5313,10 +5213,10 @@ Filler.displayName = 'Filler';
 function Item(_ref) {
   var children = _ref.children,
     setRef = _ref.setRef;
-  var refFunc = React$4.useCallback(function (node) {
+  var refFunc = React$2.useCallback(function (node) {
     setRef(node);
   }, []);
-  return /*#__PURE__*/React$4.cloneElement(children, {
+  return /*#__PURE__*/React$2.cloneElement(children, {
     ref: refFunc
   });
 }
@@ -5331,7 +5231,7 @@ function useChildren(list, startIndex, endIndex, scrollWidth, setNodeRef, render
       }
     });
     var key = getKey(item);
-    return /*#__PURE__*/React$4.createElement(Item, {
+    return /*#__PURE__*/React$2.createElement(Item, {
       key: key,
       setRef: function setRef(ele) {
         return setNodeRef(item, ele);
@@ -5402,15 +5302,15 @@ function findListDiffIndex(originList, targetList, getKey) {
 }
 
 function useDiffItem(data, getKey, onDiff) {
-  var _React$useState = React$4.useState(data),
+  var _React$useState = React$2.useState(data),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     prevData = _React$useState2[0],
     setPrevData = _React$useState2[1];
-  var _React$useState3 = React$4.useState(null),
+  var _React$useState3 = React$2.useState(null),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     diffItem = _React$useState4[0],
     setDiffItem = _React$useState4[1];
-  React$4.useEffect(function () {
+  React$2.useEffect(function () {
     var diff = findListDiffIndex(prevData || [], data || [], getKey);
     if ((diff === null || diff === void 0 ? void 0 : diff.index) !== undefined) {
       onDiff === null || onDiff === void 0 || onDiff(diff.index);
@@ -5547,7 +5447,7 @@ onWheelDelta) {
  * Let cache result for each render phase.
  */
 function useGetSize(mergedData, getKey, heights, itemHeight) {
-  var _React$useMemo = React$4.useMemo(function () {
+  var _React$useMemo = React$2.useMemo(function () {
       return [new Map(), []];
     }, [mergedData, heights.id, itemHeight]),
     _React$useMemo2 = _slicedToArray(_React$useMemo, 2),
@@ -5614,7 +5514,7 @@ var CacheMap = /*#__PURE__*/function () {
 }();
 
 function useHeights(getKey, onItemAdd, onItemRemove) {
-  var _React$useState = React$4.useState(0),
+  var _React$useState = React$2.useState(0),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     updatedMark = _React$useState2[0],
     setUpdatedMark = _React$useState2[1];
@@ -5724,7 +5624,7 @@ function useMobileTouchMove(inVirtual, listRef, callback) {
       elementRef.current.removeEventListener('touchend', onTouchEnd);
     }
   };
-  useLayoutEffect$3(function () {
+  useLayoutEffect$1(function () {
     if (inVirtual) {
       listRef.current.addEventListener('touchstart', onTouchStart);
     }
@@ -5739,14 +5639,14 @@ function useMobileTouchMove(inVirtual, listRef, callback) {
 
 var MAX_TIMES = 10;
 function useScrollTo(containerRef, data, heights, itemHeight, getKey, collectHeight, syncScrollTop, triggerFlash) {
-  var scrollRef = React$4.useRef();
-  var _React$useState = React$4.useState(null),
+  var scrollRef = React$2.useRef();
+  var _React$useState = React$2.useState(null),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     syncState = _React$useState2[0],
     setSyncState = _React$useState2[1];
 
   // ========================== Sync Scroll ==========================
-  useLayoutEffect$3(function () {
+  useLayoutEffect$1(function () {
     if (syncState && syncState.times < MAX_TIMES) {
       // Never reach
       if (!containerRef.current) {
@@ -5877,7 +5777,7 @@ function getPageXY(e, horizontal) {
   var obj = 'touches' in e ? e.touches[0] : e;
   return obj[horizontal ? 'pageX' : 'pageY'];
 }
-var ScrollBar = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
+var ScrollBar = /*#__PURE__*/React$2.forwardRef(function (props, ref) {
   var prefixCls = props.prefixCls,
     rtl = props.rtl,
     scrollOffset = props.scrollOffset,
@@ -5890,30 +5790,30 @@ var ScrollBar = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
     containerSize = props.containerSize,
     style = props.style,
     propsThumbStyle = props.thumbStyle;
-  var _React$useState = React$4.useState(false),
+  var _React$useState = React$2.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     dragging = _React$useState2[0],
     setDragging = _React$useState2[1];
-  var _React$useState3 = React$4.useState(null),
+  var _React$useState3 = React$2.useState(null),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     pageXY = _React$useState4[0],
     setPageXY = _React$useState4[1];
-  var _React$useState5 = React$4.useState(null),
+  var _React$useState5 = React$2.useState(null),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     startTop = _React$useState6[0],
     setStartTop = _React$useState6[1];
   var isLTR = !rtl;
 
   // ========================= Refs =========================
-  var scrollbarRef = React$4.useRef();
-  var thumbRef = React$4.useRef();
+  var scrollbarRef = React$2.useRef();
+  var thumbRef = React$2.useRef();
 
   // ======================= Visible ========================
-  var _React$useState7 = React$4.useState(false),
+  var _React$useState7 = React$2.useState(false),
     _React$useState8 = _slicedToArray(_React$useState7, 2),
     visible = _React$useState8[0],
     setVisible = _React$useState8[1];
-  var visibleTimeoutRef = React$4.useRef();
+  var visibleTimeoutRef = React$2.useRef();
   var delayHidden = function delayHidden() {
     clearTimeout(visibleTimeoutRef.current);
     setVisible(true);
@@ -5927,7 +5827,7 @@ var ScrollBar = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
   var enableOffsetRange = containerSize - spinSize || 0;
 
   // ========================= Top ==========================
-  var top = React$4.useMemo(function () {
+  var top = React$2.useMemo(function () {
     if (scrollOffset === 0 || enableScrollRange === 0) {
       return 0;
     }
@@ -5942,7 +5842,7 @@ var ScrollBar = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
   };
 
   // ======================== Thumb =========================
-  var stateRef = React$4.useRef({
+  var stateRef = React$2.useRef({
     top: top,
     dragging: dragging,
     pageY: pageXY,
@@ -5968,7 +5868,7 @@ var ScrollBar = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
   // React make event as passive, but we need to preventDefault
   // Add event on dom directly instead.
   // ref: https://github.com/facebook/react/issues/9809
-  React$4.useEffect(function () {
+  React$2.useEffect(function () {
     var onScrollbarTouchStart = function onScrollbarTouchStart(e) {
       e.preventDefault();
     };
@@ -5983,11 +5883,11 @@ var ScrollBar = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
   }, []);
 
   // Pass to effect
-  var enableScrollRangeRef = React$4.useRef();
+  var enableScrollRangeRef = React$2.useRef();
   enableScrollRangeRef.current = enableScrollRange;
-  var enableOffsetRangeRef = React$4.useRef();
+  var enableOffsetRangeRef = React$2.useRef();
   enableOffsetRangeRef.current = enableOffsetRange;
-  React$4.useEffect(function () {
+  React$2.useEffect(function () {
     if (dragging) {
       var moveRafId;
       var onMouseMove = function onMouseMove(e) {
@@ -6032,12 +5932,12 @@ var ScrollBar = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
       };
     }
   }, [dragging]);
-  React$4.useEffect(function () {
+  React$2.useEffect(function () {
     delayHidden();
   }, [scrollOffset]);
 
   // ====================== Imperative ======================
-  React$4.useImperativeHandle(ref, function () {
+  React$2.useImperativeHandle(ref, function () {
     return {
       delayHidden: delayHidden
     };
@@ -6087,13 +5987,13 @@ var ScrollBar = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
     thumbStyle.height = spinSize;
     thumbStyle.top = top;
   }
-  return /*#__PURE__*/React$4.createElement("div", {
+  return /*#__PURE__*/React$2.createElement("div", {
     ref: scrollbarRef,
     className: clsx(scrollbarPrefixCls, _defineProperty(_defineProperty(_defineProperty({}, "".concat(scrollbarPrefixCls, "-horizontal"), horizontal), "".concat(scrollbarPrefixCls, "-vertical"), !horizontal), "".concat(scrollbarPrefixCls, "-visible"), visible)),
     style: _objectSpread2(_objectSpread2({}, containerStyle), style),
     onMouseDown: onContainerMouseDown,
     onMouseMove: delayHidden
-  }, /*#__PURE__*/React$4.createElement("div", {
+  }, /*#__PURE__*/React$2.createElement("div", {
     ref: thumbRef,
     className: clsx("".concat(scrollbarPrefixCls, "-thumb"), _defineProperty({}, "".concat(scrollbarPrefixCls, "-thumb-moving"), dragging)),
     style: _objectSpread2(_objectSpread2({}, thumbStyle), propsThumbStyle),
@@ -6148,7 +6048,7 @@ function RawList(props, ref) {
     restProps = _objectWithoutProperties(props, _excluded$2);
 
   // =============================== Item Key ===============================
-  var getKey = React$4.useCallback(function (item) {
+  var getKey = React$2.useCallback(function (item) {
     if (typeof itemKey === 'function') {
       return itemKey(item);
     }
@@ -6165,7 +6065,7 @@ function RawList(props, ref) {
 
   // ================================= MISC =================================
   var useVirtual = !!(virtual !== false && height && itemHeight);
-  var containerHeight = React$4.useMemo(function () {
+  var containerHeight = React$2.useMemo(function () {
     return Object.values(heights.maps).reduce(function (total, curr) {
       return total + curr;
     }, 0);
@@ -6179,15 +6079,15 @@ function RawList(props, ref) {
 
   // =============================== Item Key ===============================
 
-  var _useState = useState$1(0),
+  var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     offsetTop = _useState2[0],
     setOffsetTop = _useState2[1];
-  var _useState3 = useState$1(0),
+  var _useState3 = useState(0),
     _useState4 = _slicedToArray(_useState3, 2),
     offsetLeft = _useState4[0],
     setOffsetLeft = _useState4[1];
-  var _useState5 = useState$1(false),
+  var _useState5 = useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
     scrollMoving = _useState6[0],
     setScrollMoving = _useState6[1];
@@ -6229,7 +6129,7 @@ function RawList(props, ref) {
   diffItemRef.current = diffItem;
 
   // ========================== Visible Calculation =========================
-  var _React$useMemo = React$4.useMemo(function () {
+  var _React$useMemo = React$2.useMemo(function () {
       if (!useVirtual) {
         return {
           scrollHeight: undefined,
@@ -6300,7 +6200,7 @@ function RawList(props, ref) {
   rangeRef.current.end = end;
 
   // ================================= Size =================================
-  var _React$useState = React$4.useState({
+  var _React$useState = React$2.useState({
       width: 0,
       height: height
     }),
@@ -6317,10 +6217,10 @@ function RawList(props, ref) {
   // Hack on scrollbar to enable flash call
   var verticalScrollBarRef = useRef();
   var horizontalScrollBarRef = useRef();
-  var horizontalScrollBarSpinSize = React$4.useMemo(function () {
+  var horizontalScrollBarSpinSize = React$2.useMemo(function () {
     return getSpinSize(size.width, scrollWidth);
   }, [size.width, scrollWidth]);
-  var verticalScrollBarSpinSize = React$4.useMemo(function () {
+  var verticalScrollBarSpinSize = React$2.useMemo(function () {
     return getSpinSize(size.height, scrollHeight);
   }, [size.height, scrollHeight]);
 
@@ -6425,7 +6325,7 @@ function RawList(props, ref) {
     });
     return true;
   });
-  useLayoutEffect$3(function () {
+  useLayoutEffect$1(function () {
     // Firefox only
     function onMozMousePixelScroll(e) {
       if (useVirtual) {
@@ -6444,7 +6344,7 @@ function RawList(props, ref) {
   }, [useVirtual]);
 
   // Sync scroll left
-  useLayoutEffect$3(function () {
+  useLayoutEffect$1(function () {
     if (scrollWidth) {
       var newOffsetLeft = keepInHorizontalRange(offsetLeft);
       setOffsetLeft(newOffsetLeft);
@@ -6463,7 +6363,7 @@ function RawList(props, ref) {
   var _scrollTo = useScrollTo(componentRef, mergedData, heights, itemHeight, getKey, function () {
     return collectHeight(true);
   }, syncScrollTop, delayHideScrollBar);
-  React$4.useImperativeHandle(ref, function () {
+  React$2.useImperativeHandle(ref, function () {
     return {
       getScrollInfo: getVirtualScrollInfo,
       scrollTo: function scrollTo(config) {
@@ -6487,7 +6387,7 @@ function RawList(props, ref) {
 
   // ================================ Effect ================================
   /** We need told outside that some list not rendered */
-  useLayoutEffect$3(function () {
+  useLayoutEffect$1(function () {
     if (onVisibleChange) {
       var renderList = mergedData.slice(start, end + 1);
       onVisibleChange(renderList, mergedData);
@@ -6525,20 +6425,20 @@ function RawList(props, ref) {
   if (isRTL) {
     containerProps.dir = 'rtl';
   }
-  return /*#__PURE__*/React$4.createElement("div", _extends({
+  return /*#__PURE__*/React$2.createElement("div", _extends({
     style: _objectSpread2(_objectSpread2({}, style), {}, {
       position: 'relative'
     }),
     className: mergedClassName
-  }, containerProps, restProps), /*#__PURE__*/React$4.createElement(RefResizeObserver, {
+  }, containerProps, restProps), /*#__PURE__*/React$2.createElement(RefResizeObserver, {
     onResize: onHolderResize
-  }, /*#__PURE__*/React$4.createElement(Component, {
+  }, /*#__PURE__*/React$2.createElement(Component, {
     className: "".concat(prefixCls, "-holder"),
     style: componentStyle,
     ref: componentRef,
     onScroll: onFallbackScroll,
     onMouseEnter: delayHideScrollBar
-  }, /*#__PURE__*/React$4.createElement(Filler, {
+  }, /*#__PURE__*/React$2.createElement(Filler, {
     prefixCls: prefixCls,
     height: scrollHeight,
     offsetX: offsetLeft,
@@ -6549,7 +6449,7 @@ function RawList(props, ref) {
     innerProps: innerProps,
     rtl: isRTL,
     extra: extraContent
-  }, listChildren))), inVirtual && scrollHeight > height && /*#__PURE__*/React$4.createElement(ScrollBar, {
+  }, listChildren))), inVirtual && scrollHeight > height && /*#__PURE__*/React$2.createElement(ScrollBar, {
     ref: verticalScrollBarRef,
     prefixCls: prefixCls,
     scrollOffset: offsetTop,
@@ -6562,7 +6462,7 @@ function RawList(props, ref) {
     containerSize: size.height,
     style: styles === null || styles === void 0 ? void 0 : styles.verticalScrollBar,
     thumbStyle: styles === null || styles === void 0 ? void 0 : styles.verticalScrollBarThumb
-  }), inVirtual && scrollWidth > size.width && /*#__PURE__*/React$4.createElement(ScrollBar, {
+  }), inVirtual && scrollWidth > size.width && /*#__PURE__*/React$2.createElement(ScrollBar, {
     ref: horizontalScrollBarRef,
     prefixCls: prefixCls,
     scrollOffset: offsetLeft,
@@ -6578,12 +6478,12 @@ function RawList(props, ref) {
     thumbStyle: styles === null || styles === void 0 ? void 0 : styles.horizontalScrollBarThumb
   }));
 }
-var List = /*#__PURE__*/React$4.forwardRef(RawList);
+var List = /*#__PURE__*/React$2.forwardRef(RawList);
 List.displayName = 'List';
 
 // Use any here since we do not get the type during compilation
 
-var SelectContext = /*#__PURE__*/React$4.createContext(null);
+var SelectContext = /*#__PURE__*/React$2.createContext(null);
 
 /* istanbul ignore file */
 function isPlatformMac() {
@@ -6613,7 +6513,7 @@ var OptionList = function OptionList(_, ref) {
     toggleOpen = _useBaseProps.toggleOpen,
     notFoundContent = _useBaseProps.notFoundContent,
     onPopupScroll = _useBaseProps.onPopupScroll;
-  var _React$useContext = React$4.useContext(SelectContext),
+  var _React$useContext = React$2.useContext(SelectContext),
     flattenOptions = _React$useContext.flattenOptions,
     onActiveValue = _React$useContext.onActiveValue,
     defaultActiveFirstOption = _React$useContext.defaultActiveFirstOption,
@@ -6633,7 +6533,7 @@ var OptionList = function OptionList(_, ref) {
   });
 
   // =========================== List ===========================
-  var listRef = React$4.useRef(null);
+  var listRef = React$2.useRef(null);
   var onListMouseDown = function onListMouseDown(event) {
     event.preventDefault();
   };
@@ -6660,7 +6560,7 @@ var OptionList = function OptionList(_, ref) {
     }
     return -1;
   };
-  var _React$useState = React$4.useState(function () {
+  var _React$useState = React$2.useState(function () {
       return getEnabledActiveIndex(0);
     }),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -6688,7 +6588,7 @@ var OptionList = function OptionList(_, ref) {
   }, [memoFlattenOptions.length, searchValue]);
 
   // https://github.com/ant-design/ant-design/issues/34975
-  var isSelected = React$4.useCallback(function (value) {
+  var isSelected = React$2.useCallback(function (value) {
     return rawValues.has(value) && mode !== 'combobox';
   }, [mode, _toConsumableArray(rawValues).toString(), rawValues.size]);
 
@@ -6738,7 +6638,7 @@ var OptionList = function OptionList(_, ref) {
   };
 
   // ========================= Keyboard =========================
-  React$4.useImperativeHandle(ref, function () {
+  React$2.useImperativeHandle(ref, function () {
     return {
       onKeyDown: function onKeyDown(event) {
         var which = event.which,
@@ -6805,7 +6705,7 @@ var OptionList = function OptionList(_, ref) {
 
   // ========================== Render ==========================
   if (memoFlattenOptions.length === 0) {
-    return /*#__PURE__*/React$4.createElement("div", {
+    return /*#__PURE__*/React$2.createElement("div", {
       role: "listbox",
       id: "".concat(id, "_list"),
       className: "".concat(itemPrefixCls, "-empty"),
@@ -6833,7 +6733,7 @@ var OptionList = function OptionList(_, ref) {
     var group = item.group;
     var attrs = pickAttrs(itemData, true);
     var mergedLabel = getLabel(item);
-    return item ? /*#__PURE__*/React$4.createElement("div", _extends({
+    return item ? /*#__PURE__*/React$2.createElement("div", _extends({
       "aria-label": typeof mergedLabel === 'string' && !group ? mergedLabel : null
     }, attrs, {
       key: index
@@ -6845,13 +6745,13 @@ var OptionList = function OptionList(_, ref) {
     role: 'listbox',
     id: "".concat(id, "_list")
   };
-  return /*#__PURE__*/React$4.createElement(React$4.Fragment, null, virtual && /*#__PURE__*/React$4.createElement("div", _extends({}, a11yProps, {
+  return /*#__PURE__*/React$2.createElement(React$2.Fragment, null, virtual && /*#__PURE__*/React$2.createElement("div", _extends({}, a11yProps, {
     style: {
       height: 0,
       width: 0,
       overflow: 'hidden'
     }
-  }), renderItem(activeIndex - 1), renderItem(activeIndex), renderItem(activeIndex + 1)), /*#__PURE__*/React$4.createElement(List, {
+  }), renderItem(activeIndex - 1), renderItem(activeIndex), renderItem(activeIndex + 1)), /*#__PURE__*/React$2.createElement(List, {
     itemKey: "key",
     ref: listRef,
     data: memoFlattenOptions,
@@ -6876,7 +6776,7 @@ var OptionList = function OptionList(_, ref) {
     if (group) {
       var _data$title;
       var groupTitle = (_data$title = data.title) !== null && _data$title !== void 0 ? _data$title : isTitleType(label) ? label.toString() : undefined;
-      return /*#__PURE__*/React$4.createElement("div", {
+      return /*#__PURE__*/React$2.createElement("div", {
         className: clsx(itemPrefixCls, "".concat(itemPrefixCls, "-group")),
         title: groupTitle
       }, label !== undefined ? label : key);
@@ -6903,7 +6803,7 @@ var OptionList = function OptionList(_, ref) {
     if (title !== undefined) {
       optionTitle = title;
     }
-    return /*#__PURE__*/React$4.createElement("div", _extends({}, pickAttrs(passedProps), !virtual ? getItemAriaProps(item, itemIndex) : {}, {
+    return /*#__PURE__*/React$2.createElement("div", _extends({}, pickAttrs(passedProps), !virtual ? getItemAriaProps(item, itemIndex) : {}, {
       "aria-selected": selected,
       className: optionClassName,
       title: optionTitle,
@@ -6919,9 +6819,9 @@ var OptionList = function OptionList(_, ref) {
         }
       },
       style: style
-    }), /*#__PURE__*/React$4.createElement("div", {
+    }), /*#__PURE__*/React$2.createElement("div", {
       className: "".concat(optionPrefixCls, "-content")
-    }, content), /*#__PURE__*/React$4.isValidElement(menuItemSelectedIcon) || selected, iconVisible && /*#__PURE__*/React$4.createElement(TransBtn, {
+    }, content), /*#__PURE__*/React$2.isValidElement(menuItemSelectedIcon) || selected, iconVisible && /*#__PURE__*/React$2.createElement(TransBtn, {
       className: "".concat(itemPrefixCls, "-option-state"),
       customizeIcon: menuItemSelectedIcon,
       customizeIconProps: {
@@ -6930,7 +6830,7 @@ var OptionList = function OptionList(_, ref) {
     }, selected ? '✓' : null));
   }));
 };
-var RefOptionList$1 = /*#__PURE__*/React$4.forwardRef(OptionList);
+var RefOptionList$1 = /*#__PURE__*/React$2.forwardRef(OptionList);
 RefOptionList$1.displayName = 'OptionList';
 
 function warningProps(props) {
@@ -7000,7 +6900,7 @@ function warningProps(props) {
   if (children) {
     var invalidateChildType = null;
     toArray$2(children).some(function (node) {
-      if (! /*#__PURE__*/React$4.isValidElement(node) || !node.type) {
+      if (! /*#__PURE__*/React$2.isValidElement(node) || !node.type) {
         return false;
       }
       var _ref = node,
@@ -7010,7 +6910,7 @@ function warningProps(props) {
       }
       if (type.isSelectOptGroup) {
         var allChildrenValid = toArray$2(node.props.children).every(function (subNode) {
-          if (! /*#__PURE__*/React$4.isValidElement(subNode) || !node.type || subNode.type.isSelectOption) {
+          if (! /*#__PURE__*/React$2.isValidElement(subNode) || !node.type || subNode.type.isSelectOption) {
             return true;
           }
           invalidateChildType = subNode.type;
@@ -7057,7 +6957,7 @@ var OMIT_DOM_PROPS = ['inputValue'];
 function isRawValue(value) {
   return !value || _typeof$1(value) !== 'object';
 }
-var Select = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
+var Select = /*#__PURE__*/React$2.forwardRef(function (props, ref) {
   var id = props.id,
     mode = props.mode,
     _props$prefixCls = props.prefixCls,
@@ -7095,7 +6995,7 @@ var Select = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
   var mergedId = useId$2(id);
   var multiple = isMultiple(mode);
   var childrenAsData = !!(!options && children);
-  var mergedFilterOption = React$4.useMemo(function () {
+  var mergedFilterOption = React$2.useMemo(function () {
     if (filterOption === undefined && mode === 'combobox') {
       return false;
     }
@@ -7103,7 +7003,7 @@ var Select = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
   }, [filterOption, mode]);
 
   // ========================= FieldNames =========================
-  var mergedFieldNames = React$4.useMemo(function () {
+  var mergedFieldNames = React$2.useMemo(function () {
     return fillFieldNames$2(fieldNames, childrenAsData);
   }, /* eslint-disable react-hooks/exhaustive-deps */
   [
@@ -7129,7 +7029,7 @@ var Select = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
     mergedOptions = parsedOptions.options;
 
   // ========================= Wrap Value =========================
-  var convert2LabelValues = React$4.useCallback(function (draftValues) {
+  var convert2LabelValues = React$2.useCallback(function (draftValues) {
     // Convert to array
     var valueList = toArray$1(draftValues);
 
@@ -7162,7 +7062,7 @@ var Select = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
         // Warning if label not same as provided
         if (process.env.NODE_ENV !== 'production' && !optionLabelProp) {
           var optionLabel = option === null || option === void 0 ? void 0 : option[mergedFieldNames.label];
-          if (optionLabel !== undefined && ! /*#__PURE__*/React$4.isValidElement(optionLabel) && ! /*#__PURE__*/React$4.isValidElement(rawLabel) && optionLabel !== rawLabel) {
+          if (optionLabel !== undefined && ! /*#__PURE__*/React$2.isValidElement(optionLabel) && ! /*#__PURE__*/React$2.isValidElement(rawLabel) && optionLabel !== rawLabel) {
             warningOnce(false, '`label` of `value` is not same as `label` in Select options.');
           }
         }
@@ -7186,7 +7086,7 @@ var Select = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
     setInternalValue = _useMergedState4[1];
 
   // Merged value with LabelValueType
-  var rawLabeledValues = React$4.useMemo(function () {
+  var rawLabeledValues = React$2.useMemo(function () {
     var _values$;
     var values = convert2LabelValues(internalValue);
 
@@ -7202,7 +7102,7 @@ var Select = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
     _useCache2 = _slicedToArray(_useCache, 2),
     mergedValues = _useCache2[0],
     getMixedOption = _useCache2[1];
-  var displayValues = React$4.useMemo(function () {
+  var displayValues = React$2.useMemo(function () {
     // `null` need show as placeholder instead
     // https://github.com/ant-design/ant-design/issues/25057
     if (!mode && mergedValues.length === 1) {
@@ -7220,12 +7120,12 @@ var Select = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
   }, [mode, mergedValues]);
 
   /** Convert `displayValues` to raw value type set */
-  var rawValues = React$4.useMemo(function () {
+  var rawValues = React$2.useMemo(function () {
     return new Set(mergedValues.map(function (val) {
       return val.value;
     }));
   }, [mergedValues]);
-  React$4.useEffect(function () {
+  React$2.useEffect(function () {
     if (mode === 'combobox') {
       var _mergedValues$;
       var strValue = (_mergedValues$ = mergedValues[0]) === null || _mergedValues$ === void 0 ? void 0 : _mergedValues$.value;
@@ -7242,7 +7142,7 @@ var Select = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
   });
 
   // Fill tag as option if mode is `tags`
-  var filledTagOptions = React$4.useMemo(function () {
+  var filledTagOptions = React$2.useMemo(function () {
     if (mode !== 'tags') {
       return mergedOptions;
     }
@@ -7269,7 +7169,7 @@ var Select = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
   var filteredOptions = useFilterOptions(filledTagOptions, mergedFieldNames, mergedSearchValue, mergedFilterOption, optionFilterProp);
 
   // Fill options with search value if needed
-  var filledSearchOptions = React$4.useMemo(function () {
+  var filledSearchOptions = React$2.useMemo(function () {
     if (mode !== 'tags' || !mergedSearchValue || filteredOptions.some(function (item) {
       return item[optionFilterProp || 'value'] === mergedSearchValue;
     })) {
@@ -7284,7 +7184,7 @@ var Select = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
     // Fill search value as option
     return [createTagOption(mergedSearchValue)].concat(_toConsumableArray(filteredOptions));
   }, [createTagOption, optionFilterProp, mode, filteredOptions, mergedSearchValue, mergedFieldNames]);
-  var orderedFilteredOptions = React$4.useMemo(function () {
+  var orderedFilteredOptions = React$2.useMemo(function () {
     if (!filterSort) {
       return filledSearchOptions;
     }
@@ -7292,7 +7192,7 @@ var Select = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
       return filterSort(a, b);
     });
   }, [filledSearchOptions, filterSort]);
-  var displayOptions = React$4.useMemo(function () {
+  var displayOptions = React$2.useMemo(function () {
     return flattenOptions(orderedFilteredOptions, {
       fieldNames: mergedFieldNames,
       childrenAsData: childrenAsData
@@ -7324,16 +7224,16 @@ var Select = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
   };
 
   // ======================= Accessibility ========================
-  var _React$useState = React$4.useState(null),
+  var _React$useState = React$2.useState(null),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     activeValue = _React$useState2[0],
     setActiveValue = _React$useState2[1];
-  var _React$useState3 = React$4.useState(0),
+  var _React$useState3 = React$2.useState(0),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     accessibilityIndex = _React$useState4[0],
     setAccessibilityIndex = _React$useState4[1];
   var mergedDefaultActiveFirstOption = defaultActiveFirstOption !== undefined ? defaultActiveFirstOption : mode !== 'combobox';
-  var onActiveValue = React$4.useCallback(function (active, index) {
+  var onActiveValue = React$2.useCallback(function (active, index) {
     var _ref2 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
       _ref2$source = _ref2.source,
       source = _ref2$source === void 0 ? 'keyboard' : _ref2$source;
@@ -7450,7 +7350,7 @@ var Select = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
   };
 
   // ========================== Context ===========================
-  var selectContext = React$4.useMemo(function () {
+  var selectContext = React$2.useMemo(function () {
     var realVirtual = virtual !== false && dropdownMatchSelectWidth !== false;
     return _objectSpread2(_objectSpread2({}, parsedOptions), {}, {
       flattenOptions: displayOptions,
@@ -7477,9 +7377,9 @@ var Select = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
   // ==============================================================
   // ==                          Render                          ==
   // ==============================================================
-  return /*#__PURE__*/React$4.createElement(SelectContext.Provider, {
+  return /*#__PURE__*/React$2.createElement(SelectContext.Provider, {
     value: selectContext
-  }, /*#__PURE__*/React$4.createElement(BaseSelect, _extends({}, restProps, {
+  }, /*#__PURE__*/React$2.createElement(BaseSelect, _extends({}, restProps, {
     // >>> MISC
     id: mergedId,
     prefixCls: prefixCls,
@@ -7519,126 +7419,7 @@ TypedSelect.OptGroup = OptGroup;
 
 var useId$1 = {};
 
-var interopRequireDefault = {exports: {}};
-
-(function (module) {
-	function _interopRequireDefault(obj) {
-	  return obj && obj.__esModule ? obj : {
-	    "default": obj
-	  };
-	}
-	module.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports["default"] = module.exports;
-} (interopRequireDefault));
-
-var slicedToArray = {exports: {}};
-
-var arrayWithHoles = {exports: {}};
-
-(function (module) {
-	function _arrayWithHoles(arr) {
-	  if (Array.isArray(arr)) return arr;
-	}
-	module.exports = _arrayWithHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
-} (arrayWithHoles));
-
-var iterableToArrayLimit = {exports: {}};
-
-(function (module) {
-	function _iterableToArrayLimit(r, l) {
-	  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-	  if (null != t) {
-	    var e,
-	      n,
-	      i,
-	      u,
-	      a = [],
-	      f = !0,
-	      o = !1;
-	    try {
-	      if (i = (t = t.call(r)).next, 0 === l) {
-	        if (Object(t) !== t) return;
-	        f = !1;
-	      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-	    } catch (r) {
-	      o = !0, n = r;
-	    } finally {
-	      try {
-	        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
-	      } finally {
-	        if (o) throw n;
-	      }
-	    }
-	    return a;
-	  }
-	}
-	module.exports = _iterableToArrayLimit, module.exports.__esModule = true, module.exports["default"] = module.exports;
-} (iterableToArrayLimit));
-
-var unsupportedIterableToArray = {exports: {}};
-
-var arrayLikeToArray = {exports: {}};
-
-(function (module) {
-	function _arrayLikeToArray(arr, len) {
-	  if (len == null || len > arr.length) len = arr.length;
-	  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-	  return arr2;
-	}
-	module.exports = _arrayLikeToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
-} (arrayLikeToArray));
-
-(function (module) {
-	var arrayLikeToArray$1 = arrayLikeToArray.exports;
-	function _unsupportedIterableToArray(o, minLen) {
-	  if (!o) return;
-	  if (typeof o === "string") return arrayLikeToArray$1(o, minLen);
-	  var n = Object.prototype.toString.call(o).slice(8, -1);
-	  if (n === "Object" && o.constructor) n = o.constructor.name;
-	  if (n === "Map" || n === "Set") return Array.from(o);
-	  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray$1(o, minLen);
-	}
-	module.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
-} (unsupportedIterableToArray));
-
-var nonIterableRest = {exports: {}};
-
-(function (module) {
-	function _nonIterableRest() {
-	  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-	}
-	module.exports = _nonIterableRest, module.exports.__esModule = true, module.exports["default"] = module.exports;
-} (nonIterableRest));
-
-(function (module) {
-	var arrayWithHoles$1 = arrayWithHoles.exports;
-	var iterableToArrayLimit$1 = iterableToArrayLimit.exports;
-	var unsupportedIterableToArray$1 = unsupportedIterableToArray.exports;
-	var nonIterableRest$1 = nonIterableRest.exports;
-	function _slicedToArray(arr, i) {
-	  return arrayWithHoles$1(arr) || iterableToArrayLimit$1(arr, i) || unsupportedIterableToArray$1(arr, i) || nonIterableRest$1();
-	}
-	module.exports = _slicedToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
-} (slicedToArray));
-
-var canUseDom = {};
-
-var hasRequiredCanUseDom;
-
-function requireCanUseDom () {
-	if (hasRequiredCanUseDom) return canUseDom;
-	hasRequiredCanUseDom = 1;
-
-	Object.defineProperty(canUseDom, "__esModule", {
-	  value: true
-	});
-	canUseDom.default = canUseDom$1;
-	function canUseDom$1() {
-	  return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
-	}
-	return canUseDom;
-}
-
-var _interopRequireDefault$3 = interopRequireDefault.exports;
+var _interopRequireDefault$1 = interopRequireDefault.exports;
 var _typeof = _typeof$2.exports;
 Object.defineProperty(useId$1, "__esModule", {
   value: true
@@ -7646,15 +7427,15 @@ Object.defineProperty(useId$1, "__esModule", {
 var _default$2 = useId$1.default = useId;
 useId$1.getUUID = getUUID;
 useId$1.isBrowserClient = void 0;
-var _slicedToArray2$2 = _interopRequireDefault$3(slicedToArray.exports);
-var React$3 = _interopRequireWildcard$3(React__default);
-var _canUseDom$1 = _interopRequireDefault$3(requireCanUseDom());
+var _slicedToArray2$1 = _interopRequireDefault$1(slicedToArray.exports);
+var React$1 = _interopRequireWildcard$1(React__default);
+var _canUseDom = _interopRequireDefault$1(requireCanUseDom());
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard$3(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard$1(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var uuid = 0;
 
 /** Is client side and not jsdom */
-var isBrowserClient = process.env.NODE_ENV !== 'test' && (0, _canUseDom$1.default)();
+var isBrowserClient = process.env.NODE_ENV !== 'test' && (0, _canUseDom.default)();
 
 /** Get unique id for accessibility usage */
 useId$1.isBrowserClient = isBrowserClient;
@@ -7673,11 +7454,11 @@ function getUUID() {
 }
 function useId(id) {
   // Inner id for accessibility usage. Only work in client side
-  var _React$useState = React$3.useState(),
-    _React$useState2 = (0, _slicedToArray2$2.default)(_React$useState, 2),
+  var _React$useState = React$1.useState(),
+    _React$useState2 = (0, _slicedToArray2$1.default)(_React$useState, 2),
     innerId = _React$useState2[0],
     setInnerId = _React$useState2[1];
-  React$3.useEffect(function () {
+  React$1.useEffect(function () {
     setInnerId("rc_select_".concat(getUUID()));
   }, []);
   return id || innerId;
@@ -7685,48 +7466,16 @@ function useId(id) {
 
 var useEvent$1 = {};
 
-var interopRequireWildcard = {exports: {}};
-
-(function (module) {
-	var _typeof = _typeof$2.exports["default"];
-	function _getRequireWildcardCache(e) {
-	  if ("function" != typeof WeakMap) return null;
-	  var r = new WeakMap(),
-	    t = new WeakMap();
-	  return (_getRequireWildcardCache = function _getRequireWildcardCache(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 && {}.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;
-	}
-	module.exports = _interopRequireWildcard, module.exports.__esModule = true, module.exports["default"] = module.exports;
-} (interopRequireWildcard));
-
-var _interopRequireWildcard$2 = interopRequireWildcard.exports.default;
+var _interopRequireWildcard = interopRequireWildcard.exports.default;
 Object.defineProperty(useEvent$1, "__esModule", {
   value: true
 });
 var _default$1 = useEvent$1.default = useEvent;
-var React$2 = _interopRequireWildcard$2(React__default);
+var React = _interopRequireWildcard(React__default);
 function useEvent(callback) {
-  var fnRef = React$2.useRef();
+  var fnRef = React.useRef();
   fnRef.current = callback;
-  var memoFn = React$2.useCallback(function () {
+  var memoFn = React.useCallback(function () {
     var _fnRef$current;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
@@ -7738,79 +7487,6 @@ function useEvent(callback) {
 
 var useMergedState$1 = {};
 
-var useLayoutEffect$1 = {};
-
-var _interopRequireDefault$2 = interopRequireDefault.exports.default;
-var _interopRequireWildcard$1 = interopRequireWildcard.exports.default;
-Object.defineProperty(useLayoutEffect$1, "__esModule", {
-  value: true
-});
-useLayoutEffect$1.useLayoutUpdateEffect = useLayoutEffect$1.default = void 0;
-var React$1 = _interopRequireWildcard$1(React__default);
-var _canUseDom = _interopRequireDefault$2(requireCanUseDom());
-/**
- * Wrap `React.useLayoutEffect` which will not throw warning message in test env
- */
-var useInternalLayoutEffect = process.env.NODE_ENV !== 'test' && (0, _canUseDom.default)() ? React$1.useLayoutEffect : React$1.useEffect;
-var useLayoutEffect = function useLayoutEffect(callback, deps) {
-  var firstMountRef = React$1.useRef(true);
-  useInternalLayoutEffect(function () {
-    return callback(firstMountRef.current);
-  }, deps);
-
-  // We tell react that first mount has passed
-  useInternalLayoutEffect(function () {
-    firstMountRef.current = false;
-    return function () {
-      firstMountRef.current = true;
-    };
-  }, []);
-};
-useLayoutEffect$1.useLayoutUpdateEffect = function useLayoutUpdateEffect(callback, deps) {
-  useLayoutEffect(function (firstMount) {
-    if (!firstMount) {
-      return callback();
-    }
-  }, deps);
-};
-useLayoutEffect$1.default = useLayoutEffect;
-
-var useState = {};
-
-var _interopRequireWildcard = interopRequireWildcard.exports.default;
-var _interopRequireDefault$1 = interopRequireDefault.exports.default;
-Object.defineProperty(useState, "__esModule", {
-  value: true
-});
-useState.default = useSafeState;
-var _slicedToArray2$1 = _interopRequireDefault$1(slicedToArray.exports);
-var React = _interopRequireWildcard(React__default);
-/**
- * Same as React.useState but `setState` accept `ignoreDestroy` param to not to setState after destroyed.
- * We do not make this auto is to avoid real memory leak.
- * Developer should confirm it's safe to ignore themselves.
- */
-function useSafeState(defaultValue) {
-  var destroyRef = React.useRef(false);
-  var _React$useState = React.useState(defaultValue),
-    _React$useState2 = (0, _slicedToArray2$1.default)(_React$useState, 2),
-    value = _React$useState2[0],
-    setValue = _React$useState2[1];
-  React.useEffect(function () {
-    destroyRef.current = false;
-    return function () {
-      destroyRef.current = true;
-    };
-  }, []);
-  function safeSetState(updater, ignoreDestroy) {
-    if (ignoreDestroy && destroyRef.current) {
-      return;
-    }
-    setValue(updater);
-  }
-  return [value, safeSetState];
-}
-
 var _interopRequireDefault = interopRequireDefault.exports.default;
 Object.defineProperty(useMergedState$1, "__esModule", {
   value: true
@@ -7818,8 +7494,8 @@ Object.defineProperty(useMergedState$1, "__esModule", {
 var _default = useMergedState$1.default = useMergedState;
 var _slicedToArray2 = _interopRequireDefault(slicedToArray.exports);
 var _useEvent = _interopRequireDefault(useEvent$1);
-var _useLayoutEffect = useLayoutEffect$1;
-var _useState5 = _interopRequireDefault(useState);
+var _useLayoutEffect = useLayoutEffect$2;
+var _useState5 = _interopRequireDefault(useState$1);
 /** We only think `undefined` is empty */
 function hasValue(value) {
   return value !== undefined;
@@ -7880,7 +7556,7 @@ function useMergedState(defaultStateValue, option) {
   return [postMergedValue, triggerChange];
 }
 
-var CascaderContext = /*#__PURE__*/React$4.createContext(null);
+var CascaderContext = /*#__PURE__*/React$2.createContext(null);
 
 var VALUE_SPLIT = '__RC_CASCADER_SPLIT__';
 var SHOW_PARENT = 'SHOW_PARENT';
@@ -8130,7 +7806,7 @@ function fillFieldNames(fieldNames) {
 }
 
 var useDisplayValues = (function (rawValues, options, fieldNames, multiple, displayRender) {
-  return React$4.useMemo(function () {
+  return React$2.useMemo(function () {
     var mergedDisplayRender = displayRender ||
     // Default displayRender
     function (labels) {
@@ -8143,7 +7819,7 @@ var useDisplayValues = (function (rawValues, options, fieldNames, multiple, disp
       }
       // If exist non-string value, use ReactNode instead
       return mergedLabels.reduce(function (list, label, index) {
-        var keyedLabel = /*#__PURE__*/React$4.isValidElement(label) ? /*#__PURE__*/React$4.cloneElement(label, {
+        var keyedLabel = /*#__PURE__*/React$2.isValidElement(label) ? /*#__PURE__*/React$2.cloneElement(label, {
           key: index
         }) : label;
         if (index === 0) {
@@ -8178,11 +7854,11 @@ var useDisplayValues = (function (rawValues, options, fieldNames, multiple, disp
 
 /** Lazy parse options data into conduct-able info to avoid perf issue in single mode */
 var useEntities = (function (options, fieldNames) {
-  var cacheRef = React$4.useRef({
+  var cacheRef = React$2.useRef({
     options: null,
     info: null
   });
-  var getEntities = React$4.useCallback(function () {
+  var getEntities = React$2.useCallback(function () {
     if (cacheRef.current.options !== options) {
       cacheRef.current.options = options;
       cacheRef.current.info = convertDataToEntities(options, {
@@ -8209,7 +7885,7 @@ var useEntities = (function (options, fieldNames) {
 });
 
 var useMissingValues = (function (options, fieldNames) {
-  return React$4.useCallback(function (rawValues) {
+  return React$2.useCallback(function (rawValues) {
     var missingValues = [];
     var existsValues = [];
     rawValues.forEach(function (valueCell) {
@@ -8226,7 +7902,7 @@ var useMissingValues = (function (options, fieldNames) {
   }, [options, fieldNames]);
 });
 
-var CacheContent = /*#__PURE__*/React$4.memo(function (_ref) {
+var CacheContent = /*#__PURE__*/React$2.memo(function (_ref) {
   var children = _ref.children;
   return children;
 }, function (_, next) {
@@ -8268,7 +7944,7 @@ function Column(_ref) {
     searchValue = _ref.searchValue;
   var menuPrefixCls = "".concat(prefixCls, "-menu ").concat($prefixCls, "-scrollbar-small");
   var menuItemPrefixCls = "".concat(prefixCls, "-menu-item");
-  var _React$useContext = React$4.useContext(CascaderContext),
+  var _React$useContext = React$2.useContext(CascaderContext),
     fieldNames = _React$useContext.fieldNames,
     changeOnSelect = _React$useContext.changeOnSelect,
     expandTrigger = _React$useContext.expandTrigger,
@@ -8282,7 +7958,7 @@ function Column(_ref) {
   var hoverOpen = expandTrigger === 'hover';
   var intl = useFormatMessage('OptionList', localeJson);
   // ============================ Option ============================
-  var optionInfoList = React$4.useMemo(function () {
+  var optionInfoList = React$2.useMemo(function () {
     return options.map(function (option) {
       var _a;
       var disabled = option.disabled,
@@ -8457,15 +8133,15 @@ var useActive = (function () {
   var _useBaseProps = useBaseProps(),
     multiple = _useBaseProps.multiple,
     open = _useBaseProps.open;
-  var _React$useContext = React$4.useContext(CascaderContext),
+  var _React$useContext = React$2.useContext(CascaderContext),
     values = _React$useContext.values;
   // Record current dropdown active options
   // This also control the open status
-  var _React$useState = React$4.useState([]),
+  var _React$useState = React$2.useState([]),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     activeValueCells = _React$useState2[0],
     setActiveValueCells = _React$useState2[1];
-  React$4.useEffect(function () {
+  React$2.useEffect(function () {
     if (open && !multiple) {
       var firstValueCells = values[0];
       setActiveValueCells(firstValueCells || []);
@@ -8476,7 +8152,7 @@ var useActive = (function () {
   return [activeValueCells, setActiveValueCells];
 });
 
-var RefOptionList = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
+var RefOptionList = /*#__PURE__*/React$2.forwardRef(function (props, ref) {
   var _a, _b;
   var _useBaseProps = useBaseProps(),
     prefixCls = _useBaseProps.prefixCls,
@@ -8486,9 +8162,9 @@ var RefOptionList = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
     notFoundContent = _useBaseProps.notFoundContent,
     direction = _useBaseProps.direction,
     open = _useBaseProps.open;
-  var containerRef = React$4.useRef();
+  var containerRef = React$2.useRef();
   var rtl = direction === 'rtl';
-  var _React$useContext = React$4.useContext(CascaderContext),
+  var _React$useContext = React$2.useContext(CascaderContext),
     options = _React$useContext.options,
     values = _React$useContext.values,
     halfValues = _React$useContext.halfValues,
@@ -8501,7 +8177,7 @@ var RefOptionList = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
     _React$useContext.loading;
   var mergedPrefixCls = dropdownPrefixCls || prefixCls;
   // ========================= loadData =========================
-  var _React$useState = React$4.useState([]),
+  var _React$useState = React$2.useState([]),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     loadingKeys = _React$useState2[0],
     setLoadingKeys = _React$useState2[1];
@@ -8525,7 +8201,7 @@ var RefOptionList = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
     }
   };
   // zombieJ: This is bad. We should make this same as `rc-tree` to use Promise instead.
-  React$4.useEffect(function () {
+  React$2.useEffect(function () {
     if (loadingKeys.length) {
       loadingKeys.forEach(function (loadingKey) {
         var valueStrCells = toPathValueStr(loadingKey);
@@ -8545,10 +8221,10 @@ var RefOptionList = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
     }
   }, [options, loadingKeys, fieldNames]);
   // ========================== Values ==========================
-  var checkedSet = React$4.useMemo(function () {
+  var checkedSet = React$2.useMemo(function () {
     return new Set(toPathKeys(values));
   }, [values]);
-  var halfCheckedSet = React$4.useMemo(function () {
+  var halfCheckedSet = React$2.useMemo(function () {
     return new Set(toPathKeys(halfValues));
   }, [halfValues]);
   // ====================== Accessibility =======================
@@ -8575,11 +8251,11 @@ var RefOptionList = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
     }
   };
   // ========================== Option ==========================
-  var mergedOptions = React$4.useMemo(function () {
+  var mergedOptions = React$2.useMemo(function () {
     return options;
   }, [searchValue, options]);
   // ========================== Column ==========================
-  var optionColumns = React$4.useMemo(function () {
+  var optionColumns = React$2.useMemo(function () {
     var optionList = [{
       options: mergedOptions
     }];
@@ -8605,7 +8281,7 @@ var RefOptionList = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
     return optionList;
   }, [mergedOptions, activeValueCells, fieldNames]);
   // >>>>> Active Scroll
-  React$4.useEffect(function () {
+  React$2.useEffect(function () {
     var _a;
     for (var i = 0; i < activeValueCells.length; i += 1) {
       var cellPath = activeValueCells.slice(0, i + 1);
@@ -8673,13 +8349,14 @@ function toRawValues(value) {
   }
   return (value.length === 0 ? [] : [value]).map(val => Array.isArray(val) ? val : [val]);
 }
-const Cascader = /*#__PURE__*/React$4.forwardRef((props, ref) => {
+const Cascader = /*#__PURE__*/React$2.forwardRef((props, ref) => {
   const intl = useFormatMessage('Cascader', localeJson);
   const {
       // MISC
       id,
       prefixCls = "".concat($prefixCls, "-cascader"),
       fieldNames,
+      className,
       // Value
       defaultValue,
       value,
@@ -8719,12 +8396,16 @@ const Cascader = /*#__PURE__*/React$4.forwardRef((props, ref) => {
       disabled = false,
       loading,
       disabledTooltip,
+      // error
+      error = false,
+      hideErrorDom,
+      helperText = '',
       // Children
       children,
       dropdownMatchSelectWidth = false,
       showCheckedStrategy = SHOW_PARENT
     } = props,
-    restProps = __rest(props, ["id", "prefixCls", "fieldNames", "defaultValue", "value", "changeOnSelect", "onChange", "displayRender", "expandTrigger", "options", "optionsTitle", "dropdownPrefixCls", "loadData", "popupVisible", "open", "popupClassName", "dropdownClassName", "dropdownMenuColumnStyle", "popupPlacement", "placement", "onDropdownVisibleChange", "onPopupVisibleChange", "expandIcon", "loadingIcon", "placeholder", "allClear", "menuMaxHight", "expandJoin", "disabled", "loading", "disabledTooltip", "children", "dropdownMatchSelectWidth", "showCheckedStrategy"]);
+    restProps = __rest(props, ["id", "prefixCls", "fieldNames", "className", "defaultValue", "value", "changeOnSelect", "onChange", "displayRender", "expandTrigger", "options", "optionsTitle", "dropdownPrefixCls", "loadData", "popupVisible", "open", "popupClassName", "dropdownClassName", "dropdownMenuColumnStyle", "popupPlacement", "placement", "onDropdownVisibleChange", "onPopupVisibleChange", "expandIcon", "loadingIcon", "placeholder", "allClear", "menuMaxHight", "expandJoin", "disabled", "loading", "disabledTooltip", "error", "hideErrorDom", "helperText", "children", "dropdownMatchSelectWidth", "showCheckedStrategy"]);
   const mergedId = _default$2(id);
   // =========================== Values ===========================
   const [rawValues, setRawValues] = _default(defaultValue, {
@@ -8732,15 +8413,15 @@ const Cascader = /*#__PURE__*/React$4.forwardRef((props, ref) => {
     postState: toRawValues
   });
   // ========================= FieldNames =========================
-  const mergedFieldNames = React$4.useMemo(() => fillFieldNames$1(fieldNames), /* eslint-disable react-hooks/exhaustive-deps */
+  const mergedFieldNames = React$2.useMemo(() => fillFieldNames$1(fieldNames), /* eslint-disable react-hooks/exhaustive-deps */
   [JSON.stringify(fieldNames)]
   /* eslint-enable react-hooks/exhaustive-deps */);
   // =========================== Option ===========================
-  const mergedOptions = React$4.useMemo(() => options || [], [options]);
+  const mergedOptions = React$2.useMemo(() => options || [], [options]);
   // Only used in multiple mode, this fn will not call in single mode
   const getPathKeyEntities = useEntities(mergedOptions, mergedFieldNames);
   /** Convert path key back to value format */
-  const getValueByKeyPath = React$4.useCallback(pathKeys => {
+  const getValueByKeyPath = React$2.useCallback(pathKeys => {
     const keyPathEntities = getPathKeyEntities();
     return pathKeys.map(pathKey => {
       const {
@@ -8750,10 +8431,10 @@ const Cascader = /*#__PURE__*/React$4.forwardRef((props, ref) => {
     });
   }, [getPathKeyEntities, mergedFieldNames]);
   // =========================== Other ===========================
-  const [inputLabel, setInputLable] = React$4.useState(); // 输入框选择文案
-  const [dropdownVisible, setDropdownVisible] = React$4.useState(false); // dropDown显示状态
-  const [menuWidth, setMenuWidth] = React$4.useState('auto'); //下拉框的宽度
-  const inputRef = React$4.useRef({
+  const [inputLabel, setInputLable] = React$2.useState(); // 输入框选择文案
+  const [dropdownVisible, setDropdownVisible] = React$2.useState(false); // dropDown显示状态
+  const [menuWidth, setMenuWidth] = React$2.useState('auto'); //下拉框的宽度
+  const inputRef = React$2.useRef({
     id: UUID(),
     level: 1
   });
@@ -8762,7 +8443,7 @@ const Cascader = /*#__PURE__*/React$4.forwardRef((props, ref) => {
     const valueOptions = nextRawValues.map(valueCells => toPathOptions(valueCells, mergedOptions, mergedFieldNames).map(valueOpt => valueOpt.option));
     return valueOptions;
   };
-  React$4.useEffect(() => {
+  React$2.useEffect(() => {
     if (!value) return;
     const valueOptions = handleValueToOptions(value);
     const triggerOptions = valueOptions[0];
@@ -8772,7 +8453,7 @@ const Cascader = /*#__PURE__*/React$4.forwardRef((props, ref) => {
   // =========================== Values ===========================
   const getMissingValues = useMissingValues(mergedOptions, mergedFieldNames);
   // Fill `rawValues` with checked conduction values
-  const [checkedValues, halfCheckedValues, missingCheckedValues] = React$4.useMemo(() => {
+  const [checkedValues, halfCheckedValues, missingCheckedValues] = React$2.useMemo(() => {
     const [existValues, missingValues] = getMissingValues(rawValues);
     if (!rawValues.length) {
       return [existValues, [], missingValues];
@@ -8786,7 +8467,7 @@ const Cascader = /*#__PURE__*/React$4.forwardRef((props, ref) => {
     // Convert key back to value cells
     return [getValueByKeyPath(checkedKeys), getValueByKeyPath(halfCheckedKeys), missingValues];
   }, [rawValues, getPathKeyEntities, getValueByKeyPath, getMissingValues]);
-  const deDuplicatedValues = React$4.useMemo(() => {
+  const deDuplicatedValues = React$2.useMemo(() => {
     const checkedKeys = toPathKeys(checkedValues);
     const deduplicateKeys = formatStrategyValues(checkedKeys, getPathKeyEntities, showCheckedStrategy);
     return [...missingCheckedValues, ...getValueByKeyPath(deduplicateKeys)];
@@ -8826,7 +8507,7 @@ const Cascader = /*#__PURE__*/React$4.forwardRef((props, ref) => {
     onPopupVisibleChange === null || onPopupVisibleChange === void 0 ? void 0 : onPopupVisibleChange(nextVisible);
   };
   // ========================== Context ===========================
-  const cascaderContext = React$4.useMemo(() => ({
+  const cascaderContext = React$2.useMemo(() => ({
     options: mergedOptions,
     optionsTitle,
     fieldNames: mergedFieldNames,
@@ -8870,17 +8551,17 @@ const Cascader = /*#__PURE__*/React$4.forwardRef((props, ref) => {
     }
     return maxDepth;
   };
-  React$4.useEffect(() => {
+  React$2.useEffect(() => {
     setDropdownVisible(!!(open !== undefined ? open : popupVisible));
   }, [open, popupVisible]); // dropDownVisible
   // 监听屏幕宽度
-  React$4.useEffect(() => {
+  React$2.useEffect(() => {
     window.addEventListener('resize', handleCalcMenuWidth);
     return () => {
       window.removeEventListener('resize', handleCalcMenuWidth);
     };
   }, []);
-  React$4.useEffect(() => {
+  React$2.useEffect(() => {
     const option = (options === null || options === void 0 ? void 0 : options[0]) || [];
     inputRef.current.level = (option === null || option === void 0 ? void 0 : option.length) < 1 || loading ? 1 : getMaxDepth(options);
     handleCalcMenuWidth();
@@ -8902,7 +8583,7 @@ const Cascader = /*#__PURE__*/React$4.forwardRef((props, ref) => {
     setMenuWidth((clientWidth / inputRef.current.level).toFixed(2));
   };
   // 内标题memo
-  const InsideMemo = React$4.useMemo(() => {
+  const InsideMemo = React$2.useMemo(() => {
     return jsx(Fragment, {
       children: !inputLabel ? disabled && disabledTooltip ? jsx(Tooltip, Object.assign({
         disabled: true
@@ -8941,10 +8622,11 @@ const Cascader = /*#__PURE__*/React$4.forwardRef((props, ref) => {
       }));
     }
   };
-  const childrenMemo = React$4.useMemo(() => {
+  const childrenMemo = React$2.useMemo(() => {
     const contentClass = clsx$1("".concat($prefixCls, "-cascader-select-content"), {
       ["".concat($prefixCls, "-cascader-select-value")]: inputLabel,
-      ["".concat($prefixCls, "-cascader-select-disabled")]: disabled
+      ["".concat($prefixCls, "-cascader-select-disabled")]: disabled,
+      ["".concat($prefixCls, "-cascader-error")]: error
     });
     const svgClass = clsx$1("select-svg", {
       ["select-svg-open"]: dropdownVisible
@@ -8965,10 +8647,10 @@ const Cascader = /*#__PURE__*/React$4.forwardRef((props, ref) => {
   emptyOptions ? {} : {
     minWidth: 'auto'
   };
-  return jsx(CascaderContext.Provider, Object.assign({
+  return jsxs(CascaderContext.Provider, Object.assign({
     value: cascaderContext
   }, {
-    children: jsx(BaseSelect, Object.assign({}, restProps, {
+    children: [jsx(BaseSelect, Object.assign({}, restProps, {
       // MISC
       ref: ref,
       disabled: disabled,
@@ -8995,7 +8677,12 @@ const Cascader = /*#__PURE__*/React$4.forwardRef((props, ref) => {
       onDropdownVisibleChange: onInternalDropdownVisibleChange,
       // Children
       getRawInputElement: () => childrenMemo
-    }))
+    })), jsx(HelperText, {
+      className: "text-field-error-text",
+      error: error,
+      helperText: helperText,
+      hideErrorDom: hideErrorDom
+    })]
   }));
 });
 if (process.env.NODE_ENV !== 'production') {
@@ -9004,7 +8691,7 @@ if (process.env.NODE_ENV !== 'production') {
 Cascader.SHOW_PARENT = SHOW_PARENT;
 Cascader.SHOW_CHILD = SHOW_CHILD;
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-cascader-select-content {\n  height: 32px;\n  line-height: 0;\n  border: 1px solid;\n  border-radius: 4px;\n  border-color: rgb(212, 218, 227);\n  padding-right: 38px;\n  position: relative;\n  cursor: pointer;\n  font-size: 14px;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-cascader-select-content:hover {\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-cascader-select-content:hover > .select-svg > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-cascader-select-content.paraui-v4-cascader-select-value:hover > .select-svg > svg {\n  opacity: 0;\n  transition: all 0s;\n}\n.paraui-v4-cascader-select-content.paraui-v4-cascader-select-value:hover > .select-svg > .clean-up-icon {\n  display: flex;\n  transition: all 0.3s;\n}\n.paraui-v4-cascader-select-content.paraui-v4-cascader-select-disabled {\n  background-color: rgb(247, 248, 250);\n  cursor: not-allowed;\n}\n.paraui-v4-cascader-select-content.paraui-v4-cascader-select-disabled .select-label-text {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-cascader-select-content.paraui-v4-cascader-select-disabled:hover {\n  border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-cascader-select-content.paraui-v4-cascader-select-disabled .select-svg svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-cascader-select-content > .select-label-placeholder {\n  width: 100%;\n  height: 100%;\n  padding: 0 10px;\n  line-height: 30px;\n  color: rgb(161, 168, 179);\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  position: absolute;\n  left: 0;\n  top: 0;\n  z-index: 1;\n}\n.paraui-v4-cascader-select-content > .select-label-text {\n  width: 100%;\n  height: 100%;\n  padding: 0 10px;\n  line-height: 30px;\n  color: rgb(29, 33, 38);\n  display: inline-gblock;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  position: absolute;\n  left: 0;\n  top: 0;\n  z-index: 1;\n}\n.paraui-v4-cascader-select-content > .select-svg-open {\n  transform: rotate(180deg);\n}\n.paraui-v4-cascader-select-content > .select-svg-open > svg {\n  color: rgb(46, 101, 230) !important;\n}\n.paraui-v4-cascader-select-content > .select-svg {\n  position: absolute;\n  right: 10px;\n  top: 6px;\n  z-index: 2;\n  transition: all 0.3s;\n}\n.paraui-v4-cascader-select-content > .select-svg > svg {\n  font-size: 18px;\n  transition: all 0.3s;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-cascader-select-content > .select-svg > .clean-up-icon {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  width: 100%;\n  display: none;\n  align-items: center;\n  justify-content: center;\n}\n.paraui-v4-cascader-select-content > .select-svg > .clean-up-icon > svg {\n  font-size: 16px;\n  transition: all 0.3s;\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-cascader-select-content > .select-svg > .clean-up-icon:hover > svg {\n  color: rgb(46, 101, 230);\n}\n\n.paraui-v4-cascader-dropdown-hidden {\n  display: none;\n}\n\n.paraui-v4-cascader-dropdown {\n  min-height: auto;\n  position: absolute;\n  background: rgb(255, 255, 255);\n  border-radius: 4px;\n  box-shadow: 0px 2px 8px 0px rgba(212, 218, 227, 0.4);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menus {\n  display: flex;\n  flex-wrap: nowrap;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-loading {\n  font-size: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 40px;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-loading .loading-icon {\n  position: relative;\n  top: 1px;\n  font-size: 10px;\n  vertical-align: top;\n  animation: switchLoadingCircle 1s infinite linear;\n  margin-left: 4px;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu {\n  flex: 1;\n  margin: 0;\n  padding: 4px 0;\n  list-style: none;\n  border-left: 1px solid rgb(234, 236, 241);\n  overflow: auto;\n  min-width: 120px;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu:first-child {\n  border-left: 0;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .menu-title {\n  padding-left: 10px;\n  font-size: 12px;\n  color: rgb(161, 168, 179);\n  line-height: 21px;\n  margin-bottom: 5px;\n  display: inline-block;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item {\n  display: flex;\n  flex-wrap: nowrap;\n  padding-right: 20px;\n  position: relative;\n  height: 30px;\n  align-items: center;\n  cursor: pointer;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item:hover {\n  background: rgb(247, 248, 250);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item.paraui-v4-cascader-menu-selected {\n  background: rgba(0, 0, 255, 0.05);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item.paraui-v4-cascader-menu-item-active .paraui-v4-cascader-menu-item-expand-icon {\n  position: absolute;\n  right: 4px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item.paraui-v4-cascader-menu-item-active .paraui-v4-cascader-menu-item-expand-icon > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item.paraui-v4-cascader-menu-item-active .auto-tips-content {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item.paraui-v4-cascader-menu-item-disabled {\n  color: rgb(161, 168, 179);\n  cursor: default;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item.paraui-v4-cascader-menu-item-disabled .auto-tips-content {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item.paraui-v4-cascader-menu-item-disabled:hover {\n  background: none;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item.paraui-v4-cascader-menu-item-disabled .paraui-v4-cascader-menu-item-expand-icon svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item .paraui-v4-cascader-menu-item-content {\n  flex: auto;\n  padding: 0 10px;\n  font-size: 14px;\n  width: 100%;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item .paraui-v4-cascader-menu-item-expand-icon {\n  position: absolute;\n  right: 4px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item .paraui-v4-cascader-menu-item-expand-icon > svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-checkbox {\n  position: relative;\n  display: block;\n  flex: none;\n  width: 20px;\n  height: 20px;\n  border: 1px solid blue;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-checkbox::after {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  content: \"\";\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-checkbox .paraui-v4-cascader-checked::after {\n  content: \"✔️\";\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-checkbox .paraui-v4-cascader-indeterminate::after {\n  content: \"➖\";\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-rtl {\n  direction: rtl;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-rtl .paraui-v4-cascader-menu {\n  flex: none;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  border-left: none;\n  border-right: 1px solid blue;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-rtl .paraui-v4-cascader-menu:first-child {\n  border-right: 0;\n}\n\n@keyframes switchLoadingCircle {\n  100% {\n    transform: rotate(360deg);\n  }\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-cascader-select-content {\n  height: 32px;\n  line-height: 0;\n  border: 1px solid;\n  border-radius: 4px;\n  border-color: rgb(212, 218, 227);\n  padding-right: 38px;\n  position: relative;\n  cursor: pointer;\n  font-size: 14px;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-cascader-select-content.paraui-v4-cascader-error {\n  border-color: rgb(244, 66, 66);\n}\n.paraui-v4-cascader-select-content:hover {\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-cascader-select-content:hover > .select-svg > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-cascader-select-content.paraui-v4-cascader-select-value:hover > .select-svg > svg {\n  opacity: 0;\n  transition: all 0s;\n}\n.paraui-v4-cascader-select-content.paraui-v4-cascader-select-value:hover > .select-svg > .clean-up-icon {\n  display: flex;\n  transition: all 0.3s;\n}\n.paraui-v4-cascader-select-content.paraui-v4-cascader-select-disabled {\n  background-color: rgb(247, 248, 250);\n  cursor: not-allowed;\n}\n.paraui-v4-cascader-select-content.paraui-v4-cascader-select-disabled .select-label-text {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-cascader-select-content.paraui-v4-cascader-select-disabled:hover {\n  border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-cascader-select-content.paraui-v4-cascader-select-disabled .select-svg svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-cascader-select-content > .select-label-placeholder {\n  width: 100%;\n  height: 100%;\n  padding: 0 10px;\n  line-height: 30px;\n  color: rgb(161, 168, 179);\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  position: absolute;\n  left: 0;\n  top: 0;\n  z-index: 1;\n}\n.paraui-v4-cascader-select-content > .select-label-text {\n  width: 100%;\n  height: 100%;\n  padding: 0 10px;\n  line-height: 30px;\n  color: rgb(29, 33, 38);\n  display: inline-gblock;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  position: absolute;\n  left: 0;\n  top: 0;\n  z-index: 1;\n}\n.paraui-v4-cascader-select-content > .select-svg-open {\n  transform: rotate(180deg);\n}\n.paraui-v4-cascader-select-content > .select-svg-open > svg {\n  color: rgb(46, 101, 230) !important;\n}\n.paraui-v4-cascader-select-content > .select-svg {\n  position: absolute;\n  right: 10px;\n  top: 6px;\n  z-index: 2;\n  transition: all 0.3s;\n}\n.paraui-v4-cascader-select-content > .select-svg > svg {\n  font-size: 18px;\n  transition: all 0.3s;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-cascader-select-content > .select-svg > .clean-up-icon {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  width: 100%;\n  display: none;\n  align-items: center;\n  justify-content: center;\n}\n.paraui-v4-cascader-select-content > .select-svg > .clean-up-icon > svg {\n  font-size: 16px;\n  transition: all 0.3s;\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-cascader-select-content > .select-svg > .clean-up-icon:hover > svg {\n  color: rgb(46, 101, 230);\n}\n\n.paraui-v4-cascader-dropdown-hidden {\n  display: none;\n}\n\n.paraui-v4-cascader-dropdown {\n  min-height: auto;\n  position: absolute;\n  background: rgb(255, 255, 255);\n  border-radius: 4px;\n  box-shadow: 0px 2px 8px 0px rgba(212, 218, 227, 0.4);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menus {\n  display: flex;\n  flex-wrap: nowrap;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-loading {\n  font-size: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 40px;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-loading .loading-icon {\n  position: relative;\n  top: 1px;\n  font-size: 10px;\n  vertical-align: top;\n  animation: switchLoadingCircle 1s infinite linear;\n  margin-left: 4px;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu {\n  flex: 1;\n  margin: 0;\n  padding: 4px 0;\n  list-style: none;\n  border-left: 1px solid rgb(234, 236, 241);\n  overflow: auto;\n  min-width: 120px;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu:first-child {\n  border-left: 0;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .menu-title {\n  padding-left: 10px;\n  font-size: 12px;\n  color: rgb(161, 168, 179);\n  line-height: 21px;\n  margin-bottom: 5px;\n  display: inline-block;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item {\n  display: flex;\n  flex-wrap: nowrap;\n  padding-right: 20px;\n  position: relative;\n  height: 30px;\n  align-items: center;\n  cursor: pointer;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item:hover {\n  background: rgb(247, 248, 250);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item.paraui-v4-cascader-menu-selected {\n  background: rgba(0, 0, 255, 0.05);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item.paraui-v4-cascader-menu-item-active .paraui-v4-cascader-menu-item-expand-icon {\n  position: absolute;\n  right: 4px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item.paraui-v4-cascader-menu-item-active .paraui-v4-cascader-menu-item-expand-icon > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item.paraui-v4-cascader-menu-item-active .auto-tips-content {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item.paraui-v4-cascader-menu-item-disabled {\n  color: rgb(161, 168, 179);\n  cursor: default;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item.paraui-v4-cascader-menu-item-disabled .auto-tips-content {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item.paraui-v4-cascader-menu-item-disabled:hover {\n  background: none;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item.paraui-v4-cascader-menu-item-disabled .paraui-v4-cascader-menu-item-expand-icon svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item .paraui-v4-cascader-menu-item-content {\n  flex: auto;\n  padding: 0 10px;\n  font-size: 14px;\n  width: 100%;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item .paraui-v4-cascader-menu-item-expand-icon {\n  position: absolute;\n  right: 4px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item .paraui-v4-cascader-menu-item-expand-icon > svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-checkbox {\n  position: relative;\n  display: block;\n  flex: none;\n  width: 20px;\n  height: 20px;\n  border: 1px solid blue;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-checkbox::after {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  content: \"\";\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-checkbox .paraui-v4-cascader-checked::after {\n  content: \"✔️\";\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-checkbox .paraui-v4-cascader-indeterminate::after {\n  content: \"➖\";\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-rtl {\n  direction: rtl;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-rtl .paraui-v4-cascader-menu {\n  flex: none;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  border-left: none;\n  border-right: 1px solid blue;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-rtl .paraui-v4-cascader-menu:first-child {\n  border-right: 0;\n}\n\n@keyframes switchLoadingCircle {\n  100% {\n    transform: rotate(360deg);\n  }\n}";
 styleInject(css_248z);
 
 export { Cascader as C };