antd-mobile 5.13.0 → 5.14.1

package/bundle/antd-mobile.cjs.js

@@ -1343,7 +1343,9 @@ const base = {
     upload: "Upload"
   },
   InfiniteScroll: {
-    noMore: "No more"
+    noMore: "No more",
+    failedToLoad: "Failed to load",
+    retry: "Retry"
   },
   Mask: {
     name: "Mask"
@@ -1449,7 +1451,9 @@ const zhCN = mergeLocale(base, {
     upload: "\u4E0A\u4F20"
   },
   InfiniteScroll: {
-    noMore: "\u6CA1\u6709\u66F4\u591A\u4E86"
+    noMore: "\u6CA1\u6709\u66F4\u591A\u4E86",
+    failedToLoad: "\u52A0\u8F7D\u5931\u8D25",
+    retry: "\u91CD\u65B0\u52A0\u8F7D"
   },
   Mask: {
     name: "\u906E\u7F69\u5C42"
@@ -8873,13 +8877,13 @@ function withStopPropagation(events, element) {
   }
   return React__default["default"].cloneElement(element, props);
 }
-const classPrefix$1g = `adm-mask`;
+const classPrefix$1i = `adm-mask`;
 const opacityRecord = {
   default: 0.55,
   thin: 0.35,
   thick: 0.75
 };
-const defaultProps$Z = {
+const defaultProps$$ = {
   visible: true,
   destroyOnClose: false,
   forceRender: false,
@@ -8890,7 +8894,7 @@ const defaultProps$Z = {
   stopPropagation: ["click"]
 };
 const Mask = (p2) => {
-  const props = mergeProps(defaultProps$Z, p2);
+  const props = mergeProps(defaultProps$$, p2);
   const {
     locale
   } = useConfig();
@@ -8931,7 +8935,7 @@ const Mask = (p2) => {
     }
   });
   const node = withStopPropagation(props.stopPropagation, withNativeProps(props, React__default["default"].createElement(web.animated.div, {
-    className: classPrefix$1g,
+    className: classPrefix$1i,
     ref,
     style: Object.assign(Object.assign({}, props.style), {
       background,
@@ -8945,12 +8949,12 @@ const Mask = (p2) => {
       }
     }
   }, props.onMaskClick && React__default["default"].createElement("div", {
-    className: `${classPrefix$1g}-aria-button`,
+    className: `${classPrefix$1i}-aria-button`,
     role: "button",
     "aria-label": locale.Mask.name,
     onClick: props.onMaskClick
   }), React__default["default"].createElement("div", {
-    className: `${classPrefix$1g}-content`
+    className: `${classPrefix$1i}-content`
   }, props.children))));
   return React__default["default"].createElement(ShouldRender, {
     active,
@@ -8958,8 +8962,8 @@ const Mask = (p2) => {
     destroyOnClose: props.destroyOnClose
   }, renderToContainer(props.getContainer, node));
 };
-const classPrefix$1f = `adm-popup`;
-const defaultProps$Y = {
+const classPrefix$1h = `adm-popup`;
+const defaultProps$_ = {
   position: "bottom",
   visible: false,
   getContainer: () => document.body,
@@ -8967,8 +8971,8 @@ const defaultProps$Y = {
   stopPropagation: ["click"]
 };
 const Popup = (p2) => {
-  const props = mergeProps(defaultProps$Y, p2);
-  const bodyCls = classNames__default["default"](`${classPrefix$1f}-body`, props.bodyClassName, `${classPrefix$1f}-body-position-${props.position}`);
+  const props = mergeProps(defaultProps$_, p2);
+  const bodyCls = classNames__default["default"](`${classPrefix$1h}-body`, props.bodyClassName, `${classPrefix$1h}-body-position-${props.position}`);
   const ref = React$1.useRef(null);
   const [active, setActive] = React$1.useState(props.visible);
   useLockScroll(ref, active);
@@ -9000,7 +9004,7 @@ const Popup = (p2) => {
     }
   });
   const node = withStopPropagation(props.stopPropagation, withNativeProps(props, React__default["default"].createElement("div", {
-    className: classPrefix$1f,
+    className: classPrefix$1h,
     onClick: props.onClick,
     style: {
       display: active ? void 0 : "none"
@@ -9036,10 +9040,10 @@ const Popup = (p2) => {
   return renderToContainer(props.getContainer, node);
 };
 var safeArea = "";
-const classPrefix$1e = "adm-safe-area";
+const classPrefix$1g = "adm-safe-area";
 const SafeArea = (props) => {
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: classNames__default["default"](classPrefix$1e, `${classPrefix$1e}-position-${props.position}`)
+    className: classNames__default["default"](classPrefix$1g, `${classPrefix$1g}-position-${props.position}`)
   }));
 };
 const fullClone = Object.assign({}, ReactDOM);
@@ -9155,8 +9159,8 @@ function renderImperatively(element) {
     close
   };
 }
-const classPrefix$1d = `adm-action-sheet`;
-const defaultProps$X = {
+const classPrefix$1f = `adm-action-sheet`;
+const defaultProps$Z = {
   visible: false,
   actions: [],
   cancelText: "",
@@ -9165,7 +9169,7 @@ const defaultProps$X = {
   safeArea: true
 };
 const ActionSheet = (p2) => {
-  const props = mergeProps(defaultProps$X, p2);
+  const props = mergeProps(defaultProps$Z, p2);
   return React__default["default"].createElement(Popup, {
     visible: props.visible,
     onMaskClick: () => {
@@ -9176,22 +9180,22 @@ const ActionSheet = (p2) => {
       }
     },
     afterClose: props.afterClose,
-    className: classNames__default["default"](`${classPrefix$1d}-popup`, props.popupClassName),
+    className: classNames__default["default"](`${classPrefix$1f}-popup`, props.popupClassName),
     style: props.popupStyle,
     getContainer: props.getContainer
   }, withNativeProps(props, React__default["default"].createElement("div", {
-    className: classPrefix$1d
+    className: classPrefix$1f
   }, props.extra && React__default["default"].createElement("div", {
-    className: `${classPrefix$1d}-extra`
+    className: `${classPrefix$1f}-extra`
   }, props.extra), React__default["default"].createElement("div", {
-    className: `${classPrefix$1d}-button-list`
+    className: `${classPrefix$1f}-button-list`
   }, props.actions.map((action, index2) => React__default["default"].createElement("div", {
     key: action.key,
-    className: `${classPrefix$1d}-button-item-wrapper`
+    className: `${classPrefix$1f}-button-item-wrapper`
   }, React__default["default"].createElement("a", {
-    className: classNames__default["default"]("adm-plain-anchor", `${classPrefix$1d}-button-item`, {
-      [`${classPrefix$1d}-button-item-danger`]: action.danger,
-      [`${classPrefix$1d}-button-item-disabled`]: action.disabled
+    className: classNames__default["default"]("adm-plain-anchor", `${classPrefix$1f}-button-item`, {
+      [`${classPrefix$1f}-button-item-danger`]: action.danger,
+      [`${classPrefix$1f}-button-item-disabled`]: action.disabled
     }),
     onClick: () => {
       var _a, _b, _c;
@@ -9202,21 +9206,21 @@ const ActionSheet = (p2) => {
       }
     }
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$1d}-button-item-name`
+    className: `${classPrefix$1f}-button-item-name`
   }, action.text), action.description && React__default["default"].createElement("div", {
-    className: `${classPrefix$1d}-button-item-description`
+    className: `${classPrefix$1f}-button-item-description`
   }, action.description))))), props.cancelText && React__default["default"].createElement("div", {
-    className: `${classPrefix$1d}-cancel`
+    className: `${classPrefix$1f}-cancel`
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$1d}-button-item-wrapper`
+    className: `${classPrefix$1f}-button-item-wrapper`
   }, React__default["default"].createElement("a", {
-    className: classNames__default["default"]("adm-plain-anchor", `${classPrefix$1d}-button-item`),
+    className: classNames__default["default"]("adm-plain-anchor", `${classPrefix$1f}-button-item`),
     onClick: () => {
       var _a;
       (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
     }
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$1d}-button-item-name`
+    className: `${classPrefix$1f}-button-item-name`
   }, props.cancelText)))), props.safeArea && React__default["default"].createElement(SafeArea, {
     position: "bottom"
   }))));
@@ -9228,12 +9232,12 @@ var index$h = attachPropertiesToComponent(ActionSheet, {
   show: showActionSheet
 });
 var autoCenter = "";
-const classPrefix$1c = "adm-auto-center";
+const classPrefix$1e = "adm-auto-center";
 const AutoCenter = (props) => {
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: classPrefix$1c
+    className: classPrefix$1e
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$1c}-content`
+    className: `${classPrefix$1e}-content`
   }, props.children)));
 };
 var avatar = "";
@@ -9275,15 +9279,15 @@ const Fallback = React$1.memo(() => React__default["default"].createElement("svg
   fillRule: "nonzero",
   mask: "url(#mask-2)"
 }))))));
-const classPrefix$1b = "adm-avatar";
-const defaultProps$W = {
+const classPrefix$1d = "adm-avatar";
+const defaultProps$Y = {
   fallback: React__default["default"].createElement(Fallback, null),
   fit: "cover"
 };
 const Avatar = (p2) => {
-  const props = mergeProps(defaultProps$W, p2);
+  const props = mergeProps(defaultProps$Y, p2);
   return withNativeProps(props, React__default["default"].createElement(Image$1, {
-    className: classPrefix$1b,
+    className: classPrefix$1d,
     src: props.src,
     fallback: props.fallback,
     placeholder: props.fallback,
@@ -9295,7 +9299,7 @@ const Avatar = (p2) => {
   }));
 };
 var badge = "";
-const classPrefix$1a = `adm-badge`;
+const classPrefix$1c = `adm-badge`;
 const dot = React__default["default"].createElement(React__default["default"].Fragment, null);
 const Badge$1 = (props) => {
   const {
@@ -9304,17 +9308,17 @@ const Badge$1 = (props) => {
     children
   } = props;
   const isDot = content === dot;
-  const badgeCls = classNames__default["default"](classPrefix$1a, !!children && `${classPrefix$1a}-fixed`, isDot && `${classPrefix$1a}-dot`, props.bordered && `${classPrefix$1a}-bordered`);
+  const badgeCls = classNames__default["default"](classPrefix$1c, !!children && `${classPrefix$1c}-fixed`, isDot && `${classPrefix$1c}-dot`, props.bordered && `${classPrefix$1c}-bordered`);
   const element = content || content === 0 ? withNativeProps(props, React__default["default"].createElement("div", {
     className: badgeCls,
     style: {
       "--color": color
     }
   }, !isDot && React__default["default"].createElement("div", {
-    className: `${classPrefix$1a}-content`
+    className: `${classPrefix$1c}-content`
   }, content))) : null;
   return children ? React__default["default"].createElement("div", {
-    className: `${classPrefix$1a}-wrap`
+    className: `${classPrefix$1c}-wrap`
   }, children, element) : element;
 };
 var Badge = attachPropertiesToComponent(Badge$1, {
@@ -9322,23 +9326,23 @@ var Badge = attachPropertiesToComponent(Badge$1, {
 });
 var button = "";
 var dotLoading = "";
-const classPrefix$19 = `adm-dot-loading`;
+const classPrefix$1b = `adm-dot-loading`;
 const colorRecord$3 = {
   default: "var(--adm-color-weak)",
   primary: "var(--adm-color-primary)",
   white: "var(--adm-color-white)"
 };
-const defaultProps$V = {
+const defaultProps$X = {
   color: "default"
 };
 const DotLoading = React$1.memo((p2) => {
   var _a;
-  const props = mergeProps(defaultProps$V, p2);
+  const props = mergeProps(defaultProps$X, p2);
   return withNativeProps(props, React__default["default"].createElement("div", {
     style: {
       color: (_a = colorRecord$3[props.color]) !== null && _a !== void 0 ? _a : props.color
     },
-    className: classNames__default["default"]("adm-loading", classPrefix$19)
+    className: classNames__default["default"]("adm-loading", classPrefix$1b)
   }, React__default["default"].createElement("svg", {
     height: "1em",
     viewBox: "0 0 100 40",
@@ -9381,8 +9385,8 @@ function isPromise(obj) {
 function isIOS() {
   return canUseDom ? /ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase()) : false;
 }
-const classPrefix$18 = `adm-button`;
-const defaultProps$U = {
+const classPrefix$1a = `adm-button`;
+const defaultProps$W = {
   color: "default",
   fill: "solid",
   block: false,
@@ -9395,7 +9399,7 @@ const defaultProps$U = {
   size: "middle"
 };
 const Button = React$1.forwardRef((p2, ref) => {
-  const props = mergeProps(defaultProps$U, p2);
+  const props = mergeProps(defaultProps$W, p2);
   const [innerLoading, setInnerLoading] = React$1.useState(false);
   const nativeButtonRef = React$1.useRef(null);
   const loading = props.loading === "auto" ? innerLoading : props.loading;
@@ -9424,23 +9428,23 @@ const Button = React$1.forwardRef((p2, ref) => {
     ref: nativeButtonRef,
     type: props.type,
     onClick: handleClick,
-    className: classNames__default["default"](classPrefix$18, props.color ? `${classPrefix$18}-${props.color}` : null, {
-      [`${classPrefix$18}-block`]: props.block,
-      [`${classPrefix$18}-disabled`]: disabled,
-      [`${classPrefix$18}-fill-outline`]: props.fill === "outline",
-      [`${classPrefix$18}-fill-none`]: props.fill === "none",
-      [`${classPrefix$18}-mini`]: props.size === "mini",
-      [`${classPrefix$18}-small`]: props.size === "small",
-      [`${classPrefix$18}-large`]: props.size === "large",
-      [`${classPrefix$18}-loading`]: loading
-    }, `${classPrefix$18}-shape-${props.shape}`),
+    className: classNames__default["default"](classPrefix$1a, props.color ? `${classPrefix$1a}-${props.color}` : null, {
+      [`${classPrefix$1a}-block`]: props.block,
+      [`${classPrefix$1a}-disabled`]: disabled,
+      [`${classPrefix$1a}-fill-outline`]: props.fill === "outline",
+      [`${classPrefix$1a}-fill-none`]: props.fill === "none",
+      [`${classPrefix$1a}-mini`]: props.size === "mini",
+      [`${classPrefix$1a}-small`]: props.size === "small",
+      [`${classPrefix$1a}-large`]: props.size === "large",
+      [`${classPrefix$1a}-loading`]: loading
+    }, `${classPrefix$1a}-shape-${props.shape}`),
     disabled,
     onMouseDown: props.onMouseDown,
     onMouseUp: props.onMouseUp,
     onTouchStart: props.onTouchStart,
     onTouchEnd: props.onTouchEnd
   }, loading ? React__default["default"].createElement("div", {
-    className: `${classPrefix$18}-loading-wrapper`
+    className: `${classPrefix$1a}-loading-wrapper`
   }, props.loadingIcon, props.loadingText) : props.children));
 });
 var calendar = "";
@@ -9561,8 +9565,8 @@ function convertValueToRange(selectionMode, value) {
   return [value, value];
 }
 dayjs__default["default"].extend(isoWeek);
-const classPrefix$17 = "adm-calendar";
-const defaultProps$T = {
+const classPrefix$19 = "adm-calendar";
+const defaultProps$V = {
   weekStartsOn: "Sunday",
   defaultValue: null,
   allowClear: true,
@@ -9573,7 +9577,7 @@ const defaultProps$T = {
 };
 const Calendar = React$1.forwardRef((p2, ref) => {
   const today = dayjs__default["default"]();
-  const props = mergeProps(defaultProps$T, p2);
+  const props = mergeProps(defaultProps$V, p2);
   const {
     locale
   } = useConfig();
@@ -9619,26 +9623,26 @@ const Calendar = React$1.forwardRef((p2, ref) => {
     }
   }));
   const header = React__default["default"].createElement("div", {
-    className: `${classPrefix$17}-header`
+    className: `${classPrefix$19}-header`
   }, React__default["default"].createElement("a", {
-    className: `${classPrefix$17}-arrow-button ${classPrefix$17}-arrow-button-year`,
+    className: `${classPrefix$19}-arrow-button ${classPrefix$19}-arrow-button-year`,
     onClick: () => {
       setCurrent(current.subtract(1, "year"));
     }
   }, props.prevYearButton), React__default["default"].createElement("a", {
-    className: `${classPrefix$17}-arrow-button ${classPrefix$17}-arrow-button-month`,
+    className: `${classPrefix$19}-arrow-button ${classPrefix$19}-arrow-button-month`,
     onClick: () => {
       setCurrent(current.subtract(1, "month"));
     }
   }, props.prevMonthButton), React__default["default"].createElement("div", {
-    className: `${classPrefix$17}-title`
+    className: `${classPrefix$19}-title`
   }, locale.Calendar.renderYearAndMonth(current.year(), current.month() + 1)), React__default["default"].createElement("a", {
-    className: classNames__default["default"](`${classPrefix$17}-arrow-button`, `${classPrefix$17}-arrow-button-right`, `${classPrefix$17}-arrow-button-right-month`),
+    className: classNames__default["default"](`${classPrefix$19}-arrow-button`, `${classPrefix$19}-arrow-button-right`, `${classPrefix$19}-arrow-button-right-month`),
     onClick: () => {
       setCurrent(current.add(1, "month"));
     }
   }, props.nextMonthButton), React__default["default"].createElement("a", {
-    className: classNames__default["default"](`${classPrefix$17}-arrow-button`, `${classPrefix$17}-arrow-button-right`, `${classPrefix$17}-arrow-button-right-year`),
+    className: classNames__default["default"](`${classPrefix$19}-arrow-button`, `${classPrefix$19}-arrow-button-right`, `${classPrefix$19}-arrow-button-right-year`),
     onClick: () => {
       setCurrent(current.add(1, "year"));
     }
@@ -9667,11 +9671,11 @@ const Calendar = React$1.forwardRef((p2, ref) => {
       const disabled = props.shouldDisableDate ? props.shouldDisableDate(d.toDate()) : maxDay && d.isAfter(maxDay, "day") || minDay && d.isBefore(minDay, "day");
       cells.push(React__default["default"].createElement("div", {
         key: d.valueOf(),
-        className: classNames__default["default"](`${classPrefix$17}-cell`, (disabled || !inThisMonth) && `${classPrefix$17}-cell-disabled`, inThisMonth && {
-          [`${classPrefix$17}-cell-today`]: d.isSame(today, "day"),
-          [`${classPrefix$17}-cell-selected`]: isSelect,
-          [`${classPrefix$17}-cell-selected-begin`]: isBegin,
-          [`${classPrefix$17}-cell-selected-end`]: isEnd
+        className: classNames__default["default"](`${classPrefix$19}-cell`, (disabled || !inThisMonth) && `${classPrefix$19}-cell-disabled`, inThisMonth && {
+          [`${classPrefix$19}-cell-today`]: d.isSame(today, "day"),
+          [`${classPrefix$19}-cell-selected`]: isSelect,
+          [`${classPrefix$19}-cell-selected-begin`]: isBegin,
+          [`${classPrefix$19}-cell-selected-end`]: isEnd
         }),
         onClick: () => {
           if (!props.selectionMode)
@@ -9718,25 +9722,25 @@ const Calendar = React$1.forwardRef((p2, ref) => {
           }
         }
       }, React__default["default"].createElement("div", {
-        className: `${classPrefix$17}-cell-top`
+        className: `${classPrefix$19}-cell-top`
       }, d.date()), React__default["default"].createElement("div", {
-        className: `${classPrefix$17}-cell-bottom`
+        className: `${classPrefix$19}-cell-bottom`
       }, (_a = props.renderLabel) === null || _a === void 0 ? void 0 : _a.call(props, d.toDate()))));
       iterator = iterator.add(1, "day");
     }
     return cells;
   }
   const body = React__default["default"].createElement("div", {
-    className: `${classPrefix$17}-cells`
+    className: `${classPrefix$19}-cells`
   }, renderCells());
   const mark = React__default["default"].createElement("div", {
-    className: `${classPrefix$17}-mark`
+    className: `${classPrefix$19}-mark`
   }, markItems.map((item) => React__default["default"].createElement("div", {
     key: item,
-    className: `${classPrefix$17}-mark-cell`
+    className: `${classPrefix$19}-mark-cell`
   }, item)));
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: classPrefix$17
+    className: classPrefix$19
   }, header, mark, body));
 });
 var capsuleTabs = "";
@@ -9838,7 +9842,7 @@ const useTabListScroll = (targetRef, activeIndex) => {
   };
 };
 var scrollMask = "";
-const classPrefix$16 = `adm-scroll-mask`;
+const classPrefix$18 = `adm-scroll-mask`;
 const ScrollMask = (props) => {
   const maskRef = React$1.useRef(null);
   const [{
@@ -9885,12 +9889,12 @@ const ScrollMask = (props) => {
   }, []);
   return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(web.animated.div, {
     ref: maskRef,
-    className: classNames__default["default"](classPrefix$16, `${classPrefix$16}-left`),
+    className: classNames__default["default"](classPrefix$18, `${classPrefix$18}-left`),
     style: {
       opacity: leftMaskOpacity
     }
   }), React__default["default"].createElement(web.animated.div, {
-    className: classNames__default["default"](classPrefix$16, `${classPrefix$16}-right`),
+    className: classNames__default["default"](classPrefix$18, `${classPrefix$18}-right`),
     style: {
       opacity: rightMaskOpacity
     }
@@ -9910,7 +9914,7 @@ function traverseReactNode(children, fn) {
   }
   handle(children);
 }
-const classPrefix$15 = `adm-capsule-tabs`;
+const classPrefix$17 = `adm-capsule-tabs`;
 const CapsuleTab = () => {
   return null;
 };
@@ -9951,19 +9955,19 @@ const CapsuleTabs = (props) => {
     animate(true);
   }, rootRef);
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: classPrefix$15,
+    className: classPrefix$17,
     ref: rootRef
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$15}-header`
+    className: `${classPrefix$17}-header`
   }, React__default["default"].createElement(ScrollMask, {
     scrollTrackRef: tabListContainerRef
   }), React__default["default"].createElement(web.animated.div, {
-    className: `${classPrefix$15}-tab-list`,
+    className: `${classPrefix$17}-tab-list`,
     ref: tabListContainerRef,
     scrollLeft
   }, panes.map((pane) => withNativeProps(pane.props, React__default["default"].createElement("div", {
     key: pane.key,
-    className: `${classPrefix$15}-tab-wrapper`
+    className: `${classPrefix$17}-tab-wrapper`
   }, React__default["default"].createElement("div", {
     onClick: () => {
       const {
@@ -9976,9 +9980,9 @@ const CapsuleTabs = (props) => {
       }
       setActiveKey(key.toString());
     },
-    className: classNames__default["default"](`${classPrefix$15}-tab`, {
-      [`${classPrefix$15}-tab-active`]: pane.key === activeKey,
-      [`${classPrefix$15}-tab-disabled`]: pane.props.disabled
+    className: classNames__default["default"](`${classPrefix$17}-tab`, {
+      [`${classPrefix$17}-tab-active`]: pane.key === activeKey,
+      [`${classPrefix$17}-tab-disabled`]: pane.props.disabled
     })
   }, pane.props.title)))))), panes.map((pane) => {
     if (pane.props.children === void 0) {
@@ -9991,7 +9995,7 @@ const CapsuleTabs = (props) => {
       forceRender: pane.props.forceRender,
       destroyOnClose: pane.props.destroyOnClose
     }, React__default["default"].createElement("div", {
-      className: `${classPrefix$15}-content`,
+      className: `${classPrefix$17}-content`,
       style: {
         display: active ? "block" : "none"
       }
@@ -10002,18 +10006,18 @@ var index$g = attachPropertiesToComponent(CapsuleTabs, {
   Tab: CapsuleTab
 });
 var card = "";
-const classPrefix$14 = `adm-card`;
+const classPrefix$16 = `adm-card`;
 const Card = (props) => {
   const renderHeader = () => {
     if (!(props.title || props.extra)) {
       return null;
     }
     return React__default["default"].createElement("div", {
-      className: classNames__default["default"](`${classPrefix$14}-header`, props.headerClassName),
+      className: classNames__default["default"](`${classPrefix$16}-header`, props.headerClassName),
       style: props.headerStyle,
       onClick: props.onHeaderClick
     }, React__default["default"].createElement("div", {
-      className: `${classPrefix$14}-header-title`
+      className: `${classPrefix$16}-header-title`
     }, props.title), props.extra);
   };
   const renderBody = () => {
@@ -10021,13 +10025,13 @@ const Card = (props) => {
       return null;
     }
     return React__default["default"].createElement("div", {
-      className: classNames__default["default"](`${classPrefix$14}-body`, props.bodyClassName),
+      className: classNames__default["default"](`${classPrefix$16}-body`, props.bodyClassName),
       style: props.bodyStyle,
       onClick: props.onBodyClick
     }, props.children);
   };
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: classPrefix$14,
+    className: classPrefix$16,
     onClick: props.onClick
   }, renderHeader(), renderBody()));
 };
@@ -10308,7 +10312,7 @@ function measureCSSLength(raw) {
     return 0;
   }
 }
-const classPrefix$13 = `adm-picker-view`;
+const classPrefix$15 = `adm-picker-view`;
 const Wheel = React$1.memo((props) => {
   const {
     value,
@@ -10448,12 +10452,12 @@ const Wheel = React$1.memo((props) => {
   }
   return React__default["default"].createElement("div", {
     ref: rootRef,
-    className: `${classPrefix$13}-column`
+    className: `${classPrefix$15}-column`
   }, React__default["default"].createElement(web.animated.div, {
     style: {
       translateY: y
     },
-    className: `${classPrefix$13}-column-wheel`,
+    className: `${classPrefix$15}-column-wheel`,
     "aria-hidden": true
   }, column.map((item, index2) => {
     var _a;
@@ -10467,12 +10471,12 @@ const Wheel = React$1.memo((props) => {
     return React__default["default"].createElement("div", {
       key: (_a = item.key) !== null && _a !== void 0 ? _a : item.value,
       "data-selected": item.value === value,
-      className: `${classPrefix$13}-column-item`,
+      className: `${classPrefix$15}-column-item`,
       onClick: handleClick,
       "aria-hidden": !selected,
       "aria-label": selected ? "active" : ""
     }, React__default["default"].createElement("div", {
-      className: `${classPrefix$13}-column-item-label`
+      className: `${classPrefix$15}-column-item-label`
     }, renderLabel(item)));
   })), renderAccessible());
 }, (prev, next) => {
@@ -10528,14 +10532,14 @@ function useColumnsExtend(rawColumns, value) {
   return React$1.useMemo(() => generateColumnsExtend(rawColumns, value), [rawColumns, value]);
 }
 const defaultRenderLabel$3 = (item) => item.label;
-const classPrefix$12 = `adm-picker-view`;
-const defaultProps$S = {
+const classPrefix$14 = `adm-picker-view`;
+const defaultProps$U = {
   defaultValue: [],
   renderLabel: defaultRenderLabel$3,
   mouseWheel: false
 };
 const PickerView = React$1.memo((p2) => {
-  const props = mergeProps(defaultProps$S, p2);
+  const props = mergeProps(defaultProps$U, p2);
   const [innerValue, setInnerValue] = React$1.useState(props.value === void 0 ? props.defaultValue : props.value);
   React$1.useEffect(() => {
     if (props.value === void 0)
@@ -10576,7 +10580,7 @@ const PickerView = React$1.memo((p2) => {
     });
   }, []);
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: `${classPrefix$12}`
+    className: `${classPrefix$14}`
   }, columns.map((column, index2) => React__default["default"].createElement(Wheel, {
     key: index2,
     index: index2,
@@ -10586,19 +10590,19 @@ const PickerView = React$1.memo((p2) => {
     renderLabel: props.renderLabel,
     mouseWheel: props.mouseWheel
   })), React__default["default"].createElement("div", {
-    className: `${classPrefix$12}-mask`
+    className: `${classPrefix$14}-mask`
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$12}-mask-top`
+    className: `${classPrefix$14}-mask-top`
   }), React__default["default"].createElement("div", {
-    className: `${classPrefix$12}-mask-middle`
+    className: `${classPrefix$14}-mask-middle`
   }), React__default["default"].createElement("div", {
-    className: `${classPrefix$12}-mask-bottom`
+    className: `${classPrefix$14}-mask-bottom`
   }))));
 });
 PickerView.displayName = "PickerView";
 var pickerView = "";
-const classPrefix$11 = `adm-picker`;
-const defaultProps$R = {
+const classPrefix$13 = `adm-picker`;
+const defaultProps$T = {
   defaultValue: [],
   closeOnMaskClick: true,
   renderLabel: defaultRenderLabel$3
@@ -10608,7 +10612,7 @@ const Picker$1 = React$1.memo(React$1.forwardRef((p2, ref) => {
   const {
     locale
   } = useConfig();
-  const props = mergeProps(defaultProps$R, {
+  const props = mergeProps(defaultProps$T, {
     confirmText: locale.common.confirm,
     cancelText: locale.common.cancel
   }, p2);
@@ -10662,26 +10666,26 @@ const Picker$1 = React$1.memo(React$1.forwardRef((p2, ref) => {
   });
   const shouldRender = useShouldRender(visible, props.forceRender, props.destroyOnClose);
   const pickerElement = withNativeProps(props, React__default["default"].createElement("div", {
-    className: classPrefix$11
+    className: classPrefix$13
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$11}-header`
+    className: `${classPrefix$13}-header`
   }, React__default["default"].createElement("a", {
-    className: `${classPrefix$11}-header-button`,
+    className: `${classPrefix$13}-header-button`,
     onClick: () => {
       var _a2;
       (_a2 = props.onCancel) === null || _a2 === void 0 ? void 0 : _a2.call(props);
       setVisible(false);
     }
   }, props.cancelText), React__default["default"].createElement("div", {
-    className: `${classPrefix$11}-header-title`
+    className: `${classPrefix$13}-header-title`
   }, props.title), React__default["default"].createElement("a", {
-    className: `${classPrefix$11}-header-button`,
+    className: `${classPrefix$13}-header-button`,
     onClick: () => {
       setValue(innerValue);
       setVisible(false);
     }
   }, props.confirmText)), React__default["default"].createElement("div", {
-    className: `${classPrefix$11}-body`
+    className: `${classPrefix$13}-body`
   }, React__default["default"].createElement(PickerView, {
     columns: props.columns,
     renderLabel: props.renderLabel,
@@ -10691,7 +10695,7 @@ const Picker$1 = React$1.memo(React$1.forwardRef((p2, ref) => {
   }))));
   const popupElement = React__default["default"].createElement(Popup, {
     style: props.popupStyle,
-    className: classNames__default["default"](`${classPrefix$11}-popup`, props.popupClassName),
+    className: classNames__default["default"](`${classPrefix$13}-popup`, props.popupClassName),
     visible,
     position: "bottom",
     onMaskClick: () => {
@@ -10840,17 +10844,17 @@ const CascadePickerView = (props) => {
 };
 var cascaderView = "";
 var tabs = "";
-const classPrefix$10 = `adm-tabs`;
+const classPrefix$12 = `adm-tabs`;
 const Tab = () => {
   return null;
 };
-const defaultProps$Q = {
+const defaultProps$S = {
   activeLineMode: "auto",
   stretch: true
 };
 const Tabs$1 = (p2) => {
   var _a;
-  const props = mergeProps(defaultProps$Q, p2);
+  const props = mergeProps(defaultProps$S, p2);
   const tabListContainerRef = React$1.useRef(null);
   const activeLineRef = React$1.useRef(null);
   const keyToIndexRecord = {};
@@ -11001,35 +11005,35 @@ const Tabs$1 = (p2) => {
     updateMask(true);
   }, []);
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: classPrefix$10
+    className: classPrefix$12
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$10}-header`
+    className: `${classPrefix$12}-header`
   }, React__default["default"].createElement(web.animated.div, {
-    className: classNames__default["default"](`${classPrefix$10}-header-mask`, `${classPrefix$10}-header-mask-left`),
+    className: classNames__default["default"](`${classPrefix$12}-header-mask`, `${classPrefix$12}-header-mask-left`),
     style: {
       opacity: leftMaskOpacity
     }
   }), React__default["default"].createElement(web.animated.div, {
-    className: classNames__default["default"](`${classPrefix$10}-header-mask`, `${classPrefix$10}-header-mask-right`),
+    className: classNames__default["default"](`${classPrefix$12}-header-mask`, `${classPrefix$12}-header-mask-right`),
     style: {
       opacity: rightMaskOpacity
     }
   }), React__default["default"].createElement(web.animated.div, {
-    className: `${classPrefix$10}-tab-list`,
+    className: `${classPrefix$12}-tab-list`,
     ref: tabListContainerRef,
     scrollLeft,
     onScroll: updateMask
   }, React__default["default"].createElement(web.animated.div, {
     ref: activeLineRef,
-    className: `${classPrefix$10}-tab-line`,
+    className: `${classPrefix$12}-tab-line`,
     style: {
       width: props.activeLineMode === "fixed" ? "var(--fixed-active-line-width, 30px)" : width,
       x
     }
   }), panes.map((pane) => withNativeProps(pane.props, React__default["default"].createElement("div", {
     key: pane.key,
-    className: classNames__default["default"](`${classPrefix$10}-tab-wrapper`, {
-      [`${classPrefix$10}-tab-wrapper-stretch`]: props.stretch
+    className: classNames__default["default"](`${classPrefix$12}-tab-wrapper`, {
+      [`${classPrefix$12}-tab-wrapper-stretch`]: props.stretch
     })
   }, React__default["default"].createElement("div", {
     onClick: () => {
@@ -11043,9 +11047,9 @@ const Tabs$1 = (p2) => {
       }
       setActiveKey(key.toString());
     },
-    className: classNames__default["default"](`${classPrefix$10}-tab`, {
-      [`${classPrefix$10}-tab-active`]: pane.key === activeKey,
-      [`${classPrefix$10}-tab-disabled`]: pane.props.disabled
+    className: classNames__default["default"](`${classPrefix$12}-tab`, {
+      [`${classPrefix$12}-tab-active`]: pane.key === activeKey,
+      [`${classPrefix$12}-tab-disabled`]: pane.props.disabled
     })
   }, pane.props.title)))))), panes.map((pane) => {
     if (pane.props.children === void 0) {
@@ -11058,7 +11062,7 @@ const Tabs$1 = (p2) => {
       forceRender: pane.props.forceRender,
       destroyOnClose: pane.props.destroyOnClose
     }, React__default["default"].createElement("div", {
-      className: `${classPrefix$10}-content`,
+      className: `${classPrefix$12}-content`,
       style: {
         display: active ? "block" : "none"
       }
@@ -11070,47 +11074,47 @@ var Tabs = attachPropertiesToComponent(Tabs$1, {
 });
 var checkList = "";
 var list = "";
-const classPrefix$$ = `adm-list`;
-const defaultProps$P = {
+const classPrefix$11 = `adm-list`;
+const defaultProps$R = {
   mode: "default"
 };
 const List$1 = (p2) => {
-  const props = mergeProps(defaultProps$P, p2);
+  const props = mergeProps(defaultProps$R, p2);
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: classNames__default["default"](classPrefix$$, `${classPrefix$$}-${props.mode}`)
+    className: classNames__default["default"](classPrefix$11, `${classPrefix$11}-${props.mode}`)
   }, props.header && React__default["default"].createElement("div", {
-    className: `${classPrefix$$}-header`
+    className: `${classPrefix$11}-header`
   }, props.header), React__default["default"].createElement("div", {
-    className: `${classPrefix$$}-body`
+    className: `${classPrefix$11}-body`
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$$}-body-inner`
+    className: `${classPrefix$11}-body-inner`
   }, props.children))));
 };
 function isNodeWithContent(node) {
   return node !== void 0 && node !== null && node !== false;
 }
-const classPrefix$_ = `adm-list-item`;
+const classPrefix$10 = `adm-list-item`;
 const ListItem = (props) => {
   var _a;
   const clickable = (_a = props.clickable) !== null && _a !== void 0 ? _a : !!props.onClick;
   const arrow = props.arrow === void 0 ? clickable : props.arrow;
   const content = React__default["default"].createElement("div", {
-    className: `${classPrefix$_}-content`
+    className: `${classPrefix$10}-content`
   }, isNodeWithContent(props.prefix) && React__default["default"].createElement("div", {
-    className: `${classPrefix$_}-content-prefix`
+    className: `${classPrefix$10}-content-prefix`
   }, props.prefix), React__default["default"].createElement("div", {
-    className: `${classPrefix$_}-content-main`
+    className: `${classPrefix$10}-content-main`
   }, isNodeWithContent(props.title) && React__default["default"].createElement("div", {
-    className: `${classPrefix$_}-title`
+    className: `${classPrefix$10}-title`
   }, props.title), props.children, isNodeWithContent(props.description) && React__default["default"].createElement("div", {
-    className: `${classPrefix$_}-description`
+    className: `${classPrefix$10}-description`
   }, props.description)), isNodeWithContent(props.extra) && React__default["default"].createElement("div", {
-    className: `${classPrefix$_}-content-extra`
+    className: `${classPrefix$10}-content-extra`
   }, props.extra), isNodeWithContent(arrow) && React__default["default"].createElement("div", {
-    className: `${classPrefix$_}-content-arrow`
+    className: `${classPrefix$10}-content-arrow`
   }, arrow === true ? React__default["default"].createElement(antdMobileIcons.RightOutline, null) : arrow));
   return withNativeProps(props, React__default["default"].createElement(clickable ? "a" : "div", {
-    className: classNames__default["default"](`${classPrefix$_}`, clickable ? ["adm-plain-anchor"] : [], props.disabled && `${classPrefix$_}-disabled`),
+    className: classNames__default["default"](`${classPrefix$10}`, clickable ? ["adm-plain-anchor"] : [], props.disabled && `${classPrefix$10}-disabled`),
     onClick: props.disabled ? void 0 : props.onClick
   }, content));
 };
@@ -11118,14 +11122,14 @@ var List = attachPropertiesToComponent(List$1, {
   Item: ListItem
 });
 const CheckListContext = React$1.createContext(null);
-const classPrefix$Z = "adm-check-list";
-const defaultProps$O = {
+const classPrefix$$ = "adm-check-list";
+const defaultProps$Q = {
   multiple: false,
   defaultValue: [],
   activeIcon: React__default["default"].createElement(antdMobileIcons.CheckOutline, null)
 };
 const CheckList$1 = (p2) => {
-  const props = mergeProps(defaultProps$O, p2);
+  const props = mergeProps(defaultProps$Q, p2);
   const [value, setValue] = usePropsValue(props);
   function check(val) {
     if (props.multiple) {
@@ -11153,10 +11157,10 @@ const CheckList$1 = (p2) => {
     }
   }, withNativeProps(props, React__default["default"].createElement(List, {
     mode: props.mode,
-    className: classPrefix$Z
+    className: classPrefix$$
   }, props.children)));
 };
-const classPrefix$Y = `adm-check-list-item`;
+const classPrefix$_ = `adm-check-list-item`;
 const CheckListItem = (props) => {
   const context = React$1.useContext(CheckListContext);
   if (context === null) {
@@ -11165,11 +11169,11 @@ const CheckListItem = (props) => {
   const active = context.value.includes(props.value);
   const readOnly = props.readOnly || context.readOnly;
   const extra = React__default["default"].createElement("div", {
-    className: `${classPrefix$Y}-extra`
+    className: `${classPrefix$_}-extra`
   }, active ? context.activeIcon : null);
   return withNativeProps(props, React__default["default"].createElement(List.Item, {
     title: props.title,
-    className: classNames__default["default"](classPrefix$Y, readOnly && `${classPrefix$Y}-readonly`, active && `${classPrefix$Y}-active`),
+    className: classNames__default["default"](classPrefix$_, readOnly && `${classPrefix$_}-readonly`, active && `${classPrefix$_}-active`),
     description: props.description,
     prefix: props.prefix,
     onClick: (e2) => {
@@ -11232,16 +11236,11 @@ function useCascaderValueExtend(options) {
   }, [options]);
   const generateIsLeaf = React$1.useMemo(() => {
     return memoize_1((val) => {
-      var _a;
-      let isLeaf = false;
-      for (const v of val) {
-        const target = options.find((option) => option.value === v);
-        if (!target) {
-          break;
-        }
-        isLeaf = ((_a = target.children) === null || _a === void 0 ? void 0 : _a.length) === val.length;
-      }
-      return isLeaf;
+      const children = val.reduce((currentOptions, v) => {
+        var _a;
+        return ((_a = currentOptions.find((option) => option.value === v)) === null || _a === void 0 ? void 0 : _a.children) || [];
+      }, options);
+      return children.length === 0;
     }, (val) => JSON.stringify(val));
   }, [options]);
   function generateValueExtend(val) {
@@ -11265,18 +11264,18 @@ function generateIntArray(from, to) {
   }
   return array;
 }
-const classPrefix$X = "adm-skeleton";
+const classPrefix$Z = "adm-skeleton";
 const Skeleton$1 = (props) => {
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: classNames__default["default"](classPrefix$X, {
-      [`${classPrefix$X}-animated`]: props.animated
+    className: classNames__default["default"](classPrefix$Z, {
+      [`${classPrefix$Z}-animated`]: props.animated
     })
   }));
 };
 const SkeletonTitle = (props) => {
   return withNativeProps(props, React__default["default"].createElement(Skeleton$1, {
     animated: props.animated,
-    className: `${classPrefix$X}-title`
+    className: `${classPrefix$Z}-title`
   }));
 };
 const defaultSkeletonParagraphProps = {
@@ -11286,11 +11285,11 @@ const SkeletonParagraph = (p2) => {
   const props = mergeProps(defaultSkeletonParagraphProps, p2);
   const keys2 = generateIntArray(1, props.lineCount);
   const node = React__default["default"].createElement("div", {
-    className: `${classPrefix$X}-paragraph`
+    className: `${classPrefix$Z}-paragraph`
   }, keys2.map((key) => React__default["default"].createElement(Skeleton$1, {
     key,
     animated: props.animated,
-    className: `${classPrefix$X}-paragraph-line`
+    className: `${classPrefix$Z}-paragraph-line`
   })));
   return withNativeProps(props, node);
 };
@@ -11298,15 +11297,15 @@ var Skeleton = attachPropertiesToComponent(Skeleton$1, {
   Title: SkeletonTitle,
   Paragraph: SkeletonParagraph
 });
-const classPrefix$W = `adm-cascader-view`;
-const defaultProps$N = {
+const classPrefix$Y = `adm-cascader-view`;
+const defaultProps$P = {
   defaultValue: []
 };
 const CascaderView$1 = (p2) => {
   const {
     locale
   } = useConfig();
-  const props = mergeProps(defaultProps$N, {
+  const props = mergeProps(defaultProps$P, {
     placeholder: locale.Cascader.placeholder
   }, p2);
   const [value, setValue] = usePropsValue(Object.assign(Object.assign({}, props), {
@@ -11315,7 +11314,7 @@ const CascaderView$1 = (p2) => {
       (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, val, generateValueExtend(val));
     }
   }));
-  const [tabActiveKey, setTabActiveKey] = React$1.useState(0);
+  const [tabActiveIndex, setTabActiveIndex] = React$1.useState(0);
   const generateValueExtend = useCascaderValueExtend(props.options);
   const levels = React$1.useMemo(() => {
     const ret = [];
@@ -11342,14 +11341,14 @@ const CascaderView$1 = (p2) => {
     return ret;
   }, [value, props.options]);
   React$1.useEffect(() => {
-    setTabActiveKey(levels.length - 1);
+    setTabActiveIndex(levels.length - 1);
   }, [value]);
   React$1.useEffect(() => {
     const max = levels.length - 1;
-    if (tabActiveKey > max) {
-      setTabActiveKey(max);
+    if (tabActiveIndex > max) {
+      setTabActiveIndex(max);
     }
-  }, [tabActiveKey, levels]);
+  }, [tabActiveIndex, levels]);
   const onItemSelect = (selectValue, depth) => {
     const next = value.slice(0, depth);
     if (selectValue !== void 0) {
@@ -11358,35 +11357,40 @@ const CascaderView$1 = (p2) => {
     setValue(next);
   };
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: classPrefix$W
+    className: classPrefix$Y
   }, React__default["default"].createElement(Tabs, {
-    activeKey: tabActiveKey.toString(),
-    onChange: (key) => setTabActiveKey(parseInt(key)),
+    activeKey: tabActiveIndex.toString(),
+    onChange: (key) => {
+      var _a;
+      const activeIndex = parseInt(key);
+      setTabActiveIndex(activeIndex);
+      (_a = props.onTabsChange) === null || _a === void 0 ? void 0 : _a.call(props, activeIndex);
+    },
     stretch: false,
-    className: `${classPrefix$W}-tabs`
+    className: `${classPrefix$Y}-tabs`
   }, levels.map((level, index2) => {
     const selected = level.selected;
     return React__default["default"].createElement(Tabs.Tab, {
-      key: index2,
+      key: index2.toString(),
       title: React__default["default"].createElement("div", {
-        className: `${classPrefix$W}-header-title`
+        className: `${classPrefix$Y}-header-title`
       }, selected ? selected.label : props.placeholder),
       forceRender: true
     }, React__default["default"].createElement("div", {
-      className: `${classPrefix$W}-content`
+      className: `${classPrefix$Y}-content`
     }, level.options === optionSkeleton ? React__default["default"].createElement("div", {
-      className: `${classPrefix$W}-skeleton`
+      className: `${classPrefix$Y}-skeleton`
     }, React__default["default"].createElement(Skeleton, {
-      className: `${classPrefix$W}-skeleton-line-1`,
+      className: `${classPrefix$Y}-skeleton-line-1`,
       animated: true
     }), React__default["default"].createElement(Skeleton, {
-      className: `${classPrefix$W}-skeleton-line-2`,
+      className: `${classPrefix$Y}-skeleton-line-2`,
       animated: true
     }), React__default["default"].createElement(Skeleton, {
-      className: `${classPrefix$W}-skeleton-line-3`,
+      className: `${classPrefix$Y}-skeleton-line-3`,
       animated: true
     }), React__default["default"].createElement(Skeleton, {
-      className: `${classPrefix$W}-skeleton-line-4`,
+      className: `${classPrefix$Y}-skeleton-line-4`,
       animated: true
     })) : React__default["default"].createElement(CheckList, {
       value: [value[index2]],
@@ -11397,8 +11401,8 @@ const CascaderView$1 = (p2) => {
         value: option.value,
         key: option.value,
         disabled: option.disabled,
-        className: classNames__default["default"](`${classPrefix$W}-item`, {
-          [`${classPrefix$W}-item-active`]: active
+        className: classNames__default["default"](`${classPrefix$Y}-item`, {
+          [`${classPrefix$Y}-item-active`]: active
         })
       }, option.label);
     }))));
@@ -11407,8 +11411,8 @@ const CascaderView$1 = (p2) => {
 var CascaderView = attachPropertiesToComponent(CascaderView$1, {
   optionSkeleton
 });
-const classPrefix$V = `adm-cascader`;
-const defaultProps$M = {
+const classPrefix$X = `adm-cascader`;
+const defaultProps$O = {
   defaultValue: []
 };
 const Cascader = (p2) => {
@@ -11416,7 +11420,7 @@ const Cascader = (p2) => {
   const {
     locale
   } = useConfig();
-  const props = mergeProps(defaultProps$M, {
+  const props = mergeProps(defaultProps$O, {
     confirmText: locale.common.confirm,
     cancelText: locale.common.cancel,
     placeholder: locale.Cascader.placeholder
@@ -11440,27 +11444,27 @@ const Cascader = (p2) => {
     }
   }, [value]);
   const cascaderElement = withNativeProps(props, React__default["default"].createElement("div", {
-    className: classPrefix$V
+    className: classPrefix$X
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$V}-header`
+    className: `${classPrefix$X}-header`
   }, React__default["default"].createElement("a", {
-    className: `${classPrefix$V}-header-button`,
+    className: `${classPrefix$X}-header-button`,
     onClick: () => {
       var _a2, _b;
       (_a2 = props.onCancel) === null || _a2 === void 0 ? void 0 : _a2.call(props);
       (_b = props.onClose) === null || _b === void 0 ? void 0 : _b.call(props);
     }
   }, props.cancelText), React__default["default"].createElement("div", {
-    className: `${classPrefix$V}-header-title`
+    className: `${classPrefix$X}-header-title`
   }, props.title), React__default["default"].createElement("a", {
-    className: `${classPrefix$V}-header-button`,
+    className: `${classPrefix$X}-header-button`,
     onClick: () => {
       var _a2;
       setValue(innerValue);
       (_a2 = props.onClose) === null || _a2 === void 0 ? void 0 : _a2.call(props);
     }
   }, props.confirmText)), React__default["default"].createElement("div", {
-    className: `${classPrefix$V}-body`
+    className: `${classPrefix$X}-body`
   }, React__default["default"].createElement(CascaderView, Object.assign({}, props, {
     value: innerValue,
     onChange: (val, ext) => {
@@ -11523,14 +11527,95 @@ var index$e = attachPropertiesToComponent(Cascader, {
   prompt: prompt$1,
   optionSkeleton
 });
+var centerPopup = "";
+function useInnerVisible(outerVisible) {
+  const [innerVisible, setInnerVisible] = React$1.useState(outerVisible);
+  ahooks.useIsomorphicLayoutEffect(() => {
+    setInnerVisible(outerVisible);
+  }, [outerVisible]);
+  return innerVisible;
+}
+const defaultProps$N = {
+  destroyOnClose: false,
+  disableBodyScroll: true,
+  forceRender: false,
+  getContainer: null,
+  mask: true,
+  showCloseButton: false,
+  stopPropagation: ["click"],
+  visible: false
+};
+const CenterPopup = (p2) => {
+  const props = mergeProps(defaultProps$N, p2);
+  const unmountedRef = ahooks.useUnmountedRef();
+  const style = web.useSpring({
+    scale: props.visible ? 1 : 0.8,
+    opacity: props.visible ? 1 : 0,
+    config: {
+      mass: 1.2,
+      tension: 200,
+      friction: 25,
+      clamp: true
+    },
+    onRest: () => {
+      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);
+      } else {
+        (_b = props.afterClose) === null || _b === void 0 ? void 0 : _b.call(props);
+      }
+    }
+  });
+  const [active, setActive] = React$1.useState(props.visible);
+  ahooks.useIsomorphicLayoutEffect(() => {
+    if (props.visible) {
+      setActive(true);
+    }
+  }, [props.visible]);
+  const ref = React$1.useRef(null);
+  useLockScroll(ref, props.disableBodyScroll && active);
+  const maskVisible = useInnerVisible(active && props.visible);
+  const body = React__default["default"].createElement("div", {
+    className: classNames__default["default"]("adm-center-popup-body", props.bodyClassName),
+    style: props.bodyStyle
+  }, props.children);
+  const node = withStopPropagation(props.stopPropagation, withNativeProps(props, React__default["default"].createElement("div", {
+    className: "adm-center-popup",
+    style: {
+      display: active ? void 0 : "none",
+      pointerEvents: active ? void 0 : "none"
+    }
+  }, props.mask && React__default["default"].createElement(Mask, {
+    visible: maskVisible,
+    forceRender: props.forceRender,
+    destroyOnClose: props.destroyOnClose,
+    onMaskClick: props.onMaskClick,
+    style: props.maskStyle,
+    className: classNames__default["default"]("adm-center-popup-mask", props.maskClassName),
+    disableBodyScroll: false
+  }), React__default["default"].createElement("div", {
+    className: "adm-center-popup-wrap"
+  }, React__default["default"].createElement(web.animated.div, {
+    style,
+    ref
+  }, body)))));
+  return React__default["default"].createElement(ShouldRender, {
+    active,
+    forceRender: props.forceRender,
+    destroyOnClose: props.destroyOnClose
+  }, renderToContainer(props.getContainer, node));
+};
 var checkbox = "";
 const CheckboxGroupContext = React$1.createContext(null);
-const defaultProps$L = {
+const defaultProps$M = {
   disabled: false,
   defaultValue: []
 };
 const Group$1 = (p2) => {
-  const props = mergeProps(defaultProps$L, p2);
+  const props = mergeProps(defaultProps$M, p2);
   const [value, setValue] = usePropsValue(props);
   return React__default["default"].createElement(CheckboxGroupContext.Provider, {
     value: {
@@ -11589,14 +11674,14 @@ const NativeInput = (props) => {
     id: props.id
   });
 };
-const classPrefix$U = `adm-checkbox`;
-const defaultProps$K = {
+const classPrefix$W = `adm-checkbox`;
+const defaultProps$L = {
   defaultChecked: false,
   indeterminate: false
 };
 const Checkbox$1 = (p2) => {
   const groupContext = React$1.useContext(CheckboxGroupContext);
-  const props = mergeProps(defaultProps$K, p2);
+  const props = mergeProps(defaultProps$L, p2);
   let [checked, setChecked] = usePropsValue({
     value: props.checked,
     defaultValue: props.defaultChecked,
@@ -11622,19 +11707,19 @@ const Checkbox$1 = (p2) => {
   const renderIcon = () => {
     if (props.icon) {
       return React__default["default"].createElement("div", {
-        className: `${classPrefix$U}-custom-icon`
+        className: `${classPrefix$W}-custom-icon`
       }, props.icon(checked, props.indeterminate));
     }
     return React__default["default"].createElement("div", {
-      className: `${classPrefix$U}-icon`
+      className: `${classPrefix$W}-icon`
     }, props.indeterminate ? React__default["default"].createElement(IndeterminateIcon, null) : checked && React__default["default"].createElement(CheckIcon, null));
   };
   return withNativeProps(props, React__default["default"].createElement("label", {
-    className: classNames__default["default"](classPrefix$U, {
-      [`${classPrefix$U}-checked`]: checked && !props.indeterminate,
-      [`${classPrefix$U}-indeterminate`]: props.indeterminate,
-      [`${classPrefix$U}-disabled`]: disabled,
-      [`${classPrefix$U}-block`]: props.block
+    className: classNames__default["default"](classPrefix$W, {
+      [`${classPrefix$W}-checked`]: checked && !props.indeterminate,
+      [`${classPrefix$W}-indeterminate`]: props.indeterminate,
+      [`${classPrefix$W}-disabled`]: disabled,
+      [`${classPrefix$W}-block`]: props.block
     })
   }, React__default["default"].createElement(NativeInput, {
     type: "checkbox",
@@ -11643,14 +11728,14 @@ const Checkbox$1 = (p2) => {
     disabled,
     id: props.id
   }), renderIcon(), props.children && React__default["default"].createElement("div", {
-    className: `${classPrefix$U}-content`
+    className: `${classPrefix$W}-content`
   }, props.children)));
 };
 var Checkbox = attachPropertiesToComponent(Checkbox$1, {
   Group: Group$1
 });
 var collapse = "";
-const classPrefix$T = `adm-collapse`;
+const classPrefix$V = `adm-collapse`;
 const CollapsePanel = () => {
   return null;
 };
@@ -11704,7 +11789,7 @@ const CollapsePanelContent = (props) => {
     }
   }, [visible]);
   return React__default["default"].createElement(web.animated.div, {
-    className: `${classPrefix$T}-panel-content`,
+    className: `${classPrefix$V}-panel-content`,
     style: {
       height: height.to((v) => {
         if (height.idle && visible) {
@@ -11715,7 +11800,7 @@ const CollapsePanelContent = (props) => {
       })
     }
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$T}-panel-content-inner`,
+    className: `${classPrefix$V}-panel-content-inner`,
     ref: innerRef
   }, React__default["default"].createElement(List.Item, null, shouldRender && props.children)));
 };
@@ -11744,7 +11829,7 @@ const Collapse = (props) => {
   });
   const activeKeyList = activeKey === null ? [] : Array.isArray(activeKey) ? activeKey : [activeKey];
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: classPrefix$T
+    className: classPrefix$V
   }, React__default["default"].createElement(List, null, panels.map((panel) => {
     const key = panel.key;
     const active = activeKeyList.includes(key);
@@ -11774,15 +11859,15 @@ const Collapse = (props) => {
         arrow = panel.props.arrow;
       }
       return typeof arrow === "function" ? arrow(active) : React__default["default"].createElement("div", {
-        className: classNames__default["default"](`${classPrefix$T}-arrow`, {
-          [`${classPrefix$T}-arrow-active`]: active
+        className: classNames__default["default"](`${classPrefix$V}-arrow`, {
+          [`${classPrefix$V}-arrow-active`]: active
         })
       }, arrow);
     };
     return React__default["default"].createElement(React__default["default"].Fragment, {
       key
     }, withNativeProps(panel.props, React__default["default"].createElement(List.Item, {
-      className: `${classPrefix$T}-panel-header`,
+      className: `${classPrefix$V}-panel-header`,
       onClick: handleClick,
       disabled: panel.props.disabled,
       arrow: renderArrow()
@@ -12110,7 +12195,7 @@ const defaultRenderLabel = (precision, data) => {
   }
 };
 const thisYear$1 = new Date().getFullYear();
-const defaultProps$J = {
+const defaultProps$K = {
   min: new Date(new Date().setFullYear(thisYear$1 - 10)),
   max: new Date(new Date().setFullYear(thisYear$1 + 10)),
   precision: "day",
@@ -12118,7 +12203,7 @@ const defaultProps$J = {
   defaultValue: null
 };
 const DatePicker = React$1.forwardRef((p2, ref) => {
-  const props = mergeProps(defaultProps$J, p2);
+  const props = mergeProps(defaultProps$K, p2);
   const [value, setValue] = usePropsValue({
     value: props.value,
     defaultValue: props.defaultValue,
@@ -12202,7 +12287,7 @@ var index$c = attachPropertiesToComponent(DatePicker, {
   prompt
 });
 const thisYear = new Date().getFullYear();
-const defaultProps$I = {
+const defaultProps$J = {
   min: new Date(new Date().setFullYear(thisYear - 10)),
   max: new Date(new Date().setFullYear(thisYear + 10)),
   precision: "day",
@@ -12210,7 +12295,7 @@ const defaultProps$I = {
 };
 const DatePickerView = (p2) => {
   var _a;
-  const props = mergeProps(defaultProps$I, p2);
+  const props = mergeProps(defaultProps$J, p2);
   const [value, setValue] = usePropsValue({
     value: props.value,
     defaultValue: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : null
@@ -12282,20 +12367,20 @@ const BrokenImageIcon = () => React__default["default"].createElement("svg", {
   fill: "#DBDBDB",
   fillRule: "nonzero"
 }));
-const classPrefix$S = `adm-image`;
-const defaultProps$H = {
+const classPrefix$U = `adm-image`;
+const defaultProps$I = {
   fit: "fill",
   placeholder: React__default["default"].createElement("div", {
-    className: `${classPrefix$S}-tip`
+    className: `${classPrefix$U}-tip`
   }, React__default["default"].createElement(ImageIcon, null)),
   fallback: React__default["default"].createElement("div", {
-    className: `${classPrefix$S}-tip`
+    className: `${classPrefix$U}-tip`
   }, React__default["default"].createElement(BrokenImageIcon, null)),
   lazy: false,
   draggable: false
 };
 const Image$1 = stagedComponents.staged((p2) => {
-  const props = mergeProps(defaultProps$H, p2);
+  const props = mergeProps(defaultProps$I, p2);
   const [loaded, setLoaded] = React$1.useState(false);
   const [failed, setFailed] = React$1.useState(false);
   const ref = React$1.useRef(null);
@@ -12313,7 +12398,7 @@ const Image$1 = stagedComponents.staged((p2) => {
       return React__default["default"].createElement(React__default["default"].Fragment, null, props.fallback);
     }
     const img = React__default["default"].createElement("img", {
-      className: `${classPrefix$S}-img`,
+      className: `${classPrefix$U}-img`,
       src,
       alt: props.alt,
       onClick: props.onClick,
@@ -12345,13 +12430,15 @@ const Image$1 = stagedComponents.staged((p2) => {
   const style = {};
   if (props.width) {
     style["--width"] = toCSSLength(props.width);
+    style["width"] = toCSSLength(props.width);
   }
   if (props.height) {
     style["--height"] = toCSSLength(props.height);
+    style["height"] = toCSSLength(props.height);
   }
   return withNativeProps(props, React__default["default"].createElement("div", {
     ref,
-    className: classPrefix$S,
+    className: classPrefix$U,
     style
   }, props.lazy && !initialized && React__default["default"].createElement(LazyDetector, {
     onActive: () => {
@@ -12359,59 +12446,14 @@ const Image$1 = stagedComponents.staged((p2) => {
     }
   }), renderInner()));
 });
-function useInnerVisible(outerVisible) {
-  const [innerVisible, setInnerVisible] = React$1.useState(outerVisible);
-  ahooks.useIsomorphicLayoutEffect(() => {
-    setInnerVisible(outerVisible);
-  }, [outerVisible]);
-  return innerVisible;
-}
-const defaultProps$G = {
-  visible: false,
+const defaultProps$H = {
   actions: [],
   closeOnAction: false,
-  closeOnMaskClick: false,
-  stopPropagation: ["click"],
-  getContainer: null,
-  disableBodyScroll: true,
-  destroyOnClose: false,
-  forceRender: false
+  closeOnMaskClick: false
 };
 const Dialog = (p2) => {
-  const props = mergeProps(defaultProps$G, p2);
-  const unmountedRef = ahooks.useUnmountedRef();
-  const style = web.useSpring({
-    scale: props.visible ? 1 : 0.8,
-    opacity: props.visible ? 1 : 0,
-    config: {
-      mass: 1.2,
-      tension: 200,
-      friction: 25,
-      clamp: true
-    },
-    onRest: () => {
-      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);
-      } else {
-        (_b = props.afterClose) === null || _b === void 0 ? void 0 : _b.call(props);
-      }
-    }
-  });
-  const [active, setActive] = React$1.useState(props.visible);
-  ahooks.useIsomorphicLayoutEffect(() => {
-    if (props.visible) {
-      setActive(true);
-    }
-  }, [props.visible]);
-  const maskVisible = useInnerVisible(active && props.visible);
-  const body = React__default["default"].createElement("div", {
-    className: classNames__default["default"](cls$1("body"), props.image && cls$1("with-image"), props.bodyClassName),
-    style: props.bodyStyle
-  }, !!props.image && React__default["default"].createElement("div", {
+  const props = mergeProps(defaultProps$H, p2);
+  const element = React__default["default"].createElement(React__default["default"].Fragment, null, !!props.image && React__default["default"].createElement("div", {
     className: cls$1("image-container")
   }, React__default["default"].createElement(Image$1, {
     src: props.image,
@@ -12442,28 +12484,26 @@ const Dialog = (p2) => {
       })
     })));
   })));
-  const node = withStopPropagation(props.stopPropagation, withNativeProps(props, React__default["default"].createElement("div", {
-    className: cls$1(),
-    style: {
-      display: active ? void 0 : "none",
-      pointerEvents: active ? void 0 : "none"
-    }
-  }, React__default["default"].createElement(Mask, {
-    visible: maskVisible,
-    onMaskClick: props.closeOnMaskClick ? props.onClose : void 0,
-    style: props.maskStyle,
-    className: classNames__default["default"](cls$1("mask"), props.maskClassName),
-    disableBodyScroll: props.disableBodyScroll
-  }), React__default["default"].createElement("div", {
-    className: cls$1("wrap")
-  }, React__default["default"].createElement(web.animated.div, {
-    style
-  }, body)))));
-  return React__default["default"].createElement(ShouldRender, {
-    active,
-    forceRender: props.forceRender,
-    destroyOnClose: props.destroyOnClose
-  }, renderToContainer(props.getContainer, node));
+  return React__default["default"].createElement(CenterPopup, {
+    className: classNames__default["default"](cls$1(), props.className),
+    style: props.style,
+    afterClose: props.afterClose,
+    afterShow: props.afterShow,
+    onMaskClick: props.closeOnMaskClick ? () => {
+      var _a;
+      (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+    } : void 0,
+    visible: props.visible,
+    getContainer: props.getContainer,
+    bodyStyle: props.bodyStyle,
+    bodyClassName: classNames__default["default"](cls$1("body"), props.image && cls$1("with-image"), props.bodyClassName),
+    maskStyle: props.maskStyle,
+    maskClassName: props.maskClassName,
+    stopPropagation: props.stopPropagation,
+    disableBodyScroll: props.disableBodyScroll,
+    destroyOnClose: props.destroyOnClose,
+    forceRender: props.forceRender
+  }, element);
 };
 function cls$1(name = "") {
   return "adm-dialog" + (name && "-") + name;
@@ -12501,7 +12541,7 @@ function alert$1(p2) {
     }));
   });
 }
-const defaultProps$F = {
+const defaultProps$G = {
   confirmText: "\u786E\u8BA4",
   cancelText: "\u53D6\u6D88"
 };
@@ -12509,7 +12549,7 @@ function confirm$1(p2) {
   const {
     locale
   } = getDefaultConfig();
-  const props = mergeProps(defaultProps$F, {
+  const props = mergeProps(defaultProps$G, {
     confirmText: locale.common.confirm,
     cancelText: locale.common.cancel
   }, p2);
@@ -12554,37 +12594,37 @@ var index$b = attachPropertiesToComponent(Dialog, {
   clear: clear$2
 });
 var divider = "";
-const classPrefix$R = `adm-divider`;
-const defaultProps$E = {
+const classPrefix$T = `adm-divider`;
+const defaultProps$F = {
   contentPosition: "center",
   direction: "horizontal"
 };
 const Divider = (p2) => {
-  const props = mergeProps(defaultProps$E, p2);
+  const props = mergeProps(defaultProps$F, p2);
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: classNames__default["default"](classPrefix$R, `${classPrefix$R}-${props.direction}`, `${classPrefix$R}-${props.contentPosition}`)
+    className: classNames__default["default"](classPrefix$T, `${classPrefix$T}-${props.direction}`, `${classPrefix$T}-${props.contentPosition}`)
   }, props.children && React__default["default"].createElement("div", {
-    className: `${classPrefix$R}-content`
+    className: `${classPrefix$T}-content`
   }, props.children)));
 };
 var dropdown = "";
-const classPrefix$Q = `adm-dropdown-item`;
+const classPrefix$S = `adm-dropdown-item`;
 const Item = (props) => {
   var _a;
-  const cls2 = classNames__default["default"](classPrefix$Q, {
-    [`${classPrefix$Q}-active`]: props.active,
-    [`${classPrefix$Q}-highlight`]: (_a = props.highlight) !== null && _a !== void 0 ? _a : props.active
+  const cls2 = classNames__default["default"](classPrefix$S, {
+    [`${classPrefix$S}-active`]: props.active,
+    [`${classPrefix$S}-highlight`]: (_a = props.highlight) !== null && _a !== void 0 ? _a : props.active
   });
   return withNativeProps(props, React__default["default"].createElement("div", {
     className: cls2,
     onClick: props.onClick
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$Q}-title`
+    className: `${classPrefix$S}-title`
   }, React__default["default"].createElement("span", {
-    className: `${classPrefix$Q}-title-text`
+    className: `${classPrefix$S}-title-text`
   }, props.title), React__default["default"].createElement("span", {
-    className: classNames__default["default"](`${classPrefix$Q}-title-arrow`, {
-      [`${classPrefix$Q}-title-arrow-active`]: props.active
+    className: classNames__default["default"](`${classPrefix$S}-title-arrow`, {
+      [`${classPrefix$S}-title-arrow-active`]: props.active
     })
   }, props.arrow === void 0 ? React__default["default"].createElement(antdMobileIcons.DownFill, null) : props.arrow))));
 };
@@ -12593,22 +12633,22 @@ const ItemChildrenWrap = (props) => {
     active = false
   } = props;
   const shouldRender = useShouldRender(active, props.forceRender, props.destroyOnClose);
-  const cls2 = classNames__default["default"](`${classPrefix$Q}-content`, {
-    [`${classPrefix$Q}-content-hidden`]: !active
+  const cls2 = classNames__default["default"](`${classPrefix$S}-content`, {
+    [`${classPrefix$S}-content-hidden`]: !active
   });
   return shouldRender ? React__default["default"].createElement("div", {
     className: cls2,
     onClick: props.onClick
   }, props.children) : null;
 };
-const classPrefix$P = `adm-dropdown`;
-const defaultProps$D = {
+const classPrefix$R = `adm-dropdown`;
+const defaultProps$E = {
   defaultActiveKey: null,
   closeOnMaskClick: true,
   closeOnClickAway: false
 };
 const Dropdown = React$1.forwardRef((p2, ref) => {
-  const props = mergeProps(defaultProps$D, p2);
+  const props = mergeProps(defaultProps$E, p2);
   const [value, setValue] = usePropsValue({
     value: props.activeKey,
     defaultValue: props.defaultActiveKey,
@@ -12664,19 +12704,19 @@ const Dropdown = React$1.forwardRef((p2, ref) => {
     }
   }), [setValue]);
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: classNames__default["default"](classPrefix$P, {
-      [`${classPrefix$P}-open`]: !!value
+    className: classNames__default["default"](classPrefix$R, {
+      [`${classPrefix$R}-open`]: !!value
     }),
     ref: containerRef
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$P}-nav`,
+    className: `${classPrefix$R}-nav`,
     ref: navRef
   }, navs), React__default["default"].createElement(Popup, {
     visible: !!value,
     position: "top",
-    className: `${classPrefix$P}-popup`,
-    maskClassName: `${classPrefix$P}-popup-mask`,
-    bodyClassName: `${classPrefix$P}-popup-body`,
+    className: `${classPrefix$R}-popup`,
+    maskClassName: `${classPrefix$R}-popup-mask`,
+    bodyClassName: `${classPrefix$R}-popup-body`,
     style: {
       top
     },
@@ -12700,8 +12740,8 @@ var index$a = attachPropertiesToComponent(Dropdown, {
   Item
 });
 var ellipsis = "";
-const classPrefix$O = `adm-ellipsis`;
-const defaultProps$C = {
+const classPrefix$Q = `adm-ellipsis`;
+const defaultProps$D = {
   direction: "end",
   rows: 1,
   expandText: "",
@@ -12711,7 +12751,7 @@ const defaultProps$C = {
   }
 };
 const Ellipsis = (p2) => {
-  const props = mergeProps(defaultProps$C, p2);
+  const props = mergeProps(defaultProps$D, p2);
   const rootRef = React$1.useRef(null);
   const [ellipsised, setEllipsised] = React$1.useState({});
   const [expanded, setExpanded] = React$1.useState(false);
@@ -12736,7 +12776,6 @@ const Ellipsis = (p2) => {
     container.style.textOverflow = "clip";
     container.style.whiteSpace = "normal";
     container.style.webkitLineClamp = "unset";
-    container.style.webkitBoxOrient = "unset";
     container.style.display = "block";
     const lineHeight = pxToNumber(originStyle.lineHeight);
     const maxHeight = Math.floor(lineHeight * (props.rows + 0.5) + pxToNumber(originStyle.paddingTop) + pxToNumber(originStyle.paddingBottom));
@@ -12827,7 +12866,7 @@ const Ellipsis = (p2) => {
   };
   return withNativeProps(props, React__default["default"].createElement("div", {
     ref: rootRef,
-    className: classPrefix$O,
+    className: classPrefix$Q,
     onClick: (e2) => {
       if (e2.target === e2.currentTarget) {
         props.onContentClick(e2);
@@ -12864,7 +12903,7 @@ const EmptyIcon = (props) => {
     fill: "#fafafa"
   })))));
 };
-const classPrefix$N = `adm-empty`;
+const classPrefix$P = `adm-empty`;
 const Empty = (props) => {
   function renderImageNode() {
     const {
@@ -12872,13 +12911,13 @@ const Empty = (props) => {
     } = props;
     if (image2 === void 0) {
       return React__default["default"].createElement(EmptyIcon, {
-        className: `${classPrefix$N}-image`,
+        className: `${classPrefix$P}-image`,
         style: props.imageStyle
       });
     }
     if (typeof image2 === "string") {
       return React__default["default"].createElement("img", {
-        className: `${classPrefix$N}-image`,
+        className: `${classPrefix$P}-image`,
         style: props.imageStyle,
         src: image2,
         alt: "empty"
@@ -12887,22 +12926,22 @@ const Empty = (props) => {
     return image2;
   }
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: classPrefix$N
+    className: classPrefix$P
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$N}-image-container`
+    className: `${classPrefix$P}-image-container`
   }, renderImageNode()), props.description && React__default["default"].createElement("div", {
-    className: classNames__default["default"](`${classPrefix$N}-description`)
+    className: classNames__default["default"](`${classPrefix$P}-description`)
   }, props.description)));
 };
 var errorBlock = "";
-const classPrefix$M = `adm-error-block`;
-const defaultProps$B = {
+const classPrefix$O = `adm-error-block`;
+const defaultProps$C = {
   status: "default"
 };
 function createErrorBlock(imageRecord2) {
   const ErrorBlock2 = (p2) => {
     var _a;
-    const props = mergeProps(defaultProps$B, p2);
+    const props = mergeProps(defaultProps$C, p2);
     const {
       locale
     } = useConfig();
@@ -12915,19 +12954,19 @@ function createErrorBlock(imageRecord2) {
       alt: "error block image"
     }) : image2;
     return withNativeProps(props, React__default["default"].createElement("div", {
-      className: classNames__default["default"](classPrefix$M, {
-        [`${classPrefix$M}-full-page`]: props.fullPage
+      className: classNames__default["default"](classPrefix$O, {
+        [`${classPrefix$O}-full-page`]: props.fullPage
       })
     }, React__default["default"].createElement("div", {
-      className: `${classPrefix$M}-image`
+      className: `${classPrefix$O}-image`
     }, imageNode), React__default["default"].createElement("div", {
-      className: `${classPrefix$M}-description`
+      className: `${classPrefix$O}-description`
     }, title && React__default["default"].createElement("div", {
-      className: `${classPrefix$M}-description-title`
+      className: `${classPrefix$O}-description-title`
     }, title), des && React__default["default"].createElement("div", {
-      className: `${classPrefix$M}-description-subtitle`
+      className: `${classPrefix$O}-description-subtitle`
     }, des)), props.children && React__default["default"].createElement("div", {
-      className: `${classPrefix$M}-content`
+      className: `${classPrefix$O}-content`
     }, props.children)));
   };
   return ErrorBlock2;
@@ -13434,12 +13473,12 @@ const imageRecord = {
 };
 const ErrorBlock = createErrorBlock(imageRecord);
 var floatingBubble = "";
-const classPrefix$L = `adm-floating-bubble`;
-const defaultProps$A = {
+const classPrefix$N = `adm-floating-bubble`;
+const defaultProps$B = {
   axis: "y"
 };
 const FloatingBubble = (p2) => {
-  const props = mergeProps(defaultProps$A, p2);
+  const props = mergeProps(defaultProps$B, p2);
   const boundaryRef = React$1.useRef(null);
   const buttonRef = React$1.useRef(null);
   const [{
@@ -13498,11 +13537,11 @@ const FloatingBubble = (p2) => {
     from: () => [x.get(), y.get()]
   });
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: classPrefix$L
+    className: classPrefix$N
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$L}-boundary-outer`
+    className: `${classPrefix$N}-boundary-outer`
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$L}-boundary`,
+    className: `${classPrefix$N}-boundary`,
     ref: boundaryRef
   })), React__default["default"].createElement(web.animated.div, Object.assign({}, bind(), {
     style: {
@@ -13510,7 +13549,7 @@ const FloatingBubble = (p2) => {
       transform: web.to([x, y], (x2, y2) => `translate(${x2}px, ${y2}px)`)
     },
     onClick: props.onClick,
-    className: `${classPrefix$L}-button`,
+    className: `${classPrefix$N}-button`,
     ref: buttonRef
   }), props.children)));
 };
@@ -13520,12 +13559,12 @@ function nearest(arr, target) {
     return Math.abs(pre - target) < Math.abs(cur - target) ? pre : cur;
   });
 }
-const defaultProps$z = {
+const defaultProps$A = {
   handleDraggingOfContent: true
 };
 const FloatingPanel = React$1.forwardRef((p2, ref) => {
   var _a, _b;
-  const props = mergeProps(defaultProps$z, p2);
+  const props = mergeProps(defaultProps$A, p2);
   const {
     anchors
   } = props;
@@ -13682,10 +13721,10 @@ const FormArray = (props) => {
     return React__default["default"].createElement(React__default["default"].Fragment, null, children);
   });
 };
-const classPrefix$K = "adm-form";
-const defaultProps$y = defaultFormContext;
+const classPrefix$M = "adm-form";
+const defaultProps$z = defaultFormContext;
 const Form$1 = React$1.forwardRef((p2, ref) => {
-  const props = mergeProps(defaultProps$y, p2);
+  const props = mergeProps(defaultProps$z, p2);
   const {
     className,
     style,
@@ -13733,7 +13772,7 @@ const Form$1 = React$1.forwardRef((p2, ref) => {
   });
   collect();
   return React__default["default"].createElement(RcForm__default["default"], Object.assign({
-    className: classNames__default["default"](classPrefix$K, className),
+    className: classNames__default["default"](classPrefix$M, className),
     style,
     ref
   }, formProps, {
@@ -13747,7 +13786,7 @@ const Form$1 = React$1.forwardRef((p2, ref) => {
       disabled
     }
   }, lists), footer && React__default["default"].createElement("div", {
-    className: `${classPrefix$K}-footer`
+    className: `${classPrefix$M}-footer`
   }, footer));
 });
 var FieldContext = {};
@@ -13982,15 +14021,15 @@ function convertPx(px) {
   tester.style.setProperty("--size", px.toString());
   return tester.getBoundingClientRect().height;
 }
-const classPrefix$J = `adm-popover`;
-const defaultProps$x = {
+const classPrefix$L = `adm-popover`;
+const defaultProps$y = {
   placement: "top",
   defaultVisible: false,
   stopPropagation: ["click"],
   getContainer: () => document.body
 };
 const Popover$1 = React$1.forwardRef((p2, ref) => {
-  const props = mergeProps(defaultProps$x, p2);
+  const props = mergeProps(defaultProps$y, p2);
   const {
     mode = "light"
   } = props;
@@ -14011,17 +14050,17 @@ const Popover$1 = React$1.forwardRef((p2, ref) => {
   const floatingRef = React$1.useRef(null);
   const arrowRef = React$1.useRef(null);
   const floating = withStopPropagation(props.stopPropagation, withNativeProps(props, React__default["default"].createElement("div", {
-    className: classNames__default["default"](classPrefix$J, `${classPrefix$J}-${mode}`, !visible && `${classPrefix$J}-hidden`),
+    className: classNames__default["default"](classPrefix$L, `${classPrefix$L}-${mode}`, !visible && `${classPrefix$L}-hidden`),
     ref: floatingRef
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$J}-arrow`,
+    className: `${classPrefix$L}-arrow`,
     ref: arrowRef
   }, React__default["default"].createElement(Arrow, {
-    className: `${classPrefix$J}-arrow-icon`
+    className: `${classPrefix$L}-arrow-icon`
   })), React__default["default"].createElement("div", {
-    className: `${classPrefix$J}-inner`
+    className: `${classPrefix$L}-inner`
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$J}-inner-content`
+    className: `${classPrefix$L}-inner-content`
   }, props.content)))));
   const [targetElement, setTargetElement] = React$1.useState(null);
   function update() {
@@ -14100,7 +14139,9 @@ const Popover$1 = React$1.forwardRef((p2, ref) => {
     const floatingElement = floatingRef.current;
     if (!targetElement || !floatingElement)
       return;
-    return dom.autoUpdate(targetElement, floatingElement, update);
+    return dom.autoUpdate(targetElement, floatingElement, update, {
+      elementResize: typeof ResizeObserver !== "undefined"
+    });
   }, [targetElement]);
   ahooks.useClickAway(() => {
     if (!props.trigger)
@@ -14115,7 +14156,7 @@ const Popover$1 = React$1.forwardRef((p2, ref) => {
     ref: targetRef
   }, props.children), shouldRender && renderToContainer(props.getContainer, floating));
 });
-const classPrefix$I = `adm-popover-menu`;
+const classPrefix$K = `adm-popover-menu`;
 const PopoverMenu = React$1.forwardRef((props, ref) => {
   const innerRef = React$1.useRef(null);
   React$1.useImperativeHandle(ref, () => innerRef.current, []);
@@ -14131,14 +14172,14 @@ const PopoverMenu = React$1.forwardRef((props, ref) => {
   }, [props.onAction]);
   const overlay = React$1.useMemo(() => {
     return React__default["default"].createElement("div", {
-      className: `${classPrefix$I}-list`
+      className: `${classPrefix$K}-list`
     }, React__default["default"].createElement("div", {
-      className: `${classPrefix$I}-list-inner`
+      className: `${classPrefix$K}-list-inner`
     }, props.actions.map((action, index2) => {
       var _a;
       return React__default["default"].createElement("a", {
         key: (_a = action.key) !== null && _a !== void 0 ? _a : index2,
-        className: classNames__default["default"](`${classPrefix$I}-item`, "adm-plain-anchor", action.disabled && `${classPrefix$I}-item-disabled`),
+        className: classNames__default["default"](`${classPrefix$K}-item`, "adm-plain-anchor", action.disabled && `${classPrefix$K}-item-disabled`),
         onClick: () => {
           var _a2;
           if (action.disabled)
@@ -14147,16 +14188,16 @@ const PopoverMenu = React$1.forwardRef((props, ref) => {
           (_a2 = action.onClick) === null || _a2 === void 0 ? void 0 : _a2.call(action);
         }
       }, action.icon && React__default["default"].createElement("div", {
-        className: `${classPrefix$I}-item-icon`
+        className: `${classPrefix$K}-item-icon`
       }, action.icon), React__default["default"].createElement("div", {
-        className: `${classPrefix$I}-item-text`
+        className: `${classPrefix$K}-item-text`
       }, action.text));
     })));
   }, [props.actions, onClick]);
   return React__default["default"].createElement(Popover$1, Object.assign({
     ref: innerRef
   }, props, {
-    className: classNames__default["default"](classPrefix$I, props.className),
+    className: classNames__default["default"](classPrefix$K, props.className),
     content: overlay
   }), props.children);
 });
@@ -14172,7 +14213,7 @@ function undefinedFallback(...items) {
   return items[i];
 }
 const NAME_SPLIT = "__SPLIT__";
-const classPrefix$H = `adm-form-item`;
+const classPrefix$J = `adm-form-item`;
 const MemoInput = React__default["default"].memo(({
   children
 }) => children, (prev, next) => prev.value === next.value && prev.update === next.update);
@@ -14205,39 +14246,39 @@ const FormItemLayout = (props) => {
     switch (requiredMarkStyle) {
       case "asterisk":
         return required && React__default["default"].createElement("span", {
-          className: `${classPrefix$H}-required-asterisk`
+          className: `${classPrefix$J}-required-asterisk`
         }, "*");
       case "text-required":
         return required && React__default["default"].createElement("span", {
-          className: `${classPrefix$H}-required-text`
+          className: `${classPrefix$J}-required-text`
         }, "(", locale.Form.required, ")");
       case "text-optional":
         return !required && React__default["default"].createElement("span", {
-          className: `${classPrefix$H}-required-text`
+          className: `${classPrefix$J}-required-text`
         }, "(", locale.Form.optional, ")");
       default:
         return null;
     }
   })();
   const labelElement = label ? React__default["default"].createElement("label", {
-    className: `${classPrefix$H}-label`,
+    className: `${classPrefix$J}-label`,
     htmlFor
   }, label, requiredMark, help && React__default["default"].createElement(Popover, {
     content: help,
     mode: "dark",
     trigger: "click"
   }, React__default["default"].createElement("span", {
-    className: `${classPrefix$H}-label-help`,
+    className: `${classPrefix$J}-label-help`,
     onClick: (e2) => {
       e2.preventDefault();
     }
   }, React__default["default"].createElement(antdMobileIcons.QuestionCircleOutline, null)))) : null;
   const description = React__default["default"].createElement(React__default["default"].Fragment, null, props.description, hasFeedback && React__default["default"].createElement(React__default["default"].Fragment, null, props.errors.map((error, index2) => React__default["default"].createElement("div", {
     key: `error-${index2}`,
-    className: `${classPrefix$H}-feedback-error`
+    className: `${classPrefix$J}-feedback-error`
   }, error)), props.warnings.map((warning2, index2) => React__default["default"].createElement("div", {
     key: `warning-${index2}`,
-    className: `${classPrefix$H}-feedback-warning`
+    className: `${classPrefix$J}-feedback-warning`
   }, warning2))));
   return React__default["default"].createElement(List.Item, {
     style,
@@ -14245,18 +14286,18 @@ const FormItemLayout = (props) => {
     prefix: layout === "horizontal" && labelElement,
     extra,
     description,
-    className: classNames__default["default"](classPrefix$H, className, `${classPrefix$H}-${layout}`, {
-      [`${classPrefix$H}-hidden`]: hidden,
-      [`${classPrefix$H}-has-error`]: props.errors.length
+    className: classNames__default["default"](classPrefix$J, className, `${classPrefix$J}-${layout}`, {
+      [`${classPrefix$J}-hidden`]: hidden,
+      [`${classPrefix$J}-has-error`]: props.errors.length
     }),
     disabled,
     onClick: props.onClick,
     clickable: props.clickable,
     arrow
   }, React__default["default"].createElement("div", {
-    className: classNames__default["default"](`${classPrefix$H}-child`, `${classPrefix$H}-child-position-${childElementPosition}`)
+    className: classNames__default["default"](`${classPrefix$J}-child`, `${classPrefix$J}-child-position-${childElementPosition}`)
   }, React__default["default"].createElement("div", {
-    className: classNames__default["default"](`${classPrefix$H}-child-inner`)
+    className: classNames__default["default"](`${classPrefix$J}-child-inner`)
   }, children)));
 };
 const FormItem = (props) => {
@@ -14451,7 +14492,7 @@ var Form = attachPropertiesToComponent(Form$1, {
   useWatch: RcForm.useWatch
 });
 var grid = "";
-const classPrefix$G = `adm-grid`;
+const classPrefix$I = `adm-grid`;
 const Grid$1 = (props) => {
   const style = {
     "--columns": props.columns.toString()
@@ -14468,7 +14509,7 @@ const Grid$1 = (props) => {
     }
   }
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: classPrefix$G,
+    className: classPrefix$I,
     style
   }, props.children));
 };
@@ -14480,7 +14521,7 @@ const GridItem = (p2) => {
     "--item-span": props.span
   };
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: `${classPrefix$G}-item`,
+    className: `${classPrefix$I}-item`,
     style: itemStyle,
     onClick: props.onClick
   }, props.children));
@@ -14490,7 +14531,7 @@ var Grid = attachPropertiesToComponent(Grid$1, {
 });
 var imageViewer = "";
 const useDragAndPinch = react.createUseGesture([react.dragAction, react.pinchAction]);
-const classPrefix$F = `adm-image-viewer`;
+const classPrefix$H = `adm-image-viewer`;
 const Slide = (props) => {
   const {
     dragLockRef
@@ -14605,17 +14646,17 @@ const Slide = (props) => {
     }
   });
   return React__default["default"].createElement("div", {
-    className: `${classPrefix$F}-slide`,
+    className: `${classPrefix$H}-slide`,
     onPointerMove: (e2) => {
       if (zoom.get() !== 1) {
         e2.stopPropagation();
       }
     }
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$F}-control`,
+    className: `${classPrefix$H}-control`,
     ref: controlRef
   }, React__default["default"].createElement(web.animated.div, {
-    className: `${classPrefix$F}-image-wrapper`,
+    className: `${classPrefix$H}-image-wrapper`,
     style: {
       translateX: x,
       translateY: y,
@@ -14628,7 +14669,7 @@ const Slide = (props) => {
     alt: props.image
   }))));
 };
-const classPrefix$E = `adm-image-viewer`;
+const classPrefix$G = `adm-image-viewer`;
 const Slides = React$1.forwardRef((props, ref) => {
   const slideWidth = window.innerWidth + convertPx(16);
   const [{
@@ -14685,14 +14726,14 @@ const Slides = React$1.forwardRef((props, ref) => {
     }
   });
   return React__default["default"].createElement("div", Object.assign({
-    className: `${classPrefix$E}-slides`
+    className: `${classPrefix$G}-slides`
   }, bind()), React__default["default"].createElement(web.animated.div, {
-    className: `${classPrefix$E}-indicator`
+    className: `${classPrefix$G}-indicator`
   }, x.to((v) => {
     const index2 = bound(Math.round(v / slideWidth), 0, count - 1);
     return `${index2 + 1} / ${count}`;
   })), React__default["default"].createElement(web.animated.div, {
-    className: `${classPrefix$E}-slides-inner`,
+    className: `${classPrefix$G}-slides-inner`,
     style: {
       x: x.to((x2) => -x2)
     }
@@ -14712,22 +14753,22 @@ const Slides = React$1.forwardRef((props, ref) => {
     dragLockRef
   }))));
 });
-const classPrefix$D = `adm-image-viewer`;
-const defaultProps$w = {
+const classPrefix$F = `adm-image-viewer`;
+const defaultProps$x = {
   maxZoom: 3,
   getContainer: null,
   visible: false
 };
 const ImageViewer$1 = (p2) => {
   var _a;
-  const props = mergeProps(defaultProps$w, p2);
+  const props = mergeProps(defaultProps$x, p2);
   const node = React__default["default"].createElement(Mask, {
     visible: props.visible,
     disableBodyScroll: false,
     opacity: "thick",
     afterClose: props.afterClose
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$D}-content`
+    className: `${classPrefix$F}-content`
   }, props.image && React__default["default"].createElement(Slide, {
     image: props.image,
     onTap: () => {
@@ -14736,13 +14777,13 @@ const ImageViewer$1 = (p2) => {
     },
     maxZoom: props.maxZoom
   })), props.image && React__default["default"].createElement("div", {
-    className: `${classPrefix$D}-footer`
+    className: `${classPrefix$F}-footer`
   }, (_a = props.renderFooter) === null || _a === void 0 ? void 0 : _a.call(props, props.image), React__default["default"].createElement(SafeArea, {
     position: "bottom"
   })));
   return renderToContainer(props.getContainer, node);
 };
-const multiDefaultProps = Object.assign(Object.assign({}, defaultProps$w), {
+const multiDefaultProps = Object.assign(Object.assign({}, defaultProps$x), {
   defaultIndex: 0
 });
 const MultiImageViewer = React$1.forwardRef((p2, ref) => {
@@ -14768,7 +14809,7 @@ const MultiImageViewer = React$1.forwardRef((p2, ref) => {
     opacity: "thick",
     afterClose: props.afterClose
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$D}-content`
+    className: `${classPrefix$F}-content`
   }, props.images && React__default["default"].createElement(Slides, {
     ref: slidesRef,
     defaultIndex: index2,
@@ -14780,7 +14821,7 @@ const MultiImageViewer = React$1.forwardRef((p2, ref) => {
     },
     maxZoom: props.maxZoom
   })), props.images && React__default["default"].createElement("div", {
-    className: `${classPrefix$D}-footer`
+    className: `${classPrefix$F}-footer`
   }, (_a = props.renderFooter) === null || _a === void 0 ? void 0 : _a.call(props, props.images[index2], index2), React__default["default"].createElement(SafeArea, {
     position: "bottom"
   })));
@@ -14908,19 +14949,19 @@ function useMotionReduced() {
     };
   }, isMotionReduced);
 }
-const classPrefix$C = "adm-spin-loading";
+const classPrefix$E = "adm-spin-loading";
 const colorRecord$2 = {
   default: "var(--adm-color-weak)",
   primary: "var(--adm-color-primary)",
   white: "var(--adm-color-white)"
 };
-const defaultProps$v = {
+const defaultProps$w = {
   color: "default"
 };
 const circumference = 15 * 3.14159265358979 * 2;
 const SpinLoading = React$1.memo((p2) => {
   var _a;
-  const props = mergeProps(defaultProps$v, p2);
+  const props = mergeProps(defaultProps$w, p2);
   const motionReduced = useMotionReduced();
   const {
     percent
@@ -14940,16 +14981,16 @@ const SpinLoading = React$1.memo((p2) => {
     }
   });
   return withNativeProps(props, React__default["default"].createElement(web.animated.div, {
-    className: classPrefix$C,
+    className: classPrefix$E,
     style: {
       "--color": (_a = colorRecord$2[props.color]) !== null && _a !== void 0 ? _a : props.color,
       "--percent": percent
     }
   }, React__default["default"].createElement("svg", {
-    className: `${classPrefix$C}-svg`,
+    className: `${classPrefix$E}-svg`,
     viewBox: "0 0 32 32"
   }, React__default["default"].createElement(web.animated.circle, {
-    className: `${classPrefix$C}-fill`,
+    className: `${classPrefix$E}-fill`,
     fill: "transparent",
     strokeWidth: "2",
     strokeDasharray: circumference,
@@ -14960,7 +15001,7 @@ const SpinLoading = React$1.memo((p2) => {
     cy: 16
   }))));
 });
-const classPrefix$B = `adm-image-uploader`;
+const classPrefix$D = `adm-image-uploader`;
 const PreviewItem = (props) => {
   const {
     locale
@@ -14983,60 +15024,60 @@ const PreviewItem = (props) => {
   }, [url, file]);
   function renderLoading() {
     return props.status === "pending" && React__default["default"].createElement("div", {
-      className: `${classPrefix$B}-cell-mask`
+      className: `${classPrefix$D}-cell-mask`
     }, React__default["default"].createElement("span", {
-      className: `${classPrefix$B}-cell-loading`
+      className: `${classPrefix$D}-cell-loading`
     }, React__default["default"].createElement(SpinLoading, {
       color: "white"
     }), React__default["default"].createElement("span", {
-      className: `${classPrefix$B}-cell-mask-message`
+      className: `${classPrefix$D}-cell-mask-message`
     }, locale.ImageUploader.uploading)));
   }
   function renderDelete() {
     return deletable && React__default["default"].createElement("span", {
-      className: `${classPrefix$B}-cell-delete`,
+      className: `${classPrefix$D}-cell-delete`,
       onClick: onDelete
     }, React__default["default"].createElement(antdMobileIcons.CloseOutline, {
-      className: `${classPrefix$B}-cell-delete-icon`
+      className: `${classPrefix$D}-cell-delete-icon`
     }));
   }
   return React__default["default"].createElement("div", {
-    className: classNames__default["default"](`${classPrefix$B}-cell`, props.status === "fail" && `${classPrefix$B}-cell-fail`)
+    className: classNames__default["default"](`${classPrefix$D}-cell`, props.status === "fail" && `${classPrefix$D}-cell-fail`)
   }, React__default["default"].createElement(Image$1, {
-    className: `${classPrefix$B}-cell-image`,
+    className: `${classPrefix$D}-cell-image`,
     src,
     fit: imageFit,
     onClick: props.onClick
   }), renderLoading(), renderDelete());
 };
 var space = "";
-const classPrefix$A = `adm-space`;
-const defaultProps$u = {
+const classPrefix$C = `adm-space`;
+const defaultProps$v = {
   direction: "horizontal"
 };
 const Space = (p2) => {
-  const props = mergeProps(defaultProps$u, p2);
+  const props = mergeProps(defaultProps$v, p2);
   const {
     direction,
     onClick
   } = props;
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: classNames__default["default"](classPrefix$A, {
-      [`${classPrefix$A}-wrap`]: props.wrap,
-      [`${classPrefix$A}-block`]: props.block,
-      [`${classPrefix$A}-${direction}`]: true,
-      [`${classPrefix$A}-align-${props.align}`]: !!props.align,
-      [`${classPrefix$A}-justify-${props.justify}`]: !!props.justify
+    className: classNames__default["default"](classPrefix$C, {
+      [`${classPrefix$C}-wrap`]: props.wrap,
+      [`${classPrefix$C}-block`]: props.block,
+      [`${classPrefix$C}-${direction}`]: true,
+      [`${classPrefix$C}-align-${props.align}`]: !!props.align,
+      [`${classPrefix$C}-justify-${props.justify}`]: !!props.justify
     }),
     onClick
   }, React__default["default"].Children.map(props.children, (child) => {
     return child !== null && child !== void 0 && React__default["default"].createElement("div", {
-      className: `${classPrefix$A}-item`
+      className: `${classPrefix$C}-item`
     }, child);
   })));
 };
-const classPrefix$z = `adm-image-uploader`;
-const defaultProps$t = {
+const classPrefix$B = `adm-image-uploader`;
+const defaultProps$u = {
   disableUpload: false,
   deletable: true,
   showUpload: true,
@@ -15052,7 +15093,7 @@ const ImageUploader = (p2) => {
   const {
     locale
   } = useConfig();
-  const props = mergeProps(defaultProps$t, p2);
+  const props = mergeProps(defaultProps$u, p2);
   const [value, setValue] = usePropsValue(props);
   const [tasks, setTasks] = React$1.useState([]);
   ahooks.useIsomorphicLayoutEffect(() => {
@@ -15161,9 +15202,9 @@ const ImageUploader = (p2) => {
   });
   const showUpload = props.showUpload && (maxCount === 0 || value.length + tasks.length < maxCount);
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: classPrefix$z
+    className: classPrefix$B
   }, React__default["default"].createElement(Space, {
-    className: `${classPrefix$z}-space`,
+    className: `${classPrefix$B}-space`,
     wrap: true,
     block: true
   }, value.map((fileItem, index2) => {
@@ -15202,19 +15243,19 @@ const ImageUploader = (p2) => {
       }
     });
   }), showUpload && React__default["default"].createElement("div", {
-    className: `${classPrefix$z}-upload-button-wrap`
+    className: `${classPrefix$B}-upload-button-wrap`
   }, props.children ? props.children : React__default["default"].createElement("span", {
-    className: `${classPrefix$z}-cell ${classPrefix$z}-upload-button`,
+    className: `${classPrefix$B}-cell ${classPrefix$B}-upload-button`,
     role: "button",
     "aria-label": locale.ImageUploader.upload
   }, React__default["default"].createElement("span", {
-    className: `${classPrefix$z}-upload-button-icon`
+    className: `${classPrefix$B}-upload-button-icon`
   }, React__default["default"].createElement(antdMobileIcons.AddOutline, null))), !props.disableUpload && React__default["default"].createElement("input", {
     capture: props.capture,
     accept: props.accept,
     multiple: props.multiple,
     type: "file",
-    className: `${classPrefix$z}-input`,
+    className: `${classPrefix$B}-input`,
     onChange,
     "aria-hidden": true
   })))));
@@ -15222,12 +15263,12 @@ const ImageUploader = (p2) => {
 var imageUploader = "";
 var indexBar = "";
 const Panel = () => null;
-const classPrefix$y = `adm-index-bar`;
+const classPrefix$A = `adm-index-bar`;
 const Sidebar = (props) => {
   const [interacting, setInteracting] = React$1.useState(false);
   return React__default["default"].createElement("div", {
-    className: classNames__default["default"](`${classPrefix$y}-sidebar`, {
-      [`${classPrefix$y}-sidebar-interacting`]: interacting
+    className: classNames__default["default"](`${classPrefix$A}-sidebar`, {
+      [`${classPrefix$A}-sidebar-interacting`]: interacting
     }),
     onMouseDown: () => {
       setInteracting(true);
@@ -15262,7 +15303,7 @@ const Sidebar = (props) => {
   }) => {
     const active = index2 === props.activeIndex;
     return React__default["default"].createElement("div", {
-      className: `${classPrefix$y}-sidebar-row`,
+      className: `${classPrefix$A}-sidebar-row`,
       onMouseDown: () => {
         props.onActive(index2);
       },
@@ -15277,21 +15318,21 @@ const Sidebar = (props) => {
       "data-index": index2,
       key: index2
     }, interacting && active && React__default["default"].createElement("div", {
-      className: `${classPrefix$y}-sidebar-bubble`
+      className: `${classPrefix$A}-sidebar-bubble`
     }, brief), React__default["default"].createElement("div", {
-      className: classNames__default["default"](`${classPrefix$y}-sidebar-item`, {
-        [`${classPrefix$y}-sidebar-item-active`]: active
+      className: classNames__default["default"](`${classPrefix$A}-sidebar-item`, {
+        [`${classPrefix$A}-sidebar-item-active`]: active
       }),
       "data-index": index2
     }, React__default["default"].createElement("div", null, brief)));
   }));
 };
-const classPrefix$x = `adm-index-bar`;
-const defaultProps$s = {
+const classPrefix$z = `adm-index-bar`;
+const defaultProps$t = {
   sticky: true
 };
 const IndexBar = React$1.forwardRef((p2, ref) => {
-  const props = mergeProps(defaultProps$s, p2);
+  const props = mergeProps(defaultProps$t, p2);
   const titleHeight = convertPx(35);
   const bodyRef = React$1.useRef(null);
   const indexItems = [];
@@ -15310,9 +15351,9 @@ const IndexBar = React$1.forwardRef((p2, ref) => {
     panels.push(withNativeProps(child.props, React__default["default"].createElement("div", {
       key: child.props.index,
       "data-index": child.props.index,
-      className: `${classPrefix$x}-anchor`
+      className: `${classPrefix$z}-anchor`
     }, React__default["default"].createElement("div", {
-      className: `${classPrefix$x}-anchor-title`
+      className: `${classPrefix$z}-anchor-title`
     }, child.props.title || child.props.index), child.props.children)));
   });
   const [activeIndex, setActiveIndex] = React$1.useState(() => {
@@ -15349,7 +15390,7 @@ const IndexBar = React$1.forwardRef((p2, ref) => {
     if (!body)
       return;
     const scrollTop = body.scrollTop;
-    const elements = body.getElementsByClassName(`${classPrefix$x}-anchor`);
+    const elements = body.getElementsByClassName(`${classPrefix$z}-anchor`);
     for (let i = 0; i < elements.length; i++) {
       const panel = elements.item(i);
       if (!panel)
@@ -15369,8 +15410,8 @@ const IndexBar = React$1.forwardRef((p2, ref) => {
     leading: true
   });
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: classNames__default["default"](`${classPrefix$x}`, {
-      [`${classPrefix$x}-sticky`]: props.sticky
+    className: classNames__default["default"](`${classPrefix$z}`, {
+      [`${classPrefix$z}-sticky`]: props.sticky
     })
   }, React__default["default"].createElement(Sidebar, {
     indexItems,
@@ -15379,7 +15420,7 @@ const IndexBar = React$1.forwardRef((p2, ref) => {
       scrollTo(index2);
     }
   }), React__default["default"].createElement("div", {
-    className: `${classPrefix$x}-body`,
+    className: `${classPrefix$z}-body`,
     ref: bodyRef,
     onScroll: checkActiveIndex
   }, panels)));
@@ -15391,20 +15432,26 @@ var infiniteScroll = "";
 function isWindow(element) {
   return element === window;
 }
-const classPrefix$w = `adm-infinite-scroll`;
-const InfiniteScrollContent = ({
-  hasMore
-}) => {
-  const {
-    locale
-  } = useConfig();
-  return React__default["default"].createElement(React__default["default"].Fragment, null, hasMore ? React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("span", null, locale.common.loading), React__default["default"].createElement(DotLoading, null)) : React__default["default"].createElement("span", null, locale.InfiniteScroll.noMore));
+const classPrefix$y = `adm-infinite-scroll`;
+const defaultProps$s = {
+  threshold: 250,
+  children: (hasMore, failed, retry) => React__default["default"].createElement(InfiniteScrollContent, {
+    hasMore,
+    failed,
+    retry
+  })
 };
 const InfiniteScroll = (p2) => {
-  const props = mergeProps({
-    threshold: 250
-  }, p2);
-  const doLoadMore = ahooks.useLockFn(() => props.loadMore());
+  const props = mergeProps(defaultProps$s, p2);
+  const [failed, setFailed] = React$1.useState(false);
+  const doLoadMore = ahooks.useLockFn((isRetry) => tslib.__awaiter(void 0, void 0, void 0, function* () {
+    try {
+      yield props.loadMore(isRetry);
+    } catch (e2) {
+      setFailed(true);
+      throw e2;
+    }
+  }));
   const elementRef = React$1.useRef(null);
   const [flag, setFlag] = React$1.useState({});
   const nextFlagRef = React$1.useRef(flag);
@@ -15429,7 +15476,7 @@ const InfiniteScroll = (p2) => {
     if (current >= elementTop - props.threshold) {
       const nextFlag = {};
       nextFlagRef.current = nextFlag;
-      yield doLoadMore();
+      yield doLoadMore(false);
       setFlag(nextFlag);
     }
   }));
@@ -15450,15 +15497,35 @@ const InfiniteScroll = (p2) => {
       scrollParent.removeEventListener("scroll", onScroll);
     };
   }, [scrollParent]);
+  function retry() {
+    setFailed(false);
+    doLoadMore(true);
+  }
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: classPrefix$w,
+    className: classPrefix$y,
     ref: elementRef
-  }, props.children && props.children, !props.children && React__default["default"].createElement(InfiniteScrollContent, {
-    hasMore: props.hasMore
-  })));
+  }, typeof props.children === "function" ? props.children(props.hasMore, failed, retry) : props.children));
+};
+const InfiniteScrollContent = (props) => {
+  const {
+    locale
+  } = useConfig();
+  if (!props.hasMore) {
+    return React__default["default"].createElement("span", null, locale.InfiniteScroll.noMore);
+  }
+  if (props.failed) {
+    return React__default["default"].createElement("span", null, React__default["default"].createElement("span", {
+      className: `${classPrefix$y}-failed-text`
+    }, locale.InfiniteScroll.failedToLoad), React__default["default"].createElement("a", {
+      onClick: () => {
+        props.retry();
+      }
+    }, locale.InfiniteScroll.retry));
+  }
+  return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("span", null, locale.common.loading), React__default["default"].createElement(DotLoading, null));
 };
 var input = "";
-const classPrefix$v = `adm-input`;
+const classPrefix$x = `adm-input`;
 const defaultProps$r = {
   defaultValue: "",
   onlyShowClearWhenFocus: true
@@ -15521,10 +15588,10 @@ const Input = React$1.forwardRef((p2, ref) => {
     }
   })();
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: classNames__default["default"](`${classPrefix$v}`, props.disabled && `${classPrefix$v}-disabled`)
+    className: classNames__default["default"](`${classPrefix$x}`, props.disabled && `${classPrefix$x}-disabled`)
   }, React__default["default"].createElement("input", {
     ref: nativeInputRef,
-    className: `${classPrefix$v}-element`,
+    className: `${classPrefix$x}-element`,
     value,
     onChange: (e2) => {
       setValue(e2.target.value);
@@ -15570,7 +15637,7 @@ const Input = React$1.forwardRef((p2, ref) => {
     },
     onClick: props.onClick
   }), shouldShowClear && React__default["default"].createElement("div", {
-    className: `${classPrefix$v}-clear`,
+    className: `${classPrefix$x}-clear`,
     onMouseDown: (e2) => {
       e2.preventDefault();
     },
@@ -15586,7 +15653,7 @@ const Input = React$1.forwardRef((p2, ref) => {
   }, React__default["default"].createElement(antdMobileIcons.CloseCircleFill, null))));
 });
 var jumboTabs = "";
-const classPrefix$u = `adm-jumbo-tabs`;
+const classPrefix$w = `adm-jumbo-tabs`;
 const JumboTab = () => {
   return null;
 };
@@ -15627,19 +15694,19 @@ const JumboTabs = (props) => {
     animate(true);
   }, rootRef);
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: classPrefix$u,
+    className: classPrefix$w,
     ref: rootRef
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$u}-header`
+    className: `${classPrefix$w}-header`
   }, React__default["default"].createElement(ScrollMask, {
     scrollTrackRef: tabListContainerRef
   }), React__default["default"].createElement(web.animated.div, {
-    className: `${classPrefix$u}-tab-list`,
+    className: `${classPrefix$w}-tab-list`,
     ref: tabListContainerRef,
     scrollLeft
   }, panes.map((pane) => withNativeProps(pane.props, React__default["default"].createElement("div", {
     key: pane.key,
-    className: `${classPrefix$u}-tab-wrapper`
+    className: `${classPrefix$w}-tab-wrapper`
   }, React__default["default"].createElement("div", {
     onClick: () => {
       const {
@@ -15652,14 +15719,14 @@ const JumboTabs = (props) => {
       }
       setActiveKey(key.toString());
     },
-    className: classNames__default["default"](`${classPrefix$u}-tab`, {
-      [`${classPrefix$u}-tab-active`]: pane.key === activeKey,
-      [`${classPrefix$u}-tab-disabled`]: pane.props.disabled
+    className: classNames__default["default"](`${classPrefix$w}-tab`, {
+      [`${classPrefix$w}-tab-active`]: pane.key === activeKey,
+      [`${classPrefix$w}-tab-disabled`]: pane.props.disabled
     })
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$u}-tab-title`
+    className: `${classPrefix$w}-tab-title`
   }, pane.props.title), React__default["default"].createElement("div", {
-    className: `${classPrefix$u}-tab-description`
+    className: `${classPrefix$w}-tab-description`
   }, pane.props.description))))))), panes.map((pane) => {
     if (pane.props.children === void 0) {
       return null;
@@ -15671,7 +15738,7 @@ const JumboTabs = (props) => {
       forceRender: pane.props.forceRender,
       destroyOnClose: pane.props.destroyOnClose
     }, React__default["default"].createElement("div", {
-      className: `${classPrefix$u}-content`,
+      className: `${classPrefix$w}-content`,
       style: {
         display: active ? "block" : "none"
       }
@@ -15701,52 +15768,13 @@ const ModalActionButton = (props) => {
   }, action.text));
 };
 const defaultProps$q = {
-  visible: false,
   actions: [],
   closeOnAction: false,
-  closeOnMaskClick: false,
-  stopPropagation: ["click"],
-  showCloseButton: false,
-  getContainer: null,
-  disableBodyScroll: true,
-  destroyOnClose: false,
-  forceRender: false
+  closeOnMaskClick: false
 };
 const Modal = (p2) => {
   const props = mergeProps(defaultProps$q, p2);
-  const unmountedRef = ahooks.useUnmountedRef();
-  const style = web.useSpring({
-    scale: props.visible ? 1 : 0.8,
-    opacity: props.visible ? 1 : 0,
-    config: {
-      mass: 1.2,
-      tension: 200,
-      friction: 25,
-      clamp: true
-    },
-    onRest: () => {
-      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);
-      } else {
-        (_b = props.afterClose) === null || _b === void 0 ? void 0 : _b.call(props);
-      }
-    }
-  });
-  const [active, setActive] = React$1.useState(props.visible);
-  ahooks.useIsomorphicLayoutEffect(() => {
-    if (props.visible) {
-      setActive(true);
-    }
-  }, [props.visible]);
-  const maskVisible = useInnerVisible(active && props.visible);
-  const body = React__default["default"].createElement("div", {
-    className: classNames__default["default"](cls("body"), props.image && cls("with-image"), props.bodyClassName),
-    style: props.bodyStyle
-  }, props.showCloseButton && React__default["default"].createElement("a", {
+  const element = React__default["default"].createElement(React__default["default"].Fragment, null, props.showCloseButton && React__default["default"].createElement("a", {
     className: classNames__default["default"](cls("close"), "adm-plain-anchor"),
     onClick: props.onClose
   }, React__default["default"].createElement(antdMobileIcons.CloseOutline, null)), !!props.image && React__default["default"].createElement("div", {
@@ -15778,30 +15806,26 @@ const Modal = (p2) => {
       })
     });
   })));
-  const node = withStopPropagation(props.stopPropagation, withNativeProps(props, React__default["default"].createElement("div", {
-    className: cls(),
-    style: {
-      display: active ? void 0 : "none",
-      pointerEvents: active ? void 0 : "none"
-    }
-  }, React__default["default"].createElement(Mask, {
-    visible: maskVisible,
-    forceRender: props.forceRender,
+  return React__default["default"].createElement(CenterPopup, {
+    className: classNames__default["default"](cls(), props.className),
+    style: props.style,
+    afterClose: props.afterClose,
+    afterShow: props.afterShow,
+    onMaskClick: props.closeOnMaskClick ? () => {
+      var _a;
+      (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+    } : void 0,
+    visible: props.visible,
+    getContainer: props.getContainer,
+    bodyStyle: props.bodyStyle,
+    bodyClassName: classNames__default["default"](cls("body"), props.image && cls("with-image"), props.bodyClassName),
+    maskStyle: props.maskStyle,
+    maskClassName: props.maskClassName,
+    stopPropagation: props.stopPropagation,
+    disableBodyScroll: props.disableBodyScroll,
     destroyOnClose: props.destroyOnClose,
-    onMaskClick: props.closeOnMaskClick ? props.onClose : void 0,
-    style: props.maskStyle,
-    className: classNames__default["default"](cls("mask"), props.maskClassName),
-    disableBodyScroll: props.disableBodyScroll
-  }), React__default["default"].createElement("div", {
-    className: cls("wrap")
-  }, React__default["default"].createElement(web.animated.div, {
-    style
-  }, body)))));
-  return React__default["default"].createElement(ShouldRender, {
-    active,
-    forceRender: props.forceRender,
-    destroyOnClose: props.destroyOnClose
-  }, renderToContainer(props.getContainer, node));
+    forceRender: props.forceRender
+  }, element);
 };
 function cls(name = "") {
   return "adm-modal" + (name && "-") + name;
@@ -15893,7 +15917,7 @@ var index$6 = attachPropertiesToComponent(Modal, {
   clear: clear$1
 });
 var navBar = "";
-const classPrefix$t = `adm-nav-bar`;
+const classPrefix$v = `adm-nav-bar`;
 const defaultProps$o = {
   back: "",
   backArrow: true
@@ -15905,25 +15929,25 @@ const NavBar = (p2) => {
     backArrow
   } = props;
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: classNames__default["default"](classPrefix$t)
+    className: classNames__default["default"](classPrefix$v)
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$t}-left`,
+    className: `${classPrefix$v}-left`,
     role: "button"
   }, back !== null && React__default["default"].createElement("div", {
-    className: `${classPrefix$t}-back`,
+    className: `${classPrefix$v}-back`,
     onClick: props.onBack
   }, backArrow && React__default["default"].createElement("span", {
-    className: `${classPrefix$t}-back-arrow`
+    className: `${classPrefix$v}-back-arrow`
   }, backArrow === true ? React__default["default"].createElement(antdMobileIcons.LeftOutline, null) : backArrow), React__default["default"].createElement("span", {
     "aria-hidden": "true"
   }, back)), props.left), React__default["default"].createElement("div", {
-    className: `${classPrefix$t}-title`
+    className: `${classPrefix$v}-title`
   }, props.children), React__default["default"].createElement("div", {
-    className: `${classPrefix$t}-right`
+    className: `${classPrefix$v}-right`
   }, props.right)));
 };
 var noticeBar = "";
-const classPrefix$s = `adm-notice-bar`;
+const classPrefix$u = `adm-notice-bar`;
 const defaultProps$n = {
   color: "default",
   delay: 2e3,
@@ -15982,23 +16006,23 @@ const NoticeBar = React$1.memo((p2) => {
   if (!visible)
     return null;
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: classNames__default["default"](classPrefix$s, `${classPrefix$s}-${props.color}`)
+    className: classNames__default["default"](classPrefix$u, `${classPrefix$u}-${props.color}`)
   }, props.icon && React__default["default"].createElement("span", {
-    className: `${classPrefix$s}-left`
+    className: `${classPrefix$u}-left`
   }, props.icon), React__default["default"].createElement("span", {
     ref: containerRef,
-    className: `${classPrefix$s}-content`
+    className: `${classPrefix$u}-content`
   }, React__default["default"].createElement("span", {
     onTransitionEnd: () => {
       animatingRef.current = false;
       start();
     },
     ref: textRef,
-    className: `${classPrefix$s}-content-inner`
+    className: `${classPrefix$u}-content-inner`
   }, props.content)), (props.closeable || props.extra) && React__default["default"].createElement("span", {
-    className: `${classPrefix$s}-right`
+    className: `${classPrefix$u}-right`
   }, props.extra, props.closeable && React__default["default"].createElement(antdMobileIcons.CloseOutline, {
-    className: `${classPrefix$s}-close-icon`,
+    className: `${classPrefix$u}-close-icon`,
     onClick: () => {
       var _a;
       setVisible(false);
@@ -16015,7 +16039,7 @@ function shuffle(array) {
   }
   return result2;
 }
-const classPrefix$r = "adm-number-keyboard";
+const classPrefix$t = "adm-number-keyboard";
 const defaultProps$m = {
   defaultVisible: false,
   randomOrder: false,
@@ -16088,13 +16112,13 @@ const NumberKeyboard = (p2) => {
     if (!showCloseButton && !title)
       return null;
     return React__default["default"].createElement("div", {
-      className: classNames__default["default"](`${classPrefix$r}-header`, {
+      className: classNames__default["default"](`${classPrefix$t}-header`, {
         "with-title": !!title
       })
     }, title && React__default["default"].createElement("div", {
-      className: `${classPrefix$r}-title`
+      className: `${classPrefix$t}-title`
     }, title), showCloseButton && React__default["default"].createElement("span", {
-      className: `${classPrefix$r}-header-close-button`,
+      className: `${classPrefix$t}-header-close-button`,
       onClick: () => {
         var _a;
         (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
@@ -16105,7 +16129,7 @@ const NumberKeyboard = (p2) => {
   };
   const renderKey = (key, index2) => {
     const isNumberKey = /^\d$/.test(key);
-    const className = classNames__default["default"](`${classPrefix$r}-key`, {
+    const className = classNames__default["default"](`${classPrefix$t}-key`, {
       "number-key": isNumberKey,
       "sign-key": !isNumberKey && key,
       "mid-key": index2 === 9 && !!confirmText
@@ -16134,24 +16158,24 @@ const NumberKeyboard = (p2) => {
     mask: false,
     afterClose: props.afterClose,
     afterShow: props.afterShow,
-    className: `${classPrefix$r}-popup`,
+    className: `${classPrefix$t}-popup`,
     stopPropagation: props.stopPropagation
   }, withNativeProps(props, React__default["default"].createElement("div", {
     ref: keyboardRef,
-    className: classPrefix$r,
+    className: classPrefix$t,
     onMouseDown: (e2) => {
       e2.preventDefault();
     }
   }, renderHeader(), React__default["default"].createElement("div", {
-    className: `${classPrefix$r}-wrapper`
+    className: `${classPrefix$t}-wrapper`
   }, React__default["default"].createElement("div", {
-    className: classNames__default["default"](`${classPrefix$r}-main`, {
+    className: classNames__default["default"](`${classPrefix$t}-main`, {
       "confirmed-style": !!confirmText
     })
   }, keys2.map(renderKey)), !!confirmText && React__default["default"].createElement("div", {
-    className: `${classPrefix$r}-confirm`
+    className: `${classPrefix$t}-confirm`
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$r}-key extra-key bs-key`,
+    className: `${classPrefix$t}-key extra-key bs-key`,
     onTouchStart: () => {
       onBackspacePressStart();
     },
@@ -16162,17 +16186,17 @@ const NumberKeyboard = (p2) => {
     title: "BACKSPACE",
     role: "button"
   }, React__default["default"].createElement(antdMobileIcons.TextDeletionOutline, null)), React__default["default"].createElement("div", {
-    className: `${classPrefix$r}-key extra-key ok-key`,
+    className: `${classPrefix$t}-key extra-key ok-key`,
     onTouchEnd: (e2) => onKeyPress(e2, "OK"),
     role: "button"
   }, confirmText))), props.safeArea && React__default["default"].createElement("div", {
-    className: `${classPrefix$r}-footer`
+    className: `${classPrefix$t}-footer`
   }, React__default["default"].createElement(SafeArea, {
     position: "bottom"
   })))));
 };
 var pageIndicator = "";
-const classPrefix$q = `adm-page-indicator`;
+const classPrefix$s = `adm-page-indicator`;
 const defaultProps$l = {
   color: "primary",
   direction: "horizontal"
@@ -16183,17 +16207,17 @@ const PageIndicator = React$1.memo((p2) => {
   for (let i = 0; i < props.total; i++) {
     dots.push(React__default["default"].createElement("div", {
       key: i,
-      className: classNames__default["default"](`${classPrefix$q}-dot`, {
-        [`${classPrefix$q}-dot-active`]: props.current === i
+      className: classNames__default["default"](`${classPrefix$s}-dot`, {
+        [`${classPrefix$s}-dot-active`]: props.current === i
       })
     }));
   }
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: classNames__default["default"](classPrefix$q, `${classPrefix$q}-${props.direction}`, `${classPrefix$q}-color-${props.color}`)
+    className: classNames__default["default"](classPrefix$s, `${classPrefix$s}-${props.direction}`, `${classPrefix$s}-color-${props.color}`)
   }, dots));
 });
 var passcodeInput = "";
-const classPrefix$p = "adm-passcode-input";
+const classPrefix$r = "adm-passcode-input";
 const defaultProps$k = {
   defaultValue: "",
   length: 6,
@@ -16261,7 +16285,7 @@ const PasscodeInput = React$1.forwardRef((p2, ref) => {
     const focusedIndex = bound(chars.length, 0, cellLength - 1);
     for (let i = 0; i < cellLength; i++) {
       cells.push(React__default["default"].createElement("div", {
-        className: classNames__default["default"](`${classPrefix$p}-cell`, {
+        className: classNames__default["default"](`${classPrefix$r}-cell`, {
           caret: props.caret && caretIndex === i && focused,
           focused: focusedIndex === i && focused,
           dot: !props.plain && chars[i]
@@ -16271,7 +16295,7 @@ const PasscodeInput = React$1.forwardRef((p2, ref) => {
     }
     return cells;
   };
-  const cls2 = classNames__default["default"](classPrefix$p, {
+  const cls2 = classNames__default["default"](classPrefix$r, {
     focused,
     error: props.error,
     seperated: props.seperated
@@ -16283,10 +16307,10 @@ const PasscodeInput = React$1.forwardRef((p2, ref) => {
     onFocus,
     onBlur
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$p}-cell-container`
+    className: `${classPrefix$r}-cell-container`
   }, renderCells()), React__default["default"].createElement("input", {
     ref: nativeInputRef,
-    className: `${classPrefix$p}-native-input`,
+    className: `${classPrefix$r}-native-input`,
     value,
     type: "text",
     pattern: "[0-9]*",
@@ -16311,7 +16335,7 @@ const PasscodeInput = React$1.forwardRef((p2, ref) => {
   }));
 });
 var progressBar = "";
-const classPrefix$o = `adm-progress-bar`;
+const classPrefix$q = `adm-progress-bar`;
 const ProgressBar = (p2) => {
   const props = mergeProps({
     percent: 0
@@ -16320,16 +16344,16 @@ const ProgressBar = (p2) => {
     width: `${props.percent}%`
   };
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: classPrefix$o
+    className: classPrefix$q
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$o}-trail`
+    className: `${classPrefix$q}-trail`
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$o}-fill`,
+    className: `${classPrefix$q}-fill`,
     style: fillStyle
   }))));
 };
 var progressCircle = "";
-const classPrefix$n = `adm-progress-circle`;
+const classPrefix$p = `adm-progress-circle`;
 const ProgressCircle = (p2) => {
   const props = mergeProps({
     percent: 0
@@ -16338,25 +16362,25 @@ const ProgressCircle = (p2) => {
     "--percent": props.percent.toString()
   };
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: `${classPrefix$n}`,
+    className: `${classPrefix$p}`,
     style
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$n}-content`
+    className: `${classPrefix$p}-content`
   }, React__default["default"].createElement("svg", {
-    className: `${classPrefix$n}-svg`
+    className: `${classPrefix$p}-svg`
   }, React__default["default"].createElement("circle", {
-    className: `${classPrefix$n}-track`,
+    className: `${classPrefix$p}-track`,
     fill: "transparent"
   }), React__default["default"].createElement("circle", {
-    className: `${classPrefix$n}-fill`,
+    className: `${classPrefix$p}-fill`,
     fill: "transparent"
   })), React__default["default"].createElement("div", {
-    className: `${classPrefix$n}-info`
+    className: `${classPrefix$p}-info`
   }, props.children))));
 };
 var pullToRefresh = "";
 const sleep = (time) => new Promise((resolve) => setTimeout(resolve, time));
-const classPrefix$m = `adm-pull-to-refresh`;
+const classPrefix$o = `adm-pull-to-refresh`;
 const defaultProps$j = {
   pullingText: "\u4E0B\u62C9\u5237\u65B0",
   canReleaseText: "\u91CA\u653E\u7ACB\u5373\u5237\u65B0",
@@ -16509,17 +16533,17 @@ const PullToRefresh = (p2) => {
   };
   return React__default["default"].createElement(web.animated.div, {
     ref: elementRef,
-    className: classPrefix$m
+    className: classPrefix$o
   }, React__default["default"].createElement(web.animated.div, {
     style: springStyles,
-    className: `${classPrefix$m}-head`
+    className: `${classPrefix$o}-head`
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$m}-head-content`,
+    className: `${classPrefix$o}-head-content`,
     style: {
       height: headHeight
     }
   }, renderStatusText())), React__default["default"].createElement("div", {
-    className: `${classPrefix$m}-content`
+    className: `${classPrefix$o}-content`
   }, props.children));
 };
 var radio = "";
@@ -16552,7 +16576,7 @@ const Group = (p2) => {
     }
   }, props.children);
 };
-const classPrefix$l = `adm-radio`;
+const classPrefix$n = `adm-radio`;
 const defaultProps$h = {
   defaultChecked: false
 };
@@ -16584,18 +16608,18 @@ const Radio = (p2) => {
   const renderIcon = () => {
     if (props.icon) {
       return React__default["default"].createElement("div", {
-        className: `${classPrefix$l}-custom-icon`
+        className: `${classPrefix$n}-custom-icon`
       }, props.icon(checked));
     }
     return React__default["default"].createElement("div", {
-      className: `${classPrefix$l}-icon`
+      className: `${classPrefix$n}-icon`
     }, checked && React__default["default"].createElement(CheckIcon, null));
   };
   return withNativeProps(props, React__default["default"].createElement("label", {
-    className: classNames__default["default"](classPrefix$l, {
-      [`${classPrefix$l}-checked`]: checked,
-      [`${classPrefix$l}-disabled`]: disabled,
-      [`${classPrefix$l}-block`]: props.block
+    className: classNames__default["default"](classPrefix$n, {
+      [`${classPrefix$n}-checked`]: checked,
+      [`${classPrefix$n}-disabled`]: disabled,
+      [`${classPrefix$n}-block`]: props.block
     })
   }, React__default["default"].createElement(NativeInput, {
     type: "radio",
@@ -16604,14 +16628,14 @@ const Radio = (p2) => {
     disabled,
     id: props.id
   }), renderIcon(), props.children && React__default["default"].createElement("div", {
-    className: `${classPrefix$l}-content`
+    className: `${classPrefix$n}-content`
   }, props.children)));
 };
 var index$5 = attachPropertiesToComponent(Radio, {
   Group
 });
 var rate = "";
-const classPrefix$k = `adm-rate`;
+const classPrefix$m = `adm-rate`;
 const defaultProps$g = {
   count: 5,
   allowHalf: false,
@@ -16626,10 +16650,10 @@ const Rate = (p2) => {
   const starList = Array(props.count).fill(null);
   function renderStar(v, half) {
     return React__default["default"].createElement("div", {
-      className: classNames__default["default"](`${classPrefix$k}-star`, {
-        [`${classPrefix$k}-star-active`]: value >= v,
-        [`${classPrefix$k}-star-half`]: half,
-        [`${classPrefix$k}-star-readonly`]: props.readOnly
+      className: classNames__default["default"](`${classPrefix$m}-star`, {
+        [`${classPrefix$m}-star-active`]: value >= v,
+        [`${classPrefix$m}-star-half`]: half,
+        [`${classPrefix$m}-star-readonly`]: props.readOnly
       }),
       onClick: () => {
         if (props.readOnly)
@@ -16643,14 +16667,14 @@ const Rate = (p2) => {
     }, props.character);
   }
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: classPrefix$k
+    className: classPrefix$m
   }, starList.map((_, i) => React__default["default"].createElement("div", {
     key: i,
-    className: classNames__default["default"](`${classPrefix$k}-box`)
+    className: classNames__default["default"](`${classPrefix$m}-box`)
   }, props.allowHalf && renderStar(i + 0.5, true), renderStar(i + 1, false)))));
 };
 var result = "";
-const classPrefix$j = `adm-result`;
+const classPrefix$l = `adm-result`;
 const iconRecord = {
   success: antdMobileIcons.CheckCircleFill,
   error: antdMobileIcons.CloseCircleFill,
@@ -16669,17 +16693,17 @@ const Result = (props) => {
     return null;
   const resultIcon = icon || React__default["default"].createElement(iconRecord[status]);
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: classNames__default["default"](classPrefix$j, `${classPrefix$j}-${status}`)
+    className: classNames__default["default"](classPrefix$l, `${classPrefix$l}-${status}`)
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$j}-icon`
+    className: `${classPrefix$l}-icon`
   }, resultIcon), React__default["default"].createElement("div", {
-    className: `${classPrefix$j}-title`
+    className: `${classPrefix$l}-title`
   }, title), description ? React__default["default"].createElement("div", {
-    className: `${classPrefix$j}-description`
+    className: `${classPrefix$l}-description`
   }, description) : null));
 };
 var searchBar = "";
-const classPrefix$i = `adm-search-bar`;
+const classPrefix$k = `adm-search-bar`;
 const defaultProps$f = {
   clearable: true,
   onlyShowClearWhenFocus: false,
@@ -16724,10 +16748,10 @@ const SearchBar = React$1.forwardRef((p2, ref) => {
       isShowCancel = props.showCancelButton && hasFocus;
     }
     return isShowCancel && React__default["default"].createElement("div", {
-      className: `${classPrefix$i}-suffix`
+      className: `${classPrefix$k}-suffix`
     }, React__default["default"].createElement(Button, {
       fill: "none",
-      className: `${classPrefix$i}-cancel-button`,
+      className: `${classPrefix$k}-cancel-button`,
       onClick: () => {
         var _a, _b, _c;
         if (props.clearOnCancel) {
@@ -16742,17 +16766,17 @@ const SearchBar = React$1.forwardRef((p2, ref) => {
     }, props.cancelText));
   };
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: classNames__default["default"](classPrefix$i, {
-      [`${classPrefix$i}-active`]: hasFocus
+    className: classNames__default["default"](classPrefix$k, {
+      [`${classPrefix$k}-active`]: hasFocus
     })
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$i}-input-box`
+    className: `${classPrefix$k}-input-box`
   }, props.icon && React__default["default"].createElement("div", {
-    className: `${classPrefix$i}-input-box-icon`
+    className: `${classPrefix$k}-input-box-icon`
   }, props.icon), React__default["default"].createElement(Input, {
     ref: inputRef,
-    className: classNames__default["default"](`${classPrefix$i}-input`, {
-      [`${classPrefix$i}-input-without-icon`]: !props.icon
+    className: classNames__default["default"](`${classPrefix$k}-input`, {
+      [`${classPrefix$k}-input-without-icon`]: !props.icon
     }),
     value,
     onChange: setValue,
@@ -16809,7 +16833,7 @@ const CheckMark = React$1.memo(() => {
     points: "34.2767388 22 24.797043 31.4796958 21 27.6826527"
   })))))));
 });
-const classPrefix$h = `adm-selector`;
+const classPrefix$j = `adm-selector`;
 const defaultProps$e = {
   multiple: false,
   defaultValue: [],
@@ -16833,10 +16857,10 @@ const Selector = (p2) => {
   const items = props.options.map((option) => {
     const active = (value || []).includes(option.value);
     const disabled = option.disabled || props.disabled;
-    const itemCls = classNames__default["default"](`${classPrefix$h}-item`, {
-      [`${classPrefix$h}-item-active`]: active && !props.multiple,
-      [`${classPrefix$h}-item-multiple-active`]: active && props.multiple,
-      [`${classPrefix$h}-item-disabled`]: disabled
+    const itemCls = classNames__default["default"](`${classPrefix$j}-item`, {
+      [`${classPrefix$j}-item-active`]: active && !props.multiple,
+      [`${classPrefix$j}-item-multiple-active`]: active && props.multiple,
+      [`${classPrefix$j}-item-disabled`]: disabled
     });
     return React__default["default"].createElement("div", {
       key: option.value,
@@ -16854,13 +16878,13 @@ const Selector = (p2) => {
         }
       }
     }, option.label, option.description && React__default["default"].createElement("div", {
-      className: `${classPrefix$h}-item-description`
+      className: `${classPrefix$j}-item-description`
     }, option.description), active && props.showCheckMark && React__default["default"].createElement("div", {
-      className: `${classPrefix$h}-check-mark-wrapper`
+      className: `${classPrefix$j}-check-mark-wrapper`
     }, React__default["default"].createElement(CheckMark, null)));
   });
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: classPrefix$h
+    className: classPrefix$j
   }, !props.columns && React__default["default"].createElement(Space, {
     wrap: true
   }, items), props.columns && React__default["default"].createElement(Grid, {
@@ -16878,10 +16902,10 @@ const Corner = React$1.memo((props) => withNativeProps(props, React__default["de
   fillRule: "evenodd"
 }, React__default["default"].createElement("path", {
   d: "M30,0 C13.4314575,3.04359188e-15 -2.02906125e-15,13.4314575 0,30 L0,30 L0,0 Z",
-  fill: "var(--adm-color-white)",
+  fill: "var(--adm-color-background)",
   transform: "translate(15.000000, 15.000000) scale(-1, -1) translate(-15.000000, -15.000000) "
 })))));
-const classPrefix$g = `adm-side-bar`;
+const classPrefix$i = `adm-side-bar`;
 const SideBarItem = () => {
   return null;
 };
@@ -16913,9 +16937,9 @@ const SideBar = (props) => {
   const lastItem = items[items.length - 1];
   const isLastItemActive = lastItem && lastItem.key === activeKey;
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: classPrefix$g
+    className: classPrefix$i
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$g}-items`
+    className: `${classPrefix$i}-items`
   }, items.map((item, index2) => {
     const active = item.key === activeKey;
     const isActiveNextSibling = items[index2 - 1] && items[index2 - 1].key === activeKey;
@@ -16930,33 +16954,33 @@ const SideBar = (props) => {
           return;
         setActiveKey(key.toString());
       },
-      className: classNames__default["default"](`${classPrefix$g}-item`, {
-        [`${classPrefix$g}-item-active`]: active,
-        [`${classPrefix$g}-item-disabled`]: item.props.disabled
+      className: classNames__default["default"](`${classPrefix$i}-item`, {
+        [`${classPrefix$i}-item-active`]: active,
+        [`${classPrefix$i}-item-disabled`]: item.props.disabled
       })
     }, React__default["default"].createElement(React__default["default"].Fragment, null, isActiveNextSibling && React__default["default"].createElement(Corner, {
-      className: `${classPrefix$g}-item-corner ${classPrefix$g}-item-corner-top`
+      className: `${classPrefix$i}-item-corner ${classPrefix$i}-item-corner-top`
     }), isActivePreviousSibling && React__default["default"].createElement(Corner, {
-      className: `${classPrefix$g}-item-corner ${classPrefix$g}-item-corner-bottom`
+      className: `${classPrefix$i}-item-corner ${classPrefix$i}-item-corner-bottom`
     })), React__default["default"].createElement(Badge, {
       content: item.props.badge,
-      className: `${classPrefix$g}-badge`
+      className: `${classPrefix$i}-badge`
     }, React__default["default"].createElement("div", {
-      className: `${classPrefix$g}-item-title`
+      className: `${classPrefix$i}-item-title`
     }, active && React__default["default"].createElement("div", {
-      className: `${classPrefix$g}-item-highlight`
+      className: `${classPrefix$i}-item-highlight`
     }), item.props.title))));
   })), React__default["default"].createElement("div", {
-    className: classNames__default["default"](`${classPrefix$g}-extra-space`, isLastItemActive && `${classPrefix$g}-item-active-next-sibling`)
+    className: classNames__default["default"](`${classPrefix$i}-extra-space`, isLastItemActive && `${classPrefix$i}-item-active-next-sibling`)
   }, isLastItemActive && React__default["default"].createElement(Corner, {
-    className: `${classPrefix$g}-item-corner ${classPrefix$g}-item-corner-top`
+    className: `${classPrefix$i}-item-corner ${classPrefix$i}-item-corner-top`
   }))));
 };
 var index$4 = attachPropertiesToComponent(SideBar, {
   Item: SideBarItem
 });
 var slider = "";
-const classPrefix$f = `adm-slider`;
+const classPrefix$h = `adm-slider`;
 const Ticks = ({
   points,
   max,
@@ -16972,8 +16996,8 @@ const Ticks = ({
       left: offset
     };
     const pointClassName = classNames__default["default"]({
-      [`${classPrefix$f}-tick`]: true,
-      [`${classPrefix$f}-tick-active`]: isActived
+      [`${classPrefix$h}-tick`]: true,
+      [`${classPrefix$h}-tick-active`]: isActived
     });
     return React__default["default"].createElement("span", {
       className: pointClassName,
@@ -16982,10 +17006,10 @@ const Ticks = ({
     });
   });
   return React__default["default"].createElement("div", {
-    className: `${classPrefix$f}-ticks`
+    className: `${classPrefix$h}-ticks`
   }, elements);
 };
-const classPrefix$e = `adm-slider-mark`;
+const classPrefix$g = `adm-slider-mark`;
 const Marks = ({
   marks,
   upperBound,
@@ -17002,8 +17026,8 @@ const Marks = ({
     }
     const isActive = point <= upperBound && point >= lowerBound;
     const markClassName = classNames__default["default"]({
-      [`${classPrefix$e}-text`]: true,
-      [`${classPrefix$e}-text-active`]: isActive
+      [`${classPrefix$g}-text`]: true,
+      [`${classPrefix$g}-text-active`]: isActive
     });
     const style = {
       left: `${(point - min) / range * 100}%`
@@ -17015,33 +17039,35 @@ const Marks = ({
     }, markPoint);
   });
   return React__default["default"].createElement("div", {
-    className: classPrefix$e
+    className: classPrefix$g
   }, elements);
 };
 const ThumbIcon = (props) => {
   return withNativeProps(props, React__default["default"].createElement("svg", {
-    viewBox: "0 0 20 20"
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
   }, React__default["default"].createElement("g", {
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
+    fill: "currentColor",
     fillRule: "evenodd"
-  }, React__default["default"].createElement("g", {
-    transform: "translate(-604.000000, -656.000000)",
-    fill: "#999999"
-  }, React__default["default"].createElement("g", {
-    transform: "translate(592.000000, 644.000000)"
-  }, React__default["default"].createElement("g", {
-    transform: "translate(12.000000, 12.000000)"
-  }, React__default["default"].createElement("polygon", {
-    points: "0 3.33333333 2.22222222 3.33333333 2.22222222 17.7777778 0 17.7777778"
-  }), React__default["default"].createElement("polygon", {
-    points: "17.7777778 3.33333333 20 3.33333333 20 17.7777778 17.7777778 17.7777778"
-  }), React__default["default"].createElement("path", {
-    d: "M10.8888889,0 L9.11111111,0 C8.98888889,0 8.88888889,0.107142857 8.88888889,0.238095238 L8.88888889,19.7619048 C8.88888889,19.8928571 8.98888889,20 9.11111111,20 L10.8888889,20 C11.0111111,20 11.1111111,19.8928571 11.1111111,19.7619048 L11.1111111,0.238095238 C11.1111111,0.107142857 11.0111111,0 10.8888889,0 Z"
-  })))))));
+  }, React__default["default"].createElement("rect", {
+    x: 10,
+    width: 4,
+    height: 24,
+    rx: 2
+  }), React__default["default"].createElement("rect", {
+    y: 4,
+    width: 4,
+    height: 16,
+    rx: 2
+  }), React__default["default"].createElement("rect", {
+    x: 20,
+    y: 4,
+    width: 4,
+    height: 16,
+    rx: 2
+  }))));
 };
-const classPrefix$d = `adm-slider`;
+const classPrefix$f = `adm-slider`;
 const Thumb = (props) => {
   const {
     value,
@@ -17058,6 +17084,7 @@ const Thumb = (props) => {
       right: "auto"
     };
   };
+  const [dragging, setDragging] = React$1.useState(false);
   const bind = react.useDrag((state) => {
     var _a;
     if (disabled)
@@ -17071,29 +17098,39 @@ const Thumb = (props) => {
       return;
     const diff = x / Math.ceil(sliderOffsetWith) * (max - min);
     onDrag(prevValue.current + diff, state.first, state.last);
+    setDragging(!state.last);
   }, {
     axis: "x",
     pointer: {
       touch: true
     }
   });
+  const renderPopoverContent = typeof props.popover === "function" ? props.popover : props.popover ? (value2) => value2.toString() : null;
+  const thumbElement = React__default["default"].createElement("div", {
+    className: `${classPrefix$f}-thumb`
+  }, icon ? icon : React__default["default"].createElement(ThumbIcon, {
+    className: `${classPrefix$f}-thumb-icon`
+  }));
   return React__default["default"].createElement("div", Object.assign({
-    className: `${classPrefix$d}-thumb-container`,
+    className: `${classPrefix$f}-thumb-container`,
     style: currentPosition()
-  }, bind()), React__default["default"].createElement("div", {
-    className: `${classPrefix$d}-thumb`
-  }, icon ? icon : React__default["default"].createElement(ThumbIcon, {
-    className: `${classPrefix$d}-thumb-icon`
-  })));
+  }, bind()), renderPopoverContent ? React__default["default"].createElement(Popover$1, {
+    content: renderPopoverContent(value),
+    placement: "top",
+    visible: dragging,
+    getContainer: null,
+    mode: "dark"
+  }, thumbElement) : thumbElement);
 };
-const classPrefix$c = `adm-slider`;
+const classPrefix$e = `adm-slider`;
 const defaultProps$d = {
   min: 0,
   max: 100,
   step: 1,
   ticks: false,
   range: false,
-  disabled: false
+  disabled: false,
+  popover: false
 };
 const Slider = (p2) => {
   var _a;
@@ -17188,13 +17225,14 @@ const Slider = (p2) => {
   const valueBeforeDragRef = React$1.useRef();
   const renderThumb = (index2) => {
     return React__default["default"].createElement(Thumb, {
-      icon,
       key: index2,
       value: sliderValue[index2],
       min,
       max,
       disabled,
       trackRef,
+      icon,
+      popover: props.popover,
       onDrag: (position, first, last) => {
         if (first) {
           dragLockRef.current += 1;
@@ -17217,18 +17255,18 @@ const Slider = (p2) => {
     });
   };
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: classNames__default["default"](classPrefix$c, {
-      [`${classPrefix$c}-disabled`]: disabled
+    className: classNames__default["default"](classPrefix$e, {
+      [`${classPrefix$e}-disabled`]: disabled
     })
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$c}-track-container`,
+    className: `${classPrefix$e}-track-container`,
     onClick: onTrackClick
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$c}-track`,
+    className: `${classPrefix$e}-track`,
     onClick: onTrackClick,
     ref: trackRef
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$c}-fill`,
+    className: `${classPrefix$e}-fill`,
     style: {
       width: fillSize,
       left: fillStart
@@ -17248,7 +17286,7 @@ const Slider = (p2) => {
   })));
 };
 var stepper = "";
-const classPrefix$b = `adm-stepper`;
+const classPrefix$d = `adm-stepper`;
 const defaultProps$c = {
   defaultValue: 0,
   step: 1,
@@ -17326,20 +17364,20 @@ const Stepper = (p2) => {
     return false;
   };
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: classNames__default["default"](classPrefix$b, {
-      [`${classPrefix$b}-active`]: hasFocus
+    className: classNames__default["default"](classPrefix$d, {
+      [`${classPrefix$d}-active`]: hasFocus
     })
   }, React__default["default"].createElement(Button, {
-    className: `${classPrefix$b}-minus`,
+    className: `${classPrefix$d}-minus`,
     onClick: handleMinus,
     disabled: minusDisabled(),
     fill: "none",
     shape: "rectangular",
     color: "primary"
   }, React__default["default"].createElement(antdMobileIcons.MinusOutline, null)), React__default["default"].createElement("div", {
-    className: `${classPrefix$b}-middle`
+    className: `${classPrefix$d}-middle`
   }, React__default["default"].createElement(Input, {
-    className: `${classPrefix$b}-input`,
+    className: `${classPrefix$d}-input`,
     onFocus: (e2) => {
       var _a;
       setHasFocus(true);
@@ -17357,7 +17395,7 @@ const Stepper = (p2) => {
     },
     readOnly: inputReadOnly
   })), React__default["default"].createElement(Button, {
-    className: `${classPrefix$b}-plus`,
+    className: `${classPrefix$d}-plus`,
     onClick: handlePlus,
     disabled: plusDisabled(),
     fill: "none",
@@ -17380,7 +17418,7 @@ function convertTextToValue(text) {
   return parseFloat(text);
 }
 var steps = "";
-const classPrefix$a = `adm-step`;
+const classPrefix$c = `adm-step`;
 const Step = (props) => {
   const {
     title,
@@ -17389,20 +17427,20 @@ const Step = (props) => {
     status = "wait"
   } = props;
   return withNativeProps(props, React__default["default"].createElement("div", {
-    className: classNames__default["default"](`${classPrefix$a}`, `${classPrefix$a}-status-${status}`)
+    className: classNames__default["default"](`${classPrefix$c}`, `${classPrefix$c}-status-${status}`)
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$a}-indicator`
+    className: `${classPrefix$c}-indicator`
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$a}-icon-container`
+    className: `${classPrefix$c}-icon-container`
   }, icon)), React__default["default"].createElement("div", {
-    className: `${classPrefix$a}-content`
+    className: `${classPrefix$c}-content`
   }, React__default["default"].createElement("div", {
-    className: `${classPrefix$a}-title`
+    className: `${classPrefix$c}-title`
   }, title), !!description && React__default["default"].createElement("div", {
-    className: `${classPrefix$a}-description`
+    className: `${classPrefix$c}-description`
   }, description))));
 };
-const classPrefix$9 = `adm-steps`;
+const classPrefix$b = `adm-steps`;
 const stepClassPrefix = `adm-step`;
 const defaultIcon = React__default["default"].createElement("span", {
   className: `${stepClassPrefix}-icon-dot`
@@ -17417,7 +17455,7 @@ const Steps = (p2) => {
     direction,
     current
   } = props;
-  const classString = classNames__default["default"](classPrefix$9, `${classPrefix$9}-${direction}`);
+  const classString = classNames__default["default"](classPrefix$b, `${classPrefix$b}-${direction}`);
   return withNativeProps(props, React__default["default"].createElement("div", {
     className: classString
   }, React__default["default"].Children.map(props.children, (child, index2) => {
@@ -17443,6 +17481,7 @@ var index$3 = attachPropertiesToComponent(Steps, {
   Step
 });
 var swipeAction = "";
+const classPrefix$a = `adm-swipe-action`;
 const defaultProps$a = {
   rightActions: [],
   leftActions: [],
@@ -17560,7 +17599,7 @@ const SwipeAction = React$1.forwardRef((p2, ref) => {
     const color = (_a = action.color) !== null && _a !== void 0 ? _a : "light";
     return React__default["default"].createElement(Button, {
       key: action.key,
-      className: "adm-swipe-action-action-button",
+      className: `${classPrefix$a}-action-button`,
       style: {
         "--background-color": (_b = colorRecord$1[color]) !== null && _b !== void 0 ? _b : color
       },
@@ -17575,7 +17614,7 @@ const SwipeAction = React$1.forwardRef((p2, ref) => {
     }, action.text);
   }
   return withNativeProps(props, React__default["default"].createElement("div", Object.assign({
-    className: "adm-swipe-action"
+    className: classPrefix$a
   }, bind(), {
     ref: rootRef,
     onClickCapture: (e2) => {
@@ -17585,15 +17624,15 @@ const SwipeAction = React$1.forwardRef((p2, ref) => {
       }
     }
   }), React__default["default"].createElement(web.animated.div, {
-    className: "adm-swipe-action-track",
+    className: `${classPrefix$a}-track`,
     style: {
       x
     }
   }, withStopPropagation(props.stopPropagation, React__default["default"].createElement("div", {
-    className: "adm-swipe-action-actions adm-swipe-action-actions-left",
+    className: `${classPrefix$a}-actions ${classPrefix$a}-actions-left`,
     ref: leftRef
   }, props.leftActions.map(renderAction))), React__default["default"].createElement("div", {
-    className: "adm-swipe-action-content",
+    className: `${classPrefix$a}-content`,
     onClickCapture: (e2) => {
       if (x.goal !== 0) {
         e2.preventDefault();
@@ -17608,7 +17647,7 @@ const SwipeAction = React$1.forwardRef((p2, ref) => {
       pointerEvents: x.to((v) => v !== 0 && x.goal !== 0 ? "none" : "auto")
     }
   }, props.children)), withStopPropagation(props.stopPropagation, React__default["default"].createElement("div", {
-    className: "adm-swipe-action-actions adm-swipe-action-actions-right",
+    className: `${classPrefix$a}-actions ${classPrefix$a}-actions-right`,
     ref: rightRef
   }, props.rightActions.map(renderAction))))));
 });
@@ -17635,6 +17674,7 @@ function useRefState(initialState) {
   }, [state]);
   return [state, setState, ref];
 }
+const classPrefix$9 = `adm-swiper`;
 const defaultProps$9 = {
   defaultIndex: 0,
   allowTouchMove: true,
@@ -17819,10 +17859,10 @@ const Swiper = React$1.forwardRef(stagedComponents.staged((p2, ref) => {
     function renderTrackInner() {
       if (loop) {
         return React__default["default"].createElement("div", {
-          className: "adm-swiper-track-inner"
+          className: `${classPrefix$9}-track-inner`
         }, React__default["default"].Children.map(validChildren, (child, index2) => {
           return React__default["default"].createElement(web.animated.div, {
-            className: "adm-swiper-slide",
+            className: `${classPrefix$9}-slide`,
             style: {
               [isVertical ? "y" : "x"]: position.to((position2) => {
                 let finalPosition = -position2 + index2 * 100;
@@ -17837,13 +17877,13 @@ const Swiper = React$1.forwardRef(stagedComponents.staged((p2, ref) => {
         }));
       } else {
         return React__default["default"].createElement(web.animated.div, {
-          className: "adm-swiper-track-inner",
+          className: `${classPrefix$9}-track-inner`,
           style: {
             [isVertical ? "y" : "x"]: position.to((position2) => `${-position2}%`)
           }
         }, React__default["default"].Children.map(validChildren, (child) => {
           return React__default["default"].createElement("div", {
-            className: "adm-swiper-slide"
+            className: `${classPrefix$9}-slide`
           }, child);
         }));
       }
@@ -17853,12 +17893,12 @@ const Swiper = React$1.forwardRef(stagedComponents.staged((p2, ref) => {
       "--track-offset": `${props.trackOffset}%`
     };
     return withNativeProps(props, React__default["default"].createElement("div", {
-      className: classNames__default["default"]("adm-swiper", `adm-swiper-${props.direction}`),
+      className: classNames__default["default"](classPrefix$9, `${classPrefix$9}-${props.direction}`),
       style
     }, React__default["default"].createElement("div", Object.assign({
       ref: trackRef,
-      className: classNames__default["default"]("adm-swiper-track", {
-        "adm-swiper-track-allow-touch-move": props.allowTouchMove
+      className: classNames__default["default"](`${classPrefix$9}-track`, {
+        [`${classPrefix$9}-track-allow-touch-move`]: props.allowTouchMove
       }),
       onClickCapture: (e2) => {
         if (draggingRef.current) {
@@ -17866,7 +17906,7 @@ const Swiper = React$1.forwardRef(stagedComponents.staged((p2, ref) => {
         }
       }
     }, props.allowTouchMove ? bind() : {}), renderTrackInner()), props.indicator === void 0 ? React__default["default"].createElement("div", {
-      className: "adm-swiper-indicator"
+      className: `${classPrefix$9}-indicator`
     }, React__default["default"].createElement(PageIndicator, Object.assign({}, props.indicatorProps, {
       total: count,
       current,
@@ -17998,7 +18038,7 @@ const TabBar = (p2) => {
         className: `${classPrefix$7}-item-icon`
       }, typeof item.props.icon === "function" ? item.props.icon(active) : item.props.icon);
       const titleElement = item.props.title && React__default["default"].createElement("div", {
-        className: `${classPrefix$7}-item-title`
+        className: classNames__default["default"](`${classPrefix$7}-item-title`, Boolean(iconElement) && `${classPrefix$7}-item-title-with-icon`)
       }, typeof item.props.title === "function" ? item.props.title(active) : item.props.title);
       if (iconElement) {
         return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(Badge, {
@@ -18855,6 +18895,7 @@ exports.CascadePicker = index$f;
 exports.CascadePickerView = CascadePickerView;
 exports.Cascader = index$e;
 exports.CascaderView = CascaderView;
+exports.CenterPopup = CenterPopup;
 exports.CheckList = CheckList;
 exports.Checkbox = Checkbox;
 exports.Collapse = index$d;