@univerjs/design 0.2.7 → 0.2.9

package/lib/es/index.js

@@ -698,55 +698,55 @@ function CheckboxGroup(props) {
   }) : child));
 }
 __name(CheckboxGroup, "CheckboxGroup");
-function _extends$5() {
-  return _extends$5 = Object.assign ? Object.assign.bind() : function(n2) {
+function _extends$6() {
+  return _extends$6 = Object.assign ? Object.assign.bind() : function(n2) {
     for (var e2 = 1; e2 < arguments.length; e2++) {
       var t2 = arguments[e2];
       for (var r in t2) ({}).hasOwnProperty.call(t2, r) && (n2[r] = t2[r]);
     }
     return n2;
-  }, _extends$5.apply(null, arguments);
+  }, _extends$6.apply(null, arguments);
 }
-__name(_extends$5, "_extends$5");
-function _typeof$2(o) {
+__name(_extends$6, "_extends$6");
+function _typeof$3(o) {
   "@babel/helpers - typeof";
-  return _typeof$2 = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(o2) {
+  return _typeof$3 = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(o2) {
     return typeof o2;
   } : function(o2) {
     return o2 && typeof Symbol == "function" && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
-  }, _typeof$2(o);
+  }, _typeof$3(o);
 }
-__name(_typeof$2, "_typeof$2");
-function toPrimitive$1(t2, r) {
-  if (_typeof$2(t2) != "object" || !t2) return t2;
+__name(_typeof$3, "_typeof$3");
+function toPrimitive$2(t2, r) {
+  if (_typeof$3(t2) != "object" || !t2) return t2;
   var e2 = t2[Symbol.toPrimitive];
   if (e2 !== void 0) {
     var i = e2.call(t2, r || "default");
-    if (_typeof$2(i) != "object") return i;
+    if (_typeof$3(i) != "object") return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (r === "string" ? String : Number)(t2);
 }
-__name(toPrimitive$1, "toPrimitive$1");
-function toPropertyKey$1(t2) {
-  var i = toPrimitive$1(t2, "string");
-  return _typeof$2(i) == "symbol" ? i : i + "";
+__name(toPrimitive$2, "toPrimitive$2");
+function toPropertyKey$2(t2) {
+  var i = toPrimitive$2(t2, "string");
+  return _typeof$3(i) == "symbol" ? i : i + "";
 }
-__name(toPropertyKey$1, "toPropertyKey$1");
-function _defineProperty$b(e2, r, t2) {
-  return (r = toPropertyKey$1(r)) in e2 ? Object.defineProperty(e2, r, {
+__name(toPropertyKey$2, "toPropertyKey$2");
+function _defineProperty$c(e2, r, t2) {
+  return (r = toPropertyKey$2(r)) in e2 ? Object.defineProperty(e2, r, {
     value: t2,
     enumerable: !0,
     configurable: !0,
     writable: !0
   }) : e2[r] = t2, e2;
 }
-__name(_defineProperty$b, "_defineProperty$b");
-function _arrayWithHoles$1(r) {
+__name(_defineProperty$c, "_defineProperty$c");
+function _arrayWithHoles$2(r) {
   if (Array.isArray(r)) return r;
 }
-__name(_arrayWithHoles$1, "_arrayWithHoles$1");
-function _iterableToArrayLimit$1(r, l2) {
+__name(_arrayWithHoles$2, "_arrayWithHoles$2");
+function _iterableToArrayLimit$2(r, l2) {
   var t2 = r == null ? null : typeof Symbol < "u" && r[Symbol.iterator] || r["@@iterator"];
   if (t2 != null) {
     var e2, n2, i, u2, a = [], f2 = !0, o = !1;
@@ -767,31 +767,31 @@ function _iterableToArrayLimit$1(r, l2) {
     return a;
   }
 }
-__name(_iterableToArrayLimit$1, "_iterableToArrayLimit$1");
-function _arrayLikeToArray(r, a) {
+__name(_iterableToArrayLimit$2, "_iterableToArrayLimit$2");
+function _arrayLikeToArray$1(r, a) {
   (a == null || a > r.length) && (a = r.length);
   for (var e2 = 0, n2 = Array(a); e2 < a; e2++) n2[e2] = r[e2];
   return n2;
 }
-__name(_arrayLikeToArray, "_arrayLikeToArray");
-function _unsupportedIterableToArray(r, a) {
+__name(_arrayLikeToArray$1, "_arrayLikeToArray$1");
+function _unsupportedIterableToArray$1(r, a) {
   if (r) {
-    if (typeof r == "string") return _arrayLikeToArray(r, a);
+    if (typeof r == "string") return _arrayLikeToArray$1(r, a);
     var t2 = {}.toString.call(r).slice(8, -1);
-    return t2 === "Object" && r.constructor && (t2 = r.constructor.name), t2 === "Map" || t2 === "Set" ? Array.from(r) : t2 === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t2) ? _arrayLikeToArray(r, a) : void 0;
+    return t2 === "Object" && r.constructor && (t2 = r.constructor.name), t2 === "Map" || t2 === "Set" ? Array.from(r) : t2 === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t2) ? _arrayLikeToArray$1(r, a) : void 0;
   }
 }
-__name(_unsupportedIterableToArray, "_unsupportedIterableToArray");
-function _nonIterableRest$1() {
+__name(_unsupportedIterableToArray$1, "_unsupportedIterableToArray$1");
+function _nonIterableRest$2() {
   throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-__name(_nonIterableRest$1, "_nonIterableRest$1");
-function _slicedToArray$1(r, e2) {
-  return _arrayWithHoles$1(r) || _iterableToArrayLimit$1(r, e2) || _unsupportedIterableToArray(r, e2) || _nonIterableRest$1();
+__name(_nonIterableRest$2, "_nonIterableRest$2");
+function _slicedToArray$2(r, e2) {
+  return _arrayWithHoles$2(r) || _iterableToArrayLimit$2(r, e2) || _unsupportedIterableToArray$1(r, e2) || _nonIterableRest$2();
 }
-__name(_slicedToArray$1, "_slicedToArray$1");
-function ownKeys$8(e2, r) {
+__name(_slicedToArray$2, "_slicedToArray$2");
+function ownKeys$9(e2, r) {
   var t2 = Object.keys(e2);
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(e2);
@@ -801,43 +801,43 @@ function ownKeys$8(e2, r) {
   }
   return t2;
 }
-__name(ownKeys$8, "ownKeys$8");
-function _objectSpread2$1(e2) {
+__name(ownKeys$9, "ownKeys$9");
+function _objectSpread2$2(e2) {
   for (var r = 1; r < arguments.length; r++) {
     var t2 = arguments[r] != null ? arguments[r] : {};
-    r % 2 ? ownKeys$8(Object(t2), !0).forEach(function(r2) {
-      _defineProperty$b(e2, r2, t2[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e2, Object.getOwnPropertyDescriptors(t2)) : ownKeys$8(Object(t2)).forEach(function(r2) {
+    r % 2 ? ownKeys$9(Object(t2), !0).forEach(function(r2) {
+      _defineProperty$c(e2, r2, t2[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e2, Object.getOwnPropertyDescriptors(t2)) : ownKeys$9(Object(t2)).forEach(function(r2) {
       Object.defineProperty(e2, r2, Object.getOwnPropertyDescriptor(t2, r2));
     });
   }
   return e2;
 }
-__name(_objectSpread2$1, "_objectSpread2$1");
-function _classCallCheck$1(a, n2) {
+__name(_objectSpread2$2, "_objectSpread2$2");
+function _classCallCheck$2(a, n2) {
   if (!(a instanceof n2)) throw new TypeError("Cannot call a class as a function");
 }
-__name(_classCallCheck$1, "_classCallCheck$1");
-function _defineProperties$1(e2, r) {
+__name(_classCallCheck$2, "_classCallCheck$2");
+function _defineProperties$2(e2, r) {
   for (var t2 = 0; t2 < r.length; t2++) {
     var o = r[t2];
-    o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e2, toPropertyKey$1(o.key), o);
+    o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e2, toPropertyKey$2(o.key), o);
   }
 }
-__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", {
+__name(_defineProperties$2, "_defineProperties$2");
+function _createClass$2(e2, r, t2) {
+  return r && _defineProperties$2(e2.prototype, r), Object.defineProperty(e2, "prototype", {
     writable: !1
   }), e2;
 }
-__name(_createClass$1, "_createClass$1");
-function _setPrototypeOf$3(t2, e2) {
-  return _setPrototypeOf$3 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t3, e3) {
+__name(_createClass$2, "_createClass$2");
+function _setPrototypeOf$4(t2, e2) {
+  return _setPrototypeOf$4 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t3, e3) {
     return t3.__proto__ = e3, t3;
-  }, _setPrototypeOf$3(t2, e2);
+  }, _setPrototypeOf$4(t2, e2);
 }
-__name(_setPrototypeOf$3, "_setPrototypeOf$3");
-function _inherits$1(t2, e2) {
+__name(_setPrototypeOf$4, "_setPrototypeOf$4");
+function _inherits$2(t2, e2) {
   if (typeof e2 != "function" && e2 !== null) throw new TypeError("Super expression must either be null or a function");
   t2.prototype = Object.create(e2 && e2.prototype, {
     constructor: {
@@ -847,69 +847,69 @@ function _inherits$1(t2, e2) {
     }
   }), Object.defineProperty(t2, "prototype", {
     writable: !1
-  }), e2 && _setPrototypeOf$3(t2, e2);
+  }), e2 && _setPrototypeOf$4(t2, e2);
 }
-__name(_inherits$1, "_inherits$1");
-function _getPrototypeOf$1(t2) {
-  return _getPrototypeOf$1 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t3) {
+__name(_inherits$2, "_inherits$2");
+function _getPrototypeOf$2(t2) {
+  return _getPrototypeOf$2 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t3) {
     return t3.__proto__ || Object.getPrototypeOf(t3);
-  }, _getPrototypeOf$1(t2);
+  }, _getPrototypeOf$2(t2);
 }
-__name(_getPrototypeOf$1, "_getPrototypeOf$1");
-function _isNativeReflectConstruct$1() {
+__name(_getPrototypeOf$2, "_getPrototypeOf$2");
+function _isNativeReflectConstruct$2() {
   try {
     var t2 = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
     }));
   } catch {
   }
-  return (_isNativeReflectConstruct$1 = /* @__PURE__ */ __name(function() {
+  return (_isNativeReflectConstruct$2 = /* @__PURE__ */ __name(function() {
     return !!t2;
   }, "_isNativeReflectConstruct"))();
 }
-__name(_isNativeReflectConstruct$1, "_isNativeReflectConstruct$1");
-function _assertThisInitialized$1(e2) {
+__name(_isNativeReflectConstruct$2, "_isNativeReflectConstruct$2");
+function _assertThisInitialized$2(e2) {
   if (e2 === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return e2;
 }
-__name(_assertThisInitialized$1, "_assertThisInitialized$1");
-function _possibleConstructorReturn$1(t2, e2) {
-  if (e2 && (_typeof$2(e2) == "object" || typeof e2 == "function")) return e2;
+__name(_assertThisInitialized$2, "_assertThisInitialized$2");
+function _possibleConstructorReturn$2(t2, e2) {
+  if (e2 && (_typeof$3(e2) == "object" || typeof e2 == "function")) return e2;
   if (e2 !== void 0) throw new TypeError("Derived constructors may only return object or undefined");
-  return _assertThisInitialized$1(t2);
+  return _assertThisInitialized$2(t2);
 }
-__name(_possibleConstructorReturn$1, "_possibleConstructorReturn$1");
-function _createSuper$1(t2) {
-  var r = _isNativeReflectConstruct$1();
+__name(_possibleConstructorReturn$2, "_possibleConstructorReturn$2");
+function _createSuper$2(t2) {
+  var r = _isNativeReflectConstruct$2();
   return function() {
-    var e2, o = _getPrototypeOf$1(t2);
+    var e2, o = _getPrototypeOf$2(t2);
     if (r) {
-      var s = _getPrototypeOf$1(this).constructor;
+      var s = _getPrototypeOf$2(this).constructor;
       e2 = Reflect.construct(o, arguments, s);
     } else e2 = o.apply(this, arguments);
-    return _possibleConstructorReturn$1(this, e2);
+    return _possibleConstructorReturn$2(this, e2);
   };
 }
-__name(_createSuper$1, "_createSuper$1");
-function _objectWithoutPropertiesLoose$3(r, e2) {
+__name(_createSuper$2, "_createSuper$2");
+function _objectWithoutPropertiesLoose$4(r, e2) {
   if (r == null) return {};
   var t2 = {};
   for (var n2 in r) if ({}.hasOwnProperty.call(r, n2)) {
-    if (e2.indexOf(n2) >= 0) continue;
+    if (e2.includes(n2)) continue;
     t2[n2] = r[n2];
   }
   return t2;
 }
-__name(_objectWithoutPropertiesLoose$3, "_objectWithoutPropertiesLoose$3");
-function _objectWithoutProperties$1(e2, t2) {
+__name(_objectWithoutPropertiesLoose$4, "_objectWithoutPropertiesLoose$4");
+function _objectWithoutProperties$2(e2, t2) {
   if (e2 == null) return {};
-  var o, r, i = _objectWithoutPropertiesLoose$3(e2, t2);
+  var o, r, i = _objectWithoutPropertiesLoose$4(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]);
+    var s = Object.getOwnPropertySymbols(e2);
+    for (r = 0; r < s.length; r++) o = s[r], t2.includes(o) || {}.propertyIsEnumerable.call(e2, o) && (i[o] = e2[o]);
   }
   return i;
 }
-__name(_objectWithoutProperties$1, "_objectWithoutProperties$1");
+__name(_objectWithoutProperties$2, "_objectWithoutProperties$2");
 const round = Math.round;
 function splitColorStr(str, parseNum) {
   const match2 = str.replace(/^[^(]*\((.*)/, "$1").replace(/\).*/, "").match(/\d*\.?\d+%?/g) || [], numList = match2.map((item) => parseFloat(item));
@@ -926,35 +926,7 @@ function limitRange(value, max) {
 __name(limitRange, "limitRange");
 const _FastColor = class _FastColor {
   constructor(input2) {
-    /**
-     * All FastColor objects are valid. So isValid is always true. This property is kept to be compatible with TinyColor.
-     */
-    __publicField(this, "isValid");
-    /**
-     * Red, R in RGB
-     */
-    __publicField(this, "r", 0);
-    /**
-     * Green, G in RGB
-     */
-    __publicField(this, "g", 0);
-    /**
-     * Blue, B in RGB
-     */
-    __publicField(this, "b", 0);
-    /**
-     * Alpha/Opacity, A in RGBA/HSLA
-     */
-    __publicField(this, "a", 1);
-    // HSV privates
-    __publicField(this, "_h");
-    __publicField(this, "_s");
-    __publicField(this, "_l");
-    __publicField(this, "_v");
-    // intermediate variables to calculate HSL/HSV
-    __publicField(this, "_max");
-    __publicField(this, "_min");
-    __publicField(this, "_brightness");
+    _defineProperty$c(this, "isValid", !0), _defineProperty$c(this, "r", 0), _defineProperty$c(this, "g", 0), _defineProperty$c(this, "b", 0), _defineProperty$c(this, "a", 1), _defineProperty$c(this, "_h", void 0), _defineProperty$c(this, "_s", void 0), _defineProperty$c(this, "_l", void 0), _defineProperty$c(this, "_v", void 0), _defineProperty$c(this, "_max", void 0), _defineProperty$c(this, "_min", void 0), _defineProperty$c(this, "_brightness", void 0);
     function matchFormat(str) {
       return str[0] in input2 && str[1] in input2 && str[2] in input2;
     }
@@ -1271,20 +1243,20 @@ var _excluded$x = ["b"], _excluded2$7 = ["v"], getRoundNumber = /* @__PURE__ */
 }, "getRoundNumber"), convertHsb2Hsv = /* @__PURE__ */ __name(function(color) {
   if (color instanceof FastColor)
     return color;
-  if (color && _typeof$2(color) === "object" && "h" in color && "b" in color) {
-    var _ref = color, b2 = _ref.b, resets = _objectWithoutProperties$1(_ref, _excluded$x);
-    return _objectSpread2$1(_objectSpread2$1({}, resets), {}, {
+  if (color && _typeof$3(color) === "object" && "h" in color && "b" in color) {
+    var _ref = color, b2 = _ref.b, resets = _objectWithoutProperties$2(_ref, _excluded$x);
+    return _objectSpread2$2(_objectSpread2$2({}, resets), {}, {
       v: b2
     });
   }
   return typeof color == "string" && /hsb/.test(color) ? color.replace(/hsb/, "hsv") : color;
 }, "convertHsb2Hsv"), Color = /* @__PURE__ */ function(_FastColor2) {
-  _inherits$1(Color2, _FastColor2);
-  var _super = _createSuper$1(Color2);
+  _inherits$2(Color2, _FastColor2);
+  var _super = _createSuper$2(Color2);
   function Color2(color) {
-    return _classCallCheck$1(this, Color2), _super.call(this, convertHsb2Hsv(color));
+    return _classCallCheck$2(this, Color2), _super.call(this, convertHsb2Hsv(color));
   }
-  return __name(Color2, "Color"), _createClass$1(Color2, [{
+  return __name(Color2, "Color"), _createClass$2(Color2, [{
     key: "toHsbString",
     value: /* @__PURE__ */ __name(function() {
       var hsb = this.toHsb(), saturation = getRoundNumber(hsb.s * 100), lightness = getRoundNumber(hsb.b * 100), hue = getRoundNumber(hsb.h), alpha = hsb.a, hsbString = "hsb(".concat(hue, ", ").concat(saturation, "%, ").concat(lightness, "%)"), hsbaString = "hsba(".concat(hue, ", ").concat(saturation, "%, ").concat(lightness, "%, ").concat(alpha.toFixed(alpha === 0 ? 0 : 2), ")");
@@ -1293,8 +1265,8 @@ var _excluded$x = ["b"], _excluded2$7 = ["v"], getRoundNumber = /* @__PURE__ */
   }, {
     key: "toHsb",
     value: /* @__PURE__ */ __name(function() {
-      var _this$toHsv = this.toHsv(), v2 = _this$toHsv.v, resets = _objectWithoutProperties$1(_this$toHsv, _excluded2$7);
-      return _objectSpread2$1(_objectSpread2$1({}, resets), {}, {
+      var _this$toHsv = this.toHsv(), v2 = _this$toHsv.v, resets = _objectWithoutProperties$2(_this$toHsv, _excluded2$7);
+      return _objectSpread2$2(_objectSpread2$2({}, resets), {}, {
         b: v2,
         a: this.a
       });
@@ -1307,11 +1279,11 @@ var _excluded$x = ["b"], _excluded2$7 = ["v"], getRoundNumber = /* @__PURE__ */
   if (type2)
     switch (type2) {
       case "hue":
-        return generateColor(_objectSpread2$1(_objectSpread2$1({}, hsb), {}, {
+        return generateColor(_objectSpread2$2(_objectSpread2$2({}, hsb), {}, {
           h: hueOffset <= 0 ? 0 : hueOffset
         }));
       case "alpha":
-        return generateColor(_objectSpread2$1(_objectSpread2$1({}, hsb), {}, {
+        return generateColor(_objectSpread2$2(_objectSpread2$2({}, hsb), {}, {
           a: alphaOffset <= 0 ? 0 : alphaOffset
         }));
     }
@@ -1405,7 +1377,7 @@ function useColorDrag(props) {
   var targetRef = props.targetRef, containerRef = props.containerRef, direction = props.direction, onDragChange = props.onDragChange, onDragChangeComplete = props.onDragChangeComplete, calculate = props.calculate, color = props.color, disabledDrag = props.disabledDrag, _useState = useState({
     x: 0,
     y: 0
-  }), _useState2 = _slicedToArray$1(_useState, 2), offsetValue = _useState2[0], setOffsetValue = _useState2[1], mouseMoveRef = useRef(null), mouseUpRef = useRef(null);
+  }), _useState2 = _slicedToArray$2(_useState, 2), offsetValue = _useState2[0], setOffsetValue = _useState2[1], mouseMoveRef = useRef(null), mouseUpRef = useRef(null);
   useEffect(function() {
     setOffsetValue(calculate());
   }, [color]), useEffect(function() {
@@ -1442,6 +1414,55 @@ function useEvent(callback) {
   return memoFn;
 }
 __name(useEvent, "useEvent");
+function _arrayWithHoles$1(r) {
+  if (Array.isArray(r)) return r;
+}
+__name(_arrayWithHoles$1, "_arrayWithHoles$1");
+function _iterableToArrayLimit$1(r, l2) {
+  var t2 = r == null ? null : typeof Symbol < "u" && r[Symbol.iterator] || r["@@iterator"];
+  if (t2 != null) {
+    var e2, n2, i, u2, a = [], f2 = !0, o = !1;
+    try {
+      if (i = (t2 = t2.call(r)).next, l2 === 0) {
+        if (Object(t2) !== t2) return;
+        f2 = !1;
+      } else for (; !(f2 = (e2 = i.call(t2)).done) && (a.push(e2.value), a.length !== l2); f2 = !0) ;
+    } catch (r2) {
+      o = !0, n2 = r2;
+    } finally {
+      try {
+        if (!f2 && t2.return != null && (u2 = t2.return(), Object(u2) !== u2)) return;
+      } finally {
+        if (o) throw n2;
+      }
+    }
+    return a;
+  }
+}
+__name(_iterableToArrayLimit$1, "_iterableToArrayLimit$1");
+function _arrayLikeToArray(r, a) {
+  (a == null || a > r.length) && (a = r.length);
+  for (var e2 = 0, n2 = Array(a); e2 < a; e2++) n2[e2] = r[e2];
+  return n2;
+}
+__name(_arrayLikeToArray, "_arrayLikeToArray");
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if (typeof r == "string") return _arrayLikeToArray(r, a);
+    var t2 = {}.toString.call(r).slice(8, -1);
+    return t2 === "Object" && r.constructor && (t2 = r.constructor.name), t2 === "Map" || t2 === "Set" ? Array.from(r) : t2 === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t2) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+__name(_unsupportedIterableToArray, "_unsupportedIterableToArray");
+function _nonIterableRest$1() {
+  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+__name(_nonIterableRest$1, "_nonIterableRest$1");
+function _slicedToArray$1(r, e2) {
+  return _arrayWithHoles$1(r) || _iterableToArrayLimit$1(r, e2) || _unsupportedIterableToArray(r, e2) || _nonIterableRest$1();
+}
+__name(_slicedToArray$1, "_slicedToArray$1");
 function canUseDom() {
   return !!(typeof window < "u" && window.document && window.document.createElement);
 }
@@ -1494,6 +1515,15 @@ function useMergedState(defaultStateValue, option) {
   return [postMergedValue, triggerChange];
 }
 __name(useMergedState, "useMergedState");
+function _typeof$2(o) {
+  "@babel/helpers - typeof";
+  return _typeof$2 = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(o2) {
+    return typeof o2;
+  } : function(o2) {
+    return o2 && typeof Symbol == "function" && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
+  }, _typeof$2(o);
+}
+__name(_typeof$2, "_typeof$2");
 var reactIs = { exports: {} }, reactIs_production_min = {};
 /**
  * @license React
@@ -1632,25 +1662,73 @@ function isReactElement(node) {
 }
 __name(isReactElement, "isReactElement");
 Number(version$1.split(".")[0]) >= 19;
-function _arrayWithoutHoles$2(r) {
+function toPrimitive$1(t2, r) {
+  if (_typeof$2(t2) != "object" || !t2) return t2;
+  var e2 = t2[Symbol.toPrimitive];
+  if (e2 !== void 0) {
+    var i = e2.call(t2, r || "default");
+    if (_typeof$2(i) != "object") return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (r === "string" ? String : Number)(t2);
+}
+__name(toPrimitive$1, "toPrimitive$1");
+function toPropertyKey$1(t2) {
+  var i = toPrimitive$1(t2, "string");
+  return _typeof$2(i) == "symbol" ? i : i + "";
+}
+__name(toPropertyKey$1, "toPropertyKey$1");
+function _defineProperty$b(e2, r, t2) {
+  return (r = toPropertyKey$1(r)) in e2 ? Object.defineProperty(e2, r, {
+    value: t2,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e2[r] = t2, e2;
+}
+__name(_defineProperty$b, "_defineProperty$b");
+function ownKeys$8(e2, r) {
+  var t2 = Object.keys(e2);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e2);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e2, r2).enumerable;
+    })), t2.push.apply(t2, o);
+  }
+  return t2;
+}
+__name(ownKeys$8, "ownKeys$8");
+function _objectSpread2$1(e2) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t2 = arguments[r] != null ? arguments[r] : {};
+    r % 2 ? ownKeys$8(Object(t2), !0).forEach(function(r2) {
+      _defineProperty$b(e2, r2, t2[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e2, Object.getOwnPropertyDescriptors(t2)) : ownKeys$8(Object(t2)).forEach(function(r2) {
+      Object.defineProperty(e2, r2, Object.getOwnPropertyDescriptor(t2, r2));
+    });
+  }
+  return e2;
+}
+__name(_objectSpread2$1, "_objectSpread2$1");
+function _arrayWithoutHoles$3(r) {
   if (Array.isArray(r)) return _arrayLikeToArray(r);
 }
-__name(_arrayWithoutHoles$2, "_arrayWithoutHoles$2");
-function _iterableToArray$2(r) {
+__name(_arrayWithoutHoles$3, "_arrayWithoutHoles$3");
+function _iterableToArray$3(r) {
   if (typeof Symbol < "u" && r[Symbol.iterator] != null || r["@@iterator"] != null) return Array.from(r);
 }
-__name(_iterableToArray$2, "_iterableToArray$2");
-function _nonIterableSpread$2() {
+__name(_iterableToArray$3, "_iterableToArray$3");
+function _nonIterableSpread$3() {
   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(_nonIterableSpread$3, "_nonIterableSpread$3");
+function _toConsumableArray$4(r) {
+  return _arrayWithoutHoles$3(r) || _iterableToArray$3(r) || _unsupportedIterableToArray(r) || _nonIterableSpread$3();
 }
-__name(_toConsumableArray$3, "_toConsumableArray$3");
+__name(_toConsumableArray$4, "_toConsumableArray$4");
 function _toArray(r) {
-  return _arrayWithHoles$1(r) || _iterableToArray$2(r) || _unsupportedIterableToArray(r) || _nonIterableRest$1();
+  return _arrayWithHoles$1(r) || _iterableToArray$3(r) || _unsupportedIterableToArray(r) || _nonIterableRest$1();
 }
 __name(_toArray, "_toArray");
 var warned$1 = {}, preMessage$1 = /* @__PURE__ */ __name(function(fn) {
@@ -1683,7 +1761,7 @@ warningOnce$1.noteOnce = noteOnce$1;
 var Handler = /* @__PURE__ */ __name(function(_ref) {
   var _ref$size = _ref.size, size = _ref$size === void 0 ? "default" : _ref$size, color = _ref.color, prefixCls = _ref.prefixCls;
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: clsx("".concat(prefixCls, "-handler"), _defineProperty$b({}, "".concat(prefixCls, "-handler-sm"), size === "small")),
+    className: clsx("".concat(prefixCls, "-handler"), _defineProperty$c({}, "".concat(prefixCls, "-handler-sm"), size === "small")),
     style: {
       backgroundColor: color
     }
@@ -1692,7 +1770,7 @@ var Handler = /* @__PURE__ */ __name(function(_ref) {
   var children = _ref.children, style2 = _ref.style, prefixCls = _ref.prefixCls;
   return /* @__PURE__ */ React__default.createElement("div", {
     className: "".concat(prefixCls, "-palette"),
-    style: _objectSpread2$1({
+    style: _objectSpread2$2({
       position: "relative"
     }, style2)
   }, children);
@@ -1729,7 +1807,7 @@ var Handler = /* @__PURE__ */ __name(function(_ref) {
       return onChangeComplete == null ? void 0 : onChangeComplete(colorRef.current);
     }, "onDragChangeComplete"),
     disabledDrag: disabled
-  }), _useColorDrag2 = _slicedToArray$1(_useColorDrag, 2), offset2 = _useColorDrag2[0], dragStartHandle = _useColorDrag2[1];
+  }), _useColorDrag2 = _slicedToArray$2(_useColorDrag, 2), offset2 = _useColorDrag2[0], dragStartHandle = _useColorDrag2[1];
   return /* @__PURE__ */ React__default.createElement("div", {
     ref: pickerRef,
     className: "".concat(prefixCls, "-select"),
@@ -1754,7 +1832,7 @@ var Handler = /* @__PURE__ */ __name(function(_ref) {
 }, "Picker"), useColorState = /* @__PURE__ */ __name(function(defaultValue, value) {
   var _useMergedState = useMergedState(defaultValue, {
     value
-  }), _useMergedState2 = _slicedToArray$1(_useMergedState, 2), mergedValue = _useMergedState2[0], setValue = _useMergedState2[1], color = useMemo$1(function() {
+  }), _useMergedState2 = _slicedToArray$2(_useMergedState, 2), mergedValue = _useMergedState2[0], setValue = _useMergedState2[1], color = useMemo$1(function() {
     return generateColor(mergedValue);
   }, [mergedValue]);
   return [color, setValue];
@@ -1798,7 +1876,7 @@ var Handler = /* @__PURE__ */ __name(function(_ref) {
     }, "onDragChangeComplete"),
     direction: "x",
     disabledDrag: disabled
-  }), _useColorDrag2 = _slicedToArray$1(_useColorDrag, 2), offset2 = _useColorDrag2[0], dragStartHandle = _useColorDrag2[1], handleColor = React__default.useMemo(function() {
+  }), _useColorDrag2 = _slicedToArray$2(_useColorDrag, 2), offset2 = _useColorDrag2[0], dragStartHandle = _useColorDrag2[1], handleColor = React__default.useMemo(function() {
     if (type2 === "hue") {
       var hsb = color.toHsb();
       hsb.s = 1, hsb.b = 1, hsb.a = 1;
@@ -1861,7 +1939,7 @@ var HUE_COLORS = [{
   color: "rgb(255, 0, 0)",
   percent: 100
 }], ColorPicker$1 = /* @__PURE__ */ forwardRef(function(props, ref) {
-  var value = props.value, defaultValue = props.defaultValue, _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? ColorPickerPrefixCls : _props$prefixCls, onChange = props.onChange, onChangeComplete = props.onChangeComplete, className = props.className, style2 = props.style, panelRender = props.panelRender, _props$disabledAlpha = props.disabledAlpha, disabledAlpha = _props$disabledAlpha === void 0 ? !1 : _props$disabledAlpha, _props$disabled = props.disabled, disabled = _props$disabled === void 0 ? !1 : _props$disabled, components = props.components, _useComponent = useComponent(components), _useComponent2 = _slicedToArray$1(_useComponent, 1), Slider3 = _useComponent2[0], _useColorState = useColorState(defaultValue || defaultColor, value), _useColorState2 = _slicedToArray$1(_useColorState, 2), colorValue = _useColorState2[0], setColorValue = _useColorState2[1], alphaColor = useMemo$1(function() {
+  var value = props.value, defaultValue = props.defaultValue, _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? ColorPickerPrefixCls : _props$prefixCls, onChange = props.onChange, onChangeComplete = props.onChangeComplete, className = props.className, style2 = props.style, panelRender = props.panelRender, _props$disabledAlpha = props.disabledAlpha, disabledAlpha = _props$disabledAlpha === void 0 ? !1 : _props$disabledAlpha, _props$disabled = props.disabled, disabled = _props$disabled === void 0 ? !1 : _props$disabled, components = props.components, _useComponent = useComponent(components), _useComponent2 = _slicedToArray$2(_useComponent, 1), Slider3 = _useComponent2[0], _useColorState = useColorState(defaultValue || defaultColor, value), _useColorState2 = _slicedToArray$2(_useColorState, 2), colorValue = _useColorState2[0], setColorValue = _useColorState2[1], alphaColor = useMemo$1(function() {
     return colorValue.setA(1).toRgbString();
   }, [colorValue]), handleChange = /* @__PURE__ */ __name(function(data, type2) {
     value || setColorValue(data), onChange == null || onChange(data, type2);
@@ -1883,19 +1961,19 @@ var HUE_COLORS = [{
     onChangeComplete && onChangeComplete(getHueColor(hue));
   }, "onHueChangeComplete2"), onAlphaChangeComplete = /* @__PURE__ */ __name(function(alpha) {
     onChangeComplete && onChangeComplete(getAlphaColor(alpha));
-  }, "onAlphaChangeComplete2"), mergeCls = clsx("".concat(prefixCls, "-panel"), className, _defineProperty$b({}, "".concat(prefixCls, "-panel-disabled"), disabled)), sharedSliderProps = {
+  }, "onAlphaChangeComplete2"), mergeCls = clsx("".concat(prefixCls, "-panel"), className, _defineProperty$c({}, "".concat(prefixCls, "-panel-disabled"), disabled)), sharedSliderProps = {
     prefixCls,
     disabled,
     color: colorValue
-  }, defaultPanel = /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Picker$1, _extends$5({
+  }, defaultPanel = /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Picker$1, _extends$6({
     onChange: handleChange
   }, sharedSliderProps, {
     onChangeComplete
   })), /* @__PURE__ */ React__default.createElement("div", {
     className: "".concat(prefixCls, "-slider-container")
   }, /* @__PURE__ */ React__default.createElement("div", {
-    className: clsx("".concat(prefixCls, "-slider-group"), _defineProperty$b({}, "".concat(prefixCls, "-slider-group-disabled-alpha"), disabledAlpha))
-  }, /* @__PURE__ */ React__default.createElement(Slider3, _extends$5({}, sharedSliderProps, {
+    className: clsx("".concat(prefixCls, "-slider-group"), _defineProperty$c({}, "".concat(prefixCls, "-slider-group-disabled-alpha"), disabledAlpha))
+  }, /* @__PURE__ */ React__default.createElement(Slider3, _extends$6({}, sharedSliderProps, {
     type: "hue",
     colors: HUE_COLORS,
     min: 0,
@@ -1903,7 +1981,7 @@ var HUE_COLORS = [{
     value: colorValue.getHue(),
     onChange: onHueChange,
     onChangeComplete: onHueChangeComplete
-  })), !disabledAlpha && /* @__PURE__ */ React__default.createElement(Slider3, _extends$5({}, sharedSliderProps, {
+  })), !disabledAlpha && /* @__PURE__ */ React__default.createElement(Slider3, _extends$6({}, sharedSliderProps, {
     type: "alpha",
     colors: [{
       percent: 0,
@@ -2058,6 +2136,16 @@ function ColorPicker(props) {
   )))), /* @__PURE__ */ React__default.createElement("section", { onClick: handleStopPropagation }, /* @__PURE__ */ React__default.createElement(ColorPicker$1, { prefixCls: styles$o.colorPicker, disabledAlpha: !0, onChangeComplete: handleChange })));
 }
 __name(ColorPicker, "ColorPicker");
+function _extends$5() {
+  return _extends$5 = Object.assign ? Object.assign.bind() : function(n2) {
+    for (var e2 = 1; e2 < arguments.length; e2++) {
+      var t2 = arguments[e2];
+      for (var r in t2) ({}).hasOwnProperty.call(t2, r) && (n2[r] = t2[r]);
+    }
+    return n2;
+  }, _extends$5.apply(null, arguments);
+}
+__name(_extends$5, "_extends$5");
 var OrderContext = /* @__PURE__ */ React$6.createContext(null), EMPTY_LIST$2 = [];
 function useDom(render2, debug) {
   var _React$useState = React$6.useState(function() {
@@ -2067,7 +2155,7 @@ function useDom(render2, debug) {
     return defaultEle;
   }), _React$useState2 = _slicedToArray$1(_React$useState, 1), ele = _React$useState2[0], appendedRef = React$6.useRef(!1), queueCreate = React$6.useContext(OrderContext), _React$useState3 = React$6.useState(EMPTY_LIST$2), _React$useState4 = _slicedToArray$1(_React$useState3, 2), queue = _React$useState4[0], setQueue = _React$useState4[1], mergedQueueCreate = queueCreate || (appendedRef.current ? void 0 : function(appendFn) {
     setQueue(function(origin) {
-      var newQueue = [appendFn].concat(_toConsumableArray$3(origin));
+      var newQueue = [appendFn].concat(_toConsumableArray$4(origin));
       return newQueue;
     });
   });
@@ -2904,7 +2992,104 @@ function findDOMNode$1(node) {
   return null;
 }
 __name(findDOMNode$1, "findDOMNode$1");
-var Context = /* @__PURE__ */ React$6.createContext({}), DomWrapper$1 = /* @__PURE__ */ function(_React$Component) {
+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({});
+function _classCallCheck$1(a, n2) {
+  if (!(a instanceof n2)) throw new TypeError("Cannot call a class as a function");
+}
+__name(_classCallCheck$1, "_classCallCheck$1");
+function _defineProperties$1(e2, r) {
+  for (var t2 = 0; t2 < r.length; t2++) {
+    var o = r[t2];
+    o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e2, toPropertyKey$1(o.key), o);
+  }
+}
+__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", {
+    writable: !1
+  }), e2;
+}
+__name(_createClass$1, "_createClass$1");
+function _setPrototypeOf$3(t2, e2) {
+  return _setPrototypeOf$3 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t3, e3) {
+    return t3.__proto__ = e3, t3;
+  }, _setPrototypeOf$3(t2, e2);
+}
+__name(_setPrototypeOf$3, "_setPrototypeOf$3");
+function _inherits$1(t2, e2) {
+  if (typeof e2 != "function" && e2 !== null) throw new TypeError("Super expression must either be null or a function");
+  t2.prototype = Object.create(e2 && e2.prototype, {
+    constructor: {
+      value: t2,
+      writable: !0,
+      configurable: !0
+    }
+  }), Object.defineProperty(t2, "prototype", {
+    writable: !1
+  }), e2 && _setPrototypeOf$3(t2, e2);
+}
+__name(_inherits$1, "_inherits$1");
+function _getPrototypeOf$1(t2) {
+  return _getPrototypeOf$1 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t3) {
+    return t3.__proto__ || Object.getPrototypeOf(t3);
+  }, _getPrototypeOf$1(t2);
+}
+__name(_getPrototypeOf$1, "_getPrototypeOf$1");
+function _isNativeReflectConstruct$1() {
+  try {
+    var t2 = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
+    }));
+  } catch {
+  }
+  return (_isNativeReflectConstruct$1 = /* @__PURE__ */ __name(function() {
+    return !!t2;
+  }, "_isNativeReflectConstruct"))();
+}
+__name(_isNativeReflectConstruct$1, "_isNativeReflectConstruct$1");
+function _assertThisInitialized$1(e2) {
+  if (e2 === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return e2;
+}
+__name(_assertThisInitialized$1, "_assertThisInitialized$1");
+function _possibleConstructorReturn$1(t2, e2) {
+  if (e2 && (_typeof$2(e2) == "object" || typeof e2 == "function")) return e2;
+  if (e2 !== void 0) throw new TypeError("Derived constructors may only return object or undefined");
+  return _assertThisInitialized$1(t2);
+}
+__name(_possibleConstructorReturn$1, "_possibleConstructorReturn$1");
+function _createSuper$1(t2) {
+  var r = _isNativeReflectConstruct$1();
+  return function() {
+    var e2, o = _getPrototypeOf$1(t2);
+    if (r) {
+      var s = _getPrototypeOf$1(this).constructor;
+      e2 = Reflect.construct(o, arguments, s);
+    } else e2 = o.apply(this, arguments);
+    return _possibleConstructorReturn$1(this, e2);
+  };
+}
+__name(_createSuper$1, "_createSuper$1");
+var DomWrapper$1 = /* @__PURE__ */ function(_React$Component) {
   _inherits$1(DomWrapper2, _React$Component);
   var _super = _createSuper$1(DomWrapper2);
   function DomWrapper2() {
@@ -4687,7 +4872,8 @@ function Dialog(props) {
     onClose,
     mask,
     dialogStyles,
-    closable
+    closable,
+    maskClosable
   } = props, [dragDisabled, setDragDisabled] = useState(!1), [positionOffset, setPositionOffset] = useState(null), { mountContainer } = useContext(ConfigContext), TitleIfDraggable = draggable ? /* @__PURE__ */ React__default.createElement(
     "div",
     {
@@ -4756,7 +4942,8 @@ function Dialog(props) {
       style: style2,
       onClose,
       styles: dialogStyles,
-      closable
+      closable,
+      maskClosable
     },
     children
   );
@@ -4794,6 +4981,23 @@ function Confirm(props) {
   );
 }
 __name(Confirm, "Confirm");
+function _arrayWithoutHoles$2(r) {
+  if (Array.isArray(r)) return _arrayLikeToArray$1(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$1(r) || _nonIterableSpread$2();
+}
+__name(_toConsumableArray$3, "_toConsumableArray$3");
 function omit$2(obj, fields) {
   var clone = Object.assign({}, obj);
   return Array.isArray(fields) && fields.forEach(function(key) {
@@ -5259,7 +5463,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$5({}, motion, {
+  return mask ? /* @__PURE__ */ React$6.createElement(CSSMotion, _extends$6({}, motion, {
     motionAppear: !0,
     visible: open,
     removeOnLeave: !0
@@ -5280,7 +5484,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$1(_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$2(_React$useState, 2), show = _React$useState2[0], setShow = _React$useState2[1];
   if (useLayoutEffect$1(function() {
     !show && getPopupContainerNeedParams && target && setShow(!0);
   }, [show, getPopupContainerNeedParams, target]), !show)
@@ -5312,7 +5516,7 @@ var PopupContent = /* @__PURE__ */ React$6.memo(function(_ref) {
     onResize: onAlign,
     disabled: !open
   }, function(resizeObserverRef) {
-    return /* @__PURE__ */ React$6.createElement(CSSMotion, _extends$5({
+    return /* @__PURE__ */ React$6.createElement(CSSMotion, _extends$6({
       motionAppear: !0,
       motionEnter: !0,
       motionLeave: !0,
@@ -5332,7 +5536,7 @@ var PopupContent = /* @__PURE__ */ React$6.memo(function(_ref) {
       return /* @__PURE__ */ React$6.createElement("div", {
         ref: composeRef(resizeObserverRef, ref, motionRef),
         className: cls,
-        style: _objectSpread2$1(_objectSpread2$1(_objectSpread2$1(_objectSpread2$1({
+        style: _objectSpread2$2(_objectSpread2$2(_objectSpread2$2(_objectSpread2$2({
           "--arrow-x": "".concat(arrowPos.x || 0, "px"),
           "--arrow-y": "".concat(arrowPos.y || 0, "px")
         }, offsetStyle), miscStyle), motionStyle), {}, {
@@ -5437,7 +5641,7 @@ function getPxValue(val) {
 }
 __name(getPxValue, "getPxValue");
 function getVisibleArea(initArea, scrollerList) {
-  var visibleArea = _objectSpread2$1({}, initArea);
+  var visibleArea = _objectSpread2$2({}, 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;
@@ -5457,7 +5661,7 @@ function getUnitOffset(size) {
 }
 __name(getUnitOffset, "getUnitOffset");
 function getNumberOffset(rect, offset2) {
-  var _ref = offset2 || [], _ref2 = _slicedToArray$1(_ref, 2), offsetX = _ref2[0], offsetY = _ref2[1];
+  var _ref = offset2 || [], _ref2 = _slicedToArray$2(_ref, 2), offsetX = _ref2[0], offsetY = _ref2[1];
   return [getUnitOffset(rect.width, offsetX), getUnitOffset(rect.height, offsetY)];
 }
 __name(getNumberOffset, "getNumberOffset");
@@ -5498,7 +5702,7 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
     scaleX: 1,
     scaleY: 1,
     align: builtinPlacements[placement] || {}
-  }), _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() {
+  }), _React$useState2 = _slicedToArray$2(_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 = {};
@@ -5513,7 +5717,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$1(_objectSpread2$1({}, builtinPlacements[placement]), popupAlign), placeholderElement = doc.createElement("div");
+      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$2(_objectSpread2$2({}, 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))
@@ -5551,9 +5755,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$1(_getNumberOffset, 2), popupOffsetX = _getNumberOffset2[0], popupOffsetY = _getNumberOffset2[1], _getNumberOffset3 = getNumberOffset(targetRect, targetOffset2), _getNumberOffset4 = _slicedToArray$1(_getNumberOffset3, 2), targetOffsetX = _getNumberOffset4[0], targetOffsetY = _getNumberOffset4[1];
+      var offset2 = placementInfo.offset, targetOffset2 = placementInfo.targetOffset, _getNumberOffset = getNumberOffset(popupRect, offset2), _getNumberOffset2 = _slicedToArray$2(_getNumberOffset, 2), popupOffsetX = _getNumberOffset2[0], popupOffsetY = _getNumberOffset2[1], _getNumberOffset3 = getNumberOffset(targetRect, targetOffset2), _getNumberOffset4 = _slicedToArray$2(_getNumberOffset3, 2), targetOffsetX = _getNumberOffset4[0], targetOffsetY = _getNumberOffset4[1];
       targetRect.x -= targetOffsetX, targetRect.y -= targetOffsetY;
-      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) {
+      var _ref3 = placementInfo.points || [], _ref4 = _slicedToArray$2(_ref3, 2), popupPoint = _ref4[0], targetPoint = _ref4[1], targetPoints = splitPoints(targetPoint), popupPoints = splitPoints(popupPoint), targetAlignPoint = getAlignPoint(targetRect, targetPoints), popupAlignPoint = getAlignPoint(popupRect, popupPoints), nextAlignInfo = _objectSpread2$2({}, 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();
@@ -5622,7 +5826,7 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
     });
   }, "triggerAlign"), resetReady = /* @__PURE__ */ __name(function() {
     setOffsetInfo(function(ori) {
-      return _objectSpread2$1(_objectSpread2$1({}, ori), {}, {
+      return _objectSpread2$2(_objectSpread2$2({}, ori), {}, {
         ready: !1
       });
     });
@@ -5659,9 +5863,9 @@ function useWinClick(open, clickToHide, targetEle, popupEle, mask, maskClosable,
   var openRef = React$6.useRef(open);
   openRef.current = open, React$6.useEffect(function() {
     if (clickToHide && popupEle && (!mask || maskClosable)) {
-      var onTriggerClose = /* @__PURE__ */ __name(function(_ref) {
-        var target = _ref.target;
-        openRef.current && !inPopupOrChild(target) && triggerOpen(!1);
+      var onTriggerClose = /* @__PURE__ */ __name(function(e2) {
+        var _e$composedPath;
+        openRef.current && !inPopupOrChild(((_e$composedPath = e2.composedPath) === null || _e$composedPath === void 0 || (_e$composedPath = _e$composedPath.call(e2)) === null || _e$composedPath === void 0 ? void 0 : _e$composedPath[0]) || e2.target) && triggerOpen(!1);
       }, "onTriggerClose2"), win = getWin(popupEle);
       win.addEventListener("mousedown", onTriggerClose, !0), win.addEventListener("contextmenu", onTriggerClose, !0);
       var targetShadowRoot = getShadowRoot(targetEle);
@@ -5675,7 +5879,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$1(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];
+    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$2(_React$useState, 2), mobile = _React$useState2[0], setMobile = _React$useState2[1];
     useLayoutEffect$1(function() {
       setMobile(isMobile());
     }, []);
@@ -5685,16 +5889,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$1(_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$2(_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$1(_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$2(_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$1(_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$2(_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() {
@@ -5718,13 +5922,13 @@ function generateTrigger() {
     React$6.useEffect(function() {
       return clearDelay;
     }, []);
-    var _React$useState9 = React$6.useState(!1), _React$useState10 = _slicedToArray$1(_React$useState9, 2), inMotion = _React$useState10[0], setInMotion = _React$useState10[1];
+    var _React$useState9 = React$6.useState(!1), _React$useState10 = _slicedToArray$2(_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$1(_React$useState11, 2), motionPrepareResolve = _React$useState12[0], setMotionPrepareResolve = _React$useState12[1], _React$useState13 = React$6.useState([0, 0]), _React$useState14 = _slicedToArray$1(_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$2(_React$useState11, 2), motionPrepareResolve = _React$useState12[0], setMotionPrepareResolve = _React$useState12[1], _React$useState13 = React$6.useState([0, 0]), _React$useState14 = _slicedToArray$2(_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$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() {
+    }, "setMousePosByEvent2"), _useAlign = useAlign(mergedOpen, popupEle, alignPoint ? mousePos : targetEle, popupPlacement, builtinPlacements, popupAlign, onPopupAlign), _useAlign2 = _slicedToArray$2(_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$2(_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);
@@ -5745,7 +5949,7 @@ function generateTrigger() {
         forceAlign: triggerAlign
       };
     });
-    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() {
+    var _React$useState15 = React$6.useState(0), _React$useState16 = _slicedToArray$2(_React$useState15, 2), targetWidth = _React$useState16[0], setTargetWidth = _React$useState16[1], _React$useState17 = React$6.useState(0), _React$useState18 = _slicedToArray$2(_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);
@@ -5799,7 +6003,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$1(_objectSpread2$1({}, originChildProps), cloneProps), passedProps = {}, passedEventList = ["onContextMenu", "onClick", "onMouseDown", "onTouchStart", "onMouseEnter", "onMouseLeave", "onFocus", "onBlur"];
+    var mergedChildrenProps = _objectSpread2$2(_objectSpread2$2({}, 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++)
@@ -5807,10 +6011,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$1(_objectSpread2$1({}, mergedChildrenProps), passedProps)), arrowPos = {
+    var triggerNode = /* @__PURE__ */ React$6.cloneElement(child, _objectSpread2$2(_objectSpread2$2({}, mergedChildrenProps), passedProps)), arrowPos = {
       x: arrowX,
       y: arrowY
-    }, innerArrow = arrow ? _objectSpread2$1({}, arrow !== !0 ? arrow : {}) : null;
+    }, innerArrow = arrow ? _objectSpread2$2({}, arrow !== !0 ? arrow : {}) : null;
     return /* @__PURE__ */ React$6.createElement(React$6.Fragment, null, /* @__PURE__ */ React$6.createElement(RefResizeObserver, {
       disabled: !mergedOpen,
       ref: setTargetRef,
@@ -5918,7 +6122,7 @@ function PickerTrigger(_ref) {
     popup: popupElement,
     popupAlign,
     popupVisible: visible,
-    popupClassName: clsx(popupClassName, _defineProperty$b(_defineProperty$b({}, "".concat(dropdownPrefixCls, "-range"), range), "".concat(dropdownPrefixCls, "-rtl"), direction === "rtl")),
+    popupClassName: clsx(popupClassName, _defineProperty$c(_defineProperty$c({}, "".concat(dropdownPrefixCls, "-range"), range), "".concat(dropdownPrefixCls, "-rtl"), direction === "rtl")),
     popupStyle,
     stretch: "minWidth",
     getPopupContainer,
@@ -5982,7 +6186,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$1(_objectSpread2$1({}, info), {}, {
+    return mergedCellRender(date, _objectSpread2$2(_objectSpread2$2({}, info), {}, {
       range
     }));
   }, [mergedCellRender, range]);
@@ -5990,7 +6194,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$1(_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$2(_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);
     });
@@ -6014,7 +6218,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$1(_objectSpread2$1({}, locale), {}, {
+  return _objectSpread2$2(_objectSpread2$2({}, locale), {}, {
     fieldDateTimeFormat: fieldDateTimeFormat || "YYYY-MM-DD ".concat(timeFormat),
     fieldDateFormat: fieldDateFormat || "YYYY-MM-DD",
     fieldTimeFormat: fieldTimeFormat || timeFormat,
@@ -6066,7 +6270,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$2(propFormat) === "object" ? propFormat.format : propFormat), picker === "time" && (timeProps.format = propFormat), [timeProps, propFormat];
+  return format2 && (propFormat = format2, Array.isArray(propFormat) && (propFormat = propFormat[0]), propFormat = _typeof$3(propFormat) === "object" ? propFormat.format : propFormat), picker === "time" && (timeProps.format = propFormat), [timeProps, propFormat];
 }
 __name(pickTimeProps, "pickTimeProps");
 function isStringFormat(format2) {
@@ -6095,10 +6299,10 @@ function fillShowConfig(hasShowConfig, showHour, showMinute, showSecond, showMil
 }
 __name(fillShowConfig, "fillShowConfig");
 function getTimeProps(componentProps) {
-  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({
+  var showTime = componentProps.showTime, _pickTimeProps = pickTimeProps(componentProps), _pickTimeProps2 = _slicedToArray$2(_pickTimeProps, 2), pickedProps = _pickTimeProps2[0], propFormat = _pickTimeProps2[1], showTimeConfig = showTime && _typeof$3(showTime) === "object" ? showTime : {}, timeConfig = _objectSpread2$2(_objectSpread2$2({
     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$1(_fillShowConfig, 3);
-  return showHour = _fillShowConfig2[0], showMinute = _fillShowConfig2[1], showSecond = _fillShowConfig2[2], [timeConfig, _objectSpread2$1(_objectSpread2$1({}, 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$2(_fillShowConfig, 3);
+  return showHour = _fillShowConfig2[0], showMinute = _fillShowConfig2[1], showSecond = _fillShowConfig2[2], [timeConfig, _objectSpread2$2(_objectSpread2$2({}, timeConfig), {}, {
     showHour,
     showMinute,
     showSecond,
@@ -6118,10 +6322,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$1(_fillShowConfig3, 3);
+    var _fillShowConfig3 = fillShowConfig(hasShowConfig, showHour, showMinute, showSecond, showMillisecond), _fillShowConfig4 = _slicedToArray$2(_fillShowConfig3, 3);
     showHour = _fillShowConfig4[0], showMinute = _fillShowConfig4[1], showSecond = _fillShowConfig4[2];
     var timeFormat = showTimeFormat || fillTimeFormat(showHour, showMinute, showSecond, showMillisecond, showMeridiem);
-    return _objectSpread2$1(_objectSpread2$1({}, pickedProps), {}, {
+    return _objectSpread2$2(_objectSpread2$2({}, pickedProps), {}, {
       // Format
       format: timeFormat,
       // Show Config
@@ -6138,7 +6342,7 @@ __name(fillShowTimeConfig, "fillShowTimeConfig");
 function fillClearIcon(prefixCls, allowClear, clearIcon) {
   if (allowClear === !1)
     return null;
-  var config2 = allowClear && _typeof$2(allowClear) === "object" ? allowClear : {};
+  var config2 = allowClear && _typeof$3(allowClear) === "object" ? allowClear : {};
   return config2.clearIcon || clearIcon || /* @__PURE__ */ React$6.createElement("span", {
     className: "".concat(prefixCls, "-clear-btn")
   });
@@ -6259,7 +6463,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$2(firstFormat) === "object" && firstFormat.type === "mask" ? firstFormat.format : null;
+    var rawFormat = getRowFormat(picker, locale, format2), formatList = toArray$1(rawFormat), firstFormat = formatList[0], maskFormat = _typeof$3(firstFormat) === "object" && firstFormat.type === "mask" ? firstFormat.format : null;
     return [
       // Format list
       formatList.map(function(config2) {
@@ -6277,7 +6481,7 @@ function useInputReadOnly(formatList, inputReadOnly, multiple) {
 __name(useInputReadOnly, "useInputReadOnly");
 function useInvalidate(generateConfig2, picker, disabledDate, showTime) {
   var isInvalidate = useEvent(function(date, info) {
-    var outsideInfo = _objectSpread2$1({
+    var outsideInfo = _objectSpread2$2({
       type: picker
     }, info);
     if (delete outsideInfo.activeIndex, // Date object is invalid
@@ -6305,17 +6509,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$1(_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$2(_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$1(_objectSpread2$1({}, props), {}, {
+    return _objectSpread2$2(_objectSpread2$2({}, props), {}, {
       prefixCls,
       locale: mergedLocale,
       picker,
       styles: styles2,
       classNames,
       order,
-      components: _objectSpread2$1({
+      components: _objectSpread2$2({
         input: inputRender
       }, components),
       clearIcon: fillClearIcon(prefixCls, allowClear, clearIcon),
@@ -6325,8 +6529,8 @@ function useFilledProps(props, updater) {
       pickerValue: pickerValues,
       defaultPickerValue: defaultPickerValues
     }, void 0);
-  }, [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), {}, {
+  }, [props]), _useFieldFormat = useFieldFormat(internalPicker, mergedLocale, format2), _useFieldFormat2 = _slicedToArray$2(_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$2(_objectSpread2$2({}, filledProps), {}, {
       needConfirm: mergedNeedConfirm,
       inputReadOnly: mergedInputReadOnly,
       disabledDate: disabledBoundaryDate
@@ -6338,7 +6542,7 @@ __name(useFilledProps, "useFilledProps");
 function useDelayState(value, defaultValue, onChange) {
   var _useMergedState = useMergedState(defaultValue, {
     value
-  }), _useMergedState2 = _slicedToArray$1(_useMergedState, 2), state = _useMergedState2[0], setState = _useMergedState2[1], nextValueRef = React__default.useRef(value), rafRef = React__default.useRef(), cancelRaf = /* @__PURE__ */ __name(function() {
+  }), _useMergedState2 = _slicedToArray$2(_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);
@@ -6353,7 +6557,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$1(_useDelayState, 2), rafOpen = _useDelayState2[0], setRafOpen = _useDelayState2[1];
+  }) ? !1 : open, _useDelayState = useDelayState(mergedOpen, defaultOpen || !1, onOpenChange), _useDelayState2 = _slicedToArray$2(_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);
@@ -6402,7 +6606,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$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) {
+  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$2(_React$useState, 2), activeIndex = _React$useState2[0], setActiveIndex = _React$useState2[1], _React$useState3 = React$6.useState(!1), _React$useState4 = _slicedToArray$2(_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;
@@ -6441,15 +6645,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$1(pickerValue, 2), startPickerValue = _pickerValue[0], endPickerValue = _pickerValue[1], _useMergedState = useMergedState(function() {
+  }, "getDefaultPickerValue"), _pickerValue = _slicedToArray$2(pickerValue, 2), startPickerValue = _pickerValue[0], endPickerValue = _pickerValue[1], _useMergedState = useMergedState(function() {
     return getDefaultPickerValue(0);
   }, {
     value: startPickerValue
-  }), _useMergedState2 = _slicedToArray$1(_useMergedState, 2), mergedStartPickerValue = _useMergedState2[0], setStartPickerValue = _useMergedState2[1], _useMergedState3 = useMergedState(function() {
+  }), _useMergedState2 = _slicedToArray$2(_useMergedState, 2), mergedStartPickerValue = _useMergedState2[0], setStartPickerValue = _useMergedState2[1], _useMergedState3 = useMergedState(function() {
     return getDefaultPickerValue(1);
   }, {
     value: endPickerValue
-  }), _useMergedState4 = _slicedToArray$1(_useMergedState3, 2), mergedEndPickerValue = _useMergedState4[0], setEndPickerValue = _useMergedState4[1], currentPickerValue = React$6.useMemo(function() {
+  }), _useMergedState4 = _slicedToArray$2(_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) {
@@ -6481,7 +6685,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$1(_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$2(_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({});
@@ -6519,7 +6723,7 @@ function orderDates(dates, generateConfig2) {
 }
 __name(orderDates, "orderDates");
 function useCalendarValue(mergedValue) {
-  var _useSyncState = useSyncState(mergedValue), _useSyncState2 = _slicedToArray$1(_useSyncState, 2), calendarValue = _useSyncState2[0], setCalendarValue = _useSyncState2[1], syncWithValue = useEvent(function() {
+  var _useSyncState = useSyncState(mergedValue), _useSyncState2 = _slicedToArray$2(_useSyncState, 2), calendarValue = _useSyncState2[0], setCalendarValue = _useSyncState2[1], syncWithValue = useEvent(function() {
     setCalendarValue(mergedValue);
   });
   return React$6.useEffect(function() {
@@ -6530,12 +6734,12 @@ __name(useCalendarValue, "useCalendarValue");
 function useInnerValue(generateConfig2, locale, formatList, rangeValue, order, defaultValue, value, onCalendarChange, onOk) {
   var _useMergedState = useMergedState(defaultValue, {
     value
-  }), _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) {
+  }), _useMergedState2 = _slicedToArray$2(_useMergedState, 2), innerValue = _useMergedState2[0], setInnerValue = _useMergedState2[1], mergedValue = innerValue || EMPTY_VALUE, _useCalendarValue = useCalendarValue(mergedValue), _useCalendarValue2 = _slicedToArray$2(_useCalendarValue, 2), calendarValue = _useCalendarValue2[0], setCalendarValue = _useCalendarValue2[1], _useUtil = useUtil(generateConfig2, locale, formatList), _useUtil2 = _slicedToArray$2(_useUtil, 2), getDateTexts = _useUtil2[0], isSameDates = _useUtil2[1], triggerCalendarChange = useEvent(function(nextCalendarValues) {
     var clone = _toConsumableArray$3(nextCalendarValues);
     order && (clone = orderDates(clone.filter(function(date) {
       return date;
     }), generateConfig2));
-    var _isSameDates = isSameDates(calendarValue(), clone), _isSameDates2 = _slicedToArray$1(_isSameDates, 2), isSameMergedDates = _isSameDates2[0], isSameStart = _isSameDates2[1];
+    var _isSameDates = isSameDates(calendarValue(), clone), _isSameDates2 = _slicedToArray$2(_isSameDates, 2), isSameMergedDates = _isSameDates2[0], isSameStart = _isSameDates2[1];
     if (!isSameMergedDates && (setCalendarValue(clone), onCalendarChange)) {
       var cellTexts = getDateTexts(clone);
       onCalendarChange(clone, cellTexts, {
@@ -6551,7 +6755,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$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() {
+  }) ? !1 : order, _useUtil3 = useUtil(generateConfig2, locale, formatList), _useUtil4 = _slicedToArray$2(_useUtil3, 2), getDateTexts = _useUtil4[0], isSameDates = _useUtil4[1], _useSyncState3 = useSyncState(mergedValue), _useSyncState4 = _slicedToArray$2(_useSyncState3, 2), submitValue = _useSyncState4[0], setSubmitValue = _useSyncState4[1], syncWithValue = useEvent(function() {
     setSubmitValue(mergedValue);
   });
   React$6.useEffect(function() {
@@ -6563,7 +6767,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$1(_clone, 2), start = _clone2[0], end = _clone2[1], startEmpty = !start, endEmpty = !end, validateEmptyDateRange = allowEmpty ? (
+    var _clone = clone, _clone2 = _slicedToArray$2(_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])
@@ -6583,7 +6787,7 @@ function useRangeValue(info, mergedValue, setInnerValue, getCalendarValue, trigg
     );
     if (allPassed) {
       setInnerValue(clone);
-      var _isSameDates3 = isSameDates(clone, mergedValue), _isSameDates4 = _slicedToArray$1(_isSameDates3, 1), isSameMergedDates = _isSameDates4[0];
+      var _isSameDates3 = isSameDates(clone, mergedValue), _isSameDates4 = _slicedToArray$2(_isSameDates3, 1), isSameMergedDates = _isSameDates4[0];
       onChange && !isSameMergedDates && onChange(
         // Return null directly if all date are empty
         isNullValue && clone.every(function(val) {
@@ -6651,9 +6855,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$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) {
+  }, [mergedDate, getDisabledTimes]), _React$useMemo2 = _slicedToArray$2(_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$1(_objectSpread2$1({}, unit), {}, {
+      return _objectSpread2$2(_objectSpread2$2({}, unit), {}, {
         label: leftPad(unit.value % 12 || 12, 2)
       });
     }) : hours, getMinuteUnits2 = /* @__PURE__ */ __name(function(nextHour) {
@@ -6666,12 +6870,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$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) {
+  }, [getAllUnits, mergedDisabledHours, mergedDisabledMinutes, mergedDisabledSeconds, mergedDisabledMilliseconds]), _React$useMemo4 = _slicedToArray$2(_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$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];
+      var _getDisabledTimes = getDisabledTimes(certainDate), _getDisabledTimes2 = _slicedToArray$2(_getDisabledTimes, 4), targetDisabledHours = _getDisabledTimes2[0], targetDisabledMinutes = _getDisabledTimes2[1], targetDisabledSeconds = _getDisabledTimes2[2], targetDisabledMilliseconds = _getDisabledTimes2[3], _getAllUnits = getAllUnits(targetDisabledHours, targetDisabledMinutes, targetDisabledSeconds, targetDisabledMilliseconds), _getAllUnits2 = _slicedToArray$2(_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;
@@ -6691,7 +6895,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$1(_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$2(_useTimeInfo, 1), getValidTime = _useTimeInfo2[0], extraNode = renderExtraFooter == null ? void 0 : renderExtraFooter(mode), nowDisabled = disabledDate(now, {
     type: mode
   }), onInternalNow = /* @__PURE__ */ __name(function() {
     if (!nowDisabled) {
@@ -6777,7 +6981,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$1(hoverRangeValue, 2), hoverStart = _hoverRangeValue[0], hoverEnd = _hoverRangeValue[1];
+        var _hoverRangeValue = _slicedToArray$2(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, {
@@ -6790,7 +6994,7 @@ function PanelBody(props) {
       rowNode.push(/* @__PURE__ */ React$6.createElement("td", {
         key: col,
         title,
-        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) {
+        className: clsx(cellPrefixCls, _objectSpread2$2(_defineProperty$c(_defineProperty$c(_defineProperty$c(_defineProperty$c(_defineProperty$c(_defineProperty$c({}, "".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))),
@@ -6907,13 +7111,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$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 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$2(_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$b({}, "".concat(cellPrefixCls, "-disabled"), disabled)),
+      className: clsx(cellPrefixCls, "".concat(cellPrefixCls, "-week"), _defineProperty$c({}, "".concat(cellPrefixCls, "-disabled"), disabled)),
       onClick: /* @__PURE__ */ __name(function() {
         disabled || onSelect2(date);
       }, "onClick"),
@@ -6944,7 +7148,7 @@ function DatePanel$1(props) {
       generateConfig: generateConfig2
     });
   }, "getCellText"), getCellClassName = /* @__PURE__ */ __name(function(date) {
-    var classObj = _defineProperty$b(_defineProperty$b({}, "".concat(prefixCls, "-cell-in-view"), isSameMonth(generateConfig2, date, pickerValue)), "".concat(prefixCls, "-cell-today"), isSameDate(generateConfig2, date, now));
+    var classObj = _defineProperty$c(_defineProperty$c({}, "".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",
@@ -6992,7 +7196,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$5({
+  }, monthYearNodes), /* @__PURE__ */ React$6.createElement(PanelBody, _extends$6({
     titleFormat: locale.fieldDateFormat
   }, props, {
     colNum: WEEK_DAY_COUNT,
@@ -7042,9 +7246,9 @@ function useScrollTo$1(ulRef, value) {
 __name(useScrollTo$1, "useScrollTo$1");
 var SCROLL_DELAY = 300;
 function TimeColumn(props) {
-  var units = props.units, value = props.value, optionalValue = props.optionalValue, type2 = props.type, onChange = props.onChange, 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() {
+  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$1(_useScrollTo, 3), syncScroll = _useScrollTo2[0], stopScroll = _useScrollTo2[1], isScrolling = _useScrollTo2[2];
+  }, "clearDelayCheck"), _useScrollTo = useScrollTo$1(ulRef, value != null ? value : optionalValue), _useScrollTo2 = _slicedToArray$2(_useScrollTo, 3), syncScroll = _useScrollTo2[0], stopScroll = _useScrollTo2[1], isScrolling = _useScrollTo2[2];
   useLayoutEffect$1(function() {
     return syncScroll(), clearDelayCheck(), function() {
       stopScroll(), clearDelayCheck();
@@ -7075,13 +7279,19 @@ function TimeColumn(props) {
     }, label);
     return /* @__PURE__ */ React$6.createElement("li", {
       key: unitValue,
-      className: clsx(cellPrefixCls, _defineProperty$b(_defineProperty$b({}, "".concat(cellPrefixCls, "-selected"), value === unitValue), "".concat(cellPrefixCls, "-disabled"), disabled)),
+      className: clsx(cellPrefixCls, _defineProperty$c(_defineProperty$c({}, "".concat(cellPrefixCls, "-selected"), value === unitValue), "".concat(cellPrefixCls, "-disabled"), disabled)),
       onClick: /* @__PURE__ */ __name(function() {
         disabled || onChange(unitValue);
       }, "onClick"),
       onDoubleClick: /* @__PURE__ */ __name(function() {
         !disabled && onDblClick && onDblClick();
       }, "onDoubleClick"),
+      onMouseEnter: /* @__PURE__ */ __name(function() {
+        onHover(unitValue);
+      }, "onMouseEnter"),
+      onMouseLeave: /* @__PURE__ */ __name(function() {
+        onHover(null);
+      }, "onMouseLeave"),
       "data-value": unitValue
     }, cellRender ? cellRender(unitValue, {
       prefixCls,
@@ -7099,10 +7309,10 @@ 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, 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 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$2(_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$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() {
+  }, "getUnitValue"), _getUnitValue = getUnitValue("getHour"), _getUnitValue2 = _slicedToArray$2(_getUnitValue, 2), hour = _getUnitValue2[0], pickerHour = _getUnitValue2[1], _getUnitValue3 = getUnitValue("getMinute"), _getUnitValue4 = _slicedToArray$2(_getUnitValue3, 2), minute = _getUnitValue4[0], pickerMinute = _getUnitValue4[1], _getUnitValue5 = getUnitValue("getSecond"), _getUnitValue6 = _slicedToArray$2(_getUnitValue5, 2), second = _getUnitValue6[0], pickerSecond = _getUnitValue6[1], _getUnitValue7 = getUnitValue("getMillisecond"), _getUnitValue8 = _slicedToArray$2(_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) {
@@ -7154,56 +7364,83 @@ function TimePanelBody(props) {
       return num != null;
     }, "isNotNull");
     return isNotNull(hour) ? (tmpl = generateConfig2.setHour(tmpl, hour), tmpl = generateConfig2.setMinute(tmpl, minute), tmpl = generateConfig2.setSecond(tmpl, second), tmpl = generateConfig2.setMillisecond(tmpl, millisecond)) : isNotNull(pickerHour) ? (tmpl = generateConfig2.setHour(tmpl, pickerHour), tmpl = generateConfig2.setMinute(tmpl, pickerMinute), tmpl = generateConfig2.setSecond(tmpl, pickerSecond), tmpl = generateConfig2.setMillisecond(tmpl, pickerMillisecond)) : isNotNull(validHour) && (tmpl = generateConfig2.setHour(tmpl, validHour), tmpl = generateConfig2.setMinute(tmpl, validMinute), tmpl = generateConfig2.setSecond(tmpl, validSecond), tmpl = generateConfig2.setMillisecond(tmpl, validMillisecond)), tmpl;
-  }, [value, pickerValue, hour, minute, second, millisecond, validHour, validMinute, validSecond, validMillisecond, pickerHour, pickerMinute, pickerSecond, pickerMillisecond, generateConfig2]), onHourChange = /* @__PURE__ */ __name(function(val) {
-    triggerChange(generateConfig2.setHour(triggerDateTmpl, val));
+  }, [value, pickerValue, hour, minute, second, millisecond, validHour, validMinute, validSecond, validMillisecond, pickerHour, pickerMinute, pickerSecond, pickerMillisecond, generateConfig2]), fillColumnValue = /* @__PURE__ */ __name(function(val, func) {
+    return val === null ? null : generateConfig2[func](triggerDateTmpl, val);
+  }, "fillColumnValue"), getNextHourTime = /* @__PURE__ */ __name(function(val) {
+    return fillColumnValue(val, "setHour");
+  }, "getNextHourTime"), getNextMinuteTime = /* @__PURE__ */ __name(function(val) {
+    return fillColumnValue(val, "setMinute");
+  }, "getNextMinuteTime"), getNextSecondTime = /* @__PURE__ */ __name(function(val) {
+    return fillColumnValue(val, "setSecond");
+  }, "getNextSecondTime"), getNextMillisecondTime = /* @__PURE__ */ __name(function(val) {
+    return fillColumnValue(val, "setMillisecond");
+  }, "getNextMillisecondTime"), getMeridiemTime = /* @__PURE__ */ __name(function(val) {
+    return val === null ? null : val === "am" && !isAM(hour) ? generateConfig2.setHour(triggerDateTmpl, hour - 12) : val === "pm" && isAM(hour) ? generateConfig2.setHour(triggerDateTmpl, hour + 12) : triggerDateTmpl;
+  }, "getMeridiemTime"), onHourChange = /* @__PURE__ */ __name(function(val) {
+    triggerChange(getNextHourTime(val));
   }, "onHourChange"), onMinuteChange = /* @__PURE__ */ __name(function(val) {
-    triggerChange(generateConfig2.setMinute(triggerDateTmpl, val));
+    triggerChange(getNextMinuteTime(val));
   }, "onMinuteChange"), onSecondChange = /* @__PURE__ */ __name(function(val) {
-    triggerChange(generateConfig2.setSecond(triggerDateTmpl, val));
+    triggerChange(getNextSecondTime(val));
   }, "onSecondChange"), onMillisecondChange = /* @__PURE__ */ __name(function(val) {
-    triggerChange(generateConfig2.setMillisecond(triggerDateTmpl, val));
+    triggerChange(getNextMillisecondTime(val));
   }, "onMillisecondChange"), onMeridiemChange = /* @__PURE__ */ __name(function(val) {
-    val === "am" && !isAM(hour) ? triggerChange(generateConfig2.setHour(triggerDateTmpl, hour - 12)) : val === "pm" && isAM(hour) && triggerChange(generateConfig2.setHour(triggerDateTmpl, hour + 12));
-  }, "onMeridiemChange"), sharedColumnProps = {
+    triggerChange(getMeridiemTime(val));
+  }, "onMeridiemChange"), onHourHover = /* @__PURE__ */ __name(function(val) {
+    onHover(getNextHourTime(val));
+  }, "onHourHover"), onMinuteHover = /* @__PURE__ */ __name(function(val) {
+    onHover(getNextMinuteTime(val));
+  }, "onMinuteHover"), onSecondHover = /* @__PURE__ */ __name(function(val) {
+    onHover(getNextSecondTime(val));
+  }, "onSecondHover"), onMillisecondHover = /* @__PURE__ */ __name(function(val) {
+    onHover(getNextMillisecondTime(val));
+  }, "onMillisecondHover"), onMeridiemHover = /* @__PURE__ */ __name(function(val) {
+    onHover(getMeridiemTime(val));
+  }, "onMeridiemHover"), sharedColumnProps = {
     onDblClick: onCellDblClick,
     changeOnScroll
   };
   return /* @__PURE__ */ React$6.createElement("div", {
     className: "".concat(prefixCls, "-content")
-  }, showHour && /* @__PURE__ */ React$6.createElement(TimeColumn, _extends$5({
+  }, showHour && /* @__PURE__ */ React$6.createElement(TimeColumn, _extends$6({
     units: hourUnits,
     value: hour,
     optionalValue: pickerHour,
     type: "hour",
-    onChange: onHourChange
-  }, sharedColumnProps)), showMinute && /* @__PURE__ */ React$6.createElement(TimeColumn, _extends$5({
+    onChange: onHourChange,
+    onHover: onHourHover
+  }, sharedColumnProps)), showMinute && /* @__PURE__ */ React$6.createElement(TimeColumn, _extends$6({
     units: minuteUnits,
     value: minute,
     optionalValue: pickerMinute,
     type: "minute",
-    onChange: onMinuteChange
-  }, sharedColumnProps)), showSecond && /* @__PURE__ */ React$6.createElement(TimeColumn, _extends$5({
+    onChange: onMinuteChange,
+    onHover: onMinuteHover
+  }, sharedColumnProps)), showSecond && /* @__PURE__ */ React$6.createElement(TimeColumn, _extends$6({
     units: secondUnits,
     value: second,
     optionalValue: pickerSecond,
     type: "second",
-    onChange: onSecondChange
-  }, sharedColumnProps)), showMillisecond && /* @__PURE__ */ React$6.createElement(TimeColumn, _extends$5({
+    onChange: onSecondChange,
+    onHover: onSecondHover
+  }, sharedColumnProps)), showMillisecond && /* @__PURE__ */ React$6.createElement(TimeColumn, _extends$6({
     units: millisecondUnits,
     value: millisecond,
     optionalValue: pickerMillisecond,
     type: "millisecond",
-    onChange: onMillisecondChange
-  }, sharedColumnProps)), showMeridiem && /* @__PURE__ */ React$6.createElement(TimeColumn, _extends$5({
+    onChange: onMillisecondChange,
+    onHover: onMillisecondHover
+  }, sharedColumnProps)), showMeridiem && /* @__PURE__ */ React$6.createElement(TimeColumn, _extends$6({
     units: meridiemUnits,
     value: meridiem,
     type: "meridiem",
-    onChange: onMeridiemChange
+    onChange: onMeridiemChange,
+    onHover: onMeridiemHover
   }, sharedColumnProps)));
 }
 __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$1(_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$2(_useInfo, 1), info = _useInfo2[0];
   return /* @__PURE__ */ React$6.createElement(PanelContext.Provider, {
     value: info
   }, /* @__PURE__ */ React$6.createElement("div", {
@@ -7216,7 +7453,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$1(_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$2(_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));
@@ -7226,14 +7463,14 @@ function DateTimePanel(props) {
   }, "onDateSelect");
   return /* @__PURE__ */ React$6.createElement("div", {
     className: panelPrefixCls
-  }, /* @__PURE__ */ React$6.createElement(DatePanel$1, _extends$5({}, 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$1(_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$2(_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) {
@@ -7253,7 +7490,7 @@ function DecadePanel(props) {
     });
     return "".concat(startYearStr, "-").concat(endYearStr);
   }, "getCellText"), getCellClassName = /* @__PURE__ */ __name(function(date) {
-    return _defineProperty$b({}, "".concat(prefixCls, "-cell-in-view"), isSameDecade(generateConfig2, date, startYearDate) || isSameDecade(generateConfig2, date, endYearDate) || isInRange(generateConfig2, startYearDate, endYearDate, date));
+    return _defineProperty$c({}, "".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);
@@ -7277,7 +7514,7 @@ function DecadePanel(props) {
     onChange: onPickerValueChange,
     getStart: getStartYear,
     getEnd: getEndYear
-  }, yearNode), /* @__PURE__ */ React$6.createElement(PanelBody, _extends$5({}, props, {
+  }, yearNode), /* @__PURE__ */ React$6.createElement(PanelBody, _extends$6({}, props, {
     disabledDate: mergedDisabledDate,
     colNum: 3,
     rowNum: 4,
@@ -7289,7 +7526,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$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) {
+  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$2(_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);
@@ -7299,7 +7536,7 @@ function MonthPanel(props) {
       generateConfig: generateConfig2
     }) : monthsLocale[month];
   }, "getCellText"), getCellClassName = /* @__PURE__ */ __name(function() {
-    return _defineProperty$b({}, "".concat(prefixCls, "-cell-in-view"), !0);
+    return _defineProperty$c({}, "".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);
@@ -7332,7 +7569,7 @@ function MonthPanel(props) {
     getEnd: /* @__PURE__ */ __name(function(date) {
       return generateConfig2.setMonth(date, 11);
     }, "getEnd")
-  }, yearNode), /* @__PURE__ */ React$6.createElement(PanelBody, _extends$5({}, props, {
+  }, yearNode), /* @__PURE__ */ React$6.createElement(PanelBody, _extends$6({}, props, {
     disabledDate: mergedDisabledDate,
     titleFormat: locale.fieldMonthFormat,
     colNum: 3,
@@ -7345,7 +7582,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$1(_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$2(_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, {
@@ -7354,7 +7591,7 @@ function QuarterPanel(props) {
       generateConfig: generateConfig2
     });
   }, "getCellText"), getCellClassName = /* @__PURE__ */ __name(function() {
-    return _defineProperty$b({}, "".concat(prefixCls, "-cell-in-view"), !0);
+    return _defineProperty$c({}, "".concat(prefixCls, "-cell-in-view"), !0);
   }, "getCellClassName"), yearNode = /* @__PURE__ */ React$6.createElement("button", {
     type: "button",
     key: "year",
@@ -7384,7 +7621,7 @@ function QuarterPanel(props) {
     getEnd: /* @__PURE__ */ __name(function(date) {
       return generateConfig2.setMonth(date, 11);
     }, "getEnd")
-  }, yearNode), /* @__PURE__ */ React$6.createElement(PanelBody, _extends$5({}, props, {
+  }, yearNode), /* @__PURE__ */ React$6.createElement(PanelBody, _extends$6({}, props, {
     titleFormat: locale.fieldQuarterFormat,
     colNum: 4,
     rowNum: 1,
@@ -7399,19 +7636,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$1(hoverRangeValue, 2), rangeStart = _hoverRangeValue[0], rangeEnd = _hoverRangeValue[1], isRangeStart = isSameWeek(generateConfig2, localeName, rangeStart, currentDate), isRangeEnd = isSameWeek(generateConfig2, localeName, rangeEnd, currentDate);
+      var _hoverRangeValue = _slicedToArray$2(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$b({}, "".concat(rowPrefixCls, "-selected"), !hoverRangeValue && isSameWeek(generateConfig2, localeName, value, currentDate)),
+      _defineProperty$c({}, "".concat(rowPrefixCls, "-selected"), !hoverRangeValue && isSameWeek(generateConfig2, localeName, value, currentDate)),
       // Patch for hover range
       rangeCls
     );
   }, "rowClassName");
-  return /* @__PURE__ */ React$6.createElement(DatePanel$1, _extends$5({}, props, {
+  return /* @__PURE__ */ React$6.createElement(DatePanel$1, _extends$6({}, props, {
     mode: "week",
     panelName: "week",
     rowClassName
@@ -7419,7 +7656,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$1(_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$2(_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) {
@@ -7434,7 +7671,7 @@ function YearPanel(props) {
       generateConfig: generateConfig2
     });
   }, "getCellText"), getCellClassName = /* @__PURE__ */ __name(function(date) {
-    return _defineProperty$b({}, "".concat(prefixCls, "-cell-in-view"), isSameYear(generateConfig2, date, startYearDate) || isSameYear(generateConfig2, date, endYearDate) || isInRange(generateConfig2, startYearDate, endYearDate, date));
+    return _defineProperty$c({}, "".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);
@@ -7467,7 +7704,7 @@ function YearPanel(props) {
     onChange: onPickerValueChange,
     getStart: getStartYear,
     getEnd: getEndYear
-  }, yearNode), /* @__PURE__ */ React$6.createElement(PanelBody, _extends$5({}, props, {
+  }, yearNode), /* @__PURE__ */ React$6.createElement(PanelBody, _extends$6({}, props, {
     disabledDate: mergedDisabledDate,
     titleFormat: locale.fieldYearFormat,
     colNum: 3,
@@ -7496,16 +7733,16 @@ function PickerPanel(props, ref) {
       nativeElement: rootRef.current
     };
   });
-  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() {
+  var _getTimeProps = getTimeProps(props), _getTimeProps2 = _slicedToArray$2(_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$1(_useMergedState, 2), mergedMode = _useMergedState2[0], setMergedMode = _useMergedState2[1], internalMode = mergedMode === "date" && mergedShowTime ? "datetime" : mergedMode, toggleDates = useToggleDates(generateConfig2, locale, internalPicker), _useMergedState3 = useMergedState(defaultValue, {
+  }), _useMergedState2 = _slicedToArray$2(_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$1(_useMergedState3, 2), innerValue = _useMergedState4[0], setMergedValue = _useMergedState4[1], mergedValue = React$6.useMemo(function() {
+  }), _useMergedState4 = _slicedToArray$2(_useMergedState3, 2), innerValue = _useMergedState4[0], setMergedValue = _useMergedState4[1], mergedValue = React$6.useMemo(function() {
     var values3 = toArray$1(innerValue).filter(function(val) {
       return val;
     });
@@ -7521,7 +7758,7 @@ function PickerPanel(props, ref) {
     }
   }), _useMergedState5 = useMergedState(defaultPickerValue || mergedValue[0] || now, {
     value: pickerValue
-  }), _useMergedState6 = _slicedToArray$1(_useMergedState5, 2), mergedPickerValue = _useMergedState6[0], setInternalPickerValue = _useMergedState6[1];
+  }), _useMergedState6 = _slicedToArray$2(_useMergedState5, 2), mergedPickerValue = _useMergedState6[0], setInternalPickerValue = _useMergedState6[1];
   React$6.useEffect(function() {
     mergedValue[0] && !pickerValue && setInternalPickerValue(mergedValue[0]);
   }, [mergedValue[0]]);
@@ -7544,13 +7781,13 @@ function PickerPanel(props, ref) {
   }, "onPanelValueSelect2"), hoverRangeDate = React$6.useMemo(function() {
     var start, end;
     if (Array.isArray(hoverRangeValue)) {
-      var _hoverRangeValue = _slicedToArray$1(hoverRangeValue, 2);
+      var _hoverRangeValue = _slicedToArray$2(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$1(_objectSpread2$1({}, parentHackContext), {}, {
+    return _objectSpread2$2(_objectSpread2$2({}, parentHackContext), {}, {
       hideHeader
     });
   }, [parentHackContext, hideHeader]), panelCls = "".concat(mergedPrefixCls, "-panel"), panelProps = pickProps(props, [
@@ -7573,8 +7810,8 @@ function PickerPanel(props, ref) {
   }, /* @__PURE__ */ React$6.createElement("div", {
     ref: rootRef,
     tabIndex,
-    className: clsx(panelCls, _defineProperty$b({}, "".concat(panelCls, "-rtl"), direction === "rtl"))
-  }, /* @__PURE__ */ React$6.createElement(PanelComponent, _extends$5({}, panelProps, {
+    className: clsx(panelCls, _defineProperty$c({}, "".concat(panelCls, "-rtl"), direction === "rtl"))
+  }, /* @__PURE__ */ React$6.createElement(PanelComponent, _extends$6({}, panelProps, {
     // Time
     showTime: mergedShowTime,
     prefixCls: mergedPrefixCls,
@@ -7606,7 +7843,7 @@ function PopupPanel(props) {
     onCellDblClick: /* @__PURE__ */ __name(function() {
       needConfirm && onSubmit();
     }, "onCellDblClick")
-  }, hideHeader = picker === "time", pickerProps = _objectSpread2$1(_objectSpread2$1({}, props), {}, {
+  }, hideHeader = picker === "time", pickerProps = _objectSpread2$2(_objectSpread2$2({}, props), {}, {
     hoverValue: null,
     hoverRangeValue: null,
     hideHeader
@@ -7614,18 +7851,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$1(_objectSpread2$1({}, sharedContext), {}, {
+    value: _objectSpread2$2(_objectSpread2$2({}, sharedContext), {}, {
       hideNext: !0
     })
   }, /* @__PURE__ */ React$6.createElement(RefPanelPicker, pickerProps)), /* @__PURE__ */ React$6.createElement(PickerHackContext.Provider, {
-    value: _objectSpread2$1(_objectSpread2$1({}, sharedContext), {}, {
+    value: _objectSpread2$2(_objectSpread2$2({}, sharedContext), {}, {
       hidePrev: !0
     })
-  }, /* @__PURE__ */ React$6.createElement(RefPanelPicker, _extends$5({}, pickerProps, {
+  }, /* @__PURE__ */ React$6.createElement(RefPanelPicker, _extends$6({}, pickerProps, {
     pickerValue: nextPickerValue,
     onPickerValueChange: onSecondPickerValueChange
   })))) : /* @__PURE__ */ React$6.createElement(PickerHackContext.Provider, {
-    value: _objectSpread2$1({}, sharedContext)
+    value: _objectSpread2$2({}, sharedContext)
   }, /* @__PURE__ */ React$6.createElement(RefPanelPicker, pickerProps));
 }
 __name(PopupPanel, "PopupPanel");
@@ -7655,7 +7892,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$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) {
+  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$2(_React$useState, 2), containerWidth = _React$useState2[0], setContainerWidth = _React$useState2[1], _React$useState3 = React$6.useState(0), _React$useState4 = _slicedToArray$2(_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() {
@@ -7687,9 +7924,9 @@ function Popup$2(props) {
     presets,
     onClick: onPresetSubmit,
     onHover: onPresetHover
-  }), /* @__PURE__ */ React$6.createElement("div", null, /* @__PURE__ */ React$6.createElement(PopupPanel, _extends$5({}, props, {
+  }), /* @__PURE__ */ React$6.createElement("div", null, /* @__PURE__ */ React$6.createElement(PopupPanel, _extends$6({}, props, {
     value: popupPanelValue
-  })), /* @__PURE__ */ React$6.createElement(Footer, _extends$5({}, props, {
+  })), /* @__PURE__ */ React$6.createElement(Footer, _extends$6({}, props, {
     showNow: multiple ? !1 : showNow,
     invalid: disableSubmit,
     onSubmit: onFooterSubmit
@@ -7703,7 +7940,7 @@ function Popup$2(props) {
       // Used for Today Button style, safe to remove if no need
       "".concat(prefixCls, "-").concat(internalMode, "-panel-container")
     ),
-    style: _defineProperty$b(_defineProperty$b({}, rtl ? marginRight : marginLeft, containerOffset), rtl ? marginLeft : marginRight, "auto"),
+    style: _defineProperty$c(_defineProperty$c({}, rtl ? marginRight : marginLeft, containerOffset), rtl ? marginLeft : marginRight, "auto"),
     onFocus,
     onBlur: onBlur2
   }, mergedNodes);
@@ -7716,7 +7953,7 @@ function Popup$2(props) {
     }, /* @__PURE__ */ React$6.createElement("div", {
       ref: arrowRef,
       className: "".concat(prefixCls, "-range-arrow"),
-      style: _defineProperty$b({}, offsetUnit, activeOffset)
+      style: _defineProperty$c({}, offsetUnit, activeOffset)
     }), /* @__PURE__ */ React$6.createElement(RefResizeObserver, {
       onResize: onResize2
     }, renderNode));
@@ -7757,7 +7994,7 @@ function useInputProps(props, postProps) {
     var pickedAttrs = pickAttrs(props, {
       aria: !0,
       data: !0
-    }), inputProps = _objectSpread2$1(_objectSpread2$1({}, pickedAttrs), {}, {
+    }), inputProps = _objectSpread2$2(_objectSpread2$2({}, pickedAttrs), {}, {
       // ============== Shared ==============
       format: maskFormat,
       validateFormat: /* @__PURE__ */ __name(function(text) {
@@ -7835,15 +8072,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$1(props, _excluded$u), _React$useContext = React$6.useContext(PickerContext), prefixCls = _React$useContext.prefixCls;
-  return icon ? /* @__PURE__ */ React$6.createElement("span", _extends$5({
+  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$1(_ref, _excluded2$5);
-  return /* @__PURE__ */ React$6.createElement(Icon$1, _extends$5({}, 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) {
@@ -7857,7 +8094,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$1(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;
+    _classCallCheck$2(this, MaskFormat2), _defineProperty$c(this, "format", void 0), _defineProperty$c(this, "maskFormat", void 0), _defineProperty$c(this, "cells", void 0), _defineProperty$c(this, "maskCells", void 0), this.format = format2;
     var replaceKeys = FORMAT_KEYS.map(function(key) {
       return "(".concat(key, ")");
     }).join("|"), replaceReg = new RegExp(replaceKeys, "g");
@@ -7883,7 +8120,7 @@ var FORMAT_KEYS = ["YYYY", "MM", "DD", "HH", "mm", "ss", "SSS"], REPLACE_KEY = "
       return cell.mask;
     });
   }
-  return __name(MaskFormat2, "MaskFormat"), _createClass$1(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;
@@ -7936,7 +8173,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$1(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 || "";
+  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$2(_React$useState, 2), focused = _React$useState2[0], setFocused = _React$useState2[1], _React$useState3 = React$6.useState(value), _React$useState4 = _slicedToArray$2(_React$useState3, 2), internalInputValue = _React$useState4[0], setInputValue = _React$useState4[1], _React$useState5 = React$6.useState(""), _React$useState6 = _slicedToArray$2(_React$useState5, 2), focusCellText = _React$useState6[0], setFocusCellText = _React$useState6[1], _React$useState7 = React$6.useState(null), _React$useState8 = _slicedToArray$2(_React$useState7, 2), focusCellIndex = _React$useState8[0], setFocusCellIndex = _React$useState8[1], _React$useState9 = React$6.useState(null), _React$useState10 = _slicedToArray$2(_React$useState9, 2), forceSelectionSyncMark = _React$useState10[0], forceSelectionSync = _React$useState10[1], inputValue = internalInputValue || "";
   React$6.useEffect(function() {
     setInputValue(value);
   }, [value]);
@@ -7957,7 +8194,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$1(_React$useMemo, 2), selectionStart = _React$useMemo2[0], selectionEnd = _React$useMemo2[1], onModify = /* @__PURE__ */ __name(function(text) {
+  }, [maskFormat, focusCellIndex, helped]), _React$useMemo2 = _slicedToArray$2(_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);
@@ -7994,7 +8231,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$1(_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$2(_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;
@@ -8055,8 +8292,8 @@ var _excluded$t = ["active", "showActiveCls", "suffixIcon", "format", "validateF
   } : {};
   return /* @__PURE__ */ React$6.createElement("div", {
     ref: holderRef,
-    className: clsx(inputPrefixCls, _defineProperty$b(_defineProperty$b({}, "".concat(inputPrefixCls, "-active"), active && showActiveCls), "".concat(inputPrefixCls, "-placeholder"), helped))
-  }, /* @__PURE__ */ React$6.createElement(Component, _extends$5({
+    className: clsx(inputPrefixCls, _defineProperty$c(_defineProperty$c({}, "".concat(inputPrefixCls, "-active"), active && showActiveCls), "".concat(inputPrefixCls, "-placeholder"), helped))
+  }, /* @__PURE__ */ React$6.createElement(Component, _extends$6({
     ref: inputRef,
     "aria-invalid": invalid,
     autoComplete: "off"
@@ -8365,7 +8602,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$1(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,
@@ -8386,7 +8623,7 @@ function SingleSelector$1(props, ref) {
       return oriDate && !isSame(generateConfig2, locale, oriDate, date, internalPicker);
     });
     onChange(nextValues), open || onSubmit();
-  }, "onMultipleRemove2"), _useInputProps = useInputProps(_objectSpread2$1(_objectSpread2$1({}, props), {}, {
+  }, "onMultipleRemove2"), _useInputProps = useInputProps(_objectSpread2$2(_objectSpread2$2({}, props), {}, {
     onChange: onSingleChange
   }), function(_ref) {
     var valueTexts = _ref.valueTexts;
@@ -8394,7 +8631,7 @@ function SingleSelector$1(props, ref) {
       value: valueTexts[0] || "",
       active: focused
     };
-  }), _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, {
+  }), _useInputProps2 = _slicedToArray$2(_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,
@@ -8415,7 +8652,7 @@ function SingleSelector$1(props, ref) {
   }), showClear && /* @__PURE__ */ React$6.createElement(ClearIcon, {
     icon: clearIcon,
     onClear
-  })) : /* @__PURE__ */ React$6.createElement(Input$3, _extends$5({
+  })) : /* @__PURE__ */ React$6.createElement(Input$3, _extends$6({
     ref: inputRef
   }, getInputProps(), {
     autoFocus,
@@ -8426,8 +8663,8 @@ function SingleSelector$1(props, ref) {
     }),
     showActiveCls: !1
   }));
-  return /* @__PURE__ */ React$6.createElement("div", _extends$5({}, 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),
+  return /* @__PURE__ */ React$6.createElement("div", _extends$6({}, rootProps, {
+    className: clsx(prefixCls, _defineProperty$c(_defineProperty$c(_defineProperty$c(_defineProperty$c(_defineProperty$c({}, "".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,
@@ -8440,28 +8677,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$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);
+  var _useFilledProps = useFilledProps(props), _useFilledProps2 = _slicedToArray$2(_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$1(_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$2(_useOpen, 2), mergedOpen = _useOpen2[0], triggerOpen = _useOpen2[1], onInternalCalendarChange = /* @__PURE__ */ __name(function(dates, dateStrings, info) {
     if (onCalendarChange) {
-      var filteredInfo = _objectSpread2$1({}, info);
+      var filteredInfo = _objectSpread2$2({}, 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$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) {
+  }, "onInternalOk2"), _useInnerValue = useInnerValue(generateConfig2, locale, formatList, !1, order, defaultValue, value, onInternalCalendarChange, onInternalOk), _useInnerValue2 = _slicedToArray$2(_useInnerValue, 5), mergedValue = _useInnerValue2[0], setInnerValue = _useInnerValue2[1], getCalendarValue = _useInnerValue2[2], triggerCalendarChange = _useInnerValue2[3], triggerOk = _useInnerValue2[4], calendarValue = getCalendarValue(), _useRangeActive = useRangeActive([disabled]), _useRangeActive2 = _slicedToArray$2(_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$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) {
+  }), _useMergedState2 = _slicedToArray$2(_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$1(_objectSpread2$1({}, filledProps), {}, {
+    _objectSpread2$2(_objectSpread2$2({}, filledProps), {}, {
       onChange: onInternalChange
     }),
     mergedValue,
@@ -8474,13 +8711,13 @@ function Picker2(props, ref) {
     focused,
     mergedOpen,
     isInvalidateDate
-  ), _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() {
+  ), _useRangeValue2 = _slicedToArray$2(_useRangeValue, 2), triggerSubmitChange = _useRangeValue2[1], _useFieldsInvalidate = useFieldsInvalidate(calendarValue, isInvalidateDate), _useFieldsInvalidate2 = _slicedToArray$2(_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$1(_objectSpread2$1({}, info), {}, {
+      var cleanInfo = _objectSpread2$2(_objectSpread2$2({}, info), {}, {
         mode: info.mode[0]
       });
       delete cleanInfo.range, onPickerValueChange(dates[0], cleanInfo);
@@ -8501,7 +8738,7 @@ function Picker2(props, ref) {
     onInternalPickerValueChange,
     minDate,
     maxDate
-  ), _useRangePickerValue2 = _slicedToArray$1(_useRangePickerValue, 2), currentPickerValue = _useRangePickerValue2[0], setCurrentPickerValue = _useRangePickerValue2[1], triggerModeChange = useEvent(function(nextPickerValue, nextMode, triggerEvent) {
+  ), _useRangePickerValue2 = _slicedToArray$2(_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);
@@ -8516,7 +8753,7 @@ function Picker2(props, ref) {
     triggerSubmitChange(null), triggerOpen(!1, {
       force: !0
     });
-  }, "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() {
+  }, "onSelectorClear2"), _React$useState = React$6.useState(null), _React$useState2 = _slicedToArray$2(_React$useState, 2), hoverSource = _React$useState2[0], setHoverSource = _React$useState2[1], _React$useState3 = React$6.useState(null), _React$useState4 = _slicedToArray$2(_React$useState3, 2), internalHoverValue = _React$useState4[0], setInternalHoverValue = _React$useState4[1], hoverValues = React$6.useMemo(function() {
     var values3 = [internalHoverValue].concat(_toConsumableArray$3(calendarValue)).filter(function(date) {
       return date;
     });
@@ -8550,10 +8787,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$3(Object.keys(domProps)), ["onChange", "onCalendarChange", "style", "className", "onPanelChange"]));
-    return _objectSpread2$1(_objectSpread2$1({}, restProps), {}, {
+    return _objectSpread2$2(_objectSpread2$2({}, restProps), {}, {
       multiple: filledProps.multiple
     });
-  }, [filledProps]), panel = /* @__PURE__ */ React$6.createElement(Popup$2, _extends$5({}, panelProps, {
+  }, [filledProps]), panel = /* @__PURE__ */ React$6.createElement(Popup$2, _extends$6({}, panelProps, {
     showNow: mergedShowNow,
     showTime,
     disabledDate,
@@ -8609,7 +8846,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$5({}, pickTriggerProps(filledProps), {
+  }, /* @__PURE__ */ React$6.createElement(PickerTrigger, _extends$6({}, pickTriggerProps(filledProps), {
     popupElement: panel,
     popupStyle: styles2.popup,
     popupClassName: classNames.popup,
@@ -8617,7 +8854,7 @@ function Picker2(props, ref) {
     onClose: onPopupClose
   }), /* @__PURE__ */ React$6.createElement(
     RefSingleSelector,
-    _extends$5({}, filledProps, {
+    _extends$6({}, filledProps, {
       // Ref
       ref: selectorRef,
       suffixIcon,
@@ -8649,7 +8886,7 @@ function Picker2(props, ref) {
   )));
 }
 __name(Picker2, "Picker");
-var RefPicker = /* @__PURE__ */ React$6.forwardRef(Picker2), dayjs = {}, interopRequireDefault = { exports: {} };
+var RefPicker = /* @__PURE__ */ React$6.forwardRef(Picker2), dayjs = {}, interopRequireDefault$1 = { exports: {} };
 (function(module) {
   function _interopRequireDefault2(e2) {
     return e2 && e2.__esModule ? e2 : {
@@ -8657,8 +8894,8 @@ var RefPicker = /* @__PURE__ */ React$6.forwardRef(Picker2), dayjs = {}, interop
     };
   }
   __name(_interopRequireDefault2, "_interopRequireDefault"), module.exports = _interopRequireDefault2, module.exports.__esModule = !0, module.exports.default = module.exports;
-})(interopRequireDefault);
-var interopRequireDefaultExports = interopRequireDefault.exports, warning$1 = {};
+})(interopRequireDefault$1);
+var interopRequireDefaultExports$1 = interopRequireDefault$1.exports, warning$1 = {};
 Object.defineProperty(warning$1, "__esModule", {
   value: !0
 });
@@ -8698,7 +8935,7 @@ warningOnce.preMessage = preMessage;
 warningOnce.resetWarned = resetWarned;
 warningOnce.noteOnce = noteOnce;
 warning$1.default = warningOnce;
-var _interopRequireDefault$a = interopRequireDefaultExports.default;
+var _interopRequireDefault$a = interopRequireDefaultExports$1.default;
 Object.defineProperty(dayjs, "__esModule", {
   value: !0
 });
@@ -9295,9 +9532,9 @@ var BaseInput = /* @__PURE__ */ React__default.forwardRef(function(props, ref) {
       nativeElement: groupRef.current || containerRef.current
     };
   }), hasAffix) {
-    var _clsx2, clearIcon = null;
+    var clearIcon = null;
     if (allowClear) {
-      var _clsx3, needClear = !disabled && !readOnly && value, clearIconCls = "".concat(prefixCls, "-clear-icon"), iconNode = _typeof$2(allowClear) === "object" && allowClear !== null && allowClear !== void 0 && allowClear.clearIcon ? allowClear.clearIcon : "✖";
+      var needClear = !disabled && !readOnly && value, clearIconCls = "".concat(prefixCls, "-clear-icon"), iconNode = _typeof$3(allowClear) === "object" && allowClear !== null && allowClear !== void 0 && allowClear.clearIcon ? allowClear.clearIcon : "✖";
       clearIcon = /* @__PURE__ */ React__default.createElement("span", {
         onClick: /* @__PURE__ */ __name(function(event) {
           handleReset == null || handleReset(event), onClear == null || onClear();
@@ -9305,16 +9542,16 @@ var BaseInput = /* @__PURE__ */ React__default.forwardRef(function(props, ref) {
         onMouseDown: /* @__PURE__ */ __name(function(e2) {
           return e2.preventDefault();
         }, "onMouseDown"),
-        className: clsx(clearIconCls, (_clsx3 = {}, _defineProperty$b(_clsx3, "".concat(clearIconCls, "-hidden"), !needClear), _defineProperty$b(_clsx3, "".concat(clearIconCls, "-has-suffix"), !!suffix), _clsx3)),
+        className: clsx(clearIconCls, _defineProperty$c(_defineProperty$c({}, "".concat(clearIconCls, "-hidden"), !needClear), "".concat(clearIconCls, "-has-suffix"), !!suffix)),
         role: "button",
         tabIndex: -1
       }, iconNode);
     }
-    var affixWrapperPrefixCls = "".concat(prefixCls, "-affix-wrapper"), affixWrapperCls = clsx(affixWrapperPrefixCls, (_clsx2 = {}, _defineProperty$b(_clsx2, "".concat(prefixCls, "-disabled"), disabled), _defineProperty$b(_clsx2, "".concat(affixWrapperPrefixCls, "-disabled"), disabled), _defineProperty$b(_clsx2, "".concat(affixWrapperPrefixCls, "-focused"), focused), _defineProperty$b(_clsx2, "".concat(affixWrapperPrefixCls, "-readonly"), readOnly), _defineProperty$b(_clsx2, "".concat(affixWrapperPrefixCls, "-input-with-clear-btn"), suffix && allowClear && value), _clsx2), classes == null ? void 0 : classes.affixWrapper, classNames == null ? void 0 : classNames.affixWrapper, classNames == null ? void 0 : classNames.variant), suffixNode = (suffix || allowClear) && /* @__PURE__ */ React__default.createElement("span", {
+    var affixWrapperPrefixCls = "".concat(prefixCls, "-affix-wrapper"), affixWrapperCls = clsx(affixWrapperPrefixCls, _defineProperty$c(_defineProperty$c(_defineProperty$c(_defineProperty$c(_defineProperty$c({}, "".concat(prefixCls, "-disabled"), disabled), "".concat(affixWrapperPrefixCls, "-disabled"), disabled), "".concat(affixWrapperPrefixCls, "-focused"), focused), "".concat(affixWrapperPrefixCls, "-readonly"), readOnly), "".concat(affixWrapperPrefixCls, "-input-with-clear-btn"), suffix && allowClear && value), classes == null ? void 0 : classes.affixWrapper, classNames == null ? void 0 : classNames.affixWrapper, classNames == null ? void 0 : classNames.variant), suffixNode = (suffix || allowClear) && /* @__PURE__ */ React__default.createElement("span", {
       className: clsx("".concat(prefixCls, "-suffix"), classNames == null ? void 0 : classNames.suffix),
       style: styles2 == null ? void 0 : styles2.suffix
     }, clearIcon, suffix);
-    element2 = /* @__PURE__ */ React__default.createElement(AffixWrapperComponent, _extends$5({
+    element2 = /* @__PURE__ */ React__default.createElement(AffixWrapperComponent, _extends$6({
       className: affixWrapperCls,
       style: styles2 == null ? void 0 : styles2.affixWrapper,
       onClick: onInputClick
@@ -9326,7 +9563,7 @@ var BaseInput = /* @__PURE__ */ React__default.forwardRef(function(props, ref) {
     }, prefix), element2, suffixNode);
   }
   if (hasAddon(props)) {
-    var wrapperCls = "".concat(prefixCls, "-group"), addonCls = "".concat(wrapperCls, "-addon"), groupWrapperCls = "".concat(wrapperCls, "-wrapper"), mergedWrapperClassName = clsx("".concat(prefixCls, "-wrapper"), wrapperCls, classes == null ? void 0 : classes.wrapper, classNames == null ? void 0 : classNames.wrapper), mergedGroupClassName = clsx(groupWrapperCls, _defineProperty$b({}, "".concat(groupWrapperCls, "-disabled"), disabled), classes == null ? void 0 : classes.group, classNames == null ? void 0 : classNames.groupWrapper);
+    var wrapperCls = "".concat(prefixCls, "-group"), addonCls = "".concat(wrapperCls, "-addon"), groupWrapperCls = "".concat(wrapperCls, "-wrapper"), mergedWrapperClassName = clsx("".concat(prefixCls, "-wrapper"), wrapperCls, classes == null ? void 0 : classes.wrapper, classNames == null ? void 0 : classNames.wrapper), mergedGroupClassName = clsx(groupWrapperCls, _defineProperty$c({}, "".concat(groupWrapperCls, "-disabled"), disabled), classes == null ? void 0 : classes.group, classNames == null ? void 0 : classNames.groupWrapper);
     element2 = /* @__PURE__ */ React__default.createElement(GroupWrapperComponent, {
       className: mergedGroupClassName,
       ref: groupRef
@@ -9340,16 +9577,16 @@ var BaseInput = /* @__PURE__ */ React__default.forwardRef(function(props, ref) {
   }
   return /* @__PURE__ */ React__default.cloneElement(element2, {
     className: clsx((_element$props = element2.props) === null || _element$props === void 0 ? void 0 : _element$props.className, className) || null,
-    style: _objectSpread2$1(_objectSpread2$1({}, (_element$props2 = element2.props) === null || _element$props2 === void 0 ? void 0 : _element$props2.style), style2),
+    style: _objectSpread2$2(_objectSpread2$2({}, (_element$props2 = element2.props) === null || _element$props2 === void 0 ? void 0 : _element$props2.style), style2),
     hidden
   });
 }), _excluded$n = ["show"];
 function useCount(count, showCount) {
   return React$6.useMemo(function() {
     var mergedConfig = {};
-    showCount && (mergedConfig.show = _typeof$2(showCount) === "object" && showCount.formatter ? showCount.formatter : !!showCount), mergedConfig = _objectSpread2$1(_objectSpread2$1({}, mergedConfig), count);
-    var _ref = mergedConfig, show = _ref.show, rest = _objectWithoutProperties$1(_ref, _excluded$n);
-    return _objectSpread2$1(_objectSpread2$1({}, rest), {}, {
+    showCount && (mergedConfig.show = _typeof$3(showCount) === "object" && showCount.formatter ? showCount.formatter : !!showCount), mergedConfig = _objectSpread2$2(_objectSpread2$2({}, mergedConfig), count);
+    var _ref = mergedConfig, show = _ref.show, rest = _objectWithoutProperties$2(_ref, _excluded$n);
+    return _objectSpread2$2(_objectSpread2$2({}, rest), {}, {
       show: !!show,
       showFormatter: typeof show == "function" ? show : void 0,
       strategy: rest.strategy || function(value) {
@@ -9360,11 +9597,11 @@ function useCount(count, showCount) {
 }
 __name(useCount, "useCount");
 var _excluded$m = ["autoComplete", "onChange", "onFocus", "onBlur", "onPressEnter", "onKeyDown", "onKeyUp", "prefixCls", "disabled", "htmlSize", "className", "maxLength", "suffix", "showCount", "count", "type", "classes", "classNames", "styles", "onCompositionStart", "onCompositionEnd"], Input$2 = /* @__PURE__ */ forwardRef(function(props, ref) {
-  var autoComplete = props.autoComplete, onChange = props.onChange, onFocus = props.onFocus, onBlur2 = props.onBlur, onPressEnter = props.onPressEnter, onKeyDown2 = props.onKeyDown, onKeyUp = props.onKeyUp, _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-input" : _props$prefixCls, disabled = props.disabled, htmlSize = props.htmlSize, className = props.className, maxLength = props.maxLength, suffix = props.suffix, showCount = props.showCount, count = props.count, _props$type = props.type, type2 = _props$type === void 0 ? "text" : _props$type, classes = props.classes, classNames = props.classNames, styles2 = props.styles, _onCompositionStart = props.onCompositionStart, onCompositionEnd = props.onCompositionEnd, rest = _objectWithoutProperties$1(props, _excluded$m), _useState = useState(!1), _useState2 = _slicedToArray$1(_useState, 2), focused = _useState2[0], setFocused = _useState2[1], compositionRef = useRef(!1), keyLockRef = useRef(!1), inputRef = useRef(null), holderRef = useRef(null), focus = /* @__PURE__ */ __name(function(option) {
+  var autoComplete = props.autoComplete, onChange = props.onChange, onFocus = props.onFocus, onBlur2 = props.onBlur, onPressEnter = props.onPressEnter, onKeyDown2 = props.onKeyDown, onKeyUp = props.onKeyUp, _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-input" : _props$prefixCls, disabled = props.disabled, htmlSize = props.htmlSize, className = props.className, maxLength = props.maxLength, suffix = props.suffix, showCount = props.showCount, count = props.count, _props$type = props.type, type2 = _props$type === void 0 ? "text" : _props$type, classes = props.classes, classNames = props.classNames, styles2 = props.styles, _onCompositionStart = props.onCompositionStart, onCompositionEnd = props.onCompositionEnd, rest = _objectWithoutProperties$2(props, _excluded$m), _useState = useState(!1), _useState2 = _slicedToArray$2(_useState, 2), focused = _useState2[0], setFocused = _useState2[1], compositionRef = useRef(!1), keyLockRef = useRef(!1), inputRef = useRef(null), holderRef = useRef(null), focus = /* @__PURE__ */ __name(function(option) {
     inputRef.current && triggerFocus(inputRef.current, option);
   }, "focus"), _useMergedState = useMergedState(props.defaultValue, {
     value: props.value
-  }), _useMergedState2 = _slicedToArray$1(_useMergedState, 2), value = _useMergedState2[0], setValue = _useMergedState2[1], formatValue2 = value == null ? "" : String(value), _useState3 = useState(null), _useState4 = _slicedToArray$1(_useState3, 2), selection = _useState4[0], setSelection = _useState4[1], countConfig = useCount(count, showCount), mergedMax = countConfig.max || maxLength, valueLength = countConfig.strategy(formatValue2), isOutOfRange = !!mergedMax && valueLength > mergedMax;
+  }), _useMergedState2 = _slicedToArray$2(_useMergedState, 2), value = _useMergedState2[0], setValue = _useMergedState2[1], formatValue2 = value == null ? "" : String(value), _useState3 = useState(null), _useState4 = _slicedToArray$2(_useState3, 2), selection = _useState4[0], setSelection = _useState4[1], countConfig = useCount(count, showCount), mergedMax = countConfig.max || maxLength, valueLength = countConfig.strategy(formatValue2), isOutOfRange = !!mergedMax && valueLength > mergedMax;
   useImperativeHandle(ref, function() {
     var _holderRef$current;
     return {
@@ -9443,9 +9680,10 @@ var _excluded$m = ["autoComplete", "onChange", "onFocus", "onBlur", "onPressEnte
       "classes",
       "htmlSize",
       "styles",
-      "classNames"
+      "classNames",
+      "onClear"
     ]);
-    return /* @__PURE__ */ React__default.createElement("input", _extends$5({
+    return /* @__PURE__ */ React__default.createElement("input", _extends$6({
       autoComplete
     }, otherProps, {
       onChange: onInternalChange,
@@ -9453,7 +9691,7 @@ var _excluded$m = ["autoComplete", "onChange", "onFocus", "onBlur", "onPressEnte
       onBlur: handleBlur,
       onKeyDown: handleKeyDown,
       onKeyUp: handleKeyUp,
-      className: clsx(prefixCls, _defineProperty$b({}, "".concat(prefixCls, "-disabled"), disabled), classNames == null ? void 0 : classNames.input),
+      className: clsx(prefixCls, _defineProperty$c({}, "".concat(prefixCls, "-disabled"), disabled), classNames == null ? void 0 : classNames.input),
       style: styles2 == null ? void 0 : styles2.input,
       ref: inputRef,
       size: htmlSize,
@@ -9472,13 +9710,13 @@ var _excluded$m = ["autoComplete", "onChange", "onFocus", "onBlur", "onPressEnte
         maxLength: mergedMax
       }) : "".concat(valueLength).concat(hasMaxLength ? " / ".concat(mergedMax) : "");
       return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, countConfig.show && /* @__PURE__ */ React__default.createElement("span", {
-        className: clsx("".concat(prefixCls, "-show-count-suffix"), _defineProperty$b({}, "".concat(prefixCls, "-show-count-has-suffix"), !!suffix), classNames == null ? void 0 : classNames.count),
-        style: _objectSpread2$1({}, styles2 == null ? void 0 : styles2.count)
+        className: clsx("".concat(prefixCls, "-show-count-suffix"), _defineProperty$c({}, "".concat(prefixCls, "-show-count-has-suffix"), !!suffix), classNames == null ? void 0 : classNames.count),
+        style: _objectSpread2$2({}, styles2 == null ? void 0 : styles2.count)
       }, dataCount), suffix);
     }
     return null;
   }, "getSuffix");
-  return /* @__PURE__ */ React__default.createElement(BaseInput, _extends$5({}, rest, {
+  return /* @__PURE__ */ React__default.createElement(BaseInput, _extends$6({}, rest, {
     prefixCls,
     className: clsx(className, outOfRangeCls),
     handleReset,
@@ -10312,7 +10550,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");
@@ -10332,7 +10570,7 @@ function focusable(node) {
 }
 __name(focusable, "focusable");
 function getFocusNodeList(node) {
-  var includePositive = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, res = _toConsumableArray$3(node.querySelectorAll("*")).filter(function(child) {
+  var includePositive = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, res = _toConsumableArray$4(node.querySelectorAll("*")).filter(function(child) {
     return focusable(child, includePositive);
   });
   return focusable(node, includePositive) && res.unshift(node), res;
@@ -10509,11 +10747,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;
   }, []);
@@ -10625,7 +10863,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
     };
@@ -10695,7 +10933,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
@@ -11119,7 +11357,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
       });
@@ -11342,7 +11580,16 @@ var _typeofExports = _typeof$1.exports;
   }
   __name(_interopRequireWildcard2, "_interopRequireWildcard"), module.exports = _interopRequireWildcard2, module.exports.__esModule = !0, module.exports.default = module.exports;
 })(interopRequireWildcard);
-var interopRequireWildcardExports = interopRequireWildcard.exports, regeneratorRuntime = { exports: {} };
+var interopRequireWildcardExports = interopRequireWildcard.exports, interopRequireDefault = { exports: {} };
+(function(module) {
+  function _interopRequireDefault2(e2) {
+    return e2 && e2.__esModule ? e2 : {
+      default: e2
+    };
+  }
+  __name(_interopRequireDefault2, "_interopRequireDefault"), module.exports = _interopRequireDefault2, module.exports.__esModule = !0, module.exports.default = module.exports;
+})(interopRequireDefault);
+var interopRequireDefaultExports = interopRequireDefault.exports, regeneratorRuntime = { exports: {} };
 (function(module) {
   var _typeof3 = _typeofExports.default;
   function _regeneratorRuntime() {
@@ -13112,7 +13359,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$3(prevList), _toConsumableArray$3(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;
@@ -13209,7 +13456,7 @@ var _excluded$b = ["id", "prefixCls", "className", "showSearch", "tagRender", "d
   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$3(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;
@@ -14107,7 +14354,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$3(rawValues).toString(), rawValues.size]);
+  }, [mode, _toConsumableArray$4(rawValues).toString(), rawValues.size]);
   useEffect(function() {
     var timeoutId = setTimeout(function() {
       if (!multiple && open && rawValues.size === 1) {
@@ -14457,10 +14704,10 @@ var Select$1 = /* @__PURE__ */ React$6.forwardRef(function(props, ref) {
   }), filledTagOptions = React$6.useMemo(function() {
     if (mode !== "tags")
       return mergedOptions;
-    var cloneOptions = _toConsumableArray$3(mergedOptions), existOptions = /* @__PURE__ */ __name(function(val) {
+    var cloneOptions = _toConsumableArray$4(mergedOptions), existOptions = /* @__PURE__ */ __name(function(val) {
       return valueOptions.has(val);
     }, "existOptions2");
-    return _toConsumableArray$3(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;
@@ -14471,9 +14718,9 @@ 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$3(filteredOptions));
+    }) ? filteredOptions : [createTagOption(mergedSearchValue)].concat(_toConsumableArray$4(filteredOptions));
   }, [createTagOption, optionFilterProp, mode, filteredOptions, mergedSearchValue, mergedFieldNames]), orderedFilteredOptions = React$6.useMemo(function() {
-    return filterSort ? _toConsumableArray$3(filledSearchOptions).sort(function(a, b2) {
+    return filterSort ? _toConsumableArray$4(filledSearchOptions).sort(function(a, b2) {
       return filterSort(a, b2, {
         searchValue: mergedSearchValue
       });
@@ -14523,7 +14770,7 @@ var Select$1 = /* @__PURE__ */ React$6.forwardRef(function(props, ref) {
     }
   }, "triggerSelect2"), onInternalSelect = useRefFunc(function(val, info) {
     var cloneValues, mergedSelect = multiple ? info.selected : !0;
-    mergedSelect ? cloneValues = multiple ? [].concat(_toConsumableArray$3(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) {
@@ -14536,7 +14783,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$3(rawValues), [formatted])));
+        var newRawValues = Array.from(new Set([].concat(_toConsumableArray$4(rawValues), [formatted])));
         triggerChange(newRawValues), triggerSelect(formatted, !0), setSearchValue("");
       }
       return;
@@ -14550,7 +14797,7 @@ 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$3(rawValues), _toConsumableArray$3(patchValues))));
+    var newRawValues = Array.from(new Set([].concat(_toConsumableArray$4(rawValues), _toConsumableArray$4(patchValues))));
     triggerChange(newRawValues), newRawValues.forEach(function(newRawValue) {
       triggerSelect(newRawValue, !0);
     });
@@ -14727,10 +14974,10 @@ var calcThumbStyle = /* @__PURE__ */ __name(function(targetElement) {
   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$1(_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, thumbRef = React$6.useRef(null), _React$useState = React$6.useState(value), _React$useState2 = _slicedToArray$2(_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$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];
+  }, "findValueElement2"), _React$useState3 = React$6.useState(null), _React$useState4 = _slicedToArray$2(_React$useState3, 2), prevStyle = _React$useState4[0], setPrevStyle = _React$useState4[1], _React$useState5 = React$6.useState(null), _React$useState6 = _slicedToArray$2(_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);
@@ -14762,7 +15009,7 @@ function MotionThumb(props) {
     onAppearActive,
     onVisibleChanged
   }, function(_ref, ref) {
-    var motionClassName = _ref.className, motionStyle = _ref.style, mergedStyle = _objectSpread2$1(_objectSpread2$1({}, motionStyle), {}, {
+    var motionClassName = _ref.className, motionStyle = _ref.style, mergedStyle = _objectSpread2$2(_objectSpread2$2({}, motionStyle), {}, {
       "--thumb-start-left": thumbStart,
       "--thumb-start-width": toPX(prevStyle == null ? void 0 : prevStyle.width),
       "--thumb-active-left": thumbActive,
@@ -14780,7 +15027,7 @@ var _excluded$6 = ["prefixCls", "direction", "options", "disabled", "defaultValu
 function getValidTitle(option) {
   if (typeof option.title < "u")
     return option.title;
-  if (_typeof$2(option.label) !== "object") {
+  if (_typeof$3(option.label) !== "object") {
     var _option$label;
     return (_option$label = option.label) === null || _option$label === void 0 ? void 0 : _option$label.toString();
   }
@@ -14788,9 +15035,9 @@ function getValidTitle(option) {
 __name(getValidTitle, "getValidTitle");
 function normalizeOptions(options) {
   return options.map(function(option) {
-    if (_typeof$2(option) === "object" && option !== null) {
+    if (_typeof$3(option) === "object" && option !== null) {
       var validTitle = getValidTitle(option);
-      return _objectSpread2$1(_objectSpread2$1({}, option), {}, {
+      return _objectSpread2$2(_objectSpread2$2({}, option), {}, {
         title: validTitle
       });
     }
@@ -14807,7 +15054,7 @@ var InternalSegmentedOption = /* @__PURE__ */ __name(function(_ref) {
     disabled || onChange(event, value);
   }, "handleChange2");
   return /* @__PURE__ */ React$6.createElement("label", {
-    className: clsx(className, _defineProperty$b({}, "".concat(prefixCls, "-item-disabled"), disabled))
+    className: clsx(className, _defineProperty$c({}, "".concat(prefixCls, "-item-disabled"), disabled))
   }, /* @__PURE__ */ React$6.createElement("input", {
     className: "".concat(prefixCls, "-item-input"),
     type: "radio",
@@ -14816,21 +15063,26 @@ var InternalSegmentedOption = /* @__PURE__ */ __name(function(_ref) {
     onChange: handleChange
   }), /* @__PURE__ */ React$6.createElement("div", {
     className: "".concat(prefixCls, "-item-label"),
-    title
+    title,
+    role: "option",
+    "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$1(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, _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$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) {
+  }), _useMergedState2 = _slicedToArray$2(_useMergedState, 2), rawValue = _useMergedState2[0], setRawValue = _useMergedState2[1], _React$useState = React$6.useState(!1), _React$useState2 = _slicedToArray$2(_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$5({}, divProps, {
-    className: clsx(prefixCls, (_classNames2 = {}, _defineProperty$b(_classNames2, "".concat(prefixCls, "-rtl"), direction === "rtl"), _defineProperty$b(_classNames2, "".concat(prefixCls, "-disabled"), disabled), _classNames2), className),
+  return /* @__PURE__ */ React$6.createElement("div", _extends$6({
+    role: "listbox",
+    "aria-label": "segmented control"
+  }, divProps, {
+    className: clsx(prefixCls, (_classNames2 = {}, _defineProperty$c(_classNames2, "".concat(prefixCls, "-rtl"), direction === "rtl"), _defineProperty$c(_classNames2, "".concat(prefixCls, "-disabled"), disabled), _classNames2), className),
     ref: mergedRef
   }), /* @__PURE__ */ React$6.createElement("div", {
     className: "".concat(prefixCls, "-group")
@@ -14852,10 +15104,10 @@ var InternalSegmentedOption = /* @__PURE__ */ __name(function(_ref) {
       setThumbShow(!1);
     }, "onMotionEnd")
   }), segmentedOptions.map(function(segmentedOption) {
-    return /* @__PURE__ */ React$6.createElement(InternalSegmentedOption, _extends$5({}, segmentedOption, {
+    return /* @__PURE__ */ React$6.createElement(InternalSegmentedOption, _extends$6({}, segmentedOption, {
       key: segmentedOption.value,
       prefixCls,
-      className: clsx(segmentedOption.className, "".concat(prefixCls, "-item"), _defineProperty$b({}, "".concat(prefixCls, "-item-selected"), segmentedOption.value === rawValue && !thumbShow)),
+      className: clsx(segmentedOption.className, "".concat(prefixCls, "-item"), _defineProperty$c({}, "".concat(prefixCls, "-item-selected"), segmentedOption.value === rawValue && !thumbShow)),
       checked: segmentedOption.value === rawValue,
       onChange: handleChange,
       disabled: !!disabled || !!segmentedOption.disabled
@@ -18655,7 +18907,7 @@ var _excluded$2 = ["prefixCls", "defaultValue", "value", "autoSize", "onResize",
   React__default.useEffect(function() {
     if (selection) {
       var _getTextArea;
-      (_getTextArea = getTextArea()).setSelectionRange.apply(_getTextArea, _toConsumableArray$3(selection));
+      (_getTextArea = getTextArea()).setSelectionRange.apply(_getTextArea, _toConsumableArray$4(selection));
     }
   }, [selection]);
   var countConfig = useCount(count, showCount), mergedMax = (_countConfig$max = countConfig.max) !== null && _countConfig$max !== void 0 ? _countConfig$max : maxLength, hasMaxLength = Number(mergedMax) > 0, valueLength = countConfig.strategy(formatValue2), isOutOfRange = !!mergedMax && valueLength > mergedMax, triggerChange = /* @__PURE__ */ __name(function(e2, currentValue) {