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

package/dist/nutui.react.es.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.
 */
@@ -85,7 +85,7 @@ function Icon(props) {
   };
   const isImage = name ? name.indexOf("/") !== -1 : false;
   const type4 = isImage ? "img" : tag;
-  const b = cn("icon");
+  const b2 = cn("icon");
   const handleClick2 = (e2) => {
     if (onClick) {
       onClick(e2);
@@ -104,7 +104,7 @@ function Icon(props) {
   return React__default.createElement(
     type4,
     {
-      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,
@@ -288,7 +288,7 @@ const Cell = (props) => {
     ...defaultProps$1q,
     ...props
   };
-  const b = cn("cell");
+  const b2 = cn("cell");
   const handleClick2 = (event) => {
     onClick(event);
     if (url2) {
@@ -303,7 +303,7 @@ const Cell = (props) => {
     flex: 1
   };
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b(
+    className: `${b2(
       { clickable: !!isLink, center, large: size === "large" },
       [className]
     )} `,
@@ -311,20 +311,20 @@ const Cell = (props) => {
     style: baseStyle,
     ...rest
   }, children || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, icon || iconSlot ? /* @__PURE__ */ React__default.createElement("div", {
-    className: b("icon")
+    className: b2("icon")
   }, iconSlot || (icon ? /* @__PURE__ */ React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     name: icon,
     className: "icon"
   }) : null)) : null, title || subTitle ? /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b("title")}`
+    className: `${b2("title")}`
   }, title ? /* @__PURE__ */ React__default.createElement("div", {
-    className: b("maintitle")
+    className: b2("maintitle")
   }, title) : null, subTitle ? /* @__PURE__ */ React__default.createElement("div", {
-    className: b("subtitle")
+    className: b2("subtitle")
   }, subTitle) : null) : null, desc ? /* @__PURE__ */ React__default.createElement("div", {
-    className: b("value", {
+    className: b2("value", {
       alone: !title && !subTitle
     }),
     style: styles
@@ -332,7 +332,7 @@ const Cell = (props) => {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     name: "right",
-    className: b("link")
+    className: b2("link")
   }) : linkSlot));
 };
 Cell.defaultProps = defaultProps$1q;
@@ -349,15 +349,15 @@ const CellGroup = (props) => {
     ...defaultProps$1p,
     ...props
   };
-  const b = cn("cell-group");
+  const b2 = cn("cell-group");
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: b(null, [className])
+    className: b2(null, [className])
   }, titleSlot || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, title ? /* @__PURE__ */ React__default.createElement("div", {
-    className: b("title")
+    className: b2("title")
   }, title) : null), descSlot || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, desc ? /* @__PURE__ */ React__default.createElement("div", {
-    className: b("desc")
+    className: b2("desc")
   }, desc) : null), /* @__PURE__ */ React__default.createElement("div", {
-    className: b("wrap")
+    className: b2("wrap")
   }, children));
 };
 CellGroup.defaultProps = defaultProps$1p;
@@ -1046,7 +1046,7 @@ const Overlay = (props) => {
       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,
@@ -1055,7 +1055,7 @@ const Overlay = (props) => {
       "hidden-render": !visible
     },
     overlayClass,
-    b("")
+    b2("")
   );
   const styles = {
     zIndex,
@@ -1620,7 +1620,7 @@ const Popup = (props) => {
   const [innerVisible, setInnerVisible] = useState(visible);
   const [showChildren, setShowChildren] = useState(true);
   const [transitionName, setTransitionName] = useState("");
-  const b = cn("popup");
+  const b2 = cn("popup");
   const baseStyle = {
     zIndex: index,
     animationDuration: `${duration}s`
@@ -1638,9 +1638,9 @@ const Popup = (props) => {
       round,
       [`nut-popup-${position}`]: true,
       [`${popClass}`]: true,
-      [`${className}`]: true
+      [`${className || ""}`]: true
     },
-    b("")
+    b2("")
   );
   const closeClasses = classNames({
     "nut-popup__close-icon": true,
@@ -1862,10 +1862,12 @@ const Grid = (props) => {
   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 = {};
@@ -1946,7 +1948,7 @@ const GridItem = (props) => {
     ...defaultProps$1i,
     ...props
   };
-  const b = cn("grid-item");
+  const b2 = cn("grid-item");
   const context = useContext(GridContext);
   const pxCheck2 = (value) => {
     return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
@@ -1966,8 +1968,14 @@ const GridItem = (props) => {
     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";
@@ -1997,7 +2005,7 @@ const GridItem = (props) => {
     );
   };
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: b(),
+    className: b2(),
     style: rootStyle(),
     ...rest,
     onClick: handleClick2
@@ -2160,6 +2168,7 @@ const defaultProps$1f = {
   bottom: 0,
   zIndex: 2e3
 };
+const b$1 = cn("sticky");
 const Sticky = (props) => {
   const {
     position = "top",
@@ -2290,7 +2299,7 @@ const Sticky = (props) => {
   return /* @__PURE__ */ React__default.createElement("div", {
     ref: rootRef,
     style: rootStyle,
-    className: `nut-sticky ${className}`,
+    className: classNames(b$1(), className),
     ...rest
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-sticky-box",
@@ -4322,17 +4331,17 @@ const is = {
   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) {
@@ -4687,8 +4696,8 @@ function hslToRgb(h, s, l) {
   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);
@@ -4725,9 +4734,9 @@ function colorToRgba(input) {
   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 = (range3, output, extrapolate) => {
   if (is.fun(range3)) {
@@ -7364,7 +7373,7 @@ const Elevator = (props) => {
     ...defaultProps$1e,
     ...props
   };
-  const b = cn("elevator");
+  const b2 = cn("elevator");
   const listview = useRef(null);
   const initData = {
     anchorIndex: 0,
@@ -7500,27 +7509,27 @@ const Elevator = (props) => {
     state.current.fixedTop = fixedTop;
   }, [state.current.diff, titleHeight]);
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b()} ${className}`,
+    className: `${b2()} ${className}`,
     ...rest
   }, isSticky && scrollY > 0 ? /* @__PURE__ */ React__default.createElement("div", {
-    className: b("list__fixed")
+    className: b2("list__fixed")
   }, /* @__PURE__ */ React__default.createElement("span", {
     className: "fixed-title"
   }, indexList[currentIndex][acceptKey])) : null, /* @__PURE__ */ React__default.createElement("div", {
-    className: b("list"),
+    className: b2("list"),
     style: { height: Number.isNaN(+height) ? height : `${height}px` }
   }, /* @__PURE__ */ React__default.createElement("div", {
-    className: b("list__inner"),
+    className: b2("list__inner"),
     ref: listview
   }, indexList.map((item, idx) => {
     return /* @__PURE__ */ React__default.createElement("div", {
-      className: b("list__item"),
+      className: b2("list__item"),
       key: idx
     }, /* @__PURE__ */ React__default.createElement("div", {
-      className: b("list__item__code")
+      className: b2("list__item__code")
     }, item[acceptKey]), /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, item.list.map((subitem) => {
       return /* @__PURE__ */ React__default.createElement("div", {
-        className: b("list__item__name", {
+        className: b2("list__item__name", {
           highcolor: currentData.id === subitem.id && currentKey === item[acceptKey]
         }),
         key: subitem.id,
@@ -7530,16 +7539,16 @@ const Elevator = (props) => {
       }, children)) : subitem.name);
     })));
   }))), indexList.length && scrollStart ? /* @__PURE__ */ React__default.createElement("div", {
-    className: b("code--current", { current: true })
+    className: b2("code--current", { current: true })
   }, indexList[codeIndex][acceptKey]) : null, /* @__PURE__ */ React__default.createElement("div", {
-    className: b("bars")
+    className: b2("bars")
   }, /* @__PURE__ */ React__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.createElement("div", {
-      className: b("bars__inner__item", {
+      className: b2("bars__inner__item", {
         active: item[acceptKey] === indexList[currentIndex][acceptKey]
       }),
       "data-index": index,
@@ -7584,14 +7593,14 @@ const FixedNav = (props) => {
     ...defaultProps$1d,
     ...props
   };
-  const b = cn("fixednav");
+  const b2 = cn("fixednav");
   const classes = classNames(
     {
       active: visible
     },
     type4,
     fixednavClass,
-    b("")
+    b2("")
   );
   const onSelectCb = (event, item) => {
     onSelected(item, event);
@@ -7661,14 +7670,14 @@ const Indicator = (props) => {
     ...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 = [];
@@ -7676,10 +7685,10 @@ const Indicator = (props) => {
       childs.push(
         item === current ? /* @__PURE__ */ React__default.createElement("div", {
           key: item,
-          className: b("number")
+          className: b2("number")
         }, fillZero && item < 10 ? `0${item}` : item) : /* @__PURE__ */ React__default.createElement("div", {
           key: item,
-          className: b("dot")
+          className: b2("dot")
         })
       );
     }
@@ -7688,7 +7697,7 @@ const Indicator = (props) => {
   useEffect(() => {
   }, []);
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: `${classes} ${className}`,
+    className: classNames(classes, className),
     ...rest
   }, renderEles());
 };
@@ -7838,7 +7847,6 @@ const defaultProps$1a = {
   onChange: (value) => void 0
 };
 const MenuItem = forwardRef((props, ref) => {
-  useConfig();
   const mergedProps = { ...defaultProps$1a, ...props };
   const {
     style,
@@ -8017,7 +8025,7 @@ const NavBar = (props) => {
     ...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;
@@ -8034,7 +8042,7 @@ const NavBar = (props) => {
   };
   const renderLeft = () => {
     return /* @__PURE__ */ React__default.createElement("div", {
-      className: `${b("left")}`,
+      className: `${b2("left")}`,
       onClick: (e2) => onClickBack(e2)
     }, leftShow && /* @__PURE__ */ React__default.createElement(Icon, {
       classPrefix: iconClassPrefix,
@@ -8042,12 +8050,12 @@ const NavBar = (props) => {
       name: "left",
       color: "#979797"
     }), leftText && /* @__PURE__ */ React__default.createElement("div", {
-      className: `${b("text")}`
+      className: `${b2("text")}`
     }, leftText), slot.left);
   };
   const renderContent = () => {
     return /* @__PURE__ */ React__default.createElement("div", {
-      className: `${b("title")}`
+      className: `${b2("title")}`
     }, title && /* @__PURE__ */ React__default.createElement("div", {
       className: "title",
       onClick: (e2) => onClickTitle(e2)
@@ -8061,10 +8069,10 @@ const NavBar = (props) => {
   };
   const renderRight = () => {
     return /* @__PURE__ */ React__default.createElement("div", {
-      className: `${b("right")}`,
+      className: `${b2("right")}`,
       onClick: (e2) => onClickRight(e2)
     }, desc && /* @__PURE__ */ React__default.createElement("div", {
-      className: `${b("text")}`
+      className: `${b2("text")}`
     }, desc), slot.right);
   };
   const renderWrapper = () => {
@@ -8078,9 +8086,9 @@ const NavBar = (props) => {
     [`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.createElement(React__default.Fragment, null, fixed && placeholder ? /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b("")}--placeholder`
+    className: `${b2("")}--placeholder`
   }, renderWrapper()) : renderWrapper());
 };
 NavBar.defaultProps = defaultProps$19;
@@ -8388,7 +8396,7 @@ const Tabbar = (props) => {
     ...defaultProps$15,
     ...props
   };
-  const b = cn("tabbar");
+  const b2 = cn("tabbar");
   const [selectIndex, setSelectIndex] = useState(activeVisible || visible);
   const handleClick2 = (idx) => {
     if (!("activeVisible" in props)) {
@@ -8402,9 +8410,9 @@ const Tabbar = (props) => {
   }, [activeVisible]);
   return /* @__PURE__ */ React__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
@@ -8468,7 +8476,7 @@ const TabbarItem = (props) => {
     ...defaultProps$14,
     ...props
   };
-  const b = cn("tabbar-item");
+  const b2 = cn("tabbar-item");
   const bIcon = cn("tabbar-item__icon-box");
   useEffect(() => {
     if (active && href) {
@@ -8476,7 +8484,7 @@ const TabbarItem = (props) => {
     }
   }, [active, href]);
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b({ active })} ${className}`,
+    className: `${b2({ active })} ${className}`,
     style: {
       ...style,
       color: active ? activeColor : unactiveColor
@@ -8521,12 +8529,12 @@ const TabPane = (props) => {
     ...defaultProps$13,
     ...props
   };
-  const b = cn("tabpane");
+  const b2 = cn("tabpane");
   const classes = classNames(
     {
       active: !disabled && paneKey === activeKey
     },
-    b(""),
+    b2(""),
     autoHeightClassName,
     className
   );
@@ -8612,15 +8620,15 @@ const Tabs = (props) => {
     });
     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(
     {
       [type4]: type4,
       scrollable: titleScroll,
       [size]: size
     },
-    `${b("")}__titles`
+    `${b2("")}__titles`
   );
   const titleStyle = {
     marginLeft: pxCheck$1(titleGutter),
@@ -8659,14 +8667,14 @@ const Tabs = (props) => {
           disabled: item.disabled,
           "nut-tabs__titles-item-left-align": leftAlign
         },
-        `${b("")}__titles-item`
+        `${b2("")}__titles-item`
       ),
       key: item.paneKey
     }, type4 === "line" && /* @__PURE__ */ React__default.createElement("div", {
-      className: `${b("")}__titles-item__line`,
+      className: `${b2("")}__titles-item__line`,
       style: tabsActiveStyle
     }), type4 === "smile" && /* @__PURE__ */ React__default.createElement("div", {
-      className: `${b("")}__titles-item__smile`,
+      className: `${b2("")}__titles-item__smile`,
       style: tabsActiveStyle
     }, /* @__PURE__ */ React__default.createElement(Icon, {
       classPrefix: iconClassPrefix,
@@ -8678,13 +8686,13 @@ const Tabs = (props) => {
         {
           ellipsis: ellipsis && !titleScroll && direction === "horizontal"
         },
-        `${b("")}__titles-item__text`
+        `${b2("")}__titles-item__text`
       )
     }, item.title));
   })), /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b("")}__content__wrap`
+    className: `${b2("")}__content__wrap`
   }, /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b("")}__content`,
+    className: `${b2("")}__content`,
     style: contentStyle
   }, React__default.Children.map(children, (child, idx) => {
     var _a;
@@ -8706,6 +8714,7 @@ const Tabs = (props) => {
 };
 Tabs.defaultProps = defaultProps$12;
 Tabs.displayName = "NutTabs";
+Tabs.TabPane = TabPane;
 const Utils = {
   isLeapYear(y) {
     return y % 4 == 0 && y % 100 != 0 || y % 400 == 0;
@@ -8885,17 +8894,17 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
   const monthsPanel = useRef(null);
   const viewArea = 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,
@@ -9149,7 +9158,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     setMonthDefaultRange([start2, end]);
     setTranslateY(state.monthsData[start2].cssScrollHeight);
   };
-  const mothsViewScroll = (e2) => {
+  const monthsViewScroll = (e2) => {
     if (state.monthsData.length <= 1) {
       return;
     }
@@ -9386,7 +9395,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     key: item
   }, item)))), /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-calendar-content",
-    onScroll: mothsViewScroll,
+    onScroll: monthsViewScroll,
     ref: months
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: "calendar-months-panel",
@@ -9569,16 +9578,16 @@ const InternalCascaderItem = (props, ref) => {
     ...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.createElement("div", {
     style: { color: checked ? activeColor : "" },
@@ -9593,7 +9602,7 @@ const InternalCascaderItem = (props, ref) => {
     className: "nut-cascader-item__icon-loading",
     name: "loading"
   }) : /* @__PURE__ */ React__default.createElement(Icon, {
-    className: `${checked ? b("icon-check") : ""}`,
+    className: `${checked ? b2("icon-check") : ""}`,
     name: checked ? checkedIcon : ""
   }));
 };
@@ -9665,7 +9674,7 @@ const convertListToOptions = (list, options2) => {
   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]);
       }
     });
   }
@@ -9811,10 +9820,10 @@ const InternalCascader = (props, ref) => {
     },
     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
   });
   useEffect(() => {
     initData();
@@ -9991,7 +10000,7 @@ const InternalCascader = (props, ref) => {
       className: `${classes} ${className}`,
       style
     }, poppable && /* @__PURE__ */ React__default.createElement("div", {
-      className: b("title")
+      className: b2("title")
     }, title), /* @__PURE__ */ React__default.createElement(Tabs, {
       value: tabvalue,
       titleNode: () => {
@@ -10045,6 +10054,7 @@ const InternalCascader = (props, ref) => {
 const Cascader = React__default.forwardRef(InternalCascader);
 Cascader.defaultProps = defaultProps$_;
 Cascader.displayName = "NutCascader";
+const CheckboxGroupContext = createContext(null);
 const defaultProps$Z = {
   disabled: false,
   checkedValue: [],
@@ -10058,7 +10068,7 @@ const defaultProps$Z = {
 const CheckboxGroup = React__default.forwardRef(
   (props, ref) => {
     const { children } = { ...defaultProps$Z, ...props };
-    const b = cn("checkboxgroup");
+    const b2 = cn("checkboxgroup");
     const {
       className,
       disabled,
@@ -10070,8 +10080,6 @@ const CheckboxGroup = React__default.forwardRef(
       options: options2,
       ...rest
     } = props;
-    const [innerDisabled, setInnerDisabled] = useState(disabled);
-    const [innerValue, setInnerValue] = useState(checkedValue);
     useImperativeHandle(ref, () => ({
       toggleAll(state) {
         if (state === false) {
@@ -10097,75 +10105,41 @@ const CheckboxGroup = React__default.forwardRef(
         setInnerValue(reverse);
       }
     }));
+    const [innerValue, setInnerValue] = useState(checkedValue || []);
     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.Children.map(children, (child) => {
-        const childChecked = validateChildChecked(child);
-        if (child.type.displayName !== "NutCheckBox") {
-          return React__default.cloneElement(child);
-        }
-        return React__default.cloneElement(child, {
-          disabled: innerDisabled,
-          checked: childChecked,
-          onChange: handleChildChange,
-          getParentVals,
-          max,
-          textPosition
-        });
-      });
-    }
-    const renderOptionsChildren = useCallback(() => {
+      setInnerValue(checkedValue || []);
+    }, [checkedValue]);
+    const renderOptions = useCallback(() => {
       return options2 == null ? void 0 : options2.map(({ label, value, disabled: disabled2, onChange: onChange2, ...rest2 }) => {
-        const childChecked = validateChecked(value);
         return /* @__PURE__ */ React__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.createElement("div", {
-      className: `${b()} nut-checkboxgroup--${props.direction} ${className || ""}`,
+    }, [options2, max]);
+    return /* @__PURE__ */ React__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.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;
@@ -10189,13 +10163,12 @@ const Checkbox = (props) => {
     ...defaultProps$Y,
     ...props
   };
-  const b = cn("checkbox");
+  const b2 = cn("checkbox");
   const {
     iconName,
     iconSize,
     label,
     className,
-    textPosition,
     iconActiveName,
     checked,
     disabled,
@@ -10204,20 +10177,33 @@ const Checkbox = (props) => {
     iconClassPrefix,
     iconFontClassName,
     iconIndeterminateName,
-    getParentVals,
-    max,
-    ...rest
+    ...others
   } = props;
-  const [innerChecked, setInnerChecked] = useState(checked);
-  const [innerDisabled, setDisabled] = useState(disabled);
+  let { textPosition, ...rest } = others;
+  const ctx2 = useContext(CheckboxGroupContext);
+  let [innerChecked, setInnerChecked] = useState(checked);
+  let [innerDisabled, setDisabled] = useState(disabled);
   const [_indeterminate, setIndeterminate] = useState(indeterminate);
   useEffect(() => {
-    setInnerChecked(checked);
+    !ctx2 && setInnerChecked(checked);
     setDisabled(disabled);
-  }, [disabled, checked]);
-  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;
@@ -10250,20 +10236,22 @@ const Checkbox = (props) => {
   };
   const renderLabel = () => {
     return /* @__PURE__ */ React__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.createElement("div", {
-    className: `${b({ reverse: textPosition === "left" })} ${className || ""}`,
+    className: `${b2({ reverse: textPosition === "left" })} ${className || ""}`,
     ...rest,
     onClick: handleClick2
   }, renderIcon(), renderLabel());
@@ -10523,7 +10511,7 @@ const InternalPickerSlot = (props, ref) => {
     }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, item.text ? item.text : item));
   }), !threeDimensional && listData.map((item, index) => {
     return /* @__PURE__ */ React__default.createElement("div", {
-      className: "nut-picker-roller-item-tile",
+      className: "nut-picker-roller-item-title",
       key: item.value ? item.value : index
     }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, item.text ? item.text : item));
   })), /* @__PURE__ */ React__default.createElement("div", {
@@ -10569,7 +10557,7 @@ const InternalPicker = (props, ref) => {
   const pickerRef = useRef(null);
   const [refs, setRefs] = useRefs();
   const [columnsList, setColumnsList] = useState([]);
-  const b = cn("picker");
+  const b2 = cn("picker");
   const isConfirmEvent = useRef(false);
   useEffect(() => {
     if (defaultValueData && defaultValueData.length !== 0 && defaultValueData.toString() !== chooseValueData.toString()) {
@@ -10718,14 +10706,14 @@ const InternalPicker = (props, ref) => {
   };
   const renderToolbar = () => {
     return /* @__PURE__ */ React__default.createElement("div", {
-      className: b("control")
+      className: b2("control")
     }, /* @__PURE__ */ React__default.createElement("span", {
-      className: b("cancel-btn"),
+      className: b2("cancel-btn"),
       onClick: () => closeActionSheet()
     }, locale.cancel), /* @__PURE__ */ React__default.createElement("div", {
-      className: b("title")
+      className: b2("title")
     }, title || ""), /* @__PURE__ */ React__default.createElement("span", {
-      className: b("confirm-btn"),
+      className: b2("confirm-btn"),
       onClick: confirm2
     }, locale.confirm));
   };
@@ -10736,11 +10724,11 @@ const InternalPicker = (props, ref) => {
       closeActionSheet();
     }
   }, /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b()} ${className || ""}`,
+    className: `${b2()} ${className || ""}`,
     style,
     ...rest
   }, renderToolbar(), /* @__PURE__ */ React__default.createElement("div", {
-    className: b("panel"),
+    className: b2("panel"),
     ref: pickerRef
   }, columnsList == null ? void 0 : columnsList.map((item, index) => {
     return /* @__PURE__ */ React__default.createElement(PickerSlot, {
@@ -11044,6 +11032,7 @@ const DatePicker = (props) => {
     style,
     ...rest
   }, listData.length > 0 && /* @__PURE__ */ React__default.createElement(Picker, {
+    title,
     isVisible: show,
     listData,
     onClose: onCloseDatePicker,
@@ -11390,7 +11379,7 @@ var getUrlRegex = function() {
     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}";
@@ -11400,13 +11389,13 @@ var getUrlRegex = function() {
   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*)?@)?";
@@ -12789,13 +12778,13 @@ const InputNumber = (props) => {
   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),
@@ -12961,7 +12950,7 @@ const NumberKeyboard = (props) => {
     onDelete,
     onClose
   } = props;
-  const b = cn("numberkeyboard");
+  const b2 = cn("numberkeyboard");
   const [show, setShow] = useState(visible);
   const [clickKeyIndex, setClickKeyIndex] = useState(void 0);
   const [keysList, setKeysList] = useState([]);
@@ -13069,19 +13058,19 @@ const NumberKeyboard = (props) => {
     onClickCloseIcon: onClose,
     overlayStyle: { backgroundColor: "rgba(0, 0, 0, 0)" }
   }, /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b()} ${className}`,
+    className: `${b2()} ${className}`,
     style: { ...style }
   }, title ? /* @__PURE__ */ React__default.createElement("div", {
-    className: b("header")
+    className: b2("header")
   }, /* @__PURE__ */ React__default.createElement("h3", {
-    className: b("header__tit")
+    className: b2("header__tit")
   }, title), type4 === "default" ? /* @__PURE__ */ React__default.createElement("span", {
-    className: b("header__close"),
+    className: b2("header__close"),
     onClick: onClose
   }, locale.done) : null) : null, /* @__PURE__ */ React__default.createElement("div", {
-    className: b("body")
+    className: b2("body")
   }, /* @__PURE__ */ React__default.createElement("div", {
-    className: b("body__keys")
+    className: b2("body__keys")
   }, keysList == null ? void 0 : keysList.map((item, index) => {
     return /* @__PURE__ */ React__default.createElement("div", {
       key: index,
@@ -13107,7 +13096,7 @@ const NumberKeyboard = (props) => {
       alt: ""
     }) : null));
   })), type4 === "rightColumn" ? /* @__PURE__ */ React__default.createElement("div", {
-    className: b("sidebar")
+    className: b2("sidebar")
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: "key-board-wrapper"
   }, /* @__PURE__ */ React__default.createElement("div", {
@@ -13630,7 +13619,7 @@ const Range = (props) => {
   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]);
@@ -13984,7 +13973,7 @@ const Rate = (props) => {
     ...defaultProps$O,
     ...props
   };
-  const b = cn("rate");
+  const b2 = cn("rate");
   const bi = cn("rate-item");
   const [countArray, setCountArray] = useState([1, 2, 3, 4, 5]);
   const [score, setScore] = useState(0);
@@ -14020,7 +14009,7 @@ const Rate = (props) => {
     onChange && onChange(value);
   };
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b()} ${className}`,
+    className: classNames(b2(), className),
     style
   }, countArray.map((n) => {
     return /* @__PURE__ */ React__default.createElement("div", {
@@ -14032,7 +14021,9 @@ const Rate = (props) => {
       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.createElement(Icon, {
@@ -14312,7 +14303,7 @@ const ShortPassword = (props) => {
     autoFocus,
     ...reset
   } = props;
-  const b = cn("shortpassword");
+  const b2 = cn("shortpassword");
   const textInput = useRef(null);
   const range3 = (val) => {
     return Math.min(Math.max(4, val), 6);
@@ -14378,18 +14369,18 @@ const ShortPassword = (props) => {
     onClickOverlay: onClose,
     onClickCloseIcon: onClose
   }, /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b()} ${className}`,
+    className: `${b2()} ${className}`,
     style: { ...style },
     ...reset
   }, /* @__PURE__ */ React__default.createElement("div", {
-    className: b("title")
+    className: b2("title")
   }, title || locale.shortpassword.title), /* @__PURE__ */ React__default.createElement("div", {
-    className: b("subtitle")
+    className: b2("subtitle")
   }, desc || locale.shortpassword.desc), /* @__PURE__ */ React__default.createElement("div", {
-    className: b("input")
+    className: b2("input")
   }, /* @__PURE__ */ React__default.createElement("input", {
     ref: textInput,
-    className: b("input-real"),
+    className: b2("input-real"),
     type: "number",
     style: systemStyle(),
     maxLength: 6,
@@ -14397,23 +14388,23 @@ const ShortPassword = (props) => {
     autoFocus,
     onChange: (e2) => changeValue(e2)
   }), /* @__PURE__ */ React__default.createElement("div", {
-    className: b("input-site")
+    className: b2("input-site")
   }), /* @__PURE__ */ React__default.createElement("div", {
-    className: b("input-fake"),
+    className: b2("input-fake"),
     onClick: () => focus()
   }, [...new Array(comLen).keys()].map((item, index) => {
     return /* @__PURE__ */ React__default.createElement("div", {
-      className: b("input-fake__li"),
+      className: b2("input-fake__li"),
       key: index
     }, String(inputValue).length > index ? /* @__PURE__ */ React__default.createElement("div", {
-      className: b("input-fake__li__icon")
+      className: b2("input-fake__li__icon")
     }) : null);
   }))), /* @__PURE__ */ React__default.createElement("div", {
-    className: b("message")
+    className: b2("message")
   }, /* @__PURE__ */ React__default.createElement("div", {
-    className: b("message__error")
+    className: b2("message__error")
   }, errorMsg2), tips || locale.shortpassword.tips ? /* @__PURE__ */ React__default.createElement("div", {
-    className: b("message__forget")
+    className: b2("message__forget")
   }, /* @__PURE__ */ React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
@@ -14423,12 +14414,12 @@ const ShortPassword = (props) => {
   }), /* @__PURE__ */ React__default.createElement("div", {
     onClick: onTips
   }, tips || locale.shortpassword.tips)) : null), !noButton ? /* @__PURE__ */ React__default.createElement("div", {
-    className: b("footer")
+    className: b2("footer")
   }, /* @__PURE__ */ React__default.createElement("div", {
-    className: b("footer__cancel"),
+    className: b2("footer__cancel"),
     onClick: onCancel
   }, locale.cancel), /* @__PURE__ */ React__default.createElement("div", {
-    className: b("footer__sure"),
+    className: b2("footer__sure"),
     onClick: () => sure()
   }, locale.confirm)) : null)));
 };
@@ -14610,25 +14601,25 @@ const Progress = (props) => {
     ...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`,
@@ -14740,53 +14731,44 @@ class Upload {
       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: "*",
@@ -14824,6 +14806,7 @@ const InternalUploader = (props, ref) => {
     children,
     uploadIcon,
     uploadIconSize,
+    uploadIconTip,
     name,
     accept,
     defaultFileList,
@@ -14869,13 +14852,16 @@ const InternalUploader = (props, ref) => {
       setFileList(defaultFileList);
     }
   }, [defaultFileList]);
-  const b = cn("uploader");
-  const classes = classNames(className, b(""));
+  const b2 = cn("uploader");
+  const classes = classNames(className, b2(""));
   useImperativeHandle(ref, () => ({
     submit: () => {
       Promise.all(uploadQueue).then((res) => {
         res.forEach((i) => i.upload());
       });
+    },
+    clear: () => {
+      clearUploadQueue();
     }
   }));
   const clearUploadQueue = (index = -1) => {
@@ -14884,6 +14870,8 @@ const InternalUploader = (props, ref) => {
       setUploadQueue(uploadQueue);
     } else {
       setUploadQueue([]);
+      fileList.splice(0, fileList.length);
+      setFileList([...fileList]);
     }
   };
   const clearInputValue = (el) => {
@@ -14948,7 +14936,8 @@ const InternalUploader = (props, ref) => {
       });
       onSuccess && onSuccess({
         responseText,
-        option
+        option,
+        fileList
       });
     };
     uploadOption.onFailure = (responseText, option) => {
@@ -14964,7 +14953,8 @@ const InternalUploader = (props, ref) => {
       });
       onFailure && onFailure({
         responseText,
-        option
+        option,
+        fileList
       });
     };
     const task = new Upload(uploadOption);
@@ -14989,7 +14979,11 @@ const InternalUploader = (props, ref) => {
       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();
@@ -15027,15 +15021,17 @@ const InternalUploader = (props, ref) => {
     }
     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) {
@@ -15090,27 +15086,27 @@ const InternalUploader = (props, ref) => {
       key: item.uid
     }, listType === "picture" && !children && /* @__PURE__ */ React__default.createElement("div", {
       className: "nut-uploader__preview-img"
-    }, item.status === "ready" ? /* @__PURE__ */ React__default.createElement("div", {
+    }, isDeletable && /* @__PURE__ */ React__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.createElement("div", {
       className: "nut-uploader__preview__progress"
     }, /* @__PURE__ */ React__default.createElement("div", {
       className: "nut-uploader__preview__progress__msg"
     }, item.message)) : item.status !== "success" && /* @__PURE__ */ React__default.createElement("div", {
       className: "nut-uploader__preview__progress"
-    }, /* @__PURE__ */ React__default.createElement(Icon, {
+    }, item.failIcon === " " || item.loadingIcon === " " ? null : /* @__PURE__ */ React__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.createElement("div", {
       className: "nut-uploader__preview__progress__msg"
-    }, item.message)), isDeletable && /* @__PURE__ */ React__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.createElement(React__default.Fragment, null, item.url && /* @__PURE__ */ React__default.createElement("img", {
+    }, item.message)), item.type.includes("image") ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, item.url && /* @__PURE__ */ React__default.createElement("img", {
       className: "nut-uploader__preview-img__c",
       src: item.url,
       alt: "",
@@ -15130,9 +15126,9 @@ const InternalUploader = (props, ref) => {
       fontClassName: iconFontClassName,
       color: "#808080",
       name: "link"
-    }), "\xA0", item.name))), /* @__PURE__ */ React__default.createElement("div", {
+    }), "\xA0", item.name))), item.status === "success" ? /* @__PURE__ */ React__default.createElement("div", {
       className: "tips"
-    }, item.name)), listType === "list" && /* @__PURE__ */ React__default.createElement("div", {
+    }, item.name) : null), listType === "list" && /* @__PURE__ */ React__default.createElement("div", {
       className: "nut-uploader__preview-list"
     }, /* @__PURE__ */ React__default.createElement("div", {
       className: `nut-uploader__preview-img__file__name ${item.status}`,
@@ -15155,14 +15151,18 @@ const InternalUploader = (props, ref) => {
       showText: false
     })));
   }), maximum > fileList.length && listType === "picture" && !children && /* @__PURE__ */ React__default.createElement("div", {
-    className: `nut-uploader__upload ${listType}`
+    className: `nut-uploader__upload ${listType} ${disabled ? "nut-uploader__upload-disabled" : ""}`
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    className: "nut-uploader__icon"
   }, /* @__PURE__ */ React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     size: uploadIconSize,
     color: "#808080",
     name: uploadIcon
-  }), capture ? /* @__PURE__ */ React__default.createElement("input", {
+  }), /* @__PURE__ */ React__default.createElement("span", {
+    className: "nut-uploader__icon-tip"
+  }, uploadIconTip)), capture ? /* @__PURE__ */ React__default.createElement("input", {
     className: "nut-uploader__input",
     type: "file",
     capture: "user",
@@ -15219,7 +15219,7 @@ const ActionSheet = (props) => {
     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";
   };
@@ -15239,18 +15239,18 @@ const ActionSheet = (props) => {
       onCancel && onCancel();
     }
   }, /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b()} ${className}`,
+    className: `${b2()} ${className}`,
     style,
     ...rest
   }, title && /* @__PURE__ */ React__default.createElement("div", {
-    className: b("title")
+    className: b2("title")
   }, title), description && /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b("item")} desc`
+    className: `${b2("item")} desc`
   }, description), menuItems.length ? /* @__PURE__ */ React__default.createElement("div", {
-    className: b("menu")
+    className: b2("menu")
   }, menuItems.map((item, index) => {
     return /* @__PURE__ */ React__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)
@@ -15258,7 +15258,7 @@ const ActionSheet = (props) => {
       className: "subdesc"
     }, item[optionSubTag]));
   })) : children, cancelTxt && /* @__PURE__ */ React__default.createElement("div", {
-    className: b("cancel"),
+    className: b2("cancel"),
     onClick: () => cancelActionSheet()
   }, cancelTxt)));
 };
@@ -15699,7 +15699,7 @@ const Drag = (props) => {
     ...defaultProps$F,
     ...props
   };
-  const b = cn("drag");
+  const b2 = cn("drag");
   const [boundaryState, setBoundaryState] = useState(boundary);
   const myDrag = useRef(null);
   const [currstyle, api] = useSpring(() => ({
@@ -15750,7 +15750,7 @@ const Drag = (props) => {
   }, [myDrag]);
   return /* @__PURE__ */ React__default.createElement("div", {
     style,
-    className: `${b()} ${className}`,
+    className: `${b2()} ${className}`,
     ...reset,
     ref: myDrag
   }, /* @__PURE__ */ React__default.createElement(animated.div, {
@@ -15809,8 +15809,8 @@ const Infiniteloading = (props) => {
   const refreshMaxH = useRef(0);
   const y = useRef(0);
   const distance = useRef(0);
-  const b = cn("infiniteloading");
-  const classes = classNames(className, b());
+  const b2 = cn("infiniteloading");
+  const classes = classNames(className, b2());
   useEffect(() => {
     const parentElement = getParentElement(
       scroller.current
@@ -16504,7 +16504,7 @@ const Swipe = forwardRef((props, instanceRef) => {
   }, []);
   return /* @__PURE__ */ React__default.createElement("div", {
     ref: root2,
-    className: `${swipeBem()} ${className}`,
+    className: classNames(swipeBem(), className),
     onTouchStart: (e2) => onTouchStart(e2),
     onTouchMove: (e2) => onTouchMove(e2),
     onTouchEnd: (e2) => onTouchEnd(e2),
@@ -16544,12 +16544,12 @@ const Switch = (props) => {
     ...props
   };
   const [value, setValue] = useState(false);
-  const b = cn("switch");
+  const b2 = cn("switch");
   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 = {
@@ -16575,9 +16575,9 @@ const Switch = (props) => {
   }, !value && /* @__PURE__ */ React__default.createElement("div", {
     className: "close-line"
   }), activeText && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, value ? /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b("label")} open`
+    className: `${b2("label")} open`
   }, activeText) : /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b("label")} close`
+    className: `${b2("label")} close`
   }, inactiveText))));
 };
 Switch.defaultProps = defaultProps$B;
@@ -16595,10 +16595,10 @@ const Animate = (props) => {
     ...props
   };
   const [clicked, setClicked] = useState(false);
-  const b = cn("animate");
+  const b2 = cn("animate");
   const classes = classNames({
     "nut-ani-container": true,
-    [`${b("")}-${type4}`]: action === "initial" || clicked ? type4 : false,
+    [`${b2("")}-${type4}`]: action === "initial" || clicked ? type4 : false,
     loop: loop2
   });
   const cls = classNames(classes, className);
@@ -16642,7 +16642,7 @@ const CountUp = (props) => {
     ...defaultProps$z,
     ...props
   };
-  const b = cn("countup");
+  const b2 = cn("countup");
   const countupRef = useRef(null);
   const timerRef = useRef(0);
   const numbers = Array.from({ length: 10 }, (v, i) => i);
@@ -16652,7 +16652,7 @@ const CountUp = (props) => {
     const currNumber = `${thousands ? intNumber.replace(/(\d)(?=(?:\d{3})+$)/g, "$1,") : intNumber}${splitArr[1] ? "." : ""}${splitArr[1] || ""}`;
     return currNumber.split("");
   };
-  const numerArr = getShowNumber();
+  const numerArr = useMemo(getShowNumber, [endNumber, maxLen, thousands]);
   const setNumberTransform = () => {
     if (countupRef.current) {
       const numberItems = countupRef.current.querySelectorAll(
@@ -16682,30 +16682,27 @@ const CountUp = (props) => {
     return () => {
       window.clearTimeout(timerRef.current);
     };
-  }, []);
-  useEffect(() => {
-    setNumberTransform();
   }, [numerArr]);
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b()} ${className}`,
+    className: `${b2()} ${className}`,
     ref: countupRef
   }, /* @__PURE__ */ React__default.createElement("ul", {
-    className: b("list")
+    className: b2("list")
   }, numerArr.map((item, idx) => {
     return /* @__PURE__ */ React__default.createElement("li", {
-      className: `${b("listitem", {
+      className: `${b2("listitem", {
         number: !Number.isNaN(Number(item))
       })}`,
       key: idx
     }, !Number.isNaN(Number(item)) ? /* @__PURE__ */ React__default.createElement("span", {
-      className: b("number"),
+      className: b2("number"),
       style: numberEaseStyle
     }, [...numbers, ...numbers].map((number4, subidx) => {
       return /* @__PURE__ */ React__default.createElement("span", {
         key: subidx
       }, number4);
     })) : /* @__PURE__ */ React__default.createElement("span", {
-      className: b("separator")
+      className: b2("separator")
     }, item));
   })));
 };
@@ -16790,7 +16787,7 @@ const Audio = (props) => {
     playing: props.autoplay,
     handPlaying: false
   });
-  const b = cn("audio");
+  const b2 = cn("audio");
   const warn = console.warn;
   const handleEnded = (e2) => {
     if (props.loop) {
@@ -16822,9 +16819,9 @@ const Audio = (props) => {
   };
   const renderIcon = () => {
     return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", {
-      className: b("icon")
+      className: b2("icon")
     }, /* @__PURE__ */ React__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.createElement(Icon, {
       classPrefix: iconClassPrefix,
@@ -16877,11 +16874,11 @@ const Audio = (props) => {
   };
   const renderProgerss = () => {
     return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", {
-      className: b("progress")
+      className: b2("progress")
     }, /* @__PURE__ */ React__default.createElement("div", {
       className: "time"
     }, currentDuration), /* @__PURE__ */ React__default.createElement("div", {
-      className: b("progress-bar-wrapper")
+      className: b2("progress-bar-wrapper")
     }, /* @__PURE__ */ React__default.createElement(Range, {
       modelValue: percent,
       hiddenTag: true,
@@ -16914,7 +16911,7 @@ const Audio = (props) => {
   };
   const renderNone = () => {
     return /* @__PURE__ */ React__default.createElement("div", {
-      className: b("none-container"),
+      className: b2("none-container"),
       onClick: handleStatusChange
     }, children);
   };
@@ -16949,7 +16946,7 @@ const Audio = (props) => {
     statusRef.current.currentTime = time;
   };
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b()} ${className}`,
+    className: `${b2()} ${className}`,
     style,
     ...rest
   }, renderAudio(), /* @__PURE__ */ React__default.createElement("audio", {
@@ -17012,12 +17009,12 @@ const Avatar = (props) => {
   const [avatarIndex, setAvatarIndex] = useState(1);
   const avatarRef = useRef(null);
   const parent = 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`,
@@ -17104,8 +17101,8 @@ const AvatarGroup = (props) => {
   const propAvatarGroup = { ...defaultProps$v, ...props };
   const { className, style, children } = propAvatarGroup;
   const avatarGroupRef = 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
@@ -17132,6 +17129,7 @@ const defaultProps$u = {
   color: "",
   icons: ""
 };
+const b = cn("badge");
 const Badge = (props) => {
   const {
     className,
@@ -17168,7 +17166,7 @@ const Badge = (props) => {
     return style2;
   };
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: `nut-badge ${className}`,
+    className: classNames(b(), className),
     style
   }, icons !== "" && /* @__PURE__ */ React__default.createElement("div", {
     className: "slot-icons"
@@ -17180,13 +17178,12 @@ const Badge = (props) => {
     color: "#ffffff",
     size: "12"
   })), /* @__PURE__ */ React__default.createElement("div", null, children), /* @__PURE__ */ React__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,
@@ -17213,8 +17210,8 @@ const CircleProgress = (props) => {
     ...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`,
@@ -17245,7 +17242,7 @@ const CircleProgress = (props) => {
     }
     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) => {
@@ -17367,7 +17364,7 @@ const Collapse = memo(
       onChange && onChange(!isOpen, name);
     };
     return /* @__PURE__ */ React__default.createElement("div", {
-      className: `${colBem()} ${className}`,
+      className: classNames(colBem(), className),
       style
     }, childrenDom.map((item) => {
       return React__default.cloneElement(item, {
@@ -17538,7 +17535,7 @@ const InternalCountDown = (props, ref) => {
     children,
     ...rest
   } = { ...defaultProps$q, ...props };
-  const b = cn("countdown");
+  const b2 = cn("countdown");
   const [restTimeStamp, setRestTime] = useState(0);
   const stateRef = useRef({
     pauseTime: 0,
@@ -17722,11 +17719,11 @@ const InternalCountDown = (props, ref) => {
     return formatRemainTime(stateRef.current.restTime);
   })();
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b()} ${className || ""}`,
+    className: `${b2()} ${className || ""}`,
     style: { ...style },
     ...rest
   }, children || /* @__PURE__ */ React__default.createElement("div", {
-    className: b("block"),
+    className: b2("block"),
     dangerouslySetInnerHTML: {
       __html: `${renderTime}`
     }
@@ -17924,7 +17921,7 @@ const Empty = (props) => {
     ...props
   };
   const [imgStyle, setImgStyle] = 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("//");
@@ -17953,13 +17950,13 @@ const Empty = (props) => {
     });
   }, [imageSize]);
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b()} ${className}`,
+    className: `${b2()} ${className}`,
     ...rest
   }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", {
-    className: b("image"),
+    className: b2("image"),
     style: imgStyle
   }, imageNode), typeof description === "string" ? /* @__PURE__ */ React__default.createElement("div", {
-    className: b("description")
+    className: b2("description")
   }, description || locale.noData) : { description }, children));
 };
 Empty.defaultProps = defaultProps$o;
@@ -17996,8 +17993,8 @@ const Video = (props) => {
     ...props
   };
   const rootRef = useRef(null);
-  const b = cn("video");
-  const classes = classNames(className, b(""));
+  const b2 = cn("video");
+  const classes = classNames(className, b2(""));
   useEffect(() => {
     init();
   }, []);
@@ -18303,11 +18300,11 @@ const Swiper = React__default.forwardRef((props, ref) => {
       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;
@@ -18464,14 +18461,14 @@ const Swiper = React__default.forwardRef((props, ref) => {
     ref: innerRef
   }, React__default.Children.map(childs, (child, index) => {
     return /* @__PURE__ */ React__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.createElement("div", {
     className: classNames({
-      [`${b("pagination")}`]: true,
-      [`${b("pagination-vertical")}`]: isVertical
+      [`${b2("pagination")}`]: true,
+      [`${b2("pagination-vertical")}`]: isVertical
     })
   }, React__default.Children.map(childs, (item, index) => {
     return /* @__PURE__ */ React__default.createElement("i", {
@@ -18496,8 +18493,8 @@ const SwiperItem = React__default.forwardRef((props, ref) => {
   const _props = { ...defaultProps$l, ...props };
   const { className, style, children, direction, size } = _props;
   const parent = 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;
@@ -19082,7 +19079,7 @@ const NoticeBar = (props) => {
       move({ pace: -childCount });
     }
   };
-  const b = cn("noticebar");
+  const b2 = cn("noticebar");
   const noticebarClass = classNames({
     "nut-noticebar-page": true,
     withicon: closeMode,
@@ -19095,7 +19092,7 @@ const NoticeBar = (props) => {
     };
   }, []);
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b()} ${className || ""}`,
+    className: `${b2()} ${className || ""}`,
     style
   }, showNoticeBar && direction === "across" ? /* @__PURE__ */ React__default.createElement("div", {
     className: noticebarClass,
@@ -19371,7 +19368,7 @@ const Price = (props) => {
     ...defaultProps$h,
     ...props
   };
-  const b = cn("price");
+  const b2 = cn("price");
   const showSymbol = () => {
     return { __html: needSymbol ? symbol : "" };
   };
@@ -19409,19 +19406,19 @@ const Price = (props) => {
   };
   const renderSymbol = () => {
     return /* @__PURE__ */ React__default.createElement("div", {
-      className: `${b("symbol")} ${b(`symbol-${size}`)}`,
+      className: `${b2("symbol")} ${b2(`symbol-${size}`)}`,
       dangerouslySetInnerHTML: showSymbol()
     });
   };
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b()} ${className}`,
+    className: `${b2()} ${className}`,
     ...rest
   }, needSymbol && position === "before" ? renderSymbol() : null, /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b("integer")} ${b(`integer-${size}`)}`
+    className: `${b2("integer")} ${b2(`integer-${size}`)}`
   }, formatThousands(price)), decimalDigits !== 0 ? /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b("decimal")} ${b(`decimal-${size}`)}`
+    className: `${b2("decimal")} ${b2(`decimal-${size}`)}`
   }, ".") : null, /* @__PURE__ */ React__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;
@@ -19457,8 +19454,8 @@ const Skeleton = (props) => {
     ...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
@@ -19552,13 +19549,13 @@ const Step = (props) => {
     ((_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) {
@@ -19620,14 +19617,14 @@ const Steps = (props) => {
   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.createElement(DataContext.Provider, {
     value: parentSteps
@@ -19679,9 +19676,9 @@ const Table = (props) => {
       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);
@@ -19918,7 +19915,7 @@ const TrendArrow = (props) => {
     children,
     ...rest
   } = { ...defaultProps$b, ...props };
-  const b = cn("trendarrow");
+  const b2 = cn("trendarrow");
   const handleClick2 = () => {
   };
   const rateTrend = useRef(rate > 0);
@@ -19958,12 +19955,12 @@ const TrendArrow = (props) => {
   const renderContent = (arrowLeft2) => {
     const classNameSuffix = !arrowLeft2 ? "icon-after" : "icon-before";
     return /* @__PURE__ */ React__default.createElement("span", {
-      className: `${b(classNameSuffix)} ${b("rate")}`,
+      className: `${b2(classNameSuffix)} ${b2("rate")}`,
       style: calcStyle
     }, calcRate);
   };
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b()} ${className}`,
+    className: `${b2()} ${className}`,
     ...rest,
     onClick: handleClick2
   }, !arrowLeft && renderContent(!arrowLeft), children || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, Number(rate) !== 0 && /* @__PURE__ */ React__default.createElement(Icon, {
@@ -20296,10 +20293,10 @@ const WaterMark = (props) => {
     ...props
   };
   const [base64Url, setBase64Url] = 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);
   useEffect(() => {
@@ -20385,7 +20382,7 @@ const ExistRender = (props) => {
     onSwitchModule,
     ...rest
   } = { ...defaultProps$8, ...props };
-  const b = cn("address");
+  const b2 = cn("address");
   const selectedExist = (item) => {
     const copyExistAdd = existAddress;
     let prevExistAdd = {
@@ -20411,24 +20408,24 @@ const ExistRender = (props) => {
   useEffect(() => {
   }, [existAddress]);
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: b("exist")
+    className: b2("exist")
   }, /* @__PURE__ */ React__default.createElement("div", {
-    className: b("exist-group")
+    className: b2("exist-group")
   }, /* @__PURE__ */ React__default.createElement("ul", {
-    className: b("exist-ul")
+    className: b2("exist-ul")
   }, existAddress.map((item, index) => {
     return /* @__PURE__ */ React__default.createElement("li", {
-      className: b("exist-item"),
+      className: b2("exist-item"),
       key: index
     }, /* @__PURE__ */ React__default.createElement("div", {
       onClick: () => selectedExist(item)
     }, /* @__PURE__ */ React__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.createElement("div", {
-      className: b("exist-item-info")
+      className: b2("exist-item-info")
     }, item.name && item.phone && /* @__PURE__ */ React__default.createElement("div", {
       className: "exist-item-info-top"
     }, /* @__PURE__ */ React__default.createElement("div", {
@@ -20439,10 +20436,10 @@ const ExistRender = (props) => {
       className: "exist-item-info-bottom"
     }, /* @__PURE__ */ React__default.createElement("div", null, item.provinceName + item.cityName + item.countyName + item.townName + item.addressDetail)))));
   }))), isShowCustomAddress && /* @__PURE__ */ React__default.createElement("div", {
-    className: b("choose-other"),
+    className: b2("choose-other"),
     onClick: switchModule
   }, /* @__PURE__ */ React__default.createElement("div", {
-    className: b("choose-other-btn")
+    className: b2("choose-other-btn")
   }, customAndExistTitle || locale.address.chooseAnotherAddress)));
 };
 const defaultProps$7 = {
@@ -20473,7 +20470,7 @@ const CustomRender = (props) => {
     ...defaultProps$7,
     ...props
   };
-  const b = cn("address");
+  const b2 = cn("address");
   const [privateType] = useState(type4);
   const [tabIndex, setTabIndex] = useState(0);
   const [tabName] = useState(["province", "city", "country", "town"]);
@@ -20498,8 +20495,8 @@ const CustomRender = (props) => {
       }
     });
     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(
@@ -20670,13 +20667,13 @@ const CustomRender = (props) => {
     initCustomSelected();
   }, [modelValue]);
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: b("custom")
+    className: b2("custom")
   }, /* @__PURE__ */ React__default.createElement("div", {
-    className: b("region-tab")
+    className: b2("region-tab")
   }, selectedRegion && Object.keys(selectedRegion).map(
     (key, index) => {
       return /* @__PURE__ */ React__default.createElement("div", {
-        className: `${b("tab-item")} ${index === tabIndex ? "active" : ""}`,
+        className: `${b2("tab-item")} ${index === tabIndex ? "active" : ""}`,
         key: index,
         ref: mapRef[key],
         onClick: () => changeRegionTab(
@@ -20690,31 +20687,31 @@ const CustomRender = (props) => {
       )));
     }
   ), /* @__PURE__ */ React__default.createElement("div", {
-    className: b("tab-line"),
+    className: b2("tab-line"),
     ref: regionLine,
     style: { left: `${lineDistance}px` }
   })), privateType === "custom" && /* @__PURE__ */ React__default.createElement("div", {
-    className: b("region-con")
+    className: b2("region-con")
   }, /* @__PURE__ */ React__default.createElement("ul", {
-    className: b("region-group")
+    className: b2("region-group")
   }, regionList[tabName[tabIndex]].map(
     (item, index) => {
       return /* @__PURE__ */ React__default.createElement("li", {
         key: index,
-        className: b("region-item")
+        className: b2("region-item")
       }, /* @__PURE__ */ React__default.createElement("div", {
         onClick: () => {
           nextAreaList(item);
         }
       }, selectedRegion && selectedRegion[tabName[tabIndex]].id === item.id && /* @__PURE__ */ React__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.createElement("div", {
-    className: b("elevator-group")
+    className: b2("elevator-group")
   }, /* @__PURE__ */ React__default.createElement(Elevator, {
     height,
     indexList: regionList[tabName[tabIndex]],
@@ -20777,7 +20774,7 @@ const Address = (props) => {
     ...defaultProps$6,
     ...props
   };
-  const b = cn("address");
+  const b2 = cn("address");
   const [privateType, setPrivateType] = useState(type4);
   const [tabName] = useState(["province", "city", "country", "town"]);
   const [showPopup, setShowPopup] = useState(modelValue);
@@ -20864,7 +20861,7 @@ const Address = (props) => {
   };
   const headerRender = () => {
     return /* @__PURE__ */ React__default.createElement("div", {
-      className: b("header")
+      className: b2("header")
     }, /* @__PURE__ */ React__default.createElement("div", {
       className: "arrow-back",
       onClick: onSwitchModule
@@ -20874,7 +20871,7 @@ const Address = (props) => {
       name: backBtnIcon,
       color: "#cccccc"
     })), /* @__PURE__ */ React__default.createElement("div", {
-      className: b("header__title")
+      className: b2("header__title")
     }, privateType === "custom" ? customAddressTitle || locale.address.selectRegion : existAddressTitle || locale.address.deliveryTo), /* @__PURE__ */ React__default.createElement("div", {
       onClick: () => handClose()
     }, closeBtnIcon && /* @__PURE__ */ React__default.createElement(Icon, {
@@ -20901,7 +20898,7 @@ const Address = (props) => {
       closeFun();
     }
   }, /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b()} ${className || ""}`,
+    className: `${b2()} ${className || ""}`,
     style: { ...style },
     ...rest
   }, headerRender(), (privateType === "custom" || privateType === "custom2") && /* @__PURE__ */ React__default.createElement(CustomRender, {
@@ -20959,8 +20956,8 @@ const InternalBarrage = (props, ref) => {
   const barrageCWidth = useRef(0);
   const timer = useRef(0);
   const index = useRef(0);
-  const b = cn("barrage");
-  const classes = classNames(className, b(""));
+  const b2 = cn("barrage");
+  const classes = classNames(className, b2(""));
   useImperativeHandle(ref, () => ({
     add: (word) => {
       const _index = index.current % barrageList.length;
@@ -21048,37 +21045,37 @@ const Card = (props) => {
     ...defaultProps$4,
     ...props
   };
-  const b = cn("card");
+  const b2 = cn("card");
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b()} ${className}`,
+    className: classNames(b2(), className),
     style,
     ...rest
   }, /* @__PURE__ */ React__default.createElement("div", {
-    className: b("left")
+    className: b2("left")
   }, /* @__PURE__ */ React__default.createElement("img", {
     src: imgUrl,
     alt: ""
   })), /* @__PURE__ */ React__default.createElement("div", {
-    className: b("right")
+    className: b2("right")
   }, /* @__PURE__ */ React__default.createElement("div", {
-    className: b("right__title")
+    className: b2("right__title")
   }, title), prolistTpl, /* @__PURE__ */ React__default.createElement("div", {
-    className: b("right__price")
+    className: b2("right__price")
   }, /* @__PURE__ */ React__default.createElement(Price, {
     price
   }), originTpl || /* @__PURE__ */ React__default.createElement(Price, {
-    className: b("right__price__origin"),
+    className: b2("right__price__origin"),
     price: vipPrice
   })), /* @__PURE__ */ React__default.createElement("div", {
-    className: b("right__other")
+    className: b2("right__other")
   }, shopTagTpl || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Tag, {
     type: "danger"
   }, shopDesc), /* @__PURE__ */ React__default.createElement(Tag, {
     plain: true
   }, delivery))), /* @__PURE__ */ React__default.createElement("div", {
-    className: b("right__shop")
+    className: b2("right__shop")
   }, /* @__PURE__ */ React__default.createElement("div", {
-    className: b("right__shop__name")
+    className: b2("right__shop__name")
   }, shopName), footerTpl)));
 };
 Card.defaultProps = defaultProps$4;
@@ -21107,7 +21104,7 @@ const Signature = (props) => {
     ...defaultProps$3,
     ...props
   };
-  const b = cn("signature");
+  const b2 = cn("signature");
   const canvasRef = useRef(null);
   const wrapRef = useRef(null);
   const [canvasHeight, setCanvasHeight] = useState(0);
@@ -21197,23 +21194,23 @@ const Signature = (props) => {
     onConfirm && onConfirm(canvas, dataurl);
   };
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b()} ${className}`,
+    className: `${b2()} ${className}`,
     ...rest
   }, /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b("inner")}`,
+    className: `${b2("inner")}`,
     ref: wrapRef
   }, isCanvasSupported() ? /* @__PURE__ */ React__default.createElement("canvas", {
     ref: canvasRef,
     height: canvasHeight,
     width: canvasWidth
   }) : /* @__PURE__ */ React__default.createElement("p", {
-    className: `${b("unsopport")}`
+    className: `${b2("unsopport")}`
   }, locale.signature.unSupportTpl || unSupportTpl)), /* @__PURE__ */ React__default.createElement(Button, {
-    className: `${b("btn")}`,
+    className: `${b2("btn")}`,
     type: "default",
     onClick: () => handleClearBtn()
   }, locale.signature.reSign), /* @__PURE__ */ React__default.createElement(Button, {
-    className: `${b("btn")}`,
+    className: `${b2("btn")}`,
     type: "primary",
     onClick: () => handleConfirmBtn()
   }, locale.confirm));
@@ -21233,7 +21230,7 @@ const TimeDetail = (props) => {
     ...defaultProps$2,
     ...props
   };
-  const b = cn("timedetail");
+  const b2 = cn("timedetail");
   const [renderData, setRenderData] = useState([]);
   useEffect(() => {
     const currentData = times.find(
@@ -21256,7 +21253,7 @@ const TimeDetail = (props) => {
     return initClass;
   };
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b()} ${className || ""}`
+    className: `${b2()} ${className || ""}`
   }, renderData.map((item, index) => /* @__PURE__ */ React__default.createElement("span", {
     className: getDetailClass(item),
     key: item,
@@ -21276,9 +21273,9 @@ const TimePannel = (props) => {
     ...defaultProps$1,
     ...props
   };
-  const b = cn("timepannel");
+  const b2 = cn("timepannel");
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b()} ${className || ""}`,
+    className: `${b2()} ${className || ""}`,
     onClick: () => change(curKey)
   }, date4);
 };
@@ -21332,7 +21329,7 @@ const TimeSelect = (props) => {
     width: "100%",
     height
   };
-  const b = cn("timeselect");
+  const b2 = cn("timeselect");
   const closeFun = () => {
     if (onSelect) {
       onSelect(activeTime);
@@ -21416,7 +21413,7 @@ const TimeSelect = (props) => {
       closeFun();
     }
   }, /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b()} ${className || ""}`
+    className: `${b2()} ${className || ""}`
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-timeselect__title"
   }, title), /* @__PURE__ */ React__default.createElement("div", {