@nutui/nutui-react 1.4.8 → 1.4.9-beta.0

package/dist/nutui.react.umd.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.4.8 Wed Feb 22 2023 16:47:33 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.4.9 Wed Mar 01 2023 15:35:20 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -112,7 +112,7 @@
     };
     const isImage = name ? name.indexOf("/") !== -1 : false;
     const type2 = isImage ? "img" : tag;
-    const b = cn("icon");
+    const b2 = cn("icon");
     const handleClick2 = (e2) => {
       if (onClick) {
         onClick(e2);
@@ -131,7 +131,7 @@
     return React__default["default"].createElement(
       type2,
       {
-        className: isImage ? `${b("img")} ${className || ""} ` : `${fontClassName} ${b(null)} ${classPrefix}-${name} ${className || ""}`,
+        className: isImage ? `${b2("img")} ${className || ""} ` : `${fontClassName} ${b2(null)} ${classPrefix}-${name} ${className || ""}`,
         style: {
           color,
           ...styles,
@@ -315,7 +315,7 @@
       ...defaultProps$1q,
       ...props
     };
-    const b = cn("cell");
+    const b2 = cn("cell");
     const handleClick2 = (event) => {
       onClick(event);
       if (url) {
@@ -330,7 +330,7 @@
       flex: 1
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b(
+      className: `${b2(
         { clickable: !!isLink, center, large: size === "large" },
         [className]
       )} `,
@@ -338,20 +338,20 @@
       style: baseStyle,
       ...rest
     }, children || /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, icon || iconSlot ? /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("icon")
+      className: b2("icon")
     }, iconSlot || (icon ? /* @__PURE__ */ React__default["default"].createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: icon,
       className: "icon"
     }) : null)) : null, title || subTitle ? /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b("title")}`
+      className: `${b2("title")}`
     }, title ? /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("maintitle")
+      className: b2("maintitle")
     }, title) : null, subTitle ? /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("subtitle")
+      className: b2("subtitle")
     }, subTitle) : null) : null, desc ? /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("value", {
+      className: b2("value", {
         alone: !title && !subTitle
       }),
       style: styles
@@ -359,7 +359,7 @@
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: "right",
-      className: b("link")
+      className: b2("link")
     }) : linkSlot));
   };
   Cell.defaultProps = defaultProps$1q;
@@ -376,15 +376,15 @@
       ...defaultProps$1p,
       ...props
     };
-    const b = cn("cell-group");
+    const b2 = cn("cell-group");
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b(null, [className])
+      className: b2(null, [className])
     }, titleSlot || /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, title ? /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("title")
+      className: b2("title")
     }, title) : null), descSlot || /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, desc ? /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("desc")
+      className: b2("desc")
     }, desc) : null), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("wrap")
+      className: b2("wrap")
     }, children));
   };
   CellGroup.defaultProps = defaultProps$1p;
@@ -1073,7 +1073,7 @@
         document.body.classList.remove("nut-overflow-hidden");
       };
     }, []);
-    const b = cn("overlay");
+    const b2 = cn("overlay");
     const classes = classNames(
       {
         "overlay-fade-leave-active": !renderRef.current && !visible,
@@ -1082,7 +1082,7 @@
         "hidden-render": !visible
       },
       overlayClass,
-      b("")
+      b2("")
     );
     const styles = {
       zIndex,
@@ -1647,7 +1647,7 @@
     const [innerVisible, setInnerVisible] = React.useState(visible);
     const [showChildren, setShowChildren] = React.useState(true);
     const [transitionName, setTransitionName] = React.useState("");
-    const b = cn("popup");
+    const b2 = cn("popup");
     const baseStyle = {
       zIndex: index,
       animationDuration: `${duration}s`
@@ -1665,9 +1665,9 @@
         round,
         [`nut-popup-${position}`]: true,
         [`${popClass}`]: true,
-        [`${className}`]: true
+        [`${className || ""}`]: true
       },
-      b("")
+      b2("")
     );
     const closeClasses = classNames({
       "nut-popup__close-icon": true,
@@ -1889,10 +1889,12 @@
     const pxCheck2 = (value) => {
       return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
     };
-    const b = cn("grid");
+    const b2 = cn("grid");
     const rootClass = () => {
-      const prefixCls = b();
-      return `${className} ${prefixCls} ${border && !gutter ? `${b("border")}` : ""}`;
+      const prefixCls = b2();
+      return classNames(className, prefixCls, {
+        [b2("border")]: border && !gutter
+      });
     };
     const rootStyle = () => {
       let styleSelf = {};
@@ -1973,7 +1975,7 @@
       ...defaultProps$1i,
       ...props
     };
-    const b = cn("grid-item");
+    const b2 = cn("grid-item");
     const context = React.useContext(GridContext);
     const pxCheck2 = (value) => {
       return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
@@ -1993,8 +1995,14 @@
       return style;
     };
     const contentClass = () => {
-      return `${b("content")} ${border && b("content--border")} ${border && gutter && b("content--surround")}  ${center && b("content--center")} ${square && b("content--square")} ${reverse && b("content--reverse")} ${!!direction && b(`content--${direction}`)}
-      `;
+      return classNames(b2("content"), {
+        [b2("content--border")]: border,
+        [b2("content--surround")]: border && gutter,
+        [b2("content--center")]: center,
+        [b2("content--square")]: square,
+        [b2("content--reverse")]: reverse,
+        [b2(`content--${direction}`)]: !!direction
+      });
     };
     const isIconName = () => {
       return typeof icon === "string";
@@ -2024,7 +2032,7 @@
       );
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b(),
+      className: b2(),
       style: rootStyle(),
       ...rest,
       onClick: handleClick2
@@ -2187,6 +2195,7 @@
     bottom: 0,
     zIndex: 2e3
   };
+  const b$1 = cn("sticky");
   const Sticky = (props) => {
     const {
       position = "top",
@@ -2317,7 +2326,7 @@
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       ref: rootRef,
       style: rootStyle,
-      className: `nut-sticky ${className}`,
+      className: classNames(b$1(), className),
       ...rest
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-sticky-box",
@@ -4349,17 +4358,17 @@
     num: (a) => typeof a === "number",
     und: (a) => a === void 0
   };
-  function isEqual(a, b) {
+  function isEqual(a, b2) {
     if (is.arr(a)) {
-      if (!is.arr(b) || a.length !== b.length)
+      if (!is.arr(b2) || a.length !== b2.length)
         return false;
       for (let i = 0; i < a.length; i++) {
-        if (a[i] !== b[i])
+        if (a[i] !== b2[i])
           return false;
       }
       return true;
     }
-    return a === b;
+    return a === b2;
   }
   const each = (obj, fn) => obj.forEach(fn);
   function eachProp(obj, fn, ctx2) {
@@ -4714,8 +4723,8 @@
     const p = 2 * l - q;
     const r2 = hue2rgb(p, q, h + 1 / 3);
     const g = hue2rgb(p, q, h);
-    const b = hue2rgb(p, q, h - 1 / 3);
-    return Math.round(r2 * 255) << 24 | Math.round(g * 255) << 16 | Math.round(b * 255) << 8;
+    const b2 = hue2rgb(p, q, h - 1 / 3);
+    return Math.round(r2 * 255) << 24 | Math.round(g * 255) << 16 | Math.round(b2 * 255) << 8;
   }
   function parse255(str) {
     const int = parseInt(str, 10);
@@ -4752,9 +4761,9 @@
     int32Color = int32Color || 0;
     let r2 = (int32Color & 4278190080) >>> 24;
     let g = (int32Color & 16711680) >>> 16;
-    let b = (int32Color & 65280) >>> 8;
+    let b2 = (int32Color & 65280) >>> 8;
     let a = (int32Color & 255) / 255;
-    return `rgba(${r2}, ${g}, ${b}, ${a})`;
+    return `rgba(${r2}, ${g}, ${b2}, ${a})`;
   }
   const createInterpolator = (range2, output, extrapolate) => {
     if (is.fun(range2)) {
@@ -7391,7 +7400,7 @@
       ...defaultProps$1e,
       ...props
     };
-    const b = cn("elevator");
+    const b2 = cn("elevator");
     const listview = React.useRef(null);
     const initData = {
       anchorIndex: 0,
@@ -7527,27 +7536,27 @@
       state.current.fixedTop = fixedTop;
     }, [state.current.diff, titleHeight]);
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b()} ${className}`,
+      className: `${b2()} ${className}`,
       ...rest
     }, isSticky && scrollY > 0 ? /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("list__fixed")
+      className: b2("list__fixed")
     }, /* @__PURE__ */ React__default["default"].createElement("span", {
       className: "fixed-title"
     }, indexList[currentIndex][acceptKey])) : null, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("list"),
+      className: b2("list"),
       style: { height: Number.isNaN(+height) ? height : `${height}px` }
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("list__inner"),
+      className: b2("list__inner"),
       ref: listview
     }, indexList.map((item, idx) => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: b("list__item"),
+        className: b2("list__item"),
         key: idx
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: b("list__item__code")
+        className: b2("list__item__code")
       }, item[acceptKey]), /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, item.list.map((subitem) => {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: b("list__item__name", {
+          className: b2("list__item__name", {
             highcolor: currentData.id === subitem.id && currentKey === item[acceptKey]
           }),
           key: subitem.id,
@@ -7557,16 +7566,16 @@
         }, children)) : subitem.name);
       })));
     }))), indexList.length && scrollStart ? /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("code--current", { current: true })
+      className: b2("code--current", { current: true })
     }, indexList[codeIndex][acceptKey]) : null, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("bars")
