@univerjs/design 0.2.11 → 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,
@@ -5097,7 +5093,7 @@ function Confirm(props) {
 }
 __name(Confirm, "Confirm");
 function _arrayWithoutHoles$3(r) {
-  if (Array.isArray(r)) return _arrayLikeToArray$2(r);
+  if (Array.isArray(r)) return _arrayLikeToArray(r);
 }
 __name(_arrayWithoutHoles$3, "_arrayWithoutHoles$3");
 function _iterableToArray$3(r) {
@@ -5110,7 +5106,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
 }
 __name(_nonIterableSpread$3, "_nonIterableSpread$3");
 function _toConsumableArray$4(r) {
-  return _arrayWithoutHoles$3(r) || _iterableToArray$3(r) || _unsupportedIterableToArray$2(r) || _nonIterableSpread$3();
+  return _arrayWithoutHoles$3(r) || _iterableToArray$3(r) || _unsupportedIterableToArray(r) || _nonIterableSpread$3();
 }
 __name(_toConsumableArray$4, "_toConsumableArray$4");
 function omit$2(obj, fields) {
@@ -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() {
@@ -5569,490 +5565,81 @@ function SingleObserver(props, ref) {
     width: -1,
     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);
+    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();
   });
-  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
       });
     });
@@ -6489,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());
     }, []);
