antd-mobile 5.31.1 → 5.32.1

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

@@ -229,7 +229,7 @@ const base = {
   },
   Calendar: {
     markItems: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
-    renderYearAndMonth: (year, month) => `${year}/${month}`
+    yearAndMonth: "${year}/${month}"
   },
   Cascader: {
     placeholder: "Selecting"
@@ -363,7 +363,7 @@ const zhCN = mergeLocale(base, {
   },
   Calendar: {
     markItems: ["\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D", "\u65E5"],
-    renderYearAndMonth: (year, month) => `${year}\u5E74${month}\u6708`
+    yearAndMonth: "${year}\u5E74${month}\u6708"
   },
   Cascader: {
     placeholder: "\u8BF7\u9009\u62E9"
@@ -3549,14 +3549,17 @@ function useLockScroll(rootRef, shouldLock) {
       offsetHeight,
       scrollTop
     } = el;
+    const {
+      height
+    } = el.getBoundingClientRect();
     let status = "11";
     if (scrollTop === 0) {
       status = offsetHeight >= scrollHeight ? "00" : "01";
-    } else if (scrollTop + offsetHeight >= scrollHeight) {
+    } else if (scrollHeight <= Math.round(height + scrollTop)) {
       status = "10";
     }
     if (status !== "11" && touch.isVertical() && !(parseInt(status, 2) & parseInt(direction, 2))) {
-      if (event.cancelable) {
+      if (event.cancelable && supportsPassive) {
         event.preventDefault();
       }
     }
@@ -6823,7 +6826,7 @@ function withStopPropagation(events, element) {
   }
   return React__default.default.cloneElement(element, props);
 }
-const classPrefix$1l = `adm-mask`;
+const classPrefix$1n = `adm-mask`;
 const opacityRecord = {
   default: 0.55,
   thin: 0.35,
@@ -6885,7 +6888,7 @@ const Mask$1 = (p) => {
     }
   });
   const node = withStopPropagation(props.stopPropagation, withNativeProps(props, React__default.default.createElement(animated.div, {
-    className: classPrefix$1l,
+    className: classPrefix$1n,
     ref,
     style: Object.assign(Object.assign({}, props.style), {
       background,
@@ -6899,12 +6902,12 @@ const Mask$1 = (p) => {
       }
     }
   }, props.onMaskClick && React__default.default.createElement("div", {
-    className: `${classPrefix$1l}-aria-button`,
+    className: `${classPrefix$1n}-aria-button`,
     role: "button",
     "aria-label": locale.Mask.name,
     onClick: props.onMaskClick
   }), React__default.default.createElement("div", {
-    className: `${classPrefix$1l}-content`
+    className: `${classPrefix$1n}-content`
   }, props.children))));
   return React__default.default.createElement(ShouldRender, {
     active,
@@ -9316,25 +9319,25 @@ function createUseGesture(actions) {
     return useRecognizers(handlers, config2, void 0, nativeHandlers);
   };
 }
-const classPrefix$1k = `adm-popup`;
+const classPrefix$1m = `adm-popup`;
 const defaultProps$12 = Object.assign(Object.assign({}, defaultPopupBaseProps), {
   closeOnSwipe: false,
   position: "bottom"
 });
 const Popup$1 = (p) => {
   const props = mergeProps(defaultProps$12, p);
+  const bodyCls = classNames(`${classPrefix$1m}-body`, props.bodyClassName, `${classPrefix$1m}-body-position-${props.position}`);
   const {
     locale
   } = useConfig();
-  const bodyCls = classNames(`${classPrefix$1k}-body`, props.bodyClassName, `${classPrefix$1k}-body-position-${props.position}`);
   const [active, setActive] = React$4.useState(props.visible);
+  const ref = React$4.useRef(null);
+  useLockScroll(ref, props.disableBodyScroll && active ? "strict" : false);
   useIsomorphicLayoutEffect$2(() => {
     if (props.visible) {
       setActive(true);
     }
   }, [props.visible]);
-  const ref = React$4.useRef(null);
-  useLockScroll(ref, props.disableBodyScroll && active ? "strict" : false);
   const unmountedRef = useUnmountedRef$1();
   const {
     percent
@@ -9373,7 +9376,7 @@ const Popup$1 = (p) => {
   });
   const maskVisible = useInnerVisible(active && props.visible);
   const node = withStopPropagation(props.stopPropagation, withNativeProps(props, React__default.default.createElement("div", Object.assign({
-    className: classPrefix$1k,
+    className: classPrefix$1m,
     onClick: props.onClick,
     style: {
       display: active ? void 0 : "none",
@@ -9415,7 +9418,7 @@ const Popup$1 = (p) => {
     }),
     ref
   }, props.showCloseButton && React__default.default.createElement("a", {
-    className: classNames(`${classPrefix$1k}-close-icon`, "adm-plain-anchor"),
+    className: classNames(`${classPrefix$1m}-close-icon`, "adm-plain-anchor"),
     onClick: () => {
       var _a;
       (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
@@ -9431,10 +9434,10 @@ const Popup$1 = (p) => {
 };
 const Popup = Popup$1;
 const safeArea = "";
-const classPrefix$1j = "adm-safe-area";
+const classPrefix$1l = "adm-safe-area";
 const SafeArea$1 = (props) => {
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classNames(classPrefix$1j, `${classPrefix$1j}-position-${props.position}`)
+    className: classNames(classPrefix$1l, `${classPrefix$1l}-position-${props.position}`)
   }));
 };
 const SafeArea = SafeArea$1;
@@ -9567,7 +9570,7 @@ function renderImperatively(element) {
     }
   };
 }
-const classPrefix$1i = `adm-action-sheet`;
+const classPrefix$1k = `adm-action-sheet`;
 const defaultProps$11 = {
   visible: false,
   actions: [],
@@ -9590,25 +9593,25 @@ const ActionSheet = (p) => {
       }
     },
     afterClose: props.afterClose,
-    className: classNames(`${classPrefix$1i}-popup`, props.popupClassName),
+    className: classNames(`${classPrefix$1k}-popup`, props.popupClassName),
     style: props.popupStyle,
     getContainer: props.getContainer,
     destroyOnClose: props.destroyOnClose,
     forceRender: props.forceRender
   }, withNativeProps(props, React__default.default.createElement("div", {
-    className: classPrefix$1i
+    className: classPrefix$1k
   }, props.extra && React__default.default.createElement("div", {
-    className: `${classPrefix$1i}-extra`
+    className: `${classPrefix$1k}-extra`
   }, props.extra), React__default.default.createElement("div", {
-    className: `${classPrefix$1i}-button-list`
+    className: `${classPrefix$1k}-button-list`
   }, props.actions.map((action, index2) => React__default.default.createElement("div", {
     key: action.key,
-    className: `${classPrefix$1i}-button-item-wrapper`
+    className: `${classPrefix$1k}-button-item-wrapper`
   }, React__default.default.createElement("a", {
-    className: classNames("adm-plain-anchor", `${classPrefix$1i}-button-item`, {
-      [`${classPrefix$1i}-button-item-danger`]: action.danger,
-      [`${classPrefix$1i}-button-item-disabled`]: action.disabled,
-      [`${classPrefix$1i}-button-item-bold`]: action.bold
+    className: classNames("adm-plain-anchor", `${classPrefix$1k}-button-item`, {
+      [`${classPrefix$1k}-button-item-danger`]: action.danger,
+      [`${classPrefix$1k}-button-item-disabled`]: action.disabled,
+      [`${classPrefix$1k}-button-item-bold`]: action.bold
     }),
     onClick: () => {
       var _a, _b, _c;
@@ -9621,23 +9624,23 @@ const ActionSheet = (p) => {
     role: "option",
     "aria-disabled": action.disabled
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$1i}-button-item-name`
+    className: `${classPrefix$1k}-button-item-name`
   }, action.text), action.description && React__default.default.createElement("div", {
-    className: `${classPrefix$1i}-button-item-description`
+    className: `${classPrefix$1k}-button-item-description`
   }, action.description))))), props.cancelText && React__default.default.createElement("div", {
-    className: `${classPrefix$1i}-cancel`,
+    className: `${classPrefix$1k}-cancel`,
     role: "option",
     "aria-label": props.cancelText
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$1i}-button-item-wrapper`
+    className: `${classPrefix$1k}-button-item-wrapper`
   }, React__default.default.createElement("a", {
-    className: classNames("adm-plain-anchor", `${classPrefix$1i}-button-item`),
+    className: classNames("adm-plain-anchor", `${classPrefix$1k}-button-item`),
     onClick: () => {
       var _a;
       (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
     }
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$1i}-button-item-name`
+    className: `${classPrefix$1k}-button-item-name`
   }, props.cancelText)))), props.safeArea && React__default.default.createElement(SafeArea, {
     position: "bottom"
   }))));
@@ -9649,12 +9652,12 @@ const index$j = attachPropertiesToComponent(ActionSheet, {
   show: showActionSheet
 });
 const autoCenter = "";
-const classPrefix$1h = "adm-auto-center";
+const classPrefix$1j = "adm-auto-center";
 const AutoCenter$1 = (props) => {
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classPrefix$1h
+    className: classPrefix$1j
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$1h}-content`
+    className: `${classPrefix$1j}-content`
   }, props.children)));
 };
 const AutoCenter = AutoCenter$1;
@@ -9755,14 +9758,14 @@ const BrokenImageIcon = () => React__default.default.createElement("svg", {
   fill: "#DBDBDB",
   fillRule: "nonzero"
 }));
-const classPrefix$1g = `adm-image`;
+const classPrefix$1i = `adm-image`;
 const defaultProps$10 = {
   fit: "fill",
   placeholder: React__default.default.createElement("div", {
-    className: `${classPrefix$1g}-tip`
+    className: `${classPrefix$1i}-tip`
   }, React__default.default.createElement(ImageIcon, null)),
   fallback: React__default.default.createElement("div", {
-    className: `${classPrefix$1g}-tip`
+    className: `${classPrefix$1i}-tip`
   }, React__default.default.createElement(BrokenImageIcon, null)),
   lazy: false,
   draggable: false
@@ -9795,7 +9798,7 @@ const Image$2 = staged_1((p) => {
     const img = React__default.default.createElement("img", {
       ref: imgRef,
       id: props.id,
-      className: `${classPrefix$1g}-img`,
+      className: `${classPrefix$1i}-img`,
       src,
       alt: props.alt,
       onClick: props.onClick,
@@ -9835,7 +9838,7 @@ const Image$2 = staged_1((p) => {
   }
   return withNativeProps(props, React__default.default.createElement("div", {
     ref,
-    className: classPrefix$1g,
+    className: classPrefix$1i,
     style,
     onClick: props.onContainerClick
   }, props.lazy && !initialized && React__default.default.createElement(LazyDetector, {
@@ -9845,7 +9848,7 @@ const Image$2 = staged_1((p) => {
   }), renderInner()));
 });
 const Image$1 = Image$2;
-const classPrefix$1f = "adm-avatar";
+const classPrefix$1h = "adm-avatar";
 const defaultProps$$ = {
   fallback: React__default.default.createElement(Fallback, null),
   fit: "cover"
@@ -9853,7 +9856,7 @@ const defaultProps$$ = {
 const Avatar$1 = (p) => {
   const props = mergeProps(defaultProps$$, p);
   return withNativeProps(props, React__default.default.createElement(Image$1, {
-    className: classPrefix$1f,
+    className: classPrefix$1h,
     src: props.src,
     fallback: props.fallback,
     placeholder: props.fallback,
@@ -9867,7 +9870,7 @@ const Avatar$1 = (p) => {
 };
 const Avatar = Avatar$1;
 const badge = "";
-const classPrefix$1e = `adm-badge`;
+const classPrefix$1g = `adm-badge`;
 const dot = React__default.default.createElement(React__default.default.Fragment, null);
 const Badge$1 = (props) => {
   const {
@@ -9876,17 +9879,17 @@ const Badge$1 = (props) => {
     children
   } = props;
   const isDot = content === dot;
-  const badgeCls = classNames(classPrefix$1e, !!children && `${classPrefix$1e}-fixed`, isDot && `${classPrefix$1e}-dot`, props.bordered && `${classPrefix$1e}-bordered`);
+  const badgeCls = classNames(classPrefix$1g, !!children && `${classPrefix$1g}-fixed`, isDot && `${classPrefix$1g}-dot`, props.bordered && `${classPrefix$1g}-bordered`);
   const element = content || content === 0 ? withNativeProps(props, React__default.default.createElement("div", {
     className: badgeCls,
     style: {
       "--color": color
     }
   }, !isDot && React__default.default.createElement("div", {
-    className: `${classPrefix$1e}-content`
+    className: `${classPrefix$1g}-content`
   }, content))) : null;
   return children ? React__default.default.createElement("div", {
-    className: classNames(`${classPrefix$1e}-wrapper`, props.wrapperClassName),
+    className: classNames(`${classPrefix$1g}-wrapper`, props.wrapperClassName),
     style: props.wrapperStyle
   }, children, element) : element;
 };
@@ -9895,7 +9898,7 @@ const Badge = attachPropertiesToComponent(Badge$1, {
 });
 const button = "";
 const dotLoading = "";
-const classPrefix$1d = `adm-dot-loading`;
+const classPrefix$1f = `adm-dot-loading`;
 const colorRecord$3 = {
   default: "var(--adm-color-weak)",
   primary: "var(--adm-color-primary)",
@@ -9911,7 +9914,7 @@ const DotLoading$2 = React$4.memo((p) => {
     style: {
       color: (_a = colorRecord$3[props.color]) !== null && _a !== void 0 ? _a : props.color
     },
-    className: classNames("adm-loading", classPrefix$1d)
+    className: classNames("adm-loading", classPrefix$1f)
   }, React__default.default.createElement("svg", {
     height: "1em",
     viewBox: "0 0 100 40",
@@ -9955,7 +9958,7 @@ function isPromise(obj) {
 function isIOS() {
   return canUseDom$2 ? /ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase()) : false;
 }
-const classPrefix$1c = `adm-button`;
+const classPrefix$1e = `adm-button`;
 const defaultProps$Z = {
   color: "default",
   fill: "solid",
@@ -9998,23 +10001,23 @@ const Button$1 = React$4.forwardRef((p, ref) => {
     ref: nativeButtonRef,
     type: props.type,
     onClick: handleClick,
-    className: classNames(classPrefix$1c, props.color ? `${classPrefix$1c}-${props.color}` : null, {
-      [`${classPrefix$1c}-block`]: props.block,
-      [`${classPrefix$1c}-disabled`]: disabled,
-      [`${classPrefix$1c}-fill-outline`]: props.fill === "outline",
-      [`${classPrefix$1c}-fill-none`]: props.fill === "none",
-      [`${classPrefix$1c}-mini`]: props.size === "mini",
-      [`${classPrefix$1c}-small`]: props.size === "small",
-      [`${classPrefix$1c}-large`]: props.size === "large",
-      [`${classPrefix$1c}-loading`]: loading
-    }, `${classPrefix$1c}-shape-${props.shape}`),
+    className: classNames(classPrefix$1e, props.color ? `${classPrefix$1e}-${props.color}` : null, {
+      [`${classPrefix$1e}-block`]: props.block,
+      [`${classPrefix$1e}-disabled`]: disabled,
+      [`${classPrefix$1e}-fill-outline`]: props.fill === "outline",
+      [`${classPrefix$1e}-fill-none`]: props.fill === "none",
+      [`${classPrefix$1e}-mini`]: props.size === "mini",
+      [`${classPrefix$1e}-small`]: props.size === "small",
+      [`${classPrefix$1e}-large`]: props.size === "large",
+      [`${classPrefix$1e}-loading`]: loading
+    }, `${classPrefix$1e}-shape-${props.shape}`),
     disabled,
     onMouseDown: props.onMouseDown,
     onMouseUp: props.onMouseUp,
     onTouchStart: props.onTouchStart,
     onTouchEnd: props.onTouchEnd
   }, loading ? React__default.default.createElement("div", {
-    className: `${classPrefix$1c}-loading-wrapper`
+    className: `${classPrefix$1e}-loading-wrapper`
   }, props.loadingIcon, props.loadingText) : React__default.default.createElement("span", null, props.children)));
 });
 const Button = Button$1;
@@ -10123,13 +10126,15 @@ function usePropsValue(options) {
   });
   return [stateRef.current, setState];
 }
+function replaceMessage$1(template, kv) {
+  return template.replace(/\$\{\w+\}/g, (str) => {
+    const key = str.slice(2, -1);
+    return kv[key];
+  });
+}
 function convertValueToRange(selectionMode, value) {
-  if (selectionMode === void 0) {
-    return null;
-  }
-  if (value === null) {
+  if (selectionMode === void 0 || value === null)
     return null;
-  }
   if (Array.isArray(value)) {
     return value;
   }
@@ -10139,7 +10144,7 @@ function convertPageToDayjs(page) {
   return dayjs().year(page.year).month(page.month - 1).date(1);
 }
 dayjs.extend(isoWeek);
-const classPrefix$1b = "adm-calendar";
+const classPrefix$1d = "adm-calendar";
 const defaultProps$Y = {
   weekStartsOn: "Sunday",
   defaultValue: null,
@@ -10213,26 +10218,29 @@ const Calendar$1 = React$4.forwardRef((p, ref) => {
     setCurrent(nxtCurrent);
   };
   const header = React__default.default.createElement("div", {
-    className: `${classPrefix$1b}-header`
+    className: `${classPrefix$1d}-header`
   }, React__default.default.createElement("a", {
-    className: `${classPrefix$1b}-arrow-button ${classPrefix$1b}-arrow-button-year`,
+    className: `${classPrefix$1d}-arrow-button ${classPrefix$1d}-arrow-button-year`,
     onClick: () => {
       handlePageChange("subtract", 1, "year");
     }
   }, props.prevYearButton), React__default.default.createElement("a", {
-    className: `${classPrefix$1b}-arrow-button ${classPrefix$1b}-arrow-button-month`,
+    className: `${classPrefix$1d}-arrow-button ${classPrefix$1d}-arrow-button-month`,
     onClick: () => {
       handlePageChange("subtract", 1, "month");
     }
   }, props.prevMonthButton), React__default.default.createElement("div", {
-    className: `${classPrefix$1b}-title`
-  }, locale.Calendar.renderYearAndMonth(current.year(), current.month() + 1)), React__default.default.createElement("a", {
-    className: classNames(`${classPrefix$1b}-arrow-button`, `${classPrefix$1b}-arrow-button-right`, `${classPrefix$1b}-arrow-button-right-month`),
+    className: `${classPrefix$1d}-title`
+  }, replaceMessage$1(locale.Calendar.yearAndMonth, {
+    year: current.year().toString(),
+    month: (current.month() + 1).toString()
+  })), React__default.default.createElement("a", {
+    className: classNames(`${classPrefix$1d}-arrow-button`, `${classPrefix$1d}-arrow-button-right`, `${classPrefix$1d}-arrow-button-right-month`),
     onClick: () => {
       handlePageChange("add", 1, "month");
     }
   }, props.nextMonthButton), React__default.default.createElement("a", {
-    className: classNames(`${classPrefix$1b}-arrow-button`, `${classPrefix$1b}-arrow-button-right`, `${classPrefix$1b}-arrow-button-right-year`),
+    className: classNames(`${classPrefix$1d}-arrow-button`, `${classPrefix$1d}-arrow-button-right`, `${classPrefix$1d}-arrow-button-right-year`),
     onClick: () => {
       handlePageChange("add", 1, "year");
     }
@@ -10267,13 +10275,13 @@ const Calendar$1 = React$4.forwardRef((p, ref) => {
       const disabled = props.shouldDisableDate ? props.shouldDisableDate(d.toDate()) : maxDay && d.isAfter(maxDay, "day") || minDay && d.isBefore(minDay, "day");
       cells.push(React__default.default.createElement("div", {
         key: d.valueOf(),
-        className: classNames(`${classPrefix$1b}-cell`, (disabled || !inThisMonth) && `${classPrefix$1b}-cell-disabled`, inThisMonth && {
-          [`${classPrefix$1b}-cell-today`]: d.isSame(today, "day"),
-          [`${classPrefix$1b}-cell-selected`]: isSelect,
-          [`${classPrefix$1b}-cell-selected-begin`]: isBegin,
-          [`${classPrefix$1b}-cell-selected-end`]: isEnd,
-          [`${classPrefix$1b}-cell-selected-row-begin`]: isSelectRowBegin,
-          [`${classPrefix$1b}-cell-selected-row-end`]: isSelectRowEnd
+        className: classNames(`${classPrefix$1d}-cell`, (disabled || !inThisMonth) && `${classPrefix$1d}-cell-disabled`, inThisMonth && {
+          [`${classPrefix$1d}-cell-today`]: d.isSame(today, "day"),
+          [`${classPrefix$1d}-cell-selected`]: isSelect,
+          [`${classPrefix$1d}-cell-selected-begin`]: isBegin,
+          [`${classPrefix$1d}-cell-selected-end`]: isEnd,
+          [`${classPrefix$1d}-cell-selected-row-begin`]: isSelectRowBegin,
+          [`${classPrefix$1d}-cell-selected-row-end`]: isSelectRowEnd
         }),
         onClick: () => {
           if (!props.selectionMode)
@@ -10320,25 +10328,25 @@ const Calendar$1 = React$4.forwardRef((p, ref) => {
           }
         }
       }, React__default.default.createElement("div", {
-        className: `${classPrefix$1b}-cell-top`
+        className: `${classPrefix$1d}-cell-top`
       }, props.renderDate ? props.renderDate(d.toDate()) : d.date()), React__default.default.createElement("div", {
-        className: `${classPrefix$1b}-cell-bottom`
+        className: `${classPrefix$1d}-cell-bottom`
       }, (_a = props.renderLabel) === null || _a === void 0 ? void 0 : _a.call(props, d.toDate()))));
       iterator = iterator.add(1, "day");
     }
     return cells;
   }
   const body = React__default.default.createElement("div", {
-    className: `${classPrefix$1b}-cells`
+    className: `${classPrefix$1d}-cells`
   }, renderCells());
   const mark = React__default.default.createElement("div", {
-    className: `${classPrefix$1b}-mark`
+    className: `${classPrefix$1d}-mark`
   }, markItems.map((item, index2) => React__default.default.createElement("div", {
     key: index2,
-    className: `${classPrefix$1b}-mark-cell`
+    className: `${classPrefix$1d}-mark-cell`
   }, item)));
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classPrefix$1b
+    className: classPrefix$1d
   }, header, mark, body));
 });
 const Calendar = Calendar$1;
@@ -10442,7 +10450,7 @@ const useTabListScroll = (targetRef, activeIndex) => {
   };
 };
 const scrollMask = "";
-const classPrefix$1a = `adm-scroll-mask`;
+const classPrefix$1c = `adm-scroll-mask`;
 const ScrollMask$1 = (props) => {
   const maskRef = React$4.useRef(null);
   const [{
@@ -10489,12 +10497,12 @@ const ScrollMask$1 = (props) => {
   }, []);
   return React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(animated.div, {
     ref: maskRef,
-    className: classNames(classPrefix$1a, `${classPrefix$1a}-left`),
+    className: classNames(classPrefix$1c, `${classPrefix$1c}-left`),
     style: {
       opacity: leftMaskOpacity
     }
   }), React__default.default.createElement(animated.div, {
-    className: classNames(classPrefix$1a, `${classPrefix$1a}-right`),
+    className: classNames(classPrefix$1c, `${classPrefix$1c}-right`),
     style: {
       opacity: rightMaskOpacity
     }
@@ -10701,10 +10709,8 @@ function traverseReactNode(children, fn) {
   }
   handle(children);
 }
-const classPrefix$19 = `adm-capsule-tabs`;
-const CapsuleTab = () => {
-  return null;
-};
+const classPrefix$1b = `adm-capsule-tabs`;
+const CapsuleTab = () => null;
 const CapsuleTabs = (props) => {
   var _a;
   const tabListContainerRef = React$4.useRef(null);
@@ -10713,7 +10719,7 @@ const CapsuleTabs = (props) => {
   let firstActiveKey = null;
   const panes = [];
   traverseReactNode(props.children, (child, index2) => {
-    if (!React__default.default.isValidElement(child))
+    if (!React$4.isValidElement(child))
       return;
     const key = child.key;
     if (typeof key !== "string")
@@ -10742,19 +10748,19 @@ const CapsuleTabs = (props) => {
     animate(true);
   }, rootRef);
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classPrefix$19,
+    className: classPrefix$1b,
     ref: rootRef
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$19}-header`
+    className: `${classPrefix$1b}-header`
   }, React__default.default.createElement(ScrollMask, {
     scrollTrackRef: tabListContainerRef
   }), React__default.default.createElement(animated.div, {
-    className: `${classPrefix$19}-tab-list`,
+    className: `${classPrefix$1b}-tab-list`,
     ref: tabListContainerRef,
     scrollLeft
   }, panes.map((pane) => withNativeProps(pane.props, React__default.default.createElement("div", {
     key: pane.key,
-    className: `${classPrefix$19}-tab-wrapper`
+    className: `${classPrefix$1b}-tab-wrapper`
   }, React__default.default.createElement("div", {
     onClick: () => {
       const {
@@ -10767,9 +10773,9 @@ const CapsuleTabs = (props) => {
       }
       setActiveKey(key.toString());
     },
-    className: classNames(`${classPrefix$19}-tab`, {
-      [`${classPrefix$19}-tab-active`]: pane.key === activeKey,
-      [`${classPrefix$19}-tab-disabled`]: pane.props.disabled
+    className: classNames(`${classPrefix$1b}-tab`, {
+      [`${classPrefix$1b}-tab-active`]: pane.key === activeKey,
+      [`${classPrefix$1b}-tab-disabled`]: pane.props.disabled
     })
   }, pane.props.title)))))), panes.map((pane) => {
     if (pane.props.children === void 0) {
@@ -10782,7 +10788,7 @@ const CapsuleTabs = (props) => {
       forceRender: pane.props.forceRender,
       destroyOnClose: pane.props.destroyOnClose
     }, React__default.default.createElement("div", {
-      className: `${classPrefix$19}-content`,
+      className: `${classPrefix$1b}-content`,
       style: {
         display: active ? "block" : "none"
       }
@@ -10793,18 +10799,18 @@ const index$i = attachPropertiesToComponent(CapsuleTabs, {
   Tab: CapsuleTab
 });
 const card = "";
-const classPrefix$18 = `adm-card`;
+const classPrefix$1a = `adm-card`;
 const Card$1 = (props) => {
   const renderHeader = () => {
     if (!(props.title || props.extra)) {
       return null;
     }
     return React__default.default.createElement("div", {
-      className: classNames(`${classPrefix$18}-header`, props.headerClassName),
+      className: classNames(`${classPrefix$1a}-header`, props.headerClassName),
       style: props.headerStyle,
       onClick: props.onHeaderClick
     }, React__default.default.createElement("div", {
-      className: `${classPrefix$18}-header-title`
+      className: `${classPrefix$1a}-header-title`
     }, props.title), props.extra);
   };
   const renderBody = () => {
@@ -10812,13 +10818,13 @@ const Card$1 = (props) => {
       return null;
     }
     return React__default.default.createElement("div", {
-      className: classNames(`${classPrefix$18}-body`, props.bodyClassName),
+      className: classNames(`${classPrefix$1a}-body`, props.bodyClassName),
       style: props.bodyStyle,
       onClick: props.onBodyClick
     }, props.children);
   };
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classPrefix$18,
+    className: classPrefix$1a,
     onClick: props.onClick
   }, renderHeader(), renderBody()));
 };
@@ -10868,7 +10874,7 @@ function measureCSSLength(raw) {
     return 0;
   }
 }
-const classPrefix$17 = `adm-picker-view`;
+const classPrefix$19 = `adm-picker-view`;
 const Wheel = React$4.memo((props) => {
   const {
     value,
@@ -10935,17 +10941,66 @@ const Wheel = React$4.memo((props) => {
       return;
     onSelect(item.value);
   }
+  const handleGestureState = (state) => {
+    const {
+      direction: [, direction],
+      distance: [, distance],
+      velocity: [, velocity],
+      offset: [, offset2],
+      last
+    } = state;
+    return {
+      direction,
+      distance,
+      velocity,
+      offset: offset2,
+      last
+    };
+  };
   const handleDrag = (state) => {
     draggingRef.current = true;
     const min2 = -((column.length - 1) * itemHeight.current);
     const max2 = 0;
-    if (state.last) {
+    const {
+      direction,
+      last,
+      velocity,
+      offset: offset2
+    } = handleGestureState(state);
+    if (last) {
+      draggingRef.current = false;
+      const position = offset2 + velocity * direction * 50;
+      const boundNum = bound(position, min2, max2);
+      const targetIndex = -Math.round(boundNum / itemHeight.current);
+      scrollSelect(targetIndex);
+    } else {
+      const position = offset2;
+      api.start({
+        y: rubberbandIfOutOfBounds(position, min2, max2, itemHeight.current * 50, 0.2)
+      });
+    }
+  };
+  const handleWheel = (state) => {
+    draggingRef.current = true;
+    const min2 = -((column.length - 1) * itemHeight.current);
+    const max2 = 0;
+    const {
+      direction,
+      last,
+      velocity,
+      distance
+    } = handleGestureState(state);
+    const whellDir = -direction;
+    const scrollY = y.get();
+    if (last) {
       draggingRef.current = false;
-      const position = state.offset[1] + state.velocity[1] * state.direction[1] * 50;
-      const targetIndex = min2 < max2 ? -Math.round(bound(position, min2, max2) / itemHeight.current) : 0;
+      const speed = velocity * whellDir * 50;
+      const position = scrollY + distance * whellDir + speed;
+      const boundNum = bound(position, min2, max2);
+      const targetIndex = -Math.round(boundNum / itemHeight.current);
       scrollSelect(targetIndex);
     } else {
-      const position = state.offset[1];
+      const position = scrollY + distance * whellDir;
       api.start({
         y: rubberbandIfOutOfBounds(position, min2, max2, itemHeight.current * 50, 0.2)
       });
@@ -10965,15 +11020,15 @@ const Wheel = React$4.memo((props) => {
   });
   useWheel((state) => {
     state.event.stopPropagation();
-    handleDrag(state);
+    handleWheel(state);
   }, {
+    target: props.mouseWheel ? rootRef : void 0,
     axis: "y",
     from: () => [0, y.get()],
     preventDefault: true,
-    target: props.mouseWheel ? rootRef : void 0,
     eventOptions: supportsPassive ? {
       passive: false
-    } : false
+    } : void 0
   });
   let selectedIndex = null;
   function renderAccessible() {
@@ -10986,13 +11041,13 @@ const Wheel = React$4.memo((props) => {
     const previous = column[previousIndex];
     const next = column[nextIndex];
     return React__default.default.createElement("div", {
-      className: "adm-picker-view-column-accessible"
+      className: `${classPrefix$19}-column-accessible`
     }, React__default.default.createElement("div", {
-      className: "adm-picker-view-column-accessible-current",
+      className: `${classPrefix$19}-column-accessible-current`,
       role: "button",
       "aria-label": current ? `\u5F53\u524D\u9009\u62E9\u7684\u662F\uFF1A${current.label}` : "\u5F53\u524D\u672A\u9009\u62E9"
     }, "-"), React__default.default.createElement("div", {
-      className: "adm-picker-view-column-accessible-button",
+      className: `${classPrefix$19}-column-accessible-button`,
       onClick: () => {
         if (!previous)
           return;
@@ -11001,7 +11056,7 @@ const Wheel = React$4.memo((props) => {
       role: previous ? "button" : "text",
       "aria-label": !previous ? "\u6CA1\u6709\u4E0A\u4E00\u9879" : `\u9009\u62E9\u4E0A\u4E00\u9879\uFF1A${previous.label}`
     }, "-"), React__default.default.createElement("div", {
-      className: "adm-picker-view-column-accessible-button",
+      className: `${classPrefix$19}-column-accessible-button`,
       onClick: () => {
         if (!next)
           return;
@@ -11012,16 +11067,16 @@ const Wheel = React$4.memo((props) => {
     }, "-"));
   }
   return React__default.default.createElement("div", {
-    className: `${classPrefix$17}-column`
+    className: `${classPrefix$19}-column`
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$17}-item-height-measure`,
+    className: `${classPrefix$19}-item-height-measure`,
     ref: itemHeightMeasureRef
   }), React__default.default.createElement(animated.div, {
     ref: rootRef,
     style: {
       translateY: y
     },
-    className: `${classPrefix$17}-column-wheel`,
+    className: `${classPrefix$19}-column-wheel`,
     "aria-hidden": true
   }, column.map((item, index2) => {
     var _a;
@@ -11035,12 +11090,12 @@ const Wheel = React$4.memo((props) => {
     return React__default.default.createElement("div", {
       key: (_a = item.key) !== null && _a !== void 0 ? _a : item.value,
       "data-selected": item.value === value,
-      className: `${classPrefix$17}-column-item`,
+      className: `${classPrefix$19}-column-item`,
       onClick: handleClick,
       "aria-hidden": !selected,
       "aria-label": selected ? "active" : ""
     }, React__default.default.createElement("div", {
-      className: `${classPrefix$17}-column-item-label`
+      className: `${classPrefix$19}-column-item-label`
     }, renderLabel(item)));
   })), renderAccessible());
 }, (prev, next) => {
@@ -11054,9 +11109,8 @@ const Wheel = React$4.memo((props) => {
     return false;
   if (prev.mouseWheel !== next.mouseWheel)
     return false;
-  if (!isEqual_1(prev.column, next.column)) {
+  if (!isEqual_1(prev.column, next.column))
     return false;
-  }
   return true;
 });
 Wheel.displayName = "Wheel";
@@ -11264,7 +11318,7 @@ function subscribe(onStoreChange) {
 function useMotionReduced() {
   return shim.exports.useSyncExternalStore(subscribe, isMotionReduced, isMotionReduced);
 }
-const classPrefix$16 = "adm-spin-loading";
+const classPrefix$18 = "adm-spin-loading";
 const colorRecord$2 = {
   default: "var(--adm-color-weak)",
   primary: "var(--adm-color-primary)",
@@ -11296,16 +11350,16 @@ const SpinLoading$1 = React$4.memo((p) => {
     }
   });
   return withNativeProps(props, React__default.default.createElement(animated.div, {
-    className: classPrefix$16,
+    className: classPrefix$18,
     style: {
       "--color": (_a = colorRecord$2[props.color]) !== null && _a !== void 0 ? _a : props.color,
       "--percent": percent
     }
   }, React__default.default.createElement("svg", {
-    className: `${classPrefix$16}-svg`,
+    className: `${classPrefix$18}-svg`,
     viewBox: "0 0 32 32"
   }, React__default.default.createElement(animated.circle, {
-    className: `${classPrefix$16}-fill`,
+    className: `${classPrefix$18}-fill`,
     fill: "transparent",
     strokeWidth: "2",
     strokeDasharray: circumference,
@@ -11317,13 +11371,13 @@ const SpinLoading$1 = React$4.memo((p) => {
   }))));
 });
 const SpinLoading = SpinLoading$1;
-const classPrefix$15 = `adm-picker-view`;
+const classPrefix$17 = `adm-picker-view`;
 const defaultProps$W = {
   defaultValue: [],
   renderLabel: defaultRenderLabel,
   mouseWheel: false,
   loadingContent: React__default.default.createElement("div", {
-    className: `${classPrefix$15}-loading-content`
+    className: `${classPrefix$17}-loading-content`
   }, React__default.default.createElement(SpinLoading, null))
 };
 const PickerView$1 = React$4.memo((p) => {
@@ -11368,7 +11422,7 @@ const PickerView$1 = React$4.memo((p) => {
     });
   }, []);
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: `${classPrefix$15}`
+    className: `${classPrefix$17}`
   }, props.loading ? props.loadingContent : React__default.default.createElement(React__default.default.Fragment, null, columns.map((column, index2) => React__default.default.createElement(Wheel, {
     key: index2,
     index: index2,
@@ -11378,19 +11432,19 @@ const PickerView$1 = React$4.memo((p) => {
     renderLabel: props.renderLabel,
     mouseWheel: props.mouseWheel
   })), React__default.default.createElement("div", {
-    className: `${classPrefix$15}-mask`
+    className: `${classPrefix$17}-mask`
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$15}-mask-top`
+    className: `${classPrefix$17}-mask-top`
   }), React__default.default.createElement("div", {
-    className: `${classPrefix$15}-mask-middle`
+    className: `${classPrefix$17}-mask-middle`
   }), React__default.default.createElement("div", {
-    className: `${classPrefix$15}-mask-bottom`
+    className: `${classPrefix$17}-mask-bottom`
   })))));
 });
 PickerView$1.displayName = "PickerView";
 const pickerView = "";
 const PickerView = PickerView$1;
-const classPrefix$14 = `adm-picker`;
+const classPrefix$16 = `adm-picker`;
 const defaultProps$V = {
   defaultValue: [],
   closeOnMaskClick: true,
@@ -11456,22 +11510,22 @@ const Picker$1 = React$4.memo(React$4.forwardRef((p, ref) => {
     }
   });
   const pickerElement = withNativeProps(props, React__default.default.createElement("div", {
-    className: classPrefix$14
+    className: classPrefix$16
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$14}-header`
+    className: `${classPrefix$16}-header`
   }, React__default.default.createElement("a", {
     role: "button",
-    className: `${classPrefix$14}-header-button`,
+    className: `${classPrefix$16}-header-button`,
     onClick: () => {
       var _a2;
       (_a2 = props.onCancel) === null || _a2 === void 0 ? void 0 : _a2.call(props);
       setVisible(false);
     }
   }, props.cancelText), React__default.default.createElement("div", {
-    className: `${classPrefix$14}-header-title`
+    className: `${classPrefix$16}-header-title`
   }, props.title), React__default.default.createElement("a", {
     role: "button",
-    className: classNames(`${classPrefix$14}-header-button`, props.loading && `${classPrefix$14}-header-button-disabled`),
+    className: classNames(`${classPrefix$16}-header-button`, props.loading && `${classPrefix$16}-header-button-disabled`),
     onClick: () => {
       if (props.loading)
         return;
@@ -11480,7 +11534,7 @@ const Picker$1 = React$4.memo(React$4.forwardRef((p, ref) => {
     },
     "aria-disabled": props.loading
   }, props.confirmText)), React__default.default.createElement("div", {
-    className: `${classPrefix$14}-body`
+    className: `${classPrefix$16}-body`
   }, React__default.default.createElement(PickerView, {
     loading: props.loading,
     loadingContent: props.loadingContent,
@@ -11492,7 +11546,7 @@ const Picker$1 = React$4.memo(React$4.forwardRef((p, ref) => {
   }))));
   const popupElement = React__default.default.createElement(Popup, {
     style: props.popupStyle,
-    className: classNames(`${classPrefix$14}-popup`, props.popupClassName),
+    className: classNames(`${classPrefix$16}-popup`, props.popupClassName),
     visible,
     position: "bottom",
     onMaskClick: () => {
@@ -11642,7 +11696,7 @@ const CascadePickerView$1 = (props) => {
 const CascadePickerView = CascadePickerView$1;
 const cascaderView = "";
 const tabs = "";
-const classPrefix$13 = `adm-tabs`;
+const classPrefix$15 = `adm-tabs`;
 const Tab = () => {
   return null;
 };
@@ -11659,7 +11713,7 @@ const Tabs$1 = (p) => {
   let firstActiveKey = null;
   const panes = [];
   traverseReactNode(props.children, (child, index2) => {
-    if (!React__default.default.isValidElement(child))
+    if (!React$4.isValidElement(child))
       return;
     const key = child.key;
     if (typeof key !== "string")
@@ -11803,36 +11857,36 @@ const Tabs$1 = (p) => {
     updateMask(true);
   }, []);
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classPrefix$13
+    className: classPrefix$15
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$13}-header`
+    className: `${classPrefix$15}-header`
   }, React__default.default.createElement(animated.div, {
-    className: classNames(`${classPrefix$13}-header-mask`, `${classPrefix$13}-header-mask-left`),
+    className: classNames(`${classPrefix$15}-header-mask`, `${classPrefix$15}-header-mask-left`),
     style: {
       opacity: leftMaskOpacity
     }
   }), React__default.default.createElement(animated.div, {
-    className: classNames(`${classPrefix$13}-header-mask`, `${classPrefix$13}-header-mask-right`),
+    className: classNames(`${classPrefix$15}-header-mask`, `${classPrefix$15}-header-mask-right`),
     style: {
       opacity: rightMaskOpacity
     }
   }), React__default.default.createElement(animated.div, {
-    className: `${classPrefix$13}-tab-list`,
+    className: `${classPrefix$15}-tab-list`,
     ref: tabListContainerRef,
     scrollLeft,
     onScroll: updateMask,
     role: "tablist"
   }, React__default.default.createElement(animated.div, {
     ref: activeLineRef,
-    className: `${classPrefix$13}-tab-line`,
+    className: `${classPrefix$15}-tab-line`,
     style: {
       width: props.activeLineMode === "fixed" ? "var(--fixed-active-line-width, 30px)" : width,
       x
     }
   }), panes.map((pane) => withNativeProps(pane.props, React__default.default.createElement("div", {
     key: pane.key,
-    className: classNames(`${classPrefix$13}-tab-wrapper`, {
-      [`${classPrefix$13}-tab-wrapper-stretch`]: props.stretch
+    className: classNames(`${classPrefix$15}-tab-wrapper`, {
+      [`${classPrefix$15}-tab-wrapper-stretch`]: props.stretch
     })
   }, React__default.default.createElement("div", {
     onClick: () => {
@@ -11846,9 +11900,9 @@ const Tabs$1 = (p) => {
       }
       setActiveKey(key.toString());
     },
-    className: classNames(`${classPrefix$13}-tab`, {
-      [`${classPrefix$13}-tab-active`]: pane.key === activeKey,
-      [`${classPrefix$13}-tab-disabled`]: pane.props.disabled
+    className: classNames(`${classPrefix$15}-tab`, {
+      [`${classPrefix$15}-tab-active`]: pane.key === activeKey,
+      [`${classPrefix$15}-tab-disabled`]: pane.props.disabled
     }),
     role: "tab",
     "aria-selected": pane.key === activeKey
@@ -11863,7 +11917,7 @@ const Tabs$1 = (p) => {
       forceRender: pane.props.forceRender,
       destroyOnClose: pane.props.destroyOnClose
     }, React__default.default.createElement("div", {
-      className: `${classPrefix$13}-content`,
+      className: `${classPrefix$15}-content`,
       style: {
         display: active ? "block" : "none"
       }
@@ -11875,7 +11929,7 @@ const Tabs = attachPropertiesToComponent(Tabs$1, {
 });
 const checkList = "";
 const list = "";
-const classPrefix$12 = `adm-list`;
+const classPrefix$14 = `adm-list`;
 const defaultProps$T = {
   mode: "default"
 };
@@ -11888,41 +11942,41 @@ const List$2 = React$4.forwardRef((p, ref) => {
     }
   }));
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classNames(classPrefix$12, `${classPrefix$12}-${props.mode}`),
+    className: classNames(classPrefix$14, `${classPrefix$14}-${props.mode}`),
     ref: nativeElementRef
   }, props.header && React__default.default.createElement("div", {
-    className: `${classPrefix$12}-header`
+    className: `${classPrefix$14}-header`
   }, props.header), React__default.default.createElement("div", {
-    className: `${classPrefix$12}-body`
+    className: `${classPrefix$14}-body`
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$12}-body-inner`
+    className: `${classPrefix$14}-body-inner`
   }, props.children))));
 });
 function isNodeWithContent(node) {
   return node !== void 0 && node !== null && node !== false;
 }
-const classPrefix$11 = `adm-list-item`;
+const classPrefix$13 = `adm-list-item`;
 const ListItem = (props) => {
   var _a;
   const clickable = (_a = props.clickable) !== null && _a !== void 0 ? _a : !!props.onClick;
   const arrow2 = props.arrow === void 0 ? clickable : props.arrow;
   const content = React__default.default.createElement("div", {
-    className: `${classPrefix$11}-content`
+    className: `${classPrefix$13}-content`
   }, isNodeWithContent(props.prefix) && React__default.default.createElement("div", {
-    className: `${classPrefix$11}-content-prefix`
+    className: `${classPrefix$13}-content-prefix`
   }, props.prefix), React__default.default.createElement("div", {
-    className: `${classPrefix$11}-content-main`
+    className: `${classPrefix$13}-content-main`
   }, isNodeWithContent(props.title) && React__default.default.createElement("div", {
-    className: `${classPrefix$11}-title`
+    className: `${classPrefix$13}-title`
   }, props.title), props.children, isNodeWithContent(props.description) && React__default.default.createElement("div", {
-    className: `${classPrefix$11}-description`
+    className: `${classPrefix$13}-description`
   }, props.description)), isNodeWithContent(props.extra) && React__default.default.createElement("div", {
-    className: `${classPrefix$11}-content-extra`
+    className: `${classPrefix$13}-content-extra`
   }, props.extra), isNodeWithContent(arrow2) && React__default.default.createElement("div", {
-    className: `${classPrefix$11}-content-arrow`
+    className: `${classPrefix$13}-content-arrow`
   }, arrow2 === true ? React__default.default.createElement(RightOutline, null) : arrow2));
   return withNativeProps(props, React__default.default.createElement(clickable ? "a" : "div", {
-    className: classNames(`${classPrefix$11}`, clickable ? ["adm-plain-anchor"] : [], props.disabled && `${classPrefix$11}-disabled`),
+    className: classNames(`${classPrefix$13}`, clickable ? ["adm-plain-anchor"] : [], props.disabled && `${classPrefix$13}-disabled`),
     onClick: props.disabled ? void 0 : props.onClick
   }, content));
 };
@@ -11930,7 +11984,7 @@ const List$1 = attachPropertiesToComponent(List$2, {
   Item: ListItem
 });
 const CheckListContext = React$4.createContext(null);
-const classPrefix$10 = "adm-check-list";
+const classPrefix$12 = "adm-check-list";
 const defaultProps$S = {
   multiple: false,
   defaultValue: [],
@@ -11967,10 +12021,10 @@ const CheckList$1 = (p) => {
     }
   }, withNativeProps(props, React__default.default.createElement(List$1, {
     mode: props.mode,
-    className: classPrefix$10
+    className: classPrefix$12
   }, props.children)));
 };
-const classPrefix$$ = `adm-check-list-item`;
+const classPrefix$11 = `adm-check-list-item`;
 const CheckListItem = (props) => {
   const context = React$4.useContext(CheckListContext);
   if (context === null) {
@@ -11982,11 +12036,11 @@ const CheckListItem = (props) => {
   const defaultExtra = active ? context.activeIcon : null;
   const renderExtra = context.extra ? context.extra(active) : defaultExtra;
   const extra = React__default.default.createElement("div", {
-    className: `${classPrefix$$}-extra`
+    className: `${classPrefix$11}-extra`
   }, renderExtra);
   return withNativeProps(props, React__default.default.createElement(List$1.Item, {
     title: props.title,
-    className: classNames(classPrefix$$, readOnly && `${classPrefix$$}-readonly`, active && `${classPrefix$$}-active`),
+    className: classNames(classPrefix$11, readOnly && `${classPrefix$11}-readonly`, active && `${classPrefix$11}-active`),
     description: props.description,
     prefix: props.prefix,
     onClick: (e2) => {
@@ -12077,18 +12131,18 @@ function generateIntArray(from, to2) {
   }
   return array4;
 }
-const classPrefix$_ = "adm-skeleton";
+const classPrefix$10 = "adm-skeleton";
 const Skeleton$1 = (props) => {
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classNames(classPrefix$_, {
-      [`${classPrefix$_}-animated`]: props.animated
+    className: classNames(classPrefix$10, {
+      [`${classPrefix$10}-animated`]: props.animated
     })
   }));
 };
 const SkeletonTitle = (props) => {
   return withNativeProps(props, React__default.default.createElement(Skeleton$1, {
     animated: props.animated,
-    className: `${classPrefix$_}-title`
+    className: `${classPrefix$10}-title`
   }));
 };
 const defaultSkeletonParagraphProps = {
@@ -12098,11 +12152,11 @@ const SkeletonParagraph = (p) => {
   const props = mergeProps(defaultSkeletonParagraphProps, p);
   const keys2 = generateIntArray(1, props.lineCount);
   const node = React__default.default.createElement("div", {
-    className: `${classPrefix$_}-paragraph`
+    className: `${classPrefix$10}-paragraph`
   }, keys2.map((key) => React__default.default.createElement(Skeleton$1, {
     key,
     animated: props.animated,
-    className: `${classPrefix$_}-paragraph-line`
+    className: `${classPrefix$10}-paragraph-line`
   })));
   return withNativeProps(props, node);
 };
@@ -12110,7 +12164,7 @@ const Skeleton = attachPropertiesToComponent(Skeleton$1, {
   Title: SkeletonTitle,
   Paragraph: SkeletonParagraph
 });
-const classPrefix$Z = `adm-cascader-view`;
+const classPrefix$$ = `adm-cascader-view`;
 const defaultProps$R = {
   defaultValue: []
 };
@@ -12174,7 +12228,7 @@ const CascaderView$1 = (p) => {
   };
   const whetherLoading = (options) => props.loading || options === optionSkeleton;
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classPrefix$Z
+    className: classPrefix$$
   }, React__default.default.createElement(Tabs, {
     activeKey: tabActiveIndex.toString(),
     onChange: (key) => {
@@ -12182,30 +12236,30 @@ const CascaderView$1 = (p) => {
       setTabActiveIndex(activeIndex);
     },
     stretch: false,
-    className: `${classPrefix$Z}-tabs`
+    className: `${classPrefix$$}-tabs`
   }, levels.map((level, index2) => {
     const selected = level.selected;
     return React__default.default.createElement(Tabs.Tab, {
       key: index2.toString(),
       title: React__default.default.createElement("div", {
-        className: `${classPrefix$Z}-header-title`
+        className: `${classPrefix$$}-header-title`
       }, selected ? selected.label : typeof placeholder === "function" ? placeholder(index2) : placeholder),
       forceRender: true
     }, React__default.default.createElement("div", {
-      className: `${classPrefix$Z}-content`
+      className: `${classPrefix$$}-content`
     }, whetherLoading(level.options) ? React__default.default.createElement("div", {
-      className: `${classPrefix$Z}-skeleton`
+      className: `${classPrefix$$}-skeleton`
     }, React__default.default.createElement(Skeleton, {
-      className: `${classPrefix$Z}-skeleton-line-1`,
+      className: `${classPrefix$$}-skeleton-line-1`,
       animated: true
     }), React__default.default.createElement(Skeleton, {
-      className: `${classPrefix$Z}-skeleton-line-2`,
+      className: `${classPrefix$$}-skeleton-line-2`,
       animated: true
     }), React__default.default.createElement(Skeleton, {
-      className: `${classPrefix$Z}-skeleton-line-3`,
+      className: `${classPrefix$$}-skeleton-line-3`,
       animated: true
     }), React__default.default.createElement(Skeleton, {
-      className: `${classPrefix$Z}-skeleton-line-4`,
+      className: `${classPrefix$$}-skeleton-line-4`,
       animated: true
     })) : React__default.default.createElement(CheckList, {
       value: [value[index2]],
@@ -12217,8 +12271,8 @@ const CascaderView$1 = (p) => {
         value: option.value,
         key: option.value,
         disabled: option.disabled,
-        className: classNames(`${classPrefix$Z}-item`, {
-          [`${classPrefix$Z}-item-active`]: active
+        className: classNames(`${classPrefix$$}-item`, {
+          [`${classPrefix$$}-item-active`]: active
         })
       }, option.label);
     }))));
@@ -12227,7 +12281,7 @@ const CascaderView$1 = (p) => {
 const CascaderView = attachPropertiesToComponent(CascaderView$1, {
   optionSkeleton
 });
-const classPrefix$Y = `adm-cascader`;
+const classPrefix$_ = `adm-cascader`;
 const defaultProps$Q = {
   defaultValue: [],
   destroyOnClose: true,
@@ -12279,26 +12333,26 @@ const Cascader = React$4.forwardRef((p, ref) => {
     }
   }, [visible, value]);
   const cascaderElement = withNativeProps(props, React__default.default.createElement("div", {
-    className: classPrefix$Y
+    className: classPrefix$_
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$Y}-header`
+    className: `${classPrefix$_}-header`
   }, React__default.default.createElement("a", {
-    className: `${classPrefix$Y}-header-button`,
+    className: `${classPrefix$_}-header-button`,
     onClick: () => {
       var _a2;
       (_a2 = props.onCancel) === null || _a2 === void 0 ? void 0 : _a2.call(props);
       setVisible(false);
     }
   }, props.cancelText), React__default.default.createElement("div", {
-    className: `${classPrefix$Y}-header-title`
+    className: `${classPrefix$_}-header-title`
   }, props.title), React__default.default.createElement("a", {
-    className: `${classPrefix$Y}-header-button`,
+    className: `${classPrefix$_}-header-button`,
     onClick: () => {
       setValue2(innerValue, true);
       setVisible(false);
     }
   }, props.confirmText)), React__default.default.createElement("div", {
-    className: `${classPrefix$Y}-body`
+    className: `${classPrefix$_}-body`
   }, React__default.default.createElement(CascaderView, Object.assign({}, props, {
     value: innerValue,
     onChange: (val, ext) => {
@@ -12363,6 +12417,7 @@ const index$g = attachPropertiesToComponent(Cascader, {
   optionSkeleton
 });
 const centerPopup = "";
+const classPrefix$Z = "adm-center-popup";
 const defaultProps$P = Object.assign(Object.assign({}, defaultPopupBaseProps), {
   getContainer: null
 });
@@ -12400,11 +12455,11 @@ const CenterPopup$1 = (p) => {
   useLockScroll(ref, props.disableBodyScroll && active);
   const maskVisible = useInnerVisible(active && props.visible);
   const body = React__default.default.createElement("div", {
-    className: classNames("adm-center-popup-body", props.bodyClassName),
+    className: classNames(`${classPrefix$Z}-body`, props.bodyClassName),
     style: props.bodyStyle
   }, props.children);
   const node = withStopPropagation(props.stopPropagation, withNativeProps(props, React__default.default.createElement("div", {
-    className: "adm-center-popup",
+    className: classPrefix$Z,
     style: {
       display: active ? void 0 : "none",
       pointerEvents: active ? void 0 : "none"
@@ -12421,18 +12476,18 @@ const CenterPopup$1 = (p) => {
       }
     },
     style: props.maskStyle,
-    className: classNames("adm-center-popup-mask", props.maskClassName),
+    className: classNames(`${classPrefix$Z}-mask`, props.maskClassName),
     disableBodyScroll: false,
     stopPropagation: props.stopPropagation
   }), React__default.default.createElement("div", {
-    className: "adm-center-popup-wrap",
+    className: `${classPrefix$Z}-wrap`,
     role: props.role,
     "aria-label": props["aria-label"]
   }, React__default.default.createElement(animated.div, {
     style,
     ref
   }, props.showCloseButton && React__default.default.createElement("a", {
-    className: classNames("adm-center-popup-close", "adm-plain-anchor"),
+    className: classNames(`${classPrefix$Z}-close`, "adm-plain-anchor"),
     onClick: () => {
       var _a;
       (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
@@ -12518,7 +12573,7 @@ const NativeInput = (props) => {
     id: props.id
   });
 };
-const classPrefix$X = `adm-checkbox`;
+const classPrefix$Y = `adm-checkbox`;
 const defaultProps$N = {
   defaultChecked: false,
   indeterminate: false
@@ -12570,19 +12625,20 @@ const Checkbox$1 = React$4.forwardRef((p, ref) => {
   const renderIcon = () => {
     if (props.icon) {
       return React__default.default.createElement("div", {
-        className: `${classPrefix$X}-custom-icon`
+        className: `${classPrefix$Y}-custom-icon`
       }, props.icon(checked, props.indeterminate));
     }
     return React__default.default.createElement("div", {
-      className: `${classPrefix$X}-icon`
+      className: `${classPrefix$Y}-icon`
     }, props.indeterminate ? React__default.default.createElement(IndeterminateIcon, null) : checked && React__default.default.createElement(CheckIcon, null));
   };
   return withNativeProps(props, React__default.default.createElement("label", {
-    className: classNames(classPrefix$X, {
-      [`${classPrefix$X}-checked`]: checked && !props.indeterminate,
-      [`${classPrefix$X}-indeterminate`]: props.indeterminate,
-      [`${classPrefix$X}-disabled`]: disabled,
-      [`${classPrefix$X}-block`]: props.block
+    onClick: props.onClick,
+    className: classNames(classPrefix$Y, {
+      [`${classPrefix$Y}-checked`]: checked && !props.indeterminate,
+      [`${classPrefix$Y}-indeterminate`]: props.indeterminate,
+      [`${classPrefix$Y}-disabled`]: disabled,
+      [`${classPrefix$Y}-block`]: props.block
     })
   }, React__default.default.createElement(NativeInput, {
     type: "checkbox",
@@ -12591,14 +12647,14 @@ const Checkbox$1 = React$4.forwardRef((p, ref) => {
     disabled,
     id: props.id
   }), renderIcon(), props.children && React__default.default.createElement("div", {
-    className: `${classPrefix$X}-content`
+    className: `${classPrefix$Y}-content`
   }, props.children)));
 });
 const Checkbox = attachPropertiesToComponent(Checkbox$1, {
   Group: Group$1
 });
 const collapse = "";
-const classPrefix$W = `adm-collapse`;
+const classPrefix$X = `adm-collapse`;
 const CollapsePanel = () => {
   return null;
 };
@@ -12652,8 +12708,8 @@ const CollapsePanelContent = (props) => {
     }
   }, [visible]);
   return React__default.default.createElement(animated.div, {
-    className: classNames(`${classPrefix$W}-panel-content`, {
-      [`${classPrefix$W}-panel-content-active`]: visible
+    className: classNames(`${classPrefix$X}-panel-content`, {
+      [`${classPrefix$X}-panel-content-active`]: visible
     }),
     style: {
       height: height.to((v) => {
@@ -12665,41 +12721,56 @@ const CollapsePanelContent = (props) => {
       })
     }
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$W}-panel-content-inner`,
+    className: `${classPrefix$X}-panel-content-inner`,
     ref: innerRef
   }, React__default.default.createElement(List$1.Item, null, shouldRender && props.children)));
 };
 const Collapse = (props) => {
-  var _a;
   const panels = [];
   traverseReactNode(props.children, (child) => {
-    if (!React__default.default.isValidElement(child))
+    if (!React$4.isValidElement(child))
       return;
     const key = child.key;
     if (typeof key !== "string")
       return;
     panels.push(child);
   });
-  const [activeKey, setActiveKey] = usePropsValue(props.accordion ? {
-    value: props.activeKey === void 0 ? void 0 : props.activeKey === null ? [] : [props.activeKey],
-    defaultValue: props.defaultActiveKey === void 0 || props.defaultActiveKey === null ? [] : [props.defaultActiveKey],
-    onChange: (v) => {
-      var _a2, _b;
-      (_a2 = props.onChange) === null || _a2 === void 0 ? void 0 : _a2.call(props, (_b = v[0]) !== null && _b !== void 0 ? _b : null);
+  const handlePropsValue = () => {
+    var _a;
+    if (!props.accordion) {
+      return {
+        value: props.activeKey,
+        defaultValue: (_a = props.defaultActiveKey) !== null && _a !== void 0 ? _a : [],
+        onChange: props.onChange
+      };
     }
-  } : {
-    value: props.activeKey,
-    defaultValue: (_a = props.defaultActiveKey) !== null && _a !== void 0 ? _a : [],
-    onChange: props.onChange
-  });
+    const initValue = {
+      value: [],
+      defaultValue: [],
+      onChange: (v) => {
+        var _a2, _b;
+        (_a2 = props.onChange) === null || _a2 === void 0 ? void 0 : _a2.call(props, (_b = v[0]) !== null && _b !== void 0 ? _b : null);
+      }
+    };
+    if (props.activeKey === void 0) {
+      initValue.value = void 0;
+    } else if (props.activeKey !== null) {
+      initValue.value = [props.activeKey];
+    }
+    if (![null, void 0].includes(props.defaultActiveKey)) {
+      initValue.defaultValue = [props.defaultActiveKey];
+    }
+    return initValue;
+  };
+  const [activeKey, setActiveKey] = usePropsValue(handlePropsValue());
   const activeKeyList = activeKey === null ? [] : Array.isArray(activeKey) ? activeKey : [activeKey];
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classPrefix$W
+    className: classPrefix$X
   }, React__default.default.createElement(List$1, null, panels.map((panel) => {
     const key = panel.key;
     const active = activeKeyList.includes(key);
     function handleClick(event) {
-      var _a2, _b;
+      var _a, _b;
       if (props.accordion) {
         if (active) {
           setActiveKey([]);
@@ -12713,7 +12784,7 @@ const Collapse = (props) => {
           setActiveKey([...activeKeyList, key]);
         }
       }
-      (_b = (_a2 = panel.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a2, event);
+      (_b = (_a = panel.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, event);
     }
     const renderArrow = () => {
       let arrow2 = React__default.default.createElement(DownOutline, null);
@@ -12724,15 +12795,15 @@ const Collapse = (props) => {
         arrow2 = panel.props.arrow;
       }
       return typeof arrow2 === "function" ? arrow2(active) : React__default.default.createElement("div", {
-        className: classNames(`${classPrefix$W}-arrow`, {
-          [`${classPrefix$W}-arrow-active`]: active
+        className: classNames(`${classPrefix$X}-arrow`, {
+          [`${classPrefix$X}-arrow-active`]: active
         })
       }, arrow2);
     };
     return React__default.default.createElement(React__default.default.Fragment, {
       key
     }, withNativeProps(panel.props, React__default.default.createElement(List$1.Item, {
-      className: `${classPrefix$W}-panel-header`,
+      className: `${classPrefix$X}-panel-header`,
       onClick: handleClick,
       disabled: panel.props.disabled,
       arrow: renderArrow()
@@ -12838,67 +12909,55 @@ function generateDatePickerColumns$2(selected, min2, max2, precision, renderLabe
     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()
-      };
-    }));
+    ret.push(years.map((v) => ({
+      label: renderLabel("year", v),
+      value: v.toString()
+    })));
   }
   if (rank >= precisionRankRecord$1.month) {
     const lower = isInMinYear ? minMonth : 1;
     const upper = isInMaxYear ? maxMonth : 12;
     const months = generateColumn(lower, upper, "month");
-    ret.push(months.map((v) => {
-      return {
-        label: renderLabel("month", v),
-        value: v.toString()
-      };
-    }));
+    ret.push(months.map((v) => ({
+      label: renderLabel("month", v),
+      value: v.toString()
+    })));
   }
   if (rank >= precisionRankRecord$1.day) {
     const lower = isInMinMonth ? minDay : 1;
     const upper = isInMaxMonth ? maxDay : firstDayInSelectedMonth.daysInMonth();
     const days = generateColumn(lower, upper, "day");
-    ret.push(days.map((v) => {
-      return {
-        label: renderLabel("day", v),
-        value: v.toString()
-      };
-    }));
+    ret.push(days.map((v) => ({
+      label: renderLabel("day", v),
+      value: v.toString()
+    })));
   }
   if (rank >= precisionRankRecord$1.hour) {
     const lower = isInMinDay ? minHour : 0;
     const upper = isInMaxDay ? maxHour : 23;
     const hours = generateColumn(lower, upper, "hour");
-    ret.push(hours.map((v) => {
-      return {
-        label: renderLabel("hour", v),
-        value: v.toString()
-      };
-    }));
+    ret.push(hours.map((v) => ({
+      label: renderLabel("hour", v),
+      value: v.toString()
+    })));
   }
   if (rank >= precisionRankRecord$1.minute) {
     const lower = isInMinHour ? minMinute : 0;
     const upper = isInMaxHour ? maxMinute : 59;
     const minutes = generateColumn(lower, upper, "minute");
-    ret.push(minutes.map((v) => {
-      return {
-        label: renderLabel("minute", v),
-        value: v.toString()
-      };
-    }));
+    ret.push(minutes.map((v) => ({
+      label: renderLabel("minute", v),
+      value: v.toString()
+    })));
   }
   if (rank >= precisionRankRecord$1.second) {
     const lower = isInMinMinute ? minSecond : 0;
     const upper = isInMaxMinute ? maxSecond : 59;
     const seconds = generateColumn(lower, upper, "second");
-    ret.push(seconds.map((v) => {
-      return {
-        label: renderLabel("second", v),
-        value: v.toString()
-      };
-    }));
+    ret.push(seconds.map((v) => ({
+      label: renderLabel("second", v),
+      value: v.toString()
+    })));
   }
   if (tillNow) {
     ret[0].push({
@@ -12975,34 +13034,28 @@ function generateDatePickerColumns$1(selected, min2, max2, precision, renderLabe
     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()
-      };
-    }));
+    ret.push(years.map((v) => ({
+      label: renderLabel("year", v),
+      value: v.toString()
+    })));
   }
   if (rank >= precisionRankRecord.week) {
     const lower = isInMinYear ? minWeek : 1;
     const upper = isInMaxYear ? maxWeek : selectedYearWeeks;
     const weeks = generateColumn(lower, upper, "week");
-    ret.push(weeks.map((v) => {
-      return {
-        label: renderLabel("week", v),
-        value: v.toString()
-      };
-    }));
+    ret.push(weeks.map((v) => ({
+      label: renderLabel("week", v),
+      value: v.toString()
+    })));
   }
   if (rank >= precisionRankRecord["week-day"]) {
     const lower = isInMinWeek ? minWeekday : 1;
     const upper = isInMaxWeek ? maxWeekday : 7;
     const weeks = generateColumn(lower, upper, "week-day");
-    ret.push(weeks.map((v) => {
-      return {
-        label: renderLabel("week-day", v),
-        value: v.toString()
-      };
-    }));
+    ret.push(weeks.map((v) => ({
+      label: renderLabel("week-day", v),
+      value: v.toString()
+    })));
   }
   return ret;
 }
@@ -13197,7 +13250,12 @@ const DatePickerView$1 = (p) => {
     defaultValue: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : null
   });
   const mergedRenderLabel = useRenderLabel(renderLabel);
-  const pickerValue = React$4.useMemo(() => convertDateToStringArray(value, props.precision), [value, props.precision]);
+  const pickerValue = React$4.useMemo(() => {
+    if (value === null || value === void 0 ? void 0 : value.tillNow) {
+      return [TILL_NOW, null, null];
+    }
+    return convertDateToStringArray(value, props.precision);
+  }, [value, props.precision]);
   const onChange = React$4.useCallback((val) => {
     var _a2;
     const date4 = convertStringArrayToDate(val, props.precision);
@@ -13207,7 +13265,7 @@ const DatePickerView$1 = (p) => {
     }
   }, [props.onChange, props.precision]);
   return withNativeProps(props, React__default.default.createElement(PickerView, {
-    columns: (selected) => generateDatePickerColumns(selected, props.min, props.max, props.precision, mergedRenderLabel, props.filter),
+    columns: (selected) => generateDatePickerColumns(selected, props.min, props.max, props.precision, mergedRenderLabel, props.filter, props.tillNow),
     loading: props.loading,
     loadingContent: props.loadingContent,
     value: pickerValue,
@@ -13386,7 +13444,7 @@ const index$d = attachPropertiesToComponent(Dialog, {
   clear: clear$2
 });
 const divider = "";
-const classPrefix$V = `adm-divider`;
+const classPrefix$W = `adm-divider`;
 const defaultProps$I = {
   contentPosition: "center",
   direction: "horizontal"
@@ -13394,30 +13452,30 @@ const defaultProps$I = {
 const Divider$1 = (p) => {
   const props = mergeProps(defaultProps$I, p);
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classNames(classPrefix$V, `${classPrefix$V}-${props.direction}`, `${classPrefix$V}-${props.contentPosition}`)
+    className: classNames(classPrefix$W, `${classPrefix$W}-${props.direction}`, `${classPrefix$W}-${props.contentPosition}`)
   }, props.children && React__default.default.createElement("div", {
-    className: `${classPrefix$V}-content`
+    className: `${classPrefix$W}-content`
   }, props.children)));
 };
 const Divider = Divider$1;
 const dropdown = "";
-const classPrefix$U = `adm-dropdown-item`;
+const classPrefix$V = `adm-dropdown-item`;
 const Item = (props) => {
   var _a;
-  const cls2 = classNames(classPrefix$U, {
-    [`${classPrefix$U}-active`]: props.active,
-    [`${classPrefix$U}-highlight`]: (_a = props.highlight) !== null && _a !== void 0 ? _a : props.active
+  const cls2 = classNames(classPrefix$V, {
+    [`${classPrefix$V}-active`]: props.active,
+    [`${classPrefix$V}-highlight`]: (_a = props.highlight) !== null && _a !== void 0 ? _a : props.active
   });
   return withNativeProps(props, React__default.default.createElement("div", {
     className: cls2,
     onClick: props.onClick
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$U}-title`
+    className: `${classPrefix$V}-title`
   }, React__default.default.createElement("span", {
-    className: `${classPrefix$U}-title-text`
+    className: `${classPrefix$V}-title-text`
   }, props.title), React__default.default.createElement("span", {
-    className: classNames(`${classPrefix$U}-title-arrow`, {
-      [`${classPrefix$U}-title-arrow-active`]: props.active
+    className: classNames(`${classPrefix$V}-title-arrow`, {
+      [`${classPrefix$V}-title-arrow-active`]: props.active
     })
   }, props.arrow === void 0 ? React__default.default.createElement(DownFill, null) : props.arrow))));
 };
@@ -13427,15 +13485,15 @@ const ItemChildrenWrap = (props) => {
     active = false
   } = props;
   const shouldRender = useShouldRender(active, props.forceRender, props.destroyOnClose);
-  const cls2 = classNames(`${classPrefix$U}-content`, {
-    [`${classPrefix$U}-content-hidden`]: !active
+  const cls2 = classNames(`${classPrefix$V}-content`, {
+    [`${classPrefix$V}-content-hidden`]: !active
   });
   return shouldRender ? React__default.default.createElement("div", {
     className: cls2,
     onClick: props.onClick
   }, props.children) : null;
 };
-const classPrefix$T = `adm-dropdown`;
+const classPrefix$U = `adm-dropdown`;
 const defaultProps$H = {
   defaultActiveKey: null,
   closeOnMaskClick: true,
@@ -13477,7 +13535,7 @@ const Dropdown = React$4.forwardRef((p, ref) => {
   let popupForceRender = false;
   const items = [];
   const navs = React__default.default.Children.map(props.children, (child) => {
-    if (React__default.default.isValidElement(child)) {
+    if (React$4.isValidElement(child)) {
       const childProps = Object.assign(Object.assign({}, child.props), {
         onClick: () => {
           changeActive(child.key);
@@ -13499,20 +13557,20 @@ const Dropdown = React$4.forwardRef((p, ref) => {
     }
   }), [setValue2]);
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classNames(classPrefix$T, {
-      [`${classPrefix$T}-open`]: !!value
+    className: classNames(classPrefix$U, {
+      [`${classPrefix$U}-open`]: !!value
     }),
     ref: containerRef
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$T}-nav`,
+    className: `${classPrefix$U}-nav`,
     ref: navRef
   }, navs), React__default.default.createElement(Popup, {
     visible: !!value,
     position: "top",
     getContainer: props.getContainer,
-    className: `${classPrefix$T}-popup`,
-    maskClassName: `${classPrefix$T}-popup-mask`,
-    bodyClassName: `${classPrefix$T}-popup-body`,
+    className: `${classPrefix$U}-popup`,
+    maskClassName: `${classPrefix$U}-popup-mask`,
+    bodyClassName: `${classPrefix$U}-popup-body`,
     style: {
       top
     },
@@ -13597,7 +13655,7 @@ function betweenInclusive(i2, e2, n2) {
 !function(i2) {
   i2[i2.unit_1 = 1] = "unit_1", i2[i2.unit_2 = 2] = "unit_2", i2[i2.unit_4 = 4] = "unit_4";
 }(n || (n = {}));
-const classPrefix$S = `adm-ellipsis`;
+const classPrefix$T = `adm-ellipsis`;
 const defaultProps$G = {
   direction: "end",
   rows: 1,
@@ -13711,18 +13769,18 @@ const Ellipsis$1 = (p) => {
   useIsomorphicLayoutEffect$2(() => {
     calcEllipsised();
   }, [props.content, props.direction, props.rows, props.expandText, props.collapseText]);
-  const expandActionElement = exceeded && props.expandText ? withStopPropagation(props.stopPropagationForActionButtons, React__default.default.createElement("a", {
+  const expandActionElement = !!props.expandText && withStopPropagation(props.stopPropagationForActionButtons, React__default.default.createElement("a", {
     ref: expandElRef,
     onClick: () => {
       setExpanded(true);
     }
-  }, props.expandText)) : null;
-  const collapseActionElement = exceeded && props.collapseText ? withStopPropagation(props.stopPropagationForActionButtons, React__default.default.createElement("a", {
+  }, props.expandText));
+  const collapseActionElement = !!props.collapseText && withStopPropagation(props.stopPropagationForActionButtons, React__default.default.createElement("a", {
     ref: collapseElRef,
     onClick: () => {
       setExpanded(false);
     }
-  }, props.collapseText)) : null;
+  }, props.collapseText));
   const renderContent = () => {
     if (!exceeded)
       return props.content;
@@ -13732,7 +13790,7 @@ const Ellipsis$1 = (p) => {
   };
   return withNativeProps(props, React__default.default.createElement("div", {
     ref: rootRef,
-    className: classPrefix$S,
+    className: classPrefix$T,
     onClick: (e2) => {
       if (e2.target === e2.currentTarget) {
         props.onContentClick(e2);
@@ -13770,7 +13828,7 @@ const EmptyIcon = (props) => {
     fill: "#fafafa"
   })))));
 };
-const classPrefix$R = `adm-empty`;
+const classPrefix$S = `adm-empty`;
 const Empty$1 = (props) => {
   function renderImageNode() {
     const {
@@ -13778,13 +13836,13 @@ const Empty$1 = (props) => {
     } = props;
     if (image2 === void 0) {
       return React__default.default.createElement(EmptyIcon, {
-        className: `${classPrefix$R}-image`,
+        className: `${classPrefix$S}-image`,
         style: props.imageStyle
       });
     }
     if (typeof image2 === "string") {
       return React__default.default.createElement("img", {
-        className: `${classPrefix$R}-image`,
+        className: `${classPrefix$S}-image`,
         style: props.imageStyle,
         src: image2,
         alt: "empty"
@@ -13793,16 +13851,16 @@ const Empty$1 = (props) => {
     return image2;
   }
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classPrefix$R
+    className: classPrefix$S
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$R}-image-container`
+    className: `${classPrefix$S}-image-container`
   }, renderImageNode()), props.description && React__default.default.createElement("div", {
-    className: classNames(`${classPrefix$R}-description`)
+    className: classNames(`${classPrefix$S}-description`)
   }, props.description)));
 };
 const Empty = Empty$1;
 const errorBlock = "";
-const classPrefix$Q = `adm-error-block`;
+const classPrefix$R = `adm-error-block`;
 const defaultProps$F = {
   status: "default"
 };
@@ -13814,7 +13872,7 @@ function createErrorBlock(imageRecord2) {
       locale
     } = useConfig();
     const contentPack = locale.ErrorBlock[props.status];
-    const des = "description" in props ? props.description : contentPack.description;
+    const desc = "description" in props ? props.description : contentPack.description;
     const title = "title" in props ? props.title : contentPack.title;
     const image2 = (_a = props.image) !== null && _a !== void 0 ? _a : imageRecord2[props.status];
     const imageNode = typeof image2 === "string" ? React__default.default.createElement("img", {
@@ -13822,19 +13880,19 @@ function createErrorBlock(imageRecord2) {
       alt: "error block image"
     }) : image2;
     return withNativeProps(props, React__default.default.createElement("div", {
-      className: classNames(classPrefix$Q, {
-        [`${classPrefix$Q}-full-page`]: props.fullPage
+      className: classNames(classPrefix$R, {
+        [`${classPrefix$R}-full-page`]: props.fullPage
       })
     }, React__default.default.createElement("div", {
-      className: `${classPrefix$Q}-image`
+      className: `${classPrefix$R}-image`
     }, imageNode), React__default.default.createElement("div", {
-      className: `${classPrefix$Q}-description`
-    }, title && React__default.default.createElement("div", {
-      className: `${classPrefix$Q}-description-title`
-    }, title), des && React__default.default.createElement("div", {
-      className: `${classPrefix$Q}-description-subtitle`
-    }, des)), props.children && React__default.default.createElement("div", {
-      className: `${classPrefix$Q}-content`
+      className: `${classPrefix$R}-description`
+    }, ![void 0, null].includes(title) && React__default.default.createElement("div", {
+      className: `${classPrefix$R}-description-title`
+    }, title), ![void 0, null].includes(desc) && React__default.default.createElement("div", {
+      className: `${classPrefix$R}-description-subtitle`
+    }, desc)), props.children && React__default.default.createElement("div", {
+      className: `${classPrefix$R}-content`
     }, props.children)));
   };
   return ErrorBlock2;
@@ -14342,7 +14400,7 @@ const imageRecord = {
 const ErrorBlock$1 = createErrorBlock(imageRecord);
 const ErrorBlock = ErrorBlock$1;
 const floatingBubble = "";
-const classPrefix$P = `adm-floating-bubble`;
+const classPrefix$Q = `adm-floating-bubble`;
 const defaultProps$E = {
   axis: "y",
   defaultOffset: {
@@ -14426,11 +14484,11 @@ const FloatingBubble$1 = (p) => {
     from: () => [x.get(), y.get()]
   });
   return withNativeProps(props, React__default.default.createElement("div", {
-    className: classPrefix$P
+    className: classPrefix$Q
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$P}-boundary-outer`
+    className: `${classPrefix$Q}-boundary-outer`
   }, React__default.default.createElement("div", {
-    className: `${classPrefix$P}-boundary`,
+    className: `${classPrefix$Q}-boundary`,
     ref: boundaryRef
   })), React__default.default.createElement(animated.div, Object.assign({}, bind(), {
     style: {
@@ -14438,7 +14496,7 @@ const FloatingBubble$1 = (p) => {
       transform: to([x, y], (x2, y2) => `translate(${x2}px, ${y2}px)`)
     },
     onClick: props.onClick,
-    className: `${classPrefix$P}-button`,
+    className: `${classPrefix$Q}-button`,
     ref: buttonRef
   }), props.children)));
 };
@@ -14449,6 +14507,7 @@ function nearest(arr, target) {
     return Math.abs(pre - target) < Math.abs(cur - target) ? pre : cur;
   });
 }
+const classPrefix$P = "adm-floating-panel";
 const defaultProps$D = {
   handleDraggingOfContent: true
 };
@@ -14511,7 +14570,7 @@ const FloatingPanel$1 = React$4.forwardRef((p, ref) => {
     const {
       event
     } = state;
-    if (event.cancelable) {
+    if (event.cancelable && supportsPassive) {
       event.preventDefault();
     }
     event.stopPropagation();
@@ -14535,7 +14594,7 @@ const FloatingPanel$1 = React$4.forwardRef((p, ref) => {
     target: elementRef,
     eventOptions: supportsPassive ? {
       passive: false
-    } : false
+    } : void 0
   });
   React$4.useImperativeHandle(ref, () => ({
     setHeight: (height, options) => {
@@ -14548,23 +14607,23 @@ const FloatingPanel$1 = React$4.forwardRef((p, ref) => {
   useLockScroll(elementRef, true);
   return withNativeProps(props, React__default.default.createElement(animated.div, {
     ref: elementRef,
-    className: "adm-floating-panel",
+    className: classPrefix$P,
     style: {
       height: Math.round(maxHeight),
       translateY: y.to((y2) => `calc(100% + (${Math.round(y2)}px))`)
     }
   }, React__default.default.createElement("div", {
-    className: "adm-floating-panel-mask",
+    className: `${classPrefix$P}-mask`,
     style: {
       display: pulling ? "block" : "none"
     }
   }), React__default.default.createElement("div", {
-    className: "adm-floating-panel-header",
+    className: `${classPrefix$P}-header`,
     ref: headerRef
   }, React__default.default.createElement("div", {
-    className: "adm-floating-panel-bar"
+    className: `${classPrefix$P}-bar`
   })), React__default.default.createElement("div", {
-    className: "adm-floating-panel-content",
+    className: `${classPrefix$P}-content`,
     ref: contentRef
   }, props.children)));
 });
@@ -19192,6 +19251,9 @@ const computePosition$1 = async (reference, floating, config2) => {
     middlewareData
   };
 };
+function evaluate(value, param) {
+  return typeof value === "function" ? value(param) : value;
+}
 function expandPaddingObject(padding) {
   return {
     top: 0,
@@ -19237,7 +19299,7 @@ async function detectOverflow(state, options) {
     elementContext = "floating",
     altBoundary = false,
     padding = 0
-  } = options;
+  } = evaluate(options, state);
   const paddingObject = getSideObjectFromPadding(padding);
   const altContext = elementContext === "floating" ? "reference" : "floating";
   const element = elements[altBoundary ? altContext : elementContext];
@@ -19281,10 +19343,6 @@ const arrow = (options) => ({
   name: "arrow",
   options,
   async fn(state) {
-    const {
-      element,
-      padding = 0
-    } = options || {};
     const {
       x,
       y,
@@ -19293,6 +19351,10 @@ const arrow = (options) => ({
       platform: platform2,
       elements
     } = state;
+    const {
+      element,
+      padding = 0
+    } = evaluate(options, state) || {};
     if (element == null) {
       return {};
     }
@@ -19316,17 +19378,20 @@ const arrow = (options) => ({
       clientSize = elements.floating[clientProp] || rects.floating[length];
     }
     const centerToReference = endDiff / 2 - startDiff / 2;
-    const min2 = paddingObject[minProp];
-    const max2 = clientSize - arrowDimensions[length] - paddingObject[maxProp];
+    const largestPossiblePadding = clientSize / 2 - arrowDimensions[length] / 2 - 1;
+    const minPadding = min$1(paddingObject[minProp], largestPossiblePadding);
+    const maxPadding = min$1(paddingObject[maxProp], largestPossiblePadding);
+    const min$1$1 = minPadding;
+    const max2 = clientSize - arrowDimensions[length] - maxPadding;
     const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;
-    const offset2 = within(min2, center, max2);
-    const shouldAddOffset = getAlignment(placement) != null && center != offset2 && rects.reference[length] / 2 - (center < min2 ? paddingObject[minProp] : paddingObject[maxProp]) - arrowDimensions[length] / 2 < 0;
-    const alignmentOffset = shouldAddOffset ? center < min2 ? min2 - center : max2 - center : 0;
+    const offset2 = within(min$1$1, center, max2);
+    const shouldAddOffset = getAlignment(placement) != null && center != offset2 && rects.reference[length] / 2 - (center < min$1$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
+    const alignmentOffset = shouldAddOffset ? center < min$1$1 ? min$1$1 - center : max2 - center : 0;
     return {
       [axis]: coords[axis] - alignmentOffset,
       data: {
         [axis]: offset2,
-        centerOffset: center - offset2
+        centerOffset: center - offset2 + alignmentOffset
       }
     };
   }
@@ -19422,7 +19487,7 @@ const flip = function(options) {
         fallbackAxisSideDirection = "none",
         flipAlignment = true,
         ...detectOverflowOptions
-      } = options;
+      } = evaluate(options, state);
       const side = getSide(placement);
       const isBasePlacement = getSide(initialPlacement) === initialPlacement;
       const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating));
@@ -19510,13 +19575,13 @@ const hide = function(options) {
     name: "hide",
     options,
     async fn(state) {
-      const {
-        strategy = "referenceHidden",
-        ...detectOverflowOptions
-      } = options;
       const {
         rects
       } = state;
+      const {
+        strategy = "referenceHidden",
+        ...detectOverflowOptions
+      } = evaluate(options, state);
       switch (strategy) {
         case "referenceHidden": {
           const overflow = await detectOverflow(state, {
@@ -19551,7 +19616,7 @@ const hide = function(options) {
     }
   };
 };
-async function convertValueToCoords(state, value) {
+async function convertValueToCoords(state, options) {
   const {
     placement,
     platform: platform2,
@@ -19563,7 +19628,7 @@ async function convertValueToCoords(state, value) {
   const isVertical = getMainAxisFromPlacement(placement) === "x";
   const mainAxisMulti = ["left", "top"].includes(side) ? -1 : 1;
   const crossAxisMulti = rtl && isVertical ? -1 : 1;
-  const rawValue = typeof value === "function" ? value(state) : value;
+  const rawValue = evaluate(options, state);
   let {
     mainAxis,
     crossAxis,
@@ -19589,19 +19654,19 @@ async function convertValueToCoords(state, value) {
     y: crossAxis * crossAxisMulti
   };
 }
-const offset = function(value) {
-  if (value === void 0) {
-    value = 0;
+const offset = function(options) {
+  if (options === void 0) {
+    options = 0;
   }
   return {
     name: "offset",
-    options: value,
+    options,
     async fn(state) {
       const {
         x,
         y
       } = state;
-      const diffCoords = await convertValueToCoords(state, value);
+      const diffCoords = await convertValueToCoords(state, options);
       return {
         x: x + diffCoords.x,
         y: y + diffCoords.y,
@@ -19642,7 +19707,7 @@ const shift = function(options) {
           }
         },
         ...detectOverflowOptions
-      } = options;
+      } = evaluate(options, state);
       const coords = {
         x,
         y
@@ -19699,7 +19764,7 @@ const limitShift = function(options) {
         offset: offset2 = 0,
         mainAxis: checkMainAxis = true,
         crossAxis: checkCrossAxis = true
-      } = options;
+      } = evaluate(options, state);
       const coords = {
         x,
         y
@@ -19708,7 +19773,7 @@ const limitShift = function(options) {
       const crossAxis = getCrossAxis(mainAxis);
       let mainAxisCoord = coords[mainAxis];
       let crossAxisCoord = coords[crossAxis];
-      const rawOffset = typeof offset2 === "function" ? offset2(state) : offset2;
+      const rawOffset = evaluate(offset2, state);
       const computedOffset = typeof rawOffset === "number" ? {
         mainAxis: rawOffset,
         crossAxis: 0
@@ -19757,19 +19822,10 @@ function isNode(value) {
   return value instanceof getWindow(value).Node;
 }
 function getNodeName(node) {
-  return isNode(node) ? (node.nodeName || "").toLowerCase() : "";
-}
-let uaString;
-function getUAString() {
-  if (uaString) {
-    return uaString;
+  if (isNode(node)) {
+    return (node.nodeName || "").toLowerCase();
   }
-  const uaData = navigator.userAgentData;
-  if (uaData && Array.isArray(uaData.brands)) {
-    uaString = uaData.brands.map((item) => item.brand + "/" + item.version).join(" ");
-    return uaString;
-  }
-  return navigator.userAgent;
+  return "#document";
 }
 function isHTMLElement(value) {
   return value instanceof getWindow(value).HTMLElement;
@@ -19781,8 +19837,7 @@ function isShadowRoot(node) {
   if (typeof ShadowRoot === "undefined") {
     return false;
   }
-  const OwnElement = getWindow(node).ShadowRoot;
-  return node instanceof OwnElement || node instanceof ShadowRoot;
+  return node instanceof getWindow(node).ShadowRoot || node instanceof ShadowRoot;
 }
 function isOverflowElement(element) {
   const {
@@ -19797,16 +19852,14 @@ function isTableElement(element) {
   return ["table", "td", "th"].includes(getNodeName(element));
 }
 function isContainingBlock(element) {
-  const isFirefox = /firefox/i.test(getUAString());
+  const safari = isSafari();
   const css = getComputedStyle$1(element);
-  const backdropFilter = css.backdropFilter || css.WebkitBackdropFilter;
-  return css.transform !== "none" || css.perspective !== "none" || (backdropFilter ? backdropFilter !== "none" : false) || isFirefox && css.willChange === "filter" || isFirefox && (css.filter ? css.filter !== "none" : false) || ["transform", "perspective"].some((value) => css.willChange.includes(value)) || ["paint", "layout", "strict", "content"].some((value) => {
-    const contain = css.contain;
-    return contain != null ? contain.includes(value) : false;
-  });
+  return css.transform !== "none" || css.perspective !== "none" || !safari && (css.backdropFilter ? css.backdropFilter !== "none" : false) || !safari && (css.filter ? css.filter !== "none" : false) || ["transform", "perspective", "filter"].some((value) => (css.willChange || "").includes(value)) || ["paint", "layout", "strict", "content"].some((value) => (css.contain || "").includes(value));
 }
-function isClientRectVisualViewportBased() {
-  return /^((?!chrome|android).)*safari/i.test(getUAString());
+function isSafari() {
+  if (typeof CSS === "undefined" || !CSS.supports)
+    return false;
+  return CSS.supports("-webkit-backdrop-filter", "none");
 }
 function isLastTraversableNode(node) {
   return ["html", "body", "#document"].includes(getNodeName(node));
@@ -19814,10 +19867,15 @@ function isLastTraversableNode(node) {
 const min = Math.min;
 const max = Math.max;
 const round = Math.round;
+const floor = Math.floor;
+const createEmptyCoords = (v) => ({
+  x: v,
+  y: v
+});
 function getCssDimensions(element) {
   const css = getComputedStyle$1(element);
-  let width = parseFloat(css.width);
-  let height = parseFloat(css.height);
+  let width = parseFloat(css.width) || 0;
+  let height = parseFloat(css.height) || 0;
   const hasOffset = isHTMLElement(element);
   const offsetWidth = hasOffset ? element.offsetWidth : width;
   const offsetHeight = hasOffset ? element.offsetHeight : height;
@@ -19829,29 +19887,25 @@ function getCssDimensions(element) {
   return {
     width,
     height,
-    fallback: shouldFallback
+    $: shouldFallback
   };
 }
 function unwrapElement(element) {
   return !isElement(element) ? element.contextElement : element;
 }
-const FALLBACK_SCALE = {
-  x: 1,
-  y: 1
-};
 function getScale(element) {
   const domElement = unwrapElement(element);
   if (!isHTMLElement(domElement)) {
-    return FALLBACK_SCALE;
+    return createEmptyCoords(1);
   }
   const rect = domElement.getBoundingClientRect();
   const {
     width,
     height,
-    fallback
+    $
   } = getCssDimensions(domElement);
-  let x = (fallback ? round(rect.width) : rect.width) / width;
-  let y = (fallback ? round(rect.height) : rect.height) / height;
+  let x = ($ ? round(rect.width) : rect.width) / width;
+  let y = ($ ? round(rect.height) : rect.height) / height;
   if (!x || !Number.isFinite(x)) {
     x = 1;
   }
@@ -19863,8 +19917,25 @@ function getScale(element) {
     y
   };
 }
-function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {
+const noOffsets = /* @__PURE__ */ createEmptyCoords(0);
+function getVisualOffsets(element, isFixed, floatingOffsetParent) {
   var _win$visualViewport, _win$visualViewport2;
+  if (isFixed === void 0) {
+    isFixed = true;
+  }
+  if (!isSafari()) {
+    return noOffsets;
+  }
+  const win = element ? getWindow(element) : window;
+  if (!floatingOffsetParent || isFixed && floatingOffsetParent !== win) {
+    return noOffsets;
+  }
+  return {
+    x: ((_win$visualViewport = win.visualViewport) == null ? void 0 : _win$visualViewport.offsetLeft) || 0,
+    y: ((_win$visualViewport2 = win.visualViewport) == null ? void 0 : _win$visualViewport2.offsetTop) || 0
+  };
+}
+function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {
   if (includeScale === void 0) {
     includeScale = false;
   }
@@ -19873,7 +19944,7 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
   }
   const clientRect = element.getBoundingClientRect();
   const domElement = unwrapElement(element);
-  let scale2 = FALLBACK_SCALE;
+  let scale2 = createEmptyCoords(1);
   if (includeScale) {
     if (offsetParent) {
       if (isElement(offsetParent)) {
@@ -19883,28 +19954,27 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
       scale2 = getScale(element);
     }
   }
-  const win = domElement ? getWindow(domElement) : window;
-  const addVisualOffsets = isClientRectVisualViewportBased() && isFixedStrategy;
-  let x = (clientRect.left + (addVisualOffsets ? ((_win$visualViewport = win.visualViewport) == null ? void 0 : _win$visualViewport.offsetLeft) || 0 : 0)) / scale2.x;
-  let y = (clientRect.top + (addVisualOffsets ? ((_win$visualViewport2 = win.visualViewport) == null ? void 0 : _win$visualViewport2.offsetTop) || 0 : 0)) / scale2.y;
+  const visualOffsets = getVisualOffsets(domElement, isFixedStrategy, offsetParent);
+  let x = (clientRect.left + visualOffsets.x) / scale2.x;
+  let y = (clientRect.top + visualOffsets.y) / scale2.y;
   let width = clientRect.width / scale2.x;
   let height = clientRect.height / scale2.y;
   if (domElement) {
-    const win2 = getWindow(domElement);
+    const win = getWindow(domElement);
     const offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;
-    let currentIFrame = win2.frameElement;
-    while (currentIFrame && offsetParent && offsetWin !== win2) {
+    let currentIFrame = win.frameElement;
+    while (currentIFrame && offsetParent && offsetWin !== win) {
       const iframeScale = getScale(currentIFrame);
       const iframeRect = currentIFrame.getBoundingClientRect();
       const css = getComputedStyle(currentIFrame);
-      iframeRect.x += (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
-      iframeRect.y += (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
+      const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
+      const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
       x *= iframeScale.x;
       y *= iframeScale.y;
       width *= iframeScale.x;
       height *= iframeScale.y;
-      x += iframeRect.x;
-      y += iframeRect.y;
+      x += left;
+      y += top;
       currentIFrame = getWindow(currentIFrame).frameElement;
     }
   }
@@ -19945,14 +20015,8 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
     scrollLeft: 0,
     scrollTop: 0
   };
-  let scale2 = {
-    x: 1,
-    y: 1
-  };
-  const offsets = {
-    x: 0,
-    y: 0
-  };
+  let scale2 = createEmptyCoords(1);
+  const offsets = createEmptyCoords(0);
   if (isOffsetParentAnElement || !isOffsetParentAnElement && strategy !== "fixed") {
     if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) {
       scroll = getNodeScroll(offsetParent);
@@ -20002,7 +20066,7 @@ function getParentNode(node) {
 function getNearestOverflowAncestor(node) {
   const parentNode = getParentNode(node);
   if (isLastTraversableNode(parentNode)) {
-    return parentNode.ownerDocument.body;
+    return node.ownerDocument ? node.ownerDocument.body : node.body;
   }
   if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {
     return parentNode;
@@ -20033,7 +20097,7 @@ function getViewportRect(element, strategy) {
   if (visualViewport) {
     width = visualViewport.width;
     height = visualViewport.height;
-    const visualViewportBased = isClientRectVisualViewportBased();
+    const visualViewportBased = isSafari();
     if (!visualViewportBased || visualViewportBased && strategy === "fixed") {
       x = visualViewport.offsetLeft;
       y = visualViewport.offsetTop;
@@ -20050,10 +20114,7 @@ function getInnerBoundingClientRect(element, strategy) {
   const clientRect = getBoundingClientRect(element, true, strategy === "fixed");
   const top = clientRect.top + element.clientTop;
   const left = clientRect.left + element.clientLeft;
-  const scale2 = isHTMLElement(element) ? getScale(element) : {
-    x: 1,
-    y: 1
-  };
+  const scale2 = isHTMLElement(element) ? getScale(element) : createEmptyCoords(1);
   const width = element.clientWidth * scale2.x;
   const height = element.clientHeight * scale2.y;
   const x = left * scale2.x;
@@ -20074,19 +20135,22 @@ function getClientRectFromClippingAncestor(element, clippingAncestor, strategy)
   } else if (isElement(clippingAncestor)) {
     rect = getInnerBoundingClientRect(clippingAncestor, strategy);
   } else {
-    const mutableRect = {
-      ...clippingAncestor
+    const visualOffsets = getVisualOffsets(element);
+    rect = {
+      ...clippingAncestor,
+      x: clippingAncestor.x - visualOffsets.x,
+      y: clippingAncestor.y - visualOffsets.y
     };
-    if (isClientRectVisualViewportBased()) {
-      var _win$visualViewport, _win$visualViewport2;
-      const win = getWindow(element);
-      mutableRect.x -= ((_win$visualViewport = win.visualViewport) == null ? void 0 : _win$visualViewport.offsetLeft) || 0;
-      mutableRect.y -= ((_win$visualViewport2 = win.visualViewport) == null ? void 0 : _win$visualViewport2.offsetTop) || 0;
-    }
-    rect = mutableRect;
   }
   return rectToClientRect(rect);
 }
+function hasFixedPositionAncestor(element, stopNode) {
+  const parentNode = getParentNode(element);
+  if (parentNode === stopNode || !isElement(parentNode) || isLastTraversableNode(parentNode)) {
+    return false;
+  }
+  return getComputedStyle$1(parentNode).position === "fixed" || hasFixedPositionAncestor(parentNode, stopNode);
+}
 function getClippingElementAncestors(element, cache) {
   const cachedResult = cache.get(element);
   if (cachedResult) {
@@ -20098,11 +20162,11 @@ function getClippingElementAncestors(element, cache) {
   let currentNode = elementIsFixed ? getParentNode(element) : element;
   while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
     const computedStyle = getComputedStyle$1(currentNode);
-    const containingBlock = isContainingBlock(currentNode);
-    if (computedStyle.position === "fixed") {
+    const currentNodeIsContaining = isContainingBlock(currentNode);
+    if (!currentNodeIsContaining && computedStyle.position === "fixed") {
       currentContainingBlockComputedStyle = null;
     }
-    const shouldDropCurrentNode = elementIsFixed ? !containingBlock && !currentContainingBlockComputedStyle : !containingBlock && computedStyle.position === "static" && !!currentContainingBlockComputedStyle && ["absolute", "fixed"].includes(currentContainingBlockComputedStyle.position);
+    const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === "static" && !!currentContainingBlockComputedStyle && ["absolute", "fixed"].includes(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
     if (shouldDropCurrentNode) {
       result2 = result2.filter((ancestor) => ancestor !== currentNode);
     } else {
@@ -20178,21 +20242,19 @@ function getOffsetParent(element, polyfill) {
 function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
   const isOffsetParentAnElement = isHTMLElement(offsetParent);
   const documentElement = getDocumentElement(offsetParent);
-  const rect = getBoundingClientRect(element, true, strategy === "fixed", offsetParent);
+  const isFixed = strategy === "fixed";
+  const rect = getBoundingClientRect(element, true, isFixed, offsetParent);
   let scroll = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const offsets = {
-    x: 0,
-    y: 0
-  };
-  if (isOffsetParentAnElement || !isOffsetParentAnElement && strategy !== "fixed") {
+  const offsets = createEmptyCoords(0);
+  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
     if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) {
       scroll = getNodeScroll(offsetParent);
     }
     if (isHTMLElement(offsetParent)) {
-      const offsetRect = getBoundingClientRect(offsetParent, true);
+      const offsetRect = getBoundingClientRect(offsetParent, true, isFixed, offsetParent);
       offsets.x = offsetRect.x + offsetParent.clientLeft;
       offsets.y = offsetRect.y + offsetParent.clientTop;
     } else if (documentElement) {
@@ -20234,34 +20296,92 @@ const platform = {
   getClientRects: (element) => Array.from(element.getClientRects()),
   isRTL: (element) => getComputedStyle$1(element).direction === "rtl"
 };
+function observeMove(element, onMove) {
+  let io = null;
+  let timeoutId;
+  const root2 = getDocumentElement(element);
+  function cleanup() {
+    clearTimeout(timeoutId);
+    io && io.disconnect();
+    io = null;
+  }
+  function refresh(skip, threshold) {
+    if (skip === void 0) {
+      skip = false;
+    }
+    if (threshold === void 0) {
+      threshold = 1;
+    }
+    cleanup();
+    const {
+      left,
+      top,
+      width,
+      height
+    } = element.getBoundingClientRect();
+    if (!skip) {
+      onMove();
+    }
+    if (!width || !height) {
+      return;
+    }
+    const insetTop = floor(top);
+    const insetRight = floor(root2.clientWidth - (left + width));
+    const insetBottom = floor(root2.clientHeight - (top + height));
+    const insetLeft = floor(left);
+    const rootMargin = -insetTop + "px " + -insetRight + "px " + -insetBottom + "px " + -insetLeft + "px";
+    let isFirstUpdate = true;
+    io = new IntersectionObserver((entries) => {
+      const ratio = entries[0].intersectionRatio;
+      if (ratio !== threshold) {
+        if (!isFirstUpdate) {
+          return refresh();
+        }
+        if (!ratio) {
+          timeoutId = setTimeout(() => {
+            refresh(false, 1e-7);
+          }, 100);
+        } else {
+          refresh(false, ratio);
+        }
+      }
+      isFirstUpdate = false;
+    }, {
+      rootMargin,
+      threshold: max(0, min(1, threshold)) || 1
+    });
+    io.observe(element);
+  }
+  refresh(true);
+  return cleanup;
+}
 function autoUpdate(reference, floating, update2, options) {
   if (options === void 0) {
     options = {};
   }
   const {
-    ancestorScroll: _ancestorScroll = true,
+    ancestorScroll = true,
     ancestorResize = true,
     elementResize = true,
+    layoutShift = typeof IntersectionObserver === "function",
     animationFrame = false
   } = options;
-  const ancestorScroll = _ancestorScroll && !animationFrame;
-  const ancestors = ancestorScroll || ancestorResize ? [...isElement(reference) ? getOverflowAncestors(reference) : reference.contextElement ? getOverflowAncestors(reference.contextElement) : [], ...getOverflowAncestors(floating)] : [];
+  const referenceEl = unwrapElement(reference);
+  const ancestors = ancestorScroll || ancestorResize ? [...referenceEl ? getOverflowAncestors(referenceEl) : [], ...getOverflowAncestors(floating)] : [];
   ancestors.forEach((ancestor) => {
     ancestorScroll && ancestor.addEventListener("scroll", update2, {
       passive: true
     });
     ancestorResize && ancestor.addEventListener("resize", update2);
   });
-  let observer = null;
+  const cleanupIo = referenceEl && layoutShift ? observeMove(referenceEl, update2) : null;
+  let resizeObserver = null;
   if (elementResize) {
-    observer = new ResizeObserver(() => {
-      update2();
-    });
-    isElement(reference) && !animationFrame && observer.observe(reference);
-    if (!isElement(reference) && reference.contextElement && !animationFrame) {
-      observer.observe(reference.contextElement);
+    resizeObserver = new ResizeObserver(update2);
+    if (referenceEl && !animationFrame) {
+      resizeObserver.observe(referenceEl);
     }
-    observer.observe(floating);
+    resizeObserver.observe(floating);
   }
   let frameId;
   let prevRefRect = animationFrame ? getBoundingClientRect(reference) : null;
@@ -20278,13 +20398,13 @@ function autoUpdate(reference, floating, update2, options) {
   }
   update2();
   return () => {
-    var _observer;
     ancestors.forEach((ancestor) => {
       ancestorScroll && ancestor.removeEventListener("scroll", update2);
       ancestorResize && ancestor.removeEventListener("resize", update2);
     });
-    (_observer = observer) == null ? void 0 : _observer.disconnect();
-    observer = null;
+    cleanupIo && cleanupIo();
+    resizeObserver && resizeObserver.disconnect();
+    resizeObserver = null;
     if (animationFrame) {
       cancelAnimationFrame(frameId);
     }
@@ -20382,13 +20502,11 @@ const Popover$1 = React$4.forwardRef((p, ref) => {
     defaultValue: props.defaultVisible,
     onChange: props.onVisibleChange
   });
-  React$4.useImperativeHandle(ref, () => {
-    return {
-      show: () => setVisible(true),
-      hide: () => setVisible(false),
-      visible
-    };
-  }, [visible]);
+  React$4.useImperativeHandle(ref, () => ({
+    show: () => setVisible(true),
+    hide: () => setVisible(false),
+    visible
+  }), [visible]);
   const targetRef = React$4.useRef(null);
   const floatingRef = React$4.useRef(null);
   const arrowRef = React$4.useRef(null);
@@ -20563,7 +20681,6 @@ const MemoInput = React__default.default.memo(({
 const FormItemLayout = (props) => {
   var _a;
   const {
-    className,
     style,
     extra,
     label,
@@ -20605,7 +20722,7 @@ const FormItemLayout = (props) => {
         return null;
     }
   })();
-  const labelElement = label ? React__default.default.createElement("label", {
+  const labelElement = !!label && React__default.default.createElement("label", {
     className: `${classPrefix$L}-label`,
     htmlFor
   }, label, requiredMark, help && React__default.default.createElement(Popover, {
@@ -20617,21 +20734,21 @@ const FormItemLayout = (props) => {
     onClick: (e2) => {
       e2.preventDefault();
     }
-  }, React__default.default.createElement(QuestionCircleOutline, null)))) : null;
-  const description = props.description || hasFeedback ? React__default.default.createElement(React__default.default.Fragment, null, props.description, hasFeedback && React__default.default.createElement(React__default.default.Fragment, null, props.errors.map((error, index2) => React__default.default.createElement("div", {
+  }, React__default.default.createElement(QuestionCircleOutline, null))));
+  const description = (!!props.description || hasFeedback) && React__default.default.createElement(React__default.default.Fragment, null, props.description, hasFeedback && React__default.default.createElement(React__default.default.Fragment, null, props.errors.map((error, index2) => React__default.default.createElement("div", {
     key: `error-${index2}`,
     className: `${classPrefix$L}-feedback-error`
   }, error)), props.warnings.map((warning3, index2) => React__default.default.createElement("div", {
     key: `warning-${index2}`,
     className: `${classPrefix$L}-feedback-warning`
-  }, warning3)))) : null;
+  }, warning3))));
   return withNativeProps(props, React__default.default.createElement(List$1.Item, {
     style,
     title: layout === "vertical" && labelElement,
     prefix: layout === "horizontal" && labelElement,
     extra,
     description,
-    className: classNames(classPrefix$L, className, `${classPrefix$L}-${layout}`, {
+    className: classNames(classPrefix$L, `${classPrefix$L}-${layout}`, {
       [`${classPrefix$L}-hidden`]: hidden,
       [`${classPrefix$L}-has-error`]: props.errors.length
     }),
@@ -20647,7 +20764,6 @@ const FormItemLayout = (props) => {
 };
 const FormItem = (props) => {
   const {
-    className,
     style,
     label,
     help,
@@ -20671,7 +20787,7 @@ const FormItem = (props) => {
     dependencies,
     clickable,
     arrow: arrow2
-  } = props, fieldProps = __rest(props, ["className", "style", "label", "help", "extra", "hasFeedback", "name", "required", "noStyle", "hidden", "layout", "childElementPosition", "description", "disabled", "rules", "children", "messageVariables", "trigger", "validateTrigger", "onClick", "shouldUpdate", "dependencies", "clickable", "arrow"]);
+  } = props, fieldProps = __rest(props, ["style", "label", "help", "extra", "hasFeedback", "name", "required", "noStyle", "hidden", "layout", "childElementPosition", "description", "disabled", "rules", "children", "messageVariables", "trigger", "validateTrigger", "onClick", "shouldUpdate", "dependencies", "clickable", "arrow"]);
   const {
     name: formName
   } = React$4.useContext(FormContext);
@@ -20719,7 +20835,6 @@ const FormItem = (props) => {
       return subWarnings;
     }, curWarnings);
     return withNativeProps(props, React__default.default.createElement(FormItemLayout, {
-      className,
       style,
       label,
       extra,
@@ -21448,9 +21563,7 @@ const ImageUploader$1 = (p) => {
       let files = [].slice.call(rawFiles);
       e2.target.value = "";
       if (props.beforeUpload) {
-        const postFiles = files.map((file) => {
-          return processFile(file, files);
-        });
+        const postFiles = files.map((file) => processFile(file, files));
         yield Promise.all(postFiles).then((filesList) => {
           files = filesList.filter(Boolean);
         });
@@ -21924,7 +22037,10 @@ const Input$1 = React$4.forwardRef((p, ref) => {
   function checkValue() {
     let nextValue = value;
     if (props.type === "number") {
-      nextValue = nextValue && bound(parseFloat(nextValue), props.min, props.max).toString();
+      const boundValue = nextValue && bound(parseFloat(nextValue), props.min, props.max).toString();
+      if (Number(nextValue) !== Number(boundValue)) {
+        nextValue = boundValue;
+      }
     }
     if (nextValue !== value) {
       setValue2(nextValue);
@@ -22025,7 +22141,7 @@ const JumboTabs = (props) => {
   let firstActiveKey = null;
   const panes = [];
   traverseReactNode(props.children, (child, index2) => {
-    if (!React__default.default.isValidElement(child))
+    if (!React$4.isValidElement(child))
       return;
     const key = child.key;
     if (typeof key !== "string")
@@ -22152,19 +22268,17 @@ const Modal = (p) => {
     direction: "vertical",
     block: true,
     className: classNames(cls("footer"), props.actions.length === 0 && cls("footer-empty"))
-  }, props.actions.map((action, index2) => {
-    return React__default.default.createElement(ModalActionButton, {
-      key: action.key,
-      action,
-      onAction: () => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b, _c;
-        yield Promise.all([(_a = action.onClick) === null || _a === void 0 ? void 0 : _a.call(action), (_b = props.onAction) === null || _b === void 0 ? void 0 : _b.call(props, action, index2)]);
-        if (props.closeOnAction) {
-          (_c = props.onClose) === null || _c === void 0 ? void 0 : _c.call(props);
-        }
-      })
-    });
-  })));
+  }, props.actions.map((action, index2) => React__default.default.createElement(ModalActionButton, {
+    key: action.key,
+    action,
+    onAction: () => __awaiter(void 0, void 0, void 0, function* () {
+      var _a, _b, _c;
+      yield Promise.all([(_a = action.onClick) === null || _a === void 0 ? void 0 : _a.call(action), (_b = props.onAction) === null || _b === void 0 ? void 0 : _b.call(props, action, index2)]);
+      if (props.closeOnAction) {
+        (_c = props.onClose) === null || _c === void 0 ? void 0 : _c.call(props);
+      }
+    })
+  }))));
   return React__default.default.createElement(CenterPopup, {
     className: classNames(cls(), props.className),
     style: props.style,
@@ -22922,7 +23036,7 @@ const PullToRefresh$1 = (p) => {
     enabled: !props.disabled,
     eventOptions: supportsPassive ? {
       passive: false
-    } : false
+    } : void 0
   });
   const renderStatusText = () => {
     var _a2;
@@ -23036,6 +23150,7 @@ const Radio = (p) => {
     }, checked && React__default.default.createElement(CheckIcon, null));
   };
   return withNativeProps(props, React__default.default.createElement("label", {
+    onClick: props.onClick,
     className: classNames(classPrefix$q, {
       [`${classPrefix$q}-checked`]: checked,
       [`${classPrefix$q}-disabled`]: disabled,
@@ -23165,9 +23280,9 @@ const Result$1 = (p) => {
     className: `${classPrefix$o}-icon`
   }, resultIcon), React__default.default.createElement("div", {
     className: `${classPrefix$o}-title`
-  }, title), description ? React__default.default.createElement("div", {
+  }, title), !!description && React__default.default.createElement("div", {
     className: `${classPrefix$o}-description`
-  }, description) : null));
+  }, description)));
 };
 const Result = Result$1;
 const resultPage = "";
@@ -23490,7 +23605,7 @@ const SideBar = (props) => {
   let firstActiveKey = null;
   const items = [];
   traverseReactNode(props.children, (child, index2) => {
-    if (!React__default.default.isValidElement(child))
+    if (!React$4.isValidElement(child))
       return;
     const key = child.key;
     if (typeof key !== "string")
@@ -24515,11 +24630,7 @@ function InnerStepper(p, ref) {
   const formatValue = (value2) => {
     if (value2 === null)
       return "";
-    if (formatter) {
-      return formatter(value2);
-    } else {
-      return fixedValue(value2);
-    }
+    return formatter ? formatter(value2) : fixedValue(value2);
   };
   const [mergedValue, setMergedValue] = _default(defaultValue, {
     value,
@@ -24710,14 +24821,14 @@ const Steps = (p) => {
     if (!React__default.default.isValidElement(child)) {
       return child;
     }
-    const props2 = child.props;
-    let status = props2.status || "wait";
+    const childProps = child.props;
+    let status = childProps.status || "wait";
     if (index2 < current) {
-      status = props2.status || "finish";
+      status = childProps.status || "finish";
     } else if (index2 === current) {
-      status = props2.status || "process";
+      status = childProps.status || "process";
     }
-    const icon = (_a = props2.icon) !== null && _a !== void 0 ? _a : defaultIcon;
+    const icon = (_a = childProps.icon) !== null && _a !== void 0 ? _a : defaultIcon;
     return React__default.default.cloneElement(child, {
       status,
       icon
@@ -25356,7 +25467,7 @@ const TabBar = (p) => {
   let firstActiveKey = null;
   const items = [];
   traverseReactNode(props.children, (child, index2) => {
-    if (!React__default.default.isValidElement(child))
+    if (!React$4.isValidElement(child))
       return;
     const key = child.key;
     if (typeof key !== "string")
@@ -25426,7 +25537,7 @@ const index$1 = attachPropertiesToComponent(TabBar, {
 const tag = "";
 const classPrefix$7 = `adm-tag`;
 const colorRecord = {
-  default: "#666666",
+  default: "var(--adm-color-text-secondary, #666666)",
   primary: "var(--adm-color-primary, #1677ff)",
   success: "var(--adm-color-success, #00b578)",
   warning: "var(--adm-color-warning, #ff8f1f)",
@@ -25529,12 +25640,21 @@ const TextArea$1 = React$4.forwardRef((p, ref) => {
       className: `${classPrefix$6}-count`
     }, maxLength === void 0 ? valueLength : valueLength + "/" + maxLength);
   }
+  let rows = props.rows;
+  if (typeof autoSize === "object") {
+    if (autoSize.maxRows && rows > autoSize.maxRows) {
+      rows = autoSize.maxRows;
+    }
+    if (autoSize.minRows && rows < autoSize.minRows) {
+      rows = autoSize.minRows;
+    }
+  }
   return withNativeProps(props, React__default.default.createElement("div", {
     className: classPrefix$6
   }, React__default.default.createElement("textarea", {
     ref: nativeTextAreaRef,
     className: `${classPrefix$6}-element`,
-    rows: props.rows,
+    rows,
     value,
     placeholder: props.placeholder,
     onChange: (e2) => {
@@ -25571,7 +25691,7 @@ const TextArea$1 = React$4.forwardRef((p, ref) => {
     ref: hiddenTextAreaRef,
     className: `${classPrefix$6}-element ${classPrefix$6}-element-hidden`,
     value,
-    rows: props.rows,
+    rows,
     "aria-hidden": true,
     readOnly: true
   })));
@@ -26008,13 +26128,9 @@ const Multiple = (p) => {
     }
     const isLeaf = deep === index2 + 1;
     if (isLeaf) {
-      return React__default.default.createElement(React__default.default.Fragment, null, renderSelectAllLeafItem(columnOptions, index2), columnOptions.map((option) => {
-        return renderLeafItem(option);
-      }));
+      return React__default.default.createElement(React__default.default.Fragment, null, renderSelectAllLeafItem(columnOptions, index2), columnOptions.map((option) => renderLeafItem(option)));
     }
-    return React__default.default.createElement(React__default.default.Fragment, null, renderSelectAllItem(columnOptions, index2), columnOptions.map((option) => {
-      return renderItem(option);
-    }));
+    return React__default.default.createElement(React__default.default.Fragment, null, renderSelectAllItem(columnOptions, index2), columnOptions.map((option) => renderItem(option)));
   };
   const renderColumns = () => {
     var _a;
@@ -26148,7 +26264,7 @@ const VirtualInput$1 = React$4.forwardRef((p, ref) => {
     },
     role: "button",
     "aria-label": locale.Input.clear
-  }, React__default.default.createElement(CloseCircleFill, null)), !value && React__default.default.createElement("div", {
+  }, React__default.default.createElement(CloseCircleFill, null)), [void 0, null, ""].includes(value) && React__default.default.createElement("div", {
     className: `${classPrefix$2}-placeholder`
   }, props.placeholder), keyboardElement));
 });
@@ -26161,7 +26277,7 @@ const defaultProps$1 = {
 const WaterMark$1 = (p) => {
   const props = mergeProps(defaultProps$1, p);
   const {
-    zIndex = 2e3,
+    zIndex,
     gapX = 24,
     gapY = 48,
     width = 120,
@@ -26266,31 +26382,27 @@ const Footer$1 = (p) => {
     className: classNames(classPrefix)
   }, label && React__default.default.createElement("div", {
     className: `${classPrefix}-label`
-  }, React__default.default.createElement(Divider, null, label)), links && links.length > 0 && React__default.default.createElement("div", {
+  }, React__default.default.createElement(Divider, null, label)), !!(links === null || links === void 0 ? void 0 : links.length) && React__default.default.createElement("div", {
     className: `${classPrefix}-links`
-  }, links.map((link, index2) => {
-    return React__default.default.createElement(React__default.default.Fragment, {
-      key: index2
-    }, React__default.default.createElement("a", {
-      href: link.href,
-      rel: "noopener noreferrer",
-      onClick: (event) => clickLinkItem(link, index2, event)
-    }, link.text), index2 !== links.length - 1 && React__default.default.createElement(Divider, {
-      direction: "vertical"
-    }));
-  })), content && React__default.default.createElement("div", {
+  }, links.map((link, index2) => React__default.default.createElement(React__default.default.Fragment, {
+    key: index2
+  }, React__default.default.createElement("a", {
+    href: link.href,
+    rel: "noopener noreferrer",
+    onClick: (event) => clickLinkItem(link, index2, event)
+  }, link.text), index2 !== links.length - 1 && React__default.default.createElement(Divider, {
+    direction: "vertical"
+  })))), content && React__default.default.createElement("div", {
     className: `${classPrefix}-content`
   }, content), chips && chips.length > 0 && React__default.default.createElement("div", {
     className: `${classPrefix}-chips`
-  }, chips.map((chip, index2) => {
-    return React__default.default.createElement("div", {
-      key: index2,
-      onClick: () => clickChipItem(chip, index2),
-      className: classNames(`${classPrefix}-chip`, {
-        [`${classPrefix}-chip-link`]: chip.type === "link"
-      })
-    }, chip.text);
-  }))));
+  }, chips.map((chip, index2) => React__default.default.createElement("div", {
+    key: index2,
+    onClick: () => clickChipItem(chip, index2),
+    className: classNames(`${classPrefix}-chip`, {
+      [`${classPrefix}-chip-link`]: chip.type === "link"
+    })
+  }, chip.text)))));
 };
 const Footer = Footer$1;
 exports.ActionSheet = index$j;