+      className: b2("bars")
     }, /* @__PURE__ */ React__default["default"].createElement(animated.div, {
-      className: b("bars__inner"),
+      className: b2("bars__inner"),
       ...bind(),
       style: { touchAction: "pan-y" }
     }, indexList.map((item, index) => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: b("bars__inner__item", {
+        className: b2("bars__inner__item", {
           active: item[acceptKey] === indexList[currentIndex][acceptKey]
         }),
         "data-index": index,
@@ -7611,14 +7620,14 @@
       ...defaultProps$1d,
       ...props
     };
-    const b = cn("fixednav");
+    const b2 = cn("fixednav");
     const classes = classNames(
       {
         active: visible
       },
       type2,
       fixednavClass,
-      b("")
+      b2("")
     );
     const onSelectCb = (event, item) => {
       onSelected(item, event);
@@ -7688,14 +7697,14 @@
       ...defaultProps$1c,
       ...props
     };
-    const b = cn("indicator");
+    const b2 = cn("indicator");
     const classes = classNames(
       {
-        [`${b("block")}`]: block,
-        [`${b("align")}__${align}`]: block && align,
-        [`${b("vertical")}`]: vertical
+        [`${b2("block")}`]: block,
+        [`${b2("align")}__${align}`]: block && align,
+        [`${b2("vertical")}`]: vertical
       },
-      b("")
+      b2("")
     );
     const renderEles = () => {
       const childs = [];
@@ -7703,10 +7712,10 @@
         childs.push(
           item === current ? /* @__PURE__ */ React__default["default"].createElement("div", {
             key: item,
-            className: b("number")
+            className: b2("number")
           }, fillZero && item < 10 ? `0${item}` : item) : /* @__PURE__ */ React__default["default"].createElement("div", {
             key: item,
-            className: b("dot")
+            className: b2("dot")
           })
         );
       }
@@ -7715,7 +7724,7 @@
     React.useEffect(() => {
     }, []);
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${classes} ${className}`,
+      className: classNames(classes, className),
       ...rest
     }, renderEles());
   };
@@ -7865,7 +7874,6 @@
     onChange: (value) => void 0
   };
   const MenuItem = React.forwardRef((props, ref) => {
-    useConfig();
     const mergedProps = { ...defaultProps$1a, ...props };
     const {
       style,
@@ -8044,7 +8052,7 @@
       ...defaultProps$19,
       ...props
     };
-    const b = cn("navbar");
+    const b2 = cn("navbar");
     const children = Array.isArray(props.children) ? props.children : [props.children];
     const slot = children.reduce((slot2, item) => {
       const data = slot2;
@@ -8061,7 +8069,7 @@
     };
     const renderLeft = () => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: `${b("left")}`,
+        className: `${b2("left")}`,
         onClick: (e2) => onClickBack(e2)
       }, leftShow && /* @__PURE__ */ React__default["default"].createElement(Icon, {
         classPrefix: iconClassPrefix,
@@ -8069,12 +8077,12 @@
         name: "left",
         color: "#979797"
       }), leftText && /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: `${b("text")}`
+        className: `${b2("text")}`
       }, leftText), slot.left);
     };
     const renderContent = () => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: `${b("title")}`
+        className: `${b2("title")}`
       }, title && /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "title",
         onClick: (e2) => onClickTitle(e2)
@@ -8088,10 +8096,10 @@
     };
     const renderRight = () => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: `${b("right")}`,
+        className: `${b2("right")}`,
         onClick: (e2) => onClickRight(e2)
       }, desc && /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: `${b("text")}`
+        className: `${b2("text")}`
       }, desc), slot.right);
     };
     const renderWrapper = () => {
@@ -8105,9 +8113,9 @@
       [`nut-navbar--fixed`]: fixed,
       [`nut-navbar--safe-area-inset-top`]: safeAreaInsetTop
     });
-    const cls = classNames(b(""), classes, className);
+    const cls = classNames(b2(""), classes, className);
     return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, fixed && placeholder ? /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b("")}--placeholder`
+      className: `${b2("")}--placeholder`
     }, renderWrapper()) : renderWrapper());
   };
   NavBar.defaultProps = defaultProps$19;
@@ -8415,7 +8423,7 @@
       ...defaultProps$15,
       ...props
     };
-    const b = cn("tabbar");
+    const b2 = cn("tabbar");
     const [selectIndex, setSelectIndex] = React.useState(activeVisible || visible);
     const handleClick2 = (idx) => {
       if (!("activeVisible" in props)) {
@@ -8429,9 +8437,9 @@
     }, [activeVisible]);
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: [
-        `${b()}`,
-        bottom ? `${b("bottom")}` : "",
-        safeAreaInsetBottom ? `${b("bottom")} ${b("safebottom")}` : "",
+        `${b2()}`,
+        bottom ? `${b2("bottom")}` : "",
+        safeAreaInsetBottom ? `${b2("bottom")} ${b2("safebottom")}` : "",
         className
       ].join(" "),
       style
@@ -8495,7 +8503,7 @@
       ...defaultProps$14,
       ...props
     };
-    const b = cn("tabbar-item");
+    const b2 = cn("tabbar-item");
     const bIcon = cn("tabbar-item__icon-box");
     React.useEffect(() => {
       if (active && href) {
@@ -8503,7 +8511,7 @@
       }
     }, [active, href]);
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b({ active })} ${className}`,
+      className: `${b2({ active })} ${className}`,
       style: {
         ...style,
         color: active ? activeColor : unactiveColor
@@ -8548,12 +8556,12 @@
       ...defaultProps$13,
       ...props
     };
-    const b = cn("tabpane");
+    const b2 = cn("tabpane");
     const classes = classNames(
       {
         active: !disabled && paneKey === activeKey
       },
-      b(""),
+      b2(""),
       autoHeightClassName,
       className
     );
@@ -8639,15 +8647,15 @@
       });
       setCurrentItem(titles.current[currentIndex]);
     }, [children]);
-    const b = cn("tabs");
-    const classes = classNames(direction, b(""), className);
+    const b2 = cn("tabs");
+    const classes = classNames(direction, b2(""), className);
     const classesTitle = classNames(
       {
         [type2]: type2,
         scrollable: titleScroll,
         [size]: size
       },
-      `${b("")}__titles`
+      `${b2("")}__titles`
     );
     const titleStyle = {
       marginLeft: pxCheck$1(titleGutter),
@@ -8686,14 +8694,14 @@
             disabled: item.disabled,
             "nut-tabs__titles-item-left-align": leftAlign
           },
-          `${b("")}__titles-item`
+          `${b2("")}__titles-item`
         ),
         key: item.paneKey
       }, type2 === "line" && /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: `${b("")}__titles-item__line`,
+        className: `${b2("")}__titles-item__line`,
         style: tabsActiveStyle
       }), type2 === "smile" && /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: `${b("")}__titles-item__smile`,
+        className: `${b2("")}__titles-item__smile`,
         style: tabsActiveStyle
       }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
         classPrefix: iconClassPrefix,
@@ -8705,13 +8713,13 @@
           {
             ellipsis: ellipsis && !titleScroll && direction === "horizontal"
           },
-          `${b("")}__titles-item__text`
+          `${b2("")}__titles-item__text`
         )
       }, item.title));
     })), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b("")}__content__wrap`