@@ -6499,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() {
@@ -6532,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);
@@ -6559,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);
@@ -6613,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++)
@@ -6621,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,
@@ -6732,7 +6321,7 @@ function PickerTrigger(_ref) {
     popup: popupElement,
     popupAlign,
     popupVisible: visible,
-    popupClassName: clsx(popupClassName, _defineProperty$d(_defineProperty$d({}, "".concat(dropdownPrefixCls, "-range"), range), "".concat(dropdownPrefixCls, "-rtl"), direction === "rtl")),
+    popupClassName: clsx(popupClassName, _defineProperty$b(_defineProperty$b({}, "".concat(dropdownPrefixCls, "-range"), range), "".concat(dropdownPrefixCls, "-rtl"), direction === "rtl")),
     popupStyle,
     stretch: "minWidth",
     getPopupContainer,
@@ -6796,7 +6385,7 @@ function useCellRender(cellRender, dateRender, monthCellRender, range) {
       return dateRender && info.type === "date" ? dateRender(date, info.today) : monthCellRender && info.type === "month" ? monthCellRender(date, info.locale) : info.originNode;
     };
   }, [cellRender, monthCellRender, dateRender]), onInternalCellRender = React$6.useCallback(function(date, info) {
-    return mergedCellRender(date, _objectSpread2$3(_objectSpread2$3({}, info), {}, {
+    return mergedCellRender(date, _objectSpread2$1(_objectSpread2$1({}, info), {}, {
       range
     }));
   }, [mergedCellRender, range]);
@@ -6804,7 +6393,7 @@ function useCellRender(cellRender, dateRender, monthCellRender, range) {
 }
 __name(useCellRender, "useCellRender");
 function useFieldsInvalidate(calendarValue, isInvalidateDate) {
-  var allowEmpty = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [], _React$useState = React$6.useState([!1, !1]), _React$useState2 = _slicedToArray$3(_React$useState, 2), fieldsInvalidates = _React$useState2[0], setFieldsInvalidates = _React$useState2[1], onSelectorInvalid = /* @__PURE__ */ __name(function(invalid, index2) {
+  var allowEmpty = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [], _React$useState = React$6.useState([!1, !1]), _React$useState2 = _slicedToArray$1(_React$useState, 2), fieldsInvalidates = _React$useState2[0], setFieldsInvalidates = _React$useState2[1], onSelectorInvalid = /* @__PURE__ */ __name(function(invalid, index2) {
     setFieldsInvalidates(function(ori) {
       return fillIndex(ori, index2, invalid);
     });
@@ -6828,7 +6417,7 @@ function fillTimeFormat(showHour, showMinute, showSecond, showMillisecond, showM
 __name(fillTimeFormat, "fillTimeFormat");
 function fillLocale(locale, showHour, showMinute, showSecond, showMillisecond, use12Hours) {
   var fieldDateTimeFormat = locale.fieldDateTimeFormat, fieldDateFormat = locale.fieldDateFormat, fieldTimeFormat = locale.fieldTimeFormat, fieldMonthFormat = locale.fieldMonthFormat, fieldYearFormat = locale.fieldYearFormat, fieldWeekFormat = locale.fieldWeekFormat, fieldQuarterFormat = locale.fieldQuarterFormat, yearFormat = locale.yearFormat, cellYearFormat = locale.cellYearFormat, cellQuarterFormat = locale.cellQuarterFormat, dayFormat = locale.dayFormat, cellDateFormat = locale.cellDateFormat, timeFormat = fillTimeFormat(showHour, showMinute, showSecond, showMillisecond, use12Hours);
-  return _objectSpread2$3(_objectSpread2$3({}, locale), {}, {
+  return _objectSpread2$1(_objectSpread2$1({}, locale), {}, {
     fieldDateTimeFormat: fieldDateTimeFormat || "YYYY-MM-DD ".concat(timeFormat),
     fieldDateFormat: fieldDateFormat || "YYYY-MM-DD",
     fieldTimeFormat: fieldTimeFormat || timeFormat,
@@ -6880,7 +6469,7 @@ var showTimeKeys = [
 ];
 function pickTimeProps(props) {
   var timeProps = pickProps(props, showTimeKeys), format2 = props.format, picker = props.picker, propFormat = null;
-  return format2 && (propFormat = format2, Array.isArray(propFormat) && (propFormat = propFormat[0]), propFormat = _typeof$4(propFormat) === "object" ? propFormat.format : propFormat), picker === "time" && (timeProps.format = propFormat), [timeProps, propFormat];
+  return format2 && (propFormat = format2, Array.isArray(propFormat) && (propFormat = propFormat[0]), propFormat = _typeof$2(propFormat) === "object" ? propFormat.format : propFormat), picker === "time" && (timeProps.format = propFormat), [timeProps, propFormat];
 }
 __name(pickTimeProps, "pickTimeProps");
 function isStringFormat(format2) {
@@ -6909,10 +6498,10 @@ function fillShowConfig(hasShowConfig, showHour, showMinute, showSecond, showMil
 }
 __name(fillShowConfig, "fillShowConfig");
 function getTimeProps(componentProps) {
-  var showTime = componentProps.showTime, _pickTimeProps = pickTimeProps(componentProps), _pickTimeProps2 = _slicedToArray$3(_pickTimeProps, 2), pickedProps = _pickTimeProps2[0], propFormat = _pickTimeProps2[1], showTimeConfig = showTime && _typeof$4(showTime) === "object" ? showTime : {}, timeConfig = _objectSpread2$3(_objectSpread2$3({
+  var showTime = componentProps.showTime, _pickTimeProps = pickTimeProps(componentProps), _pickTimeProps2 = _slicedToArray$1(_pickTimeProps, 2), pickedProps = _pickTimeProps2[0], propFormat = _pickTimeProps2[1], showTimeConfig = showTime && _typeof$2(showTime) === "object" ? showTime : {}, timeConfig = _objectSpread2$1(_objectSpread2$1({
     defaultOpenValue: showTimeConfig.defaultOpenValue || showTimeConfig.defaultValue
-  }, pickedProps), showTimeConfig), showMillisecond = timeConfig.showMillisecond, showHour = timeConfig.showHour, showMinute = timeConfig.showMinute, showSecond = timeConfig.showSecond, hasShowConfig = existShowConfig(showHour, showMinute, showSecond, showMillisecond), _fillShowConfig = fillShowConfig(hasShowConfig, showHour, showMinute, showSecond, showMillisecond), _fillShowConfig2 = _slicedToArray$3(_fillShowConfig, 3);
-  return showHour = _fillShowConfig2[0], showMinute = _fillShowConfig2[1], showSecond = _fillShowConfig2[2], [timeConfig, _objectSpread2$3(_objectSpread2$3({}, timeConfig), {}, {
+  }, pickedProps), showTimeConfig), showMillisecond = timeConfig.showMillisecond, showHour = timeConfig.showHour, showMinute = timeConfig.showMinute, showSecond = timeConfig.showSecond, hasShowConfig = existShowConfig(showHour, showMinute, showSecond, showMillisecond), _fillShowConfig = fillShowConfig(hasShowConfig, showHour, showMinute, showSecond, showMillisecond), _fillShowConfig2 = _slicedToArray$1(_fillShowConfig, 3);
+  return showHour = _fillShowConfig2[0], showMinute = _fillShowConfig2[1], showSecond = _fillShowConfig2[2], [timeConfig, _objectSpread2$1(_objectSpread2$1({}, timeConfig), {}, {
     showHour,
     showMinute,
     showSecond,
@@ -6932,10 +6521,10 @@ function fillShowTimeConfig(picker, showTimeFormat, propFormat, timeConfig, loca
     }
     var showHour = pickedProps.showHour, showMinute = pickedProps.showMinute, showSecond = pickedProps.showSecond, showMillisecond = pickedProps.showMillisecond, use12Hours = pickedProps.use12Hours, showMeridiem = checkShow(baselineFormat, ["a", "A", "LT", "LLL", "LTS"], use12Hours), hasShowConfig = existShowConfig(showHour, showMinute, showSecond, showMillisecond);
     hasShowConfig || (showHour = checkShow(baselineFormat, ["H", "h", "k", "LT", "LLL"]), showMinute = checkShow(baselineFormat, ["m", "LT", "LLL"]), showSecond = checkShow(baselineFormat, ["s", "LTS"]), showMillisecond = checkShow(baselineFormat, ["SSS"]));
-    var _fillShowConfig3 = fillShowConfig(hasShowConfig, showHour, showMinute, showSecond, showMillisecond), _fillShowConfig4 = _slicedToArray$3(_fillShowConfig3, 3);
+    var _fillShowConfig3 = fillShowConfig(hasShowConfig, showHour, showMinute, showSecond, showMillisecond), _fillShowConfig4 = _slicedToArray$1(_fillShowConfig3, 3);
     showHour = _fillShowConfig4[0], showMinute = _fillShowConfig4[1], showSecond = _fillShowConfig4[2];
     var timeFormat = showTimeFormat || fillTimeFormat(showHour, showMinute, showSecond, showMillisecond, showMeridiem);
-    return _objectSpread2$3(_objectSpread2$3({}, pickedProps), {}, {
+    return _objectSpread2$1(_objectSpread2$1({}, pickedProps), {}, {
       // Format
       format: timeFormat,
       // Show Config
@@ -6952,7 +6541,7 @@ __name(fillShowTimeConfig, "fillShowTimeConfig");
 function fillClearIcon(prefixCls, allowClear, clearIcon) {
   if (allowClear === !1)
     return null;
-  var config2 = allowClear && _typeof$4(allowClear) === "object" ? allowClear : {};
+  var config2 = allowClear && _typeof$2(allowClear) === "object" ? allowClear : {};
   return config2.clearIcon || clearIcon || /* @__PURE__ */ React$6.createElement("span", {
     className: "".concat(prefixCls, "-clear-btn")
   });
@@ -7073,7 +6662,7 @@ function useDisabledBoundary(generateConfig2, locale, disabledDate, minDate, max
 __name(useDisabledBoundary, "useDisabledBoundary");
 function useFieldFormat(picker, locale, format2) {
   return React$6.useMemo(function() {
-    var rawFormat = getRowFormat(picker, locale, format2), formatList = toArray$1(rawFormat), firstFormat = formatList[0], maskFormat = _typeof$4(firstFormat) === "object" && firstFormat.type === "mask" ? firstFormat.format : null;
+    var rawFormat = getRowFormat(picker, locale, format2), formatList = toArray$1(rawFormat), firstFormat = formatList[0], maskFormat = _typeof$2(firstFormat) === "object" && firstFormat.type === "mask" ? firstFormat.format : null;
     return [
       // Format list
       formatList.map(function(config2) {
@@ -7091,7 +6680,7 @@ function useInputReadOnly(formatList, inputReadOnly, multiple) {
 __name(useInputReadOnly, "useInputReadOnly");
 function useInvalidate(generateConfig2, picker, disabledDate, showTime) {
   var isInvalidate = useEvent(function(date, info) {
-    var outsideInfo = _objectSpread2$3({
+    var outsideInfo = _objectSpread2$1({
       type: picker
     }, info);
     if (delete outsideInfo.activeIndex, // Date object is invalid
@@ -7119,17 +6708,17 @@ function useList(value) {
 }
 __name(useList, "useList");
 function useFilledProps(props, updater) {
-  var generateConfig2 = props.generateConfig, locale = props.locale, _props$picker = props.picker, picker = _props$picker === void 0 ? "date" : _props$picker, _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-picker" : _props$prefixCls, _props$styles = props.styles, styles2 = _props$styles === void 0 ? {} : _props$styles, _props$classNames = props.classNames, classNames = _props$classNames === void 0 ? {} : _props$classNames, _props$order = props.order, order = _props$order === void 0 ? !0 : _props$order, _props$components = props.components, components = _props$components === void 0 ? {} : _props$components, inputRender = props.inputRender, allowClear = props.allowClear, clearIcon = props.clearIcon, needConfirm = props.needConfirm, multiple = props.multiple, format2 = props.format, inputReadOnly = props.inputReadOnly, disabledDate = props.disabledDate, minDate = props.minDate, maxDate = props.maxDate, showTime = props.showTime, value = props.value, defaultValue = props.defaultValue, pickerValue = props.pickerValue, defaultPickerValue = props.defaultPickerValue, values3 = useList(value), defaultValues = useList(defaultValue), pickerValues = useList(pickerValue), defaultPickerValues = useList(defaultPickerValue), internalPicker = picker === "date" && showTime ? "datetime" : picker, multipleInteractivePicker = internalPicker === "time" || internalPicker === "datetime", complexPicker = multipleInteractivePicker || multiple, mergedNeedConfirm = needConfirm != null ? needConfirm : multipleInteractivePicker, _getTimeProps = getTimeProps(props), _getTimeProps2 = _slicedToArray$3(_getTimeProps, 4), timeProps = _getTimeProps2[0], localeTimeProps = _getTimeProps2[1], showTimeFormat = _getTimeProps2[2], propFormat = _getTimeProps2[3], mergedLocale = useLocale(locale, localeTimeProps), mergedShowTime = React$6.useMemo(function() {
+  var generateConfig2 = props.generateConfig, locale = props.locale, _props$picker = props.picker, picker = _props$picker === void 0 ? "date" : _props$picker, _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-picker" : _props$prefixCls, _props$styles = props.styles, styles2 = _props$styles === void 0 ? {} : _props$styles, _props$classNames = props.classNames, classNames = _props$classNames === void 0 ? {} : _props$classNames, _props$order = props.order, order = _props$order === void 0 ? !0 : _props$order, _props$components = props.components, components = _props$components === void 0 ? {} : _props$components, inputRender = props.inputRender, allowClear = props.allowClear, clearIcon = props.clearIcon, needConfirm = props.needConfirm, multiple = props.multiple, format2 = props.format, inputReadOnly = props.inputReadOnly, disabledDate = props.disabledDate, minDate = props.minDate, maxDate = props.maxDate, showTime = props.showTime, value = props.value, defaultValue = props.defaultValue, pickerValue = props.pickerValue, defaultPickerValue = props.defaultPickerValue, values3 = useList(value), defaultValues = useList(defaultValue), pickerValues = useList(pickerValue), defaultPickerValues = useList(defaultPickerValue), internalPicker = picker === "date" && showTime ? "datetime" : picker, multipleInteractivePicker = internalPicker === "time" || internalPicker === "datetime", complexPicker = multipleInteractivePicker || multiple, mergedNeedConfirm = needConfirm != null ? needConfirm : multipleInteractivePicker, _getTimeProps = getTimeProps(props), _getTimeProps2 = _slicedToArray$1(_getTimeProps, 4), timeProps = _getTimeProps2[0], localeTimeProps = _getTimeProps2[1], showTimeFormat = _getTimeProps2[2], propFormat = _getTimeProps2[3], mergedLocale = useLocale(locale, localeTimeProps), mergedShowTime = React$6.useMemo(function() {
     return fillShowTimeConfig(internalPicker, showTimeFormat, propFormat, timeProps, mergedLocale);
   }, [internalPicker, showTimeFormat, propFormat, timeProps, mergedLocale]), filledProps = React$6.useMemo(function() {
-    return _objectSpread2$3(_objectSpread2$3({}, props), {}, {
+    return _objectSpread2$1(_objectSpread2$1({}, props), {}, {
       prefixCls,
       locale: mergedLocale,
       picker,
       styles: styles2,
       classNames,
       order,
-      components: _objectSpread2$3({
+      components: _objectSpread2$1({
         input: inputRender
       }, components),
       clearIcon: fillClearIcon(prefixCls, allowClear, clearIcon),
@@ -7139,8 +6728,8 @@ function useFilledProps(props, updater) {
       pickerValue: pickerValues,
       defaultPickerValue: defaultPickerValues
     }, void 0);
-  }, [props]), _useFieldFormat = useFieldFormat(internalPicker, mergedLocale, format2), _useFieldFormat2 = _slicedToArray$3(_useFieldFormat, 2), formatList = _useFieldFormat2[0], maskFormat = _useFieldFormat2[1], mergedInputReadOnly = useInputReadOnly(formatList, inputReadOnly, multiple), disabledBoundaryDate = useDisabledBoundary(generateConfig2, locale, disabledDate, minDate, maxDate), isInvalidateDate = useInvalidate(generateConfig2, picker, disabledBoundaryDate, mergedShowTime), mergedProps = React$6.useMemo(function() {
-    return _objectSpread2$3(_objectSpread2$3({}, filledProps), {}, {
+  }, [props]), _useFieldFormat = useFieldFormat(internalPicker, mergedLocale, format2), _useFieldFormat2 = _slicedToArray$1(_useFieldFormat, 2), formatList = _useFieldFormat2[0], maskFormat = _useFieldFormat2[1], mergedInputReadOnly = useInputReadOnly(formatList, inputReadOnly, multiple), disabledBoundaryDate = useDisabledBoundary(generateConfig2, locale, disabledDate, minDate, maxDate), isInvalidateDate = useInvalidate(generateConfig2, picker, disabledBoundaryDate, mergedShowTime), mergedProps = React$6.useMemo(function() {
+    return _objectSpread2$1(_objectSpread2$1({}, filledProps), {}, {
       needConfirm: mergedNeedConfirm,
       inputReadOnly: mergedInputReadOnly,
       disabledDate: disabledBoundaryDate
@@ -7152,7 +6741,7 @@ __name(useFilledProps, "useFilledProps");
 function useDelayState(value, defaultValue, onChange) {
   var _useMergedState = useMergedState(defaultValue, {
     value
-  }), _useMergedState2 = _slicedToArray$3(_useMergedState, 2), state = _useMergedState2[0], setState = _useMergedState2[1], nextValueRef = React__default.useRef(value), rafRef = React__default.useRef(), cancelRaf = /* @__PURE__ */ __name(function() {
+  }), _useMergedState2 = _slicedToArray$1(_useMergedState, 2), state = _useMergedState2[0], setState = _useMergedState2[1], nextValueRef = React__default.useRef(value), rafRef = React__default.useRef(), cancelRaf = /* @__PURE__ */ __name(function() {
     wrapperRaf.cancel(rafRef.current);
   }, "cancelRaf"), doUpdate = useEvent(function() {
     setState(nextValueRef.current), onChange && state !== nextValueRef.current && onChange(nextValueRef.current);
@@ -7167,7 +6756,7 @@ __name(useDelayState, "useDelayState");
 function useOpen(open, defaultOpen) {
   var disabledList = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [], onOpenChange = arguments.length > 3 ? arguments[3] : void 0, mergedOpen = disabledList.every(function(disabled) {
     return disabled;
-  }) ? !1 : open, _useDelayState = useDelayState(mergedOpen, defaultOpen || !1, onOpenChange), _useDelayState2 = _slicedToArray$3(_useDelayState, 2), rafOpen = _useDelayState2[0], setRafOpen = _useDelayState2[1];
+  }) ? !1 : open, _useDelayState = useDelayState(mergedOpen, defaultOpen || !1, onOpenChange), _useDelayState2 = _slicedToArray$1(_useDelayState, 2), rafOpen = _useDelayState2[0], setRafOpen = _useDelayState2[1];
   function setOpen(next) {
     var config2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     (!config2.inherit || rafOpen) && setRafOpen(next, config2.force);
@@ -7216,7 +6805,7 @@ function useLockEffect(condition, callback) {
 }
 __name(useLockEffect, "useLockEffect");
 function useRangeActive(disabled) {
-  var empty = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [], mergedOpen = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1, _React$useState = React$6.useState(0), _React$useState2 = _slicedToArray$3(_React$useState, 2), activeIndex = _React$useState2[0], setActiveIndex = _React$useState2[1], _React$useState3 = React$6.useState(!1), _React$useState4 = _slicedToArray$3(_React$useState3, 2), focused = _React$useState4[0], setFocused = _React$useState4[1], activeListRef = React$6.useRef([]), lastOperationRef = React$6.useRef(null), triggerFocus2 = /* @__PURE__ */ __name(function(nextFocus) {
+  var empty = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [], mergedOpen = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1, _React$useState = React$6.useState(0), _React$useState2 = _slicedToArray$1(_React$useState, 2), activeIndex = _React$useState2[0], setActiveIndex = _React$useState2[1], _React$useState3 = React$6.useState(!1), _React$useState4 = _slicedToArray$1(_React$useState3, 2), focused = _React$useState4[0], setFocused = _React$useState4[1], activeListRef = React$6.useRef([]), lastOperationRef = React$6.useRef(null), triggerFocus2 = /* @__PURE__ */ __name(function(nextFocus) {
     setFocused(nextFocus);
   }, "triggerFocus"), lastOperation = /* @__PURE__ */ __name(function(type2) {
     return type2 && (lastOperationRef.current = type2), lastOperationRef.current;
@@ -7255,15 +6844,15 @@ function useRangePickerValue(generateConfig2, locale, calendarValue, modes, open
   var defaultPickerValue = arguments.length > 8 && arguments[8] !== void 0 ? arguments[8] : EMPTY_LIST$1, pickerValue = arguments.length > 9 && arguments[9] !== void 0 ? arguments[9] : EMPTY_LIST$1, timeDefaultValue = arguments.length > 10 && arguments[10] !== void 0 ? arguments[10] : EMPTY_LIST$1, onPickerValueChange = arguments.length > 11 ? arguments[11] : void 0, minDate = arguments.length > 12 ? arguments[12] : void 0, maxDate = arguments.length > 13 ? arguments[13] : void 0, isTimePicker = pickerMode === "time", mergedActiveIndex = activeIndex || 0, getDefaultPickerValue = /* @__PURE__ */ __name(function(index2) {
     var now = generateConfig2.getNow();
     return isTimePicker && (now = fillTime(generateConfig2, now)), defaultPickerValue[index2] || calendarValue[index2] || now;
-  }, "getDefaultPickerValue"), _pickerValue = _slicedToArray$3(pickerValue, 2), startPickerValue = _pickerValue[0], endPickerValue = _pickerValue[1], _useMergedState = useMergedState(function() {
+  }, "getDefaultPickerValue"), _pickerValue = _slicedToArray$1(pickerValue, 2), startPickerValue = _pickerValue[0], endPickerValue = _pickerValue[1], _useMergedState = useMergedState(function() {
     return getDefaultPickerValue(0);
   }, {
     value: startPickerValue
-  }), _useMergedState2 = _slicedToArray$3(_useMergedState, 2), mergedStartPickerValue = _useMergedState2[0], setStartPickerValue = _useMergedState2[1], _useMergedState3 = useMergedState(function() {
+  }), _useMergedState2 = _slicedToArray$1(_useMergedState, 2), mergedStartPickerValue = _useMergedState2[0], setStartPickerValue = _useMergedState2[1], _useMergedState3 = useMergedState(function() {
     return getDefaultPickerValue(1);
   }, {
     value: endPickerValue
-  }), _useMergedState4 = _slicedToArray$3(_useMergedState3, 2), mergedEndPickerValue = _useMergedState4[0], setEndPickerValue = _useMergedState4[1], currentPickerValue = React$6.useMemo(function() {
+  }), _useMergedState4 = _slicedToArray$1(_useMergedState3, 2), mergedEndPickerValue = _useMergedState4[0], setEndPickerValue = _useMergedState4[1], currentPickerValue = React$6.useMemo(function() {
     var current = [mergedStartPickerValue, mergedEndPickerValue][mergedActiveIndex];
     return isTimePicker ? current : fillTime(generateConfig2, current, timeDefaultValue[mergedActiveIndex]);
   }, [isTimePicker, mergedStartPickerValue, mergedEndPickerValue, mergedActiveIndex, generateConfig2, timeDefaultValue]), setCurrentPickerValue = /* @__PURE__ */ __name(function(nextPickerValue) {
@@ -7295,7 +6884,7 @@ function useRangePickerValue(generateConfig2, locale, calendarValue, modes, open
 }
 __name(useRangePickerValue, "useRangePickerValue");
 function useSyncState(defaultValue, controlledValue) {
-  var valueRef = React$6.useRef(defaultValue), _React$useState = React$6.useState({}), _React$useState2 = _slicedToArray$3(_React$useState, 2), forceUpdate = _React$useState2[1], getter = /* @__PURE__ */ __name(function(useControlledValueFirst) {
+  var valueRef = React$6.useRef(defaultValue), _React$useState = React$6.useState({}), _React$useState2 = _slicedToArray$1(_React$useState, 2), forceUpdate = _React$useState2[1], getter = /* @__PURE__ */ __name(function(useControlledValueFirst) {
     return useControlledValueFirst && controlledValue !== void 0 ? controlledValue : valueRef.current;
   }, "getter"), setter = /* @__PURE__ */ __name(function(nextValue) {
     valueRef.current = nextValue, forceUpdate({});
@@ -7333,7 +6922,7 @@ function orderDates(dates, generateConfig2) {
 }
 __name(orderDates, "orderDates");
 function useCalendarValue(mergedValue) {
-  var _useSyncState = useSyncState(mergedValue), _useSyncState2 = _slicedToArray$3(_useSyncState, 2), calendarValue = _useSyncState2[0], setCalendarValue = _useSyncState2[1], syncWithValue = useEvent(function() {
+  var _useSyncState = useSyncState(mergedValue), _useSyncState2 = _slicedToArray$1(_useSyncState, 2), calendarValue = _useSyncState2[0], setCalendarValue = _useSyncState2[1], syncWithValue = useEvent(function() {
     setCalendarValue(mergedValue);
   });
   return React$6.useEffect(function() {
@@ -7344,12 +6933,12 @@ __name(useCalendarValue, "useCalendarValue");
 function useInnerValue(generateConfig2, locale, formatList, rangeValue, order, defaultValue, value, onCalendarChange, onOk) {
   var _useMergedState = useMergedState(defaultValue, {
     value
-  }), _useMergedState2 = _slicedToArray$3(_useMergedState, 2), innerValue = _useMergedState2[0], setInnerValue = _useMergedState2[1], mergedValue = innerValue || EMPTY_VALUE, _useCalendarValue = useCalendarValue(mergedValue), _useCalendarValue2 = _slicedToArray$3(_useCalendarValue, 2), calendarValue = _useCalendarValue2[0], setCalendarValue = _useCalendarValue2[1], _useUtil = useUtil(generateConfig2, locale, formatList), _useUtil2 = _slicedToArray$3(_useUtil, 2), getDateTexts = _useUtil2[0], isSameDates = _useUtil2[1], triggerCalendarChange = useEvent(function(nextCalendarValues) {
+  }), _useMergedState2 = _slicedToArray$1(_useMergedState, 2), innerValue = _useMergedState2[0], setInnerValue = _useMergedState2[1], mergedValue = innerValue || EMPTY_VALUE, _useCalendarValue = useCalendarValue(mergedValue), _useCalendarValue2 = _slicedToArray$1(_useCalendarValue, 2), calendarValue = _useCalendarValue2[0], setCalendarValue = _useCalendarValue2[1], _useUtil = useUtil(generateConfig2, locale, formatList), _useUtil2 = _slicedToArray$1(_useUtil, 2), getDateTexts = _useUtil2[0], isSameDates = _useUtil2[1], triggerCalendarChange = useEvent(function(nextCalendarValues) {
     var clone = _toConsumableArray$4(nextCalendarValues);
     order && (clone = orderDates(clone.filter(function(date) {
       return date;
     }), generateConfig2));
-    var _isSameDates = isSameDates(calendarValue(), clone), _isSameDates2 = _slicedToArray$3(_isSameDates, 2), isSameMergedDates = _isSameDates2[0], isSameStart = _isSameDates2[1];
+    var _isSameDates = isSameDates(calendarValue(), clone), _isSameDates2 = _slicedToArray$1(_isSameDates, 2), isSameMergedDates = _isSameDates2[0], isSameStart = _isSameDates2[1];
     if (!isSameMergedDates && (setCalendarValue(clone), onCalendarChange)) {
       var cellTexts = getDateTexts(clone);
       onCalendarChange(clone, cellTexts, {
@@ -7365,7 +6954,7 @@ __name(useInnerValue, "useInnerValue");
 function useRangeValue(info, mergedValue, setInnerValue, getCalendarValue, triggerCalendarChange, disabled, formatList, focused, open, isInvalidateDate) {
   var generateConfig2 = info.generateConfig, locale = info.locale, picker = info.picker, onChange = info.onChange, allowEmpty = info.allowEmpty, order = info.order, orderOnChange = disabled.some(function(d2) {
     return d2;
-  }) ? !1 : order, _useUtil3 = useUtil(generateConfig2, locale, formatList), _useUtil4 = _slicedToArray$3(_useUtil3, 2), getDateTexts = _useUtil4[0], isSameDates = _useUtil4[1], _useSyncState3 = useSyncState(mergedValue), _useSyncState4 = _slicedToArray$3(_useSyncState3, 2), submitValue = _useSyncState4[0], setSubmitValue = _useSyncState4[1], syncWithValue = useEvent(function() {
+  }) ? !1 : order, _useUtil3 = useUtil(generateConfig2, locale, formatList), _useUtil4 = _slicedToArray$1(_useUtil3, 2), getDateTexts = _useUtil4[0], isSameDates = _useUtil4[1], _useSyncState3 = useSyncState(mergedValue), _useSyncState4 = _slicedToArray$1(_useSyncState3, 2), submitValue = _useSyncState4[0], setSubmitValue = _useSyncState4[1], syncWithValue = useEvent(function() {
     setSubmitValue(mergedValue);
   });
   React$6.useEffect(function() {
@@ -7377,7 +6966,7 @@ function useRangeValue(info, mergedValue, setInnerValue, getCalendarValue, trigg
       for (var maxLen = Math.max(disabled.length, clone.length), i = 0; i < maxLen; i += 1)
         disabled[i] || (clone[i] = null);
     orderOnChange && clone[0] && clone[1] && (clone = orderDates(clone, generateConfig2)), triggerCalendarChange(clone);
-    var _clone = clone, _clone2 = _slicedToArray$3(_clone, 2), start = _clone2[0], end = _clone2[1], startEmpty = !start, endEmpty = !end, validateEmptyDateRange = allowEmpty ? (
+    var _clone = clone, _clone2 = _slicedToArray$1(_clone, 2), start = _clone2[0], end = _clone2[1], startEmpty = !start, endEmpty = !end, validateEmptyDateRange = allowEmpty ? (
       // Validate empty start
       (!startEmpty || allowEmpty[0]) && // Validate empty end
       (!endEmpty || allowEmpty[1])
@@ -7397,7 +6986,7 @@ function useRangeValue(info, mergedValue, setInnerValue, getCalendarValue, trigg
     );
     if (allPassed) {
       setInnerValue(clone);
-      var _isSameDates3 = isSameDates(clone, mergedValue), _isSameDates4 = _slicedToArray$3(_isSameDates3, 1), isSameMergedDates = _isSameDates4[0];
+      var _isSameDates3 = isSameDates(clone, mergedValue), _isSameDates4 = _slicedToArray$1(_isSameDates3, 1), isSameMergedDates = _isSameDates4[0];
       onChange && !isSameMergedDates && onChange(
         // Return null directly if all date are empty
         isNullValue && clone.every(function(val) {
@@ -7465,9 +7054,9 @@ function useTimeInfo(generateConfig2) {
     return [disabledConfig.disabledHours || disabledHours || emptyDisabled, disabledConfig.disabledMinutes || disabledMinutes || emptyDisabled, disabledConfig.disabledSeconds || disabledSeconds || emptyDisabled, disabledConfig.disabledMilliseconds || emptyDisabled];
   }, [disabledTime, disabledHours, disabledMinutes, disabledSeconds]), _React$useMemo = React$6.useMemo(function() {
     return getDisabledTimes(mergedDate);
-  }, [mergedDate, getDisabledTimes]), _React$useMemo2 = _slicedToArray$3(_React$useMemo, 4), mergedDisabledHours = _React$useMemo2[0], mergedDisabledMinutes = _React$useMemo2[1], mergedDisabledSeconds = _React$useMemo2[2], mergedDisabledMilliseconds = _React$useMemo2[3], getAllUnits = React$6.useCallback(function(getDisabledHours, getDisabledMinutes, getDisabledSeconds, getDisabledMilliseconds) {
+  }, [mergedDate, getDisabledTimes]), _React$useMemo2 = _slicedToArray$1(_React$useMemo, 4), mergedDisabledHours = _React$useMemo2[0], mergedDisabledMinutes = _React$useMemo2[1], mergedDisabledSeconds = _React$useMemo2[2], mergedDisabledMilliseconds = _React$useMemo2[3], getAllUnits = React$6.useCallback(function(getDisabledHours, getDisabledMinutes, getDisabledSeconds, getDisabledMilliseconds) {
     var hours = generateUnits(0, 23, hourStep, hideDisabledOptions, getDisabledHours()), rowHourUnits2 = use12Hours ? hours.map(function(unit) {
-      return _objectSpread2$3(_objectSpread2$3({}, unit), {}, {
+      return _objectSpread2$1(_objectSpread2$1({}, unit), {}, {
         label: leftPad(unit.value % 12 || 12, 2)
       });
     }) : hours, getMinuteUnits2 = /* @__PURE__ */ __name(function(nextHour) {
@@ -7480,12 +7069,12 @@ function useTimeInfo(generateConfig2) {
     return [rowHourUnits2, getMinuteUnits2, getSecondUnits2, getMillisecondUnits2];
   }, [hideDisabledOptions, hourStep, use12Hours, millisecondStep, minuteStep, secondStep]), _React$useMemo3 = React$6.useMemo(function() {
     return getAllUnits(mergedDisabledHours, mergedDisabledMinutes, mergedDisabledSeconds, mergedDisabledMilliseconds);
-  }, [getAllUnits, mergedDisabledHours, mergedDisabledMinutes, mergedDisabledSeconds, mergedDisabledMilliseconds]), _React$useMemo4 = _slicedToArray$3(_React$useMemo3, 4), rowHourUnits = _React$useMemo4[0], getMinuteUnits = _React$useMemo4[1], getSecondUnits = _React$useMemo4[2], getMillisecondUnits = _React$useMemo4[3], getValidTime = /* @__PURE__ */ __name(function(nextTime, certainDate) {
+  }, [getAllUnits, mergedDisabledHours, mergedDisabledMinutes, mergedDisabledSeconds, mergedDisabledMilliseconds]), _React$useMemo4 = _slicedToArray$1(_React$useMemo3, 4), rowHourUnits = _React$useMemo4[0], getMinuteUnits = _React$useMemo4[1], getSecondUnits = _React$useMemo4[2], getMillisecondUnits = _React$useMemo4[3], getValidTime = /* @__PURE__ */ __name(function(nextTime, certainDate) {
     var getCheckHourUnits = /* @__PURE__ */ __name(function() {
       return rowHourUnits;
     }, "getCheckHourUnits2"), getCheckMinuteUnits = getMinuteUnits, getCheckSecondUnits = getSecondUnits, getCheckMillisecondUnits = getMillisecondUnits;
     if (certainDate) {
-      var _getDisabledTimes = getDisabledTimes(certainDate), _getDisabledTimes2 = _slicedToArray$3(_getDisabledTimes, 4), targetDisabledHours = _getDisabledTimes2[0], targetDisabledMinutes = _getDisabledTimes2[1], targetDisabledSeconds = _getDisabledTimes2[2], targetDisabledMilliseconds = _getDisabledTimes2[3], _getAllUnits = getAllUnits(targetDisabledHours, targetDisabledMinutes, targetDisabledSeconds, targetDisabledMilliseconds), _getAllUnits2 = _slicedToArray$3(_getAllUnits, 4), targetRowHourUnits = _getAllUnits2[0], targetGetMinuteUnits = _getAllUnits2[1], targetGetSecondUnits = _getAllUnits2[2], targetGetMillisecondUnits = _getAllUnits2[3];
+      var _getDisabledTimes = getDisabledTimes(certainDate), _getDisabledTimes2 = _slicedToArray$1(_getDisabledTimes, 4), targetDisabledHours = _getDisabledTimes2[0], targetDisabledMinutes = _getDisabledTimes2[1], targetDisabledSeconds = _getDisabledTimes2[2], targetDisabledMilliseconds = _getDisabledTimes2[3], _getAllUnits = getAllUnits(targetDisabledHours, targetDisabledMinutes, targetDisabledSeconds, targetDisabledMilliseconds), _getAllUnits2 = _slicedToArray$1(_getAllUnits, 4), targetRowHourUnits = _getAllUnits2[0], targetGetMinuteUnits = _getAllUnits2[1], targetGetSecondUnits = _getAllUnits2[2], targetGetMillisecondUnits = _getAllUnits2[3];
       getCheckHourUnits = /* @__PURE__ */ __name(function() {
         return targetRowHourUnits;
       }, "getCheckHourUnits2"), getCheckMinuteUnits = targetGetMinuteUnits, getCheckSecondUnits = targetGetSecondUnits, getCheckMillisecondUnits = targetGetMillisecondUnits;
@@ -7505,7 +7094,7 @@ function useTimeInfo(generateConfig2) {
 }
 __name(useTimeInfo, "useTimeInfo");
 function Footer(props) {
-  var mode = props.mode, internalMode = props.internalMode, renderExtraFooter = props.renderExtraFooter, showNow = props.showNow, showTime = props.showTime, onSubmit = props.onSubmit, onNow = props.onNow, invalid = props.invalid, needConfirm = props.needConfirm, generateConfig2 = props.generateConfig, disabledDate = props.disabledDate, _React$useContext = React$6.useContext(PickerContext), prefixCls = _React$useContext.prefixCls, locale = _React$useContext.locale, _React$useContext$but = _React$useContext.button, Button2 = _React$useContext$but === void 0 ? "button" : _React$useContext$but, now = generateConfig2.getNow(), _useTimeInfo = useTimeInfo(generateConfig2, showTime, now), _useTimeInfo2 = _slicedToArray$3(_useTimeInfo, 1), getValidTime = _useTimeInfo2[0], extraNode = renderExtraFooter == null ? void 0 : renderExtraFooter(mode), nowDisabled = disabledDate(now, {
+  var mode = props.mode, internalMode = props.internalMode, renderExtraFooter = props.renderExtraFooter, showNow = props.showNow, showTime = props.showTime, onSubmit = props.onSubmit, onNow = props.onNow, invalid = props.invalid, needConfirm = props.needConfirm, generateConfig2 = props.generateConfig, disabledDate = props.disabledDate, _React$useContext = React$6.useContext(PickerContext), prefixCls = _React$useContext.prefixCls, locale = _React$useContext.locale, _React$useContext$but = _React$useContext.button, Button2 = _React$useContext$but === void 0 ? "button" : _React$useContext$but, now = generateConfig2.getNow(), _useTimeInfo = useTimeInfo(generateConfig2, showTime, now), _useTimeInfo2 = _slicedToArray$1(_useTimeInfo, 1), getValidTime = _useTimeInfo2[0], extraNode = renderExtraFooter == null ? void 0 : renderExtraFooter(mode), nowDisabled = disabledDate(now, {
     type: mode
   }), onInternalNow = /* @__PURE__ */ __name(function() {
     if (!nowDisabled) {
@@ -7591,7 +7180,7 @@ function PanelBody(props) {
       col === 0 && (rowStartDate = currentDate, prefixColumn && rowNode.push(prefixColumn(rowStartDate)));
       var inRange = !1, rangeStart = !1, rangeEnd = !1;
       if (cellSelection && hoverRangeValue) {
-        var _hoverRangeValue = _slicedToArray$3(hoverRangeValue, 2), hoverStart = _hoverRangeValue[0], hoverEnd = _hoverRangeValue[1];
+        var _hoverRangeValue = _slicedToArray$1(hoverRangeValue, 2), hoverStart = _hoverRangeValue[0], hoverEnd = _hoverRangeValue[1];
         inRange = isInRange(generateConfig2, hoverStart, hoverEnd, currentDate), rangeStart = isSame(generateConfig2, locale, currentDate, hoverStart, type2), rangeEnd = isSame(generateConfig2, locale, currentDate, hoverEnd, type2);
       }
       var title = titleFormat ? formatValue(currentDate, {
@@ -7604,7 +7193,7 @@ function PanelBody(props) {
       rowNode.push(/* @__PURE__ */ React$6.createElement("td", {
         key: col,
         title,
-        className: clsx(cellPrefixCls, _objectSpread2$3(_defineProperty$d(_defineProperty$d(_defineProperty$d(_defineProperty$d(_defineProperty$d(_defineProperty$d({}, "".concat(cellPrefixCls, "-disabled"), disabled), "".concat(cellPrefixCls, "-hover"), (hoverValue || []).some(function(date) {
+        className: clsx(cellPrefixCls, _objectSpread2$1(_defineProperty$b(_defineProperty$b(_defineProperty$b(_defineProperty$b(_defineProperty$b(_defineProperty$b({}, "".concat(cellPrefixCls, "-disabled"), disabled), "".concat(cellPrefixCls, "-hover"), (hoverValue || []).some(function(date) {
           return isSame(generateConfig2, locale, currentDate, date, type2);
         })), "".concat(cellPrefixCls, "-in-range"), inRange && !rangeStart && !rangeEnd), "".concat(cellPrefixCls, "-range-start"), rangeStart), "".concat(cellPrefixCls, "-range-end"), rangeEnd), "".concat(prefixCls, "-cell-selected"), !hoverRangeValue && // WeekPicker use row instead
         type2 !== "week" && matchValues(currentDate)), getCellClassName(currentDate))),
@@ -7721,13 +7310,13 @@ function PanelHeader(props) {
 }
 __name(PanelHeader, "PanelHeader");
 function DatePanel$1(props) {
-  var prefixCls = props.prefixCls, _props$panelName = props.panelName, panelName = _props$panelName === void 0 ? "date" : _props$panelName, locale = props.locale, generateConfig2 = props.generateConfig, pickerValue = props.pickerValue, onPickerValueChange = props.onPickerValueChange, onModeChange = props.onModeChange, _props$mode = props.mode, mode = _props$mode === void 0 ? "date" : _props$mode, disabledDate = props.disabledDate, onSelect2 = props.onSelect, onHover = props.onHover, showWeek = props.showWeek, panelPrefixCls = "".concat(prefixCls, "-").concat(panelName, "-panel"), cellPrefixCls = "".concat(prefixCls, "-cell"), isWeek = mode === "week", _useInfo = useInfo(props, mode), _useInfo2 = _slicedToArray$3(_useInfo, 2), info = _useInfo2[0], now = _useInfo2[1], weekFirstDay = generateConfig2.locale.getWeekFirstDay(locale.locale), monthStartDate = generateConfig2.setDate(pickerValue, 1), baseDate = getWeekStartDate(locale.locale, generateConfig2, monthStartDate), month = generateConfig2.getMonth(pickerValue), showPrefixColumn = showWeek === void 0 ? isWeek : showWeek, prefixColumn = showPrefixColumn ? function(date) {
+  var prefixCls = props.prefixCls, _props$panelName = props.panelName, panelName = _props$panelName === void 0 ? "date" : _props$panelName, locale = props.locale, generateConfig2 = props.generateConfig, pickerValue = props.pickerValue, onPickerValueChange = props.onPickerValueChange, onModeChange = props.onModeChange, _props$mode = props.mode, mode = _props$mode === void 0 ? "date" : _props$mode, disabledDate = props.disabledDate, onSelect2 = props.onSelect, onHover = props.onHover, showWeek = props.showWeek, panelPrefixCls = "".concat(prefixCls, "-").concat(panelName, "-panel"), cellPrefixCls = "".concat(prefixCls, "-cell"), isWeek = mode === "week", _useInfo = useInfo(props, mode), _useInfo2 = _slicedToArray$1(_useInfo, 2), info = _useInfo2[0], now = _useInfo2[1], weekFirstDay = generateConfig2.locale.getWeekFirstDay(locale.locale), monthStartDate = generateConfig2.setDate(pickerValue, 1), baseDate = getWeekStartDate(locale.locale, generateConfig2, monthStartDate), month = generateConfig2.getMonth(pickerValue), showPrefixColumn = showWeek === void 0 ? isWeek : showWeek, prefixColumn = showPrefixColumn ? function(date) {
     var disabled = disabledDate == null ? void 0 : disabledDate(date, {
       type: "week"
     });
     return /* @__PURE__ */ React$6.createElement("td", {
       key: "week",
-      className: clsx(cellPrefixCls, "".concat(cellPrefixCls, "-week"), _defineProperty$d({}, "".concat(cellPrefixCls, "-disabled"), disabled)),
+      className: clsx(cellPrefixCls, "".concat(cellPrefixCls, "-week"), _defineProperty$b({}, "".concat(cellPrefixCls, "-disabled"), disabled)),
       onClick: /* @__PURE__ */ __name(function() {
         disabled || onSelect2(date);
       }, "onClick"),
@@ -7758,7 +7347,7 @@ function DatePanel$1(props) {
       generateConfig: generateConfig2
     });
   }, "getCellText"), getCellClassName = /* @__PURE__ */ __name(function(date) {
-    var classObj = _defineProperty$d(_defineProperty$d({}, "".concat(prefixCls, "-cell-in-view"), isSameMonth(generateConfig2, date, pickerValue)), "".concat(prefixCls, "-cell-today"), isSameDate(generateConfig2, date, now));
+    var classObj = _defineProperty$b(_defineProperty$b({}, "".concat(prefixCls, "-cell-in-view"), isSameMonth(generateConfig2, date, pickerValue)), "".concat(prefixCls, "-cell-today"), isSameDate(generateConfig2, date, now));
     return classObj;
   }, "getCellClassName"), monthsLocale = locale.shortMonths || (generateConfig2.locale.getShortMonths ? generateConfig2.locale.getShortMonths(locale.locale) : []), yearNode = /* @__PURE__ */ React$6.createElement("button", {
     type: "button",
@@ -7806,7 +7395,7 @@ function DatePanel$1(props) {
       var clone = generateConfig2.setDate(date, 1);
       return clone = generateConfig2.addMonth(clone, 1), generateConfig2.addDate(clone, -1);
     }, "getEnd")
-  }, monthYearNodes), /* @__PURE__ */ React$6.createElement(PanelBody, _extends$7({
+  }, monthYearNodes), /* @__PURE__ */ React$6.createElement(PanelBody, _extends$6({
     titleFormat: locale.fieldDateFormat
   }, props, {
     colNum: WEEK_DAY_COUNT,
@@ -7858,7 +7447,7 @@ var SCROLL_DELAY = 300;
 function TimeColumn(props) {
   var units = props.units, value = props.value, optionalValue = props.optionalValue, type2 = props.type, onChange = props.onChange, onHover = props.onHover, onDblClick = props.onDblClick, changeOnScroll = props.changeOnScroll, _usePanelContext = usePanelContext(), prefixCls = _usePanelContext.prefixCls, cellRender = _usePanelContext.cellRender, now = _usePanelContext.now, locale = _usePanelContext.locale, panelPrefixCls = "".concat(prefixCls, "-time-panel"), cellPrefixCls = "".concat(prefixCls, "-time-panel-cell"), ulRef = React$6.useRef(null), checkDelayRef = React$6.useRef(), clearDelayCheck = /* @__PURE__ */ __name(function() {
     clearTimeout(checkDelayRef.current);
-  }, "clearDelayCheck"), _useScrollTo = useScrollTo$1(ulRef, value != null ? value : optionalValue), _useScrollTo2 = _slicedToArray$3(_useScrollTo, 3), syncScroll = _useScrollTo2[0], stopScroll = _useScrollTo2[1], isScrolling = _useScrollTo2[2];
+  }, "clearDelayCheck"), _useScrollTo = useScrollTo$1(ulRef, value != null ? value : optionalValue), _useScrollTo2 = _slicedToArray$1(_useScrollTo, 3), syncScroll = _useScrollTo2[0], stopScroll = _useScrollTo2[1], isScrolling = _useScrollTo2[2];
   useLayoutEffect$1(function() {
     return syncScroll(), clearDelayCheck(), function() {
       stopScroll(), clearDelayCheck();
@@ -7889,7 +7478,7 @@ function TimeColumn(props) {
     }, label);
     return /* @__PURE__ */ React$6.createElement("li", {
       key: unitValue,
-      className: clsx(cellPrefixCls, _defineProperty$d(_defineProperty$d({}, "".concat(cellPrefixCls, "-selected"), value === unitValue), "".concat(cellPrefixCls, "-disabled"), disabled)),
+      className: clsx(cellPrefixCls, _defineProperty$b(_defineProperty$b({}, "".concat(cellPrefixCls, "-selected"), value === unitValue), "".concat(cellPrefixCls, "-disabled"), disabled)),
       onClick: /* @__PURE__ */ __name(function() {
         disabled || onChange(unitValue);
       }, "onClick"),
@@ -7919,10 +7508,11 @@ function isAM(hour) {
 }
 __name(isAM, "isAM");
 function TimePanelBody(props) {
-  var showHour = props.showHour, showMinute = props.showMinute, showSecond = props.showSecond, showMillisecond = props.showMillisecond, showMeridiem = props.use12Hours, changeOnScroll = props.changeOnScroll, _usePanelContext = usePanelContext(), prefixCls = _usePanelContext.prefixCls, values3 = _usePanelContext.values, generateConfig2 = _usePanelContext.generateConfig, locale = _usePanelContext.locale, onSelect2 = _usePanelContext.onSelect, onHover = _usePanelContext.onHover, pickerValue = _usePanelContext.pickerValue, value = (values3 == null ? void 0 : values3[0]) || null, _React$useContext = React$6.useContext(PickerHackContext), onCellDblClick = _React$useContext.onCellDblClick, _useTimeInfo = useTimeInfo(generateConfig2, props, value), _useTimeInfo2 = _slicedToArray$3(_useTimeInfo, 5), getValidTime = _useTimeInfo2[0], rowHourUnits = _useTimeInfo2[1], getMinuteUnits = _useTimeInfo2[2], getSecondUnits = _useTimeInfo2[3], getMillisecondUnits = _useTimeInfo2[4], getUnitValue = /* @__PURE__ */ __name(function(func) {
+  var showHour = props.showHour, showMinute = props.showMinute, showSecond = props.showSecond, showMillisecond = props.showMillisecond, showMeridiem = props.use12Hours, changeOnScroll = props.changeOnScroll, _usePanelContext = usePanelContext(), prefixCls = _usePanelContext.prefixCls, values3 = _usePanelContext.values, generateConfig2 = _usePanelContext.generateConfig, locale = _usePanelContext.locale, onSelect2 = _usePanelContext.onSelect, _usePanelContext$onHo = _usePanelContext.onHover, onHover = _usePanelContext$onHo === void 0 ? function() {
+  } : _usePanelContext$onHo, pickerValue = _usePanelContext.pickerValue, value = (values3 == null ? void 0 : values3[0]) || null, _React$useContext = React$6.useContext(PickerHackContext), onCellDblClick = _React$useContext.onCellDblClick, _useTimeInfo = useTimeInfo(generateConfig2, props, value), _useTimeInfo2 = _slicedToArray$1(_useTimeInfo, 5), getValidTime = _useTimeInfo2[0], rowHourUnits = _useTimeInfo2[1], getMinuteUnits = _useTimeInfo2[2], getSecondUnits = _useTimeInfo2[3], getMillisecondUnits = _useTimeInfo2[4], getUnitValue = /* @__PURE__ */ __name(function(func) {
     var valueUnitVal = value && generateConfig2[func](value), pickerUnitValue = pickerValue && generateConfig2[func](pickerValue);
     return [valueUnitVal, pickerUnitValue];
-  }, "getUnitValue"), _getUnitValue = getUnitValue("getHour"), _getUnitValue2 = _slicedToArray$3(_getUnitValue, 2), hour = _getUnitValue2[0], pickerHour = _getUnitValue2[1], _getUnitValue3 = getUnitValue("getMinute"), _getUnitValue4 = _slicedToArray$3(_getUnitValue3, 2), minute = _getUnitValue4[0], pickerMinute = _getUnitValue4[1], _getUnitValue5 = getUnitValue("getSecond"), _getUnitValue6 = _slicedToArray$3(_getUnitValue5, 2), second = _getUnitValue6[0], pickerSecond = _getUnitValue6[1], _getUnitValue7 = getUnitValue("getMillisecond"), _getUnitValue8 = _slicedToArray$3(_getUnitValue7, 2), millisecond = _getUnitValue8[0], pickerMillisecond = _getUnitValue8[1], meridiem = hour === null ? null : isAM(hour) ? "am" : "pm", hourUnits = React$6.useMemo(function() {
+  }, "getUnitValue"), _getUnitValue = getUnitValue("getHour"), _getUnitValue2 = _slicedToArray$1(_getUnitValue, 2), hour = _getUnitValue2[0], pickerHour = _getUnitValue2[1], _getUnitValue3 = getUnitValue("getMinute"), _getUnitValue4 = _slicedToArray$1(_getUnitValue3, 2), minute = _getUnitValue4[0], pickerMinute = _getUnitValue4[1], _getUnitValue5 = getUnitValue("getSecond"), _getUnitValue6 = _slicedToArray$1(_getUnitValue5, 2), second = _getUnitValue6[0], pickerSecond = _getUnitValue6[1], _getUnitValue7 = getUnitValue("getMillisecond"), _getUnitValue8 = _slicedToArray$1(_getUnitValue7, 2), millisecond = _getUnitValue8[0], pickerMillisecond = _getUnitValue8[1], meridiem = hour === null ? null : isAM(hour) ? "am" : "pm", hourUnits = React$6.useMemo(function() {
     return showMeridiem ? isAM(hour) ? rowHourUnits.filter(function(h2) {
       return isAM(h2.value);
     }) : rowHourUnits.filter(function(h2) {
@@ -8012,35 +7602,35 @@ function TimePanelBody(props) {
   };
   return /* @__PURE__ */ React$6.createElement("div", {
     className: "".concat(prefixCls, "-content")
-  }, showHour && /* @__PURE__ */ React$6.createElement(TimeColumn, _extends$7({
+  }, showHour && /* @__PURE__ */ React$6.createElement(TimeColumn, _extends$6({
     units: hourUnits,
     value: hour,
     optionalValue: pickerHour,
     type: "hour",
     onChange: onHourChange,
     onHover: onHourHover
-  }, sharedColumnProps)), showMinute && /* @__PURE__ */ React$6.createElement(TimeColumn, _extends$7({
+  }, sharedColumnProps)), showMinute && /* @__PURE__ */ React$6.createElement(TimeColumn, _extends$6({
     units: minuteUnits,
     value: minute,
     optionalValue: pickerMinute,
     type: "minute",
     onChange: onMinuteChange,
     onHover: onMinuteHover
-  }, sharedColumnProps)), showSecond && /* @__PURE__ */ React$6.createElement(TimeColumn, _extends$7({
+  }, sharedColumnProps)), showSecond && /* @__PURE__ */ React$6.createElement(TimeColumn, _extends$6({
     units: secondUnits,
     value: second,
     optionalValue: pickerSecond,
     type: "second",
     onChange: onSecondChange,
     onHover: onSecondHover
-  }, sharedColumnProps)), showMillisecond && /* @__PURE__ */ React$6.createElement(TimeColumn, _extends$7({
+  }, sharedColumnProps)), showMillisecond && /* @__PURE__ */ React$6.createElement(TimeColumn, _extends$6({
     units: millisecondUnits,
     value: millisecond,
     optionalValue: pickerMillisecond,
     type: "millisecond",
     onChange: onMillisecondChange,
     onHover: onMillisecondHover
-  }, sharedColumnProps)), showMeridiem && /* @__PURE__ */ React$6.createElement(TimeColumn, _extends$7({
+  }, sharedColumnProps)), showMeridiem && /* @__PURE__ */ React$6.createElement(TimeColumn, _extends$6({
     units: meridiemUnits,
     value: meridiem,
     type: "meridiem",
@@ -8050,7 +7640,7 @@ function TimePanelBody(props) {
 }
 __name(TimePanelBody, "TimePanelBody");
 function TimePanel(props) {
-  var prefixCls = props.prefixCls, value = props.value, locale = props.locale, generateConfig2 = props.generateConfig, showTime = props.showTime, _ref = showTime || {}, format2 = _ref.format, panelPrefixCls = "".concat(prefixCls, "-time-panel"), _useInfo = useInfo(props, "time"), _useInfo2 = _slicedToArray$3(_useInfo, 1), info = _useInfo2[0];
+  var prefixCls = props.prefixCls, value = props.value, locale = props.locale, generateConfig2 = props.generateConfig, showTime = props.showTime, _ref = showTime || {}, format2 = _ref.format, panelPrefixCls = "".concat(prefixCls, "-time-panel"), _useInfo = useInfo(props, "time"), _useInfo2 = _slicedToArray$1(_useInfo, 1), info = _useInfo2[0];
   return /* @__PURE__ */ React$6.createElement(PanelContext.Provider, {
     value: info
   }, /* @__PURE__ */ React$6.createElement("div", {
@@ -8063,7 +7653,7 @@ function TimePanel(props) {
 }
 __name(TimePanel, "TimePanel");
 function DateTimePanel(props) {
-  var prefixCls = props.prefixCls, generateConfig2 = props.generateConfig, showTime = props.showTime, onSelect2 = props.onSelect, value = props.value, pickerValue = props.pickerValue, onHover = props.onHover, panelPrefixCls = "".concat(prefixCls, "-datetime-panel"), _useTimeInfo = useTimeInfo(generateConfig2, showTime), _useTimeInfo2 = _slicedToArray$3(_useTimeInfo, 1), getValidTime = _useTimeInfo2[0], mergeTime = /* @__PURE__ */ __name(function(date) {
+  var prefixCls = props.prefixCls, generateConfig2 = props.generateConfig, showTime = props.showTime, onSelect2 = props.onSelect, value = props.value, pickerValue = props.pickerValue, onHover = props.onHover, panelPrefixCls = "".concat(prefixCls, "-datetime-panel"), _useTimeInfo = useTimeInfo(generateConfig2, showTime), _useTimeInfo2 = _slicedToArray$1(_useTimeInfo, 1), getValidTime = _useTimeInfo2[0], mergeTime = /* @__PURE__ */ __name(function(date) {
     return value ? fillTime(generateConfig2, date, value) : fillTime(generateConfig2, date, pickerValue);
   }, "mergeTime"), onDateHover = /* @__PURE__ */ __name(function(date) {
     onHover == null || onHover(date && mergeTime(date));
@@ -8073,14 +7663,14 @@ function DateTimePanel(props) {
   }, "onDateSelect");
   return /* @__PURE__ */ React$6.createElement("div", {
     className: panelPrefixCls
-  }, /* @__PURE__ */ React$6.createElement(DatePanel$1, _extends$7({}, props, {
+  }, /* @__PURE__ */ React$6.createElement(DatePanel$1, _extends$6({}, props, {
     onSelect: onDateSelect,
     onHover: onDateHover
   })), /* @__PURE__ */ React$6.createElement(TimePanel, props));
 }
 __name(DateTimePanel, "DateTimePanel");
 function DecadePanel(props) {
-  var prefixCls = props.prefixCls, locale = props.locale, generateConfig2 = props.generateConfig, pickerValue = props.pickerValue, disabledDate = props.disabledDate, onPickerValueChange = props.onPickerValueChange, panelPrefixCls = "".concat(prefixCls, "-decade-panel"), _useInfo = useInfo(props, "decade"), _useInfo2 = _slicedToArray$3(_useInfo, 1), info = _useInfo2[0], getStartYear = /* @__PURE__ */ __name(function(date) {
+  var prefixCls = props.prefixCls, locale = props.locale, generateConfig2 = props.generateConfig, pickerValue = props.pickerValue, disabledDate = props.disabledDate, onPickerValueChange = props.onPickerValueChange, panelPrefixCls = "".concat(prefixCls, "-decade-panel"), _useInfo = useInfo(props, "decade"), _useInfo2 = _slicedToArray$1(_useInfo, 1), info = _useInfo2[0], getStartYear = /* @__PURE__ */ __name(function(date) {
     var startYear = Math.floor(generateConfig2.getYear(pickerValue) / 100) * 100;
     return generateConfig2.setYear(date, startYear);
   }, "getStartYear"), getEndYear = /* @__PURE__ */ __name(function(date) {
@@ -8100,7 +7690,7 @@ function DecadePanel(props) {
     });
     return "".concat(startYearStr, "-").concat(endYearStr);
   }, "getCellText"), getCellClassName = /* @__PURE__ */ __name(function(date) {
-    return _defineProperty$d({}, "".concat(prefixCls, "-cell-in-view"), isSameDecade(generateConfig2, date, startYearDate) || isSameDecade(generateConfig2, date, endYearDate) || isInRange(generateConfig2, startYearDate, endYearDate, date));
+    return _defineProperty$b({}, "".concat(prefixCls, "-cell-in-view"), isSameDecade(generateConfig2, date, startYearDate) || isSameDecade(generateConfig2, date, endYearDate) || isInRange(generateConfig2, startYearDate, endYearDate, date));
   }, "getCellClassName"), mergedDisabledDate = disabledDate ? function(currentDate, disabledInfo) {
     var baseStartDate = generateConfig2.setDate(currentDate, 1), baseStartMonth = generateConfig2.setMonth(baseStartDate, 0), baseStartYear = generateConfig2.setYear(baseStartMonth, Math.floor(generateConfig2.getYear(baseStartMonth) / 10) * 10), baseEndYear = generateConfig2.addYear(baseStartYear, 10), baseEndDate = generateConfig2.addDate(baseEndYear, -1);
     return disabledDate(baseStartYear, disabledInfo) && disabledDate(baseEndDate, disabledInfo);
@@ -8124,7 +7714,7 @@ function DecadePanel(props) {
     onChange: onPickerValueChange,
     getStart: getStartYear,
     getEnd: getEndYear
-  }, yearNode), /* @__PURE__ */ React$6.createElement(PanelBody, _extends$7({}, props, {
+  }, yearNode), /* @__PURE__ */ React$6.createElement(PanelBody, _extends$6({}, props, {
     disabledDate: mergedDisabledDate,
     colNum: 3,
     rowNum: 4,
@@ -8136,7 +7726,7 @@ function DecadePanel(props) {
 }
 __name(DecadePanel, "DecadePanel");
 function MonthPanel(props) {
-  var prefixCls = props.prefixCls, locale = props.locale, generateConfig2 = props.generateConfig, pickerValue = props.pickerValue, disabledDate = props.disabledDate, onPickerValueChange = props.onPickerValueChange, onModeChange = props.onModeChange, panelPrefixCls = "".concat(prefixCls, "-month-panel"), _useInfo = useInfo(props, "month"), _useInfo2 = _slicedToArray$3(_useInfo, 1), info = _useInfo2[0], baseDate = generateConfig2.setMonth(pickerValue, 0), monthsLocale = locale.shortMonths || (generateConfig2.locale.getShortMonths ? generateConfig2.locale.getShortMonths(locale.locale) : []), getCellDate = /* @__PURE__ */ __name(function(date, offset2) {
+  var prefixCls = props.prefixCls, locale = props.locale, generateConfig2 = props.generateConfig, pickerValue = props.pickerValue, disabledDate = props.disabledDate, onPickerValueChange = props.onPickerValueChange, onModeChange = props.onModeChange, panelPrefixCls = "".concat(prefixCls, "-month-panel"), _useInfo = useInfo(props, "month"), _useInfo2 = _slicedToArray$1(_useInfo, 1), info = _useInfo2[0], baseDate = generateConfig2.setMonth(pickerValue, 0), monthsLocale = locale.shortMonths || (generateConfig2.locale.getShortMonths ? generateConfig2.locale.getShortMonths(locale.locale) : []), getCellDate = /* @__PURE__ */ __name(function(date, offset2) {
     return generateConfig2.addMonth(date, offset2);
   }, "getCellDate"), getCellText = /* @__PURE__ */ __name(function(date) {
     var month = generateConfig2.getMonth(date);
@@ -8146,7 +7736,7 @@ function MonthPanel(props) {
       generateConfig: generateConfig2
     }) : monthsLocale[month];
   }, "getCellText"), getCellClassName = /* @__PURE__ */ __name(function() {
-    return _defineProperty$d({}, "".concat(prefixCls, "-cell-in-view"), !0);
+    return _defineProperty$b({}, "".concat(prefixCls, "-cell-in-view"), !0);
   }, "getCellClassName"), mergedDisabledDate = disabledDate ? function(currentDate, disabledInfo) {
     var startDate = generateConfig2.setDate(currentDate, 1), nextMonthStartDate = generateConfig2.setMonth(startDate, generateConfig2.getMonth(startDate) + 1), endDate = generateConfig2.addDate(nextMonthStartDate, -1);
     return disabledDate(startDate, disabledInfo) && disabledDate(endDate, disabledInfo);
@@ -8179,7 +7769,7 @@ function MonthPanel(props) {
     getEnd: /* @__PURE__ */ __name(function(date) {
       return generateConfig2.setMonth(date, 11);
     }, "getEnd")
-  }, yearNode), /* @__PURE__ */ React$6.createElement(PanelBody, _extends$7({}, props, {
+  }, yearNode), /* @__PURE__ */ React$6.createElement(PanelBody, _extends$6({}, props, {
     disabledDate: mergedDisabledDate,
     titleFormat: locale.fieldMonthFormat,
     colNum: 3,
@@ -8192,7 +7782,7 @@ function MonthPanel(props) {
 }
 __name(MonthPanel, "MonthPanel");
 function QuarterPanel(props) {
-  var prefixCls = props.prefixCls, locale = props.locale, generateConfig2 = props.generateConfig, pickerValue = props.pickerValue, onPickerValueChange = props.onPickerValueChange, onModeChange = props.onModeChange, panelPrefixCls = "".concat(prefixCls, "-quarter-panel"), _useInfo = useInfo(props, "quarter"), _useInfo2 = _slicedToArray$3(_useInfo, 1), info = _useInfo2[0], baseDate = generateConfig2.setMonth(pickerValue, 0), getCellDate = /* @__PURE__ */ __name(function(date, offset2) {
+  var prefixCls = props.prefixCls, locale = props.locale, generateConfig2 = props.generateConfig, pickerValue = props.pickerValue, onPickerValueChange = props.onPickerValueChange, onModeChange = props.onModeChange, panelPrefixCls = "".concat(prefixCls, "-quarter-panel"), _useInfo = useInfo(props, "quarter"), _useInfo2 = _slicedToArray$1(_useInfo, 1), info = _useInfo2[0], baseDate = generateConfig2.setMonth(pickerValue, 0), getCellDate = /* @__PURE__ */ __name(function(date, offset2) {
     return generateConfig2.addMonth(date, offset2 * 3);
   }, "getCellDate"), getCellText = /* @__PURE__ */ __name(function(date) {
     return formatValue(date, {
@@ -8201,7 +7791,7 @@ function QuarterPanel(props) {
       generateConfig: generateConfig2
     });
   }, "getCellText"), getCellClassName = /* @__PURE__ */ __name(function() {
-    return _defineProperty$d({}, "".concat(prefixCls, "-cell-in-view"), !0);
+    return _defineProperty$b({}, "".concat(prefixCls, "-cell-in-view"), !0);
   }, "getCellClassName"), yearNode = /* @__PURE__ */ React$6.createElement("button", {
     type: "button",
     key: "year",
@@ -8231,7 +7821,7 @@ function QuarterPanel(props) {
     getEnd: /* @__PURE__ */ __name(function(date) {
       return generateConfig2.setMonth(date, 11);
     }, "getEnd")
-  }, yearNode), /* @__PURE__ */ React$6.createElement(PanelBody, _extends$7({}, props, {
+  }, yearNode), /* @__PURE__ */ React$6.createElement(PanelBody, _extends$6({}, props, {
     titleFormat: locale.fieldQuarterFormat,
     colNum: 4,
     rowNum: 1,
@@ -8246,19 +7836,19 @@ function WeekPanel(props) {
   var prefixCls = props.prefixCls, generateConfig2 = props.generateConfig, locale = props.locale, value = props.value, hoverValue = props.hoverValue, hoverRangeValue = props.hoverRangeValue, localeName = locale.locale, rowPrefixCls = "".concat(prefixCls, "-week-panel-row"), rowClassName = /* @__PURE__ */ __name(function(currentDate) {
     var rangeCls = {};
     if (hoverRangeValue) {
-      var _hoverRangeValue = _slicedToArray$3(hoverRangeValue, 2), rangeStart = _hoverRangeValue[0], rangeEnd = _hoverRangeValue[1], isRangeStart = isSameWeek(generateConfig2, localeName, rangeStart, currentDate), isRangeEnd = isSameWeek(generateConfig2, localeName, rangeEnd, currentDate);
+      var _hoverRangeValue = _slicedToArray$1(hoverRangeValue, 2), rangeStart = _hoverRangeValue[0], rangeEnd = _hoverRangeValue[1], isRangeStart = isSameWeek(generateConfig2, localeName, rangeStart, currentDate), isRangeEnd = isSameWeek(generateConfig2, localeName, rangeEnd, currentDate);
       rangeCls["".concat(rowPrefixCls, "-range-start")] = isRangeStart, rangeCls["".concat(rowPrefixCls, "-range-end")] = isRangeEnd, rangeCls["".concat(rowPrefixCls, "-range-hover")] = !isRangeStart && !isRangeEnd && isInRange(generateConfig2, rangeStart, rangeEnd, currentDate);
     }
     return hoverValue && (rangeCls["".concat(rowPrefixCls, "-hover")] = hoverValue.some(function(date) {
       return isSameWeek(generateConfig2, localeName, currentDate, date);
     })), clsx(
       rowPrefixCls,
-      _defineProperty$d({}, "".concat(rowPrefixCls, "-selected"), !hoverRangeValue && isSameWeek(generateConfig2, localeName, value, currentDate)),
+      _defineProperty$b({}, "".concat(rowPrefixCls, "-selected"), !hoverRangeValue && isSameWeek(generateConfig2, localeName, value, currentDate)),
       // Patch for hover range
       rangeCls
     );
   }, "rowClassName");
-  return /* @__PURE__ */ React$6.createElement(DatePanel$1, _extends$7({}, props, {
+  return /* @__PURE__ */ React$6.createElement(DatePanel$1, _extends$6({}, props, {
     mode: "week",
     panelName: "week",
     rowClassName
@@ -8266,7 +7856,7 @@ function WeekPanel(props) {
 }
 __name(WeekPanel, "WeekPanel");
 function YearPanel(props) {
-  var prefixCls = props.prefixCls, locale = props.locale, generateConfig2 = props.generateConfig, pickerValue = props.pickerValue, disabledDate = props.disabledDate, onPickerValueChange = props.onPickerValueChange, onModeChange = props.onModeChange, panelPrefixCls = "".concat(prefixCls, "-year-panel"), _useInfo = useInfo(props, "year"), _useInfo2 = _slicedToArray$3(_useInfo, 1), info = _useInfo2[0], getStartYear = /* @__PURE__ */ __name(function(date) {
+  var prefixCls = props.prefixCls, locale = props.locale, generateConfig2 = props.generateConfig, pickerValue = props.pickerValue, disabledDate = props.disabledDate, onPickerValueChange = props.onPickerValueChange, onModeChange = props.onModeChange, panelPrefixCls = "".concat(prefixCls, "-year-panel"), _useInfo = useInfo(props, "year"), _useInfo2 = _slicedToArray$1(_useInfo, 1), info = _useInfo2[0], getStartYear = /* @__PURE__ */ __name(function(date) {
     var startYear = Math.floor(generateConfig2.getYear(pickerValue) / 10) * 10;
     return generateConfig2.setYear(date, startYear);
   }, "getStartYear"), getEndYear = /* @__PURE__ */ __name(function(date) {
@@ -8281,7 +7871,7 @@ function YearPanel(props) {
       generateConfig: generateConfig2
     });
   }, "getCellText"), getCellClassName = /* @__PURE__ */ __name(function(date) {
-    return _defineProperty$d({}, "".concat(prefixCls, "-cell-in-view"), isSameYear(generateConfig2, date, startYearDate) || isSameYear(generateConfig2, date, endYearDate) || isInRange(generateConfig2, startYearDate, endYearDate, date));
+    return _defineProperty$b({}, "".concat(prefixCls, "-cell-in-view"), isSameYear(generateConfig2, date, startYearDate) || isSameYear(generateConfig2, date, endYearDate) || isInRange(generateConfig2, startYearDate, endYearDate, date));
   }, "getCellClassName"), mergedDisabledDate = disabledDate ? function(currentDate, disabledInfo) {
     var startMonth = generateConfig2.setMonth(currentDate, 0), startDate = generateConfig2.setDate(startMonth, 1), endMonth = generateConfig2.addYear(startDate, 1), endDate = generateConfig2.addDate(endMonth, -1);
     return disabledDate(startDate, disabledInfo) && disabledDate(endDate, disabledInfo);
@@ -8314,7 +7904,7 @@ function YearPanel(props) {
     onChange: onPickerValueChange,
     getStart: getStartYear,
     getEnd: getEndYear
-  }, yearNode), /* @__PURE__ */ React$6.createElement(PanelBody, _extends$7({}, props, {
+  }, yearNode), /* @__PURE__ */ React$6.createElement(PanelBody, _extends$6({}, props, {
     disabledDate: mergedDisabledDate,
     titleFormat: locale.fieldYearFormat,
     colNum: 3,
@@ -8343,16 +7933,16 @@ function PickerPanel(props, ref) {
       nativeElement: rootRef.current
     };
   });
-  var _getTimeProps = getTimeProps(props), _getTimeProps2 = _slicedToArray$3(_getTimeProps, 4), timeProps = _getTimeProps2[0], localeTimeProps = _getTimeProps2[1], showTimeFormat = _getTimeProps2[2], propFormat = _getTimeProps2[3], filledLocale = useLocale(locale, localeTimeProps), internalPicker = picker === "date" && showTime ? "datetime" : picker, mergedShowTime = React$6.useMemo(function() {
+  var _getTimeProps = getTimeProps(props), _getTimeProps2 = _slicedToArray$1(_getTimeProps, 4), timeProps = _getTimeProps2[0], localeTimeProps = _getTimeProps2[1], showTimeFormat = _getTimeProps2[2], propFormat = _getTimeProps2[3], filledLocale = useLocale(locale, localeTimeProps), internalPicker = picker === "date" && showTime ? "datetime" : picker, mergedShowTime = React$6.useMemo(function() {
     return fillShowTimeConfig(internalPicker, showTimeFormat, propFormat, timeProps, filledLocale);
   }, [internalPicker, showTimeFormat, propFormat, timeProps, filledLocale]), now = generateConfig2.getNow(), _useMergedState = useMergedState(picker, {
     value: mode,
     postState: /* @__PURE__ */ __name(function(val) {
       return val || "date";
     }, "postState")
-  }), _useMergedState2 = _slicedToArray$3(_useMergedState, 2), mergedMode = _useMergedState2[0], setMergedMode = _useMergedState2[1], internalMode = mergedMode === "date" && mergedShowTime ? "datetime" : mergedMode, toggleDates = useToggleDates(generateConfig2, locale, internalPicker), _useMergedState3 = useMergedState(defaultValue, {
+  }), _useMergedState2 = _slicedToArray$1(_useMergedState, 2), mergedMode = _useMergedState2[0], setMergedMode = _useMergedState2[1], internalMode = mergedMode === "date" && mergedShowTime ? "datetime" : mergedMode, toggleDates = useToggleDates(generateConfig2, locale, internalPicker), _useMergedState3 = useMergedState(defaultValue, {
     value
-  }), _useMergedState4 = _slicedToArray$3(_useMergedState3, 2), innerValue = _useMergedState4[0], setMergedValue = _useMergedState4[1], mergedValue = React$6.useMemo(function() {
+  }), _useMergedState4 = _slicedToArray$1(_useMergedState3, 2), innerValue = _useMergedState4[0], setMergedValue = _useMergedState4[1], mergedValue = React$6.useMemo(function() {
     var values3 = toArray$1(innerValue).filter(function(val) {
       return val;
     });
@@ -8368,7 +7958,7 @@ function PickerPanel(props, ref) {
     }
   }), _useMergedState5 = useMergedState(defaultPickerValue || mergedValue[0] || now, {
     value: pickerValue
-  }), _useMergedState6 = _slicedToArray$3(_useMergedState5, 2), mergedPickerValue = _useMergedState6[0], setInternalPickerValue = _useMergedState6[1];
+  }), _useMergedState6 = _slicedToArray$1(_useMergedState5, 2), mergedPickerValue = _useMergedState6[0], setInternalPickerValue = _useMergedState6[1];
   React$6.useEffect(function() {
     mergedValue[0] && !pickerValue && setInternalPickerValue(mergedValue[0]);
   }, [mergedValue[0]]);
@@ -8391,13 +7981,13 @@ function PickerPanel(props, ref) {
   }, "onPanelValueSelect2"), hoverRangeDate = React$6.useMemo(function() {
     var start, end;
     if (Array.isArray(hoverRangeValue)) {
-      var _hoverRangeValue = _slicedToArray$3(hoverRangeValue, 2);
+      var _hoverRangeValue = _slicedToArray$1(hoverRangeValue, 2);
       start = _hoverRangeValue[0], end = _hoverRangeValue[1];
     } else
       start = hoverRangeValue;
     return !start && !end ? null : (start = start || end, end = end || start, generateConfig2.isAfter(start, end) ? [end, start] : [start, end]);
   }, [hoverRangeValue, generateConfig2]), onInternalCellRender = useCellRender(cellRender, dateRender, monthCellRender), PanelComponent = components[internalMode] || DefaultComponents[internalMode] || DatePanel$1, parentHackContext = React$6.useContext(PickerHackContext), pickerPanelContext = React$6.useMemo(function() {
-    return _objectSpread2$3(_objectSpread2$3({}, parentHackContext), {}, {
+    return _objectSpread2$1(_objectSpread2$1({}, parentHackContext), {}, {
       hideHeader
     });
   }, [parentHackContext, hideHeader]), panelCls = "".concat(mergedPrefixCls, "-panel"), panelProps = pickProps(props, [
@@ -8420,8 +8010,8 @@ function PickerPanel(props, ref) {
   }, /* @__PURE__ */ React$6.createElement("div", {
     ref: rootRef,
     tabIndex,
-    className: clsx(panelCls, _defineProperty$d({}, "".concat(panelCls, "-rtl"), direction === "rtl"))
-  }, /* @__PURE__ */ React$6.createElement(PanelComponent, _extends$7({}, panelProps, {
+    className: clsx(panelCls, _defineProperty$b({}, "".concat(panelCls, "-rtl"), direction === "rtl"))
+  }, /* @__PURE__ */ React$6.createElement(PanelComponent, _extends$6({}, panelProps, {
     // Time
     showTime: mergedShowTime,
     prefixCls: mergedPrefixCls,
@@ -8453,7 +8043,7 @@ function PopupPanel(props) {
     onCellDblClick: /* @__PURE__ */ __name(function() {
       needConfirm && onSubmit();
     }, "onCellDblClick")
-  }, hideHeader = picker === "time", pickerProps = _objectSpread2$3(_objectSpread2$3({}, props), {}, {
+  }, hideHeader = picker === "time", pickerProps = _objectSpread2$1(_objectSpread2$1({}, props), {}, {
     hoverValue: null,
     hoverRangeValue: null,
     hideHeader
@@ -8461,18 +8051,18 @@ function PopupPanel(props) {
   return range ? pickerProps.hoverRangeValue = hoverValue : pickerProps.hoverValue = hoverValue, multiplePanel ? /* @__PURE__ */ React$6.createElement("div", {
     className: "".concat(prefixCls, "-panels")
   }, /* @__PURE__ */ React$6.createElement(PickerHackContext.Provider, {
-    value: _objectSpread2$3(_objectSpread2$3({}, sharedContext), {}, {
+    value: _objectSpread2$1(_objectSpread2$1({}, sharedContext), {}, {
       hideNext: !0
     })
   }, /* @__PURE__ */ React$6.createElement(RefPanelPicker, pickerProps)), /* @__PURE__ */ React$6.createElement(PickerHackContext.Provider, {
-    value: _objectSpread2$3(_objectSpread2$3({}, sharedContext), {}, {
+    value: _objectSpread2$1(_objectSpread2$1({}, sharedContext), {}, {
       hidePrev: !0
     })
-  }, /* @__PURE__ */ React$6.createElement(RefPanelPicker, _extends$7({}, pickerProps, {
+  }, /* @__PURE__ */ React$6.createElement(RefPanelPicker, _extends$6({}, pickerProps, {
     pickerValue: nextPickerValue,
     onPickerValueChange: onSecondPickerValueChange
   })))) : /* @__PURE__ */ React$6.createElement(PickerHackContext.Provider, {
-    value: _objectSpread2$3({}, sharedContext)
+    value: _objectSpread2$1({}, sharedContext)
   }, /* @__PURE__ */ React$6.createElement(RefPanelPicker, pickerProps));
 }
 __name(PopupPanel, "PopupPanel");
@@ -8502,7 +8092,7 @@ function PresetPanel(props) {
 }
 __name(PresetPanel, "PresetPanel");
 function Popup$2(props) {
-  var panelRender = props.panelRender, internalMode = props.internalMode, picker = props.picker, showNow = props.showNow, range = props.range, multiple = props.multiple, _props$activeOffset = props.activeOffset, activeOffset = _props$activeOffset === void 0 ? 0 : _props$activeOffset, placement = props.placement, presets = props.presets, onPresetHover = props.onPresetHover, onPresetSubmit = props.onPresetSubmit, onFocus = props.onFocus, onBlur2 = props.onBlur, onPanelMouseDown = props.onPanelMouseDown, direction = props.direction, value = props.value, onSelect2 = props.onSelect, isInvalid = props.isInvalid, defaultOpenValue = props.defaultOpenValue, onOk = props.onOk, onSubmit = props.onSubmit, _React$useContext = React$6.useContext(PickerContext), prefixCls = _React$useContext.prefixCls, panelPrefixCls = "".concat(prefixCls, "-panel"), rtl = direction === "rtl", arrowRef = React$6.useRef(null), wrapperRef = React$6.useRef(null), _React$useState = React$6.useState(0), _React$useState2 = _slicedToArray$3(_React$useState, 2), containerWidth = _React$useState2[0], setContainerWidth = _React$useState2[1], _React$useState3 = React$6.useState(0), _React$useState4 = _slicedToArray$3(_React$useState3, 2), containerOffset = _React$useState4[0], setContainerOffset = _React$useState4[1], onResize2 = /* @__PURE__ */ __name(function(info) {
+  var panelRender = props.panelRender, internalMode = props.internalMode, picker = props.picker, showNow = props.showNow, range = props.range, multiple = props.multiple, _props$activeOffset = props.activeOffset, activeOffset = _props$activeOffset === void 0 ? 0 : _props$activeOffset, placement = props.placement, presets = props.presets, onPresetHover = props.onPresetHover, onPresetSubmit = props.onPresetSubmit, onFocus = props.onFocus, onBlur2 = props.onBlur, onPanelMouseDown = props.onPanelMouseDown, direction = props.direction, value = props.value, onSelect2 = props.onSelect, isInvalid = props.isInvalid, defaultOpenValue = props.defaultOpenValue, onOk = props.onOk, onSubmit = props.onSubmit, _React$useContext = React$6.useContext(PickerContext), prefixCls = _React$useContext.prefixCls, panelPrefixCls = "".concat(prefixCls, "-panel"), rtl = direction === "rtl", arrowRef = React$6.useRef(null), wrapperRef = React$6.useRef(null), _React$useState = React$6.useState(0), _React$useState2 = _slicedToArray$1(_React$useState, 2), containerWidth = _React$useState2[0], setContainerWidth = _React$useState2[1], _React$useState3 = React$6.useState(0), _React$useState4 = _slicedToArray$1(_React$useState3, 2), containerOffset = _React$useState4[0], setContainerOffset = _React$useState4[1], onResize2 = /* @__PURE__ */ __name(function(info) {
     info.offsetWidth && setContainerWidth(info.offsetWidth);
   }, "onResize");
   React$6.useEffect(function() {
@@ -8534,9 +8124,9 @@ function Popup$2(props) {
     presets,
     onClick: onPresetSubmit,
     onHover: onPresetHover
-  }), /* @__PURE__ */ React$6.createElement("div", null, /* @__PURE__ */ React$6.createElement(PopupPanel, _extends$7({}, props, {
+  }), /* @__PURE__ */ React$6.createElement("div", null, /* @__PURE__ */ React$6.createElement(PopupPanel, _extends$6({}, props, {
     value: popupPanelValue
-  })), /* @__PURE__ */ React$6.createElement(Footer, _extends$7({}, props, {
+  })), /* @__PURE__ */ React$6.createElement(Footer, _extends$6({}, props, {
     showNow: multiple ? !1 : showNow,
     invalid: disableSubmit,
     onSubmit: onFooterSubmit
@@ -8550,7 +8140,7 @@ function Popup$2(props) {
       // Used for Today Button style, safe to remove if no need
       "".concat(prefixCls, "-").concat(internalMode, "-panel-container")
     ),
-    style: _defineProperty$d(_defineProperty$d({}, rtl ? marginRight : marginLeft, containerOffset), rtl ? marginLeft : marginRight, "auto"),
+    style: _defineProperty$b(_defineProperty$b({}, rtl ? marginRight : marginLeft, containerOffset), rtl ? marginLeft : marginRight, "auto"),
     onFocus,
     onBlur: onBlur2
   }, mergedNodes);
@@ -8563,7 +8153,7 @@ function Popup$2(props) {
     }, /* @__PURE__ */ React$6.createElement("div", {
       ref: arrowRef,
       className: "".concat(prefixCls, "-range-arrow"),
-      style: _defineProperty$d({}, offsetUnit, activeOffset)
+      style: _defineProperty$b({}, offsetUnit, activeOffset)
     }), /* @__PURE__ */ React$6.createElement(RefResizeObserver, {
       onResize: onResize2
     }, renderNode));
@@ -8604,7 +8194,7 @@ function useInputProps(props, postProps) {
     var pickedAttrs = pickAttrs(props, {
       aria: !0,
       data: !0
-    }), inputProps = _objectSpread2$3(_objectSpread2$3({}, pickedAttrs), {}, {
+    }), inputProps = _objectSpread2$1(_objectSpread2$1({}, pickedAttrs), {}, {
       // ============== Shared ==============
       format: maskFormat,
       validateFormat: /* @__PURE__ */ __name(function(text) {
@@ -8682,15 +8272,15 @@ function useRootProps(props) {
 __name(useRootProps, "useRootProps");
 var _excluded$u = ["icon", "type"], _excluded2$5 = ["onClear"];
 function Icon$1(props) {
-  var icon = props.icon, type2 = props.type, restProps = _objectWithoutProperties$3(props, _excluded$u), _React$useContext = React$6.useContext(PickerContext), prefixCls = _React$useContext.prefixCls;
-  return icon ? /* @__PURE__ */ React$6.createElement("span", _extends$7({
+  var icon = props.icon, type2 = props.type, restProps = _objectWithoutProperties$2(props, _excluded$u), _React$useContext = React$6.useContext(PickerContext), prefixCls = _React$useContext.prefixCls;
+  return icon ? /* @__PURE__ */ React$6.createElement("span", _extends$6({
     className: "".concat(prefixCls, "-").concat(type2)
   }, restProps), icon) : null;
 }
 __name(Icon$1, "Icon$1");
 function ClearIcon(_ref) {
-  var onClear = _ref.onClear, restProps = _objectWithoutProperties$3(_ref, _excluded2$5);
-  return /* @__PURE__ */ React$6.createElement(Icon$1, _extends$7({}, restProps, {
+  var onClear = _ref.onClear, restProps = _objectWithoutProperties$2(_ref, _excluded2$5);
+  return /* @__PURE__ */ React$6.createElement(Icon$1, _extends$6({}, restProps, {
     type: "clear",
     role: "button",
     onMouseDown: /* @__PURE__ */ __name(function(e2) {
@@ -8704,7 +8294,7 @@ function ClearIcon(_ref) {
 __name(ClearIcon, "ClearIcon");
 var FORMAT_KEYS = ["YYYY", "MM", "DD", "HH", "mm", "ss", "SSS"], REPLACE_KEY = "顧", MaskFormat = /* @__PURE__ */ function() {
   function MaskFormat2(format2) {
-    _classCallCheck$3(this, MaskFormat2), _defineProperty$d(this, "format", void 0), _defineProperty$d(this, "maskFormat", void 0), _defineProperty$d(this, "cells", void 0), _defineProperty$d(this, "maskCells", void 0), this.format = format2;
+    _classCallCheck$2(this, MaskFormat2), _defineProperty$b(this, "format", void 0), _defineProperty$b(this, "maskFormat", void 0), _defineProperty$b(this, "cells", void 0), _defineProperty$b(this, "maskCells", void 0), this.format = format2;
     var replaceKeys = FORMAT_KEYS.map(function(key) {
       return "(".concat(key, ")");
     }).join("|"), replaceReg = new RegExp(replaceKeys, "g");
@@ -8730,7 +8320,7 @@ var FORMAT_KEYS = ["YYYY", "MM", "DD", "HH", "mm", "ss", "SSS"], REPLACE_KEY = "
       return cell.mask;
     });
   }
-  return __name(MaskFormat2, "MaskFormat"), _createClass$3(MaskFormat2, [{
+  return __name(MaskFormat2, "MaskFormat"), _createClass$2(MaskFormat2, [{
     key: "getSelection",
     value: /* @__PURE__ */ __name(function(maskCellIndex) {
       var _ref = this.maskCells[maskCellIndex] || {}, start = _ref.start, end = _ref.end;
@@ -8783,7 +8373,7 @@ __name(getMaskRange, "getMaskRange");
 var _excluded$t = ["active", "showActiveCls", "suffixIcon", "format", "validateFormat", "onChange", "onInput", "helped", "onHelp", "onSubmit", "onKeyDown", "preserveInvalidOnBlur", "invalid", "clearIcon"], Input$3 = /* @__PURE__ */ React$6.forwardRef(function(props, ref) {
   var active = props.active, _props$showActiveCls = props.showActiveCls, showActiveCls = _props$showActiveCls === void 0 ? !0 : _props$showActiveCls, suffixIcon = props.suffixIcon, format2 = props.format, validateFormat = props.validateFormat, onChange = props.onChange;
   props.onInput;
-  var helped = props.helped, onHelp = props.onHelp, onSubmit = props.onSubmit, onKeyDown2 = props.onKeyDown, _props$preserveInvali = props.preserveInvalidOnBlur, preserveInvalidOnBlur = _props$preserveInvali === void 0 ? !1 : _props$preserveInvali, invalid = props.invalid, clearIcon = props.clearIcon, restProps = _objectWithoutProperties$3(props, _excluded$t), value = props.value, onFocus = props.onFocus, onBlur2 = props.onBlur, onMouseUp = props.onMouseUp, _React$useContext = React$6.useContext(PickerContext), prefixCls = _React$useContext.prefixCls, _React$useContext$inp = _React$useContext.input, Component = _React$useContext$inp === void 0 ? "input" : _React$useContext$inp, inputPrefixCls = "".concat(prefixCls, "-input"), _React$useState = React$6.useState(!1), _React$useState2 = _slicedToArray$3(_React$useState, 2), focused = _React$useState2[0], setFocused = _React$useState2[1], _React$useState3 = React$6.useState(value), _React$useState4 = _slicedToArray$3(_React$useState3, 2), internalInputValue = _React$useState4[0], setInputValue = _React$useState4[1], _React$useState5 = React$6.useState(""), _React$useState6 = _slicedToArray$3(_React$useState5, 2), focusCellText = _React$useState6[0], setFocusCellText = _React$useState6[1], _React$useState7 = React$6.useState(null), _React$useState8 = _slicedToArray$3(_React$useState7, 2), focusCellIndex = _React$useState8[0], setFocusCellIndex = _React$useState8[1], _React$useState9 = React$6.useState(null), _React$useState10 = _slicedToArray$3(_React$useState9, 2), forceSelectionSyncMark = _React$useState10[0], forceSelectionSync = _React$useState10[1], inputValue = internalInputValue || "";
+  var helped = props.helped, onHelp = props.onHelp, onSubmit = props.onSubmit, onKeyDown2 = props.onKeyDown, _props$preserveInvali = props.preserveInvalidOnBlur, preserveInvalidOnBlur = _props$preserveInvali === void 0 ? !1 : _props$preserveInvali, invalid = props.invalid, clearIcon = props.clearIcon, restProps = _objectWithoutProperties$2(props, _excluded$t), value = props.value, onFocus = props.onFocus, onBlur2 = props.onBlur, onMouseUp = props.onMouseUp, _React$useContext = React$6.useContext(PickerContext), prefixCls = _React$useContext.prefixCls, _React$useContext$inp = _React$useContext.input, Component = _React$useContext$inp === void 0 ? "input" : _React$useContext$inp, inputPrefixCls = "".concat(prefixCls, "-input"), _React$useState = React$6.useState(!1), _React$useState2 = _slicedToArray$1(_React$useState, 2), focused = _React$useState2[0], setFocused = _React$useState2[1], _React$useState3 = React$6.useState(value), _React$useState4 = _slicedToArray$1(_React$useState3, 2), internalInputValue = _React$useState4[0], setInputValue = _React$useState4[1], _React$useState5 = React$6.useState(""), _React$useState6 = _slicedToArray$1(_React$useState5, 2), focusCellText = _React$useState6[0], setFocusCellText = _React$useState6[1], _React$useState7 = React$6.useState(null), _React$useState8 = _slicedToArray$1(_React$useState7, 2), focusCellIndex = _React$useState8[0], setFocusCellIndex = _React$useState8[1], _React$useState9 = React$6.useState(null), _React$useState10 = _slicedToArray$1(_React$useState9, 2), forceSelectionSyncMark = _React$useState10[0], forceSelectionSync = _React$useState10[1], inputValue = internalInputValue || "";
   React$6.useEffect(function() {
     setInputValue(value);
   }, [value]);
@@ -8804,7 +8394,7 @@ var _excluded$t = ["active", "showActiveCls", "suffixIcon", "format", "validateF
     return new MaskFormat(format2 || "");
   }, [format2]), _React$useMemo = React$6.useMemo(function() {
     return helped ? [0, 0] : maskFormat.getSelection(focusCellIndex);
-  }, [maskFormat, focusCellIndex, helped]), _React$useMemo2 = _slicedToArray$3(_React$useMemo, 2), selectionStart = _React$useMemo2[0], selectionEnd = _React$useMemo2[1], onModify = /* @__PURE__ */ __name(function(text) {
+  }, [maskFormat, focusCellIndex, helped]), _React$useMemo2 = _slicedToArray$1(_React$useMemo, 2), selectionStart = _React$useMemo2[0], selectionEnd = _React$useMemo2[1], onModify = /* @__PURE__ */ __name(function(text) {
     text && text !== format2 && text !== value && onHelp();
   }, "onModify2"), triggerInputChange = useEvent(function(text) {
     validateFormat(text) && onChange(text), setInputValue(text), onModify(text);
@@ -8841,7 +8431,7 @@ var _excluded$t = ["active", "showActiveCls", "suffixIcon", "format", "validateF
         return nextIndex = Math.max(nextIndex, 0), nextIndex = Math.min(nextIndex, maskFormat.size() - 1), nextIndex;
       });
     }, "offsetCellIndex2"), offsetCellValue = /* @__PURE__ */ __name(function(offset2) {
-      var _getMaskRange = getMaskRange(cellFormat), _getMaskRange2 = _slicedToArray$3(_getMaskRange, 3), rangeStart = _getMaskRange2[0], rangeEnd = _getMaskRange2[1], rangeDefault = _getMaskRange2[2], currentText = inputValue.slice(selectionStart, selectionEnd), currentTextNum = Number(currentText);
+      var _getMaskRange = getMaskRange(cellFormat), _getMaskRange2 = _slicedToArray$1(_getMaskRange, 3), rangeStart = _getMaskRange2[0], rangeEnd = _getMaskRange2[1], rangeDefault = _getMaskRange2[2], currentText = inputValue.slice(selectionStart, selectionEnd), currentTextNum = Number(currentText);
       if (isNaN(currentTextNum))
         return String(rangeDefault || (offset2 > 0 ? rangeStart : rangeEnd));
       var num = currentTextNum + offset2, range = rangeEnd - rangeStart + 1;
@@ -8902,8 +8492,8 @@ var _excluded$t = ["active", "showActiveCls", "suffixIcon", "format", "validateF
   } : {};
   return /* @__PURE__ */ React$6.createElement("div", {
     ref: holderRef,
-    className: clsx(inputPrefixCls, _defineProperty$d(_defineProperty$d({}, "".concat(inputPrefixCls, "-active"), active && showActiveCls), "".concat(inputPrefixCls, "-placeholder"), helped))
-  }, /* @__PURE__ */ React$6.createElement(Component, _extends$7({
+    className: clsx(inputPrefixCls, _defineProperty$b(_defineProperty$b({}, "".concat(inputPrefixCls, "-active"), active && showActiveCls), "".concat(inputPrefixCls, "-placeholder"), helped))
+  }, /* @__PURE__ */ React$6.createElement(Component, _extends$6({
     ref: inputRef,
     "aria-invalid": invalid,
     autoComplete: "off"
@@ -8919,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) {
@@ -9212,7 +8823,7 @@ function SingleSelector$1(props, ref) {
   props.onOpenChange;
   var _onMouseDown = props.onMouseDown;
   props.required, props["aria-required"];
-  var autoFocus = props.autoFocus, removeIcon = props.removeIcon, restProps = _objectWithoutProperties$3(props, _excluded$p), rtl = direction === "rtl", _React$useContext = React$6.useContext(PickerContext), prefixCls = _React$useContext.prefixCls, rootRef = React$6.useRef(), inputRef = React$6.useRef();
+  var autoFocus = props.autoFocus, removeIcon = props.removeIcon, restProps = _objectWithoutProperties$2(props, _excluded$p), rtl = direction === "rtl", _React$useContext = React$6.useContext(PickerContext), prefixCls = _React$useContext.prefixCls, rootRef = React$6.useRef(), inputRef = React$6.useRef();
   React$6.useImperativeHandle(ref, function() {
     return {
       nativeElement: rootRef.current,
@@ -9233,7 +8844,7 @@ function SingleSelector$1(props, ref) {
       return oriDate && !isSame(generateConfig2, locale, oriDate, date, internalPicker);
     });
     onChange(nextValues), open || onSubmit();
-  }, "onMultipleRemove2"), _useInputProps = useInputProps(_objectSpread2$3(_objectSpread2$3({}, props), {}, {
+  }, "onMultipleRemove2"), _useInputProps = useInputProps(_objectSpread2$1(_objectSpread2$1({}, props), {}, {
     onChange: onSingleChange
   }), function(_ref) {
     var valueTexts = _ref.valueTexts;
@@ -9241,7 +8852,7 @@ function SingleSelector$1(props, ref) {
       value: valueTexts[0] || "",
       active: focused
     };
-  }), _useInputProps2 = _slicedToArray$3(_useInputProps, 2), getInputProps = _useInputProps2[0], getText = _useInputProps2[1], showClear = !!(clearIcon && value.length && !disabled), selectorNode = multiple ? /* @__PURE__ */ React$6.createElement(React$6.Fragment, null, /* @__PURE__ */ React$6.createElement(MultipleDates, {
+  }), _useInputProps2 = _slicedToArray$1(_useInputProps, 2), getInputProps = _useInputProps2[0], getText = _useInputProps2[1], showClear = !!(clearIcon && value.length && !disabled), selectorNode = multiple ? /* @__PURE__ */ React$6.createElement(React$6.Fragment, null, /* @__PURE__ */ React$6.createElement(MultipleDates, {
     prefixCls,
     value,
     onRemove: onMultipleRemove,
@@ -9262,7 +8873,7 @@ function SingleSelector$1(props, ref) {
   }), showClear && /* @__PURE__ */ React$6.createElement(ClearIcon, {
     icon: clearIcon,
     onClear
-  })) : /* @__PURE__ */ React$6.createElement(Input$3, _extends$7({
+  })) : /* @__PURE__ */ React$6.createElement(Input$3, _extends$6({
     ref: inputRef
   }, getInputProps(), {
     autoFocus,
@@ -9273,8 +8884,8 @@ function SingleSelector$1(props, ref) {
     }),
     showActiveCls: !1
   }));
-  return /* @__PURE__ */ React$6.createElement("div", _extends$7({}, rootProps, {
-    className: clsx(prefixCls, _defineProperty$d(_defineProperty$d(_defineProperty$d(_defineProperty$d(_defineProperty$d({}, "".concat(prefixCls, "-multiple"), multiple), "".concat(prefixCls, "-focused"), focused), "".concat(prefixCls, "-disabled"), disabled), "".concat(prefixCls, "-invalid"), invalid), "".concat(prefixCls, "-rtl"), rtl), className),
+  return /* @__PURE__ */ React$6.createElement("div", _extends$6({}, rootProps, {
+    className: clsx(prefixCls, _defineProperty$b(_defineProperty$b(_defineProperty$b(_defineProperty$b(_defineProperty$b({}, "".concat(prefixCls, "-multiple"), multiple), "".concat(prefixCls, "-focused"), focused), "".concat(prefixCls, "-disabled"), disabled), "".concat(prefixCls, "-invalid"), invalid), "".concat(prefixCls, "-rtl"), rtl), className),
     style: style2,
     ref: rootRef,
     onClick,
@@ -9287,28 +8898,28 @@ function SingleSelector$1(props, ref) {
 __name(SingleSelector$1, "SingleSelector$1");
 var RefSingleSelector = /* @__PURE__ */ React$6.forwardRef(SingleSelector$1);
 function Picker2(props, ref) {
-  var _useFilledProps = useFilledProps(props), _useFilledProps2 = _slicedToArray$3(_useFilledProps, 6), filledProps = _useFilledProps2[0], internalPicker = _useFilledProps2[1], complexPicker = _useFilledProps2[2], formatList = _useFilledProps2[3], maskFormat = _useFilledProps2[4], isInvalidateDate = _useFilledProps2[5], _ref = filledProps, prefixCls = _ref.prefixCls, styles2 = _ref.styles, classNames = _ref.classNames, order = _ref.order, defaultValue = _ref.defaultValue, value = _ref.value, needConfirm = _ref.needConfirm, onChange = _ref.onChange, onKeyDown2 = _ref.onKeyDown, disabled = _ref.disabled, disabledDate = _ref.disabledDate, minDate = _ref.minDate, maxDate = _ref.maxDate, defaultOpen = _ref.defaultOpen, open = _ref.open, onOpenChange = _ref.onOpenChange, locale = _ref.locale, generateConfig2 = _ref.generateConfig, picker = _ref.picker, showNow = _ref.showNow, showToday = _ref.showToday, showTime = _ref.showTime, mode = _ref.mode, onPanelChange = _ref.onPanelChange, onCalendarChange = _ref.onCalendarChange, onOk = _ref.onOk, multiple = _ref.multiple, defaultPickerValue = _ref.defaultPickerValue, pickerValue = _ref.pickerValue, onPickerValueChange = _ref.onPickerValueChange, inputReadOnly = _ref.inputReadOnly, suffixIcon = _ref.suffixIcon, removeIcon = _ref.removeIcon, onFocus = _ref.onFocus, onBlur2 = _ref.onBlur, presets = _ref.presets, components = _ref.components, cellRender = _ref.cellRender, dateRender = _ref.dateRender, monthCellRender = _ref.monthCellRender, onClick = _ref.onClick, selectorRef = usePickerRef(ref);
+  var _useFilledProps = useFilledProps(props), _useFilledProps2 = _slicedToArray$1(_useFilledProps, 6), filledProps = _useFilledProps2[0], internalPicker = _useFilledProps2[1], complexPicker = _useFilledProps2[2], formatList = _useFilledProps2[3], maskFormat = _useFilledProps2[4], isInvalidateDate = _useFilledProps2[5], _ref = filledProps, prefixCls = _ref.prefixCls, styles2 = _ref.styles, classNames = _ref.classNames, order = _ref.order, defaultValue = _ref.defaultValue, value = _ref.value, needConfirm = _ref.needConfirm, onChange = _ref.onChange, onKeyDown2 = _ref.onKeyDown, disabled = _ref.disabled, disabledDate = _ref.disabledDate, minDate = _ref.minDate, maxDate = _ref.maxDate, defaultOpen = _ref.defaultOpen, open = _ref.open, onOpenChange = _ref.onOpenChange, locale = _ref.locale, generateConfig2 = _ref.generateConfig, picker = _ref.picker, showNow = _ref.showNow, showToday = _ref.showToday, showTime = _ref.showTime, mode = _ref.mode, onPanelChange = _ref.onPanelChange, onCalendarChange = _ref.onCalendarChange, onOk = _ref.onOk, multiple = _ref.multiple, defaultPickerValue = _ref.defaultPickerValue, pickerValue = _ref.pickerValue, onPickerValueChange = _ref.onPickerValueChange, inputReadOnly = _ref.inputReadOnly, suffixIcon = _ref.suffixIcon, removeIcon = _ref.removeIcon, onFocus = _ref.onFocus, onBlur2 = _ref.onBlur, presets = _ref.presets, components = _ref.components, cellRender = _ref.cellRender, dateRender = _ref.dateRender, monthCellRender = _ref.monthCellRender, onClick = _ref.onClick, selectorRef = usePickerRef(ref);
   function pickerParam(values3) {
     return values3 === null ? null : multiple ? values3 : values3[0];
   }
   __name(pickerParam, "pickerParam");
-  var toggleDates = useToggleDates(generateConfig2, locale, internalPicker), _useOpen = useOpen(open, defaultOpen, [disabled], onOpenChange), _useOpen2 = _slicedToArray$3(_useOpen, 2), mergedOpen = _useOpen2[0], triggerOpen = _useOpen2[1], onInternalCalendarChange = /* @__PURE__ */ __name(function(dates, dateStrings, info) {
+  var toggleDates = useToggleDates(generateConfig2, locale, internalPicker), _useOpen = useOpen(open, defaultOpen, [disabled], onOpenChange), _useOpen2 = _slicedToArray$1(_useOpen, 2), mergedOpen = _useOpen2[0], triggerOpen = _useOpen2[1], onInternalCalendarChange = /* @__PURE__ */ __name(function(dates, dateStrings, info) {
     if (onCalendarChange) {
-      var filteredInfo = _objectSpread2$3({}, info);
+      var filteredInfo = _objectSpread2$1({}, info);
       delete filteredInfo.range, onCalendarChange(pickerParam(dates), pickerParam(dateStrings), filteredInfo);
     }
   }, "onInternalCalendarChange2"), onInternalOk = /* @__PURE__ */ __name(function(dates) {
     onOk == null || onOk(pickerParam(dates));
-  }, "onInternalOk2"), _useInnerValue = useInnerValue(generateConfig2, locale, formatList, !1, order, defaultValue, value, onInternalCalendarChange, onInternalOk), _useInnerValue2 = _slicedToArray$3(_useInnerValue, 5), mergedValue = _useInnerValue2[0], setInnerValue = _useInnerValue2[1], getCalendarValue = _useInnerValue2[2], triggerCalendarChange = _useInnerValue2[3], triggerOk = _useInnerValue2[4], calendarValue = getCalendarValue(), _useRangeActive = useRangeActive([disabled]), _useRangeActive2 = _slicedToArray$3(_useRangeActive, 4), focused = _useRangeActive2[0], triggerFocus2 = _useRangeActive2[1], lastOperation = _useRangeActive2[2], activeIndex = _useRangeActive2[3], onSharedFocus = /* @__PURE__ */ __name(function(event) {
+  }, "onInternalOk2"), _useInnerValue = useInnerValue(generateConfig2, locale, formatList, !1, order, defaultValue, value, onInternalCalendarChange, onInternalOk), _useInnerValue2 = _slicedToArray$1(_useInnerValue, 5), mergedValue = _useInnerValue2[0], setInnerValue = _useInnerValue2[1], getCalendarValue = _useInnerValue2[2], triggerCalendarChange = _useInnerValue2[3], triggerOk = _useInnerValue2[4], calendarValue = getCalendarValue(), _useRangeActive = useRangeActive([disabled]), _useRangeActive2 = _slicedToArray$1(_useRangeActive, 4), focused = _useRangeActive2[0], triggerFocus2 = _useRangeActive2[1], lastOperation = _useRangeActive2[2], activeIndex = _useRangeActive2[3], onSharedFocus = /* @__PURE__ */ __name(function(event) {
     triggerFocus2(!0), onFocus == null || onFocus(event, {});
   }, "onSharedFocus2"), onSharedBlur = /* @__PURE__ */ __name(function(event) {
     triggerFocus2(!1), onBlur2 == null || onBlur2(event, {});
   }, "onSharedBlur2"), _useMergedState = useMergedState(picker, {
     value: mode
-  }), _useMergedState2 = _slicedToArray$3(_useMergedState, 2), mergedMode = _useMergedState2[0], setMode = _useMergedState2[1], internalMode = mergedMode === "date" && showTime ? "datetime" : mergedMode, mergedShowNow = useShowNow(picker, mergedMode, showNow, showToday), onInternalChange = onChange && function(dates, dateStrings) {
+  }), _useMergedState2 = _slicedToArray$1(_useMergedState, 2), mergedMode = _useMergedState2[0], setMode = _useMergedState2[1], internalMode = mergedMode === "date" && showTime ? "datetime" : mergedMode, mergedShowNow = useShowNow(picker, mergedMode, showNow, showToday), onInternalChange = onChange && function(dates, dateStrings) {
     onChange(pickerParam(dates), pickerParam(dateStrings));
   }, _useRangeValue = useRangeValue(
-    _objectSpread2$3(_objectSpread2$3({}, filledProps), {}, {
+    _objectSpread2$1(_objectSpread2$1({}, filledProps), {}, {
       onChange: onInternalChange
     }),
     mergedValue,
@@ -9321,13 +8932,13 @@ function Picker2(props, ref) {
     focused,
     mergedOpen,
     isInvalidateDate
-  ), _useRangeValue2 = _slicedToArray$3(_useRangeValue, 2), triggerSubmitChange = _useRangeValue2[1], _useFieldsInvalidate = useFieldsInvalidate(calendarValue, isInvalidateDate), _useFieldsInvalidate2 = _slicedToArray$3(_useFieldsInvalidate, 2), submitInvalidates = _useFieldsInvalidate2[0], onSelectorInvalid = _useFieldsInvalidate2[1], submitInvalidate = React$6.useMemo(function() {
+  ), _useRangeValue2 = _slicedToArray$1(_useRangeValue, 2), triggerSubmitChange = _useRangeValue2[1], _useFieldsInvalidate = useFieldsInvalidate(calendarValue, isInvalidateDate), _useFieldsInvalidate2 = _slicedToArray$1(_useFieldsInvalidate, 2), submitInvalidates = _useFieldsInvalidate2[0], onSelectorInvalid = _useFieldsInvalidate2[1], submitInvalidate = React$6.useMemo(function() {
     return submitInvalidates.some(function(invalidated) {
       return invalidated;
     });
   }, [submitInvalidates]), onInternalPickerValueChange = /* @__PURE__ */ __name(function(dates, info) {
     if (onPickerValueChange) {
-      var cleanInfo = _objectSpread2$3(_objectSpread2$3({}, info), {}, {
+      var cleanInfo = _objectSpread2$1(_objectSpread2$1({}, info), {}, {
         mode: info.mode[0]
       });
       delete cleanInfo.range, onPickerValueChange(dates[0], cleanInfo);
@@ -9348,7 +8959,7 @@ function Picker2(props, ref) {
     onInternalPickerValueChange,
     minDate,
     maxDate
-  ), _useRangePickerValue2 = _slicedToArray$3(_useRangePickerValue, 2), currentPickerValue = _useRangePickerValue2[0], setCurrentPickerValue = _useRangePickerValue2[1], triggerModeChange = useEvent(function(nextPickerValue, nextMode, triggerEvent) {
+  ), _useRangePickerValue2 = _slicedToArray$1(_useRangePickerValue, 2), currentPickerValue = _useRangePickerValue2[0], setCurrentPickerValue = _useRangePickerValue2[1], triggerModeChange = useEvent(function(nextPickerValue, nextMode, triggerEvent) {
     if (setMode(nextMode), onPanelChange && triggerEvent !== !1) {
       var lastPickerValue = nextPickerValue || calendarValue[calendarValue.length - 1];
       onPanelChange(lastPickerValue, nextMode);
@@ -9363,7 +8974,7 @@ function Picker2(props, ref) {
     triggerSubmitChange(null), triggerOpen(!1, {
       force: !0
     });
-  }, "onSelectorClear2"), _React$useState = React$6.useState(null), _React$useState2 = _slicedToArray$3(_React$useState, 2), hoverSource = _React$useState2[0], setHoverSource = _React$useState2[1], _React$useState3 = React$6.useState(null), _React$useState4 = _slicedToArray$3(_React$useState3, 2), internalHoverValue = _React$useState4[0], setInternalHoverValue = _React$useState4[1], hoverValues = React$6.useMemo(function() {
+  }, "onSelectorClear2"), _React$useState = React$6.useState(null), _React$useState2 = _slicedToArray$1(_React$useState, 2), hoverSource = _React$useState2[0], setHoverSource = _React$useState2[1], _React$useState3 = React$6.useState(null), _React$useState4 = _slicedToArray$1(_React$useState3, 2), internalHoverValue = _React$useState4[0], setInternalHoverValue = _React$useState4[1], hoverValues = React$6.useMemo(function() {
     var values3 = [internalHoverValue].concat(_toConsumableArray$4(calendarValue)).filter(function(date) {
       return date;
     });
@@ -9397,10 +9008,10 @@ function Picker2(props, ref) {
     triggerOpen(!1);
   }, "onPopupClose2"), onInternalCellRender = useCellRender(cellRender, dateRender, monthCellRender), panelProps = React$6.useMemo(function() {
     var domProps = pickAttrs(filledProps, !1), restProps = omit$2(filledProps, [].concat(_toConsumableArray$4(Object.keys(domProps)), ["onChange", "onCalendarChange", "style", "className", "onPanelChange"]));
-    return _objectSpread2$3(_objectSpread2$3({}, restProps), {}, {
+    return _objectSpread2$1(_objectSpread2$1({}, restProps), {}, {
       multiple: filledProps.multiple
     });
-  }, [filledProps]), panel = /* @__PURE__ */ React$6.createElement(Popup$2, _extends$7({}, panelProps, {
+  }, [filledProps]), panel = /* @__PURE__ */ React$6.createElement(Popup$2, _extends$6({}, panelProps, {
     showNow: mergedShowNow,
     showTime,
     disabledDate,
@@ -9456,7 +9067,7 @@ function Picker2(props, ref) {
     !mergedOpen && lastOp === "input" && (triggerOpen(!1), triggerConfirm()), !mergedOpen && complexPicker && !needConfirm && lastOp === "panel" && (triggerOpen(!0), triggerConfirm());
   }, [mergedOpen]), /* @__PURE__ */ React$6.createElement(PickerContext.Provider, {
     value: context
-  }, /* @__PURE__ */ React$6.createElement(PickerTrigger, _extends$7({}, pickTriggerProps(filledProps), {
+  }, /* @__PURE__ */ React$6.createElement(PickerTrigger, _extends$6({}, pickTriggerProps(filledProps), {
     popupElement: panel,
     popupStyle: styles2.popup,
     popupClassName: classNames.popup,
@@ -9464,7 +9075,7 @@ function Picker2(props, ref) {
     onClose: onPopupClose
   }), /* @__PURE__ */ React$6.createElement(
     RefSingleSelector,
-    _extends$7({}, filledProps, {
+    _extends$6({}, filledProps, {
       // Ref
       ref: selectorRef,
       suffixIcon,
@@ -10069,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);
@@ -10190,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 = {};
@@ -10252,7 +9881,7 @@ var _excluded$m = ["autoComplete", "onChange", "onFocus", "onBlur", "onPressEnte
   useEffect(function() {
     if (selection) {
       var _inputRef$current6;
-      (_inputRef$current6 = inputRef.current) === null || _inputRef$current6 === void 0 || _inputRef$current6.setSelectionRange.apply(_inputRef$current6, _toConsumableArray$4(selection));
+      (_inputRef$current6 = inputRef.current) === null || _inputRef$current6 === void 0 || _inputRef$current6.setSelectionRange.apply(_inputRef$current6, _toConsumableArray$3(selection));
     }
   }, [selection]);
   var onInternalChange = /* @__PURE__ */ __name(function(e2) {
@@ -11090,23 +10719,6 @@ const inputNumber = "univer-input-number", inputNumberFocused = "univer-input-nu
     }
   );
 });
-function _arrayWithoutHoles$2(r) {
-  if (Array.isArray(r)) return _arrayLikeToArray(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(r) || _nonIterableSpread$2();
-}
-__name(_toConsumableArray$3, "_toConsumableArray$3");
 function isEqual(obj1, obj2) {
   var shallow = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1, refSet = /* @__PURE__ */ new Set();
   function deepEqual(a, b2) {
@@ -11177,7 +10789,7 @@ var PathTrackerContext = /* @__PURE__ */ React$6.createContext(EmptyList);
 function useFullPath(eventKey) {
   var parentKeyPath = React$6.useContext(PathTrackerContext);
   return React$6.useMemo(function() {
-    return eventKey !== void 0 ? [].concat(_toConsumableArray$3(parentKeyPath), [eventKey]) : parentKeyPath;
+    return eventKey !== void 0 ? [].concat(_toConsumableArray$4(parentKeyPath), [eventKey]) : parentKeyPath;
   }, [parentKeyPath, eventKey]);
 }
 __name(useFullPath, "useFullPath");
@@ -11374,11 +10986,11 @@ function useKeyRecords() {
       return pathKeyList.includes(eventKey);
     });
   }, [getKeyPath]), getKeys = /* @__PURE__ */ __name(function() {
-    var keys4 = _toConsumableArray$3(key2pathRef.current.keys());
+    var keys4 = _toConsumableArray$4(key2pathRef.current.keys());
     return overflowKeys.length && keys4.push(OVERFLOW_KEY), keys4;
   }, "getKeys2"), getSubPathKeys = useCallback(function(key) {
     var connectedPath = "".concat(key2pathRef.current.get(key)).concat(PATH_SPLIT), pathKeys = /* @__PURE__ */ new Set();
-    return _toConsumableArray$3(path2keyRef.current.keys()).forEach(function(pathKey) {
+    return _toConsumableArray$4(path2keyRef.current.keys()).forEach(function(pathKey) {
       pathKey.startsWith(connectedPath) && pathKeys.add(path2keyRef.current.get(pathKey));
     }), pathKeys;
   }, []);
@@ -11490,7 +11102,7 @@ var _excluded$i = ["title", "attribute", "elementRef"], _excluded2$2 = ["style",
     return {
       key: eventKey,
       // Note: For legacy code is reversed which not like other antd component
-      keyPath: _toConsumableArray$3(connectedKeys).reverse(),
+      keyPath: _toConsumableArray$4(connectedKeys).reverse(),
       item: legacyMenuItemRef.current,
       domEvent: e2
     };
@@ -11560,7 +11172,7 @@ function parseChildren(children, keyPath) {
   return toArray$3(children).map(function(child, index2) {
     if (/* @__PURE__ */ React$6.isValidElement(child)) {
       var _eventKey, _child$props, key = child.key, eventKey = (_eventKey = (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.eventKey) !== null && _eventKey !== void 0 ? _eventKey : key, emptyKey = eventKey == null;
-      emptyKey && (eventKey = "tmp_key-".concat([].concat(_toConsumableArray$3(keyPath), [index2]).join("-")));
+      emptyKey && (eventKey = "tmp_key-".concat([].concat(_toConsumableArray$4(keyPath), [index2]).join("-")));
       var cloneProps = {
         key: eventKey,
         eventKey
@@ -11706,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,
@@ -11986,7 +11598,7 @@ var _excluded$d = ["prefixCls", "rootClassName", "style", "className", "tabIndex
       var targetKey = info.key, exist = mergedSelectKeys.includes(targetKey), newSelectKeys;
       multiple ? exist ? newSelectKeys = mergedSelectKeys.filter(function(key) {
         return key !== targetKey;
-      }) : newSelectKeys = [].concat(_toConsumableArray$3(mergedSelectKeys), [targetKey]) : newSelectKeys = [targetKey], setMergedSelectKeys(newSelectKeys);
+      }) : newSelectKeys = [].concat(_toConsumableArray$4(mergedSelectKeys), [targetKey]) : newSelectKeys = [targetKey], setMergedSelectKeys(newSelectKeys);
       var selectInfo = _objectSpread2$1(_objectSpread2$1({}, info), {}, {
         selectedKeys: newSelectKeys
       });
@@ -13183,8 +12795,8 @@ function Pager(props) {
   return /* @__PURE__ */ React__default.createElement("div", { className: styles$e.pager }, hasValue2 ? /* @__PURE__ */ React__default.createElement(Fragment, null, /* @__PURE__ */ React__default.createElement("div", { role: "button", className: styles$e.pagerLeftArrow, onClick: onClickLeftArrow }, /* @__PURE__ */ React__default.createElement(MoreLeftSingle, null)), /* @__PURE__ */ React__default.createElement("div", { className: styles$e.pagerNumber }, text), /* @__PURE__ */ React__default.createElement("div", { role: "button", className: styles$e.pagerRightArrow, onClick: onClickRightArrow }, /* @__PURE__ */ React__default.createElement(MoreRightSingle, null))) : /* @__PURE__ */ React__default.createElement("div", { className: styles$e.pagerNumber }, text));
 }
 __name(Pager, "Pager");
-const popupAbsolute = "univer-popup-absolute", popup = "univer-popup", popupEnter = "univer-popup-enter", popupEnterActive = "univer-popup-enter-active", popupSlideUpIn = "univer-popup-slide-up-in", popupExit = "univer-popup-exit", popupSlideUpOut = "univer-popup-slide-up-out", popupExitActive = "univer-popup-exit-active", popupMask = "univer-popup-mask", styles$d = {
-  popupAbsolute,
+const popupFixed = "univer-popup-fixed", popup = "univer-popup", popupEnter = "univer-popup-enter", popupEnterActive = "univer-popup-enter-active", popupSlideUpIn = "univer-popup-slide-up-in", popupExit = "univer-popup-exit", popupSlideUpOut = "univer-popup-slide-up-out", popupExitActive = "univer-popup-exit-active", popupMask = "univer-popup-mask", styles$d = {
+  popupFixed,
   popup,
   popupEnter,
   popupEnterActive,
@@ -13246,8 +12858,16 @@ __name(Popup$1, "Popup$1");
 const RectPopupContext = createContext({ top: 0, bottom: 0, left: 0, right: 0 }), PUSHING_MINIMUM_GAP = 8;
 function calcPopupPosition(layout) {
   const { position, width: width2, height: height2, containerHeight, containerWidth, direction = "vertical" } = layout;
-  if (direction === "vertical" || direction === "top" || direction === "bottom") {
-    const { left: startX2, top: startY2, right: endX2, bottom: endY2 } = position, verticalStyle2 = direction === "top" ? { top: Math.max(startY2 - height2, PUSHING_MINIMUM_GAP) } : { top: Math.min(endY2, containerHeight - height2 - PUSHING_MINIMUM_GAP) }, horizontalStyle2 = startX2 + width2 > containerWidth ? { left: Math.max(endX2 - width2, PUSHING_MINIMUM_GAP) } : { left: Math.min(startX2, containerWidth - width2 - PUSHING_MINIMUM_GAP) };
+  if (direction === "vertical" || direction.includes("top") || direction.includes("bottom")) {
+    const { left: startX2, top: startY2, right: endX2, bottom: endY2 } = position, verticalStyle2 = direction.indexOf("top") > -1 ? { top: Math.max(startY2 - height2, PUSHING_MINIMUM_GAP) } : { top: Math.min(endY2, containerHeight - height2 - PUSHING_MINIMUM_GAP) };
+    let horizontalStyle2;
+    if (direction.includes("center")) {
+      const offsetX = (endX2 - startX2 - width2) / 2;
+      horizontalStyle2 = {
+        left: startX2 + offsetX
+      };
+    } else
+      horizontalStyle2 = startX2 + width2 > containerWidth ? { left: Math.max(endX2 - width2, PUSHING_MINIMUM_GAP) } : { left: Math.min(startX2, containerWidth - width2 - PUSHING_MINIMUM_GAP) };
     return { ...verticalStyle2, ...horizontalStyle2 };
   }
   const { left: startX, top: startY, right: endX, bottom: endY } = position, horizontalStyle = direction === "left" ? { left: Math.max(startX - width2, PUSHING_MINIMUM_GAP) } : { left: Math.min(endX, containerWidth - width2 - PUSHING_MINIMUM_GAP) };
@@ -13255,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
@@ -13304,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,
-      className: styles$d.popupAbsolute,
-      onPointerDown: /* @__PURE__ */ __name((e2) => e2.stopPropagation(), "onPointerDown")
+      style: { ...style2, ...hidden ? { display: "none" } : null },
+      className: styles$d.popupFixed,
+      onPointerDown: /* @__PURE__ */ __name((e2) => e2.stopPropagation(), "onPointerDown"),
+      onClick
     },
     /* @__PURE__ */ React__default.createElement(RectPopupContext.Provider, { value: anchorRect }, children)
   );
@@ -13456,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;
@@ -13477,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() {
@@ -13566,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
@@ -13589,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) {
@@ -13624,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) {
@@ -13646,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, {
@@ -13739,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]);
@@ -13795,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() {
@@ -13835,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"),
@@ -13885,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);
@@ -13903,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"),
@@ -13918,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);
@@ -13971,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;
@@ -13988,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;
@@ -14009,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 {
@@ -14045,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;
@@ -14082,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;
@@ -14153,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({});
   }
@@ -14166,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,
@@ -14177,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,
@@ -14195,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,
@@ -14225,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,
@@ -14246,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,
@@ -14966,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 = {
@@ -14983,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) {
@@ -15063,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
@@ -15074,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,
@@ -15103,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,
@@ -15138,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
         });
       }
@@ -15176,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;
       }
@@ -15191,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;
@@ -15199,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
@@ -15212,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), {}, {
@@ -15254,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() {
@@ -15276,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;
@@ -15301,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))
@@ -15312,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
       });
     });
@@ -15329,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;
@@ -15347,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,
@@ -15378,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) {
@@ -15391,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) {
@@ -15412,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;
@@ -15426,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,
@@ -15451,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,
@@ -15593,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)"
     };
@@ -15638,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,
@@ -15652,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();
   }
@@ -15664,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
       });
     }
@@ -15683,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",
@@ -15697,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,
@@ -15733,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