antd-mobile 5.22.0 → 5.24.0

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

@@ -311,7 +311,7 @@
       clear: "\u6E05\u9664"
     },
     Mask: {
-      name: "\u906E\u7F69\u5C42"
+      name: "\u80CC\u666F\u8499\u5C42"
     },
     Modal: {
       ok: "\u6211\u77E5\u9053\u4E86"
@@ -6987,13 +6987,13 @@
     }
     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 @@
     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 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 @@
         }
       }
     }, 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 @@
     }, [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 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 @@
       }),
       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 @@
     }, 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 @@
       }
     };
   }
-  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 @@
     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 @@
         }
       },
       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 @@
         }
       }
     }, 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 @@
     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",
@@ -8317,6 +8455,9 @@
     }
     return [value, value];
   }
+  function convertPageToDayjs(page) {
+    return dayjs().year(page.year).month(page.month - 1).date(1);
+  }
   dayjs.extend(isoWeek);
   const classPrefix$1b = "adm-calendar";
   const defaultProps$Y = {
@@ -8369,35 +8510,51 @@
         } else {
           page = pageOrPageGenerator;
         }
-        setCurrent(dayjs().year(page.year).month(page.month - 1).date(1));
+        setCurrent(convertPageToDayjs(page));
       },
       jumpToToday: () => {
         setCurrent(dayjs().date(1));
       }
     }));
+    const handlePageChange = (action, num, type2) => {
+      const nxtCurrent = current[action](num, type2);
+      if (action === "subtract" && props.minPage) {
+        const minPage = convertPageToDayjs(props.minPage);
+        if (nxtCurrent.isBefore(minPage, type2)) {
+          return;
+        }
+      }
+      if (action === "add" && props.maxPage) {
+        const maxPage = convertPageToDayjs(props.maxPage);
+        if (nxtCurrent.isAfter(maxPage, type2)) {
+          return;
+        }
+      }
+      setCurrent(current[action](num, type2));
+    };
     const header = React__default.default.createElement("div", {
       className: `${classPrefix$1b}-header`
     }, React__default.default.createElement("a", {
       className: `${classPrefix$1b}-arrow-button ${classPrefix$1b}-arrow-button-year`,
       onClick: () => {
-        setCurrent(current.subtract(1, "year"));
+        handlePageChange("subtract", 1, "year");
       }
     }, props.prevYearButton), React__default.default.createElement("a", {
       className: `${classPrefix$1b}-arrow-button ${classPrefix$1b}-arrow-button-month`,
       onClick: () => {
-        setCurrent(current.subtract(1, "month"));
+        handlePageChange("subtract", 1, "month");
       }
     }, props.prevMonthButton), React__default.default.createElement("div", {
       className: `${classPrefix$1b}-title`
     }, locale.Calendar.renderYearAndMonth(current.year(), current.month() + 1)), React__default.default.createElement("a", {
       className: classNames(`${classPrefix$1b}-arrow-button`, `${classPrefix$1b}-arrow-button-right`, `${classPrefix$1b}-arrow-button-right-month`),
       onClick: () => {
-        setCurrent(current.add(1, "month"));
+        handlePageChange("add", 1, "month");
       }
     }, props.nextMonthButton), React__default.default.createElement("a", {
       className: classNames(`${classPrefix$1b}-arrow-button`, `${classPrefix$1b}-arrow-button-right`, `${classPrefix$1b}-arrow-button-right-year`),
       onClick: () => {
-        setCurrent(current.add(1, "year"));
+        handlePageChange("add", 1, "year");
       }
     }, props.nextYearButton));
     const maxDay = React$1.useMemo(() => props.max && dayjs(props.max), [props.max]);
@@ -8542,7 +8699,6 @@
     }
     return ret;
   }
-  const useIsomorphicUpdateLayoutEffect = createUpdateEffect(useIsomorphicLayoutEffect$1);
   const useTabListScroll = (targetRef, activeIndex) => {
     const [{
       scrollLeft
@@ -10808,7 +10964,7 @@ Please add \`${key}Action\` when creating your handler.`);
   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 +11005,13 @@ Please add \`${key}Action\` when creating your handler.`);
     }));
     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 +11127,10 @@ Please add \`${key}Action\` when creating your handler.`);
     }
     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