+      className: `${b2("")}__content__wrap`
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b("")}__content`,
+      className: `${b2("")}__content`,
       style: contentStyle
     }, React__default["default"].Children.map(children, (child, idx) => {
       var _a;
@@ -8733,6 +8741,7 @@
   };
   Tabs.defaultProps = defaultProps$12;
   Tabs.displayName = "NutTabs";
+  Tabs.TabPane = TabPane;
   const Utils = {
     isLeapYear(y) {
       return y % 4 == 0 && y % 100 != 0 || y % 400 == 0;
@@ -8912,17 +8921,17 @@
     const monthsPanel = React.useRef(null);
     const viewArea = React.useRef(null);
     let viewHeight = 0;
-    const b = cn("calendar");
+    const b2 = cn("calendar");
     const classes = classNames(
       {
-        [`${b("")}-tile`]: !poppable,
-        [`${b("")}-nofooter`]: !!isAutoBackFill
+        [`${b2("")}-tile`]: !poppable,
+        [`${b2("")}-nofooter`]: !!isAutoBackFill
       },
-      b("")
+      b2("")
     );
     const headerClasses = classNames({
-      [`${b("")}-header`]: true,
-      [`${b("")}-header-tile`]: !poppable
+      [`${b2("")}-header`]: true,
+      [`${b2("")}-header-tile`]: !poppable
     });
     const monthitemclasses = classNames({
       "calendar-month-item": true,
@@ -9176,7 +9185,7 @@
       setMonthDefaultRange([start2, end]);
       setTranslateY(state.monthsData[start2].cssScrollHeight);
     };
-    const mothsViewScroll = (e2) => {
+    const monthsViewScroll = (e2) => {
       if (state.monthsData.length <= 1) {
         return;
       }
@@ -9413,7 +9422,7 @@
       key: item
     }, item)))), /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-calendar-content",
-      onScroll: mothsViewScroll,
+      onScroll: monthsViewScroll,
       ref: months
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "calendar-months-panel",
@@ -9596,16 +9605,16 @@
       ...defaultProps$$,
       ...props
     };
-    const b = cn("cascader-item");
+    const b2 = cn("cascader-item");
     const classes = classNames(
       {
         active: checked,
         disabled: data.disabled
       },
-      b("")
+      b2("")
     );
     const classesTitle = classNames({
-      [`${b("")}__title`]: true
+      [`${b2("")}__title`]: true
     });
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       style: { color: checked ? activeColor : "" },
@@ -9620,7 +9629,7 @@
       className: "nut-cascader-item__icon-loading",
       name: "loading"
     }) : /* @__PURE__ */ React__default["default"].createElement(Icon, {
-      className: `${checked ? b("icon-check") : ""}`,
+      className: `${checked ? b2("icon-check") : ""}`,
       name: checked ? checkedIcon : ""
     }));
   };
@@ -9692,7 +9701,7 @@
     if (sortKey) {
       Object.keys(map).forEach((i) => {
         if (map[i].length > 1) {
-          map[i].sort((a, b) => a[sortKey] - b[sortKey]);
+          map[i].sort((a, b2) => a[sortKey] - b2[sortKey]);
         }
       });
     }
@@ -9838,10 +9847,10 @@
       },
       lazyLoadMap: /* @__PURE__ */ new Map()
     });
-    const b = cn("cascader");
-    const classes = classNames(b(""));
+    const b2 = cn("cascader");
+    const classes = classNames(b2(""));
     const classesPane = classNames({
-      [`${b("")}-pane`]: true
+      [`${b2("")}-pane`]: true
     });
     React.useEffect(() => {
       initData();
@@ -10018,7 +10027,7 @@
         className: `${classes} ${className}`,
         style
       }, poppable && /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: b("title")
+        className: b2("title")
       }, title), /* @__PURE__ */ React__default["default"].createElement(Tabs, {
         value: tabvalue,
         titleNode: () => {
@@ -10072,6 +10081,7 @@
   const Cascader = React__default["default"].forwardRef(InternalCascader);
   Cascader.defaultProps = defaultProps$_;
   Cascader.displayName = "NutCascader";
+  const CheckboxGroupContext = React.createContext(null);
   const defaultProps$Z = {
     disabled: false,
     checkedValue: [],
@@ -10085,7 +10095,7 @@
   const CheckboxGroup = React__default["default"].forwardRef(
     (props, ref) => {
       const { children } = { ...defaultProps$Z, ...props };
-      const b = cn("checkboxgroup");
+      const b2 = cn("checkboxgroup");
       const {
         className,
         disabled,
@@ -10097,8 +10107,6 @@
         options: options2,
         ...rest
       } = props;
-      const [innerDisabled, setInnerDisabled] = React.useState(disabled);
-      const [innerValue, setInnerValue] = React.useState(checkedValue);
       React.useImperativeHandle(ref, () => ({
         toggleAll(state) {
           if (state === false) {
@@ -10124,75 +10132,41 @@
           setInnerValue(reverse);
         }
       }));
+      const [innerValue, setInnerValue] = React.useState(checkedValue || []);
       React.useEffect(() => {
-        setInnerDisabled(disabled);
-        setInnerValue(checkedValue);
-      }, [disabled, checkedValue]);
-      function handleChildChange(state, label) {
-        if (max !== void 0 && innerValue && innerValue.length > max)
-          return;
-        if (innerValue) {
-          let clippedValue = [];
-          if (state) {
-            clippedValue = [...innerValue, label];
-          } else {
-            innerValue == null ? void 0 : innerValue.splice(innerValue == null ? void 0 : innerValue.indexOf(label), 1);
-            clippedValue = [...innerValue];
-          }
-          setInnerValue(clippedValue);
-          onChange && onChange(clippedValue);
-        }
-      }
-      function validateChildChecked(child) {
-        if (!innerValue)
-          return false;
-        return (innerValue == null ? void 0 : innerValue.indexOf(child.props.label || child.children)) > -1;
-      }
-      function validateChecked(value) {
-        if (!innerValue)
-          return false;
-        return (innerValue == null ? void 0 : innerValue.indexOf(value)) > -1;
-      }
-      function getParentVals() {
-        return innerValue;
-      }
-      function cloneChildren() {
-        return React__default["default"].Children.map(children, (child) => {
-          const childChecked = validateChildChecked(child);
-          if (child.type.displayName !== "NutCheckBox") {
-            return React__default["default"].cloneElement(child);
-          }
-          return React__default["default"].cloneElement(child, {
-            disabled: innerDisabled,
-            checked: childChecked,
-            onChange: handleChildChange,
-            getParentVals,
-            max,
-            textPosition
-          });
-        });
-      }
-      const renderOptionsChildren = React.useCallback(() => {
+        setInnerValue(checkedValue || []);
+      }, [checkedValue]);
+      const renderOptions = React.useCallback(() => {
         return options2 == null ? void 0 : options2.map(({ label, value, disabled: disabled2, onChange: onChange2, ...rest2 }) => {
-          const childChecked = validateChecked(value);
           return /* @__PURE__ */ React__default["default"].createElement(Checkbox, {
             key: value == null ? void 0 : value.toString(),
             children: label,
             label: value,
-            disabled: innerDisabled ? true : disabled2,
-            onChange: handleChildChange,
-            ...rest2,
-            max,
-            textPosition,
-            getParentVals,
-            checked: childChecked
+            ...rest2
           });
         });
-      }, [innerValue, options2, innerDisabled, max]);
-      return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: `${b()} nut-checkboxgroup--${props.direction} ${className || ""}`,
+      }, [options2, max]);
+      return /* @__PURE__ */ React__default["default"].createElement(CheckboxGroupContext.Provider, {
+        value: {
+          textPosition: textPosition || "left",
+          disabled,
+          max,
+          checkedValue: innerValue || [],
+          check: (value) => {
+            const combined = [...innerValue, value];
+            setInnerValue(combined);
+            onChange && onChange(combined);
+          },
+          uncheck: (value) => {
+            const reduced = innerValue.filter((item) => item !== value);
+            setInnerValue(reduced);
+            onChange && onChange(reduced);
+          }
+        }
+      }, /* @__PURE__ */ React__default["default"].createElement("div", {
+        className: `${b2()} nut-checkboxgroup--${props.direction} ${className || ""}`,
         ...rest
-      }, (options2 == null ? void 0 : options2.length) ? renderOptionsChildren() : cloneChildren());
+      }, (options2 == null ? void 0 : options2.length) ? renderOptions() : children));
     }
   );
   CheckboxGroup.defaultProps = defaultProps$Z;
@@ -10216,13 +10190,12 @@
       ...defaultProps$Y,
       ...props
     };
-    const b = cn("checkbox");
+    const b2 = cn("checkbox");
     const {
       iconName,
       iconSize,
       label,
       className,
-      textPosition,
       iconActiveName,
       checked,
       disabled,
@@ -10231,20 +10204,33 @@
       iconClassPrefix,
       iconFontClassName,
       iconIndeterminateName,
-      getParentVals,
-      max,
-      ...rest
+      ...others
     } = props;
-    const [innerChecked, setInnerChecked] = React.useState(checked);
-    const [innerDisabled, setDisabled] = React.useState(disabled);
+    let { textPosition, ...rest } = others;
+    const ctx2 = React.useContext(CheckboxGroupContext);
+    let [innerChecked, setInnerChecked] = React.useState(checked);
+    let [innerDisabled, setDisabled] = React.useState(disabled);
     const [_indeterminate, setIndeterminate] = React.useState(indeterminate);
     React.useEffect(() => {
-      setInnerChecked(checked);
+      !ctx2 && setInnerChecked(checked);
       setDisabled(disabled);
-    }, [disabled, checked]);
-    React.useEffect(() => {
       setIndeterminate(indeterminate);
-    }, [indeterminate]);
+    }, [disabled, checked, indeterminate]);
+    if (ctx2) {
+      if (ctx2.textPosition !== void 0) {
+        textPosition = ctx2.textPosition;
+      }
+      innerDisabled = ctx2.disabled;
+      innerChecked = ctx2.checkedValue.includes(label);
+      setInnerChecked = (checked2) => {
+        if (ctx2.disabled)
+          return;
+        if (checked2)
+          ctx2.check(label);
+        if (!checked2)
+          ctx2.uncheck(label);
+      };
+    }
     const getIconName = () => {
       if (!innerChecked) {
         return iconName;
@@ -10277,20 +10263,22 @@
     };
     const renderLabel = () => {
       return /* @__PURE__ */ React__default["default"].createElement("span", {
-        className: `${b("label", { disabled: innerDisabled })} `
+        className: `${b2("label", { disabled: innerDisabled })} `
       }, children || label);
     };
     const handleClick2 = () => {
-      if (!disabled) {
-        const latest = !innerChecked;
-        if (max !== void 0 && latest && getParentVals().length >= max)
+      if (disabled)
+        return;
+      const latestChecked = !innerChecked;
+      if (ctx2 && ctx2.max !== void 0) {
+        if (latestChecked && ctx2.checkedValue.length >= ctx2.max)
           return;
-        onChange && onChange(latest, label || children);
-        setInnerChecked(latest);
       }
+      onChange && onChange(latestChecked, label || children);
+      setInnerChecked(latestChecked);
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b({ reverse: textPosition === "left" })} ${className || ""}`,
+      className: `${b2({ reverse: textPosition === "left" })} ${className || ""}`,
       ...rest,
       onClick: handleClick2
     }, renderIcon(), renderLabel());
@@ -10550,7 +10538,7 @@
       }, /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, item.text ? item.text : item));
     }), !threeDimensional && listData.map((item, index) => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: "nut-picker-roller-item-tile",
+        className: "nut-picker-roller-item-title",
         key: item.value ? item.value : index
       }, /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, item.text ? item.text : item));
     })), /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -10596,7 +10584,7 @@
     const pickerRef = React.useRef(null);
     const [refs, setRefs] = useRefs();
     const [columnsList, setColumnsList] = React.useState([]);
