antd-mobile 5.32.0 → 5.32.2

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,14 +9319,14 @@ 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$1k}-body`, props.bodyClassName, `${classPrefix$1k}-body-position-${props.position}`);
+  const bodyCls = classNames(`${classPrefix$1m}-body`, props.bodyClassName, `${classPrefix$1m}-body-position-${props.position}`);
   const {
     locale
   } = useConfig();
@@ -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,6 +10126,12 @@ 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 || value === null)
     return null;
@@ -10135,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,
@@ -10209,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");
     }
@@ -10263,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)
@@ -10316,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;
@@ -10438,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 [{
@@ -10485,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
     }
@@ -10697,7 +10709,7 @@ function traverseReactNode(children, fn) {
   }
   handle(children);
 }
-const classPrefix$19 = `adm-capsule-tabs`;
+const classPrefix$1b = `adm-capsule-tabs`;
 const CapsuleTab = () => null;
 const CapsuleTabs = (props) => {
   var _a;
@@ -10736,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 {
@@ -10761,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) {
@@ -10776,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"
       }
@@ -10787,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 = () => {
@@ -10806,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()));
 };
@@ -10862,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,
@@ -10929,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)
       });
@@ -10959,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() {
@@ -10980,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;
@@ -10995,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;
@@ -11006,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;
@@ -11029,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) => {
@@ -11048,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";
@@ -11258,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)",
@@ -11290,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,
@@ -11311,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) => {
@@ -11362,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,
@@ -11372,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,
@@ -11450,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;
@@ -11474,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,
@@ -11486,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: () => {
@@ -11636,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;
 };
@@ -11797,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: () => {
@@ -11840,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
@@ -11857,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"
       }
@@ -11869,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"
 };
@@ -11882,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));
 };
@@ -11924,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: [],
@@ -11961,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) {
@@ -11976,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) => {
@@ -12071,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 = {
@@ -12092,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);
 };
@@ -12104,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: []
 };
@@ -12168,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) => {
@@ -12176,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]],
@@ -12211,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);
     }))));
@@ -12221,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,
@@ -12273,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) => {
@@ -12357,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
 });
@@ -12394,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"
@@ -12415,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);
@@ -12512,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
@@ -12564,20 +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", {
     onClick: props.onClick,
-    className: classNames(classPrefix$X, {
-      [`${classPrefix$X}-checked`]: checked && !props.indeterminate,
-      [`${classPrefix$X}-indeterminate`]: props.indeterminate,
-      [`${classPrefix$X}-disabled`]: disabled,
-      [`${classPrefix$X}-block`]: props.block
+    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",
@@ -12586,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;
 };
@@ -12647,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) => {
@@ -12660,12 +12721,11 @@ 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$4.isValidElement(child))
@@ -12675,26 +12735,42 @@ const Collapse = (props) => {
       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([]);
@@ -12708,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);
@@ -12719,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()
@@ -13368,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"
@@ -13376,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))));
 };
@@ -13409,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,
@@ -13481,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
     },
@@ -13579,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,
@@ -13621,7 +13697,6 @@ const Ellipsis$1 = (p) => {
     container.style.minHeight = "auto";
     container.style.maxHeight = "auto";
     container.style.textOverflow = "clip";
-    container.style.whiteSpace = "normal";
     container.style.webkitLineClamp = "unset";
     container.style.display = "block";
     const lineHeight = pxToNumber(originStyle.lineHeight);
@@ -13693,18 +13768,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;
@@ -13714,7 +13789,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);
@@ -13752,7 +13827,7 @@ const EmptyIcon = (props) => {
     fill: "#fafafa"
   })))));
 };
-const classPrefix$R = `adm-empty`;
+const classPrefix$S = `adm-empty`;
 const Empty$1 = (props) => {
   function renderImageNode() {
     const {
@@ -13760,13 +13835,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"
@@ -13775,16 +13850,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"
 };
@@ -13796,7 +13871,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", {
@@ -13804,19 +13879,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;
@@ -14324,7 +14399,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: {
@@ -14408,11 +14483,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: {
@@ -14420,7 +14495,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)));
 };
@@ -14431,6 +14506,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
 };
@@ -14493,7 +14569,7 @@ const FloatingPanel$1 = React$4.forwardRef((p, ref) => {
     const {
       event
     } = state;
-    if (event.cancelable) {
+    if (event.cancelable && supportsPassive) {
       event.preventDefault();
     }
     event.stopPropagation();
@@ -14517,7 +14593,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) => {
@@ -14530,23 +14606,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)));
 });
@@ -20604,7 +20680,6 @@ const MemoInput = React__default.default.memo(({
 const FormItemLayout = (props) => {
   var _a;
   const {
-    className,
     style,
     extra,
     label,
@@ -20646,7 +20721,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, {
@@ -20658,21 +20733,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
     }),
@@ -20688,7 +20763,6 @@ const FormItemLayout = (props) => {
 };
 const FormItem = (props) => {
   const {
-    className,
     style,
     label,
     help,
@@ -20712,7 +20786,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);
@@ -20760,7 +20834,6 @@ const FormItem = (props) => {
       return subWarnings;
     }, curWarnings);
     return withNativeProps(props, React__default.default.createElement(FormItemLayout, {
-      className,
       style,
       label,
       extra,
@@ -22962,7 +23035,7 @@ const PullToRefresh$1 = (p) => {
     enabled: !props.disabled,
     eventOptions: supportsPassive ? {
       passive: false
-    } : false
+    } : void 0
   });
   const renderStatusText = () => {
     var _a2;
@@ -24747,14 +24820,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
@@ -25463,7 +25536,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)",
@@ -25566,12 +25639,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) => {
@@ -25608,7 +25690,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
   })));
@@ -26194,7 +26276,7 @@ const defaultProps$1 = {
 const WaterMark$1 = (p) => {
   const props = mergeProps(defaultProps$1, p);
   const {
-    zIndex = 2e3,
+    zIndex,
     gapX = 24,
     gapY = 48,
     width = 120,