@@ -13147,151 +13307,14 @@ Please add \`${key}Action\` when creating your handler.`);
       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 = {
     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 +13405,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }));
     });
   }
-  const defaultProps$I = {
+  const defaultProps$J = {
     confirmText: "\u786E\u8BA4",
     cancelText: "\u53D6\u6D88"
   };
@@ -13390,7 +13413,7 @@ Please add \`${key}Action\` when creating your handler.`);
     const {
       locale
     } = getDefaultConfig();
-    const props = mergeProps(defaultProps$I, {
+    const props = mergeProps(defaultProps$J, {
       confirmText: locale.common.confirm,
       cancelText: locale.common.cancel
     }, p);
@@ -13435,37 +13458,37 @@ Please add \`${key}Action\` when creating your handler.`);
     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 +13497,22 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +13568,19 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     }), [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 +13604,128 @@ Please add \`${key}Action\` when creating your handler.`);
     Item
   });
   const ellipsis = "";
-  const classPrefix$R = `adm-ellipsis`;
-  const defaultProps$F = {
+  var runes$1 = { exports: {} };
+  const HIGH_SURROGATE_START = 55296;
+  const HIGH_SURROGATE_END = 56319;
+  const LOW_SURROGATE_START = 56320;
+  const REGIONAL_INDICATOR_START = 127462;
+  const REGIONAL_INDICATOR_END = 127487;
+  const FITZPATRICK_MODIFIER_START = 127995;
+  const FITZPATRICK_MODIFIER_END = 127999;
+  const VARIATION_MODIFIER_START = 65024;
+  const VARIATION_MODIFIER_END = 65039;
+  const DIACRITICAL_MARKS_START = 8400;
+  const DIACRITICAL_MARKS_END = 8447;
+  const ZWJ = 8205;
+  const GRAPHEMS = [
+    776,
+    2359,
+    2359,
+    2367,
+    2367,
+    2984,
+    3007,
+    3021,
+    3633,
+    3635,
+    3648,
+    3657,
+    4352,
+    4449,
+    4520
+  ];
+  function runes(string2) {
+    if (typeof string2 !== "string") {
+      throw new Error("string cannot be undefined or null");
+    }
+    const result2 = [];
+    let i = 0;
+    let increment = 0;
+    while (i < string2.length) {
+      increment += nextUnits(i + increment, string2);
+      if (isGraphem(string2[i + increment])) {
+        increment++;
+      }
+      if (isVariationSelector(string2[i + increment])) {
+        increment++;
+      }
+      if (isDiacriticalMark(string2[i + increment])) {
+        increment++;
+      }
+      if (isZeroWidthJoiner(string2[i + increment])) {
+        increment++;
+        continue;
+      }
+      result2.push(string2.substring(i, i + increment));
+      i += increment;
+      increment = 0;
+    }
+    return result2;
+  }
+  function nextUnits(i, string2) {
+    const current = string2[i];
+    if (!isFirstOfSurrogatePair(current) || i === string2.length - 1) {
+      return 1;
+    }
+    const currentPair = current + string2[i + 1];
+    let nextPair = string2.substring(i + 2, i + 5);
+    if (isRegionalIndicator(currentPair) && isRegionalIndicator(nextPair)) {
+      return 4;
+    }
+    if (isFitzpatrickModifier(nextPair)) {
+      return 4;
+    }
+    return 2;
+  }
+  function isFirstOfSurrogatePair(string2) {
+    return string2 && betweenInclusive(string2[0].charCodeAt(0), HIGH_SURROGATE_START, HIGH_SURROGATE_END);
+  }
+  function isRegionalIndicator(string2) {
+    return betweenInclusive(codePointFromSurrogatePair(string2), REGIONAL_INDICATOR_START, REGIONAL_INDICATOR_END);
+  }
+  function isFitzpatrickModifier(string2) {
+    return betweenInclusive(codePointFromSurrogatePair(string2), FITZPATRICK_MODIFIER_START, FITZPATRICK_MODIFIER_END);
+  }
+  function isVariationSelector(string2) {
+    return typeof string2 === "string" && betweenInclusive(string2.charCodeAt(0), VARIATION_MODIFIER_START, VARIATION_MODIFIER_END);
+  }
+  function isDiacriticalMark(string2) {
+    return typeof string2 === "string" && betweenInclusive(string2.charCodeAt(0), DIACRITICAL_MARKS_START, DIACRITICAL_MARKS_END);
+  }
+  function isGraphem(string2) {
+    return typeof string2 === "string" && GRAPHEMS.indexOf(string2.charCodeAt(0)) !== -1;
+  }
+  function isZeroWidthJoiner(string2) {
+    return typeof string2 === "string" && string2.charCodeAt(0) === ZWJ;
+  }
+  function codePointFromSurrogatePair(pair) {
+    const highOffset = pair.charCodeAt(0) - HIGH_SURROGATE_START;
+    const lowOffset = pair.charCodeAt(1) - LOW_SURROGATE_START;
+    return (highOffset << 10) + lowOffset + 65536;
+  }
+  function betweenInclusive(value, lower, upper) {
+    return value >= lower && value <= upper;
+  }
+  function substring(string2, start2, width) {
+    const chars = runes(string2);
+    if (start2 === void 0) {
+      return string2;
+    }
+    if (start2 >= chars.length) {
+      return "";
+    }
+    const rest = chars.length - start2;
+    const stringWidth = width === void 0 ? rest : width;
+    let endIndex = start2 + stringWidth;
+    if (endIndex > start2 + rest) {
+      endIndex = void 0;
+    }
+    return chars.slice(start2, endIndex).join("");
+  }
+  runes$1.exports = runes;
+  runes$1.exports.substr = substring;
+  const classPrefix$S = `adm-ellipsis`;
+  const defaultProps$G = {
     direction: "end",
     rows: 1,
     expandText: "",
@@ -13592,11 +13735,15 @@ Please add \`${key}Action\` when creating your handler.`);
     }
   };
   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);
     const [exceeded, setExceeded] = React$1.useState(false);