-    const b = cn("picker");
+    const b2 = cn("picker");
     const isConfirmEvent = React.useRef(false);
     React.useEffect(() => {
       if (defaultValueData && defaultValueData.length !== 0 && defaultValueData.toString() !== chooseValueData.toString()) {
@@ -10745,14 +10733,14 @@
     };
     const renderToolbar = () => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: b("control")
+        className: b2("control")
       }, /* @__PURE__ */ React__default["default"].createElement("span", {
-        className: b("cancel-btn"),
+        className: b2("cancel-btn"),
         onClick: () => closeActionSheet()
       }, locale.cancel), /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: b("title")
+        className: b2("title")
       }, title || ""), /* @__PURE__ */ React__default["default"].createElement("span", {
-        className: b("confirm-btn"),
+        className: b2("confirm-btn"),
         onClick: confirm2
       }, locale.confirm));
     };
@@ -10763,11 +10751,11 @@
         closeActionSheet();
       }
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b()} ${className || ""}`,
+      className: `${b2()} ${className || ""}`,
       style,
       ...rest
     }, renderToolbar(), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("panel"),
+      className: b2("panel"),
       ref: pickerRef
     }, columnsList == null ? void 0 : columnsList.map((item, index) => {
       return /* @__PURE__ */ React__default["default"].createElement(PickerSlot, {
@@ -11071,6 +11059,7 @@
       style,
       ...rest
     }, listData.length > 0 && /* @__PURE__ */ React__default["default"].createElement(Picker, {
+      title,
       isVisible: show,
       listData,
       onClose: onCloseDatePicker,
@@ -11417,7 +11406,7 @@
       return urlReg;
     }
     var word = "[a-fA-F\\d:]";
-    var b = function b2(options2) {
+    var b2 = function b3(options2) {
       return options2 && options2.includeBoundaries ? "(?:(?<=\\s|^)(?=" + word + ")|(?<=" + word + ")(?=\\s|$))" : "";
     };
     var v4 = "(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)(?:\\.(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)){3}";
@@ -11427,13 +11416,13 @@
     var v4exact = new RegExp("^" + v4 + "$");
     var v6exact = new RegExp("^" + v6 + "$");
     var ip = function ip2(options2) {
-      return options2 && options2.exact ? v46Exact : new RegExp("(?:" + b(options2) + v4 + b(options2) + ")|(?:" + b(options2) + v6 + b(options2) + ")", "g");
+      return options2 && options2.exact ? v46Exact : new RegExp("(?:" + b2(options2) + v4 + b2(options2) + ")|(?:" + b2(options2) + v6 + b2(options2) + ")", "g");
     };
     ip.v4 = function(options2) {
-      return options2 && options2.exact ? v4exact : new RegExp("" + b(options2) + v4 + b(options2), "g");
+      return options2 && options2.exact ? v4exact : new RegExp("" + b2(options2) + v4 + b2(options2), "g");
     };
     ip.v6 = function(options2) {
-      return options2 && options2.exact ? v6exact : new RegExp("" + b(options2) + v6 + b(options2), "g");
+      return options2 && options2.exact ? v6exact : new RegExp("" + b2(options2) + v6 + b2(options2), "g");
     };
     var protocol = "(?:(?:[a-z]+:)?//)";
     var auth = "(?:\\S+(?::\\S*)?@)?";
@@ -12816,13 +12805,13 @@
     React.useEffect(() => {
       setInputValue(modelValue);
     }, [modelValue]);
-    const b = cn("inputnumber");
+    const b2 = cn("inputnumber");
     const classes = classNames(
       {
-        [`${b("")}--disabled`]: disabled
+        [`${b2("")}--disabled`]: disabled
       },
       className,
-      b("")
+      b2("")
     );
     const styles = {
       height: pxCheck(buttonSize),
@@ -12988,7 +12977,7 @@
       onDelete,
       onClose
     } = props;
-    const b = cn("numberkeyboard");
+    const b2 = cn("numberkeyboard");
     const [show, setShow] = React.useState(visible);
     const [clickKeyIndex, setClickKeyIndex] = React.useState(void 0);
     const [keysList, setKeysList] = React.useState([]);
@@ -13096,19 +13085,19 @@
       onClickCloseIcon: onClose,
       overlayStyle: { backgroundColor: "rgba(0, 0, 0, 0)" }
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b()} ${className}`,
+      className: `${b2()} ${className}`,
       style: { ...style }
     }, title ? /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("header")
+      className: b2("header")
     }, /* @__PURE__ */ React__default["default"].createElement("h3", {
-      className: b("header__tit")
+      className: b2("header__tit")
     }, title), type2 === "default" ? /* @__PURE__ */ React__default["default"].createElement("span", {
-      className: b("header__close"),
+      className: b2("header__close"),
       onClick: onClose
     }, locale.done) : null) : null, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("body")
+      className: b2("body")
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("body__keys")
+      className: b2("body__keys")
     }, keysList == null ? void 0 : keysList.map((item, index) => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
         key: index,
@@ -13134,7 +13123,7 @@
         alt: ""
       }) : null));
     })), type2 === "rightColumn" ? /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("sidebar")
+      className: b2("sidebar")
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "key-board-wrapper"
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -13657,7 +13646,7 @@
     React.useEffect(() => {
       if (marks) {
         const marksKeys = Object.keys(marks);
-        const list = marksKeys.map(parseFloat).sort((a, b) => a - b).filter((point) => point >= min && point <= max);
+        const list = marksKeys.map(parseFloat).sort((a, b2) => a - b2).filter((point) => point >= min && point <= max);
         SetMarksList(list);
       }
     }, [marks]);
@@ -14011,7 +14000,7 @@
       ...defaultProps$O,
       ...props
     };
-    const b = cn("rate");
+    const b2 = cn("rate");
     const bi = cn("rate-item");
     const [countArray, setCountArray] = React.useState([1, 2, 3, 4, 5]);
     const [score, setScore] = React.useState(0);
@@ -14047,7 +14036,7 @@
       onChange && onChange(value);
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b()} ${className}`,
+      className: classNames(b2(), className),
       style
     }, countArray.map((n) => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -14059,7 +14048,9 @@
         classPrefix: iconClassPrefix,
         fontClassName: iconFontClassName,
         size: iconSize,
-        className: `${bi("icon")} ${disabled || n > score ? bi("icon--disabled") : ""}`,
+        className: classNames(bi("icon"), {
+          [bi("icon--disabled")]: disabled || n > score
+        }),
         name: n <= score ? checkedIcon : uncheckedIcon,
         color: n <= score ? activeColor : voidColor
       }), allowHalf && score > n - 1 && /* @__PURE__ */ React__default["default"].createElement(Icon, {
@@ -14339,7 +14330,7 @@
       autoFocus,
       ...reset
     } = props;
-    const b = cn("shortpassword");
+    const b2 = cn("shortpassword");
     const textInput = React.useRef(null);
     const range2 = (val) => {
       return Math.min(Math.max(4, val), 6);
@@ -14405,18 +14396,18 @@
       onClickOverlay: onClose,
       onClickCloseIcon: onClose
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b()} ${className}`,
+      className: `${b2()} ${className}`,
       style: { ...style },
       ...reset
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("title")
+      className: b2("title")
     }, title || locale.shortpassword.title), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("subtitle")
+      className: b2("subtitle")
     }, desc || locale.shortpassword.desc), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("input")
+      className: b2("input")
     }, /* @__PURE__ */ React__default["default"].createElement("input", {
       ref: textInput,
-      className: b("input-real"),
+      className: b2("input-real"),
       type: "number",
       style: systemStyle(),
       maxLength: 6,
@@ -14424,23 +14415,23 @@
       autoFocus,
       onChange: (e2) => changeValue(e2)
     }), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("input-site")
+      className: b2("input-site")
     }), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("input-fake"),
+      className: b2("input-fake"),
       onClick: () => focus()
     }, [...new Array(comLen).keys()].map((item, index) => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: b("input-fake__li"),
+        className: b2("input-fake__li"),
         key: index
       }, String(inputValue).length > index ? /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: b("input-fake__li__icon")
+        className: b2("input-fake__li__icon")
       }) : null);
     }))), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("message")
+      className: b2("message")
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("message__error")
+      className: b2("message__error")
     }, errorMsg2), tips || locale.shortpassword.tips ? /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("message__forget")
+      className: b2("message__forget")
     }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
@@ -14450,12 +14441,12 @@
     }), /* @__PURE__ */ React__default["default"].createElement("div", {
       onClick: onTips
     }, tips || locale.shortpassword.tips)) : null), !noButton ? /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("footer")
+      className: b2("footer")
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("footer__cancel"),
+      className: b2("footer__cancel"),
       onClick: onCancel
     }, locale.cancel), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("footer__sure"),
+      className: b2("footer__sure"),
       onClick: () => sure()
     }, locale.confirm)) : null)));
   };
@@ -14637,25 +14628,25 @@
       ...defaultProps$K,
       ...props
     };
-    const b = cn("progress");
-    const classes = classNames(b(""));
+    const b2 = cn("progress");
+    const classes = classNames(b2(""));
     const classesOuter = classNames({
-      [`${b("")}-outer`]: true,
-      [`${b("")}-${size || "base"}`]: true
+      [`${b2("")}-outer`]: true,
+      [`${b2("")}-${size || "base"}`]: true
     });
     const classesInner = classNames({
-      [`${b("")}-inner`]: true,
-      [`${b("")}-active`]: status
+      [`${b2("")}-inner`]: true,
+      [`${b2("")}-active`]: status
     });
     const classesText = classNames({
-      [`${b("")}-text`]: true
+      [`${b2("")}-text`]: true
     });
     const classesInsideText = classNames({
-      [`${b("")}-text`]: true,
-      [`${b("")}-insidetext`]: true
+      [`${b2("")}-text`]: true,
+      [`${b2("")}-insidetext`]: true
     });
     const classesTextInner = classNames({
-      [`${b("")}-text__inner`]: true
+      [`${b2("")}-text__inner`]: true
     });
     const stylesOuter = {
       height: `${strokeWidth}px`,
@@ -14767,53 +14758,44 @@
         console.warn("\u6D4F\u89C8\u5668\u4E0D\u652F\u6301 XMLHttpRequest");
       }
     }
