@univerjs/design 0.2.12 → 0.2.13

package/lib/es/index.js

@@ -1240,13 +1240,13 @@ const _FastColor = class _FastColor {
 };
 __name(_FastColor, "FastColor");
 let FastColor = _FastColor;
-var _excluded$y = ["b"], _excluded2$8 = ["v"], getRoundNumber = /* @__PURE__ */ __name(function(value) {
+var _excluded$x = ["b"], _excluded2$7 = ["v"], getRoundNumber = /* @__PURE__ */ __name(function(value) {
   return Math.round(Number(value || 0));
 }, "getRoundNumber"), convertHsb2Hsv = /* @__PURE__ */ __name(function(color) {
   if (color instanceof FastColor)
     return color;
   if (color && _typeof$4(color) === "object" && "h" in color && "b" in color) {
-    var _ref = color, b2 = _ref.b, resets = _objectWithoutProperties$3(_ref, _excluded$y);
+    var _ref = color, b2 = _ref.b, resets = _objectWithoutProperties$3(_ref, _excluded$x);
     return _objectSpread2$3(_objectSpread2$3({}, resets), {}, {
       v: b2
     });
@@ -1267,7 +1267,7 @@ var _excluded$y = ["b"], _excluded2$8 = ["v"], getRoundNumber = /* @__PURE__ */
   }, {
     key: "toHsb",
     value: /* @__PURE__ */ __name(function() {
-      var _this$toHsv = this.toHsv(), v2 = _this$toHsv.v, resets = _objectWithoutProperties$3(_this$toHsv, _excluded2$8);
+      var _this$toHsv = this.toHsv(), v2 = _this$toHsv.v, resets = _objectWithoutProperties$3(_this$toHsv, _excluded2$7);
       return _objectSpread2$3(_objectSpread2$3({}, resets), {}, {
         b: v2,
         a: this.a
@@ -1729,10 +1729,6 @@ function _toConsumableArray$5(r) {
   return _arrayWithoutHoles$4(r) || _iterableToArray$4(r) || _unsupportedIterableToArray$1(r) || _nonIterableSpread$4();
 }
 __name(_toConsumableArray$5, "_toConsumableArray$5");
-function _toArray(r) {
-  return _arrayWithHoles$2(r) || _iterableToArray$4(r) || _unsupportedIterableToArray$1(r) || _nonIterableRest$2();
-}
-__name(_toArray, "_toArray");
 var warned$1 = {}, preMessage$1 = /* @__PURE__ */ __name(function(fn) {
 }, "preMessage2");
 function warning$2(valid, message2) {
@@ -3120,7 +3116,7 @@ function _objectWithoutProperties$2(e2, t2) {
   return i;
 }
 __name(_objectWithoutProperties$2, "_objectWithoutProperties$2");
-var Context$1 = /* @__PURE__ */ React$6.createContext({});
+var Context = /* @__PURE__ */ React$6.createContext({});
 function _classCallCheck$2(a, n2) {
   if (!(a instanceof n2)) throw new TypeError("Cannot call a class as a function");
 }
@@ -3197,7 +3193,7 @@ function _createSuper$2(t2) {
   };
 }
 __name(_createSuper$2, "_createSuper$2");
-var DomWrapper$2 = /* @__PURE__ */ function(_React$Component) {
+var DomWrapper$1 = /* @__PURE__ */ function(_React$Component) {
   _inherits$2(DomWrapper2, _React$Component);
   var _super = _createSuper$2(DomWrapper2);
   function DomWrapper2() {
@@ -3221,41 +3217,41 @@ function useSyncState$1(defaultValue) {
   return [getValue, setValue];
 }
 __name(useSyncState$1, "useSyncState$1");
-var STATUS_NONE$1 = "none", STATUS_APPEAR$1 = "appear", STATUS_ENTER$1 = "enter", STATUS_LEAVE$1 = "leave", STEP_NONE$1 = "none", STEP_PREPARE$1 = "prepare", STEP_START$1 = "start", STEP_ACTIVE$1 = "active", STEP_ACTIVATED$1 = "end", STEP_PREPARED$1 = "prepared";
-function makePrefixMap$1(styleProp, eventName) {
+var STATUS_NONE = "none", STATUS_APPEAR = "appear", STATUS_ENTER = "enter", STATUS_LEAVE = "leave", STEP_NONE = "none", STEP_PREPARE = "prepare", STEP_START = "start", STEP_ACTIVE = "active", STEP_ACTIVATED = "end", STEP_PREPARED = "prepared";
+function makePrefixMap(styleProp, eventName) {
   var prefixes2 = {};
   return prefixes2[styleProp.toLowerCase()] = eventName.toLowerCase(), prefixes2["Webkit".concat(styleProp)] = "webkit".concat(eventName), prefixes2["Moz".concat(styleProp)] = "moz".concat(eventName), prefixes2["ms".concat(styleProp)] = "MS".concat(eventName), prefixes2["O".concat(styleProp)] = "o".concat(eventName.toLowerCase()), prefixes2;
 }
-__name(makePrefixMap$1, "makePrefixMap$1");
-function getVendorPrefixes$1(domSupport, win) {
+__name(makePrefixMap, "makePrefixMap");
+function getVendorPrefixes(domSupport, win) {
   var prefixes2 = {
-    animationend: makePrefixMap$1("Animation", "AnimationEnd"),
-    transitionend: makePrefixMap$1("Transition", "TransitionEnd")
+    animationend: makePrefixMap("Animation", "AnimationEnd"),
+    transitionend: makePrefixMap("Transition", "TransitionEnd")
   };
   return domSupport && ("AnimationEvent" in win || delete prefixes2.animationend.animation, "TransitionEvent" in win || delete prefixes2.transitionend.transition), prefixes2;
 }
-__name(getVendorPrefixes$1, "getVendorPrefixes$1");
-var vendorPrefixes$1 = getVendorPrefixes$1(canUseDom(), typeof window < "u" ? window : {}), style$1 = {};
+__name(getVendorPrefixes, "getVendorPrefixes");
+var vendorPrefixes = getVendorPrefixes(canUseDom(), typeof window < "u" ? window : {}), style = {};
 if (canUseDom()) {
-  var _document$createEleme$1 = document.createElement("div");
-  style$1 = _document$createEleme$1.style;
-}
-var prefixedEventNames$1 = {};
-function getVendorPrefixedEventName$1(eventName) {
-  if (prefixedEventNames$1[eventName])
-    return prefixedEventNames$1[eventName];
-  var prefixMap = vendorPrefixes$1[eventName];
+  var _document$createEleme = document.createElement("div");
+  style = _document$createEleme.style;
+}
+var prefixedEventNames = {};
+function getVendorPrefixedEventName(eventName) {
+  if (prefixedEventNames[eventName])
+    return prefixedEventNames[eventName];
+  var prefixMap = vendorPrefixes[eventName];
   if (prefixMap)
     for (var stylePropList = Object.keys(prefixMap), len = stylePropList.length, i = 0; i < len; i += 1) {
       var styleProp = stylePropList[i];
-      if (Object.prototype.hasOwnProperty.call(prefixMap, styleProp) && styleProp in style$1)
-        return prefixedEventNames$1[eventName] = prefixMap[styleProp], prefixedEventNames$1[eventName];
+      if (Object.prototype.hasOwnProperty.call(prefixMap, styleProp) && styleProp in style)
+        return prefixedEventNames[eventName] = prefixMap[styleProp], prefixedEventNames[eventName];
     }
   return "";
 }
-__name(getVendorPrefixedEventName$1, "getVendorPrefixedEventName$1");
-var internalAnimationEndName$1 = getVendorPrefixedEventName$1("animationend"), internalTransitionEndName$1 = getVendorPrefixedEventName$1("transitionend"), supportTransition$1 = !!(internalAnimationEndName$1 && internalTransitionEndName$1), animationEndName$1 = internalAnimationEndName$1 || "animationend", transitionEndName$1 = internalTransitionEndName$1 || "transitionend";
-function getTransitionName$1(transitionName, transitionType) {
+__name(getVendorPrefixedEventName, "getVendorPrefixedEventName");
+var internalAnimationEndName = getVendorPrefixedEventName("animationend"), internalTransitionEndName = getVendorPrefixedEventName("transitionend"), supportTransition = !!(internalAnimationEndName && internalTransitionEndName), animationEndName = internalAnimationEndName || "animationend", transitionEndName = internalTransitionEndName || "transitionend";
+function getTransitionName(transitionName, transitionType) {
   if (!transitionName) return null;
   if (_typeof$2(transitionName) === "object") {
     var type2 = transitionType.replace(/-\w/g, function(match2) {
@@ -3265,23 +3261,23 @@ function getTransitionName$1(transitionName, transitionType) {
   }
   return "".concat(transitionName, "-").concat(transitionType);
 }
-__name(getTransitionName$1, "getTransitionName$1");
-const useDomMotionEvents$1 = /* @__PURE__ */ __name(function(onInternalMotionEnd) {
+__name(getTransitionName, "getTransitionName");
+const useDomMotionEvents = /* @__PURE__ */ __name(function(onInternalMotionEnd) {
   var cacheElementRef = useRef();
   function removeMotionEvents(element2) {
-    element2 && (element2.removeEventListener(transitionEndName$1, onInternalMotionEnd), element2.removeEventListener(animationEndName$1, onInternalMotionEnd));
+    element2 && (element2.removeEventListener(transitionEndName, onInternalMotionEnd), element2.removeEventListener(animationEndName, onInternalMotionEnd));
   }
   __name(removeMotionEvents, "removeMotionEvents");
   function patchMotionEvents(element2) {
-    cacheElementRef.current && cacheElementRef.current !== element2 && removeMotionEvents(cacheElementRef.current), element2 && element2 !== cacheElementRef.current && (element2.addEventListener(transitionEndName$1, onInternalMotionEnd), element2.addEventListener(animationEndName$1, onInternalMotionEnd), cacheElementRef.current = element2);
+    cacheElementRef.current && cacheElementRef.current !== element2 && removeMotionEvents(cacheElementRef.current), element2 && element2 !== cacheElementRef.current && (element2.addEventListener(transitionEndName, onInternalMotionEnd), element2.addEventListener(animationEndName, onInternalMotionEnd), cacheElementRef.current = element2);
   }
   return __name(patchMotionEvents, "patchMotionEvents"), React$6.useEffect(function() {
     return function() {
       removeMotionEvents(cacheElementRef.current);
     };
   }, []), [patchMotionEvents, removeMotionEvents];
-}, "useDomMotionEvents$1");
-var useIsomorphicLayoutEffect$1 = canUseDom() ? useLayoutEffect$2 : useEffect, raf = /* @__PURE__ */ __name(function(callback) {
+}, "useDomMotionEvents");
+var useIsomorphicLayoutEffect = canUseDom() ? useLayoutEffect$2 : useEffect, raf = /* @__PURE__ */ __name(function(callback) {
   return +setTimeout(callback, 16);
 }, "raf2"), caf = /* @__PURE__ */ __name(function(num) {
   return clearTimeout(num);
@@ -3316,7 +3312,7 @@ wrapperRaf.cancel = function(id) {
   var realId = rafIds.get(id);
   return cleanup(id), caf(realId);
 };
-const useNextFrame$1 = /* @__PURE__ */ __name(function() {
+const useNextFrame = /* @__PURE__ */ __name(function() {
   var nextFrameRef = React$6.useRef(null);
   function cancelNextFrame() {
     wrapperRaf.cancel(nextFrameRef.current);
@@ -3339,23 +3335,23 @@ const useNextFrame$1 = /* @__PURE__ */ __name(function() {
       cancelNextFrame();
     };
   }, []), [nextFrame, cancelNextFrame];
-}, "useNextFrame$1");
-var FULL_STEP_QUEUE$1 = [STEP_PREPARE$1, STEP_START$1, STEP_ACTIVE$1, STEP_ACTIVATED$1], SIMPLE_STEP_QUEUE$1 = [STEP_PREPARE$1, STEP_PREPARED$1], SkipStep$1 = !1, DoStep$1 = !0;
-function isActive$1(step) {
-  return step === STEP_ACTIVE$1 || step === STEP_ACTIVATED$1;
-}
-__name(isActive$1, "isActive$1");
-const useStepQueue$1 = /* @__PURE__ */ __name(function(status, prepareOnly, callback) {
-  var _useState = useSafeState(STEP_NONE$1), _useState2 = _slicedToArray$1(_useState, 2), step = _useState2[0], setStep = _useState2[1], _useNextFrame = useNextFrame$1(), _useNextFrame2 = _slicedToArray$1(_useNextFrame, 2), nextFrame = _useNextFrame2[0], cancelNextFrame = _useNextFrame2[1];
+}, "useNextFrame");
+var FULL_STEP_QUEUE = [STEP_PREPARE, STEP_START, STEP_ACTIVE, STEP_ACTIVATED], SIMPLE_STEP_QUEUE = [STEP_PREPARE, STEP_PREPARED], SkipStep = !1, DoStep = !0;
+function isActive(step) {
+  return step === STEP_ACTIVE || step === STEP_ACTIVATED;
+}
+__name(isActive, "isActive");
+const useStepQueue = /* @__PURE__ */ __name(function(status, prepareOnly, callback) {
+  var _useState = useSafeState(STEP_NONE), _useState2 = _slicedToArray$1(_useState, 2), step = _useState2[0], setStep = _useState2[1], _useNextFrame = useNextFrame(), _useNextFrame2 = _slicedToArray$1(_useNextFrame, 2), nextFrame = _useNextFrame2[0], cancelNextFrame = _useNextFrame2[1];
   function startQueue() {
-    setStep(STEP_PREPARE$1, !0);
+    setStep(STEP_PREPARE, !0);
   }
   __name(startQueue, "startQueue");
-  var STEP_QUEUE = prepareOnly ? SIMPLE_STEP_QUEUE$1 : FULL_STEP_QUEUE$1;
-  return useIsomorphicLayoutEffect$1(function() {
-    if (step !== STEP_NONE$1 && step !== STEP_ACTIVATED$1) {
+  var STEP_QUEUE = prepareOnly ? SIMPLE_STEP_QUEUE : FULL_STEP_QUEUE;
+  return useIsomorphicLayoutEffect(function() {
+    if (step !== STEP_NONE && step !== STEP_ACTIVATED) {
       var index2 = STEP_QUEUE.indexOf(step), nextStep = STEP_QUEUE[index2 + 1], result = callback(step);
-      result === SkipStep$1 ? setStep(nextStep, !0) : nextStep && nextFrame(function(info) {
+      result === SkipStep ? setStep(nextStep, !0) : nextStep && nextFrame(function(info) {
         function doNext() {
           info.isCanceled() || setStep(nextStep, !0);
         }
@@ -3367,68 +3363,68 @@ const useStepQueue$1 = /* @__PURE__ */ __name(function(status, prepareOnly, call
       cancelNextFrame();
     };
   }, []), [startQueue, step];
-}, "useStepQueue$1");
-function useStatus$1(supportMotion, visible, getElement, _ref) {
-  var _ref$motionEnter = _ref.motionEnter, motionEnter = _ref$motionEnter === void 0 ? !0 : _ref$motionEnter, _ref$motionAppear = _ref.motionAppear, motionAppear = _ref$motionAppear === void 0 ? !0 : _ref$motionAppear, _ref$motionLeave = _ref.motionLeave, motionLeave = _ref$motionLeave === void 0 ? !0 : _ref$motionLeave, motionDeadline = _ref.motionDeadline, motionLeaveImmediately = _ref.motionLeaveImmediately, onAppearPrepare = _ref.onAppearPrepare, onEnterPrepare = _ref.onEnterPrepare, onLeavePrepare = _ref.onLeavePrepare, onAppearStart = _ref.onAppearStart, onEnterStart = _ref.onEnterStart, onLeaveStart = _ref.onLeaveStart, onAppearActive = _ref.onAppearActive, onEnterActive = _ref.onEnterActive, onLeaveActive = _ref.onLeaveActive, onAppearEnd = _ref.onAppearEnd, onEnterEnd = _ref.onEnterEnd, onLeaveEnd = _ref.onLeaveEnd, onVisibleChanged = _ref.onVisibleChanged, _useState = useSafeState(), _useState2 = _slicedToArray$1(_useState, 2), asyncVisible = _useState2[0], setAsyncVisible = _useState2[1], _useSyncState = useSyncState$1(STATUS_NONE$1), _useSyncState2 = _slicedToArray$1(_useSyncState, 2), getStatus = _useSyncState2[0], setStatus = _useSyncState2[1], _useState3 = useSafeState(null), _useState4 = _slicedToArray$1(_useState3, 2), style2 = _useState4[0], setStyle = _useState4[1], currentStatus = getStatus(), mountedRef = useRef(!1), deadlineRef = useRef(null);
+}, "useStepQueue");
+function useStatus(supportMotion, visible, getElement, _ref) {
+  var _ref$motionEnter = _ref.motionEnter, motionEnter = _ref$motionEnter === void 0 ? !0 : _ref$motionEnter, _ref$motionAppear = _ref.motionAppear, motionAppear = _ref$motionAppear === void 0 ? !0 : _ref$motionAppear, _ref$motionLeave = _ref.motionLeave, motionLeave = _ref$motionLeave === void 0 ? !0 : _ref$motionLeave, motionDeadline = _ref.motionDeadline, motionLeaveImmediately = _ref.motionLeaveImmediately, onAppearPrepare = _ref.onAppearPrepare, onEnterPrepare = _ref.onEnterPrepare, onLeavePrepare = _ref.onLeavePrepare, onAppearStart = _ref.onAppearStart, onEnterStart = _ref.onEnterStart, onLeaveStart = _ref.onLeaveStart, onAppearActive = _ref.onAppearActive, onEnterActive = _ref.onEnterActive, onLeaveActive = _ref.onLeaveActive, onAppearEnd = _ref.onAppearEnd, onEnterEnd = _ref.onEnterEnd, onLeaveEnd = _ref.onLeaveEnd, onVisibleChanged = _ref.onVisibleChanged, _useState = useSafeState(), _useState2 = _slicedToArray$1(_useState, 2), asyncVisible = _useState2[0], setAsyncVisible = _useState2[1], _useSyncState = useSyncState$1(STATUS_NONE), _useSyncState2 = _slicedToArray$1(_useSyncState, 2), getStatus = _useSyncState2[0], setStatus = _useSyncState2[1], _useState3 = useSafeState(null), _useState4 = _slicedToArray$1(_useState3, 2), style2 = _useState4[0], setStyle = _useState4[1], currentStatus = getStatus(), mountedRef = useRef(!1), deadlineRef = useRef(null);
   function getDomElement() {
     return getElement();
   }
   __name(getDomElement, "getDomElement");
   var activeRef = useRef(!1);
   function updateMotionEndStatus() {
-    setStatus(STATUS_NONE$1), setStyle(null, !0);
+    setStatus(STATUS_NONE), setStyle(null, !0);
   }
   __name(updateMotionEndStatus, "updateMotionEndStatus");
   var onInternalMotionEnd = useEvent(function(event) {
     var status = getStatus();
-    if (status !== STATUS_NONE$1) {
+    if (status !== STATUS_NONE) {
       var element2 = getDomElement();
       if (!(event && !event.deadline && event.target !== element2)) {
         var currentActive = activeRef.current, canEnd;
-        status === STATUS_APPEAR$1 && currentActive ? canEnd = onAppearEnd == null ? void 0 : onAppearEnd(element2, event) : status === STATUS_ENTER$1 && currentActive ? canEnd = onEnterEnd == null ? void 0 : onEnterEnd(element2, event) : status === STATUS_LEAVE$1 && currentActive && (canEnd = onLeaveEnd == null ? void 0 : onLeaveEnd(element2, event)), currentActive && canEnd !== !1 && updateMotionEndStatus();
+        status === STATUS_APPEAR && currentActive ? canEnd = onAppearEnd == null ? void 0 : onAppearEnd(element2, event) : status === STATUS_ENTER && currentActive ? canEnd = onEnterEnd == null ? void 0 : onEnterEnd(element2, event) : status === STATUS_LEAVE && currentActive && (canEnd = onLeaveEnd == null ? void 0 : onLeaveEnd(element2, event)), currentActive && canEnd !== !1 && updateMotionEndStatus();
       }
     }
-  }), _useDomMotionEvents = useDomMotionEvents$1(onInternalMotionEnd), _useDomMotionEvents2 = _slicedToArray$1(_useDomMotionEvents, 1), patchMotionEvents = _useDomMotionEvents2[0], getEventHandlers = /* @__PURE__ */ __name(function(targetStatus) {
+  }), _useDomMotionEvents = useDomMotionEvents(onInternalMotionEnd), _useDomMotionEvents2 = _slicedToArray$1(_useDomMotionEvents, 1), patchMotionEvents = _useDomMotionEvents2[0], getEventHandlers = /* @__PURE__ */ __name(function(targetStatus) {
     switch (targetStatus) {
-      case STATUS_APPEAR$1:
-        return _defineProperty$b(_defineProperty$b(_defineProperty$b({}, STEP_PREPARE$1, onAppearPrepare), STEP_START$1, onAppearStart), STEP_ACTIVE$1, onAppearActive);
-      case STATUS_ENTER$1:
-        return _defineProperty$b(_defineProperty$b(_defineProperty$b({}, STEP_PREPARE$1, onEnterPrepare), STEP_START$1, onEnterStart), STEP_ACTIVE$1, onEnterActive);
-      case STATUS_LEAVE$1:
-        return _defineProperty$b(_defineProperty$b(_defineProperty$b({}, STEP_PREPARE$1, onLeavePrepare), STEP_START$1, onLeaveStart), STEP_ACTIVE$1, onLeaveActive);
+      case STATUS_APPEAR:
+        return _defineProperty$b(_defineProperty$b(_defineProperty$b({}, STEP_PREPARE, onAppearPrepare), STEP_START, onAppearStart), STEP_ACTIVE, onAppearActive);
+      case STATUS_ENTER:
+        return _defineProperty$b(_defineProperty$b(_defineProperty$b({}, STEP_PREPARE, onEnterPrepare), STEP_START, onEnterStart), STEP_ACTIVE, onEnterActive);
+      case STATUS_LEAVE:
+        return _defineProperty$b(_defineProperty$b(_defineProperty$b({}, STEP_PREPARE, onLeavePrepare), STEP_START, onLeaveStart), STEP_ACTIVE, onLeaveActive);
       default:
         return {};
     }
   }, "getEventHandlers"), eventHandlers = React$6.useMemo(function() {
     return getEventHandlers(currentStatus);
-  }, [currentStatus]), _useStepQueue = useStepQueue$1(currentStatus, !supportMotion, function(newStep) {
-    if (newStep === STEP_PREPARE$1) {
-      var onPrepare = eventHandlers[STEP_PREPARE$1];
-      return onPrepare ? onPrepare(getDomElement()) : SkipStep$1;
+  }, [currentStatus]), _useStepQueue = useStepQueue(currentStatus, !supportMotion, function(newStep) {
+    if (newStep === STEP_PREPARE) {
+      var onPrepare = eventHandlers[STEP_PREPARE];
+      return onPrepare ? onPrepare(getDomElement()) : SkipStep;
     }
     if (step in eventHandlers) {
       var _eventHandlers$step;
       setStyle(((_eventHandlers$step = eventHandlers[step]) === null || _eventHandlers$step === void 0 ? void 0 : _eventHandlers$step.call(eventHandlers, getDomElement(), null)) || null);
     }
-    return step === STEP_ACTIVE$1 && currentStatus !== STATUS_NONE$1 && (patchMotionEvents(getDomElement()), motionDeadline > 0 && (clearTimeout(deadlineRef.current), deadlineRef.current = setTimeout(function() {
+    return step === STEP_ACTIVE && currentStatus !== STATUS_NONE && (patchMotionEvents(getDomElement()), motionDeadline > 0 && (clearTimeout(deadlineRef.current), deadlineRef.current = setTimeout(function() {
       onInternalMotionEnd({
         deadline: !0
       });
-    }, motionDeadline))), step === STEP_PREPARED$1 && updateMotionEndStatus(), DoStep$1;
-  }), _useStepQueue2 = _slicedToArray$1(_useStepQueue, 2), startStep = _useStepQueue2[0], step = _useStepQueue2[1], active = isActive$1(step);
-  activeRef.current = active, useIsomorphicLayoutEffect$1(function() {
+    }, motionDeadline))), step === STEP_PREPARED && updateMotionEndStatus(), DoStep;
+  }), _useStepQueue2 = _slicedToArray$1(_useStepQueue, 2), startStep = _useStepQueue2[0], step = _useStepQueue2[1], active = isActive(step);
+  activeRef.current = active, useIsomorphicLayoutEffect(function() {
     setAsyncVisible(visible);
     var isMounted = mountedRef.current;
     mountedRef.current = !0;
     var nextStatus;
-    !isMounted && visible && motionAppear && (nextStatus = STATUS_APPEAR$1), isMounted && visible && motionEnter && (nextStatus = STATUS_ENTER$1), (isMounted && !visible && motionLeave || !isMounted && motionLeaveImmediately && !visible && motionLeave) && (nextStatus = STATUS_LEAVE$1);
+    !isMounted && visible && motionAppear && (nextStatus = STATUS_APPEAR), isMounted && visible && motionEnter && (nextStatus = STATUS_ENTER), (isMounted && !visible && motionLeave || !isMounted && motionLeaveImmediately && !visible && motionLeave) && (nextStatus = STATUS_LEAVE);
     var nextEventHandlers = getEventHandlers(nextStatus);
-    nextStatus && (supportMotion || nextEventHandlers[STEP_PREPARE$1]) ? (setStatus(nextStatus), startStep()) : setStatus(STATUS_NONE$1);
+    nextStatus && (supportMotion || nextEventHandlers[STEP_PREPARE]) ? (setStatus(nextStatus), startStep()) : setStatus(STATUS_NONE);
   }, [visible]), useEffect(function() {
     // Cancel appear
-    (currentStatus === STATUS_APPEAR$1 && !motionAppear || // Cancel enter
-    currentStatus === STATUS_ENTER$1 && !motionEnter || // Cancel leave
-    currentStatus === STATUS_LEAVE$1 && !motionLeave) && setStatus(STATUS_NONE$1);
+    (currentStatus === STATUS_APPEAR && !motionAppear || // Cancel enter
+    currentStatus === STATUS_ENTER && !motionEnter || // Cancel leave
+    currentStatus === STATUS_LEAVE && !motionLeave) && setStatus(STATUS_NONE);
   }, [motionAppear, motionEnter, motionLeave]), useEffect(function() {
     return function() {
       mountedRef.current = !1, clearTimeout(deadlineRef.current);
@@ -3436,15 +3432,15 @@ function useStatus$1(supportMotion, visible, getElement, _ref) {
   }, []);
   var firstMountChangeRef = React$6.useRef(!1);
   useEffect(function() {
-    asyncVisible && (firstMountChangeRef.current = !0), asyncVisible !== void 0 && currentStatus === STATUS_NONE$1 && ((firstMountChangeRef.current || asyncVisible) && (onVisibleChanged == null || onVisibleChanged(asyncVisible)), firstMountChangeRef.current = !0);
+    asyncVisible && (firstMountChangeRef.current = !0), asyncVisible !== void 0 && currentStatus === STATUS_NONE && ((firstMountChangeRef.current || asyncVisible) && (onVisibleChanged == null || onVisibleChanged(asyncVisible)), firstMountChangeRef.current = !0);
   }, [asyncVisible, currentStatus]);
   var mergedStyle = style2;
-  return eventHandlers[STEP_PREPARE$1] && step === STEP_START$1 && (mergedStyle = _objectSpread2$1({
+  return eventHandlers[STEP_PREPARE] && step === STEP_START && (mergedStyle = _objectSpread2$1({
     transition: "none"
   }, mergedStyle)), [currentStatus, step, mergedStyle, asyncVisible != null ? asyncVisible : visible];
 }
-__name(useStatus$1, "useStatus$1");
-function genCSSMotion$1(config2) {
+__name(useStatus, "useStatus");
+function genCSSMotion(config2) {
   var transitionSupport = config2;
   _typeof$2(config2) === "object" && (transitionSupport = config2.transitionSupport);
   function isSupportTransition(props, contextMotion) {
@@ -3452,7 +3448,7 @@ function genCSSMotion$1(config2) {
   }
   __name(isSupportTransition, "isSupportTransition");
   var CSSMotion2 = /* @__PURE__ */ React$6.forwardRef(function(props, ref) {
-    var _props$visible = props.visible, visible = _props$visible === void 0 ? !0 : _props$visible, _props$removeOnLeave = props.removeOnLeave, removeOnLeave = _props$removeOnLeave === void 0 ? !0 : _props$removeOnLeave, forceRender = props.forceRender, children = props.children, motionName = props.motionName, leavedClassName = props.leavedClassName, eventProps = props.eventProps, _React$useContext = React$6.useContext(Context$1), contextMotion = _React$useContext.motion, supportMotion = isSupportTransition(props, contextMotion), nodeRef = useRef(), wrapperNodeRef = useRef();
+    var _props$visible = props.visible, visible = _props$visible === void 0 ? !0 : _props$visible, _props$removeOnLeave = props.removeOnLeave, removeOnLeave = _props$removeOnLeave === void 0 ? !0 : _props$removeOnLeave, forceRender = props.forceRender, children = props.children, motionName = props.motionName, leavedClassName = props.leavedClassName, eventProps = props.eventProps, _React$useContext = React$6.useContext(Context), contextMotion = _React$useContext.motion, supportMotion = isSupportTransition(props, contextMotion), nodeRef = useRef(), wrapperNodeRef = useRef();
     function getDomElement() {
       try {
         return nodeRef.current instanceof HTMLElement ? nodeRef.current : findDOMNode$1(wrapperNodeRef.current);
@@ -3461,7 +3457,7 @@ function genCSSMotion$1(config2) {
       }
     }
     __name(getDomElement, "getDomElement");
-    var _useStatus = useStatus$1(supportMotion, visible, getDomElement, props), _useStatus2 = _slicedToArray$1(_useStatus, 4), status = _useStatus2[0], statusStep = _useStatus2[1], statusStyle = _useStatus2[2], mergedVisible = _useStatus2[3], renderedRef = React$6.useRef(mergedVisible);
+    var _useStatus = useStatus(supportMotion, visible, getDomElement, props), _useStatus2 = _slicedToArray$1(_useStatus, 4), status = _useStatus2[0], statusStep = _useStatus2[1], statusStyle = _useStatus2[2], mergedVisible = _useStatus2[3], renderedRef = React$6.useRef(mergedVisible);
     mergedVisible && (renderedRef.current = !0);
     var setNodeRef = React$6.useCallback(function(node) {
       nodeRef.current = node, fillRef(ref, node);
@@ -3470,7 +3466,7 @@ function genCSSMotion$1(config2) {
     });
     if (!children)
       motionChildren = null;
-    else if (status === STATUS_NONE$1)
+    else if (status === STATUS_NONE)
       mergedVisible ? motionChildren = children(_objectSpread2$1({}, mergedProps), setNodeRef) : !removeOnLeave && renderedRef.current && leavedClassName ? motionChildren = children(_objectSpread2$1(_objectSpread2$1({}, mergedProps), {}, {
         className: leavedClassName
       }), setNodeRef) : forceRender || !removeOnLeave && !leavedClassName ? motionChildren = children(_objectSpread2$1(_objectSpread2$1({}, mergedProps), {}, {
@@ -3480,10 +3476,10 @@ function genCSSMotion$1(config2) {
       }), setNodeRef) : motionChildren = null;
     else {
       var statusSuffix;
-      statusStep === STEP_PREPARE$1 ? statusSuffix = "prepare" : isActive$1(statusStep) ? statusSuffix = "active" : statusStep === STEP_START$1 && (statusSuffix = "start");
-      var motionCls = getTransitionName$1(motionName, "".concat(status, "-").concat(statusSuffix));
+      statusStep === STEP_PREPARE ? statusSuffix = "prepare" : isActive(statusStep) ? statusSuffix = "active" : statusStep === STEP_START && (statusSuffix = "start");
+      var motionCls = getTransitionName(motionName, "".concat(status, "-").concat(statusSuffix));
       motionChildren = children(_objectSpread2$1(_objectSpread2$1({}, mergedProps), {}, {
-        className: clsx(getTransitionName$1(motionName, status), _defineProperty$b(_defineProperty$b({}, motionCls, motionCls && statusSuffix), motionName, typeof motionName == "string")),
+        className: clsx(getTransitionName(motionName, status), _defineProperty$b(_defineProperty$b({}, motionCls, motionCls && statusSuffix), motionName, typeof motionName == "string")),
         style: statusStyle
       }), setNodeRef);
     }
@@ -3493,16 +3489,16 @@ function genCSSMotion$1(config2) {
         ref: setNodeRef
       }));
     }
-    return /* @__PURE__ */ React$6.createElement(DomWrapper$2, {
+    return /* @__PURE__ */ React$6.createElement(DomWrapper$1, {
       ref: wrapperNodeRef
     }, motionChildren);
   });
   return CSSMotion2.displayName = "CSSMotion", CSSMotion2;
 }
-__name(genCSSMotion$1, "genCSSMotion$1");
-const CSSMotion$1 = genCSSMotion$1(supportTransition$1);
-var STATUS_ADD$1 = "add", STATUS_KEEP$1 = "keep", STATUS_REMOVE$1 = "remove", STATUS_REMOVED$1 = "removed";
-function wrapKeyToObject$1(key) {
+__name(genCSSMotion, "genCSSMotion");
+const CSSMotion = genCSSMotion(supportTransition);
+var STATUS_ADD = "add", STATUS_KEEP = "keep", STATUS_REMOVE = "remove", STATUS_REMOVED = "removed";
+function wrapKeyToObject(key) {
   var keyObj;
   return key && _typeof$2(key) === "object" && "key" in key ? keyObj = key : keyObj = {
     key
@@ -3510,34 +3506,34 @@ function wrapKeyToObject$1(key) {
     key: String(keyObj.key)
   });
 }
-__name(wrapKeyToObject$1, "wrapKeyToObject$1");
-function parseKeys$1() {
+__name(wrapKeyToObject, "wrapKeyToObject");
+function parseKeys() {
   var keys4 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
-  return keys4.map(wrapKeyToObject$1);
+  return keys4.map(wrapKeyToObject);
 }
-__name(parseKeys$1, "parseKeys$1");
-function diffKeys$1() {
-  var prevKeys = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], currentKeys = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [], list = [], currentIndex = 0, currentLen = currentKeys.length, prevKeyObjects = parseKeys$1(prevKeys), currentKeyObjects = parseKeys$1(currentKeys);
+__name(parseKeys, "parseKeys");
+function diffKeys() {
+  var prevKeys = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], currentKeys = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [], list = [], currentIndex = 0, currentLen = currentKeys.length, prevKeyObjects = parseKeys(prevKeys), currentKeyObjects = parseKeys(currentKeys);
   prevKeyObjects.forEach(function(keyObj) {
     for (var hit = !1, i = currentIndex; i < currentLen; i += 1) {
       var currentKeyObj = currentKeyObjects[i];
       if (currentKeyObj.key === keyObj.key) {
         currentIndex < i && (list = list.concat(currentKeyObjects.slice(currentIndex, i).map(function(obj) {
           return _objectSpread2$1(_objectSpread2$1({}, obj), {}, {
-            status: STATUS_ADD$1
+            status: STATUS_ADD
           });
         })), currentIndex = i), list.push(_objectSpread2$1(_objectSpread2$1({}, currentKeyObj), {}, {
-          status: STATUS_KEEP$1
+          status: STATUS_KEEP
         })), currentIndex += 1, hit = !0;
         break;
       }
     }
     hit || list.push(_objectSpread2$1(_objectSpread2$1({}, keyObj), {}, {
-      status: STATUS_REMOVE$1
+      status: STATUS_REMOVE
     }));
   }), currentIndex < currentLen && (list = list.concat(currentKeyObjects.slice(currentIndex).map(function(obj) {
     return _objectSpread2$1(_objectSpread2$1({}, obj), {}, {
-      status: STATUS_ADD$1
+      status: STATUS_ADD
     });
   })));
   var keys4 = {};
@@ -3551,16 +3547,16 @@ function diffKeys$1() {
   return duplicatedKeys.forEach(function(matchKey) {
     list = list.filter(function(_ref2) {
       var key = _ref2.key, status = _ref2.status;
-      return key !== matchKey || status !== STATUS_REMOVE$1;
+      return key !== matchKey || status !== STATUS_REMOVE;
     }), list.forEach(function(node) {
-      node.key === matchKey && (node.status = STATUS_KEEP$1);
+      node.key === matchKey && (node.status = STATUS_KEEP);
     });
   }), list;
 }
-__name(diffKeys$1, "diffKeys$1");
-var _excluded$x = ["component", "children", "onVisibleChanged", "onAllRemoved"], _excluded2$7 = ["status"], MOTION_PROP_NAMES$1 = ["eventProps", "visible", "children", "motionName", "motionAppear", "motionEnter", "motionLeave", "motionLeaveImmediately", "motionDeadline", "removeOnLeave", "leavedClassName", "onAppearPrepare", "onAppearStart", "onAppearActive", "onAppearEnd", "onEnterStart", "onEnterActive", "onEnterEnd", "onLeaveStart", "onLeaveActive", "onLeaveEnd"];
-function genCSSMotionList$1(transitionSupport) {
-  var CSSMotion2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : CSSMotion$1, CSSMotionList = /* @__PURE__ */ function(_React$Component) {
+__name(diffKeys, "diffKeys");
+var _excluded$w = ["component", "children", "onVisibleChanged", "onAllRemoved"], _excluded2$6 = ["status"], MOTION_PROP_NAMES = ["eventProps", "visible", "children", "motionName", "motionAppear", "motionEnter", "motionLeave", "motionLeaveImmediately", "motionDeadline", "removeOnLeave", "leavedClassName", "onAppearPrepare", "onAppearStart", "onAppearActive", "onAppearEnd", "onEnterStart", "onEnterActive", "onEnterEnd", "onLeaveStart", "onLeaveActive", "onLeaveEnd"];
+function genCSSMotionList(transitionSupport) {
+  var CSSMotion$1 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : CSSMotion, CSSMotionList = /* @__PURE__ */ function(_React$Component) {
     _inherits$2(CSSMotionList2, _React$Component);
     var _super = _createSuper$2(CSSMotionList2);
     function CSSMotionList2() {
@@ -3573,26 +3569,26 @@ function genCSSMotionList$1(transitionSupport) {
       }), _defineProperty$b(_assertThisInitialized$2(_this), "removeKey", function(removeKey) {
         var keyEntities = _this.state.keyEntities, nextKeyEntities = keyEntities.map(function(entity) {
           return entity.key !== removeKey ? entity : _objectSpread2$1(_objectSpread2$1({}, entity), {}, {
-            status: STATUS_REMOVED$1
+            status: STATUS_REMOVED
           });
         });
         return _this.setState({
           keyEntities: nextKeyEntities
         }), nextKeyEntities.filter(function(_ref) {
           var status = _ref.status;
-          return status !== STATUS_REMOVED$1;
+          return status !== STATUS_REMOVED;
         }).length;
       }), _this;
     }
     return __name(CSSMotionList2, "CSSMotionList"), _createClass$2(CSSMotionList2, [{
       key: "render",
       value: /* @__PURE__ */ __name(function() {
-        var _this2 = this, keyEntities = this.state.keyEntities, _this$props = this.props, component = _this$props.component, children = _this$props.children, _onVisibleChanged = _this$props.onVisibleChanged, onAllRemoved = _this$props.onAllRemoved, restProps = _objectWithoutProperties$2(_this$props, _excluded$x), Component = component || React$6.Fragment, motionProps = {};
-        return MOTION_PROP_NAMES$1.forEach(function(prop) {
+        var _this2 = this, keyEntities = this.state.keyEntities, _this$props = this.props, component = _this$props.component, children = _this$props.children, _onVisibleChanged = _this$props.onVisibleChanged, onAllRemoved = _this$props.onAllRemoved, restProps = _objectWithoutProperties$2(_this$props, _excluded$w), Component = component || React$6.Fragment, motionProps = {};
+        return MOTION_PROP_NAMES.forEach(function(prop) {
           motionProps[prop] = restProps[prop], delete restProps[prop];
         }), delete restProps.keys, /* @__PURE__ */ React$6.createElement(Component, restProps, keyEntities.map(function(_ref2, index2) {
-          var status = _ref2.status, eventProps = _objectWithoutProperties$2(_ref2, _excluded2$7), visible = status === STATUS_ADD$1 || status === STATUS_KEEP$1;
-          return /* @__PURE__ */ React$6.createElement(CSSMotion2, _extends$6({}, motionProps, {
+          var status = _ref2.status, eventProps = _objectWithoutProperties$2(_ref2, _excluded2$6), visible = status === STATUS_ADD || status === STATUS_KEEP;
+          return /* @__PURE__ */ React$6.createElement(CSSMotion$1, _extends$6({}, motionProps, {
             key: eventProps.key,
             visible,
             eventProps,
@@ -3614,14 +3610,14 @@ function genCSSMotionList$1(transitionSupport) {
     }], [{
       key: "getDerivedStateFromProps",
       value: /* @__PURE__ */ __name(function(_ref3, _ref4) {
-        var keys4 = _ref3.keys, keyEntities = _ref4.keyEntities, parsedKeyObjects = parseKeys$1(keys4), mixedKeyEntities = diffKeys$1(keyEntities, parsedKeyObjects);
+        var keys4 = _ref3.keys, keyEntities = _ref4.keyEntities, parsedKeyObjects = parseKeys(keys4), mixedKeyEntities = diffKeys(keyEntities, parsedKeyObjects);
         return {
           keyEntities: mixedKeyEntities.filter(function(entity) {
             var prevEntity = keyEntities.find(function(_ref5) {
               var key = _ref5.key;
               return entity.key === key;
             });
-            return !(prevEntity && prevEntity.status === STATUS_REMOVED$1 && entity.status === STATUS_REMOVE$1);
+            return !(prevEntity && prevEntity.status === STATUS_REMOVED && entity.status === STATUS_REMOVE);
           })
         };
       }, "getDerivedStateFromProps")
@@ -3631,8 +3627,8 @@ function genCSSMotionList$1(transitionSupport) {
     component: "div"
   }), CSSMotionList;
 }
-__name(genCSSMotionList$1, "genCSSMotionList$1");
-genCSSMotionList$1(supportTransition$1);
+__name(genCSSMotionList, "genCSSMotionList");
+genCSSMotionList(supportTransition);
 const MemoChildren = /* @__PURE__ */ React$6.memo(function(_ref) {
   var children = _ref.children;
   return children;
@@ -3726,7 +3722,7 @@ var sentinelStyle = {
     var elementOffset = offset(dialogRef.current);
     setTransformOrigin(mousePosition && (mousePosition.x || mousePosition.y) ? "".concat(mousePosition.x - elementOffset.left, "px ").concat(mousePosition.y - elementOffset.top, "px") : "");
   }
-  return __name(onPrepare, "onPrepare"), /* @__PURE__ */ React$6.createElement(CSSMotion$1, {
+  return __name(onPrepare, "onPrepare"), /* @__PURE__ */ React$6.createElement(CSSMotion, {
     visible,
     onVisibleChanged,
     onAppearPrepare: onPrepare,
@@ -3751,7 +3747,7 @@ var sentinelStyle = {
 Content.displayName = "Content";
 var Mask$1 = /* @__PURE__ */ __name(function(props) {
   var prefixCls = props.prefixCls, style2 = props.style, visible = props.visible, maskProps = props.maskProps, motionName = props.motionName, className = props.className;
-  return /* @__PURE__ */ React$6.createElement(CSSMotion$1, {
+  return /* @__PURE__ */ React$6.createElement(CSSMotion, {
     key: "mask",
     visible,
     motionName,
@@ -5487,7 +5483,7 @@ function _defineProperties$1(e2, r) {
 }
 __name(_defineProperties$1, "_defineProperties$1");
 function _createClass$1(e2, r, t2) {
-  return r && _defineProperties$1(e2.prototype, r), t2 && _defineProperties$1(e2, t2), Object.defineProperty(e2, "prototype", {
+  return r && _defineProperties$1(e2.prototype, r), Object.defineProperty(e2, "prototype", {
     writable: !1
   }), e2;
 }
@@ -5551,7 +5547,7 @@ function _createSuper$1(t2) {
   };
 }
 __name(_createSuper$1, "_createSuper$1");
-var DomWrapper$1 = /* @__PURE__ */ function(_React$Component) {
+var DomWrapper = /* @__PURE__ */ function(_React$Component) {
   _inherits$1(DomWrapper2, _React$Component);
   var _super = _createSuper$1(DomWrapper2);
   function DomWrapper2() {
@@ -5570,489 +5566,80 @@ function SingleObserver(props, ref) {
     height: -1,
     offsetWidth: -1,
     offsetHeight: -1
-  }), canRef = !isRenderProps && /* @__PURE__ */ React$6.isValidElement(mergedChildren) && supportRef(mergedChildren), originRef = canRef ? mergedChildren.ref : null, mergedRef = useComposeRef(originRef, elementRef), getDom = /* @__PURE__ */ __name(function() {
-    var _elementRef$current;
-    return findDOMNode$1(elementRef.current) || // Support `nativeElement` format
-    (elementRef.current && _typeof$3(elementRef.current) === "object" ? findDOMNode$1((_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 ? void 0 : _elementRef$current.nativeElement) : null) || findDOMNode$1(wrapperRef.current);
-  }, "getDom2");
-  React$6.useImperativeHandle(ref, function() {
-    return getDom();
-  });
-  var propsRef = React$6.useRef(props);
-  propsRef.current = props;
-  var onInternalResize = React$6.useCallback(function(target) {
-    var _propsRef$current = propsRef.current, onResize2 = _propsRef$current.onResize, data = _propsRef$current.data, _target$getBoundingCl = target.getBoundingClientRect(), width2 = _target$getBoundingCl.width, height2 = _target$getBoundingCl.height, offsetWidth = target.offsetWidth, offsetHeight = target.offsetHeight, fixedWidth = Math.floor(width2), fixedHeight = Math.floor(height2);
-    if (sizeRef.current.width !== fixedWidth || sizeRef.current.height !== fixedHeight || sizeRef.current.offsetWidth !== offsetWidth || sizeRef.current.offsetHeight !== offsetHeight) {
-      var size = {
-        width: fixedWidth,
-        height: fixedHeight,
-        offsetWidth,
-        offsetHeight
-      };
-      sizeRef.current = size;
-      var mergedOffsetWidth = offsetWidth === Math.round(width2) ? width2 : offsetWidth, mergedOffsetHeight = offsetHeight === Math.round(height2) ? height2 : offsetHeight, sizeInfo = _objectSpread2$2(_objectSpread2$2({}, size), {}, {
-        offsetWidth: mergedOffsetWidth,
-        offsetHeight: mergedOffsetHeight
-      });
-      onCollectionResize == null || onCollectionResize(sizeInfo, target, data), onResize2 && Promise.resolve().then(function() {
-        onResize2(sizeInfo, target);
-      });
-    }
-  }, []);
-  return React$6.useEffect(function() {
-    var currentElement = getDom();
-    return currentElement && !disabled && observe(currentElement, onInternalResize), function() {
-      return unobserve(currentElement, onInternalResize);
-    };
-  }, [elementRef.current, disabled]), /* @__PURE__ */ React$6.createElement(DomWrapper$1, {
-    ref: wrapperRef
-  }, canRef ? /* @__PURE__ */ React$6.cloneElement(mergedChildren, {
-    ref: mergedRef
-  }) : mergedChildren);
-}
-__name(SingleObserver, "SingleObserver");
-var RefSingleObserver = /* @__PURE__ */ React$6.forwardRef(SingleObserver), INTERNAL_PREFIX_KEY = "rc-observer-key";
-function ResizeObserver$1(props, ref) {
-  var children = props.children, childNodes = typeof children == "function" ? [children] : toArray$3(children);
-  return childNodes.map(function(child, index2) {
-    var key = (child == null ? void 0 : child.key) || "".concat(INTERNAL_PREFIX_KEY, "-").concat(index2);
-    return /* @__PURE__ */ React$6.createElement(RefSingleObserver, _extends$5({}, props, {
-      key,
-      ref: index2 === 0 ? ref : void 0
-    }), child);
-  });
-}
-__name(ResizeObserver$1, "ResizeObserver$1");
-var RefResizeObserver = /* @__PURE__ */ React$6.forwardRef(ResizeObserver$1);
-RefResizeObserver.Collection = Collection;
-function getRoot(ele) {
-  var _ele$getRootNode;
-  return ele == null || (_ele$getRootNode = ele.getRootNode) === null || _ele$getRootNode === void 0 ? void 0 : _ele$getRootNode.call(ele);
-}
-__name(getRoot, "getRoot");
-function inShadow(ele) {
-  return getRoot(ele) instanceof ShadowRoot;
-}
-__name(inShadow, "inShadow");
-function getShadowRoot(ele) {
-  return inShadow(ele) ? getRoot(ele) : null;
-}
-__name(getShadowRoot, "getShadowRoot");
-const isMobile = /* @__PURE__ */ __name(function() {
-  if (typeof navigator > "u" || typeof window > "u")
-    return !1;
-  var agent = navigator.userAgent || navigator.vendor || window.opera;
-  return /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(agent) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55\/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|gf-5|g-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c(-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk\/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-/i.test(agent == null ? void 0 : agent.substr(0, 4));
-}, "isMobile");
-function _objectWithoutPropertiesLoose$3(r, e2) {
-  if (r == null) return {};
-  var t2 = {};
-  for (var n2 in r) if ({}.hasOwnProperty.call(r, n2)) {
-    if (e2.indexOf(n2) >= 0) continue;
-    t2[n2] = r[n2];
-  }
-  return t2;
-}
-__name(_objectWithoutPropertiesLoose$3, "_objectWithoutPropertiesLoose$3");
-function _objectWithoutProperties$1(e2, t2) {
-  if (e2 == null) return {};
-  var o, r, i = _objectWithoutPropertiesLoose$3(e2, t2);
-  if (Object.getOwnPropertySymbols) {
-    var n2 = Object.getOwnPropertySymbols(e2);
-    for (r = 0; r < n2.length; r++) o = n2[r], t2.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e2, o) && (i[o] = e2[o]);
-  }
-  return i;
-}
-__name(_objectWithoutProperties$1, "_objectWithoutProperties$1");
-var Context = /* @__PURE__ */ React$6.createContext({}), DomWrapper = /* @__PURE__ */ function(_React$Component) {
-  _inherits$1(DomWrapper2, _React$Component);
-  var _super = _createSuper$1(DomWrapper2);
-  function DomWrapper2() {
-    return _classCallCheck$1(this, DomWrapper2), _super.apply(this, arguments);
-  }
-  return __name(DomWrapper2, "DomWrapper"), _createClass$1(DomWrapper2, [{
-    key: "render",
-    value: /* @__PURE__ */ __name(function() {
-      return this.props.children;
-    }, "render")
-  }]), DomWrapper2;
-}(React$6.Component), STATUS_NONE = "none", STATUS_APPEAR = "appear", STATUS_ENTER = "enter", STATUS_LEAVE = "leave", STEP_NONE = "none", STEP_PREPARE = "prepare", STEP_START = "start", STEP_ACTIVE = "active", STEP_ACTIVATED = "end", STEP_PREPARED = "prepared";
-function makePrefixMap(styleProp, eventName) {
-  var prefixes2 = {};
-  return prefixes2[styleProp.toLowerCase()] = eventName.toLowerCase(), prefixes2["Webkit".concat(styleProp)] = "webkit".concat(eventName), prefixes2["Moz".concat(styleProp)] = "moz".concat(eventName), prefixes2["ms".concat(styleProp)] = "MS".concat(eventName), prefixes2["O".concat(styleProp)] = "o".concat(eventName.toLowerCase()), prefixes2;
-}
-__name(makePrefixMap, "makePrefixMap");
-function getVendorPrefixes(domSupport, win) {
-  var prefixes2 = {
-    animationend: makePrefixMap("Animation", "AnimationEnd"),
-    transitionend: makePrefixMap("Transition", "TransitionEnd")
-  };
-  return domSupport && ("AnimationEvent" in win || delete prefixes2.animationend.animation, "TransitionEvent" in win || delete prefixes2.transitionend.transition), prefixes2;
-}
-__name(getVendorPrefixes, "getVendorPrefixes");
-var vendorPrefixes = getVendorPrefixes(canUseDom(), typeof window < "u" ? window : {}), style = {};
-if (canUseDom()) {
-  var _document$createEleme = document.createElement("div");
-  style = _document$createEleme.style;
-}
-var prefixedEventNames = {};
-function getVendorPrefixedEventName(eventName) {
-  if (prefixedEventNames[eventName])
-    return prefixedEventNames[eventName];
-  var prefixMap = vendorPrefixes[eventName];
-  if (prefixMap)
-    for (var stylePropList = Object.keys(prefixMap), len = stylePropList.length, i = 0; i < len; i += 1) {
-      var styleProp = stylePropList[i];
-      if (Object.prototype.hasOwnProperty.call(prefixMap, styleProp) && styleProp in style)
-        return prefixedEventNames[eventName] = prefixMap[styleProp], prefixedEventNames[eventName];
-    }
-  return "";
-}
-__name(getVendorPrefixedEventName, "getVendorPrefixedEventName");
-var internalAnimationEndName = getVendorPrefixedEventName("animationend"), internalTransitionEndName = getVendorPrefixedEventName("transitionend"), supportTransition = !!(internalAnimationEndName && internalTransitionEndName), animationEndName = internalAnimationEndName || "animationend", transitionEndName = internalTransitionEndName || "transitionend";
-function getTransitionName(transitionName, transitionType) {
-  if (!transitionName) return null;
-  if (_typeof$3(transitionName) === "object") {
-    var type2 = transitionType.replace(/-\w/g, function(match2) {
-      return match2[1].toUpperCase();
-    });
-    return transitionName[type2];
-  }
-  return "".concat(transitionName, "-").concat(transitionType);
-}
-__name(getTransitionName, "getTransitionName");
-const useDomMotionEvents = /* @__PURE__ */ __name(function(onInternalMotionEnd) {
-  var cacheElementRef = useRef();
-  function removeMotionEvents(element2) {
-    element2 && (element2.removeEventListener(transitionEndName, onInternalMotionEnd), element2.removeEventListener(animationEndName, onInternalMotionEnd));
-  }
-  __name(removeMotionEvents, "removeMotionEvents");
-  function patchMotionEvents(element2) {
-    cacheElementRef.current && cacheElementRef.current !== element2 && removeMotionEvents(cacheElementRef.current), element2 && element2 !== cacheElementRef.current && (element2.addEventListener(transitionEndName, onInternalMotionEnd), element2.addEventListener(animationEndName, onInternalMotionEnd), cacheElementRef.current = element2);
-  }
-  return __name(patchMotionEvents, "patchMotionEvents"), React$6.useEffect(function() {
-    return function() {
-      removeMotionEvents(cacheElementRef.current);
-    };
-  }, []), [patchMotionEvents, removeMotionEvents];
-}, "useDomMotionEvents");
-var useIsomorphicLayoutEffect = canUseDom() ? useLayoutEffect$2 : useEffect;
-const useNextFrame = /* @__PURE__ */ __name(function() {
-  var nextFrameRef = React$6.useRef(null);
-  function cancelNextFrame() {
-    wrapperRaf.cancel(nextFrameRef.current);
-  }
-  __name(cancelNextFrame, "cancelNextFrame");
-  function nextFrame(callback) {
-    var delay = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 2;
-    cancelNextFrame();
-    var nextFrameId = wrapperRaf(function() {
-      delay <= 1 ? callback({
-        isCanceled: /* @__PURE__ */ __name(function() {
-          return nextFrameId !== nextFrameRef.current;
-        }, "isCanceled")
-      }) : nextFrame(callback, delay - 1);
-    });
-    nextFrameRef.current = nextFrameId;
-  }
-  return __name(nextFrame, "nextFrame"), React$6.useEffect(function() {
-    return function() {
-      cancelNextFrame();
-    };
-  }, []), [nextFrame, cancelNextFrame];
-}, "useNextFrame");
-var FULL_STEP_QUEUE = [STEP_PREPARE, STEP_START, STEP_ACTIVE, STEP_ACTIVATED], SIMPLE_STEP_QUEUE = [STEP_PREPARE, STEP_PREPARED], SkipStep = !1, DoStep = !0;
-function isActive(step) {
-  return step === STEP_ACTIVE || step === STEP_ACTIVATED;
-}
-__name(isActive, "isActive");
-const useStepQueue = /* @__PURE__ */ __name(function(status, prepareOnly, callback) {
-  var _useState = useSafeState(STEP_NONE), _useState2 = _slicedToArray$2(_useState, 2), step = _useState2[0], setStep = _useState2[1], _useNextFrame = useNextFrame(), _useNextFrame2 = _slicedToArray$2(_useNextFrame, 2), nextFrame = _useNextFrame2[0], cancelNextFrame = _useNextFrame2[1];
-  function startQueue() {
-    setStep(STEP_PREPARE, !0);
-  }
-  __name(startQueue, "startQueue");
-  var STEP_QUEUE = prepareOnly ? SIMPLE_STEP_QUEUE : FULL_STEP_QUEUE;
-  return useIsomorphicLayoutEffect(function() {
-    if (step !== STEP_NONE && step !== STEP_ACTIVATED) {
-      var index2 = STEP_QUEUE.indexOf(step), nextStep = STEP_QUEUE[index2 + 1], result = callback(step);
-      result === SkipStep ? setStep(nextStep, !0) : nextStep && nextFrame(function(info) {
-        function doNext() {
-          info.isCanceled() || setStep(nextStep, !0);
-        }
-        __name(doNext, "doNext"), result === !0 ? doNext() : Promise.resolve(result).then(doNext);
-      });
-    }
-  }, [status, step]), React$6.useEffect(function() {
-    return function() {
-      cancelNextFrame();
-    };
-  }, []), [startQueue, step];
-}, "useStepQueue");
-function useStatus(supportMotion, visible, getElement, _ref) {
-  var _ref$motionEnter = _ref.motionEnter, motionEnter = _ref$motionEnter === void 0 ? !0 : _ref$motionEnter, _ref$motionAppear = _ref.motionAppear, motionAppear = _ref$motionAppear === void 0 ? !0 : _ref$motionAppear, _ref$motionLeave = _ref.motionLeave, motionLeave = _ref$motionLeave === void 0 ? !0 : _ref$motionLeave, motionDeadline = _ref.motionDeadline, motionLeaveImmediately = _ref.motionLeaveImmediately, onAppearPrepare = _ref.onAppearPrepare, onEnterPrepare = _ref.onEnterPrepare, onLeavePrepare = _ref.onLeavePrepare, onAppearStart = _ref.onAppearStart, onEnterStart = _ref.onEnterStart, onLeaveStart = _ref.onLeaveStart, onAppearActive = _ref.onAppearActive, onEnterActive = _ref.onEnterActive, onLeaveActive = _ref.onLeaveActive, onAppearEnd = _ref.onAppearEnd, onEnterEnd = _ref.onEnterEnd, onLeaveEnd = _ref.onLeaveEnd, onVisibleChanged = _ref.onVisibleChanged, _useState = useSafeState(), _useState2 = _slicedToArray$2(_useState, 2), asyncVisible = _useState2[0], setAsyncVisible = _useState2[1], _useState3 = useSafeState(STATUS_NONE), _useState4 = _slicedToArray$2(_useState3, 2), status = _useState4[0], setStatus = _useState4[1], _useState5 = useSafeState(null), _useState6 = _slicedToArray$2(_useState5, 2), style2 = _useState6[0], setStyle = _useState6[1], mountedRef = useRef(!1), deadlineRef = useRef(null);
-  function getDomElement() {
-    return getElement();
-  }
-  __name(getDomElement, "getDomElement");
-  var activeRef = useRef(!1);
-  function updateMotionEndStatus() {
-    setStatus(STATUS_NONE, !0), setStyle(null, !0);
-  }
-  __name(updateMotionEndStatus, "updateMotionEndStatus");
-  var onInternalMotionEnd = useEvent(function(event) {
-    if (status !== STATUS_NONE) {
-      var element2 = getDomElement();
-      if (!(event && !event.deadline && event.target !== element2)) {
-        var currentActive = activeRef.current, canEnd;
-        status === STATUS_APPEAR && currentActive ? canEnd = onAppearEnd == null ? void 0 : onAppearEnd(element2, event) : status === STATUS_ENTER && currentActive ? canEnd = onEnterEnd == null ? void 0 : onEnterEnd(element2, event) : status === STATUS_LEAVE && currentActive && (canEnd = onLeaveEnd == null ? void 0 : onLeaveEnd(element2, event)), currentActive && canEnd !== !1 && updateMotionEndStatus();
-      }
-    }
-  }), _useDomMotionEvents = useDomMotionEvents(onInternalMotionEnd), _useDomMotionEvents2 = _slicedToArray$2(_useDomMotionEvents, 1), patchMotionEvents = _useDomMotionEvents2[0], getEventHandlers = /* @__PURE__ */ __name(function(targetStatus) {
-    switch (targetStatus) {
-      case STATUS_APPEAR:
-        return _defineProperty$c(_defineProperty$c(_defineProperty$c({}, STEP_PREPARE, onAppearPrepare), STEP_START, onAppearStart), STEP_ACTIVE, onAppearActive);
-      case STATUS_ENTER:
-        return _defineProperty$c(_defineProperty$c(_defineProperty$c({}, STEP_PREPARE, onEnterPrepare), STEP_START, onEnterStart), STEP_ACTIVE, onEnterActive);
-      case STATUS_LEAVE:
-        return _defineProperty$c(_defineProperty$c(_defineProperty$c({}, STEP_PREPARE, onLeavePrepare), STEP_START, onLeaveStart), STEP_ACTIVE, onLeaveActive);
-      default:
-        return {};
-    }
-  }, "getEventHandlers"), eventHandlers = React$6.useMemo(function() {
-    return getEventHandlers(status);
-  }, [status]), _useStepQueue = useStepQueue(status, !supportMotion, function(newStep) {
-    if (newStep === STEP_PREPARE) {
-      var onPrepare = eventHandlers[STEP_PREPARE];
-      return onPrepare ? onPrepare(getDomElement()) : SkipStep;
-    }
-    if (step in eventHandlers) {
-      var _eventHandlers$step;
-      setStyle(((_eventHandlers$step = eventHandlers[step]) === null || _eventHandlers$step === void 0 ? void 0 : _eventHandlers$step.call(eventHandlers, getDomElement(), null)) || null);
-    }
-    return step === STEP_ACTIVE && status !== STATUS_NONE && (patchMotionEvents(getDomElement()), motionDeadline > 0 && (clearTimeout(deadlineRef.current), deadlineRef.current = setTimeout(function() {
-      onInternalMotionEnd({
-        deadline: !0
-      });
-    }, motionDeadline))), step === STEP_PREPARED && updateMotionEndStatus(), DoStep;
-  }), _useStepQueue2 = _slicedToArray$2(_useStepQueue, 2), startStep = _useStepQueue2[0], step = _useStepQueue2[1], active = isActive(step);
-  activeRef.current = active, useIsomorphicLayoutEffect(function() {
-    setAsyncVisible(visible);
-    var isMounted = mountedRef.current;
-    mountedRef.current = !0;
-    var nextStatus;
-    !isMounted && visible && motionAppear && (nextStatus = STATUS_APPEAR), isMounted && visible && motionEnter && (nextStatus = STATUS_ENTER), (isMounted && !visible && motionLeave || !isMounted && motionLeaveImmediately && !visible && motionLeave) && (nextStatus = STATUS_LEAVE);
-    var nextEventHandlers = getEventHandlers(nextStatus);
-    nextStatus && (supportMotion || nextEventHandlers[STEP_PREPARE]) ? (setStatus(nextStatus), startStep()) : setStatus(STATUS_NONE);
-  }, [visible]), useEffect(function() {
-    // Cancel appear
-    (status === STATUS_APPEAR && !motionAppear || // Cancel enter
-    status === STATUS_ENTER && !motionEnter || // Cancel leave
-    status === STATUS_LEAVE && !motionLeave) && setStatus(STATUS_NONE);
-  }, [motionAppear, motionEnter, motionLeave]), useEffect(function() {
-    return function() {
-      mountedRef.current = !1, clearTimeout(deadlineRef.current);
-    };
-  }, []);
-  var firstMountChangeRef = React$6.useRef(!1);
-  useEffect(function() {
-    asyncVisible && (firstMountChangeRef.current = !0), asyncVisible !== void 0 && status === STATUS_NONE && ((firstMountChangeRef.current || asyncVisible) && (onVisibleChanged == null || onVisibleChanged(asyncVisible)), firstMountChangeRef.current = !0);
-  }, [asyncVisible, status]);
-  var mergedStyle = style2;
-  return eventHandlers[STEP_PREPARE] && step === STEP_START && (mergedStyle = _objectSpread2$2({
-    transition: "none"
-  }, mergedStyle)), [status, step, mergedStyle, asyncVisible != null ? asyncVisible : visible];
-}
-__name(useStatus, "useStatus");
-function genCSSMotion(config2) {
-  var transitionSupport = config2;
-  _typeof$3(config2) === "object" && (transitionSupport = config2.transitionSupport);
-  function isSupportTransition(props, contextMotion) {
-    return !!(props.motionName && transitionSupport && contextMotion !== !1);
-  }
-  __name(isSupportTransition, "isSupportTransition");
-  var CSSMotion2 = /* @__PURE__ */ React$6.forwardRef(function(props, ref) {
-    var _props$visible = props.visible, visible = _props$visible === void 0 ? !0 : _props$visible, _props$removeOnLeave = props.removeOnLeave, removeOnLeave = _props$removeOnLeave === void 0 ? !0 : _props$removeOnLeave, forceRender = props.forceRender, children = props.children, motionName = props.motionName, leavedClassName = props.leavedClassName, eventProps = props.eventProps, _React$useContext = React$6.useContext(Context), contextMotion = _React$useContext.motion, supportMotion = isSupportTransition(props, contextMotion), nodeRef = useRef(), wrapperNodeRef = useRef();
-    function getDomElement() {
-      try {
-        return nodeRef.current instanceof HTMLElement ? nodeRef.current : findDOMNode$1(wrapperNodeRef.current);
-      } catch {
-        return null;
-      }
-    }
-    __name(getDomElement, "getDomElement");
-    var _useStatus = useStatus(supportMotion, visible, getDomElement, props), _useStatus2 = _slicedToArray$2(_useStatus, 4), status = _useStatus2[0], statusStep = _useStatus2[1], statusStyle = _useStatus2[2], mergedVisible = _useStatus2[3], renderedRef = React$6.useRef(mergedVisible);
-    mergedVisible && (renderedRef.current = !0);
-    var setNodeRef = React$6.useCallback(function(node) {
-      nodeRef.current = node, fillRef(ref, node);
-    }, [ref]), motionChildren, mergedProps = _objectSpread2$2(_objectSpread2$2({}, eventProps), {}, {
-      visible
-    });
-    if (!children)
-      motionChildren = null;
-    else if (status === STATUS_NONE)
-      mergedVisible ? motionChildren = children(_objectSpread2$2({}, mergedProps), setNodeRef) : !removeOnLeave && renderedRef.current && leavedClassName ? motionChildren = children(_objectSpread2$2(_objectSpread2$2({}, mergedProps), {}, {
-        className: leavedClassName
-      }), setNodeRef) : forceRender || !removeOnLeave && !leavedClassName ? motionChildren = children(_objectSpread2$2(_objectSpread2$2({}, mergedProps), {}, {
-        style: {
-          display: "none"
-        }
-      }), setNodeRef) : motionChildren = null;
-    else {
-      var statusSuffix;
-      statusStep === STEP_PREPARE ? statusSuffix = "prepare" : isActive(statusStep) ? statusSuffix = "active" : statusStep === STEP_START && (statusSuffix = "start");
-      var motionCls = getTransitionName(motionName, "".concat(status, "-").concat(statusSuffix));
-      motionChildren = children(_objectSpread2$2(_objectSpread2$2({}, mergedProps), {}, {
-        className: clsx(getTransitionName(motionName, status), _defineProperty$c(_defineProperty$c({}, motionCls, motionCls && statusSuffix), motionName, typeof motionName == "string")),
-        style: statusStyle
-      }), setNodeRef);
-    }
-    if (/* @__PURE__ */ React$6.isValidElement(motionChildren) && supportRef(motionChildren)) {
-      var _ref = motionChildren, originNodeRef = _ref.ref;
-      originNodeRef || (motionChildren = /* @__PURE__ */ React$6.cloneElement(motionChildren, {
-        ref: setNodeRef
-      }));
-    }
-    return /* @__PURE__ */ React$6.createElement(DomWrapper, {
-      ref: wrapperNodeRef
-    }, motionChildren);
+  }), canRef = !isRenderProps && /* @__PURE__ */ React$6.isValidElement(mergedChildren) && supportRef(mergedChildren), originRef = canRef ? mergedChildren.ref : null, mergedRef = useComposeRef(originRef, elementRef), getDom = /* @__PURE__ */ __name(function() {
+    var _elementRef$current;
+    return findDOMNode$1(elementRef.current) || // Support `nativeElement` format
+    (elementRef.current && _typeof$3(elementRef.current) === "object" ? findDOMNode$1((_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 ? void 0 : _elementRef$current.nativeElement) : null) || findDOMNode$1(wrapperRef.current);
+  }, "getDom2");
+  React$6.useImperativeHandle(ref, function() {
+    return getDom();
   });
-  return CSSMotion2.displayName = "CSSMotion", CSSMotion2;
+  var propsRef = React$6.useRef(props);
+  propsRef.current = props;
+  var onInternalResize = React$6.useCallback(function(target) {
+    var _propsRef$current = propsRef.current, onResize2 = _propsRef$current.onResize, data = _propsRef$current.data, _target$getBoundingCl = target.getBoundingClientRect(), width2 = _target$getBoundingCl.width, height2 = _target$getBoundingCl.height, offsetWidth = target.offsetWidth, offsetHeight = target.offsetHeight, fixedWidth = Math.floor(width2), fixedHeight = Math.floor(height2);
+    if (sizeRef.current.width !== fixedWidth || sizeRef.current.height !== fixedHeight || sizeRef.current.offsetWidth !== offsetWidth || sizeRef.current.offsetHeight !== offsetHeight) {
+      var size = {
+        width: fixedWidth,
+        height: fixedHeight,
+        offsetWidth,
+        offsetHeight
+      };
+      sizeRef.current = size;
+      var mergedOffsetWidth = offsetWidth === Math.round(width2) ? width2 : offsetWidth, mergedOffsetHeight = offsetHeight === Math.round(height2) ? height2 : offsetHeight, sizeInfo = _objectSpread2$2(_objectSpread2$2({}, size), {}, {
+        offsetWidth: mergedOffsetWidth,
+        offsetHeight: mergedOffsetHeight
+      });
+      onCollectionResize == null || onCollectionResize(sizeInfo, target, data), onResize2 && Promise.resolve().then(function() {
+        onResize2(sizeInfo, target);
+      });
+    }
+  }, []);
+  return React$6.useEffect(function() {
+    var currentElement = getDom();
+    return currentElement && !disabled && observe(currentElement, onInternalResize), function() {
+      return unobserve(currentElement, onInternalResize);
+    };
+  }, [elementRef.current, disabled]), /* @__PURE__ */ React$6.createElement(DomWrapper, {
+    ref: wrapperRef
+  }, canRef ? /* @__PURE__ */ React$6.cloneElement(mergedChildren, {
+    ref: mergedRef
+  }) : mergedChildren);
 }
-__name(genCSSMotion, "genCSSMotion");
-const CSSMotion = genCSSMotion(supportTransition);
-var STATUS_ADD = "add", STATUS_KEEP = "keep", STATUS_REMOVE = "remove", STATUS_REMOVED = "removed";
-function wrapKeyToObject(key) {
-  var keyObj;
-  return key && _typeof$3(key) === "object" && "key" in key ? keyObj = key : keyObj = {
-    key
-  }, _objectSpread2$2(_objectSpread2$2({}, keyObj), {}, {
-    key: String(keyObj.key)
+__name(SingleObserver, "SingleObserver");
+var RefSingleObserver = /* @__PURE__ */ React$6.forwardRef(SingleObserver), INTERNAL_PREFIX_KEY = "rc-observer-key";
+function ResizeObserver$1(props, ref) {
+  var children = props.children, childNodes = typeof children == "function" ? [children] : toArray$3(children);
+  return childNodes.map(function(child, index2) {
+    var key = (child == null ? void 0 : child.key) || "".concat(INTERNAL_PREFIX_KEY, "-").concat(index2);
+    return /* @__PURE__ */ React$6.createElement(RefSingleObserver, _extends$5({}, props, {
+      key,
+      ref: index2 === 0 ? ref : void 0
+    }), child);
   });
 }
-__name(wrapKeyToObject, "wrapKeyToObject");
-function parseKeys() {
-  var keys4 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
-  return keys4.map(wrapKeyToObject);
+__name(ResizeObserver$1, "ResizeObserver$1");
+var RefResizeObserver = /* @__PURE__ */ React$6.forwardRef(ResizeObserver$1);
+RefResizeObserver.Collection = Collection;
+function getRoot(ele) {
+  var _ele$getRootNode;
+  return ele == null || (_ele$getRootNode = ele.getRootNode) === null || _ele$getRootNode === void 0 ? void 0 : _ele$getRootNode.call(ele);
 }
-__name(parseKeys, "parseKeys");
-function diffKeys() {
-  var prevKeys = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], currentKeys = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [], list = [], currentIndex = 0, currentLen = currentKeys.length, prevKeyObjects = parseKeys(prevKeys), currentKeyObjects = parseKeys(currentKeys);
-  prevKeyObjects.forEach(function(keyObj) {
-    for (var hit = !1, i = currentIndex; i < currentLen; i += 1) {
-      var currentKeyObj = currentKeyObjects[i];
-      if (currentKeyObj.key === keyObj.key) {
-        currentIndex < i && (list = list.concat(currentKeyObjects.slice(currentIndex, i).map(function(obj) {
-          return _objectSpread2$2(_objectSpread2$2({}, obj), {}, {
-            status: STATUS_ADD
-          });
-        })), currentIndex = i), list.push(_objectSpread2$2(_objectSpread2$2({}, currentKeyObj), {}, {
-          status: STATUS_KEEP
-        })), currentIndex += 1, hit = !0;
-        break;
-      }
-    }
-    hit || list.push(_objectSpread2$2(_objectSpread2$2({}, keyObj), {}, {
-      status: STATUS_REMOVE
-    }));
-  }), currentIndex < currentLen && (list = list.concat(currentKeyObjects.slice(currentIndex).map(function(obj) {
-    return _objectSpread2$2(_objectSpread2$2({}, obj), {}, {
-      status: STATUS_ADD
-    });
-  })));
-  var keys4 = {};
-  list.forEach(function(_ref) {
-    var key = _ref.key;
-    keys4[key] = (keys4[key] || 0) + 1;
-  });
-  var duplicatedKeys = Object.keys(keys4).filter(function(key) {
-    return keys4[key] > 1;
-  });
-  return duplicatedKeys.forEach(function(matchKey) {
-    list = list.filter(function(_ref2) {
-      var key = _ref2.key, status = _ref2.status;
-      return key !== matchKey || status !== STATUS_REMOVE;
-    }), list.forEach(function(node) {
-      node.key === matchKey && (node.status = STATUS_KEEP);
-    });
-  }), list;
+__name(getRoot, "getRoot");
+function inShadow(ele) {
+  return getRoot(ele) instanceof ShadowRoot;
 }
-__name(diffKeys, "diffKeys");
-var _excluded$w = ["component", "children", "onVisibleChanged", "onAllRemoved"], _excluded2$6 = ["status"], MOTION_PROP_NAMES = ["eventProps", "visible", "children", "motionName", "motionAppear", "motionEnter", "motionLeave", "motionLeaveImmediately", "motionDeadline", "removeOnLeave", "leavedClassName", "onAppearPrepare", "onAppearStart", "onAppearActive", "onAppearEnd", "onEnterStart", "onEnterActive", "onEnterEnd", "onLeaveStart", "onLeaveActive", "onLeaveEnd"];
-function genCSSMotionList(transitionSupport) {
-  var CSSMotion$12 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : CSSMotion, CSSMotionList = /* @__PURE__ */ function(_React$Component) {
-    _inherits$1(CSSMotionList2, _React$Component);
-    var _super = _createSuper$1(CSSMotionList2);
-    function CSSMotionList2() {
-      var _this;
-      _classCallCheck$1(this, CSSMotionList2);
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++)
-        args[_key] = arguments[_key];
-      return _this = _super.call.apply(_super, [this].concat(args)), _defineProperty$c(_assertThisInitialized$1(_this), "state", {
-        keyEntities: []
-      }), _defineProperty$c(_assertThisInitialized$1(_this), "removeKey", function(removeKey) {
-        var keyEntities = _this.state.keyEntities, nextKeyEntities = keyEntities.map(function(entity) {
-          return entity.key !== removeKey ? entity : _objectSpread2$2(_objectSpread2$2({}, entity), {}, {
-            status: STATUS_REMOVED
-          });
-        });
-        return _this.setState({
-          keyEntities: nextKeyEntities
-        }), nextKeyEntities.filter(function(_ref) {
-          var status = _ref.status;
-          return status !== STATUS_REMOVED;
-        }).length;
-      }), _this;
-    }
-    return __name(CSSMotionList2, "CSSMotionList"), _createClass$1(CSSMotionList2, [{
-      key: "render",
-      value: /* @__PURE__ */ __name(function() {
-        var _this2 = this, keyEntities = this.state.keyEntities, _this$props = this.props, component = _this$props.component, children = _this$props.children, _onVisibleChanged = _this$props.onVisibleChanged, onAllRemoved = _this$props.onAllRemoved, restProps = _objectWithoutProperties$1(_this$props, _excluded$w), Component = component || React$6.Fragment, motionProps = {};
-        return MOTION_PROP_NAMES.forEach(function(prop) {
-          motionProps[prop] = restProps[prop], delete restProps[prop];
-        }), delete restProps.keys, /* @__PURE__ */ React$6.createElement(Component, restProps, keyEntities.map(function(_ref2, index2) {
-          var status = _ref2.status, eventProps = _objectWithoutProperties$1(_ref2, _excluded2$6), visible = status === STATUS_ADD || status === STATUS_KEEP;
-          return /* @__PURE__ */ React$6.createElement(CSSMotion$12, _extends$5({}, motionProps, {
-            key: eventProps.key,
-            visible,
-            eventProps,
-            onVisibleChanged: /* @__PURE__ */ __name(function(changedVisible) {
-              if (_onVisibleChanged == null || _onVisibleChanged(changedVisible, {
-                key: eventProps.key
-              }), !changedVisible) {
-                var restKeysCount = _this2.removeKey(eventProps.key);
-                restKeysCount === 0 && onAllRemoved && onAllRemoved();
-              }
-            }, "onVisibleChanged")
-          }), function(props, ref) {
-            return children(_objectSpread2$2(_objectSpread2$2({}, props), {}, {
-              index: index2
-            }), ref);
-          });
-        }));
-      }, "render")
-    }], [{
-      key: "getDerivedStateFromProps",
-      value: /* @__PURE__ */ __name(function(_ref3, _ref4) {
-        var keys4 = _ref3.keys, keyEntities = _ref4.keyEntities, parsedKeyObjects = parseKeys(keys4), mixedKeyEntities = diffKeys(keyEntities, parsedKeyObjects);
-        return {
-          keyEntities: mixedKeyEntities.filter(function(entity) {
-            var prevEntity = keyEntities.find(function(_ref5) {
-              var key = _ref5.key;
-              return entity.key === key;
-            });
-            return !(prevEntity && prevEntity.status === STATUS_REMOVED && entity.status === STATUS_REMOVE);
-          })
-        };
-      }, "getDerivedStateFromProps")
-    }]), CSSMotionList2;
-  }(React$6.Component);
-  return _defineProperty$c(CSSMotionList, "defaultProps", {
-    component: "div"
-  }), CSSMotionList;
+__name(inShadow, "inShadow");
+function getShadowRoot(ele) {
+  return inShadow(ele) ? getRoot(ele) : null;
 }
-__name(genCSSMotionList, "genCSSMotionList");
-genCSSMotionList(supportTransition);
+__name(getShadowRoot, "getShadowRoot");
+const isMobile = /* @__PURE__ */ __name(function() {
+  if (typeof navigator > "u" || typeof window > "u")
+    return !1;
+  var agent = navigator.userAgent || navigator.vendor || window.opera;
+  return /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(agent) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55\/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|gf-5|g-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c(-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk\/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-/i.test(agent == null ? void 0 : agent.substr(0, 4));
+}, "isMobile");
 function Arrow(props) {
   var prefixCls = props.prefixCls, align = props.align, arrow = props.arrow, arrowPos = props.arrowPos, _ref = arrow || {}, className = _ref.className, content = _ref.content, _arrowPos$x = arrowPos.x, x = _arrowPos$x === void 0 ? 0 : _arrowPos$x, _arrowPos$y = arrowPos.y, y = _arrowPos$y === void 0 ? 0 : _arrowPos$y, arrowRef = React$6.useRef();
   if (!align || !align.points)
@@ -6073,7 +5660,7 @@ function Arrow(props) {
 __name(Arrow, "Arrow");
 function Mask2(props) {
   var prefixCls = props.prefixCls, open = props.open, zIndex = props.zIndex, mask = props.mask, motion = props.motion;
-  return mask ? /* @__PURE__ */ React$6.createElement(CSSMotion, _extends$7({}, motion, {
+  return mask ? /* @__PURE__ */ React$6.createElement(CSSMotion, _extends$6({}, motion, {
     motionAppear: !0,
     visible: open,
     removeOnLeave: !0
@@ -6094,7 +5681,7 @@ var PopupContent = /* @__PURE__ */ React$6.memo(function(_ref) {
 }, function(_, next) {
   return next.cache;
 }), Popup$3 = /* @__PURE__ */ React$6.forwardRef(function(props, ref) {
-  var popup2 = props.popup, className = props.className, prefixCls = props.prefixCls, style2 = props.style, target = props.target, _onVisibleChanged = props.onVisibleChanged, open = props.open, keepDom = props.keepDom, fresh = props.fresh, onClick = props.onClick, mask = props.mask, arrow = props.arrow, arrowPos = props.arrowPos, align = props.align, motion = props.motion, maskMotion = props.maskMotion, forceRender = props.forceRender, getPopupContainer = props.getPopupContainer, autoDestroy = props.autoDestroy, Portal2 = props.portal, zIndex = props.zIndex, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave, onPointerEnter = props.onPointerEnter, ready = props.ready, offsetX = props.offsetX, offsetY = props.offsetY, offsetR = props.offsetR, offsetB = props.offsetB, onAlign = props.onAlign, onPrepare = props.onPrepare, stretch = props.stretch, targetWidth = props.targetWidth, targetHeight = props.targetHeight, childNode = typeof popup2 == "function" ? popup2() : popup2, isNodeVisible = open || keepDom, getPopupContainerNeedParams = (getPopupContainer == null ? void 0 : getPopupContainer.length) > 0, _React$useState = React$6.useState(!getPopupContainer || !getPopupContainerNeedParams), _React$useState2 = _slicedToArray$3(_React$useState, 2), show = _React$useState2[0], setShow = _React$useState2[1];
+  var popup2 = props.popup, className = props.className, prefixCls = props.prefixCls, style2 = props.style, target = props.target, _onVisibleChanged = props.onVisibleChanged, open = props.open, keepDom = props.keepDom, fresh = props.fresh, onClick = props.onClick, mask = props.mask, arrow = props.arrow, arrowPos = props.arrowPos, align = props.align, motion = props.motion, maskMotion = props.maskMotion, forceRender = props.forceRender, getPopupContainer = props.getPopupContainer, autoDestroy = props.autoDestroy, Portal2 = props.portal, zIndex = props.zIndex, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave, onPointerEnter = props.onPointerEnter, ready = props.ready, offsetX = props.offsetX, offsetY = props.offsetY, offsetR = props.offsetR, offsetB = props.offsetB, onAlign = props.onAlign, onPrepare = props.onPrepare, stretch = props.stretch, targetWidth = props.targetWidth, targetHeight = props.targetHeight, childNode = typeof popup2 == "function" ? popup2() : popup2, isNodeVisible = open || keepDom, getPopupContainerNeedParams = (getPopupContainer == null ? void 0 : getPopupContainer.length) > 0, _React$useState = React$6.useState(!getPopupContainer || !getPopupContainerNeedParams), _React$useState2 = _slicedToArray$1(_React$useState, 2), show = _React$useState2[0], setShow = _React$useState2[1];
   if (useLayoutEffect$1(function() {
     !show && getPopupContainerNeedParams && target && setShow(!0);
   }, [show, getPopupContainerNeedParams, target]), !show)
@@ -6126,7 +5713,7 @@ var PopupContent = /* @__PURE__ */ React$6.memo(function(_ref) {
     onResize: onAlign,
     disabled: !open
   }, function(resizeObserverRef) {
-    return /* @__PURE__ */ React$6.createElement(CSSMotion, _extends$7({
+    return /* @__PURE__ */ React$6.createElement(CSSMotion, _extends$6({
       motionAppear: !0,
       motionEnter: !0,
       motionLeave: !0,
@@ -6146,7 +5733,7 @@ var PopupContent = /* @__PURE__ */ React$6.memo(function(_ref) {
       return /* @__PURE__ */ React$6.createElement("div", {
         ref: composeRef(resizeObserverRef, ref, motionRef),
         className: cls,
-        style: _objectSpread2$3(_objectSpread2$3(_objectSpread2$3(_objectSpread2$3({
+        style: _objectSpread2$1(_objectSpread2$1(_objectSpread2$1(_objectSpread2$1({
           "--arrow-x": "".concat(arrowPos.x || 0, "px"),
           "--arrow-y": "".concat(arrowPos.y || 0, "px")
         }, offsetStyle), miscStyle), motionStyle), {}, {
@@ -6251,7 +5838,7 @@ function getPxValue(val) {
 }
 __name(getPxValue, "getPxValue");
 function getVisibleArea(initArea, scrollerList) {
-  var visibleArea = _objectSpread2$3({}, initArea);
+  var visibleArea = _objectSpread2$1({}, initArea);
   return (scrollerList || []).forEach(function(ele) {
     if (!(ele instanceof HTMLBodyElement || ele instanceof HTMLHtmlElement)) {
       var _getWin$getComputedSt2 = getWin(ele).getComputedStyle(ele), overflow = _getWin$getComputedSt2.overflow, overflowClipMargin = _getWin$getComputedSt2.overflowClipMargin, borderTopWidth = _getWin$getComputedSt2.borderTopWidth, borderBottomWidth = _getWin$getComputedSt2.borderBottomWidth, borderLeftWidth = _getWin$getComputedSt2.borderLeftWidth, borderRightWidth = _getWin$getComputedSt2.borderRightWidth, eleRect = ele.getBoundingClientRect(), eleOutHeight = ele.offsetHeight, eleInnerHeight = ele.clientHeight, eleOutWidth = ele.offsetWidth, eleInnerWidth = ele.clientWidth, borderTopNum = getPxValue(borderTopWidth), borderBottomNum = getPxValue(borderBottomWidth), borderLeftNum = getPxValue(borderLeftWidth), borderRightNum = getPxValue(borderRightWidth), scaleX = toNum(Math.round(eleRect.width / eleOutWidth * 1e3) / 1e3), scaleY = toNum(Math.round(eleRect.height / eleOutHeight * 1e3) / 1e3), eleScrollWidth = (eleOutWidth - eleInnerWidth - borderLeftNum - borderRightNum) * scaleX, eleScrollHeight = (eleOutHeight - eleInnerHeight - borderTopNum - borderBottomNum) * scaleY, scaledBorderTopWidth = borderTopNum * scaleY, scaledBorderBottomWidth = borderBottomNum * scaleY, scaledBorderLeftWidth = borderLeftNum * scaleX, scaledBorderRightWidth = borderRightNum * scaleX, clipMarginWidth = 0, clipMarginHeight = 0;
@@ -6271,7 +5858,7 @@ function getUnitOffset(size) {
 }
 __name(getUnitOffset, "getUnitOffset");
 function getNumberOffset(rect, offset2) {
-  var _ref = offset2 || [], _ref2 = _slicedToArray$3(_ref, 2), offsetX = _ref2[0], offsetY = _ref2[1];
+  var _ref = offset2 || [], _ref2 = _slicedToArray$1(_ref, 2), offsetX = _ref2[0], offsetY = _ref2[1];
   return [getUnitOffset(rect.width, offsetX), getUnitOffset(rect.height, offsetY)];
 }
 __name(getNumberOffset, "getNumberOffset");
@@ -6312,7 +5899,7 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
     scaleX: 1,
     scaleY: 1,
     align: builtinPlacements[placement] || {}
-  }), _React$useState2 = _slicedToArray$3(_React$useState, 2), offsetInfo = _React$useState2[0], setOffsetInfo = _React$useState2[1], alignCountRef = React$6.useRef(0), scrollerList = React$6.useMemo(function() {
+  }), _React$useState2 = _slicedToArray$1(_React$useState, 2), offsetInfo = _React$useState2[0], setOffsetInfo = _React$useState2[1], alignCountRef = React$6.useRef(0), scrollerList = React$6.useMemo(function() {
     return popupEle ? collectScroller(popupEle) : [];
   }, [popupEle]), prevFlipRef = React$6.useRef({}), resetFlipCache = /* @__PURE__ */ __name(function() {
     prevFlipRef.current = {};
@@ -6327,7 +5914,7 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
         nextPopupY = popupRect.y + nextOffsetY, nextPopupBottom = nextPopupY + popupHeight, nextPopupX = popupRect.x + nextOffsetX, nextPopupRight = nextPopupX + popupWidth;
       };
       __name(getIntersectionVisibleArea, "getIntersectionVisibleArea"), __name(syncNextPopupPosition, "syncNextPopupPosition");
-      var _popupElement$parentE, _popupElement$parentE2, popupElement = popupEle, doc = popupElement.ownerDocument, win = getWin(popupElement), _win$getComputedStyle = win.getComputedStyle(popupElement), width2 = _win$getComputedStyle.width, height2 = _win$getComputedStyle.height, popupPosition = _win$getComputedStyle.position, originLeft = popupElement.style.left, originTop = popupElement.style.top, originRight = popupElement.style.right, originBottom = popupElement.style.bottom, originOverflow = popupElement.style.overflow, placementInfo = _objectSpread2$3(_objectSpread2$3({}, builtinPlacements[placement]), popupAlign), placeholderElement = doc.createElement("div");
+      var _popupElement$parentE, _popupRect$x, _popupRect$y, _popupElement$parentE2, popupElement = popupEle, doc = popupElement.ownerDocument, win = getWin(popupElement), _win$getComputedStyle = win.getComputedStyle(popupElement), width2 = _win$getComputedStyle.width, height2 = _win$getComputedStyle.height, popupPosition = _win$getComputedStyle.position, originLeft = popupElement.style.left, originTop = popupElement.style.top, originRight = popupElement.style.right, originBottom = popupElement.style.bottom, originOverflow = popupElement.style.overflow, placementInfo = _objectSpread2$1(_objectSpread2$1({}, builtinPlacements[placement]), popupAlign), placeholderElement = doc.createElement("div");
       (_popupElement$parentE = popupElement.parentElement) === null || _popupElement$parentE === void 0 || _popupElement$parentE.appendChild(placeholderElement), placeholderElement.style.left = "".concat(popupElement.offsetLeft, "px"), placeholderElement.style.top = "".concat(popupElement.offsetTop, "px"), placeholderElement.style.position = popupPosition, placeholderElement.style.height = "".concat(popupElement.offsetHeight, "px"), placeholderElement.style.width = "".concat(popupElement.offsetWidth, "px"), popupElement.style.left = "0", popupElement.style.top = "0", popupElement.style.right = "auto", popupElement.style.bottom = "auto", popupElement.style.overflow = "hidden";
       var targetRect;
       if (Array.isArray(target))
@@ -6338,15 +5925,17 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
           height: 0
         };
       else {
-        var rect = target.getBoundingClientRect();
-        targetRect = {
+        var _rect$x, _rect$y, rect = target.getBoundingClientRect();
+        rect.x = (_rect$x = rect.x) !== null && _rect$x !== void 0 ? _rect$x : rect.left, rect.y = (_rect$y = rect.y) !== null && _rect$y !== void 0 ? _rect$y : rect.top, targetRect = {
           x: rect.x,
           y: rect.y,
           width: rect.width,
           height: rect.height
         };
       }
-      var popupRect = popupElement.getBoundingClientRect(), _doc$documentElement = doc.documentElement, clientWidth = _doc$documentElement.clientWidth, clientHeight = _doc$documentElement.clientHeight, scrollWidth = _doc$documentElement.scrollWidth, scrollHeight = _doc$documentElement.scrollHeight, scrollTop = _doc$documentElement.scrollTop, scrollLeft = _doc$documentElement.scrollLeft, popupHeight = popupRect.height, popupWidth = popupRect.width, targetHeight = targetRect.height, targetWidth = targetRect.width, visibleRegion = {
+      var popupRect = popupElement.getBoundingClientRect();
+      popupRect.x = (_popupRect$x = popupRect.x) !== null && _popupRect$x !== void 0 ? _popupRect$x : popupRect.left, popupRect.y = (_popupRect$y = popupRect.y) !== null && _popupRect$y !== void 0 ? _popupRect$y : popupRect.top;
+      var _doc$documentElement = doc.documentElement, clientWidth = _doc$documentElement.clientWidth, clientHeight = _doc$documentElement.clientHeight, scrollWidth = _doc$documentElement.scrollWidth, scrollHeight = _doc$documentElement.scrollHeight, scrollTop = _doc$documentElement.scrollTop, scrollLeft = _doc$documentElement.scrollLeft, popupHeight = popupRect.height, popupWidth = popupRect.width, targetHeight = targetRect.height, targetWidth = targetRect.width, visibleRegion = {
         left: 0,
         top: 0,
         right: clientWidth,
@@ -6365,9 +5954,9 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
       var _scaleX = toNum(Math.round(popupWidth / parseFloat(width2) * 1e3) / 1e3), _scaleY = toNum(Math.round(popupHeight / parseFloat(height2) * 1e3) / 1e3);
       if (_scaleX === 0 || _scaleY === 0 || isDOM(target) && !isVisible(target))
         return;
-      var offset2 = placementInfo.offset, targetOffset2 = placementInfo.targetOffset, _getNumberOffset = getNumberOffset(popupRect, offset2), _getNumberOffset2 = _slicedToArray$3(_getNumberOffset, 2), popupOffsetX = _getNumberOffset2[0], popupOffsetY = _getNumberOffset2[1], _getNumberOffset3 = getNumberOffset(targetRect, targetOffset2), _getNumberOffset4 = _slicedToArray$3(_getNumberOffset3, 2), targetOffsetX = _getNumberOffset4[0], targetOffsetY = _getNumberOffset4[1];
+      var offset2 = placementInfo.offset, targetOffset2 = placementInfo.targetOffset, _getNumberOffset = getNumberOffset(popupRect, offset2), _getNumberOffset2 = _slicedToArray$1(_getNumberOffset, 2), popupOffsetX = _getNumberOffset2[0], popupOffsetY = _getNumberOffset2[1], _getNumberOffset3 = getNumberOffset(targetRect, targetOffset2), _getNumberOffset4 = _slicedToArray$1(_getNumberOffset3, 2), targetOffsetX = _getNumberOffset4[0], targetOffsetY = _getNumberOffset4[1];
       targetRect.x -= targetOffsetX, targetRect.y -= targetOffsetY;
-      var _ref3 = placementInfo.points || [], _ref4 = _slicedToArray$3(_ref3, 2), popupPoint = _ref4[0], targetPoint = _ref4[1], targetPoints = splitPoints(targetPoint), popupPoints = splitPoints(popupPoint), targetAlignPoint = getAlignPoint(targetRect, targetPoints), popupAlignPoint = getAlignPoint(popupRect, popupPoints), nextAlignInfo = _objectSpread2$3({}, placementInfo), nextOffsetX = targetAlignPoint.x - popupAlignPoint.x + popupOffsetX, nextOffsetY = targetAlignPoint.y - popupAlignPoint.y + popupOffsetY, originIntersectionVisibleArea = getIntersectionVisibleArea(nextOffsetX, nextOffsetY), originIntersectionRecommendArea = getIntersectionVisibleArea(nextOffsetX, nextOffsetY, visibleRegionArea), targetAlignPointTL = getAlignPoint(targetRect, ["t", "l"]), popupAlignPointTL = getAlignPoint(popupRect, ["t", "l"]), targetAlignPointBR = getAlignPoint(targetRect, ["b", "r"]), popupAlignPointBR = getAlignPoint(popupRect, ["b", "r"]), overflow = placementInfo.overflow || {}, adjustX = overflow.adjustX, adjustY = overflow.adjustY, shiftX = overflow.shiftX, shiftY = overflow.shiftY, supportAdjust = /* @__PURE__ */ __name(function(val) {
+      var _ref3 = placementInfo.points || [], _ref4 = _slicedToArray$1(_ref3, 2), popupPoint = _ref4[0], targetPoint = _ref4[1], targetPoints = splitPoints(targetPoint), popupPoints = splitPoints(popupPoint), targetAlignPoint = getAlignPoint(targetRect, targetPoints), popupAlignPoint = getAlignPoint(popupRect, popupPoints), nextAlignInfo = _objectSpread2$1({}, placementInfo), nextOffsetX = targetAlignPoint.x - popupAlignPoint.x + popupOffsetX, nextOffsetY = targetAlignPoint.y - popupAlignPoint.y + popupOffsetY, originIntersectionVisibleArea = getIntersectionVisibleArea(nextOffsetX, nextOffsetY), originIntersectionRecommendArea = getIntersectionVisibleArea(nextOffsetX, nextOffsetY, visibleRegionArea), targetAlignPointTL = getAlignPoint(targetRect, ["t", "l"]), popupAlignPointTL = getAlignPoint(popupRect, ["t", "l"]), targetAlignPointBR = getAlignPoint(targetRect, ["b", "r"]), popupAlignPointBR = getAlignPoint(popupRect, ["b", "r"]), overflow = placementInfo.overflow || {}, adjustX = overflow.adjustX, adjustY = overflow.adjustY, shiftX = overflow.shiftX, shiftY = overflow.shiftY, supportAdjust = /* @__PURE__ */ __name(function(val) {
         return typeof val == "boolean" ? val : val >= 0;
       }, "supportAdjust"), nextPopupY, nextPopupBottom, nextPopupX, nextPopupRight;
       syncNextPopupPosition();
@@ -6436,7 +6025,7 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
     });
   }, "triggerAlign"), resetReady = /* @__PURE__ */ __name(function() {
     setOffsetInfo(function(ori) {
-      return _objectSpread2$3(_objectSpread2$3({}, ori), {}, {
+      return _objectSpread2$1(_objectSpread2$1({}, ori), {}, {
         ready: !1
       });
     });
@@ -6446,23 +6035,6 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
   }, [open]), [offsetInfo.ready, offsetInfo.offsetX, offsetInfo.offsetY, offsetInfo.offsetR, offsetInfo.offsetB, offsetInfo.arrowX, offsetInfo.arrowY, offsetInfo.scaleX, offsetInfo.scaleY, offsetInfo.align, triggerAlign];
 }
 __name(useAlign, "useAlign");
-function _arrayWithoutHoles$2(r) {
-  if (Array.isArray(r)) return _arrayLikeToArray$2(r);
-}
-__name(_arrayWithoutHoles$2, "_arrayWithoutHoles$2");
-function _iterableToArray$2(r) {
-  if (typeof Symbol < "u" && r[Symbol.iterator] != null || r["@@iterator"] != null) return Array.from(r);
-}
-__name(_iterableToArray$2, "_iterableToArray$2");
-function _nonIterableSpread$2() {
-  throw new TypeError(`Invalid attempt to spread non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
-}
-__name(_nonIterableSpread$2, "_nonIterableSpread$2");
-function _toConsumableArray$3(r) {
-  return _arrayWithoutHoles$2(r) || _iterableToArray$2(r) || _unsupportedIterableToArray$2(r) || _nonIterableSpread$2();
-}
-__name(_toConsumableArray$3, "_toConsumableArray$3");
 function useWatch(open, target, popup2, onAlign, onScroll) {
   useLayoutEffect$1(function() {
     if (open && target && popup2) {
@@ -6470,7 +6042,7 @@ function useWatch(open, target, popup2, onAlign, onScroll) {
         onAlign(), onScroll();
       };
       __name(notifyScroll, "notifyScroll");
-      var targetElement = target, popupElement = popup2, targetScrollList = collectScroller(targetElement), popupScrollList = collectScroller(popupElement), win = getWin(popupElement), mergedList = new Set([win].concat(_toConsumableArray$3(targetScrollList), _toConsumableArray$3(popupScrollList)));
+      var targetElement = target, popupElement = popup2, targetScrollList = collectScroller(targetElement), popupScrollList = collectScroller(popupElement), win = getWin(popupElement), mergedList = new Set([win].concat(_toConsumableArray$4(targetScrollList), _toConsumableArray$4(popupScrollList)));
       return mergedList.forEach(function(scroller) {
         scroller.addEventListener("scroll", notifyScroll, {
           passive: !0
@@ -6506,7 +6078,7 @@ __name(useWinClick, "useWinClick");
 var _excluded$v = ["prefixCls", "children", "action", "showAction", "hideAction", "popupVisible", "defaultPopupVisible", "onPopupVisibleChange", "afterPopupVisibleChange", "mouseEnterDelay", "mouseLeaveDelay", "focusDelay", "blurDelay", "mask", "maskClosable", "getPopupContainer", "forceRender", "autoDestroy", "destroyPopupOnHide", "popup", "popupClassName", "popupStyle", "popupPlacement", "builtinPlacements", "popupAlign", "zIndex", "stretch", "getPopupClassNameFromAlign", "fresh", "alignPoint", "onPopupClick", "onPopupAlign", "arrow", "popupMotion", "maskMotion", "popupTransitionName", "popupAnimation", "maskTransitionName", "maskAnimation", "className", "getTriggerDOMNode"];
 function generateTrigger() {
   var PortalComponent = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : Portal, Trigger2 = /* @__PURE__ */ React$6.forwardRef(function(props, ref) {
-    var _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-trigger-popup" : _props$prefixCls, children = props.children, _props$action = props.action, action = _props$action === void 0 ? "hover" : _props$action, showAction = props.showAction, hideAction = props.hideAction, popupVisible = props.popupVisible, defaultPopupVisible = props.defaultPopupVisible, onPopupVisibleChange = props.onPopupVisibleChange, afterPopupVisibleChange = props.afterPopupVisibleChange, mouseEnterDelay = props.mouseEnterDelay, _props$mouseLeaveDela = props.mouseLeaveDelay, mouseLeaveDelay = _props$mouseLeaveDela === void 0 ? 0.1 : _props$mouseLeaveDela, focusDelay = props.focusDelay, blurDelay = props.blurDelay, mask = props.mask, _props$maskClosable = props.maskClosable, maskClosable = _props$maskClosable === void 0 ? !0 : _props$maskClosable, getPopupContainer = props.getPopupContainer, forceRender = props.forceRender, autoDestroy = props.autoDestroy, destroyPopupOnHide = props.destroyPopupOnHide, popup2 = props.popup, popupClassName = props.popupClassName, popupStyle = props.popupStyle, popupPlacement = props.popupPlacement, _props$builtinPlaceme = props.builtinPlacements, builtinPlacements = _props$builtinPlaceme === void 0 ? {} : _props$builtinPlaceme, popupAlign = props.popupAlign, zIndex = props.zIndex, stretch = props.stretch, getPopupClassNameFromAlign = props.getPopupClassNameFromAlign, fresh = props.fresh, alignPoint = props.alignPoint, onPopupClick = props.onPopupClick, onPopupAlign = props.onPopupAlign, arrow = props.arrow, popupMotion = props.popupMotion, maskMotion = props.maskMotion, popupTransitionName = props.popupTransitionName, popupAnimation = props.popupAnimation, maskTransitionName = props.maskTransitionName, maskAnimation = props.maskAnimation, className = props.className, getTriggerDOMNode = props.getTriggerDOMNode, restProps = _objectWithoutProperties$3(props, _excluded$v), mergedAutoDestroy = autoDestroy || destroyPopupOnHide || !1, _React$useState = React$6.useState(!1), _React$useState2 = _slicedToArray$3(_React$useState, 2), mobile = _React$useState2[0], setMobile = _React$useState2[1];
+    var _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-trigger-popup" : _props$prefixCls, children = props.children, _props$action = props.action, action = _props$action === void 0 ? "hover" : _props$action, showAction = props.showAction, hideAction = props.hideAction, popupVisible = props.popupVisible, defaultPopupVisible = props.defaultPopupVisible, onPopupVisibleChange = props.onPopupVisibleChange, afterPopupVisibleChange = props.afterPopupVisibleChange, mouseEnterDelay = props.mouseEnterDelay, _props$mouseLeaveDela = props.mouseLeaveDelay, mouseLeaveDelay = _props$mouseLeaveDela === void 0 ? 0.1 : _props$mouseLeaveDela, focusDelay = props.focusDelay, blurDelay = props.blurDelay, mask = props.mask, _props$maskClosable = props.maskClosable, maskClosable = _props$maskClosable === void 0 ? !0 : _props$maskClosable, getPopupContainer = props.getPopupContainer, forceRender = props.forceRender, autoDestroy = props.autoDestroy, destroyPopupOnHide = props.destroyPopupOnHide, popup2 = props.popup, popupClassName = props.popupClassName, popupStyle = props.popupStyle, popupPlacement = props.popupPlacement, _props$builtinPlaceme = props.builtinPlacements, builtinPlacements = _props$builtinPlaceme === void 0 ? {} : _props$builtinPlaceme, popupAlign = props.popupAlign, zIndex = props.zIndex, stretch = props.stretch, getPopupClassNameFromAlign = props.getPopupClassNameFromAlign, fresh = props.fresh, alignPoint = props.alignPoint, onPopupClick = props.onPopupClick, onPopupAlign = props.onPopupAlign, arrow = props.arrow, popupMotion = props.popupMotion, maskMotion = props.maskMotion, popupTransitionName = props.popupTransitionName, popupAnimation = props.popupAnimation, maskTransitionName = props.maskTransitionName, maskAnimation = props.maskAnimation, className = props.className, getTriggerDOMNode = props.getTriggerDOMNode, restProps = _objectWithoutProperties$2(props, _excluded$v), mergedAutoDestroy = autoDestroy || destroyPopupOnHide || !1, _React$useState = React$6.useState(!1), _React$useState2 = _slicedToArray$1(_React$useState, 2), mobile = _React$useState2[0], setMobile = _React$useState2[1];
     useLayoutEffect$1(function() {
       setMobile(isMobile());
     }, []);
@@ -6516,16 +6088,16 @@ function generateTrigger() {
           subPopupElements.current[id2] = subPopupEle, parentContext == null || parentContext.registerSubPopup(id2, subPopupEle);
         }, "registerSubPopup")
       };
-    }, [parentContext]), id = useId$1(), _React$useState3 = React$6.useState(null), _React$useState4 = _slicedToArray$3(_React$useState3, 2), popupEle = _React$useState4[0], setPopupEle = _React$useState4[1], externalPopupRef = React$6.useRef(null), setPopupRef = useEvent(function(node) {
+    }, [parentContext]), id = useId$1(), _React$useState3 = React$6.useState(null), _React$useState4 = _slicedToArray$1(_React$useState3, 2), popupEle = _React$useState4[0], setPopupEle = _React$useState4[1], externalPopupRef = React$6.useRef(null), setPopupRef = useEvent(function(node) {
       externalPopupRef.current = node, isDOM(node) && popupEle !== node && setPopupEle(node), parentContext == null || parentContext.registerSubPopup(id, node);
-    }), _React$useState5 = React$6.useState(null), _React$useState6 = _slicedToArray$3(_React$useState5, 2), targetEle = _React$useState6[0], setTargetEle = _React$useState6[1], externalForwardRef = React$6.useRef(null), setTargetRef = useEvent(function(node) {
+    }), _React$useState5 = React$6.useState(null), _React$useState6 = _slicedToArray$1(_React$useState5, 2), targetEle = _React$useState6[0], setTargetEle = _React$useState6[1], externalForwardRef = React$6.useRef(null), setTargetRef = useEvent(function(node) {
       isDOM(node) && targetEle !== node && (setTargetEle(node), externalForwardRef.current = node);
     }), child = React$6.Children.only(children), originChildProps = (child == null ? void 0 : child.props) || {}, cloneProps = {}, inPopupOrChild = useEvent(function(ele) {
       var _getShadowRoot, _getShadowRoot2, childDOM = targetEle;
       return (childDOM == null ? void 0 : childDOM.contains(ele)) || ((_getShadowRoot = getShadowRoot(childDOM)) === null || _getShadowRoot === void 0 ? void 0 : _getShadowRoot.host) === ele || ele === childDOM || (popupEle == null ? void 0 : popupEle.contains(ele)) || ((_getShadowRoot2 = getShadowRoot(popupEle)) === null || _getShadowRoot2 === void 0 ? void 0 : _getShadowRoot2.host) === ele || ele === popupEle || Object.values(subPopupElements.current).some(function(subPopupEle) {
         return (subPopupEle == null ? void 0 : subPopupEle.contains(ele)) || ele === subPopupEle;
       });
-    }), mergePopupMotion = getMotion$1(prefixCls, popupMotion, popupAnimation, popupTransitionName), mergeMaskMotion = getMotion$1(prefixCls, maskMotion, maskAnimation, maskTransitionName), _React$useState7 = React$6.useState(defaultPopupVisible || !1), _React$useState8 = _slicedToArray$3(_React$useState7, 2), internalOpen = _React$useState8[0], setInternalOpen = _React$useState8[1], mergedOpen = popupVisible != null ? popupVisible : internalOpen, setMergedOpen = useEvent(function(nextOpen) {
+    }), mergePopupMotion = getMotion$1(prefixCls, popupMotion, popupAnimation, popupTransitionName), mergeMaskMotion = getMotion$1(prefixCls, maskMotion, maskAnimation, maskTransitionName), _React$useState7 = React$6.useState(defaultPopupVisible || !1), _React$useState8 = _slicedToArray$1(_React$useState7, 2), internalOpen = _React$useState8[0], setInternalOpen = _React$useState8[1], mergedOpen = popupVisible != null ? popupVisible : internalOpen, setMergedOpen = useEvent(function(nextOpen) {
       popupVisible === void 0 && setInternalOpen(nextOpen);
     });
     useLayoutEffect$1(function() {
@@ -6549,13 +6121,13 @@ function generateTrigger() {
     React$6.useEffect(function() {
       return clearDelay;
     }, []);
-    var _React$useState9 = React$6.useState(!1), _React$useState10 = _slicedToArray$3(_React$useState9, 2), inMotion = _React$useState10[0], setInMotion = _React$useState10[1];
+    var _React$useState9 = React$6.useState(!1), _React$useState10 = _slicedToArray$1(_React$useState9, 2), inMotion = _React$useState10[0], setInMotion = _React$useState10[1];
     useLayoutEffect$1(function(firstMount) {
       (!firstMount || mergedOpen) && setInMotion(!0);
     }, [mergedOpen]);
-    var _React$useState11 = React$6.useState(null), _React$useState12 = _slicedToArray$3(_React$useState11, 2), motionPrepareResolve = _React$useState12[0], setMotionPrepareResolve = _React$useState12[1], _React$useState13 = React$6.useState([0, 0]), _React$useState14 = _slicedToArray$3(_React$useState13, 2), mousePos = _React$useState14[0], setMousePos = _React$useState14[1], setMousePosByEvent = /* @__PURE__ */ __name(function(event) {
+    var _React$useState11 = React$6.useState(null), _React$useState12 = _slicedToArray$1(_React$useState11, 2), motionPrepareResolve = _React$useState12[0], setMotionPrepareResolve = _React$useState12[1], _React$useState13 = React$6.useState(null), _React$useState14 = _slicedToArray$1(_React$useState13, 2), mousePos = _React$useState14[0], setMousePos = _React$useState14[1], setMousePosByEvent = /* @__PURE__ */ __name(function(event) {
       setMousePos([event.clientX, event.clientY]);
-    }, "setMousePosByEvent2"), _useAlign = useAlign(mergedOpen, popupEle, alignPoint ? mousePos : targetEle, popupPlacement, builtinPlacements, popupAlign, onPopupAlign), _useAlign2 = _slicedToArray$3(_useAlign, 11), ready = _useAlign2[0], offsetX = _useAlign2[1], offsetY = _useAlign2[2], offsetR = _useAlign2[3], offsetB = _useAlign2[4], arrowX = _useAlign2[5], arrowY = _useAlign2[6], scaleX = _useAlign2[7], scaleY = _useAlign2[8], alignInfo = _useAlign2[9], onAlign = _useAlign2[10], _useAction = useAction(mobile, action, showAction, hideAction), _useAction2 = _slicedToArray$3(_useAction, 2), showActions = _useAction2[0], hideActions = _useAction2[1], clickToShow = showActions.has("click"), clickToHide = hideActions.has("click") || hideActions.has("contextMenu"), triggerAlign = useEvent(function() {
+    }, "setMousePosByEvent2"), _useAlign = useAlign(mergedOpen, popupEle, alignPoint && mousePos !== null ? mousePos : targetEle, popupPlacement, builtinPlacements, popupAlign, onPopupAlign), _useAlign2 = _slicedToArray$1(_useAlign, 11), ready = _useAlign2[0], offsetX = _useAlign2[1], offsetY = _useAlign2[2], offsetR = _useAlign2[3], offsetB = _useAlign2[4], arrowX = _useAlign2[5], arrowY = _useAlign2[6], scaleX = _useAlign2[7], scaleY = _useAlign2[8], alignInfo = _useAlign2[9], onAlign = _useAlign2[10], _useAction = useAction(mobile, action, showAction, hideAction), _useAction2 = _slicedToArray$1(_useAction, 2), showActions = _useAction2[0], hideActions = _useAction2[1], clickToShow = showActions.has("click"), clickToHide = hideActions.has("click") || hideActions.has("contextMenu"), triggerAlign = useEvent(function() {
       inMotion || onAlign();
     }), onScroll = /* @__PURE__ */ __name(function() {
       openRef.current && alignPoint && clickToHide && triggerOpen(!1);
@@ -6576,7 +6148,7 @@ function generateTrigger() {
         forceAlign: triggerAlign
       };
     });
-    var _React$useState15 = React$6.useState(0), _React$useState16 = _slicedToArray$3(_React$useState15, 2), targetWidth = _React$useState16[0], setTargetWidth = _React$useState16[1], _React$useState17 = React$6.useState(0), _React$useState18 = _slicedToArray$3(_React$useState17, 2), targetHeight = _React$useState18[0], setTargetHeight = _React$useState18[1], syncTargetSize = /* @__PURE__ */ __name(function() {
+    var _React$useState15 = React$6.useState(0), _React$useState16 = _slicedToArray$1(_React$useState15, 2), targetWidth = _React$useState16[0], setTargetWidth = _React$useState16[1], _React$useState17 = React$6.useState(0), _React$useState18 = _slicedToArray$1(_React$useState17, 2), targetHeight = _React$useState18[0], setTargetHeight = _React$useState18[1], syncTargetSize = /* @__PURE__ */ __name(function() {
       if (stretch && targetEle) {
         var rect = targetEle.getBoundingClientRect();
         setTargetWidth(rect.width), setTargetHeight(rect.height);
@@ -6630,7 +6202,7 @@ function generateTrigger() {
         args[_key3 - 1] = arguments[_key3];
       (_originChildProps$onC2 = originChildProps.onContextMenu) === null || _originChildProps$onC2 === void 0 || _originChildProps$onC2.call.apply(_originChildProps$onC2, [originChildProps, event].concat(args));
     }), className && (cloneProps.className = clsx(originChildProps.className, className));
-    var mergedChildrenProps = _objectSpread2$3(_objectSpread2$3({}, originChildProps), cloneProps), passedProps = {}, passedEventList = ["onContextMenu", "onClick", "onMouseDown", "onTouchStart", "onMouseEnter", "onMouseLeave", "onFocus", "onBlur"];
+    var mergedChildrenProps = _objectSpread2$1(_objectSpread2$1({}, originChildProps), cloneProps), passedProps = {}, passedEventList = ["onContextMenu", "onClick", "onMouseDown", "onTouchStart", "onMouseEnter", "onMouseLeave", "onFocus", "onBlur"];
     passedEventList.forEach(function(eventName) {
       restProps[eventName] && (passedProps[eventName] = function() {
         for (var _mergedChildrenProps$, _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++)
@@ -6638,10 +6210,10 @@ function generateTrigger() {
         (_mergedChildrenProps$ = mergedChildrenProps[eventName]) === null || _mergedChildrenProps$ === void 0 || _mergedChildrenProps$.call.apply(_mergedChildrenProps$, [mergedChildrenProps].concat(args)), restProps[eventName].apply(restProps, args);
       });
     });
-    var triggerNode = /* @__PURE__ */ React$6.cloneElement(child, _objectSpread2$3(_objectSpread2$3({}, mergedChildrenProps), passedProps)), arrowPos = {
+    var triggerNode = /* @__PURE__ */ React$6.cloneElement(child, _objectSpread2$1(_objectSpread2$1({}, mergedChildrenProps), passedProps)), arrowPos = {
       x: arrowX,
       y: arrowY
-    }, innerArrow = arrow ? _objectSpread2$3({}, arrow !== !0 ? arrow : {}) : null;
+    }, innerArrow = arrow ? _objectSpread2$1({}, arrow !== !0 ? arrow : {}) : null;
     return /* @__PURE__ */ React$6.createElement(React$6.Fragment, null, /* @__PURE__ */ React$6.createElement(RefResizeObserver, {
       disabled: !mergedOpen,
       ref: setTargetRef,
@@ -8937,7 +8509,28 @@ var _excluded$t = ["active", "showActiveCls", "suffixIcon", "format", "validateF
     type: "suffix",
     icon: suffixIcon
   }), clearIcon);
-}), _excluded$s = ["prefixCls", "invalidate", "item", "renderItem", "responsive", "responsiveDisabled", "registerSize", "itemKey", "className", "style", "children", "display", "order", "component"], UNDEFINED = void 0;
+});
+function _objectWithoutPropertiesLoose$3(r, e2) {
+  if (r == null) return {};
+  var t2 = {};
+  for (var n2 in r) if ({}.hasOwnProperty.call(r, n2)) {
+    if (e2.indexOf(n2) >= 0) continue;
+    t2[n2] = r[n2];
+  }
+  return t2;
+}
+__name(_objectWithoutPropertiesLoose$3, "_objectWithoutPropertiesLoose$3");
+function _objectWithoutProperties$1(e2, t2) {
+  if (e2 == null) return {};
+  var o, r, i = _objectWithoutPropertiesLoose$3(e2, t2);
+  if (Object.getOwnPropertySymbols) {
+    var n2 = Object.getOwnPropertySymbols(e2);
+    for (r = 0; r < n2.length; r++) o = n2[r], t2.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e2, o) && (i[o] = e2[o]);
+  }
+  return i;
+}
+__name(_objectWithoutProperties$1, "_objectWithoutProperties$1");
+var _excluded$s = ["prefixCls", "invalidate", "item", "renderItem", "responsive", "responsiveDisabled", "registerSize", "itemKey", "className", "style", "children", "display", "order", "component"], UNDEFINED = void 0;
 function InternalItem(props, ref) {
   var prefixCls = props.prefixCls, invalidate = props.invalidate, item = props.item, renderItem = props.renderItem, responsive = props.responsive, responsiveDisabled = props.responsiveDisabled, registerSize = props.registerSize, itemKey2 = props.itemKey, className = props.className, style2 = props.style, children = props.children, display = props.display, order = props.order, _props$component = props.component, Component = _props$component === void 0 ? "div" : _props$component, restProps = _objectWithoutProperties$1(props, _excluded$s), mergedHidden = responsive && !display;
   function internalRegisterSize(width2) {
@@ -10087,8 +9680,8 @@ const formLayout = "univer-form-layout", formLayoutLabel = "univer-form-layout-l
   formLayoutError,
   formDualColumnLayout
 }, FormLayout = /* @__PURE__ */ __name((props) => {
-  const { label, desc, children, style: style2, className, error } = props;
-  return /* @__PURE__ */ React__default.createElement("div", { className: clsx$1(styles$j.formLayout, className), style: style2 }, label && /* @__PURE__ */ React__default.createElement("div", { className: styles$j.formLayoutLabel }, label), desc && /* @__PURE__ */ React__default.createElement("div", { className: styles$j.formLayoutDesc }, desc), /* @__PURE__ */ React__default.createElement("div", { className: clsx$1(styles$j.formLayoutContent, error ? styles$j.formLayoutContentError : "") }, children, error ? /* @__PURE__ */ React__default.createElement("div", { className: styles$j.formLayoutError }, error) : null));
+  const { label, desc, children, style: style2, className, error, contentStyle } = props;
+  return /* @__PURE__ */ React__default.createElement("div", { className: clsx$1(styles$j.formLayout, className), style: style2 }, label && /* @__PURE__ */ React__default.createElement("div", { className: styles$j.formLayoutLabel }, label), desc && /* @__PURE__ */ React__default.createElement("div", { className: styles$j.formLayoutDesc }, desc), /* @__PURE__ */ React__default.createElement("div", { style: contentStyle, className: clsx$1(styles$j.formLayoutContent, error ? styles$j.formLayoutContentError : "") }, children, error ? /* @__PURE__ */ React__default.createElement("div", { className: styles$j.formLayoutError }, error) : null));
 }, "FormLayout"), FormDualColumnLayout = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React__default.createElement("div", { className: styles$j.formDualColumnLayout }, props.children), "FormDualColumnLayout");
 function hasAddon(props) {
   return !!(props.addonBefore || props.addonAfter);
@@ -10208,7 +9801,25 @@ var BaseInput = /* @__PURE__ */ React__default.forwardRef(function(props, ref) {
     style: _objectSpread2$3(_objectSpread2$3({}, (_element$props2 = element2.props) === null || _element$props2 === void 0 ? void 0 : _element$props2.style), style2),
     hidden
   });
-}), _excluded$n = ["show"];
+});
+function _arrayWithoutHoles$2(r) {
+  if (Array.isArray(r)) return _arrayLikeToArray$2(r);
+}
+__name(_arrayWithoutHoles$2, "_arrayWithoutHoles$2");
+function _iterableToArray$2(r) {
+  if (typeof Symbol < "u" && r[Symbol.iterator] != null || r["@@iterator"] != null) return Array.from(r);
+}
+__name(_iterableToArray$2, "_iterableToArray$2");
+function _nonIterableSpread$2() {
+  throw new TypeError(`Invalid attempt to spread non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+__name(_nonIterableSpread$2, "_nonIterableSpread$2");
+function _toConsumableArray$3(r) {
+  return _arrayWithoutHoles$2(r) || _iterableToArray$2(r) || _unsupportedIterableToArray$2(r) || _nonIterableSpread$2();
+}
+__name(_toConsumableArray$3, "_toConsumableArray$3");
+var _excluded$n = ["show"];
 function useCount(count, showCount) {
   return React$6.useMemo(function() {
     var mergedConfig = {};
@@ -11707,7 +11318,7 @@ function InlineSubMenuList(_ref) {
   }, destroy ? null : /* @__PURE__ */ React$6.createElement(InheritableContextProvider, {
     mode: fixedMode,
     locked: !sameModeRef.current
-  }, /* @__PURE__ */ React$6.createElement(CSSMotion$1, _extends$6({
+  }, /* @__PURE__ */ React$6.createElement(CSSMotion, _extends$6({
     visible: mergedOpen
   }, mergedMotion, {
     forceRender: forceSubMenuRender,
@@ -13264,7 +12875,7 @@ function calcPopupPosition(layout) {
 }
 __name(calcPopupPosition, "calcPopupPosition");
 function RectPopup(props) {
-  const { children, anchorRect, direction = "vertical", onClickOutside, excludeOutside, excludeRects } = props, nodeRef = useRef(null), clickOtherFn = useEvent(onClickOutside != null ? onClickOutside : () => {
+  const { children, anchorRect, direction = "vertical", onClickOutside, excludeOutside, excludeRects, onPinterEnter, onPointerLeave, onClick, hidden } = props, nodeRef = useRef(null), clickOtherFn = useEvent(onClickOutside != null ? onClickOutside : () => {
   }), [position, setPosition] = useState({
     top: -9999,
     left: -9999
@@ -13313,10 +12924,13 @@ function RectPopup(props) {
   }, [anchorRect, anchorRect.bottom, anchorRect.left, anchorRect.right, anchorRect.top, clickOtherFn, excludeOutside]), /* @__PURE__ */ React__default.createElement(
     "section",
     {
+      onPointerEnter: onPinterEnter,
+      onPointerLeave,
       ref: nodeRef,
-      style: style2,
+      style: { ...style2, ...hidden ? { display: "none" } : null },
       className: styles$d.popupFixed,
-      onPointerDown: /* @__PURE__ */ __name((e2) => e2.stopPropagation(), "onPointerDown")
+      onPointerDown: /* @__PURE__ */ __name((e2) => e2.stopPropagation(), "onPointerDown"),
+      onClick
     },
     /* @__PURE__ */ React__default.createElement(RectPopupContext.Provider, { value: anchorRect }, children)
   );
@@ -13465,7 +13079,7 @@ var TransBtn = /* @__PURE__ */ __name(function(props) {
   }, children));
 }, "TransBtn"), useAllowClear = /* @__PURE__ */ __name(function(prefixCls, onClearMouseDown, displayValues, allowClear, clearIcon) {
   var disabled = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : !1, mergedSearchValue = arguments.length > 6 ? arguments[6] : void 0, mode = arguments.length > 7 ? arguments[7] : void 0, mergedClearIcon = React__default.useMemo(function() {
-    if (_typeof$3(allowClear) === "object")
+    if (_typeof$2(allowClear) === "object")
       return allowClear.clearIcon;
     if (clearIcon)
       return clearIcon;
@@ -13486,7 +13100,7 @@ function useBaseProps() {
 }
 __name(useBaseProps, "useBaseProps");
 function useDelayReset() {
-  var timeout = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 10, _React$useState = React$6.useState(!1), _React$useState2 = _slicedToArray$2(_React$useState, 2), bool = _React$useState2[0], setBool = _React$useState2[1], delayRef = React$6.useRef(null), cancelLatest = /* @__PURE__ */ __name(function() {
+  var timeout = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 10, _React$useState = React$6.useState(!1), _React$useState2 = _slicedToArray$1(_React$useState, 2), bool = _React$useState2[0], setBool = _React$useState2[1], delayRef = React$6.useRef(null), cancelLatest = /* @__PURE__ */ __name(function() {
     window.clearTimeout(delayRef.current);
   }, "cancelLatest");
   React$6.useEffect(function() {
@@ -13575,7 +13189,7 @@ function isValidateOpenKey(currentKeyCode) {
 __name(isValidateOpenKey, "isValidateOpenKey");
 var Input = /* @__PURE__ */ __name(function(props, ref) {
   var _inputNode2, prefixCls = props.prefixCls, id = props.id, inputElement = props.inputElement, disabled = props.disabled, tabIndex = props.tabIndex, autoFocus = props.autoFocus, autoComplete = props.autoComplete, editable = props.editable, activeDescendantId = props.activeDescendantId, value = props.value, maxLength = props.maxLength, _onKeyDown = props.onKeyDown, _onMouseDown = props.onMouseDown, _onChange = props.onChange, onPaste = props.onPaste, _onCompositionStart = props.onCompositionStart, _onCompositionEnd = props.onCompositionEnd, open = props.open, attrs = props.attrs, inputNode = inputElement || /* @__PURE__ */ React$6.createElement("input", null), _inputNode = inputNode, originRef = _inputNode.ref, originProps = _inputNode.props, onOriginKeyDown = originProps.onKeyDown, onOriginChange = originProps.onChange, onOriginMouseDown = originProps.onMouseDown, onOriginCompositionStart = originProps.onCompositionStart, onOriginCompositionEnd = originProps.onCompositionEnd, style2 = originProps.style;
-  return "maxLength" in inputNode.props, inputNode = /* @__PURE__ */ React$6.cloneElement(inputNode, _objectSpread2$2(_objectSpread2$2(_objectSpread2$2({
+  return "maxLength" in inputNode.props, inputNode = /* @__PURE__ */ React$6.cloneElement(inputNode, _objectSpread2$1(_objectSpread2$1(_objectSpread2$1({
     type: "search"
   }, originProps), {}, {
     // Override over origin props
@@ -13598,7 +13212,7 @@ var Input = /* @__PURE__ */ __name(function(props, ref) {
     maxLength,
     readOnly: !editable,
     unselectable: editable ? null : "on",
-    style: _objectSpread2$2(_objectSpread2$2({}, style2), {}, {
+    style: _objectSpread2$1(_objectSpread2$1({}, style2), {}, {
       opacity: editable ? null : 0
     }),
     onKeyDown: /* @__PURE__ */ __name(function(event) {
@@ -13633,7 +13247,7 @@ function isComboNoValue(value) {
 }
 __name(isComboNoValue, "isComboNoValue");
 function isTitleType$1(title) {
-  return ["string", "number"].includes(_typeof$3(title));
+  return ["string", "number"].includes(_typeof$2(title));
 }
 __name(isTitleType$1, "isTitleType$1");
 function getTitle(item) {
@@ -13655,14 +13269,14 @@ var onPreventMouseDown = /* @__PURE__ */ __name(function(event) {
 }, "onPreventMouseDown"), SelectSelector = /* @__PURE__ */ __name(function(props) {
   var id = props.id, prefixCls = props.prefixCls, values3 = props.values, open = props.open, searchValue = props.searchValue, autoClearSearchValue = props.autoClearSearchValue, inputRef = props.inputRef, placeholder = props.placeholder, disabled = props.disabled, mode = props.mode, showSearch = props.showSearch, autoFocus = props.autoFocus, autoComplete = props.autoComplete, activeDescendantId = props.activeDescendantId, tabIndex = props.tabIndex, removeIcon = props.removeIcon, maxTagCount = props.maxTagCount, maxTagTextLength = props.maxTagTextLength, _props$maxTagPlacehol = props.maxTagPlaceholder, maxTagPlaceholder = _props$maxTagPlacehol === void 0 ? function(omittedValues) {
     return "+ ".concat(omittedValues.length, " ...");
-  } : _props$maxTagPlacehol, tagRender = props.tagRender, onToggleOpen = props.onToggleOpen, onRemove2 = props.onRemove, onInputChange = props.onInputChange, onInputPaste = props.onInputPaste, onInputKeyDown = props.onInputKeyDown, onInputMouseDown = props.onInputMouseDown, onInputCompositionStart = props.onInputCompositionStart, onInputCompositionEnd = props.onInputCompositionEnd, measureRef = React$6.useRef(null), _useState = useState(0), _useState2 = _slicedToArray$2(_useState, 2), inputWidth = _useState2[0], setInputWidth = _useState2[1], _useState3 = useState(!1), _useState4 = _slicedToArray$2(_useState3, 2), focused = _useState4[0], setFocused = _useState4[1], selectionPrefixCls = "".concat(prefixCls, "-selection"), inputValue = open || mode === "multiple" && autoClearSearchValue === !1 || mode === "tags" ? searchValue : "", inputEditable = mode === "tags" || mode === "multiple" && autoClearSearchValue === !1 || showSearch && (open || focused);
+  } : _props$maxTagPlacehol, tagRender = props.tagRender, onToggleOpen = props.onToggleOpen, onRemove2 = props.onRemove, onInputChange = props.onInputChange, onInputPaste = props.onInputPaste, onInputKeyDown = props.onInputKeyDown, onInputMouseDown = props.onInputMouseDown, onInputCompositionStart = props.onInputCompositionStart, onInputCompositionEnd = props.onInputCompositionEnd, measureRef = React$6.useRef(null), _useState = useState(0), _useState2 = _slicedToArray$1(_useState, 2), inputWidth = _useState2[0], setInputWidth = _useState2[1], _useState3 = useState(!1), _useState4 = _slicedToArray$1(_useState3, 2), focused = _useState4[0], setFocused = _useState4[1], selectionPrefixCls = "".concat(prefixCls, "-selection"), inputValue = open || mode === "multiple" && autoClearSearchValue === !1 || mode === "tags" ? searchValue : "", inputEditable = mode === "tags" || mode === "multiple" && autoClearSearchValue === !1 || showSearch && (open || focused);
   useLayoutEffect(function() {
     setInputWidth(measureRef.current.scrollWidth);
   }, [inputValue]);
   var defaultRenderSelector = /* @__PURE__ */ __name(function(item, content, itemDisabled, closable, onClose) {
     return /* @__PURE__ */ React$6.createElement("span", {
       title: getTitle(item),
-      className: clsx("".concat(selectionPrefixCls, "-item"), _defineProperty$c({}, "".concat(selectionPrefixCls, "-item-disabled"), itemDisabled))
+      className: clsx("".concat(selectionPrefixCls, "-item"), _defineProperty$b({}, "".concat(selectionPrefixCls, "-item-disabled"), itemDisabled))
     }, /* @__PURE__ */ React$6.createElement("span", {
       className: "".concat(selectionPrefixCls, "-item-content")
     }, content), closable && /* @__PURE__ */ React$6.createElement(TransBtn, {
@@ -13748,7 +13362,7 @@ var onPreventMouseDown = /* @__PURE__ */ __name(function(event) {
     className: "".concat(selectionPrefixCls, "-placeholder")
   }, placeholder));
 }, "SelectSelector"), SingleSelector = /* @__PURE__ */ __name(function(props) {
-  var inputElement = props.inputElement, prefixCls = props.prefixCls, id = props.id, inputRef = props.inputRef, disabled = props.disabled, autoFocus = props.autoFocus, autoComplete = props.autoComplete, activeDescendantId = props.activeDescendantId, mode = props.mode, open = props.open, values3 = props.values, placeholder = props.placeholder, tabIndex = props.tabIndex, showSearch = props.showSearch, searchValue = props.searchValue, activeValue = props.activeValue, maxLength = props.maxLength, onInputKeyDown = props.onInputKeyDown, onInputMouseDown = props.onInputMouseDown, onInputChange = props.onInputChange, onInputPaste = props.onInputPaste, onInputCompositionStart = props.onInputCompositionStart, onInputCompositionEnd = props.onInputCompositionEnd, title = props.title, _React$useState = React$6.useState(!1), _React$useState2 = _slicedToArray$2(_React$useState, 2), inputChanged = _React$useState2[0], setInputChanged = _React$useState2[1], combobox = mode === "combobox", inputEditable = combobox || showSearch, item = values3[0], inputValue = searchValue || "";
+  var inputElement = props.inputElement, prefixCls = props.prefixCls, id = props.id, inputRef = props.inputRef, disabled = props.disabled, autoFocus = props.autoFocus, autoComplete = props.autoComplete, activeDescendantId = props.activeDescendantId, mode = props.mode, open = props.open, values3 = props.values, placeholder = props.placeholder, tabIndex = props.tabIndex, showSearch = props.showSearch, searchValue = props.searchValue, activeValue = props.activeValue, maxLength = props.maxLength, onInputKeyDown = props.onInputKeyDown, onInputMouseDown = props.onInputMouseDown, onInputChange = props.onInputChange, onInputPaste = props.onInputPaste, onInputCompositionStart = props.onInputCompositionStart, onInputCompositionEnd = props.onInputCompositionEnd, title = props.title, _React$useState = React$6.useState(!1), _React$useState2 = _slicedToArray$1(_React$useState, 2), inputChanged = _React$useState2[0], setInputChanged = _React$useState2[1], combobox = mode === "combobox", inputEditable = combobox || showSearch, item = values3[0], inputValue = searchValue || "";
   combobox && activeValue && !inputChanged && (inputValue = activeValue), React$6.useEffect(function() {
     combobox && setInputChanged(!1);
   }, [combobox, activeValue]);
@@ -13804,7 +13418,7 @@ var onPreventMouseDown = /* @__PURE__ */ __name(function(event) {
       }, "blur")
     };
   });
-  var _useLock = useLock(0), _useLock2 = _slicedToArray$2(_useLock, 2), getInputMouseDown = _useLock2[0], setInputMouseDown = _useLock2[1], onInternalInputKeyDown = /* @__PURE__ */ __name(function(event) {
+  var _useLock = useLock(0), _useLock2 = _slicedToArray$1(_useLock, 2), getInputMouseDown = _useLock2[0], setInputMouseDown = _useLock2[1], onInternalInputKeyDown = /* @__PURE__ */ __name(function(event) {
     var which = event.which;
     (which === KeyCode.UP || which === KeyCode.DOWN) && event.preventDefault(), onInputKeyDown && onInputKeyDown(event), which === KeyCode.ENTER && mode === "tags" && !compositionStatusRef.current && !open && (onSearchSubmit == null || onSearchSubmit(event.target.value)), isValidateOpenKey(which) && onToggleOpen(!0);
   }, "onInternalInputKeyDown2"), onInternalInputMouseDown = /* @__PURE__ */ __name(function() {
@@ -13844,7 +13458,7 @@ var onPreventMouseDown = /* @__PURE__ */ __name(function(event) {
     onInputPaste,
     onInputCompositionStart,
     onInputCompositionEnd
-  }, selectNode = mode === "multiple" || mode === "tags" ? /* @__PURE__ */ React$6.createElement(SelectSelector, _extends$5({}, props, sharedProps)) : /* @__PURE__ */ React$6.createElement(SingleSelector, _extends$5({}, props, sharedProps));
+  }, selectNode = mode === "multiple" || mode === "tags" ? /* @__PURE__ */ React$6.createElement(SelectSelector, _extends$6({}, props, sharedProps)) : /* @__PURE__ */ React$6.createElement(SingleSelector, _extends$6({}, props, sharedProps));
   return /* @__PURE__ */ React$6.createElement("div", {
     ref: domRef,
     className: "".concat(prefixCls, "-selector"),
@@ -13894,14 +13508,14 @@ var onPreventMouseDown = /* @__PURE__ */ __name(function(event) {
 }, "getBuiltInPlacements2"), SelectTrigger = /* @__PURE__ */ __name(function(props, ref) {
   var prefixCls = props.prefixCls;
   props.disabled;
-  var visible = props.visible, children = props.children, popupElement = props.popupElement, animation = props.animation, transitionName = props.transitionName, dropdownStyle = props.dropdownStyle, dropdownClassName = props.dropdownClassName, _props$direction = props.direction, direction = _props$direction === void 0 ? "ltr" : _props$direction, placement = props.placement, builtinPlacements = props.builtinPlacements, dropdownMatchSelectWidth = props.dropdownMatchSelectWidth, dropdownRender = props.dropdownRender, dropdownAlign = props.dropdownAlign, getPopupContainer = props.getPopupContainer, empty = props.empty, getTriggerDOMNode = props.getTriggerDOMNode, onPopupVisibleChange = props.onPopupVisibleChange, onPopupMouseEnter = props.onPopupMouseEnter, restProps = _objectWithoutProperties$1(props, _excluded$c), dropdownPrefixCls = "".concat(prefixCls, "-dropdown"), popupNode = popupElement;
+  var visible = props.visible, children = props.children, popupElement = props.popupElement, animation = props.animation, transitionName = props.transitionName, dropdownStyle = props.dropdownStyle, dropdownClassName = props.dropdownClassName, _props$direction = props.direction, direction = _props$direction === void 0 ? "ltr" : _props$direction, placement = props.placement, builtinPlacements = props.builtinPlacements, dropdownMatchSelectWidth = props.dropdownMatchSelectWidth, dropdownRender = props.dropdownRender, dropdownAlign = props.dropdownAlign, getPopupContainer = props.getPopupContainer, empty = props.empty, getTriggerDOMNode = props.getTriggerDOMNode, onPopupVisibleChange = props.onPopupVisibleChange, onPopupMouseEnter = props.onPopupMouseEnter, restProps = _objectWithoutProperties$2(props, _excluded$c), dropdownPrefixCls = "".concat(prefixCls, "-dropdown"), popupNode = popupElement;
   dropdownRender && (popupNode = dropdownRender(popupElement));
   var mergedBuiltinPlacements = React$6.useMemo(function() {
     return builtinPlacements || getBuiltInPlacements(dropdownMatchSelectWidth);
   }, [builtinPlacements, dropdownMatchSelectWidth]), mergedTransitionName = animation ? "".concat(dropdownPrefixCls, "-").concat(animation) : transitionName, isNumberPopupWidth = typeof dropdownMatchSelectWidth == "number", stretch = React$6.useMemo(function() {
     return isNumberPopupWidth ? null : dropdownMatchSelectWidth === !1 ? "minWidth" : "width";
   }, [dropdownMatchSelectWidth, isNumberPopupWidth]), popupStyle = dropdownStyle;
-  isNumberPopupWidth && (popupStyle = _objectSpread2$2(_objectSpread2$2({}, popupStyle), {}, {
+  isNumberPopupWidth && (popupStyle = _objectSpread2$1(_objectSpread2$1({}, popupStyle), {}, {
     width: dropdownMatchSelectWidth
   }));
   var triggerPopupRef = React$6.useRef(null);
@@ -13912,7 +13526,7 @@ var onPreventMouseDown = /* @__PURE__ */ __name(function(event) {
         return (_triggerPopupRef$curr = triggerPopupRef.current) === null || _triggerPopupRef$curr === void 0 ? void 0 : _triggerPopupRef$curr.popupElement;
       }, "getPopupElement")
     };
-  }), /* @__PURE__ */ React$6.createElement(Trigger, _extends$5({}, restProps, {
+  }), /* @__PURE__ */ React$6.createElement(Trigger, _extends$6({}, restProps, {
     showAction: onPopupVisibleChange ? ["click"] : [],
     hideAction: onPopupVisibleChange ? ["click"] : [],
     popupPlacement: placement || (direction === "rtl" ? "bottomRight" : "bottomLeft"),
@@ -13927,12 +13541,16 @@ var onPreventMouseDown = /* @__PURE__ */ __name(function(event) {
     popupAlign: dropdownAlign,
     popupVisible: visible,
     getPopupContainer,
-    popupClassName: clsx(dropdownClassName, _defineProperty$c({}, "".concat(dropdownPrefixCls, "-empty"), empty)),
+    popupClassName: clsx(dropdownClassName, _defineProperty$b({}, "".concat(dropdownPrefixCls, "-empty"), empty)),
     popupStyle,
     getTriggerDOMNode,
     onPopupVisibleChange
   }), children);
 }, "SelectTrigger2"), RefSelectTrigger = /* @__PURE__ */ React$6.forwardRef(SelectTrigger);
+function _toArray(r) {
+  return _arrayWithHoles$1(r) || _iterableToArray$3(r) || _unsupportedIterableToArray(r) || _nonIterableRest$1();
+}
+__name(_toArray, "_toArray");
 function getKey(data, index2) {
   var key = data.key, value;
   return "value" in data && (value = data.value), key != null ? key : value !== void 0 ? value : "rc-index-key-".concat(index2);
@@ -13980,7 +13598,7 @@ function flattenOptions(options) {
 }
 __name(flattenOptions, "flattenOptions");
 function injectPropsWithOption(option) {
-  var newOption = _objectSpread2$2({}, option);
+  var newOption = _objectSpread2$1({}, option);
   return "props" in newOption || Object.defineProperty(newOption, "props", {
     get: /* @__PURE__ */ __name(function() {
       return warningOnce$1(!1, "Return type is option instead of Option instance. Please read value directly instead of reading from `props`."), newOption;
@@ -13997,7 +13615,7 @@ var getSeparatedContent = /* @__PURE__ */ __name(function(text, tokens, end) {
       return [str];
     var list2 = str.split(token);
     return match2 = match2 || list2.length > 1, list2.reduce(function(prevList, unitStr) {
-      return [].concat(_toConsumableArray$5(prevList), _toConsumableArray$5(separate2(unitStr, restTokens)));
+      return [].concat(_toConsumableArray$4(prevList), _toConsumableArray$4(separate2(unitStr, restTokens)));
     }, []).filter(Boolean);
   }, "separate"), list = separate(text, tokens);
   return match2 ? typeof end < "u" ? list.slice(0, end) : list : null;
@@ -14018,24 +13636,24 @@ function Polite(props) {
     }
   }, "".concat(values3.slice(0, MAX_COUNT).map(function(_ref) {
     var label = _ref.label, value = _ref.value;
-    return ["number", "string"].includes(_typeof$3(label)) ? label : value;
+    return ["number", "string"].includes(_typeof$2(label)) ? label : value;
   }).join(", ")), values3.length > MAX_COUNT ? ", ..." : null);
 }
 __name(Polite, "Polite");
 var _excluded$b = ["id", "prefixCls", "className", "showSearch", "tagRender", "direction", "omitDomProps", "displayValues", "onDisplayValuesChange", "emptyOptions", "notFoundContent", "onClear", "mode", "disabled", "loading", "getInputElement", "getRawInputElement", "open", "defaultOpen", "onDropdownVisibleChange", "activeValue", "onActiveValueChange", "activeDescendantId", "searchValue", "autoClearSearchValue", "onSearch", "onSearchSplit", "tokenSeparators", "allowClear", "suffixIcon", "clearIcon", "OptionList", "animation", "transitionName", "dropdownStyle", "dropdownClassName", "dropdownMatchSelectWidth", "dropdownRender", "dropdownAlign", "placement", "builtinPlacements", "getPopupContainer", "showAction", "onFocus", "onBlur", "onKeyUp", "onKeyDown", "onMouseDown"], DEFAULT_OMIT_PROPS = ["value", "onChange", "removeIcon", "placeholder", "autoFocus", "maxTagCount", "maxTagTextLength", "maxTagPlaceholder", "choiceTransitionName", "onInputKeyDown", "onPopupScroll", "tabIndex"], isMultiple = /* @__PURE__ */ __name(function(mode) {
   return mode === "tags" || mode === "multiple";
 }, "isMultiple2"), BaseSelect = /* @__PURE__ */ React$6.forwardRef(function(props, ref) {
-  var _customizeRawInputEle, id = props.id, prefixCls = props.prefixCls, className = props.className, showSearch = props.showSearch, tagRender = props.tagRender, direction = props.direction, omitDomProps = props.omitDomProps, displayValues = props.displayValues, onDisplayValuesChange = props.onDisplayValuesChange, emptyOptions = props.emptyOptions, _props$notFoundConten = props.notFoundContent, notFoundContent = _props$notFoundConten === void 0 ? "Not Found" : _props$notFoundConten, onClear = props.onClear, mode = props.mode, disabled = props.disabled, loading = props.loading, getInputElement = props.getInputElement, getRawInputElement = props.getRawInputElement, open = props.open, defaultOpen = props.defaultOpen, onDropdownVisibleChange = props.onDropdownVisibleChange, activeValue = props.activeValue, onActiveValueChange = props.onActiveValueChange, activeDescendantId = props.activeDescendantId, searchValue = props.searchValue, autoClearSearchValue = props.autoClearSearchValue, onSearch = props.onSearch, onSearchSplit = props.onSearchSplit, tokenSeparators = props.tokenSeparators, allowClear = props.allowClear, suffixIcon = props.suffixIcon, clearIcon = props.clearIcon, OptionList3 = props.OptionList, animation = props.animation, transitionName = props.transitionName, dropdownStyle = props.dropdownStyle, dropdownClassName = props.dropdownClassName, dropdownMatchSelectWidth = props.dropdownMatchSelectWidth, dropdownRender = props.dropdownRender, dropdownAlign = props.dropdownAlign, placement = props.placement, builtinPlacements = props.builtinPlacements, getPopupContainer = props.getPopupContainer, _props$showAction = props.showAction, showAction = _props$showAction === void 0 ? [] : _props$showAction, onFocus = props.onFocus, onBlur2 = props.onBlur, onKeyUp = props.onKeyUp, onKeyDown2 = props.onKeyDown, onMouseDown = props.onMouseDown, restProps = _objectWithoutProperties$1(props, _excluded$b), multiple = isMultiple(mode), mergedShowSearch = (showSearch !== void 0 ? showSearch : multiple) || mode === "combobox", domProps = _objectSpread2$2({}, restProps);
+  var _customizeRawInputEle, id = props.id, prefixCls = props.prefixCls, className = props.className, showSearch = props.showSearch, tagRender = props.tagRender, direction = props.direction, omitDomProps = props.omitDomProps, displayValues = props.displayValues, onDisplayValuesChange = props.onDisplayValuesChange, emptyOptions = props.emptyOptions, _props$notFoundConten = props.notFoundContent, notFoundContent = _props$notFoundConten === void 0 ? "Not Found" : _props$notFoundConten, onClear = props.onClear, mode = props.mode, disabled = props.disabled, loading = props.loading, getInputElement = props.getInputElement, getRawInputElement = props.getRawInputElement, open = props.open, defaultOpen = props.defaultOpen, onDropdownVisibleChange = props.onDropdownVisibleChange, activeValue = props.activeValue, onActiveValueChange = props.onActiveValueChange, activeDescendantId = props.activeDescendantId, searchValue = props.searchValue, autoClearSearchValue = props.autoClearSearchValue, onSearch = props.onSearch, onSearchSplit = props.onSearchSplit, tokenSeparators = props.tokenSeparators, allowClear = props.allowClear, suffixIcon = props.suffixIcon, clearIcon = props.clearIcon, OptionList3 = props.OptionList, animation = props.animation, transitionName = props.transitionName, dropdownStyle = props.dropdownStyle, dropdownClassName = props.dropdownClassName, dropdownMatchSelectWidth = props.dropdownMatchSelectWidth, dropdownRender = props.dropdownRender, dropdownAlign = props.dropdownAlign, placement = props.placement, builtinPlacements = props.builtinPlacements, getPopupContainer = props.getPopupContainer, _props$showAction = props.showAction, showAction = _props$showAction === void 0 ? [] : _props$showAction, onFocus = props.onFocus, onBlur2 = props.onBlur, onKeyUp = props.onKeyUp, onKeyDown2 = props.onKeyDown, onMouseDown = props.onMouseDown, restProps = _objectWithoutProperties$2(props, _excluded$b), multiple = isMultiple(mode), mergedShowSearch = (showSearch !== void 0 ? showSearch : multiple) || mode === "combobox", domProps = _objectSpread2$1({}, restProps);
   DEFAULT_OMIT_PROPS.forEach(function(propName) {
     delete domProps[propName];
   }), omitDomProps == null || omitDomProps.forEach(function(propName) {
     delete domProps[propName];
   });
-  var _React$useState = React$6.useState(!1), _React$useState2 = _slicedToArray$2(_React$useState, 2), mobile = _React$useState2[0], setMobile = _React$useState2[1];
+  var _React$useState = React$6.useState(!1), _React$useState2 = _slicedToArray$1(_React$useState, 2), mobile = _React$useState2[0], setMobile = _React$useState2[1];
   React$6.useEffect(function() {
     setMobile(isMobile());
   }, []);
-  var containerRef = React$6.useRef(null), selectorDomRef = React$6.useRef(null), triggerRef = React$6.useRef(null), selectorRef = React$6.useRef(null), listRef = React$6.useRef(null), blurRef = React$6.useRef(!1), _useDelayReset = useDelayReset(), _useDelayReset2 = _slicedToArray$2(_useDelayReset, 3), mockFocused = _useDelayReset2[0], setMockFocused = _useDelayReset2[1], cancelSetMockFocused = _useDelayReset2[2];
+  var containerRef = React$6.useRef(null), selectorDomRef = React$6.useRef(null), triggerRef = React$6.useRef(null), selectorRef = React$6.useRef(null), listRef = React$6.useRef(null), blurRef = React$6.useRef(!1), _useDelayReset = useDelayReset(), _useDelayReset2 = _slicedToArray$1(_useDelayReset, 3), mockFocused = _useDelayReset2[0], setMockFocused = _useDelayReset2[1], cancelSetMockFocused = _useDelayReset2[2];
   React$6.useImperativeHandle(ref, function() {
     var _selectorRef$current, _selectorRef$current2;
     return {
@@ -14054,14 +13672,14 @@ var _excluded$b = ["id", "prefixCls", "className", "showSearch", "tagRender", "d
       return searchValue;
     var val = (_displayValues$ = displayValues[0]) === null || _displayValues$ === void 0 ? void 0 : _displayValues$.value;
     return typeof val == "string" || typeof val == "number" ? String(val) : "";
-  }, [searchValue, mode, displayValues]), customizeInputElement = mode === "combobox" && typeof getInputElement == "function" && getInputElement() || null, customizeRawInputElement = typeof getRawInputElement == "function" && getRawInputElement(), customizeRawInputRef = useComposeRef(selectorDomRef, customizeRawInputElement == null || (_customizeRawInputEle = customizeRawInputElement.props) === null || _customizeRawInputEle === void 0 ? void 0 : _customizeRawInputEle.ref), _React$useState3 = React$6.useState(!1), _React$useState4 = _slicedToArray$2(_React$useState3, 2), rendered = _React$useState4[0], setRendered = _React$useState4[1];
+  }, [searchValue, mode, displayValues]), customizeInputElement = mode === "combobox" && typeof getInputElement == "function" && getInputElement() || null, customizeRawInputElement = typeof getRawInputElement == "function" && getRawInputElement(), customizeRawInputRef = useComposeRef(selectorDomRef, customizeRawInputElement == null || (_customizeRawInputEle = customizeRawInputElement.props) === null || _customizeRawInputEle === void 0 ? void 0 : _customizeRawInputEle.ref), _React$useState3 = React$6.useState(!1), _React$useState4 = _slicedToArray$1(_React$useState3, 2), rendered = _React$useState4[0], setRendered = _React$useState4[1];
   useLayoutEffect$1(function() {
     setRendered(!0);
   }, []);
   var _useMergedState = useMergedState(!1, {
     defaultValue: defaultOpen,
     value: open
-  }), _useMergedState2 = _slicedToArray$2(_useMergedState, 2), innerOpen = _useMergedState2[0], setInnerOpen = _useMergedState2[1], mergedOpen = rendered ? innerOpen : !1, emptyListContent = !notFoundContent && emptyOptions;
+  }), _useMergedState2 = _slicedToArray$1(_useMergedState, 2), innerOpen = _useMergedState2[0], setInnerOpen = _useMergedState2[1], mergedOpen = rendered ? innerOpen : !1, emptyListContent = !notFoundContent && emptyOptions;
   (disabled || emptyListContent && mergedOpen && mode === "combobox") && (mergedOpen = !1);
   var triggerOpen = emptyListContent ? !1 : mergedOpen, onToggleOpen = React$6.useCallback(function(newOpen) {
     var nextOpen = newOpen !== void 0 ? newOpen : !mergedOpen;
@@ -14091,10 +13709,10 @@ var _excluded$b = ["id", "prefixCls", "className", "showSearch", "tagRender", "d
   }, [mergedOpen]), React$6.useEffect(function() {
     innerOpen && disabled && setInnerOpen(!1), disabled && !blurRef.current && setMockFocused(!1);
   }, [disabled]);
-  var _useLock = useLock(), _useLock2 = _slicedToArray$2(_useLock, 2), getClearLock = _useLock2[0], setClearLock = _useLock2[1], keyLockRef = React$6.useRef(!1), onInternalKeyDown = /* @__PURE__ */ __name(function(event) {
+  var _useLock = useLock(), _useLock2 = _slicedToArray$1(_useLock, 2), getClearLock = _useLock2[0], setClearLock = _useLock2[1], keyLockRef = React$6.useRef(!1), onInternalKeyDown = /* @__PURE__ */ __name(function(event) {
     var clearLock = getClearLock(), key = event.key, isEnterKey = key === "Enter";
     if (isEnterKey && (mode !== "combobox" && event.preventDefault(), mergedOpen || onToggleOpen(!0)), setClearLock(!!mergedSearchValue), key === "Backspace" && !clearLock && multiple && !mergedSearchValue && displayValues.length) {
-      for (var cloneDisplayValues = _toConsumableArray$5(displayValues), removedDisplayValue = null, i = cloneDisplayValues.length - 1; i >= 0; i -= 1) {
+      for (var cloneDisplayValues = _toConsumableArray$4(displayValues), removedDisplayValue = null, i = cloneDisplayValues.length - 1; i >= 0; i -= 1) {
         var current = cloneDisplayValues[i];
         if (!current.disabled) {
           cloneDisplayValues.splice(i, 1), removedDisplayValue = current;
@@ -14162,7 +13780,7 @@ var _excluded$b = ["id", "prefixCls", "className", "showSearch", "tagRender", "d
     for (var _len3 = arguments.length, restArgs = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++)
       restArgs[_key3 - 1] = arguments[_key3];
     onMouseDown == null || onMouseDown.apply(void 0, [event].concat(restArgs));
-  }, "onInternalMouseDown2"), _React$useState5 = React$6.useState({}), _React$useState6 = _slicedToArray$2(_React$useState5, 2), forceUpdate = _React$useState6[1];
+  }, "onInternalMouseDown2"), _React$useState5 = React$6.useState({}), _React$useState6 = _slicedToArray$1(_React$useState5, 2), forceUpdate = _React$useState6[1];
   function onPopupMouseEnter() {
     forceUpdate({});
   }
@@ -14175,7 +13793,7 @@ var _excluded$b = ["id", "prefixCls", "className", "showSearch", "tagRender", "d
     return [containerRef.current, (_triggerRef$current2 = triggerRef.current) === null || _triggerRef$current2 === void 0 ? void 0 : _triggerRef$current2.getPopupElement()];
   }, triggerOpen, onToggleOpen, !!customizeRawInputElement);
   var baseSelectContext = React$6.useMemo(function() {
-    return _objectSpread2$2(_objectSpread2$2({}, props), {}, {
+    return _objectSpread2$1(_objectSpread2$1({}, props), {}, {
       notFoundContent,
       open: mergedOpen,
       triggerOpen,
@@ -14186,7 +13804,7 @@ var _excluded$b = ["id", "prefixCls", "className", "showSearch", "tagRender", "d
     });
   }, [props, notFoundContent, triggerOpen, mergedOpen, id, mergedShowSearch, multiple, onToggleOpen]), showSuffixIcon = !!suffixIcon || loading, arrowNode;
   showSuffixIcon && (arrowNode = /* @__PURE__ */ React$6.createElement(TransBtn, {
-    className: clsx("".concat(prefixCls, "-arrow"), _defineProperty$c({}, "".concat(prefixCls, "-arrow-loading"), loading)),
+    className: clsx("".concat(prefixCls, "-arrow"), _defineProperty$b({}, "".concat(prefixCls, "-arrow-loading"), loading)),
     customizeIcon: suffixIcon,
     customizeIconProps: {
       loading,
@@ -14204,7 +13822,7 @@ var _excluded$b = ["id", "prefixCls", "className", "showSearch", "tagRender", "d
     }), onInternalSearch("", !1, !1);
   }, "onClearMouseDown2"), _useAllowClear = useAllowClear(prefixCls, onClearMouseDown, displayValues, allowClear, clearIcon, disabled, mergedSearchValue, mode), mergedAllowClear = _useAllowClear.allowClear, clearNode = _useAllowClear.clearIcon, optionList = /* @__PURE__ */ React$6.createElement(OptionList3, {
     ref: listRef
-  }), mergedClassName = clsx(prefixCls, className, _defineProperty$c(_defineProperty$c(_defineProperty$c(_defineProperty$c(_defineProperty$c(_defineProperty$c(_defineProperty$c(_defineProperty$c(_defineProperty$c(_defineProperty$c({}, "".concat(prefixCls, "-focused"), mockFocused), "".concat(prefixCls, "-multiple"), multiple), "".concat(prefixCls, "-single"), !multiple), "".concat(prefixCls, "-allow-clear"), allowClear), "".concat(prefixCls, "-show-arrow"), showSuffixIcon), "".concat(prefixCls, "-disabled"), disabled), "".concat(prefixCls, "-loading"), loading), "".concat(prefixCls, "-open"), mergedOpen), "".concat(prefixCls, "-customize-input"), customizeInputElement), "".concat(prefixCls, "-show-search"), mergedShowSearch)), selectorNode = /* @__PURE__ */ React$6.createElement(RefSelectTrigger, {
+  }), mergedClassName = clsx(prefixCls, className, _defineProperty$b(_defineProperty$b(_defineProperty$b(_defineProperty$b(_defineProperty$b(_defineProperty$b(_defineProperty$b(_defineProperty$b(_defineProperty$b(_defineProperty$b({}, "".concat(prefixCls, "-focused"), mockFocused), "".concat(prefixCls, "-multiple"), multiple), "".concat(prefixCls, "-single"), !multiple), "".concat(prefixCls, "-allow-clear"), allowClear), "".concat(prefixCls, "-show-arrow"), showSuffixIcon), "".concat(prefixCls, "-disabled"), disabled), "".concat(prefixCls, "-loading"), loading), "".concat(prefixCls, "-open"), mergedOpen), "".concat(prefixCls, "-customize-input"), customizeInputElement), "".concat(prefixCls, "-show-search"), mergedShowSearch)), selectorNode = /* @__PURE__ */ React$6.createElement(RefSelectTrigger, {
     ref: triggerRef,
     disabled,
     prefixCls,
@@ -14234,7 +13852,7 @@ var _excluded$b = ["id", "prefixCls", "className", "showSearch", "tagRender", "d
     onPopupMouseEnter
   }, customizeRawInputElement ? /* @__PURE__ */ React$6.cloneElement(customizeRawInputElement, {
     ref: customizeRawInputRef
-  }) : /* @__PURE__ */ React$6.createElement(ForwardSelector, _extends$5({}, props, {
+  }) : /* @__PURE__ */ React$6.createElement(ForwardSelector, _extends$6({}, props, {
     domRef: selectorDomRef,
     prefixCls,
     inputElement: customizeInputElement,
@@ -14255,7 +13873,7 @@ var _excluded$b = ["id", "prefixCls", "className", "showSearch", "tagRender", "d
     onRemove: onSelectorRemove,
     tokenWithEnter
   }))), renderNode;
-  return customizeRawInputElement ? renderNode = selectorNode : renderNode = /* @__PURE__ */ React$6.createElement("div", _extends$5({
+  return customizeRawInputElement ? renderNode = selectorNode : renderNode = /* @__PURE__ */ React$6.createElement("div", _extends$6({
     className: mergedClassName
   }, domProps, {
     ref: containerRef,
@@ -14975,7 +14593,7 @@ var OptionList = /* @__PURE__ */ __name(function(_, ref) {
     return -1;
   }, "getEnabledActiveIndex2"), _React$useState = React$6.useState(function() {
     return getEnabledActiveIndex(0);
-  }), _React$useState2 = _slicedToArray$2(_React$useState, 2), activeIndex = _React$useState2[0], setActiveIndex = _React$useState2[1], setActive = /* @__PURE__ */ __name(function(index2) {
+  }), _React$useState2 = _slicedToArray$1(_React$useState, 2), activeIndex = _React$useState2[0], setActiveIndex = _React$useState2[1], setActive = /* @__PURE__ */ __name(function(index2) {
     var fromKeyboard = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
     setActiveIndex(index2);
     var info = {
@@ -14992,7 +14610,7 @@ var OptionList = /* @__PURE__ */ __name(function(_, ref) {
   }, [memoFlattenOptions.length, searchValue]);
   var isSelected = React$6.useCallback(function(value) {
     return rawValues.has(value) && mode !== "combobox";
-  }, [mode, _toConsumableArray$5(rawValues).toString(), rawValues.size]);
+  }, [mode, _toConsumableArray$4(rawValues).toString(), rawValues.size]);
   useEffect(function() {
     var timeoutId = setTimeout(function() {
       if (!multiple && open && rawValues.size === 1) {
@@ -15072,7 +14690,7 @@ var OptionList = /* @__PURE__ */ __name(function(_, ref) {
     if (!item)
       return null;
     var itemData = item.data || {}, value = itemData.value, group = item.group, attrs = pickAttrs(itemData, !0), mergedLabel = getLabel(item);
-    return item ? /* @__PURE__ */ React$6.createElement("div", _extends$5({
+    return item ? /* @__PURE__ */ React$6.createElement("div", _extends$6({
       "aria-label": typeof mergedLabel == "string" && !group ? mergedLabel : null
     }, attrs, {
       key: index2
@@ -15083,7 +14701,7 @@ var OptionList = /* @__PURE__ */ __name(function(_, ref) {
     role: "listbox",
     id: "".concat(id, "_list")
   };
-  return /* @__PURE__ */ React$6.createElement(React$6.Fragment, null, virtual && /* @__PURE__ */ React$6.createElement("div", _extends$5({}, a11yProps, {
+  return /* @__PURE__ */ React$6.createElement(React$6.Fragment, null, virtual && /* @__PURE__ */ React$6.createElement("div", _extends$6({}, a11yProps, {
     style: {
       height: 0,
       width: 0,
@@ -15112,8 +14730,8 @@ var OptionList = /* @__PURE__ */ __name(function(_, ref) {
     }
     var disabled = data.disabled, title = data.title;
     data.children;
-    var style2 = data.style, className = data.className, otherProps = _objectWithoutProperties$1(data, _excluded$9), passedProps = omit$2(otherProps, omitFieldNameList), selected = isSelected(value), mergedDisabled = disabled || !selected && overMaxCount, optionPrefixCls = "".concat(itemPrefixCls, "-option"), optionClassName = clsx(itemPrefixCls, optionPrefixCls, className, _defineProperty$c(_defineProperty$c(_defineProperty$c(_defineProperty$c({}, "".concat(optionPrefixCls, "-grouped"), groupOption), "".concat(optionPrefixCls, "-active"), activeIndex === itemIndex && !mergedDisabled), "".concat(optionPrefixCls, "-disabled"), mergedDisabled), "".concat(optionPrefixCls, "-selected"), selected)), mergedLabel = getLabel(item), iconVisible = !menuItemSelectedIcon || typeof menuItemSelectedIcon == "function" || selected, content = typeof mergedLabel == "number" ? mergedLabel : mergedLabel || value, optionTitle = isTitleType(content) ? content.toString() : void 0;
-    return title !== void 0 && (optionTitle = title), /* @__PURE__ */ React$6.createElement("div", _extends$5({}, pickAttrs(passedProps), virtual ? {} : getItemAriaProps(item, itemIndex), {
+    var style2 = data.style, className = data.className, otherProps = _objectWithoutProperties$2(data, _excluded$9), passedProps = omit$2(otherProps, omitFieldNameList), selected = isSelected(value), mergedDisabled = disabled || !selected && overMaxCount, optionPrefixCls = "".concat(itemPrefixCls, "-option"), optionClassName = clsx(itemPrefixCls, optionPrefixCls, className, _defineProperty$b(_defineProperty$b(_defineProperty$b(_defineProperty$b({}, "".concat(optionPrefixCls, "-grouped"), groupOption), "".concat(optionPrefixCls, "-active"), activeIndex === itemIndex && !mergedDisabled), "".concat(optionPrefixCls, "-disabled"), mergedDisabled), "".concat(optionPrefixCls, "-selected"), selected)), mergedLabel = getLabel(item), iconVisible = !menuItemSelectedIcon || typeof menuItemSelectedIcon == "function" || selected, content = typeof mergedLabel == "number" ? mergedLabel : mergedLabel || value, optionTitle = isTitleType(content) ? content.toString() : void 0;
+    return title !== void 0 && (optionTitle = title), /* @__PURE__ */ React$6.createElement("div", _extends$6({}, pickAttrs(passedProps), virtual ? {} : getItemAriaProps(item, itemIndex), {
       "aria-selected": selected,
       className: optionClassName,
       title: optionTitle,
@@ -15147,7 +14765,7 @@ const useCache = /* @__PURE__ */ __name(function(labeledValues, valueOptions) {
     var _cacheRef$current = cacheRef.current, prevValueCache = _cacheRef$current.values, prevOptionCache = _cacheRef$current.options, patchedValues = labeledValues.map(function(item) {
       if (item.label === void 0) {
         var _prevValueCache$get;
-        return _objectSpread2$2(_objectSpread2$2({}, item), {}, {
+        return _objectSpread2$1(_objectSpread2$1({}, item), {}, {
           label: (_prevValueCache$get = prevValueCache.get(item.value)) === null || _prevValueCache$get === void 0 ? void 0 : _prevValueCache$get.label
         });
       }
@@ -15185,7 +14803,7 @@ const useFilterOptions = /* @__PURE__ */ __name(function(options, fieldNames, se
           var subOptions = item[fieldOptions].filter(function(subItem) {
             return filterFunc(searchValue, wrapOption(subItem));
           });
-          subOptions.length && filteredOptions.push(_objectSpread2$2(_objectSpread2$2({}, item), {}, _defineProperty$c({}, fieldOptions, subOptions)));
+          subOptions.length && filteredOptions.push(_objectSpread2$1(_objectSpread2$1({}, item), {}, _defineProperty$b({}, fieldOptions, subOptions)));
         }
         return;
       }
@@ -15200,7 +14818,7 @@ function getUUID() {
 }
 __name(getUUID, "getUUID");
 function useId2(id) {
-  var _React$useState = React$6.useState(), _React$useState2 = _slicedToArray$2(_React$useState, 2), innerId = _React$useState2[0], setInnerId = _React$useState2[1];
+  var _React$useState = React$6.useState(), _React$useState2 = _slicedToArray$1(_React$useState, 2), innerId = _React$useState2[0], setInnerId = _React$useState2[1];
   return React$6.useEffect(function() {
     setInnerId("rc_select_".concat(getUUID()));
   }, []), id || innerId;
@@ -15208,8 +14826,8 @@ function useId2(id) {
 __name(useId2, "useId");
 var _excluded$8 = ["children", "value"], _excluded2 = ["children"];
 function convertNodeToOption(node) {
-  var _ref = node, key = _ref.key, _ref$props = _ref.props, children = _ref$props.children, value = _ref$props.value, restProps = _objectWithoutProperties$1(_ref$props, _excluded$8);
-  return _objectSpread2$2({
+  var _ref = node, key = _ref.key, _ref$props = _ref.props, children = _ref$props.children, value = _ref$props.value, restProps = _objectWithoutProperties$2(_ref$props, _excluded$8);
+  return _objectSpread2$1({
     key,
     value: value !== void 0 ? value : key,
     children
@@ -15221,8 +14839,8 @@ function convertChildrenToData(nodes) {
   return toArray$3(nodes).map(function(node, index2) {
     if (!/* @__PURE__ */ React$6.isValidElement(node) || !node.type)
       return null;
-    var _ref2 = node, isSelectOptGroup = _ref2.type.isSelectOptGroup, key = _ref2.key, _ref2$props = _ref2.props, children = _ref2$props.children, restProps = _objectWithoutProperties$1(_ref2$props, _excluded2);
-    return optionOnly || !isSelectOptGroup ? convertNodeToOption(node) : _objectSpread2$2(_objectSpread2$2({
+    var _ref2 = node, isSelectOptGroup = _ref2.type.isSelectOptGroup, key = _ref2.key, _ref2$props = _ref2.props, children = _ref2$props.children, restProps = _objectWithoutProperties$2(_ref2$props, _excluded2);
+    return optionOnly || !isSelectOptGroup ? convertNodeToOption(node) : _objectSpread2$1(_objectSpread2$1({
       key: "__RC_SELECT_GRP__".concat(key === null ? index2 : key, "__"),
       label: key
     }, restProps), {}, {
@@ -15263,11 +14881,11 @@ function useRefFunc(callback) {
 __name(useRefFunc, "useRefFunc");
 var _excluded$7 = ["id", "mode", "prefixCls", "backfill", "fieldNames", "inputValue", "searchValue", "onSearch", "autoClearSearchValue", "onSelect", "onDeselect", "dropdownMatchSelectWidth", "filterOption", "filterSort", "optionFilterProp", "optionLabelProp", "options", "optionRender", "children", "defaultActiveFirstOption", "menuItemSelectedIcon", "virtual", "direction", "listHeight", "listItemHeight", "labelRender", "value", "defaultValue", "labelInValue", "onChange", "maxCount"], OMIT_DOM_PROPS = ["inputValue"];
 function isRawValue(value) {
-  return !value || _typeof$3(value) !== "object";
+  return !value || _typeof$2(value) !== "object";
 }
 __name(isRawValue, "isRawValue");
 var Select$1 = /* @__PURE__ */ React$6.forwardRef(function(props, ref) {
-  var id = props.id, mode = props.mode, _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-select" : _props$prefixCls, backfill = props.backfill, fieldNames = props.fieldNames, inputValue = props.inputValue, searchValue = props.searchValue, onSearch = props.onSearch, _props$autoClearSearc = props.autoClearSearchValue, autoClearSearchValue = _props$autoClearSearc === void 0 ? !0 : _props$autoClearSearc, onSelect2 = props.onSelect, onDeselect = props.onDeselect, _props$dropdownMatchS = props.dropdownMatchSelectWidth, dropdownMatchSelectWidth = _props$dropdownMatchS === void 0 ? !0 : _props$dropdownMatchS, filterOption = props.filterOption, filterSort = props.filterSort, optionFilterProp = props.optionFilterProp, optionLabelProp = props.optionLabelProp, options = props.options, optionRender = props.optionRender, children = props.children, defaultActiveFirstOption = props.defaultActiveFirstOption, menuItemSelectedIcon = props.menuItemSelectedIcon, virtual = props.virtual, direction = props.direction, _props$listHeight = props.listHeight, listHeight = _props$listHeight === void 0 ? 200 : _props$listHeight, _props$listItemHeight = props.listItemHeight, listItemHeight = _props$listItemHeight === void 0 ? 20 : _props$listItemHeight, labelRender = props.labelRender, value = props.value, defaultValue = props.defaultValue, labelInValue = props.labelInValue, onChange = props.onChange, maxCount = props.maxCount, restProps = _objectWithoutProperties$1(props, _excluded$7), mergedId = useId2(id), multiple = isMultiple(mode), childrenAsData = !!(!options && children), mergedFilterOption = React$6.useMemo(function() {
+  var id = props.id, mode = props.mode, _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-select" : _props$prefixCls, backfill = props.backfill, fieldNames = props.fieldNames, inputValue = props.inputValue, searchValue = props.searchValue, onSearch = props.onSearch, _props$autoClearSearc = props.autoClearSearchValue, autoClearSearchValue = _props$autoClearSearc === void 0 ? !0 : _props$autoClearSearc, onSelect2 = props.onSelect, onDeselect = props.onDeselect, _props$dropdownMatchS = props.dropdownMatchSelectWidth, dropdownMatchSelectWidth = _props$dropdownMatchS === void 0 ? !0 : _props$dropdownMatchS, filterOption = props.filterOption, filterSort = props.filterSort, optionFilterProp = props.optionFilterProp, optionLabelProp = props.optionLabelProp, options = props.options, optionRender = props.optionRender, children = props.children, defaultActiveFirstOption = props.defaultActiveFirstOption, menuItemSelectedIcon = props.menuItemSelectedIcon, virtual = props.virtual, direction = props.direction, _props$listHeight = props.listHeight, listHeight = _props$listHeight === void 0 ? 200 : _props$listHeight, _props$listItemHeight = props.listItemHeight, listItemHeight = _props$listItemHeight === void 0 ? 20 : _props$listItemHeight, labelRender = props.labelRender, value = props.value, defaultValue = props.defaultValue, labelInValue = props.labelInValue, onChange = props.onChange, maxCount = props.maxCount, restProps = _objectWithoutProperties$2(props, _excluded$7), mergedId = useId2(id), multiple = isMultiple(mode), childrenAsData = !!(!options && children), mergedFilterOption = React$6.useMemo(function() {
     return filterOption === void 0 && mode === "combobox" ? !1 : filterOption;
   }, [filterOption, mode]), mergedFieldNames = React$6.useMemo(
     function() {
@@ -15285,7 +14903,7 @@ var Select$1 = /* @__PURE__ */ React$6.forwardRef(function(props, ref) {
     postState: /* @__PURE__ */ __name(function(search) {
       return search || "";
     }, "postState")
-  }), _useMergedState2 = _slicedToArray$2(_useMergedState, 2), mergedSearchValue = _useMergedState2[0], setSearchValue = _useMergedState2[1], parsedOptions = useOptions(options, children, mergedFieldNames, optionFilterProp, optionLabelProp), valueOptions = parsedOptions.valueOptions, labelOptions = parsedOptions.labelOptions, mergedOptions = parsedOptions.options, convert2LabelValues = React$6.useCallback(function(draftValues) {
+  }), _useMergedState2 = _slicedToArray$1(_useMergedState, 2), mergedSearchValue = _useMergedState2[0], setSearchValue = _useMergedState2[1], parsedOptions = useOptions(options, children, mergedFieldNames, optionFilterProp, optionLabelProp), valueOptions = parsedOptions.valueOptions, labelOptions = parsedOptions.labelOptions, mergedOptions = parsedOptions.options, convert2LabelValues = React$6.useCallback(function(draftValues) {
     var valueList = toArray(draftValues);
     return valueList.map(function(val) {
       var rawValue, rawLabel, rawKey, rawDisabled, rawTitle;
@@ -15310,10 +14928,10 @@ var Select$1 = /* @__PURE__ */ React$6.forwardRef(function(props, ref) {
     });
   }, [mergedFieldNames, optionLabelProp, valueOptions]), _useMergedState3 = useMergedState(defaultValue, {
     value
-  }), _useMergedState4 = _slicedToArray$2(_useMergedState3, 2), internalValue = _useMergedState4[0], setInternalValue = _useMergedState4[1], rawLabeledValues = React$6.useMemo(function() {
+  }), _useMergedState4 = _slicedToArray$1(_useMergedState3, 2), internalValue = _useMergedState4[0], setInternalValue = _useMergedState4[1], rawLabeledValues = React$6.useMemo(function() {
     var _values$, newInternalValue = multiple && internalValue === null ? [] : internalValue, values3 = convert2LabelValues(newInternalValue);
     return mode === "combobox" && isComboNoValue((_values$ = values3[0]) === null || _values$ === void 0 ? void 0 : _values$.value) ? [] : values3;
-  }, [internalValue, convert2LabelValues, mode, multiple]), _useCache = useCache(rawLabeledValues, valueOptions), _useCache2 = _slicedToArray$2(_useCache, 2), mergedValues = _useCache2[0], getMixedOption = _useCache2[1], displayValues = React$6.useMemo(function() {
+  }, [internalValue, convert2LabelValues, mode, multiple]), _useCache = useCache(rawLabeledValues, valueOptions), _useCache2 = _slicedToArray$1(_useCache, 2), mergedValues = _useCache2[0], getMixedOption = _useCache2[1], displayValues = React$6.useMemo(function() {
     if (!mode && mergedValues.length === 1) {
       var firstValue = mergedValues[0];
       if (firstValue.value === null && (firstValue.label === null || firstValue.label === void 0))
@@ -15321,7 +14939,7 @@ var Select$1 = /* @__PURE__ */ React$6.forwardRef(function(props, ref) {
     }
     return mergedValues.map(function(item) {
       var _ref;
-      return _objectSpread2$2(_objectSpread2$2({}, item), {}, {
+      return _objectSpread2$1(_objectSpread2$1({}, item), {}, {
         label: (_ref = typeof labelRender == "function" ? labelRender(item) : item.label) !== null && _ref !== void 0 ? _ref : item.value
       });
     });
@@ -15338,14 +14956,14 @@ var Select$1 = /* @__PURE__ */ React$6.forwardRef(function(props, ref) {
   }, [mergedValues]);
   var createTagOption = useRefFunc(function(val, label) {
     var mergedLabel = label != null ? label : val;
-    return _defineProperty$c(_defineProperty$c({}, mergedFieldNames.value, val), mergedFieldNames.label, mergedLabel);
+    return _defineProperty$b(_defineProperty$b({}, mergedFieldNames.value, val), mergedFieldNames.label, mergedLabel);
   }), filledTagOptions = React$6.useMemo(function() {
     if (mode !== "tags")
       return mergedOptions;
-    var cloneOptions = _toConsumableArray$5(mergedOptions), existOptions = /* @__PURE__ */ __name(function(val) {
+    var cloneOptions = _toConsumableArray$4(mergedOptions), existOptions = /* @__PURE__ */ __name(function(val) {
       return valueOptions.has(val);
     }, "existOptions2");
-    return _toConsumableArray$5(mergedValues).sort(function(a, b2) {
+    return _toConsumableArray$4(mergedValues).sort(function(a, b2) {
       return a.value < b2.value ? -1 : 1;
     }).forEach(function(item) {
       var val = item.value;
@@ -15356,13 +14974,20 @@ var Select$1 = /* @__PURE__ */ React$6.forwardRef(function(props, ref) {
       return item[optionFilterProp || "value"] === mergedSearchValue;
     }) || filteredOptions.some(function(item) {
       return item[mergedFieldNames.value] === mergedSearchValue;
-    }) ? filteredOptions : [createTagOption(mergedSearchValue)].concat(_toConsumableArray$5(filteredOptions));
-  }, [createTagOption, optionFilterProp, mode, filteredOptions, mergedSearchValue, mergedFieldNames]), orderedFilteredOptions = React$6.useMemo(function() {
-    return filterSort ? _toConsumableArray$5(filledSearchOptions).sort(function(a, b2) {
+    }) ? filteredOptions : [createTagOption(mergedSearchValue)].concat(_toConsumableArray$4(filteredOptions));
+  }, [createTagOption, optionFilterProp, mode, filteredOptions, mergedSearchValue, mergedFieldNames]), sorter = /* @__PURE__ */ __name(function sorter2(inputOptions) {
+    var sortedOptions = _toConsumableArray$4(inputOptions).sort(function(a, b2) {
       return filterSort(a, b2, {
         searchValue: mergedSearchValue
       });
-    }) : filledSearchOptions;
+    });
+    return sortedOptions.map(function(item) {
+      return Array.isArray(item.options) ? _objectSpread2$1(_objectSpread2$1({}, item), {}, {
+        options: item.options.length > 0 ? sorter2(item.options) : item.options
+      }) : item;
+    });
+  }, "sorter2"), orderedFilteredOptions = React$6.useMemo(function() {
+    return filterSort ? sorter(filledSearchOptions) : filledSearchOptions;
   }, [filledSearchOptions, filterSort, mergedSearchValue]), displayOptions = React$6.useMemo(function() {
     return flattenOptions(orderedFilteredOptions, {
       fieldNames: mergedFieldNames,
@@ -15387,7 +15012,7 @@ var Select$1 = /* @__PURE__ */ React$6.forwardRef(function(props, ref) {
         multiple ? returnOptions : returnOptions[0]
       );
     }
-  }, "triggerChange2"), _React$useState = React$6.useState(null), _React$useState2 = _slicedToArray$2(_React$useState, 2), activeValue = _React$useState2[0], setActiveValue = _React$useState2[1], _React$useState3 = React$6.useState(0), _React$useState4 = _slicedToArray$2(_React$useState3, 2), accessibilityIndex = _React$useState4[0], setAccessibilityIndex = _React$useState4[1], mergedDefaultActiveFirstOption = defaultActiveFirstOption !== void 0 ? defaultActiveFirstOption : mode !== "combobox", onActiveValue = React$6.useCallback(function(active, index2) {
+  }, "triggerChange2"), _React$useState = React$6.useState(null), _React$useState2 = _slicedToArray$1(_React$useState, 2), activeValue = _React$useState2[0], setActiveValue = _React$useState2[1], _React$useState3 = React$6.useState(0), _React$useState4 = _slicedToArray$1(_React$useState3, 2), accessibilityIndex = _React$useState4[0], setAccessibilityIndex = _React$useState4[1], mergedDefaultActiveFirstOption = defaultActiveFirstOption !== void 0 ? defaultActiveFirstOption : mode !== "combobox", onActiveValue = React$6.useCallback(function(active, index2) {
     var _ref3 = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, _ref3$source = _ref3.source, source = _ref3$source === void 0 ? "keyboard" : _ref3$source;
     setAccessibilityIndex(index2), backfill && mode === "combobox" && active !== null && source === "keyboard" && setActiveValue(String(active));
   }, [backfill, mode]), triggerSelect = /* @__PURE__ */ __name(function(val, selected, type2) {
@@ -15400,15 +15025,15 @@ var Select$1 = /* @__PURE__ */ React$6.forwardRef(function(props, ref) {
       } : val, injectPropsWithOption(option)];
     }, "getSelectEnt2");
     if (selected && onSelect2) {
-      var _getSelectEnt = getSelectEnt(), _getSelectEnt2 = _slicedToArray$2(_getSelectEnt, 2), wrappedValue = _getSelectEnt2[0], _option = _getSelectEnt2[1];
+      var _getSelectEnt = getSelectEnt(), _getSelectEnt2 = _slicedToArray$1(_getSelectEnt, 2), wrappedValue = _getSelectEnt2[0], _option = _getSelectEnt2[1];
       onSelect2(wrappedValue, _option);
     } else if (!selected && onDeselect && type2 !== "clear") {
-      var _getSelectEnt3 = getSelectEnt(), _getSelectEnt4 = _slicedToArray$2(_getSelectEnt3, 2), _wrappedValue = _getSelectEnt4[0], _option2 = _getSelectEnt4[1];
+      var _getSelectEnt3 = getSelectEnt(), _getSelectEnt4 = _slicedToArray$1(_getSelectEnt3, 2), _wrappedValue = _getSelectEnt4[0], _option2 = _getSelectEnt4[1];
       onDeselect(_wrappedValue, _option2);
     }
   }, "triggerSelect2"), onInternalSelect = useRefFunc(function(val, info) {
     var cloneValues, mergedSelect = multiple ? info.selected : !0;
-    mergedSelect ? cloneValues = multiple ? [].concat(_toConsumableArray$5(mergedValues), [val]) : [val] : cloneValues = mergedValues.filter(function(v2) {
+    mergedSelect ? cloneValues = multiple ? [].concat(_toConsumableArray$4(mergedValues), [val]) : [val] : cloneValues = mergedValues.filter(function(v2) {
       return v2.value !== val;
     }), triggerChange(cloneValues), triggerSelect(val, mergedSelect), mode === "combobox" ? setActiveValue("") : (!isMultiple || autoClearSearchValue) && (setSearchValue(""), setActiveValue(""));
   }), onDisplayValuesChange = /* @__PURE__ */ __name(function(nextValues, info) {
@@ -15421,7 +15046,7 @@ var Select$1 = /* @__PURE__ */ React$6.forwardRef(function(props, ref) {
     if (setSearchValue(searchText), setActiveValue(null), info.source === "submit") {
       var formatted = (searchText || "").trim();
       if (formatted) {
-        var newRawValues = Array.from(new Set([].concat(_toConsumableArray$5(rawValues), [formatted])));
+        var newRawValues = Array.from(new Set([].concat(_toConsumableArray$4(rawValues), [formatted])));
         triggerChange(newRawValues), triggerSelect(formatted, !0), setSearchValue("");
       }
       return;
@@ -15435,13 +15060,13 @@ var Select$1 = /* @__PURE__ */ React$6.forwardRef(function(props, ref) {
     }).filter(function(val) {
       return val !== void 0;
     }));
-    var newRawValues = Array.from(new Set([].concat(_toConsumableArray$5(rawValues), _toConsumableArray$5(patchValues))));
+    var newRawValues = Array.from(new Set([].concat(_toConsumableArray$4(rawValues), _toConsumableArray$4(patchValues))));
     triggerChange(newRawValues), newRawValues.forEach(function(newRawValue) {
       triggerSelect(newRawValue, !0);
     });
   }, "onInternalSearchSplit2"), selectContext = React$6.useMemo(function() {
     var realVirtual = virtual !== !1 && dropdownMatchSelectWidth !== !1;
-    return _objectSpread2$2(_objectSpread2$2({}, parsedOptions), {}, {
+    return _objectSpread2$1(_objectSpread2$1({}, parsedOptions), {}, {
       flattenOptions: displayOptions,
       onActiveValue,
       defaultActiveFirstOption: mergedDefaultActiveFirstOption,
@@ -15460,7 +15085,7 @@ var Select$1 = /* @__PURE__ */ React$6.forwardRef(function(props, ref) {
   }, [maxCount, parsedOptions, displayOptions, onActiveValue, mergedDefaultActiveFirstOption, onInternalSelect, menuItemSelectedIcon, rawValues, mergedFieldNames, virtual, dropdownMatchSelectWidth, direction, listHeight, listItemHeight, childrenAsData, optionRender]);
   return /* @__PURE__ */ React$6.createElement(SelectContext.Provider, {
     value: selectContext
-  }, /* @__PURE__ */ React$6.createElement(BaseSelect, _extends$5({}, restProps, {
+  }, /* @__PURE__ */ React$6.createElement(BaseSelect, _extends$6({}, restProps, {
     // >>> MISC
     id: mergedId,
     prefixCls,
@@ -15602,37 +15227,70 @@ function SelectList(props) {
   }));
 }
 __name(SelectList, "SelectList");
-var calcThumbStyle = /* @__PURE__ */ __name(function(targetElement) {
-  return targetElement ? {
+var calcThumbStyle = /* @__PURE__ */ __name(function(targetElement, vertical) {
+  if (!targetElement) return null;
+  var style2 = {
     left: targetElement.offsetLeft,
     right: targetElement.parentElement.clientWidth - targetElement.clientWidth - targetElement.offsetLeft,
-    width: targetElement.clientWidth
-  } : null;
+    width: targetElement.clientWidth,
+    top: targetElement.offsetTop,
+    bottom: targetElement.parentElement.clientHeight - targetElement.clientHeight - targetElement.offsetTop,
+    height: targetElement.clientHeight
+  };
+  return vertical ? {
+    left: 0,
+    right: 0,
+    width: 0,
+    top: style2.top,
+    bottom: style2.bottom,
+    height: style2.height
+  } : {
+    left: style2.left,
+    right: style2.right,
+    width: style2.width,
+    top: 0,
+    bottom: 0,
+    height: 0
+  };
 }, "calcThumbStyle2"), toPX = /* @__PURE__ */ __name(function(value) {
   return value !== void 0 ? "".concat(value, "px") : void 0;
 }, "toPX2");
 function MotionThumb(props) {
-  var prefixCls = props.prefixCls, containerRef = props.containerRef, value = props.value, getValueIndex = props.getValueIndex, motionName = props.motionName, onMotionStart = props.onMotionStart, onMotionEnd = props.onMotionEnd, direction = props.direction, thumbRef = React$6.useRef(null), _React$useState = React$6.useState(value), _React$useState2 = _slicedToArray$3(_React$useState, 2), prevValue = _React$useState2[0], setPrevValue = _React$useState2[1], findValueElement = /* @__PURE__ */ __name(function(val) {
+  var prefixCls = props.prefixCls, containerRef = props.containerRef, value = props.value, getValueIndex = props.getValueIndex, motionName = props.motionName, onMotionStart = props.onMotionStart, onMotionEnd = props.onMotionEnd, direction = props.direction, _props$vertical = props.vertical, vertical = _props$vertical === void 0 ? !1 : _props$vertical, thumbRef = React$6.useRef(null), _React$useState = React$6.useState(value), _React$useState2 = _slicedToArray$1(_React$useState, 2), prevValue = _React$useState2[0], setPrevValue = _React$useState2[1], findValueElement = /* @__PURE__ */ __name(function(val) {
     var _containerRef$current, index2 = getValueIndex(val), ele = (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.querySelectorAll(".".concat(prefixCls, "-item"))[index2];
     return (ele == null ? void 0 : ele.offsetParent) && ele;
-  }, "findValueElement2"), _React$useState3 = React$6.useState(null), _React$useState4 = _slicedToArray$3(_React$useState3, 2), prevStyle = _React$useState4[0], setPrevStyle = _React$useState4[1], _React$useState5 = React$6.useState(null), _React$useState6 = _slicedToArray$3(_React$useState5, 2), nextStyle = _React$useState6[0], setNextStyle = _React$useState6[1];
+  }, "findValueElement2"), _React$useState3 = React$6.useState(null), _React$useState4 = _slicedToArray$1(_React$useState3, 2), prevStyle = _React$useState4[0], setPrevStyle = _React$useState4[1], _React$useState5 = React$6.useState(null), _React$useState6 = _slicedToArray$1(_React$useState5, 2), nextStyle = _React$useState6[0], setNextStyle = _React$useState6[1];
   useLayoutEffect$1(function() {
     if (prevValue !== value) {
-      var prev = findValueElement(prevValue), next = findValueElement(value), calcPrevStyle = calcThumbStyle(prev), calcNextStyle = calcThumbStyle(next);
+      var prev = findValueElement(prevValue), next = findValueElement(value), calcPrevStyle = calcThumbStyle(prev, vertical), calcNextStyle = calcThumbStyle(next, vertical);
       setPrevValue(value), setPrevStyle(calcPrevStyle), setNextStyle(calcNextStyle), prev && next ? onMotionStart() : onMotionEnd();
     }
   }, [value]);
   var thumbStart = React$6.useMemo(function() {
+    if (vertical) {
+      var _prevStyle$top;
+      return toPX((_prevStyle$top = prevStyle == null ? void 0 : prevStyle.top) !== null && _prevStyle$top !== void 0 ? _prevStyle$top : 0);
+    }
     return toPX(direction === "rtl" ? -(prevStyle == null ? void 0 : prevStyle.right) : prevStyle == null ? void 0 : prevStyle.left);
-  }, [direction, prevStyle]), thumbActive = React$6.useMemo(function() {
+  }, [vertical, direction, prevStyle]), thumbActive = React$6.useMemo(function() {
+    if (vertical) {
+      var _nextStyle$top;
+      return toPX((_nextStyle$top = nextStyle == null ? void 0 : nextStyle.top) !== null && _nextStyle$top !== void 0 ? _nextStyle$top : 0);
+    }
     return toPX(direction === "rtl" ? -(nextStyle == null ? void 0 : nextStyle.right) : nextStyle == null ? void 0 : nextStyle.left);
-  }, [direction, nextStyle]), onAppearStart = /* @__PURE__ */ __name(function() {
-    return {
+  }, [vertical, direction, nextStyle]), onAppearStart = /* @__PURE__ */ __name(function() {
+    return vertical ? {
+      transform: "translateY(var(--thumb-start-top))",
+      height: "var(--thumb-start-height)"
+    } : {
       transform: "translateX(var(--thumb-start-left))",
       width: "var(--thumb-start-width)"
     };
   }, "onAppearStart2"), onAppearActive = /* @__PURE__ */ __name(function() {
-    return {
+    return vertical ? {
+      transform: "translateY(var(--thumb-active-top))",
+      height: "var(--thumb-active-height)"
+    } : {
       transform: "translateX(var(--thumb-active-left))",
       width: "var(--thumb-active-width)"
     };
@@ -15647,11 +15305,15 @@ function MotionThumb(props) {
     onAppearActive,
     onVisibleChanged
   }, function(_ref, ref) {
-    var motionClassName = _ref.className, motionStyle = _ref.style, mergedStyle = _objectSpread2$3(_objectSpread2$3({}, motionStyle), {}, {
+    var motionClassName = _ref.className, motionStyle = _ref.style, mergedStyle = _objectSpread2$1(_objectSpread2$1({}, motionStyle), {}, {
       "--thumb-start-left": thumbStart,
       "--thumb-start-width": toPX(prevStyle == null ? void 0 : prevStyle.width),
       "--thumb-active-left": thumbActive,
-      "--thumb-active-width": toPX(nextStyle == null ? void 0 : nextStyle.width)
+      "--thumb-active-width": toPX(nextStyle == null ? void 0 : nextStyle.width),
+      "--thumb-start-top": thumbStart,
+      "--thumb-start-height": toPX(prevStyle == null ? void 0 : prevStyle.height),
+      "--thumb-active-top": thumbActive,
+      "--thumb-active-height": toPX(nextStyle == null ? void 0 : nextStyle.height)
     }), motionProps = {
       ref: composeRef(thumbRef, ref),
       style: mergedStyle,
@@ -15661,11 +15323,11 @@ function MotionThumb(props) {
   });
 }
 __name(MotionThumb, "MotionThumb");
-var _excluded$6 = ["prefixCls", "direction", "options", "disabled", "defaultValue", "value", "onChange", "className", "motionName"];
+var _excluded$6 = ["prefixCls", "direction", "vertical", "options", "disabled", "defaultValue", "value", "onChange", "className", "motionName"];
 function getValidTitle(option) {
   if (typeof option.title < "u")
     return option.title;
-  if (_typeof$4(option.label) !== "object") {
+  if (_typeof$2(option.label) !== "object") {
     var _option$label;
     return (_option$label = option.label) === null || _option$label === void 0 ? void 0 : _option$label.toString();
   }
@@ -15673,9 +15335,9 @@ function getValidTitle(option) {
 __name(getValidTitle, "getValidTitle");
 function normalizeOptions(options) {
   return options.map(function(option) {
-    if (_typeof$4(option) === "object" && option !== null) {
+    if (_typeof$2(option) === "object" && option !== null) {
       var validTitle = getValidTitle(option);
-      return _objectSpread2$3(_objectSpread2$3({}, option), {}, {
+      return _objectSpread2$1(_objectSpread2$1({}, option), {}, {
         title: validTitle
       });
     }
@@ -15692,7 +15354,7 @@ var InternalSegmentedOption = /* @__PURE__ */ __name(function(_ref) {
     disabled || onChange(event, value);
   }, "handleChange2");
   return /* @__PURE__ */ React$6.createElement("label", {
-    className: clsx(className, _defineProperty$d({}, "".concat(prefixCls, "-item-disabled"), disabled))
+    className: clsx(className, _defineProperty$b({}, "".concat(prefixCls, "-item-disabled"), disabled))
   }, /* @__PURE__ */ React$6.createElement("input", {
     className: "".concat(prefixCls, "-item-input"),
     type: "radio",
@@ -15706,25 +15368,26 @@ var InternalSegmentedOption = /* @__PURE__ */ __name(function(_ref) {
     "aria-selected": checked
   }, label));
 }, "InternalSegmentedOption2"), Segmented$1 = /* @__PURE__ */ React$6.forwardRef(function(props, ref) {
-  var _segmentedOptions$, _classNames2, _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-segmented" : _props$prefixCls, direction = props.direction, _props$options = props.options, options = _props$options === void 0 ? [] : _props$options, disabled = props.disabled, defaultValue = props.defaultValue, value = props.value, onChange = props.onChange, _props$className = props.className, className = _props$className === void 0 ? "" : _props$className, _props$motionName = props.motionName, motionName = _props$motionName === void 0 ? "thumb-motion" : _props$motionName, restProps = _objectWithoutProperties$3(props, _excluded$6), containerRef = React$6.useRef(null), mergedRef = React$6.useMemo(function() {
+  var _segmentedOptions$, _classNames2, _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-segmented" : _props$prefixCls, direction = props.direction, vertical = props.vertical, _props$options = props.options, options = _props$options === void 0 ? [] : _props$options, disabled = props.disabled, defaultValue = props.defaultValue, value = props.value, onChange = props.onChange, _props$className = props.className, className = _props$className === void 0 ? "" : _props$className, _props$motionName = props.motionName, motionName = _props$motionName === void 0 ? "thumb-motion" : _props$motionName, restProps = _objectWithoutProperties$2(props, _excluded$6), containerRef = React$6.useRef(null), mergedRef = React$6.useMemo(function() {
     return composeRef(containerRef, ref);
   }, [containerRef, ref]), segmentedOptions = React$6.useMemo(function() {
     return normalizeOptions(options);
   }, [options]), _useMergedState = useMergedState((_segmentedOptions$ = segmentedOptions[0]) === null || _segmentedOptions$ === void 0 ? void 0 : _segmentedOptions$.value, {
     value,
     defaultValue
-  }), _useMergedState2 = _slicedToArray$3(_useMergedState, 2), rawValue = _useMergedState2[0], setRawValue = _useMergedState2[1], _React$useState = React$6.useState(!1), _React$useState2 = _slicedToArray$3(_React$useState, 2), thumbShow = _React$useState2[0], setThumbShow = _React$useState2[1], handleChange = /* @__PURE__ */ __name(function(event, val) {
+  }), _useMergedState2 = _slicedToArray$1(_useMergedState, 2), rawValue = _useMergedState2[0], setRawValue = _useMergedState2[1], _React$useState = React$6.useState(!1), _React$useState2 = _slicedToArray$1(_React$useState, 2), thumbShow = _React$useState2[0], setThumbShow = _React$useState2[1], handleChange = /* @__PURE__ */ __name(function(event, val) {
     disabled || (setRawValue(val), onChange == null || onChange(val));
   }, "handleChange2"), divProps = omit$2(restProps, ["children"]);
-  return /* @__PURE__ */ React$6.createElement("div", _extends$7({
+  return /* @__PURE__ */ React$6.createElement("div", _extends$6({
     role: "listbox",
     "aria-label": "segmented control"
   }, divProps, {
-    className: clsx(prefixCls, (_classNames2 = {}, _defineProperty$d(_classNames2, "".concat(prefixCls, "-rtl"), direction === "rtl"), _defineProperty$d(_classNames2, "".concat(prefixCls, "-disabled"), disabled), _classNames2), className),
+    className: clsx(prefixCls, (_classNames2 = {}, _defineProperty$b(_classNames2, "".concat(prefixCls, "-rtl"), direction === "rtl"), _defineProperty$b(_classNames2, "".concat(prefixCls, "-disabled"), disabled), _defineProperty$b(_classNames2, "".concat(prefixCls, "-vertical"), vertical), _classNames2), className),
     ref: mergedRef
   }), /* @__PURE__ */ React$6.createElement("div", {
     className: "".concat(prefixCls, "-group")
   }, /* @__PURE__ */ React$6.createElement(MotionThumb, {
+    vertical,
     prefixCls,
     value: rawValue,
     containerRef,
@@ -15742,10 +15405,10 @@ var InternalSegmentedOption = /* @__PURE__ */ __name(function(_ref) {
       setThumbShow(!1);
     }, "onMotionEnd")
   }), segmentedOptions.map(function(segmentedOption) {
-    return /* @__PURE__ */ React$6.createElement(InternalSegmentedOption, _extends$7({}, segmentedOption, {
+    return /* @__PURE__ */ React$6.createElement(InternalSegmentedOption, _extends$6({}, segmentedOption, {
       key: segmentedOption.value,
       prefixCls,
-      className: clsx(segmentedOption.className, "".concat(prefixCls, "-item"), _defineProperty$d({}, "".concat(prefixCls, "-item-selected"), segmentedOption.value === rawValue && !thumbShow)),
+      className: clsx(segmentedOption.className, "".concat(prefixCls, "-item"), _defineProperty$b({}, "".concat(prefixCls, "-item-selected"), segmentedOption.value === rawValue && !thumbShow)),
       checked: segmentedOption.value === rawValue,
       onChange: handleChange,
       disabled: !!disabled || !!segmentedOption.disabled