+    const chars = React$1.useMemo(() => runes$1.exports(props.content), [props.content]);
+    function getSubString(start2, end) {
+      return chars.slice(start2, end).join("");
+    }
     function calcEllipsised() {
       const root2 = rootRef.current;
       if (!root2)
@@ -13631,19 +13778,19 @@ Please add \`${key}Action\` when creating your handler.`);
           if (right - left <= 1) {
             if (props.direction === "end") {
               return {
-                leading: props.content.slice(0, left) + "..."
+                leading: getSubString(0, left) + "..."
               };
             } else {
               return {
-                tailing: "..." + props.content.slice(right, end)
+                tailing: "..." + getSubString(right, end)
               };
             }
           }
           const middle2 = Math.round((left + right) / 2);
           if (props.direction === "end") {
-            container.innerText = props.content.slice(0, middle2) + "..." + actionText;
+            container.innerText = getSubString(0, middle2) + "..." + actionText;
           } else {
-            container.innerText = actionText + "..." + props.content.slice(middle2, end);
+            container.innerText = actionText + "..." + getSubString(middle2, end);
           }
           if (container.offsetHeight <= maxHeight) {
             if (props.direction === "end") {
@@ -13661,13 +13808,13 @@ Please add \`${key}Action\` when creating your handler.`);
         }, checkMiddle = function(leftPart, rightPart) {
           if (leftPart[1] - leftPart[0] <= 1 && rightPart[1] - rightPart[0] <= 1) {
             return {
-              leading: props.content.slice(0, leftPart[0]) + "...",
-              tailing: "..." + props.content.slice(rightPart[1], end)
+              leading: getSubString(0, leftPart[0]) + "...",
+              tailing: "..." + getSubString(rightPart[1], end)
             };
           }
           const leftPartMiddle = Math.floor((leftPart[0] + leftPart[1]) / 2);
           const rightPartMiddle = Math.ceil((rightPart[0] + rightPart[1]) / 2);
-          container.innerText = props.content.slice(0, leftPartMiddle) + "..." + actionText + "..." + props.content.slice(rightPartMiddle, end);
+          container.innerText = getSubString(0, leftPartMiddle) + "..." + actionText + "..." + getSubString(rightPartMiddle, end);
           if (container.offsetHeight <= maxHeight) {
             return checkMiddle([leftPartMiddle, leftPart[1]], [rightPart[0], rightPartMiddle]);
           } else {
@@ -13709,7 +13856,7 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     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 +13893,7 @@ Please add \`${key}Action\` when creating your handler.`);
       fill: "#fafafa"
     })))));
   };