-    uploadTaro(uploadFile, env) {
-      var _a;
-      const options2 = this.options;
-      if (env === "WEB") {
-        this.upload();
-      } else if (options2.beforeXhrUpload) {
-        options2.beforeXhrUpload(uploadFile, options2);
-      } else {
-        const uploadTask = uploadFile({
-          url: options2.url,
-          filePath: options2.taroFilePath,
-          fileType: options2.fileType,
-          header: {
-            "Content-Type": "multipart/form-data",
-            ...options2.headers
-          },
-          formData: options2.formData,
-          name: options2.name,
-          success(response) {
-            var _a2, _b;
-            if (options2.xhrState == response.statusCode) {
-              (_a2 = options2.onSuccess) == null ? void 0 : _a2.call(options2, response, options2);
-            } else {
-              (_b = options2.onFailure) == null ? void 0 : _b.call(options2, response, options2);
-            }
-          },
-          fail(e2) {
-            var _a2;
-            (_a2 = options2.onFailure) == null ? void 0 : _a2.call(options2, e2, options2);
+  }
+  const isObject = (val) => val !== null && typeof val === "object";
+  const isFunction = (val) => typeof val === "function";
+  const isPromise = (val) => {
+    return isObject(val) && isFunction(val.then) && isFunction(val.catch);
+  };
+  const funcInterceptor = (interceptor, {
+    args = [],
+    done,
+    canceled
+  }) => {
+    if (interceptor) {
+      const returnVal = interceptor.apply(null, args);
+      if (isPromise(returnVal)) {
+        returnVal.then((value) => {
+          if (value) {
+            done(value);
+          } else if (canceled) {
+            canceled();
           }
+        }).catch(() => {
         });
-        (_a = options2.onStart) == null ? void 0 : _a.call(options2, options2);
-        uploadTask.progress(
-          (res) => {
-            var _a2;
-            (_a2 = options2.onProgress) == null ? void 0 : _a2.call(options2, res, options2);
-          }
-        );
+      } else if (returnVal) {
+        done();
+      } else if (canceled) {
+        canceled();
       }
+    } else {
+      done();
     }
-  }
+  };
   const defaultProps$J = {
     ...ComponentDefaults,
     url: "",
     maximum: 1,
     uploadIcon: "photograph",
     uploadIconSize: "",
+    uploadIconTip: "",
     listType: "picture",
     name: "file",
     accept: "*",
@@ -14851,6 +14833,7 @@
       children,
       uploadIcon,
       uploadIconSize,
+      uploadIconTip,
       name,
       accept,
       defaultFileList,
@@ -14896,13 +14879,16 @@
         setFileList(defaultFileList);
       }
     }, [defaultFileList]);
-    const b = cn("uploader");
-    const classes = classNames(className, b(""));
+    const b2 = cn("uploader");
+    const classes = classNames(className, b2(""));
     React.useImperativeHandle(ref, () => ({
       submit: () => {
         Promise.all(uploadQueue).then((res) => {
           res.forEach((i) => i.upload());
         });
+      },
+      clear: () => {
+        clearUploadQueue();
       }
     }));
     const clearUploadQueue = (index = -1) => {
@@ -14911,6 +14897,8 @@
         setUploadQueue(uploadQueue);
       } else {
         setUploadQueue([]);
+        fileList.splice(0, fileList.length);
+        setFileList([...fileList]);
       }
     };
     const clearInputValue = (el) => {
@@ -14975,7 +14963,8 @@
         });
         onSuccess && onSuccess({
           responseText,
-          option
+          option,
+          fileList
         });
       };
       uploadOption.onFailure = (responseText, option) => {
@@ -14991,7 +14980,8 @@
         });
         onFailure && onFailure({
           responseText,
-          option
+          option,
+          fileList
         });
       };
       const task = new Upload(uploadOption);
@@ -15016,7 +15006,11 @@
         fileItem.type = file.type;
         fileItem.formData = formData;
         fileItem.uid = file.lastModified + fileItem.uid;
-        fileItem.message = locale.uploader.readyUpload;
+        if (autoUpload) {
+          fileItem.message = locale.uploader.readyUpload;
+        } else {
+          fileItem.message = locale.uploader.waitingUpload;
+        }
         executeUpload(fileItem, index);
         if (isPreview && file.type.includes("image")) {
           const reader = new FileReader();
@@ -15054,15 +15048,17 @@
       }
       return filterFile;
     };
+    const deleted = (file, index) => {
+      fileList.splice(index, 1);
+      onRemove && onRemove(file, fileList);
+      setFileList([...fileList]);
+    };
     const onDelete = (file, index) => {
       clearUploadQueue(index);
-      if (onBeforeDelete && onBeforeDelete(file, fileList)) {
-        fileList.splice(index, 1);
-        onRemove && onRemove(file, fileList);
-        setFileList([...fileList]);
-      } else {
-        console.log(locale.uploader.deleteWord);
-      }
+      funcInterceptor(onBeforeDelete, {
+        args: [file, fileList],
+        done: () => deleted(file, index)
+      });
     };
     const fileChange = (event) => {
       if (disabled) {
@@ -15117,27 +15113,27 @@
         key: item.uid
       }, listType === "picture" && !children && /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "nut-uploader__preview-img"
-      }, item.status === "ready" ? /* @__PURE__ */ React__default["default"].createElement("div", {
+      }, isDeletable && /* @__PURE__ */ React__default["default"].createElement(Icon, {
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
+        color: "rgba(0,0,0,0.6)",
+        className: "close",
+        name: "failure",
+        onClick: () => onDelete(item, index)
+      }), item.status === "ready" ? /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "nut-uploader__preview__progress"
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "nut-uploader__preview__progress__msg"
       }, item.message)) : item.status !== "success" && /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "nut-uploader__preview__progress"
-      }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      }, item.failIcon === " " || item.loadingIcon === " " ? null : /* @__PURE__ */ React__default["default"].createElement(Icon, {
         classPrefix: iconClassPrefix,
         fontClassName: iconFontClassName,
         color: "#fff",
-        name: `${item.status === "error" ? "failure" : "loading"}`
+        name: `${item.status === "error" ? `${item.failIcon || "failure"}` : `${item.loadingIcon || "loading"}`}`
       }), /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "nut-uploader__preview__progress__msg"
-      }, item.message)), isDeletable && /* @__PURE__ */ React__default["default"].createElement(Icon, {
-        classPrefix: iconClassPrefix,
-        fontClassName: iconFontClassName,
-        color: "rgba(0,0,0,0.6)",
-        className: "close",
-        name: "failure",
-        onClick: () => onDelete(item, index)
-      }), item.type.includes("image") ? /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, item.url && /* @__PURE__ */ React__default["default"].createElement("img", {
+      }, item.message)), item.type.includes("image") ? /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, item.url && /* @__PURE__ */ React__default["default"].createElement("img", {
         className: "nut-uploader__preview-img__c",
         src: item.url,
         alt: "",
@@ -15157,9 +15153,9 @@
         fontClassName: iconFontClassName,
         color: "#808080",
         name: "link"
-      }), "\xA0", item.name))), /* @__PURE__ */ React__default["default"].createElement("div", {
+      }), "\xA0", item.name))), item.status === "success" ? /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "tips"
-      }, item.name)), listType === "list" && /* @__PURE__ */ React__default["default"].createElement("div", {
+      }, item.name) : null), listType === "list" && /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "nut-uploader__preview-list"
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         className: `nut-uploader__preview-img__file__name ${item.status}`,
@@ -15182,14 +15178,18 @@
         showText: false
       })));
     }), maximum > fileList.length && listType === "picture" && !children && /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `nut-uploader__upload ${listType}`
+      className: `nut-uploader__upload ${listType} ${disabled ? "nut-uploader__upload-disabled" : ""}`
+    }, /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: "nut-uploader__icon"
     }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       size: uploadIconSize,
       color: "#808080",
       name: uploadIcon
-    }), capture ? /* @__PURE__ */ React__default["default"].createElement("input", {
+    }), /* @__PURE__ */ React__default["default"].createElement("span", {
+      className: "nut-uploader__icon-tip"
+    }, uploadIconTip)), capture ? /* @__PURE__ */ React__default["default"].createElement("input", {
       className: "nut-uploader__input",
       type: "file",
       capture: "user",
@@ -15246,7 +15246,7 @@
       style,
       ...rest
     } = { ...defaultProps$I, ...props };
-    const b = cn("actionsheet");
+    const b2 = cn("actionsheet");
     const isHighlight = (item) => {
       return props.chooseTagValue && props.chooseTagValue === item[props.optionTag || "name"] ? props.color : "$dark1";
     };
@@ -15266,18 +15266,18 @@
         onCancel && onCancel();
       }
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b()} ${className}`,
+      className: `${b2()} ${className}`,
       style,
       ...rest
     }, title && /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("title")
+      className: b2("title")
     }, title), description && /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b("item")} desc`
+      className: `${b2("item")} desc`
     }, description), menuItems.length ? /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("menu")
