antd-mobile 5.32.0 → 5.32.1

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

@@ -229,7 +229,7 @@
     },
     Calendar: {
       markItems: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
-      renderYearAndMonth: (year, month) => `${year}/${month}`
+      yearAndMonth: "${year}/${month}"
     },
     Cascader: {
       placeholder: "Selecting"
@@ -363,7 +363,7 @@
     },
     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 @@
         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 @@
     }
     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 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 @@
         }
       }
     }, 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 @@ Please add \`${key}Action\` when creating your handler.`);
       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 @@ Please add \`${key}Action\` when creating your handler.`);
     });
     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 @@ Please add \`${key}Action\` when creating your handler.`);
       }),
       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 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   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 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     };
   }
-  const classPrefix$1i = `adm-action-sheet`;
+  const classPrefix$1k = `adm-action-sheet`;
   const defaultProps$11 = {
     visible: false,
     actions: [],
@@ -9590,25 +9593,25 @@ Please add \`${key}Action\` when creating your handler.`);
         }
       },
       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 @@ Please add \`${key}Action\` when creating your handler.`);
       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 @@ Please add \`${key}Action\` when creating your handler.`);
     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 @@ Please add \`${key}Action\` when creating your handler.`);
     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 @@ Please add \`${key}Action\` when creating your handler.`);
       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 @@ Please add \`${key}Action\` when creating your handler.`);
     }
     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 @@ Please add \`${key}Action\` when creating your handler.`);
     }), 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 @@ Please add \`${key}Action\` when creating your handler.`);
   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 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   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 @@ Please add \`${key}Action\` when creating your handler.`);
       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 @@ Please add \`${key}Action\` when creating your handler.`);
   });
   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 @@ Please add \`${key}Action\` when creating your handler.`);
       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 @@ Please add \`${key}Action\` when creating your handler.`);
   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 @@ Please add \`${key}Action\` when creating your handler.`);
       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 @@ Please add \`${key}Action\` when creating your handler.`);
     });
     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 @@ Please add \`${key}Action\` when creating your handler.`);
     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 @@ Please add \`${key}Action\` when creating your handler.`);
       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 @@ Please add \`${key}Action\` when creating your handler.`);
         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 @@ Please add \`${key}Action\` when creating your handler.`);
             }
           }
         }, 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 @@ Please add \`${key}Action\` when creating your handler.`);
     };
   };
   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 @@ Please add \`${key}Action\` when creating your handler.`);
     }, []);
     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 @@ Please add \`${key}Action\` when creating your handler.`);
     }
     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 @@ Please add \`${key}Action\` when creating your handler.`);
       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 @@ Please add \`${key}Action\` when creating your handler.`);
         }
         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 @@ Please add \`${key}Action\` when creating your handler.`);
         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 @@ Please add \`${key}Action\` when creating your handler.`);
     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 @@ Please add \`${key}Action\` when creating your handler.`);
         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 @@ Please add \`${key}Action\` when creating your handler.`);
       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 @@ Please add \`${key}Action\` when creating your handler.`);
         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 @@ Please add \`${key}Action\` when creating your handler.`);
     });
     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 @@ Please add \`${key}Action\` when creating your handler.`);
       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 @@ Please add \`${key}Action\` when creating your handler.`);
         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 @@ Please add \`${key}Action\` when creating your handler.`);
       }, "-"));
     }
     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 @@ Please add \`${key}Action\` when creating your handler.`);
       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 @@ Please add \`${key}Action\` when creating your handler.`);
       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 @@ Please add \`${key}Action\` when creating your handler.`);
   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 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     });
     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 @@ Please add \`${key}Action\` when creating your handler.`);
     }))));
   });
   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 @@ Please add \`${key}Action\` when creating your handler.`);
       });
     }, []);
     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 @@ Please add \`${key}Action\` when creating your handler.`);
       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 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     });
     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 @@ Please add \`${key}Action\` when creating your handler.`);
       },
       "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 @@ Please add \`${key}Action\` when creating your handler.`);
     }))));
     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 @@ Please add \`${key}Action\` when creating your handler.`);
   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 @@ Please add \`${key}Action\` when creating your handler.`);
       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 @@ Please add \`${key}Action\` when creating your handler.`);
         }
         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 @@ Please add \`${key}Action\` when creating your handler.`);
         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 @@ Please add \`${key}Action\` when creating your handler.`);
   });
   const checkList = "";
   const list = "";