-  const classPrefix$Q = `adm-empty`;
+  const classPrefix$R = `adm-empty`;
   const Empty = (props) => {
     function renderImageNode() {
       const {
@@ -13754,13 +13901,13 @@ Please add \`${key}Action\` when creating your handler.`);
       } = 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 +13916,22 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +13944,19 @@ Please add \`${key}Action\` when creating your handler.`);
         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 +14463,12 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   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 +14527,11 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +14539,7 @@ Please add \`${key}Action\` when creating your handler.`);
         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 +14549,12 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +18810,17 @@ Please add \`${key}Action\` when creating your handler.`);
       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 Form = 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 +18861,7 @@ Please add \`${key}Action\` when creating your handler.`);
     });
     collect();
     return React__default.default.createElement(RefForm, Object.assign({
-      className: classNames(classPrefix$N, className),
+      className: classNames(classPrefix$O, className),
       style,
       ref
     }, formProps, {
@@ -18727,9 +18874,9 @@ Please add \`${key}Action\` when creating your handler.`);
         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 +20255,15 @@ Please add \`${key}Action\` when creating your handler.`);
     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 +20284,17 @@ Please add \`${key}Action\` when creating your handler.`);
     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() {
@@ -20234,16 +20381,16 @@ Please add \`${key}Action\` when creating your handler.`);
       if (!props.trigger)
         return;
       setVisible(false);
-    }, () => {
+    }, [() => {
       var _a;
       return (_a = targetRef.current) === null || _a === void 0 ? void 0 : _a.element;
-    });
+    }, floatingRef], ["click", "touchmove"]);
     const shouldRender = useShouldRender(visible, false, props.destroyOnHide);
     return React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(Wrapper, {
       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 +20406,14 @@ Please add \`${key}Action\` when creating your handler.`);
     }, [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 +20422,16 @@ Please add \`${key}Action\` when creating your handler.`);
             (_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 +20447,7 @@ Please add \`${key}Action\` when creating your handler.`);
     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 +20480,15 @@ Please add \`${key}Action\` when creating your handler.`);
       switch (requiredMarkStyle) {
         case "asterisk":
           return required2 && React__default.default.createElement("span", {
-            className: `${classPrefix$K}-required-asterisk`
+            className: `${classPrefix$L}-required-asterisk`
           }, "*");
         case "text-required":
           return required2 && React__default.default.createElement("span", {
-            className: `${classPrefix$K}-required-text`
+            className: `${classPrefix$L}-required-text`
           }, "(", locale.Form.required, ")");
         case "text-optional":
           return !required2 && React__default.default.createElement("span", {
-            className: `${classPrefix$K}-required-text`
+            className: `${classPrefix$L}-required-text`
           }, "(", locale.Form.optional, ")");
         case "none":
           return null;
@@ -20350,24 +20497,24 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     })();
     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((warning2, index2) => React__default.default.createElement("div", {
       key: `warning-${index2}`,
-      className: `${classPrefix$K}-feedback-warning`
+      className: `${classPrefix$L}-feedback-warning`
     }, warning2)))) : null;
     return withNativeProps(props, React__default.default.createElement(List$1.Item, {
       style,
@@ -20375,18 +20522,18 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +20747,7 @@ Please add \`${key}Action\` when creating your handler.`);
     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 +20764,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     }
     return withNativeProps(props, React__default.default.createElement("div", {
-      className: classPrefix$J,
+      className: classPrefix$K,
       style
     }, props.children));
   };
@@ -20629,7 +20776,7 @@ Please add \`${key}Action\` when creating your handler.`);
       "--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 +20810,7 @@ Please add \`${key}Action\` when creating your handler.`);
   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 +20942,17 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     });
     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 +20963,7 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +21020,42 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     });
     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 +21063,7 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +21072,13 @@ Please add \`${key}Action\` when creating your handler.`);
       },
       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 +21105,7 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +21117,7 @@ Please add \`${key}Action\` when creating your handler.`);
       },
       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 +21162,7 @@ Please add \`${key}Action\` when creating your handler.`);
     show: showImageViewer,
     clear: clearImageViewer
   });