+      className: b2("menu")
     }, menuItems.map((item, index) => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: `${b("item")} ${item.disable ? b("item-disabled") : ""}`,
+        className: `${b2("item")} ${item.disable ? b2("item-disabled") : ""}`,
         style: { color: isHighlight(item) },
         key: index,
         onClick: () => chooseItem(item, index)
@@ -15285,7 +15285,7 @@
         className: "subdesc"
       }, item[optionSubTag]));
     })) : children, cancelTxt && /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("cancel"),
+      className: b2("cancel"),
       onClick: () => cancelActionSheet()
     }, cancelTxt)));
   };
@@ -15726,7 +15726,7 @@
       ...defaultProps$F,
       ...props
     };
-    const b = cn("drag");
+    const b2 = cn("drag");
     const [boundaryState, setBoundaryState] = React.useState(boundary);
     const myDrag = React.useRef(null);
     const [currstyle, api] = useSpring(() => ({
@@ -15777,7 +15777,7 @@
     }, [myDrag]);
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       style,
-      className: `${b()} ${className}`,
+      className: `${b2()} ${className}`,
       ...reset,
       ref: myDrag
     }, /* @__PURE__ */ React__default["default"].createElement(animated.div, {
@@ -15836,8 +15836,8 @@
     const refreshMaxH = React.useRef(0);
     const y = React.useRef(0);
     const distance = React.useRef(0);
-    const b = cn("infiniteloading");
-    const classes = classNames(className, b());
+    const b2 = cn("infiniteloading");
+    const classes = classNames(className, b2());
     React.useEffect(() => {
       const parentElement = getParentElement(
         scroller.current
@@ -16531,7 +16531,7 @@
     }, []);
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       ref: root2,
-      className: `${swipeBem()} ${className}`,
+      className: classNames(swipeBem(), className),
       onTouchStart: (e2) => onTouchStart(e2),
       onTouchMove: (e2) => onTouchMove(e2),
       onTouchEnd: (e2) => onTouchEnd(e2),
@@ -16571,12 +16571,12 @@
       ...props
     };
     const [value, setValue] = React.useState(false);
-    const b = cn("switch");
+    const b2 = cn("switch");
     React.useEffect(() => {
       setValue(checked);
     }, [checked]);
     const classes = () => {
-      return `${b()} ${value ? "switch-open" : "switch-close"} ${disable ? `${b()}-disable` : ""} ${`${b()}-base`} ${className}`;
+      return `${b2()} ${value ? "switch-open" : "switch-close"} ${disable ? `${b2()}-disable` : ""} ${`${b2()}-base`} ${className}`;
     };
     const styles = () => {
       const myStyle = {
@@ -16602,9 +16602,9 @@
     }, !value && /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "close-line"
     }), activeText && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, value ? /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b("label")} open`
+      className: `${b2("label")} open`
     }, activeText) : /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b("label")} close`
+      className: `${b2("label")} close`
     }, inactiveText))));
   };
   Switch.defaultProps = defaultProps$B;
@@ -16622,10 +16622,10 @@
       ...props
     };
     const [clicked, setClicked] = React.useState(false);
-    const b = cn("animate");
+    const b2 = cn("animate");
     const classes = classNames({
       "nut-ani-container": true,
-      [`${b("")}-${type2}`]: action === "initial" || clicked ? type2 : false,
+      [`${b2("")}-${type2}`]: action === "initial" || clicked ? type2 : false,
       loop: loop2
     });
     const cls = classNames(classes, className);
@@ -16669,7 +16669,7 @@
       ...defaultProps$z,
       ...props
     };
-    const b = cn("countup");
+    const b2 = cn("countup");
     const countupRef = React.useRef(null);
     const timerRef = React.useRef(0);
     const numbers = Array.from({ length: 10 }, (v, i) => i);
@@ -16679,7 +16679,7 @@
       const currNumber = `${thousands ? intNumber.replace(/(\d)(?=(?:\d{3})+$)/g, "$1,") : intNumber}${splitArr[1] ? "." : ""}${splitArr[1] || ""}`;
       return currNumber.split("");
     };
-    const numerArr = getShowNumber();
+    const numerArr = React.useMemo(getShowNumber, [endNumber, maxLen, thousands]);
     const setNumberTransform = () => {
       if (countupRef.current) {
         const numberItems = countupRef.current.querySelectorAll(
@@ -16709,30 +16709,27 @@
       return () => {
         window.clearTimeout(timerRef.current);
       };
-    }, []);
-    React.useEffect(() => {
-      setNumberTransform();
     }, [numerArr]);
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b()} ${className}`,
+      className: `${b2()} ${className}`,
       ref: countupRef
     }, /* @__PURE__ */ React__default["default"].createElement("ul", {
-      className: b("list")
+      className: b2("list")
     }, numerArr.map((item, idx) => {
       return /* @__PURE__ */ React__default["default"].createElement("li", {
-        className: `${b("listitem", {
+        className: `${b2("listitem", {
           number: !Number.isNaN(Number(item))
         })}`,
         key: idx
       }, !Number.isNaN(Number(item)) ? /* @__PURE__ */ React__default["default"].createElement("span", {
-        className: b("number"),
+        className: b2("number"),
         style: numberEaseStyle
       }, [...numbers, ...numbers].map((number2, subidx) => {
         return /* @__PURE__ */ React__default["default"].createElement("span", {
           key: subidx
         }, number2);
       })) : /* @__PURE__ */ React__default["default"].createElement("span", {
-        className: b("separator")
+        className: b2("separator")
       }, item));
     })));
   };
@@ -16817,7 +16814,7 @@
       playing: props.autoplay,
       handPlaying: false
     });
-    const b = cn("audio");
+    const b2 = cn("audio");
     const warn = console.warn;
     const handleEnded = (e2) => {
       if (props.loop) {
@@ -16849,9 +16846,9 @@
     };
     const renderIcon = () => {
       return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: b("icon")
+        className: b2("icon")
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: `${b("icon-box")} ${playing ? b("icon-play") : b("icon-stop")}`,
+        className: `${b2("icon-box")} ${playing ? b2("icon-play") : b2("icon-stop")}`,
         onClick: handleStatusChange
       }, playing ? /* @__PURE__ */ React__default["default"].createElement(Icon, {
         classPrefix: iconClassPrefix,
@@ -16904,11 +16901,11 @@
     };
     const renderProgerss = () => {
       return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: b("progress")
+        className: b2("progress")
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "time"
       }, currentDuration), /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: b("progress-bar-wrapper")
+        className: b2("progress-bar-wrapper")
       }, /* @__PURE__ */ React__default["default"].createElement(Range, {
         modelValue: percent,
         hiddenTag: true,
@@ -16941,7 +16938,7 @@
     };
     const renderNone = () => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: b("none-container"),
+        className: b2("none-container"),
         onClick: handleStatusChange
       }, children);
     };
@@ -16976,7 +16973,7 @@
       statusRef.current.currentTime = time;
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b()} ${className}`,
+      className: `${b2()} ${className}`,
       style,
       ...rest
     }, renderAudio(), /* @__PURE__ */ React__default["default"].createElement("audio", {
@@ -17039,12 +17036,12 @@
     const [avatarIndex, setAvatarIndex] = React.useState(1);
     const avatarRef = React.useRef(null);
     const parent = React.useContext(AvatarContext);
-    const b = cn("avatar");
+    const b2 = cn("avatar");
     const classes = classNames({
       [`nut-avatar-${size || ((_a = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _a.size) || "normal"}`]: true,
       [`nut-avatar-${shape || ((_b = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _b.shape) || "round"}`]: true
     });
-    const cls = classNames(b(""), classes, className);
+    const cls = classNames(b2(""), classes, className);
     const sizeValue = ["large", "normal", "small"];
     const styles = {
       width: sizeValue.indexOf(size) > -1 ? "" : `${size}px`,
@@ -17131,8 +17128,8 @@
     const propAvatarGroup = { ...defaultProps$v, ...props };
     const { className, style, children } = propAvatarGroup;
     const avatarGroupRef = React.useRef(null);
-    const b = cn("avatar-group");
-    const cls = classNames(b(""), className);
+    const b2 = cn("avatar-group");
+    const cls = classNames(b2(""), className);
     const parentAvatar = {
       propAvatarGroup,
       avatarGroupRef
@@ -17159,6 +17156,7 @@
     color: "",
     icons: ""
   };
+  const b = cn("badge");
   const Badge = (props) => {
     const {
       className,
@@ -17195,7 +17193,7 @@
       return style2;
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `nut-badge ${className}`,
+      className: classNames(b(), className),
       style
     }, icons !== "" && /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "slot-icons"
@@ -17207,13 +17205,12 @@
       color: "#ffffff",
       size: "12"
     })), /* @__PURE__ */ React__default["default"].createElement("div", null, children), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${dot ? "is-dot" : ""} nut-badge__content sup`,
+      className: classNames({ "is-dot": dot }, b("content"), "sup"),
       style: getStyle()
     }, content()));
   };
   Badge.defaultProps = defaultProps$u;
   Badge.displayName = "NutBadge";
-  const isObject = (val) => val !== null && typeof val === "object";
   const defaultProps$t = {
     strokeWidth: 5,
     radius: 50,
@@ -17240,8 +17237,8 @@
       ...defaultProps$t,
       ...props
     };
