antd-mobile 5.13.0 → 5.14.1

package/bundle/antd-mobile.es.js

@@ -1333,7 +1333,9 @@ const base = {
     upload: "Upload"
   },
   InfiniteScroll: {
-    noMore: "No more"
+    noMore: "No more",
+    failedToLoad: "Failed to load",
+    retry: "Retry"
   },
   Mask: {
     name: "Mask"
@@ -1439,7 +1441,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"
@@ -8863,13 +8867,13 @@ function withStopPropagation(events, element) {
   }
   return React$1.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,
@@ -8880,7 +8884,7 @@ const defaultProps$Z = {
   stopPropagation: ["click"]
 };
 const Mask = (p2) => {
-  const props = mergeProps(defaultProps$Z, p2);
+  const props = mergeProps(defaultProps$$, p2);
   const {
     locale
   } = useConfig();
@@ -8921,7 +8925,7 @@ const Mask = (p2) => {
     }
   });
   const node = withStopPropagation(props.stopPropagation, withNativeProps(props, React$1.createElement(animated.div, {
-    className: classPrefix$1g,
+    className: classPrefix$1i,
     ref,
     style: Object.assign(Object.assign({}, props.style), {
       background,
@@ -8935,12 +8939,12 @@ const Mask = (p2) => {
       }
     }
   }, props.onMaskClick && React$1.createElement("div", {
-    className: `${classPrefix$1g}-aria-button`,
+    className: `${classPrefix$1i}-aria-button`,
     role: "button",
     "aria-label": locale.Mask.name,
     onClick: props.onMaskClick
   }), React$1.createElement("div", {
-    className: `${classPrefix$1g}-content`
+    className: `${classPrefix$1i}-content`
   }, props.children))));
   return React$1.createElement(ShouldRender, {
     active,
@@ -8948,8 +8952,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,
@@ -8957,8 +8961,8 @@ const defaultProps$Y = {
   stopPropagation: ["click"]
 };
 const Popup = (p2) => {
-  const props = mergeProps(defaultProps$Y, p2);
-  const bodyCls = classNames(`${classPrefix$1f}-body`, props.bodyClassName, `${classPrefix$1f}-body-position-${props.position}`);
+  const props = mergeProps(defaultProps$_, p2);
+  const bodyCls = classNames(`${classPrefix$1h}-body`, props.bodyClassName, `${classPrefix$1h}-body-position-${props.position}`);
   const ref = useRef(null);
   const [active, setActive] = useState(props.visible);
   useLockScroll(ref, active);
@@ -8990,7 +8994,7 @@ const Popup = (p2) => {
     }
   });
   const node = withStopPropagation(props.stopPropagation, withNativeProps(props, React$1.createElement("div", {
-    className: classPrefix$1f,
+    className: classPrefix$1h,
     onClick: props.onClick,
     style: {
       display: active ? void 0 : "none"
@@ -9026,10 +9030,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$1.createElement("div", {
-    className: classNames(classPrefix$1e, `${classPrefix$1e}-position-${props.position}`)
+    className: classNames(classPrefix$1g, `${classPrefix$1g}-position-${props.position}`)
   }));
 };
 const fullClone = Object.assign({}, ReactDOM);
@@ -9145,8 +9149,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: "",
@@ -9155,7 +9159,7 @@ const defaultProps$X = {
   safeArea: true
 };
 const ActionSheet = (p2) => {
-  const props = mergeProps(defaultProps$X, p2);
+  const props = mergeProps(defaultProps$Z, p2);
   return React$1.createElement(Popup, {
     visible: props.visible,
     onMaskClick: () => {
@@ -9166,22 +9170,22 @@ const ActionSheet = (p2) => {
       }
     },
     afterClose: props.afterClose,
-    className: classNames(`${classPrefix$1d}-popup`, props.popupClassName),
+    className: classNames(`${classPrefix$1f}-popup`, props.popupClassName),
     style: props.popupStyle,
     getContainer: props.getContainer
   }, withNativeProps(props, React$1.createElement("div", {
-    className: classPrefix$1d
+    className: classPrefix$1f
   }, props.extra && React$1.createElement("div", {
-    className: `${classPrefix$1d}-extra`
+    className: `${classPrefix$1f}-extra`
   }, props.extra), React$1.createElement("div", {
-    className: `${classPrefix$1d}-button-list`
+    className: `${classPrefix$1f}-button-list`
   }, props.actions.map((action, index2) => React$1.createElement("div", {
     key: action.key,
-    className: `${classPrefix$1d}-button-item-wrapper`
+    className: `${classPrefix$1f}-button-item-wrapper`
   }, React$1.createElement("a", {
-    className: classNames("adm-plain-anchor", `${classPrefix$1d}-button-item`, {
-      [`${classPrefix$1d}-button-item-danger`]: action.danger,
-      [`${classPrefix$1d}-button-item-disabled`]: action.disabled
+    className: classNames("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;
@@ -9192,21 +9196,21 @@ const ActionSheet = (p2) => {
       }
     }
   }, React$1.createElement("div", {
-    className: `${classPrefix$1d}-button-item-name`
+    className: `${classPrefix$1f}-button-item-name`
   }, action.text), action.description && React$1.createElement("div", {
-    className: `${classPrefix$1d}-button-item-description`
+    className: `${classPrefix$1f}-button-item-description`
   }, action.description))))), props.cancelText && React$1.createElement("div", {
-    className: `${classPrefix$1d}-cancel`
+    className: `${classPrefix$1f}-cancel`
   }, React$1.createElement("div", {
-    className: `${classPrefix$1d}-button-item-wrapper`
+    className: `${classPrefix$1f}-button-item-wrapper`
   }, React$1.createElement("a", {
-    className: classNames("adm-plain-anchor", `${classPrefix$1d}-button-item`),
+    className: classNames("adm-plain-anchor", `${classPrefix$1f}-button-item`),
     onClick: () => {
       var _a;
       (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
     }
   }, React$1.createElement("div", {
-    className: `${classPrefix$1d}-button-item-name`
+    className: `${classPrefix$1f}-button-item-name`
   }, props.cancelText)))), props.safeArea && React$1.createElement(SafeArea, {
     position: "bottom"
   }))));
@@ -9218,12 +9222,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$1.createElement("div", {
-    className: classPrefix$1c
+    className: classPrefix$1e
   }, React$1.createElement("div", {
-    className: `${classPrefix$1c}-content`
+    className: `${classPrefix$1e}-content`
   }, props.children)));
 };
 var avatar = "";
@@ -9265,15 +9269,15 @@ const Fallback = memo(() => React$1.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$1.createElement(Fallback, null),
   fit: "cover"
 };
 const Avatar = (p2) => {
-  const props = mergeProps(defaultProps$W, p2);
+  const props = mergeProps(defaultProps$Y, p2);
   return withNativeProps(props, React$1.createElement(Image$1, {
-    className: classPrefix$1b,
+    className: classPrefix$1d,
     src: props.src,
     fallback: props.fallback,
     placeholder: props.fallback,
@@ -9285,7 +9289,7 @@ const Avatar = (p2) => {
   }));
 };
 var badge = "";
-const classPrefix$1a = `adm-badge`;
+const classPrefix$1c = `adm-badge`;
 const dot = React$1.createElement(React$1.Fragment, null);
 const Badge$1 = (props) => {
   const {
@@ -9294,17 +9298,17 @@ const Badge$1 = (props) => {
     children
   } = props;
   const isDot = content === dot;
-  const badgeCls = classNames(classPrefix$1a, !!children && `${classPrefix$1a}-fixed`, isDot && `${classPrefix$1a}-dot`, props.bordered && `${classPrefix$1a}-bordered`);
+  const badgeCls = classNames(classPrefix$1c, !!children && `${classPrefix$1c}-fixed`, isDot && `${classPrefix$1c}-dot`, props.bordered && `${classPrefix$1c}-bordered`);
   const element = content || content === 0 ? withNativeProps(props, React$1.createElement("div", {
     className: badgeCls,
     style: {
       "--color": color
     }
   }, !isDot && React$1.createElement("div", {
-    className: `${classPrefix$1a}-content`
+    className: `${classPrefix$1c}-content`
   }, content))) : null;
   return children ? React$1.createElement("div", {
-    className: `${classPrefix$1a}-wrap`
+    className: `${classPrefix$1c}-wrap`
   }, children, element) : element;
 };
 var Badge = attachPropertiesToComponent(Badge$1, {
@@ -9312,23 +9316,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 = memo((p2) => {
   var _a;
-  const props = mergeProps(defaultProps$V, p2);
+  const props = mergeProps(defaultProps$X, p2);
   return withNativeProps(props, React$1.createElement("div", {
     style: {
       color: (_a = colorRecord$3[props.color]) !== null && _a !== void 0 ? _a : props.color
     },
-    className: classNames("adm-loading", classPrefix$19)
+    className: classNames("adm-loading", classPrefix$1b)
   }, React$1.createElement("svg", {
     height: "1em",
     viewBox: "0 0 100 40",
@@ -9371,8 +9375,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,
@@ -9385,7 +9389,7 @@ const defaultProps$U = {
   size: "middle"
 };
 const Button = forwardRef((p2, ref) => {
-  const props = mergeProps(defaultProps$U, p2);
+  const props = mergeProps(defaultProps$W, p2);
   const [innerLoading, setInnerLoading] = useState(false);
   const nativeButtonRef = useRef(null);
   const loading = props.loading === "auto" ? innerLoading : props.loading;
@@ -9414,23 +9418,23 @@ const Button = forwardRef((p2, ref) => {
     ref: nativeButtonRef,
     type: props.type,
     onClick: handleClick,
-    className: classNames(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(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$1.createElement("div", {
-    className: `${classPrefix$18}-loading-wrapper`
+    className: `${classPrefix$1a}-loading-wrapper`
   }, props.loadingIcon, props.loadingText) : props.children));
 });
 var calendar = "";
@@ -9551,8 +9555,8 @@ function convertValueToRange(selectionMode, value) {
   return [value, value];
 }
 dayjs.extend(isoWeek);
-const classPrefix$17 = "adm-calendar";
-const defaultProps$T = {
+const classPrefix$19 = "adm-calendar";
+const defaultProps$V = {
   weekStartsOn: "Sunday",
   defaultValue: null,
   allowClear: true,
@@ -9563,7 +9567,7 @@ const defaultProps$T = {
 };
 const Calendar = forwardRef((p2, ref) => {
   const today = dayjs();
-  const props = mergeProps(defaultProps$T, p2);
+  const props = mergeProps(defaultProps$V, p2);
   const {
     locale
   } = useConfig();
@@ -9609,26 +9613,26 @@ const Calendar = forwardRef((p2, ref) => {
     }
   }));
   const header = React$1.createElement("div", {
-    className: `${classPrefix$17}-header`
+    className: `${classPrefix$19}-header`
   }, React$1.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$1.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$1.createElement("div", {
-    className: `${classPrefix$17}-title`
+    className: `${classPrefix$19}-title`
   }, locale.Calendar.renderYearAndMonth(current.year(), current.month() + 1)), React$1.createElement("a", {
-    className: classNames(`${classPrefix$17}-arrow-button`, `${classPrefix$17}-arrow-button-right`, `${classPrefix$17}-arrow-button-right-month`),
+    className: classNames(`${classPrefix$19}-arrow-button`, `${classPrefix$19}-arrow-button-right`, `${classPrefix$19}-arrow-button-right-month`),
     onClick: () => {
       setCurrent(current.add(1, "month"));
     }
   }, props.nextMonthButton), React$1.createElement("a", {
-    className: classNames(`${classPrefix$17}-arrow-button`, `${classPrefix$17}-arrow-button-right`, `${classPrefix$17}-arrow-button-right-year`),
+    className: classNames(`${classPrefix$19}-arrow-button`, `${classPrefix$19}-arrow-button-right`, `${classPrefix$19}-arrow-button-right-year`),
     onClick: () => {
       setCurrent(current.add(1, "year"));
     }
@@ -9657,11 +9661,11 @@ const Calendar = forwardRef((p2, ref) => {
       const disabled = props.shouldDisableDate ? props.shouldDisableDate(d.toDate()) : maxDay && d.isAfter(maxDay, "day") || minDay && d.isBefore(minDay, "day");
       cells.push(React$1.createElement("div", {
         key: d.valueOf(),
-        className: classNames(`${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(`${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)
@@ -9708,25 +9712,25 @@ const Calendar = forwardRef((p2, ref) => {
           }
         }
       }, React$1.createElement("div", {
-        className: `${classPrefix$17}-cell-top`
+        className: `${classPrefix$19}-cell-top`
       }, d.date()), React$1.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$1.createElement("div", {
-    className: `${classPrefix$17}-cells`
+    className: `${classPrefix$19}-cells`
   }, renderCells());
   const mark = React$1.createElement("div", {
-    className: `${classPrefix$17}-mark`
+    className: `${classPrefix$19}-mark`
   }, markItems.map((item) => React$1.createElement("div", {
     key: item,
-    className: `${classPrefix$17}-mark-cell`
+    className: `${classPrefix$19}-mark-cell`
   }, item)));
   return withNativeProps(props, React$1.createElement("div", {
-    className: classPrefix$17
+    className: classPrefix$19
   }, header, mark, body));
 });
 var capsuleTabs = "";
@@ -9828,7 +9832,7 @@ const useTabListScroll = (targetRef, activeIndex) => {
   };
 };
 var scrollMask = "";
-const classPrefix$16 = `adm-scroll-mask`;
+const classPrefix$18 = `adm-scroll-mask`;
 const ScrollMask = (props) => {
   const maskRef = useRef(null);
   const [{
@@ -9875,12 +9879,12 @@ const ScrollMask = (props) => {
   }, []);
   return React$1.createElement(React$1.Fragment, null, React$1.createElement(animated.div, {
     ref: maskRef,
-    className: classNames(classPrefix$16, `${classPrefix$16}-left`),
+    className: classNames(classPrefix$18, `${classPrefix$18}-left`),
     style: {
       opacity: leftMaskOpacity
     }
   }), React$1.createElement(animated.div, {
-    className: classNames(classPrefix$16, `${classPrefix$16}-right`),
+    className: classNames(classPrefix$18, `${classPrefix$18}-right`),
     style: {
       opacity: rightMaskOpacity
     }
@@ -9900,7 +9904,7 @@ function traverseReactNode(children, fn) {
   }
   handle(children);
 }
-const classPrefix$15 = `adm-capsule-tabs`;
+const classPrefix$17 = `adm-capsule-tabs`;
 const CapsuleTab = () => {
   return null;
 };
@@ -9941,19 +9945,19 @@ const CapsuleTabs = (props) => {
     animate(true);
   }, rootRef);
   return withNativeProps(props, React$1.createElement("div", {
-    className: classPrefix$15,
+    className: classPrefix$17,
     ref: rootRef
   }, React$1.createElement("div", {
-    className: `${classPrefix$15}-header`
+    className: `${classPrefix$17}-header`
   }, React$1.createElement(ScrollMask, {
     scrollTrackRef: tabListContainerRef
   }), React$1.createElement(animated.div, {
-    className: `${classPrefix$15}-tab-list`,
+    className: `${classPrefix$17}-tab-list`,
     ref: tabListContainerRef,
     scrollLeft
   }, panes.map((pane) => withNativeProps(pane.props, React$1.createElement("div", {
     key: pane.key,
-    className: `${classPrefix$15}-tab-wrapper`
+    className: `${classPrefix$17}-tab-wrapper`
   }, React$1.createElement("div", {
     onClick: () => {
       const {
@@ -9966,9 +9970,9 @@ const CapsuleTabs = (props) => {
       }
       setActiveKey(key.toString());
     },
-    className: classNames(`${classPrefix$15}-tab`, {
-      [`${classPrefix$15}-tab-active`]: pane.key === activeKey,
-      [`${classPrefix$15}-tab-disabled`]: pane.props.disabled
+    className: classNames(`${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) {
@@ -9981,7 +9985,7 @@ const CapsuleTabs = (props) => {
       forceRender: pane.props.forceRender,
       destroyOnClose: pane.props.destroyOnClose
     }, React$1.createElement("div", {
-      className: `${classPrefix$15}-content`,
+      className: `${classPrefix$17}-content`,
       style: {
         display: active ? "block" : "none"
       }
@@ -9992,18 +9996,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$1.createElement("div", {
-      className: classNames(`${classPrefix$14}-header`, props.headerClassName),
+      className: classNames(`${classPrefix$16}-header`, props.headerClassName),
       style: props.headerStyle,
       onClick: props.onHeaderClick
     }, React$1.createElement("div", {
-      className: `${classPrefix$14}-header-title`
+      className: `${classPrefix$16}-header-title`
     }, props.title), props.extra);
   };
   const renderBody = () => {
@@ -10011,13 +10015,13 @@ const Card = (props) => {
       return null;
     }
     return React$1.createElement("div", {
-      className: classNames(`${classPrefix$14}-body`, props.bodyClassName),
+      className: classNames(`${classPrefix$16}-body`, props.bodyClassName),
       style: props.bodyStyle,
       onClick: props.onBodyClick
     }, props.children);
   };
   return withNativeProps(props, React$1.createElement("div", {
-    className: classPrefix$14,
+    className: classPrefix$16,
     onClick: props.onClick
   }, renderHeader(), renderBody()));
 };
@@ -10298,7 +10302,7 @@ function measureCSSLength(raw) {
     return 0;
   }
 }
-const classPrefix$13 = `adm-picker-view`;
+const classPrefix$15 = `adm-picker-view`;
 const Wheel = memo((props) => {
   const {
     value,
@@ -10438,12 +10442,12 @@ const Wheel = memo((props) => {
   }
   return React$1.createElement("div", {
     ref: rootRef,
-    className: `${classPrefix$13}-column`
+    className: `${classPrefix$15}-column`
   }, React$1.createElement(animated.div, {
     style: {
       translateY: y
     },
-    className: `${classPrefix$13}-column-wheel`,
+    className: `${classPrefix$15}-column-wheel`,
     "aria-hidden": true
   }, column.map((item, index2) => {
     var _a;
@@ -10457,12 +10461,12 @@ const Wheel = memo((props) => {
     return React$1.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$1.createElement("div", {
-      className: `${classPrefix$13}-column-item-label`
+      className: `${classPrefix$15}-column-item-label`
     }, renderLabel(item)));
   })), renderAccessible());
 }, (prev, next) => {
@@ -10518,14 +10522,14 @@ function useColumnsExtend(rawColumns, value) {
   return 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 = memo((p2) => {
-  const props = mergeProps(defaultProps$S, p2);
+  const props = mergeProps(defaultProps$U, p2);
   const [innerValue, setInnerValue] = useState(props.value === void 0 ? props.defaultValue : props.value);
   useEffect(() => {
     if (props.value === void 0)
@@ -10566,7 +10570,7 @@ const PickerView = memo((p2) => {
     });
   }, []);
   return withNativeProps(props, React$1.createElement("div", {
-    className: `${classPrefix$12}`
+    className: `${classPrefix$14}`
   }, columns.map((column, index2) => React$1.createElement(Wheel, {
     key: index2,
     index: index2,
@@ -10576,19 +10580,19 @@ const PickerView = memo((p2) => {
     renderLabel: props.renderLabel,
     mouseWheel: props.mouseWheel
   })), React$1.createElement("div", {
-    className: `${classPrefix$12}-mask`
+    className: `${classPrefix$14}-mask`
   }, React$1.createElement("div", {
-    className: `${classPrefix$12}-mask-top`
+    className: `${classPrefix$14}-mask-top`
   }), React$1.createElement("div", {
-    className: `${classPrefix$12}-mask-middle`
+    className: `${classPrefix$14}-mask-middle`
   }), React$1.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
@@ -10598,7 +10602,7 @@ const Picker$1 = memo(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);
@@ -10652,26 +10656,26 @@ const Picker$1 = memo(forwardRef((p2, ref) => {
   });
   const shouldRender = useShouldRender(visible, props.forceRender, props.destroyOnClose);
   const pickerElement = withNativeProps(props, React$1.createElement("div", {
-    className: classPrefix$11
+    className: classPrefix$13
   }, React$1.createElement("div", {
-    className: `${classPrefix$11}-header`
+    className: `${classPrefix$13}-header`
   }, React$1.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$1.createElement("div", {
-    className: `${classPrefix$11}-header-title`
+    className: `${classPrefix$13}-header-title`
   }, props.title), React$1.createElement("a", {
-    className: `${classPrefix$11}-header-button`,
+    className: `${classPrefix$13}-header-button`,
     onClick: () => {
       setValue(innerValue);
       setVisible(false);
     }
   }, props.confirmText)), React$1.createElement("div", {
-    className: `${classPrefix$11}-body`
+    className: `${classPrefix$13}-body`
   }, React$1.createElement(PickerView, {
     columns: props.columns,
     renderLabel: props.renderLabel,
@@ -10681,7 +10685,7 @@ const Picker$1 = memo(forwardRef((p2, ref) => {
   }))));
   const popupElement = React$1.createElement(Popup, {
     style: props.popupStyle,
-    className: classNames(`${classPrefix$11}-popup`, props.popupClassName),
+    className: classNames(`${classPrefix$13}-popup`, props.popupClassName),
     visible,
     position: "bottom",
     onMaskClick: () => {
@@ -10830,17 +10834,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 = useRef(null);
   const activeLineRef = useRef(null);
   const keyToIndexRecord = {};
@@ -10991,35 +10995,35 @@ const Tabs$1 = (p2) => {
     updateMask(true);
   }, []);
   return withNativeProps(props, React$1.createElement("div", {
-    className: classPrefix$10
+    className: classPrefix$12
   }, React$1.createElement("div", {
-    className: `${classPrefix$10}-header`
+    className: `${classPrefix$12}-header`
   }, React$1.createElement(animated.div, {
-    className: classNames(`${classPrefix$10}-header-mask`, `${classPrefix$10}-header-mask-left`),
+    className: classNames(`${classPrefix$12}-header-mask`, `${classPrefix$12}-header-mask-left`),
     style: {
       opacity: leftMaskOpacity
     }
   }), React$1.createElement(animated.div, {
-    className: classNames(`${classPrefix$10}-header-mask`, `${classPrefix$10}-header-mask-right`),
+    className: classNames(`${classPrefix$12}-header-mask`, `${classPrefix$12}-header-mask-right`),
     style: {
       opacity: rightMaskOpacity
     }
   }), React$1.createElement(animated.div, {
-    className: `${classPrefix$10}-tab-list`,
+    className: `${classPrefix$12}-tab-list`,
     ref: tabListContainerRef,
     scrollLeft,
     onScroll: updateMask
   }, React$1.createElement(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$1.createElement("div", {
     key: pane.key,
-    className: classNames(`${classPrefix$10}-tab-wrapper`, {
-      [`${classPrefix$10}-tab-wrapper-stretch`]: props.stretch
+    className: classNames(`${classPrefix$12}-tab-wrapper`, {
+      [`${classPrefix$12}-tab-wrapper-stretch`]: props.stretch
     })
   }, React$1.createElement("div", {
     onClick: () => {
@@ -11033,9 +11037,9 @@ const Tabs$1 = (p2) => {
       }
       setActiveKey(key.toString());
     },
-    className: classNames(`${classPrefix$10}-tab`, {
-      [`${classPrefix$10}-tab-active`]: pane.key === activeKey,
-      [`${classPrefix$10}-tab-disabled`]: pane.props.disabled
+    className: classNames(`${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) {
@@ -11048,7 +11052,7 @@ const Tabs$1 = (p2) => {
       forceRender: pane.props.forceRender,
       destroyOnClose: pane.props.destroyOnClose
     }, React$1.createElement("div", {
-      className: `${classPrefix$10}-content`,
+      className: `${classPrefix$12}-content`,
       style: {
         display: active ? "block" : "none"
       }
@@ -11060,47 +11064,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$1.createElement("div", {
-    className: classNames(classPrefix$$, `${classPrefix$$}-${props.mode}`)
+    className: classNames(classPrefix$11, `${classPrefix$11}-${props.mode}`)
   }, props.header && React$1.createElement("div", {
-    className: `${classPrefix$$}-header`
+    className: `${classPrefix$11}-header`
   }, props.header), React$1.createElement("div", {
-    className: `${classPrefix$$}-body`
+    className: `${classPrefix$11}-body`
   }, React$1.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 arrow2 = props.arrow === void 0 ? clickable : props.arrow;
   const content = React$1.createElement("div", {
-    className: `${classPrefix$_}-content`
+    className: `${classPrefix$10}-content`
   }, isNodeWithContent(props.prefix) && React$1.createElement("div", {
-    className: `${classPrefix$_}-content-prefix`
+    className: `${classPrefix$10}-content-prefix`
   }, props.prefix), React$1.createElement("div", {
-    className: `${classPrefix$_}-content-main`
+    className: `${classPrefix$10}-content-main`
   }, isNodeWithContent(props.title) && React$1.createElement("div", {
-    className: `${classPrefix$_}-title`
+    className: `${classPrefix$10}-title`
   }, props.title), props.children, isNodeWithContent(props.description) && React$1.createElement("div", {
-    className: `${classPrefix$_}-description`
+    className: `${classPrefix$10}-description`
   }, props.description)), isNodeWithContent(props.extra) && React$1.createElement("div", {
-    className: `${classPrefix$_}-content-extra`
+    className: `${classPrefix$10}-content-extra`
   }, props.extra), isNodeWithContent(arrow2) && React$1.createElement("div", {
-    className: `${classPrefix$_}-content-arrow`
+    className: `${classPrefix$10}-content-arrow`
   }, arrow2 === true ? React$1.createElement(RightOutline, null) : arrow2));
   return withNativeProps(props, React$1.createElement(clickable ? "a" : "div", {
-    className: classNames(`${classPrefix$_}`, clickable ? ["adm-plain-anchor"] : [], props.disabled && `${classPrefix$_}-disabled`),
+    className: classNames(`${classPrefix$10}`, clickable ? ["adm-plain-anchor"] : [], props.disabled && `${classPrefix$10}-disabled`),
     onClick: props.disabled ? void 0 : props.onClick
   }, content));
 };
@@ -11108,14 +11112,14 @@ var List = attachPropertiesToComponent(List$1, {
   Item: ListItem
 });
 const CheckListContext = createContext(null);
-const classPrefix$Z = "adm-check-list";
-const defaultProps$O = {
+const classPrefix$$ = "adm-check-list";
+const defaultProps$Q = {
   multiple: false,
   defaultValue: [],
   activeIcon: React$1.createElement(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) {
@@ -11143,10 +11147,10 @@ const CheckList$1 = (p2) => {
     }
   }, withNativeProps(props, React$1.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 = useContext(CheckListContext);
   if (context === null) {
@@ -11155,11 +11159,11 @@ const CheckListItem = (props) => {
   const active = context.value.includes(props.value);
   const readOnly = props.readOnly || context.readOnly;
   const extra = React$1.createElement("div", {
-    className: `${classPrefix$Y}-extra`
+    className: `${classPrefix$_}-extra`
   }, active ? context.activeIcon : null);
   return withNativeProps(props, React$1.createElement(List.Item, {
     title: props.title,
-    className: classNames(classPrefix$Y, readOnly && `${classPrefix$Y}-readonly`, active && `${classPrefix$Y}-active`),
+    className: classNames(classPrefix$_, readOnly && `${classPrefix$_}-readonly`, active && `${classPrefix$_}-active`),
     description: props.description,
     prefix: props.prefix,
     onClick: (e2) => {
@@ -11222,16 +11226,11 @@ function useCascaderValueExtend(options) {
   }, [options]);
   const generateIsLeaf = 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) {
@@ -11255,18 +11254,18 @@ function generateIntArray(from, to2) {
   }
   return array;
 }
-const classPrefix$X = "adm-skeleton";
+const classPrefix$Z = "adm-skeleton";
 const Skeleton$1 = (props) => {
   return withNativeProps(props, React$1.createElement("div", {
-    className: classNames(classPrefix$X, {
-      [`${classPrefix$X}-animated`]: props.animated
+    className: classNames(classPrefix$Z, {
+      [`${classPrefix$Z}-animated`]: props.animated
     })
   }));
 };
 const SkeletonTitle = (props) => {
   return withNativeProps(props, React$1.createElement(Skeleton$1, {
     animated: props.animated,
-    className: `${classPrefix$X}-title`
+    className: `${classPrefix$Z}-title`
   }));
 };
 const defaultSkeletonParagraphProps = {
@@ -11276,11 +11275,11 @@ const SkeletonParagraph = (p2) => {
   const props = mergeProps(defaultSkeletonParagraphProps, p2);
   const keys2 = generateIntArray(1, props.lineCount);
   const node = React$1.createElement("div", {
-    className: `${classPrefix$X}-paragraph`
+    className: `${classPrefix$Z}-paragraph`
   }, keys2.map((key) => React$1.createElement(Skeleton$1, {
     key,
     animated: props.animated,
-    className: `${classPrefix$X}-paragraph-line`
+    className: `${classPrefix$Z}-paragraph-line`
   })));
   return withNativeProps(props, node);
 };
@@ -11288,15 +11287,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), {
@@ -11305,7 +11304,7 @@ const CascaderView$1 = (p2) => {
       (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, val, generateValueExtend(val));
     }
   }));
-  const [tabActiveKey, setTabActiveKey] = useState(0);
+  const [tabActiveIndex, setTabActiveIndex] = useState(0);
   const generateValueExtend = useCascaderValueExtend(props.options);
   const levels = useMemo(() => {
     const ret = [];
@@ -11332,14 +11331,14 @@ const CascaderView$1 = (p2) => {
     return ret;
   }, [value, props.options]);
   useEffect(() => {
-    setTabActiveKey(levels.length - 1);
+    setTabActiveIndex(levels.length - 1);
   }, [value]);
   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) {
@@ -11348,35 +11347,40 @@ const CascaderView$1 = (p2) => {
     setValue(next);
   };
   return withNativeProps(props, React$1.createElement("div", {
-    className: classPrefix$W
+    className: classPrefix$Y
   }, React$1.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$1.createElement(Tabs.Tab, {
-      key: index2,
+      key: index2.toString(),
       title: React$1.createElement("div", {
-        className: `${classPrefix$W}-header-title`
+        className: `${classPrefix$Y}-header-title`
       }, selected ? selected.label : props.placeholder),
       forceRender: true
     }, React$1.createElement("div", {
-      className: `${classPrefix$W}-content`
+      className: `${classPrefix$Y}-content`
     }, level.options === optionSkeleton ? React$1.createElement("div", {
-      className: `${classPrefix$W}-skeleton`
+      className: `${classPrefix$Y}-skeleton`
     }, React$1.createElement(Skeleton, {
-      className: `${classPrefix$W}-skeleton-line-1`,
+      className: `${classPrefix$Y}-skeleton-line-1`,
       animated: true
     }), React$1.createElement(Skeleton, {
-      className: `${classPrefix$W}-skeleton-line-2`,
+      className: `${classPrefix$Y}-skeleton-line-2`,
       animated: true
     }), React$1.createElement(Skeleton, {
-      className: `${classPrefix$W}-skeleton-line-3`,
+      className: `${classPrefix$Y}-skeleton-line-3`,
       animated: true
     }), React$1.createElement(Skeleton, {
-      className: `${classPrefix$W}-skeleton-line-4`,
+      className: `${classPrefix$Y}-skeleton-line-4`,
       animated: true
     })) : React$1.createElement(CheckList, {
       value: [value[index2]],
@@ -11387,8 +11391,8 @@ const CascaderView$1 = (p2) => {
         value: option.value,
         key: option.value,
         disabled: option.disabled,
-        className: classNames(`${classPrefix$W}-item`, {
-          [`${classPrefix$W}-item-active`]: active
+        className: classNames(`${classPrefix$Y}-item`, {
+          [`${classPrefix$Y}-item-active`]: active
         })
       }, option.label);
     }))));
@@ -11397,8 +11401,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) => {
@@ -11406,7 +11410,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
@@ -11430,27 +11434,27 @@ const Cascader = (p2) => {
     }
   }, [value]);
   const cascaderElement = withNativeProps(props, React$1.createElement("div", {
-    className: classPrefix$V
+    className: classPrefix$X
   }, React$1.createElement("div", {
-    className: `${classPrefix$V}-header`
+    className: `${classPrefix$X}-header`
   }, React$1.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$1.createElement("div", {
-    className: `${classPrefix$V}-header-title`
+    className: `${classPrefix$X}-header-title`
   }, props.title), React$1.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$1.createElement("div", {
-    className: `${classPrefix$V}-body`
+    className: `${classPrefix$X}-body`
   }, React$1.createElement(CascaderView, Object.assign({}, props, {
     value: innerValue,
     onChange: (val, ext) => {
@@ -11513,14 +11517,95 @@ var index$e = attachPropertiesToComponent(Cascader, {
   prompt: prompt$1,
   optionSkeleton
 });
+var centerPopup = "";
+function useInnerVisible(outerVisible) {
+  const [innerVisible, setInnerVisible] = useState(outerVisible);
+  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 = useUnmountedRef();
+  const style = 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] = useState(props.visible);
+  useIsomorphicLayoutEffect(() => {
+    if (props.visible) {
+      setActive(true);
+    }
+  }, [props.visible]);
+  const ref = useRef(null);
+  useLockScroll(ref, props.disableBodyScroll && active);
+  const maskVisible = useInnerVisible(active && props.visible);
+  const body = React$1.createElement("div", {
+    className: classNames("adm-center-popup-body", props.bodyClassName),
+    style: props.bodyStyle
+  }, props.children);
+  const node = withStopPropagation(props.stopPropagation, withNativeProps(props, React$1.createElement("div", {
+    className: "adm-center-popup",
+    style: {
+      display: active ? void 0 : "none",
+      pointerEvents: active ? void 0 : "none"
+    }
+  }, props.mask && React$1.createElement(Mask, {
+    visible: maskVisible,
+    forceRender: props.forceRender,
+    destroyOnClose: props.destroyOnClose,
+    onMaskClick: props.onMaskClick,
+    style: props.maskStyle,
+    className: classNames("adm-center-popup-mask", props.maskClassName),
+    disableBodyScroll: false
+  }), React$1.createElement("div", {
+    className: "adm-center-popup-wrap"
+  }, React$1.createElement(animated.div, {
+    style,
+    ref
+  }, body)))));
+  return React$1.createElement(ShouldRender, {
+    active,
+    forceRender: props.forceRender,
+    destroyOnClose: props.destroyOnClose
+  }, renderToContainer(props.getContainer, node));
+};
 var checkbox = "";
 const CheckboxGroupContext = 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$1.createElement(CheckboxGroupContext.Provider, {
     value: {
@@ -11579,14 +11664,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 = useContext(CheckboxGroupContext);
-  const props = mergeProps(defaultProps$K, p2);
+  const props = mergeProps(defaultProps$L, p2);
   let [checked, setChecked] = usePropsValue({
     value: props.checked,
     defaultValue: props.defaultChecked,
@@ -11612,19 +11697,19 @@ const Checkbox$1 = (p2) => {
   const renderIcon = () => {
     if (props.icon) {
       return React$1.createElement("div", {
-        className: `${classPrefix$U}-custom-icon`
+        className: `${classPrefix$W}-custom-icon`
       }, props.icon(checked, props.indeterminate));
     }
     return React$1.createElement("div", {
-      className: `${classPrefix$U}-icon`
+      className: `${classPrefix$W}-icon`
     }, props.indeterminate ? React$1.createElement(IndeterminateIcon, null) : checked && React$1.createElement(CheckIcon, null));
   };
   return withNativeProps(props, React$1.createElement("label", {
-    className: classNames(classPrefix$U, {
-      [`${classPrefix$U}-checked`]: checked && !props.indeterminate,
-      [`${classPrefix$U}-indeterminate`]: props.indeterminate,
-      [`${classPrefix$U}-disabled`]: disabled,
-      [`${classPrefix$U}-block`]: props.block
+    className: classNames(classPrefix$W, {
+      [`${classPrefix$W}-checked`]: checked && !props.indeterminate,
+      [`${classPrefix$W}-indeterminate`]: props.indeterminate,
+      [`${classPrefix$W}-disabled`]: disabled,
+      [`${classPrefix$W}-block`]: props.block
     })
   }, React$1.createElement(NativeInput, {
     type: "checkbox",
@@ -11633,14 +11718,14 @@ const Checkbox$1 = (p2) => {
     disabled,
     id: props.id
   }), renderIcon(), props.children && React$1.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;
 };
@@ -11694,7 +11779,7 @@ const CollapsePanelContent = (props) => {
     }
   }, [visible]);
   return React$1.createElement(animated.div, {
-    className: `${classPrefix$T}-panel-content`,
+    className: `${classPrefix$V}-panel-content`,
     style: {
       height: height.to((v) => {
         if (height.idle && visible) {
@@ -11705,7 +11790,7 @@ const CollapsePanelContent = (props) => {
       })
     }
   }, React$1.createElement("div", {
-    className: `${classPrefix$T}-panel-content-inner`,
+    className: `${classPrefix$V}-panel-content-inner`,
     ref: innerRef
   }, React$1.createElement(List.Item, null, shouldRender && props.children)));
 };
@@ -11734,7 +11819,7 @@ const Collapse = (props) => {
   });
   const activeKeyList = activeKey === null ? [] : Array.isArray(activeKey) ? activeKey : [activeKey];
   return withNativeProps(props, React$1.createElement("div", {
-    className: classPrefix$T
+    className: classPrefix$V
   }, React$1.createElement(List, null, panels.map((panel) => {
     const key = panel.key;
     const active = activeKeyList.includes(key);
@@ -11764,15 +11849,15 @@ const Collapse = (props) => {
         arrow2 = panel.props.arrow;
       }
       return typeof arrow2 === "function" ? arrow2(active) : React$1.createElement("div", {
-        className: classNames(`${classPrefix$T}-arrow`, {
-          [`${classPrefix$T}-arrow-active`]: active
+        className: classNames(`${classPrefix$V}-arrow`, {
+          [`${classPrefix$V}-arrow-active`]: active
         })
       }, arrow2);
     };
     return React$1.createElement(React$1.Fragment, {
       key
     }, withNativeProps(panel.props, React$1.createElement(List.Item, {
-      className: `${classPrefix$T}-panel-header`,
+      className: `${classPrefix$V}-panel-header`,
       onClick: handleClick,
       disabled: panel.props.disabled,
       arrow: renderArrow()
@@ -12100,7 +12185,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",
@@ -12108,7 +12193,7 @@ const defaultProps$J = {
   defaultValue: null
 };
 const DatePicker = 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,
@@ -12192,7 +12277,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",
@@ -12200,7 +12285,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
@@ -12272,20 +12357,20 @@ const BrokenImageIcon = () => React$1.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$1.createElement("div", {
-    className: `${classPrefix$S}-tip`
+    className: `${classPrefix$U}-tip`
   }, React$1.createElement(ImageIcon, null)),
   fallback: React$1.createElement("div", {
-    className: `${classPrefix$S}-tip`
+    className: `${classPrefix$U}-tip`
   }, React$1.createElement(BrokenImageIcon, null)),
   lazy: false,
   draggable: false
 };
 const Image$1 = staged((p2) => {
-  const props = mergeProps(defaultProps$H, p2);
+  const props = mergeProps(defaultProps$I, p2);
   const [loaded, setLoaded] = useState(false);
   const [failed, setFailed] = useState(false);
   const ref = useRef(null);
@@ -12303,7 +12388,7 @@ const Image$1 = staged((p2) => {
       return React$1.createElement(React$1.Fragment, null, props.fallback);
     }
     const img = React$1.createElement("img", {
-      className: `${classPrefix$S}-img`,
+      className: `${classPrefix$U}-img`,
       src,
       alt: props.alt,
       onClick: props.onClick,
@@ -12335,13 +12420,15 @@ const Image$1 = 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$1.createElement("div", {
     ref,
-    className: classPrefix$S,
+    className: classPrefix$U,
     style
   }, props.lazy && !initialized && React$1.createElement(LazyDetector, {
     onActive: () => {
@@ -12349,59 +12436,14 @@ const Image$1 = staged((p2) => {
     }
   }), renderInner()));
 });
-function useInnerVisible(outerVisible) {
-  const [innerVisible, setInnerVisible] = useState(outerVisible);
-  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 = useUnmountedRef();
-  const style = 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] = useState(props.visible);
-  useIsomorphicLayoutEffect(() => {
-    if (props.visible) {
-      setActive(true);
-    }
-  }, [props.visible]);
-  const maskVisible = useInnerVisible(active && props.visible);
-  const body = React$1.createElement("div", {
-    className: classNames(cls$1("body"), props.image && cls$1("with-image"), props.bodyClassName),
-    style: props.bodyStyle
-  }, !!props.image && React$1.createElement("div", {
+  const props = mergeProps(defaultProps$H, p2);
+  const element = React$1.createElement(React$1.Fragment, null, !!props.image && React$1.createElement("div", {
     className: cls$1("image-container")
   }, React$1.createElement(Image$1, {
     src: props.image,
@@ -12432,28 +12474,26 @@ const Dialog = (p2) => {
       })
     })));
   })));
-  const node = withStopPropagation(props.stopPropagation, withNativeProps(props, React$1.createElement("div", {
-    className: cls$1(),
-    style: {
-      display: active ? void 0 : "none",
-      pointerEvents: active ? void 0 : "none"
-    }
-  }, React$1.createElement(Mask, {
-    visible: maskVisible,
-    onMaskClick: props.closeOnMaskClick ? props.onClose : void 0,
-    style: props.maskStyle,
-    className: classNames(cls$1("mask"), props.maskClassName),
-    disableBodyScroll: props.disableBodyScroll
-  }), React$1.createElement("div", {
-    className: cls$1("wrap")
-  }, React$1.createElement(animated.div, {
-    style
-  }, body)))));
-  return React$1.createElement(ShouldRender, {
-    active,
-    forceRender: props.forceRender,
-    destroyOnClose: props.destroyOnClose
-  }, renderToContainer(props.getContainer, node));
+  return React$1.createElement(CenterPopup, {
+    className: classNames(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(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;
@@ -12491,7 +12531,7 @@ function alert$1(p2) {
     }));
   });
 }
-const defaultProps$F = {
+const defaultProps$G = {
   confirmText: "\u786E\u8BA4",
   cancelText: "\u53D6\u6D88"
 };
@@ -12499,7 +12539,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);
@@ -12544,37 +12584,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$1.createElement("div", {
-    className: classNames(classPrefix$R, `${classPrefix$R}-${props.direction}`, `${classPrefix$R}-${props.contentPosition}`)
+    className: classNames(classPrefix$T, `${classPrefix$T}-${props.direction}`, `${classPrefix$T}-${props.contentPosition}`)
   }, props.children && React$1.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(classPrefix$Q, {
-    [`${classPrefix$Q}-active`]: props.active,
-    [`${classPrefix$Q}-highlight`]: (_a = props.highlight) !== null && _a !== void 0 ? _a : props.active
+  const cls2 = classNames(classPrefix$S, {
+    [`${classPrefix$S}-active`]: props.active,
+    [`${classPrefix$S}-highlight`]: (_a = props.highlight) !== null && _a !== void 0 ? _a : props.active
   });
   return withNativeProps(props, React$1.createElement("div", {
     className: cls2,
     onClick: props.onClick
   }, React$1.createElement("div", {
-    className: `${classPrefix$Q}-title`
+    className: `${classPrefix$S}-title`
   }, React$1.createElement("span", {
-    className: `${classPrefix$Q}-title-text`
+    className: `${classPrefix$S}-title-text`
   }, props.title), React$1.createElement("span", {
-    className: classNames(`${classPrefix$Q}-title-arrow`, {
-      [`${classPrefix$Q}-title-arrow-active`]: props.active
+    className: classNames(`${classPrefix$S}-title-arrow`, {
+      [`${classPrefix$S}-title-arrow-active`]: props.active
     })
   }, props.arrow === void 0 ? React$1.createElement(DownFill, null) : props.arrow))));
 };
@@ -12583,22 +12623,22 @@ const ItemChildrenWrap = (props) => {
     active = false
   } = props;
   const shouldRender = useShouldRender(active, props.forceRender, props.destroyOnClose);
-  const cls2 = classNames(`${classPrefix$Q}-content`, {
-    [`${classPrefix$Q}-content-hidden`]: !active
+  const cls2 = classNames(`${classPrefix$S}-content`, {
+    [`${classPrefix$S}-content-hidden`]: !active
   });
   return shouldRender ? React$1.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 = 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,
@@ -12654,19 +12694,19 @@ const Dropdown = forwardRef((p2, ref) => {
     }
   }), [setValue]);
   return withNativeProps(props, React$1.createElement("div", {
-    className: classNames(classPrefix$P, {
-      [`${classPrefix$P}-open`]: !!value
+    className: classNames(classPrefix$R, {
+      [`${classPrefix$R}-open`]: !!value
     }),
     ref: containerRef
   }, React$1.createElement("div", {
-    className: `${classPrefix$P}-nav`,
+    className: `${classPrefix$R}-nav`,
     ref: navRef
   }, navs), React$1.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
     },
@@ -12690,8 +12730,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: "",
@@ -12701,7 +12741,7 @@ const defaultProps$C = {
   }
 };
 const Ellipsis = (p2) => {
-  const props = mergeProps(defaultProps$C, p2);
+  const props = mergeProps(defaultProps$D, p2);
   const rootRef = useRef(null);
   const [ellipsised, setEllipsised] = useState({});
   const [expanded, setExpanded] = useState(false);
@@ -12726,7 +12766,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));
@@ -12817,7 +12856,7 @@ const Ellipsis = (p2) => {
   };
   return withNativeProps(props, React$1.createElement("div", {
     ref: rootRef,
-    className: classPrefix$O,
+    className: classPrefix$Q,
     onClick: (e2) => {
       if (e2.target === e2.currentTarget) {
         props.onContentClick(e2);
@@ -12854,7 +12893,7 @@ const EmptyIcon = (props) => {
     fill: "#fafafa"
   })))));
 };
-const classPrefix$N = `adm-empty`;
+const classPrefix$P = `adm-empty`;
 const Empty = (props) => {
   function renderImageNode() {
     const {
@@ -12862,13 +12901,13 @@ const Empty = (props) => {
     } = props;
     if (image2 === void 0) {
       return React$1.createElement(EmptyIcon, {
-        className: `${classPrefix$N}-image`,
+        className: `${classPrefix$P}-image`,
         style: props.imageStyle
       });
     }
     if (typeof image2 === "string") {
       return React$1.createElement("img", {
-        className: `${classPrefix$N}-image`,
+        className: `${classPrefix$P}-image`,
         style: props.imageStyle,
         src: image2,
         alt: "empty"
@@ -12877,22 +12916,22 @@ const Empty = (props) => {
     return image2;
   }
   return withNativeProps(props, React$1.createElement("div", {
-    className: classPrefix$N
+    className: classPrefix$P
   }, React$1.createElement("div", {
-    className: `${classPrefix$N}-image-container`
+    className: `${classPrefix$P}-image-container`
   }, renderImageNode()), props.description && React$1.createElement("div", {
-    className: classNames(`${classPrefix$N}-description`)
+    className: classNames(`${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();
@@ -12905,19 +12944,19 @@ function createErrorBlock(imageRecord2) {
       alt: "error block image"
     }) : image2;
     return withNativeProps(props, React$1.createElement("div", {
-      className: classNames(classPrefix$M, {
-        [`${classPrefix$M}-full-page`]: props.fullPage
+      className: classNames(classPrefix$O, {
+        [`${classPrefix$O}-full-page`]: props.fullPage
       })
     }, React$1.createElement("div", {
-      className: `${classPrefix$M}-image`
+      className: `${classPrefix$O}-image`
     }, imageNode), React$1.createElement("div", {
-      className: `${classPrefix$M}-description`
+      className: `${classPrefix$O}-description`
     }, title && React$1.createElement("div", {
-      className: `${classPrefix$M}-description-title`
+      className: `${classPrefix$O}-description-title`
     }, title), des && React$1.createElement("div", {
-      className: `${classPrefix$M}-description-subtitle`
+      className: `${classPrefix$O}-description-subtitle`
     }, des)), props.children && React$1.createElement("div", {
-      className: `${classPrefix$M}-content`
+      className: `${classPrefix$O}-content`
     }, props.children)));
   };
   return ErrorBlock2;
@@ -13424,12 +13463,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 = useRef(null);
   const buttonRef = useRef(null);
   const [{
@@ -13488,11 +13527,11 @@ const FloatingBubble = (p2) => {
     from: () => [x.get(), y.get()]
   });
   return withNativeProps(props, React$1.createElement("div", {
-    className: classPrefix$L
+    className: classPrefix$N
   }, React$1.createElement("div", {
-    className: `${classPrefix$L}-boundary-outer`
+    className: `${classPrefix$N}-boundary-outer`
   }, React$1.createElement("div", {
-    className: `${classPrefix$L}-boundary`,
+    className: `${classPrefix$N}-boundary`,
     ref: boundaryRef
   })), React$1.createElement(animated.div, Object.assign({}, bind(), {
     style: {
@@ -13500,7 +13539,7 @@ const FloatingBubble = (p2) => {
       transform: 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)));
 };
@@ -13510,12 +13549,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 = forwardRef((p2, ref) => {
   var _a, _b;
-  const props = mergeProps(defaultProps$z, p2);
+  const props = mergeProps(defaultProps$A, p2);
   const {
     anchors
   } = props;
@@ -13672,10 +13711,10 @@ const FormArray = (props) => {
     return React$1.createElement(React$1.Fragment, null, children);
   });
 };
-const classPrefix$K = "adm-form";
-const defaultProps$y = defaultFormContext;
+const classPrefix$M = "adm-form";
+const defaultProps$z = defaultFormContext;
 const Form$1 = forwardRef((p2, ref) => {
-  const props = mergeProps(defaultProps$y, p2);
+  const props = mergeProps(defaultProps$z, p2);
   const {
     className,
     style,
@@ -13723,7 +13762,7 @@ const Form$1 = forwardRef((p2, ref) => {
   });
   collect();
   return React$1.createElement(RcForm, Object.assign({
-    className: classNames(classPrefix$K, className),
+    className: classNames(classPrefix$M, className),
     style,
     ref
   }, formProps, {
@@ -13737,7 +13776,7 @@ const Form$1 = forwardRef((p2, ref) => {
       disabled
     }
   }, lists), footer && React$1.createElement("div", {
-    className: `${classPrefix$K}-footer`
+    className: `${classPrefix$M}-footer`
   }, footer));
 });
 var FieldContext = {};
@@ -13972,15 +14011,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 = forwardRef((p2, ref) => {
-  const props = mergeProps(defaultProps$x, p2);
+  const props = mergeProps(defaultProps$y, p2);
   const {
     mode = "light"
   } = props;
@@ -14001,17 +14040,17 @@ const Popover$1 = forwardRef((p2, ref) => {
   const floatingRef = useRef(null);
   const arrowRef = useRef(null);
   const floating = withStopPropagation(props.stopPropagation, withNativeProps(props, React$1.createElement("div", {
-    className: classNames(classPrefix$J, `${classPrefix$J}-${mode}`, !visible && `${classPrefix$J}-hidden`),
+    className: classNames(classPrefix$L, `${classPrefix$L}-${mode}`, !visible && `${classPrefix$L}-hidden`),
     ref: floatingRef
   }, React$1.createElement("div", {
-    className: `${classPrefix$J}-arrow`,
+    className: `${classPrefix$L}-arrow`,
     ref: arrowRef
   }, React$1.createElement(Arrow, {
-    className: `${classPrefix$J}-arrow-icon`
+    className: `${classPrefix$L}-arrow-icon`
   })), React$1.createElement("div", {
-    className: `${classPrefix$J}-inner`
+    className: `${classPrefix$L}-inner`
   }, React$1.createElement("div", {
-    className: `${classPrefix$J}-inner-content`
+    className: `${classPrefix$L}-inner-content`
   }, props.content)))));
   const [targetElement, setTargetElement] = useState(null);
   function update() {
@@ -14090,7 +14129,9 @@ const Popover$1 = forwardRef((p2, ref) => {
     const floatingElement = floatingRef.current;
     if (!targetElement || !floatingElement)
       return;
-    return autoUpdate(targetElement, floatingElement, update);
+    return autoUpdate(targetElement, floatingElement, update, {
+      elementResize: typeof ResizeObserver !== "undefined"
+    });
   }, [targetElement]);
   useClickAway(() => {
     if (!props.trigger)
@@ -14105,7 +14146,7 @@ const Popover$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 = forwardRef((props, ref) => {
   const innerRef = useRef(null);
   useImperativeHandle(ref, () => innerRef.current, []);
@@ -14121,14 +14162,14 @@ const PopoverMenu = forwardRef((props, ref) => {
   }, [props.onAction]);
   const overlay = useMemo(() => {
     return React$1.createElement("div", {
-      className: `${classPrefix$I}-list`
+      className: `${classPrefix$K}-list`
     }, React$1.createElement("div", {
-      className: `${classPrefix$I}-list-inner`
+      className: `${classPrefix$K}-list-inner`
     }, props.actions.map((action, index2) => {
       var _a;
       return React$1.createElement("a", {
         key: (_a = action.key) !== null && _a !== void 0 ? _a : index2,
-        className: classNames(`${classPrefix$I}-item`, "adm-plain-anchor", action.disabled && `${classPrefix$I}-item-disabled`),
+        className: classNames(`${classPrefix$K}-item`, "adm-plain-anchor", action.disabled && `${classPrefix$K}-item-disabled`),
         onClick: () => {
           var _a2;
           if (action.disabled)
@@ -14137,16 +14178,16 @@ const PopoverMenu = forwardRef((props, ref) => {
           (_a2 = action.onClick) === null || _a2 === void 0 ? void 0 : _a2.call(action);
         }
       }, action.icon && React$1.createElement("div", {
-        className: `${classPrefix$I}-item-icon`
+        className: `${classPrefix$K}-item-icon`
       }, action.icon), React$1.createElement("div", {
-        className: `${classPrefix$I}-item-text`
+        className: `${classPrefix$K}-item-text`
       }, action.text));
     })));
   }, [props.actions, onClick]);
   return React$1.createElement(Popover$1, Object.assign({
     ref: innerRef
   }, props, {
-    className: classNames(classPrefix$I, props.className),
+    className: classNames(classPrefix$K, props.className),
     content: overlay
   }), props.children);
 });
@@ -14162,7 +14203,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$1.memo(({
   children
 }) => children, (prev, next) => prev.value === next.value && prev.update === next.update);
@@ -14195,39 +14236,39 @@ const FormItemLayout = (props) => {
     switch (requiredMarkStyle) {
       case "asterisk":
         return required && React$1.createElement("span", {
-          className: `${classPrefix$H}-required-asterisk`
+          className: `${classPrefix$J}-required-asterisk`
         }, "*");
       case "text-required":
         return required && React$1.createElement("span", {
-          className: `${classPrefix$H}-required-text`
+          className: `${classPrefix$J}-required-text`
         }, "(", locale.Form.required, ")");
       case "text-optional":
         return !required && React$1.createElement("span", {
-          className: `${classPrefix$H}-required-text`
+          className: `${classPrefix$J}-required-text`
         }, "(", locale.Form.optional, ")");
       default:
         return null;
     }
   })();
   const labelElement = label ? React$1.createElement("label", {
-    className: `${classPrefix$H}-label`,
+    className: `${classPrefix$J}-label`,
     htmlFor
   }, label, requiredMark, help && React$1.createElement(Popover, {
     content: help,
     mode: "dark",
     trigger: "click"
   }, React$1.createElement("span", {
-    className: `${classPrefix$H}-label-help`,
+    className: `${classPrefix$J}-label-help`,
     onClick: (e2) => {
       e2.preventDefault();
     }
   }, React$1.createElement(QuestionCircleOutline, null)))) : null;
   const description = React$1.createElement(React$1.Fragment, null, props.description, hasFeedback && React$1.createElement(React$1.Fragment, null, props.errors.map((error, index2) => React$1.createElement("div", {
     key: `error-${index2}`,
-    className: `${classPrefix$H}-feedback-error`
+    className: `${classPrefix$J}-feedback-error`
   }, error)), props.warnings.map((warning2, index2) => React$1.createElement("div", {
     key: `warning-${index2}`,
-    className: `${classPrefix$H}-feedback-warning`
+    className: `${classPrefix$J}-feedback-warning`
   }, warning2))));
   return React$1.createElement(List.Item, {
     style,
@@ -14235,18 +14276,18 @@ const FormItemLayout = (props) => {
     prefix: layout === "horizontal" && labelElement,
     extra,
     description,
-    className: classNames(classPrefix$H, className, `${classPrefix$H}-${layout}`, {
-      [`${classPrefix$H}-hidden`]: hidden,
-      [`${classPrefix$H}-has-error`]: props.errors.length
+    className: classNames(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: arrow2
   }, React$1.createElement("div", {
-    className: classNames(`${classPrefix$H}-child`, `${classPrefix$H}-child-position-${childElementPosition}`)
+    className: classNames(`${classPrefix$J}-child`, `${classPrefix$J}-child-position-${childElementPosition}`)
   }, React$1.createElement("div", {
-    className: classNames(`${classPrefix$H}-child-inner`)
+    className: classNames(`${classPrefix$J}-child-inner`)
   }, children)));
 };
 const FormItem = (props) => {
@@ -14441,7 +14482,7 @@ var Form = attachPropertiesToComponent(Form$1, {
   useWatch
 });
 var grid = "";
-const classPrefix$G = `adm-grid`;
+const classPrefix$I = `adm-grid`;
 const Grid$1 = (props) => {
   const style = {
     "--columns": props.columns.toString()
@@ -14458,7 +14499,7 @@ const Grid$1 = (props) => {
     }
   }
   return withNativeProps(props, React$1.createElement("div", {
-    className: classPrefix$G,
+    className: classPrefix$I,
     style
   }, props.children));
 };
@@ -14470,7 +14511,7 @@ const GridItem = (p2) => {
     "--item-span": props.span
   };
   return withNativeProps(props, React$1.createElement("div", {
-    className: `${classPrefix$G}-item`,
+    className: `${classPrefix$I}-item`,
     style: itemStyle,
     onClick: props.onClick
   }, props.children));
@@ -14480,7 +14521,7 @@ var Grid = attachPropertiesToComponent(Grid$1, {
 });
 var imageViewer = "";
 const useDragAndPinch = createUseGesture([dragAction, pinchAction]);
-const classPrefix$F = `adm-image-viewer`;
+const classPrefix$H = `adm-image-viewer`;
 const Slide = (props) => {
   const {
     dragLockRef
@@ -14595,17 +14636,17 @@ const Slide = (props) => {
     }
   });
   return React$1.createElement("div", {
-    className: `${classPrefix$F}-slide`,
+    className: `${classPrefix$H}-slide`,
     onPointerMove: (e2) => {
       if (zoom.get() !== 1) {
         e2.stopPropagation();
       }
     }
   }, React$1.createElement("div", {
-    className: `${classPrefix$F}-control`,
+    className: `${classPrefix$H}-control`,
     ref: controlRef
   }, React$1.createElement(animated.div, {
-    className: `${classPrefix$F}-image-wrapper`,
+    className: `${classPrefix$H}-image-wrapper`,
     style: {
       translateX: x,
       translateY: y,
@@ -14618,7 +14659,7 @@ const Slide = (props) => {
     alt: props.image
   }))));
 };
-const classPrefix$E = `adm-image-viewer`;
+const classPrefix$G = `adm-image-viewer`;
 const Slides = forwardRef((props, ref) => {
   const slideWidth = window.innerWidth + convertPx(16);
   const [{
@@ -14675,14 +14716,14 @@ const Slides = forwardRef((props, ref) => {
     }
   });
   return React$1.createElement("div", Object.assign({
-    className: `${classPrefix$E}-slides`
+    className: `${classPrefix$G}-slides`
   }, bind()), React$1.createElement(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$1.createElement(animated.div, {
-    className: `${classPrefix$E}-slides-inner`,
+    className: `${classPrefix$G}-slides-inner`,
     style: {
       x: x.to((x2) => -x2)
     }
@@ -14702,22 +14743,22 @@ const Slides = 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$1.createElement(Mask, {
     visible: props.visible,
     disableBodyScroll: false,
     opacity: "thick",
     afterClose: props.afterClose
   }, React$1.createElement("div", {
-    className: `${classPrefix$D}-content`
+    className: `${classPrefix$F}-content`
   }, props.image && React$1.createElement(Slide, {
     image: props.image,
     onTap: () => {
@@ -14726,13 +14767,13 @@ const ImageViewer$1 = (p2) => {
     },
     maxZoom: props.maxZoom
   })), props.image && React$1.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$1.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 = forwardRef((p2, ref) => {
@@ -14758,7 +14799,7 @@ const MultiImageViewer = forwardRef((p2, ref) => {
     opacity: "thick",
     afterClose: props.afterClose
   }, React$1.createElement("div", {
-    className: `${classPrefix$D}-content`
+    className: `${classPrefix$F}-content`
   }, props.images && React$1.createElement(Slides, {
     ref: slidesRef,
     defaultIndex: index2,
@@ -14770,7 +14811,7 @@ const MultiImageViewer = forwardRef((p2, ref) => {
     },
     maxZoom: props.maxZoom
   })), props.images && React$1.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$1.createElement(SafeArea, {
     position: "bottom"
   })));
@@ -14898,19 +14939,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 = memo((p2) => {
   var _a;
-  const props = mergeProps(defaultProps$v, p2);
+  const props = mergeProps(defaultProps$w, p2);
   const motionReduced = useMotionReduced();
   const {
     percent
@@ -14930,16 +14971,16 @@ const SpinLoading = memo((p2) => {
     }
   });
   return withNativeProps(props, React$1.createElement(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$1.createElement("svg", {
-    className: `${classPrefix$C}-svg`,
+    className: `${classPrefix$E}-svg`,
     viewBox: "0 0 32 32"
   }, React$1.createElement(animated.circle, {
-    className: `${classPrefix$C}-fill`,
+    className: `${classPrefix$E}-fill`,
     fill: "transparent",
     strokeWidth: "2",
     strokeDasharray: circumference,
@@ -14950,7 +14991,7 @@ const SpinLoading = memo((p2) => {
     cy: 16
   }))));
 });
-const classPrefix$B = `adm-image-uploader`;
+const classPrefix$D = `adm-image-uploader`;
 const PreviewItem = (props) => {
   const {
     locale
@@ -14973,60 +15014,60 @@ const PreviewItem = (props) => {
   }, [url, file]);
   function renderLoading() {
     return props.status === "pending" && React$1.createElement("div", {
-      className: `${classPrefix$B}-cell-mask`
+      className: `${classPrefix$D}-cell-mask`
     }, React$1.createElement("span", {
-      className: `${classPrefix$B}-cell-loading`
+      className: `${classPrefix$D}-cell-loading`
     }, React$1.createElement(SpinLoading, {
       color: "white"
     }), React$1.createElement("span", {
-      className: `${classPrefix$B}-cell-mask-message`
+      className: `${classPrefix$D}-cell-mask-message`
     }, locale.ImageUploader.uploading)));
   }
   function renderDelete() {
     return deletable && React$1.createElement("span", {
-      className: `${classPrefix$B}-cell-delete`,
+      className: `${classPrefix$D}-cell-delete`,
       onClick: onDelete
     }, React$1.createElement(CloseOutline, {
-      className: `${classPrefix$B}-cell-delete-icon`
+      className: `${classPrefix$D}-cell-delete-icon`
     }));
   }
   return React$1.createElement("div", {
-    className: classNames(`${classPrefix$B}-cell`, props.status === "fail" && `${classPrefix$B}-cell-fail`)
+    className: classNames(`${classPrefix$D}-cell`, props.status === "fail" && `${classPrefix$D}-cell-fail`)
   }, React$1.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$1.createElement("div", {
-    className: classNames(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(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$1.Children.map(props.children, (child) => {
     return child !== null && child !== void 0 && React$1.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,
@@ -15042,7 +15083,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] = useState([]);
   useIsomorphicLayoutEffect(() => {
@@ -15151,9 +15192,9 @@ const ImageUploader = (p2) => {
   });
   const showUpload = props.showUpload && (maxCount === 0 || value.length + tasks.length < maxCount);
   return withNativeProps(props, React$1.createElement("div", {
-    className: classPrefix$z
+    className: classPrefix$B
   }, React$1.createElement(Space, {
-    className: `${classPrefix$z}-space`,
+    className: `${classPrefix$B}-space`,
     wrap: true,
     block: true
   }, value.map((fileItem, index2) => {
@@ -15192,19 +15233,19 @@ const ImageUploader = (p2) => {
       }
     });
   }), showUpload && React$1.createElement("div", {
-    className: `${classPrefix$z}-upload-button-wrap`
+    className: `${classPrefix$B}-upload-button-wrap`
   }, props.children ? props.children : React$1.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$1.createElement("span", {
-    className: `${classPrefix$z}-upload-button-icon`
+    className: `${classPrefix$B}-upload-button-icon`
   }, React$1.createElement(AddOutline, null))), !props.disableUpload && React$1.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
   })))));
@@ -15212,12 +15253,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] = useState(false);
   return React$1.createElement("div", {
-    className: classNames(`${classPrefix$y}-sidebar`, {
-      [`${classPrefix$y}-sidebar-interacting`]: interacting
+    className: classNames(`${classPrefix$A}-sidebar`, {
+      [`${classPrefix$A}-sidebar-interacting`]: interacting
     }),
     onMouseDown: () => {
       setInteracting(true);
@@ -15252,7 +15293,7 @@ const Sidebar = (props) => {
   }) => {
     const active = index2 === props.activeIndex;
     return React$1.createElement("div", {
-      className: `${classPrefix$y}-sidebar-row`,
+      className: `${classPrefix$A}-sidebar-row`,
       onMouseDown: () => {
         props.onActive(index2);
       },
@@ -15267,21 +15308,21 @@ const Sidebar = (props) => {
       "data-index": index2,
       key: index2
     }, interacting && active && React$1.createElement("div", {
-      className: `${classPrefix$y}-sidebar-bubble`
+      className: `${classPrefix$A}-sidebar-bubble`
     }, brief), React$1.createElement("div", {
-      className: classNames(`${classPrefix$y}-sidebar-item`, {
-        [`${classPrefix$y}-sidebar-item-active`]: active
+      className: classNames(`${classPrefix$A}-sidebar-item`, {
+        [`${classPrefix$A}-sidebar-item-active`]: active
       }),
       "data-index": index2
     }, React$1.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 = forwardRef((p2, ref) => {
-  const props = mergeProps(defaultProps$s, p2);
+  const props = mergeProps(defaultProps$t, p2);
   const titleHeight = convertPx(35);
   const bodyRef = useRef(null);
   const indexItems = [];
@@ -15300,9 +15341,9 @@ const IndexBar = forwardRef((p2, ref) => {
     panels.push(withNativeProps(child.props, React$1.createElement("div", {
       key: child.props.index,
       "data-index": child.props.index,
-      className: `${classPrefix$x}-anchor`
+      className: `${classPrefix$z}-anchor`
     }, React$1.createElement("div", {
-      className: `${classPrefix$x}-anchor-title`
+      className: `${classPrefix$z}-anchor-title`
     }, child.props.title || child.props.index), child.props.children)));
   });
   const [activeIndex, setActiveIndex] = useState(() => {
@@ -15339,7 +15380,7 @@ const IndexBar = 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)
@@ -15359,8 +15400,8 @@ const IndexBar = forwardRef((p2, ref) => {
     leading: true
   });
   return withNativeProps(props, React$1.createElement("div", {
-    className: classNames(`${classPrefix$x}`, {
-      [`${classPrefix$x}-sticky`]: props.sticky
+    className: classNames(`${classPrefix$z}`, {
+      [`${classPrefix$z}-sticky`]: props.sticky
     })
   }, React$1.createElement(Sidebar, {
     indexItems,
@@ -15369,7 +15410,7 @@ const IndexBar = forwardRef((p2, ref) => {
       scrollTo(index2);
     }
   }), React$1.createElement("div", {
-    className: `${classPrefix$x}-body`,
+    className: `${classPrefix$z}-body`,
     ref: bodyRef,
     onScroll: checkActiveIndex
   }, panels)));
@@ -15381,20 +15422,26 @@ var infiniteScroll = "";
 function isWindow(element) {
   return element === window;
 }
-const classPrefix$w = `adm-infinite-scroll`;
-const InfiniteScrollContent = ({
-  hasMore
-}) => {
-  const {
-    locale
-  } = useConfig();
-  return React$1.createElement(React$1.Fragment, null, hasMore ? React$1.createElement(React$1.Fragment, null, React$1.createElement("span", null, locale.common.loading), React$1.createElement(DotLoading, null)) : React$1.createElement("span", null, locale.InfiniteScroll.noMore));
+const classPrefix$y = `adm-infinite-scroll`;
+const defaultProps$s = {
+  threshold: 250,
+  children: (hasMore, failed, retry) => React$1.createElement(InfiniteScrollContent, {
+    hasMore,
+    failed,
+    retry
+  })
 };
 const InfiniteScroll = (p2) => {
-  const props = mergeProps({
-    threshold: 250
-  }, p2);
-  const doLoadMore = useLockFn(() => props.loadMore());
+  const props = mergeProps(defaultProps$s, p2);
+  const [failed, setFailed] = useState(false);
+  const doLoadMore = useLockFn((isRetry) => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+      yield props.loadMore(isRetry);
+    } catch (e2) {
+      setFailed(true);
+      throw e2;
+    }
+  }));
   const elementRef = useRef(null);
   const [flag, setFlag] = useState({});
   const nextFlagRef = useRef(flag);
@@ -15419,7 +15466,7 @@ const InfiniteScroll = (p2) => {
     if (current >= elementTop - props.threshold) {
       const nextFlag = {};
       nextFlagRef.current = nextFlag;
-      yield doLoadMore();
+      yield doLoadMore(false);
       setFlag(nextFlag);
     }
   }));
@@ -15440,15 +15487,35 @@ const InfiniteScroll = (p2) => {
       scrollParent.removeEventListener("scroll", onScroll);
     };
   }, [scrollParent]);
+  function retry() {
+    setFailed(false);
+    doLoadMore(true);
+  }
   return withNativeProps(props, React$1.createElement("div", {
-    className: classPrefix$w,
+    className: classPrefix$y,
     ref: elementRef
-  }, props.children && props.children, !props.children && React$1.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$1.createElement("span", null, locale.InfiniteScroll.noMore);
+  }
+  if (props.failed) {
+    return React$1.createElement("span", null, React$1.createElement("span", {
+      className: `${classPrefix$y}-failed-text`
+    }, locale.InfiniteScroll.failedToLoad), React$1.createElement("a", {
+      onClick: () => {
+        props.retry();
+      }
+    }, locale.InfiniteScroll.retry));
+  }
+  return React$1.createElement(React$1.Fragment, null, React$1.createElement("span", null, locale.common.loading), React$1.createElement(DotLoading, null));
 };
 var input = "";
-const classPrefix$v = `adm-input`;
+const classPrefix$x = `adm-input`;
 const defaultProps$r = {
   defaultValue: "",
   onlyShowClearWhenFocus: true
@@ -15511,10 +15578,10 @@ const Input = forwardRef((p2, ref) => {
     }
   })();
   return withNativeProps(props, React$1.createElement("div", {
-    className: classNames(`${classPrefix$v}`, props.disabled && `${classPrefix$v}-disabled`)
+    className: classNames(`${classPrefix$x}`, props.disabled && `${classPrefix$x}-disabled`)
   }, React$1.createElement("input", {
     ref: nativeInputRef,
-    className: `${classPrefix$v}-element`,
+    className: `${classPrefix$x}-element`,
     value,
     onChange: (e2) => {
       setValue(e2.target.value);
@@ -15560,7 +15627,7 @@ const Input = forwardRef((p2, ref) => {
     },
     onClick: props.onClick
   }), shouldShowClear && React$1.createElement("div", {
-    className: `${classPrefix$v}-clear`,
+    className: `${classPrefix$x}-clear`,
     onMouseDown: (e2) => {
       e2.preventDefault();
     },
@@ -15576,7 +15643,7 @@ const Input = forwardRef((p2, ref) => {
   }, React$1.createElement(CloseCircleFill, null))));
 });
 var jumboTabs = "";
-const classPrefix$u = `adm-jumbo-tabs`;
+const classPrefix$w = `adm-jumbo-tabs`;
 const JumboTab = () => {
   return null;
 };
@@ -15617,19 +15684,19 @@ const JumboTabs = (props) => {
     animate(true);
   }, rootRef);
   return withNativeProps(props, React$1.createElement("div", {
-    className: classPrefix$u,
+    className: classPrefix$w,
     ref: rootRef
   }, React$1.createElement("div", {
-    className: `${classPrefix$u}-header`
+    className: `${classPrefix$w}-header`
   }, React$1.createElement(ScrollMask, {
     scrollTrackRef: tabListContainerRef
   }), React$1.createElement(animated.div, {
-    className: `${classPrefix$u}-tab-list`,
+    className: `${classPrefix$w}-tab-list`,
     ref: tabListContainerRef,
     scrollLeft
   }, panes.map((pane) => withNativeProps(pane.props, React$1.createElement("div", {
     key: pane.key,
-    className: `${classPrefix$u}-tab-wrapper`
+    className: `${classPrefix$w}-tab-wrapper`
   }, React$1.createElement("div", {
     onClick: () => {
       const {
@@ -15642,14 +15709,14 @@ const JumboTabs = (props) => {
       }
       setActiveKey(key.toString());
     },
-    className: classNames(`${classPrefix$u}-tab`, {
-      [`${classPrefix$u}-tab-active`]: pane.key === activeKey,
-      [`${classPrefix$u}-tab-disabled`]: pane.props.disabled
+    className: classNames(`${classPrefix$w}-tab`, {
+      [`${classPrefix$w}-tab-active`]: pane.key === activeKey,
+      [`${classPrefix$w}-tab-disabled`]: pane.props.disabled
     })
   }, React$1.createElement("div", {
-    className: `${classPrefix$u}-tab-title`
+    className: `${classPrefix$w}-tab-title`
   }, pane.props.title), React$1.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;
@@ -15661,7 +15728,7 @@ const JumboTabs = (props) => {
       forceRender: pane.props.forceRender,
       destroyOnClose: pane.props.destroyOnClose
     }, React$1.createElement("div", {
-      className: `${classPrefix$u}-content`,
+      className: `${classPrefix$w}-content`,
       style: {
         display: active ? "block" : "none"
       }
@@ -15691,52 +15758,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 = useUnmountedRef();
-  const style = 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] = useState(props.visible);
-  useIsomorphicLayoutEffect(() => {
-    if (props.visible) {
-      setActive(true);
-    }
-  }, [props.visible]);
-  const maskVisible = useInnerVisible(active && props.visible);
-  const body = React$1.createElement("div", {
-    className: classNames(cls("body"), props.image && cls("with-image"), props.bodyClassName),
-    style: props.bodyStyle
-  }, props.showCloseButton && React$1.createElement("a", {
+  const element = React$1.createElement(React$1.Fragment, null, props.showCloseButton && React$1.createElement("a", {
     className: classNames(cls("close"), "adm-plain-anchor"),
     onClick: props.onClose
   }, React$1.createElement(CloseOutline, null)), !!props.image && React$1.createElement("div", {
@@ -15768,30 +15796,26 @@ const Modal = (p2) => {
       })
     });
   })));
-  const node = withStopPropagation(props.stopPropagation, withNativeProps(props, React$1.createElement("div", {
-    className: cls(),
-    style: {
-      display: active ? void 0 : "none",
-      pointerEvents: active ? void 0 : "none"
-    }
-  }, React$1.createElement(Mask, {
-    visible: maskVisible,
-    forceRender: props.forceRender,
+  return React$1.createElement(CenterPopup, {
+    className: classNames(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(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(cls("mask"), props.maskClassName),
-    disableBodyScroll: props.disableBodyScroll
-  }), React$1.createElement("div", {
-    className: cls("wrap")
-  }, React$1.createElement(animated.div, {
-    style
-  }, body)))));
-  return React$1.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;
@@ -15883,7 +15907,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
@@ -15895,25 +15919,25 @@ const NavBar = (p2) => {
     backArrow
   } = props;
   return withNativeProps(props, React$1.createElement("div", {
-    className: classNames(classPrefix$t)
+    className: classNames(classPrefix$v)
   }, React$1.createElement("div", {
-    className: `${classPrefix$t}-left`,
+    className: `${classPrefix$v}-left`,
     role: "button"
   }, back !== null && React$1.createElement("div", {
-    className: `${classPrefix$t}-back`,
+    className: `${classPrefix$v}-back`,
     onClick: props.onBack
   }, backArrow && React$1.createElement("span", {
-    className: `${classPrefix$t}-back-arrow`
+    className: `${classPrefix$v}-back-arrow`
   }, backArrow === true ? React$1.createElement(LeftOutline, null) : backArrow), React$1.createElement("span", {
     "aria-hidden": "true"
   }, back)), props.left), React$1.createElement("div", {
-    className: `${classPrefix$t}-title`
+    className: `${classPrefix$v}-title`
   }, props.children), React$1.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,
@@ -15972,23 +15996,23 @@ const NoticeBar = memo((p2) => {
   if (!visible)
     return null;
   return withNativeProps(props, React$1.createElement("div", {
-    className: classNames(classPrefix$s, `${classPrefix$s}-${props.color}`)
+    className: classNames(classPrefix$u, `${classPrefix$u}-${props.color}`)
   }, props.icon && React$1.createElement("span", {
-    className: `${classPrefix$s}-left`
+    className: `${classPrefix$u}-left`
   }, props.icon), React$1.createElement("span", {
     ref: containerRef,
-    className: `${classPrefix$s}-content`
+    className: `${classPrefix$u}-content`
   }, React$1.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$1.createElement("span", {
-    className: `${classPrefix$s}-right`
+    className: `${classPrefix$u}-right`
   }, props.extra, props.closeable && React$1.createElement(CloseOutline, {
-    className: `${classPrefix$s}-close-icon`,
+    className: `${classPrefix$u}-close-icon`,
     onClick: () => {
       var _a;
       setVisible(false);
@@ -16005,7 +16029,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,
@@ -16078,13 +16102,13 @@ const NumberKeyboard = (p2) => {
     if (!showCloseButton && !title)
       return null;
     return React$1.createElement("div", {
-      className: classNames(`${classPrefix$r}-header`, {
+      className: classNames(`${classPrefix$t}-header`, {
         "with-title": !!title
       })
     }, title && React$1.createElement("div", {
-      className: `${classPrefix$r}-title`
+      className: `${classPrefix$t}-title`
     }, title), showCloseButton && React$1.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);
@@ -16095,7 +16119,7 @@ const NumberKeyboard = (p2) => {
   };
   const renderKey = (key, index2) => {
     const isNumberKey = /^\d$/.test(key);
-    const className = classNames(`${classPrefix$r}-key`, {
+    const className = classNames(`${classPrefix$t}-key`, {
       "number-key": isNumberKey,
       "sign-key": !isNumberKey && key,
       "mid-key": index2 === 9 && !!confirmText
@@ -16124,24 +16148,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$1.createElement("div", {
     ref: keyboardRef,
-    className: classPrefix$r,
+    className: classPrefix$t,
     onMouseDown: (e2) => {
       e2.preventDefault();
     }
   }, renderHeader(), React$1.createElement("div", {
-    className: `${classPrefix$r}-wrapper`
+    className: `${classPrefix$t}-wrapper`
   }, React$1.createElement("div", {
-    className: classNames(`${classPrefix$r}-main`, {
+    className: classNames(`${classPrefix$t}-main`, {
       "confirmed-style": !!confirmText
     })
   }, keys2.map(renderKey)), !!confirmText && React$1.createElement("div", {
-    className: `${classPrefix$r}-confirm`
+    className: `${classPrefix$t}-confirm`
   }, React$1.createElement("div", {
-    className: `${classPrefix$r}-key extra-key bs-key`,
+    className: `${classPrefix$t}-key extra-key bs-key`,
     onTouchStart: () => {
       onBackspacePressStart();
     },
@@ -16152,17 +16176,17 @@ const NumberKeyboard = (p2) => {
     title: "BACKSPACE",
     role: "button"
   }, React$1.createElement(TextDeletionOutline, null)), React$1.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$1.createElement("div", {
-    className: `${classPrefix$r}-footer`
+    className: `${classPrefix$t}-footer`
   }, React$1.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"
@@ -16173,17 +16197,17 @@ const PageIndicator = memo((p2) => {
   for (let i = 0; i < props.total; i++) {
     dots.push(React$1.createElement("div", {
       key: i,
-      className: classNames(`${classPrefix$q}-dot`, {
-        [`${classPrefix$q}-dot-active`]: props.current === i
+      className: classNames(`${classPrefix$s}-dot`, {
+        [`${classPrefix$s}-dot-active`]: props.current === i
       })
     }));
   }
   return withNativeProps(props, React$1.createElement("div", {
-    className: classNames(classPrefix$q, `${classPrefix$q}-${props.direction}`, `${classPrefix$q}-color-${props.color}`)
+    className: classNames(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,
@@ -16251,7 +16275,7 @@ const PasscodeInput = forwardRef((p2, ref) => {
     const focusedIndex = bound(chars.length, 0, cellLength - 1);
     for (let i = 0; i < cellLength; i++) {
       cells.push(React$1.createElement("div", {
-        className: classNames(`${classPrefix$p}-cell`, {
+        className: classNames(`${classPrefix$r}-cell`, {
           caret: props.caret && caretIndex === i && focused,
           focused: focusedIndex === i && focused,
           dot: !props.plain && chars[i]
@@ -16261,7 +16285,7 @@ const PasscodeInput = forwardRef((p2, ref) => {
     }
     return cells;
   };
-  const cls2 = classNames(classPrefix$p, {
+  const cls2 = classNames(classPrefix$r, {
     focused,
     error: props.error,
     seperated: props.seperated
@@ -16273,10 +16297,10 @@ const PasscodeInput = forwardRef((p2, ref) => {
     onFocus,
     onBlur
   }, React$1.createElement("div", {
-    className: `${classPrefix$p}-cell-container`
+    className: `${classPrefix$r}-cell-container`
   }, renderCells()), React$1.createElement("input", {
     ref: nativeInputRef,
-    className: `${classPrefix$p}-native-input`,
+    className: `${classPrefix$r}-native-input`,
     value,
     type: "text",
     pattern: "[0-9]*",
@@ -16301,7 +16325,7 @@ const PasscodeInput = 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
@@ -16310,16 +16334,16 @@ const ProgressBar = (p2) => {
     width: `${props.percent}%`
   };
   return withNativeProps(props, React$1.createElement("div", {
-    className: classPrefix$o
+    className: classPrefix$q
   }, React$1.createElement("div", {
-    className: `${classPrefix$o}-trail`
+    className: `${classPrefix$q}-trail`
   }, React$1.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
@@ -16328,25 +16352,25 @@ const ProgressCircle = (p2) => {
     "--percent": props.percent.toString()
   };
   return withNativeProps(props, React$1.createElement("div", {
-    className: `${classPrefix$n}`,
+    className: `${classPrefix$p}`,
     style
   }, React$1.createElement("div", {
-    className: `${classPrefix$n}-content`
+    className: `${classPrefix$p}-content`
   }, React$1.createElement("svg", {
-    className: `${classPrefix$n}-svg`
+    className: `${classPrefix$p}-svg`
   }, React$1.createElement("circle", {
-    className: `${classPrefix$n}-track`,
+    className: `${classPrefix$p}-track`,
     fill: "transparent"
   }), React$1.createElement("circle", {
-    className: `${classPrefix$n}-fill`,
+    className: `${classPrefix$p}-fill`,
     fill: "transparent"
   })), React$1.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",
@@ -16499,17 +16523,17 @@ const PullToRefresh = (p2) => {
   };
   return React$1.createElement(animated.div, {
     ref: elementRef,
-    className: classPrefix$m
+    className: classPrefix$o
   }, React$1.createElement(animated.div, {
     style: springStyles,
-    className: `${classPrefix$m}-head`
+    className: `${classPrefix$o}-head`
   }, React$1.createElement("div", {
-    className: `${classPrefix$m}-head-content`,
+    className: `${classPrefix$o}-head-content`,
     style: {
       height: headHeight
     }
   }, renderStatusText())), React$1.createElement("div", {
-    className: `${classPrefix$m}-content`
+    className: `${classPrefix$o}-content`
   }, props.children));
 };
 var radio = "";
@@ -16542,7 +16566,7 @@ const Group = (p2) => {
     }
   }, props.children);
 };
-const classPrefix$l = `adm-radio`;
+const classPrefix$n = `adm-radio`;
 const defaultProps$h = {
   defaultChecked: false
 };
@@ -16574,18 +16598,18 @@ const Radio = (p2) => {
   const renderIcon = () => {
     if (props.icon) {
       return React$1.createElement("div", {
-        className: `${classPrefix$l}-custom-icon`
+        className: `${classPrefix$n}-custom-icon`
       }, props.icon(checked));
     }
     return React$1.createElement("div", {
-      className: `${classPrefix$l}-icon`
+      className: `${classPrefix$n}-icon`
     }, checked && React$1.createElement(CheckIcon, null));
   };
   return withNativeProps(props, React$1.createElement("label", {
-    className: classNames(classPrefix$l, {
-      [`${classPrefix$l}-checked`]: checked,
-      [`${classPrefix$l}-disabled`]: disabled,
-      [`${classPrefix$l}-block`]: props.block
+    className: classNames(classPrefix$n, {
+      [`${classPrefix$n}-checked`]: checked,
+      [`${classPrefix$n}-disabled`]: disabled,
+      [`${classPrefix$n}-block`]: props.block
     })
   }, React$1.createElement(NativeInput, {
     type: "radio",
@@ -16594,14 +16618,14 @@ const Radio = (p2) => {
     disabled,
     id: props.id
   }), renderIcon(), props.children && React$1.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,
@@ -16616,10 +16640,10 @@ const Rate = (p2) => {
   const starList = Array(props.count).fill(null);
   function renderStar(v, half) {
     return React$1.createElement("div", {
-      className: classNames(`${classPrefix$k}-star`, {
-        [`${classPrefix$k}-star-active`]: value >= v,
-        [`${classPrefix$k}-star-half`]: half,
-        [`${classPrefix$k}-star-readonly`]: props.readOnly
+      className: classNames(`${classPrefix$m}-star`, {
+        [`${classPrefix$m}-star-active`]: value >= v,
+        [`${classPrefix$m}-star-half`]: half,
+        [`${classPrefix$m}-star-readonly`]: props.readOnly
       }),
       onClick: () => {
         if (props.readOnly)
@@ -16633,14 +16657,14 @@ const Rate = (p2) => {
     }, props.character);
   }
   return withNativeProps(props, React$1.createElement("div", {
-    className: classPrefix$k
+    className: classPrefix$m
   }, starList.map((_, i) => React$1.createElement("div", {
     key: i,
-    className: classNames(`${classPrefix$k}-box`)
+    className: classNames(`${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: CheckCircleFill,
   error: CloseCircleFill,
@@ -16659,17 +16683,17 @@ const Result = (props) => {
     return null;
   const resultIcon = icon || React$1.createElement(iconRecord[status]);
   return withNativeProps(props, React$1.createElement("div", {
-    className: classNames(classPrefix$j, `${classPrefix$j}-${status}`)
+    className: classNames(classPrefix$l, `${classPrefix$l}-${status}`)
   }, React$1.createElement("div", {
-    className: `${classPrefix$j}-icon`
+    className: `${classPrefix$l}-icon`
   }, resultIcon), React$1.createElement("div", {
-    className: `${classPrefix$j}-title`
+    className: `${classPrefix$l}-title`
   }, title), description ? React$1.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,
@@ -16714,10 +16738,10 @@ const SearchBar = forwardRef((p2, ref) => {
       isShowCancel = props.showCancelButton && hasFocus;
     }
     return isShowCancel && React$1.createElement("div", {
-      className: `${classPrefix$i}-suffix`
+      className: `${classPrefix$k}-suffix`
     }, React$1.createElement(Button, {
       fill: "none",
-      className: `${classPrefix$i}-cancel-button`,
+      className: `${classPrefix$k}-cancel-button`,
       onClick: () => {
         var _a, _b, _c;
         if (props.clearOnCancel) {
@@ -16732,17 +16756,17 @@ const SearchBar = forwardRef((p2, ref) => {
     }, props.cancelText));
   };
   return withNativeProps(props, React$1.createElement("div", {
-    className: classNames(classPrefix$i, {
-      [`${classPrefix$i}-active`]: hasFocus
+    className: classNames(classPrefix$k, {
+      [`${classPrefix$k}-active`]: hasFocus
     })
   }, React$1.createElement("div", {
-    className: `${classPrefix$i}-input-box`
+    className: `${classPrefix$k}-input-box`
   }, props.icon && React$1.createElement("div", {
-    className: `${classPrefix$i}-input-box-icon`
+    className: `${classPrefix$k}-input-box-icon`
   }, props.icon), React$1.createElement(Input, {
     ref: inputRef,
-    className: classNames(`${classPrefix$i}-input`, {
-      [`${classPrefix$i}-input-without-icon`]: !props.icon
+    className: classNames(`${classPrefix$k}-input`, {
+      [`${classPrefix$k}-input-without-icon`]: !props.icon
     }),
     value,
     onChange: setValue,
@@ -16799,7 +16823,7 @@ const CheckMark = 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: [],
@@ -16823,10 +16847,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(`${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(`${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$1.createElement("div", {
       key: option.value,
@@ -16844,13 +16868,13 @@ const Selector = (p2) => {
         }
       }
     }, option.label, option.description && React$1.createElement("div", {
-      className: `${classPrefix$h}-item-description`
+      className: `${classPrefix$j}-item-description`
     }, option.description), active && props.showCheckMark && React$1.createElement("div", {
-      className: `${classPrefix$h}-check-mark-wrapper`
+      className: `${classPrefix$j}-check-mark-wrapper`
     }, React$1.createElement(CheckMark, null)));
   });
   return withNativeProps(props, React$1.createElement("div", {
-    className: classPrefix$h
+    className: classPrefix$j
   }, !props.columns && React$1.createElement(Space, {
     wrap: true
   }, items), props.columns && React$1.createElement(Grid, {
@@ -16868,10 +16892,10 @@ const Corner = memo((props) => withNativeProps(props, React$1.createElement("svg
   fillRule: "evenodd"
 }, React$1.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;
 };
@@ -16903,9 +16927,9 @@ const SideBar = (props) => {
   const lastItem = items[items.length - 1];
   const isLastItemActive = lastItem && lastItem.key === activeKey;
   return withNativeProps(props, React$1.createElement("div", {
-    className: classPrefix$g
+    className: classPrefix$i
   }, React$1.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;
@@ -16920,33 +16944,33 @@ const SideBar = (props) => {
           return;
         setActiveKey(key.toString());
       },
-      className: classNames(`${classPrefix$g}-item`, {
-        [`${classPrefix$g}-item-active`]: active,
-        [`${classPrefix$g}-item-disabled`]: item.props.disabled
+      className: classNames(`${classPrefix$i}-item`, {
+        [`${classPrefix$i}-item-active`]: active,
+        [`${classPrefix$i}-item-disabled`]: item.props.disabled
       })
     }, React$1.createElement(React$1.Fragment, null, isActiveNextSibling && React$1.createElement(Corner, {
-      className: `${classPrefix$g}-item-corner ${classPrefix$g}-item-corner-top`
+      className: `${classPrefix$i}-item-corner ${classPrefix$i}-item-corner-top`
     }), isActivePreviousSibling && React$1.createElement(Corner, {
-      className: `${classPrefix$g}-item-corner ${classPrefix$g}-item-corner-bottom`
+      className: `${classPrefix$i}-item-corner ${classPrefix$i}-item-corner-bottom`
     })), React$1.createElement(Badge, {
       content: item.props.badge,
-      className: `${classPrefix$g}-badge`
+      className: `${classPrefix$i}-badge`
     }, React$1.createElement("div", {
-      className: `${classPrefix$g}-item-title`
+      className: `${classPrefix$i}-item-title`
     }, active && React$1.createElement("div", {
-      className: `${classPrefix$g}-item-highlight`
+      className: `${classPrefix$i}-item-highlight`
     }), item.props.title))));
   })), React$1.createElement("div", {
-    className: classNames(`${classPrefix$g}-extra-space`, isLastItemActive && `${classPrefix$g}-item-active-next-sibling`)
+    className: classNames(`${classPrefix$i}-extra-space`, isLastItemActive && `${classPrefix$i}-item-active-next-sibling`)
   }, isLastItemActive && React$1.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,
@@ -16962,8 +16986,8 @@ const Ticks = ({
       left: offset2
     };
     const pointClassName = classNames({
-      [`${classPrefix$f}-tick`]: true,
-      [`${classPrefix$f}-tick-active`]: isActived
+      [`${classPrefix$h}-tick`]: true,
+      [`${classPrefix$h}-tick-active`]: isActived
     });
     return React$1.createElement("span", {
       className: pointClassName,
@@ -16972,10 +16996,10 @@ const Ticks = ({
     });
   });
   return React$1.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,
@@ -16992,8 +17016,8 @@ const Marks = ({
     }
     const isActive = point <= upperBound && point >= lowerBound;
     const markClassName = classNames({
-      [`${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}%`
@@ -17005,33 +17029,35 @@ const Marks = ({
     }, markPoint);
   });
   return React$1.createElement("div", {
-    className: classPrefix$e
+    className: classPrefix$g
   }, elements);
 };
 const ThumbIcon = (props) => {
   return withNativeProps(props, React$1.createElement("svg", {
-    viewBox: "0 0 20 20"
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
   }, React$1.createElement("g", {
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
+    fill: "currentColor",
     fillRule: "evenodd"
-  }, React$1.createElement("g", {
-    transform: "translate(-604.000000, -656.000000)",
-    fill: "#999999"
-  }, React$1.createElement("g", {
-    transform: "translate(592.000000, 644.000000)"
-  }, React$1.createElement("g", {
-    transform: "translate(12.000000, 12.000000)"
-  }, React$1.createElement("polygon", {
-    points: "0 3.33333333 2.22222222 3.33333333 2.22222222 17.7777778 0 17.7777778"
-  }), React$1.createElement("polygon", {
-    points: "17.7777778 3.33333333 20 3.33333333 20 17.7777778 17.7777778 17.7777778"
-  }), React$1.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$1.createElement("rect", {
+    x: 10,
+    width: 4,
+    height: 24,
+    rx: 2
+  }), React$1.createElement("rect", {
+    y: 4,
+    width: 4,
+    height: 16,
+    rx: 2
+  }), React$1.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,
@@ -17048,6 +17074,7 @@ const Thumb = (props) => {
       right: "auto"
     };
   };
+  const [dragging, setDragging] = useState(false);
   const bind = useDrag((state) => {
     var _a;
     if (disabled)
@@ -17061,29 +17088,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$1.createElement("div", {
+    className: `${classPrefix$f}-thumb`
+  }, icon ? icon : React$1.createElement(ThumbIcon, {
+    className: `${classPrefix$f}-thumb-icon`
+  }));
   return React$1.createElement("div", Object.assign({
-    className: `${classPrefix$d}-thumb-container`,
+    className: `${classPrefix$f}-thumb-container`,
     style: currentPosition()
-  }, bind()), React$1.createElement("div", {
-    className: `${classPrefix$d}-thumb`
-  }, icon ? icon : React$1.createElement(ThumbIcon, {
-    className: `${classPrefix$d}-thumb-icon`
-  })));
+  }, bind()), renderPopoverContent ? React$1.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;
@@ -17178,13 +17215,14 @@ const Slider = (p2) => {
   const valueBeforeDragRef = useRef();
   const renderThumb = (index2) => {
     return React$1.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;
@@ -17207,18 +17245,18 @@ const Slider = (p2) => {
     });
   };
   return withNativeProps(props, React$1.createElement("div", {
-    className: classNames(classPrefix$c, {
-      [`${classPrefix$c}-disabled`]: disabled
+    className: classNames(classPrefix$e, {
+      [`${classPrefix$e}-disabled`]: disabled
     })
   }, React$1.createElement("div", {
-    className: `${classPrefix$c}-track-container`,
+    className: `${classPrefix$e}-track-container`,
     onClick: onTrackClick
   }, React$1.createElement("div", {
-    className: `${classPrefix$c}-track`,
+    className: `${classPrefix$e}-track`,
     onClick: onTrackClick,
     ref: trackRef
   }, React$1.createElement("div", {
-    className: `${classPrefix$c}-fill`,
+    className: `${classPrefix$e}-fill`,
     style: {
       width: fillSize,
       left: fillStart
@@ -17238,7 +17276,7 @@ const Slider = (p2) => {
   })));
 };
 var stepper = "";
-const classPrefix$b = `adm-stepper`;
+const classPrefix$d = `adm-stepper`;
 const defaultProps$c = {
   defaultValue: 0,
   step: 1,
@@ -17316,20 +17354,20 @@ const Stepper = (p2) => {
     return false;
   };
   return withNativeProps(props, React$1.createElement("div", {
-    className: classNames(classPrefix$b, {
-      [`${classPrefix$b}-active`]: hasFocus
+    className: classNames(classPrefix$d, {
+      [`${classPrefix$d}-active`]: hasFocus
     })
   }, React$1.createElement(Button, {
-    className: `${classPrefix$b}-minus`,
+    className: `${classPrefix$d}-minus`,
     onClick: handleMinus,
     disabled: minusDisabled(),
     fill: "none",
     shape: "rectangular",
     color: "primary"
   }, React$1.createElement(MinusOutline, null)), React$1.createElement("div", {
-    className: `${classPrefix$b}-middle`
+    className: `${classPrefix$d}-middle`
   }, React$1.createElement(Input, {
-    className: `${classPrefix$b}-input`,
+    className: `${classPrefix$d}-input`,
     onFocus: (e2) => {
       var _a;
       setHasFocus(true);
@@ -17347,7 +17385,7 @@ const Stepper = (p2) => {
     },
     readOnly: inputReadOnly
   })), React$1.createElement(Button, {
-    className: `${classPrefix$b}-plus`,
+    className: `${classPrefix$d}-plus`,
     onClick: handlePlus,
     disabled: plusDisabled(),
     fill: "none",
@@ -17370,7 +17408,7 @@ function convertTextToValue(text) {
   return parseFloat(text);
 }
 var steps = "";
-const classPrefix$a = `adm-step`;
+const classPrefix$c = `adm-step`;
 const Step = (props) => {
   const {
     title,
@@ -17379,20 +17417,20 @@ const Step = (props) => {
     status = "wait"
   } = props;
   return withNativeProps(props, React$1.createElement("div", {
-    className: classNames(`${classPrefix$a}`, `${classPrefix$a}-status-${status}`)
+    className: classNames(`${classPrefix$c}`, `${classPrefix$c}-status-${status}`)
   }, React$1.createElement("div", {
-    className: `${classPrefix$a}-indicator`
+    className: `${classPrefix$c}-indicator`
   }, React$1.createElement("div", {
-    className: `${classPrefix$a}-icon-container`
+    className: `${classPrefix$c}-icon-container`
   }, icon)), React$1.createElement("div", {
-    className: `${classPrefix$a}-content`
+    className: `${classPrefix$c}-content`
   }, React$1.createElement("div", {
-    className: `${classPrefix$a}-title`
+    className: `${classPrefix$c}-title`
   }, title), !!description && React$1.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$1.createElement("span", {
   className: `${stepClassPrefix}-icon-dot`
@@ -17407,7 +17445,7 @@ const Steps = (p2) => {
     direction,
     current
   } = props;
-  const classString = classNames(classPrefix$9, `${classPrefix$9}-${direction}`);
+  const classString = classNames(classPrefix$b, `${classPrefix$b}-${direction}`);
   return withNativeProps(props, React$1.createElement("div", {
     className: classString
   }, React$1.Children.map(props.children, (child, index2) => {
@@ -17433,6 +17471,7 @@ var index$3 = attachPropertiesToComponent(Steps, {
   Step
 });
 var swipeAction = "";
+const classPrefix$a = `adm-swipe-action`;
 const defaultProps$a = {
   rightActions: [],
   leftActions: [],
@@ -17550,7 +17589,7 @@ const SwipeAction = forwardRef((p2, ref) => {
     const color = (_a = action.color) !== null && _a !== void 0 ? _a : "light";
     return React$1.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
       },
@@ -17565,7 +17604,7 @@ const SwipeAction = forwardRef((p2, ref) => {
     }, action.text);
   }
   return withNativeProps(props, React$1.createElement("div", Object.assign({
-    className: "adm-swipe-action"
+    className: classPrefix$a
   }, bind(), {
     ref: rootRef,
     onClickCapture: (e2) => {
@@ -17575,15 +17614,15 @@ const SwipeAction = forwardRef((p2, ref) => {
       }
     }
   }), React$1.createElement(animated.div, {
-    className: "adm-swipe-action-track",
+    className: `${classPrefix$a}-track`,
     style: {
       x
     }
   }, withStopPropagation(props.stopPropagation, React$1.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$1.createElement("div", {
-    className: "adm-swipe-action-content",
+    className: `${classPrefix$a}-content`,
     onClickCapture: (e2) => {
       if (x.goal !== 0) {
         e2.preventDefault();
@@ -17598,7 +17637,7 @@ const SwipeAction = forwardRef((p2, ref) => {
       pointerEvents: x.to((v) => v !== 0 && x.goal !== 0 ? "none" : "auto")
     }
   }, props.children)), withStopPropagation(props.stopPropagation, React$1.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))))));
 });
@@ -17625,6 +17664,7 @@ function useRefState(initialState) {
   }, [state]);
   return [state, setState, ref];
 }
+const classPrefix$9 = `adm-swiper`;
 const defaultProps$9 = {
   defaultIndex: 0,
   allowTouchMove: true,
@@ -17809,10 +17849,10 @@ const Swiper = forwardRef(staged((p2, ref) => {
     function renderTrackInner() {
       if (loop) {
         return React$1.createElement("div", {
-          className: "adm-swiper-track-inner"
+          className: `${classPrefix$9}-track-inner`
         }, React$1.Children.map(validChildren, (child, index2) => {
           return React$1.createElement(animated.div, {
-            className: "adm-swiper-slide",
+            className: `${classPrefix$9}-slide`,
             style: {
               [isVertical ? "y" : "x"]: position.to((position2) => {
                 let finalPosition = -position2 + index2 * 100;
@@ -17827,13 +17867,13 @@ const Swiper = forwardRef(staged((p2, ref) => {
         }));
       } else {
         return React$1.createElement(animated.div, {
-          className: "adm-swiper-track-inner",
+          className: `${classPrefix$9}-track-inner`,
           style: {
             [isVertical ? "y" : "x"]: position.to((position2) => `${-position2}%`)
           }
         }, React$1.Children.map(validChildren, (child) => {
           return React$1.createElement("div", {
-            className: "adm-swiper-slide"
+            className: `${classPrefix$9}-slide`
           }, child);
         }));
       }
@@ -17843,12 +17883,12 @@ const Swiper = forwardRef(staged((p2, ref) => {
       "--track-offset": `${props.trackOffset}%`
     };
     return withNativeProps(props, React$1.createElement("div", {
-      className: classNames("adm-swiper", `adm-swiper-${props.direction}`),
+      className: classNames(classPrefix$9, `${classPrefix$9}-${props.direction}`),
       style
     }, React$1.createElement("div", Object.assign({
       ref: trackRef,
-      className: classNames("adm-swiper-track", {
-        "adm-swiper-track-allow-touch-move": props.allowTouchMove
+      className: classNames(`${classPrefix$9}-track`, {
+        [`${classPrefix$9}-track-allow-touch-move`]: props.allowTouchMove
       }),
       onClickCapture: (e2) => {
         if (draggingRef.current) {
@@ -17856,7 +17896,7 @@ const Swiper = forwardRef(staged((p2, ref) => {
         }
       }
     }, props.allowTouchMove ? bind() : {}), renderTrackInner()), props.indicator === void 0 ? React$1.createElement("div", {
-      className: "adm-swiper-indicator"
+      className: `${classPrefix$9}-indicator`
     }, React$1.createElement(PageIndicator, Object.assign({}, props.indicatorProps, {
       total: count,
       current,
@@ -17988,7 +18028,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$1.createElement("div", {
-        className: `${classPrefix$7}-item-title`
+        className: classNames(`${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$1.createElement(React$1.Fragment, null, React$1.createElement(Badge, {
@@ -18833,4 +18873,4 @@ const WaterMark = (p2) => {
     }
   }));
 };
-export { index$h as ActionSheet, AutoCenter, Avatar, Badge, Button, Calendar, index$g as CapsuleTabs, Card, index$f as CascadePicker, CascadePickerView, index$e as Cascader, CascaderView, CheckList, Checkbox, index$d as Collapse, ConfigProvider, index$c as DatePicker, DatePickerView, index$b as Dialog, Divider, DotLoading, index$a as Dropdown, Ellipsis, Empty, ErrorBlock, FloatingBubble, FloatingPanel, Form, Grid, Image$1 as Image, ImageUploader, ImageViewer, index$8 as IndexBar, InfiniteScroll, Input, index$7 as JumboTabs, List, DotLoading as Loading, Mask, index$6 as Modal, NavBar, NoticeBar, NumberKeyboard, PageIndicator, PasscodeInput, Picker, PickerView, Popover, Popup, ProgressBar, ProgressCircle, PullToRefresh, index$5 as Radio, Rate, Result, SafeArea, ScrollMask, SearchBar, Selector, index$4 as SideBar, Skeleton, Slider, Space, SpinLoading, Stepper, index$3 as Steps, SwipeAction, index$2 as Swiper, Switch, index$1 as TabBar, Tabs, Tag, TextArea, Toast, index as TreeSelect, VirtualInput, WaterMark, createErrorBlock, reduceMotion, restoreMotion, setDefaultConfig };
+export { index$h as ActionSheet, AutoCenter, Avatar, Badge, Button, Calendar, index$g as CapsuleTabs, Card, index$f as CascadePicker, CascadePickerView, index$e as Cascader, CascaderView, CenterPopup, CheckList, Checkbox, index$d as Collapse, ConfigProvider, index$c as DatePicker, DatePickerView, index$b as Dialog, Divider, DotLoading, index$a as Dropdown, Ellipsis, Empty, ErrorBlock, FloatingBubble, FloatingPanel, Form, Grid, Image$1 as Image, ImageUploader, ImageViewer, index$8 as IndexBar, InfiniteScroll, Input, index$7 as JumboTabs, List, DotLoading as Loading, Mask, index$6 as Modal, NavBar, NoticeBar, NumberKeyboard, PageIndicator, PasscodeInput, Picker, PickerView, Popover, Popup, ProgressBar, ProgressCircle, PullToRefresh, index$5 as Radio, Rate, Result, SafeArea, ScrollMask, SearchBar, Selector, index$4 as SideBar, Skeleton, Slider, Space, SpinLoading, Stepper, index$3 as Steps, SwipeAction, index$2 as Swiper, Switch, index$1 as TabBar, Tabs, Tag, TextArea, Toast, index as TreeSelect, VirtualInput, WaterMark, createErrorBlock, reduceMotion, restoreMotion, setDefaultConfig };