-  const classPrefix$12 = `adm-list`;
+  const classPrefix$14 = `adm-list`;
   const defaultProps$T = {
     mode: "default"
   };
@@ -11882,41 +11942,41 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     }));
     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 @@ Please add \`${key}Action\` when creating your handler.`);
     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 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     }, 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 @@ Please add \`${key}Action\` when creating your handler.`);
     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 @@ Please add \`${key}Action\` when creating your handler.`);
     }
     return array2;
   }
-  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 @@ Please add \`${key}Action\` when creating your handler.`);
     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 @@ Please add \`${key}Action\` when creating your handler.`);
     Title: SkeletonTitle,
     Paragraph: SkeletonParagraph
   });
-  const classPrefix$Z = `adm-cascader-view`;
+  const classPrefix$$ = `adm-cascader-view`;
   const defaultProps$R = {
     defaultValue: []
   };
@@ -12168,7 +12228,7 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     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 @@ Please add \`${key}Action\` when creating your handler.`);
         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 @@ Please add \`${key}Action\` when creating your handler.`);
           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 @@ Please add \`${key}Action\` when creating your handler.`);
   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 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     }, [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 @@ Please add \`${key}Action\` when creating your handler.`);
     optionSkeleton
   });
   const centerPopup = "";
+  const classPrefix$Z = "adm-center-popup";
   const defaultProps$P = Object.assign(Object.assign({}, defaultPopupBaseProps), {
     getContainer: null
   });
@@ -12394,11 +12455,11 @@ Please add \`${key}Action\` when creating your handler.`);
     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 @@ Please add \`${key}Action\` when creating your handler.`);
         }
       },
       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 @@ Please add \`${key}Action\` when creating your handler.`);
       id: props.id
     });
   };
-  const classPrefix$X = `adm-checkbox`;
+  const classPrefix$Y = `adm-checkbox`;
   const defaultProps$N = {
     defaultChecked: false,
     indeterminate: false
@@ -12564,20 +12625,20 @@ Please add \`${key}Action\` when creating your handler.`);
     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 @@ Please add \`${key}Action\` when creating your handler.`);
       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 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     }, [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 @@ Please add \`${key}Action\` when creating your handler.`);
         })
       }
     }, 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 @@ Please add \`${key}Action\` when creating your handler.`);
         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 @@ Please add \`${key}Action\` when creating your handler.`);
             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 @@ Please add \`${key}Action\` when creating your handler.`);
           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 @@ Please add \`${key}Action\` when creating your handler.`);
     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 @@ Please add \`${key}Action\` when creating your handler.`);
   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 @@ Please add \`${key}Action\` when creating your handler.`);
       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 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     }), [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 @@ Please add \`${key}Action\` when creating your handler.`);
   !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,
@@ -13693,18 +13769,18 @@ Please add \`${key}Action\` when creating your handler.`);
     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 +13790,7 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     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 +13828,7 @@ Please add \`${key}Action\` when creating your handler.`);
       fill: "#fafafa"
     })))));
   };