-    const b = cn("circleprogress");
-    const classes = classNames(className, b(""));
+    const b2 = cn("circleprogress");
+    const classes = classNames(className, b2(""));
     const refRandomId = Math.random().toString(36).slice(-8);
     const styles = {
       height: `${Number(radius) * 2}px`,
@@ -17272,7 +17269,7 @@
       }
       const color = circleColor;
       const colorArr = Object.keys(color).sort(
-        (a, b2) => parseFloat(a) - parseFloat(b2)
+        (a, b22) => parseFloat(a) - parseFloat(b22)
       );
       const stopArr = [];
       colorArr.map((item) => {
@@ -17394,7 +17391,7 @@
         onChange && onChange(!isOpen, name);
       };
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: `${colBem()} ${className}`,
+        className: classNames(colBem(), className),
         style
       }, childrenDom.map((item) => {
         return React__default["default"].cloneElement(item, {
@@ -17565,7 +17562,7 @@
       children,
       ...rest
     } = { ...defaultProps$q, ...props };
-    const b = cn("countdown");
+    const b2 = cn("countdown");
     const [restTimeStamp, setRestTime] = React.useState(0);
     const stateRef = React.useRef({
       pauseTime: 0,
@@ -17749,11 +17746,11 @@
       return formatRemainTime(stateRef.current.restTime);
     })();
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b()} ${className || ""}`,
+      className: `${b2()} ${className || ""}`,
       style: { ...style },
       ...rest
     }, children || /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("block"),
+      className: b2("block"),
       dangerouslySetInnerHTML: {
         __html: `${renderTime}`
       }
@@ -17951,7 +17948,7 @@
       ...props
     };
     const [imgStyle, setImgStyle] = React.useState({});
-    const b = cn("empty");
+    const b2 = cn("empty");
     let imageNode = image;
     if (typeof image === "string") {
       const isHttpUrl = image.startsWith("https://") || image.startsWith("http://") || image.startsWith("//");
@@ -17980,13 +17977,13 @@
       });
     }, [imageSize]);
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b()} ${className}`,
+      className: `${b2()} ${className}`,
       ...rest
     }, /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("image"),
+      className: b2("image"),
       style: imgStyle
     }, imageNode), typeof description === "string" ? /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("description")
+      className: b2("description")
     }, description || locale.noData) : { description }, children));
   };
   Empty.defaultProps = defaultProps$o;
@@ -18023,8 +18020,8 @@
       ...props
     };
     const rootRef = React.useRef(null);
-    const b = cn("video");
-    const classes = classNames(className, b(""));
+    const b2 = cn("video");
+    const classes = classNames(className, b2(""));
     React.useEffect(() => {
       init();
     }, []);
@@ -18330,11 +18327,11 @@
         touch.stateDirection = getDirection2(touch.offsetX, touch.offsetY);
       }
     };
-    const b = cn("swiper");
-    const classes = classNames(b(""));
+    const b2 = cn("swiper");
+    const classes = classNames(b2(""));
     const contentClass = classNames({
-      [`${b("inner")}`]: true,
-      [`${b("vertical")}`]: isVertical
+      [`${b2("inner")}`]: true,
+      [`${b2("vertical")}`]: isVertical
     });
     const getStyle = (moveOffset = offset) => {
       const target = innerRef.current;
@@ -18491,14 +18488,14 @@
       ref: innerRef
     }, React__default["default"].Children.map(childs, (child, index) => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: b("item-wrapper"),
+        className: b2("item-wrapper"),
         style: itemStyle(index),
         key: index
       }, child);
     })), propSwiper.paginationVisible && !("pageContent" in propSwiper) ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: classNames({
-        [`${b("pagination")}`]: true,
-        [`${b("pagination-vertical")}`]: isVertical
+        [`${b2("pagination")}`]: true,
+        [`${b2("pagination-vertical")}`]: isVertical
       })
     }, React__default["default"].Children.map(childs, (item, index) => {
       return /* @__PURE__ */ React__default["default"].createElement("i", {
@@ -18523,8 +18520,8 @@
     const _props = { ...defaultProps$l, ...props };
     const { className, style, children, direction, size } = _props;
     const parent = React.useContext(DataContext$1);
-    const b = cn("swiper-item");
-    const classes = classNames(b(""), className);
+    const b2 = cn("swiper-item");
+    const classes = classNames(b2(""), className);
     const getStyle = () => {
       const style2 = {};
       const _direction = (parent == null ? void 0 : parent.propSwiper.direction) || direction;
@@ -19109,7 +19106,7 @@
         move({ pace: -childCount });
       }
     };
-    const b = cn("noticebar");
+    const b2 = cn("noticebar");
     const noticebarClass = classNames({
       "nut-noticebar-page": true,
       withicon: closeMode,
@@ -19122,7 +19119,7 @@
       };
     }, []);
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b()} ${className || ""}`,
+      className: `${b2()} ${className || ""}`,
       style
     }, showNoticeBar && direction === "across" ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: noticebarClass,
@@ -19398,7 +19395,7 @@
       ...defaultProps$h,
       ...props
     };
-    const b = cn("price");
+    const b2 = cn("price");
     const showSymbol = () => {
       return { __html: needSymbol ? symbol : "" };
     };
@@ -19436,19 +19433,19 @@
     };
     const renderSymbol = () => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: `${b("symbol")} ${b(`symbol-${size}`)}`,
+        className: `${b2("symbol")} ${b2(`symbol-${size}`)}`,
         dangerouslySetInnerHTML: showSymbol()
       });
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b()} ${className}`,
+      className: `${b2()} ${className}`,
       ...rest
     }, needSymbol && position === "before" ? renderSymbol() : null, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b("integer")} ${b(`integer-${size}`)}`
+      className: `${b2("integer")} ${b2(`integer-${size}`)}`
     }, formatThousands(price)), decimalDigits !== 0 ? /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b("decimal")} ${b(`decimal-${size}`)}`
+      className: `${b2("decimal")} ${b2(`decimal-${size}`)}`
     }, ".") : null, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b("decimal")} ${b(`decimal-${size}`)}`
+      className: `${b2("decimal")} ${b2(`decimal-${size}`)}`
     }, formatDecimal(price)), needSymbol && position === "after" ? renderSymbol() : null);
   };
   Price.defaultProps = defaultProps$h;
@@ -19484,8 +19481,8 @@
       ...defaultProps$g,
       ...props
     };
-    const b = cn("skeleton");
-    const classes = classNames(className, b());
+    const b2 = cn("skeleton");
+    const classes = classNames(className, b2());
     const blockClass = classNames({
       blockClass: true,
       "blockClass--round": round
@@ -19579,13 +19576,13 @@
       ((_a = parent.propSteps) == null ? void 0 : _a.onClickStep) && ((_b = parent.propSteps) == null ? void 0 : _b.onClickStep(activeIndex));
       ((_c = parent.propSteps) == null ? void 0 : _c.clickStep) && ((_d = parent.propSteps) == null ? void 0 : _d.clickStep(activeIndex));
     };
-    const b = cn("step");
+    const b2 = cn("step");
     const classes = classNames(
       {
-        [`${b("")}-${getCurrentStatus()}`]: true
+        [`${b2("")}-${getCurrentStatus()}`]: true
       },
       className,
-      b("")
+      b2("")
     );
     const renderIconClass = () => {
       if (!dot && icon) {
@@ -19647,14 +19644,14 @@
     const parentSteps = {
       propSteps
     };
-    const b = cn("steps");
+    const b2 = cn("steps");
     const classes = classNames(
       {
-        [`${b("")}-${direction}`]: true,
-        [`${b("")}-dot`]: !!props.progressDot
+        [`${b2("")}-${direction}`]: true,
+        [`${b2("")}-dot`]: !!props.progressDot
       },
       className,
-      b("")
+      b2("")
     );
     return /* @__PURE__ */ React__default["default"].createElement(DataContext.Provider, {
       value: parentSteps
@@ -19706,9 +19703,9 @@
         setCurData(data);
       }
     }, [data]);
-    const b = cn("table");
+    const b2 = cn("table");
     const classes = classNames({});
-    const cls = classNames(b(), classes, className);
+    const cls = classNames(b2(), classes, className);
     const handleSorterClick = (item) => {
       if (item.sorter) {
         onSorter && onSorter(item, curData);
@@ -19945,7 +19942,7 @@
       children,
       ...rest
     } = { ...defaultProps$b, ...props };
-    const b = cn("trendarrow");
+    const b2 = cn("trendarrow");
     const handleClick2 = () => {
     };
     const rateTrend = React.useRef(rate > 0);
@@ -19985,12 +19982,12 @@
     const renderContent = (arrowLeft2) => {
       const classNameSuffix = !arrowLeft2 ? "icon-after" : "icon-before";
       return /* @__PURE__ */ React__default["default"].createElement("span", {
-        className: `${b(classNameSuffix)} ${b("rate")}`,
+        className: `${b2(classNameSuffix)} ${b2("rate")}`,
         style: calcStyle
       }, calcRate);
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b()} ${className}`,
+      className: `${b2()} ${className}`,
       ...rest,
       onClick: handleClick2
     }, !arrowLeft && renderContent(!arrowLeft), children || /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, Number(rate) !== 0 && /* @__PURE__ */ React__default["default"].createElement(Icon, {
@@ -20323,10 +20320,10 @@
       ...props
     };
     const [base64Url, setBase64Url] = React.useState("");
-    const b = cn("watermark");
+    const b2 = cn("watermark");
     const classes = classNames({
-      [`${b("")}`]: true,
-      [`${b("")}-full-page`]: fullPage
+      [`${b2("")}`]: true,
+      [`${b2("")}-full-page`]: fullPage
     });
     const cls = classNames(classes, className);
     React.useEffect(() => {
@@ -20412,7 +20409,7 @@
       onSwitchModule,
       ...rest
     } = { ...defaultProps$8, ...props };
-    const b = cn("address");
+    const b2 = cn("address");
     const selectedExist = (item) => {
       const copyExistAdd = existAddress;
       let prevExistAdd = {
@@ -20438,24 +20435,24 @@
     React.useEffect(() => {
     }, [existAddress]);
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("exist")
+      className: b2("exist")
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("exist-group")
+      className: b2("exist-group")
     }, /* @__PURE__ */ React__default["default"].createElement("ul", {
-      className: b("exist-ul")
+      className: b2("exist-ul")
     }, existAddress.map((item, index) => {
       return /* @__PURE__ */ React__default["default"].createElement("li", {
-        className: b("exist-item"),
+        className: b2("exist-item"),
         key: index
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         onClick: () => selectedExist(item)
       }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
-        className: b("exist-item-icon"),
+        className: b2("exist-item-icon"),
         name: item.selectedAddress ? selectedIcon : defaultIcon,
         color: item.selectedAddress ? "#FA2C19" : "",
         size: "13px"
       }), /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: b("exist-item-info")
+        className: b2("exist-item-info")
       }, item.name && item.phone && /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "exist-item-info-top"
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -20466,10 +20463,10 @@
         className: "exist-item-info-bottom"
       }, /* @__PURE__ */ React__default["default"].createElement("div", null, item.provinceName + item.cityName + item.countyName + item.townName + item.addressDetail)))));
     }))), isShowCustomAddress && /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("choose-other"),
