@univerjs/design 0.2.11 → 0.2.12

package/lib/es/index.js

@@ -5097,7 +5097,7 @@ function Confirm(props) {
 }
 __name(Confirm, "Confirm");
 function _arrayWithoutHoles$3(r) {
-  if (Array.isArray(r)) return _arrayLikeToArray$2(r);
+  if (Array.isArray(r)) return _arrayLikeToArray(r);
 }
 __name(_arrayWithoutHoles$3, "_arrayWithoutHoles$3");
 function _iterableToArray$3(r) {
@@ -5110,7 +5110,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
 }
 __name(_nonIterableSpread$3, "_nonIterableSpread$3");
 function _toConsumableArray$4(r) {
-  return _arrayWithoutHoles$3(r) || _iterableToArray$3(r) || _unsupportedIterableToArray$2(r) || _nonIterableSpread$3();
+  return _arrayWithoutHoles$3(r) || _iterableToArray$3(r) || _unsupportedIterableToArray(r) || _nonIterableSpread$3();
 }
 __name(_toConsumableArray$4, "_toConsumableArray$4");
 function omit$2(obj, fields) {
@@ -6446,6 +6446,23 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
   }, [open]), [offsetInfo.ready, offsetInfo.offsetX, offsetInfo.offsetY, offsetInfo.offsetR, offsetInfo.offsetB, offsetInfo.arrowX, offsetInfo.arrowY, offsetInfo.scaleX, offsetInfo.scaleY, offsetInfo.align, triggerAlign];
 }
 __name(useAlign, "useAlign");