-  const classPrefix$F = `adm-image-uploader`;
+  const classPrefix$G = `adm-image-uploader`;
   const PreviewItem = (props) => {
     const {
       locale
@@ -21036,62 +21183,67 @@ Please add \`${key}Action\` when creating your handler.`);
       }
       return "";
     }, [url, 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 +21259,7 @@ Please add \`${key}Action\` when creating your handler.`);
     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 +21269,18 @@ Please add \`${key}Action\` when creating your handler.`);
         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 +21334,7 @@ Please add \`${key}Action\` when creating your handler.`);
               return prev.map((task) => {
                 if (task.id === currentTask.id) {
                   return Object.assign(Object.assign({}, task), {
+                    status: "success",
                     url: result2.url
                   });
                 }
@@ -21215,34 +21376,38 @@ Please add \`${key}Action\` when creating your handler.`);
       (_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 +21422,19 @@ Please add \`${key}Action\` when creating your handler.`);
         }
       });
     }), 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 +21442,12 @@ Please add \`${key}Action\` when creating your handler.`);
   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 +21482,7 @@ Please add \`${key}Action\` when creating your handler.`);
     }) => {
       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 +21497,21 @@ Please add \`${key}Action\` when creating your handler.`);
         "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 +21531,9 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +21570,7 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +21590,8 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +21600,7 @@ Please add \`${key}Action\` when creating your handler.`);
         scrollTo(index2);
       }
     }), React__default.default.createElement("div", {
-      className: `${classPrefix$B}-body`,
+      className: `${classPrefix$C}-body`,
       ref: bodyRef,
       onScroll: checkActiveIndex
     }, panels)));
@@ -21447,8 +21612,8 @@ Please add \`${key}Action\` when creating your handler.`);
   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 +21622,7 @@ Please add \`${key}Action\` when creating your handler.`);
     })
   };
   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 +21691,7 @@ Please add \`${key}Action\` when creating your handler.`);
       });
     }
     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 +21704,7 @@ Please add \`${key}Action\` when creating your handler.`);
     }
     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 +21714,13 @@ Please add \`${key}Action\` when creating your handler.`);
     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 +21780,10 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     })();
     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 +21834,7 @@ Please add \`${key}Action\` when creating your handler.`);
       "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 +21851,7 @@ Please add \`${key}Action\` when creating your handler.`);
     }, 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 +21892,19 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +21917,14 @@ Please add \`${key}Action\` when creating your handler.`);
         }
         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 +21936,7 @@ Please add \`${key}Action\` when creating your handler.`);
         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 +21965,14 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +22059,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }));
     });
   }
-  const defaultProps$s = {
+  const defaultProps$t = {
     confirmText: "\u786E\u8BA4",
     cancelText: "\u53D6\u6D88"
   };
@@ -21902,7 +22067,7 @@ Please add \`${key}Action\` when creating your handler.`);
     const {
       locale
     } = getDefaultConfig();