+      className: b2("choose-other"),
       onClick: switchModule
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("choose-other-btn")
+      className: b2("choose-other-btn")
     }, customAndExistTitle || locale.address.chooseAnotherAddress)));
   };
   const defaultProps$7 = {
@@ -20500,7 +20497,7 @@
       ...defaultProps$7,
       ...props
     };
-    const b = cn("address");
+    const b2 = cn("address");
     const [privateType] = React.useState(type2);
     const [tabIndex, setTabIndex] = React.useState(0);
     const [tabName] = React.useState(["province", "city", "country", "town"]);
@@ -20525,8 +20522,8 @@
         }
       });
       const newData = [];
-      data = data.sort((a, b2) => {
-        return a.title.localeCompare(b2.title);
+      data = data.sort((a, b22) => {
+        return a.title.localeCompare(b22.title);
       });
       data.forEach((item) => {
         const index = newData.findIndex(
@@ -20697,13 +20694,13 @@
       initCustomSelected();
     }, [modelValue]);
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("custom")
+      className: b2("custom")
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("region-tab")
+      className: b2("region-tab")
     }, selectedRegion && Object.keys(selectedRegion).map(
       (key, index) => {
         return /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: `${b("tab-item")} ${index === tabIndex ? "active" : ""}`,
+          className: `${b2("tab-item")} ${index === tabIndex ? "active" : ""}`,
           key: index,
           ref: mapRef[key],
           onClick: () => changeRegionTab(
@@ -20717,31 +20714,31 @@
         )));
       }
     ), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("tab-line"),
+      className: b2("tab-line"),
       ref: regionLine,
       style: { left: `${lineDistance}px` }
     })), privateType === "custom" && /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("region-con")
+      className: b2("region-con")
     }, /* @__PURE__ */ React__default["default"].createElement("ul", {
-      className: b("region-group")
+      className: b2("region-group")
     }, regionList[tabName[tabIndex]].map(
       (item, index) => {
         return /* @__PURE__ */ React__default["default"].createElement("li", {
           key: index,
-          className: b("region-item")
+          className: b2("region-item")
         }, /* @__PURE__ */ React__default["default"].createElement("div", {
           onClick: () => {
             nextAreaList(item);
           }
         }, selectedRegion && selectedRegion[tabName[tabIndex]].id === item.id && /* @__PURE__ */ React__default["default"].createElement(Icon, {
-          className: b("region-item--icon"),
+          className: b2("region-item--icon"),
           name: "Check",
           color: "#FA2C19",
           size: "13px"
         }), item.name));
       }
     ))), privateType === "custom2" && /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("elevator-group")
+      className: b2("elevator-group")
     }, /* @__PURE__ */ React__default["default"].createElement(Elevator, {
       height,
       indexList: regionList[tabName[tabIndex]],
@@ -20804,7 +20801,7 @@
       ...defaultProps$6,
       ...props
     };
-    const b = cn("address");
+    const b2 = cn("address");
     const [privateType, setPrivateType] = React.useState(type2);
     const [tabName] = React.useState(["province", "city", "country", "town"]);
     const [showPopup, setShowPopup] = React.useState(modelValue);
@@ -20891,7 +20888,7 @@
     };
     const headerRender = () => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: b("header")
+        className: b2("header")
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "arrow-back",
         onClick: onSwitchModule
@@ -20901,7 +20898,7 @@
         name: backBtnIcon,
         color: "#cccccc"
       })), /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: b("header__title")
+        className: b2("header__title")
       }, privateType === "custom" ? customAddressTitle || locale.address.selectRegion : existAddressTitle || locale.address.deliveryTo), /* @__PURE__ */ React__default["default"].createElement("div", {
         onClick: () => handClose()
       }, closeBtnIcon && /* @__PURE__ */ React__default["default"].createElement(Icon, {
@@ -20928,7 +20925,7 @@
         closeFun();
       }
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b()} ${className || ""}`,
+      className: `${b2()} ${className || ""}`,
       style: { ...style },
       ...rest
     }, headerRender(), (privateType === "custom" || privateType === "custom2") && /* @__PURE__ */ React__default["default"].createElement(CustomRender, {
@@ -20986,8 +20983,8 @@
     const barrageCWidth = React.useRef(0);
     const timer = React.useRef(0);
     const index = React.useRef(0);
-    const b = cn("barrage");
-    const classes = classNames(className, b(""));
+    const b2 = cn("barrage");
+    const classes = classNames(className, b2(""));
     React.useImperativeHandle(ref, () => ({
       add: (word) => {
         const _index = index.current % barrageList.length;
@@ -21075,37 +21072,37 @@
       ...defaultProps$4,
       ...props
     };
-    const b = cn("card");
+    const b2 = cn("card");
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b()} ${className}`,
+      className: classNames(b2(), className),
       style,
       ...rest
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("left")
+      className: b2("left")
     }, /* @__PURE__ */ React__default["default"].createElement("img", {
       src: imgUrl,
       alt: ""
     })), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("right")
+      className: b2("right")
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("right__title")
+      className: b2("right__title")
     }, title), prolistTpl, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("right__price")
+      className: b2("right__price")
     }, /* @__PURE__ */ React__default["default"].createElement(Price, {
       price
     }), originTpl || /* @__PURE__ */ React__default["default"].createElement(Price, {
-      className: b("right__price__origin"),
+      className: b2("right__price__origin"),
       price: vipPrice
     })), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("right__other")
+      className: b2("right__other")
     }, shopTagTpl || /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(Tag, {
       type: "danger"
     }, shopDesc), /* @__PURE__ */ React__default["default"].createElement(Tag, {
       plain: true
     }, delivery))), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("right__shop")
+      className: b2("right__shop")
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b("right__shop__name")
+      className: b2("right__shop__name")
     }, shopName), footerTpl)));
   };
   Card.defaultProps = defaultProps$4;
@@ -21134,7 +21131,7 @@
       ...defaultProps$3,
       ...props
     };
-    const b = cn("signature");
+    const b2 = cn("signature");
     const canvasRef = React.useRef(null);
     const wrapRef = React.useRef(null);
     const [canvasHeight, setCanvasHeight] = React.useState(0);
@@ -21224,23 +21221,23 @@
       onConfirm && onConfirm(canvas, dataurl);
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b()} ${className}`,
+      className: `${b2()} ${className}`,
       ...rest
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b("inner")}`,
+      className: `${b2("inner")}`,
       ref: wrapRef
     }, isCanvasSupported() ? /* @__PURE__ */ React__default["default"].createElement("canvas", {
       ref: canvasRef,
       height: canvasHeight,
       width: canvasWidth
     }) : /* @__PURE__ */ React__default["default"].createElement("p", {
-      className: `${b("unsopport")}`
+      className: `${b2("unsopport")}`
     }, locale.signature.unSupportTpl || unSupportTpl)), /* @__PURE__ */ React__default["default"].createElement(Button, {
-      className: `${b("btn")}`,
+      className: `${b2("btn")}`,
       type: "default",
       onClick: () => handleClearBtn()
     }, locale.signature.reSign), /* @__PURE__ */ React__default["default"].createElement(Button, {
-      className: `${b("btn")}`,
+      className: `${b2("btn")}`,
       type: "primary",
       onClick: () => handleConfirmBtn()
     }, locale.confirm));
@@ -21260,7 +21257,7 @@
       ...defaultProps$2,
       ...props
     };
-    const b = cn("timedetail");
+    const b2 = cn("timedetail");
     const [renderData, setRenderData] = React.useState([]);
     React.useEffect(() => {
       const currentData = times.find(
@@ -21283,7 +21280,7 @@
       return initClass;
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b()} ${className || ""}`
+      className: `${b2()} ${className || ""}`
     }, renderData.map((item, index) => /* @__PURE__ */ React__default["default"].createElement("span", {
       className: getDetailClass(item),
       key: item,
@@ -21303,9 +21300,9 @@
       ...defaultProps$1,
       ...props
     };
-    const b = cn("timepannel");
+    const b2 = cn("timepannel");
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b()} ${className || ""}`,
+      className: `${b2()} ${className || ""}`,
       onClick: () => change(curKey)
     }, date2);
   };
@@ -21359,7 +21356,7 @@
       width: "100%",
       height
     };
-    const b = cn("timeselect");
+    const b2 = cn("timeselect");
     const closeFun = () => {
       if (onSelect) {
         onSelect(activeTime);
@@ -21443,7 +21440,7 @@
         closeFun();
       }
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b()} ${className || ""}`
+      className: `${b2()} ${className || ""}`
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-timeselect__title"
     }, title), /* @__PURE__ */ React__default["default"].createElement("div", {