+function _arrayWithoutHoles$2(r) {
+  if (Array.isArray(r)) return _arrayLikeToArray$2(r);
+}
+__name(_arrayWithoutHoles$2, "_arrayWithoutHoles$2");
+function _iterableToArray$2(r) {
+  if (typeof Symbol < "u" && r[Symbol.iterator] != null || r["@@iterator"] != null) return Array.from(r);
+}
+__name(_iterableToArray$2, "_iterableToArray$2");
+function _nonIterableSpread$2() {
+  throw new TypeError(`Invalid attempt to spread non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+__name(_nonIterableSpread$2, "_nonIterableSpread$2");
+function _toConsumableArray$3(r) {
+  return _arrayWithoutHoles$2(r) || _iterableToArray$2(r) || _unsupportedIterableToArray$2(r) || _nonIterableSpread$2();
+}
+__name(_toConsumableArray$3, "_toConsumableArray$3");
 function useWatch(open, target, popup2, onAlign, onScroll) {
   useLayoutEffect$1(function() {
     if (open && target && popup2) {
@@ -6453,7 +6470,7 @@ function useWatch(open, target, popup2, onAlign, onScroll) {
         onAlign(), onScroll();
       };
       __name(notifyScroll, "notifyScroll");
-      var targetElement = target, popupElement = popup2, targetScrollList = collectScroller(targetElement), popupScrollList = collectScroller(popupElement), win = getWin(popupElement), mergedList = new Set([win].concat(_toConsumableArray$4(targetScrollList), _toConsumableArray$4(popupScrollList)));
+      var targetElement = target, popupElement = popup2, targetScrollList = collectScroller(targetElement), popupScrollList = collectScroller(popupElement), win = getWin(popupElement), mergedList = new Set([win].concat(_toConsumableArray$3(targetScrollList), _toConsumableArray$3(popupScrollList)));
       return mergedList.forEach(function(scroller) {
         scroller.addEventListener("scroll", notifyScroll, {
           passive: !0
@@ -6732,7 +6749,7 @@ function PickerTrigger(_ref) {
     popup: popupElement,
     popupAlign,
     popupVisible: visible,
-    popupClassName: clsx(popupClassName, _defineProperty$d(_defineProperty$d({}, "".concat(dropdownPrefixCls, "-range"), range), "".concat(dropdownPrefixCls, "-rtl"), direction === "rtl")),
+    popupClassName: clsx(popupClassName, _defineProperty$b(_defineProperty$b({}, "".concat(dropdownPrefixCls, "-range"), range), "".concat(dropdownPrefixCls, "-rtl"), direction === "rtl")),
     popupStyle,
     stretch: "minWidth",
     getPopupContainer,
@@ -6796,7 +6813,7 @@ function useCellRender(cellRender, dateRender, monthCellRender, range) {
       return dateRender && info.type === "date" ? dateRender(date, info.today) : monthCellRender && info.type === "month" ? monthCellRender(date, info.locale) : info.originNode;
     };
   }, [cellRender, monthCellRender, dateRender]), onInternalCellRender = React$6.useCallback(function(date, info) {
-    return mergedCellRender(date, _objectSpread2$3(_objectSpread2$3({}, info), {}, {
+    return mergedCellRender(date, _objectSpread2$1(_objectSpread2$1({}, info), {}, {
       range
     }));
   }, [mergedCellRender, range]);
@@ -6804,7 +6821,7 @@ function useCellRender(cellRender, dateRender, monthCellRender, range) {
 }
 __name(useCellRender, "useCellRender");
 function useFieldsInvalidate(calendarValue, isInvalidateDate) {
-  var allowEmpty = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [], _React$useState = React$6.useState([!1, !1]), _React$useState2 = _slicedToArray$3(_React$useState, 2), fieldsInvalidates = _React$useState2[0], setFieldsInvalidates = _React$useState2[1], onSelectorInvalid = /* @__PURE__ */ __name(function(invalid, index2) {
+  var allowEmpty = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [], _React$useState = React$6.useState([!1, !1]), _React$useState2 = _slicedToArray$1(_React$useState, 2), fieldsInvalidates = _React$useState2[0], setFieldsInvalidates = _React$useState2[1], onSelectorInvalid = /* @__PURE__ */ __name(function(invalid, index2) {
     setFieldsInvalidates(function(ori) {
       return fillIndex(ori, index2, invalid);
     });
@@ -6828,7 +6845,7 @@ function fillTimeFormat(showHour, showMinute, showSecond, showMillisecond, showM
 __name(fillTimeFormat, "fillTimeFormat");
 function fillLocale(locale, showHour, showMinute, showSecond, showMillisecond, use12Hours) {
   var fieldDateTimeFormat = locale.fieldDateTimeFormat, fieldDateFormat = locale.fieldDateFormat, fieldTimeFormat = locale.fieldTimeFormat, fieldMonthFormat = locale.fieldMonthFormat, fieldYearFormat = locale.fieldYearFormat, fieldWeekFormat = locale.fieldWeekFormat, fieldQuarterFormat = locale.fieldQuarterFormat, yearFormat = locale.yearFormat, cellYearFormat = locale.cellYearFormat, cellQuarterFormat = locale.cellQuarterFormat, dayFormat = locale.dayFormat, cellDateFormat = locale.cellDateFormat, timeFormat = fillTimeFormat(showHour, showMinute, showSecond, showMillisecond, use12Hours);
-  return _objectSpread2$3(_objectSpread2$3({}, locale), {}, {
+  return _objectSpread2$1(_objectSpread2$1({}, locale), {}, {
     fieldDateTimeFormat: fieldDateTimeFormat || "YYYY-MM-DD ".concat(timeFormat),
     fieldDateFormat: fieldDateFormat || "YYYY-MM-DD",
     fieldTimeFormat: fieldTimeFormat || timeFormat,
@@ -6880,7 +6897,7 @@ var showTimeKeys = [
 ];
 function pickTimeProps(props) {
   var timeProps = pickProps(props, showTimeKeys), format2 = props.format, picker = props.picker, propFormat = null;
-  return format2 && (propFormat = format2, Array.isArray(propFormat) && (propFormat = propFormat[0]), propFormat = _typeof$4(propFormat) === "object" ? propFormat.format : propFormat), picker === "time" && (timeProps.format = propFormat), [timeProps, propFormat];
+  return format2 && (propFormat = format2, Array.isArray(propFormat) && (propFormat = propFormat[0]), propFormat = _typeof$2(propFormat) === "object" ? propFormat.format : propFormat), picker === "time" && (timeProps.format = propFormat), [timeProps, propFormat];
 }
 __name(pickTimeProps, "pickTimeProps");
 function isStringFormat(format2) {
@@ -6909,10 +6926,10 @@ function fillShowConfig(hasShowConfig, showHour, showMinute, showSecond, showMil
 }
 __name(fillShowConfig, "fillShowConfig");
 function getTimeProps(componentProps) {
-  var showTime = componentProps.showTime, _pickTimeProps = pickTimeProps(componentProps), _pickTimeProps2 = _slicedToArray$3(_pickTimeProps, 2), pickedProps = _pickTimeProps2[0], propFormat = _pickTimeProps2[1], showTimeConfig = showTime && _typeof$4(showTime) === "object" ? showTime : {}, timeConfig = _objectSpread2$3(_objectSpread2$3({
+  var showTime = componentProps.showTime, _pickTimeProps = pickTimeProps(componentProps), _pickTimeProps2 = _slicedToArray$1(_pickTimeProps, 2), pickedProps = _pickTimeProps2[0], propFormat = _pickTimeProps2[1], showTimeConfig = showTime && _typeof$2(showTime) === "object" ? showTime : {}, timeConfig = _objectSpread2$1(_objectSpread2$1({
     defaultOpenValue: showTimeConfig.defaultOpenValue || showTimeConfig.defaultValue
-  }, pickedProps), showTimeConfig), showMillisecond = timeConfig.showMillisecond, showHour = timeConfig.showHour, showMinute = timeConfig.showMinute, showSecond = timeConfig.showSecond, hasShowConfig = existShowConfig(showHour, showMinute, showSecond, showMillisecond), _fillShowConfig = fillShowConfig(hasShowConfig, showHour, showMinute, showSecond, showMillisecond), _fillShowConfig2 = _slicedToArray$3(_fillShowConfig, 3);
-  return showHour = _fillShowConfig2[0], showMinute = _fillShowConfig2[1], showSecond = _fillShowConfig2[2], [timeConfig, _objectSpread2$3(_objectSpread2$3({}, timeConfig), {}, {
+  }, pickedProps), showTimeConfig), showMillisecond = timeConfig.showMillisecond, showHour = timeConfig.showHour, showMinute = timeConfig.showMinute, showSecond = timeConfig.showSecond, hasShowConfig = existShowConfig(showHour, showMinute, showSecond, showMillisecond), _fillShowConfig = fillShowConfig(hasShowConfig, showHour, showMinute, showSecond, showMillisecond), _fillShowConfig2 = _slicedToArray$1(_fillShowConfig, 3);
+  return showHour = _fillShowConfig2[0], showMinute = _fillShowConfig2[1], showSecond = _fillShowConfig2[2], [timeConfig, _objectSpread2$1(_objectSpread2$1({}, timeConfig), {}, {
     showHour,
     showMinute,
     showSecond,
@@ -6932,10 +6949,10 @@ function fillShowTimeConfig(picker, showTimeFormat, propFormat, timeConfig, loca
     }
     var showHour = pickedProps.showHour, showMinute = pickedProps.showMinute, showSecond = pickedProps.showSecond, showMillisecond = pickedProps.showMillisecond, use12Hours = pickedProps.use12Hours, showMeridiem = checkShow(baselineFormat, ["a", "A", "LT", "LLL", "LTS"], use12Hours), hasShowConfig = existShowConfig(showHour, showMinute, showSecond, showMillisecond);
     hasShowConfig || (showHour = checkShow(baselineFormat, ["H", "h", "k", "LT", "LLL"]), showMinute = checkShow(baselineFormat, ["m", "LT", "LLL"]), showSecond = checkShow(baselineFormat, ["s", "LTS"]), showMillisecond = checkShow(baselineFormat, ["SSS"]));
-    var _fillShowConfig3 = fillShowConfig(hasShowConfig, showHour, showMinute, showSecond, showMillisecond), _fillShowConfig4 = _slicedToArray$3(_fillShowConfig3, 3);
+    var _fillShowConfig3 = fillShowConfig(hasShowConfig, showHour, showMinute, showSecond, showMillisecond), _fillShowConfig4 = _slicedToArray$1(_fillShowConfig3, 3);
     showHour = _fillShowConfig4[0], showMinute = _fillShowConfig4[1], showSecond = _fillShowConfig4[2];
     var timeFormat = showTimeFormat || fillTimeFormat(showHour, showMinute, showSecond, showMillisecond, showMeridiem);
-    return _objectSpread2$3(_objectSpread2$3({}, pickedProps), {}, {
+    return _objectSpread2$1(_objectSpread2$1({}, pickedProps), {}, {
       // Format
       format: timeFormat,
       // Show Config
@@ -6952,7 +6969,7 @@ __name(fillShowTimeConfig, "fillShowTimeConfig");
 function fillClearIcon(prefixCls, allowClear, clearIcon) {
   if (allowClear === !1)
     return null;
-  var config2 = allowClear && _typeof$4(allowClear) === "object" ? allowClear : {};
+  var config2 = allowClear && _typeof$2(allowClear) === "object" ? allowClear : {};
   return config2.clearIcon || clearIcon || /* @__PURE__ */ React$6.createElement("span", {
     className: "".concat(prefixCls, "-clear-btn")
   });
@@ -7073,7 +7090,7 @@ function useDisabledBoundary(generateConfig2, locale, disabledDate, minDate, max
 __name(useDisabledBoundary, "useDisabledBoundary");
 function useFieldFormat(picker, locale, format2) {
   return React$6.useMemo(function() {
-    var rawFormat = getRowFormat(picker, locale, format2), formatList = toArray$1(rawFormat), firstFormat = formatList[0], maskFormat = _typeof$4(firstFormat) === "object" && firstFormat.type === "mask" ? firstFormat.format : null;
+    var rawFormat = getRowFormat(picker, locale, format2), formatList = toArray$1(rawFormat), firstFormat = formatList[0], maskFormat = _typeof$2(firstFormat) === "object" && firstFormat.type === "mask" ? firstFormat.format : null;
     return [
       // Format list
       formatList.map(function(config2) {
@@ -7091,7 +7108,7 @@ function useInputReadOnly(formatList, inputReadOnly, multiple) {
 __name(useInputReadOnly, "useInputReadOnly");
 function useInvalidate(generateConfig2, picker, disabledDate, showTime) {
   var isInvalidate = useEvent(function(date, info) {
-    var outsideInfo = _objectSpread2$3({
+    var outsideInfo = _objectSpread2$1({
       type: picker
     }, info);
     if (delete outsideInfo.activeIndex, // Date object is invalid
@@ -7119,17 +7136,17 @@ function useList(value) {
 }
 __name(useList, "useList");
 function useFilledProps(props, updater) {
-  var generateConfig2 = props.generateConfig, locale = props.locale, _props$picker = props.picker, picker = _props$picker === void 0 ? "date" : _props$picker, _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-picker" : _props$prefixCls, _props$styles = props.styles, styles2 = _props$styles === void 0 ? {} : _props$styles, _props$classNames = props.classNames, classNames = _props$classNames === void 0 ? {} : _props$classNames, _props$order = props.order, order = _props$order === void 0 ? !0 : _props$order, _props$components = props.components, components = _props$components === void 0 ? {} : _props$components, inputRender = props.inputRender, allowClear = props.allowClear, clearIcon = props.clearIcon, needConfirm = props.needConfirm, multiple = props.multiple, format2 = props.format, inputReadOnly = props.inputReadOnly, disabledDate = props.disabledDate, minDate = props.minDate, maxDate = props.maxDate, showTime = props.showTime, value = props.value, defaultValue = props.defaultValue, pickerValue = props.pickerValue, defaultPickerValue = props.defaultPickerValue, values3 = useList(value), defaultValues = useList(defaultValue), pickerValues = useList(pickerValue), defaultPickerValues = useList(defaultPickerValue), internalPicker = picker === "date" && showTime ? "datetime" : picker, multipleInteractivePicker = internalPicker === "time" || internalPicker === "datetime", complexPicker = multipleInteractivePicker || multiple, mergedNeedConfirm = needConfirm != null ? needConfirm : multipleInteractivePicker, _getTimeProps = getTimeProps(props), _getTimeProps2 = _slicedToArray$3(_getTimeProps, 4), timeProps = _getTimeProps2[0], localeTimeProps = _getTimeProps2[1], showTimeFormat = _getTimeProps2[2], propFormat = _getTimeProps2[3], mergedLocale = useLocale(locale, localeTimeProps), mergedShowTime = React$6.useMemo(function() {
+  var generateConfig2 = props.generateConfig, locale = props.locale, _props$picker = props.picker, picker = _props$picker === void 0 ? "date" : _props$picker, _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-picker" : _props$prefixCls, _props$styles = props.styles, styles2 = _props$styles === void 0 ? {} : _props$styles, _props$classNames = props.classNames, classNames = _props$classNames === void 0 ? {} : _props$classNames, _props$order = props.order, order = _props$order === void 0 ? !0 : _props$order, _props$components = props.components, components = _props$components === void 0 ? {} : _props$components, inputRender = props.inputRender, allowClear = props.allowClear, clearIcon = props.clearIcon, needConfirm = props.needConfirm, multiple = props.multiple, format2 = props.format, inputReadOnly = props.inputReadOnly, disabledDate = props.disabledDate, minDate = props.minDate, maxDate = props.maxDate, showTime = props.showTime, value = props.value, defaultValue = props.defaultValue, pickerValue = props.pickerValue, defaultPickerValue = props.defaultPickerValue, values3 = useList(value), defaultValues = useList(defaultValue), pickerValues = useList(pickerValue), defaultPickerValues = useList(defaultPickerValue), internalPicker = picker === "date" && showTime ? "datetime" : picker, multipleInteractivePicker = internalPicker === "time" || internalPicker === "datetime", complexPicker = multipleInteractivePicker || multiple, mergedNeedConfirm = needConfirm != null ? needConfirm : multipleInteractivePicker, _getTimeProps = getTimeProps(props), _getTimeProps2 = _slicedToArray$1(_getTimeProps, 4), timeProps = _getTimeProps2[0], localeTimeProps = _getTimeProps2[1], showTimeFormat = _getTimeProps2[2], propFormat = _getTimeProps2[3], mergedLocale = useLocale(locale, localeTimeProps), mergedShowTime = React$6.useMemo(function() {
     return fillShowTimeConfig(internalPicker, showTimeFormat, propFormat, timeProps, mergedLocale);
   }, [internalPicker, showTimeFormat, propFormat, timeProps, mergedLocale]), filledProps = React$6.useMemo(function() {
-    return _objectSpread2$3(_objectSpread2$3({}, props), {}, {
+    return _objectSpread2$1(_objectSpread2$1({}, props), {}, {
       prefixCls,
       locale: mergedLocale,
       picker,
       styles: styles2,
       classNames,
       order,
-      components: _objectSpread2$3({
+      components: _objectSpread2$1({
         input: inputRender
       }, components),
       clearIcon: fillClearIcon(prefixCls, allowClear, clearIcon),
@@ -7139,8 +7156,8 @@ function useFilledProps(props, updater) {
       pickerValue: pickerValues,
       defaultPickerValue: defaultPickerValues
     }, void 0);
-  }, [props]), _useFieldFormat = useFieldFormat(internalPicker, mergedLocale, format2), _useFieldFormat2 = _slicedToArray$3(_useFieldFormat, 2), formatList = _useFieldFormat2[0], maskFormat = _useFieldFormat2[1], mergedInputReadOnly = useInputReadOnly(formatList, inputReadOnly, multiple), disabledBoundaryDate = useDisabledBoundary(generateConfig2, locale, disabledDate, minDate, maxDate), isInvalidateDate = useInvalidate(generateConfig2, picker, disabledBoundaryDate, mergedShowTime), mergedProps = React$6.useMemo(function() {
-    return _objectSpread2$3(_objectSpread2$3({}, filledProps), {}, {
+  }, [props]), _useFieldFormat = useFieldFormat(internalPicker, mergedLocale, format2), _useFieldFormat2 = _slicedToArray$1(_useFieldFormat, 2), formatList = _useFieldFormat2[0], maskFormat = _useFieldFormat2[1], mergedInputReadOnly = useInputReadOnly(formatList, inputReadOnly, multiple), disabledBoundaryDate = useDisabledBoundary(generateConfig2, locale, disabledDate, minDate, maxDate), isInvalidateDate = useInvalidate(generateConfig2, picker, disabledBoundaryDate, mergedShowTime), mergedProps = React$6.useMemo(function() {
+    return _objectSpread2$1(_objectSpread2$1({}, filledProps), {}, {
       needConfirm: mergedNeedConfirm,
       inputReadOnly: mergedInputReadOnly,
       disabledDate: disabledBoundaryDate
@@ -7152,7 +7169,7 @@ __name(useFilledProps, "useFilledProps");
 function useDelayState(value, defaultValue, onChange) {
   var _useMergedState = useMergedState(defaultValue, {
     value
-  }), _useMergedState2 = _slicedToArray$3(_useMergedState, 2), state = _useMergedState2[0], setState = _useMergedState2[1], nextValueRef = React__default.useRef(value), rafRef = React__default.useRef(), cancelRaf = /* @__PURE__ */ __name(function() {
+  }), _useMergedState2 = _slicedToArray$1(_useMergedState, 2), state = _useMergedState2[0], setState = _useMergedState2[1], nextValueRef = React__default.useRef(value), rafRef = React__default.useRef(), cancelRaf = /* @__PURE__ */ __name(function() {
     wrapperRaf.cancel(rafRef.current);
   }, "cancelRaf"), doUpdate = useEvent(function() {
     setState(nextValueRef.current), onChange && state !== nextValueRef.current && onChange(nextValueRef.current);
@@ -7167,7 +7184,7 @@ __name(useDelayState, "useDelayState");
 function useOpen(open, defaultOpen) {
   var disabledList = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [], onOpenChange = arguments.length > 3 ? arguments[3] : void 0, mergedOpen = disabledList.every(function(disabled) {
     return disabled;
-  }) ? !1 : open, _useDelayState = useDelayState(mergedOpen, defaultOpen || !1, onOpenChange), _useDelayState2 = _slicedToArray$3(_useDelayState, 2), rafOpen = _useDelayState2[0], setRafOpen = _useDelayState2[1];
+  }) ? !1 : open, _useDelayState = useDelayState(mergedOpen, defaultOpen || !1, onOpenChange), _useDelayState2 = _slicedToArray$1(_useDelayState, 2), rafOpen = _useDelayState2[0], setRafOpen = _useDelayState2[1];
   function setOpen(next) {
     var config2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     (!config2.inherit || rafOpen) && setRafOpen(next, config2.force);
@@ -7216,7 +7233,7 @@ function useLockEffect(condition, callback) {
 }
 __name(useLockEffect, "useLockEffect");
 function useRangeActive(disabled) {
-  var empty = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [], mergedOpen = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1, _React$useState = React$6.useState(0), _React$useState2 = _slicedToArray$3(_React$useState, 2), activeIndex = _React$useState2[0], setActiveIndex = _React$useState2[1], _React$useState3 = React$6.useState(!1), _React$useState4 = _slicedToArray$3(_React$useState3, 2), focused = _React$useState4[0], setFocused = _React$useState4[1], activeListRef = React$6.useRef([]), lastOperationRef = React$6.useRef(null), triggerFocus2 = /* @__PURE__ */ __name(function(nextFocus) {
+  var empty = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [], mergedOpen = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1, _React$useState = React$6.useState(0), _React$useState2 = _slicedToArray$1(_React$useState, 2), activeIndex = _React$useState2[0], setActiveIndex = _React$useState2[1], _React$useState3 = React$6.useState(!1), _React$useState4 = _slicedToArray$1(_React$useState3, 2), focused = _React$useState4[0], setFocused = _React$useState4[1], activeListRef = React$6.useRef([]), lastOperationRef = React$6.useRef(null), triggerFocus2 = /* @__PURE__ */ __name(function(nextFocus) {
     setFocused(nextFocus);
   }, "triggerFocus"), lastOperation = /* @__PURE__ */ __name(function(type2) {
     return type2 && (lastOperationRef.current = type2), lastOperationRef.current;
@@ -7255,15 +7272,15 @@ function useRangePickerValue(generateConfig2, locale, calendarValue, modes, open
   var defaultPickerValue = arguments.length > 8 && arguments[8] !== void 0 ? arguments[8] : EMPTY_LIST$1, pickerValue = arguments.length > 9 && arguments[9] !== void 0 ? arguments[9] : EMPTY_LIST$1, timeDefaultValue = arguments.length > 10 && arguments[10] !== void 0 ? arguments[10] : EMPTY_LIST$1, onPickerValueChange = arguments.length > 11 ? arguments[11] : void 0, minDate = arguments.length > 12 ? arguments[12] : void 0, maxDate = arguments.length > 13 ? arguments[13] : void 0, isTimePicker = pickerMode === "time", mergedActiveIndex = activeIndex || 0, getDefaultPickerValue = /* @__PURE__ */ __name(function(index2) {
     var now = generateConfig2.getNow();
     return isTimePicker && (now = fillTime(generateConfig2, now)), defaultPickerValue[index2] || calendarValue[index2] || now;
-  }, "getDefaultPickerValue"), _pickerValue = _slicedToArray$3(pickerValue, 2), startPickerValue = _pickerValue[0], endPickerValue = _pickerValue[1], _useMergedState = useMergedState(function() {
+  }, "getDefaultPickerValue"), _pickerValue = _slicedToArray$1(pickerValue, 2), startPickerValue = _pickerValue[0], endPickerValue = _pickerValue[1], _useMergedState = useMergedState(function() {
     return getDefaultPickerValue(0);
   }, {
     value: startPickerValue
-  }), _useMergedState2 = _slicedToArray$3(_useMergedState, 2), mergedStartPickerValue = _useMergedState2[0], setStartPickerValue = _useMergedState2[1], _useMergedState3 = useMergedState(function() {
+  }), _useMergedState2 = _slicedToArray$1(_useMergedState, 2), mergedStartPickerValue = _useMergedState2[0], setStartPickerValue = _useMergedState2[1], _useMergedState3 = useMergedState(function() {
     return getDefaultPickerValue(1);
   }, {
     value: endPickerValue
-  }), _useMergedState4 = _slicedToArray$3(_useMergedState3, 2), mergedEndPickerValue = _useMergedState4[0], setEndPickerValue = _useMergedState4[1], currentPickerValue = React$6.useMemo(function() {
+  }), _useMergedState4 = _slicedToArray$1(_useMergedState3, 2), mergedEndPickerValue = _useMergedState4[0], setEndPickerValue = _useMergedState4[1], currentPickerValue = React$6.useMemo(function() {
     var current = [mergedStartPickerValue, mergedEndPickerValue][mergedActiveIndex];
     return isTimePicker ? current : fillTime(generateConfig2, current, timeDefaultValue[mergedActiveIndex]);
   }, [isTimePicker, mergedStartPickerValue, mergedEndPickerValue, mergedActiveIndex, generateConfig2, timeDefaultValue]), setCurrentPickerValue = /* @__PURE__ */ __name(function(nextPickerValue) {
@@ -7295,7 +7312,7 @@ function useRangePickerValue(generateConfig2, locale, calendarValue, modes, open
 }
 __name(useRangePickerValue, "useRangePickerValue");
 function useSyncState(defaultValue, controlledValue) {
-  var valueRef = React$6.useRef(defaultValue), _React$useState = React$6.useState({}), _React$useState2 = _slicedToArray$3(_React$useState, 2), forceUpdate = _React$useState2[1], getter = /* @__PURE__ */ __name(function(useControlledValueFirst) {
+  var valueRef = React$6.useRef(defaultValue), _React$useState = React$6.useState({}), _React$useState2 = _slicedToArray$1(_React$useState, 2), forceUpdate = _React$useState2[1], getter = /* @__PURE__ */ __name(function(useControlledValueFirst) {
     return useControlledValueFirst && controlledValue !== void 0 ? controlledValue : valueRef.current;
   }, "getter"), setter = /* @__PURE__ */ __name(function(nextValue) {
     valueRef.current = nextValue, forceUpdate({});
@@ -7333,7 +7350,7 @@ function orderDates(dates, generateConfig2) {
 }
 __name(orderDates, "orderDates");
 function useCalendarValue(mergedValue) {
-  var _useSyncState = useSyncState(mergedValue), _useSyncState2 = _slicedToArray$3(_useSyncState, 2), calendarValue = _useSyncState2[0], setCalendarValue = _useSyncState2[1], syncWithValue = useEvent(function() {
+  var _useSyncState = useSyncState(mergedValue), _useSyncState2 = _slicedToArray$1(_useSyncState, 2), calendarValue = _useSyncState2[0], setCalendarValue = _useSyncState2[1], syncWithValue = useEvent(function() {
     setCalendarValue(mergedValue);
   });
   return React$6.useEffect(function() {
@@ -7344,12 +7361,12 @@ __name(useCalendarValue, "useCalendarValue");
 function useInnerValue(generateConfig2, locale, formatList, rangeValue, order, defaultValue, value, onCalendarChange, onOk) {
   var _useMergedState = useMergedState(defaultValue, {
     value
-  }), _useMergedState2 = _slicedToArray$3(_useMergedState, 2), innerValue = _useMergedState2[0], setInnerValue = _useMergedState2[1], mergedValue = innerValue || EMPTY_VALUE, _useCalendarValue = useCalendarValue(mergedValue), _useCalendarValue2 = _slicedToArray$3(_useCalendarValue, 2), calendarValue = _useCalendarValue2[0], setCalendarValue = _useCalendarValue2[1], _useUtil = useUtil(generateConfig2, locale, formatList), _useUtil2 = _slicedToArray$3(_useUtil, 2), getDateTexts = _useUtil2[0], isSameDates = _useUtil2[1], triggerCalendarChange = useEvent(function(nextCalendarValues) {
+  }), _useMergedState2 = _slicedToArray$1(_useMergedState, 2), innerValue = _useMergedState2[0], setInnerValue = _useMergedState2[1], mergedValue = innerValue || EMPTY_VALUE, _useCalendarValue = useCalendarValue(mergedValue), _useCalendarValue2 = _slicedToArray$1(_useCalendarValue, 2), calendarValue = _useCalendarValue2[0], setCalendarValue = _useCalendarValue2[1], _useUtil = useUtil(generateConfig2, locale, formatList), _useUtil2 = _slicedToArray$1(_useUtil, 2), getDateTexts = _useUtil2[0], isSameDates = _useUtil2[1], triggerCalendarChange = useEvent(function(nextCalendarValues) {
     var clone = _toConsumableArray$4(nextCalendarValues);
     order && (clone = orderDates(clone.filter(function(date) {
       return date;
     }), generateConfig2));
-    var _isSameDates = isSameDates(calendarValue(), clone), _isSameDates2 = _slicedToArray$3(_isSameDates, 2), isSameMergedDates = _isSameDates2[0], isSameStart = _isSameDates2[1];
+    var _isSameDates = isSameDates(calendarValue(), clone), _isSameDates2 = _slicedToArray$1(_isSameDates, 2), isSameMergedDates = _isSameDates2[0], isSameStart = _isSameDates2[1];
     if (!isSameMergedDates && (setCalendarValue(clone), onCalendarChange)) {
       var cellTexts = getDateTexts(clone);
       onCalendarChange(clone, cellTexts, {
@@ -7365,7 +7382,7 @@ __name(useInnerValue, "useInnerValue");
 function useRangeValue(info, mergedValue, setInnerValue, getCalendarValue, triggerCalendarChange, disabled, formatList, focused, open, isInvalidateDate) {
   var generateConfig2 = info.generateConfig, locale = info.locale, picker = info.picker, onChange = info.onChange, allowEmpty = info.allowEmpty, order = info.order, orderOnChange = disabled.some(function(d2) {
     return d2;
-  }) ? !1 : order, _useUtil3 = useUtil(generateConfig2, locale, formatList), _useUtil4 = _slicedToArray$3(_useUtil3, 2), getDateTexts = _useUtil4[0], isSameDates = _useUtil4[1], _useSyncState3 = useSyncState(mergedValue), _useSyncState4 = _slicedToArray$3(_useSyncState3, 2), submitValue = _useSyncState4[0], setSubmitValue = _useSyncState4[1], syncWithValue = useEvent(function() {
+  }) ? !1 : order, _useUtil3 = useUtil(generateConfig2, locale, formatList), _useUtil4 = _slicedToArray$1(_useUtil3, 2), getDateTexts = _useUtil4[0], isSameDates = _useUtil4[1], _useSyncState3 = useSyncState(mergedValue), _useSyncState4 = _slicedToArray$1(_useSyncState3, 2), submitValue = _useSyncState4[0], setSubmitValue = _useSyncState4[1], syncWithValue = useEvent(function() {
     setSubmitValue(mergedValue);
   });
   React$6.useEffect(function() {
@@ -7377,7 +7394,7 @@ function useRangeValue(info, mergedValue, setInnerValue, getCalendarValue, trigg
       for (var maxLen = Math.max(disabled.length, clone.length), i = 0; i < maxLen; i += 1)
         disabled[i] || (clone[i] = null);
     orderOnChange && clone[0] && clone[1] && (clone = orderDates(clone, generateConfig2)), triggerCalendarChange(clone);
-    var _clone = clone, _clone2 = _slicedToArray$3(_clone, 2), start = _clone2[0], end = _clone2[1], startEmpty = !start, endEmpty = !end, validateEmptyDateRange = allowEmpty ? (
+    var _clone = clone, _clone2 = _slicedToArray$1(_clone, 2), start = _clone2[0], end = _clone2[1], startEmpty = !start, endEmpty = !end, validateEmptyDateRange = allowEmpty ? (
       // Validate empty start
       (!startEmpty || allowEmpty[0]) && // Validate empty end
       (!endEmpty || allowEmpty[1])
@@ -7397,7 +7414,7 @@ function useRangeValue(info, mergedValue, setInnerValue, getCalendarValue, trigg
     );
     if (allPassed) {
       setInnerValue(clone);
-      var _isSameDates3 = isSameDates(clone, mergedValue), _isSameDates4 = _slicedToArray$3(_isSameDates3, 1), isSameMergedDates = _isSameDates4[0];
+      var _isSameDates3 = isSameDates(clone, mergedValue), _isSameDates4 = _slicedToArray$1(_isSameDates3, 1), isSameMergedDates = _isSameDates4[0];
       onChange && !isSameMergedDates && onChange(
         // Return null directly if all date are empty
         isNullValue && clone.every(function(val) {
@@ -7465,9 +7482,9 @@ function useTimeInfo(generateConfig2) {
     return [disabledConfig.disabledHours || disabledHours || emptyDisabled, disabledConfig.disabledMinutes || disabledMinutes || emptyDisabled, disabledConfig.disabledSeconds || disabledSeconds || emptyDisabled, disabledConfig.disabledMilliseconds || emptyDisabled];
   }, [disabledTime, disabledHours, disabledMinutes, disabledSeconds]), _React$useMemo = React$6.useMemo(function() {
     return getDisabledTimes(mergedDate);
-  }, [mergedDate, getDisabledTimes]), _React$useMemo2 = _slicedToArray$3(_React$useMemo, 4), mergedDisabledHours = _React$useMemo2[0], mergedDisabledMinutes = _React$useMemo2[1], mergedDisabledSeconds = _React$useMemo2[2], mergedDisabledMilliseconds = _React$useMemo2[3], getAllUnits = React$6.useCallback(function(getDisabledHours, getDisabledMinutes, getDisabledSeconds, getDisabledMilliseconds) {
+  }, [mergedDate, getDisabledTimes]), _React$useMemo2 = _slicedToArray$1(_React$useMemo, 4), mergedDisabledHours = _React$useMemo2[0], mergedDisabledMinutes = _React$useMemo2[1], mergedDisabledSeconds = _React$useMemo2[2], mergedDisabledMilliseconds = _React$useMemo2[3], getAllUnits = React$6.useCallback(function(getDisabledHours, getDisabledMinutes, getDisabledSeconds, getDisabledMilliseconds) {
     var hours = generateUnits(0, 23, hourStep, hideDisabledOptions, getDisabledHours()), rowHourUnits2 = use12Hours ? hours.map(function(unit) {
-      return _objectSpread2$3(_objectSpread2$3({}, unit), {}, {
+      return _objectSpread2$1(_objectSpread2$1({}, unit), {}, {
         label: leftPad(unit.value % 12 || 12, 2)
       });
     }) : hours, getMinuteUnits2 = /* @__PURE__ */ __name(function(nextHour) {
@@ -7480,12 +7497,12 @@ function useTimeInfo(generateConfig2) {
     return [rowHourUnits2, getMinuteUnits2, getSecondUnits2, getMillisecondUnits2];
   }, [hideDisabledOptions, hourStep, use12Hours, millisecondStep, minuteStep, secondStep]), _React$useMemo3 = React$6.useMemo(function() {
     return getAllUnits(mergedDisabledHours, mergedDisabledMinutes, mergedDisabledSeconds, mergedDisabledMilliseconds);
-  }, [getAllUnits, mergedDisabledHours, mergedDisabledMinutes, mergedDisabledSeconds, mergedDisabledMilliseconds]), _React$useMemo4 = _slicedToArray$3(_React$useMemo3, 4), rowHourUnits = _React$useMemo4[0], getMinuteUnits = _React$useMemo4[1], getSecondUnits = _React$useMemo4[2], getMillisecondUnits = _React$useMemo4[3], getValidTime = /* @__PURE__ */ __name(function(nextTime, certainDate) {
+  }, [getAllUnits, mergedDisabledHours, mergedDisabledMinutes, mergedDisabledSeconds, mergedDisabledMilliseconds]), _React$useMemo4 = _slicedToArray$1(_React$useMemo3, 4), rowHourUnits = _React$useMemo4[0], getMinuteUnits = _React$useMemo4[1], getSecondUnits = _React$useMemo4[2], getMillisecondUnits = _React$useMemo4[3], getValidTime = /* @__PURE__ */ __name(function(nextTime, certainDate) {
     var getCheckHourUnits = /* @__PURE__ */ __name(function() {
       return rowHourUnits;
     }, "getCheckHourUnits2"), getCheckMinuteUnits = getMinuteUnits, getCheckSecondUnits = getSecondUnits, getCheckMillisecondUnits = getMillisecondUnits;
     if (certainDate) {
-      var _getDisabledTimes = getDisabledTimes(certainDate), _getDisabledTimes2 = _slicedToArray$3(_getDisabledTimes, 4), targetDisabledHours = _getDisabledTimes2[0], targetDisabledMinutes = _getDisabledTimes2[1], targetDisabledSeconds = _getDisabledTimes2[2], targetDisabledMilliseconds = _getDisabledTimes2[3], _getAllUnits = getAllUnits(targetDisabledHours, targetDisabledMinutes, targetDisabledSeconds, targetDisabledMilliseconds), _getAllUnits2 = _slicedToArray$3(_getAllUnits, 4), targetRowHourUnits = _getAllUnits2[0], targetGetMinuteUnits = _getAllUnits2[1], targetGetSecondUnits = _getAllUnits2[2], targetGetMillisecondUnits = _getAllUnits2[3];
+      var _getDisabledTimes = getDisabledTimes(certainDate), _getDisabledTimes2 = _slicedToArray$1(_getDisabledTimes, 4), targetDisabledHours = _getDisabledTimes2[0], targetDisabledMinutes = _getDisabledTimes2[1], targetDisabledSeconds = _getDisabledTimes2[2], targetDisabledMilliseconds = _getDisabledTimes2[3], _getAllUnits = getAllUnits(targetDisabledHours, targetDisabledMinutes, targetDisabledSeconds, targetDisabledMilliseconds), _getAllUnits2 = _slicedToArray$1(_getAllUnits, 4), targetRowHourUnits = _getAllUnits2[0], targetGetMinuteUnits = _getAllUnits2[1], targetGetSecondUnits = _getAllUnits2[2], targetGetMillisecondUnits = _getAllUnits2[3];
       getCheckHourUnits = /* @__PURE__ */ __name(function() {
         return targetRowHourUnits;
       }, "getCheckHourUnits2"), getCheckMinuteUnits = targetGetMinuteUnits, getCheckSecondUnits = targetGetSecondUnits, getCheckMillisecondUnits = targetGetMillisecondUnits;
@@ -7505,7 +7522,7 @@ function useTimeInfo(generateConfig2) {
 }
 __name(useTimeInfo, "useTimeInfo");
 function Footer(props) {
-  var mode = props.mode, internalMode = props.internalMode, renderExtraFooter = props.renderExtraFooter, showNow = props.showNow, showTime = props.showTime, onSubmit = props.onSubmit, onNow = props.onNow, invalid = props.invalid, needConfirm = props.needConfirm, generateConfig2 = props.generateConfig, disabledDate = props.disabledDate, _React$useContext = React$6.useContext(PickerContext), prefixCls = _React$useContext.prefixCls, locale = _React$useContext.locale, _React$useContext$but = _React$useContext.button, Button2 = _React$useContext$but === void 0 ? "button" : _React$useContext$but, now = generateConfig2.getNow(), _useTimeInfo = useTimeInfo(generateConfig2, showTime, now), _useTimeInfo2 = _slicedToArray$3(_useTimeInfo, 1), getValidTime = _useTimeInfo2[0], extraNode = renderExtraFooter == null ? void 0 : renderExtraFooter(mode), nowDisabled = disabledDate(now, {
+  var mode = props.mode, internalMode = props.internalMode, renderExtraFooter = props.renderExtraFooter, showNow = props.showNow, showTime = props.showTime, onSubmit = props.onSubmit, onNow = props.onNow, invalid = props.invalid, needConfirm = props.needConfirm, generateConfig2 = props.generateConfig, disabledDate = props.disabledDate, _React$useContext = React$6.useContext(PickerContext), prefixCls = _React$useContext.prefixCls, locale = _React$useContext.locale, _React$useContext$but = _React$useContext.button, Button2 = _React$useContext$but === void 0 ? "button" : _React$useContext$but, now = generateConfig2.getNow(), _useTimeInfo = useTimeInfo(generateConfig2, showTime, now), _useTimeInfo2 = _slicedToArray$1(_useTimeInfo, 1), getValidTime = _useTimeInfo2[0], extraNode = renderExtraFooter == null ? void 0 : renderExtraFooter(mode), nowDisabled = disabledDate(now, {
     type: mode
   }), onInternalNow = /* @__PURE__ */ __name(function() {
     if (!nowDisabled) {
@@ -7591,7 +7608,7 @@ function PanelBody(props) {
       col === 0 && (rowStartDate = currentDate, prefixColumn && rowNode.push(prefixColumn(rowStartDate)));
       var inRange = !1, rangeStart = !1, rangeEnd = !1;
       if (cellSelection && hoverRangeValue) {
-        var _hoverRangeValue = _slicedToArray$3(hoverRangeValue, 2), hoverStart = _hoverRangeValue[0], hoverEnd = _hoverRangeValue[1];
+        var _hoverRangeValue = _slicedToArray$1(hoverRangeValue, 2), hoverStart = _hoverRangeValue[0], hoverEnd = _hoverRangeValue[1];
         inRange = isInRange(generateConfig2, hoverStart, hoverEnd, currentDate), rangeStart = isSame(generateConfig2, locale, currentDate, hoverStart, type2), rangeEnd = isSame(generateConfig2, locale, currentDate, hoverEnd, type2);
       }
       var title = titleFormat ? formatValue(currentDate, {
@@ -7604,7 +7621,7 @@ function PanelBody(props) {
       rowNode.push(/* @__PURE__ */ React$6.createElement("td", {
         key: col,
         title,
-        className: clsx(cellPrefixCls, _objectSpread2$3(_defineProperty$d(_defineProperty$d(_defineProperty$d(_defineProperty$d(_defineProperty$d(_defineProperty$d({}, "".concat(cellPrefixCls, "-disabled"), disabled), "".concat(cellPrefixCls, "-hover"), (hoverValue || []).some(function(date) {
+        className: clsx(cellPrefixCls, _objectSpread2$1(_defineProperty$b(_defineProperty$b(_defineProperty$b(_defineProperty$b(_defineProperty$b(_defineProperty$b({}, "".concat(cellPrefixCls, "-disabled"), disabled), "".concat(cellPrefixCls, "-hover"), (hoverValue || []).some(function(date) {
           return isSame(generateConfig2, locale, currentDate, date, type2);
         })), "".concat(cellPrefixCls, "-in-range"), inRange && !rangeStart && !rangeEnd), "".concat(cellPrefixCls, "-range-start"), rangeStart), "".concat(cellPrefixCls, "-range-end"), rangeEnd), "".concat(prefixCls, "-cell-selected"), !hoverRangeValue && // WeekPicker use row instead
         type2 !== "week" && matchValues(currentDate)), getCellClassName(currentDate))),
@@ -7721,13 +7738,13 @@ function PanelHeader(props) {
 }
 __name(PanelHeader, "PanelHeader");
 function DatePanel$1(props) {
-  var prefixCls = props.prefixCls, _props$panelName = props.panelName, panelName = _props$panelName === void 0 ? "date" : _props$panelName, locale = props.locale, generateConfig2 = props.generateConfig, pickerValue = props.pickerValue, onPickerValueChange = props.onPickerValueChange, onModeChange = props.onModeChange, _props$mode = props.mode, mode = _props$mode === void 0 ? "date" : _props$mode, disabledDate = props.disabledDate, onSelect2 = props.onSelect, onHover = props.onHover, showWeek = props.showWeek, panelPrefixCls = "".concat(prefixCls, "-").concat(panelName, "-panel"), cellPrefixCls = "".concat(prefixCls, "-cell"), isWeek = mode === "week", _useInfo = useInfo(props, mode), _useInfo2 = _slicedToArray$3(_useInfo, 2), info = _useInfo2[0], now = _useInfo2[1], weekFirstDay = generateConfig2.locale.getWeekFirstDay(locale.locale), monthStartDate = generateConfig2.setDate(pickerValue, 1), baseDate = getWeekStartDate(locale.locale, generateConfig2, monthStartDate), month = generateConfig2.getMonth(pickerValue), showPrefixColumn = showWeek === void 0 ? isWeek : showWeek, prefixColumn = showPrefixColumn ? function(date) {
+  var prefixCls = props.prefixCls, _props$panelName = props.panelName, panelName = _props$panelName === void 0 ? "date" : _props$panelName, locale = props.locale, generateConfig2 = props.generateConfig, pickerValue = props.pickerValue, onPickerValueChange = props.onPickerValueChange, onModeChange = props.onModeChange, _props$mode = props.mode, mode = _props$mode === void 0 ? "date" : _props$mode, disabledDate = props.disabledDate, onSelect2 = props.onSelect, onHover = props.onHover, showWeek = props.showWeek, panelPrefixCls = "".concat(prefixCls, "-").concat(panelName, "-panel"), cellPrefixCls = "".concat(prefixCls, "-cell"), isWeek = mode === "week", _useInfo = useInfo(props, mode), _useInfo2 = _slicedToArray$1(_useInfo, 2), info = _useInfo2[0], now = _useInfo2[1], weekFirstDay = generateConfig2.locale.getWeekFirstDay(locale.locale), monthStartDate = generateConfig2.setDate(pickerValue, 1), baseDate = getWeekStartDate(locale.locale, generateConfig2, monthStartDate), month = generateConfig2.getMonth(pickerValue), showPrefixColumn = showWeek === void 0 ? isWeek : showWeek, prefixColumn = showPrefixColumn ? function(date) {
     var disabled = disabledDate == null ? void 0 : disabledDate(date, {
       type: "week"
     });
     return /* @__PURE__ */ React$6.createElement("td", {
       key: "week",
-      className: clsx(cellPrefixCls, "".concat(cellPrefixCls, "-week"), _defineProperty$d({}, "".concat(cellPrefixCls, "-disabled"), disabled)),
+      className: clsx(cellPrefixCls, "".concat(cellPrefixCls, "-week"), _defineProperty$b({}, "".concat(cellPrefixCls, "-disabled"), disabled)),
       onClick: /* @__PURE__ */ __name(function() {
         disabled || onSelect2(date);
       }, "onClick"),
@@ -7758,7 +7775,7 @@ function DatePanel$1(props) {
       generateConfig: generateConfig2
     });
   }, "getCellText"), getCellClassName = /* @__PURE__ */ __name(function(date) {
-    var classObj = _defineProperty$d(_defineProperty$d({}, "".concat(prefixCls, "-cell-in-view"), isSameMonth(generateConfig2, date, pickerValue)), "".concat(prefixCls, "-cell-today"), isSameDate(generateConfig2, date, now));
+    var classObj = _defineProperty$b(_defineProperty$b({}, "".concat(prefixCls, "-cell-in-view"), isSameMonth(generateConfig2, date, pickerValue)), "".concat(prefixCls, "-cell-today"), isSameDate(generateConfig2, date, now));
     return classObj;
   }, "getCellClassName"), monthsLocale = locale.shortMonths || (generateConfig2.locale.getShortMonths ? generateConfig2.locale.getShortMonths(locale.locale) : []), yearNode = /* @__PURE__ */ React$6.createElement("button", {
     type: "button",
@@ -7806,7 +7823,7 @@ function DatePanel$1(props) {
       var clone = generateConfig2.setDate(date, 1);
       return clone = generateConfig2.addMonth(clone, 1), generateConfig2.addDate(clone, -1);
     }, "getEnd")
-  }, monthYearNodes), /* @__PURE__ */ React$6.createElement(PanelBody, _extends$7({
+  }, monthYearNodes), /* @__PURE__ */ React$6.createElement(PanelBody, _extends$6({
     titleFormat: locale.fieldDateFormat
   }, props, {
     colNum: WEEK_DAY_COUNT,
@@ -7858,7 +7875,7 @@ var SCROLL_DELAY = 300;
 function TimeColumn(props) {
   var units = props.units, value = props.value, optionalValue = props.optionalValue, type2 = props.type, onChange = props.onChange, onHover = props.onHover, onDblClick = props.onDblClick, changeOnScroll = props.changeOnScroll, _usePanelContext = usePanelContext(), prefixCls = _usePanelContext.prefixCls, cellRender = _usePanelContext.cellRender, now = _usePanelContext.now, locale = _usePanelContext.locale, panelPrefixCls = "".concat(prefixCls, "-time-panel"), cellPrefixCls = "".concat(prefixCls, "-time-panel-cell"), ulRef = React$6.useRef(null), checkDelayRef = React$6.useRef(), clearDelayCheck = /* @__PURE__ */ __name(function() {
     clearTimeout(checkDelayRef.current);
-  }, "clearDelayCheck"), _useScrollTo = useScrollTo$1(ulRef, value != null ? value : optionalValue), _useScrollTo2 = _slicedToArray$3(_useScrollTo, 3), syncScroll = _useScrollTo2[0], stopScroll = _useScrollTo2[1], isScrolling = _useScrollTo2[2];
+  }, "clearDelayCheck"), _useScrollTo = useScrollTo$1(ulRef, value != null ? value : optionalValue), _useScrollTo2 = _slicedToArray$1(_useScrollTo, 3), syncScroll = _useScrollTo2[0], stopScroll = _useScrollTo2[1], isScrolling = _useScrollTo2[2];
   useLayoutEffect$1(function() {
     return syncScroll(), clearDelayCheck(), function() {
       stopScroll(), clearDelayCheck();
@@ -7889,7 +7906,7 @@ function TimeColumn(props) {
     }, label);
     return /* @__PURE__ */ React$6.createElement("li", {
       key: unitValue,
-      className: clsx(cellPrefixCls, _defineProperty$d(_defineProperty$d({}, "".concat(cellPrefixCls, "-selected"), value === unitValue), "".concat(cellPrefixCls, "-disabled"), disabled)),
+      className: clsx(cellPrefixCls, _defineProperty$b(_defineProperty$b({}, "".concat(cellPrefixCls, "-selected"), value === unitValue), "".concat(cellPrefixCls, "-disabled"), disabled)),
       onClick: /* @__PURE__ */ __name(function() {
         disabled || onChange(unitValue);
       }, "onClick"),
@@ -7919,10 +7936,11 @@ function isAM(hour) {
 }
 __name(isAM, "isAM");
 function TimePanelBody(props) {
-  var showHour = props.showHour, showMinute = props.showMinute, showSecond = props.showSecond, showMillisecond = props.showMillisecond, showMeridiem = props.use12Hours, changeOnScroll = props.changeOnScroll, _usePanelContext = usePanelContext(), prefixCls = _usePanelContext.prefixCls, values3 = _usePanelContext.values, generateConfig2 = _usePanelContext.generateConfig, locale = _usePanelContext.locale, onSelect2 = _usePanelContext.onSelect, onHover = _usePanelContext.onHover, pickerValue = _usePanelContext.pickerValue, value = (values3 == null ? void 0 : values3[0]) || null, _React$useContext = React$6.useContext(PickerHackContext), onCellDblClick = _React$useContext.onCellDblClick, _useTimeInfo = useTimeInfo(generateConfig2, props, value), _useTimeInfo2 = _slicedToArray$3(_useTimeInfo, 5), getValidTime = _useTimeInfo2[0], rowHourUnits = _useTimeInfo2[1], getMinuteUnits = _useTimeInfo2[2], getSecondUnits = _useTimeInfo2[3], getMillisecondUnits = _useTimeInfo2[4], getUnitValue = /* @__PURE__ */ __name(function(func) {
+  var showHour = props.showHour, showMinute = props.showMinute, showSecond = props.showSecond, showMillisecond = props.showMillisecond, showMeridiem = props.use12Hours, changeOnScroll = props.changeOnScroll, _usePanelContext = usePanelContext(), prefixCls = _usePanelContext.prefixCls, values3 = _usePanelContext.values, generateConfig2 = _usePanelContext.generateConfig, locale = _usePanelContext.locale, onSelect2 = _usePanelContext.onSelect, _usePanelContext$onHo = _usePanelContext.onHover, onHover = _usePanelContext$onHo === void 0 ? function() {
+  } : _usePanelContext$onHo, pickerValue = _usePanelContext.pickerValue, value = (values3 == null ? void 0 : values3[0]) || null, _React$useContext = React$6.useContext(PickerHackContext), onCellDblClick = _React$useContext.onCellDblClick, _useTimeInfo = useTimeInfo(generateConfig2, props, value), _useTimeInfo2 = _slicedToArray$1(_useTimeInfo, 5), getValidTime = _useTimeInfo2[0], rowHourUnits = _useTimeInfo2[1], getMinuteUnits = _useTimeInfo2[2], getSecondUnits = _useTimeInfo2[3], getMillisecondUnits = _useTimeInfo2[4], getUnitValue = /* @__PURE__ */ __name(function(func) {
     var valueUnitVal = value && generateConfig2[func](value), pickerUnitValue = pickerValue && generateConfig2[func](pickerValue);
     return [valueUnitVal, pickerUnitValue];
-  }, "getUnitValue"), _getUnitValue = getUnitValue("getHour"), _getUnitValue2 = _slicedToArray$3(_getUnitValue, 2), hour = _getUnitValue2[0], pickerHour = _getUnitValue2[1], _getUnitValue3 = getUnitValue("getMinute"), _getUnitValue4 = _slicedToArray$3(_getUnitValue3, 2), minute = _getUnitValue4[0], pickerMinute = _getUnitValue4[1], _getUnitValue5 = getUnitValue("getSecond"), _getUnitValue6 = _slicedToArray$3(_getUnitValue5, 2), second = _getUnitValue6[0], pickerSecond = _getUnitValue6[1], _getUnitValue7 = getUnitValue("getMillisecond"), _getUnitValue8 = _slicedToArray$3(_getUnitValue7, 2), millisecond = _getUnitValue8[0], pickerMillisecond = _getUnitValue8[1], meridiem = hour === null ? null : isAM(hour) ? "am" : "pm", hourUnits = React$6.useMemo(function() {
+  }, "getUnitValue"), _getUnitValue = getUnitValue("getHour"), _getUnitValue2 = _slicedToArray$1(_getUnitValue, 2), hour = _getUnitValue2[0], pickerHour = _getUnitValue2[1], _getUnitValue3 = getUnitValue("getMinute"), _getUnitValue4 = _slicedToArray$1(_getUnitValue3, 2), minute = _getUnitValue4[0], pickerMinute = _getUnitValue4[1], _getUnitValue5 = getUnitValue("getSecond"), _getUnitValue6 = _slicedToArray$1(_getUnitValue5, 2), second = _getUnitValue6[0], pickerSecond = _getUnitValue6[1], _getUnitValue7 = getUnitValue("getMillisecond"), _getUnitValue8 = _slicedToArray$1(_getUnitValue7, 2), millisecond = _getUnitValue8[0], pickerMillisecond = _getUnitValue8[1], meridiem = hour === null ? null : isAM(hour) ? "am" : "pm", hourUnits = React$6.useMemo(function() {
     return showMeridiem ? isAM(hour) ? rowHourUnits.filter(function(h2) {
       return isAM(h2.value);
     }) : rowHourUnits.filter(function(h2) {
@@ -8012,35 +8030,35 @@ function TimePanelBody(props) {
   };
   return /* @__PURE__ */ React$6.createElement("div", {
     className: "".concat(prefixCls, "-content")
-  }, showHour && /* @__PURE__ */ React$6.createElement(TimeColumn, _extends$7({
+  }, showHour && /* @__PURE__ */ React$6.createElement(TimeColumn, _extends$6({
     units: hourUnits,
     value: hour,
     optionalValue: pickerHour,
     type: "hour",
     onChange: onHourChange,
     onHover: onHourHover
-  }, sharedColumnProps)), showMinute && /* @__PURE__ */ React$6.createElement(TimeColumn, _extends$7({
+  }, sharedColumnProps)), showMinute && /* @__PURE__ */ React$6.createElement(TimeColumn, _extends$6({
     units: minuteUnits,
     value: minute,
     optionalValue: pickerMinute,
     type: "minute",
     onChange: onMinuteChange,
     onHover: onMinuteHover
-  }, sharedColumnProps)), showSecond && /* @__PURE__ */ React$6.createElement(TimeColumn, _extends$7({
+  }, sharedColumnProps)), showSecond && /* @__PURE__ */ React$6.createElement(TimeColumn, _extends$6({
     units: secondUnits,
     value: second,
     optionalValue: pickerSecond,
     type: "second",
     onChange: onSecondChange,
     onHover: onSecondHover
-  }, sharedColumnProps)), showMillisecond && /* @__PURE__ */ React$6.createElement(TimeColumn, _extends$7({
+  }, sharedColumnProps)), showMillisecond && /* @__PURE__ */ React$6.createElement(TimeColumn, _extends$6({
     units: millisecondUnits,
     value: millisecond,
     optionalValue: pickerMillisecond,
     type: "millisecond",
     onChange: onMillisecondChange,
     onHover: onMillisecondHover
-  }, sharedColumnProps)), showMeridiem && /* @__PURE__ */ React$6.createElement(TimeColumn, _extends$7({
+  }, sharedColumnProps)), showMeridiem && /* @__PURE__ */ React$6.createElement(TimeColumn, _extends$6({
     units: meridiemUnits,
     value: meridiem,
     type: "meridiem",
@@ -8050,7 +8068,7 @@ function TimePanelBody(props) {
 }
 __name(TimePanelBody, "TimePanelBody");
 function TimePanel(props) {
-  var prefixCls = props.prefixCls, value = props.value, locale = props.locale, generateConfig2 = props.generateConfig, showTime = props.showTime, _ref = showTime || {}, format2 = _ref.format, panelPrefixCls = "".concat(prefixCls, "-time-panel"), _useInfo = useInfo(props, "time"), _useInfo2 = _slicedToArray$3(_useInfo, 1), info = _useInfo2[0];
+  var prefixCls = props.prefixCls, value = props.value, locale = props.locale, generateConfig2 = props.generateConfig, showTime = props.showTime, _ref = showTime || {}, format2 = _ref.format, panelPrefixCls = "".concat(prefixCls, "-time-panel"), _useInfo = useInfo(props, "time"), _useInfo2 = _slicedToArray$1(_useInfo, 1), info = _useInfo2[0];
   return /* @__PURE__ */ React$6.createElement(PanelContext.Provider, {
     value: info
   }, /* @__PURE__ */ React$6.createElement("div", {
@@ -8063,7 +8081,7 @@ function TimePanel(props) {
 }
 __name(TimePanel, "TimePanel");
 function DateTimePanel(props) {
-  var prefixCls = props.prefixCls, generateConfig2 = props.generateConfig, showTime = props.showTime, onSelect2 = props.onSelect, value = props.value, pickerValue = props.pickerValue, onHover = props.onHover, panelPrefixCls = "".concat(prefixCls, "-datetime-panel"), _useTimeInfo = useTimeInfo(generateConfig2, showTime), _useTimeInfo2 = _slicedToArray$3(_useTimeInfo, 1), getValidTime = _useTimeInfo2[0], mergeTime = /* @__PURE__ */ __name(function(date) {
+  var prefixCls = props.prefixCls, generateConfig2 = props.generateConfig, showTime = props.showTime, onSelect2 = props.onSelect, value = props.value, pickerValue = props.pickerValue, onHover = props.onHover, panelPrefixCls = "".concat(prefixCls, "-datetime-panel"), _useTimeInfo = useTimeInfo(generateConfig2, showTime), _useTimeInfo2 = _slicedToArray$1(_useTimeInfo, 1), getValidTime = _useTimeInfo2[0], mergeTime = /* @__PURE__ */ __name(function(date) {
     return value ? fillTime(generateConfig2, date, value) : fillTime(generateConfig2, date, pickerValue);
   }, "mergeTime"), onDateHover = /* @__PURE__ */ __name(function(date) {
     onHover == null || onHover(date && mergeTime(date));
@@ -8073,14 +8091,14 @@ function DateTimePanel(props) {
   }, "onDateSelect");
   return /* @__PURE__ */ React$6.createElement("div", {
     className: panelPrefixCls
-  }, /* @__PURE__ */ React$6.createElement(DatePanel$1, _extends$7({}, props, {
+  }, /* @__PURE__ */ React$6.createElement(DatePanel$1, _extends$6({}, props, {
     onSelect: onDateSelect,
     onHover: onDateHover
   })), /* @__PURE__ */ React$6.createElement(TimePanel, props));
 }
 __name(DateTimePanel, "DateTimePanel");
 function DecadePanel(props) {
-  var prefixCls = props.prefixCls, locale = props.locale, generateConfig2 = props.generateConfig, pickerValue = props.pickerValue, disabledDate = props.disabledDate, onPickerValueChange = props.onPickerValueChange, panelPrefixCls = "".concat(prefixCls, "-decade-panel"), _useInfo = useInfo(props, "decade"), _useInfo2 = _slicedToArray$3(_useInfo, 1), info = _useInfo2[0], getStartYear = /* @__PURE__ */ __name(function(date) {
+  var prefixCls = props.prefixCls, locale = props.locale, generateConfig2 = props.generateConfig, pickerValue = props.pickerValue, disabledDate = props.disabledDate, onPickerValueChange = props.onPickerValueChange, panelPrefixCls = "".concat(prefixCls, "-decade-panel"), _useInfo = useInfo(props, "decade"), _useInfo2 = _slicedToArray$1(_useInfo, 1), info = _useInfo2[0], getStartYear = /* @__PURE__ */ __name(function(date) {
     var startYear = Math.floor(generateConfig2.getYear(pickerValue) / 100) * 100;
     return generateConfig2.setYear(date, startYear);
   }, "getStartYear"), getEndYear = /* @__PURE__ */ __name(function(date) {
@@ -8100,7 +8118,7 @@ function DecadePanel(props) {
     });
     return "".concat(startYearStr, "-").concat(endYearStr);
   }, "getCellText"), getCellClassName = /* @__PURE__ */ __name(function(date) {
-    return _defineProperty$d({}, "".concat(prefixCls, "-cell-in-view"), isSameDecade(generateConfig2, date, startYearDate) || isSameDecade(generateConfig2, date, endYearDate) || isInRange(generateConfig2, startYearDate, endYearDate, date));
+    return _defineProperty$b({}, "".concat(prefixCls, "-cell-in-view"), isSameDecade(generateConfig2, date, startYearDate) || isSameDecade(generateConfig2, date, endYearDate) || isInRange(generateConfig2, startYearDate, endYearDate, date));
   }, "getCellClassName"), mergedDisabledDate = disabledDate ? function(currentDate, disabledInfo) {
     var baseStartDate = generateConfig2.setDate(currentDate, 1), baseStartMonth = generateConfig2.setMonth(baseStartDate, 0), baseStartYear = generateConfig2.setYear(baseStartMonth, Math.floor(generateConfig2.getYear(baseStartMonth) / 10) * 10), baseEndYear = generateConfig2.addYear(baseStartYear, 10), baseEndDate = generateConfig2.addDate(baseEndYear, -1);
     return disabledDate(baseStartYear, disabledInfo) && disabledDate(baseEndDate, disabledInfo);
@@ -8124,7 +8142,7 @@ function DecadePanel(props) {
     onChange: onPickerValueChange,
     getStart: getStartYear,
     getEnd: getEndYear
-  }, yearNode), /* @__PURE__ */ React$6.createElement(PanelBody, _extends$7({}, props, {
+  }, yearNode), /* @__PURE__ */ React$6.createElement(PanelBody, _extends$6({}, props, {
     disabledDate: mergedDisabledDate,
     colNum: 3,
     rowNum: 4,
@@ -8136,7 +8154,7 @@ function DecadePanel(props) {
 }
 __name(DecadePanel, "DecadePanel");
 function MonthPanel(props) {
-  var prefixCls = props.prefixCls, locale = props.locale, generateConfig2 = props.generateConfig, pickerValue = props.pickerValue, disabledDate = props.disabledDate, onPickerValueChange = props.onPickerValueChange, onModeChange = props.onModeChange, panelPrefixCls = "".concat(prefixCls, "-month-panel"), _useInfo = useInfo(props, "month"), _useInfo2 = _slicedToArray$3(_useInfo, 1), info = _useInfo2[0], baseDate = generateConfig2.setMonth(pickerValue, 0), monthsLocale = locale.shortMonths || (generateConfig2.locale.getShortMonths ? generateConfig2.locale.getShortMonths(locale.locale) : []), getCellDate = /* @__PURE__ */ __name(function(date, offset2) {
+  var prefixCls = props.prefixCls, locale = props.locale, generateConfig2 = props.generateConfig, pickerValue = props.pickerValue, disabledDate = props.disabledDate, onPickerValueChange = props.onPickerValueChange, onModeChange = props.onModeChange, panelPrefixCls = "".concat(prefixCls, "-month-panel"), _useInfo = useInfo(props, "month"), _useInfo2 = _slicedToArray$1(_useInfo, 1), info = _useInfo2[0], baseDate = generateConfig2.setMonth(pickerValue, 0), monthsLocale = locale.shortMonths || (generateConfig2.locale.getShortMonths ? generateConfig2.locale.getShortMonths(locale.locale) : []), getCellDate = /* @__PURE__ */ __name(function(date, offset2) {
     return generateConfig2.addMonth(date, offset2);
   }, "getCellDate"), getCellText = /* @__PURE__ */ __name(function(date) {
     var month = generateConfig2.getMonth(date);
@@ -8146,7 +8164,7 @@ function MonthPanel(props) {
       generateConfig: generateConfig2
     }) : monthsLocale[month];
   }, "getCellText"), getCellClassName = /* @__PURE__ */ __name(function() {
-    return _defineProperty$d({}, "".concat(prefixCls, "-cell-in-view"), !0);
+    return _defineProperty$b({}, "".concat(prefixCls, "-cell-in-view"), !0);
   }, "getCellClassName"), mergedDisabledDate = disabledDate ? function(currentDate, disabledInfo) {
     var startDate = generateConfig2.setDate(currentDate, 1), nextMonthStartDate = generateConfig2.setMonth(startDate, generateConfig2.getMonth(startDate) + 1), endDate = generateConfig2.addDate(nextMonthStartDate, -1);
     return disabledDate(startDate, disabledInfo) && disabledDate(endDate, disabledInfo);
@@ -8179,7 +8197,7 @@ function MonthPanel(props) {
     getEnd: /* @__PURE__ */ __name(function(date) {
       return generateConfig2.setMonth(date, 11);
     }, "getEnd")
-  }, yearNode), /* @__PURE__ */ React$6.createElement(PanelBody, _extends$7({}, props, {
+  }, yearNode), /* @__PURE__ */ React$6.createElement(PanelBody, _extends$6({}, props, {
     disabledDate: mergedDisabledDate,
     titleFormat: locale.fieldMonthFormat,
     colNum: 3,
@@ -8192,7 +8210,7 @@ function MonthPanel(props) {
 }
 __name(MonthPanel, "MonthPanel");
 function QuarterPanel(props) {
-  var prefixCls = props.prefixCls, locale = props.locale, generateConfig2 = props.generateConfig, pickerValue = props.pickerValue, onPickerValueChange = props.onPickerValueChange, onModeChange = props.onModeChange, panelPrefixCls = "".concat(prefixCls, "-quarter-panel"), _useInfo = useInfo(props, "quarter"), _useInfo2 = _slicedToArray$3(_useInfo, 1), info = _useInfo2[0], baseDate = generateConfig2.setMonth(pickerValue, 0), getCellDate = /* @__PURE__ */ __name(function(date, offset2) {
+  var prefixCls = props.prefixCls, locale = props.locale, generateConfig2 = props.generateConfig, pickerValue = props.pickerValue, onPickerValueChange = props.onPickerValueChange, onModeChange = props.onModeChange, panelPrefixCls = "".concat(prefixCls, "-quarter-panel"), _useInfo = useInfo(props, "quarter"), _useInfo2 = _slicedToArray$1(_useInfo, 1), info = _useInfo2[0], baseDate = generateConfig2.setMonth(pickerValue, 0), getCellDate = /* @__PURE__ */ __name(function(date, offset2) {
     return generateConfig2.addMonth(date, offset2 * 3);
   }, "getCellDate"), getCellText = /* @__PURE__ */ __name(function(date) {
     return formatValue(date, {
@@ -8201,7 +8219,7 @@ function QuarterPanel(props) {
       generateConfig: generateConfig2
     });
   }, "getCellText"), getCellClassName = /* @__PURE__ */ __name(function() {
-    return _defineProperty$d({}, "".concat(prefixCls, "-cell-in-view"), !0);
+    return _defineProperty$b({}, "".concat(prefixCls, "-cell-in-view"), !0);
   }, "getCellClassName"), yearNode = /* @__PURE__ */ React$6.createElement("button", {
     type: "button",
     key: "year",
@@ -8231,7 +8249,7 @@ function QuarterPanel(props) {
     getEnd: /* @__PURE__ */ __name(function(date) {
       return generateConfig2.setMonth(date, 11);
     }, "getEnd")
-  }, yearNode), /* @__PURE__ */ React$6.createElement(PanelBody, _extends$7({}, props, {
+  }, yearNode), /* @__PURE__ */ React$6.createElement(PanelBody, _extends$6({}, props, {
     titleFormat: locale.fieldQuarterFormat,
     colNum: 4,
     rowNum: 1,
@@ -8246,19 +8264,19 @@ function WeekPanel(props) {
   var prefixCls = props.prefixCls, generateConfig2 = props.generateConfig, locale = props.locale, value = props.value, hoverValue = props.hoverValue, hoverRangeValue = props.hoverRangeValue, localeName = locale.locale, rowPrefixCls = "".concat(prefixCls, "-week-panel-row"), rowClassName = /* @__PURE__ */ __name(function(currentDate) {
     var rangeCls = {};
     if (hoverRangeValue) {
-      var _hoverRangeValue = _slicedToArray$3(hoverRangeValue, 2), rangeStart = _hoverRangeValue[0], rangeEnd = _hoverRangeValue[1], isRangeStart = isSameWeek(generateConfig2, localeName, rangeStart, currentDate), isRangeEnd = isSameWeek(generateConfig2, localeName, rangeEnd, currentDate);
+      var _hoverRangeValue = _slicedToArray$1(hoverRangeValue, 2), rangeStart = _hoverRangeValue[0], rangeEnd = _hoverRangeValue[1], isRangeStart = isSameWeek(generateConfig2, localeName, rangeStart, currentDate), isRangeEnd = isSameWeek(generateConfig2, localeName, rangeEnd, currentDate);
       rangeCls["".concat(rowPrefixCls, "-range-start")] = isRangeStart, rangeCls["".concat(rowPrefixCls, "-range-end")] = isRangeEnd, rangeCls["".concat(rowPrefixCls, "-range-hover")] = !isRangeStart && !isRangeEnd && isInRange(generateConfig2, rangeStart, rangeEnd, currentDate);
     }
     return hoverValue && (rangeCls["".concat(rowPrefixCls, "-hover")] = hoverValue.some(function(date) {
       return isSameWeek(generateConfig2, localeName, currentDate, date);
     })), clsx(
       rowPrefixCls,
-      _defineProperty$d({}, "".concat(rowPrefixCls, "-selected"), !hoverRangeValue && isSameWeek(generateConfig2, localeName, value, currentDate)),
+      _defineProperty$b({}, "".concat(rowPrefixCls, "-selected"), !hoverRangeValue && isSameWeek(generateConfig2, localeName, value, currentDate)),
       // Patch for hover range
       rangeCls
     );
   }, "rowClassName");
-  return /* @__PURE__ */ React$6.createElement(DatePanel$1, _extends$7({}, props, {
+  return /* @__PURE__ */ React$6.createElement(DatePanel$1, _extends$6({}, props, {
     mode: "week",
     panelName: "week",
     rowClassName
@@ -8266,7 +8284,7 @@ function WeekPanel(props) {
 }
 __name(WeekPanel, "WeekPanel");
 function YearPanel(props) {
-  var prefixCls = props.prefixCls, locale = props.locale, generateConfig2 = props.generateConfig, pickerValue = props.pickerValue, disabledDate = props.disabledDate, onPickerValueChange = props.onPickerValueChange, onModeChange = props.onModeChange, panelPrefixCls = "".concat(prefixCls, "-year-panel"), _useInfo = useInfo(props, "year"), _useInfo2 = _slicedToArray$3(_useInfo, 1), info = _useInfo2[0], getStartYear = /* @__PURE__ */ __name(function(date) {
+  var prefixCls = props.prefixCls, locale = props.locale, generateConfig2 = props.generateConfig, pickerValue = props.pickerValue, disabledDate = props.disabledDate, onPickerValueChange = props.onPickerValueChange, onModeChange = props.onModeChange, panelPrefixCls = "".concat(prefixCls, "-year-panel"), _useInfo = useInfo(props, "year"), _useInfo2 = _slicedToArray$1(_useInfo, 1), info = _useInfo2[0], getStartYear = /* @__PURE__ */ __name(function(date) {
     var startYear = Math.floor(generateConfig2.getYear(pickerValue) / 10) * 10;
     return generateConfig2.setYear(date, startYear);
   }, "getStartYear"), getEndYear = /* @__PURE__ */ __name(function(date) {
@@ -8281,7 +8299,7 @@ function YearPanel(props) {
       generateConfig: generateConfig2
     });
   }, "getCellText"), getCellClassName = /* @__PURE__ */ __name(function(date) {
-    return _defineProperty$d({}, "".concat(prefixCls, "-cell-in-view"), isSameYear(generateConfig2, date, startYearDate) || isSameYear(generateConfig2, date, endYearDate) || isInRange(generateConfig2, startYearDate, endYearDate, date));
+    return _defineProperty$b({}, "".concat(prefixCls, "-cell-in-view"), isSameYear(generateConfig2, date, startYearDate) || isSameYear(generateConfig2, date, endYearDate) || isInRange(generateConfig2, startYearDate, endYearDate, date));
   }, "getCellClassName"), mergedDisabledDate = disabledDate ? function(currentDate, disabledInfo) {
     var startMonth = generateConfig2.setMonth(currentDate, 0), startDate = generateConfig2.setDate(startMonth, 1), endMonth = generateConfig2.addYear(startDate, 1), endDate = generateConfig2.addDate(endMonth, -1);
     return disabledDate(startDate, disabledInfo) && disabledDate(endDate, disabledInfo);
@@ -8314,7 +8332,7 @@ function YearPanel(props) {
     onChange: onPickerValueChange,
     getStart: getStartYear,
     getEnd: getEndYear
-  }, yearNode), /* @__PURE__ */ React$6.createElement(PanelBody, _extends$7({}, props, {
+  }, yearNode), /* @__PURE__ */ React$6.createElement(PanelBody, _extends$6({}, props, {
     disabledDate: mergedDisabledDate,
     titleFormat: locale.fieldYearFormat,
     colNum: 3,
@@ -8343,16 +8361,16 @@ function PickerPanel(props, ref) {
       nativeElement: rootRef.current
     };
   });
-  var _getTimeProps = getTimeProps(props), _getTimeProps2 = _slicedToArray$3(_getTimeProps, 4), timeProps = _getTimeProps2[0], localeTimeProps = _getTimeProps2[1], showTimeFormat = _getTimeProps2[2], propFormat = _getTimeProps2[3], filledLocale = useLocale(locale, localeTimeProps), internalPicker = picker === "date" && showTime ? "datetime" : picker, mergedShowTime = React$6.useMemo(function() {
+  var _getTimeProps = getTimeProps(props), _getTimeProps2 = _slicedToArray$1(_getTimeProps, 4), timeProps = _getTimeProps2[0], localeTimeProps = _getTimeProps2[1], showTimeFormat = _getTimeProps2[2], propFormat = _getTimeProps2[3], filledLocale = useLocale(locale, localeTimeProps), internalPicker = picker === "date" && showTime ? "datetime" : picker, mergedShowTime = React$6.useMemo(function() {
     return fillShowTimeConfig(internalPicker, showTimeFormat, propFormat, timeProps, filledLocale);
   }, [internalPicker, showTimeFormat, propFormat, timeProps, filledLocale]), now = generateConfig2.getNow(), _useMergedState = useMergedState(picker, {
     value: mode,
     postState: /* @__PURE__ */ __name(function(val) {
       return val || "date";
     }, "postState")
-  }), _useMergedState2 = _slicedToArray$3(_useMergedState, 2), mergedMode = _useMergedState2[0], setMergedMode = _useMergedState2[1], internalMode = mergedMode === "date" && mergedShowTime ? "datetime" : mergedMode, toggleDates = useToggleDates(generateConfig2, locale, internalPicker), _useMergedState3 = useMergedState(defaultValue, {
+  }), _useMergedState2 = _slicedToArray$1(_useMergedState, 2), mergedMode = _useMergedState2[0], setMergedMode = _useMergedState2[1], internalMode = mergedMode === "date" && mergedShowTime ? "datetime" : mergedMode, toggleDates = useToggleDates(generateConfig2, locale, internalPicker), _useMergedState3 = useMergedState(defaultValue, {
     value
-  }), _useMergedState4 = _slicedToArray$3(_useMergedState3, 2), innerValue = _useMergedState4[0], setMergedValue = _useMergedState4[1], mergedValue = React$6.useMemo(function() {
+  }), _useMergedState4 = _slicedToArray$1(_useMergedState3, 2), innerValue = _useMergedState4[0], setMergedValue = _useMergedState4[1], mergedValue = React$6.useMemo(function() {
     var values3 = toArray$1(innerValue).filter(function(val) {
       return val;
     });
@@ -8368,7 +8386,7 @@ function PickerPanel(props, ref) {
     }
   }), _useMergedState5 = useMergedState(defaultPickerValue || mergedValue[0] || now, {
     value: pickerValue
-  }), _useMergedState6 = _slicedToArray$3(_useMergedState5, 2), mergedPickerValue = _useMergedState6[0], setInternalPickerValue = _useMergedState6[1];
+  }), _useMergedState6 = _slicedToArray$1(_useMergedState5, 2), mergedPickerValue = _useMergedState6[0], setInternalPickerValue = _useMergedState6[1];
   React$6.useEffect(function() {
     mergedValue[0] && !pickerValue && setInternalPickerValue(mergedValue[0]);
   }, [mergedValue[0]]);
@@ -8391,13 +8409,13 @@ function PickerPanel(props, ref) {
   }, "onPanelValueSelect2"), hoverRangeDate = React$6.useMemo(function() {
     var start, end;
     if (Array.isArray(hoverRangeValue)) {
-      var _hoverRangeValue = _slicedToArray$3(hoverRangeValue, 2);
+      var _hoverRangeValue = _slicedToArray$1(hoverRangeValue, 2);
       start = _hoverRangeValue[0], end = _hoverRangeValue[1];
     } else
       start = hoverRangeValue;
     return !start && !end ? null : (start = start || end, end = end || start, generateConfig2.isAfter(start, end) ? [end, start] : [start, end]);
   }, [hoverRangeValue, generateConfig2]), onInternalCellRender = useCellRender(cellRender, dateRender, monthCellRender), PanelComponent = components[internalMode] || DefaultComponents[internalMode] || DatePanel$1, parentHackContext = React$6.useContext(PickerHackContext), pickerPanelContext = React$6.useMemo(function() {
-    return _objectSpread2$3(_objectSpread2$3({}, parentHackContext), {}, {
+    return _objectSpread2$1(_objectSpread2$1({}, parentHackContext), {}, {
       hideHeader
     });
   }, [parentHackContext, hideHeader]), panelCls = "".concat(mergedPrefixCls, "-panel"), panelProps = pickProps(props, [
@@ -8420,8 +8438,8 @@ function PickerPanel(props, ref) {
   }, /* @__PURE__ */ React$6.createElement("div", {
     ref: rootRef,
     tabIndex,
-    className: clsx(panelCls, _defineProperty$d({}, "".concat(panelCls, "-rtl"), direction === "rtl"))
-  }, /* @__PURE__ */ React$6.createElement(PanelComponent, _extends$7({}, panelProps, {
+    className: clsx(panelCls, _defineProperty$b({}, "".concat(panelCls, "-rtl"), direction === "rtl"))
+  }, /* @__PURE__ */ React$6.createElement(PanelComponent, _extends$6({}, panelProps, {
     // Time
     showTime: mergedShowTime,
     prefixCls: mergedPrefixCls,
@@ -8453,7 +8471,7 @@ function PopupPanel(props) {
     onCellDblClick: /* @__PURE__ */ __name(function() {
       needConfirm && onSubmit();
     }, "onCellDblClick")
-  }, hideHeader = picker === "time", pickerProps = _objectSpread2$3(_objectSpread2$3({}, props), {}, {
+  }, hideHeader = picker === "time", pickerProps = _objectSpread2$1(_objectSpread2$1({}, props), {}, {
     hoverValue: null,
     hoverRangeValue: null,
     hideHeader
@@ -8461,18 +8479,18 @@ function PopupPanel(props) {
   return range ? pickerProps.hoverRangeValue = hoverValue : pickerProps.hoverValue = hoverValue, multiplePanel ? /* @__PURE__ */ React$6.createElement("div", {
     className: "".concat(prefixCls, "-panels")
   }, /* @__PURE__ */ React$6.createElement(PickerHackContext.Provider, {
-    value: _objectSpread2$3(_objectSpread2$3({}, sharedContext), {}, {
+    value: _objectSpread2$1(_objectSpread2$1({}, sharedContext), {}, {
       hideNext: !0
     })
   }, /* @__PURE__ */ React$6.createElement(RefPanelPicker, pickerProps)), /* @__PURE__ */ React$6.createElement(PickerHackContext.Provider, {
-    value: _objectSpread2$3(_objectSpread2$3({}, sharedContext), {}, {
+    value: _objectSpread2$1(_objectSpread2$1({}, sharedContext), {}, {
       hidePrev: !0
     })
-  }, /* @__PURE__ */ React$6.createElement(RefPanelPicker, _extends$7({}, pickerProps, {
+  }, /* @__PURE__ */ React$6.createElement(RefPanelPicker, _extends$6({}, pickerProps, {
     pickerValue: nextPickerValue,
     onPickerValueChange: onSecondPickerValueChange
   })))) : /* @__PURE__ */ React$6.createElement(PickerHackContext.Provider, {
-    value: _objectSpread2$3({}, sharedContext)
+    value: _objectSpread2$1({}, sharedContext)
   }, /* @__PURE__ */ React$6.createElement(RefPanelPicker, pickerProps));
 }
 __name(PopupPanel, "PopupPanel");
@@ -8502,7 +8520,7 @@ function PresetPanel(props) {
 }
 __name(PresetPanel, "PresetPanel");
 function Popup$2(props) {
-  var panelRender = props.panelRender, internalMode = props.internalMode, picker = props.picker, showNow = props.showNow, range = props.range, multiple = props.multiple, _props$activeOffset = props.activeOffset, activeOffset = _props$activeOffset === void 0 ? 0 : _props$activeOffset, placement = props.placement, presets = props.presets, onPresetHover = props.onPresetHover, onPresetSubmit = props.onPresetSubmit, onFocus = props.onFocus, onBlur2 = props.onBlur, onPanelMouseDown = props.onPanelMouseDown, direction = props.direction, value = props.value, onSelect2 = props.onSelect, isInvalid = props.isInvalid, defaultOpenValue = props.defaultOpenValue, onOk = props.onOk, onSubmit = props.onSubmit, _React$useContext = React$6.useContext(PickerContext), prefixCls = _React$useContext.prefixCls, panelPrefixCls = "".concat(prefixCls, "-panel"), rtl = direction === "rtl", arrowRef = React$6.useRef(null), wrapperRef = React$6.useRef(null), _React$useState = React$6.useState(0), _React$useState2 = _slicedToArray$3(_React$useState, 2), containerWidth = _React$useState2[0], setContainerWidth = _React$useState2[1], _React$useState3 = React$6.useState(0), _React$useState4 = _slicedToArray$3(_React$useState3, 2), containerOffset = _React$useState4[0], setContainerOffset = _React$useState4[1], onResize2 = /* @__PURE__ */ __name(function(info) {
+  var panelRender = props.panelRender, internalMode = props.internalMode, picker = props.picker, showNow = props.showNow, range = props.range, multiple = props.multiple, _props$activeOffset = props.activeOffset, activeOffset = _props$activeOffset === void 0 ? 0 : _props$activeOffset, placement = props.placement, presets = props.presets, onPresetHover = props.onPresetHover, onPresetSubmit = props.onPresetSubmit, onFocus = props.onFocus, onBlur2 = props.onBlur, onPanelMouseDown = props.onPanelMouseDown, direction = props.direction, value = props.value, onSelect2 = props.onSelect, isInvalid = props.isInvalid, defaultOpenValue = props.defaultOpenValue, onOk = props.onOk, onSubmit = props.onSubmit, _React$useContext = React$6.useContext(PickerContext), prefixCls = _React$useContext.prefixCls, panelPrefixCls = "".concat(prefixCls, "-panel"), rtl = direction === "rtl", arrowRef = React$6.useRef(null), wrapperRef = React$6.useRef(null), _React$useState = React$6.useState(0), _React$useState2 = _slicedToArray$1(_React$useState, 2), containerWidth = _React$useState2[0], setContainerWidth = _React$useState2[1], _React$useState3 = React$6.useState(0), _React$useState4 = _slicedToArray$1(_React$useState3, 2), containerOffset = _React$useState4[0], setContainerOffset = _React$useState4[1], onResize2 = /* @__PURE__ */ __name(function(info) {
     info.offsetWidth && setContainerWidth(info.offsetWidth);
   }, "onResize");
   React$6.useEffect(function() {
@@ -8534,9 +8552,9 @@ function Popup$2(props) {
     presets,
     onClick: onPresetSubmit,
     onHover: onPresetHover
-  }), /* @__PURE__ */ React$6.createElement("div", null, /* @__PURE__ */ React$6.createElement(PopupPanel, _extends$7({}, props, {
+  }), /* @__PURE__ */ React$6.createElement("div", null, /* @__PURE__ */ React$6.createElement(PopupPanel, _extends$6({}, props, {
     value: popupPanelValue
-  })), /* @__PURE__ */ React$6.createElement(Footer, _extends$7({}, props, {
+  })), /* @__PURE__ */ React$6.createElement(Footer, _extends$6({}, props, {
     showNow: multiple ? !1 : showNow,
     invalid: disableSubmit,
     onSubmit: onFooterSubmit
@@ -8550,7 +8568,7 @@ function Popup$2(props) {
       // Used for Today Button style, safe to remove if no need
       "".concat(prefixCls, "-").concat(internalMode, "-panel-container")
     ),
-    style: _defineProperty$d(_defineProperty$d({}, rtl ? marginRight : marginLeft, containerOffset), rtl ? marginLeft : marginRight, "auto"),
+    style: _defineProperty$b(_defineProperty$b({}, rtl ? marginRight : marginLeft, containerOffset), rtl ? marginLeft : marginRight, "auto"),
     onFocus,
     onBlur: onBlur2
   }, mergedNodes);
@@ -8563,7 +8581,7 @@ function Popup$2(props) {
     }, /* @__PURE__ */ React$6.createElement("div", {
       ref: arrowRef,
       className: "".concat(prefixCls, "-range-arrow"),
-      style: _defineProperty$d({}, offsetUnit, activeOffset)
+      style: _defineProperty$b({}, offsetUnit, activeOffset)
     }), /* @__PURE__ */ React$6.createElement(RefResizeObserver, {
       onResize: onResize2
     }, renderNode));
@@ -8604,7 +8622,7 @@ function useInputProps(props, postProps) {
     var pickedAttrs = pickAttrs(props, {
       aria: !0,
       data: !0
-    }), inputProps = _objectSpread2$3(_objectSpread2$3({}, pickedAttrs), {}, {
+    }), inputProps = _objectSpread2$1(_objectSpread2$1({}, pickedAttrs), {}, {
       // ============== Shared ==============
       format: maskFormat,
       validateFormat: /* @__PURE__ */ __name(function(text) {
@@ -8682,15 +8700,15 @@ function useRootProps(props) {
 __name(useRootProps, "useRootProps");
 var _excluded$u = ["icon", "type"], _excluded2$5 = ["onClear"];
 function Icon$1(props) {
-  var icon = props.icon, type2 = props.type, restProps = _objectWithoutProperties$3(props, _excluded$u), _React$useContext = React$6.useContext(PickerContext), prefixCls = _React$useContext.prefixCls;
-  return icon ? /* @__PURE__ */ React$6.createElement("span", _extends$7({
+  var icon = props.icon, type2 = props.type, restProps = _objectWithoutProperties$2(props, _excluded$u), _React$useContext = React$6.useContext(PickerContext), prefixCls = _React$useContext.prefixCls;
+  return icon ? /* @__PURE__ */ React$6.createElement("span", _extends$6({
     className: "".concat(prefixCls, "-").concat(type2)
   }, restProps), icon) : null;
 }
 __name(Icon$1, "Icon$1");
 function ClearIcon(_ref) {
-  var onClear = _ref.onClear, restProps = _objectWithoutProperties$3(_ref, _excluded2$5);
-  return /* @__PURE__ */ React$6.createElement(Icon$1, _extends$7({}, restProps, {
+  var onClear = _ref.onClear, restProps = _objectWithoutProperties$2(_ref, _excluded2$5);
+  return /* @__PURE__ */ React$6.createElement(Icon$1, _extends$6({}, restProps, {
     type: "clear",
     role: "button",
     onMouseDown: /* @__PURE__ */ __name(function(e2) {
@@ -8704,7 +8722,7 @@ function ClearIcon(_ref) {
 __name(ClearIcon, "ClearIcon");
 var FORMAT_KEYS = ["YYYY", "MM", "DD", "HH", "mm", "ss", "SSS"], REPLACE_KEY = "顧", MaskFormat = /* @__PURE__ */ function() {
   function MaskFormat2(format2) {
-    _classCallCheck$3(this, MaskFormat2), _defineProperty$d(this, "format", void 0), _defineProperty$d(this, "maskFormat", void 0), _defineProperty$d(this, "cells", void 0), _defineProperty$d(this, "maskCells", void 0), this.format = format2;
+    _classCallCheck$2(this, MaskFormat2), _defineProperty$b(this, "format", void 0), _defineProperty$b(this, "maskFormat", void 0), _defineProperty$b(this, "cells", void 0), _defineProperty$b(this, "maskCells", void 0), this.format = format2;
     var replaceKeys = FORMAT_KEYS.map(function(key) {
       return "(".concat(key, ")");
     }).join("|"), replaceReg = new RegExp(replaceKeys, "g");
@@ -8730,7 +8748,7 @@ var FORMAT_KEYS = ["YYYY", "MM", "DD", "HH", "mm", "ss", "SSS"], REPLACE_KEY = "
       return cell.mask;
     });
   }
-  return __name(MaskFormat2, "MaskFormat"), _createClass$3(MaskFormat2, [{
+  return __name(MaskFormat2, "MaskFormat"), _createClass$2(MaskFormat2, [{
     key: "getSelection",
     value: /* @__PURE__ */ __name(function(maskCellIndex) {
       var _ref = this.maskCells[maskCellIndex] || {}, start = _ref.start, end = _ref.end;
@@ -8783,7 +8801,7 @@ __name(getMaskRange, "getMaskRange");
 var _excluded$t = ["active", "showActiveCls", "suffixIcon", "format", "validateFormat", "onChange", "onInput", "helped", "onHelp", "onSubmit", "onKeyDown", "preserveInvalidOnBlur", "invalid", "clearIcon"], Input$3 = /* @__PURE__ */ React$6.forwardRef(function(props, ref) {
   var active = props.active, _props$showActiveCls = props.showActiveCls, showActiveCls = _props$showActiveCls === void 0 ? !0 : _props$showActiveCls, suffixIcon = props.suffixIcon, format2 = props.format, validateFormat = props.validateFormat, onChange = props.onChange;
   props.onInput;
-  var helped = props.helped, onHelp = props.onHelp, onSubmit = props.onSubmit, onKeyDown2 = props.onKeyDown, _props$preserveInvali = props.preserveInvalidOnBlur, preserveInvalidOnBlur = _props$preserveInvali === void 0 ? !1 : _props$preserveInvali, invalid = props.invalid, clearIcon = props.clearIcon, restProps = _objectWithoutProperties$3(props, _excluded$t), value = props.value, onFocus = props.onFocus, onBlur2 = props.onBlur, onMouseUp = props.onMouseUp, _React$useContext = React$6.useContext(PickerContext), prefixCls = _React$useContext.prefixCls, _React$useContext$inp = _React$useContext.input, Component = _React$useContext$inp === void 0 ? "input" : _React$useContext$inp, inputPrefixCls = "".concat(prefixCls, "-input"), _React$useState = React$6.useState(!1), _React$useState2 = _slicedToArray$3(_React$useState, 2), focused = _React$useState2[0], setFocused = _React$useState2[1], _React$useState3 = React$6.useState(value), _React$useState4 = _slicedToArray$3(_React$useState3, 2), internalInputValue = _React$useState4[0], setInputValue = _React$useState4[1], _React$useState5 = React$6.useState(""), _React$useState6 = _slicedToArray$3(_React$useState5, 2), focusCellText = _React$useState6[0], setFocusCellText = _React$useState6[1], _React$useState7 = React$6.useState(null), _React$useState8 = _slicedToArray$3(_React$useState7, 2), focusCellIndex = _React$useState8[0], setFocusCellIndex = _React$useState8[1], _React$useState9 = React$6.useState(null), _React$useState10 = _slicedToArray$3(_React$useState9, 2), forceSelectionSyncMark = _React$useState10[0], forceSelectionSync = _React$useState10[1], inputValue = internalInputValue || "";
+  var helped = props.helped, onHelp = props.onHelp, onSubmit = props.onSubmit, onKeyDown2 = props.onKeyDown, _props$preserveInvali = props.preserveInvalidOnBlur, preserveInvalidOnBlur = _props$preserveInvali === void 0 ? !1 : _props$preserveInvali, invalid = props.invalid, clearIcon = props.clearIcon, restProps = _objectWithoutProperties$2(props, _excluded$t), value = props.value, onFocus = props.onFocus, onBlur2 = props.onBlur, onMouseUp = props.onMouseUp, _React$useContext = React$6.useContext(PickerContext), prefixCls = _React$useContext.prefixCls, _React$useContext$inp = _React$useContext.input, Component = _React$useContext$inp === void 0 ? "input" : _React$useContext$inp, inputPrefixCls = "".concat(prefixCls, "-input"), _React$useState = React$6.useState(!1), _React$useState2 = _slicedToArray$1(_React$useState, 2), focused = _React$useState2[0], setFocused = _React$useState2[1], _React$useState3 = React$6.useState(value), _React$useState4 = _slicedToArray$1(_React$useState3, 2), internalInputValue = _React$useState4[0], setInputValue = _React$useState4[1], _React$useState5 = React$6.useState(""), _React$useState6 = _slicedToArray$1(_React$useState5, 2), focusCellText = _React$useState6[0], setFocusCellText = _React$useState6[1], _React$useState7 = React$6.useState(null), _React$useState8 = _slicedToArray$1(_React$useState7, 2), focusCellIndex = _React$useState8[0], setFocusCellIndex = _React$useState8[1], _React$useState9 = React$6.useState(null), _React$useState10 = _slicedToArray$1(_React$useState9, 2), forceSelectionSyncMark = _React$useState10[0], forceSelectionSync = _React$useState10[1], inputValue = internalInputValue || "";
   React$6.useEffect(function() {
     setInputValue(value);
   }, [value]);
@@ -8804,7 +8822,7 @@ var _excluded$t = ["active", "showActiveCls", "suffixIcon", "format", "validateF
     return new MaskFormat(format2 || "");
   }, [format2]), _React$useMemo = React$6.useMemo(function() {
     return helped ? [0, 0] : maskFormat.getSelection(focusCellIndex);
-  }, [maskFormat, focusCellIndex, helped]), _React$useMemo2 = _slicedToArray$3(_React$useMemo, 2), selectionStart = _React$useMemo2[0], selectionEnd = _React$useMemo2[1], onModify = /* @__PURE__ */ __name(function(text) {
+  }, [maskFormat, focusCellIndex, helped]), _React$useMemo2 = _slicedToArray$1(_React$useMemo, 2), selectionStart = _React$useMemo2[0], selectionEnd = _React$useMemo2[1], onModify = /* @__PURE__ */ __name(function(text) {
     text && text !== format2 && text !== value && onHelp();
   }, "onModify2"), triggerInputChange = useEvent(function(text) {
     validateFormat(text) && onChange(text), setInputValue(text), onModify(text);
@@ -8841,7 +8859,7 @@ var _excluded$t = ["active", "showActiveCls", "suffixIcon", "format", "validateF
         return nextIndex = Math.max(nextIndex, 0), nextIndex = Math.min(nextIndex, maskFormat.size() - 1), nextIndex;
       });
     }, "offsetCellIndex2"), offsetCellValue = /* @__PURE__ */ __name(function(offset2) {
-      var _getMaskRange = getMaskRange(cellFormat), _getMaskRange2 = _slicedToArray$3(_getMaskRange, 3), rangeStart = _getMaskRange2[0], rangeEnd = _getMaskRange2[1], rangeDefault = _getMaskRange2[2], currentText = inputValue.slice(selectionStart, selectionEnd), currentTextNum = Number(currentText);
+      var _getMaskRange = getMaskRange(cellFormat), _getMaskRange2 = _slicedToArray$1(_getMaskRange, 3), rangeStart = _getMaskRange2[0], rangeEnd = _getMaskRange2[1], rangeDefault = _getMaskRange2[2], currentText = inputValue.slice(selectionStart, selectionEnd), currentTextNum = Number(currentText);
       if (isNaN(currentTextNum))
         return String(rangeDefault || (offset2 > 0 ? rangeStart : rangeEnd));
       var num = currentTextNum + offset2, range = rangeEnd - rangeStart + 1;
@@ -8902,8 +8920,8 @@ var _excluded$t = ["active", "showActiveCls", "suffixIcon", "format", "validateF
   } : {};
   return /* @__PURE__ */ React$6.createElement("div", {
     ref: holderRef,
-    className: clsx(inputPrefixCls, _defineProperty$d(_defineProperty$d({}, "".concat(inputPrefixCls, "-active"), active && showActiveCls), "".concat(inputPrefixCls, "-placeholder"), helped))
-  }, /* @__PURE__ */ React$6.createElement(Component, _extends$7({
+    className: clsx(inputPrefixCls, _defineProperty$b(_defineProperty$b({}, "".concat(inputPrefixCls, "-active"), active && showActiveCls), "".concat(inputPrefixCls, "-placeholder"), helped))
+  }, /* @__PURE__ */ React$6.createElement(Component, _extends$6({
     ref: inputRef,
     "aria-invalid": invalid,
     autoComplete: "off"
@@ -9212,7 +9230,7 @@ function SingleSelector$1(props, ref) {
   props.onOpenChange;
   var _onMouseDown = props.onMouseDown;
   props.required, props["aria-required"];
-  var autoFocus = props.autoFocus, removeIcon = props.removeIcon, restProps = _objectWithoutProperties$3(props, _excluded$p), rtl = direction === "rtl", _React$useContext = React$6.useContext(PickerContext), prefixCls = _React$useContext.prefixCls, rootRef = React$6.useRef(), inputRef = React$6.useRef();
+  var autoFocus = props.autoFocus, removeIcon = props.removeIcon, restProps = _objectWithoutProperties$2(props, _excluded$p), rtl = direction === "rtl", _React$useContext = React$6.useContext(PickerContext), prefixCls = _React$useContext.prefixCls, rootRef = React$6.useRef(), inputRef = React$6.useRef();
   React$6.useImperativeHandle(ref, function() {
     return {
       nativeElement: rootRef.current,
@@ -9233,7 +9251,7 @@ function SingleSelector$1(props, ref) {
       return oriDate && !isSame(generateConfig2, locale, oriDate, date, internalPicker);
     });
     onChange(nextValues), open || onSubmit();
-  }, "onMultipleRemove2"), _useInputProps = useInputProps(_objectSpread2$3(_objectSpread2$3({}, props), {}, {
+  }, "onMultipleRemove2"), _useInputProps = useInputProps(_objectSpread2$1(_objectSpread2$1({}, props), {}, {
     onChange: onSingleChange
   }), function(_ref) {
     var valueTexts = _ref.valueTexts;
@@ -9241,7 +9259,7 @@ function SingleSelector$1(props, ref) {
       value: valueTexts[0] || "",
       active: focused
     };
-  }), _useInputProps2 = _slicedToArray$3(_useInputProps, 2), getInputProps = _useInputProps2[0], getText = _useInputProps2[1], showClear = !!(clearIcon && value.length && !disabled), selectorNode = multiple ? /* @__PURE__ */ React$6.createElement(React$6.Fragment, null, /* @__PURE__ */ React$6.createElement(MultipleDates, {
+  }), _useInputProps2 = _slicedToArray$1(_useInputProps, 2), getInputProps = _useInputProps2[0], getText = _useInputProps2[1], showClear = !!(clearIcon && value.length && !disabled), selectorNode = multiple ? /* @__PURE__ */ React$6.createElement(React$6.Fragment, null, /* @__PURE__ */ React$6.createElement(MultipleDates, {
     prefixCls,
     value,
     onRemove: onMultipleRemove,
@@ -9262,7 +9280,7 @@ function SingleSelector$1(props, ref) {
   }), showClear && /* @__PURE__ */ React$6.createElement(ClearIcon, {
     icon: clearIcon,
     onClear
-  })) : /* @__PURE__ */ React$6.createElement(Input$3, _extends$7({
+  })) : /* @__PURE__ */ React$6.createElement(Input$3, _extends$6({
     ref: inputRef
   }, getInputProps(), {
     autoFocus,
@@ -9273,8 +9291,8 @@ function SingleSelector$1(props, ref) {
     }),
     showActiveCls: !1
   }));
-  return /* @__PURE__ */ React$6.createElement("div", _extends$7({}, rootProps, {
-    className: clsx(prefixCls, _defineProperty$d(_defineProperty$d(_defineProperty$d(_defineProperty$d(_defineProperty$d({}, "".concat(prefixCls, "-multiple"), multiple), "".concat(prefixCls, "-focused"), focused), "".concat(prefixCls, "-disabled"), disabled), "".concat(prefixCls, "-invalid"), invalid), "".concat(prefixCls, "-rtl"), rtl), className),
+  return /* @__PURE__ */ React$6.createElement("div", _extends$6({}, rootProps, {
+    className: clsx(prefixCls, _defineProperty$b(_defineProperty$b(_defineProperty$b(_defineProperty$b(_defineProperty$b({}, "".concat(prefixCls, "-multiple"), multiple), "".concat(prefixCls, "-focused"), focused), "".concat(prefixCls, "-disabled"), disabled), "".concat(prefixCls, "-invalid"), invalid), "".concat(prefixCls, "-rtl"), rtl), className),
     style: style2,
     ref: rootRef,
     onClick,
@@ -9287,28 +9305,28 @@ function SingleSelector$1(props, ref) {
 __name(SingleSelector$1, "SingleSelector$1");
 var RefSingleSelector = /* @__PURE__ */ React$6.forwardRef(SingleSelector$1);
 function Picker2(props, ref) {
-  var _useFilledProps = useFilledProps(props), _useFilledProps2 = _slicedToArray$3(_useFilledProps, 6), filledProps = _useFilledProps2[0], internalPicker = _useFilledProps2[1], complexPicker = _useFilledProps2[2], formatList = _useFilledProps2[3], maskFormat = _useFilledProps2[4], isInvalidateDate = _useFilledProps2[5], _ref = filledProps, prefixCls = _ref.prefixCls, styles2 = _ref.styles, classNames = _ref.classNames, order = _ref.order, defaultValue = _ref.defaultValue, value = _ref.value, needConfirm = _ref.needConfirm, onChange = _ref.onChange, onKeyDown2 = _ref.onKeyDown, disabled = _ref.disabled, disabledDate = _ref.disabledDate, minDate = _ref.minDate, maxDate = _ref.maxDate, defaultOpen = _ref.defaultOpen, open = _ref.open, onOpenChange = _ref.onOpenChange, locale = _ref.locale, generateConfig2 = _ref.generateConfig, picker = _ref.picker, showNow = _ref.showNow, showToday = _ref.showToday, showTime = _ref.showTime, mode = _ref.mode, onPanelChange = _ref.onPanelChange, onCalendarChange = _ref.onCalendarChange, onOk = _ref.onOk, multiple = _ref.multiple, defaultPickerValue = _ref.defaultPickerValue, pickerValue = _ref.pickerValue, onPickerValueChange = _ref.onPickerValueChange, inputReadOnly = _ref.inputReadOnly, suffixIcon = _ref.suffixIcon, removeIcon = _ref.removeIcon, onFocus = _ref.onFocus, onBlur2 = _ref.onBlur, presets = _ref.presets, components = _ref.components, cellRender = _ref.cellRender, dateRender = _ref.dateRender, monthCellRender = _ref.monthCellRender, onClick = _ref.onClick, selectorRef = usePickerRef(ref);
+  var _useFilledProps = useFilledProps(props), _useFilledProps2 = _slicedToArray$1(_useFilledProps, 6), filledProps = _useFilledProps2[0], internalPicker = _useFilledProps2[1], complexPicker = _useFilledProps2[2], formatList = _useFilledProps2[3], maskFormat = _useFilledProps2[4], isInvalidateDate = _useFilledProps2[5], _ref = filledProps, prefixCls = _ref.prefixCls, styles2 = _ref.styles, classNames = _ref.classNames, order = _ref.order, defaultValue = _ref.defaultValue, value = _ref.value, needConfirm = _ref.needConfirm, onChange = _ref.onChange, onKeyDown2 = _ref.onKeyDown, disabled = _ref.disabled, disabledDate = _ref.disabledDate, minDate = _ref.minDate, maxDate = _ref.maxDate, defaultOpen = _ref.defaultOpen, open = _ref.open, onOpenChange = _ref.onOpenChange, locale = _ref.locale, generateConfig2 = _ref.generateConfig, picker = _ref.picker, showNow = _ref.showNow, showToday = _ref.showToday, showTime = _ref.showTime, mode = _ref.mode, onPanelChange = _ref.onPanelChange, onCalendarChange = _ref.onCalendarChange, onOk = _ref.onOk, multiple = _ref.multiple, defaultPickerValue = _ref.defaultPickerValue, pickerValue = _ref.pickerValue, onPickerValueChange = _ref.onPickerValueChange, inputReadOnly = _ref.inputReadOnly, suffixIcon = _ref.suffixIcon, removeIcon = _ref.removeIcon, onFocus = _ref.onFocus, onBlur2 = _ref.onBlur, presets = _ref.presets, components = _ref.components, cellRender = _ref.cellRender, dateRender = _ref.dateRender, monthCellRender = _ref.monthCellRender, onClick = _ref.onClick, selectorRef = usePickerRef(ref);
   function pickerParam(values3) {
     return values3 === null ? null : multiple ? values3 : values3[0];
   }
   __name(pickerParam, "pickerParam");
-  var toggleDates = useToggleDates(generateConfig2, locale, internalPicker), _useOpen = useOpen(open, defaultOpen, [disabled], onOpenChange), _useOpen2 = _slicedToArray$3(_useOpen, 2), mergedOpen = _useOpen2[0], triggerOpen = _useOpen2[1], onInternalCalendarChange = /* @__PURE__ */ __name(function(dates, dateStrings, info) {
+  var toggleDates = useToggleDates(generateConfig2, locale, internalPicker), _useOpen = useOpen(open, defaultOpen, [disabled], onOpenChange), _useOpen2 = _slicedToArray$1(_useOpen, 2), mergedOpen = _useOpen2[0], triggerOpen = _useOpen2[1], onInternalCalendarChange = /* @__PURE__ */ __name(function(dates, dateStrings, info) {
     if (onCalendarChange) {
-      var filteredInfo = _objectSpread2$3({}, info);
+      var filteredInfo = _objectSpread2$1({}, info);
       delete filteredInfo.range, onCalendarChange(pickerParam(dates), pickerParam(dateStrings), filteredInfo);
     }
   }, "onInternalCalendarChange2"), onInternalOk = /* @__PURE__ */ __name(function(dates) {
     onOk == null || onOk(pickerParam(dates));
-  }, "onInternalOk2"), _useInnerValue = useInnerValue(generateConfig2, locale, formatList, !1, order, defaultValue, value, onInternalCalendarChange, onInternalOk), _useInnerValue2 = _slicedToArray$3(_useInnerValue, 5), mergedValue = _useInnerValue2[0], setInnerValue = _useInnerValue2[1], getCalendarValue = _useInnerValue2[2], triggerCalendarChange = _useInnerValue2[3], triggerOk = _useInnerValue2[4], calendarValue = getCalendarValue(), _useRangeActive = useRangeActive([disabled]), _useRangeActive2 = _slicedToArray$3(_useRangeActive, 4), focused = _useRangeActive2[0], triggerFocus2 = _useRangeActive2[1], lastOperation = _useRangeActive2[2], activeIndex = _useRangeActive2[3], onSharedFocus = /* @__PURE__ */ __name(function(event) {
+  }, "onInternalOk2"), _useInnerValue = useInnerValue(generateConfig2, locale, formatList, !1, order, defaultValue, value, onInternalCalendarChange, onInternalOk), _useInnerValue2 = _slicedToArray$1(_useInnerValue, 5), mergedValue = _useInnerValue2[0], setInnerValue = _useInnerValue2[1], getCalendarValue = _useInnerValue2[2], triggerCalendarChange = _useInnerValue2[3], triggerOk = _useInnerValue2[4], calendarValue = getCalendarValue(), _useRangeActive = useRangeActive([disabled]), _useRangeActive2 = _slicedToArray$1(_useRangeActive, 4), focused = _useRangeActive2[0], triggerFocus2 = _useRangeActive2[1], lastOperation = _useRangeActive2[2], activeIndex = _useRangeActive2[3], onSharedFocus = /* @__PURE__ */ __name(function(event) {
     triggerFocus2(!0), onFocus == null || onFocus(event, {});
   }, "onSharedFocus2"), onSharedBlur = /* @__PURE__ */ __name(function(event) {
     triggerFocus2(!1), onBlur2 == null || onBlur2(event, {});
   }, "onSharedBlur2"), _useMergedState = useMergedState(picker, {
     value: mode
-  }), _useMergedState2 = _slicedToArray$3(_useMergedState, 2), mergedMode = _useMergedState2[0], setMode = _useMergedState2[1], internalMode = mergedMode === "date" && showTime ? "datetime" : mergedMode, mergedShowNow = useShowNow(picker, mergedMode, showNow, showToday), onInternalChange = onChange && function(dates, dateStrings) {
+  }), _useMergedState2 = _slicedToArray$1(_useMergedState, 2), mergedMode = _useMergedState2[0], setMode = _useMergedState2[1], internalMode = mergedMode === "date" && showTime ? "datetime" : mergedMode, mergedShowNow = useShowNow(picker, mergedMode, showNow, showToday), onInternalChange = onChange && function(dates, dateStrings) {
     onChange(pickerParam(dates), pickerParam(dateStrings));
   }, _useRangeValue = useRangeValue(
-    _objectSpread2$3(_objectSpread2$3({}, filledProps), {}, {
+    _objectSpread2$1(_objectSpread2$1({}, filledProps), {}, {
       onChange: onInternalChange
     }),
     mergedValue,
@@ -9321,13 +9339,13 @@ function Picker2(props, ref) {
     focused,
     mergedOpen,
     isInvalidateDate
-  ), _useRangeValue2 = _slicedToArray$3(_useRangeValue, 2), triggerSubmitChange = _useRangeValue2[1], _useFieldsInvalidate = useFieldsInvalidate(calendarValue, isInvalidateDate), _useFieldsInvalidate2 = _slicedToArray$3(_useFieldsInvalidate, 2), submitInvalidates = _useFieldsInvalidate2[0], onSelectorInvalid = _useFieldsInvalidate2[1], submitInvalidate = React$6.useMemo(function() {
+  ), _useRangeValue2 = _slicedToArray$1(_useRangeValue, 2), triggerSubmitChange = _useRangeValue2[1], _useFieldsInvalidate = useFieldsInvalidate(calendarValue, isInvalidateDate), _useFieldsInvalidate2 = _slicedToArray$1(_useFieldsInvalidate, 2), submitInvalidates = _useFieldsInvalidate2[0], onSelectorInvalid = _useFieldsInvalidate2[1], submitInvalidate = React$6.useMemo(function() {
     return submitInvalidates.some(function(invalidated) {
       return invalidated;
     });
   }, [submitInvalidates]), onInternalPickerValueChange = /* @__PURE__ */ __name(function(dates, info) {
     if (onPickerValueChange) {
-      var cleanInfo = _objectSpread2$3(_objectSpread2$3({}, info), {}, {
+      var cleanInfo = _objectSpread2$1(_objectSpread2$1({}, info), {}, {
         mode: info.mode[0]
       });
       delete cleanInfo.range, onPickerValueChange(dates[0], cleanInfo);
@@ -9348,7 +9366,7 @@ function Picker2(props, ref) {
     onInternalPickerValueChange,
     minDate,
     maxDate
-  ), _useRangePickerValue2 = _slicedToArray$3(_useRangePickerValue, 2), currentPickerValue = _useRangePickerValue2[0], setCurrentPickerValue = _useRangePickerValue2[1], triggerModeChange = useEvent(function(nextPickerValue, nextMode, triggerEvent) {
+  ), _useRangePickerValue2 = _slicedToArray$1(_useRangePickerValue, 2), currentPickerValue = _useRangePickerValue2[0], setCurrentPickerValue = _useRangePickerValue2[1], triggerModeChange = useEvent(function(nextPickerValue, nextMode, triggerEvent) {
     if (setMode(nextMode), onPanelChange && triggerEvent !== !1) {
       var lastPickerValue = nextPickerValue || calendarValue[calendarValue.length - 1];
       onPanelChange(lastPickerValue, nextMode);
@@ -9363,7 +9381,7 @@ function Picker2(props, ref) {
     triggerSubmitChange(null), triggerOpen(!1, {
       force: !0
     });
-  }, "onSelectorClear2"), _React$useState = React$6.useState(null), _React$useState2 = _slicedToArray$3(_React$useState, 2), hoverSource = _React$useState2[0], setHoverSource = _React$useState2[1], _React$useState3 = React$6.useState(null), _React$useState4 = _slicedToArray$3(_React$useState3, 2), internalHoverValue = _React$useState4[0], setInternalHoverValue = _React$useState4[1], hoverValues = React$6.useMemo(function() {
+  }, "onSelectorClear2"), _React$useState = React$6.useState(null), _React$useState2 = _slicedToArray$1(_React$useState, 2), hoverSource = _React$useState2[0], setHoverSource = _React$useState2[1], _React$useState3 = React$6.useState(null), _React$useState4 = _slicedToArray$1(_React$useState3, 2), internalHoverValue = _React$useState4[0], setInternalHoverValue = _React$useState4[1], hoverValues = React$6.useMemo(function() {
     var values3 = [internalHoverValue].concat(_toConsumableArray$4(calendarValue)).filter(function(date) {
       return date;
     });
@@ -9397,10 +9415,10 @@ function Picker2(props, ref) {
     triggerOpen(!1);
   }, "onPopupClose2"), onInternalCellRender = useCellRender(cellRender, dateRender, monthCellRender), panelProps = React$6.useMemo(function() {
     var domProps = pickAttrs(filledProps, !1), restProps = omit$2(filledProps, [].concat(_toConsumableArray$4(Object.keys(domProps)), ["onChange", "onCalendarChange", "style", "className", "onPanelChange"]));
-    return _objectSpread2$3(_objectSpread2$3({}, restProps), {}, {
+    return _objectSpread2$1(_objectSpread2$1({}, restProps), {}, {
       multiple: filledProps.multiple
     });
-  }, [filledProps]), panel = /* @__PURE__ */ React$6.createElement(Popup$2, _extends$7({}, panelProps, {
+  }, [filledProps]), panel = /* @__PURE__ */ React$6.createElement(Popup$2, _extends$6({}, panelProps, {
     showNow: mergedShowNow,
     showTime,
     disabledDate,
@@ -9456,7 +9474,7 @@ function Picker2(props, ref) {
     !mergedOpen && lastOp === "input" && (triggerOpen(!1), triggerConfirm()), !mergedOpen && complexPicker && !needConfirm && lastOp === "panel" && (triggerOpen(!0), triggerConfirm());
   }, [mergedOpen]), /* @__PURE__ */ React$6.createElement(PickerContext.Provider, {
     value: context
-  }, /* @__PURE__ */ React$6.createElement(PickerTrigger, _extends$7({}, pickTriggerProps(filledProps), {
+  }, /* @__PURE__ */ React$6.createElement(PickerTrigger, _extends$6({}, pickTriggerProps(filledProps), {
     popupElement: panel,
     popupStyle: styles2.popup,
     popupClassName: classNames.popup,
@@ -9464,7 +9482,7 @@ function Picker2(props, ref) {
     onClose: onPopupClose
   }), /* @__PURE__ */ React$6.createElement(
     RefSingleSelector,
-    _extends$7({}, filledProps, {
+    _extends$6({}, filledProps, {
       // Ref
       ref: selectorRef,
       suffixIcon,
@@ -10252,7 +10270,7 @@ var _excluded$m = ["autoComplete", "onChange", "onFocus", "onBlur", "onPressEnte
   useEffect(function() {
     if (selection) {
       var _inputRef$current6;
-      (_inputRef$current6 = inputRef.current) === null || _inputRef$current6 === void 0 || _inputRef$current6.setSelectionRange.apply(_inputRef$current6, _toConsumableArray$4(selection));
+      (_inputRef$current6 = inputRef.current) === null || _inputRef$current6 === void 0 || _inputRef$current6.setSelectionRange.apply(_inputRef$current6, _toConsumableArray$3(selection));
     }
   }, [selection]);
   var onInternalChange = /* @__PURE__ */ __name(function(e2) {
@@ -11090,23 +11108,6 @@ const inputNumber = "univer-input-number", inputNumberFocused = "univer-input-nu
     }
   );
 });
-function _arrayWithoutHoles$2(r) {
-  if (Array.isArray(r)) return _arrayLikeToArray(r);
-}
-__name(_arrayWithoutHoles$2, "_arrayWithoutHoles$2");
-function _iterableToArray$2(r) {
-  if (typeof Symbol < "u" && r[Symbol.iterator] != null || r["@@iterator"] != null) return Array.from(r);
-}
-__name(_iterableToArray$2, "_iterableToArray$2");
-function _nonIterableSpread$2() {
-  throw new TypeError(`Invalid attempt to spread non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
-}
-__name(_nonIterableSpread$2, "_nonIterableSpread$2");
-function _toConsumableArray$3(r) {
-  return _arrayWithoutHoles$2(r) || _iterableToArray$2(r) || _unsupportedIterableToArray(r) || _nonIterableSpread$2();
-}
-__name(_toConsumableArray$3, "_toConsumableArray$3");
 function isEqual(obj1, obj2) {
   var shallow = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1, refSet = /* @__PURE__ */ new Set();
   function deepEqual(a, b2) {
@@ -11177,7 +11178,7 @@ var PathTrackerContext = /* @__PURE__ */ React$6.createContext(EmptyList);
 function useFullPath(eventKey) {
   var parentKeyPath = React$6.useContext(PathTrackerContext);
   return React$6.useMemo(function() {
-    return eventKey !== void 0 ? [].concat(_toConsumableArray$3(parentKeyPath), [eventKey]) : parentKeyPath;
+    return eventKey !== void 0 ? [].concat(_toConsumableArray$4(parentKeyPath), [eventKey]) : parentKeyPath;
   }, [parentKeyPath, eventKey]);
 }
 __name(useFullPath, "useFullPath");
@@ -11374,11 +11375,11 @@ function useKeyRecords() {
       return pathKeyList.includes(eventKey);
     });
   }, [getKeyPath]), getKeys = /* @__PURE__ */ __name(function() {
-    var keys4 = _toConsumableArray$3(key2pathRef.current.keys());
+    var keys4 = _toConsumableArray$4(key2pathRef.current.keys());
     return overflowKeys.length && keys4.push(OVERFLOW_KEY), keys4;
   }, "getKeys2"), getSubPathKeys = useCallback(function(key) {
     var connectedPath = "".concat(key2pathRef.current.get(key)).concat(PATH_SPLIT), pathKeys = /* @__PURE__ */ new Set();
-    return _toConsumableArray$3(path2keyRef.current.keys()).forEach(function(pathKey) {
+    return _toConsumableArray$4(path2keyRef.current.keys()).forEach(function(pathKey) {
       pathKey.startsWith(connectedPath) && pathKeys.add(path2keyRef.current.get(pathKey));
     }), pathKeys;
   }, []);
@@ -11490,7 +11491,7 @@ var _excluded$i = ["title", "attribute", "elementRef"], _excluded2$2 = ["style",
     return {
       key: eventKey,
       // Note: For legacy code is reversed which not like other antd component
-      keyPath: _toConsumableArray$3(connectedKeys).reverse(),
+      keyPath: _toConsumableArray$4(connectedKeys).reverse(),
       item: legacyMenuItemRef.current,
       domEvent: e2
     };
@@ -11560,7 +11561,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
@@ -11986,7 +11987,7 @@ var _excluded$d = ["prefixCls", "rootClassName", "style", "className", "tabIndex
       var targetKey = info.key, exist = mergedSelectKeys.includes(targetKey), newSelectKeys;
       multiple ? exist ? newSelectKeys = mergedSelectKeys.filter(function(key) {
         return key !== targetKey;
-      }) : newSelectKeys = [].concat(_toConsumableArray$3(mergedSelectKeys), [targetKey]) : newSelectKeys = [targetKey], setMergedSelectKeys(newSelectKeys);
+      }) : newSelectKeys = [].concat(_toConsumableArray$4(mergedSelectKeys), [targetKey]) : newSelectKeys = [targetKey], setMergedSelectKeys(newSelectKeys);
       var selectInfo = _objectSpread2$1(_objectSpread2$1({}, info), {}, {
         selectedKeys: newSelectKeys
       });
@@ -13183,8 +13184,8 @@ function Pager(props) {
   return /* @__PURE__ */ React__default.createElement("div", { className: styles$e.pager }, hasValue2 ? /* @__PURE__ */ React__default.createElement(Fragment, null, /* @__PURE__ */ React__default.createElement("div", { role: "button", className: styles$e.pagerLeftArrow, onClick: onClickLeftArrow }, /* @__PURE__ */ React__default.createElement(MoreLeftSingle, null)), /* @__PURE__ */ React__default.createElement("div", { className: styles$e.pagerNumber }, text), /* @__PURE__ */ React__default.createElement("div", { role: "button", className: styles$e.pagerRightArrow, onClick: onClickRightArrow }, /* @__PURE__ */ React__default.createElement(MoreRightSingle, null))) : /* @__PURE__ */ React__default.createElement("div", { className: styles$e.pagerNumber }, text));
 }
 __name(Pager, "Pager");
-const popupAbsolute = "univer-popup-absolute", popup = "univer-popup", popupEnter = "univer-popup-enter", popupEnterActive = "univer-popup-enter-active", popupSlideUpIn = "univer-popup-slide-up-in", popupExit = "univer-popup-exit", popupSlideUpOut = "univer-popup-slide-up-out", popupExitActive = "univer-popup-exit-active", popupMask = "univer-popup-mask", styles$d = {
-  popupAbsolute,
+const popupFixed = "univer-popup-fixed", popup = "univer-popup", popupEnter = "univer-popup-enter", popupEnterActive = "univer-popup-enter-active", popupSlideUpIn = "univer-popup-slide-up-in", popupExit = "univer-popup-exit", popupSlideUpOut = "univer-popup-slide-up-out", popupExitActive = "univer-popup-exit-active", popupMask = "univer-popup-mask", styles$d = {
+  popupFixed,
   popup,
   popupEnter,
   popupEnterActive,
@@ -13246,8 +13247,16 @@ __name(Popup$1, "Popup$1");
 const RectPopupContext = createContext({ top: 0, bottom: 0, left: 0, right: 0 }), PUSHING_MINIMUM_GAP = 8;
 function calcPopupPosition(layout) {
   const { position, width: width2, height: height2, containerHeight, containerWidth, direction = "vertical" } = layout;
-  if (direction === "vertical" || direction === "top" || direction === "bottom") {
-    const { left: startX2, top: startY2, right: endX2, bottom: endY2 } = position, verticalStyle2 = direction === "top" ? { top: Math.max(startY2 - height2, PUSHING_MINIMUM_GAP) } : { top: Math.min(endY2, containerHeight - height2 - PUSHING_MINIMUM_GAP) }, horizontalStyle2 = startX2 + width2 > containerWidth ? { left: Math.max(endX2 - width2, PUSHING_MINIMUM_GAP) } : { left: Math.min(startX2, containerWidth - width2 - PUSHING_MINIMUM_GAP) };
+  if (direction === "vertical" || direction.includes("top") || direction.includes("bottom")) {
+    const { left: startX2, top: startY2, right: endX2, bottom: endY2 } = position, verticalStyle2 = direction.indexOf("top") > -1 ? { top: Math.max(startY2 - height2, PUSHING_MINIMUM_GAP) } : { top: Math.min(endY2, containerHeight - height2 - PUSHING_MINIMUM_GAP) };
+    let horizontalStyle2;
+    if (direction.includes("center")) {
+      const offsetX = (endX2 - startX2 - width2) / 2;
+      horizontalStyle2 = {
+        left: startX2 + offsetX
+      };
+    } else
+      horizontalStyle2 = startX2 + width2 > containerWidth ? { left: Math.max(endX2 - width2, PUSHING_MINIMUM_GAP) } : { left: Math.min(startX2, containerWidth - width2 - PUSHING_MINIMUM_GAP) };
     return { ...verticalStyle2, ...horizontalStyle2 };
   }
   const { left: startX, top: startY, right: endX, bottom: endY } = position, horizontalStyle = direction === "left" ? { left: Math.max(startX - width2, PUSHING_MINIMUM_GAP) } : { left: Math.min(endX, containerWidth - width2 - PUSHING_MINIMUM_GAP) };
@@ -13306,7 +13315,7 @@ function RectPopup(props) {
     {
       ref: nodeRef,
       style: style2,
-      className: styles$d.popupAbsolute,
+      className: styles$d.popupFixed,
       onPointerDown: /* @__PURE__ */ __name((e2) => e2.stopPropagation(), "onPointerDown")
     },
     /* @__PURE__ */ React__default.createElement(RectPopupContext.Provider, { value: anchorRect }, children)