-  const classPrefix$R = `adm-empty`;
+  const classPrefix$S = `adm-empty`;
   const Empty$1 = (props) => {
     function renderImageNode() {
       const {
@@ -13760,13 +13836,13 @@ Please add \`${key}Action\` when creating your handler.`);
       } = 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 +13851,16 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +13872,7 @@ Please add \`${key}Action\` when creating your handler.`);
         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 +13880,19 @@ Please add \`${key}Action\` when creating your handler.`);
         alt: "error block image"
       }) : image2;
       return withNativeProps(props, React__default.default.createElement("div", {
-        className: classNames(classPrefix$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 +14400,7 @@ Please add \`${key}Action\` when creating your handler.`);
   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 +14484,11 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +14496,7 @@ Please add \`${key}Action\` when creating your handler.`);
         transform: to([x, y], (x2, y2) => `translate(${x2}px, ${y2}px)`)
       },
       onClick: props.onClick,
-      className: `${classPrefix$P}-button`,
+      className: `${classPrefix$Q}-button`,
       ref: buttonRef
     }), props.children)));
   };
@@ -14431,6 +14507,7 @@ Please add \`${key}Action\` when creating your handler.`);
       return Math.abs(pre - target) < Math.abs(cur - target) ? pre : cur;
     });
   }
+  const classPrefix$P = "adm-floating-panel";
   const defaultProps$D = {
     handleDraggingOfContent: true
   };
@@ -14493,7 +14570,7 @@ Please add \`${key}Action\` when creating your handler.`);
       const {
         event
       } = state;
-      if (event.cancelable) {
+      if (event.cancelable && supportsPassive) {
         event.preventDefault();
       }
       event.stopPropagation();
@@ -14517,7 +14594,7 @@ Please add \`${key}Action\` when creating your handler.`);
       target: elementRef,
       eventOptions: supportsPassive ? {
         passive: false
-      } : false
+      } : void 0
     });
     React$4.useImperativeHandle(ref, () => ({
       setHeight: (height, options) => {
@@ -14530,23 +14607,23 @@ Please add \`${key}Action\` when creating your handler.`);
     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 +20681,6 @@ Please add \`${key}Action\` when creating your handler.`);
   const FormItemLayout = (props) => {
     var _a;
     const {
-      className,
       style,
       extra,
       label,
@@ -20646,7 +20722,7 @@ Please add \`${key}Action\` when creating your handler.`);
           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 +20734,21 @@ Please add \`${key}Action\` when creating your handler.`);
       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((warning2, index2) => React__default.default.createElement("div", {
       key: `warning-${index2}`,
       className: `${classPrefix$L}-feedback-warning`
-    }, warning2)))) : null;
+    }, warning2))));
     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 +20764,6 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   const FormItem = (props) => {
     const {
-      className,
       style,
       label,
       help,
@@ -20712,7 +20787,7 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +20835,6 @@ Please add \`${key}Action\` when creating your handler.`);
         return subWarnings;
       }, curWarnings);
       return withNativeProps(props, React__default.default.createElement(FormItemLayout, {
-        className,
         style,
         label,
         extra,
@@ -22962,7 +23036,7 @@ Please add \`${key}Action\` when creating your handler.`);
       enabled: !props.disabled,
       eventOptions: supportsPassive ? {
         passive: false
-      } : false
+      } : void 0
     });
     const renderStatusText = () => {
       var _a2;
@@ -24747,14 +24821,14 @@ Please add \`${key}Action\` when creating your handler.`);
       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 +25537,7 @@ Please add \`${key}Action\` when creating your handler.`);
   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 +25640,21 @@ Please add \`${key}Action\` when creating your handler.`);
         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 +25691,7 @@ Please add \`${key}Action\` when creating your handler.`);
       ref: hiddenTextAreaRef,
       className: `${classPrefix$6}-element ${classPrefix$6}-element-hidden`,
       value,
-      rows: props.rows,
+      rows,
       "aria-hidden": true,
       readOnly: true
     })));
@@ -26194,7 +26277,7 @@ Please add \`${key}Action\` when creating your handler.`);
   const WaterMark$1 = (p) => {
     const props = mergeProps(defaultProps$1, p);
     const {
-      zIndex = 2e3,
+      zIndex,
       gapX = 24,
       gapY = 48,
       width = 120,