antd-mobile 5.22.0 → 5.23.0

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

@@ -311,7 +311,7 @@ const zhCN = mergeLocale(base, {
     clear: "\u6E05\u9664"
   },
   Mask: {
-    name: "\u906E\u7F69\u5C42"
+    name: "\u80CC\u666F\u8499\u5C42"
   },
   Modal: {
     ok: "\u6211\u77E5\u9053\u4E86"
@@ -6987,13 +6987,13 @@ function withStopPropagation(events, element) {
   }
   return React__default.default.cloneElement(element, props);
 }
-const classPrefix$1k = `adm-mask`;
+const classPrefix$1l = `adm-mask`;
 const opacityRecord = {
   default: 0.55,
   thin: 0.35,
   thick: 0.75
 };
-const defaultProps$12 = {
+const defaultProps$13 = {
   visible: true,
   destroyOnClose: false,
   forceRender: false,
@@ -7004,7 +7004,7 @@ const defaultProps$12 = {
   stopPropagation: ["click"]
 };
 const Mask = (p) => {
-  const props = mergeProps(defaultProps$12, p);
+  const props = mergeProps(defaultProps$13, p);
   const {
     locale
   } = useConfig();
@@ -7045,7 +7045,7 @@ const Mask = (p) => {
     }
   });
   const node = withStopPropagation(props.stopPropagation, withNativeProps(props, React__default.default.createElement(animated.div, {
-    className: classPrefix$1k,
+    className: classPrefix$1l,
     ref,
     style: Object.assign(Object.assign({}, props.style), {
       background,
@@ -7059,12 +7059,12 @@ const Mask = (p) => {
       }
     }
   }, props.onMaskClick && React__default.default.createElement("div", {
-    className: `${classPrefix$1k}-aria-button`,
+    className: `${classPrefix$1l}-aria-button`,
     role: "button",
     "aria-label": locale.Mask.name,
     onClick: props.onMaskClick
   }), React__default.default.createElement("div", {
-    className: `${classPrefix$1k}-content`
+    className: `${classPrefix$1l}-content`
   }, props.children))));
   return React__default.default.createElement(ShouldRender, {
     active,
@@ -7681,13 +7681,13 @@ function useInnerVisible(outerVisible) {
   }, [outerVisible]);
   return innerVisible;
 }
-const classPrefix$1j = `adm-popup`;
-const defaultProps$11 = Object.assign(Object.assign({}, defaultPopupBaseProps), {
+const classPrefix$1k = `adm-popup`;
+const defaultProps$12 = Object.assign(Object.assign({}, defaultPopupBaseProps), {
   position: "bottom"
 });
 const Popup = (p) => {
-  const props = mergeProps(defaultProps$11, p);
-  const bodyCls = classNames(`${classPrefix$1j}-body`, props.bodyClassName, `${classPrefix$1j}-body-position-${props.position}`);
+  const props = mergeProps(defaultProps$12, p);
+  const bodyCls = classNames(`${classPrefix$1k}-body`, props.bodyClassName, `${classPrefix$1k}-body-position-${props.position}`);
   const [active, setActive] = React$1.useState(props.visible);
   useIsomorphicLayoutEffect$1(() => {
     if (props.visible) {
@@ -7721,7 +7721,7 @@ const Popup = (p) => {
   });
   const maskVisible = useInnerVisible(active && props.visible);
   const node = withStopPropagation(props.stopPropagation, withNativeProps(props, React__default.default.createElement("div", {
-    className: classPrefix$1j,
+    className: classPrefix$1k,
     onClick: props.onClick,
     style: {
       display: active ? void 0 : "none"
@@ -7762,7 +7762,7 @@ const Popup = (p) => {
     }),
     ref
   }, props.showCloseButton && React__default.default.createElement("a", {
-    className: classNames(`${classPrefix$1j}-close-icon`, "adm-plain-anchor"),
+    className: classNames(`${classPrefix$1k}-close-icon`, "adm-plain-anchor"),
     onClick: () => {
       var _a;
       (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
@@ -7775,10 +7775,10 @@ const Popup = (p) => {
   }, renderToContainer(props.getContainer, node));
 };
 const safeArea = "";
-const classPrefix$1i = "adm-safe-area";
+const classPrefix$1j = "adm-safe-area";
 const SafeArea = (props) => {
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classNames(classPrefix$1i, `${classPrefix$1i}-position-${props.position}`)
+    className: classNames(classPrefix$1j, `${classPrefix$1j}-position-${props.position}`)
   }));
 };
 const fullClone = Object.assign({}, ReactDOM__namespace);
@@ -7906,8 +7906,8 @@ function renderImperatively(element) {
     }
   };
 }
-const classPrefix$1h = `adm-action-sheet`;
-const defaultProps$10 = {
+const classPrefix$1i = `adm-action-sheet`;
+const defaultProps$11 = {
   visible: false,
   actions: [],
   cancelText: "",
@@ -7918,7 +7918,7 @@ const defaultProps$10 = {
   forceRender: false
 };
 const ActionSheet = (p) => {
-  const props = mergeProps(defaultProps$10, p);
+  const props = mergeProps(defaultProps$11, p);
   return React__default.default.createElement(Popup, {
     visible: props.visible,
     onMaskClick: () => {
@@ -7929,25 +7929,25 @@ const ActionSheet = (p) => {
       }
     },
     afterClose: props.afterClose,
-    className: classNames(`${classPrefix$1h}-popup`, props.popupClassName),
+    className: classNames(`${classPrefix$1i}-popup`, props.popupClassName),
     style: props.popupStyle,
     getContainer: props.getContainer,
     destroyOnClose: props.destroyOnClose,
     forceRender: props.forceRender
   }, withNativeProps(props, React__default.default.createElement("div", {
-    className: classPrefix$1h
+    className: classPrefix$1i
   }, props.extra && React__default.default.createElement("div", {
-    className: `${classPrefix$1h}-extra`
+    className: `${classPrefix$1i}-extra`
   }, props.extra), React__default.default.createElement("div", {
-    className: `${classPrefix$1h}-button-list`
+    className: `${classPrefix$1i}-button-list`
   }, props.actions.map((action, index2) => React__default.default.createElement("div", {
     key: action.key,
-    className: `${classPrefix$1h}-button-item-wrapper`
+    className: `${classPrefix$1i}-button-item-wrapper`
   }, React__default.default.createElement("a", {
-    className: classNames("adm-plain-anchor", `${classPrefix$1h}-button-item`, {
-      [`${classPrefix$1h}-button-item-danger`]: action.danger,
-      [`${classPrefix$1h}-button-item-disabled`]: action.disabled,
-      [`${classPrefix$1h}-button-item-bold`]: action.bold
+    className: classNames("adm-plain-anchor", `${classPrefix$1i}-button-item`, {
+      [`${classPrefix$1i}-button-item-danger`]: action.danger,
+      [`${classPrefix$1i}-button-item-disabled`]: action.disabled,
+      [`${classPrefix$1i}-button-item-bold`]: action.bold
     }),
     onClick: () => {
       var _a, _b, _c;
@@ -7958,21 +7958,21 @@ const ActionSheet = (p) => {
       }
     }
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$1h}-button-item-name`
+    className: `${classPrefix$1i}-button-item-name`
   }, action.text), action.description && React__default.default.createElement("div", {
-    className: `${classPrefix$1h}-button-item-description`
+    className: `${classPrefix$1i}-button-item-description`
   }, action.description))))), props.cancelText && React__default.default.createElement("div", {
-    className: `${classPrefix$1h}-cancel`
+    className: `${classPrefix$1i}-cancel`
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$1h}-button-item-wrapper`
+    className: `${classPrefix$1i}-button-item-wrapper`
   }, React__default.default.createElement("a", {
-    className: classNames("adm-plain-anchor", `${classPrefix$1h}-button-item`),
+    className: classNames("adm-plain-anchor", `${classPrefix$1i}-button-item`),
     onClick: () => {
       var _a;
       (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
     }
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$1h}-button-item-name`
+    className: `${classPrefix$1i}-button-item-name`
   }, props.cancelText)))), props.safeArea && React__default.default.createElement(SafeArea, {
     position: "bottom"
   }))));
@@ -7984,15 +7984,153 @@ const index$j = attachPropertiesToComponent(ActionSheet, {
   show: showActionSheet
 });
 const autoCenter = "";
-const classPrefix$1g = "adm-auto-center";
+const classPrefix$1h = "adm-auto-center";
 const AutoCenter = (props) => {
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classPrefix$1g
+    className: classPrefix$1h
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$1g}-content`
+    className: `${classPrefix$1h}-content`
   }, props.children)));
 };
 const avatar = "";
+const image = "";
+var stagedComponents = {};
+var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
+  return mod && mod.__esModule ? mod : { "default": mod };
+};
+Object.defineProperty(stagedComponents, "__esModule", { value: true });
+var staged_1 = stagedComponents.staged = void 0;
+const react_1 = __importDefault(React__default.default);
+function processNext(next) {
+  if (typeof next === "function") {
+    return react_1.default.createElement(Stage, { stage: next });
+  } else {
+    return next;
+  }
+}
+function Stage(props) {
+  const next = props.stage();
+  return processNext(next);
+}
+function staged(stage) {
+  return function Staged(props, ref) {
+    const next = stage(props, ref);
+    return processNext(next);
+  };
+}
+staged_1 = stagedComponents.staged = staged;
+function toCSSLength(val) {
+  return typeof val === "number" ? `${val}px` : val;
+}
+const LazyDetector = (props) => {
+  const ref = React$1.useRef(null);
+  const [inViewport] = useInViewport(ref);
+  React$1.useEffect(() => {
+    if (inViewport) {
+      props.onActive();
+    }
+  }, [inViewport]);
+  return React__default.default.createElement("div", {
+    ref
+  });
+};
+const useIsomorphicUpdateLayoutEffect = createUpdateEffect(useIsomorphicLayoutEffect$1);
+const ImageIcon = () => React__default.default.createElement("svg", {
+  viewBox: "0 0 48 48",
+  xmlns: "http://www.w3.org/2000/svg"
+}, React__default.default.createElement("path", {
+  d: "M41.396 6.234c1.923 0 3.487 1.574 3.487 3.505v29.14c0 1.937-1.568 3.51-3.491 3.51H6.604c-1.923 0-3.487-1.573-3.487-3.51V9.745c0-1.936 1.564-3.51 3.487-3.51Zm0 2.847H6.604c-.355 0-.654.3-.654.658V34.9l5.989-8.707a2.373 2.373 0 0 1 1.801-1.005 2.405 2.405 0 0 1 1.933.752l4.182 4.525 7.58-11.005a2.374 2.374 0 0 1 1.96-1.01c.79 0 1.532.38 1.966 1.01L42.05 34.89V9.74a.664.664 0 0 0-.654-.658Zm-28.305 2.763a3.119 3.119 0 0 1 3.117 3.117 3.119 3.119 0 0 1-3.117 3.117 3.122 3.122 0 0 1-3.117-3.117 3.119 3.119 0 0 1 3.117-3.117Z",
+  fill: "#DBDBDB",
+  fillRule: "nonzero"
+}));
+const BrokenImageIcon = () => React__default.default.createElement("svg", {
+  viewBox: "0 0 48 48",
+  xmlns: "http://www.w3.org/2000/svg"
+}, React__default.default.createElement("path", {
+  d: "M19.233 6.233 17.42 9.08l-10.817.001a.665.665 0 0 0-.647.562l-.007.096V34.9l5.989-8.707a2.373 2.373 0 0 1 1.801-1.005 2.415 2.415 0 0 1 1.807.625l.126.127 4.182 4.525 2.267-3.292 5.461 7.841-4.065 7.375H6.604c-1.86 0-3.382-1.47-3.482-3.317l-.005-.192V9.744c0-1.872 1.461-3.405 3.296-3.505l.19-.005h12.63Zm22.163 0c1.86 0 3.382 1.472 3.482 3.314l.005.192v29.14a3.507 3.507 0 0 1-3.3 3.505l-.191.006H27.789l3.63-6.587.06-.119a1.87 1.87 0 0 0-.163-1.853l-6.928-9.949 3.047-4.422a2.374 2.374 0 0 1 1.96-1.01 2.4 2.4 0 0 1 1.86.87l.106.14L42.05 34.89V9.74a.664.664 0 0 0-.654-.658H21.855l1.812-2.848h17.73Zm-28.305 5.611c.794 0 1.52.298 2.07.788l-.843 1.325-.067.114a1.87 1.87 0 0 0 .11 1.959l.848 1.217c-.556.515-1.3.83-2.118.83a3.122 3.122 0 0 1-3.117-3.116 3.119 3.119 0 0 1 3.117-3.117Z",
+  fill: "#DBDBDB",
+  fillRule: "nonzero"
+}));
+const classPrefix$1g = `adm-image`;
+const defaultProps$10 = {
+  fit: "fill",
+  placeholder: React__default.default.createElement("div", {
+    className: `${classPrefix$1g}-tip`
+  }, React__default.default.createElement(ImageIcon, null)),
+  fallback: React__default.default.createElement("div", {
+    className: `${classPrefix$1g}-tip`
+  }, React__default.default.createElement(BrokenImageIcon, null)),
+  lazy: false,
+  draggable: false
+};
+const Image$1 = staged_1((p) => {
+  const props = mergeProps(defaultProps$10, p);
+  const [loaded, setLoaded] = React$1.useState(false);
+  const [failed, setFailed] = React$1.useState(false);
+  const ref = React$1.useRef(null);
+  let src = props.src;
+  let srcSet = props.srcSet;
+  const [initialized, setInitialized] = React$1.useState(!props.lazy);
+  src = initialized ? props.src : void 0;
+  srcSet = initialized ? props.srcSet : void 0;
+  useIsomorphicUpdateLayoutEffect(() => {
+    setLoaded(false);
+    setFailed(false);
+  }, [src]);
+  function renderInner() {
+    if (failed) {
+      return React__default.default.createElement(React__default.default.Fragment, null, props.fallback);
+    }
+    const img = React__default.default.createElement("img", {
+      className: `${classPrefix$1g}-img`,
+      src,
+      alt: props.alt,
+      onClick: props.onClick,
+      onLoad: (e) => {
+        var _a;
+        setLoaded(true);
+        (_a = props.onLoad) === null || _a === void 0 ? void 0 : _a.call(props, e);
+      },
+      onError: (e) => {
+        var _a;
+        setFailed(true);
+        (_a = props.onError) === null || _a === void 0 ? void 0 : _a.call(props, e);
+      },
+      style: {
+        objectFit: props.fit,
+        display: loaded ? "block" : "none"
+      },
+      crossOrigin: props.crossOrigin,
+      decoding: props.decoding,
+      loading: props.loading,
+      referrerPolicy: props.referrerPolicy,
+      sizes: props.sizes,
+      srcSet,
+      useMap: props.useMap,
+      draggable: props.draggable
+    });
+    return React__default.default.createElement(React__default.default.Fragment, null, !loaded && props.placeholder, img);
+  }
+  const style = {};
+  if (props.width) {
+    style["--width"] = toCSSLength(props.width);
+    style["width"] = toCSSLength(props.width);
+  }
+  if (props.height) {
+    style["--height"] = toCSSLength(props.height);
+    style["height"] = toCSSLength(props.height);
+  }
+  return withNativeProps(props, React__default.default.createElement("div", {
+    ref,
+    className: classPrefix$1g,
+    style,
+    onClick: props.onContainerClick
+  }, props.lazy && !initialized && React__default.default.createElement(LazyDetector, {
+    onActive: () => {
+      setInitialized(true);
+    }
+  }), renderInner()));
+});
 const Fallback = React$1.memo(() => React__default.default.createElement("svg", {
   className: "adm-avatar-fallback",
   width: "88px",
@@ -8542,7 +8680,6 @@ function bound(position, min2, max2) {
   }
   return ret;
 }
-const useIsomorphicUpdateLayoutEffect = createUpdateEffect(useIsomorphicLayoutEffect$1);
 const useTabListScroll = (targetRef, activeIndex) => {
   const [{
     scrollLeft
@@ -10808,7 +10945,7 @@ function devError(component, message) {
 function measureCSSLength(raw) {
   if (raw === null || raw === void 0 || raw === "") {
     {
-      devError("Global", "Seems like the you will encounter a style messed problem. Please check the browser environment to make sure it supports CSS variables.");
+      devError("Global", "Something went wrong when calculating CSS length. Please report an issue at https://github.com/ant-design/ant-design-mobile/issues/new/choose");
     }
     return 0;
   }
@@ -10849,12 +10986,13 @@ const Wheel = React$1.memo((props) => {
   }));
   const draggingRef = React$1.useRef(false);
   const rootRef = React$1.useRef(null);
+  const itemHeightMeasureRef = React$1.useRef(null);
   const itemHeight = React$1.useRef(34);
   useIsomorphicLayoutEffect$1(() => {
-    const root2 = rootRef.current;
-    if (!root2)
+    const itemHeightMeasure = itemHeightMeasureRef.current;
+    if (!itemHeightMeasure)
       return;
-    itemHeight.current = measureCSSLength(window.getComputedStyle(root2).getPropertyValue("--item-height"));
+    itemHeight.current = measureCSSLength(window.getComputedStyle(itemHeightMeasure).getPropertyValue("height"));
   });
   useIsomorphicLayoutEffect$1(() => {
     if (draggingRef.current)
@@ -10970,7 +11108,10 @@ const Wheel = React$1.memo((props) => {
   }
   return React__default.default.createElement("div", {
     className: `${classPrefix$17}-column`
-  }, React__default.default.createElement(animated.div, {
+  }, React__default.default.createElement("div", {
+    className: `${classPrefix$17}-item-height-measure`,
+    ref: itemHeightMeasureRef
+  }), React__default.default.createElement(animated.div, {
     ref: rootRef,
     style: {
       translateY: y
@@ -13131,167 +13272,30 @@ const DatePickerView = (p) => {
 const dialog = "";
 const DialogActionButton = (props) => {
   const {
-    action
-  } = props;
-  return withNativeProps(props.action, React__default.default.createElement(Button, {
-    key: action.key,
-    onClick: props.onAction,
-    className: classNames("adm-dialog-button", {
-      "adm-dialog-button-bold": action.bold
-    }),
-    fill: "none",
-    shape: "rectangular",
-    block: true,
-    color: action.danger ? "danger" : "primary",
-    loading: "auto",
-    disabled: action.disabled
-  }, action.text));
-};
-const image = "";
-var stagedComponents = {};
-var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
-  return mod && mod.__esModule ? mod : { "default": mod };
-};
-Object.defineProperty(stagedComponents, "__esModule", { value: true });
-var staged_1 = stagedComponents.staged = void 0;
-const react_1 = __importDefault(React__default.default);
-function processNext(next) {
-  if (typeof next === "function") {
-    return react_1.default.createElement(Stage, { stage: next });
-  } else {
-    return next;
-  }
-}
-function Stage(props) {
-  const next = props.stage();
-  return processNext(next);
-}
-function staged(stage) {
-  return function Staged(props, ref) {
-    const next = stage(props, ref);
-    return processNext(next);
-  };
-}
-staged_1 = stagedComponents.staged = staged;
-function toCSSLength(val) {
-  return typeof val === "number" ? `${val}px` : val;
-}
-const LazyDetector = (props) => {
-  const ref = React$1.useRef(null);
-  const [inViewport] = useInViewport(ref);
-  React$1.useEffect(() => {
-    if (inViewport) {
-      props.onActive();
-    }
-  }, [inViewport]);
-  return React__default.default.createElement("div", {
-    ref
-  });
-};
-const ImageIcon = () => React__default.default.createElement("svg", {
-  viewBox: "0 0 48 48",
-  xmlns: "http://www.w3.org/2000/svg"
-}, React__default.default.createElement("path", {
-  d: "M41.396 6.234c1.923 0 3.487 1.574 3.487 3.505v29.14c0 1.937-1.568 3.51-3.491 3.51H6.604c-1.923 0-3.487-1.573-3.487-3.51V9.745c0-1.936 1.564-3.51 3.487-3.51Zm0 2.847H6.604c-.355 0-.654.3-.654.658V34.9l5.989-8.707a2.373 2.373 0 0 1 1.801-1.005 2.405 2.405 0 0 1 1.933.752l4.182 4.525 7.58-11.005a2.374 2.374 0 0 1 1.96-1.01c.79 0 1.532.38 1.966 1.01L42.05 34.89V9.74a.664.664 0 0 0-.654-.658Zm-28.305 2.763a3.119 3.119 0 0 1 3.117 3.117 3.119 3.119 0 0 1-3.117 3.117 3.122 3.122 0 0 1-3.117-3.117 3.119 3.119 0 0 1 3.117-3.117Z",
-  fill: "#DBDBDB",
-  fillRule: "nonzero"
-}));
-const BrokenImageIcon = () => React__default.default.createElement("svg", {
-  viewBox: "0 0 48 48",
-  xmlns: "http://www.w3.org/2000/svg"
-}, React__default.default.createElement("path", {
-  d: "M19.233 6.233 17.42 9.08l-10.817.001a.665.665 0 0 0-.647.562l-.007.096V34.9l5.989-8.707a2.373 2.373 0 0 1 1.801-1.005 2.415 2.415 0 0 1 1.807.625l.126.127 4.182 4.525 2.267-3.292 5.461 7.841-4.065 7.375H6.604c-1.86 0-3.382-1.47-3.482-3.317l-.005-.192V9.744c0-1.872 1.461-3.405 3.296-3.505l.19-.005h12.63Zm22.163 0c1.86 0 3.382 1.472 3.482 3.314l.005.192v29.14a3.507 3.507 0 0 1-3.3 3.505l-.191.006H27.789l3.63-6.587.06-.119a1.87 1.87 0 0 0-.163-1.853l-6.928-9.949 3.047-4.422a2.374 2.374 0 0 1 1.96-1.01 2.4 2.4 0 0 1 1.86.87l.106.14L42.05 34.89V9.74a.664.664 0 0 0-.654-.658H21.855l1.812-2.848h17.73Zm-28.305 5.611c.794 0 1.52.298 2.07.788l-.843 1.325-.067.114a1.87 1.87 0 0 0 .11 1.959l.848 1.217c-.556.515-1.3.83-2.118.83a3.122 3.122 0 0 1-3.117-3.116 3.119 3.119 0 0 1 3.117-3.117Z",
-  fill: "#DBDBDB",
-  fillRule: "nonzero"
-}));
-const classPrefix$V = `adm-image`;
-const defaultProps$K = {
-  fit: "fill",
-  placeholder: React__default.default.createElement("div", {
-    className: `${classPrefix$V}-tip`
-  }, React__default.default.createElement(ImageIcon, null)),
-  fallback: React__default.default.createElement("div", {
-    className: `${classPrefix$V}-tip`
-  }, React__default.default.createElement(BrokenImageIcon, null)),
-  lazy: false,
-  draggable: false
-};
-const Image$1 = staged_1((p) => {
-  const props = mergeProps(defaultProps$K, p);
-  const [loaded, setLoaded] = React$1.useState(false);
-  const [failed, setFailed] = React$1.useState(false);
-  const ref = React$1.useRef(null);
-  let src = props.src;
-  let srcSet = props.srcSet;
-  const [initialized, setInitialized] = React$1.useState(!props.lazy);
-  src = initialized ? props.src : void 0;
-  srcSet = initialized ? props.srcSet : void 0;
-  useIsomorphicUpdateLayoutEffect(() => {
-    setLoaded(false);
-    setFailed(false);
-  }, [src]);
-  function renderInner() {
-    if (failed) {
-      return React__default.default.createElement(React__default.default.Fragment, null, props.fallback);
-    }
-    const img = React__default.default.createElement("img", {
-      className: `${classPrefix$V}-img`,
-      src,
-      alt: props.alt,
-      onClick: props.onClick,
-      onLoad: (e) => {
-        var _a;
-        setLoaded(true);
-        (_a = props.onLoad) === null || _a === void 0 ? void 0 : _a.call(props, e);
-      },
-      onError: (e) => {
-        var _a;
-        setFailed(true);
-        (_a = props.onError) === null || _a === void 0 ? void 0 : _a.call(props, e);
-      },
-      style: {
-        objectFit: props.fit,
-        display: loaded ? "block" : "none"
-      },
-      crossOrigin: props.crossOrigin,
-      decoding: props.decoding,
-      loading: props.loading,
-      referrerPolicy: props.referrerPolicy,
-      sizes: props.sizes,
-      srcSet,
-      useMap: props.useMap,
-      draggable: props.draggable
-    });
-    return React__default.default.createElement(React__default.default.Fragment, null, !loaded && props.placeholder, img);
-  }
-  const style = {};
-  if (props.width) {
-    style["--width"] = toCSSLength(props.width);
-    style["width"] = toCSSLength(props.width);
-  }
-  if (props.height) {
-    style["--height"] = toCSSLength(props.height);
-    style["height"] = toCSSLength(props.height);
-  }
-  return withNativeProps(props, React__default.default.createElement("div", {
-    ref,
-    className: classPrefix$V,
-    style,
-    onClick: props.onContainerClick
-  }, props.lazy && !initialized && React__default.default.createElement(LazyDetector, {
-    onActive: () => {
-      setInitialized(true);
-    }
-  }), renderInner()));
-});
-const defaultProps$J = {
+    action
+  } = props;
+  return withNativeProps(props.action, React__default.default.createElement(Button, {
+    key: action.key,
+    onClick: props.onAction,
+    className: classNames("adm-dialog-button", {
+      "adm-dialog-button-bold": action.bold
+    }),
+    fill: "none",
+    shape: "rectangular",
+    block: true,
+    color: action.danger ? "danger" : "primary",
+    loading: "auto",
+    disabled: action.disabled
+  }, action.text));
+};
+const defaultProps$K = {
   actions: [],
   closeOnAction: false,
   closeOnMaskClick: false,
   getContainer: null
 };
 const Dialog = (p) => {
-  const props = mergeProps(defaultProps$J, p);
+  const props = mergeProps(defaultProps$K, p);
   const element = React__default.default.createElement(React__default.default.Fragment, null, !!props.image && React__default.default.createElement("div", {
     className: cls$1("image-container")
   }, React__default.default.createElement(Image$1, {
@@ -13382,7 +13386,7 @@ function alert$1(p) {
     }));
   });
 }
-const defaultProps$I = {
+const defaultProps$J = {
   confirmText: "\u786E\u8BA4",
   cancelText: "\u53D6\u6D88"
 };
@@ -13390,7 +13394,7 @@ function confirm$1(p) {
   const {
     locale
   } = getDefaultConfig();
-  const props = mergeProps(defaultProps$I, {
+  const props = mergeProps(defaultProps$J, {
     confirmText: locale.common.confirm,
     cancelText: locale.common.cancel
   }, p);
@@ -13435,37 +13439,37 @@ const index$d = attachPropertiesToComponent(Dialog, {
   clear: clear$2
 });
 const divider = "";
-const classPrefix$U = `adm-divider`;
-const defaultProps$H = {
+const classPrefix$V = `adm-divider`;
+const defaultProps$I = {
   contentPosition: "center",
   direction: "horizontal"
 };
 const Divider = (p) => {
-  const props = mergeProps(defaultProps$H, p);
+  const props = mergeProps(defaultProps$I, p);
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classNames(classPrefix$U, `${classPrefix$U}-${props.direction}`, `${classPrefix$U}-${props.contentPosition}`)
+    className: classNames(classPrefix$V, `${classPrefix$V}-${props.direction}`, `${classPrefix$V}-${props.contentPosition}`)
   }, props.children && React__default.default.createElement("div", {
-    className: `${classPrefix$U}-content`
+    className: `${classPrefix$V}-content`
   }, props.children)));
 };
 const dropdown = "";
-const classPrefix$T = `adm-dropdown-item`;
+const classPrefix$U = `adm-dropdown-item`;
 const Item = (props) => {
   var _a;
-  const cls2 = classNames(classPrefix$T, {
-    [`${classPrefix$T}-active`]: props.active,
-    [`${classPrefix$T}-highlight`]: (_a = props.highlight) !== null && _a !== void 0 ? _a : props.active
+  const cls2 = classNames(classPrefix$U, {
+    [`${classPrefix$U}-active`]: props.active,
+    [`${classPrefix$U}-highlight`]: (_a = props.highlight) !== null && _a !== void 0 ? _a : props.active
   });
   return withNativeProps(props, React__default.default.createElement("div", {
     className: cls2,
     onClick: props.onClick
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$T}-title`
+    className: `${classPrefix$U}-title`
   }, React__default.default.createElement("span", {
-    className: `${classPrefix$T}-title-text`
+    className: `${classPrefix$U}-title-text`
   }, props.title), React__default.default.createElement("span", {
-    className: classNames(`${classPrefix$T}-title-arrow`, {
-      [`${classPrefix$T}-title-arrow-active`]: props.active
+    className: classNames(`${classPrefix$U}-title-arrow`, {
+      [`${classPrefix$U}-title-arrow-active`]: props.active
     })
   }, props.arrow === void 0 ? React__default.default.createElement(DownFill, null) : props.arrow))));
 };
@@ -13474,22 +13478,22 @@ const ItemChildrenWrap = (props) => {
     active = false
   } = props;
   const shouldRender = useShouldRender(active, props.forceRender, props.destroyOnClose);
-  const cls2 = classNames(`${classPrefix$T}-content`, {
-    [`${classPrefix$T}-content-hidden`]: !active
+  const cls2 = classNames(`${classPrefix$U}-content`, {
+    [`${classPrefix$U}-content-hidden`]: !active
   });
   return shouldRender ? React__default.default.createElement("div", {
     className: cls2,
     onClick: props.onClick
   }, props.children) : null;
 };
-const classPrefix$S = `adm-dropdown`;
-const defaultProps$G = {
+const classPrefix$T = `adm-dropdown`;
+const defaultProps$H = {
   defaultActiveKey: null,
   closeOnMaskClick: true,
   closeOnClickAway: false
 };
 const Dropdown = React$1.forwardRef((p, ref) => {
-  const props = mergeProps(defaultProps$G, p);
+  const props = mergeProps(defaultProps$H, p);
   const [value, setValue2] = usePropsValue({
     value: props.activeKey,
     defaultValue: props.defaultActiveKey,
@@ -13545,19 +13549,19 @@ const Dropdown = React$1.forwardRef((p, ref) => {
     }
   }), [setValue2]);
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classNames(classPrefix$S, {
-      [`${classPrefix$S}-open`]: !!value
+    className: classNames(classPrefix$T, {
+      [`${classPrefix$T}-open`]: !!value
     }),
     ref: containerRef
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$S}-nav`,
+    className: `${classPrefix$T}-nav`,
     ref: navRef
   }, navs), React__default.default.createElement(Popup, {
     visible: !!value,
     position: "top",
-    className: `${classPrefix$S}-popup`,
-    maskClassName: `${classPrefix$S}-popup-mask`,
-    bodyClassName: `${classPrefix$S}-popup-body`,
+    className: `${classPrefix$T}-popup`,
+    maskClassName: `${classPrefix$T}-popup-mask`,
+    bodyClassName: `${classPrefix$T}-popup-body`,
     style: {
       top
     },
@@ -13581,8 +13585,8 @@ const index$c = attachPropertiesToComponent(Dropdown, {
   Item
 });
 const ellipsis = "";
-const classPrefix$R = `adm-ellipsis`;
-const defaultProps$F = {
+const classPrefix$S = `adm-ellipsis`;
+const defaultProps$G = {
   direction: "end",
   rows: 1,
   expandText: "",
@@ -13592,7 +13596,7 @@ const defaultProps$F = {
   }
 };
 const Ellipsis = (p) => {
-  const props = mergeProps(defaultProps$F, p);
+  const props = mergeProps(defaultProps$G, p);
   const rootRef = React$1.useRef(null);
   const [ellipsised, setEllipsised] = React$1.useState({});
   const [expanded, setExpanded] = React$1.useState(false);
@@ -13709,7 +13713,7 @@ const Ellipsis = (p) => {
   };
   return withNativeProps(props, React__default.default.createElement("div", {
     ref: rootRef,
-    className: classPrefix$R,
+    className: classPrefix$S,
     onClick: (e) => {
       if (e.target === e.currentTarget) {
         props.onContentClick(e);
@@ -13746,7 +13750,7 @@ const EmptyIcon = (props) => {
     fill: "#fafafa"
   })))));
 };
-const classPrefix$Q = `adm-empty`;
+const classPrefix$R = `adm-empty`;
 const Empty = (props) => {
   function renderImageNode() {
     const {
@@ -13754,13 +13758,13 @@ const Empty = (props) => {
     } = props;
     if (image2 === void 0) {
       return React__default.default.createElement(EmptyIcon, {
-        className: `${classPrefix$Q}-image`,
+        className: `${classPrefix$R}-image`,
         style: props.imageStyle
       });
     }
     if (typeof image2 === "string") {
       return React__default.default.createElement("img", {
-        className: `${classPrefix$Q}-image`,
+        className: `${classPrefix$R}-image`,
         style: props.imageStyle,
         src: image2,
         alt: "empty"
@@ -13769,22 +13773,22 @@ const Empty = (props) => {
     return image2;
   }
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classPrefix$Q
+    className: classPrefix$R
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$Q}-image-container`
+    className: `${classPrefix$R}-image-container`
   }, renderImageNode()), props.description && React__default.default.createElement("div", {
-    className: classNames(`${classPrefix$Q}-description`)
+    className: classNames(`${classPrefix$R}-description`)
   }, props.description)));
 };
 const errorBlock = "";
-const classPrefix$P = `adm-error-block`;
-const defaultProps$E = {
+const classPrefix$Q = `adm-error-block`;
+const defaultProps$F = {
   status: "default"
 };
 function createErrorBlock(imageRecord2) {
   const ErrorBlock2 = (p) => {
     var _a;
-    const props = mergeProps(defaultProps$E, p);
+    const props = mergeProps(defaultProps$F, p);
     const {
       locale
     } = useConfig();
@@ -13797,19 +13801,19 @@ function createErrorBlock(imageRecord2) {
       alt: "error block image"
     }) : image2;
     return withNativeProps(props, React__default.default.createElement("div", {
-      className: classNames(classPrefix$P, {
-        [`${classPrefix$P}-full-page`]: props.fullPage
+      className: classNames(classPrefix$Q, {
+        [`${classPrefix$Q}-full-page`]: props.fullPage
       })
     }, React__default.default.createElement("div", {
-      className: `${classPrefix$P}-image`
+      className: `${classPrefix$Q}-image`
     }, imageNode), React__default.default.createElement("div", {
-      className: `${classPrefix$P}-description`
+      className: `${classPrefix$Q}-description`
     }, title && React__default.default.createElement("div", {
-      className: `${classPrefix$P}-description-title`
+      className: `${classPrefix$Q}-description-title`
     }, title), des && React__default.default.createElement("div", {
-      className: `${classPrefix$P}-description-subtitle`
+      className: `${classPrefix$Q}-description-subtitle`
     }, des)), props.children && React__default.default.createElement("div", {
-      className: `${classPrefix$P}-content`
+      className: `${classPrefix$Q}-content`
     }, props.children)));
   };
   return ErrorBlock2;
@@ -14316,12 +14320,12 @@ const imageRecord = {
 };
 const ErrorBlock = createErrorBlock(imageRecord);
 const floatingBubble = "";
-const classPrefix$O = `adm-floating-bubble`;
-const defaultProps$D = {
+const classPrefix$P = `adm-floating-bubble`;
+const defaultProps$E = {
   axis: "y"
 };
 const FloatingBubble = (p) => {
-  const props = mergeProps(defaultProps$D, p);
+  const props = mergeProps(defaultProps$E, p);
   const boundaryRef = React$1.useRef(null);
   const buttonRef = React$1.useRef(null);
   const [{
@@ -14380,11 +14384,11 @@ const FloatingBubble = (p) => {
     from: () => [x.get(), y.get()]
   });
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classPrefix$O
+    className: classPrefix$P
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$O}-boundary-outer`
+    className: `${classPrefix$P}-boundary-outer`
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$O}-boundary`,
+    className: `${classPrefix$P}-boundary`,
     ref: boundaryRef
   })), React__default.default.createElement(animated.div, Object.assign({}, bind(), {
     style: {
@@ -14392,7 +14396,7 @@ const FloatingBubble = (p) => {
       transform: to([x, y], (x2, y2) => `translate(${x2}px, ${y2}px)`)
     },
     onClick: props.onClick,
-    className: `${classPrefix$O}-button`,
+    className: `${classPrefix$P}-button`,
     ref: buttonRef
   }), props.children)));
 };
@@ -14402,12 +14406,12 @@ function nearest(arr, target) {
     return Math.abs(pre - target) < Math.abs(cur - target) ? pre : cur;
   });
 }
-const defaultProps$C = {
+const defaultProps$D = {
   handleDraggingOfContent: true
 };
 const FloatingPanel = React$1.forwardRef((p, ref) => {
   var _a, _b;
-  const props = mergeProps(defaultProps$C, p);
+  const props = mergeProps(defaultProps$D, p);
   const {
     anchors
   } = props;
@@ -18663,17 +18667,17 @@ const FormArray = (props) => {
     return React__default.default.createElement(React__default.default.Fragment, null, children);
   });
 };
-const classPrefix$N = "adm-form";
-const defaultProps$B = defaultFormContext;
+const classPrefix$O = "adm-form";
+const defaultProps$C = defaultFormContext;
 const Form2 = React$1.forwardRef((p, ref) => {
-  const props = mergeProps(defaultProps$B, p);
+  const props = mergeProps(defaultProps$C, p);
   const {
     className,
     style,
     hasFeedback,
     children,
     layout,
-    footer,
+    footer: footer2,
     mode,
     disabled,
     requiredMarkStyle
@@ -18714,7 +18718,7 @@ const Form2 = React$1.forwardRef((p, ref) => {
   });
   collect();
   return React__default.default.createElement(RefForm, Object.assign({
-    className: classNames(classPrefix$N, className),
+    className: classNames(classPrefix$O, className),
     style,
     ref
   }, formProps, {
@@ -18727,9 +18731,9 @@ const Form2 = React$1.forwardRef((p, ref) => {
       requiredMarkStyle,
       disabled
     }
-  }, lists), footer && React__default.default.createElement("div", {
-    className: `${classPrefix$N}-footer`
-  }, footer));
+  }, lists), footer2 && React__default.default.createElement("div", {
+    className: `${classPrefix$O}-footer`
+  }, footer2));
 });
 var FieldContext = {};
 var interopRequireWildcard = { exports: {} };
@@ -20108,15 +20112,15 @@ function convertPx(px) {
   tester.style.setProperty("--size", px.toString());
   return tester.getBoundingClientRect().height;
 }
-const classPrefix$M = `adm-popover`;
-const defaultProps$A = {
+const classPrefix$N = `adm-popover`;
+const defaultProps$B = {
   placement: "top",
   defaultVisible: false,
   stopPropagation: ["click"],
   getContainer: () => document.body
 };
 const Popover$1 = React$1.forwardRef((p, ref) => {
-  const props = mergeProps(defaultProps$A, p);
+  const props = mergeProps(defaultProps$B, p);
   const {
     mode = "light"
   } = props;
@@ -20137,17 +20141,17 @@ const Popover$1 = React$1.forwardRef((p, ref) => {
   const floatingRef = React$1.useRef(null);
   const arrowRef = React$1.useRef(null);
   const floating = withStopPropagation(props.stopPropagation, withNativeProps(props, React__default.default.createElement("div", {
-    className: classNames(classPrefix$M, `${classPrefix$M}-${mode}`, !visible && `${classPrefix$M}-hidden`),
+    className: classNames(classPrefix$N, `${classPrefix$N}-${mode}`, !visible && `${classPrefix$N}-hidden`),
     ref: floatingRef
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$M}-arrow`,
+    className: `${classPrefix$N}-arrow`,
     ref: arrowRef
   }, React__default.default.createElement(Arrow, {
-    className: `${classPrefix$M}-arrow-icon`
+    className: `${classPrefix$N}-arrow-icon`
   })), React__default.default.createElement("div", {
-    className: `${classPrefix$M}-inner`
+    className: `${classPrefix$N}-inner`
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$M}-inner-content`
+    className: `${classPrefix$N}-inner-content`
   }, props.content)))));
   const [targetElement, setTargetElement] = React$1.useState(null);
   function update2() {
@@ -20243,7 +20247,7 @@ const Popover$1 = React$1.forwardRef((p, ref) => {
     ref: targetRef
   }, props.children), shouldRender && renderToContainer(props.getContainer, floating));
 });
-const classPrefix$L = `adm-popover-menu`;
+const classPrefix$M = `adm-popover-menu`;
 const PopoverMenu = React$1.forwardRef((props, ref) => {
   const innerRef = React$1.useRef(null);
   React$1.useImperativeHandle(ref, () => innerRef.current, []);
@@ -20259,14 +20263,14 @@ const PopoverMenu = React$1.forwardRef((props, ref) => {
   }, [props.onAction]);
   const overlay = React$1.useMemo(() => {
     return React__default.default.createElement("div", {
-      className: `${classPrefix$L}-list`
+      className: `${classPrefix$M}-list`
     }, React__default.default.createElement("div", {
-      className: `${classPrefix$L}-list-inner`
+      className: `${classPrefix$M}-list-inner`
     }, props.actions.map((action, index2) => {
       var _a;
       return React__default.default.createElement("a", {
         key: (_a = action.key) !== null && _a !== void 0 ? _a : index2,
-        className: classNames(`${classPrefix$L}-item`, "adm-plain-anchor", action.disabled && `${classPrefix$L}-item-disabled`),
+        className: classNames(`${classPrefix$M}-item`, "adm-plain-anchor", action.disabled && `${classPrefix$M}-item-disabled`),
         onClick: () => {
           var _a2;
           if (action.disabled)
@@ -20275,16 +20279,16 @@ const PopoverMenu = React$1.forwardRef((props, ref) => {
           (_a2 = action.onClick) === null || _a2 === void 0 ? void 0 : _a2.call(action);
         }
       }, action.icon && React__default.default.createElement("div", {
-        className: `${classPrefix$L}-item-icon`
+        className: `${classPrefix$M}-item-icon`
       }, action.icon), React__default.default.createElement("div", {
-        className: `${classPrefix$L}-item-text`
+        className: `${classPrefix$M}-item-text`
       }, action.text));
     })));
   }, [props.actions, onClick]);
   return React__default.default.createElement(Popover$1, Object.assign({
     ref: innerRef
   }, props, {
-    className: classNames(classPrefix$L, props.className),
+    className: classNames(classPrefix$M, props.className),
     content: overlay
   }), props.children);
 });
@@ -20300,7 +20304,7 @@ function undefinedFallback(...items) {
   return items[i];
 }
 const NAME_SPLIT = "__SPLIT__";
-const classPrefix$K = `adm-form-item`;
+const classPrefix$L = `adm-form-item`;
 const MemoInput = React__default.default.memo(({
   children
 }) => children, (prev, next) => prev.value === next.value && prev.update === next.update);
@@ -20333,15 +20337,15 @@ const FormItemLayout = (props) => {
     switch (requiredMarkStyle) {
       case "asterisk":
         return required4 && React__default.default.createElement("span", {
-          className: `${classPrefix$K}-required-asterisk`
+          className: `${classPrefix$L}-required-asterisk`
         }, "*");
       case "text-required":
         return required4 && React__default.default.createElement("span", {
-          className: `${classPrefix$K}-required-text`
+          className: `${classPrefix$L}-required-text`
         }, "(", locale.Form.required, ")");
       case "text-optional":
         return !required4 && React__default.default.createElement("span", {
-          className: `${classPrefix$K}-required-text`
+          className: `${classPrefix$L}-required-text`
         }, "(", locale.Form.optional, ")");
       case "none":
         return null;
@@ -20350,24 +20354,24 @@ const FormItemLayout = (props) => {
     }
   })();
   const labelElement = label ? React__default.default.createElement("label", {
-    className: `${classPrefix$K}-label`,
+    className: `${classPrefix$L}-label`,
     htmlFor
   }, label, requiredMark, help && React__default.default.createElement(Popover, {
     content: help,
     mode: "dark",
     trigger: "click"
   }, React__default.default.createElement("span", {
-    className: `${classPrefix$K}-label-help`,
+    className: `${classPrefix$L}-label-help`,
     onClick: (e) => {
       e.preventDefault();
     }
   }, React__default.default.createElement(QuestionCircleOutline, null)))) : null;
   const description = props.description || hasFeedback ? React__default.default.createElement(React__default.default.Fragment, null, props.description, hasFeedback && React__default.default.createElement(React__default.default.Fragment, null, props.errors.map((error, index2) => React__default.default.createElement("div", {
     key: `error-${index2}`,
-    className: `${classPrefix$K}-feedback-error`
+    className: `${classPrefix$L}-feedback-error`
   }, error)), props.warnings.map((warning3, index2) => React__default.default.createElement("div", {
     key: `warning-${index2}`,
-    className: `${classPrefix$K}-feedback-warning`
+    className: `${classPrefix$L}-feedback-warning`
   }, warning3)))) : null;
   return withNativeProps(props, React__default.default.createElement(List$1.Item, {
     style,
@@ -20375,18 +20379,18 @@ const FormItemLayout = (props) => {
     prefix: layout === "horizontal" && labelElement,
     extra,
     description,
-    className: classNames(classPrefix$K, className, `${classPrefix$K}-${layout}`, {
-      [`${classPrefix$K}-hidden`]: hidden,
-      [`${classPrefix$K}-has-error`]: props.errors.length
+    className: classNames(classPrefix$L, className, `${classPrefix$L}-${layout}`, {
+      [`${classPrefix$L}-hidden`]: hidden,
+      [`${classPrefix$L}-has-error`]: props.errors.length
     }),
     disabled,
     onClick: props.onClick,
     clickable: props.clickable,
     arrow: arrow2
   }, React__default.default.createElement("div", {
-    className: classNames(`${classPrefix$K}-child`, `${classPrefix$K}-child-position-${childElementPosition}`)
+    className: classNames(`${classPrefix$L}-child`, `${classPrefix$L}-child-position-${childElementPosition}`)
   }, React__default.default.createElement("div", {
-    className: classNames(`${classPrefix$K}-child-inner`)
+    className: classNames(`${classPrefix$L}-child-inner`)
   }, children))));
 };
 const FormItem = (props) => {
@@ -20600,7 +20604,7 @@ const index$a = attachPropertiesToComponent(Form2, {
   useWatch
 });
 const grid = "";
-const classPrefix$J = `adm-grid`;
+const classPrefix$K = `adm-grid`;
 const Grid$1 = (props) => {
   const style = {
     "--columns": props.columns.toString()
@@ -20617,7 +20621,7 @@ const Grid$1 = (props) => {
     }
   }
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classPrefix$J,
+    className: classPrefix$K,
     style
   }, props.children));
 };
@@ -20629,7 +20633,7 @@ const GridItem = (p) => {
     "--item-span": props.span
   };
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: `${classPrefix$J}-item`,
+    className: `${classPrefix$K}-item`,
     style: itemStyle,
     onClick: props.onClick
   }, props.children));
@@ -20663,7 +20667,7 @@ const apply = (m, [ox, oy]) => {
 const multiply = (m1, m2) => {
   return [m1[0] * m2[0] + m1[2] * m2[1], m1[1] * m2[0] + m1[3] * m2[1], m1[0] * m2[2] + m1[2] * m2[3], m1[1] * m2[2] + m1[3] * m2[3], m1[0] * m2[4] + m1[2] * m2[5] + m1[4], m1[1] * m2[4] + m1[3] * m2[5] + m1[5]];
 };
-const classPrefix$I = `adm-image-viewer`;
+const classPrefix$J = `adm-image-viewer`;
 const Slide = (props) => {
   const {
     dragLockRef
@@ -20795,17 +20799,17 @@ const Slide = (props) => {
     }
   });
   return React__default.default.createElement("div", {
-    className: `${classPrefix$I}-slide`,
+    className: `${classPrefix$J}-slide`,
     onPointerMove: (e) => {
       if (getScaleX(matrix.get()) !== 1) {
         e.stopPropagation();
       }
     }
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$I}-control`,
+    className: `${classPrefix$J}-control`,
     ref: controlRef
   }, React__default.default.createElement(animated.div, {
-    className: `${classPrefix$I}-image-wrapper`,
+    className: `${classPrefix$J}-image-wrapper`,
     style: {
       matrix
     }
@@ -20816,7 +20820,7 @@ const Slide = (props) => {
     alt: props.image
   }))));
 };
-const classPrefix$H = `adm-image-viewer`;
+const classPrefix$I = `adm-image-viewer`;
 const Slides = React$1.forwardRef((props, ref) => {
   const slideWidth = window.innerWidth + convertPx(16);
   const [{
@@ -20873,42 +20877,42 @@ const Slides = React$1.forwardRef((props, ref) => {
     }
   });
   return React__default.default.createElement("div", Object.assign({
-    className: `${classPrefix$H}-slides`
+    className: `${classPrefix$I}-slides`
   }, bind()), React__default.default.createElement(animated.div, {
-    className: `${classPrefix$H}-indicator`
+    className: `${classPrefix$I}-indicator`
   }, x.to((v) => {
     const index2 = bound(Math.round(v / slideWidth), 0, count - 1);
     return `${index2 + 1} / ${count}`;
   })), React__default.default.createElement(animated.div, {
-    className: `${classPrefix$H}-slides-inner`,
+    className: `${classPrefix$I}-slides-inner`,
     style: {
       x: x.to((x2) => -x2)
     }
-  }, props.images.map((image2) => React__default.default.createElement(Slide, {
-    key: image2,
+  }, props.images.map((image2, index2) => React__default.default.createElement(Slide, {
+    key: index2,
     image: image2,
     onTap: props.onTap,
     maxZoom: props.maxZoom,
     onZoomChange: (zoom) => {
       if (zoom !== 1) {
-        const index2 = Math.round(x.get() / slideWidth);
+        const index3 = Math.round(x.get() / slideWidth);
         api.start({
-          x: index2 * slideWidth
+          x: index3 * slideWidth
         });
       }
     },
     dragLockRef
   }))));
 });
-const classPrefix$G = `adm-image-viewer`;
-const defaultProps$z = {
+const classPrefix$H = `adm-image-viewer`;
+const defaultProps$A = {
   maxZoom: 3,
   getContainer: null,
   visible: false
 };
 const ImageViewer$1 = (p) => {
   var _a;
-  const props = mergeProps(defaultProps$z, p);
+  const props = mergeProps(defaultProps$A, p);
   const node = React__default.default.createElement(Mask, {
     visible: props.visible,
     disableBodyScroll: false,
@@ -20916,7 +20920,7 @@ const ImageViewer$1 = (p) => {
     afterClose: props.afterClose,
     destroyOnClose: true
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$G}-content`
+    className: `${classPrefix$H}-content`
   }, props.image && React__default.default.createElement(Slide, {
     image: props.image,
     onTap: () => {
@@ -20925,13 +20929,13 @@ const ImageViewer$1 = (p) => {
     },
     maxZoom: props.maxZoom
   })), props.image && React__default.default.createElement("div", {
-    className: `${classPrefix$G}-footer`
+    className: `${classPrefix$H}-footer`
   }, (_a = props.renderFooter) === null || _a === void 0 ? void 0 : _a.call(props, props.image), React__default.default.createElement(SafeArea, {
     position: "bottom"
   })));
   return renderToContainer(props.getContainer, node);
 };
-const multiDefaultProps = Object.assign(Object.assign({}, defaultProps$z), {
+const multiDefaultProps = Object.assign(Object.assign({}, defaultProps$A), {
   defaultIndex: 0
 });
 const MultiImageViewer = React$1.forwardRef((p, ref) => {
@@ -20958,7 +20962,7 @@ const MultiImageViewer = React$1.forwardRef((p, ref) => {
     afterClose: props.afterClose,
     destroyOnClose: true
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$G}-content`
+    className: `${classPrefix$H}-content`
   }, props.images && React__default.default.createElement(Slides, {
     ref: slidesRef,
     defaultIndex: index2,
@@ -20970,7 +20974,7 @@ const MultiImageViewer = React$1.forwardRef((p, ref) => {
     },
     maxZoom: props.maxZoom
   })), props.images && React__default.default.createElement("div", {
-    className: `${classPrefix$G}-footer`
+    className: `${classPrefix$H}-footer`
   }, (_a = props.renderFooter) === null || _a === void 0 ? void 0 : _a.call(props, props.images[index2], index2), React__default.default.createElement(SafeArea, {
     position: "bottom"
   })));
@@ -21015,7 +21019,7 @@ const ImageViewer = attachPropertiesToComponent(ImageViewer$1, {
   show: showImageViewer,
   clear: clearImageViewer
 });
-const classPrefix$F = `adm-image-uploader`;
+const classPrefix$G = `adm-image-uploader`;
 const PreviewItem = (props) => {
   const {
     locale
@@ -21036,62 +21040,67 @@ const PreviewItem = (props) => {
     }
     return "";
   }, [url2, file]);
+  React$1.useLayoutEffect(() => {
+    return () => {
+      URL.revokeObjectURL(src);
+    };
+  }, [src]);
   function renderLoading() {
     return props.status === "pending" && React__default.default.createElement("div", {
-      className: `${classPrefix$F}-cell-mask`
+      className: `${classPrefix$G}-cell-mask`
     }, React__default.default.createElement("span", {
-      className: `${classPrefix$F}-cell-loading`
+      className: `${classPrefix$G}-cell-loading`
     }, React__default.default.createElement(SpinLoading, {
       color: "white"
     }), React__default.default.createElement("span", {
-      className: `${classPrefix$F}-cell-mask-message`
+      className: `${classPrefix$G}-cell-mask-message`
     }, locale.ImageUploader.uploading)));
   }
   function renderDelete() {
     return deletable && React__default.default.createElement("span", {
-      className: `${classPrefix$F}-cell-delete`,
+      className: `${classPrefix$G}-cell-delete`,
       onClick: onDelete
     }, React__default.default.createElement(CloseOutline, {
-      className: `${classPrefix$F}-cell-delete-icon`
+      className: `${classPrefix$G}-cell-delete-icon`
     }));
   }
   return React__default.default.createElement("div", {
-    className: classNames(`${classPrefix$F}-cell`, props.status === "fail" && `${classPrefix$F}-cell-fail`)
+    className: classNames(`${classPrefix$G}-cell`, props.status === "fail" && `${classPrefix$G}-cell-fail`)
   }, React__default.default.createElement(Image$1, {
-    className: `${classPrefix$F}-cell-image`,
+    className: `${classPrefix$G}-cell-image`,
     src,
     fit: imageFit,
     onClick: props.onClick
   }), renderLoading(), renderDelete());
 };
 const space = "";
-const classPrefix$E = `adm-space`;
-const defaultProps$y = {
+const classPrefix$F = `adm-space`;
+const defaultProps$z = {
   direction: "horizontal"
 };
 const Space = (p) => {
-  const props = mergeProps(defaultProps$y, p);
+  const props = mergeProps(defaultProps$z, p);
   const {
     direction,
     onClick
   } = props;
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classNames(classPrefix$E, {
-      [`${classPrefix$E}-wrap`]: props.wrap,
-      [`${classPrefix$E}-block`]: props.block,
-      [`${classPrefix$E}-${direction}`]: true,
-      [`${classPrefix$E}-align-${props.align}`]: !!props.align,
-      [`${classPrefix$E}-justify-${props.justify}`]: !!props.justify
+    className: classNames(classPrefix$F, {
+      [`${classPrefix$F}-wrap`]: props.wrap,
+      [`${classPrefix$F}-block`]: props.block,
+      [`${classPrefix$F}-${direction}`]: true,
+      [`${classPrefix$F}-align-${props.align}`]: !!props.align,
+      [`${classPrefix$F}-justify-${props.justify}`]: !!props.justify
     }),
     onClick
   }, React__default.default.Children.map(props.children, (child) => {
     return child !== null && child !== void 0 && React__default.default.createElement("div", {
-      className: `${classPrefix$E}-item`
+      className: `${classPrefix$F}-item`
     }, child);
   })));
 };
-const classPrefix$D = `adm-image-uploader`;
-const defaultProps$x = {
+const classPrefix$E = `adm-image-uploader`;
+const defaultProps$y = {
   disableUpload: false,
   deletable: true,
   showUpload: true,
@@ -21107,7 +21116,7 @@ const ImageUploader = (p) => {
   const {
     locale
   } = useConfig();
-  const props = mergeProps(defaultProps$x, p);
+  const props = mergeProps(defaultProps$y, p);
   const [value, setValue2] = usePropsValue(props);
   const [tasks, setTasks] = React$1.useState([]);
   useIsomorphicLayoutEffect$1(() => {
@@ -21117,10 +21126,18 @@ const ImageUploader = (p) => {
       return !value.some((fileItem) => fileItem.url === task.url);
     }));
   }, [value]);
+  useIsomorphicLayoutEffect$1(() => {
+    var _a;
+    (_a = props.onUploadQueueChange) === null || _a === void 0 ? void 0 : _a.call(props, tasks.map((item) => ({
+      id: item.id,
+      status: item.status
+    })));
+  }, [tasks]);
   const idCountRef = React$1.useRef(0);
   const {
     maxCount,
-    onPreview
+    onPreview,
+    renderItem
   } = props;
   function processFile(file, fileList) {
     return __awaiter$1(this, void 0, void 0, function* () {
@@ -21174,6 +21191,7 @@ const ImageUploader = (p) => {
             return prev.map((task) => {
               if (task.id === currentTask.id) {
                 return Object.assign(Object.assign({}, task), {
+                  status: "success",
                   url: result2.url
                 });
               }
@@ -21215,34 +21233,38 @@ const ImageUploader = (p) => {
     (_a = imageViewerHandlerRef.current) === null || _a === void 0 ? void 0 : _a.close();
   });
   const showUpload = props.showUpload && (maxCount === 0 || value.length + tasks.length < maxCount);
+  const renderImages = () => {
+    return value.map((fileItem, index2) => {
+      var _a, _b;
+      const originNode = React__default.default.createElement(PreviewItem, {
+        key: (_a = fileItem.key) !== null && _a !== void 0 ? _a : index2,
+        url: (_b = fileItem.thumbnailUrl) !== null && _b !== void 0 ? _b : fileItem.url,
+        deletable: props.deletable,
+        imageFit: props.imageFit,
+        onClick: () => {
+          if (props.preview) {
+            previewImage(index2);
+          }
+          onPreview && onPreview(index2, fileItem);
+        },
+        onDelete: () => __awaiter$1(void 0, void 0, void 0, function* () {
+          var _c;
+          const canDelete = yield (_c = props.onDelete) === null || _c === void 0 ? void 0 : _c.call(props, fileItem);
+          if (canDelete === false)
+            return;
+          setValue2(value.filter((x, i) => i !== index2));
+        })
+      });
+      return renderItem ? renderItem(originNode, fileItem, value) : originNode;
+    });
+  };
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classPrefix$D
+    className: classPrefix$E
   }, React__default.default.createElement(Space, {
-    className: `${classPrefix$D}-space`,
+    className: `${classPrefix$E}-space`,
     wrap: true,
     block: true
-  }, value.map((fileItem, index2) => {
-    var _a, _b;
-    return React__default.default.createElement(PreviewItem, {
-      key: (_a = fileItem.key) !== null && _a !== void 0 ? _a : index2,
-      url: (_b = fileItem.thumbnailUrl) !== null && _b !== void 0 ? _b : fileItem.url,
-      deletable: props.deletable,
-      imageFit: props.imageFit,
-      onClick: () => {
-        if (props.preview) {
-          previewImage(index2);
-        }
-        onPreview && onPreview(index2, fileItem);
-      },
-      onDelete: () => __awaiter$1(void 0, void 0, void 0, function* () {
-        var _c;
-        const canDelete = yield (_c = props.onDelete) === null || _c === void 0 ? void 0 : _c.call(props, fileItem);
-        if (canDelete === false)
-          return;
-        setValue2(value.filter((x, i) => i !== index2));
-      })
-    });
-  }), tasks.map((task) => {
+  }, renderImages(), tasks.map((task) => {
     if (!props.showFailed && task.status === "fail") {
       return null;
     }
@@ -21257,19 +21279,19 @@ const ImageUploader = (p) => {
       }
     });
   }), showUpload && React__default.default.createElement("div", {
-    className: `${classPrefix$D}-upload-button-wrap`
+    className: `${classPrefix$E}-upload-button-wrap`
   }, props.children ? props.children : React__default.default.createElement("span", {
-    className: `${classPrefix$D}-cell ${classPrefix$D}-upload-button`,
+    className: `${classPrefix$E}-cell ${classPrefix$E}-upload-button`,
     role: "button",
     "aria-label": locale.ImageUploader.upload
   }, React__default.default.createElement("span", {
-    className: `${classPrefix$D}-upload-button-icon`
+    className: `${classPrefix$E}-upload-button-icon`
   }, React__default.default.createElement(AddOutline, null))), !props.disableUpload && React__default.default.createElement("input", {
     capture: props.capture,
     accept: props.accept,
     multiple: props.multiple,
     type: "file",
-    className: `${classPrefix$D}-input`,
+    className: `${classPrefix$E}-input`,
     onChange,
     "aria-hidden": true
   })))));
@@ -21277,12 +21299,12 @@ const ImageUploader = (p) => {
 const imageUploader = "";
 const indexBar = "";
 const Panel = () => null;
-const classPrefix$C = `adm-index-bar`;
+const classPrefix$D = `adm-index-bar`;
 const Sidebar = (props) => {
   const [interacting, setInteracting] = React$1.useState(false);
   return React__default.default.createElement("div", {
-    className: classNames(`${classPrefix$C}-sidebar`, {
-      [`${classPrefix$C}-sidebar-interacting`]: interacting
+    className: classNames(`${classPrefix$D}-sidebar`, {
+      [`${classPrefix$D}-sidebar-interacting`]: interacting
     }),
     onMouseDown: () => {
       setInteracting(true);
@@ -21317,7 +21339,7 @@ const Sidebar = (props) => {
   }) => {
     const active = index2 === props.activeIndex;
     return React__default.default.createElement("div", {
-      className: `${classPrefix$C}-sidebar-row`,
+      className: `${classPrefix$D}-sidebar-row`,
       onMouseDown: () => {
         props.onActive(index2);
       },
@@ -21332,21 +21354,21 @@ const Sidebar = (props) => {
       "data-index": index2,
       key: index2
     }, interacting && active && React__default.default.createElement("div", {
-      className: `${classPrefix$C}-sidebar-bubble`
+      className: `${classPrefix$D}-sidebar-bubble`
     }, brief), React__default.default.createElement("div", {
-      className: classNames(`${classPrefix$C}-sidebar-item`, {
-        [`${classPrefix$C}-sidebar-item-active`]: active
+      className: classNames(`${classPrefix$D}-sidebar-item`, {
+        [`${classPrefix$D}-sidebar-item-active`]: active
       }),
       "data-index": index2
     }, React__default.default.createElement("div", null, brief)));
   }));
 };
-const classPrefix$B = `adm-index-bar`;
-const defaultProps$w = {
+const classPrefix$C = `adm-index-bar`;
+const defaultProps$x = {
   sticky: true
 };
 const IndexBar = React$1.forwardRef((p, ref) => {
-  const props = mergeProps(defaultProps$w, p);
+  const props = mergeProps(defaultProps$x, p);
   const titleHeight = convertPx(35);
   const bodyRef = React$1.useRef(null);
   const indexItems = [];
@@ -21366,9 +21388,9 @@ const IndexBar = React$1.forwardRef((p, ref) => {
     panels.push(withNativeProps(child.props, React__default.default.createElement("div", {
       key: child.props.index,
       "data-index": child.props.index,
-      className: `${classPrefix$B}-anchor`
+      className: `${classPrefix$C}-anchor`
     }, React__default.default.createElement("div", {
-      className: `${classPrefix$B}-anchor-title`
+      className: `${classPrefix$C}-anchor-title`
     }, child.props.title || child.props.index), child.props.children)));
   });
   const [activeIndex, setActiveIndex] = React$1.useState(() => {
@@ -21405,7 +21427,7 @@ const IndexBar = React$1.forwardRef((p, ref) => {
     if (!body)
       return;
     const scrollTop = body.scrollTop;
-    const elements = body.getElementsByClassName(`${classPrefix$B}-anchor`);
+    const elements = body.getElementsByClassName(`${classPrefix$C}-anchor`);
     for (let i = 0; i < elements.length; i++) {
       const panel = elements.item(i);
       if (!panel)
@@ -21425,8 +21447,8 @@ const IndexBar = React$1.forwardRef((p, ref) => {
     leading: true
   });
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classNames(`${classPrefix$B}`, {
-      [`${classPrefix$B}-sticky`]: props.sticky
+    className: classNames(`${classPrefix$C}`, {
+      [`${classPrefix$C}-sticky`]: props.sticky
     })
   }, React__default.default.createElement(Sidebar, {
     indexItems,
@@ -21435,7 +21457,7 @@ const IndexBar = React$1.forwardRef((p, ref) => {
       scrollTo(index2);
     }
   }), React__default.default.createElement("div", {
-    className: `${classPrefix$B}-body`,
+    className: `${classPrefix$C}-body`,
     ref: bodyRef,
     onScroll: checkActiveIndex
   }, panels)));
@@ -21447,8 +21469,8 @@ const infiniteScroll = "";
 function isWindow(element) {
   return element === window;
 }
-const classPrefix$A = `adm-infinite-scroll`;
-const defaultProps$v = {
+const classPrefix$B = `adm-infinite-scroll`;
+const defaultProps$w = {
   threshold: 250,
   children: (hasMore, failed, retry) => React__default.default.createElement(InfiniteScrollContent, {
     hasMore,
@@ -21457,7 +21479,7 @@ const defaultProps$v = {
   })
 };
 const InfiniteScroll = (p) => {
-  const props = mergeProps(defaultProps$v, p);
+  const props = mergeProps(defaultProps$w, p);
   const [failed, setFailed] = React$1.useState(false);
   const doLoadMore = useLockFn((isRetry) => __awaiter$1(void 0, void 0, void 0, function* () {
     try {
@@ -21526,7 +21548,7 @@ const InfiniteScroll = (p) => {
     });
   }
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classPrefix$A,
+    className: classPrefix$B,
     ref: elementRef
   }, typeof props.children === "function" ? props.children(props.hasMore, failed, retry) : props.children));
 };
@@ -21539,7 +21561,7 @@ const InfiniteScrollContent = (props) => {
   }
   if (props.failed) {
     return React__default.default.createElement("span", null, React__default.default.createElement("span", {
-      className: `${classPrefix$A}-failed-text`
+      className: `${classPrefix$B}-failed-text`
     }, locale.InfiniteScroll.failedToLoad), React__default.default.createElement("a", {
       onClick: () => {
         props.retry();
@@ -21549,13 +21571,13 @@ const InfiniteScrollContent = (props) => {
   return React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement("span", null, locale.common.loading), React__default.default.createElement(DotLoading, null));
 };
 const input = "";
-const classPrefix$z = `adm-input`;
-const defaultProps$u = {
+const classPrefix$A = `adm-input`;
+const defaultProps$v = {
   defaultValue: "",
   onlyShowClearWhenFocus: true
 };
 const Input = React$1.forwardRef((p, ref) => {
-  const props = mergeProps(defaultProps$u, p);
+  const props = mergeProps(defaultProps$v, p);
   const [value, setValue2] = usePropsValue(props);
   const [hasFocus, setHasFocus] = React$1.useState(false);
   const compositionStartRef = React$1.useRef(false);
@@ -21615,10 +21637,10 @@ const Input = React$1.forwardRef((p, ref) => {
     }
   })();
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classNames(`${classPrefix$z}`, props.disabled && `${classPrefix$z}-disabled`)
+    className: classNames(`${classPrefix$A}`, props.disabled && `${classPrefix$A}-disabled`)
   }, React__default.default.createElement("input", {
     ref: nativeInputRef,
-    className: `${classPrefix$z}-element`,
+    className: `${classPrefix$A}-element`,
     value,
     onChange: (e) => {
       setValue2(e.target.value);
@@ -21669,7 +21691,7 @@ const Input = React$1.forwardRef((p, ref) => {
     "aria-valuemin": props["aria-valuemin"],
     "aria-label": props["aria-label"]
   }), shouldShowClear && React__default.default.createElement("div", {
-    className: `${classPrefix$z}-clear`,
+    className: `${classPrefix$A}-clear`,
     onMouseDown: (e) => {
       e.preventDefault();
     },
@@ -21686,7 +21708,7 @@ const Input = React$1.forwardRef((p, ref) => {
   }, React__default.default.createElement(CloseCircleFill, null))));
 });
 const jumboTabs = "";
-const classPrefix$y = `adm-jumbo-tabs`;
+const classPrefix$z = `adm-jumbo-tabs`;
 const JumboTab = () => {
   return null;
 };
@@ -21727,19 +21749,19 @@ const JumboTabs = (props) => {
     animate(true);
   }, rootRef);
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classPrefix$y,
+    className: classPrefix$z,
     ref: rootRef
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$y}-header`
+    className: `${classPrefix$z}-header`
   }, React__default.default.createElement(ScrollMask, {
     scrollTrackRef: tabListContainerRef
   }), React__default.default.createElement(animated.div, {
-    className: `${classPrefix$y}-tab-list`,
+    className: `${classPrefix$z}-tab-list`,
     ref: tabListContainerRef,
     scrollLeft
   }, panes.map((pane) => withNativeProps(pane.props, React__default.default.createElement("div", {
     key: pane.key,
-    className: `${classPrefix$y}-tab-wrapper`
+    className: `${classPrefix$z}-tab-wrapper`
   }, React__default.default.createElement("div", {
     onClick: () => {
       const {
@@ -21752,14 +21774,14 @@ const JumboTabs = (props) => {
       }
       setActiveKey(key.toString());
     },
-    className: classNames(`${classPrefix$y}-tab`, {
-      [`${classPrefix$y}-tab-active`]: pane.key === activeKey,
-      [`${classPrefix$y}-tab-disabled`]: pane.props.disabled
+    className: classNames(`${classPrefix$z}-tab`, {
+      [`${classPrefix$z}-tab-active`]: pane.key === activeKey,
+      [`${classPrefix$z}-tab-disabled`]: pane.props.disabled
     })
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$y}-tab-title`
+    className: `${classPrefix$z}-tab-title`
   }, pane.props.title), React__default.default.createElement("div", {
-    className: `${classPrefix$y}-tab-description`
+    className: `${classPrefix$z}-tab-description`
   }, pane.props.description))))))), panes.map((pane) => {
     if (pane.props.children === void 0) {
       return null;
@@ -21771,7 +21793,7 @@ const JumboTabs = (props) => {
       forceRender: pane.props.forceRender,
       destroyOnClose: pane.props.destroyOnClose
     }, React__default.default.createElement("div", {
-      className: `${classPrefix$y}-content`,
+      className: `${classPrefix$z}-content`,
       style: {
         display: active ? "block" : "none"
       }
@@ -21800,14 +21822,14 @@ const ModalActionButton = (props) => {
     disabled: action.disabled
   }, action.text));
 };
-const defaultProps$t = {
+const defaultProps$u = {
   actions: [],
   closeOnAction: false,
   closeOnMaskClick: false,
   getContainer: null
 };
 const Modal = (p) => {
-  const props = mergeProps(defaultProps$t, p);
+  const props = mergeProps(defaultProps$u, p);
   const element = React__default.default.createElement(React__default.default.Fragment, null, !!props.image && React__default.default.createElement("div", {
     className: cls("image-container")
   }, React__default.default.createElement(Image$1, {
@@ -21894,7 +21916,7 @@ function alert(p) {
     }));
   });
 }
-const defaultProps$s = {
+const defaultProps$t = {
   confirmText: "\u786E\u8BA4",
   cancelText: "\u53D6\u6D88"
 };
@@ -21902,7 +21924,7 @@ function confirm(p) {
   const {
     locale
   } = getDefaultConfig();
-  const props = mergeProps(defaultProps$s, {
+  const props = mergeProps(defaultProps$t, {
     confirmText: locale.common.confirm,
     cancelText: locale.common.cancel
   }, p);
@@ -21947,45 +21969,45 @@ const index$7 = attachPropertiesToComponent(Modal, {
   clear: clear$1
 });
 const navBar = "";
-const classPrefix$x = `adm-nav-bar`;
-const defaultProps$r = {
+const classPrefix$y = `adm-nav-bar`;
+const defaultProps$s = {
   back: "",
   backArrow: true
 };
 const NavBar = (p) => {
-  const props = mergeProps(defaultProps$r, p);
+  const props = mergeProps(defaultProps$s, p);
   const {
     back,
     backArrow
   } = props;
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classNames(classPrefix$x)
+    className: classNames(classPrefix$y)
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$x}-left`,
+    className: `${classPrefix$y}-left`,
     role: "button"
   }, back !== null && React__default.default.createElement("div", {
-    className: `${classPrefix$x}-back`,
+    className: `${classPrefix$y}-back`,
     onClick: props.onBack
   }, backArrow && React__default.default.createElement("span", {
-    className: `${classPrefix$x}-back-arrow`
+    className: `${classPrefix$y}-back-arrow`
   }, backArrow === true ? React__default.default.createElement(LeftOutline, null) : backArrow), React__default.default.createElement("span", {
     "aria-hidden": "true"
   }, back)), props.left), React__default.default.createElement("div", {
-    className: `${classPrefix$x}-title`
+    className: `${classPrefix$y}-title`
   }, props.children), React__default.default.createElement("div", {
-    className: `${classPrefix$x}-right`
+    className: `${classPrefix$y}-right`
   }, props.right)));
 };
 const noticeBar = "";
-const classPrefix$w = `adm-notice-bar`;
-const defaultProps$q = {
+const classPrefix$x = `adm-notice-bar`;
+const defaultProps$r = {
   color: "default",
   delay: 2e3,
   speed: 50,
   icon: React__default.default.createElement(SoundOutline, null)
 };
 const NoticeBar = React$1.memo((p) => {
-  const props = mergeProps(defaultProps$q, p);
+  const props = mergeProps(defaultProps$r, p);
   const containerRef = React$1.useRef(null);
   const textRef = React$1.useRef(null);
   const [visible, setVisible] = React$1.useState(true);
@@ -22036,30 +22058,30 @@ const NoticeBar = React$1.memo((p) => {
   if (!visible)
     return null;
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classNames(classPrefix$w, `${classPrefix$w}-${props.color}`)
+    className: classNames(classPrefix$x, `${classPrefix$x}-${props.color}`)
   }, props.icon && React__default.default.createElement("span", {
-    className: `${classPrefix$w}-left`
+    className: `${classPrefix$x}-left`
   }, props.icon), React__default.default.createElement("span", {
     ref: containerRef,
-    className: `${classPrefix$w}-content`
+    className: `${classPrefix$x}-content`
   }, React__default.default.createElement("span", {
     onTransitionEnd: () => {
       animatingRef.current = false;
       start2();
     },
     ref: textRef,
-    className: `${classPrefix$w}-content-inner`
+    className: `${classPrefix$x}-content-inner`
   }, props.content)), (props.closeable || props.extra) && React__default.default.createElement("span", {
-    className: `${classPrefix$w}-right`
+    className: `${classPrefix$x}-right`
   }, props.extra, props.closeable && React__default.default.createElement("div", {
-    className: `${classPrefix$w}-close`,
+    className: `${classPrefix$x}-close`,
     onClick: () => {
       var _a;
       setVisible(false);
       (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
     }
   }, React__default.default.createElement(CloseOutline, {
-    className: `${classPrefix$w}-close-icon`
+    className: `${classPrefix$x}-close-icon`
   })))));
 });
 const numberKeyboard = "";
@@ -22071,8 +22093,8 @@ function shuffle(array4) {
   }
   return result2;
 }
-const classPrefix$v = "adm-number-keyboard";
-const defaultProps$p = {
+const classPrefix$w = "adm-number-keyboard";
+const defaultProps$q = {
   defaultVisible: false,
   randomOrder: false,
   showCloseButton: true,
@@ -22083,7 +22105,7 @@ const defaultProps$p = {
   forceRender: false
 };
 const NumberKeyboard = (p) => {
-  const props = mergeProps(defaultProps$p, p);
+  const props = mergeProps(defaultProps$q, p);
   const {
     visible,
     title,
@@ -22150,13 +22172,13 @@ const NumberKeyboard = (p) => {
     if (!showCloseButton && !title)
       return null;
     return React__default.default.createElement("div", {
-      className: classNames(`${classPrefix$v}-header`, {
-        [`${classPrefix$v}-header-with-title`]: !!title
+      className: classNames(`${classPrefix$w}-header`, {
+        [`${classPrefix$w}-header-with-title`]: !!title
       })
     }, title && React__default.default.createElement("div", {
-      className: `${classPrefix$v}-title`
+      className: `${classPrefix$w}-title`
     }, title), showCloseButton && React__default.default.createElement("span", {
-      className: `${classPrefix$v}-header-close-button`,
+      className: `${classPrefix$w}-header-close-button`,
       onClick: () => {
         var _a;
         (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
@@ -22167,10 +22189,10 @@ const NumberKeyboard = (p) => {
   };
   const renderKey = (key, index2) => {
     const isNumberKey = /^\d$/.test(key);
-    const className = classNames(`${classPrefix$v}-key`, {
-      [`${classPrefix$v}-key-number`]: isNumberKey,
-      [`${classPrefix$v}-key-sign`]: !isNumberKey && key,
-      [`${classPrefix$v}-key-mid`]: index2 === 9 && !!confirmText && keys2.length < 12
+    const className = classNames(`${classPrefix$w}-key`, {
+      [`${classPrefix$w}-key-number`]: isNumberKey,
+      [`${classPrefix$w}-key-sign`]: !isNumberKey && key,
+      [`${classPrefix$w}-key-mid`]: index2 === 9 && !!confirmText && keys2.length < 12
     });
     const ariaProps = key ? {
       role: "button",
@@ -22198,26 +22220,26 @@ const NumberKeyboard = (p) => {
     mask: false,
     afterClose: props.afterClose,
     afterShow: props.afterShow,
-    className: `${classPrefix$v}-popup`,
+    className: `${classPrefix$w}-popup`,
     stopPropagation: props.stopPropagation,
     destroyOnClose: props.destroyOnClose,
     forceRender: props.forceRender
   }, withNativeProps(props, React__default.default.createElement("div", {
     ref: keyboardRef,
-    className: classPrefix$v,
+    className: classPrefix$w,
     onMouseDown: (e) => {
       e.preventDefault();
     }
   }, renderHeader(), React__default.default.createElement("div", {
-    className: `${classPrefix$v}-wrapper`
+    className: `${classPrefix$w}-wrapper`
   }, React__default.default.createElement("div", {
-    className: classNames(`${classPrefix$v}-main`, {
-      [`${classPrefix$v}-main-confirmed-style`]: !!confirmText
+    className: classNames(`${classPrefix$w}-main`, {
+      [`${classPrefix$w}-main-confirmed-style`]: !!confirmText
     })
   }, keys2.map(renderKey)), !!confirmText && React__default.default.createElement("div", {
-    className: `${classPrefix$v}-confirm`
+    className: `${classPrefix$w}-confirm`
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$v}-key ${classPrefix$v}-key-extra ${classPrefix$v}-key-bs`,
+    className: `${classPrefix$w}-key ${classPrefix$w}-key-extra ${classPrefix$w}-key-bs`,
     onTouchStart: () => {
       onBackspacePressStart();
     },
@@ -22228,39 +22250,39 @@ const NumberKeyboard = (p) => {
     title: "BACKSPACE",
     role: "button"
   }, React__default.default.createElement(TextDeletionOutline, null)), React__default.default.createElement("div", {
-    className: `${classPrefix$v}-key ${classPrefix$v}-key-extra ${classPrefix$v}-key-ok`,
+    className: `${classPrefix$w}-key ${classPrefix$w}-key-extra ${classPrefix$w}-key-ok`,
     onTouchEnd: (e) => onKeyPress(e, "OK"),
     role: "button"
   }, confirmText))), props.safeArea && React__default.default.createElement("div", {
-    className: `${classPrefix$v}-footer`
+    className: `${classPrefix$w}-footer`
   }, React__default.default.createElement(SafeArea, {
     position: "bottom"
   })))));
 };
 const pageIndicator = "";
-const classPrefix$u = `adm-page-indicator`;
-const defaultProps$o = {
+const classPrefix$v = `adm-page-indicator`;
+const defaultProps$p = {
   color: "primary",
   direction: "horizontal"
 };
 const PageIndicator = React$1.memo((p) => {
-  const props = mergeProps(defaultProps$o, p);
+  const props = mergeProps(defaultProps$p, p);
   const dots = [];
   for (let i = 0; i < props.total; i++) {
     dots.push(React__default.default.createElement("div", {
       key: i,
-      className: classNames(`${classPrefix$u}-dot`, {
-        [`${classPrefix$u}-dot-active`]: props.current === i
+      className: classNames(`${classPrefix$v}-dot`, {
+        [`${classPrefix$v}-dot-active`]: props.current === i
       })
     }));
   }
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classNames(classPrefix$u, `${classPrefix$u}-${props.direction}`, `${classPrefix$u}-color-${props.color}`)
+    className: classNames(classPrefix$v, `${classPrefix$v}-${props.direction}`, `${classPrefix$v}-color-${props.color}`)
   }, dots));
 });
 const passcodeInput = "";
-const classPrefix$t = "adm-passcode-input";
-const defaultProps$n = {
+const classPrefix$u = "adm-passcode-input";
+const defaultProps$o = {
   defaultValue: "",
   length: 6,
   plain: false,
@@ -22269,8 +22291,8 @@ const defaultProps$n = {
   caret: true
 };
 const PasscodeInput = React$1.forwardRef((p, ref) => {
-  const props = mergeProps(defaultProps$n, p);
-  const cellLength = props.length > 0 && props.length < Infinity ? Math.floor(props.length) : defaultProps$n.length;
+  const props = mergeProps(defaultProps$o, p);
+  const cellLength = props.length > 0 && props.length < Infinity ? Math.floor(props.length) : defaultProps$o.length;
   const {
     locale
   } = useConfig();
@@ -22330,20 +22352,20 @@ const PasscodeInput = React$1.forwardRef((p, ref) => {
     const focusedIndex = bound(chars.length, 0, cellLength - 1);
     for (let i = 0; i < cellLength; i++) {
       cells.push(React__default.default.createElement("div", {
-        className: classNames(`${classPrefix$t}-cell`, {
-          [`${classPrefix$t}-cell-caret`]: props.caret && caretIndex === i && focused,
-          [`${classPrefix$t}-cell-focused`]: focusedIndex === i && focused,
-          [`${classPrefix$t}-cell-dot`]: !props.plain && chars[i]
+        className: classNames(`${classPrefix$u}-cell`, {
+          [`${classPrefix$u}-cell-caret`]: props.caret && caretIndex === i && focused,
+          [`${classPrefix$u}-cell-focused`]: focusedIndex === i && focused,
+          [`${classPrefix$u}-cell-dot`]: !props.plain && chars[i]
         }),
         key: i
       }, chars[i] && props.plain ? chars[i] : ""));
     }
     return cells;
   };
-  const cls2 = classNames(classPrefix$t, {
-    [`${classPrefix$t}-focused`]: focused,
-    [`${classPrefix$t}-error`]: props.error,
-    [`${classPrefix$t}-seperated`]: props.seperated
+  const cls2 = classNames(classPrefix$u, {
+    [`${classPrefix$u}-focused`]: focused,
+    [`${classPrefix$u}-error`]: props.error,
+    [`${classPrefix$u}-seperated`]: props.seperated
   });
   return React__default.default.createElement(React__default.default.Fragment, null, withNativeProps(props, React__default.default.createElement("div", {
     ref: rootRef,
@@ -22354,10 +22376,10 @@ const PasscodeInput = React$1.forwardRef((p, ref) => {
     role: "button",
     "aria-label": locale.PasscodeInput.name
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$t}-cell-container`
+    className: `${classPrefix$u}-cell-container`
   }, renderCells()), React__default.default.createElement("input", {
     ref: nativeInputRef,
-    className: `${classPrefix$t}-native-input`,
+    className: `${classPrefix$u}-native-input`,
     value,
     type: "text",
     pattern: "[0-9]*",
@@ -22383,14 +22405,14 @@ const PasscodeInput = React$1.forwardRef((p, ref) => {
   }));
 });
 const progressBar = "";
-const classPrefix$s = `adm-progress-bar`;
-const defaultProps$m = {
+const classPrefix$t = `adm-progress-bar`;
+const defaultProps$n = {
   percent: 0,
   rounded: true,
   text: false
 };
 const ProgressBar = (p) => {
-  const props = mergeProps(defaultProps$m, p);
+  const props = mergeProps(defaultProps$n, p);
   const fillStyle = {
     width: `${props.percent}%`
   };
@@ -22404,18 +22426,18 @@ const ProgressBar = (p) => {
     return props.text;
   }();
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classNames(classPrefix$s, props.rounded && `${classPrefix$s}-rounded`)
+    className: classNames(classPrefix$t, props.rounded && `${classPrefix$t}-rounded`)
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$s}-trail`
+    className: `${classPrefix$t}-trail`
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$s}-fill`,
+    className: `${classPrefix$t}-fill`,
     style: fillStyle
   })), isNodeWithContent(textElement) && React__default.default.createElement("div", {
-    className: `${classPrefix$s}-text`
+    className: `${classPrefix$t}-text`
   }, textElement)));
 };
 const progressCircle = "";
-const classPrefix$r = `adm-progress-circle`;
+const classPrefix$s = `adm-progress-circle`;
 const ProgressCircle = (p) => {
   const props = mergeProps({
     percent: 0
@@ -22424,26 +22446,26 @@ const ProgressCircle = (p) => {
     "--percent": props.percent.toString()
   };
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: `${classPrefix$r}`,
+    className: `${classPrefix$s}`,
     style
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$r}-content`
+    className: `${classPrefix$s}-content`
   }, React__default.default.createElement("svg", {
-    className: `${classPrefix$r}-svg`
+    className: `${classPrefix$s}-svg`
   }, React__default.default.createElement("circle", {
-    className: `${classPrefix$r}-track`,
+    className: `${classPrefix$s}-track`,
     fill: "transparent"
   }), React__default.default.createElement("circle", {
-    className: `${classPrefix$r}-fill`,
+    className: `${classPrefix$s}-fill`,
     fill: "transparent"
   })), React__default.default.createElement("div", {
-    className: `${classPrefix$r}-info`
+    className: `${classPrefix$s}-info`
   }, props.children))));
 };
 const pullToRefresh = "";
 const sleep = (time) => new Promise((resolve) => setTimeout(resolve, time));
-const classPrefix$q = `adm-pull-to-refresh`;
-const defaultProps$l = {
+const classPrefix$r = `adm-pull-to-refresh`;
+const defaultProps$m = {
   pullingText: "\u4E0B\u62C9\u5237\u65B0",
   canReleaseText: "\u91CA\u653E\u7ACB\u5373\u5237\u65B0",
   refreshingText: "\u52A0\u8F7D\u4E2D...",
@@ -22458,7 +22480,7 @@ const PullToRefresh = (p) => {
   const {
     locale
   } = useConfig();
-  const props = mergeProps(defaultProps$l, {
+  const props = mergeProps(defaultProps$m, {
     refreshingText: `${locale.common.loading}...`,
     pullingText: locale.PullToRefresh.pulling,
     canReleaseText: locale.PullToRefresh.canRelease,
@@ -22595,27 +22617,27 @@ const PullToRefresh = (p) => {
   };
   return React__default.default.createElement(animated.div, {
     ref: elementRef,
-    className: classPrefix$q
+    className: classPrefix$r
   }, React__default.default.createElement(animated.div, {
     style: springStyles,
-    className: `${classPrefix$q}-head`
+    className: `${classPrefix$r}-head`
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$q}-head-content`,
+    className: `${classPrefix$r}-head-content`,
     style: {
       height: headHeight
     }
   }, renderStatusText())), React__default.default.createElement("div", {
-    className: `${classPrefix$q}-content`
+    className: `${classPrefix$r}-content`
   }, props.children));
 };
 const radio = "";
 const RadioGroupContext = React$1.createContext(null);
-const defaultProps$k = {
+const defaultProps$l = {
   disabled: false,
   defaultValue: null
 };
 const Group = (p) => {
-  const props = mergeProps(defaultProps$k, p);
+  const props = mergeProps(defaultProps$l, p);
   const [value, setValue2] = usePropsValue({
     value: props.value,
     defaultValue: props.defaultValue,
@@ -22638,12 +22660,12 @@ const Group = (p) => {
     }
   }, props.children);
 };
-const classPrefix$p = `adm-radio`;
-const defaultProps$j = {
+const classPrefix$q = `adm-radio`;
+const defaultProps$k = {
   defaultChecked: false
 };
 const Radio = (p) => {
-  const props = mergeProps(defaultProps$j, p);
+  const props = mergeProps(defaultProps$k, p);
   const groupContext = React$1.useContext(RadioGroupContext);
   let [checked, setChecked] = usePropsValue({
     value: props.checked,
@@ -22678,18 +22700,18 @@ const Radio = (p) => {
   const renderIcon = () => {
     if (props.icon) {
       return React__default.default.createElement("div", {
-        className: `${classPrefix$p}-custom-icon`
+        className: `${classPrefix$q}-custom-icon`
       }, props.icon(checked));
     }
     return React__default.default.createElement("div", {
-      className: `${classPrefix$p}-icon`
+      className: `${classPrefix$q}-icon`
     }, checked && React__default.default.createElement(CheckIcon, null));
   };
   return withNativeProps(props, React__default.default.createElement("label", {
-    className: classNames(classPrefix$p, {
-      [`${classPrefix$p}-checked`]: checked,
-      [`${classPrefix$p}-disabled`]: disabled,
-      [`${classPrefix$p}-block`]: props.block
+    className: classNames(classPrefix$q, {
+      [`${classPrefix$q}-checked`]: checked,
+      [`${classPrefix$q}-disabled`]: disabled,
+      [`${classPrefix$q}-block`]: props.block
     })
   }, React__default.default.createElement(NativeInput, {
     type: "radio",
@@ -22698,7 +22720,7 @@ const Radio = (p) => {
     disabled,
     id: props.id
   }), renderIcon(), props.children && React__default.default.createElement("div", {
-    className: `${classPrefix$p}-content`
+    className: `${classPrefix$q}-content`
   }, props.children)));
 };
 const index$6 = attachPropertiesToComponent(Radio, {
@@ -22719,8 +22741,8 @@ const Star = () => {
     fillRule: "evenodd"
   }));
 };
-const classPrefix$o = `adm-rate`;
-const defaultProps$i = {
+const classPrefix$p = `adm-rate`;
+const defaultProps$j = {
   count: 5,
   allowHalf: false,
   character: React__default.default.createElement(Star, null),
@@ -22729,16 +22751,16 @@ const defaultProps$i = {
   allowClear: true
 };
 const Rate = (p) => {
-  const props = mergeProps(defaultProps$i, p);
+  const props = mergeProps(defaultProps$j, p);
   const [value, setValue2] = usePropsValue(props);
   const containerRef = React$1.useRef(null);
   const starList = Array(props.count).fill(null);
   function renderStar(v, half) {
     return React__default.default.createElement("div", {
-      className: classNames(`${classPrefix$o}-star`, {
-        [`${classPrefix$o}-star-active`]: value >= v,
-        [`${classPrefix$o}-star-half`]: half,
-        [`${classPrefix$o}-star-readonly`]: props.readOnly
+      className: classNames(`${classPrefix$p}-star`, {
+        [`${classPrefix$p}-star-active`]: value >= v,
+        [`${classPrefix$p}-star-half`]: half,
+        [`${classPrefix$p}-star-readonly`]: props.readOnly
       }),
       role: "radio",
       "aria-checked": value >= v,
@@ -22774,17 +22796,19 @@ const Rate = (p) => {
     filterTaps: true
   });
   return withNativeProps(props, React__default.default.createElement("div", Object.assign({
-    className: classPrefix$o,
+    className: classNames(classPrefix$p, {
+      [`${classPrefix$p}-half`]: props.allowHalf
+    }),
     role: "radiogroup",
     "aria-readonly": props.readOnly,
     ref: containerRef
   }, bind()), starList.map((_, i) => React__default.default.createElement("div", {
     key: i,
-    className: classNames(`${classPrefix$o}-box`)
+    className: classNames(`${classPrefix$p}-box`)
   }, props.allowHalf && renderStar(i + 0.5, true), renderStar(i + 1, false)))));
 };
 const result = "";
-const classPrefix$n = `adm-result`;
+const classPrefix$o = `adm-result`;
 const iconRecord$1 = {
   success: CheckCircleFill,
   error: CloseCircleFill,
@@ -22792,11 +22816,11 @@ const iconRecord$1 = {
   waiting: ClockCircleFill,
   warning: ExclamationCircleFill
 };
-const defaultProps$h = {
+const defaultProps$i = {
   status: "info"
 };
 const Result = (p) => {
-  const props = mergeProps(defaultProps$h, p);
+  const props = mergeProps(defaultProps$i, p);
   const {
     status,
     title,
@@ -22807,17 +22831,17 @@ const Result = (p) => {
     return null;
   const resultIcon = icon || React__default.default.createElement(iconRecord$1[status]);
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classNames(classPrefix$n, `${classPrefix$n}-${status}`)
+    className: classNames(classPrefix$o, `${classPrefix$o}-${status}`)
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$n}-icon`
+    className: `${classPrefix$o}-icon`
   }, resultIcon), React__default.default.createElement("div", {
-    className: `${classPrefix$n}-title`
+    className: `${classPrefix$o}-title`
   }, title), description ? React__default.default.createElement("div", {
-    className: `${classPrefix$n}-description`
+    className: `${classPrefix$o}-description`
   }, description) : null));
 };
 const resultPage = "";
-const classPrefix$m = `adm-result-page`;
+const classPrefix$n = `adm-result-page`;
 const iconRecord = {
   success: CheckCircleFill,
   error: CloseCircleFill,
@@ -22825,12 +22849,12 @@ const iconRecord = {
   waiting: ClockCircleFill,
   warning: ExclamationCircleFill
 };
-const defaultProps$g = {
+const defaultProps$h = {
   status: "info",
   details: []
 };
 const ResultPage = (p) => {
-  const props = mergeProps(defaultProps$g, p);
+  const props = mergeProps(defaultProps$h, p);
   const {
     status,
     title,
@@ -22847,64 +22871,64 @@ const ResultPage = (p) => {
   const showSecondaryButton = isNodeWithContent(secondaryButtonText);
   const showPrimaryButton = isNodeWithContent(primaryButtonText);
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classPrefix$m
+    className: classPrefix$n
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$m}-header`
+    className: `${classPrefix$n}-header`
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$m}-icon`
+    className: `${classPrefix$n}-icon`
   }, resultIcon), React__default.default.createElement("div", {
-    className: `${classPrefix$m}-title`
+    className: `${classPrefix$n}-title`
   }, title), isNodeWithContent(description) ? React__default.default.createElement("div", {
-    className: `${classPrefix$m}-description`
+    className: `${classPrefix$n}-description`
   }, description) : null, details.length ? React__default.default.createElement("div", {
-    className: `${classPrefix$m}-details`
+    className: `${classPrefix$n}-details`
   }, (collapse2 ? details.slice(0, 3) : details).map((detail, index2) => {
     return React__default.default.createElement("div", {
-      className: classNames(`${classPrefix$m}-detail`, detail.bold && `${classPrefix$m}-detail-bold`),
+      className: classNames(`${classPrefix$n}-detail`, detail.bold && `${classPrefix$n}-detail-bold`),
       key: index2
     }, React__default.default.createElement("span", null, detail.label), React__default.default.createElement("span", null, detail.value));
   }), details.length > 3 && React__default.default.createElement("div", {
     onClick: () => setCollapse((prev) => !prev)
   }, React__default.default.createElement("div", {
-    className: classNames(`${classPrefix$m}-collapse`, !collapse2 && `${classPrefix$m}-collapse-active`)
+    className: classNames(`${classPrefix$n}-collapse`, !collapse2 && `${classPrefix$n}-collapse-active`)
   }))) : null, React__default.default.createElement("div", {
-    className: `${classPrefix$m}-bgWrapper`
+    className: `${classPrefix$n}-bgWrapper`
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$m}-bg`
+    className: `${classPrefix$n}-bg`
   }))), React__default.default.createElement("div", {
-    className: `${classPrefix$m}-content`
+    className: `${classPrefix$n}-content`
   }, props.children), React__default.default.createElement("div", {
-    className: `${classPrefix$m}-footer`
+    className: `${classPrefix$n}-footer`
   }, showSecondaryButton && React__default.default.createElement(Button, {
     block: true,
     color: "default",
     fill: "solid",
     size: "large",
     onClick: onSecondaryButtonClick,
-    className: `${classPrefix$m}-footer-btn`
+    className: `${classPrefix$n}-footer-btn`
   }, secondaryButtonText), showPrimaryButton && showSecondaryButton && React__default.default.createElement("div", {
-    className: `${classPrefix$m}-footer-space`
+    className: `${classPrefix$n}-footer-space`
   }), showPrimaryButton && React__default.default.createElement(Button, {
     block: true,
     color: "primary",
     fill: "solid",
     size: "large",
     onClick: onPrimaryButtonClick,
-    className: `${classPrefix$m}-footer-btn`
+    className: `${classPrefix$n}-footer-btn`
   }, primaryButtonText))));
 };
-const classPrefix$l = `adm-result-page-card`;
+const classPrefix$m = `adm-result-page-card`;
 const ResultPageCard = (props) => {
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classNames(`${classPrefix$l}`)
+    className: classNames(`${classPrefix$m}`)
   }, props.children));
 };
 const index$5 = attachPropertiesToComponent(ResultPage, {
   Card: ResultPageCard
 });
 const searchBar = "";
-const classPrefix$k = `adm-search-bar`;
-const defaultProps$f = {
+const classPrefix$l = `adm-search-bar`;
+const defaultProps$g = {
   clearable: true,
   onlyShowClearWhenFocus: false,
   showCancelButton: false,
@@ -22916,7 +22940,7 @@ const SearchBar = React$1.forwardRef((p, ref) => {
   const {
     locale
   } = useConfig();
-  const props = mergeProps(defaultProps$f, {
+  const props = mergeProps(defaultProps$g, {
     cancelText: locale.common.cancel
   }, p);
   const [value, setValue2] = usePropsValue(props);
@@ -22949,10 +22973,10 @@ const SearchBar = React$1.forwardRef((p, ref) => {
       isShowCancel = props.showCancelButton && hasFocus;
     }
     return isShowCancel && React__default.default.createElement("div", {
-      className: `${classPrefix$k}-suffix`
+      className: `${classPrefix$l}-suffix`
     }, React__default.default.createElement(Button, {
       fill: "none",
-      className: `${classPrefix$k}-cancel-button`,
+      className: `${classPrefix$l}-cancel-button`,
       onClick: () => {
         var _a, _b, _c;
         if (props.clearOnCancel) {
@@ -22967,17 +22991,17 @@ const SearchBar = React$1.forwardRef((p, ref) => {
     }, props.cancelText));
   };
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classNames(classPrefix$k, {
-      [`${classPrefix$k}-active`]: hasFocus
+    className: classNames(classPrefix$l, {
+      [`${classPrefix$l}-active`]: hasFocus
     })
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$k}-input-box`
+    className: `${classPrefix$l}-input-box`
   }, props.icon && React__default.default.createElement("div", {
-    className: `${classPrefix$k}-input-box-icon`
+    className: `${classPrefix$l}-input-box-icon`
   }, props.icon), React__default.default.createElement(Input, {
     ref: inputRef,
-    className: classNames(`${classPrefix$k}-input`, {
-      [`${classPrefix$k}-input-without-icon`]: !props.icon
+    className: classNames(`${classPrefix$l}-input`, {
+      [`${classPrefix$l}-input-without-icon`]: !props.icon
     }),
     value,
     onChange: setValue2,
@@ -23043,14 +23067,14 @@ const CheckMark = React$1.memo(() => {
     points: "34.2767388 22 24.797043 31.4796958 21 27.6826527"
   })))))));
 });
-const classPrefix$j = `adm-selector`;
-const defaultProps$e = {
+const classPrefix$k = `adm-selector`;
+const defaultProps$f = {
   multiple: false,
   defaultValue: [],
   showCheckMark: true
 };
 const Selector = (p) => {
-  const props = mergeProps(defaultProps$e, p);
+  const props = mergeProps(defaultProps$f, p);
   const [value, setValue2] = usePropsValue({
     value: props.value,
     defaultValue: props.defaultValue,
@@ -23067,10 +23091,10 @@ const Selector = (p) => {
   const items = props.options.map((option) => {
     const active = (value || []).includes(option.value);
     const disabled = option.disabled || props.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
+    const itemCls = classNames(`${classPrefix$k}-item`, {
+      [`${classPrefix$k}-item-active`]: active && !props.multiple,
+      [`${classPrefix$k}-item-multiple-active`]: active && props.multiple,
+      [`${classPrefix$k}-item-disabled`]: disabled
     });
     return React__default.default.createElement("div", {
       key: option.value,
@@ -23088,13 +23112,13 @@ const Selector = (p) => {
         }
       }
     }, option.label, option.description && React__default.default.createElement("div", {
-      className: `${classPrefix$j}-item-description`
+      className: `${classPrefix$k}-item-description`
     }, option.description), active && props.showCheckMark && React__default.default.createElement("div", {
-      className: `${classPrefix$j}-check-mark-wrapper`
+      className: `${classPrefix$k}-check-mark-wrapper`
     }, React__default.default.createElement(CheckMark, null)));
   });
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classPrefix$j
+    className: classPrefix$k
   }, !props.columns && React__default.default.createElement(Space, {
     wrap: true
   }, items), props.columns && React__default.default.createElement(Grid, {
@@ -23114,7 +23138,7 @@ const Corner = React$1.memo((props) => withNativeProps(props, React__default.def
   fill: "var(--adm-color-background)",
   transform: "translate(15.000000, 15.000000) scale(-1, -1) translate(-15.000000, -15.000000) "
 })))));
-const classPrefix$i = `adm-side-bar`;
+const classPrefix$j = `adm-side-bar`;
 const SideBarItem = () => {
   return null;
 };
@@ -23146,9 +23170,9 @@ const SideBar = (props) => {
   const lastItem = items[items.length - 1];
   const isLastItemActive = lastItem && lastItem.key === activeKey;
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classPrefix$i
+    className: classPrefix$j
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$i}-items`
+    className: `${classPrefix$j}-items`
   }, items.map((item, index2) => {
     const active = item.key === activeKey;
     const isActiveNextSibling = items[index2 - 1] && items[index2 - 1].key === activeKey;
@@ -23163,33 +23187,33 @@ const SideBar = (props) => {
           return;
         setActiveKey(key.toString());
       },
-      className: classNames(`${classPrefix$i}-item`, {
-        [`${classPrefix$i}-item-active`]: active,
-        [`${classPrefix$i}-item-disabled`]: item.props.disabled
+      className: classNames(`${classPrefix$j}-item`, {
+        [`${classPrefix$j}-item-active`]: active,
+        [`${classPrefix$j}-item-disabled`]: item.props.disabled
       })
     }, React__default.default.createElement(React__default.default.Fragment, null, isActiveNextSibling && React__default.default.createElement(Corner, {
-      className: `${classPrefix$i}-item-corner ${classPrefix$i}-item-corner-top`
+      className: `${classPrefix$j}-item-corner ${classPrefix$j}-item-corner-top`
     }), isActivePreviousSibling && React__default.default.createElement(Corner, {
-      className: `${classPrefix$i}-item-corner ${classPrefix$i}-item-corner-bottom`
+      className: `${classPrefix$j}-item-corner ${classPrefix$j}-item-corner-bottom`
     })), React__default.default.createElement(Badge, {
       content: item.props.badge,
-      className: `${classPrefix$i}-badge`
+      className: `${classPrefix$j}-badge`
     }, React__default.default.createElement("div", {
-      className: `${classPrefix$i}-item-title`
+      className: `${classPrefix$j}-item-title`
     }, active && React__default.default.createElement("div", {
-      className: `${classPrefix$i}-item-highlight`
+      className: `${classPrefix$j}-item-highlight`
     }), item.props.title))));
   })), React__default.default.createElement("div", {
-    className: classNames(`${classPrefix$i}-extra-space`, isLastItemActive && `${classPrefix$i}-item-active-next-sibling`)
+    className: classNames(`${classPrefix$j}-extra-space`, isLastItemActive && `${classPrefix$j}-item-active-next-sibling`)
   }, isLastItemActive && React__default.default.createElement(Corner, {
-    className: `${classPrefix$i}-item-corner ${classPrefix$i}-item-corner-top`
+    className: `${classPrefix$j}-item-corner ${classPrefix$j}-item-corner-top`
   }))));
 };
 const index$4 = attachPropertiesToComponent(SideBar, {
   Item: SideBarItem
 });
 const slider = "";
-const classPrefix$h = `adm-slider`;
+const classPrefix$i = `adm-slider`;
 const Ticks = ({
   points,
   max: max2,
@@ -23205,8 +23229,8 @@ const Ticks = ({
       left: offset2
     };
     const pointClassName = classNames({
-      [`${classPrefix$h}-tick`]: true,
-      [`${classPrefix$h}-tick-active`]: isActived
+      [`${classPrefix$i}-tick`]: true,
+      [`${classPrefix$i}-tick-active`]: isActived
     });
     return React__default.default.createElement("span", {
       className: pointClassName,
@@ -23215,10 +23239,10 @@ const Ticks = ({
     });
   });
   return React__default.default.createElement("div", {
-    className: `${classPrefix$h}-ticks`
+    className: `${classPrefix$i}-ticks`
   }, elements);
 };
-const classPrefix$g = `adm-slider-mark`;
+const classPrefix$h = `adm-slider-mark`;
 const Marks = ({
   marks,
   upperBound,
@@ -23235,8 +23259,8 @@ const Marks = ({
     }
     const isActive = point <= upperBound && point >= lowerBound;
     const markClassName = classNames({
-      [`${classPrefix$g}-text`]: true,
-      [`${classPrefix$g}-text-active`]: isActive
+      [`${classPrefix$h}-text`]: true,
+      [`${classPrefix$h}-text-active`]: isActive
     });
     const style = {
       left: `${(point - min2) / range3 * 100}%`
@@ -23248,7 +23272,7 @@ const Marks = ({
     }, markPoint);
   });
   return React__default.default.createElement("div", {
-    className: classPrefix$g
+    className: classPrefix$h
   }, elements);
 };
 const ThumbIcon = (props) => {
@@ -23276,15 +23300,16 @@ const ThumbIcon = (props) => {
     rx: 2
   }))));
 };
-const classPrefix$f = `adm-slider`;
+const classPrefix$g = `adm-slider`;
 const Thumb = (props) => {
   const {
     value,
     min: min2,
     max: max2,
     disabled,
-    onDrag,
-    icon
+    icon,
+    residentPopover,
+    onDrag
   } = props;
   const prevValue = React$1.useRef(value);
   const {
@@ -23319,12 +23344,12 @@ const Thumb = (props) => {
   });
   const renderPopoverContent = typeof props.popover === "function" ? props.popover : props.popover ? (value2) => value2.toString() : null;
   const thumbElement = React__default.default.createElement("div", {
-    className: `${classPrefix$f}-thumb`
+    className: `${classPrefix$g}-thumb`
   }, icon ? icon : React__default.default.createElement(ThumbIcon, {
-    className: `${classPrefix$f}-thumb-icon`
+    className: `${classPrefix$g}-thumb-icon`
   }));
   return React__default.default.createElement("div", Object.assign({
-    className: `${classPrefix$f}-thumb-container`,
+    className: `${classPrefix$g}-thumb-container`,
     style: currentPosition()
   }, bind(), {
     role: "slider",
@@ -23336,24 +23361,25 @@ const Thumb = (props) => {
   }), renderPopoverContent ? React__default.default.createElement(Popover$1, {
     content: renderPopoverContent(value),
     placement: "top",
-    visible: dragging,
+    visible: residentPopover || dragging,
     getContainer: null,
     mode: "dark"
   }, thumbElement) : thumbElement);
 };
-const classPrefix$e = `adm-slider`;
-const defaultProps$d = {
+const classPrefix$f = `adm-slider`;
+const defaultProps$e = {
   min: 0,
   max: 100,
   step: 1,
   ticks: false,
   range: false,
   disabled: false,
-  popover: false
+  popover: false,
+  residentPopover: false
 };
 const Slider = (p) => {
   var _a;
-  const props = mergeProps(defaultProps$d, p);
+  const props = mergeProps(defaultProps$e, p);
   const {
     min: min2,
     max: max2,
@@ -23376,8 +23402,13 @@ const Slider = (p) => {
     var _a2;
     (_a2 = props.onAfterChange) === null || _a2 === void 0 ? void 0 : _a2.call(props, reverseValue(value));
   }
+  let propsValue = props.value;
+  if (props.range && typeof props.value === "number") {
+    devWarning("Slider", "When `range` prop is enabled, the `value` prop should be an array, like: [0, 0]");
+    propsValue = [0, props.value];
+  }
   const [rawValue, setRawValue] = usePropsValue({
-    value: props.value,
+    value: propsValue,
     defaultValue: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : props.range ? [min2, min2] : min2,
     onChange: props.onChange
   });
@@ -23452,6 +23483,7 @@ const Slider = (p) => {
       trackRef,
       icon,
       popover: props.popover,
+      residentPopover: props.residentPopover,
       onDrag: (position, first, last) => {
         if (first) {
           dragLockRef.current += 1;
@@ -23475,18 +23507,18 @@ const Slider = (p) => {
     });
   };
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classNames(classPrefix$e, {
-      [`${classPrefix$e}-disabled`]: disabled
+    className: classNames(classPrefix$f, {
+      [`${classPrefix$f}-disabled`]: disabled
     })
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$e}-track-container`,
+    className: `${classPrefix$f}-track-container`,
     onClick: onTrackClick
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$e}-track`,
+    className: `${classPrefix$f}-track`,
     onClick: onTrackClick,
     ref: trackRef
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$e}-fill`,
+    className: `${classPrefix$f}-fill`,
     style: {
       width: fillSize,
       left: fillStart
@@ -24014,15 +24046,15 @@ P.valueOf = function() {
   return stringify(x, x.e <= Big2.NE || x.e >= Big2.PE, true);
 };
 var Big = _Big_();
-const classPrefix$d = `adm-stepper`;
-const defaultProps$c = {
+const classPrefix$e = `adm-stepper`;
+const defaultProps$d = {
   defaultValue: 0,
   step: 1,
   disabled: false,
   allowEmpty: false
 };
 const Stepper = (p) => {
-  const props = mergeProps(defaultProps$c, p);
+  const props = mergeProps(defaultProps$d, p);
   const {
     disabled,
     step,
@@ -24095,11 +24127,11 @@ const Stepper = (p) => {
     return false;
   };
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classNames(classPrefix$d, {
-      [`${classPrefix$d}-active`]: hasFocus
+    className: classNames(classPrefix$e, {
+      [`${classPrefix$e}-active`]: hasFocus
     })
   }, React__default.default.createElement(Button, {
-    className: `${classPrefix$d}-minus`,
+    className: `${classPrefix$e}-minus`,
     onClick: handleMinus,
     disabled: minusDisabled(),
     fill: "none",
@@ -24107,9 +24139,9 @@ const Stepper = (p) => {
     color: "primary",
     "aria-label": locale.Stepper.decrease
   }, React__default.default.createElement(MinusOutline, null)), React__default.default.createElement("div", {
-    className: `${classPrefix$d}-middle`
+    className: `${classPrefix$e}-middle`
   }, React__default.default.createElement(Input, {
-    className: `${classPrefix$d}-input`,
+    className: `${classPrefix$e}-input`,
     onFocus: (e) => {
       var _a;
       setHasFocus(true);
@@ -24131,7 +24163,7 @@ const Stepper = (p) => {
     "aria-valuemax": max2,
     "aria-valuemin": min2
   })), React__default.default.createElement(Button, {
-    className: `${classPrefix$d}-plus`,
+    className: `${classPrefix$e}-plus`,
     onClick: handlePlus,
     disabled: plusDisabled(),
     fill: "none",
@@ -24155,7 +24187,7 @@ function convertTextToValue(text) {
   return parseFloat(text);
 }
 const steps = "";
-const classPrefix$c = `adm-step`;
+const classPrefix$d = `adm-step`;
 const Step = (props) => {
   const {
     title,
@@ -24164,35 +24196,35 @@ const Step = (props) => {
     status = "wait"
   } = props;
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classNames(`${classPrefix$c}`, `${classPrefix$c}-status-${status}`)
+    className: classNames(`${classPrefix$d}`, `${classPrefix$d}-status-${status}`)
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$c}-indicator`
+    className: `${classPrefix$d}-indicator`
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$c}-icon-container`
+    className: `${classPrefix$d}-icon-container`
   }, icon)), React__default.default.createElement("div", {
-    className: `${classPrefix$c}-content`
+    className: `${classPrefix$d}-content`
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$c}-title`
+    className: `${classPrefix$d}-title`
   }, title), !!description && React__default.default.createElement("div", {
-    className: `${classPrefix$c}-description`
+    className: `${classPrefix$d}-description`
   }, description))));
 };
-const classPrefix$b = `adm-steps`;
+const classPrefix$c = `adm-steps`;
 const stepClassPrefix = `adm-step`;
 const defaultIcon = React__default.default.createElement("span", {
   className: `${stepClassPrefix}-icon-dot`
 });
-const defaultProps$b = {
+const defaultProps$c = {
   current: 0,
   direction: "horizontal"
 };
 const Steps = (p) => {
-  const props = mergeProps(defaultProps$b, p);
+  const props = mergeProps(defaultProps$c, p);
   const {
     direction,
     current
   } = props;
-  const classString = classNames(classPrefix$b, `${classPrefix$b}-${direction}`);
+  const classString = classNames(classPrefix$c, `${classPrefix$c}-${direction}`);
   return withNativeProps(props, React__default.default.createElement("div", {
     className: classString
   }, React__default.default.Children.map(props.children, (child, index2) => {
@@ -24218,8 +24250,8 @@ const index$3 = attachPropertiesToComponent(Steps, {
   Step
 });
 const swipeAction = "";
-const classPrefix$a = `adm-swipe-action`;
-const defaultProps$a = {
+const classPrefix$b = `adm-swipe-action`;
+const defaultProps$b = {
   rightActions: [],
   leftActions: [],
   closeOnTouchOutside: true,
@@ -24227,7 +24259,7 @@ const defaultProps$a = {
   stopPropagation: []
 };
 const SwipeAction = React$1.forwardRef((p, ref) => {
-  const props = mergeProps(defaultProps$a, p);
+  const props = mergeProps(defaultProps$b, p);
   const rootRef = React$1.useRef(null);
   const leftRef = React$1.useRef(null);
   const rightRef = React$1.useRef(null);
@@ -24358,7 +24390,7 @@ const SwipeAction = React$1.forwardRef((p, ref) => {
     const color = (_a = action.color) !== null && _a !== void 0 ? _a : "light";
     return React__default.default.createElement(Button, {
       key: action.key,
-      className: `${classPrefix$a}-action-button`,
+      className: `${classPrefix$b}-action-button`,
       style: {
         "--background-color": (_b = colorRecord$1[color]) !== null && _b !== void 0 ? _b : color
       },
@@ -24373,7 +24405,7 @@ const SwipeAction = React$1.forwardRef((p, ref) => {
     }, action.text);
   }
   return withNativeProps(props, React__default.default.createElement("div", Object.assign({
-    className: classPrefix$a
+    className: classPrefix$b
   }, bind(), {
     ref: rootRef,
     onClickCapture: (e) => {
@@ -24383,15 +24415,15 @@ const SwipeAction = React$1.forwardRef((p, ref) => {
       }
     }
   }), React__default.default.createElement(animated.div, {
-    className: `${classPrefix$a}-track`,
+    className: `${classPrefix$b}-track`,
     style: {
       x
     }
   }, withStopPropagation(props.stopPropagation, React__default.default.createElement("div", {
-    className: `${classPrefix$a}-actions ${classPrefix$a}-actions-left`,
+    className: `${classPrefix$b}-actions ${classPrefix$b}-actions-left`,
     ref: leftRef
   }, props.leftActions.map(renderAction))), React__default.default.createElement("div", {
-    className: `${classPrefix$a}-content`,
+    className: `${classPrefix$b}-content`,
     onClickCapture: (e) => {
       if (x.goal !== 0) {
         e.preventDefault();
@@ -24404,7 +24436,7 @@ const SwipeAction = React$1.forwardRef((p, ref) => {
       pointerEvents: x.to((v) => v !== 0 && x.goal !== 0 ? "none" : "auto")
     }
   }, props.children)), withStopPropagation(props.stopPropagation, React__default.default.createElement("div", {
-    className: `${classPrefix$a}-actions ${classPrefix$a}-actions-right`,
+    className: `${classPrefix$b}-actions ${classPrefix$b}-actions-right`,
     ref: rightRef
   }, props.rightActions.map(renderAction))))));
 });
@@ -24431,8 +24463,8 @@ function useRefState(initialState) {
   }, [state]);
   return [state, setState, ref];
 }
-const classPrefix$9 = `adm-swiper`;
-const defaultProps$9 = {
+const classPrefix$a = `adm-swiper`;
+const defaultProps$a = {
   defaultIndex: 0,
   allowTouchMove: true,
   autoplay: false,
@@ -24445,7 +24477,7 @@ const defaultProps$9 = {
   rubberband: true
 };
 const Swiper = React$1.forwardRef(staged_1((p, ref) => {
-  const props = mergeProps(defaultProps$9, p);
+  const props = mergeProps(defaultProps$a, p);
   const isVertical = props.direction === "vertical";
   const slideRatio = props.slideSize / 100;
   const offsetRatio = props.trackOffset / 100;
@@ -24628,10 +24660,10 @@ const Swiper = React$1.forwardRef(staged_1((p, ref) => {
     function renderTrackInner() {
       if (loop2) {
         return React__default.default.createElement("div", {
-          className: `${classPrefix$9}-track-inner`
+          className: `${classPrefix$a}-track-inner`
         }, React__default.default.Children.map(validChildren, (child, index2) => {
           return React__default.default.createElement(animated.div, {
-            className: `${classPrefix$9}-slide`,
+            className: `${classPrefix$a}-slide`,
             style: {
               [isVertical ? "y" : "x"]: position.to((position2) => {
                 let finalPosition = -position2 + index2 * 100;
@@ -24646,13 +24678,13 @@ const Swiper = React$1.forwardRef(staged_1((p, ref) => {
         }));
       } else {
         return React__default.default.createElement(animated.div, {
-          className: `${classPrefix$9}-track-inner`,
+          className: `${classPrefix$a}-track-inner`,
           style: {
             [isVertical ? "y" : "x"]: position.to((position2) => `${-position2}%`)
           }
         }, React__default.default.Children.map(validChildren, (child) => {
           return React__default.default.createElement("div", {
-            className: `${classPrefix$9}-slide`
+            className: `${classPrefix$a}-slide`
           }, child);
         }));
       }
@@ -24662,12 +24694,12 @@ const Swiper = React$1.forwardRef(staged_1((p, ref) => {
       "--track-offset": `${props.trackOffset}%`
     };
     return withNativeProps(props, React__default.default.createElement("div", {
-      className: classNames(classPrefix$9, `${classPrefix$9}-${props.direction}`),
+      className: classNames(classPrefix$a, `${classPrefix$a}-${props.direction}`),
       style
     }, React__default.default.createElement("div", Object.assign({
       ref: trackRef,
-      className: classNames(`${classPrefix$9}-track`, {
-        [`${classPrefix$9}-track-allow-touch-move`]: props.allowTouchMove
+      className: classNames(`${classPrefix$a}-track`, {
+        [`${classPrefix$a}-track-allow-touch-move`]: props.allowTouchMove
       }),
       onClickCapture: (e) => {
         if (draggingRef.current) {
@@ -24676,7 +24708,7 @@ const Swiper = React$1.forwardRef(staged_1((p, ref) => {
         forceCancelDrag();
       }
     }, props.allowTouchMove ? bind() : {}), renderTrackInner()), props.indicator === void 0 ? React__default.default.createElement("div", {
-      className: `${classPrefix$9}-indicator`
+      className: `${classPrefix$a}-indicator`
     }, React__default.default.createElement(PageIndicator, Object.assign({}, props.indicatorProps, {
       total: count,
       current,
@@ -24713,12 +24745,12 @@ const SpinIcon = React$1.memo((props) => {
     d: "M17.9996753,31.5 C10.5556724,31.5 4.5,25.4443275 4.5,18.0003247 C4.5,10.5563219 10.5556724,4.5 17.9996753,4.5 C18.5355492,4.5 18.9702974,4.93474816 18.9702974,5.47062208 C18.9702974,6.006496 18.5355492,6.44124416 17.9996753,6.44124416 C11.6261524,6.44124416 6.44124416,11.6267709 6.44124416,18.0002938 C6.44124416,24.3738167 11.6261524,29.5587249 17.9996753,29.5587249 C24.3731982,29.5587249 29.5587249,24.3738167 29.5587249,18.0002938 C29.5587249,14.7964616 28.2778291,11.8169616 25.9523687,9.61220279 C25.5637302,9.24317094 25.5473089,8.62893223 25.9157222,8.23967523 C26.2841356,7.84976878 26.8989928,7.83461537 27.2882498,8.20302872 C30.0042351,10.7787368 31.5,14.2580826 31.5,18.0002938 C31.5,25.4443275 25.4436781,31.5 17.9996753,31.5 Z"
   })))))));
 });
-const classPrefix$8 = `adm-switch`;
-const defaultProps$8 = {
+const classPrefix$9 = `adm-switch`;
+const defaultProps$9 = {
   defaultChecked: false
 };
 const Switch = (p) => {
-  const props = mergeProps(defaultProps$8, p);
+  const props = mergeProps(defaultProps$9, p);
   const disabled = props.disabled || props.loading || false;
   const [changing, setChanging] = React$1.useState(false);
   const {
@@ -24760,35 +24792,35 @@ const Switch = (p) => {
   }
   return withNativeProps(props, React__default.default.createElement("div", {
     onClick,
-    className: classNames(classPrefix$8, {
-      [`${classPrefix$8}-checked`]: checked,
-      [`${classPrefix$8}-disabled`]: disabled || changing
+    className: classNames(classPrefix$9, {
+      [`${classPrefix$9}-checked`]: checked,
+      [`${classPrefix$9}-disabled`]: disabled || changing
     }),
     role: "switch",
     "aria-label": locale.Switch.name,
     "aria-checked": checked,
     "aria-disabled": disabled
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$8}-checkbox`
+    className: `${classPrefix$9}-checkbox`
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$8}-handle`
+    className: `${classPrefix$9}-handle`
   }, (props.loading || changing) && React__default.default.createElement(SpinIcon, {
-    className: `${classPrefix$8}-spin-icon`
+    className: `${classPrefix$9}-spin-icon`
   })), React__default.default.createElement("div", {
-    className: `${classPrefix$8}-inner`
+    className: `${classPrefix$9}-inner`
   }, checked ? props.checkedText : props.uncheckedText))));
 };
 const tabBar = "";
 const TabBarItem = () => {
   return null;
 };
-const classPrefix$7 = `adm-tab-bar`;
-const defaultProps$7 = {
+const classPrefix$8 = `adm-tab-bar`;
+const defaultProps$8 = {
   safeArea: false
 };
 const TabBar = (p) => {
   var _a;
-  const props = mergeProps(defaultProps$7, p);
+  const props = mergeProps(defaultProps$8, p);
   let firstActiveKey = null;
   const items = [];
   traverseReactNode(props.children, (child, index2) => {
@@ -24813,27 +24845,27 @@ const TabBar = (p) => {
     }
   });
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classPrefix$7
+    className: classPrefix$8
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$7}-wrap`
+    className: `${classPrefix$8}-wrap`
   }, items.map((item) => {
     const active = item.key === activeKey;
     function renderContent() {
       const iconElement = item.props.icon && React__default.default.createElement("div", {
-        className: `${classPrefix$7}-item-icon`
+        className: `${classPrefix$8}-item-icon`
       }, typeof item.props.icon === "function" ? item.props.icon(active) : item.props.icon);
       const titleElement = item.props.title && React__default.default.createElement("div", {
-        className: classNames(`${classPrefix$7}-item-title`, Boolean(iconElement) && `${classPrefix$7}-item-title-with-icon`)
+        className: classNames(`${classPrefix$8}-item-title`, Boolean(iconElement) && `${classPrefix$8}-item-title-with-icon`)
       }, typeof item.props.title === "function" ? item.props.title(active) : item.props.title);
       if (iconElement) {
         return React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(Badge, {
           content: item.props.badge,
-          className: `${classPrefix$7}-icon-badge`
+          className: `${classPrefix$8}-icon-badge`
         }, iconElement), titleElement);
       } else if (titleElement) {
         return React__default.default.createElement(Badge, {
           content: item.props.badge,
-          className: `${classPrefix$7}-title-badge`
+          className: `${classPrefix$8}-title-badge`
         }, titleElement);
       }
       return null;
@@ -24848,8 +24880,8 @@ const TabBar = (p) => {
           return;
         setActiveKey(key.toString());
       },
-      className: classNames(`${classPrefix$7}-item`, {
-        [`${classPrefix$7}-item-active`]: active
+      className: classNames(`${classPrefix$8}-item`, {
+        [`${classPrefix$8}-item-active`]: active
       })
     }, renderContent()));
   })), props.safeArea && React__default.default.createElement(SafeArea, {
@@ -24860,7 +24892,7 @@ const index$1 = attachPropertiesToComponent(TabBar, {
   Item: TabBarItem
 });
 const tag = "";
-const classPrefix$6 = `adm-tag`;
+const classPrefix$7 = `adm-tag`;
 const colorRecord = {
   default: "#666666",
   primary: "var(--adm-color-primary, #1677ff)",
@@ -24868,14 +24900,14 @@ const colorRecord = {
   warning: "var(--adm-color-warning, #ff8f1f)",
   danger: "var(--adm-color-danger, #ff3141)"
 };
-const defaultProps$6 = {
+const defaultProps$7 = {
   color: "default",
   fill: "solid",
   round: false
 };
 const Tag = (p) => {
   var _a;
-  const props = mergeProps(defaultProps$6, p);
+  const props = mergeProps(defaultProps$7, p);
   const color = (_a = colorRecord[props.color]) !== null && _a !== void 0 ? _a : props.color;
   const style = {
     "--border-color": color,
@@ -24885,21 +24917,21 @@ const Tag = (p) => {
   return withNativeProps(props, React__default.default.createElement("span", {
     style,
     onClick: props.onClick,
-    className: classNames(classPrefix$6, {
-      [`${classPrefix$6}-round`]: props.round
+    className: classNames(classPrefix$7, {
+      [`${classPrefix$7}-round`]: props.round
     })
   }, props.children));
 };
 const textArea = "";
-const classPrefix$5 = "adm-text-area";
-const defaultProps$5 = {
+const classPrefix$6 = "adm-text-area";
+const defaultProps$6 = {
   rows: 2,
   showCount: false,
   autoSize: false,
   defaultValue: ""
 };
 const TextArea = React$1.forwardRef((p, ref) => {
-  const props = mergeProps(defaultProps$5, p);
+  const props = mergeProps(defaultProps$6, p);
   const {
     autoSize,
     showCount,
@@ -24955,14 +24987,14 @@ const TextArea = React$1.forwardRef((p, ref) => {
     count = showCount(valueLength, maxLength);
   } else if (showCount) {
     count = React__default.default.createElement("div", {
-      className: `${classPrefix$5}-count`
+      className: `${classPrefix$6}-count`
     }, maxLength === void 0 ? valueLength : valueLength + "/" + maxLength);
   }
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classPrefix$5
+    className: classPrefix$6
   }, React__default.default.createElement("textarea", {
     ref: nativeTextAreaRef,
-    className: `${classPrefix$5}-element`,
+    className: `${classPrefix$6}-element`,
     rows: props.rows,
     value,
     placeholder: props.placeholder,
@@ -24998,15 +25030,15 @@ const TextArea = React$1.forwardRef((p, ref) => {
     onClick: props.onClick
   }), count));
 });
-TextArea.defaultProps = defaultProps$5;
+TextArea.defaultProps = defaultProps$6;
 const toast = "";
-const classPrefix$4 = `adm-toast`;
-const defaultProps$4 = {
+const classPrefix$5 = `adm-toast`;
+const defaultProps$5 = {
   maskClickable: true,
   stopPropagation: ["click"]
 };
 const InternalToast = (p) => {
-  const props = mergeProps(defaultProps$4, p);
+  const props = mergeProps(defaultProps$5, p);
   const {
     maskClickable,
     content,
@@ -25019,16 +25051,16 @@ const InternalToast = (p) => {
     switch (icon) {
       case "success":
         return React__default.default.createElement(CheckOutline, {
-          className: `${classPrefix$4}-icon-success`
+          className: `${classPrefix$5}-icon-success`
         });
       case "fail":
         return React__default.default.createElement(CloseOutline, {
-          className: `${classPrefix$4}-icon-fail`
+          className: `${classPrefix$5}-icon-fail`
         });
       case "loading":
         return React__default.default.createElement(SpinLoading, {
           color: "white",
-          className: `${classPrefix$4}-loading`
+          className: `${classPrefix$5}-loading`
         });
       default:
         return icon;
@@ -25054,29 +25086,29 @@ const InternalToast = (p) => {
     style: Object.assign({
       pointerEvents: maskClickable ? "none" : "auto"
     }, props.maskStyle),
-    className: classNames(`${classPrefix$4}-mask`, props.maskClassName),
+    className: classNames(`${classPrefix$5}-mask`, props.maskClassName),
     stopPropagation: props.stopPropagation
   }, React__default.default.createElement("div", {
-    className: classNames(`${classPrefix$4}-wrap`)
+    className: classNames(`${classPrefix$5}-wrap`)
   }, React__default.default.createElement("div", {
     style: {
       top
     },
-    className: classNames(`${classPrefix$4}-main`, icon ? `${classPrefix$4}-main-icon` : `${classPrefix$4}-main-text`)
+    className: classNames(`${classPrefix$5}-main`, icon ? `${classPrefix$5}-main-icon` : `${classPrefix$5}-main-text`)
   }, iconElement && React__default.default.createElement("div", {
-    className: `${classPrefix$4}-icon`
+    className: `${classPrefix$5}-icon`
   }, iconElement), React__default.default.createElement(AutoCenter, null, content))));
 };
 let currentHandler = null;
 let currentTimeout = null;
-const defaultProps$3 = {
+const defaultProps$4 = {
   duration: 2e3,
   position: "center",
   maskClickable: true
 };
 const ToastInner = (props) => React__default.default.createElement(InternalToast, Object.assign({}, props));
 function show(p) {
-  const props = mergeProps(defaultProps$3, typeof p === "string" ? {
+  const props = mergeProps(defaultProps$4, typeof p === "string" ? {
     content: p
   } : p);
   const element = React__default.default.createElement(ToastInner, Object.assign({}, props, {
@@ -25105,13 +25137,13 @@ function clear() {
 }
 function config(val) {
   if (val.duration !== void 0) {
-    defaultProps$3.duration = val.duration;
+    defaultProps$4.duration = val.duration;
   }
   if (val.position !== void 0) {
-    defaultProps$3.position = val.position;
+    defaultProps$4.position = val.position;
   }
   if (val.maskClickable !== void 0) {
-    defaultProps$3.maskClickable = val.maskClickable;
+    defaultProps$4.maskClickable = val.maskClickable;
   }
 }
 const Toast = {
@@ -25134,14 +25166,14 @@ function getTreeDeep(treeData, childrenName = "children") {
   };
   return walker(treeData);
 }
-const classPrefix$3 = `adm-tree-select`;
-const defaultProps$2 = {
+const classPrefix$4 = `adm-tree-select`;
+const defaultProps$3 = {
   options: [],
   fieldNames: {},
   defaultValue: []
 };
 const TreeSelect = (p) => {
-  const props = mergeProps(defaultProps$2, p);
+  const props = mergeProps(defaultProps$3, p);
   const labelName = props.fieldNames.label || "label";
   const valueName = props.fieldNames.value || "value";
   const childrenName = props.fieldNames.children || "children";
@@ -25185,8 +25217,8 @@ const TreeSelect = (p) => {
       const isActive = item[valueName] === value[index2];
       return React__default.default.createElement("div", {
         key: item[valueName],
-        className: classNames(`${classPrefix$3}-item`, {
-          [`${classPrefix$3}-item-active`]: isActive
+        className: classNames(`${classPrefix$4}-item`, {
+          [`${classPrefix$4}-item-active`]: isActive
         }),
         onClick: () => {
           if (!isActive) {
@@ -25209,7 +25241,7 @@ const TreeSelect = (p) => {
       }
       const column = React__default.default.createElement("div", {
         key: i,
-        className: classNames(`${classPrefix$3}-column`),
+        className: classNames(`${classPrefix$4}-column`),
         style: {
           width
         }
@@ -25219,10 +25251,10 @@ const TreeSelect = (p) => {
     return columns;
   };
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classPrefix$3
+    className: classPrefix$4
   }, renderColumns()));
 };
-const classPrefix$2 = `adm-tree-select-multiple`;
+const classPrefix$3 = `adm-tree-select-multiple`;
 const Multiple = (p) => {
   const props = mergeProps({
     options: [],
@@ -25362,7 +25394,7 @@ const Multiple = (p) => {
           onChange(allSelectedLeafKeys.concat(currentLeafKeys));
         }
       },
-      className: `${classPrefix$2}-item`
+      className: `${classPrefix$3}-item`
     }, text);
   };
   const renderSelectAllLeafItem = (columnOptions, index2) => {
@@ -25382,9 +25414,9 @@ const Multiple = (p) => {
           onChange(allSelectedLeafKeys.concat(currentLeafKeys));
         }
       },
-      className: classNames(`${classPrefix$2}-item`, `${classPrefix$2}-item-leaf`)
+      className: classNames(`${classPrefix$3}-item`, `${classPrefix$3}-item-leaf`)
     }, React__default.default.createElement(Checkbox, {
-      className: `${classPrefix$2}-item-checkbox`,
+      className: `${classPrefix$3}-item-checkbox`,
       checked: allSelected,
       indeterminate: halfSelected
     }), text);
@@ -25398,11 +25430,11 @@ const Multiple = (p) => {
           onItemSelect(option);
         }
       },
-      className: classNames(`${classPrefix$2}-item`, {
-        [`${classPrefix$2}-item-expand`]: isExpand
+      className: classNames(`${classPrefix$3}-item`, {
+        [`${classPrefix$3}-item-expand`]: isExpand
       })
     }, option[labelName], !!dotMap.get(option[valueName]) && React__default.default.createElement("div", {
-      className: `${classPrefix$2}-dot`
+      className: `${classPrefix$3}-dot`
     }));
   };
   const renderLeafItem = (option) => {
@@ -25416,9 +25448,9 @@ const Multiple = (p) => {
           onChange([...allSelectedLeafKeys, option[valueName]]);
         }
       },
-      className: classNames(`${classPrefix$2}-item`, `${classPrefix$2}-item-leaf`)
+      className: classNames(`${classPrefix$3}-item`, `${classPrefix$3}-item-leaf`)
     }, React__default.default.createElement(Checkbox, {
-      className: `${classPrefix$2}-item-checkbox`,
+      className: `${classPrefix$3}-item-checkbox`,
       checked: isSelected
     }), option[labelName]);
   };
@@ -25449,7 +25481,7 @@ const Multiple = (p) => {
       }
       const column = React__default.default.createElement("div", {
         key: i,
-        className: classNames(`${classPrefix$2}-column`),
+        className: classNames(`${classPrefix$3}-column`),
         style: {
           width
         }
@@ -25459,19 +25491,19 @@ const Multiple = (p) => {
     return columns;
   };
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classPrefix$2
+    className: classPrefix$3
   }, renderColumns()));
 };
 const index = attachPropertiesToComponent(TreeSelect, {
   Multiple
 });
 const virtualInput = "";
-const classPrefix$1 = "adm-virtual-input";
-const defaultProps$1 = {
+const classPrefix$2 = "adm-virtual-input";
+const defaultProps$2 = {
   defaultValue: ""
 };
 const VirtualInput = React$1.forwardRef((p, ref) => {
-  const props = mergeProps(defaultProps$1, p);
+  const props = mergeProps(defaultProps$2, p);
   const [value, setValue2] = usePropsValue(props);
   const rootRef = React$1.useRef(null);
   const contentRef = React$1.useRef(null);
@@ -25538,22 +25570,22 @@ const VirtualInput = React$1.forwardRef((p, ref) => {
   });
   return withNativeProps(props, React__default.default.createElement("div", {
     ref: rootRef,
-    className: classNames(classPrefix$1, {
-      [`${classPrefix$1}-disabled`]: props.disabled
+    className: classNames(classPrefix$2, {
+      [`${classPrefix$2}-disabled`]: props.disabled
     }),
     tabIndex: props.disabled ? void 0 : 0,
     onFocus,
     onBlur,
     onClick: props.onClick
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$1}-content`,
+    className: `${classPrefix$2}-content`,
     ref: contentRef
   }, value, React__default.default.createElement("div", {
-    className: `${classPrefix$1}-caret-container`
+    className: `${classPrefix$2}-caret-container`
   }, hasFocus && React__default.default.createElement("div", {
-    className: `${classPrefix$1}-caret`
+    className: `${classPrefix$2}-caret`
   }))), props.clearable && !!value && hasFocus && React__default.default.createElement("div", {
-    className: `${classPrefix$1}-clear`,
+    className: `${classPrefix$2}-clear`,
     onClick: (e) => {
       var _a;
       e.stopPropagation();
@@ -25561,16 +25593,16 @@ const VirtualInput = React$1.forwardRef((p, ref) => {
       (_a = props.onClear) === null || _a === void 0 ? void 0 : _a.call(props);
     }
   }, React__default.default.createElement(CloseCircleFill, null)), !value && React__default.default.createElement("div", {
-    className: `${classPrefix$1}-placeholder`
+    className: `${classPrefix$2}-placeholder`
   }, props.placeholder), keyboardElement));
 });
 const waterMark = "";
-const classPrefix = `adm-water-mark`;
-const defaultProps = {
+const classPrefix$1 = `adm-water-mark`;
+const defaultProps$1 = {
   fullPage: true
 };
 const WaterMark = (p) => {
-  const props = mergeProps(defaultProps, p);
+  const props = mergeProps(defaultProps$1, p);
   const {
     zIndex = 2e3,
     gapX = 24,
@@ -25629,8 +25661,8 @@ const WaterMark = (p) => {
     }
   }, [gapX, gapY, rotate, fontStyle, fontWeight, width, height, fontFamily, fontColor, image2, content, fontSize]);
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classNames(classPrefix, {
-      [`${classPrefix}-full-page`]: props.fullPage
+    className: classNames(classPrefix$1, {
+      [`${classPrefix$1}-full-page`]: props.fullPage
     }),
     style: {
       zIndex,
@@ -25639,6 +25671,65 @@ const WaterMark = (p) => {
     }
   }));
 };
+const footer = "";
+const classPrefix = `adm-footer`;
+const defaultProps = {
+  label: "",
+  links: [],
+  content: "",
+  chips: []
+};
+const Footer = (p) => {
+  const props = mergeProps(defaultProps, p);
+  const {
+    label,
+    links,
+    content,
+    chips,
+    onChipClick,
+    onLinkClick
+  } = props;
+  const clickChipItem = (item, index2) => {
+    if ((chips === null || chips === void 0 ? void 0 : chips.length) && item.type === "link") {
+      onChipClick === null || onChipClick === void 0 ? void 0 : onChipClick(item, index2);
+    }
+  };
+  const clickLinkItem = (item, index2, e) => {
+    if (onLinkClick) {
+      e.preventDefault();
+      onLinkClick(item, index2);
+    }
+  };
+  return withNativeProps(props, React__default.default.createElement("div", {
+    className: classNames(classPrefix)
+  }, label && React__default.default.createElement("div", {
+    className: `${classPrefix}-label`
+  }, React__default.default.createElement(Divider, null, label)), links && links.length > 0 && React__default.default.createElement("div", {
+    className: `${classPrefix}-links`
+  }, links.map((link, index2) => {
+    return React__default.default.createElement(React__default.default.Fragment, {
+      key: index2
+    }, React__default.default.createElement("a", {
+      href: link.href,
+      rel: "noopener noreferrer",
+      onClick: (event) => clickLinkItem(link, index2, event)
+    }, link.text), index2 !== links.length - 1 && React__default.default.createElement(Divider, {
+      direction: "vertical"
+    }));
+  })), content && React__default.default.createElement("div", {
+    className: `${classPrefix}-content`
+  }, content), chips && chips.length > 0 && React__default.default.createElement("div", {
+    className: `${classPrefix}-chips`
+  }, chips.map((chip, index2) => {
+    return React__default.default.createElement("div", {
+      key: index2,
+      onClick: () => clickChipItem(chip, index2),
+      className: classNames(`${classPrefix}-chip`, {
+        [`${classPrefix}-chip-link`]: chip.type === "link"
+      })
+    }, chip.text);
+  }))));
+};
 exports.ActionSheet = index$j;
 exports.AutoCenter = AutoCenter;
 exports.Avatar = Avatar;
@@ -25667,6 +25758,7 @@ exports.Empty = Empty;
 exports.ErrorBlock = ErrorBlock;
 exports.FloatingBubble = FloatingBubble;
 exports.FloatingPanel = FloatingPanel;
+exports.Footer = Footer;
 exports.Form = index$a;
 exports.Grid = Grid;
 exports.Image = Image$1;