antd-mobile 5.14.3 → 5.16.0

package/2x/bundle/antd-mobile.es.js

@@ -1,14 +1,14 @@
 import { __rest, __awaiter } from "tslib";
-import React$1, { useContext, useRef, useEffect, useMemo, useState, useImperativeHandle, memo, forwardRef, useCallback, createContext, cloneElement, createRef } from "react";
+import React$1, { useContext, useRef, useEffect, useMemo, useState, useImperativeHandle, memo, forwardRef, useCallback, createContext, cloneElement } from "react";
 import classNames from "classnames";
-import { useUnmountedRef, useUpdate, useMemoizedFn, useUpdateEffect, useIsomorphicLayoutEffect, createUpdateEffect, useThrottleFn, useDebounceEffect, useMount, useInViewport, useClickAway, useUnmount, useLockFn, useTimeout } from "ahooks";
+import { useUnmountedRef, useIsomorphicLayoutEffect, useUpdate, useMemoizedFn, useUpdateEffect, createUpdateEffect, useThrottleFn, useDebounceEffect, useMount, useInViewport, useClickAway, useUnmount, useLockFn, useTimeout } from "ahooks";
 import { useSpring, animated, to, Globals } from "@react-spring/web";
+import { CloseOutline, RightOutline, CheckOutline, DownOutline, DownFill, QuestionCircleOutline, AddOutline, CloseCircleFill, LeftOutline, SoundOutline, TextDeletionOutline, CheckCircleFill, InformationCircleFill, ClockCircleFill, ExclamationCircleFill, SearchOutline, MinusOutline } from "antd-mobile-icons";
 import dayjs from "dayjs";
 import { isFragment, isMemo } from "react-is";
 import { useDrag, useWheel, createUseGesture, dragAction, pinchAction } from "@use-gesture/react";
-import { RightOutline, CheckOutline, DownOutline, DownFill, QuestionCircleOutline, CloseOutline, AddOutline, CloseCircleFill, LeftOutline, SoundOutline, TextDeletionOutline, StarFill, CheckCircleFill, InformationCircleFill, ClockCircleFill, ExclamationCircleFill, SearchOutline, MinusOutline } from "antd-mobile-icons";
 import { staged } from "staged-components";
-import RcForm, { List as List$2, Field, useWatch, useForm } from "rc-field-form";
+import RcForm, { List as List$2, Field, useWatch, FieldContext as FieldContext$1, useForm } from "rc-field-form";
 import { computePosition, offset, shift, limitShift, flip, hide, arrow, autoUpdate } from "@floating-ui/dom";
 import Big from "big.js";
 function _mergeNamespaces(n2, m2) {
@@ -27,7 +27,7 @@ function _mergeNamespaces(n2, m2) {
   });
   return Object.freeze(Object.defineProperty(n2, Symbol.toStringTag, { value: "Module" }));
 }
-var global$1 = /* @__PURE__ */ (() => ":root {\n  --adm-radius-s: 4px;\n  --adm-radius-m: 8px;\n  --adm-radius-l: 12px;\n  --adm-font-size-1: 9px;\n  --adm-font-size-2: 10px;\n  --adm-font-size-3: 11px;\n  --adm-font-size-4: 12px;\n  --adm-font-size-5: 13px;\n  --adm-font-size-6: 14px;\n  --adm-font-size-7: 15px;\n  --adm-font-size-8: 16px;\n  --adm-font-size-9: 17px;\n  --adm-font-size-10: 18px;\n  --adm-hd: 1;\n  --adm-color-primary: #1677ff;\n  --adm-color-success: #00b578;\n  --adm-color-warning: #ff8f1f;\n  --adm-color-danger: #ff3141;\n  --adm-color-white: #ffffff;\n  --adm-color-text: #333333;\n  --adm-color-text-secondary: #666666;\n  --adm-color-weak: #999999;\n  --adm-color-light: #cccccc;\n  --adm-color-border: #eeeeee;\n  --adm-color-box: #f5f5f5;\n  --adm-color-background: #ffffff;\n  --adm-font-size-main: var(--adm-font-size-5);\n  --adm-font-family: -apple-system, blinkmacsystemfont, 'Helvetica Neue',\n    helvetica, segoe ui, arial, roboto, 'PingFang SC', 'miui',\n    'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;\n  --adm-border-color: var(--adm-color-border);\n}\nhtml[data-prefers-color-scheme='dark'] {\n  --adm-color-primary: #3086ff;\n  --adm-color-success: #34b368;\n  --adm-color-warning: #ffa930;\n  --adm-color-danger: #ff4a58;\n  --adm-color-text: #e6e6e6;\n  --adm-color-text-secondary: #b3b3b3;\n  --adm-color-weak: #808080;\n  --adm-color-light: #4d4d4d;\n  --adm-color-border: #2b2b2b;\n  --adm-color-box: #0a0a0a;\n  --adm-color-background: #1a1a1a;\n  --adm-border-color: var(--adm-color-border);\n}\n:root {\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n  color: var(--adm-color-text);\n  font-size: var(--adm-font-size-main);\n  font-family: var(--adm-font-family);\n}\na,\nbutton {\n  cursor: pointer;\n}\na {\n  color: var(--adm-color-primary);\n  transition: opacity ease-in-out 0.2s;\n}\na:active {\n  opacity: 0.8;\n}\n.adm-plain-anchor {\n  color: unset;\n  transition: none;\n}\n.adm-plain-anchor:active {\n  opacity: unset;\n}\nbody.adm-overflow-hidden {\n  overflow: hidden !important;\n}\ndiv.adm-px-tester {\n  --size: 1;\n  height: calc(var(--size) / 2 * 2px);\n  width: 0;\n  position: fixed;\n  right: -100vw;\n  bottom: -100vh;\n  user-select: none;\n  pointer-events: none;\n}\n")();
+var global$1 = /* @__PURE__ */ (() => ":root {\n  --adm-radius-s: 4px;\n  --adm-radius-m: 8px;\n  --adm-radius-l: 12px;\n  --adm-font-size-1: 9px;\n  --adm-font-size-2: 10px;\n  --adm-font-size-3: 11px;\n  --adm-font-size-4: 12px;\n  --adm-font-size-5: 13px;\n  --adm-font-size-6: 14px;\n  --adm-font-size-7: 15px;\n  --adm-font-size-8: 16px;\n  --adm-font-size-9: 17px;\n  --adm-font-size-10: 18px;\n  --adm-color-primary: #1677ff;\n  --adm-color-success: #00b578;\n  --adm-color-warning: #ff8f1f;\n  --adm-color-danger: #ff3141;\n  --adm-color-white: #ffffff;\n  --adm-color-text: #333333;\n  --adm-color-text-secondary: #666666;\n  --adm-color-weak: #999999;\n  --adm-color-light: #cccccc;\n  --adm-color-border: #eeeeee;\n  --adm-color-box: #f5f5f5;\n  --adm-color-background: #ffffff;\n  --adm-font-size-main: var(--adm-font-size-5);\n  --adm-font-family: -apple-system, blinkmacsystemfont, 'Helvetica Neue',\n    helvetica, segoe ui, arial, roboto, 'PingFang SC', 'miui',\n    'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;\n  --adm-border-color: var(--adm-color-border);\n}\nhtml[data-prefers-color-scheme='dark'] {\n  --adm-color-primary: #3086ff;\n  --adm-color-success: #34b368;\n  --adm-color-warning: #ffa930;\n  --adm-color-danger: #ff4a58;\n  --adm-color-text: #e6e6e6;\n  --adm-color-text-secondary: #b3b3b3;\n  --adm-color-weak: #808080;\n  --adm-color-light: #4d4d4d;\n  --adm-color-border: #2b2b2b;\n  --adm-color-box: #0a0a0a;\n  --adm-color-background: #1a1a1a;\n  --adm-border-color: var(--adm-color-border);\n}\n:root {\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n  color: var(--adm-color-text);\n  font-size: var(--adm-font-size-main);\n  font-family: var(--adm-font-family);\n}\na,\nbutton {\n  cursor: pointer;\n}\na {\n  color: var(--adm-color-primary);\n  transition: opacity ease-in-out 0.2s;\n}\na:active {\n  opacity: 0.8;\n}\n.adm-plain-anchor {\n  color: unset;\n  transition: none;\n}\n.adm-plain-anchor:active {\n  opacity: unset;\n}\nbody.adm-overflow-hidden {\n  overflow: hidden !important;\n}\ndiv.adm-px-tester {\n  --size: 1;\n  height: calc(var(--size) / 2 * 2px);\n  width: 0;\n  position: fixed;\n  right: -100vw;\n  bottom: -100vh;\n  user-select: none;\n  pointer-events: none;\n}\n")();
 const canUseDom = !!(typeof window !== "undefined" && typeof document !== "undefined" && window.document && window.document.createElement);
 if (canUseDom) {
   document.addEventListener("touchstart", () => {
@@ -1347,6 +1347,16 @@ const base = {
     pulling: "Scroll down to refresh",
     canRelease: "Release to refresh immediately",
     complete: "Refresh successful"
+  },
+  Slider: {
+    name: "Slider"
+  },
+  Stepper: {
+    decrease: "decrease",
+    increase: "increase"
+  },
+  Switch: {
+    name: "Switch"
   }
 };
 const typeTemplate = "${label}\u4E0D\u662F\u4E00\u4E2A\u6709\u6548\u7684${type}";
@@ -1455,6 +1465,16 @@ const zhCN = mergeLocale(base, {
     pulling: "\u4E0B\u62C9\u5237\u65B0",
     canRelease: "\u91CA\u653E\u7ACB\u5373\u5237\u65B0",
     complete: "\u5237\u65B0\u6210\u529F"
+  },
+  Slider: {
+    name: "\u6ED1\u52A8\u8F93\u5165\u6761"
+  },
+  Stepper: {
+    decrease: "\u51CF\u5C11",
+    increase: "\u589E\u52A0"
+  },
+  Switch: {
+    name: "\u5F00\u5173"
   }
 });
 const defaultConfigRef = {
@@ -1546,7 +1566,7 @@ function mergeProps(...items) {
   }
   return ret;
 }
-var popup = /* @__PURE__ */ (() => ".adm-popup {\n  --z-index: var(--adm-popup-z-index, 1000);\n  position: fixed;\n  z-index: var(--z-index);\n}\n.adm-popup-body {\n  position: fixed;\n  background-color: var(--adm-color-background);\n  z-index: calc(var(--z-index) + 10);\n}\n.adm-popup-body-position-bottom {\n  width: 100%;\n  bottom: 0;\n  left: 0;\n}\n.adm-popup-body-position-top {\n  width: 100%;\n  top: 0;\n  left: 0;\n}\n.adm-popup-body-position-left {\n  height: 100%;\n  top: 0;\n  left: 0;\n}\n.adm-popup-body-position-right {\n  height: 100%;\n  top: 0;\n  right: 0;\n}\n")();
+var popup = /* @__PURE__ */ (() => ".adm-popup {\n  --z-index: var(--adm-popup-z-index, 1000);\n  position: fixed;\n  z-index: var(--z-index);\n}\n.adm-popup-body {\n  position: fixed;\n  background-color: var(--adm-color-background);\n  z-index: calc(var(--z-index) + 10);\n}\n.adm-popup-body .adm-popup-close-icon {\n  position: absolute;\n  z-index: 100;\n}\n.adm-popup-body-position-bottom {\n  width: 100%;\n  bottom: 0;\n  left: 0;\n}\n.adm-popup-body-position-bottom .adm-popup-close-icon {\n  right: 8px;\n  top: 8px;\n}\n.adm-popup-body-position-top {\n  width: 100%;\n  top: 0;\n  left: 0;\n}\n.adm-popup-body-position-top .adm-popup-close-icon {\n  right: 8px;\n  bottom: 8px;\n}\n.adm-popup-body-position-left {\n  height: 100%;\n  top: 0;\n  left: 0;\n}\n.adm-popup-body-position-left .adm-popup-close-icon {\n  right: 8px;\n  top: 8px;\n}\n.adm-popup-body-position-right {\n  height: 100%;\n  top: 0;\n  right: 0;\n}\n.adm-popup-body-position-right .adm-popup-close-icon {\n  left: 8px;\n  top: 8px;\n}\n.adm-popup-close-icon {\n  cursor: pointer;\n  padding: 4px;\n  font-size: 18px;\n  color: var(--adm-color-weak);\n}\n")();
 var mask = /* @__PURE__ */ (() => ".adm-mask {\n  --z-index: var(--adm-mask-z-index, 1000);\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: var(--z-index);\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n.adm-mask-aria-button {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n}\n.adm-mask-content {\n  z-index: 1;\n}\n")();
 const MIN_DISTANCE = 10;
 function getDirection(x, y) {
@@ -8873,7 +8893,7 @@ const opacityRecord = {
   thin: 0.35,
   thick: 0.75
 };
-const defaultProps$$ = {
+const defaultProps$10 = {
   visible: true,
   destroyOnClose: false,
   forceRender: false,
@@ -8884,7 +8904,7 @@ const defaultProps$$ = {
   stopPropagation: ["click"]
 };
 const Mask = (p2) => {
-  const props = mergeProps(defaultProps$$, p2);
+  const props = mergeProps(defaultProps$10, p2);
   const {
     locale
   } = useConfig();
@@ -8952,21 +8972,39 @@ const Mask = (p2) => {
     destroyOnClose: props.destroyOnClose
   }, renderToContainer(props.getContainer, node));
 };
-const classPrefix$1h = `adm-popup`;
-const defaultProps$_ = {
-  position: "bottom",
-  visible: false,
-  getContainer: () => document.body,
+const defaultPopupBaseProps = {
+  closeOnMaskClick: false,
+  destroyOnClose: false,
+  disableBodyScroll: true,
+  forceRender: false,
+  getContainer: null,
   mask: true,
-  stopPropagation: ["click"]
+  showCloseButton: false,
+  stopPropagation: ["click"],
+  visible: false
 };
+function useInnerVisible(outerVisible) {
+  const [innerVisible, setInnerVisible] = useState(outerVisible);
+  useIsomorphicLayoutEffect(() => {
+    setInnerVisible(outerVisible);
+  }, [outerVisible]);
+  return innerVisible;
+}
+const classPrefix$1h = `adm-popup`;
+const defaultProps$$ = Object.assign(Object.assign({}, defaultPopupBaseProps), {
+  position: "bottom"
+});
 const Popup = (p2) => {
-  const props = mergeProps(defaultProps$_, p2);
+  const props = mergeProps(defaultProps$$, p2);
   const bodyCls = classNames(`${classPrefix$1h}-body`, props.bodyClassName, `${classPrefix$1h}-body-position-${props.position}`);
-  const ref = useRef(null);
   const [active, setActive] = useState(props.visible);
-  useLockScroll(ref, active);
-  const shouldRender = useShouldRender(active, props.forceRender, props.destroyOnClose);
+  useIsomorphicLayoutEffect(() => {
+    if (props.visible) {
+      setActive(true);
+    }
+  }, [props.visible]);
+  const ref = useRef(null);
+  useLockScroll(ref, props.disableBodyScroll && active);
   const unmountedRef = useUnmountedRef();
   const {
     percent
@@ -8978,9 +9016,6 @@ const Popup = (p2) => {
       tension: 300,
       friction: 30
     },
-    onStart: () => {
-      setActive(true);
-    },
     onRest: () => {
       var _a, _b;
       if (unmountedRef.current)
@@ -8993,6 +9028,7 @@ const Popup = (p2) => {
       }
     }
   });
+  const maskVisible = useInnerVisible(active && props.visible);
   const node = withStopPropagation(props.stopPropagation, withNativeProps(props, React$1.createElement("div", {
     className: classPrefix$1h,
     onClick: props.onClick,
@@ -9000,8 +9036,16 @@ const Popup = (p2) => {
       display: active ? void 0 : "none"
     }
   }, props.mask && React$1.createElement(Mask, {
-    visible: props.visible,
-    onMaskClick: props.onMaskClick,
+    visible: maskVisible,
+    forceRender: props.forceRender,
+    destroyOnClose: props.destroyOnClose,
+    onMaskClick: (e2) => {
+      var _a, _b;
+      (_a = props.onMaskClick) === null || _a === void 0 ? void 0 : _a.call(props, e2);
+      if (props.closeOnMaskClick) {
+        (_b = props.onClose) === null || _b === void 0 ? void 0 : _b.call(props);
+      }
+    },
     className: props.maskClassName,
     style: props.maskStyle,
     disableBodyScroll: false,
@@ -9026,10 +9070,20 @@ const Popup = (p2) => {
       })
     }),
     ref
-  }, shouldRender && props.children))));
-  return renderToContainer(props.getContainer, node);
+  }, props.showCloseButton && React$1.createElement("a", {
+    className: classNames(`${classPrefix$1h}-close-icon`, "adm-plain-anchor"),
+    onClick: () => {
+      var _a;
+      (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+    }
+  }, React$1.createElement(CloseOutline, null)), props.children))));
+  return React$1.createElement(ShouldRender, {
+    active,
+    forceRender: props.forceRender,
+    destroyOnClose: props.destroyOnClose
+  }, renderToContainer(props.getContainer, node));
 };
-var safeArea = /* @__PURE__ */ (() => ".adm-safe-area {\n  display: block;\n  width: 100%;\n}\n.adm-safe-area-position-top {\n  padding-top: calc(env(safe-area-inset-top) * var(--adm-hd));\n}\n.adm-safe-area-position-bottom {\n  padding-bottom: calc(env(safe-area-inset-bottom) * var(--adm-hd));\n}\n")();
+var safeArea = /* @__PURE__ */ (() => ".adm-safe-area {\n  --multiple: var(--adm-safe-area-multiple, 1);\n  display: block;\n  width: 100%;\n}\n.adm-safe-area-position-top {\n  padding-top: calc(env(safe-area-inset-top) * var(--multiple));\n}\n.adm-safe-area-position-bottom {\n  padding-bottom: calc(env(safe-area-inset-bottom) * var(--multiple));\n}\n")();
 const classPrefix$1g = "adm-safe-area";
 const SafeArea = (props) => {
   return withNativeProps(props, React$1.createElement("div", {
@@ -9088,7 +9142,7 @@ function concurrentUnmount(container) {
     });
   });
 }
