antd-mobile 5.37.0 → 5.37.1

package/bundle/antd-mobile.cjs.development.js

@@ -5848,7 +5848,7 @@ const colorRecord$4 = {
   black: "0, 0, 0",
   white: "255, 255, 255"
 };
-const defaultProps$15 = {
+const defaultProps$14 = {
   visible: true,
   destroyOnClose: false,
   forceRender: false,
@@ -5859,7 +5859,7 @@ const defaultProps$15 = {
   stopPropagation: ["click"]
 };
 const Mask = (p) => {
-  const props = mergeProps(defaultProps$15, p);
+  const props = mergeProps(defaultProps$14, p);
   const {
     locale
   } = useConfig();
@@ -8374,7 +8374,7 @@ function createUseGesture(actions) {
   };
 }
 const classPrefix$1o = `adm-popup`;
-const defaultProps$14 = Object.assign(Object.assign({}, defaultPopupBaseProps), {
+const defaultProps$13 = Object.assign(Object.assign({}, defaultPopupBaseProps), {
   closeOnSwipe: false,
   position: "bottom"
 });
@@ -8383,7 +8383,7 @@ const Popup = (p) => {
     locale,
     popup: componentConfig = {}
   } = useConfig();
-  const props = mergeProps(defaultProps$14, componentConfig, p);
+  const props = mergeProps(defaultProps$13, componentConfig, p);
   const bodyCls = classNames(`${classPrefix$1o}-body`, props.bodyClassName, `${classPrefix$1o}-body-position-${props.position}`);
   const [active, setActive] = React$1.useState(props.visible);
   const ref = React$1.useRef(null);
@@ -8624,7 +8624,7 @@ function renderImperatively(element) {
   };
 }
 const classPrefix$1m = `adm-action-sheet`;
-const defaultProps$13 = {
+const defaultProps$12 = {
   visible: false,
   actions: [],
   cancelText: "",
@@ -8635,7 +8635,7 @@ const defaultProps$13 = {
   forceRender: false
 };
 const ActionSheet = (p) => {
-  const props = mergeProps(defaultProps$13, p);
+  const props = mergeProps(defaultProps$12, p);
   const {
     styles
   } = props;
@@ -8808,7 +8808,7 @@ const BrokenImageIcon = () => React$1.createElement("svg", {
   fillRule: "nonzero"
 }));
 const classPrefix$1k = `adm-image`;
-const defaultProps$12 = {
+const defaultProps$11 = {
   fit: "fill",
   placeholder: React$1.createElement("div", {
     className: `${classPrefix$1k}-tip`
@@ -8820,7 +8820,7 @@ const defaultProps$12 = {
   draggable: false
 };
 const Image$1 = staged_1((p) => {
-  const props = mergeProps(defaultProps$12, p);
+  const props = mergeProps(defaultProps$11, p);
   const [loaded, setLoaded] = React$1.useState(false);
   const [failed, setFailed] = React$1.useState(false);
   const ref = React$1.useRef(null);
@@ -8897,12 +8897,12 @@ const Image$1 = staged_1((p) => {
   }), renderInner()));
 });
 const classPrefix$1j = "adm-avatar";
-const defaultProps$11 = {
+const defaultProps$10 = {
   fallback: React$1.createElement(Fallback, null),
   fit: "cover"
 };
 const Avatar = (p) => {
-  const props = mergeProps(defaultProps$11, p);
+  const props = mergeProps(defaultProps$10, p);
   return withNativeProps(props, React$1.createElement(Image$1, {
     className: classPrefix$1j,
     src: props.src,
@@ -8952,12 +8952,12 @@ const colorRecord$3 = {
   primary: "var(--adm-color-primary)",
   white: "var(--adm-color-white)"
 };
-const defaultProps$10 = {
+const defaultProps$$ = {
   color: "default"
 };
 const DotLoading = React$1.memo((p) => {
   var _a;
-  const props = mergeProps(defaultProps$10, p);
+  const props = mergeProps(defaultProps$$, p);
   return withNativeProps(props, React$1.createElement("div", {
     style: {
       color: (_a = colorRecord$3[props.color]) !== null && _a !== void 0 ? _a : props.color
@@ -9006,7 +9006,7 @@ function isIOS() {
   return canUseDom$1 ? /ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase()) : false;
 }
 const classPrefix$1g = `adm-button`;
-const defaultProps$$ = {
+const defaultProps$_ = {
   color: "default",
   fill: "solid",
   block: false,
@@ -9019,7 +9019,7 @@ const defaultProps$$ = {
   size: "middle"
 };
 const Button = React$1.forwardRef((p, ref) => {
-  const props = mergeProps(defaultProps$$, p);
+  const props = mergeProps(defaultProps$_, p);
   const [innerLoading, setInnerLoading] = React$1.useState(false);
   const nativeButtonRef = React$1.useRef(null);
   const loading = props.loading === "auto" ? innerLoading : props.loading;
@@ -9202,7 +9202,7 @@ function convertPageToDayjs$1(page) {
 }
 dayjs.extend(isoWeek);
 const classPrefix$1f = "adm-calendar";
-const defaultProps$_ = {
+const defaultProps$Z = {
   weekStartsOn: "Sunday",
   defaultValue: null,
   allowClear: true,
@@ -9213,7 +9213,7 @@ const defaultProps$_ = {
 };
 const Calendar = React$1.forwardRef((p, ref) => {
   const today = dayjs();
-  const props = mergeProps(defaultProps$_, p);
+  const props = mergeProps(defaultProps$Z, p);
   const {
     locale
   } = useConfig();
@@ -9411,19 +9411,6 @@ const Calendar = React$1.forwardRef((p, ref) => {
     className: classPrefix$1f
   }, header, mark, body));
 });
-const classPrefix$1e = `adm-divider`;
-const defaultProps$Z = {
-  contentPosition: "center",
-  direction: "horizontal"
-};
-const Divider = (p) => {
-  const props = mergeProps(defaultProps$Z, p);
-  return withNativeProps(props, React$1.createElement("div", {
-    className: classNames(classPrefix$1e, `${classPrefix$1e}-${props.direction}`, `${classPrefix$1e}-${props.contentPosition}`)
-  }, props.children && React$1.createElement("div", {
-    className: `${classPrefix$1e}-content`
-  }, props.children)));
-};
 var isSameOrBefore$1 = { exports: {} };
 (function(module2, exports2) {
   !function(e2, i2) {
@@ -9449,224 +9436,770 @@ function convertValueToRange(selectionMode, value) {
 function convertPageToDayjs(page) {
   return dayjs().year(page.year).month(page.month - 1).date(1);
 }
-dayjs.extend(isoWeek);
-dayjs.extend(isSameOrBefore);
-const classPrefix$1d = "adm-calendar-picker-view";
-const defaultProps$Y = {
-  weekStartsOn: "Sunday",
-  defaultValue: null,
-  allowClear: true,
-  usePopup: true,
-  selectionMode: "single"
-};
-const CalendarPickerView = React$1.forwardRef((p, ref) => {
-  var _a;
-  const today = dayjs();
-  const props = mergeProps(defaultProps$Y, p);
-  const {
-    locale
-  } = useConfig();
-  const markItems = [...locale.Calendar.markItems];
-  if (props.weekStartsOn === "Sunday") {
-    const item = markItems.pop();
-    if (item)
-      markItems.unshift(item);
-  }
-  const [dateRange, setDateRange] = usePropsValue({
-    value: props.value === void 0 ? void 0 : convertValueToRange(props.selectionMode, props.value),
-    defaultValue: convertValueToRange(props.selectionMode, props.defaultValue),
-    onChange: (v) => {
-      var _a2, _b;
-      if (props.selectionMode === "single") {
-        (_a2 = props.onChange) === null || _a2 === void 0 ? void 0 : _a2.call(props, v ? v[0] : null);
-      } else if (props.selectionMode === "range") {
-        (_b = props.onChange) === null || _b === void 0 ? void 0 : _b.call(props, v);
-      }
+function useEvent(callback) {
+  var fnRef = React__namespace.useRef();
+  fnRef.current = callback;
+  var memoFn = React__namespace.useCallback(function() {
+    var _fnRef$current;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
     }
-  });
-  const [intermediate, setIntermediate] = React$1.useState(false);
-  const [current, setCurrent] = React$1.useState(() => dayjs(dateRange ? dateRange[0] : today).date(1));
-  React$1.useImperativeHandle(ref, () => ({
-    jumpTo: (pageOrPageGenerator) => {
-      let page;
-      if (typeof pageOrPageGenerator === "function") {
-        page = pageOrPageGenerator({
-          year: current.year(),
-          month: current.month() + 1
-        });
-      } else {
-        page = pageOrPageGenerator;
+    return (_fnRef$current = fnRef.current) === null || _fnRef$current === void 0 ? void 0 : _fnRef$current.call.apply(_fnRef$current, [fnRef].concat(args));
+  }, []);
+  return memoFn;
+}
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr))
+    return arr;
+}
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e2, n2, i2, u, a = [], f = true, o = false;
+    try {
+      if (i2 = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t)
+          return;
+        f = false;
+      } else
+        for (; !(f = (e2 = i2.call(t)).done) && (a.push(e2.value), a.length !== l); f = true)
+          ;
+    } catch (r2) {
+      o = true, n2 = r2;
+    } finally {
+      try {
+        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u))
+          return;
+      } finally {
+        if (o)
+          throw n2;
       }
-      setCurrent(convertPageToDayjs(page));
-    },
-    jumpToToday: () => {
-      setCurrent(dayjs().date(1));
-    },
-    getDateRange: () => dateRange
-  }));
-  const header = React$1.createElement("div", {
-    className: `${classPrefix$1d}-header`
-  }, React$1.createElement("div", {
-    className: `${classPrefix$1d}-title`
-  }, (_a = props.title) !== null && _a !== void 0 ? _a : locale.Calendar.title));
-  const maxDay = React$1.useMemo(() => props.max ? dayjs(props.max) : current.add(6, "month"), [props.max, current]);
-  const minDay = React$1.useMemo(() => props.min ? dayjs(props.min) : current, [props.min, current]);
-  function renderBody() {
-    var _a2;
-    const cells = [];
-    let monthIterator = minDay;
-    while (monthIterator.isSameOrBefore(maxDay, "month")) {
-      const year = monthIterator.year();
-      const month = monthIterator.month();
-      const renderMap = {
-        year,
-        month: month + 1
-      };
-      cells.push(React$1.createElement("div", {
-        key: `${year}-${month}`
-      }, React$1.createElement("div", {
-        className: `${classPrefix$1d}-title`
-      }, (_a2 = locale.Calendar.yearAndMonth) === null || _a2 === void 0 ? void 0 : _a2.replace(/\${(.*?)}/g, (_, variable) => {
-        var _a3;
-        return (_a3 = renderMap[variable]) === null || _a3 === void 0 ? void 0 : _a3.toString();
-      })), React$1.createElement("div", {
-        className: `${classPrefix$1d}-cells`
-      }, Array(props.weekStartsOn === "Monday" ? monthIterator.date(1).isoWeekday() - 1 : monthIterator.date(1).isoWeekday()).fill(null).map((_, index2) => React$1.createElement("div", {
-        key: index2,
-        className: `${classPrefix$1d}-cell`
-      })), Array(monthIterator.daysInMonth()).fill(null).map((_, index2) => {
-        var _a3;
-        const d = monthIterator.date(index2 + 1);
-        let isSelect = false;
-        let isBegin = false;
-        let isEnd = false;
-        let isSelectRowBegin = false;
-        let isSelectRowEnd = false;
-        if (dateRange) {
-          const [begin, end] = dateRange;
-          isBegin = d.isSame(begin, "day");
-          isEnd = d.isSame(end, "day");
-          isSelect = isBegin || isEnd || d.isAfter(begin, "day") && d.isBefore(end, "day");
-          if (isSelect) {
-            isSelectRowBegin = (cells.length % 7 === 0 || d.isSame(d.startOf("month"), "day")) && !isBegin;
-            isSelectRowEnd = (cells.length % 7 === 6 || d.isSame(d.endOf("month"), "day")) && !isEnd;
-          }
-        }
-        const disabled = props.shouldDisableDate ? props.shouldDisableDate(d.toDate()) : maxDay && d.isAfter(maxDay, "day") || minDay && d.isBefore(minDay, "day");
-        const renderTop = () => {
-          var _a4;
-          const top = (_a4 = props.renderTop) === null || _a4 === void 0 ? void 0 : _a4.call(props, d.toDate());
-          if (top) {
-            return top;
-          }
-          if (props.selectionMode === "range") {
-            if (isBegin) {
-              return locale.Calendar.start;
-            }
-            if (isEnd) {
-              return locale.Calendar.end;
-            }
-          }
-          if (d.isSame(today, "day") && !isSelect) {
-            return locale.Calendar.today;
-          }
-        };
-        return React$1.createElement("div", {
-          key: d.valueOf(),
-          className: classNames(`${classPrefix$1d}-cell`, {
-            [`${classPrefix$1d}-cell-today`]: d.isSame(today, "day"),
-            [`${classPrefix$1d}-cell-selected`]: isSelect,
-            [`${classPrefix$1d}-cell-selected-begin`]: isBegin,
-            [`${classPrefix$1d}-cell-selected-end`]: isEnd,
-            [`${classPrefix$1d}-cell-selected-row-begin`]: isSelectRowBegin,
-            [`${classPrefix$1d}-cell-selected-row-end`]: isSelectRowEnd,
-            [`${classPrefix$1d}-cell-disabled`]: !!disabled
-          }),
-          onClick: () => {
-            if (!props.selectionMode)
-              return;
-            if (disabled)
-              return;
-            const date4 = d.toDate();
-            function shouldClear() {
-              if (!props.allowClear)
-                return false;
-              if (!dateRange)
-                return false;
-              const [begin, end] = dateRange;
-              return d.isSame(begin, "date") && d.isSame(end, "day");
-            }
-            if (props.selectionMode === "single") {
-              if (props.allowClear && shouldClear()) {
-                setDateRange(null);
-                return;
-              }
-              setDateRange([date4, date4]);
-            } else if (props.selectionMode === "range") {
-              if (!dateRange) {
-                setDateRange([date4, date4]);
-                setIntermediate(true);
-                return;
-              }
-              if (shouldClear()) {
-                setDateRange(null);
-                setIntermediate(false);
-                return;
-              }
-              if (intermediate) {
-                const another = dateRange[0];
-                setDateRange(another > date4 ? [date4, another] : [another, date4]);
-                setIntermediate(false);
-              } else {
-                setDateRange([date4, date4]);
-                setIntermediate(true);
-              }
-            }
-          }
-        }, React$1.createElement("div", {
-          className: `${classPrefix$1d}-cell-top`
-        }, renderTop()), React$1.createElement("div", {
-          className: `${classPrefix$1d}-cell-date`
-        }, props.renderDate ? props.renderDate(d.toDate()) : d.date()), React$1.createElement("div", {
-          className: `${classPrefix$1d}-cell-bottom`
-        }, (_a3 = props.renderBottom) === null || _a3 === void 0 ? void 0 : _a3.call(props, d.toDate())));
-      }))));
-      monthIterator = monthIterator.add(1, "month");
     }
-    return cells;
+    return a;
   }
-  const body = React$1.createElement("div", {
-    className: `${classPrefix$1d}-body`
-  }, renderBody());
-  const mark = React$1.createElement("div", {
-    className: `${classPrefix$1d}-mark`
-  }, markItems.map((item, index2) => React$1.createElement("div", {
-    key: index2,
-    className: `${classPrefix$1d}-mark-cell`
-  }, item)));
-  return withNativeProps(props, React$1.createElement("div", {
-    className: classPrefix$1d
-  }, header, mark, body));
-});
-const classPrefix$1c = "adm-calendar-picker";
-const defaultProps$X = {
-  weekStartsOn: "Sunday",
-  defaultValue: null,
-  allowClear: true,
-  usePopup: true,
-  selectionMode: "single"
-};
-const CalendarPicker = React$1.forwardRef((p, ref) => {
-  const props = mergeProps(defaultProps$X, p);
-  const {
-    locale
-  } = useConfig();
-  const calendarRef = ref !== null && ref !== void 0 ? ref : React$1.useRef(null);
-  const {
-    visible,
-    confirmText,
-    popupClassName,
-    popupStyle,
+}
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length)
+    len = arr.length;
+  for (var i2 = 0, arr2 = new Array(len); i2 < len; i2++)
+    arr2[i2] = arr[i2];
+  return arr2;
+}
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o)
+    return;
+  if (typeof o === "string")
+    return _arrayLikeToArray(o, minLen);
+  var n2 = Object.prototype.toString.call(o).slice(8, -1);
+  if (n2 === "Object" && o.constructor)
+    n2 = o.constructor.name;
+  if (n2 === "Map" || n2 === "Set")
+    return Array.from(o);
+  if (n2 === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n2))
+    return _arrayLikeToArray(o, minLen);
+}
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _slicedToArray(arr, i2) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i2) || _unsupportedIterableToArray(arr, i2) || _nonIterableRest();
+}
+function canUseDom() {
+  return !!(typeof window !== "undefined" && window.document && window.document.createElement);
+}
+var useInternalLayoutEffect = canUseDom() ? React__namespace.useLayoutEffect : React__namespace.useEffect;
+var useLayoutEffect = function useLayoutEffect2(callback, deps) {
+  var firstMountRef = React__namespace.useRef(true);
+  useInternalLayoutEffect(function() {
+    return callback(firstMountRef.current);
+  }, deps);
+  useInternalLayoutEffect(function() {
+    firstMountRef.current = false;
+    return function() {
+      firstMountRef.current = true;
+    };
+  }, []);
+};
+var useLayoutUpdateEffect = function useLayoutUpdateEffect2(callback, deps) {
+  useLayoutEffect(function(firstMount) {
+    if (!firstMount) {
+      return callback();
+    }
+  }, deps);
+};
+function useSafeState(defaultValue) {
+  var destroyRef = React__namespace.useRef(false);
+  var _React$useState = React__namespace.useState(defaultValue), _React$useState2 = _slicedToArray(_React$useState, 2), value = _React$useState2[0], setValue2 = _React$useState2[1];
+  React__namespace.useEffect(function() {
+    destroyRef.current = false;
+    return function() {
+      destroyRef.current = true;
+    };
+  }, []);
+  function safeSetState(updater, ignoreDestroy) {
+    if (ignoreDestroy && destroyRef.current) {
+      return;
+    }
+    setValue2(updater);
+  }
+  return [value, safeSetState];
+}
+function hasValue(value) {
+  return value !== void 0;
+}
+function useMergedState(defaultStateValue, option) {
+  var _ref = option || {}, defaultValue = _ref.defaultValue, value = _ref.value, onChange = _ref.onChange, postState = _ref.postState;
+  var _useState = useSafeState(function() {
+    if (hasValue(value)) {
+      return value;
+    } else if (hasValue(defaultValue)) {
+      return typeof defaultValue === "function" ? defaultValue() : defaultValue;
+    } else {
+      return typeof defaultStateValue === "function" ? defaultStateValue() : defaultStateValue;
+    }
+  }), _useState2 = _slicedToArray(_useState, 2), innerValue = _useState2[0], setInnerValue = _useState2[1];
+  var mergedValue = value !== void 0 ? value : innerValue;
+  var postMergedValue = postState ? postState(mergedValue) : mergedValue;
+  var onChangeFn = useEvent(onChange);
+  var _useState3 = useSafeState([mergedValue]), _useState4 = _slicedToArray(_useState3, 2), prevValue = _useState4[0], setPrevValue = _useState4[1];
+  useLayoutUpdateEffect(function() {
+    var prev = prevValue[0];
+    if (innerValue !== prev) {
+      onChangeFn(innerValue, prev);
+    }
+  }, [prevValue]);
+  useLayoutUpdateEffect(function() {
+    if (!hasValue(value)) {
+      setInnerValue(value);
+    }
+  }, [value]);
+  var triggerChange = useEvent(function(updater, ignoreDestroy) {
+    setInnerValue(updater, ignoreDestroy);
+    setPrevValue([mergedValue], ignoreDestroy);
+  });
+  return [postMergedValue, triggerChange];
+}
+function _typeof$1(o) {
+  "@babel/helpers - typeof";
+  return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
+    return typeof o2;
+  } : function(o2) {
+    return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
+  }, _typeof$1(o);
+}
+var reactIs = { exports: {} };
+var reactIs_development = {};
+/**
+ * @license React
+ * react-is.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+{
+  (function() {
+    var REACT_ELEMENT_TYPE2 = Symbol.for("react.element");
+    var REACT_PORTAL_TYPE = Symbol.for("react.portal");
+    var REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
+    var REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode");
+    var REACT_PROFILER_TYPE = Symbol.for("react.profiler");
+    var REACT_PROVIDER_TYPE = Symbol.for("react.provider");
+    var REACT_CONTEXT_TYPE = Symbol.for("react.context");
+    var REACT_SERVER_CONTEXT_TYPE = Symbol.for("react.server_context");
+    var REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref");
+    var REACT_SUSPENSE_TYPE = Symbol.for("react.suspense");
+    var REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list");
+    var REACT_MEMO_TYPE = Symbol.for("react.memo");
+    var REACT_LAZY_TYPE = Symbol.for("react.lazy");
+    var REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen");
+    var enableScopeAPI = false;
+    var enableCacheElement = false;
+    var enableTransitionTracing = false;
+    var enableLegacyHidden = false;
+    var enableDebugTracing = false;
+    var REACT_MODULE_REFERENCE;
+    {
+      REACT_MODULE_REFERENCE = Symbol.for("react.module.reference");
+    }
+    function isValidElementType(type4) {
+      if (typeof type4 === "string" || typeof type4 === "function") {
+        return true;
+      }
+      if (type4 === REACT_FRAGMENT_TYPE || type4 === REACT_PROFILER_TYPE || enableDebugTracing || type4 === REACT_STRICT_MODE_TYPE || type4 === REACT_SUSPENSE_TYPE || type4 === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden || type4 === REACT_OFFSCREEN_TYPE || enableScopeAPI || enableCacheElement || enableTransitionTracing) {
+        return true;
+      }
+      if (typeof type4 === "object" && type4 !== null) {
+        if (type4.$$typeof === REACT_LAZY_TYPE || type4.$$typeof === REACT_MEMO_TYPE || type4.$$typeof === REACT_PROVIDER_TYPE || type4.$$typeof === REACT_CONTEXT_TYPE || type4.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
+        // types supported by any Flight configuration anywhere since
+        // we don't know which Flight build this will end up being used
+        // with.
+        type4.$$typeof === REACT_MODULE_REFERENCE || type4.getModuleId !== void 0) {
+          return true;
+        }
+      }
+      return false;
+    }
+    function typeOf(object4) {
+      if (typeof object4 === "object" && object4 !== null) {
+        var $$typeof = object4.$$typeof;
+        switch ($$typeof) {
+          case REACT_ELEMENT_TYPE2:
+            var type4 = object4.type;
+            switch (type4) {
+              case REACT_FRAGMENT_TYPE:
+              case REACT_PROFILER_TYPE:
+              case REACT_STRICT_MODE_TYPE:
+              case REACT_SUSPENSE_TYPE:
+              case REACT_SUSPENSE_LIST_TYPE:
+                return type4;
+              default:
+                var $$typeofType = type4 && type4.$$typeof;
+                switch ($$typeofType) {
+                  case REACT_SERVER_CONTEXT_TYPE:
+                  case REACT_CONTEXT_TYPE:
+                  case REACT_FORWARD_REF_TYPE:
+                  case REACT_LAZY_TYPE:
+                  case REACT_MEMO_TYPE:
+                  case REACT_PROVIDER_TYPE:
+                    return $$typeofType;
+                  default:
+                    return $$typeof;
+                }
+            }
+          case REACT_PORTAL_TYPE:
+            return $$typeof;
+        }
+      }
+      return void 0;
+    }
+    var ContextConsumer = REACT_CONTEXT_TYPE;
+    var ContextProvider = REACT_PROVIDER_TYPE;
+    var Element2 = REACT_ELEMENT_TYPE2;
+    var ForwardRef = REACT_FORWARD_REF_TYPE;
+    var Fragment = REACT_FRAGMENT_TYPE;
+    var Lazy = REACT_LAZY_TYPE;
+    var Memo = REACT_MEMO_TYPE;
+    var Portal = REACT_PORTAL_TYPE;
+    var Profiler = REACT_PROFILER_TYPE;
+    var StrictMode = REACT_STRICT_MODE_TYPE;
+    var Suspense = REACT_SUSPENSE_TYPE;
+    var SuspenseList = REACT_SUSPENSE_LIST_TYPE;
+    var hasWarnedAboutDeprecatedIsAsyncMode = false;
+    var hasWarnedAboutDeprecatedIsConcurrentMode = false;
+    function isAsyncMode(object4) {
+      {
+        if (!hasWarnedAboutDeprecatedIsAsyncMode) {
+          hasWarnedAboutDeprecatedIsAsyncMode = true;
+          console["warn"]("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.");
+        }
+      }
+      return false;
+    }
+    function isConcurrentMode(object4) {
+      {
+        if (!hasWarnedAboutDeprecatedIsConcurrentMode) {
+          hasWarnedAboutDeprecatedIsConcurrentMode = true;
+          console["warn"]("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.");
+        }
+      }
+      return false;
+    }
+    function isContextConsumer(object4) {
+      return typeOf(object4) === REACT_CONTEXT_TYPE;
+    }
+    function isContextProvider(object4) {
+      return typeOf(object4) === REACT_PROVIDER_TYPE;
+    }
+    function isElement2(object4) {
+      return typeof object4 === "object" && object4 !== null && object4.$$typeof === REACT_ELEMENT_TYPE2;
+    }
+    function isForwardRef(object4) {
+      return typeOf(object4) === REACT_FORWARD_REF_TYPE;
+    }
+    function isFragment(object4) {
+      return typeOf(object4) === REACT_FRAGMENT_TYPE;
+    }
+    function isLazy(object4) {
+      return typeOf(object4) === REACT_LAZY_TYPE;
+    }
+    function isMemo(object4) {
+      return typeOf(object4) === REACT_MEMO_TYPE;
+    }
+    function isPortal(object4) {
+      return typeOf(object4) === REACT_PORTAL_TYPE;
+    }
+    function isProfiler(object4) {
+      return typeOf(object4) === REACT_PROFILER_TYPE;
+    }
+    function isStrictMode(object4) {
+      return typeOf(object4) === REACT_STRICT_MODE_TYPE;
+    }
+    function isSuspense(object4) {
+      return typeOf(object4) === REACT_SUSPENSE_TYPE;
+    }
+    function isSuspenseList(object4) {
+      return typeOf(object4) === REACT_SUSPENSE_LIST_TYPE;
+    }
+    reactIs_development.ContextConsumer = ContextConsumer;
+    reactIs_development.ContextProvider = ContextProvider;
+    reactIs_development.Element = Element2;
+    reactIs_development.ForwardRef = ForwardRef;
+    reactIs_development.Fragment = Fragment;
+    reactIs_development.Lazy = Lazy;
+    reactIs_development.Memo = Memo;
+    reactIs_development.Portal = Portal;
+    reactIs_development.Profiler = Profiler;
+    reactIs_development.StrictMode = StrictMode;
+    reactIs_development.Suspense = Suspense;
+    reactIs_development.SuspenseList = SuspenseList;
+    reactIs_development.isAsyncMode = isAsyncMode;
+    reactIs_development.isConcurrentMode = isConcurrentMode;
+    reactIs_development.isContextConsumer = isContextConsumer;
+    reactIs_development.isContextProvider = isContextProvider;
+    reactIs_development.isElement = isElement2;
+    reactIs_development.isForwardRef = isForwardRef;
+    reactIs_development.isFragment = isFragment;
+    reactIs_development.isLazy = isLazy;
+    reactIs_development.isMemo = isMemo;
+    reactIs_development.isPortal = isPortal;
+    reactIs_development.isProfiler = isProfiler;
+    reactIs_development.isStrictMode = isStrictMode;
+    reactIs_development.isSuspense = isSuspense;
+    reactIs_development.isSuspenseList = isSuspenseList;
+    reactIs_development.isValidElementType = isValidElementType;
+    reactIs_development.typeOf = typeOf;
+  })();
+}
+{
+  reactIs.exports = reactIs_development;
+}
+var reactIsExports = reactIs.exports;
+function get(entity, path) {
+  var current = entity;
+  for (var i2 = 0; i2 < path.length; i2 += 1) {
+    if (current === null || current === void 0) {
+      return void 0;
+    }
+    current = current[path[i2]];
+  }
+  return current;
+}
+function _toPrimitive(input, hint) {
+  if (_typeof$1(input) !== "object" || input === null)
+    return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== void 0) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof$1(res) !== "object")
+      return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof$1(key) === "symbol" ? key : String(key);
+}
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function ownKeys(e2, r) {
+  var t = Object.keys(e2);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e2);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e2, r2).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e2) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
+      _defineProperty(e2, r2, t[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e2, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
+      Object.defineProperty(e2, r2, Object.getOwnPropertyDescriptor(t, r2));
+    });
+  }
+  return e2;
+}
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr))
+    return _arrayLikeToArray(arr);
+}
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
+    return Array.from(iter);
+}
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+function _toArray(arr) {
+  return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest();
+}
+function internalSet(entity, paths, value, removeIfUndefined) {
+  if (!paths.length) {
+    return value;
+  }
+  var _paths = _toArray(paths), path = _paths[0], restPath = _paths.slice(1);
+  var clone;
+  if (!entity && typeof path === "number") {
+    clone = [];
+  } else if (Array.isArray(entity)) {
+    clone = _toConsumableArray(entity);
+  } else {
+    clone = _objectSpread2({}, entity);
+  }
+  if (removeIfUndefined && value === void 0 && restPath.length === 1) {
+    delete clone[path][restPath[0]];
+  } else {
+    clone[path] = internalSet(clone[path], restPath, value, removeIfUndefined);
+  }
+  return clone;
+}
+function set(entity, paths, value) {
+  var removeIfUndefined = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false;
+  if (paths.length && removeIfUndefined && value === void 0 && !get(entity, paths.slice(0, -1))) {
+    return entity;
+  }
+  return internalSet(entity, paths, value, removeIfUndefined);
+}
+var warned$1 = {};
+var preWarningFns$1 = [];
+var preMessage$1 = function preMessage2(fn) {
+  preWarningFns$1.push(fn);
+};
+function warning$3(valid, message) {
+  if (!valid && console !== void 0) {
+    var finalMessage = preWarningFns$1.reduce(function(msg, preMessageFn) {
+      return preMessageFn(msg !== null && msg !== void 0 ? msg : "", "warning");
+    }, message);
+    if (finalMessage) {
+      console.error("Warning: ".concat(finalMessage));
+    }
+  }
+}
+function note$1(valid, message) {
+  if (!valid && console !== void 0) {
+    var finalMessage = preWarningFns$1.reduce(function(msg, preMessageFn) {
+      return preMessageFn(msg !== null && msg !== void 0 ? msg : "", "note");
+    }, message);
+    if (finalMessage) {
+      console.warn("Note: ".concat(finalMessage));
+    }
+  }
+}
+function resetWarned$1() {
+  warned$1 = {};
+}
+function call$1(method4, valid, message) {
+  if (!valid && !warned$1[message]) {
+    method4(false, message);
+    warned$1[message] = true;
+  }
+}
+function warningOnce$1(valid, message) {
+  call$1(warning$3, valid, message);
+}
+function noteOnce$1(valid, message) {
+  call$1(note$1, valid, message);
+}
+warningOnce$1.preMessage = preMessage$1;
+warningOnce$1.resetWarned = resetWarned$1;
+warningOnce$1.noteOnce = noteOnce$1;
+function useSyncScroll(current, visible, bodyRef) {
+  const rafRef = React$1.useRef();
+  const clean = () => {
+    if (rafRef.current) {
+      cancelAnimationFrame(rafRef.current);
+    }
+  };
+  const scrollTo = useEvent((date4) => {
+    clean();
+    rafRef.current = requestAnimationFrame(() => {
+      if (bodyRef.current) {
+        const yearMonth = date4.format("YYYY-M");
+        const target = bodyRef.current.querySelector(`[data-year-month="${yearMonth}"]`);
+        if (target) {
+          target.scrollIntoView({
+            block: "start",
+            inline: "nearest"
+          });
+        }
+      }
+    });
+  });
+  React$1.useEffect(() => {
+    if (visible && current) {
+      scrollTo(current);
+      return clean;
+    }
+  }, [current, visible]);
+  return scrollTo;
+}
+dayjs.extend(isoWeek);
+dayjs.extend(isSameOrBefore);
+const classPrefix$1e = "adm-calendar-picker-view";
+const Context$2 = React$1.createContext({
+  visible: false
+});
+const defaultProps$Y = {
+  weekStartsOn: "Sunday",
+  defaultValue: null,
+  allowClear: true,
+  usePopup: true,
+  selectionMode: "single"
+};
+const CalendarPickerView = React$1.forwardRef((p, ref) => {
+  var _a;
+  const bodyRef = React$1.useRef(null);
+  const today = dayjs();
+  const props = mergeProps(defaultProps$Y, p);
+  const {
+    locale
+  } = useConfig();
+  const markItems = [...locale.Calendar.markItems];
+  if (props.weekStartsOn === "Sunday") {
+    const item = markItems.pop();
+    if (item)
+      markItems.unshift(item);
+  }
+  const [dateRange, setDateRange] = usePropsValue({
+    value: props.value === void 0 ? void 0 : convertValueToRange(props.selectionMode, props.value),
+    defaultValue: convertValueToRange(props.selectionMode, props.defaultValue),
+    onChange: (v) => {
+      var _a2, _b;
+      if (props.selectionMode === "single") {
+        (_a2 = props.onChange) === null || _a2 === void 0 ? void 0 : _a2.call(props, v ? v[0] : null);
+      } else if (props.selectionMode === "range") {
+        (_b = props.onChange) === null || _b === void 0 ? void 0 : _b.call(props, v);
+      }
+    }
+  });
+  const [intermediate, setIntermediate] = React$1.useState(false);
+  const [current, setCurrent] = React$1.useState(() => dayjs(dateRange ? dateRange[0] : today).date(1));
+  const context = React$1.useContext(Context$2);
+  const scrollTo = useSyncScroll(current, context.visible, bodyRef);
+  const maxDay = React$1.useMemo(() => props.max ? dayjs(props.max) : current.add(6, "month"), [props.max, current]);
+  const minDay = React$1.useMemo(() => props.min ? dayjs(props.min) : current, [props.min, current]);
+  React$1.useImperativeHandle(ref, () => ({
+    jumpTo: (pageOrPageGenerator) => {
+      let page;
+      if (typeof pageOrPageGenerator === "function") {
+        page = pageOrPageGenerator({
+          year: current.year(),
+          month: current.month() + 1
+        });
+      } else {
+        page = pageOrPageGenerator;
+      }
+      const next = convertPageToDayjs(page);
+      setCurrent(next);
+      scrollTo(next);
+    },
+    jumpToToday: () => {
+      const next = dayjs().date(1);
+      setCurrent(next);
+      scrollTo(next);
+    },
+    getDateRange: () => dateRange
+  }));
+  const header = React$1.createElement("div", {
+    className: `${classPrefix$1e}-header`
+  }, React$1.createElement("div", {
+    className: `${classPrefix$1e}-title`
+  }, (_a = props.title) !== null && _a !== void 0 ? _a : locale.Calendar.title));
+  function renderBody() {
+    var _a2;
+    const cells = [];
+    let monthIterator = minDay;
+    while (monthIterator.isSameOrBefore(maxDay, "month")) {
+      const year = monthIterator.year();
+      const month = monthIterator.month() + 1;
+      const renderMap = {
+        year,
+        month
+      };
+      const yearMonth = `${year}-${month}`;
+      const presetEmptyCellCount = props.weekStartsOn === "Monday" ? monthIterator.date(1).isoWeekday() - 1 : monthIterator.date(1).isoWeekday();
+      const presetEmptyCells = presetEmptyCellCount == 7 ? null : Array(presetEmptyCellCount).fill(null).map((_, index2) => React$1.createElement("div", {
+        key: index2,
+        className: `${classPrefix$1e}-cell`
+      }));
+      cells.push(React$1.createElement("div", {
+        key: yearMonth,
+        "data-year-month": yearMonth
+      }, React$1.createElement("div", {
+        className: `${classPrefix$1e}-title`
+      }, (_a2 = locale.Calendar.yearAndMonth) === null || _a2 === void 0 ? void 0 : _a2.replace(/\${(.*?)}/g, (_, variable) => {
+        var _a3;
+        return (_a3 = renderMap[variable]) === null || _a3 === void 0 ? void 0 : _a3.toString();
+      })), React$1.createElement("div", {
+        className: `${classPrefix$1e}-cells`
+      }, presetEmptyCells, Array(monthIterator.daysInMonth()).fill(null).map((_, index2) => {
+        var _a3;
+        const d = monthIterator.date(index2 + 1);
+        let isSelect = false;
+        let isBegin = false;
+        let isEnd = false;
+        let isSelectRowBegin = false;
+        let isSelectRowEnd = false;
+        if (dateRange) {
+          const [begin, end] = dateRange;
+          isBegin = d.isSame(begin, "day");
+          isEnd = d.isSame(end, "day");
+          isSelect = isBegin || isEnd || d.isAfter(begin, "day") && d.isBefore(end, "day");
+          if (isSelect) {
+            isSelectRowBegin = (cells.length % 7 === 0 || d.isSame(d.startOf("month"), "day")) && !isBegin;
+            isSelectRowEnd = (cells.length % 7 === 6 || d.isSame(d.endOf("month"), "day")) && !isEnd;
+          }
+        }
+        const disabled = props.shouldDisableDate ? props.shouldDisableDate(d.toDate()) : maxDay && d.isAfter(maxDay, "day") || minDay && d.isBefore(minDay, "day");
+        const renderTop = () => {
+          var _a4;
+          const top = (_a4 = props.renderTop) === null || _a4 === void 0 ? void 0 : _a4.call(props, d.toDate());
+          if (top) {
+            return top;
+          }
+          if (props.selectionMode === "range") {
+            if (isBegin) {
+              return locale.Calendar.start;
+            }
+            if (isEnd) {
+              return locale.Calendar.end;
+            }
+          }
+          if (d.isSame(today, "day") && !isSelect) {
+            return locale.Calendar.today;
+          }
+        };
+        return React$1.createElement("div", {
+          key: d.valueOf(),
+          className: classNames(`${classPrefix$1e}-cell`, {
+            [`${classPrefix$1e}-cell-today`]: d.isSame(today, "day"),
+            [`${classPrefix$1e}-cell-selected`]: isSelect,
+            [`${classPrefix$1e}-cell-selected-begin`]: isBegin,
+            [`${classPrefix$1e}-cell-selected-end`]: isEnd,
+            [`${classPrefix$1e}-cell-selected-row-begin`]: isSelectRowBegin,
+            [`${classPrefix$1e}-cell-selected-row-end`]: isSelectRowEnd,
+            [`${classPrefix$1e}-cell-disabled`]: !!disabled
+          }),
+          onClick: () => {
+            if (!props.selectionMode)
+              return;
+            if (disabled)
+              return;
+            const date4 = d.toDate();
+            function shouldClear() {
+              if (!props.allowClear)
+                return false;
+              if (!dateRange)
+                return false;
+              const [begin, end] = dateRange;
+              return d.isSame(begin, "date") && d.isSame(end, "day");
+            }
+            if (props.selectionMode === "single") {
+              if (props.allowClear && shouldClear()) {
+                setDateRange(null);
+                return;
+              }
+              setDateRange([date4, date4]);
+            } else if (props.selectionMode === "range") {
+              if (!dateRange) {
+                setDateRange([date4, date4]);
+                setIntermediate(true);
+                return;
+              }
+              if (shouldClear()) {
+                setDateRange(null);
+                setIntermediate(false);
+                return;
+              }
+              if (intermediate) {
+                const another = dateRange[0];
+                setDateRange(another > date4 ? [date4, another] : [another, date4]);
+                setIntermediate(false);
+              } else {
+                setDateRange([date4, date4]);
+                setIntermediate(true);
+              }
+            }
+          }
+        }, React$1.createElement("div", {
+          className: `${classPrefix$1e}-cell-top`
+        }, renderTop()), React$1.createElement("div", {
+          className: `${classPrefix$1e}-cell-date`
+        }, props.renderDate ? props.renderDate(d.toDate()) : d.date()), React$1.createElement("div", {
+          className: `${classPrefix$1e}-cell-bottom`
+        }, (_a3 = props.renderBottom) === null || _a3 === void 0 ? void 0 : _a3.call(props, d.toDate())));
+      }))));
+      monthIterator = monthIterator.add(1, "month");
+    }
+    return cells;
+  }
+  const body = React$1.createElement("div", {
+    className: `${classPrefix$1e}-body`,
+    ref: bodyRef
+  }, renderBody());
+  const mark = React$1.createElement("div", {
+    className: `${classPrefix$1e}-mark`
+  }, markItems.map((item, index2) => React$1.createElement("div", {
+    key: index2,
+    className: `${classPrefix$1e}-mark-cell`
+  }, item)));
+  return withNativeProps(props, React$1.createElement("div", {
+    className: classPrefix$1e
+  }, header, mark, body));
+});
+const classPrefix$1d = `adm-divider`;
+const defaultProps$X = {
+  contentPosition: "center",
+  direction: "horizontal"
+};
+const Divider = (p) => {
+  const props = mergeProps(defaultProps$X, p);
+  return withNativeProps(props, React$1.createElement("div", {
+    className: classNames(classPrefix$1d, `${classPrefix$1d}-${props.direction}`, `${classPrefix$1d}-${props.contentPosition}`)
+  }, props.children && React$1.createElement("div", {
+    className: `${classPrefix$1d}-content`
+  }, props.children)));
+};
+const classPrefix$1c = "adm-calendar-picker";
+const defaultProps$W = {
+  weekStartsOn: "Sunday",
+  defaultValue: null,
+  allowClear: true,
+  usePopup: true,
+  selectionMode: "single"
+};
+const CalendarPicker = React$1.forwardRef((p, ref) => {
+  const props = mergeProps(defaultProps$W, p);
+  const {
+    locale
+  } = useConfig();
+  const calendarRef = ref !== null && ref !== void 0 ? ref : React$1.useRef(null);
+  const {
+    visible,
+    confirmText,
+    popupClassName,
+    popupStyle,
     popupBodyStyle,
     forceRender,
     closeOnMaskClick,
@@ -9675,6 +10208,9 @@ const CalendarPicker = React$1.forwardRef((p, ref) => {
     onMaskClick,
     getContainer
   } = props, calendarViewProps = __rest(props, ["visible", "confirmText", "popupClassName", "popupStyle", "popupBodyStyle", "forceRender", "closeOnMaskClick", "onClose", "onConfirm", "onMaskClick", "getContainer"]);
+  const viewContext = React$1.useMemo(() => ({
+    visible: !!visible
+  }), [visible]);
   const footer = React$1.createElement("div", {
     className: `${classPrefix$1c}-footer`
   }, React$1.createElement(Divider, null), React$1.createElement("div", {
@@ -9714,9 +10250,11 @@ const CalendarPicker = React$1.forwardRef((p, ref) => {
       }
     },
     getContainer
+  }, React$1.createElement(Context$2.Provider, {
+    value: viewContext
   }, React$1.createElement(CalendarPickerView, Object.assign({
     ref: calendarRef
-  }, calendarViewProps)), footer)));
+  }, calendarViewProps))), footer)));
 });
 function useResizeEffect(effect, targetRef) {
   const fn = useMemoizedFn(effect);
@@ -9823,255 +10361,66 @@ const useTabListScroll = (targetRef, activeIndex) => {
   return {
     scrollLeft,
     animate
-  };
-};
-const classPrefix$1b = `adm-scroll-mask`;
-const ScrollMask = (props) => {
-  const maskRef = React$1.useRef(null);
-  const [{
-    leftMaskOpacity,
-    rightMaskOpacity
-  }, api] = useSpring(() => ({
-    leftMaskOpacity: 0,
-    rightMaskOpacity: 0,
-    config: {
-      clamp: true
-    }
-  }));
-  const {
-    run: updateMask
-  } = useThrottleFn((immediate = false) => {
-    const mask = maskRef.current;
-    if (!mask)
-      return;
-    const scrollEl = props.scrollTrackRef.current;
-    if (!scrollEl)
-      return;
-    const scrollLeft = scrollEl.scrollLeft;
-    const showLeftMask = scrollLeft > 0;
-    const showRightMask = scrollLeft + scrollEl.offsetWidth < scrollEl.scrollWidth;
-    api.start({
-      leftMaskOpacity: showLeftMask ? 1 : 0,
-      rightMaskOpacity: showRightMask ? 1 : 0,
-      immediate
-    });
-  }, {
-    wait: 100,
-    trailing: true,
-    leading: true
-  });
-  React$1.useEffect(() => {
-    updateMask(true);
-  }, []);
-  React$1.useEffect(() => {
-    const scrollEl = props.scrollTrackRef.current;
-    if (!scrollEl)
-      return;
-    scrollEl.addEventListener("scroll", updateMask);
-    return () => scrollEl.removeEventListener("scroll", updateMask);
-  }, []);
-  return React$1.createElement(React$1.Fragment, null, React$1.createElement(animated.div, {
-    ref: maskRef,
-    className: classNames(classPrefix$1b, `${classPrefix$1b}-left`),
-    style: {
-      opacity: leftMaskOpacity
-    }
-  }), React$1.createElement(animated.div, {
-    className: classNames(classPrefix$1b, `${classPrefix$1b}-right`),
-    style: {
-      opacity: rightMaskOpacity
-    }
-  }));
-};
-var reactIs = { exports: {} };
-var reactIs_development = {};
-/**
- * @license React
- * react-is.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-{
-  (function() {
-    var REACT_ELEMENT_TYPE2 = Symbol.for("react.element");
-    var REACT_PORTAL_TYPE = Symbol.for("react.portal");
-    var REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
-    var REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode");
-    var REACT_PROFILER_TYPE = Symbol.for("react.profiler");
-    var REACT_PROVIDER_TYPE = Symbol.for("react.provider");
-    var REACT_CONTEXT_TYPE = Symbol.for("react.context");
-    var REACT_SERVER_CONTEXT_TYPE = Symbol.for("react.server_context");
-    var REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref");
-    var REACT_SUSPENSE_TYPE = Symbol.for("react.suspense");
-    var REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list");
-    var REACT_MEMO_TYPE = Symbol.for("react.memo");
-    var REACT_LAZY_TYPE = Symbol.for("react.lazy");
-    var REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen");
-    var enableScopeAPI = false;
-    var enableCacheElement = false;
-    var enableTransitionTracing = false;
-    var enableLegacyHidden = false;
-    var enableDebugTracing = false;
-    var REACT_MODULE_REFERENCE;
-    {
-      REACT_MODULE_REFERENCE = Symbol.for("react.module.reference");
-    }
-    function isValidElementType(type4) {
-      if (typeof type4 === "string" || typeof type4 === "function") {
-        return true;
-      }
-      if (type4 === REACT_FRAGMENT_TYPE || type4 === REACT_PROFILER_TYPE || enableDebugTracing || type4 === REACT_STRICT_MODE_TYPE || type4 === REACT_SUSPENSE_TYPE || type4 === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden || type4 === REACT_OFFSCREEN_TYPE || enableScopeAPI || enableCacheElement || enableTransitionTracing) {
-        return true;
-      }
-      if (typeof type4 === "object" && type4 !== null) {
-        if (type4.$$typeof === REACT_LAZY_TYPE || type4.$$typeof === REACT_MEMO_TYPE || type4.$$typeof === REACT_PROVIDER_TYPE || type4.$$typeof === REACT_CONTEXT_TYPE || type4.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
-        // types supported by any Flight configuration anywhere since
-        // we don't know which Flight build this will end up being used
-        // with.
-        type4.$$typeof === REACT_MODULE_REFERENCE || type4.getModuleId !== void 0) {
-          return true;
-        }
-      }
-      return false;
-    }
-    function typeOf(object4) {
-      if (typeof object4 === "object" && object4 !== null) {
-        var $$typeof = object4.$$typeof;
-        switch ($$typeof) {
-          case REACT_ELEMENT_TYPE2:
-            var type4 = object4.type;
-            switch (type4) {
-              case REACT_FRAGMENT_TYPE:
-              case REACT_PROFILER_TYPE:
-              case REACT_STRICT_MODE_TYPE:
-              case REACT_SUSPENSE_TYPE:
-              case REACT_SUSPENSE_LIST_TYPE:
-                return type4;
-              default:
-                var $$typeofType = type4 && type4.$$typeof;
-                switch ($$typeofType) {
-                  case REACT_SERVER_CONTEXT_TYPE:
-                  case REACT_CONTEXT_TYPE:
-                  case REACT_FORWARD_REF_TYPE:
-                  case REACT_LAZY_TYPE:
-                  case REACT_MEMO_TYPE:
-                  case REACT_PROVIDER_TYPE:
-                    return $$typeofType;
-                  default:
-                    return $$typeof;
-                }
-            }
-          case REACT_PORTAL_TYPE:
-            return $$typeof;
-        }
-      }
-      return void 0;
-    }
-    var ContextConsumer = REACT_CONTEXT_TYPE;
-    var ContextProvider = REACT_PROVIDER_TYPE;
-    var Element2 = REACT_ELEMENT_TYPE2;
-    var ForwardRef = REACT_FORWARD_REF_TYPE;
-    var Fragment = REACT_FRAGMENT_TYPE;
-    var Lazy = REACT_LAZY_TYPE;
-    var Memo = REACT_MEMO_TYPE;
-    var Portal = REACT_PORTAL_TYPE;
-    var Profiler = REACT_PROFILER_TYPE;
-    var StrictMode = REACT_STRICT_MODE_TYPE;
-    var Suspense = REACT_SUSPENSE_TYPE;
-    var SuspenseList = REACT_SUSPENSE_LIST_TYPE;
-    var hasWarnedAboutDeprecatedIsAsyncMode = false;
-    var hasWarnedAboutDeprecatedIsConcurrentMode = false;
-    function isAsyncMode(object4) {
-      {
-        if (!hasWarnedAboutDeprecatedIsAsyncMode) {
-          hasWarnedAboutDeprecatedIsAsyncMode = true;
-          console["warn"]("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.");
-        }
-      }
-      return false;
-    }
-    function isConcurrentMode(object4) {
-      {
-        if (!hasWarnedAboutDeprecatedIsConcurrentMode) {
-          hasWarnedAboutDeprecatedIsConcurrentMode = true;
-          console["warn"]("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.");
-        }
-      }
-      return false;
-    }
-    function isContextConsumer(object4) {
-      return typeOf(object4) === REACT_CONTEXT_TYPE;
-    }
-    function isContextProvider(object4) {
-      return typeOf(object4) === REACT_PROVIDER_TYPE;
-    }
-    function isElement2(object4) {
-      return typeof object4 === "object" && object4 !== null && object4.$$typeof === REACT_ELEMENT_TYPE2;
-    }
-    function isForwardRef(object4) {
-      return typeOf(object4) === REACT_FORWARD_REF_TYPE;
-    }
-    function isFragment(object4) {
-      return typeOf(object4) === REACT_FRAGMENT_TYPE;
-    }
-    function isLazy(object4) {
-      return typeOf(object4) === REACT_LAZY_TYPE;
-    }
-    function isMemo(object4) {
-      return typeOf(object4) === REACT_MEMO_TYPE;
-    }
-    function isPortal(object4) {
-      return typeOf(object4) === REACT_PORTAL_TYPE;
-    }
-    function isProfiler(object4) {
-      return typeOf(object4) === REACT_PROFILER_TYPE;
-    }
-    function isStrictMode(object4) {
-      return typeOf(object4) === REACT_STRICT_MODE_TYPE;
+  };
+};
+const classPrefix$1b = `adm-scroll-mask`;
+const ScrollMask = (props) => {
+  const maskRef = React$1.useRef(null);
+  const [{
+    leftMaskOpacity,
+    rightMaskOpacity
+  }, api] = useSpring(() => ({
+    leftMaskOpacity: 0,
+    rightMaskOpacity: 0,
+    config: {
+      clamp: true
     }
-    function isSuspense(object4) {
-      return typeOf(object4) === REACT_SUSPENSE_TYPE;
+  }));
+  const {
+    run: updateMask
+  } = useThrottleFn((immediate = false) => {
+    const mask = maskRef.current;
+    if (!mask)
+      return;
+    const scrollEl = props.scrollTrackRef.current;
+    if (!scrollEl)
+      return;
+    const scrollLeft = scrollEl.scrollLeft;
+    const showLeftMask = scrollLeft > 0;
+    const showRightMask = scrollLeft + scrollEl.offsetWidth < scrollEl.scrollWidth;
+    api.start({
+      leftMaskOpacity: showLeftMask ? 1 : 0,
+      rightMaskOpacity: showRightMask ? 1 : 0,
+      immediate
+    });
+  }, {
+    wait: 100,
+    trailing: true,
+    leading: true
+  });
+  React$1.useEffect(() => {
+    updateMask(true);
+  }, []);
+  React$1.useEffect(() => {
+    const scrollEl = props.scrollTrackRef.current;
+    if (!scrollEl)
+      return;
+    scrollEl.addEventListener("scroll", updateMask);
+    return () => scrollEl.removeEventListener("scroll", updateMask);
+  }, []);
+  return React$1.createElement(React$1.Fragment, null, React$1.createElement(animated.div, {
+    ref: maskRef,
+    className: classNames(classPrefix$1b, `${classPrefix$1b}-left`),
+    style: {
+      opacity: leftMaskOpacity
     }
-    function isSuspenseList(object4) {
-      return typeOf(object4) === REACT_SUSPENSE_LIST_TYPE;
+  }), React$1.createElement(animated.div, {
+    className: classNames(classPrefix$1b, `${classPrefix$1b}-right`),
+    style: {
+      opacity: rightMaskOpacity
     }
-    reactIs_development.ContextConsumer = ContextConsumer;
-    reactIs_development.ContextProvider = ContextProvider;
-    reactIs_development.Element = Element2;
-    reactIs_development.ForwardRef = ForwardRef;
-    reactIs_development.Fragment = Fragment;
-    reactIs_development.Lazy = Lazy;
-    reactIs_development.Memo = Memo;
-    reactIs_development.Portal = Portal;
-    reactIs_development.Profiler = Profiler;
-    reactIs_development.StrictMode = StrictMode;
-    reactIs_development.Suspense = Suspense;
-    reactIs_development.SuspenseList = SuspenseList;
-    reactIs_development.isAsyncMode = isAsyncMode;
-    reactIs_development.isConcurrentMode = isConcurrentMode;
-    reactIs_development.isContextConsumer = isContextConsumer;
-    reactIs_development.isContextProvider = isContextProvider;
-    reactIs_development.isElement = isElement2;
-    reactIs_development.isForwardRef = isForwardRef;
-    reactIs_development.isFragment = isFragment;
-    reactIs_development.isLazy = isLazy;
-    reactIs_development.isMemo = isMemo;
-    reactIs_development.isPortal = isPortal;
-    reactIs_development.isProfiler = isProfiler;
-    reactIs_development.isStrictMode = isStrictMode;
-    reactIs_development.isSuspense = isSuspense;
-    reactIs_development.isSuspenseList = isSuspenseList;
-    reactIs_development.isValidElementType = isValidElementType;
-    reactIs_development.typeOf = typeOf;
-  })();
-}
-{
-  reactIs.exports = reactIs_development;
-}
-var reactIsExports = reactIs.exports;
+  }));
+};
 function traverseReactNode(children, fn) {
   let i2 = 0;
   function handle(target) {
@@ -10777,13 +11126,13 @@ const colorRecord$2 = {
   primary: "var(--adm-color-primary)",
   white: "var(--adm-color-white)"
 };
-const defaultProps$W = {
+const defaultProps$V = {
   color: "default"
 };
 const circumference = 15 * 3.14159265358979 * 2;
 const SpinLoading = React$1.memo((p) => {
   var _a;
-  const props = mergeProps(defaultProps$W, p);
+  const props = mergeProps(defaultProps$V, p);
   const motionReduced = useMotionReduced();
   const {
     percent
@@ -10824,7 +11173,7 @@ const SpinLoading = React$1.memo((p) => {
   }))));
 });
 const classPrefix$16 = `adm-picker-view`;
-const defaultProps$V = {
+const defaultProps$U = {
   defaultValue: [],
   renderLabel: defaultRenderLabel,
   mouseWheel: false,
@@ -10833,7 +11182,7 @@ const defaultProps$V = {
   }, React$1.createElement(SpinLoading, null))
 };
 const PickerView = React$1.memo((p) => {
-  const props = mergeProps(defaultProps$V, p);
+  const props = mergeProps(defaultProps$U, p);
   const [innerValue, setInnerValue] = React$1.useState(props.value === void 0 ? props.defaultValue : props.value);
   React$1.useEffect(() => {
     if (props.value === void 0)
@@ -10895,7 +11244,7 @@ const PickerView = React$1.memo((p) => {
 });
 PickerView.displayName = "PickerView";
 const classPrefix$15 = `adm-picker`;
-const defaultProps$U = {
+const defaultProps$T = {
   defaultValue: [],
   closeOnMaskClick: true,
   renderLabel: defaultRenderLabel,
@@ -10907,7 +11256,7 @@ const Picker$1 = React$1.memo(React$1.forwardRef((p, ref) => {
   const {
     locale
   } = useConfig();
-  const props = mergeProps(defaultProps$U, {
+  const props = mergeProps(defaultProps$T, {
     confirmText: locale.common.confirm,
     cancelText: locale.common.cancel
   }, p);
@@ -11147,14 +11496,14 @@ const classPrefix$14 = `adm-tabs`;
 const Tab = () => {
   return null;
 };
-const defaultProps$T = {
+const defaultProps$S = {
   activeLineMode: "auto",
   stretch: true,
   direction: "ltr"
 };
 const Tabs$1 = (p) => {
   var _a;
-  const props = mergeProps(defaultProps$T, p);
+  const props = mergeProps(defaultProps$S, p);
   const tabListContainerRef = React$1.useRef(null);
   const activeLineRef = React$1.useRef(null);
   const keyToIndexRecord = {};
@@ -11398,11 +11747,11 @@ const Tabs = attachPropertiesToComponent(Tabs$1, {
   Tab
 });
 const classPrefix$13 = `adm-list`;
-const defaultProps$S = {
+const defaultProps$R = {
   mode: "default"
 };
 const List$2 = React$1.forwardRef((p, ref) => {
-  const props = mergeProps(defaultProps$S, p);
+  const props = mergeProps(defaultProps$R, p);
   const nativeElementRef = React$1.useRef(null);
   React$1.useImperativeHandle(ref, () => ({
     get nativeElement() {
@@ -11461,7 +11810,7 @@ const List$1 = attachPropertiesToComponent(List$2, {
 });
 const CheckListContext = React$1.createContext(null);
 const classPrefix$11 = "adm-check-list";
-const defaultProps$R = {
+const defaultProps$Q = {
   multiple: false,
   defaultValue: [],
   activeIcon: React$1.createElement(CheckOutline, null)
@@ -11470,7 +11819,7 @@ const CheckList$1 = (props) => {
   const {
     checkList: componentConfig = {}
   } = useConfig();
-  const mergedProps = mergeProps(defaultProps$R, componentConfig, props);
+  const mergedProps = mergeProps(defaultProps$Q, componentConfig, props);
   const [value, setValue2] = usePropsValue(mergedProps);
   function check(val) {
     if (mergedProps.multiple) {
@@ -11712,11 +12061,11 @@ const useFieldNames = (fieldNames = {}) => {
   return fields;
 };
 const classPrefix$_ = `adm-cascader-view`;
-const defaultProps$Q = {
+const defaultProps$P = {
   defaultValue: []
 };
 const CascaderView$1 = (p) => {
-  const props = mergeProps(defaultProps$Q, p);
+  const props = mergeProps(defaultProps$P, p);
   const {
     locale
   } = useConfig();
@@ -11833,7 +12182,7 @@ const CascaderView = attachPropertiesToComponent(CascaderView$1, {
   optionSkeleton
 });
 const classPrefix$Z = `adm-cascader`;
-const defaultProps$P = {
+const defaultProps$O = {
   defaultValue: [],
   destroyOnClose: true,
   forceRender: false
@@ -11843,7 +12192,7 @@ const Cascader = React$1.forwardRef((p, ref) => {
   const {
     locale
   } = useConfig();
-  const props = mergeProps(defaultProps$P, {
+  const props = mergeProps(defaultProps$O, {
     confirmText: locale.common.confirm,
     cancelText: locale.common.cancel,
     placeholder: locale.Cascader.placeholder
@@ -11971,14 +12320,14 @@ const index$f = attachPropertiesToComponent(Cascader, {
   optionSkeleton
 });
 const classPrefix$Y = "adm-center-popup";
-const defaultProps$O = Object.assign(Object.assign({}, defaultPopupBaseProps), {
+const defaultProps$N = Object.assign(Object.assign({}, defaultPopupBaseProps), {
   getContainer: null
 });
 const CenterPopup = (props) => {
   const {
     popup: componentConfig = {}
   } = useConfig();
-  const mergedProps = mergeProps(defaultProps$O, componentConfig, props);
+  const mergedProps = mergeProps(defaultProps$N, componentConfig, props);
   const unmountedRef = useUnmountedRef$1();
   const style = useSpring({
     scale: mergedProps.visible ? 1 : 0.8,
@@ -12058,12 +12407,12 @@ const CenterPopup = (props) => {
   }, renderToContainer(mergedProps.getContainer, node));
 };
 const CheckboxGroupContext = React$1.createContext(null);
-const defaultProps$N = {
+const defaultProps$M = {
   disabled: false,
   defaultValue: []
 };
 const Group$1 = (p) => {
-  const props = mergeProps(defaultProps$N, p);
+  const props = mergeProps(defaultProps$M, p);
   const [value, setValue2] = usePropsValue(props);
   return React$1.createElement(
     CheckboxGroupContext.Provider,
@@ -12131,13 +12480,13 @@ const NativeInput = (props) => {
   });
 };
 const classPrefix$X = `adm-checkbox`;
-const defaultProps$M = {
+const defaultProps$L = {
   defaultChecked: false,
   indeterminate: false
 };
 const Checkbox$1 = React$1.forwardRef((p, ref) => {
   const groupContext = React$1.useContext(CheckboxGroupContext);
-  const props = mergeProps(defaultProps$M, p);
+  const props = mergeProps(defaultProps$L, p);
   let [checked, setChecked] = usePropsValue({
     value: props.checked,
     defaultValue: props.defaultChecked,
@@ -12700,14 +13049,14 @@ function useRenderLabel(renderLabel) {
   }, [renderLabel]);
 }
 const thisYear$1 = (/* @__PURE__ */ new Date()).getFullYear();
-const defaultProps$L = {
+const defaultProps$K = {
   min: new Date((/* @__PURE__ */ new Date()).setFullYear(thisYear$1 - 10)),
   max: new Date((/* @__PURE__ */ new Date()).setFullYear(thisYear$1 + 10)),
   precision: "day",
   defaultValue: null
 };
 const DatePicker = React$1.forwardRef((p, ref) => {
-  const props = mergeProps(defaultProps$L, p);
+  const props = mergeProps(defaultProps$K, p);
   const {
     renderLabel
   } = props;
@@ -12804,14 +13153,14 @@ const index$d = attachPropertiesToComponent(DatePicker, {
   DATE_NOW: TILL_NOW
 });
 const thisYear = (/* @__PURE__ */ new Date()).getFullYear();
-const defaultProps$K = {
+const defaultProps$J = {
   min: new Date((/* @__PURE__ */ new Date()).setFullYear(thisYear - 10)),
   max: new Date((/* @__PURE__ */ new Date()).setFullYear(thisYear + 10)),
   precision: "day"
 };
 const DatePickerView = (p) => {
   var _a;
-  const props = mergeProps(defaultProps$K, p);
+  const props = mergeProps(defaultProps$J, p);
   const {
     renderLabel
   } = props;
@@ -12861,14 +13210,14 @@ const DialogActionButton = (props) => {
     disabled: action.disabled
   }, action.text));
 };
-const defaultProps$J = {
+const defaultProps$I = {
   actions: [],
   closeOnAction: false,
   closeOnMaskClick: false,
   getContainer: null
 };
 const Dialog = (p) => {
-  const props = mergeProps(defaultProps$J, p);
+  const props = mergeProps(defaultProps$I, p);
   const element = React$1.createElement(React$1.Fragment, null, !!props.image && React$1.createElement("div", {
     className: cls$1("image-container")
   }, React$1.createElement(Image$1, {
@@ -12959,7 +13308,7 @@ function alert$1(p) {
     }));
   });
 }
-const defaultProps$I = {
+const defaultProps$H = {
   confirmText: "确认",
   cancelText: "取消"
 };
@@ -12967,7 +13316,7 @@ function confirm$1(p) {
   const {
     locale
   } = getDefaultConfig();
-  const props = mergeProps(defaultProps$I, {
+  const props = mergeProps(defaultProps$H, {
     confirmText: locale.common.confirm,
     cancelText: locale.common.cancel
   }, p);
@@ -13058,7 +13407,7 @@ const ItemChildrenWrap = (props) => {
   }, props.children) : null;
 };
 const classPrefix$U = `adm-dropdown`;
-const defaultProps$H = {
+const defaultProps$G = {
   defaultActiveKey: null,
   closeOnMaskClick: true,
   closeOnClickAway: false,
@@ -13068,7 +13417,7 @@ const Dropdown = React$1.forwardRef((props, ref) => {
   const {
     dropdown: componentConfig = {}
   } = useConfig();
-  const mergedProps = mergeProps(defaultProps$H, componentConfig, props);
+  const mergedProps = mergeProps(defaultProps$G, componentConfig, props);
   const arrowIcon = mergeProp(componentConfig.arrowIcon, props.arrow, props.arrowIcon);
   const [value, setValue2] = usePropsValue({
     value: mergedProps.activeKey,
@@ -13226,7 +13575,7 @@ function betweenInclusive(i2, e2, n2) {
   i2[i2.unit_1 = 1] = "unit_1", i2[i2.unit_2 = 2] = "unit_2", i2[i2.unit_4 = 4] = "unit_4";
 }(n || (n = {}));
 const classPrefix$T = `adm-ellipsis`;
-const defaultProps$G = {
+const defaultProps$F = {
   direction: "end",
   rows: 1,
   expandText: "",
@@ -13238,7 +13587,7 @@ const defaultProps$G = {
   defaultExpanded: false
 };
 const Ellipsis = (p) => {
-  const props = mergeProps(defaultProps$G, p);
+  const props = mergeProps(defaultProps$F, p);
   const rootRef = React$1.useRef(null);
   const expandElRef = React$1.useRef(null);
   const collapseElRef = React$1.useRef(null);
@@ -13426,13 +13775,13 @@ const Empty = (props) => {
   }, props.description)));
 };
 const classPrefix$R = `adm-error-block`;
-const defaultProps$F = {
+const defaultProps$E = {
   status: "default"
 };
 function createErrorBlock(imageRecord2) {
   const ErrorBlock2 = (p) => {
     var _a;
-    const props = mergeProps(defaultProps$F, p);
+    const props = mergeProps(defaultProps$E, p);
     const {
       locale
     } = useConfig();
@@ -13964,7 +14313,7 @@ const imageRecord = {
 };
 const ErrorBlock = createErrorBlock(imageRecord);
 const classPrefix$Q = `adm-floating-bubble`;
-const defaultProps$E = {
+const defaultProps$D = {
   axis: "y",
   defaultOffset: {
     x: 0,
@@ -13972,7 +14321,7 @@ const defaultProps$E = {
   }
 };
 const FloatingBubble = (p) => {
-  const props = mergeProps(defaultProps$E, p);
+  const props = mergeProps(defaultProps$D, p);
   const boundaryRef = React$1.useRef(null);
   const buttonRef = React$1.useRef(null);
   const [innerValue, setInnerValue] = React$1.useState(props.offset === void 0 ? props.defaultOffset : props.offset);
@@ -14071,12 +14420,12 @@ function nearest(arr, target) {
   });
 }
 const classPrefix$P = "adm-floating-panel";
-const defaultProps$D = {
+const defaultProps$C = {
   handleDraggingOfContent: true
 };
 const FloatingPanel = React$1.forwardRef((p, ref) => {
   var _a, _b;
-  const props = mergeProps(defaultProps$D, p);
+  const props = mergeProps(defaultProps$C, p);
   const {
     anchors
   } = props;
@@ -14218,116 +14567,23 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   }
   return target;
 }
-function _objectWithoutProperties(source, excluded) {
-  if (source == null)
-    return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i2;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i2 = 0; i2 < sourceSymbolKeys.length; i2++) {
-      key = sourceSymbolKeys[i2];
-      if (excluded.indexOf(key) >= 0)
-        continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key))
-        continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _typeof$1(o) {
-  "@babel/helpers - typeof";
-  return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
-    return typeof o2;
-  } : function(o2) {
-    return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
-  }, _typeof$1(o);
-}
-function _toPrimitive(input, hint) {
-  if (_typeof$1(input) !== "object" || input === null)
-    return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== void 0) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof$1(res) !== "object")
-      return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof$1(key) === "symbol" ? key : String(key);
-}
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function ownKeys(e2, r) {
-  var t = Object.keys(e2);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e2);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e2, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread2(e2) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e2, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e2, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e2, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e2;
-}
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length)
-    len = arr.length;
-  for (var i2 = 0, arr2 = new Array(len); i2 < len; i2++)
-    arr2[i2] = arr[i2];
-  return arr2;
-}
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr))
-    return _arrayLikeToArray(arr);
-}
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
-    return Array.from(iter);
-}
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o)
-    return;
-  if (typeof o === "string")
-    return _arrayLikeToArray(o, minLen);
-  var n2 = Object.prototype.toString.call(o).slice(8, -1);
-  if (n2 === "Object" && o.constructor)
-    n2 = o.constructor.name;
-  if (n2 === "Map" || n2 === "Set")
-    return Array.from(o);
-  if (n2 === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n2))
-    return _arrayLikeToArray(o, minLen);
-}
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+function _objectWithoutProperties(source, excluded) {
+  if (source == null)
+    return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i2;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i2 = 0; i2 < sourceSymbolKeys.length; i2++) {
+      key = sourceSymbolKeys[i2];
+      if (excluded.indexOf(key) >= 0)
+        continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key))
+        continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
 }
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
@@ -14443,49 +14699,6 @@ function toArray$2(children) {
   });
   return ret;
 }
-var warned$1 = {};
-var preWarningFns$1 = [];
-var preMessage$1 = function preMessage2(fn) {
-  preWarningFns$1.push(fn);
-};
-function warning$3(valid, message) {
-  if (!valid && console !== void 0) {
-    var finalMessage = preWarningFns$1.reduce(function(msg, preMessageFn) {
-      return preMessageFn(msg !== null && msg !== void 0 ? msg : "", "warning");
-    }, message);
-    if (finalMessage) {
-      console.error("Warning: ".concat(finalMessage));
-    }
-  }
-}
-function note$1(valid, message) {
-  if (!valid && console !== void 0) {
-    var finalMessage = preWarningFns$1.reduce(function(msg, preMessageFn) {
-      return preMessageFn(msg !== null && msg !== void 0 ? msg : "", "note");
-    }, message);
-    if (finalMessage) {
-      console.warn("Note: ".concat(finalMessage));
-    }
-  }
-}
-function resetWarned$1() {
-  warned$1 = {};
-}
-function call$1(method4, valid, message) {
-  if (!valid && !warned$1[message]) {
-    method4(false, message);
-    warned$1[message] = true;
-  }
-}
-function warningOnce$1(valid, message) {
-  call$1(warning$3, valid, message);
-}
-function noteOnce$1(valid, message) {
-  call$1(note$1, valid, message);
-}
-warningOnce$1.preMessage = preMessage$1;
-warningOnce$1.resetWarned = resetWarned$1;
-warningOnce$1.noteOnce = noteOnce$1;
 var HOOK_MARK$1 = "RC_FORM_INTERNAL_HOOKS";
 var warningFunc$1 = function warningFunc() {
   warningOnce$1(false, "Can not find FormContext. Please make sure you wrap Field under Form.");
@@ -15971,53 +16184,6 @@ var defaultValidateMessages = {
     mismatch: "'${name}' does not match pattern ${pattern}"
   }
 };
-function get(entity, path) {
-  var current = entity;
-  for (var i2 = 0; i2 < path.length; i2 += 1) {
-    if (current === null || current === void 0) {
-      return void 0;
-    }
-    current = current[path[i2]];
-  }
-  return current;
-}
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr))
-    return arr;
-}
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _toArray(arr) {
-  return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest();
-}
-function internalSet(entity, paths, value, removeIfUndefined) {
-  if (!paths.length) {
-    return value;
-  }
-  var _paths = _toArray(paths), path = _paths[0], restPath = _paths.slice(1);
-  var clone;
-  if (!entity && typeof path === "number") {
-    clone = [];
-  } else if (Array.isArray(entity)) {
-    clone = _toConsumableArray(entity);
-  } else {
-    clone = _objectSpread2({}, entity);
-  }
-  if (removeIfUndefined && value === void 0 && restPath.length === 1) {
-    delete clone[path][restPath[0]];
-  } else {
-    clone[path] = internalSet(clone[path], restPath, value, removeIfUndefined);
-  }
-  return clone;
-}
-function set(entity, paths, value) {
-  var removeIfUndefined = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false;
-  if (paths.length && removeIfUndefined && value === void 0 && !get(entity, paths.slice(0, -1))) {
-    return entity;
-  }
-  return internalSet(entity, paths, value, removeIfUndefined);
-}
 function cloneDeep(val) {
   if (Array.isArray(val)) {
     return cloneArrayDeep(val);
@@ -16925,35 +17091,6 @@ var List = function List2(_ref) {
     }), operations, meta);
   })));
 };
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e2, n2, i2, u, a = [], f = true, o = false;
-    try {
-      if (i2 = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t)
-          return;
-        f = false;
-      } else
-        for (; !(f = (e2 = i2.call(t)).done) && (a.push(e2.value), a.length !== l); f = true)
-          ;
-    } catch (r2) {
-      o = true, n2 = r2;
-    } finally {
-      try {
-        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u))
-          return;
-      } finally {
-        if (o)
-          throw n2;
-      }
-    }
-    return a;
-  }
-}
-function _slicedToArray(arr, i2) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i2) || _unsupportedIterableToArray(arr, i2) || _nonIterableRest();
-}
 function allPromiseFinish(promiseList) {
   var hasError = false;
   var count = promiseList.length;
@@ -18117,9 +18254,9 @@ const FormArray = (props) => {
   });
 };
 const classPrefix$O = "adm-form";