-    const props = mergeProps(defaultProps$s, {
+    const props = mergeProps(defaultProps$t, {
       confirmText: locale.common.confirm,
       cancelText: locale.common.cancel
     }, p);
@@ -21947,45 +22112,45 @@ Please add \`${key}Action\` when creating your handler.`);
     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 +22201,30 @@ Please add \`${key}Action\` when creating your handler.`);
     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 +22236,8 @@ Please add \`${key}Action\` when creating your handler.`);
     }
     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 +22248,7 @@ Please add \`${key}Action\` when creating your handler.`);
     forceRender: false
   };
   const NumberKeyboard = (p) => {
-    const props = mergeProps(defaultProps$p, p);
+    const props = mergeProps(defaultProps$q, p);
     const {
       visible,
       title,
@@ -22150,13 +22315,13 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +22332,10 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     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 +22363,26 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +22393,39 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +22434,8 @@ Please add \`${key}Action\` when creating your handler.`);
     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 +22495,20 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +22519,10 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +22548,14 @@ Please add \`${key}Action\` when creating your handler.`);
     }));
   });
   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 +22569,18 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +22589,26 @@ Please add \`${key}Action\` when creating your handler.`);
       "--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 +22623,7 @@ Please add \`${key}Action\` when creating your handler.`);
     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 +22760,27 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     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 +22803,12 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     }, 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 +22843,18 @@ Please add \`${key}Action\` when creating your handler.`);
     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 +22863,7 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +22884,8 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +22894,16 @@ Please add \`${key}Action\` when creating your handler.`);
     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 +22939,19 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +22959,11 @@ Please add \`${key}Action\` when creating your handler.`);
     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 +22974,17 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +22992,12 @@ Please add \`${key}Action\` when creating your handler.`);
     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 +23014,64 @@ Please add \`${key}Action\` when creating your handler.`);
     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 +23083,7 @@ Please add \`${key}Action\` when creating your handler.`);
     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 +23116,10 @@ Please add \`${key}Action\` when creating your handler.`);
         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 +23134,17 @@ Please add \`${key}Action\` when creating your handler.`);
       }, 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 +23210,14 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +23234,10 @@ Please add \`${key}Action\` when creating your handler.`);
     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 +23255,13 @@ Please add \`${key}Action\` when creating your handler.`);
           }
         }
       }, 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 +23281,7 @@ Please add \`${key}Action\` when creating your handler.`);
     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 +23313,9 @@ Please add \`${key}Action\` when creating your handler.`);
     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 +23330,33 @@ Please add \`${key}Action\` when creating your handler.`);
             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 +23372,8 @@ Please add \`${key}Action\` when creating your handler.`);
         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 +23382,10 @@ Please add \`${key}Action\` when creating your handler.`);
       });
     });
     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 +23402,8 @@ Please add \`${key}Action\` when creating your handler.`);
       }
       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) / range2 * 100}%`
@@ -23248,7 +23415,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }, markPoint);
     });
     return React__default.default.createElement("div", {
-      className: classPrefix$g
+      className: classPrefix$h
     }, elements);
   };
   const ThumbIcon = (props) => {
@@ -23276,15 +23443,16 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +23487,12 @@ Please add \`${key}Action\` when creating your handler.`);
     });
     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 +23504,25 @@ Please add \`${key}Action\` when creating your handler.`);
     }), 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 +23545,13 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +23626,7 @@ Please add \`${key}Action\` when creating your handler.`);
         trackRef,
         icon,
         popover: props.popover,
+        residentPopover: props.residentPopover,
         onDrag: (position, first, last) => {
           if (first) {
             dragLockRef.current += 1;
@@ -23475,18 +23650,18 @@ Please add \`${key}Action\` when creating your handler.`);
       });
     };
     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 +24189,15 @@ Please add \`${key}Action\` when creating your handler.`);
     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 +24270,11 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +24282,9 @@ Please add \`${key}Action\` when creating your handler.`);
       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);
@@ -24129,9 +24304,10 @@ Please add \`${key}Action\` when creating your handler.`);
       role: "spinbutton",
       "aria-valuenow": Number(inputValue),
       "aria-valuemax": max2,
-      "aria-valuemin": min2
+      "aria-valuemin": min2,
+      inputMode: "decimal"
     })), React__default.default.createElement(Button, {
-      className: `${classPrefix$d}-plus`,
+      className: `${classPrefix$e}-plus`,
       onClick: handlePlus,
       disabled: plusDisabled(),
       fill: "none",
@@ -24155,7 +24331,7 @@ Please add \`${key}Action\` when creating your handler.`);
     return parseFloat(text);
   }
   const steps = "";
-  const classPrefix$c = `adm-step`;
+  const classPrefix$d = `adm-step`;
   const Step = (props) => {
     const {
       title,
@@ -24164,35 +24340,35 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +24394,8 @@ Please add \`${key}Action\` when creating your handler.`);
     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 +24403,7 @@ Please add \`${key}Action\` when creating your handler.`);
     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 +24534,7 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +24549,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }, 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 +24559,15 @@ Please add \`${key}Action\` when creating your handler.`);
         }
       }
     }), 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 +24580,7 @@ Please add \`${key}Action\` when creating your handler.`);
         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 +24607,8 @@ Please add \`${key}Action\` when creating your handler.`);
     }, [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,
@@ -24444,8 +24620,10 @@ Please add \`${key}Action\` when creating your handler.`);
     stuckAtBoundary: true,
     rubberband: true
   };
