antd-mobile 5.36.1 → 5.37.1

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

@@ -452,14 +452,24 @@ function withNativeProps(props, element) {
 function mergeProps(...items) {
   const ret = {};
   items.forEach((item) => {
-    Object.keys(item).forEach((key) => {
-      if (item[key] !== void 0) {
-        ret[key] = item[key];
-      }
-    });
+    if (item) {
+      Object.keys(item).forEach((key) => {
+        if (item[key] !== void 0) {
+          ret[key] = item[key];
+        }
+      });
+    }
   });
   return ret;
 }
+function mergeProp(defaultProp, ...propList) {
+  for (let i2 = propList.length - 1; i2 >= 0; i2 -= 1) {
+    if (propList[i2] !== void 0) {
+      return propList[i2];
+    }
+  }
+  return defaultProp;
+}
 var createUpdateEffect = function(hook) {
   return function(effect, deps) {
     var isMounted = React$1.useRef(false);
@@ -5838,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,
@@ -5849,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();
@@ -6511,6 +6521,7 @@ function TextDeletionOutline(props) {
 }
 const defaultPopupBaseProps = {
   closeOnMaskClick: false,
+  closeIcon: React$1.createElement(CloseOutline, null),
   destroyOnClose: false,
   disableBodyScroll: true,
   forceRender: false,
@@ -8363,16 +8374,17 @@ 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"
 });
 const Popup = (p) => {
-  const props = mergeProps(defaultProps$14, p);
-  const bodyCls = classNames(`${classPrefix$1o}-body`, props.bodyClassName, `${classPrefix$1o}-body-position-${props.position}`);
   const {
-    locale
+    locale,
+    popup: componentConfig = {}
   } = useConfig();
+  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);
   useLockScroll(ref, props.disableBodyScroll && active ? "strict" : false);
@@ -8469,7 +8481,7 @@ const Popup = (p) => {
     },
     role: "button",
     "aria-label": locale.common.close
-  }, React$1.createElement(CloseOutline, null)), props.children))));
+  }, props.closeIcon), props.children))));
   return React$1.createElement(ShouldRender, {
     active,
     forceRender: props.forceRender,
@@ -8612,7 +8624,7 @@ function renderImperatively(element) {
   };
 }
 const classPrefix$1m = `adm-action-sheet`;
-const defaultProps$13 = {
+const defaultProps$12 = {
   visible: false,
   actions: [],
   cancelText: "",
@@ -8623,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;
@@ -8796,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`
@@ -8808,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);
@@ -8885,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,
@@ -8940,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
@@ -8994,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,
@@ -9007,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;
@@ -9190,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,
@@ -9201,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();
@@ -9399,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) {
@@ -9437,440 +9436,157 @@ 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,
-    popupBodyStyle,
-    forceRender,
-    closeOnMaskClick,
-    onClose,
-    onConfirm,
-    onMaskClick,
-    getContainer
-  } = props, calendarViewProps = __rest(props, ["visible", "confirmText", "popupClassName", "popupStyle", "popupBodyStyle", "forceRender", "closeOnMaskClick", "onClose", "onConfirm", "onMaskClick", "getContainer"]);
-  const footer = React$1.createElement("div", {
-    className: `${classPrefix$1c}-footer`
-  }, React$1.createElement(Divider, null), React$1.createElement("div", {
-    className: `${classPrefix$1c}-footer-bottom`
-  }, React$1.createElement(Button, {
-    color: "primary",
-    onClick: () => {
-      var _a, _b, _c, _d;
-      const dateRange = (_b = (_a = calendarRef.current) === null || _a === void 0 ? void 0 : _a.getDateRange()) !== null && _b !== void 0 ? _b : null;
-      if (props.selectionMode === "single") {
-        (_c = props.onConfirm) === null || _c === void 0 ? void 0 : _c.call(props, dateRange ? dateRange[0] : null);
-      } else if (props.selectionMode === "range") {
-        (_d = props.onConfirm) === null || _d === void 0 ? void 0 : _d.call(props, dateRange);
-      }
-      onClose === null || onClose === void 0 ? void 0 : onClose();
-    }
-  }, confirmText !== null && confirmText !== void 0 ? confirmText : locale.Calendar.confirm)));
-  return withNativeProps(props, React$1.createElement("div", {
-    className: classPrefix$1c
-  }, React$1.createElement(Popup, {
-    visible,
-    className: classNames(`${classPrefix$1c}-popup`, popupClassName),
-    showCloseButton: true,
-    forceRender: ref ? true : forceRender,
-    style: popupStyle,
-    bodyStyle: Object.assign({
-      borderTopLeftRadius: "8px",
-      borderTopRightRadius: "8px",
-      minHeight: "80vh",
-      overflow: "auto"
-    }, popupBodyStyle),
-    onClose,
-    onMaskClick: () => {
-      onMaskClick === null || onMaskClick === void 0 ? void 0 : onMaskClick();
-      if (closeOnMaskClick) {
-        onClose === null || onClose === void 0 ? void 0 : onClose();
-      }
-    },
-    getContainer
-  }, React$1.createElement(CalendarPickerView, Object.assign({
-    ref: calendarRef
-  }, calendarViewProps)), footer)));
-});
-function useResizeEffect(effect, targetRef) {
-  const fn = useMemoizedFn(effect);
-  useIsomorphicLayoutEffect$2(() => {
-    const target = targetRef.current;
-    if (!target)
-      return;
-    if (window.ResizeObserver) {
-      let animationFrame;
-      const observer = new ResizeObserver(() => {
-        animationFrame = window.requestAnimationFrame(() => fn(target));
-      });
-      observer.observe(target);
-      return () => {
-        window.cancelAnimationFrame(animationFrame);
-        observer.disconnect();
-      };
-    } else {
-      fn(target);
-    }
-  }, [targetRef]);
 }
-function observe(element, options, callback) {
-  if (element && typeof MutationObserver !== "undefined") {
-    let observer = new MutationObserver(() => {
-      callback();
-    });
-    observer.observe(element, options);
-    return () => {
-      if (observer) {
-        observer.disconnect();
-        observer = null;
-      }
-    };
-  }
-  return () => {
-  };
+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 useMutationEffect(effect, targetRef, options) {
-  const fn = useMemoizedFn(effect);
-  React$1.useEffect(() => {
-    const cleanup = observe(targetRef.current, options, fn);
-    return cleanup;
-  }, [targetRef]);
+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 bound(position, min2, max2) {
-  let ret = position;
-  if (min2 !== void 0) {
-    ret = Math.max(position, min2);
-  }
-  if (max2 !== void 0) {
-    ret = Math.min(ret, max2);
-  }
-  return ret;
+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.");
 }
-const useTabListScroll = (targetRef, activeIndex) => {
-  const [{
-    scrollLeft
-  }, api] = useSpring(() => ({
-    scrollLeft: 0,
-    config: {
-      tension: 300,
-      clamp: true
-    }
-  }));
-  function animate(immediate = false) {
-    const container = targetRef.current;
-    if (!container)
-      return;
-    if (activeIndex === void 0)
-      return;
-    const activeTabWrapper = container.children.item(activeIndex);
-    const activeTab = activeTabWrapper.children.item(0);
-    const activeTabLeft = activeTab.offsetLeft;
-    const activeTabWidth = activeTab.offsetWidth;
-    const containerWidth = container.offsetWidth;
-    const containerScrollWidth = container.scrollWidth;
-    const containerScrollLeft = container.scrollLeft;
-    const maxScrollDistance = containerScrollWidth - containerWidth;
-    if (maxScrollDistance <= 0)
-      return;
-    const nextScrollLeft = bound(activeTabLeft - (containerWidth - activeTabWidth) / 2, 0, containerScrollWidth - containerWidth);
-    api.start({
-      scrollLeft: nextScrollLeft,
-      from: {
-        scrollLeft: containerScrollLeft
-      },
-      immediate: immediate && !scrollLeft.isAnimating
-    });
-  }
-  useIsomorphicLayoutEffect$2(() => {
-    animate(true);
+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;
+    };
   }, []);
-  useIsomorphicUpdateLayoutEffect(() => {
-    animate();
-  }, [activeIndex]);
-  useMutationEffect(() => {
-    animate(true);
-  }, targetRef, {
-    subtree: true,
-    childList: true,
-    characterData: true
-  });
-  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
+var useLayoutUpdateEffect = function useLayoutUpdateEffect2(callback, deps) {
+  useLayoutEffect(function(firstMount) {
+    if (!firstMount) {
+      return callback();
     }
-  }));
-  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);
+  }, 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;
+    };
   }, []);
-  React$1.useEffect(() => {
-    const scrollEl = props.scrollTrackRef.current;
-    if (!scrollEl)
+  function safeSetState(updater, ignoreDestroy) {
+    if (ignoreDestroy && destroyRef.current) {
       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
+    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 = {};
 /**
@@ -10017,49 +9733,694 @@ var reactIs_development = {};
     function isProfiler(object4) {
       return typeOf(object4) === REACT_PROFILER_TYPE;
     }
-    function isStrictMode(object4) {
-      return typeOf(object4) === REACT_STRICT_MODE_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,
+    onClose,
+    onConfirm,
+    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", {
+    className: `${classPrefix$1c}-footer-bottom`
+  }, React$1.createElement(Button, {
+    color: "primary",
+    onClick: () => {
+      var _a, _b, _c, _d;
+      const dateRange = (_b = (_a = calendarRef.current) === null || _a === void 0 ? void 0 : _a.getDateRange()) !== null && _b !== void 0 ? _b : null;
+      if (props.selectionMode === "single") {
+        (_c = props.onConfirm) === null || _c === void 0 ? void 0 : _c.call(props, dateRange ? dateRange[0] : null);
+      } else if (props.selectionMode === "range") {
+        (_d = props.onConfirm) === null || _d === void 0 ? void 0 : _d.call(props, dateRange);
+      }
+      onClose === null || onClose === void 0 ? void 0 : onClose();
+    }
+  }, confirmText !== null && confirmText !== void 0 ? confirmText : locale.Calendar.confirm)));
+  return withNativeProps(props, React$1.createElement("div", {
+    className: classPrefix$1c
+  }, React$1.createElement(Popup, {
+    visible,
+    className: classNames(`${classPrefix$1c}-popup`, popupClassName),
+    showCloseButton: true,
+    forceRender: ref ? true : forceRender,
+    style: popupStyle,
+    bodyStyle: Object.assign({
+      borderTopLeftRadius: "8px",
+      borderTopRightRadius: "8px",
+      minHeight: "80vh",
+      overflow: "auto"
+    }, popupBodyStyle),
+    onClose,
+    onMaskClick: () => {
+      onMaskClick === null || onMaskClick === void 0 ? void 0 : onMaskClick();
+      if (closeOnMaskClick) {
+        onClose === null || onClose === void 0 ? void 0 : onClose();
+      }
+    },
+    getContainer
+  }, React$1.createElement(Context$2.Provider, {
+    value: viewContext
+  }, React$1.createElement(CalendarPickerView, Object.assign({
+    ref: calendarRef
+  }, calendarViewProps))), footer)));
+});
+function useResizeEffect(effect, targetRef) {
+  const fn = useMemoizedFn(effect);
+  useIsomorphicLayoutEffect$2(() => {
+    const target = targetRef.current;
+    if (!target)
+      return;
+    if (window.ResizeObserver) {
+      let animationFrame;
+      const observer = new ResizeObserver(() => {
+        animationFrame = window.requestAnimationFrame(() => fn(target));
+      });
+      observer.observe(target);
+      return () => {
+        window.cancelAnimationFrame(animationFrame);
+        observer.disconnect();
+      };
+    } else {
+      fn(target);
+    }
+  }, [targetRef]);
+}
+function observe(element, options, callback) {
+  if (element && typeof MutationObserver !== "undefined") {
+    let observer = new MutationObserver(() => {
+      callback();
+    });
+    observer.observe(element, options);
+    return () => {
+      if (observer) {
+        observer.disconnect();
+        observer = null;
+      }
+    };
+  }
+  return () => {
+  };
+}
+function useMutationEffect(effect, targetRef, options) {
+  const fn = useMemoizedFn(effect);
+  React$1.useEffect(() => {
+    const cleanup = observe(targetRef.current, options, fn);
+    return cleanup;
+  }, [targetRef]);
+}
+function bound(position, min2, max2) {
+  let ret = position;
+  if (min2 !== void 0) {
+    ret = Math.max(position, min2);
+  }
+  if (max2 !== void 0) {
+    ret = Math.min(ret, max2);
+  }
+  return ret;
+}
+const useTabListScroll = (targetRef, activeIndex) => {
+  const [{
+    scrollLeft
+  }, api] = useSpring(() => ({
+    scrollLeft: 0,
+    config: {
+      tension: 300,
+      clamp: true
+    }
+  }));
+  function animate(immediate = false) {
+    const container = targetRef.current;
+    if (!container)
+      return;
+    if (activeIndex === void 0)
+      return;
+    const activeTabWrapper = container.children.item(activeIndex);
+    const activeTab = activeTabWrapper.children.item(0);
+    const activeTabLeft = activeTab.offsetLeft;
+    const activeTabWidth = activeTab.offsetWidth;
+    const containerWidth = container.offsetWidth;
+    const containerScrollWidth = container.scrollWidth;
+    const containerScrollLeft = container.scrollLeft;
+    const maxScrollDistance = containerScrollWidth - containerWidth;
+    if (maxScrollDistance <= 0)
+      return;
+    const nextScrollLeft = bound(activeTabLeft - (containerWidth - activeTabWidth) / 2, 0, containerScrollWidth - containerWidth);
+    api.start({
+      scrollLeft: nextScrollLeft,
+      from: {
+        scrollLeft: containerScrollLeft
+      },
+      immediate: immediate && !scrollLeft.isAnimating
+    });
+  }
+  useIsomorphicLayoutEffect$2(() => {
+    animate(true);
+  }, []);
+  useIsomorphicUpdateLayoutEffect(() => {
+    animate();
+  }, [activeIndex]);
+  useMutationEffect(() => {
+    animate(true);
+  }, targetRef, {
+    subtree: true,
+    childList: true,
+    characterData: true
+  });
+  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
     }
-    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) {
@@ -10765,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
@@ -10812,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,
@@ -10821,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)
@@ -10883,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,
@@ -10895,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);
@@ -11135,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 = {};
@@ -11386,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() {
@@ -11413,9 +11774,17 @@ function isNodeWithContent(node) {
 }
 const classPrefix$12 = `adm-list-item`;
 const ListItem = (props) => {
-  var _a;
+  var _a, _b;
+  const {
+    arrow: arrow2,
+    arrowIcon
+  } = props;
+  const {
+    list: componentConfig = {}
+  } = useConfig();
   const clickable = (_a = props.clickable) !== null && _a !== void 0 ? _a : !!props.onClick;
-  const arrow2 = props.arrow === void 0 ? clickable : props.arrow;
+  const showArrow = (_b = arrow2 !== null && arrow2 !== void 0 ? arrow2 : arrowIcon) !== null && _b !== void 0 ? _b : clickable;
+  const mergedArrowIcon = mergeProp(componentConfig.arrowIcon, arrow2 !== true ? arrow2 : null, arrowIcon !== true ? arrowIcon : null);
   const content = React$1.createElement("div", {
     className: `${classPrefix$12}-content`
   }, isNodeWithContent(props.prefix) && React$1.createElement("div", {
@@ -11428,9 +11797,9 @@ const ListItem = (props) => {
     className: `${classPrefix$12}-description`
   }, props.description)), isNodeWithContent(props.extra) && React$1.createElement("div", {
     className: `${classPrefix$12}-content-extra`
-  }, props.extra), isNodeWithContent(arrow2) && React$1.createElement("div", {
+  }, props.extra), showArrow && React$1.createElement("div", {
     className: `${classPrefix$12}-content-arrow`
-  }, arrow2 === true ? React$1.createElement(RightOutline, null) : arrow2));
+  }, mergedArrowIcon || React$1.createElement(RightOutline, null)));
   return withNativeProps(props, React$1.createElement(clickable ? "a" : "div", {
     className: classNames(`${classPrefix$12}`, clickable ? ["adm-plain-anchor"] : [], props.disabled && `${classPrefix$12}-disabled`),
     onClick: props.disabled ? void 0 : props.onClick
@@ -11441,16 +11810,19 @@ 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)
 };
-const CheckList$1 = (p) => {
-  const props = mergeProps(defaultProps$R, p);
-  const [value, setValue2] = usePropsValue(props);
+const CheckList$1 = (props) => {
+  const {
+    checkList: componentConfig = {}
+  } = useConfig();
+  const mergedProps = mergeProps(defaultProps$Q, componentConfig, props);
+  const [value, setValue2] = usePropsValue(mergedProps);
   function check(val) {
-    if (props.multiple) {
+    if (mergedProps.multiple) {
       setValue2([...value, val]);
     } else {
       setValue2([val]);
@@ -11464,7 +11836,7 @@ const CheckList$1 = (p) => {
     extra,
     disabled,
     readOnly
-  } = props;
+  } = mergedProps;
   return React$1.createElement(CheckListContext.Provider, {
     value: {
       value,
@@ -11475,10 +11847,10 @@ const CheckList$1 = (p) => {
       disabled,
       readOnly
     }
-  }, withNativeProps(props, React$1.createElement(List$1, {
-    mode: props.mode,
+  }, withNativeProps(mergedProps, React$1.createElement(List$1, {
+    mode: mergedProps.mode,
     className: classPrefix$11
-  }, props.children)));
+  }, mergedProps.children)));
 };
 const classPrefix$10 = `adm-check-list-item`;
 const CheckListItem = (props) => {
@@ -11689,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();
@@ -11810,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
@@ -11820,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
@@ -11948,15 +12320,18 @@ 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 = (p) => {
-  const props = mergeProps(defaultProps$O, p);
+const CenterPopup = (props) => {
+  const {
+    popup: componentConfig = {}
+  } = useConfig();
+  const mergedProps = mergeProps(defaultProps$N, componentConfig, props);
   const unmountedRef = useUnmountedRef$1();
   const style = useSpring({
-    scale: props.visible ? 1 : 0.8,
-    opacity: props.visible ? 1 : 0,
+    scale: mergedProps.visible ? 1 : 0.8,
+    opacity: mergedProps.visible ? 1 : 0,
     config: {
       mass: 1.2,
       tension: 200,
@@ -11967,77 +12342,77 @@ const CenterPopup = (p) => {
       var _a, _b;
       if (unmountedRef.current)
         return;
-      setActive(props.visible);
-      if (props.visible) {
-        (_a = props.afterShow) === null || _a === void 0 ? void 0 : _a.call(props);
+      setActive(mergedProps.visible);
+      if (mergedProps.visible) {
+        (_a = mergedProps.afterShow) === null || _a === void 0 ? void 0 : _a.call(mergedProps);
       } else {
-        (_b = props.afterClose) === null || _b === void 0 ? void 0 : _b.call(props);
+        (_b = mergedProps.afterClose) === null || _b === void 0 ? void 0 : _b.call(mergedProps);
       }
     }
   });
-  const [active, setActive] = React$1.useState(props.visible);
+  const [active, setActive] = React$1.useState(mergedProps.visible);
   useIsomorphicLayoutEffect$2(() => {
-    if (props.visible) {
+    if (mergedProps.visible) {
       setActive(true);
     }
-  }, [props.visible]);
+  }, [mergedProps.visible]);
   const ref = React$1.useRef(null);
-  useLockScroll(ref, props.disableBodyScroll && active);
-  const maskVisible = useInnerVisible(active && props.visible);
+  useLockScroll(ref, mergedProps.disableBodyScroll && active);
+  const maskVisible = useInnerVisible(active && mergedProps.visible);
   const body = React$1.createElement("div", {
-    className: classNames(`${classPrefix$Y}-body`, props.bodyClassName),
-    style: props.bodyStyle
-  }, props.children);
-  const node = withStopPropagation(props.stopPropagation, withNativeProps(props, React$1.createElement("div", {
+    className: classNames(`${classPrefix$Y}-body`, mergedProps.bodyClassName),
+    style: mergedProps.bodyStyle
+  }, mergedProps.children);
+  const node = withStopPropagation(mergedProps.stopPropagation, withNativeProps(mergedProps, React$1.createElement("div", {
     className: classPrefix$Y,
     style: {
       display: active ? void 0 : "none",
       pointerEvents: active ? void 0 : "none"
     }
-  }, props.mask && React$1.createElement(Mask, {
+  }, mergedProps.mask && React$1.createElement(Mask, {
     visible: maskVisible,
-    forceRender: props.forceRender,
-    destroyOnClose: props.destroyOnClose,
+    forceRender: mergedProps.forceRender,
+    destroyOnClose: mergedProps.destroyOnClose,
     onMaskClick: (e2) => {
       var _a, _b;
-      (_a = props.onMaskClick) === null || _a === void 0 ? void 0 : _a.call(props, e2);
-      if (props.closeOnMaskClick) {
-        (_b = props.onClose) === null || _b === void 0 ? void 0 : _b.call(props);
+      (_a = mergedProps.onMaskClick) === null || _a === void 0 ? void 0 : _a.call(mergedProps, e2);
+      if (mergedProps.closeOnMaskClick) {
+        (_b = mergedProps.onClose) === null || _b === void 0 ? void 0 : _b.call(mergedProps);
       }
     },
-    style: props.maskStyle,
-    className: classNames(`${classPrefix$Y}-mask`, props.maskClassName),
+    style: mergedProps.maskStyle,
+    className: classNames(`${classPrefix$Y}-mask`, mergedProps.maskClassName),
     disableBodyScroll: false,
-    stopPropagation: props.stopPropagation
+    stopPropagation: mergedProps.stopPropagation
   }), React$1.createElement("div", {
     className: `${classPrefix$Y}-wrap`,
-    role: props.role,
-    "aria-label": props["aria-label"]
+    role: mergedProps.role,
+    "aria-label": mergedProps["aria-label"]
   }, React$1.createElement(animated.div, {
     style: Object.assign(Object.assign({}, style), {
       pointerEvents: style.opacity.to((v) => v === 1 ? "unset" : "none")
     }),
     ref
-  }, props.showCloseButton && React$1.createElement("a", {
+  }, mergedProps.showCloseButton && React$1.createElement("a", {
     className: classNames(`${classPrefix$Y}-close`, "adm-plain-anchor"),
     onClick: () => {
       var _a;
-      (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+      (_a = mergedProps.onClose) === null || _a === void 0 ? void 0 : _a.call(mergedProps);
     }
-  }, React$1.createElement(CloseOutline, null)), body)))));
+  }, mergedProps.closeIcon), body)))));
   return React$1.createElement(ShouldRender, {
     active,
-    forceRender: props.forceRender,
-    destroyOnClose: props.destroyOnClose
-  }, renderToContainer(props.getContainer, node));
+    forceRender: mergedProps.forceRender,
+    destroyOnClose: mergedProps.destroyOnClose
+  }, 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,
@@ -12105,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,
@@ -12273,8 +12648,12 @@ const CollapsePanelContent = (props) => {
   }, React$1.createElement(List$1.Item, null, shouldRender && props.children)));
 };
 const Collapse = (props) => {
+  const {
+    collapse: componentConfig = {}
+  } = useConfig();
+  const mergedProps = mergeProps(componentConfig, props);
   const panels = [];
-  traverseReactNode(props.children, (child) => {
+  traverseReactNode(mergedProps.children, (child) => {
     if (!React$1.isValidElement(child))
       return;
     const key = child.key;
@@ -12284,11 +12663,11 @@ const Collapse = (props) => {
   });
   const handlePropsValue = () => {
     var _a;
-    if (!props.accordion) {
+    if (!mergedProps.accordion) {
       return {
-        value: props.activeKey,
-        defaultValue: (_a = props.defaultActiveKey) !== null && _a !== void 0 ? _a : [],
-        onChange: props.onChange
+        value: mergedProps.activeKey,
+        defaultValue: (_a = mergedProps.defaultActiveKey) !== null && _a !== void 0 ? _a : [],
+        onChange: mergedProps.onChange
       };
     }
     const initValue = {
@@ -12296,29 +12675,29 @@ const Collapse = (props) => {
       defaultValue: [],
       onChange: (v) => {
         var _a2, _b;
-        (_a2 = props.onChange) === null || _a2 === void 0 ? void 0 : _a2.call(props, (_b = v[0]) !== null && _b !== void 0 ? _b : null);
+        (_a2 = mergedProps.onChange) === null || _a2 === void 0 ? void 0 : _a2.call(mergedProps, (_b = v[0]) !== null && _b !== void 0 ? _b : null);
       }
     };
-    if (props.activeKey === void 0) {
+    if (mergedProps.activeKey === void 0) {
       initValue.value = void 0;
-    } else if (props.activeKey !== null) {
-      initValue.value = [props.activeKey];
+    } else if (mergedProps.activeKey !== null) {
+      initValue.value = [mergedProps.activeKey];
     }
-    if (![null, void 0].includes(props.defaultActiveKey)) {
-      initValue.defaultValue = [props.defaultActiveKey];
+    if (![null, void 0].includes(mergedProps.defaultActiveKey)) {
+      initValue.defaultValue = [mergedProps.defaultActiveKey];
     }
     return initValue;
   };
   const [activeKey, setActiveKey] = usePropsValue(handlePropsValue());
   const activeKeyList = activeKey === null ? [] : Array.isArray(activeKey) ? activeKey : [activeKey];
-  return withNativeProps(props, React$1.createElement("div", {
+  return withNativeProps(mergedProps, React$1.createElement("div", {
     className: classPrefix$W
   }, React$1.createElement(List$1, null, panels.map((panel) => {
     const key = panel.key;
     const active = activeKeyList.includes(key);
     function handleClick(event) {
       var _a, _b;
-      if (props.accordion) {
+      if (mergedProps.accordion) {
         if (active) {
           setActiveKey([]);
         } else {
@@ -12331,29 +12710,21 @@ const Collapse = (props) => {
           setActiveKey([...activeKeyList, key]);
         }
       }
-      (_b = (_a = panel.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, event);
-    }
-    const renderArrow = () => {
-      let arrow2 = React$1.createElement(DownOutline, null);
-      if (props.arrow !== void 0) {
-        arrow2 = props.arrow;
-      }
-      if (panel.props.arrow !== void 0) {
-        arrow2 = panel.props.arrow;
-      }
-      return typeof arrow2 === "function" ? arrow2(active) : React$1.createElement("div", {
-        className: classNames(`${classPrefix$W}-arrow`, {
-          [`${classPrefix$W}-arrow-active`]: active
-        })
-      }, arrow2);
-    };
+      (_b = (_a = panel.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, event);
+    }
+    const arrow2 = mergeProp(React$1.createElement(DownOutline, null), mergedProps.arrow, mergedProps.arrowIcon, panel.props.arrow, panel.props.arrowIcon);
+    const arrowIcon = typeof arrow2 === "function" ? arrow2(active) : React$1.createElement("div", {
+      className: classNames(`${classPrefix$W}-arrow`, {
+        [`${classPrefix$W}-arrow-active`]: active
+      })
+    }, arrow2);
     return React$1.createElement(React$1.Fragment, {
       key
     }, withNativeProps(panel.props, React$1.createElement(List$1.Item, {
       className: `${classPrefix$W}-panel-header`,
       onClick: handleClick,
       disabled: panel.props.disabled,
-      arrow: renderArrow()
+      arrowIcon
     }, panel.props.title)), React$1.createElement(CollapsePanelContent, {
       visible: active,
       forceRender: !!panel.props.forceRender,
@@ -12678,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;
@@ -12782,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;
@@ -12839,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, {
@@ -12937,7 +13308,7 @@ function alert$1(p) {
     }));
   });
 }
-const defaultProps$I = {
+const defaultProps$H = {
   confirmText: "确认",
   cancelText: "取消"
 };
@@ -12945,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);
@@ -12989,25 +13360,37 @@ const index$c = attachPropertiesToComponent(Dialog, {
   confirm: confirm$1,
   clear: clear$2
 });
+const IconContext = React$1.createContext(null);
 const classPrefix$V = `adm-dropdown-item`;
 const Item = (props) => {
-  var _a;
+  const {
+    dropdown: componentConfig = {}
+  } = useConfig();
+  const mergedProps = mergeProps(componentConfig, props);
+  const {
+    active,
+    highlight,
+    onClick,
+    title
+  } = mergedProps;
   const cls2 = classNames(classPrefix$V, {
-    [`${classPrefix$V}-active`]: props.active,
-    [`${classPrefix$V}-highlight`]: (_a = props.highlight) !== null && _a !== void 0 ? _a : props.active
+    [`${classPrefix$V}-active`]: active,
+    [`${classPrefix$V}-highlight`]: highlight !== null && highlight !== void 0 ? highlight : active
   });
+  const contextArrowIcon = React$1.useContext(IconContext);
+  const mergedArrowIcon = mergeProp(React$1.createElement(DownFill, null), contextArrowIcon, mergedProps.arrow, mergedProps.arrowIcon);
   return withNativeProps(props, React$1.createElement("div", {
     className: cls2,
-    onClick: props.onClick
+    onClick
   }, React$1.createElement("div", {
     className: `${classPrefix$V}-title`
   }, React$1.createElement("span", {
     className: `${classPrefix$V}-title-text`
-  }, props.title), React$1.createElement("span", {
+  }, title), React$1.createElement("span", {
     className: classNames(`${classPrefix$V}-title-arrow`, {
-      [`${classPrefix$V}-title-arrow-active`]: props.active
+      [`${classPrefix$V}-title-arrow-active`]: active
     })
-  }, props.arrow === void 0 ? React$1.createElement(DownFill, null) : props.arrow))));
+  }, mergedArrowIcon))));
 };
 const Item$1 = Item;
 const ItemChildrenWrap = (props) => {
@@ -13024,23 +13407,27 @@ const ItemChildrenWrap = (props) => {
   }, props.children) : null;
 };
 const classPrefix$U = `adm-dropdown`;
-const defaultProps$H = {
+const defaultProps$G = {
   defaultActiveKey: null,
   closeOnMaskClick: true,
   closeOnClickAway: false,
   getContainer: defaultPopupBaseProps["getContainer"]
 };
-const Dropdown = React$1.forwardRef((p, ref) => {
-  const props = mergeProps(defaultProps$H, p);
+const Dropdown = React$1.forwardRef((props, ref) => {
+  const {
+    dropdown: componentConfig = {}
+  } = useConfig();
+  const mergedProps = mergeProps(defaultProps$G, componentConfig, props);
+  const arrowIcon = mergeProp(componentConfig.arrowIcon, props.arrow, props.arrowIcon);
   const [value, setValue2] = usePropsValue({
-    value: props.activeKey,
-    defaultValue: props.defaultActiveKey,
-    onChange: props.onChange
+    value: mergedProps.activeKey,
+    defaultValue: mergedProps.defaultActiveKey,
+    onChange: mergedProps.onChange
   });
   const navRef = React$1.useRef(null);
   const contentRef = React$1.useRef(null);
   useClickAway(() => {
-    if (!props.closeOnClickAway)
+    if (!mergedProps.closeOnClickAway)
       return;
     setValue2(null);
   }, [navRef, contentRef]);
@@ -13064,7 +13451,7 @@ const Dropdown = React$1.forwardRef((p, ref) => {
   };
   let popupForceRender = false;
   const items = [];
-  const navs = React$1.Children.map(props.children, (child) => {
+  const navs = React$1.Children.map(mergedProps.children, (child) => {
     if (React$1.isValidElement(child)) {
       const childProps = Object.assign(Object.assign({}, child.props), {
         onClick: (event) => {
@@ -13072,8 +13459,7 @@ const Dropdown = React$1.forwardRef((p, ref) => {
           changeActive(child.key);
           (_b = (_a = child.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, event);
         },
-        active: child.key === value,
-        arrow: child.props.arrow === void 0 ? props.arrow : child.props.arrow
+        active: child.key === value
       });
       items.push(child);
       if (child.props.forceRender)
@@ -13088,18 +13474,20 @@ const Dropdown = React$1.forwardRef((p, ref) => {
       setValue2(null);
     }
   }), [setValue2]);
-  return withNativeProps(props, React$1.createElement("div", {
+  return withNativeProps(mergedProps, React$1.createElement("div", {
     className: classNames(classPrefix$U, {
       [`${classPrefix$U}-open`]: !!value
     }),
     ref: containerRef
+  }, React$1.createElement(IconContext.Provider, {
+    value: arrowIcon
   }, React$1.createElement("div", {
     className: `${classPrefix$U}-nav`,
     ref: navRef
-  }, navs), React$1.createElement(Popup, {
+  }, navs)), React$1.createElement(Popup, {
     visible: !!value,
     position: "top",
-    getContainer: props.getContainer,
+    getContainer: mergedProps.getContainer,
     className: `${classPrefix$U}-popup`,
     maskClassName: `${classPrefix$U}-popup-mask`,
     bodyClassName: `${classPrefix$U}-popup-body`,
@@ -13107,7 +13495,7 @@ const Dropdown = React$1.forwardRef((p, ref) => {
       top
     },
     forceRender: popupForceRender,
-    onMaskClick: props.closeOnMaskClick ? () => {
+    onMaskClick: mergedProps.closeOnMaskClick ? () => {
       changeActive(null);
     } : void 0
   }, React$1.createElement("div", {
@@ -13187,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: "",
@@ -13199,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);
@@ -13387,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();
@@ -13925,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,
@@ -13933,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);
@@ -14032,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;
@@ -14197,99 +14585,6 @@ function _objectWithoutProperties(source, excluded) {
   }
   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 _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
     throw new TypeError("Cannot call a class as a function");
@@ -14404,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.");
@@ -15932,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);
@@ -16878,43 +17083,14 @@ var List = function List2(_ref) {
         key = keyManager.keys[index2];
         keyManager.id += 1;
       }
-      return {
-        name: index2,
-        key,
-        isListField: true
-      };
-    }), 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();
-}
+      return {
+        name: index2,
+        key,
+        isListField: true
+      };
+    }), operations, meta);
+  })));
+};
 function allPromiseFinish(promiseList) {
   var hasError = false;
   var count = promiseList.length;
@@ -18078,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,
@@ -18320,24 +18496,13 @@ var Context = /* @__PURE__ */ React.createContext({
 });
 var _default = Context;
 default_1 = FieldContext.default = _default;
-function toArray(candidate) {
-  if (candidate === void 0 || candidate === false)
-    return [];
-  return Array.isArray(candidate) ? candidate : [candidate];
-}
-function shouldConstruct(Component) {
-  const prototype = Component.prototype;
-  return !!(prototype && prototype.isReactComponent);
-}
-function isSimpleFunctionComponent(type4) {
-  return typeof type4 === "function" && !shouldConstruct(type4) && type4.defaultProps === void 0;
-}
-function isSafeSetRefComponent(component) {
-  if (reactIsExports.isFragment(component))
-    return false;
-  if (reactIsExports.isMemo(component))
-    return isSafeSetRefComponent(component.type);
-  return !isSimpleFunctionComponent(component.type);
+function undefinedFallback(...items) {
+  let i2;
+  for (i2 = 0; i2 < items.length; i2++) {
+    if (items[i2] !== void 0)
+      break;
+  }
+  return items[i2];
 }
 const Arrow = React$1.memo((props) => {
   return withNativeProps(props, React$1.createElement("svg", {
@@ -19776,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"],
@@ -19784,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,
@@ -19965,13 +20130,24 @@ const PopoverMenu = React$1.forwardRef((props, ref) => {
 const Popover = attachPropertiesToComponent(Popover$1, {
   Menu: PopoverMenu
 });
-function undefinedFallback(...items) {
-  let i2;
-  for (i2 = 0; i2 < items.length; i2++) {
-    if (items[i2] !== void 0)
-      break;
-  }
-  return items[i2];
+function toArray(candidate) {
+  if (candidate === void 0 || candidate === false)
+    return [];
+  return Array.isArray(candidate) ? candidate : [candidate];
+}
+function shouldConstruct(Component) {
+  const prototype = Component.prototype;
+  return !!(prototype && prototype.isReactComponent);
+}
+function isSimpleFunctionComponent(type4) {
+  return typeof type4 === "function" && !shouldConstruct(type4) && type4.defaultProps === void 0;
+}
+function isSafeSetRefComponent(component) {
+  if (reactIsExports.isFragment(component))
+    return false;
+  if (reactIsExports.isMemo(component))
+    return isSafeSetRefComponent(component.type);
+  return !isSimpleFunctionComponent(component.type);
 }
 const NAME_SPLIT = "__SPLIT__";
 const classPrefix$L = `adm-form-item`;
@@ -19980,22 +20156,25 @@ const MemoInput = React$1.memo(({
 }) => children, (prev, next) => prev.value === next.value && prev.update === next.update);
 const FormItemLayout = (props) => {
   var _a;
+  const {
+    locale,
+    form: componentConfig = {}
+  } = useConfig();
   const {
     style,
     extra,
     label,
     help,
+    helpIcon,
     required: required4,
     children,
     htmlFor,
     hidden,
     arrow: arrow2,
+    arrowIcon,
     childElementPosition = "normal"
-  } = props;
+  } = mergeProps(componentConfig, props);
   const context = React$1.useContext(FormContext);
-  const {
-    locale
-  } = useConfig();
   const hasFeedback = props.hasFeedback !== void 0 ? props.hasFeedback : context.hasFeedback;
   const layout = props.layout || context.layout;
   const disabled = (_a = props.disabled) !== null && _a !== void 0 ? _a : context.disabled;
@@ -20035,7 +20214,7 @@ const FormItemLayout = (props) => {
       e2.stopPropagation();
       e2.preventDefault();
     }
-  }, React$1.createElement(QuestionCircleOutline, null))));
+  }, helpIcon || React$1.createElement(QuestionCircleOutline, null))));
   const description = (!!props.description || hasFeedback) && React$1.createElement(React$1.Fragment, null, props.description, hasFeedback && React$1.createElement(React$1.Fragment, null, props.errors.map((error, index2) => React$1.createElement("div", {
     key: `error-${index2}`,
     className: `${classPrefix$L}-feedback-error`
@@ -20056,7 +20235,7 @@ const FormItemLayout = (props) => {
     disabled,
     onClick: props.onClick,
     clickable: props.clickable,
-    arrow: arrow2
+    arrowIcon: arrowIcon || arrow2
   }, React$1.createElement("div", {
     className: classNames(`${classPrefix$L}-child`, `${classPrefix$L}-child-position-${childElementPosition}`)
   }, React$1.createElement("div", {
@@ -20070,6 +20249,7 @@ const FormItem = (props) => {
     // FormItem 相关
     label,
     help,
+    helpIcon,
     extra,
     hasFeedback,
     name,
@@ -20090,8 +20270,9 @@ const FormItem = (props) => {
     shouldUpdate,
     dependencies,
     clickable,
-    arrow: arrow2
-  } = props, fieldProps = __rest(props, ["style", "label", "help", "extra", "hasFeedback", "name", "required", "noStyle", "hidden", "layout", "childElementPosition", "description", "disabled", "rules", "children", "messageVariables", "trigger", "validateTrigger", "onClick", "shouldUpdate", "dependencies", "clickable", "arrow"]);
+    arrow: arrow2,
+    arrowIcon
+  } = props, fieldProps = __rest(props, ["style", "label", "help", "helpIcon", "extra", "hasFeedback", "name", "required", "noStyle", "hidden", "layout", "childElementPosition", "description", "disabled", "rules", "children", "messageVariables", "trigger", "validateTrigger", "onClick", "shouldUpdate", "dependencies", "clickable", "arrow", "arrowIcon"]);
   const {
     name: formName
   } = React$1.useContext(FormContext);
@@ -20143,6 +20324,7 @@ const FormItem = (props) => {
       label,
       extra,
       help,
+      helpIcon,
       description,
       required: isRequired,
       disabled,
@@ -20155,7 +20337,8 @@ const FormItem = (props) => {
       layout,
       childElementPosition,
       clickable,
-      arrow: arrow2
+      arrow: arrow2,
+      arrowIcon
     }, React$1.createElement(NoStyleItemContext.Provider, {
       value: onSubMetaChange
     }, baseChildren)));
@@ -20647,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,
@@ -20675,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) => {
@@ -20815,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
@@ -20840,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, {
@@ -20859,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;
@@ -21145,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 = [];
@@ -21250,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,
@@ -21259,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 {
@@ -21380,24 +21563,26 @@ function useInputHandleKeyDown({
   return handleKeydown;
 }
 const classPrefix$A = `adm-input`;
-const defaultProps$v = {
+const defaultProps$u = {
   defaultValue: "",
+  clearIcon: React$1.createElement(CloseCircleFill, null),
   onlyShowClearWhenFocus: true
 };
-const Input = React$1.forwardRef((p, ref) => {
-  const props = mergeProps(defaultProps$v, p);
-  const [value, setValue2] = usePropsValue(props);
+const Input = React$1.forwardRef((props, ref) => {
+  const {
+    locale,
+    input: componentConfig = {}
+  } = useConfig();
+  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);
   const nativeInputRef = React$1.useRef(null);
-  const {
-    locale
-  } = useConfig();
   const handleKeydown = useInputHandleKeyDown({
-    onEnterPress: props.onEnterPress,
-    onKeyDown: props.onKeyDown,
+    onEnterPress: mergedProps.onEnterPress,
+    onKeyDown: mergedProps.onKeyDown,
     nativeInputRef,
-    enterKeyHint: props.enterKeyHint
+    enterKeyHint: mergedProps.enterKeyHint
   });
   React$1.useImperativeHandle(ref, () => ({
     clear: () => {
@@ -21417,8 +21602,8 @@ const Input = React$1.forwardRef((p, ref) => {
   }));
   function checkValue() {
     let nextValue = value;
-    if (props.type === "number") {
-      const boundValue = nextValue && bound(parseFloat(nextValue), props.min, props.max).toString();
+    if (mergedProps.type === "number") {
+      const boundValue = nextValue && bound(parseFloat(nextValue), mergedProps.min, mergedProps.max).toString();
       if (Number(nextValue) !== Number(boundValue)) {
         nextValue = boundValue;
       }
@@ -21428,16 +21613,16 @@ const Input = React$1.forwardRef((p, ref) => {
     }
   }
   const shouldShowClear = (() => {
-    if (!props.clearable || !value || props.readOnly)
+    if (!mergedProps.clearable || !value || mergedProps.readOnly)
       return false;
-    if (props.onlyShowClearWhenFocus) {
+    if (mergedProps.onlyShowClearWhenFocus) {
       return hasFocus;
     } else {
       return true;
     }
   })();
-  return withNativeProps(props, React$1.createElement("div", {
-    className: classNames(`${classPrefix$A}`, props.disabled && `${classPrefix$A}-disabled`)
+  return withNativeProps(mergedProps, React$1.createElement("div", {
+    className: classNames(`${classPrefix$A}`, mergedProps.disabled && `${classPrefix$A}-disabled`)
   }, React$1.createElement("input", {
     ref: nativeInputRef,
     className: `${classPrefix$A}-element`,
@@ -21448,50 +21633,50 @@ const Input = React$1.forwardRef((p, ref) => {
     onFocus: (e2) => {
       var _a;
       setHasFocus(true);
-      (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e2);
+      (_a = mergedProps.onFocus) === null || _a === void 0 ? void 0 : _a.call(mergedProps, e2);
     },
     onBlur: (e2) => {
       var _a;
       setHasFocus(false);
       checkValue();
-      (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e2);
+      (_a = mergedProps.onBlur) === null || _a === void 0 ? void 0 : _a.call(mergedProps, e2);
     },
-    id: props.id,
-    placeholder: props.placeholder,
-    disabled: props.disabled,
-    readOnly: props.readOnly,
-    maxLength: props.maxLength,
-    minLength: props.minLength,
-    max: props.max,
-    min: props.min,
-    autoComplete: props.autoComplete,
-    enterKeyHint: props.enterKeyHint,
-    autoFocus: props.autoFocus,
-    pattern: props.pattern,
-    inputMode: props.inputMode,
-    type: props.type,
-    name: props.name,
-    autoCapitalize: props.autoCapitalize,
-    autoCorrect: props.autoCorrect,
+    id: mergedProps.id,
+    placeholder: mergedProps.placeholder,
+    disabled: mergedProps.disabled,
+    readOnly: mergedProps.readOnly,
+    maxLength: mergedProps.maxLength,
+    minLength: mergedProps.minLength,
+    max: mergedProps.max,
+    min: mergedProps.min,
+    autoComplete: mergedProps.autoComplete,
+    enterKeyHint: mergedProps.enterKeyHint,
+    autoFocus: mergedProps.autoFocus,
+    pattern: mergedProps.pattern,
+    inputMode: mergedProps.inputMode,
+    type: mergedProps.type,
+    name: mergedProps.name,
+    autoCapitalize: mergedProps.autoCapitalize,
+    autoCorrect: mergedProps.autoCorrect,
     onKeyDown: handleKeydown,
-    onKeyUp: props.onKeyUp,
+    onKeyUp: mergedProps.onKeyUp,
     onCompositionStart: (e2) => {
       var _a;
       compositionStartRef.current = true;
-      (_a = props.onCompositionStart) === null || _a === void 0 ? void 0 : _a.call(props, e2);
+      (_a = mergedProps.onCompositionStart) === null || _a === void 0 ? void 0 : _a.call(mergedProps, e2);
     },
     onCompositionEnd: (e2) => {
       var _a;
       compositionStartRef.current = false;
-      (_a = props.onCompositionEnd) === null || _a === void 0 ? void 0 : _a.call(props, e2);
+      (_a = mergedProps.onCompositionEnd) === null || _a === void 0 ? void 0 : _a.call(mergedProps, e2);
     },
-    onClick: props.onClick,
-    step: props.step,
-    role: props.role,
-    "aria-valuenow": props["aria-valuenow"],
-    "aria-valuemax": props["aria-valuemax"],
-    "aria-valuemin": props["aria-valuemin"],
-    "aria-label": props["aria-label"]
+    onClick: mergedProps.onClick,
+    step: mergedProps.step,
+    role: mergedProps.role,
+    "aria-valuenow": mergedProps["aria-valuenow"],
+    "aria-valuemax": mergedProps["aria-valuemax"],
+    "aria-valuemin": mergedProps["aria-valuemin"],
+    "aria-label": mergedProps["aria-label"]
   }), shouldShowClear && React$1.createElement("div", {
     className: `${classPrefix$A}-clear`,
     onMouseDown: (e2) => {
@@ -21500,14 +21685,14 @@ const Input = React$1.forwardRef((p, ref) => {
     onClick: () => {
       var _a, _b;
       setValue2("");
-      (_a = props.onClear) === null || _a === void 0 ? void 0 : _a.call(props);
+      (_a = mergedProps.onClear) === null || _a === void 0 ? void 0 : _a.call(mergedProps);
       if (isIOS() && compositionStartRef.current) {
         compositionStartRef.current = false;
         (_b = nativeInputRef.current) === null || _b === void 0 ? void 0 : _b.blur();
       }
     },
     "aria-label": locale.Input.clear
-  }, React$1.createElement(CloseCircleFill, null))));
+  }, mergedProps.clearIcon)));
 });
 const classPrefix$z = `adm-jumbo-tabs`;
 const JumboTab = () => {
@@ -21622,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, {
@@ -21714,7 +21899,7 @@ function alert(p) {
     }));
   });
 }
-const defaultProps$t = {
+const defaultProps$s = {
   confirmText: "确认",
   cancelText: "取消"
 };
@@ -21722,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);
@@ -21767,51 +21952,61 @@ const index$7 = attachPropertiesToComponent(Modal, {
   clear: clear$1
 });
 const classPrefix$y = `adm-nav-bar`;
-const defaultProps$s = {
-  backArrow: true
-};
-const NavBar = (p) => {
-  const props = mergeProps(defaultProps$s, p);
+const defaultBackIcon = React$1.createElement(LeftOutline, null);
+const NavBar = (props) => {
+  const {
+    navBar: componentConfig = {}
+  } = useConfig();
+  const mergedProps = mergeProps(componentConfig, props);
   const {
     back,
+    backIcon,
     backArrow
-  } = props;
-  return withNativeProps(props, React$1.createElement("div", {
+  } = 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", {
     className: `${classPrefix$y}-left`,
     role: "button"
   }, back !== null && React$1.createElement("div", {
     className: `${classPrefix$y}-back`,
-    onClick: props.onBack
-  }, backArrow && React$1.createElement("span", {
+    onClick: mergedProps.onBack
+  }, mergedBackIcon && React$1.createElement("span", {
     className: `${classPrefix$y}-back-arrow`
-  }, backArrow === true ? React$1.createElement(LeftOutline, null) : backArrow), React$1.createElement("span", {
+  }, mergedBackIcon), React$1.createElement("span", {
     "aria-hidden": "true"
-  }, back)), props.left), React$1.createElement("div", {
+  }, back)), mergedProps.left), React$1.createElement("div", {
     className: `${classPrefix$y}-title`
-  }, props.children), React$1.createElement("div", {
+  }, mergedProps.children), React$1.createElement("div", {
     className: `${classPrefix$y}-right`
-  }, props.right)));
+  }, mergedProps.right)));
 };
 const classPrefix$x = `adm-notice-bar`;
 const defaultProps$r = {
   color: "default",
   delay: 2e3,
   speed: 50,
-  wrap: false,
-  icon: React$1.createElement(SoundOutline, null)
+  icon: React$1.createElement(SoundOutline, null),
+  wrap: false
 };
-const NoticeBar = React$1.memo((p) => {
-  const props = mergeProps(defaultProps$r, p);
+const NoticeBar = React$1.memo((props) => {
+  const {
+    noticeBar: componentConfig = {}
+  } = useConfig();
+  const mergedProps = mergeProps(defaultProps$r, componentConfig, props);
+  const closeIcon = mergeProp(React$1.createElement(CloseOutline, {
+    className: `${classPrefix$x}-close-icon`
+  }), componentConfig.closeIcon, props.closeIcon);
   const containerRef = React$1.useRef(null);
   const textRef = React$1.useRef(null);
   const [visible, setVisible] = React$1.useState(true);
-  const speed = props.speed;
+  const speed = mergedProps.speed;
   const delayLockRef = React$1.useRef(true);
   const animatingRef = React$1.useRef(false);
   function start2() {
-    if (delayLockRef.current || props.wrap)
+    if (delayLockRef.current || mergedProps.wrap)
       return;
     const container = containerRef.current;
     const text = textRef.current;
@@ -21840,7 +22035,7 @@ const NoticeBar = React$1.memo((p) => {
   useTimeout$1(() => {
     delayLockRef.current = false;
     start2();
-  }, props.delay);
+  }, mergedProps.delay);
   useResizeEffect(() => {
     start2();
   }, containerRef);
@@ -21853,14 +22048,14 @@ const NoticeBar = React$1.memo((p) => {
   });
   if (!visible)
     return null;
-  return withNativeProps(props, React$1.createElement("div", {
-    className: classNames(classPrefix$x, `${classPrefix$x}-${props.color}`, {
-      [`${classPrefix$x}-wrap`]: props.wrap
+  return withNativeProps(mergedProps, React$1.createElement("div", {
+    className: classNames(classPrefix$x, `${classPrefix$x}-${mergedProps.color}`, {
+      [`${classPrefix$x}-wrap`]: mergedProps.wrap
     }),
-    onClick: props.onClick
-  }, props.icon && React$1.createElement("span", {
+    onClick: mergedProps.onClick
+  }, mergedProps.icon && React$1.createElement("span", {
     className: `${classPrefix$x}-left`
-  }, props.icon), React$1.createElement("span", {
+  }, mergedProps.icon), React$1.createElement("span", {
     ref: containerRef,
     className: `${classPrefix$x}-content`
   }, React$1.createElement("span", {
@@ -21870,18 +22065,16 @@ const NoticeBar = React$1.memo((p) => {
     },
     ref: textRef,
     className: `${classPrefix$x}-content-inner`
-  }, props.content)), (props.closeable || props.extra) && React$1.createElement("span", {
+  }, mergedProps.content)), (mergedProps.closeable || mergedProps.extra) && React$1.createElement("span", {
     className: `${classPrefix$x}-right`
-  }, props.extra, props.closeable && React$1.createElement("div", {
+  }, mergedProps.extra, mergedProps.closeable && React$1.createElement("div", {
     className: `${classPrefix$x}-close`,
     onClick: () => {
       var _a;
       setVisible(false);
-      (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+      (_a = mergedProps.onClose) === null || _a === void 0 ? void 0 : _a.call(mergedProps);
     }
-  }, React$1.createElement(CloseOutline, {
-    className: `${classPrefix$x}-close-icon`
-  })))));
+  }, closeIcon))));
 });
 function shuffle(array4) {
   const result = [...array4];
@@ -21940,13 +22133,13 @@ const NumberKeyboard = (p) => {
     var _a;
     (_a = props.onDelete) === null || _a === void 0 ? void 0 : _a.call(props);
   });
-  const onBackspacePressStart = () => {
+  const startContinueClear = () => {
     timeoutRef.current = window.setTimeout(() => {
       onDelete();
       intervalRef.current = window.setInterval(onDelete, 150);
     }, 700);
   };
-  const onBackspacePressEnd = () => {
+  const stopContinueClear = () => {
     clearTimeout(timeoutRef.current);
     clearInterval(intervalRef.current);
   };
@@ -22006,14 +22199,15 @@ const NumberKeyboard = (p) => {
       key,
       className,
       onTouchStart: () => {
+        stopContinueClear();
         if (key === "BACKSPACE") {
-          onBackspacePressStart();
+          startContinueClear();
         }
       },
       onTouchEnd: (e2) => {
         onKeyPress(e2, key);
         if (key === "BACKSPACE") {
-          onBackspacePressEnd();
+          stopContinueClear();
         }
       }
     }, ariaProps), key === "BACKSPACE" ? React$1.createElement(TextDeletionOutline, null) : key);
@@ -22045,11 +22239,11 @@ const NumberKeyboard = (p) => {
   }, React$1.createElement("div", {
     className: `${classPrefix$w}-key ${classPrefix$w}-key-extra ${classPrefix$w}-key-bs`,
     onTouchStart: () => {
-      onBackspacePressStart();
+      startContinueClear();
     },
     onTouchEnd: (e2) => {
       onKeyPress(e2, "BACKSPACE");
-      onBackspacePressEnd();
+      stopContinueClear();
     },
     onContextMenu: (e2) => {
       e2.preventDefault();
@@ -22617,14 +22811,33 @@ const Rate = (p) => {
     className: classNames(`${classPrefix$p}-box`)
   }, props.allowHalf && renderStar(i2 + 0.5, true), renderStar(i2 + 1, false)))));
 };
-const classPrefix$o = `adm-result`;
-const iconRecord$1 = {
-  success: CheckCircleFill,
-  error: CloseCircleFill,
-  info: InformationCircleFill,
-  waiting: ClockCircleFill,
-  warning: ExclamationCircleFill
+const useResultIcon = (status) => {
+  const {
+    result: componentConfig = {}
+  } = useConfig();
+  const {
+    successIcon = React$1.createElement(CheckCircleFill, null),
+    errorIcon = React$1.createElement(CloseCircleFill, null),
+    infoIcon = React$1.createElement(InformationCircleFill, null),
+    waitingIcon = React$1.createElement(ClockCircleFill, null),
+    warningIcon = React$1.createElement(ExclamationCircleFill, null)
+  } = componentConfig || {};
+  switch (status) {
+    case "success":
+      return successIcon;
+    case "error":
+      return errorIcon;
+    case "info":
+      return infoIcon;
+    case "waiting":
+      return waitingIcon;
+    case "warning":
+      return warningIcon;
+    default:
+      return null;
+  }
 };
+const classPrefix$o = `adm-result`;
 const defaultProps$i = {
   status: "info"
 };
@@ -22636,27 +22849,20 @@ const Result = (p) => {
     description,
     icon
   } = props;
+  const fallbackIcon = useResultIcon(status);
   if (!status)
     return null;
-  const resultIcon = icon || React$1.createElement(iconRecord$1[status]);
   return withNativeProps(props, React$1.createElement("div", {
     className: classNames(classPrefix$o, `${classPrefix$o}-${status}`)
   }, React$1.createElement("div", {
     className: `${classPrefix$o}-icon`
-  }, resultIcon), React$1.createElement("div", {
+  }, icon || fallbackIcon), React$1.createElement("div", {
     className: `${classPrefix$o}-title`
   }, title), !!description && React$1.createElement("div", {
     className: `${classPrefix$o}-description`
   }, description)));
 };
 const classPrefix$n = `adm-result-page`;
-const iconRecord = {
-  success: CheckCircleFill,
-  error: CloseCircleFill,
-  info: InformationCircleFill,
-  waiting: ClockCircleFill,
-  warning: ExclamationCircleFill
-};
 const defaultProps$h = {
   status: "info",
   details: []
@@ -22674,7 +22880,7 @@ const ResultPage = (p) => {
     onPrimaryButtonClick,
     onSecondaryButtonClick
   } = props;
-  const resultIcon = icon || React$1.createElement(iconRecord[status]);
+  const fallbackIcon = useResultIcon(status);
   const [collapse, setCollapse] = React$1.useState(true);
   const showSecondaryButton = isNodeWithContent(secondaryButtonText);
   const showPrimaryButton = isNodeWithContent(primaryButtonText);
@@ -22684,7 +22890,7 @@ const ResultPage = (p) => {
     className: `${classPrefix$n}-header`
   }, React$1.createElement("div", {
     className: `${classPrefix$n}-icon`
-  }, resultIcon), React$1.createElement("div", {
+  }, icon || fallbackIcon), React$1.createElement("div", {
     className: `${classPrefix$n}-title`
   }, title), isNodeWithContent(description) ? React$1.createElement("div", {
     className: `${classPrefix$n}-description`
@@ -22740,17 +22946,18 @@ const defaultProps$g = {
   onlyShowClearWhenFocus: false,
   showCancelButton: false,
   defaultValue: "",
-  clearOnCancel: true,
-  icon: React$1.createElement(SearchOutline, null)
+  clearOnCancel: true
 };
-const SearchBar = React$1.forwardRef((p, ref) => {
+const SearchBar = React$1.forwardRef((props, ref) => {
   const {
-    locale
+    locale,
+    searchBar: componentConfig = {}
   } = useConfig();
-  const props = mergeProps(defaultProps$g, {
+  const mergedProps = mergeProps(defaultProps$g, componentConfig, {
     cancelText: locale.common.cancel
-  }, p);
-  const [value, setValue2] = usePropsValue(props);
+  }, props);
+  const searchIcon = mergeProp(React$1.createElement(SearchOutline, null), componentConfig.searchIcon, props.icon, props.searchIcon);
+  const [value, setValue2] = usePropsValue(mergedProps);
   const [hasFocus, setHasFocus] = React$1.useState(false);
   const inputRef = React$1.useRef(null);
   const composingRef = React$1.useRef(false);
@@ -22774,10 +22981,10 @@ const SearchBar = React$1.forwardRef((p, ref) => {
   }));
   const renderCancelButton = () => {
     let isShowCancel;
-    if (typeof props.showCancelButton === "function") {
-      isShowCancel = props.showCancelButton(hasFocus, value);
+    if (typeof mergedProps.showCancelButton === "function") {
+      isShowCancel = mergedProps.showCancelButton(hasFocus, value);
     } else {
-      isShowCancel = props.showCancelButton && hasFocus;
+      isShowCancel = mergedProps.showCancelButton && hasFocus;
     }
     return isShowCancel && React$1.createElement("div", {
       className: `${classPrefix$l}-suffix`
@@ -22786,66 +22993,66 @@ const SearchBar = React$1.forwardRef((p, ref) => {
       className: `${classPrefix$l}-cancel-button`,
       onClick: () => {
         var _a, _b, _c;
-        if (props.clearOnCancel) {
+        if (mergedProps.clearOnCancel) {
           (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.clear();
         }
         (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.blur();
-        (_c = props.onCancel) === null || _c === void 0 ? void 0 : _c.call(props);
+        (_c = mergedProps.onCancel) === null || _c === void 0 ? void 0 : _c.call(mergedProps);
       },
       onMouseDown: (e2) => {
         e2.preventDefault();
       }
-    }, props.cancelText));
+    }, mergedProps.cancelText));
   };
-  return withNativeProps(props, React$1.createElement("div", {
+  return withNativeProps(mergedProps, React$1.createElement("div", {
     className: classNames(classPrefix$l, {
       [`${classPrefix$l}-active`]: hasFocus
     })
   }, React$1.createElement("div", {
     className: `${classPrefix$l}-input-box`
-  }, props.icon && React$1.createElement("div", {
+  }, searchIcon && React$1.createElement("div", {
     className: `${classPrefix$l}-input-box-icon`
-  }, props.icon), React$1.createElement(Input, {
+  }, searchIcon), React$1.createElement(Input, {
     ref: inputRef,
     className: classNames(`${classPrefix$l}-input`, {
-      [`${classPrefix$l}-input-without-icon`]: !props.icon
+      [`${classPrefix$l}-input-without-icon`]: !searchIcon
     }),
     value,
     onChange: setValue2,
-    maxLength: props.maxLength,
-    placeholder: props.placeholder,
-    clearable: props.clearable,
-    onlyShowClearWhenFocus: props.onlyShowClearWhenFocus,
+    maxLength: mergedProps.maxLength,
+    placeholder: mergedProps.placeholder,
+    clearable: mergedProps.clearable,
+    onlyShowClearWhenFocus: mergedProps.onlyShowClearWhenFocus,
     onFocus: (e2) => {
       var _a;
       setHasFocus(true);
-      (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e2);
+      (_a = mergedProps.onFocus) === null || _a === void 0 ? void 0 : _a.call(mergedProps, e2);
     },
     onBlur: (e2) => {
       var _a;
       setHasFocus(false);
-      (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e2);
+      (_a = mergedProps.onBlur) === null || _a === void 0 ? void 0 : _a.call(mergedProps, e2);
     },
-    onClear: props.onClear,
+    onClear: mergedProps.onClear,
     type: "search",
     enterKeyHint: "search",
     onEnterPress: () => {
       var _a, _b;
       if (!composingRef.current) {
         (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
-        (_b = props.onSearch) === null || _b === void 0 ? void 0 : _b.call(props, value);
+        (_b = mergedProps.onSearch) === null || _b === void 0 ? void 0 : _b.call(mergedProps, value);
       }
     },
     "aria-label": locale.SearchBar.name,
     onCompositionStart: (e2) => {
       var _a;
       composingRef.current = true;
-      (_a = props.onCompositionStart) === null || _a === void 0 ? void 0 : _a.call(props, e2);
+      (_a = mergedProps.onCompositionStart) === null || _a === void 0 ? void 0 : _a.call(mergedProps, e2);
     },
     onCompositionEnd: (e2) => {
       var _a;
       composingRef.current = false;
-      (_a = props.onCompositionEnd) === null || _a === void 0 ? void 0 : _a.call(props, e2);
+      (_a = mergedProps.onCompositionEnd) === null || _a === void 0 ? void 0 : _a.call(mergedProps, e2);
     }
   })), renderCancelButton()));
 });
@@ -23732,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,
@@ -25444,15 +25564,17 @@ const classPrefix$2 = "adm-virtual-input";
 const defaultProps$2 = {
   defaultValue: ""
 };
-const VirtualInput = React$1.forwardRef((p, ref) => {
-  const props = mergeProps(defaultProps$2, p);
-  const [value, setValue2] = usePropsValue(props);
+const VirtualInput = React$1.forwardRef((props, ref) => {
+  const {
+    locale,
+    input: componentConfig = {}
+  } = useConfig();
+  const mergedProps = mergeProps(defaultProps$2, componentConfig, props);
+  const [value, setValue2] = usePropsValue(mergedProps);
   const rootRef = React$1.useRef(null);
   const contentRef = React$1.useRef(null);
   const [hasFocus, setHasFocus] = React$1.useState(false);
-  const {
-    locale
-  } = useConfig();
+  const clearIcon = mergeProp(React$1.createElement(CloseCircleFill, null), componentConfig.clearIcon, props.clearIcon);
   function scrollToEnd() {
     const root2 = rootRef.current;
     if (!root2)
@@ -25486,14 +25608,14 @@ const VirtualInput = React$1.forwardRef((p, ref) => {
   function onFocus() {
     var _a;
     setHasFocus(true);
-    (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props);
+    (_a = mergedProps.onFocus) === null || _a === void 0 ? void 0 : _a.call(mergedProps);
   }
   function onBlur() {
     var _a;
     setHasFocus(false);
-    (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props);
+    (_a = mergedProps.onBlur) === null || _a === void 0 ? void 0 : _a.call(mergedProps);
   }
-  const keyboard = props.keyboard;
+  const keyboard = mergedProps.keyboard;
   const keyboardElement = keyboard && React$1.cloneElement(keyboard, {
     onInput: (v) => {
       var _a, _b;
@@ -25518,38 +25640,38 @@ const VirtualInput = React$1.forwardRef((p, ref) => {
     },
     getContainer: null
   });
-  return withNativeProps(props, React$1.createElement("div", {
+  return withNativeProps(mergedProps, React$1.createElement("div", {
     ref: rootRef,
     className: classNames(classPrefix$2, {
-      [`${classPrefix$2}-disabled`]: props.disabled
+      [`${classPrefix$2}-disabled`]: mergedProps.disabled
     }),
-    tabIndex: props.disabled ? void 0 : 0,
+    tabIndex: mergedProps.disabled ? void 0 : 0,
     role: "textbox",
     onFocus,
     onBlur,
-    onClick: props.onClick
+    onClick: mergedProps.onClick
   }, React$1.createElement("div", {
     className: `${classPrefix$2}-content`,
     ref: contentRef,
-    "aria-disabled": props.disabled,
-    "aria-label": props.placeholder
+    "aria-disabled": mergedProps.disabled,
+    "aria-label": mergedProps.placeholder
   }, value, React$1.createElement("div", {
     className: `${classPrefix$2}-caret-container`
   }, hasFocus && React$1.createElement("div", {
     className: `${classPrefix$2}-caret`
-  }))), props.clearable && !!value && hasFocus && React$1.createElement("div", {
+  }))), mergedProps.clearable && !!value && hasFocus && React$1.createElement("div", {
     className: `${classPrefix$2}-clear`,
     onClick: (e2) => {
       var _a;
       e2.stopPropagation();
       setValue2("");
-      (_a = props.onClear) === null || _a === void 0 ? void 0 : _a.call(props);
+      (_a = mergedProps.onClear) === null || _a === void 0 ? void 0 : _a.call(mergedProps);
     },
     role: "button",
     "aria-label": locale.Input.clear
-  }, React$1.createElement(CloseCircleFill, null)), [void 0, null, ""].includes(value) && React$1.createElement("div", {
+  }, clearIcon), [void 0, null, ""].includes(value) && React$1.createElement("div", {
     className: `${classPrefix$2}-placeholder`
-  }, props.placeholder), keyboardElement));
+  }, mergedProps.placeholder), keyboardElement));
 });
 const classPrefix$1 = `adm-water-mark`;
 const defaultProps$1 = {