-const defaultProps$C = defaultFormContext;
+const defaultProps$B = defaultFormContext;
 const Form2 = React$1.forwardRef((p, ref) => {
-  const props = mergeProps(defaultProps$C, p);
+  const props = mergeProps(defaultProps$B, p);
   const {
     className,
     style,
@@ -19804,7 +19941,7 @@ function convertPx(px) {
   return tester.getBoundingClientRect().height;
 }
 const classPrefix$N = `adm-popover`;
-const defaultProps$B = {
+const defaultProps$A = {
   placement: "top",
   defaultVisible: false,
   stopPropagation: ["click"],
@@ -19812,7 +19949,7 @@ const defaultProps$B = {
   mode: "light"
 };
 const Popover$1 = React$1.forwardRef((p, ref) => {
-  const props = mergeProps(defaultProps$B, p);
+  const props = mergeProps(defaultProps$A, p);
   const placement = normalizePlacement(props.placement);
   const [visible, setVisible] = usePropsValue({
     value: props.visible,
@@ -20693,14 +20830,14 @@ const Slides = React$1.forwardRef((props, ref) => {
   }))));
 });
 const classPrefix$H = `adm-image-viewer`;
-const defaultProps$A = {
+const defaultProps$z = {
   maxZoom: 3,
   getContainer: null,
   visible: false
 };
 const ImageViewer$1 = (p) => {
   var _a, _b, _c;
-  const props = mergeProps(defaultProps$A, p);
+  const props = mergeProps(defaultProps$z, p);
   const node = React$1.createElement(Mask, {
     visible: props.visible,
     disableBodyScroll: false,
@@ -20721,7 +20858,7 @@ const ImageViewer$1 = (p) => {
   })));
   return renderToContainer(props.getContainer, node);
 };
-const multiDefaultProps = Object.assign(Object.assign({}, defaultProps$A), {
+const multiDefaultProps = Object.assign(Object.assign({}, defaultProps$z), {
   defaultIndex: 0
 });
 const MultiImageViewer = React$1.forwardRef((p, ref) => {
@@ -20861,11 +20998,11 @@ const PreviewItem = (props) => {
 };
 const PreviewItem$1 = PreviewItem;
 const classPrefix$F = `adm-space`;
-const defaultProps$z = {
+const defaultProps$y = {
   direction: "horizontal"
 };
 const Space = (p) => {
-  const props = mergeProps(defaultProps$z, p);
+  const props = mergeProps(defaultProps$y, p);
   const {
     direction,
     onClick
@@ -20886,7 +21023,7 @@ const Space = (p) => {
   })));
 };
 const classPrefix$E = `adm-image-uploader`;
-const defaultProps$y = {
+const defaultProps$x = {
   disableUpload: false,
   deletable: true,
   deleteIcon: React$1.createElement(CloseOutline, {
@@ -20905,7 +21042,7 @@ const ImageUploader = React$1.forwardRef((p, ref) => {
   const {
     locale
   } = useConfig();
-  const props = mergeProps(defaultProps$y, p);
+  const props = mergeProps(defaultProps$x, p);
   const {
     columns
   } = props;
@@ -21191,11 +21328,11 @@ const Sidebar = (props) => {
   }));
 };
 const classPrefix$C = `adm-index-bar`;
-const defaultProps$x = {
+const defaultProps$w = {
   sticky: true
 };
 const IndexBar = React$1.forwardRef((p, ref) => {
-  const props = mergeProps(defaultProps$x, p);
+  const props = mergeProps(defaultProps$w, p);
   const titleHeight = convertPx(35);
   const bodyRef = React$1.useRef(null);
   const indexItems = [];
@@ -21296,7 +21433,7 @@ function isWindow(element) {
   return element === window;
 }
 const classPrefix$B = `adm-infinite-scroll`;
-const defaultProps$w = {
+const defaultProps$v = {
   threshold: 250,
   children: (hasMore, failed, retry) => React$1.createElement(InfiniteScrollContent, {
     hasMore,
@@ -21305,7 +21442,7 @@ const defaultProps$w = {
   })
 };
 const InfiniteScroll = (p) => {
-  const props = mergeProps(defaultProps$w, p);
+  const props = mergeProps(defaultProps$v, p);
   const [failed, setFailed] = React$1.useState(false);
   const doLoadMore = useLockFn((isRetry) => __awaiter(void 0, void 0, void 0, function* () {
     try {
@@ -21426,7 +21563,7 @@ function useInputHandleKeyDown({
   return handleKeydown;
 }
 const classPrefix$A = `adm-input`;
-const defaultProps$v = {
+const defaultProps$u = {
   defaultValue: "",
   clearIcon: React$1.createElement(CloseCircleFill, null),
   onlyShowClearWhenFocus: true
@@ -21436,7 +21573,7 @@ const Input = React$1.forwardRef((props, ref) => {
     locale,
     input: componentConfig = {}
   } = useConfig();
-  const mergedProps = mergeProps(defaultProps$v, componentConfig, props);
+  const mergedProps = mergeProps(defaultProps$u, componentConfig, props);
   const [value, setValue2] = usePropsValue(mergedProps);
   const [hasFocus, setHasFocus] = React$1.useState(false);
   const compositionStartRef = React$1.useRef(false);
@@ -21670,14 +21807,14 @@ const ModalActionButton = (props) => {
     disabled: action.disabled
   }, action.text));
 };
-const defaultProps$u = {
+const defaultProps$t = {
   actions: [],
   closeOnAction: false,
   closeOnMaskClick: false,
   getContainer: null
 };
 const Modal = (p) => {
-  const props = mergeProps(defaultProps$u, p);
+  const props = mergeProps(defaultProps$t, p);
   const element = React$1.createElement(React$1.Fragment, null, !!props.image && React$1.createElement("div", {
     className: cls("image-container")
   }, React$1.createElement(Image$1, {
@@ -21762,7 +21899,7 @@ function alert(p) {
     }));
   });
 }
-const defaultProps$t = {
+const defaultProps$s = {
   confirmText: "确认",
   cancelText: "取消"
 };
@@ -21770,7 +21907,7 @@ function confirm(p) {
   const {
     locale
   } = getDefaultConfig();
-  const props = mergeProps(defaultProps$t, {
+  const props = mergeProps(defaultProps$s, {
     confirmText: locale.common.confirm,
     cancelText: locale.common.cancel
   }, p);
@@ -21815,19 +21952,19 @@ const index$7 = attachPropertiesToComponent(Modal, {
   clear: clear$1
 });
 const classPrefix$y = `adm-nav-bar`;
-const defaultProps$s = {
-  backIcon: true
-};
+const defaultBackIcon = React$1.createElement(LeftOutline, null);
 const NavBar = (props) => {
   const {
     navBar: componentConfig = {}
   } = useConfig();
-  const mergedProps = mergeProps(defaultProps$s, componentConfig, props);
+  const mergedProps = mergeProps(componentConfig, props);
   const {
     back,
     backIcon,
     backArrow
   } = mergedProps;
+  const mergedDefaultBackIcon = componentConfig.backIcon || defaultBackIcon;
+  const mergedBackIcon = mergeProp(defaultBackIcon, componentConfig.backIcon, backArrow === true ? mergedDefaultBackIcon : backArrow, backIcon === true ? mergedDefaultBackIcon : backIcon);
   return withNativeProps(mergedProps, React$1.createElement("div", {
     className: classNames(classPrefix$y)
   }, React$1.createElement("div", {
@@ -21836,9 +21973,9 @@ const NavBar = (props) => {
   }, back !== null && React$1.createElement("div", {
     className: `${classPrefix$y}-back`,
     onClick: mergedProps.onBack
-  }, (backIcon || backArrow) && React$1.createElement("span", {
+  }, mergedBackIcon && React$1.createElement("span", {
     className: `${classPrefix$y}-back-arrow`
-  }, backIcon === true || backArrow === true ? componentConfig.backIcon || React$1.createElement(LeftOutline, null) : backIcon || backArrow), React$1.createElement("span", {
+  }, mergedBackIcon), React$1.createElement("span", {
     "aria-hidden": "true"
   }, back)), mergedProps.left), React$1.createElement("div", {
     className: `${classPrefix$y}-title`
@@ -23802,93 +23939,6 @@ const Slider = (p) => {
     upperBound: sliderValue[1]
   })));
 };
-function useEvent(callback) {
-  var fnRef = React__namespace.useRef();
-  fnRef.current = callback;
-  var memoFn = React__namespace.useCallback(function() {
-    var _fnRef$current;
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    return (_fnRef$current = fnRef.current) === null || _fnRef$current === void 0 ? void 0 : _fnRef$current.call.apply(_fnRef$current, [fnRef].concat(args));
-  }, []);
-  return memoFn;
-}
-function canUseDom() {
-  return !!(typeof window !== "undefined" && window.document && window.document.createElement);
-}
-var useInternalLayoutEffect = canUseDom() ? React__namespace.useLayoutEffect : React__namespace.useEffect;
-var useLayoutEffect = function useLayoutEffect2(callback, deps) {
-  var firstMountRef = React__namespace.useRef(true);
-  useInternalLayoutEffect(function() {
-    return callback(firstMountRef.current);
-  }, deps);
-  useInternalLayoutEffect(function() {
-    firstMountRef.current = false;
-    return function() {
-      firstMountRef.current = true;
-    };
-  }, []);
-};
-var useLayoutUpdateEffect = function useLayoutUpdateEffect2(callback, deps) {
-  useLayoutEffect(function(firstMount) {
-    if (!firstMount) {
-      return callback();
-    }
-  }, deps);
-};
-function useSafeState(defaultValue) {
-  var destroyRef = React__namespace.useRef(false);
-  var _React$useState = React__namespace.useState(defaultValue), _React$useState2 = _slicedToArray(_React$useState, 2), value = _React$useState2[0], setValue2 = _React$useState2[1];
-  React__namespace.useEffect(function() {
-    destroyRef.current = false;
-    return function() {
-      destroyRef.current = true;
-    };
-  }, []);
-  function safeSetState(updater, ignoreDestroy) {
-    if (ignoreDestroy && destroyRef.current) {
-      return;
-    }
-    setValue2(updater);
-  }
-  return [value, safeSetState];
-}
-function hasValue(value) {
-  return value !== void 0;
-}
-function useMergedState(defaultStateValue, option) {
-  var _ref = option || {}, defaultValue = _ref.defaultValue, value = _ref.value, onChange = _ref.onChange, postState = _ref.postState;
-  var _useState = useSafeState(function() {
-    if (hasValue(value)) {
-      return value;
-    } else if (hasValue(defaultValue)) {
-      return typeof defaultValue === "function" ? defaultValue() : defaultValue;
-    } else {
-      return typeof defaultStateValue === "function" ? defaultStateValue() : defaultStateValue;
-    }
-  }), _useState2 = _slicedToArray(_useState, 2), innerValue = _useState2[0], setInnerValue = _useState2[1];
-  var mergedValue = value !== void 0 ? value : innerValue;
-  var postMergedValue = postState ? postState(mergedValue) : mergedValue;
-  var onChangeFn = useEvent(onChange);
-  var _useState3 = useSafeState([mergedValue]), _useState4 = _slicedToArray(_useState3, 2), prevValue = _useState4[0], setPrevValue = _useState4[1];
-  useLayoutUpdateEffect(function() {
-    var prev = prevValue[0];
-    if (innerValue !== prev) {
-      onChangeFn(innerValue, prev);
-    }
-  }, [prevValue]);
-  useLayoutUpdateEffect(function() {
-    if (!hasValue(value)) {
-      setInnerValue(value);
-    }
-  }, [value]);
-  var triggerChange = useEvent(function(updater, ignoreDestroy) {
-    setInnerValue(updater, ignoreDestroy);
-    setPrevValue([mergedValue], ignoreDestroy);
-  });
-  return [postMergedValue, triggerChange];
-}
 const classPrefix$e = `adm-stepper`;
 const defaultProps$d = {
   step: 1,