+  let currentUid;
   const Swiper = React$1.forwardRef(staged_1((p, ref) => {
-    const props = mergeProps(defaultProps$9, p);
+    const props = mergeProps(defaultProps$a, p);
+    const [uid] = React$1.useState({});
     const isVertical = props.direction === "vertical";
     const slideRatio = props.slideSize / 100;
     const offsetRatio = props.trackOffset / 100;
@@ -24535,6 +24713,12 @@ Please add \`${key}Action\` when creating your handler.`);
         dragCancelRef.current = state.cancel;
         if (!state.intentional)
           return;
+        if (state.first && !currentUid) {
+          currentUid = uid;
+        }
+        if (currentUid !== uid)
+          return;
+        currentUid = state.last ? void 0 : uid;
         const slidePixels = getSlidePixels();
         if (!slidePixels)
           return;
@@ -24628,10 +24812,10 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +24830,13 @@ Please add \`${key}Action\` when creating your handler.`);
           }));
         } 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 +24846,12 @@ Please add \`${key}Action\` when creating your handler.`);
         "--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 +24860,7 @@ Please add \`${key}Action\` when creating your handler.`);
           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 +24897,12 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +24944,35 @@ Please add \`${key}Action\` when creating your handler.`);
     }
     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 +24997,27 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     });
     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 +25032,8 @@ Please add \`${key}Action\` when creating your handler.`);
             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 +25044,7 @@ Please add \`${key}Action\` when creating your handler.`);
     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 +25052,14 @@ Please add \`${key}Action\` when creating your handler.`);
     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 +25069,21 @@ Please add \`${key}Action\` when creating your handler.`);
     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 +25139,14 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +25182,15 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +25203,16 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +25238,29 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +25289,13 @@ Please add \`${key}Action\` when creating your handler.`);
   }
   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 +25318,14 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     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 +25369,8 @@ Please add \`${key}Action\` when creating your handler.`);
         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 +25393,7 @@ Please add \`${key}Action\` when creating your handler.`);
         }
         const column = React__default.default.createElement("div", {
           key: i,
-          className: classNames(`${classPrefix$3}-column`),
+          className: classNames(`${classPrefix$4}-column`),
           style: {
             width
           }
@@ -25219,10 +25403,10 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +25546,7 @@ Please add \`${key}Action\` when creating your handler.`);
             onChange(allSelectedLeafKeys.concat(currentLeafKeys));
           }
         },
-        className: `${classPrefix$2}-item`
+        className: `${classPrefix$3}-item`
       }, text);
     };
     const renderSelectAllLeafItem = (columnOptions, index2) => {
@@ -25382,9 +25566,9 @@ Please add \`${key}Action\` when creating your handler.`);
             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 +25582,11 @@ Please add \`${key}Action\` when creating your handler.`);
             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 +25600,9 @@ Please add \`${key}Action\` when creating your handler.`);
             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 +25633,7 @@ Please add \`${key}Action\` when creating your handler.`);
         }
         const column = React__default.default.createElement("div", {
           key: i,
-          className: classNames(`${classPrefix$2}-column`),
+          className: classNames(`${classPrefix$3}-column`),
           style: {
             width
           }
@@ -25459,19 +25643,19 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +25722,22 @@ Please add \`${key}Action\` when creating your handler.`);
     });
     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 +25745,16 @@ Please add \`${key}Action\` when creating your handler.`);
         (_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 +25813,8 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     }, [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 +25823,65 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     }));
   };
+  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);
+    }))));
+  };
   exports2.ActionSheet = index$j;
   exports2.AutoCenter = AutoCenter;
   exports2.Avatar = Avatar;
@@ -25667,6 +25910,7 @@ Please add \`${key}Action\` when creating your handler.`);
   exports2.ErrorBlock = ErrorBlock;
   exports2.FloatingBubble = FloatingBubble;
   exports2.FloatingPanel = FloatingPanel;
+  exports2.Footer = Footer;
   exports2.Form = index$a;
   exports2.Grid = Grid;
   exports2.Image = Image$1;