-function unmount$1(container) {
+function unmount(container) {
   if (createRoot) {
     return concurrentUnmount(container);
   }
@@ -9097,19 +9151,21 @@ function unmount$1(container) {
 function renderToBody(element) {
   const container = document.createElement("div");
   document.body.appendChild(container);
-  function unmount2() {
-    const unmountResult = unmount$1(container);
+  function unmount$1() {
+    const unmountResult = unmount(container);
     if (unmountResult && container.parentNode) {
       container.parentNode.removeChild(container);
     }
   }
   render(element, container);
-  return unmount2;
+  return unmount$1;
 }
 function renderImperatively(element) {
   const Wrapper2 = React$1.forwardRef((_, ref) => {
     const [visible, setVisible] = useState(false);
     const closedRef = useRef(false);
+    const [elementToRender, setElementToRender] = useState(element);
+    const keyRef = useRef(0);
     useEffect(() => {
       if (!closedRef.current) {
         setVisible(true);
@@ -9121,17 +9177,24 @@ function renderImperatively(element) {
       var _a, _b;
       closedRef.current = true;
       setVisible(false);
-      (_b = (_a = element.props).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);
+      (_b = (_a = elementToRender.props).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);
     }
     function afterClose() {
       var _a, _b;
       unmount2();
-      (_b = (_a = element.props).afterClose) === null || _b === void 0 ? void 0 : _b.call(_a);
+      (_b = (_a = elementToRender.props).afterClose) === null || _b === void 0 ? void 0 : _b.call(_a);
     }
     useImperativeHandle(ref, () => ({
-      close: onClose
+      close: onClose,
+      replace: (element2) => {
+        var _a, _b;
+        keyRef.current++;
+        (_b = (_a = elementToRender.props).afterClose) === null || _b === void 0 ? void 0 : _b.call(_a);
+        setElementToRender(element2);
+      }
     }));
-    return React$1.cloneElement(element, Object.assign(Object.assign({}, element.props), {
+    return React$1.cloneElement(elementToRender, Object.assign(Object.assign({}, elementToRender.props), {
+      key: keyRef.current,
       visible,
       onClose,
       afterClose
@@ -9141,25 +9204,30 @@ function renderImperatively(element) {
   const unmount2 = renderToBody(React$1.createElement(Wrapper2, {
     ref: wrapperRef
   }));
-  function close() {
-    var _a;
-    (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.close();
-  }
   return {
-    close
+    close: () => {
+      var _a;
+      (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.close();
+    },
+    replace: (element2) => {
+      var _a;
+      (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.replace(element2);
+    }
   };
 }
 const classPrefix$1f = `adm-action-sheet`;
-const defaultProps$Z = {
+const defaultProps$_ = {
   visible: false,
   actions: [],
   cancelText: "",
   closeOnAction: false,
   closeOnMaskClick: true,
-  safeArea: true
+  safeArea: true,
+  destroyOnClose: false,
+  forceRender: false
 };
 const ActionSheet = (p2) => {
-  const props = mergeProps(defaultProps$Z, p2);
+  const props = mergeProps(defaultProps$_, p2);
   return React$1.createElement(Popup, {
     visible: props.visible,
     onMaskClick: () => {
@@ -9172,7 +9240,9 @@ const ActionSheet = (p2) => {
     afterClose: props.afterClose,
     className: classNames(`${classPrefix$1f}-popup`, props.popupClassName),
     style: props.popupStyle,
-    getContainer: props.getContainer
+    getContainer: props.getContainer,
+    destroyOnClose: props.destroyOnClose,
+    forceRender: props.forceRender
   }, withNativeProps(props, React$1.createElement("div", {
     className: classPrefix$1f
   }, props.extra && React$1.createElement("div", {
@@ -9218,7 +9288,7 @@ const ActionSheet = (p2) => {
 function showActionSheet(props) {
   return renderImperatively(React$1.createElement(ActionSheet, Object.assign({}, props)));
 }
-var index$h = attachPropertiesToComponent(ActionSheet, {
+var index$i = attachPropertiesToComponent(ActionSheet, {
   show: showActionSheet
 });
 var autoCenter = /* @__PURE__ */ (() => ".adm-auto-center {\n  display: flex;\n  justify-content: center;\n}\n.adm-auto-center-content {\n  flex: 0 1 auto;\n}\n")();
@@ -9270,12 +9340,12 @@ const Fallback = memo(() => React$1.createElement("svg", {
   mask: "url(#mask-2)"
 }))))));
 const classPrefix$1d = "adm-avatar";
-const defaultProps$Y = {
+const defaultProps$Z = {
   fallback: React$1.createElement(Fallback, null),
   fit: "cover"
 };
 const Avatar = (p2) => {
-  const props = mergeProps(defaultProps$Y, p2);
+  const props = mergeProps(defaultProps$Z, p2);
   return withNativeProps(props, React$1.createElement(Image$1, {
     className: classPrefix$1d,
     src: props.src,
@@ -9288,7 +9358,7 @@ const Avatar = (p2) => {
     onError: props.onError
   }));
 };
-var badge = /* @__PURE__ */ (() => ".adm-badge-wrap {\n  display: inline-block;\n  position: relative;\n}\n.adm-badge {\n  display: inline-flex;\n  vertical-align: middle;\n  box-sizing: content-box;\n  border-radius: 100px;\n  background-color: var(--color);\n  --right: 0;\n  --top: 0;\n  --color: var(--adm-badge-color, #ff411c);\n}\n.adm-badge-content {\n  color: var(--adm-color-white);\n  box-sizing: border-box;\n  min-width: 8px;\n  padding: 1px 4px;\n  font-size: var(--adm-font-size-1);\n  line-height: 12px;\n  white-space: nowrap;\n  font-weight: normal;\n  text-align: center;\n}\n.adm-badge-fixed {\n  position: absolute;\n  right: var(--right);\n  top: var(--top);\n  transform: translate(50%, -50%);\n}\n.adm-badge-dot {\n  min-width: 10px;\n  width: 10px;\n  height: 10px;\n  border-radius: 5px;\n}\n.adm-badge-bordered {\n  border: solid 1px var(--adm-color-white);\n}\n")();
+var badge = /* @__PURE__ */ (() => ".adm-badge-wrapper {\n  display: inline-block;\n  position: relative;\n}\n.adm-badge {\n  display: inline-flex;\n  vertical-align: middle;\n  box-sizing: content-box;\n  border-radius: 100px;\n  background-color: var(--color);\n  --right: 0;\n  --top: 0;\n  --color: var(--adm-badge-color, #ff411c);\n}\n.adm-badge-content {\n  color: var(--adm-color-white);\n  box-sizing: border-box;\n  min-width: 8px;\n  padding: 1px 4px;\n  font-size: var(--adm-font-size-1);\n  line-height: 12px;\n  white-space: nowrap;\n  font-weight: normal;\n  text-align: center;\n}\n.adm-badge-fixed {\n  position: absolute;\n  right: var(--right);\n  top: var(--top);\n  transform: translate(50%, -50%);\n}\n.adm-badge-dot {\n  min-width: 10px;\n  width: 10px;\n  height: 10px;\n  border-radius: 5px;\n}\n.adm-badge-bordered {\n  border: solid 1px var(--adm-color-white);\n}\n")();
 const classPrefix$1c = `adm-badge`;
 const dot = React$1.createElement(React$1.Fragment, null);
 const Badge$1 = (props) => {
@@ -9308,7 +9378,8 @@ const Badge$1 = (props) => {
     className: `${classPrefix$1c}-content`
   }, content))) : null;
   return children ? React$1.createElement("div", {
-    className: `${classPrefix$1c}-wrap`
+    className: classNames(`${classPrefix$1c}-wrapper`, props.wrapperClassName),
+    style: props.wrapperStyle
   }, children, element) : element;
 };
 var Badge = attachPropertiesToComponent(Badge$1, {
@@ -9322,12 +9393,12 @@ const colorRecord$3 = {
   primary: "var(--adm-color-primary)",
   white: "var(--adm-color-white)"
 };
-const defaultProps$X = {
+const defaultProps$Y = {
   color: "default"
 };
 const DotLoading = memo((p2) => {
   var _a;
-  const props = mergeProps(defaultProps$X, p2);
+  const props = mergeProps(defaultProps$Y, p2);
   return withNativeProps(props, React$1.createElement("div", {
     style: {
       color: (_a = colorRecord$3[props.color]) !== null && _a !== void 0 ? _a : props.color
@@ -9376,7 +9447,7 @@ function isIOS() {
   return canUseDom ? /ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase()) : false;
 }
 const classPrefix$1a = `adm-button`;
-const defaultProps$W = {
+const defaultProps$X = {
   color: "default",
   fill: "solid",
   block: false,
@@ -9389,7 +9460,7 @@ const defaultProps$W = {
   size: "middle"
 };
 const Button = forwardRef((p2, ref) => {
-  const props = mergeProps(defaultProps$W, p2);
+  const props = mergeProps(defaultProps$X, p2);
   const [innerLoading, setInnerLoading] = useState(false);
   const nativeButtonRef = useRef(null);
   const loading = props.loading === "auto" ? innerLoading : props.loading;
@@ -9534,10 +9605,8 @@ function usePropsValue(options) {
   }
   const setState = useMemoizedFn((v) => {
     const nextValue = typeof v === "function" ? v(stateRef.current) : v;
-    if (value === void 0) {
-      stateRef.current = nextValue;
-      update();
-    }
+    stateRef.current = nextValue;
+    update();
     onChange === null || onChange === void 0 ? void 0 : onChange(nextValue);
   });
   return [stateRef.current, setState];
@@ -9556,7 +9625,7 @@ function convertValueToRange(selectionMode, value) {
 }
 dayjs.extend(isoWeek);
 const classPrefix$19 = "adm-calendar";
-const defaultProps$V = {
+const defaultProps$W = {
   weekStartsOn: "Sunday",
   defaultValue: null,
   allowClear: true,
@@ -9567,7 +9636,7 @@ const defaultProps$V = {
 };
 const Calendar = forwardRef((p2, ref) => {
   const today = dayjs();
-  const props = mergeProps(defaultProps$V, p2);
+  const props = mergeProps(defaultProps$W, p2);
   const {
     locale
   } = useConfig();
@@ -9992,7 +10061,7 @@ const CapsuleTabs = (props) => {
     }, pane.props.children));
   })));
 };
-var index$g = attachPropertiesToComponent(CapsuleTabs, {
+var index$h = attachPropertiesToComponent(CapsuleTabs, {
   Tab: CapsuleTab
 });
 var card = /* @__PURE__ */ (() => ".adm-card {\n  background: var(--adm-color-background);\n  border-radius: 8px;\n  padding: 0 12px;\n}\n.adm-card-header {\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  box-sizing: border-box;\n  padding: 12px 0;\n}\n.adm-card-header:not(:last-child) {\n  border-bottom: solid 0.5px var(--adm-color-border);\n}\n.adm-card-header-title {\n  font-size: var(--adm-font-size-7);\n  line-height: 1.4;\n  font-weight: bold;\n}\n.adm-card-body {\n  padding: 12px 0;\n}\n")();
@@ -10424,26 +10493,30 @@ const Wheel = memo((props) => {
       className: "adm-picker-view-column-accessible-current",
       role: "button",
       "aria-label": current ? `\u5F53\u524D\u9009\u62E9\u7684\u662F\uFF1A${current.label}` : "\u5F53\u524D\u672A\u9009\u62E9"
-    }, "-"), React$1.createElement("div", null, previous && React$1.createElement("div", {
+    }, "-"), React$1.createElement("div", {
       className: "adm-picker-view-column-accessible-button",
       onClick: () => {
+        if (!previous)
+          return;
         scrollSelect(previousIndex);
       },
-      role: "button",
-      "aria-label": `\u9009\u62E9\u4E0A\u4E00\u9879\uFF1A${previous.label}`
-    }, "-")), React$1.createElement("div", null, next && React$1.createElement("div", {
+      role: previous ? "button" : "text",
+      "aria-label": !previous ? "\u6CA1\u6709\u4E0A\u4E00\u9879" : `\u9009\u62E9\u4E0A\u4E00\u9879\uFF1A${previous.label}`
+    }, "-"), React$1.createElement("div", {
       className: "adm-picker-view-column-accessible-button",
       onClick: () => {
+        if (!next)
+          return;
         scrollSelect(nextIndex);
       },
-      role: "button",
-      "aria-label": `\u9009\u62E9\u4E0B\u4E00\u9879\uFF1A${next.label}`
-    }, "-")));
+      role: next ? "button" : "text",
+      "aria-label": !next ? "\u6CA1\u6709\u4E0B\u4E00\u9879" : `\u9009\u62E9\u4E0B\u4E00\u9879\uFF1A${next.label}`
+    }, "-"));
   }
   return React$1.createElement("div", {
-    ref: rootRef,
     className: `${classPrefix$15}-column`
   }, React$1.createElement(animated.div, {
+    ref: rootRef,
     style: {
       translateY: y
     },
@@ -10523,13 +10596,13 @@ function useColumnsExtend(rawColumns, value) {
 }
 const defaultRenderLabel$3 = (item) => item.label;
 const classPrefix$14 = `adm-picker-view`;
-const defaultProps$U = {
+const defaultProps$V = {
   defaultValue: [],
   renderLabel: defaultRenderLabel$3,
   mouseWheel: false
 };
 const PickerView = memo((p2) => {
-  const props = mergeProps(defaultProps$U, p2);
+  const props = mergeProps(defaultProps$V, p2);
   const [innerValue, setInnerValue] = useState(props.value === void 0 ? props.defaultValue : props.value);
   useEffect(() => {
     if (props.value === void 0)
@@ -10590,19 +10663,21 @@ const PickerView = memo((p2) => {
   }))));
 });
 PickerView.displayName = "PickerView";
-var pickerView = /* @__PURE__ */ (() => ".adm-picker-view {\n  --height: 240px;\n  --item-height: 34px;\n  --item-font-size: var(--adm-font-size-8);\n  height: var(--height);\n  width: 100%;\n  display: flex;\n  position: relative;\n  overflow: hidden;\n  background: var(--adm-color-white);\n}\n.adm-picker-view-column {\n  height: 100%;\n  flex: 1;\n  user-select: none;\n  touch-action: none;\n  position: relative;\n  z-index: 0;\n}\n.adm-picker-view-column-wheel {\n  width: 100%;\n  cursor: grab;\n  position: absolute;\n  top: calc(50% - var(--item-height) / 2);\n  left: 0;\n}\n.adm-picker-view-column-wheel::before {\n  content: ' ';\n  display: block;\n  position: absolute;\n  width: 100%;\n  height: 100vh;\n  top: -100vh;\n}\n.adm-picker-view-column-wheel::after {\n  content: ' ';\n  display: block;\n  position: absolute;\n  width: 100%;\n  height: 100vh;\n  bottom: -100vh;\n}\n.adm-picker-view-column-item {\n  font-size: var(--item-font-size);\n  padding: 0 6px;\n  height: var(--item-height);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.adm-picker-view-column-item-label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.adm-picker-view-column-accessible {\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  z-index: 0;\n}\n.adm-picker-view-column-accessible > * {\n  flex: 1;\n  text-overflow: ellipsis;\n}\n.adm-picker-view-column-accessible-current {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n.adm-picker-view-column-accessible-button {\n  width: 100%;\n  height: 100%;\n}\n.adm-picker-view-mask {\n  position: absolute;\n  z-index: 10000;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  pointer-events: none;\n}\n.adm-picker-view-mask-top,\n.adm-picker-view-mask-bottom {\n  flex: auto;\n}\n.adm-picker-view-mask-middle {\n  height: var(--item-height);\n  box-sizing: border-box;\n  flex: none;\n  border-top: solid 1px var(--adm-color-border);\n  border-bottom: solid 1px var(--adm-color-border);\n}\n.adm-picker-view-mask-top {\n  background: linear-gradient(0deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.8) 50%, #ffffff);\n}\n.adm-picker-view-mask-bottom {\n  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.8) 50%, #ffffff);\n}\n")();
+var pickerView = /* @__PURE__ */ (() => ".adm-picker-view {\n  --height: 240px;\n  --item-height: 34px;\n  --item-font-size: var(--adm-font-size-8);\n  height: var(--height);\n  width: 100%;\n  display: flex;\n  position: relative;\n  overflow: hidden;\n  background: var(--adm-color-white);\n}\n.adm-picker-view-column {\n  height: 100%;\n  flex: 1;\n  user-select: none;\n  touch-action: none;\n  position: relative;\n  z-index: 0;\n}\n.adm-picker-view-column-wheel {\n  width: 100%;\n  cursor: grab;\n  position: absolute;\n  top: calc(50% - var(--item-height) / 2);\n  left: 0;\n}\n.adm-picker-view-column-wheel::before {\n  content: ' ';\n  display: block;\n  position: absolute;\n  width: 100%;\n  height: 100vh;\n  top: -100vh;\n}\n.adm-picker-view-column-wheel::after {\n  content: ' ';\n  display: block;\n  position: absolute;\n  width: 100%;\n  height: 100vh;\n  bottom: -100vh;\n}\n.adm-picker-view-column-item {\n  font-size: var(--item-font-size);\n  padding: 0 6px;\n  height: var(--item-height);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.adm-picker-view-column-item-label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.adm-picker-view-column-accessible {\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  z-index: 0;\n  padding-bottom: 1px;\n}\n.adm-picker-view-column-accessible > * {\n  flex: 1;\n  text-overflow: ellipsis;\n}\n.adm-picker-view-column-accessible-current {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n.adm-picker-view-column-accessible-button {\n  width: 100%;\n  height: 100%;\n}\n.adm-picker-view-mask {\n  position: absolute;\n  z-index: 10000;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  pointer-events: none;\n}\n.adm-picker-view-mask-top,\n.adm-picker-view-mask-bottom {\n  flex: auto;\n}\n.adm-picker-view-mask-middle {\n  height: var(--item-height);\n  box-sizing: border-box;\n  flex: none;\n  border-top: solid 1px var(--adm-color-border);\n  border-bottom: solid 1px var(--adm-color-border);\n}\n.adm-picker-view-mask-top {\n  background: linear-gradient(0deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.8) 50%, #ffffff);\n}\n.adm-picker-view-mask-bottom {\n  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.8) 50%, #ffffff);\n}\n")();
 const classPrefix$13 = `adm-picker`;
-const defaultProps$T = {
+const defaultProps$U = {
   defaultValue: [],
   closeOnMaskClick: true,
-  renderLabel: defaultRenderLabel$3
+  renderLabel: defaultRenderLabel$3,
+  destroyOnClose: false,
+  forceRender: false
 };
 const Picker$1 = memo(forwardRef((p2, ref) => {
   var _a;
   const {
     locale
   } = useConfig();
-  const props = mergeProps(defaultProps$T, {
+  const props = mergeProps(defaultProps$U, {
     confirmText: locale.common.confirm,
     cancelText: locale.common.cancel
   }, p2);
@@ -10654,12 +10729,12 @@ const Picker$1 = memo(forwardRef((p2, ref) => {
       (_a2 = props.onSelect) === null || _a2 === void 0 ? void 0 : _a2.call(props, val, ext);
     }
   });
-  const shouldRender = useShouldRender(visible, props.forceRender, props.destroyOnClose);
   const pickerElement = withNativeProps(props, React$1.createElement("div", {
     className: classPrefix$13
   }, React$1.createElement("div", {
     className: `${classPrefix$13}-header`
   }, React$1.createElement("a", {
+    role: "button",
     className: `${classPrefix$13}-header-button`,
     onClick: () => {
       var _a2;
@@ -10669,6 +10744,7 @@ const Picker$1 = memo(forwardRef((p2, ref) => {
   }, props.cancelText), React$1.createElement("div", {
     className: `${classPrefix$13}-header-title`
   }, props.title), React$1.createElement("a", {
+    role: "button",
     className: `${classPrefix$13}-header-button`,
     onClick: () => {
       setValue(innerValue);
@@ -10696,13 +10772,13 @@ const Picker$1 = memo(forwardRef((p2, ref) => {
       setVisible(false);
     },
     getContainer: props.getContainer,
-    destroyOnClose: true,
+    destroyOnClose: props.destroyOnClose,
     afterShow: props.afterShow,
     afterClose: props.afterClose,
     onClick: props.onClick,
-    forceRender: true,
+    forceRender: props.forceRender,
     stopPropagation: props.stopPropagation
-  }, shouldRender && pickerElement, React$1.createElement(SafeArea, {
+  }, pickerElement, React$1.createElement(SafeArea, {
     position: "bottom"
   }));
   return React$1.createElement(React$1.Fragment, null, popupElement, (_a = props.children) === null || _a === void 0 ? void 0 : _a.call(props, extend.items, actions));
@@ -10820,7 +10896,7 @@ function prompt$2(props) {
     const unmount2 = renderToBody(React$1.createElement(Wrapper2, null));
   });
 }
-var index$f = attachPropertiesToComponent(CascadePicker, {
+var index$g = attachPropertiesToComponent(CascadePicker, {
   prompt: prompt$2
 });
 const CascadePickerView = (props) => {
@@ -10838,13 +10914,13 @@ const classPrefix$12 = `adm-tabs`;
 const Tab = () => {
   return null;
 };
-const defaultProps$S = {
+const defaultProps$T = {
   activeLineMode: "auto",
   stretch: true
 };
 const Tabs$1 = (p2) => {
   var _a;
-  const props = mergeProps(defaultProps$S, p2);
+  const props = mergeProps(defaultProps$T, p2);
   const tabListContainerRef = useRef(null);
   const activeLineRef = useRef(null);
   const keyToIndexRecord = {};
@@ -11063,15 +11139,22 @@ var Tabs = attachPropertiesToComponent(Tabs$1, {
   Tab
 });
 var checkList = /* @__PURE__ */ (() => ".adm-check-list-item-extra {\n  font-size: var(--adm-font-size-8);\n  line-height: 1;\n  color: var(--adm-color-primary);\n}\n.adm-check-list-item-readonly {\n  cursor: unset;\n}\n")();
-var list = /* @__PURE__ */ (() => ".adm-list {\n  --header-font-size: var(--adm-font-size-7);\n  --prefix-width: 'auto';\n  --prefix-padding-right: 12px;\n  --align-items: center;\n  --active-background-color: var(--adm-color-border);\n  --border-inner: solid 1px var(--adm-color-border);\n  --border-top: solid 1px var(--adm-color-border);\n  --border-bottom: solid 1px var(--adm-color-border);\n  --padding-left: 12px;\n  --padding-right: 12px;\n  --font-size: var(--adm-font-size-9);\n}\n.adm-list-header {\n  color: var(--adm-color-weak);\n  font-size: var(--header-font-size);\n  padding: 8px var(--padding-right) 8px var(--padding-left);\n}\n.adm-list-body {\n  background-color: var(--adm-color-background);\n  overflow: hidden;\n  font-size: var(--font-size);\n}\n.adm-list-body-inner {\n  margin-top: -1px;\n}\n.adm-list-default .adm-list-body {\n  border-top: var(--border-top);\n  border-bottom: var(--border-bottom);\n}\n.adm-list-card {\n  margin: 12px;\n}\n.adm-list-card .adm-list-body {\n  border-radius: 8px;\n}\n.adm-list-card .adm-list-header {\n  padding-left: 0;\n}\n.adm-list-item {\n  display: block;\n  padding-left: var(--padding-left);\n  position: relative;\n  background-color: var(--adm-color-background);\n  line-height: 1.5;\n}\n.adm-list-item-title,\n.adm-list-item-description {\n  color: var(--adm-color-weak);\n  font-size: var(--adm-font-size-main);\n}\n.adm-list-item-content {\n  display: flex;\n  align-items: var(--align-items);\n  justify-content: flex-start;\n  border-top: var(--border-inner);\n  padding-right: var(--padding-right);\n}\n.adm-list-item-content-prefix {\n  width: var(--prefix-width);\n  flex: none;\n  padding-right: var(--prefix-padding-right);\n}\n.adm-list-item-content-main {\n  flex: auto;\n  padding: 12px 0;\n}\n.adm-list-item-content-extra {\n  padding-left: 12px;\n  font-size: var(--adm-font-size-7);\n  color: var(--adm-color-weak);\n}\n.adm-list-item-content-arrow {\n  flex: none;\n  display: flex;\n  align-items: center;\n  margin-left: 4px;\n  color: var(--adm-color-light);\n  font-size: 19px;\n}\n.adm-list-item-disabled {\n  cursor: not-allowed;\n}\n.adm-list-item-disabled.adm-list-item-disabled > .adm-list-item-content > * {\n  opacity: 0.4;\n  pointer-events: none;\n}\na.adm-list-item:active:not(.adm-list-item-disabled) {\n  background-color: var(--active-background-color);\n}\na.adm-list-item:active:not(.adm-list-item-disabled)::after {\n  content: ' ';\n  display: block;\n  position: absolute;\n  width: 100%;\n  bottom: -1px;\n  left: 0;\n  border-bottom: var(--border-inner);\n}\n")();
+var list = /* @__PURE__ */ (() => ".adm-list {\n  --header-font-size: var(--adm-font-size-7);\n  --prefix-width: 'auto';\n  --prefix-padding-right: 12px;\n  --align-items: center;\n  --active-background-color: var(--adm-color-border);\n  --border-inner: solid 1px var(--adm-color-border);\n  --border-top: solid 1px var(--adm-color-border);\n  --border-bottom: solid 1px var(--adm-color-border);\n  --padding-left: 12px;\n  --padding-right: 12px;\n  --font-size: var(--adm-font-size-9);\n  --extra-max-width: 70%;\n}\n.adm-list-header {\n  color: var(--adm-color-weak);\n  font-size: var(--header-font-size);\n  padding: 8px var(--padding-right) 8px var(--padding-left);\n}\n.adm-list-body {\n  background-color: var(--adm-color-background);\n  overflow: hidden;\n  font-size: var(--font-size);\n}\n.adm-list-body-inner {\n  margin-top: -1px;\n}\n.adm-list-default .adm-list-body {\n  border-top: var(--border-top);\n  border-bottom: var(--border-bottom);\n}\n.adm-list-card {\n  margin: 12px;\n}\n.adm-list-card .adm-list-body {\n  border-radius: 8px;\n}\n.adm-list-card .adm-list-header {\n  padding-left: 0;\n}\n.adm-list-item {\n  display: block;\n  padding-left: var(--padding-left);\n  position: relative;\n  background-color: var(--adm-color-background);\n  line-height: 1.5;\n}\n.adm-list-item-title,\n.adm-list-item-description {\n  color: var(--adm-color-weak);\n  font-size: var(--adm-font-size-main);\n}\n.adm-list-item-content {\n  display: flex;\n  align-items: var(--align-items);\n  justify-content: flex-start;\n  border-top: var(--border-inner);\n  padding-right: var(--padding-right);\n}\n.adm-list-item-content-prefix {\n  width: var(--prefix-width);\n  flex: none;\n  padding-right: var(--prefix-padding-right);\n}\n.adm-list-item-content-main {\n  flex: auto;\n  padding: 12px 0;\n}\n.adm-list-item-content-extra {\n  flex: none;\n  padding-left: 12px;\n  font-size: var(--adm-font-size-7);\n  color: var(--adm-color-weak);\n  max-width: var(--extra-max-width);\n}\n.adm-list-item-content-arrow {\n  flex: none;\n  display: flex;\n  align-items: center;\n  margin-left: 4px;\n  color: var(--adm-color-light);\n  font-size: 19px;\n}\n.adm-list-item-disabled {\n  cursor: not-allowed;\n}\n.adm-list-item-disabled.adm-list-item-disabled > .adm-list-item-content > * {\n  opacity: 0.4;\n  pointer-events: none;\n}\na.adm-list-item:active:not(.adm-list-item-disabled) {\n  background-color: var(--active-background-color);\n}\na.adm-list-item:active:not(.adm-list-item-disabled)::after {\n  content: ' ';\n  display: block;\n  position: absolute;\n  width: 100%;\n  bottom: -1px;\n  left: 0;\n  border-bottom: var(--border-inner);\n}\n")();
 const classPrefix$11 = `adm-list`;
-const defaultProps$R = {
+const defaultProps$S = {
   mode: "default"
 };
-const List$1 = (p2) => {
-  const props = mergeProps(defaultProps$R, p2);
+const List$1 = forwardRef((p2, ref) => {
+  const props = mergeProps(defaultProps$S, p2);
+  const nativeElementRef = useRef(null);
+  useImperativeHandle(ref, () => ({
+    get nativeElement() {
+      return nativeElementRef.current;
+    }
+  }));
   return withNativeProps(props, React$1.createElement("div", {
-    className: classNames(classPrefix$11, `${classPrefix$11}-${props.mode}`)
+    className: classNames(classPrefix$11, `${classPrefix$11}-${props.mode}`),
+    ref: nativeElementRef
   }, props.header && React$1.createElement("div", {
     className: `${classPrefix$11}-header`
   }, props.header), React$1.createElement("div", {
@@ -11079,7 +11162,7 @@ const List$1 = (p2) => {
   }, React$1.createElement("div", {
     className: `${classPrefix$11}-body-inner`
   }, props.children))));
-};
+});
 function isNodeWithContent(node) {
   return node !== void 0 && node !== null && node !== false;
 }
@@ -11113,13 +11196,13 @@ var List = attachPropertiesToComponent(List$1, {
 });
 const CheckListContext = createContext(null);
 const classPrefix$$ = "adm-check-list";
-const defaultProps$Q = {
+const defaultProps$R = {
   multiple: false,
   defaultValue: [],
   activeIcon: React$1.createElement(CheckOutline, null)
 };
 const CheckList$1 = (p2) => {
-  const props = mergeProps(defaultProps$Q, p2);
+  const props = mergeProps(defaultProps$R, p2);
   const [value, setValue] = usePropsValue(props);
   function check(val) {
     if (props.multiple) {
@@ -11288,14 +11371,14 @@ var Skeleton = attachPropertiesToComponent(Skeleton$1, {
   Paragraph: SkeletonParagraph
 });
 const classPrefix$Y = `adm-cascader-view`;
-const defaultProps$P = {
+const defaultProps$Q = {
   defaultValue: []
 };
 const CascaderView$1 = (p2) => {
   const {
     locale
   } = useConfig();
-  const props = mergeProps(defaultProps$P, {
+  const props = mergeProps(defaultProps$Q, {
     placeholder: locale.Cascader.placeholder
   }, p2);
   const [value, setValue] = usePropsValue(Object.assign(Object.assign({}, props), {
@@ -11402,19 +11485,43 @@ var CascaderView = attachPropertiesToComponent(CascaderView$1, {
   optionSkeleton
 });
 const classPrefix$X = `adm-cascader`;
-const defaultProps$O = {
-  defaultValue: []
+const defaultProps$P = {
+  defaultValue: [],
+  destroyOnClose: true,
+  forceRender: false
 };
-const Cascader = (p2) => {
+const Cascader = forwardRef((p2, ref) => {
   var _a;
   const {
     locale
   } = useConfig();
-  const props = mergeProps(defaultProps$O, {
+  const props = mergeProps(defaultProps$P, {
     confirmText: locale.common.confirm,
     cancelText: locale.common.cancel,
     placeholder: locale.Cascader.placeholder
   }, p2);
+  const [visible, setVisible] = usePropsValue({
+    value: props.visible,
+    defaultValue: false,
+    onChange: (v) => {
+      var _a2;
+      if (v === false) {
+        (_a2 = props.onClose) === null || _a2 === void 0 ? void 0 : _a2.call(props);
+      }
+    }
+  });
+  const actions = {
+    toggle: () => {
+      setVisible((v) => !v);
+    },
+    open: () => {
+      setVisible(true);
+    },
+    close: () => {
+      setVisible(false);
+    }
+  };
+  useImperativeHandle(ref, () => actions);
   const [value, setValue] = usePropsValue(Object.assign(Object.assign({}, props), {
     onChange: (val) => {
       var _a2;
@@ -11424,12 +11531,12 @@ const Cascader = (p2) => {
   const generateValueExtend = useCascaderValueExtend(props.options);
   const [innerValue, setInnerValue] = useState(value);
   useEffect(() => {
-    if (!props.visible) {
+    if (!visible) {
       setInnerValue(value);
     }
-  }, [props.visible]);
+  }, [visible]);
   useEffect(() => {
-    if (!props.visible) {
+    if (!visible) {
       setInnerValue(value);
     }
   }, [value]);
@@ -11440,18 +11547,17 @@ const Cascader = (p2) => {
   }, React$1.createElement("a", {
     className: `${classPrefix$X}-header-button`,
     onClick: () => {
-      var _a2, _b;
+      var _a2;
       (_a2 = props.onCancel) === null || _a2 === void 0 ? void 0 : _a2.call(props);
-      (_b = props.onClose) === null || _b === void 0 ? void 0 : _b.call(props);
+      setVisible(false);
     }
   }, props.cancelText), React$1.createElement("div", {
     className: `${classPrefix$X}-header-title`
   }, props.title), React$1.createElement("a", {
     className: `${classPrefix$X}-header-button`,
     onClick: () => {
-      var _a2;
       setValue(innerValue);
-      (_a2 = props.onClose) === null || _a2 === void 0 ? void 0 : _a2.call(props);
+      setVisible(false);
     }
   }, props.confirmText)), React$1.createElement("div", {
     className: `${classPrefix$X}-body`
@@ -11460,28 +11566,29 @@ const Cascader = (p2) => {
     onChange: (val, ext) => {
       var _a2;
       setInnerValue(val);
-      if (props.visible) {
+      if (visible) {
         (_a2 = props.onSelect) === null || _a2 === void 0 ? void 0 : _a2.call(props, val, ext);
       }
     }
   })))));
   const popupElement = React$1.createElement(Popup, {
-    visible: props.visible,
+    visible,
     position: "bottom",
     onMaskClick: () => {
-      var _a2, _b;
+      var _a2;
       (_a2 = props.onCancel) === null || _a2 === void 0 ? void 0 : _a2.call(props);
-      (_b = props.onClose) === null || _b === void 0 ? void 0 : _b.call(props);
+      setVisible(false);
     },
     getContainer: props.getContainer,
-    destroyOnClose: true,
+    destroyOnClose: props.destroyOnClose,
+    forceRender: props.forceRender,
     afterShow: props.afterShow,
     afterClose: props.afterClose,
     onClick: props.onClick,
     stopPropagation: props.stopPropagation
   }, cascaderElement);
-  return React$1.createElement(React$1.Fragment, null, popupElement, (_a = props.children) === null || _a === void 0 ? void 0 : _a.call(props, generateValueExtend(value).items));
-};
+  return React$1.createElement(React$1.Fragment, null, popupElement, (_a = props.children) === null || _a === void 0 ? void 0 : _a.call(props, generateValueExtend(value).items, actions));
+});
 function prompt$1(props) {
   return new Promise((resolve) => {
     const Wrapper2 = () => {
@@ -11513,30 +11620,14 @@ function prompt$1(props) {
   });
 }
 var cascader = /* @__PURE__ */ (() => ".adm-cascader {\n  width: 100%;\n  overflow: hidden;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n.adm-cascader-header {\n  flex: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 6px 8px;\n}\n.adm-cascader-header-button {\n  font-size: var(--adm-font-size-7);\n  display: inline-block;\n  padding: 4px 4px;\n}\n.adm-cascader-header-title {\n  padding: 4px 4px;\n  font-size: var(--adm-font-size-7);\n  color: var(--adm-color-text);\n  text-align: center;\n  flex: 1;\n}\n.adm-cascader-body {\n  flex: auto;\n  height: 100%;\n  width: 100%;\n}\n.adm-cascader-body > .adm-cascader-view {\n  --height: 310px;\n}\n")();
-var index$e = attachPropertiesToComponent(Cascader, {
+var index$f = attachPropertiesToComponent(Cascader, {
   prompt: prompt$1,
   optionSkeleton
 });
-var centerPopup = /* @__PURE__ */ (() => ".adm-center-popup {\n  --background-color: var(--adm-center-popup-background-color, var(--adm-color-background));\n  --border-radius: var(--adm-center-popup-border-radius, 8px);\n  --max-width: var(--adm-center-popup-max-width, 75vw);\n  --min-width: var(--adm-center-popup-min-width, 280px);\n  --z-index: var(--adm-center-popup-z-index, 1000);\n  position: fixed;\n  z-index: var(--z-index);\n}\n.adm-center-popup .adm-center-popup-mask {\n  z-index: 0;\n}\n.adm-center-popup-wrap {\n  position: fixed;\n  z-index: 1;\n  top: 50%;\n  left: 50%;\n  width: auto;\n  min-width: var(--min-width);\n  max-width: var(--max-width);\n  transform: translate(-50%, -50%);\n}\n.adm-center-popup-body {\n  background-color: var(--background-color);\n  border-radius: var(--border-radius);\n}\n")();
-function useInnerVisible(outerVisible) {
-  const [innerVisible, setInnerVisible] = useState(outerVisible);
-  useIsomorphicLayoutEffect(() => {
-    setInnerVisible(outerVisible);
-  }, [outerVisible]);
-  return innerVisible;
-}
-const defaultProps$N = {
-  destroyOnClose: false,
-  disableBodyScroll: true,
-  forceRender: false,
-  getContainer: null,
-  mask: true,
-  showCloseButton: false,
-  stopPropagation: ["click"],
-  visible: false
-};
+var centerPopup = /* @__PURE__ */ (() => ".adm-center-popup {\n  --background-color: var(--adm-center-popup-background-color, var(--adm-color-background));\n  --border-radius: var(--adm-center-popup-border-radius, 8px);\n  --max-width: var(--adm-center-popup-max-width, 75vw);\n  --min-width: var(--adm-center-popup-min-width, 280px);\n  --z-index: var(--adm-center-popup-z-index, 1000);\n  position: fixed;\n  z-index: var(--z-index);\n}\n.adm-center-popup .adm-center-popup-mask {\n  z-index: 0;\n}\n.adm-center-popup-wrap {\n  position: fixed;\n  z-index: 1;\n  top: 50%;\n  left: 50%;\n  width: auto;\n  min-width: var(--min-width);\n  max-width: var(--max-width);\n  transform: translate(-50%, -50%);\n}\n.adm-center-popup-body {\n  background-color: var(--background-color);\n  border-radius: var(--border-radius);\n}\n.adm-center-popup-close {\n  position: absolute;\n  z-index: 100;\n  right: 8px;\n  top: 8px;\n  cursor: pointer;\n  padding: 4px;\n  font-size: 18px;\n  color: var(--adm-color-weak);\n}\n")();
+const defaultProps$O = defaultPopupBaseProps;
 const CenterPopup = (p2) => {
-  const props = mergeProps(defaultProps$N, p2);
+  const props = mergeProps(defaultProps$O, p2);
   const unmountedRef = useUnmountedRef();
   const style = useSpring({
     scale: props.visible ? 1 : 0.8,
@@ -11582,16 +11673,31 @@ const CenterPopup = (p2) => {
     visible: maskVisible,
     forceRender: props.forceRender,
     destroyOnClose: props.destroyOnClose,
-    onMaskClick: props.onMaskClick,
+    onMaskClick: (e2) => {
+      var _a, _b;
+      (_a = props.onMaskClick) === null || _a === void 0 ? void 0 : _a.call(props, e2);
+      if (props.closeOnMaskClick) {
+        (_b = props.onClose) === null || _b === void 0 ? void 0 : _b.call(props);
+      }
+    },
     style: props.maskStyle,
     className: classNames("adm-center-popup-mask", props.maskClassName),
-    disableBodyScroll: false
+    disableBodyScroll: false,
+    stopPropagation: props.stopPropagation
   }), React$1.createElement("div", {
-    className: "adm-center-popup-wrap"
+    className: "adm-center-popup-wrap",
+    role: props.role,
+    "aria-label": props["aria-label"]
   }, React$1.createElement(animated.div, {
     style,
     ref
-  }, body)))));
+  }, props.showCloseButton && React$1.createElement("a", {
+    className: classNames("adm-center-popup-close", "adm-plain-anchor"),
+    onClick: () => {
+      var _a;
+      (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+    }
+  }, React$1.createElement(CloseOutline, null)), body)))));
   return React$1.createElement(ShouldRender, {
     active,
     forceRender: props.forceRender,
@@ -11600,12 +11706,12 @@ const CenterPopup = (p2) => {
 };
 var checkbox = /* @__PURE__ */ (() => ".adm-checkbox {\n  --icon-size: 22px;\n  --font-size: var(--adm-font-size-9);\n  --gap: 8px;\n  display: inline-flex;\n  vertical-align: text-bottom;\n  justify-content: flex-start;\n  align-items: center;\n  cursor: pointer;\n}\n.adm-checkbox input {\n  display: none;\n}\n.adm-checkbox .adm-checkbox-icon {\n  flex: none;\n  border: 1px solid var(--adm-color-light);\n  border-radius: var(--icon-size);\n  box-sizing: border-box;\n  width: var(--icon-size);\n  height: var(--icon-size);\n  color: var(--adm-color-white);\n}\n.adm-checkbox .adm-checkbox-icon > svg {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n.adm-checkbox.adm-checkbox-block {\n  display: flex;\n}\n.adm-checkbox.adm-checkbox-checked .adm-checkbox-icon {\n  border-color: var(--adm-color-primary);\n  background-color: var(--adm-color-primary);\n}\n.adm-checkbox.adm-checkbox-disabled {\n  cursor: not-allowed;\n}\n.adm-checkbox.adm-checkbox-disabled .adm-checkbox-content {\n  opacity: 0.4;\n}\n.adm-checkbox.adm-checkbox-disabled .adm-checkbox-icon.adm-checkbox-icon {\n  color: #b7b7b7;\n  border-color: var(--adm-color-light);\n  background-color: var(--adm-color-box);\n}\n.adm-checkbox .adm-checkbox-custom-icon {\n  font-size: var(--icon-size);\n}\n.adm-checkbox.adm-checkbox-indeterminate .adm-checkbox-icon {\n  background-color: var(--adm-color-background);\n  color: var(--adm-color-primary);\n}\n.adm-checkbox-content {\n  flex: 0 1 auto;\n  font-size: var(--font-size);\n  padding-left: var(--gap);\n}\n")();
 const CheckboxGroupContext = createContext(null);
-const defaultProps$M = {
+const defaultProps$N = {
   disabled: false,
   defaultValue: []
 };
 const Group$1 = (p2) => {
-  const props = mergeProps(defaultProps$M, p2);
+  const props = mergeProps(defaultProps$N, p2);
   const [value, setValue] = usePropsValue(props);
   return React$1.createElement(CheckboxGroupContext.Provider, {
     value: {
@@ -11638,17 +11744,20 @@ const IndeterminateIcon = memo((props) => {
 });
 const NativeInput = (props) => {
   const inputRef = useRef(null);
+  const handleClick = useMemoizedFn((e2) => {
+    e2.stopPropagation();
+    e2.stopImmediatePropagation();
+    const latestChecked = e2.target.checked;
+    if (latestChecked === props.checked)
+      return;
+    props.onChange(latestChecked);
+  });
   useEffect(() => {
     if (props.disabled)
       return;
     if (!inputRef.current)
       return;
     const input2 = inputRef.current;
-    function handleClick(e2) {
-      e2.stopPropagation();
-      e2.stopImmediatePropagation();
-      props.onChange(input2.checked);
-    }
     input2.addEventListener("click", handleClick);
     return () => {
       input2.removeEventListener("click", handleClick);
@@ -11656,7 +11765,7 @@ const NativeInput = (props) => {
   }, [props.disabled, props.onChange]);
   return React$1.createElement("input", {
     ref: inputRef,
-    type: "checkbox",
+    type: props.type,
     checked: props.checked,
     onChange: () => {
     },
@@ -11665,13 +11774,13 @@ const NativeInput = (props) => {
   });
 };
 const classPrefix$W = `adm-checkbox`;
-const defaultProps$L = {
+const defaultProps$M = {
   defaultChecked: false,
   indeterminate: false
 };
-const Checkbox$1 = (p2) => {
+const Checkbox$1 = forwardRef((p2, ref) => {
   const groupContext = useContext(CheckboxGroupContext);
-  const props = mergeProps(defaultProps$L, p2);
+  const props = mergeProps(defaultProps$M, p2);
   let [checked, setChecked] = usePropsValue({
     value: props.checked,
     defaultValue: props.defaultChecked,
@@ -11694,6 +11803,17 @@ const Checkbox$1 = (p2) => {
     };
     disabled = disabled || groupContext.disabled;
   }
+  useImperativeHandle(ref, () => ({
+    check: () => {
+      setChecked(true);
+    },
+    uncheck: () => {
+      setChecked(false);
+    },
+    toggle: () => {
+      setChecked(!checked);
+    }
+  }));
   const renderIcon = () => {
     if (props.icon) {
       return React$1.createElement("div", {
@@ -11720,7 +11840,7 @@ const Checkbox$1 = (p2) => {
   }), renderIcon(), props.children && React$1.createElement("div", {
     className: `${classPrefix$W}-content`
   }, props.children)));
-};
+});
 var Checkbox = attachPropertiesToComponent(Checkbox$1, {
   Group: Group$1
 });
@@ -11868,7 +11988,7 @@ const Collapse = (props) => {
     }, panel.props.children));
   }))));
 };
-var index$d = attachPropertiesToComponent(Collapse, {
+var index$e = attachPropertiesToComponent(Collapse, {
   Panel: CollapsePanel
 });
 var datePicker = /* @__PURE__ */ (() => "")();
@@ -11935,17 +12055,6 @@ function generateDatePickerColumns$2(selected, min, max, precision, renderLabel,
   const maxMinute = max.getMinutes();
   const maxSecond = max.getSeconds();
   const rank = precisionRankRecord$1[precision];
-  if (rank >= precisionRankRecord$1.year) {
-    const years = [];
-    for (let i = minYear; i <= maxYear; i++) {
-      const value = i.toString();
-      years.push({
-        label: renderLabel ? renderLabel("year", i) : value,
-        value
-      });
-    }
-    ret.push(years);
-  }
   const selectedYear = parseInt(selected[0]);
   const firstDayInSelectedMonth = dayjs(convertStringArrayToDate$2([selected[0], selected[1], "1"]));
   const selectedMonth = parseInt(selected[1]);
@@ -11979,6 +12088,17 @@ function generateDatePickerColumns$2(selected, min, max, precision, renderLabel,
     }
     return column;
   };
+  if (rank >= precisionRankRecord$1.year) {
+    const lower = minYear;
+    const upper = maxYear;
+    const years = generateColumn(lower, upper, "year");
+    ret.push(years.map((v) => {
+      return {
+        label: renderLabel("year", v),
+        value: v.toString()
+      };
+    }));
+  }
   if (rank >= precisionRankRecord$1.month) {
     const lower = isInMinYear ? minMonth : 1;
     const upper = isInMaxYear ? maxMonth : 12;
@@ -12067,17 +12187,6 @@ function generateDatePickerColumns$1(selected, min, max, precision, renderLabel,
   const minYear = min.getFullYear();
   const maxYear = max.getFullYear();
   const rank = precisionRankRecord[precision];
-  if (rank >= precisionRankRecord.year) {
-    const years = [];
-    for (let i = minYear; i <= maxYear; i++) {
-      const value = i.toString();
-      years.push({
-        label: renderLabel ? renderLabel("year", i) : value,
-        value
-      });
-    }
-    ret.push(years);
-  }
   const selectedYear = parseInt(selected[0]);
   const isInMinYear = selectedYear === minYear;
   const isInMaxYear = selectedYear === maxYear;
@@ -12108,6 +12217,17 @@ function generateDatePickerColumns$1(selected, min, max, precision, renderLabel,
     }
     return column;
   };
+  if (rank >= precisionRankRecord.year) {
+    const lower = minYear;
+    const upper = maxYear;
+    const years = generateColumn(lower, upper, "year");
+    ret.push(years.map((v) => {
+      return {
+        label: renderLabel("year", v),
+        value: v.toString()
+      };
+    }));
+  }
   if (rank >= precisionRankRecord.week) {
     const lower = isInMinYear ? minWeek : 1;
     const upper = isInMaxYear ? maxWeek : selectedYearWeeks;
@@ -12185,7 +12305,7 @@ const defaultRenderLabel = (precision, data) => {
   }
 };
 const thisYear$1 = new Date().getFullYear();
-const defaultProps$K = {
+const defaultProps$L = {
   min: new Date(new Date().setFullYear(thisYear$1 - 10)),
   max: new Date(new Date().setFullYear(thisYear$1 + 10)),
   precision: "day",
@@ -12193,7 +12313,7 @@ const defaultProps$K = {
   defaultValue: null
 };
 const DatePicker = forwardRef((p2, ref) => {
-  const props = mergeProps(defaultProps$K, p2);
+  const props = mergeProps(defaultProps$L, p2);
   const [value, setValue] = usePropsValue({
     value: props.value,
     defaultValue: props.defaultValue,
@@ -12237,7 +12357,9 @@ const DatePicker = forwardRef((p2, ref) => {
     onClick: props.onClick,
     title: props.title,
     stopPropagation: props.stopPropagation,
-    mouseWheel: props.mouseWheel
+    mouseWheel: props.mouseWheel,
+    destroyOnClose: props.destroyOnClose,
+    forceRender: props.forceRender
   }, (_, actions) => {
     var _a;
     return (_a = props.children) === null || _a === void 0 ? void 0 : _a.call(props, value, actions);
@@ -12273,11 +12395,11 @@ function prompt(props) {
     const unmount2 = renderToBody(React$1.createElement(Wrapper2, null));
   });
 }
-var index$c = attachPropertiesToComponent(DatePicker, {
+var index$d = attachPropertiesToComponent(DatePicker, {
   prompt
 });
 const thisYear = new Date().getFullYear();
-const defaultProps$J = {
+const defaultProps$K = {
   min: new Date(new Date().setFullYear(thisYear - 10)),
   max: new Date(new Date().setFullYear(thisYear + 10)),
   precision: "day",
@@ -12285,7 +12407,7 @@ const defaultProps$J = {
 };
 const DatePickerView = (p2) => {
   var _a;
-  const props = mergeProps(defaultProps$J, p2);
+  const props = mergeProps(defaultProps$K, p2);
   const [value, setValue] = usePropsValue({
     value: props.value,
     defaultValue: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : null
@@ -12358,7 +12480,7 @@ const BrokenImageIcon = () => React$1.createElement("svg", {
   fillRule: "nonzero"
 }));
 const classPrefix$U = `adm-image`;
-const defaultProps$I = {
+const defaultProps$J = {
   fit: "fill",
   placeholder: React$1.createElement("div", {
     className: `${classPrefix$U}-tip`
@@ -12370,7 +12492,7 @@ const defaultProps$I = {
   draggable: false
 };
 const Image$1 = staged((p2) => {
-  const props = mergeProps(defaultProps$I, p2);
+  const props = mergeProps(defaultProps$J, p2);
   const [loaded, setLoaded] = useState(false);
   const [failed, setFailed] = useState(false);
   const ref = useRef(null);
@@ -12436,13 +12558,13 @@ const Image$1 = staged((p2) => {
     }
   }), renderInner()));
 });
-const defaultProps$H = {
+const defaultProps$I = {
   actions: [],
   closeOnAction: false,
   closeOnMaskClick: false
 };
 const Dialog = (p2) => {
-  const props = mergeProps(defaultProps$H, p2);
+  const props = mergeProps(defaultProps$I, p2);
   const element = React$1.createElement(React$1.Fragment, null, !!props.image && React$1.createElement("div", {
     className: cls$1("image-container")
   }, React$1.createElement(Image$1, {
@@ -12492,7 +12614,9 @@ const Dialog = (p2) => {
     stopPropagation: props.stopPropagation,
     disableBodyScroll: props.disableBodyScroll,
     destroyOnClose: props.destroyOnClose,
-    forceRender: props.forceRender
+    forceRender: props.forceRender,
+    role: "dialog",
+    "aria-label": props["aria-label"]
   }, element);
 };
 function cls$1(name = "") {
@@ -12531,7 +12655,7 @@ function alert$1(p2) {
     }));
   });
 }
-const defaultProps$G = {
+const defaultProps$H = {
   confirmText: "\u786E\u8BA4",
   cancelText: "\u53D6\u6D88"
 };
@@ -12539,7 +12663,7 @@ function confirm$1(p2) {
   const {
     locale
   } = getDefaultConfig();
-  const props = mergeProps(defaultProps$G, {
+  const props = mergeProps(defaultProps$H, {
     confirmText: locale.common.confirm,
     cancelText: locale.common.cancel
   }, p2);
@@ -12577,7 +12701,7 @@ function clear$2() {
     close();
   });
 }
-var index$b = attachPropertiesToComponent(Dialog, {
+var index$c = attachPropertiesToComponent(Dialog, {
   show: show$2,
   alert: alert$1,
   confirm: confirm$1,
@@ -12585,12 +12709,12 @@ var index$b = attachPropertiesToComponent(Dialog, {
 });
 var divider = /* @__PURE__ */ (() => ".adm-divider-horizontal {\n  display: flex;\n  align-items: center;\n  margin: 16px 0;\n  border-width: 0;\n  border-color: var(--adm-color-border);\n  border-style: solid;\n  color: var(--adm-color-weak);\n  font-size: 14px;\n}\n.adm-divider-left.adm-divider-horizontal::before {\n  max-width: 10%;\n}\n.adm-divider-right.adm-divider-horizontal::after {\n  max-width: 10%;\n}\n.adm-divider-horizontal::after,\n.adm-divider-horizontal::before {\n  flex: auto;\n  display: block;\n  content: '';\n  border-style: inherit;\n  border-color: inherit;\n  border-width: 1px 0 0;\n}\n.adm-divider-horizontal .adm-divider-content {\n  flex: none;\n  padding: 0 16px;\n}\n.adm-divider-vertical {\n  position: relative;\n  top: -0.06em;\n  display: inline-block;\n  height: 0.9em;\n  margin: 0 16px;\n  vertical-align: middle;\n  border-top: 0;\n  border-left: 1px solid var(--adm-color-border);\n}\n")();
 const classPrefix$T = `adm-divider`;
-const defaultProps$F = {
+const defaultProps$G = {
   contentPosition: "center",
   direction: "horizontal"
 };
 const Divider = (p2) => {
-  const props = mergeProps(defaultProps$F, p2);
+  const props = mergeProps(defaultProps$G, p2);
   return withNativeProps(props, React$1.createElement("div", {
     className: classNames(classPrefix$T, `${classPrefix$T}-${props.direction}`, `${classPrefix$T}-${props.contentPosition}`)
   }, props.children && React$1.createElement("div", {
@@ -12632,13 +12756,13 @@ const ItemChildrenWrap = (props) => {
   }, props.children) : null;
 };
 const classPrefix$R = `adm-dropdown`;
-const defaultProps$E = {
+const defaultProps$F = {
   defaultActiveKey: null,
   closeOnMaskClick: true,
   closeOnClickAway: false
 };
 const Dropdown = forwardRef((p2, ref) => {
-  const props = mergeProps(defaultProps$E, p2);
+  const props = mergeProps(defaultProps$F, p2);
   const [value, setValue] = usePropsValue({
     value: props.activeKey,
     defaultValue: props.defaultActiveKey,
@@ -12726,12 +12850,12 @@ const Dropdown = forwardRef((p2, ref) => {
     }, item.props.children);
   })))));
 });
-var index$a = attachPropertiesToComponent(Dropdown, {
+var index$b = attachPropertiesToComponent(Dropdown, {
   Item
 });
 var ellipsis = /* @__PURE__ */ (() => ".adm-ellipsis {\n  overflow: hidden;\n  line-height: 1.5;\n}\n")();
 const classPrefix$Q = `adm-ellipsis`;
-const defaultProps$D = {
+const defaultProps$E = {
   direction: "end",
   rows: 1,
   expandText: "",
@@ -12741,7 +12865,7 @@ const defaultProps$D = {
   }
 };
 const Ellipsis = (p2) => {
-  const props = mergeProps(defaultProps$D, p2);
+  const props = mergeProps(defaultProps$E, p2);
   const rootRef = useRef(null);
   const [ellipsised, setEllipsised] = useState({});
   const [expanded, setExpanded] = useState(false);
@@ -12925,13 +13049,13 @@ const Empty = (props) => {
 };
 var errorBlock = /* @__PURE__ */ (() => ".adm-error-block {\n  --color: var(--adm-color-text);\n  --image-height: var(--adm-error-block-image-height, 100px);\n  --image-height-full-page: var(--adm-error-block-image-height-full-page, 200px);\n  --image-width: var(--adm-error-block-image-width, auto);\n  --image-width-full-page: var(--adm-error-block-image-width-full-page, auto);\n  box-sizing: border-box;\n  text-align: center;\n}\n.adm-error-block-image {\n  height: var(--image-height);\n  width: var(--image-width);\n  max-width: 100%;\n}\n.adm-error-block-image svg,\n.adm-error-block-image img {\n  height: 100%;\n}\n.adm-error-block-description {\n  font-size: var(--adm-font-size-4);\n  color: #999;\n  line-height: 1.4;\n  margin-top: 12px;\n}\n.adm-error-block-description-title {\n  font-size: var(--adm-font-size-7);\n}\n.adm-error-block-description-subtitle {\n  margin-top: 8px;\n}\n.adm-error-block-content {\n  margin-top: 12px;\n}\n.adm-error-block-full-page {\n  padding-top: calc(50vh - var(--image-height-full-page));\n}\n.adm-error-block-full-page .adm-error-block-image {\n  height: var(--image-height-full-page);\n  width: var(--image-width-full-page);\n}\n.adm-error-block-full-page .adm-error-block-description {\n  margin-top: 20px;\n  font-size: var(--adm-font-size-main);\n}\n.adm-error-block-full-page .adm-error-block-description-title {\n  font-size: 20px;\n  color: var(--adm-color-text);\n}\n")();
 const classPrefix$O = `adm-error-block`;
-const defaultProps$C = {
+const defaultProps$D = {
   status: "default"
 };
 function createErrorBlock(imageRecord2) {
   const ErrorBlock2 = (p2) => {
     var _a;
-    const props = mergeProps(defaultProps$C, p2);
+    const props = mergeProps(defaultProps$D, p2);
     const {
       locale
     } = useConfig();
@@ -13464,11 +13588,11 @@ const imageRecord = {
 const ErrorBlock = createErrorBlock(imageRecord);
 var floatingBubble = /* @__PURE__ */ (() => ".adm-floating-bubble {\n  --initial-position-left: var(--initial-position-left);\n  --initial-position-right: var(--initial-position-right);\n  --initial-position-top: var(--initial-position-top);\n  --initial-position-bottom: var(--initial-position-bottom);\n  --z-index: 1;\n  --edge-distance: 0;\n  --size: 48px;\n  --border-radius: 50%;\n  --background: var(--adm-color-primary);\n}\n.adm-floating-bubble-boundary-outer {\n  position: fixed;\n  left: 0;\n  top: 0;\n  width: 100vw;\n  height: 100vh;\n  padding: var(--edge-distance);\n  box-sizing: border-box;\n  pointer-events: none;\n}\n.adm-floating-bubble-boundary {\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n.adm-floating-bubble-button {\n  position: fixed;\n  top: var(--initial-position-top);\n  bottom: var(--initial-position-bottom);\n  left: var(--initial-position-left);\n  right: var(--initial-position-right);\n  box-sizing: border-box;\n  width: var(--size);\n  height: var(--size);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n  cursor: pointer;\n  transition: opacity ease 0.15s;\n  user-select: none;\n  touch-action: none;\n  background: var(--background);\n  color: var(--adm-color-white);\n  border-radius: var(--border-radius);\n  z-index: var(--z-index);\n}\n")();
 const classPrefix$N = `adm-floating-bubble`;
-const defaultProps$B = {
+const defaultProps$C = {
   axis: "y"
 };
 const FloatingBubble = (p2) => {
-  const props = mergeProps(defaultProps$B, p2);
+  const props = mergeProps(defaultProps$C, p2);
   const boundaryRef = useRef(null);
   const buttonRef = useRef(null);
   const [{
@@ -13549,12 +13673,12 @@ function nearest(arr, target) {
     return Math.abs(pre - target) < Math.abs(cur - target) ? pre : cur;
   });
 }
-const defaultProps$A = {
+const defaultProps$B = {
   handleDraggingOfContent: true
 };
 const FloatingPanel = forwardRef((p2, ref) => {
   var _a, _b;
-  const props = mergeProps(defaultProps$A, p2);
+  const props = mergeProps(defaultProps$B, p2);
   const {
     anchors
   } = props;
@@ -13668,7 +13792,7 @@ const FloatingPanel = forwardRef((p2, ref) => {
     ref: contentRef
   }, props.children)));
 });
-var index$9 = /* @__PURE__ */ (() => ".adm-form {\n  --border-inner: solid 1px var(--adm-color-border);\n  --border-top: solid 1px var(--adm-color-border);\n  --border-bottom: solid 1px var(--adm-color-border);\n  ---border-inner: var(--border-inner);\n  ---border-top: var(--border-top);\n  ---border-bottom: var(--border-bottom);\n}\n.adm-form .adm-list.adm-list {\n  --padding-left: 16px;\n  --padding-right: 12px;\n  --border-inner: var(---border-inner);\n  --border-top: var(---border-top);\n  --border-bottom: var(---border-bottom);\n}\n.adm-form .adm-form-footer {\n  padding: 20px 12px;\n}\n.adm-form-list-operation {\n  text-align: center;\n  color: #1677ff;\n}\n.adm-form-item + .adm-form-item {\n  border-top: none;\n}\n.adm-form-item-label {\n  display: block;\n  height: 100%;\n  line-height: 1.5;\n  box-sizing: border-box;\n  position: relative;\n  color: var(--adm-color-text-secondary);\n}\n.adm-form-item-label .adm-form-item-required-asterisk {\n  position: absolute;\n  left: -0.6em;\n  top: 0;\n  font-family: SimSun, sans-serif;\n  color: var(--adm-color-danger);\n  user-select: none;\n}\n.adm-form-item-label .adm-form-item-required-text {\n  margin-left: 4px;\n  color: var(--adm-color-weak);\n}\n.adm-form-item-label-help {\n  margin-left: 4px;\n  cursor: pointer;\n}\n.adm-form-item-child {\n  display: flex;\n}\n.adm-form-item-child-position-normal {\n  justify-content: normal;\n}\n.adm-form-item-child-position-normal > * {\n  flex: auto;\n}\n.adm-form-item-child-position-right {\n  justify-content: flex-end;\n}\n.adm-form-item-child-position-right > * {\n  flex: none;\n}\n.adm-form-item-feedback-error {\n  color: var(--adm-color-danger);\n  margin-top: 4px;\n}\n.adm-form-item-feedback-warning {\n  color: var(--adm-color-warning);\n  margin-top: 4px;\n}\n.adm-form-item.adm-form-item-hidden {\n  display: none;\n}\n.adm-form-item.adm-form-item-horizontal.adm-list-item {\n  --align-items: stretch;\n  --prefix-width: 6.8em;\n}\n.adm-form-item.adm-form-item-horizontal .adm-list-item-content-prefix {\n  padding-top: 12px;\n  padding-bottom: 12px;\n}\n.adm-form-item.adm-form-item-horizontal .adm-list-item-content-extra {\n  align-self: center;\n}\n.adm-form-item.adm-form-item-vertical .adm-form-item-label {\n  font-size: var(--adm-font-size-7);\n  margin-bottom: 4px;\n}\n")();
+var index$a = /* @__PURE__ */ (() => ".adm-form {\n  --border-inner: solid 1px var(--adm-color-border);\n  --border-top: solid 1px var(--adm-color-border);\n  --border-bottom: solid 1px var(--adm-color-border);\n  ---border-inner: var(--border-inner);\n  ---border-top: var(--border-top);\n  ---border-bottom: var(--border-bottom);\n}\n.adm-form .adm-list.adm-list {\n  --padding-left: 16px;\n  --padding-right: 12px;\n  --border-inner: var(---border-inner);\n  --border-top: var(---border-top);\n  --border-bottom: var(---border-bottom);\n}\n.adm-form .adm-form-footer {\n  padding: 20px 12px;\n}\n.adm-form-list-operation {\n  text-align: center;\n  color: #1677ff;\n}\n.adm-form-item + .adm-form-item {\n  border-top: none;\n}\n.adm-form-item-label {\n  display: block;\n  height: 100%;\n  line-height: 1.5;\n  box-sizing: border-box;\n  position: relative;\n  color: var(--adm-color-text-secondary);\n}\n.adm-form-item-label .adm-form-item-required-asterisk {\n  position: absolute;\n  left: -0.6em;\n  top: 0;\n  font-family: SimSun, sans-serif;\n  color: var(--adm-color-danger);\n  user-select: none;\n}\n.adm-form-item-label .adm-form-item-required-text {\n  margin-left: 4px;\n  color: var(--adm-color-weak);\n}\n.adm-form-item-label-help {\n  margin-left: 4px;\n  cursor: pointer;\n}\n.adm-form-item-child {\n  display: flex;\n}\n.adm-form-item-child-position-normal {\n  justify-content: normal;\n}\n.adm-form-item-child-position-normal > * {\n  flex: auto;\n}\n.adm-form-item-child-position-right {\n  justify-content: flex-end;\n}\n.adm-form-item-child-position-right > * {\n  flex: none;\n}\n.adm-form-item-feedback-error {\n  color: var(--adm-color-danger);\n  margin-top: 4px;\n}\n.adm-form-item-feedback-warning {\n  color: var(--adm-color-warning);\n  margin-top: 4px;\n}\n.adm-form-item.adm-form-item-hidden {\n  display: none;\n}\n.adm-form-item.adm-form-item-horizontal.adm-list-item {\n  --align-items: stretch;\n  --prefix-width: 6.8em;\n}\n.adm-form-item.adm-form-item-horizontal .adm-list-item-content-prefix {\n  padding-top: 12px;\n  padding-bottom: 12px;\n}\n.adm-form-item.adm-form-item-horizontal .adm-list-item-content-extra {\n  align-self: center;\n}\n.adm-form-item.adm-form-item-vertical .adm-form-item-label {\n  font-size: var(--adm-font-size-7);\n  margin-bottom: 4px;\n}\n")();
 const defaultFormContext = {
   name: void 0,
   hasFeedback: true,
@@ -13712,9 +13836,9 @@ const FormArray = (props) => {
   });
 };
 const classPrefix$M = "adm-form";
-const defaultProps$z = defaultFormContext;
-const Form$1 = forwardRef((p2, ref) => {
-  const props = mergeProps(defaultProps$z, p2);
+const defaultProps$A = defaultFormContext;
+const Form = forwardRef((p2, ref) => {
+  const props = mergeProps(defaultProps$A, p2);
   const {
     className,
     style,
@@ -14012,14 +14136,14 @@ function convertPx(px) {
   return tester.getBoundingClientRect().height;
 }
 const classPrefix$L = `adm-popover`;
-const defaultProps$y = {
+const defaultProps$z = {
   placement: "top",
   defaultVisible: false,
   stopPropagation: ["click"],
   getContainer: () => document.body
 };
 const Popover$1 = forwardRef((p2, ref) => {
-  const props = mergeProps(defaultProps$y, p2);
+  const props = mergeProps(defaultProps$z, p2);
   const {
     mode = "light"
   } = props;
@@ -14263,13 +14387,13 @@ const FormItemLayout = (props) => {
       e2.preventDefault();
     }
   }, React$1.createElement(QuestionCircleOutline, null)))) : null;
-  const description = React$1.createElement(React$1.Fragment, null, props.description, hasFeedback && React$1.createElement(React$1.Fragment, null, props.errors.map((error, index2) => React$1.createElement("div", {
+  const description = props.description || hasFeedback ? React$1.createElement(React$1.Fragment, null, props.description, hasFeedback && React$1.createElement(React$1.Fragment, null, props.errors.map((error, index2) => React$1.createElement("div", {
     key: `error-${index2}`,
     className: `${classPrefix$J}-feedback-error`
   }, error)), props.warnings.map((warning2, index2) => React$1.createElement("div", {
     key: `warning-${index2}`,
     className: `${classPrefix$J}-feedback-warning`
-  }, warning2))));
+  }, warning2)))) : null;
   return React$1.createElement(List.Item, {
     style,
     title: layout === "vertical" && labelElement,
@@ -14463,15 +14587,13 @@ const FormItem = (props) => {
 };
 const FormSubscribe = (props) => {
   const update = useUpdate();
-  return React$1.createElement(Form.Item, {
-    noStyle: true,
-    dependencies: props.to
-  }, (form) => React$1.createElement(React$1.Fragment, null, props.children(form.getFieldsValue(props.to), form), props.to.map((namePath) => React$1.createElement(Watcher, {
+  const form = useContext(FieldContext$1);
+  return React$1.createElement(React$1.Fragment, null, props.children(form.getFieldsValue(props.to), form), props.to.map((namePath) => React$1.createElement(Watcher, {
     key: namePath.toString(),
     form,
     namePath,
     onChange: update
-  }))));
+  })));
 };
 const Watcher = memo((props) => {
   const value = useWatch(props.namePath, props.form);
@@ -14480,7 +14602,7 @@ const Watcher = memo((props) => {
   }, [value]);
   return null;
 });
-var Form = attachPropertiesToComponent(Form$1, {
+var index$9 = attachPropertiesToComponent(Form, {
   Item: FormItem,
   Subscribe: FormSubscribe,
   Header,
@@ -14751,14 +14873,14 @@ const Slides = forwardRef((props, ref) => {
   }))));
 });
 const classPrefix$F = `adm-image-viewer`;
-const defaultProps$x = {
+const defaultProps$y = {
   maxZoom: 3,
   getContainer: null,
   visible: false
 };
 const ImageViewer$1 = (p2) => {
   var _a;
-  const props = mergeProps(defaultProps$x, p2);
+  const props = mergeProps(defaultProps$y, p2);
   const node = React$1.createElement(Mask, {
     visible: props.visible,
     disableBodyScroll: false,
@@ -14780,7 +14902,7 @@ const ImageViewer$1 = (p2) => {
   })));
   return renderToContainer(props.getContainer, node);
 };
-const multiDefaultProps = Object.assign(Object.assign({}, defaultProps$x), {
+const multiDefaultProps = Object.assign(Object.assign({}, defaultProps$y), {
   defaultIndex: 0
 });
 const MultiImageViewer = forwardRef((p2, ref) => {
@@ -14952,13 +15074,13 @@ const colorRecord$2 = {
   primary: "var(--adm-color-primary)",
   white: "var(--adm-color-white)"
 };
-const defaultProps$w = {
+const defaultProps$x = {
   color: "default"
 };
 const circumference = 15 * 3.14159265358979 * 2;
 const SpinLoading = memo((p2) => {
   var _a;
-  const props = mergeProps(defaultProps$w, p2);
+  const props = mergeProps(defaultProps$x, p2);
   const motionReduced = useMotionReduced();
   const {
     percent
@@ -15049,11 +15171,11 @@ const PreviewItem = (props) => {
 };
 var space = /* @__PURE__ */ (() => ".adm-space-item {\n  flex: none;\n}\n.adm-space {\n  display: inline-flex;\n  --gap: 8px;\n  --gap-vertical: var(--gap);\n  --gap-horizontal: var(--gap);\n}\n.adm-space-vertical {\n  flex-direction: column;\n}\n.adm-space-vertical > .adm-space-item {\n  margin-bottom: var(--gap-vertical);\n}\n.adm-space-vertical > .adm-space-item:last-child {\n  margin-bottom: 0;\n}\n.adm-space-horizontal {\n  flex-direction: row;\n}\n.adm-space-horizontal > .adm-space-item {\n  margin-right: var(--gap-horizontal);\n}\n.adm-space-horizontal > .adm-space-item:last-child {\n  margin-right: 0;\n}\n.adm-space-horizontal.adm-space-wrap {\n  flex-wrap: wrap;\n  margin-bottom: calc(var(--gap-vertical) * -1);\n}\n.adm-space-horizontal.adm-space-wrap > .adm-space-item {\n  padding-bottom: var(--gap-vertical);\n}\n.adm-space.adm-space-block {\n  display: flex;\n}\n.adm-space-align-center {\n  align-items: center;\n}\n.adm-space-align-start {\n  align-items: flex-start;\n}\n.adm-space-align-end {\n  align-items: flex-end;\n}\n.adm-space-align-baseline {\n  align-items: baseline;\n}\n.adm-space-justify-center {\n  justify-content: center;\n}\n.adm-space-justify-start {\n  justify-content: flex-start;\n}\n.adm-space-justify-end {\n  justify-content: flex-end;\n}\n.adm-space-justify-between {\n  justify-content: space-between;\n}\n.adm-space-justify-around {\n  justify-content: space-around;\n}\n.adm-space-justify-evenly {\n  justify-content: space-evenly;\n}\n.adm-space-justify-stretch {\n  justify-content: stretch;\n}\n")();
 const classPrefix$C = `adm-space`;
-const defaultProps$v = {
+const defaultProps$w = {
   direction: "horizontal"
 };
 const Space = (p2) => {
-  const props = mergeProps(defaultProps$v, p2);
+  const props = mergeProps(defaultProps$w, p2);
   const {
     direction,
     onClick
@@ -15074,7 +15196,7 @@ const Space = (p2) => {
   })));
 };
 const classPrefix$B = `adm-image-uploader`;
-const defaultProps$u = {
+const defaultProps$v = {
   disableUpload: false,
   deletable: true,
   showUpload: true,
@@ -15090,7 +15212,7 @@ const ImageUploader = (p2) => {
   const {
     locale
   } = useConfig();
-  const props = mergeProps(defaultProps$u, p2);
+  const props = mergeProps(defaultProps$v, p2);
   const [value, setValue] = usePropsValue(props);
   const [tasks, setTasks] = useState([]);
   useIsomorphicLayoutEffect(() => {
@@ -15325,11 +15447,11 @@ const Sidebar = (props) => {
   }));
 };
 const classPrefix$z = `adm-index-bar`;
-const defaultProps$t = {
+const defaultProps$u = {
   sticky: true
 };
 const IndexBar = forwardRef((p2, ref) => {
-  const props = mergeProps(defaultProps$t, p2);
+  const props = mergeProps(defaultProps$u, p2);
   const titleHeight = convertPx(35);
   const bodyRef = useRef(null);
   const indexItems = [];
@@ -15430,7 +15552,7 @@ function isWindow(element) {
   return element === window;
 }
 const classPrefix$y = `adm-infinite-scroll`;
-const defaultProps$s = {
+const defaultProps$t = {
   threshold: 250,
   children: (hasMore, failed, retry) => React$1.createElement(InfiniteScrollContent, {
     hasMore,
@@ -15439,7 +15561,7 @@ const defaultProps$s = {
   })
 };
 const InfiniteScroll = (p2) => {
-  const props = mergeProps(defaultProps$s, p2);
+  const props = mergeProps(defaultProps$t, p2);
   const [failed, setFailed] = useState(false);
   const doLoadMore = useLockFn((isRetry) => __awaiter(void 0, void 0, void 0, function* () {
     try {
@@ -15453,7 +15575,9 @@ const InfiniteScroll = (p2) => {
   const [flag, setFlag] = useState({});
   const nextFlagRef = useRef(flag);
   const [scrollParent, setScrollParent] = useState();
-  const check = useMemoizedFn(() => __awaiter(void 0, void 0, void 0, function* () {
+  const {
+    run: check
+  } = useThrottleFn(() => __awaiter(void 0, void 0, void 0, function* () {
     if (nextFlagRef.current !== flag)
       return;
     if (!props.hasMore)
@@ -15476,7 +15600,11 @@ const InfiniteScroll = (p2) => {
       yield doLoadMore(false);
       setFlag(nextFlag);
     }
-  }));
+  }), {
+    wait: 100,
+    leading: true,
+    trailing: true
+  });
   useEffect(() => {
     check();
   });
@@ -15495,9 +15623,11 @@ const InfiniteScroll = (p2) => {
     };
   }, [scrollParent]);
   function retry() {
-    setFailed(false);
-    doLoadMore(true);
-    setFlag(nextFlagRef.current);
+    return __awaiter(this, void 0, void 0, function* () {
+      setFailed(false);
+      yield doLoadMore(true);
+      setFlag(nextFlagRef.current);
+    });
   }
   return withNativeProps(props, React$1.createElement("div", {
     className: classPrefix$y,
@@ -15522,14 +15652,14 @@ const InfiniteScrollContent = (props) => {
   }
   return React$1.createElement(React$1.Fragment, null, React$1.createElement("span", null, locale.common.loading), React$1.createElement(DotLoading, null));
 };
-var input = /* @__PURE__ */ (() => ".adm-input {\n  --font-size: var(--adm-font-size-9);\n  --color: var(--adm-color-text);\n  --placeholder-color: var(--adm-color-light);\n  --text-align: left;\n  --background-color: transparent;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  width: 100%;\n  max-width: 100%;\n  max-height: 100%;\n  min-height: 24px;\n  background-color: var(--background-color);\n}\n.adm-input-disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n.adm-input-element {\n  flex: auto;\n  display: inline-block;\n  box-sizing: border-box;\n  width: 100%;\n  max-width: 100%;\n  max-height: 100%;\n  padding: 0;\n  margin: 0;\n  color: var(--color);\n  font-size: var(--font-size);\n  line-height: 1.5;\n  background: transparent;\n  border: 0;\n  outline: none;\n  appearance: none;\n  min-height: 1.5em;\n  text-align: var(--text-align);\n}\n.adm-input-element::placeholder {\n  color: var(--placeholder-color);\n  font-family: inherit;\n}\n.adm-input-element:-webkit-autofill {\n  background-color: transparent;\n}\n.adm-input-element:read-only {\n  cursor: default;\n}\n.adm-input-element:invalid {\n  box-shadow: none;\n}\n.adm-input-element::-ms-clear {\n  display: none;\n}\n.adm-input-element::-webkit-search-cancel-button {\n  display: none;\n}\n.adm-input-element::-webkit-search-decoration {\n  display: none;\n}\n.adm-input-element:disabled {\n  opacity: 1;\n}\n.adm-input-element[type='date'],\n.adm-input-element[type='time'],\n.adm-input-element[type='datetime-local'] {\n  min-height: 1.5em;\n}\n.adm-input-element[type='search'] {\n  -webkit-appearance: none;\n}\n.adm-input-element[readonly] {\n  pointer-events: none;\n}\n.adm-input-clear {\n  flex: none;\n  margin-left: 8px;\n  color: var(--adm-color-light);\n  padding: 4px;\n  cursor: pointer;\n}\n.adm-input-clear:active {\n  color: var(--adm-color-weak);\n}\n.adm-input-clear .antd-mobile-icon {\n  display: block;\n  font-size: var(--adm-font-size-7);\n}\n")();
+var input = /* @__PURE__ */ (() => ".adm-input {\n  --font-size: var(--adm-font-size-9);\n  --color: var(--adm-color-text);\n  --placeholder-color: var(--adm-color-light);\n  --text-align: left;\n  --background-color: transparent;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  width: 100%;\n  max-width: 100%;\n  max-height: 100%;\n  min-height: 24px;\n  background-color: var(--background-color);\n}\n.adm-input-disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n.adm-input-element {\n  flex: auto;\n  display: inline-block;\n  box-sizing: border-box;\n  width: 100%;\n  max-width: 100%;\n  max-height: 100%;\n  padding: 0;\n  margin: 0;\n  color: var(--color);\n  font-size: var(--font-size);\n  line-height: 1.5;\n  background: transparent;\n  border: 0;\n  outline: none;\n  appearance: none;\n  min-height: 1.5em;\n  text-align: var(--text-align);\n}\n.adm-input-element::placeholder {\n  color: var(--placeholder-color);\n  font-family: inherit;\n}\n.adm-input-element:-webkit-autofill {\n  background-color: transparent;\n}\n.adm-input-element:read-only {\n  cursor: default;\n}\n.adm-input-element:invalid {\n  box-shadow: none;\n}\n.adm-input-element::-ms-clear {\n  display: none;\n}\n.adm-input-element::-ms-reveal {\n  display: none;\n}\n.adm-input-element::-webkit-search-cancel-button {\n  display: none;\n}\n.adm-input-element::-webkit-search-decoration {\n  display: none;\n}\n.adm-input-element:disabled {\n  opacity: 1;\n}\n.adm-input-element[type='date'],\n.adm-input-element[type='time'],\n.adm-input-element[type='datetime-local'] {\n  min-height: 1.5em;\n}\n.adm-input-element[type='search'] {\n  -webkit-appearance: none;\n}\n.adm-input-element[readonly] {\n  pointer-events: none;\n}\n.adm-input-clear {\n  flex: none;\n  margin-left: 8px;\n  color: var(--adm-color-light);\n  padding: 4px;\n  cursor: pointer;\n}\n.adm-input-clear:active {\n  color: var(--adm-color-weak);\n}\n.adm-input-clear .antd-mobile-icon {\n  display: block;\n  font-size: var(--adm-font-size-7);\n}\n")();
 const classPrefix$x = `adm-input`;
-const defaultProps$r = {
+const defaultProps$s = {
   defaultValue: "",
   onlyShowClearWhenFocus: true
 };
 const Input = forwardRef((p2, ref) => {
-  const props = mergeProps(defaultProps$r, p2);
+  const props = mergeProps(defaultProps$s, p2);
   const [value, setValue] = usePropsValue(props);
   const [hasFocus, setHasFocus] = useState(false);
   const compositionStartRef = useRef(false);
@@ -15633,7 +15763,11 @@ const Input = forwardRef((p2, ref) => {
       compositionStartRef.current = false;
       (_a = props.onCompositionEnd) === null || _a === void 0 ? void 0 : _a.call(props, e2);
     },
-    onClick: props.onClick
+    onClick: props.onClick,
+    role: props.role,
+    "aria-valuenow": props["aria-valuenow"],
+    "aria-valuemax": props["aria-valuemax"],
+    "aria-valuemin": props["aria-valuemin"]
   }), shouldShowClear && React$1.createElement("div", {
     className: `${classPrefix$x}-clear`,
     onMouseDown: (e2) => {
@@ -15746,7 +15880,7 @@ const JumboTabs = (props) => {
 var index$7 = attachPropertiesToComponent(JumboTabs, {
   Tab: JumboTab
 });
-var modal = /* @__PURE__ */ (() => ".adm-modal {\n  --z-index: var(--adm-modal-z-index, 1000);\n  ---z-index: var(--z-index);\n}\n.adm-modal .adm-center-popup {\n  --z-index: var(---z-index);\n}\n.adm-modal-body {\n  width: 100%;\n  max-height: 70vh;\n  font-size: var(--adm-font-size-6);\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n.adm-modal-body > * {\n  flex: none;\n}\n.adm-modal-body > .adm-modal-content {\n  flex: auto;\n}\n.adm-modal-body:not(.adm-modal-with-image) {\n  padding-top: 20px;\n}\n.adm-modal-image-container {\n  margin-bottom: 12px;\n  max-height: 40vh;\n  overflow-y: scroll;\n}\n.adm-modal-header {\n  margin-bottom: 8px;\n  padding: 0 12px;\n}\n.adm-modal-title {\n  margin-bottom: 8px;\n  padding: 0 12px;\n  font-weight: bold;\n  font-size: var(--adm-font-size-10);\n  line-height: 25px;\n  text-align: center;\n}\n.adm-modal-content {\n  padding: 0 12px 12px;\n  max-height: 70vh;\n  overflow-x: hidden;\n  overflow-y: auto;\n  font-size: var(--adm-font-size-7);\n  line-height: 1.4;\n  color: var(--adm-color-text);\n}\n.adm-modal-close {\n  position: absolute;\n  right: 8px;\n  top: 8px;\n  color: var(--adm-color-weak);\n  padding: 4px;\n  font-size: var(--adm-font-size-10);\n}\n.adm-modal-footer {\n  user-select: none;\n  padding: 8px 12px 12px;\n}\n.adm-modal-footer-empty {\n  padding: 0;\n  height: 8px;\n}\n.adm-modal-footer.adm-space {\n  --gap-vertical: 20px;\n}\n.adm-modal-footer .adm-modal-button {\n  font-size: var(--adm-font-size-10);\n  line-height: 25px;\n}\n.adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary) {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n.adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary)::before {\n  display: none;\n}\n.adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary):active {\n  opacity: 0.7;\n}\n")();
+var modal = /* @__PURE__ */ (() => ".adm-modal {\n  --z-index: var(--adm-modal-z-index, 1000);\n  ---z-index: var(--z-index);\n}\n.adm-modal .adm-center-popup {\n  --z-index: var(---z-index);\n}\n.adm-modal-body {\n  width: 100%;\n  max-height: 70vh;\n  font-size: var(--adm-font-size-6);\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n.adm-modal-body > * {\n  flex: none;\n}\n.adm-modal-body > .adm-modal-content {\n  flex: auto;\n}\n.adm-modal-body:not(.adm-modal-with-image) {\n  padding-top: 20px;\n}\n.adm-modal-image-container {\n  margin-bottom: 12px;\n  max-height: 40vh;\n  overflow-y: scroll;\n}\n.adm-modal-header {\n  margin-bottom: 8px;\n  padding: 0 12px;\n}\n.adm-modal-title {\n  margin-bottom: 8px;\n  padding: 0 12px;\n  font-weight: bold;\n  font-size: var(--adm-font-size-10);\n  line-height: 25px;\n  text-align: center;\n}\n.adm-modal-content {\n  padding: 0 12px 12px;\n  max-height: 70vh;\n  overflow-x: hidden;\n  overflow-y: auto;\n  font-size: var(--adm-font-size-7);\n  line-height: 1.4;\n  color: var(--adm-color-text);\n}\n.adm-modal-footer {\n  user-select: none;\n  padding: 8px 12px 12px;\n}\n.adm-modal-footer-empty {\n  padding: 0;\n  height: 8px;\n}\n.adm-modal-footer.adm-space {\n  --gap-vertical: 20px;\n}\n.adm-modal-footer .adm-modal-button {\n  font-size: var(--adm-font-size-10);\n  line-height: 25px;\n}\n.adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary) {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n.adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary)::before {\n  display: none;\n}\n.adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary):active {\n  opacity: 0.7;\n}\n")();
 const ModalActionButton = (props) => {
   const {
     action
@@ -15765,17 +15899,14 @@ const ModalActionButton = (props) => {
     disabled: action.disabled
   }, action.text));
 };
-const defaultProps$q = {
+const defaultProps$r = {
   actions: [],
   closeOnAction: false,
   closeOnMaskClick: false
 };
 const Modal = (p2) => {
-  const props = mergeProps(defaultProps$q, p2);
-  const element = React$1.createElement(React$1.Fragment, null, props.showCloseButton && React$1.createElement("a", {
-    className: classNames(cls("close"), "adm-plain-anchor"),
-    onClick: props.onClose
-  }, React$1.createElement(CloseOutline, null)), !!props.image && React$1.createElement("div", {
+  const props = mergeProps(defaultProps$r, p2);
+  const element = React$1.createElement(React$1.Fragment, null, !!props.image && React$1.createElement("div", {
     className: cls("image-container")
   }, React$1.createElement(Image$1, {
     src: props.image,
@@ -15809,10 +15940,9 @@ const Modal = (p2) => {
     style: props.style,
     afterClose: props.afterClose,
     afterShow: props.afterShow,
-    onMaskClick: props.closeOnMaskClick ? () => {
-      var _a;
-      (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
-    } : void 0,
+    showCloseButton: props.showCloseButton,
+    closeOnMaskClick: props.closeOnMaskClick,
+    onClose: props.onClose,
     visible: props.visible,
     getContainer: props.getContainer,
     bodyStyle: props.bodyStyle,
@@ -15862,7 +15992,7 @@ function alert(p2) {
     }));
   });
 }
-const defaultProps$p = {
+const defaultProps$q = {
   confirmText: "\u786E\u8BA4",
   cancelText: "\u53D6\u6D88"
 };
@@ -15870,7 +16000,7 @@ function confirm(p2) {
   const {
     locale
   } = getDefaultConfig();
-  const props = mergeProps(defaultProps$p, {
+  const props = mergeProps(defaultProps$q, {
     confirmText: locale.common.confirm,
     cancelText: locale.common.cancel
   }, p2);
@@ -15916,12 +16046,12 @@ var index$6 = attachPropertiesToComponent(Modal, {
 });
 var navBar = /* @__PURE__ */ (() => ".adm-nav-bar {\n  --height: 45px;\n  --border-bottom: none;\n  display: flex;\n  align-items: center;\n  height: var(--height);\n  border-bottom: var(--border-bottom);\n  padding: 0 12px;\n  white-space: nowrap;\n}\n.adm-nav-bar-left,\n.adm-nav-bar-right {\n  flex: 1;\n}\n.adm-nav-bar-title {\n  flex: auto;\n  text-align: center;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.adm-nav-bar-back {\n  display: flex;\n  align-items: center;\n  margin-right: 16px;\n  padding: 6px 0;\n  cursor: pointer;\n}\n.adm-nav-bar-back-arrow {\n  font-size: 24px;\n  margin-right: 4px;\n}\n.adm-nav-bar-left {\n  font-size: var(--adm-font-size-7);\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n}\n.adm-nav-bar-title {\n  justify-content: center;\n  white-space: nowrap;\n  font-size: var(--adm-font-size-10);\n  padding: 0 12px;\n}\n.adm-nav-bar-right {\n  text-align: right;\n}\n")();
 const classPrefix$v = `adm-nav-bar`;
-const defaultProps$o = {
+const defaultProps$p = {
   back: "",
   backArrow: true
 };
 const NavBar = (p2) => {
-  const props = mergeProps(defaultProps$o, p2);
+  const props = mergeProps(defaultProps$p, p2);
   const {
     back,
     backArrow
@@ -15946,14 +16076,14 @@ const NavBar = (p2) => {
 };
 var noticeBar = /* @__PURE__ */ (() => ".adm-notice-bar {\n  --background-color: #ababab;\n  --border-color: #999999;\n  --text-color: var(--adm-color-white);\n  --font-size: var(--adm-font-size-7);\n  --icon-font-size: var(--adm-font-size-10);\n  --height: 38px;\n  height: var(--height);\n  box-sizing: border-box;\n  font-size: var(--font-size);\n  line-height: var(--height);\n  padding: 0 12px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border: solid 1px var(--border-color);\n  border-left: none;\n  border-right: none;\n  background-color: var(--background-color);\n  color: var(--text-color);\n}\n.adm-notice-bar > span[role='img'] {\n  color: var(--text-color);\n}\n.adm-notice-bar.adm-notice-bar-alert {\n  --background-color: #fff9ed;\n  --border-color: #fff3e9;\n  --text-color: #ff6010;\n}\n.adm-notice-bar.adm-notice-bar-error {\n  --background-color: #ff3b30;\n  --border-color: #d9281e;\n  --text-color: #ffffff;\n}\n.adm-notice-bar.adm-notice-bar-info {\n  --background-color: #d0e4ff;\n  --border-color: #bcd8ff;\n  --text-color: #1677ff;\n}\n.adm-notice-bar .adm-notice-bar-left {\n  flex-shrink: 0;\n  margin-right: 8px;\n  font-size: var(--icon-font-size);\n  line-height: var(--height);\n}\n.adm-notice-bar .adm-notice-bar-content {\n  flex: 1;\n  overflow: hidden;\n  position: relative;\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n.adm-notice-bar .adm-notice-bar-content .adm-notice-bar-content-inner {\n  width: auto;\n  transition-timing-function: linear;\n  position: absolute;\n  white-space: nowrap;\n}\n.adm-notice-bar .adm-notice-bar-right {\n  flex-shrink: 0;\n  margin-left: 12px;\n}\n.adm-notice-bar-close-icon {\n  font-size: var(--adm-font-size-10);\n}\n")();
 const classPrefix$u = `adm-notice-bar`;
-const defaultProps$n = {
+const defaultProps$o = {
   color: "default",
   delay: 2e3,
   speed: 50,
   icon: React$1.createElement(SoundOutline, null)
 };
 const NoticeBar = memo((p2) => {
-  const props = mergeProps(defaultProps$n, p2);
+  const props = mergeProps(defaultProps$o, p2);
   const containerRef = useRef(null);
   const textRef = useRef(null);
   const [visible, setVisible] = useState(true);
@@ -16038,16 +16168,18 @@ function shuffle(array) {
   return result2;
 }
 const classPrefix$t = "adm-number-keyboard";
-const defaultProps$m = {
+const defaultProps$n = {
   defaultVisible: false,
   randomOrder: false,
   showCloseButton: true,
   confirmText: null,
   closeOnConfirm: true,
-  safeArea: true
+  safeArea: true,
+  destroyOnClose: false,
+  forceRender: false
 };
 const NumberKeyboard = (p2) => {
-  const props = mergeProps(defaultProps$m, p2);
+  const props = mergeProps(defaultProps$n, p2);
   const {
     visible,
     title,
@@ -16132,7 +16264,11 @@ const NumberKeyboard = (p2) => {
       "sign-key": !isNumberKey && key,
       "mid-key": index2 === 9 && !!confirmText
     });
-    return React$1.createElement("div", {
+    const ariaProps = key ? {
+      role: "button",
+      title: key
+    } : void 0;
+    return React$1.createElement("div", Object.assign({
       key,
       className,
       onTouchStart: () => {
@@ -16145,10 +16281,8 @@ const NumberKeyboard = (p2) => {
         if (key === "BACKSPACE") {
           onBackspacePressEnd();
         }
-      },
-      title: key,
-      role: "button"
-    }, key === "BACKSPACE" ? React$1.createElement(TextDeletionOutline, null) : key);
+      }
+    }, ariaProps), key === "BACKSPACE" ? React$1.createElement(TextDeletionOutline, null) : key);
   };
   return React$1.createElement(Popup, {
     visible,
@@ -16157,7 +16291,9 @@ const NumberKeyboard = (p2) => {
     afterClose: props.afterClose,
     afterShow: props.afterShow,
     className: `${classPrefix$t}-popup`,
-    stopPropagation: props.stopPropagation
+    stopPropagation: props.stopPropagation,
+    destroyOnClose: props.destroyOnClose,
+    forceRender: props.forceRender
   }, withNativeProps(props, React$1.createElement("div", {
     ref: keyboardRef,
     className: classPrefix$t,
@@ -16195,12 +16331,12 @@ const NumberKeyboard = (p2) => {
 };
 var pageIndicator = /* @__PURE__ */ (() => ".adm-page-indicator {\n  display: flex;\n  width: auto;\n  --dot-color: rgba(0, 0, 0, 0.2);\n  --active-dot-color: var(--adm-color-primary);\n  --dot-size: 3px;\n  --active-dot-size: 13px;\n  --dot-border-radius: 1px;\n  --active-dot-border-radius: var(--dot-border-radius);\n  --dot-spacing: 3px;\n}\n.adm-page-indicator-dot {\n  display: block;\n  width: var(--dot-size);\n  height: var(--dot-size);\n  border-radius: var(--dot-border-radius);\n  background: var(--dot-color);\n}\n.adm-page-indicator-dot:last-child {\n  margin-right: 0;\n}\n.adm-page-indicator-dot-active {\n  border-radius: var(--active-dot-border-radius);\n  background: var(--active-dot-color);\n}\n.adm-page-indicator-color-white {\n  --active-dot-color: var(--adm-color-white);\n}\n.adm-page-indicator-horizontal {\n  flex-direction: row;\n}\n.adm-page-indicator-horizontal .adm-page-indicator-dot {\n  margin-right: var(--dot-spacing);\n}\n.adm-page-indicator-horizontal .adm-page-indicator-dot-active {\n  width: var(--active-dot-size);\n}\n.adm-page-indicator-vertical {\n  flex-direction: column;\n}\n.adm-page-indicator-vertical .adm-page-indicator-dot {\n  margin-bottom: var(--dot-spacing);\n}\n.adm-page-indicator-vertical .adm-page-indicator-dot-active {\n  height: var(--active-dot-size);\n}\n")();
 const classPrefix$s = `adm-page-indicator`;
-const defaultProps$l = {
+const defaultProps$m = {
   color: "primary",
   direction: "horizontal"
 };
 const PageIndicator = memo((p2) => {
-  const props = mergeProps(defaultProps$l, p2);
+  const props = mergeProps(defaultProps$m, p2);
   const dots = [];
   for (let i = 0; i < props.total; i++) {
     dots.push(React$1.createElement("div", {
@@ -16216,7 +16352,7 @@ const PageIndicator = memo((p2) => {
 });
 var passcodeInput = /* @__PURE__ */ (() => ".adm-passcode-input {\n  position: relative;\n  display: inline-block;\n  --cell-size: 40px;\n  --cell-gap: 6px;\n  --dot-size: 10px;\n  --border-color: #e5e5e5;\n  --border-radius: 8px;\n}\n.adm-passcode-input-cell-container {\n  display: inline-flex;\n  vertical-align: top;\n}\n.adm-passcode-input-cell {\n  flex: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  font-size: var(--adm-font-size-10);\n  width: var(--cell-size);\n  height: var(--cell-size);\n  background: var(--adm-color-white);\n}\n.adm-passcode-input:not(.seperated) {\n  border-radius: var(--border-radius);\n  overflow: hidden;\n  border: 1px solid var(--border-color);\n}\n.adm-passcode-input:not(.seperated) .adm-passcode-input-cell:not(:last-child) {\n  border-right: 1px solid var(--border-color);\n}\n.adm-passcode-input:not(.seperated).focused {\n  border-color: var(--adm-color-primary);\n  box-shadow: 0 0 2px 0 var(--adm-color-primary);\n  outline: none;\n}\n.adm-passcode-input:not(.seperated).error {\n  border-color: var(--adm-color-danger);\n  box-shadow: 0 0 2px 0 var(--adm-color-danger);\n  animation: 100ms ease-in-out 0s 3 normal none running adm-shake-horizontal;\n}\n.adm-passcode-input.seperated .adm-passcode-input-cell {\n  border-radius: var(--border-radius);\n  border: 1px solid var(--border-color);\n}\n.adm-passcode-input.seperated .adm-passcode-input-cell:not(:last-child) {\n  margin-right: var(--cell-gap);\n}\n.adm-passcode-input.seperated .adm-passcode-input-cell.focused {\n  border-color: var(--adm-color-primary);\n  box-shadow: 0 0 2px 0 var(--adm-color-primary);\n}\n.adm-passcode-input.seperated.focused {\n  outline: none;\n}\n.adm-passcode-input.seperated.error {\n  animation: 100ms ease-in-out 0s 3 normal none running adm-shake-horizontal;\n}\n.adm-passcode-input.seperated.error .adm-passcode-input-cell {\n  border-color: var(--adm-color-danger);\n  box-shadow: 0 0 2px 0 var(--adm-color-danger);\n}\n.adm-passcode-input-cell.dot::before {\n  content: '';\n  width: var(--dot-size);\n  height: var(--dot-size);\n  border-radius: 50%;\n  background: var(--adm-color-text);\n}\n.adm-passcode-input-cell.caret::after {\n  content: '';\n  width: 2px;\n  height: 1.1em;\n  margin-left: 1px;\n  background: var(--adm-color-primary);\n  animation: 1s linear infinite adm-caret-blink;\n}\n.adm-passcode-input > .adm-passcode-input-native-input {\n  position: absolute;\n  left: -200vw;\n  top: 0;\n  display: block;\n  width: 50px;\n  height: 20px;\n  opacity: 0.5;\n}\n@keyframes adm-shake-horizontal {\n  0% {\n    transform: translateX(0);\n  }\n  10% {\n    transform: translateX(-4px);\n  }\n  20% {\n    transform: translateX(5px);\n  }\n  30% {\n    transform: translateX(-1px);\n  }\n  40% {\n    transform: translateX(8px);\n  }\n  50% {\n    transform: translateX(0);\n  }\n  60% {\n    transform: translateX(-8px);\n  }\n  70% {\n    transform: translateX(1px);\n  }\n  80% {\n    transform: translateX(-5px);\n  }\n  90% {\n    transform: translateX(4px);\n  }\n  100% {\n    transform: translateX(0);\n  }\n}\n@keyframes adm-caret-blink {\n  from {\n    opacity: 1;\n  }\n  60% {\n    opacity: 1;\n  }\n  80% {\n    opacity: 0;\n  }\n  to {\n    opacity: 0;\n  }\n}\n")();
 const classPrefix$r = "adm-passcode-input";
-const defaultProps$k = {
+const defaultProps$l = {
   defaultValue: "",
   length: 6,
   plain: false,
@@ -16225,8 +16361,8 @@ const defaultProps$k = {
   caret: true
 };
 const PasscodeInput = forwardRef((p2, ref) => {
-  const props = mergeProps(defaultProps$k, p2);
-  const cellLength = props.length > 0 && props.length < Infinity ? Math.floor(props.length) : defaultProps$k.length;
+  const props = mergeProps(defaultProps$l, p2);
+  const cellLength = props.length > 0 && props.length < Infinity ? Math.floor(props.length) : defaultProps$l.length;
   const [focused, setFocused] = useState(false);
   const [value, setValue] = usePropsValue(props);
   const rootRef = useRef(null);
@@ -16332,23 +16468,37 @@ const PasscodeInput = forwardRef((p2, ref) => {
     }
   }));
 });
-var progressBar = /* @__PURE__ */ (() => ".adm-progress-bar {\n  --track-width: var(--adm-progress-bar-track-width, 3px);\n  --track-color: var(--adm-progress-bar-track-color, #e5e5e5);\n  --fill-color: var(--adm-progress-bar-fill-color, var(--adm-color-primary));\n}\n.adm-progress-bar-trail {\n  background: var(--track-color);\n  overflow: hidden;\n  height: var(--track-width);\n  border-radius: var(--track-width);\n}\n.adm-progress-bar-fill {\n  transition: width 0.3s;\n  background: var(--fill-color);\n  height: 100%;\n  border-radius: var(--track-width);\n}\n")();
+var progressBar = /* @__PURE__ */ (() => ".adm-progress-bar {\n  --track-width: var(--adm-progress-bar-track-width, 8px);\n  --track-color: var(--adm-progress-bar-track-color, #e5e5e5);\n  --fill-color: var(--adm-progress-bar-fill-color, var(--adm-color-primary));\n  --text-width: var(--adm-progress-bar-text-width, 40px);\n  display: flex;\n  align-items: center;\n}\n.adm-progress-bar-trail {\n  flex: auto;\n  background: var(--track-color);\n  overflow: hidden;\n  height: var(--track-width);\n}\n.adm-progress-bar-fill {\n  transition: width 0.3s;\n  background: var(--fill-color);\n  height: var(--track-width);\n}\n.adm-progress-bar-text {\n  flex: none;\n  width: calc(var(--text-width) + 8px);\n  padding-left: 8px;\n  color: #999999;\n}\n.adm-progress-bar-rounded .adm-progress-bar-trail,\n.adm-progress-bar-rounded .adm-progress-bar-fill {\n  border-radius: var(--track-width);\n}\n")();
 const classPrefix$q = `adm-progress-bar`;
+const defaultProps$k = {
+  percent: 0,
+  rounded: true,
+  text: false
+};
 const ProgressBar = (p2) => {
-  const props = mergeProps({
-    percent: 0
-  }, p2);
+  const props = mergeProps(defaultProps$k, p2);
   const fillStyle = {
     width: `${props.percent}%`
   };
+  const textElement = function() {
+    if (props.text === true) {
+      return `${props.percent}%`;
+    }
+    if (typeof props.text === "function") {
+      return props.text(props.percent);
+    }
+    return props.text;
+  }();
   return withNativeProps(props, React$1.createElement("div", {
-    className: classPrefix$q
+    className: classNames(classPrefix$q, props.rounded && `${classPrefix$q}-rounded`)
   }, React$1.createElement("div", {
     className: `${classPrefix$q}-trail`
   }, React$1.createElement("div", {
     className: `${classPrefix$q}-fill`,
     style: fillStyle
-  }))));
+  })), isNodeWithContent(textElement) && React$1.createElement("div", {
+    className: `${classPrefix$q}-text`
+  }, textElement)));
 };
 var progressCircle = /* @__PURE__ */ (() => "/*\u8FDB\u5EA6\u5708*/\n.adm-progress-circle {\n  --track-width: var(--adm-progress-circle-track-width, 3px);\n  --size: var(--adm-progress-circle-size, 50px);\n  --track-color: var(--adm-progress-circle-track-color, #e5e5e5);\n  --fill-color: var(--adm-progress-circle-fill-color, var(--adm-color-primary));\n  --percent: 0;\n  --pi: 3.14159265;\n  --radius: calc(var(--size) / 2 - var(--track-width) / 2);\n  --circumference: calc(var(--radius) * var(--pi) * 2);\n  display: inline-block;\n  width: var(--size);\n  height: var(--size);\n}\n.adm-progress-circle-svg {\n  width: 100%;\n  height: 100%;\n}\n.adm-progress-circle-svg > .adm-progress-circle-track,\n.adm-progress-circle-svg .adm-progress-circle-fill {\n  stroke-width: var(--track-width);\n  r: var(--radius);\n  cx: calc(var(--size) / 2);\n  cy: calc(var(--size) / 2);\n  transform: rotate(-90deg);\n  transform-origin: 50% 50%;\n}\n.adm-progress-circle-svg > .adm-progress-circle-track {\n  stroke: var(--track-color);\n}\n.adm-progress-circle-svg > .adm-progress-circle-fill {\n  transition: stroke-dashoffset 0.35s;\n  stroke: var(--fill-color);\n  stroke-dasharray: var(--circumference);\n  stroke-dashoffset: calc(var(--circumference) * (1 - var(--percent) / 100));\n  stroke-linecap: round;\n}\n.adm-progress-circle-content {\n  position: relative;\n  margin: auto;\n  width: 100%;\n  height: 100%;\n}\n.adm-progress-circle-info {\n  position: absolute;\n  width: 100%;\n  top: 50%;\n  left: 50%;\n  text-align: center;\n  transform: translate(-50%, -50%);\n}\n")();
 const classPrefix$p = `adm-progress-circle`;
@@ -16592,14 +16742,14 @@ const Radio = (p2) => {
   } = props;
   if (groupContext && value !== void 0) {
     checked = groupContext.value.includes(value);
-    setChecked = (checked2) => {
+    setChecked = (innerChecked) => {
       var _a;
-      if (checked2) {
+      if (innerChecked) {
         groupContext.check(value);
       } else {
         groupContext.uncheck(value);
       }
-      (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, checked2);
+      (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, innerChecked);
     };
     disabled = disabled || groupContext.disabled;
   }
@@ -16632,12 +16782,26 @@ const Radio = (p2) => {
 var index$5 = attachPropertiesToComponent(Radio, {
   Group
 });
-var rate = /* @__PURE__ */ (() => ".adm-rate {\n  --star-size: 24px;\n  --active-color: #ffd21e;\n  --inactive-color: var(--adm-color-light);\n  display: inline-flex;\n}\n.adm-rate-box {\n  position: relative;\n}\n.adm-rate-star {\n  padding: calc(var(--star-size) / 8);\n  line-height: var(--star-size);\n  font-size: var(--star-size);\n  color: var(--inactive-color);\n  text-align: center;\n  overflow: hidden;\n  cursor: pointer;\n  box-sizing: border-box;\n}\n.adm-rate-star-half {\n  padding-right: 0;\n  width: 50%;\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n.adm-rate-star-active {\n  color: var(--active-color);\n}\n.adm-rate-star-readonly {\n  cursor: unset;\n}\n")();
+var rate = /* @__PURE__ */ (() => ".adm-rate {\n  --star-size: 24px;\n  --active-color: #ffd21e;\n  --inactive-color: var(--adm-color-border);\n  display: inline-flex;\n}\n.adm-rate-box {\n  position: relative;\n}\n.adm-rate-star {\n  padding: 0.125em;\n  line-height: var(--star-size);\n  font-size: var(--star-size);\n  color: var(--inactive-color);\n  text-align: center;\n  overflow: hidden;\n  cursor: pointer;\n  box-sizing: border-box;\n}\n.adm-rate-star-half {\n  padding-right: 0;\n  width: 50%;\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n.adm-rate-star-active {\n  color: var(--active-color);\n}\n.adm-rate-star-readonly {\n  cursor: unset;\n}\n")();
+const Star = () => {
+  return React$1.createElement("svg", {
+    viewBox: "0 0 42 40",
+    height: "1em",
+    xmlns: "http://www.w3.org/2000/svg",
+    style: {
+      verticalAlign: "-0.125em"
+    }
+  }, React$1.createElement("path", {
+    d: "m21 34-10.52 5.53a2 2 0 0 1-2.902-2.108l2.01-11.714-8.511-8.296a2 2 0 0 1 1.108-3.411l11.762-1.71 5.26-10.657a2 2 0 0 1 3.586 0l5.26 10.658L39.815 14a2 2 0 0 1 1.108 3.411l-8.51 8.296 2.009 11.714a2 2 0 0 1-2.902 2.109L21 34Z",
+    fill: "currentColor",
+    fillRule: "evenodd"
+  }));
+};
 const classPrefix$m = `adm-rate`;
 const defaultProps$g = {
   count: 5,
   allowHalf: false,
-  character: React$1.createElement(StarFill, null),
+  character: React$1.createElement(Star, null),
   defaultValue: 0,
   readOnly: false,
   allowClear: true
@@ -17076,6 +17240,9 @@ const Thumb = (props) => {
     icon
   } = props;
   const prevValue = useRef(value);
+  const {
+    locale
+  } = useConfig();
   const currentPosition = () => {
     return {
       left: `${(value - min) / (max - min) * 100}%`,
@@ -17112,7 +17279,14 @@ const Thumb = (props) => {
   return React$1.createElement("div", Object.assign({
     className: `${classPrefix$f}-thumb-container`,
     style: currentPosition()
-  }, bind()), renderPopoverContent ? React$1.createElement(Popover$1, {
+  }, bind(), {
+    role: "slider",
+    "aria-label": props["aria-label"] || locale.Slider.name,
+    "aria-valuemax": max,
+    "aria-valuemin": min,
+    "aria-valuenow": value,
+    "aria-disabled": disabled
+  }), renderPopoverContent ? React$1.createElement(Popover$1, {
     content: renderPopoverContent(value),
     placement: "top",
     visible: dragging,
@@ -17249,7 +17423,8 @@ const Slider = (p2) => {
             dragLockRef.current -= 1;
           }, 100);
         }
-      }
+      },
+      "aria-label": props["aria-label"]
     });
   };
   return withNativeProps(props, React$1.createElement("div", {
@@ -17300,6 +17475,9 @@ const Stepper = (p2) => {
     min,
     inputReadOnly
   } = props;
+  const {
+    locale
+  } = useConfig();
   const [value, setValue] = usePropsValue(props);
   const [inputValue, setInputValue] = useState(() => convertValueToText(value, props.digits));
   function setValueWithCheck(v) {
@@ -17371,7 +17549,8 @@ const Stepper = (p2) => {
     disabled: minusDisabled(),
     fill: "none",
     shape: "rectangular",
-    color: "primary"
+    color: "primary",
+    "aria-label": locale.Stepper.decrease
   }, React$1.createElement(MinusOutline, null)), React$1.createElement("div", {
     className: `${classPrefix$d}-middle`
   }, React$1.createElement(Input, {
@@ -17391,14 +17570,19 @@ const Stepper = (p2) => {
       setHasFocus(false);
       (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e2);
     },
-    readOnly: inputReadOnly
+    readOnly: inputReadOnly,
+    role: "spinbutton",
+    "aria-valuenow": Number(inputValue),
+    "aria-valuemax": max,
+    "aria-valuemin": min
   })), React$1.createElement(Button, {
     className: `${classPrefix$d}-plus`,
     onClick: handlePlus,
     disabled: plusDisabled(),
     fill: "none",
     shape: "rectangular",
-    color: "primary"
+    color: "primary",
+    "aria-label": locale.Stepper.increase
   }, React$1.createElement(AddOutline, null))));
 };
 function convertValueToText(value, digits) {
@@ -17415,7 +17599,7 @@ function convertTextToValue(text) {
     return null;
   return parseFloat(text);
 }
-var steps = /* @__PURE__ */ (() => ".adm-step {\n  --line-to-next-color: #e5e5e5;\n  --icon-color: #e5e5e5;\n}\n.adm-step .adm-step-indicator {\n  position: relative;\n}\n.adm-step .adm-step-indicator::after {\n  content: '';\n  position: absolute;\n  z-index: 0;\n  background-color: var(--line-to-next-color);\n}\n.adm-step .adm-step-indicator .adm-step-icon-container {\n  position: absolute;\n  z-index: 1;\n  background: var(--adm-color-white);\n  color: var(--icon-color);\n}\n.adm-step .adm-step-indicator .adm-step-icon-container > .antd-mobile-icon {\n  display: block;\n}\n.adm-step:last-child .adm-step-indicator::after {\n  display: none;\n}\n.adm-step-status-finish {\n  --line-to-next-color: var(--adm-color-primary);\n}\n.adm-step-status-wait {\n  --icon-color: #e5e5e5;\n}\n.adm-step-status-wait .adm-step-title {\n  color: var(--adm-color-weak);\n}\n.adm-step-status-process {\n  --icon-color: var(--adm-color-primary);\n}\n.adm-step-status-process .adm-step-title {\n  color: var(--adm-color-primary);\n}\n.adm-step-status-finish {\n  --icon-color: var(--adm-color-primary);\n}\n.adm-step-status-error {\n  --icon-color: var(--adm-color-danger);\n}\n.adm-step-status-error .adm-step-title {\n  color: var(--adm-color-danger);\n}\n.adm-steps {\n  --title-font-size: var(--adm-font-size-main);\n  --description-font-size: var(--adm-font-size-4);\n  --indicator-margin-right: 0;\n  --icon-size: 18px;\n  width: 100%;\n  box-sizing: border-box;\n}\n.adm-steps-horizontal {\n  display: flex;\n  justify-content: space-around;\n  padding: 8px 0;\n}\n.adm-steps-horizontal .adm-step {\n  flex: 1;\n}\n.adm-steps-horizontal .adm-step .adm-step-indicator {\n  width: 100%;\n  height: 24px;\n}\n.adm-steps-horizontal .adm-step .adm-step-indicator::after {\n  left: 50%;\n  top: 50%;\n  height: 1px;\n  transform: translateY(-50%);\n  width: 100%;\n}\n.adm-steps-horizontal .adm-step .adm-step-indicator .adm-step-icon-container {\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n.adm-steps-horizontal .adm-step-content {\n  text-align: center;\n  font-size: var(--description-font-size);\n  padding: 2px 8px 0;\n}\n.adm-steps-horizontal .adm-step-content .adm-step-title {\n  font-size: var(--title-font-size);\n}\n.adm-steps-horizontal .adm-step-content .adm-step-description {\n  margin-top: 4px;\n  color: var(--adm-color-weak);\n}\n.adm-steps-vertical {\n  padding: 8px 16px;\n}\n.adm-steps-vertical .adm-step {\n  display: flex;\n  align-items: stretch;\n}\n.adm-steps-vertical .adm-step .adm-step-indicator {\n  flex: none;\n  width: 24px;\n  margin-right: var(--indicator-margin-right);\n}\n.adm-steps-vertical .adm-step .adm-step-indicator::after {\n  left: 50%;\n  top: calc(var(--title-font-size) * 1.5 / 2);\n  width: 1px;\n  transform: translateX(-50%);\n  height: 100%;\n}\n.adm-steps-vertical .adm-step .adm-step-indicator .adm-step-icon-container {\n  top: calc(var(--title-font-size) * 1.5 / 2);\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.adm-steps-vertical .adm-step:last-child .adm-step-content {\n  padding-bottom: 0;\n}\n.adm-steps-vertical .adm-step .adm-step-content {\n  flex: auto;\n  padding-bottom: 24px;\n}\n.adm-steps-vertical .adm-step .adm-step-content .adm-step-title {\n  font-size: var(--title-font-size);\n  line-height: 1.5;\n}\n.adm-steps-vertical .adm-step .adm-step-content .adm-step-description {\n  padding-top: 4px;\n  font-size: var(--description-font-size);\n  color: var(--adm-color-weak);\n}\n.adm-step-icon-container {\n  font-size: var(--icon-size);\n}\n.adm-step-icon-dot {\n  display: block;\n  width: 8px;\n  height: 8px;\n  background: currentColor;\n  border-radius: 4px;\n}\n")();
+var steps = /* @__PURE__ */ (() => ".adm-step {\n  --line-to-next-color: #e5e5e5;\n  --icon-color: #e5e5e5;\n}\n.adm-step .adm-step-indicator {\n  position: relative;\n}\n.adm-step .adm-step-indicator::after {\n  content: '';\n  position: absolute;\n  z-index: 0;\n  background-color: var(--line-to-next-color);\n}\n.adm-step .adm-step-indicator .adm-step-icon-container {\n  position: absolute;\n  z-index: 1;\n  background: var(--adm-color-background);\n  color: var(--icon-color);\n}\n.adm-step .adm-step-indicator .adm-step-icon-container > .antd-mobile-icon {\n  display: block;\n}\n.adm-step:last-child .adm-step-indicator::after {\n  display: none;\n}\n.adm-step-status-finish {\n  --line-to-next-color: var(--adm-color-primary);\n}\n.adm-step-status-wait {\n  --icon-color: #e5e5e5;\n}\n.adm-step-status-wait .adm-step-title {\n  color: var(--adm-color-weak);\n}\n.adm-step-status-process {\n  --icon-color: var(--adm-color-primary);\n}\n.adm-step-status-process .adm-step-title {\n  color: var(--adm-color-primary);\n}\n.adm-step-status-finish {\n  --icon-color: var(--adm-color-primary);\n}\n.adm-step-status-error {\n  --icon-color: var(--adm-color-danger);\n}\n.adm-step-status-error .adm-step-title {\n  color: var(--adm-color-danger);\n}\n.adm-steps {\n  --title-font-size: var(--adm-font-size-main);\n  --description-font-size: var(--adm-font-size-4);\n  --indicator-margin-right: 0;\n  --icon-size: 18px;\n  width: 100%;\n  box-sizing: border-box;\n}\n.adm-steps-horizontal {\n  display: flex;\n  justify-content: space-around;\n  padding: 8px 0;\n}\n.adm-steps-horizontal .adm-step {\n  flex: 1;\n}\n.adm-steps-horizontal .adm-step .adm-step-indicator {\n  width: 100%;\n  height: 24px;\n}\n.adm-steps-horizontal .adm-step .adm-step-indicator::after {\n  left: 50%;\n  top: 50%;\n  height: 1px;\n  transform: translateY(-50%);\n  width: 100%;\n}\n.adm-steps-horizontal .adm-step .adm-step-indicator .adm-step-icon-container {\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n.adm-steps-horizontal .adm-step-content {\n  text-align: center;\n  font-size: var(--description-font-size);\n  padding: 2px 8px 0;\n}\n.adm-steps-horizontal .adm-step-content .adm-step-title {\n  font-size: var(--title-font-size);\n}\n.adm-steps-horizontal .adm-step-content .adm-step-description {\n  margin-top: 4px;\n  color: var(--adm-color-weak);\n}\n.adm-steps-vertical {\n  padding: 8px 16px;\n}\n.adm-steps-vertical .adm-step {\n  display: flex;\n  align-items: stretch;\n}\n.adm-steps-vertical .adm-step .adm-step-indicator {\n  flex: none;\n  width: 24px;\n  margin-right: var(--indicator-margin-right);\n}\n.adm-steps-vertical .adm-step .adm-step-indicator::after {\n  left: 50%;\n  top: calc(var(--title-font-size) * 1.5 / 2);\n  width: 1px;\n  transform: translateX(-50%);\n  height: 100%;\n}\n.adm-steps-vertical .adm-step .adm-step-indicator .adm-step-icon-container {\n  top: calc(var(--title-font-size) * 1.5 / 2);\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.adm-steps-vertical .adm-step:last-child .adm-step-content {\n  padding-bottom: 0;\n}\n.adm-steps-vertical .adm-step .adm-step-content {\n  flex: auto;\n  padding-bottom: 24px;\n}\n.adm-steps-vertical .adm-step .adm-step-content .adm-step-title {\n  font-size: var(--title-font-size);\n  line-height: 1.5;\n}\n.adm-steps-vertical .adm-step .adm-step-content .adm-step-description {\n  padding-top: 4px;\n  font-size: var(--description-font-size);\n  color: var(--adm-color-weak);\n}\n.adm-step-icon-container {\n  font-size: var(--icon-size);\n}\n.adm-step-icon-dot {\n  display: block;\n  width: 8px;\n  height: 8px;\n  background: currentColor;\n  border-radius: 4px;\n}\n")();
 const classPrefix$c = `adm-step`;
 const Step = (props) => {
   const {
@@ -17949,6 +18133,9 @@ const Switch = (p2) => {
   const props = mergeProps(defaultProps$8, p2);
   const disabled = props.disabled || props.loading || false;
   const [changing, setChanging] = useState(false);
+  const {
+    locale
+  } = useConfig();
   const [checked, setChecked] = usePropsValue({
     value: props.checked,
     defaultValue: props.defaultChecked,
@@ -17980,7 +18167,11 @@ const Switch = (p2) => {
     className: classNames(classPrefix$8, {
       [`${classPrefix$8}-checked`]: checked,
       [`${classPrefix$8}-disabled`]: disabled || changing
-    })
+    }),
+    role: "switch",
+    "aria-label": locale.Switch.name,
+    "aria-checked": checked,
+    "aria-disabled": disabled
   }, React$1.createElement("div", {
     className: `${classPrefix$8}-checkbox`
   }, React$1.createElement("div", {
@@ -18135,6 +18326,9 @@ const TextArea = forwardRef((p2, ref) => {
     blur: () => {
       var _a;
       (_a = nativeTextAreaRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+    },
+    get nativeElement() {
+      return nativeTextAreaRef.current;
     }
   }));
   useIsomorphicLayoutEffect(() => {
@@ -18276,79 +18470,41 @@ const InternalToast = (p2) => {
     className: `${classPrefix$4}-icon`
   }, iconElement), React$1.createElement(AutoCenter, null, content))));
 };
-const containers = [];
-function unmount(container) {
-  const unmountResult = unmount$1(container);
-  if (unmountResult && container.parentNode) {
-    container.parentNode.removeChild(container);
-  }
-}
+let currentHandler = null;
+let currentTimeout = null;
 const defaultProps$3 = {
   duration: 2e3,
   position: "center",
   maskClickable: true
 };
+const ToastInner = (props) => React$1.createElement(InternalToast, Object.assign({}, props));
 function show(p2) {
   const props = mergeProps(defaultProps$3, typeof p2 === "string" ? {
     content: p2
   } : p2);
-  let timer = 0;
-  const {
-    getContainer = () => document.body
-  } = props;
-  const container = document.createElement("div");
-  const bodyContainer = resolveContainer(getContainer);
-  bodyContainer.appendChild(container);
-  clear();
-  containers.push(container);
-  const TempToast = forwardRef((_, ref2) => {
-    const [visible, setVisible] = useState(true);
-    useEffect(() => {
-      return () => {
-        var _a;
-        (_a = props.afterClose) === null || _a === void 0 ? void 0 : _a.call(props);
-      };
-    }, []);
-    useEffect(() => {
-      if (props.duration === 0) {
-        return;
-      }
-      timer = window.setTimeout(() => {
-        setVisible(false);
-      }, props.duration);
-      return () => {
-        window.clearTimeout(timer);
-      };
-    }, []);
-    useImperativeHandle(ref2, () => ({
-      close: () => setVisible(false)
-    }));
-    return React$1.createElement(InternalToast, Object.assign({}, props, {
-      getContainer: () => container,
-      visible,
-      afterClose: () => {
-        unmount(container);
-      }
-    }));
-  });
-  const ref = createRef();
-  render(React$1.createElement(TempToast, {
-    ref
-  }), container);
-  return {
-    close: () => {
-      var _a;
-      (_a = ref.current) === null || _a === void 0 ? void 0 : _a.close();
+  const element = React$1.createElement(ToastInner, Object.assign({}, props, {
+    onClose: () => {
+      currentHandler = null;
     }
-  };
+  }));
+  if (currentHandler) {
+    currentHandler.replace(element);
+  } else {
+    currentHandler = renderImperatively(element);
+  }
+  if (currentTimeout) {
+    window.clearTimeout(currentTimeout);
+  }
+  if (props.duration !== 0) {
+    currentTimeout = window.setTimeout(() => {
+      clear();
+    }, props.duration);
+  }
+  return currentHandler;
 }
 function clear() {
-  while (true) {
-    const container = containers.pop();
-    if (!container)
-      break;
-    unmount(container);
-  }
+  currentHandler === null || currentHandler === void 0 ? void 0 : currentHandler.close();
+  currentHandler = null;
 }
 function config(val) {
   if (val.duration !== void 0) {
@@ -18852,12 +19008,12 @@ const WaterMark = (p2) => {
         const img = new Image();
         img.crossOrigin = "anonymous";
         img.referrerPolicy = "no-referrer";
-        img.src = image2;
         img.onload = () => {
           ctx.drawImage(img, -imageWidth * ratio / 2, -imageHeight * ratio / 2, imageWidth * ratio, imageHeight * ratio);
           ctx.restore();
           setBase64Url(canvas.toDataURL());
         };
+        img.src = image2;
       } else if (content) {
         ctx.textBaseline = "middle";
         ctx.textAlign = "center";
@@ -18871,7 +19027,7 @@ const WaterMark = (p2) => {
         setBase64Url(canvas.toDataURL());
       }
     } else {
-      throw new Error("\u5F53\u524D\u73AF\u5883\u4E0D\u652F\u6301Canvas");
+      throw new Error("Canvas is not supported in the current environment");
     }
   }, [gapX, gapY, rotate, fontStyle, fontWeight, width, height, fontFamily, fontColor, image2, content, fontSize]);
   return withNativeProps(props, React$1.createElement("div", {
@@ -18885,4 +19041,4 @@ const WaterMark = (p2) => {
     }
   }));
 };
-export { index$h as ActionSheet, AutoCenter, Avatar, Badge, Button, Calendar, index$g as CapsuleTabs, Card, index$f as CascadePicker, CascadePickerView, index$e as Cascader, CascaderView, CenterPopup, CheckList, Checkbox, index$d as Collapse, ConfigProvider, index$c as DatePicker, DatePickerView, index$b as Dialog, Divider, DotLoading, index$a as Dropdown, Ellipsis, Empty, ErrorBlock, FloatingBubble, FloatingPanel, Form, Grid, Image$1 as Image, ImageUploader, ImageViewer, index$8 as IndexBar, InfiniteScroll, Input, index$7 as JumboTabs, List, DotLoading as Loading, Mask, index$6 as Modal, NavBar, NoticeBar, NumberKeyboard, PageIndicator, PasscodeInput, Picker, PickerView, Popover, Popup, ProgressBar, ProgressCircle, PullToRefresh, index$5 as Radio, Rate, Result, SafeArea, ScrollMask, SearchBar, Selector, index$4 as SideBar, Skeleton, Slider, Space, SpinLoading, Stepper, index$3 as Steps, SwipeAction, index$2 as Swiper, Switch, index$1 as TabBar, Tabs, Tag, TextArea, Toast, index as TreeSelect, VirtualInput, WaterMark, createErrorBlock, reduceMotion, restoreMotion, setDefaultConfig };
+export { index$i as ActionSheet, AutoCenter, Avatar, Badge, Button, Calendar, index$h as CapsuleTabs, Card, index$g as CascadePicker, CascadePickerView, index$f as Cascader, CascaderView, CenterPopup, CheckList, Checkbox, index$e as Collapse, ConfigProvider, index$d as DatePicker, DatePickerView, index$c as Dialog, Divider, DotLoading, index$b as Dropdown, Ellipsis, Empty, ErrorBlock, FloatingBubble, FloatingPanel, index$9 as Form, Grid, Image$1 as Image, ImageUploader, ImageViewer, index$8 as IndexBar, InfiniteScroll, Input, index$7 as JumboTabs, List, DotLoading as Loading, Mask, index$6 as Modal, NavBar, NoticeBar, NumberKeyboard, PageIndicator, PasscodeInput, Picker, PickerView, Popover, Popup, ProgressBar, ProgressCircle, PullToRefresh, index$5 as Radio, Rate, Result, SafeArea, ScrollMask, SearchBar, Selector, index$4 as SideBar, Skeleton, Slider, Space, SpinLoading, Stepper, index$3 as Steps, SwipeAction, index$2 as Swiper, Switch, index$1 as TabBar, Tabs, Tag, TextArea, Toast, index as TreeSelect, VirtualInput, WaterMark, createErrorBlock, reduceMotion, restoreMotion, setDefaultConfig };