@nutui/nutui-react-taro 2.3.0-beta.0 → 2.3.0

package/dist/nutui.react.umd.js

@@ -8,7 +8,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react-taro v2.3.0-beta.0 Mon Dec 04 2023 14:55:05 GMT+0800 (中国标准时间)
+* @nutui/nutui-react-taro v2.3.0 Fri Dec 08 2023 19:20:06 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -780,16 +780,16 @@ Check the top-level render call using <` + t2 + ">.");
   n$2.displayName = "NutIconarrow-down";
   const a$4 = (o2) => /* @__PURE__ */ lr$1(r$2, { ...o2, name: o2.name || "arrow-left" });
   a$4.displayName = "NutIconarrow-left";
-  const m$7 = (o2) => /* @__PURE__ */ lr$1(r$2, { ...o2, name: o2.name || "arrow-up" });
-  m$7.displayName = "NutIconarrow-up";
-  const m$6 = (c2) => /* @__PURE__ */ lr$1(r$2, { ...c2, name: c2.name || "check-checked" });
-  m$6.displayName = "NutIconcheck-checked";
+  const m$8 = (o2) => /* @__PURE__ */ lr$1(r$2, { ...o2, name: o2.name || "arrow-up" });
+  m$8.displayName = "NutIconarrow-up";
+  const m$7 = (c2) => /* @__PURE__ */ lr$1(r$2, { ...c2, name: c2.name || "check-checked" });
+  m$7.displayName = "NutIconcheck-checked";
   const c = (e2) => /* @__PURE__ */ lr$1(r$2, { ...e2, name: e2.name || "check-disabled" });
   c.displayName = "NutIconcheck-disabled";
   const n$1 = (o2) => /* @__PURE__ */ lr$1(r$2, { ...o2, name: o2.name || "check-normal" });
   n$1.displayName = "NutIconcheck-normal";
-  const t$6 = (o2) => /* @__PURE__ */ lr$1(r$2, { ...o2, name: o2.name || "Check" });
-  t$6.displayName = "NutIconCheck";
+  const m$6 = (o2) => /* @__PURE__ */ lr$1(r$2, { ...o2, name: o2.name || "check" });
+  m$6.displayName = "NutIconcheck";
   const m$5 = (e2) => /* @__PURE__ */ lr$1(r$2, { ...e2, name: e2.name || "checked" });
   m$5.displayName = "NutIconchecked";
   const e$6 = (t2) => /* @__PURE__ */ lr$1(r$2, { ...t2, name: t2.name || "checklist" });
@@ -919,15 +919,15 @@ Check the top-level render call using <` + t2 + ">.");
             ref,
             className: classNames(
               prefixCls$3,
-              `${prefixCls$3}--${type2}`,
-              props.fill ? `${prefixCls$3}--${fill}` : null,
-              children ? "" : `${prefixCls$3}--icononly`,
+              `${prefixCls$3}-${type2}`,
+              props.fill ? `${prefixCls$3}-${fill}` : null,
+              children ? "" : `${prefixCls$3}-icononly`,
               {
-                [`${prefixCls$3}--${size}`]: size,
-                [`${prefixCls$3}--${shape}`]: shape,
-                [`${prefixCls$3}--block`]: block,
-                [`${prefixCls$3}--disabled`]: disabled,
-                [`${prefixCls$3}--loading`]: loading
+                [`${prefixCls$3}-${size}`]: size,
+                [`${prefixCls$3}-${shape}`]: shape,
+                [`${prefixCls$3}-block`]: block,
+                [`${prefixCls$3}-disabled`]: disabled,
+                [`${prefixCls$3}-loading`]: loading
               },
               className
             ),
@@ -4277,13 +4277,13 @@ Check the top-level render call using <` + t2 + ">.");
     };
     const classes = direction === "horizontal" ? classNames({
       [`${classPrefix$o}`]: true,
-      [`${classPrefix$o}__center`]: children,
-      [`${classPrefix$o}__left`]: contentPosition === "left",
-      [`${classPrefix$o}__right`]: contentPosition === "right",
-      [`${classPrefix$o}__hairline`]: true
+      [`${classPrefix$o}-center`]: children,
+      [`${classPrefix$o}-left`]: contentPosition === "left",
+      [`${classPrefix$o}-right`]: contentPosition === "right",
+      [`${classPrefix$o}-hairline`]: true
     }) : classNames({
       [`${classPrefix$o}`]: true,
-      [`${classPrefix$o}__vertical`]: direction === "vertical"
+      [`${classPrefix$o}-vertical`]: direction === "vertical"
     });
     return /* @__PURE__ */ React.createElement("div", { className: `${classes} ${className || ""}`, style, ...rest }, children);
   };
@@ -4342,13 +4342,13 @@ Check the top-level render call using <` + t2 + ">.");
       return styles;
     };
     const contentClass = () => {
-      return classNames(`${classPrefix2}__content`, {
-        [`${classPrefix2}__content--border`]: true,
-        [`${classPrefix2}__content--surround`]: gap,
-        [`${classPrefix2}__content--center`]: center,
-        [`${classPrefix2}__content--square`]: square,
-        [`${classPrefix2}__content--reverse`]: reverse,
-        [`${classPrefix2}__content--${direction}`]: !!direction
+      return classNames(`${classPrefix2}-content`, {
+        [`${classPrefix2}-content-border`]: true,
+        [`${classPrefix2}-content-surround`]: gap,
+        [`${classPrefix2}-content-center`]: center,
+        [`${classPrefix2}-content-square`]: square,
+        [`${classPrefix2}-content-reverse`]: reverse,
+        [`${classPrefix2}-content-${direction}`]: !!direction
       });
     };
     const handleClick = (e2) => {
@@ -4375,7 +4375,7 @@ Check the top-level render call using <` + t2 + ">.");
         ...rest,
         onClick: handleClick
       },
-      /* @__PURE__ */ React.createElement("div", { className: contentClass() }, children && /* @__PURE__ */ React.createElement(React.Fragment, null, children), text && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__text` }, text))
+      /* @__PURE__ */ React.createElement("div", { className: contentClass() }, children && /* @__PURE__ */ React.createElement(React.Fragment, null, children), text && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-text` }, text))
     );
   };
   GridItem.defaultProps = defaultProps$1r;
@@ -4408,7 +4408,7 @@ Check the top-level render call using <` + t2 + ">.");
       return classNames(
         classPrefix2,
         {
-          [`${classPrefix2}__border`]: !gap
+          [`${classPrefix2}-border`]: !gap
         },
         className
       );
@@ -4712,8 +4712,8 @@ Check the top-level render call using <` + t2 + ">.");
       /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: classNames("nut-sticky--box", {
-            "nut-sticky--fixed": fixed
+          className: classNames("nut-sticky-box", {
+            "nut-sticky-fixed": fixed
           }),
           ref: stickyRef,
           style: stickyStyle
@@ -4855,7 +4855,7 @@ Check the top-level render call using <` + t2 + ">.");
       state.current.listHeight.push(height2);
       for (let i = 0; i < state.current.listGroup.length; i++) {
         const query = Taro.createSelectorQuery();
-        query.selectAll(`.${className} .nut-elevator__item__${i}`).boundingClientRect();
+        query.selectAll(`.${className} .nut-elevator-item-${i}`).boundingClientRect();
         query.exec((res) => {
           if (res[0][0])
             height2 += res[0][0].height;
@@ -4915,7 +4915,7 @@ Check the top-level render call using <` + t2 + ">.");
     };
     const setListGroup = () => {
       if (listview.current) {
-        Taro.createSelectorQuery().selectAll(`.${className} .nut-elevator__list__item`).node((el) => {
+        Taro.createSelectorQuery().selectAll(`.${className} .nut-elevator-list-item`).node((el) => {
           state.current.listGroup = [...Object.keys(el)];
           calculateHeight();
         }).exec();
@@ -4953,7 +4953,7 @@ Check the top-level render call using <` + t2 + ">.");
     return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2} ${className}`, style, ...rest }, /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: `${classPrefix2}__list`,
+        className: `${classPrefix2}-list`,
         style: { height: Number.isNaN(+height) ? height : `${height}px` }
       },
       /* @__PURE__ */ React.createElement(
@@ -4963,7 +4963,7 @@ Check the top-level render call using <` + t2 + ">.");
           scrollY: true,
           scrollWithAnimation: true,
           scrollAnchoring: true,
-          className: `${classPrefix2}__list__inner`,
+          className: `${classPrefix2}-list-inner`,
           type: "list",
           ref: listview,
           onScroll: listViewScroll,
@@ -4975,17 +4975,17 @@ Check the top-level render call using <` + t2 + ">.");
           return /* @__PURE__ */ React.createElement(
             "div",
             {
-              className: `${classPrefix2}__list__item nut-elevator__item__${idx}`,
+              className: `${classPrefix2}-list-item nut-elevator-item-${idx}`,
               key: idx
             },
-            /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__list__item__code` }, item[floorKey]),
+            /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-list-item-code` }, item[floorKey]),
             /* @__PURE__ */ React.createElement(React.Fragment, null, item.list.map((subitem) => {
               return /* @__PURE__ */ React.createElement(
                 "div",
                 {
                   className: classNames({
-                    [`${classPrefix2}__list__item__name`]: true,
-                    [`${classPrefix2}__list__item__name--highcolor`]: currentData.id === subitem.id && currentKey === item[floorKey]
+                    [`${classPrefix2}-list-item-name`]: true,
+                    [`${classPrefix2}-list-item-name-highcolor`]: currentData.id === subitem.id && currentKey === item[floorKey]
                   }),
                   key: subitem.id,
                   onClick: () => handleClickItem(item[floorKey], subitem)
@@ -5000,15 +5000,15 @@ Check the top-level render call using <` + t2 + ">.");
       "div",
       {
         className: classNames({
-          [`${classPrefix2}__code--current`]: true,
-          [`${classPrefix2}__code--current--current`]: true
+          [`${classPrefix2}-code-current`]: true,
+          [`${classPrefix2}-code-current-current`]: true
         })
       },
       list[codeIndex][floorKey]
-    ) : null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__bars` }, /* @__PURE__ */ React.createElement(
+    ) : null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-bars` }, /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: `${classPrefix2}__bars__inner`,
+        className: `${classPrefix2}-bars-inner`,
         onTouchStart: (event) => touchStart(event),
         onTouchMove: (event) => touchMove(event),
         onTouchEnd: touchEnd,
@@ -5019,8 +5019,8 @@ Check the top-level render call using <` + t2 + ">.");
           "div",
           {
             className: classNames({
-              [`${classPrefix2}__bars__inner__item`]: true,
-              [`${classPrefix2}__bars__inner__item--active`]: item[floorKey] === list[codeIndex][floorKey]
+              [`${classPrefix2}-bars-inner-item`]: true,
+              [`${classPrefix2}-bars-inner-item-active`]: item[floorKey] === list[codeIndex][floorKey]
             }),
             "data-index": index,
             key: index,
@@ -5029,7 +5029,7 @@ Check the top-level render call using <` + t2 + ">.");
           item[floorKey]
         );
       })
-    ))) : null, sticky && scrollY > 0 ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__list__fixed` }, /* @__PURE__ */ React.createElement("span", { className: `${classPrefix2}__list__fixed__title` }, list[codeIndex][floorKey])) : null);
+    ))) : null, sticky && scrollY > 0 ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-list-fixed` }, /* @__PURE__ */ React.createElement("span", { className: `${classPrefix2}-list-fixed-title` }, list[codeIndex][floorKey])) : null);
   };
   Elevator.defaultProps = defaultProps$1k;
   Elevator.displayName = "NutElevator";
@@ -5253,15 +5253,17 @@ Check the top-level render call using <` + t2 + ">.");
       ...style,
       ...baseStyle
     };
-    const popClassName = classNames({
-      [`${classPrefix2}-round`]: round || position === "bottom",
-      [`${classPrefix2}`]: true,
-      [`${classPrefix2}-${position}`]: true,
-      [`${className || ""}`]: true
-    });
+    const popClassName = classNames(
+      {
+        [`${classPrefix2}`]: true,
+        [`${classPrefix2}-round`]: round || position === "bottom",
+        [`${classPrefix2}-${position}`]: true
+      },
+      className
+    );
     const closeClasses = classNames({
       [`${classPrefix2}-title-right`]: true,
-      [`${classPrefix2}-title-right--${closeIconPosition}`]: true
+      [`${classPrefix2}-title-right-${closeIconPosition}`]: true
     });
     const open2 = () => {
       if (!innerVisible) {
@@ -5316,9 +5318,12 @@ Check the top-level render call using <` + t2 + ">.");
       return node;
     };
     const renderTitle = () => {
-      if (left2 || title || closeable || description) {
+      if (left2 || title || description) {
         return /* @__PURE__ */ React.createElement(components.View, { className: `${classPrefix2}-title` }, position === "bottom" && /* @__PURE__ */ React.createElement(React.Fragment, null, left2 && /* @__PURE__ */ React.createElement(components.View, { className: `${classPrefix2}-title-left` }, left2), (title || description) && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-title-title` }, title, description && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-title-description` }, description))), closeable && /* @__PURE__ */ React.createElement(components.View, { className: closeClasses, onClick: onHandleClickCloseIcon }, React.isValidElement(closeIcon) ? closeIcon : /* @__PURE__ */ React.createElement(t$5, null)));
       }
+      if (closeable) {
+        return /* @__PURE__ */ React.createElement(React.Fragment, null, closeable && /* @__PURE__ */ React.createElement(components.View, { className: closeClasses, onClick: onHandleClickCloseIcon }, React.isValidElement(closeIcon) ? closeIcon : /* @__PURE__ */ React.createElement(t$5, null)));
+      }
     };
     const renderPop = () => {
       return /* @__PURE__ */ React.createElement(
@@ -5404,16 +5409,16 @@ Check the top-level render call using <` + t2 + ">.");
         position,
         onClose
       },
-      /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix2, className), ...rest }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__content` }, /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix2, className), ...rest }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-content` }, /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: `${classPrefix2}__list ${sidenavbarShow ? "sidenavbar-show" : "sidenavbar-hide"}`,
+          className: `${classPrefix2}-list ${sidenavbarShow ? "sidenavbar-show" : "sidenavbar-hide"}`,
           onClick: handleClick
         },
         /* @__PURE__ */ React.createElement(
           "div",
           {
-            className: `${classPrefix2}__title ${classPrefix2}-border-bt`,
+            className: `${classPrefix2}-title ${classPrefix2}-border-bt`,
             style: { paddingLeft: `${indent}px` }
           },
           title,
@@ -5424,7 +5429,7 @@ Check the top-level render call using <` + t2 + ">.");
             }
           )
         ),
-        /* @__PURE__ */ React.createElement(OffsetContext.Provider, { value: indent }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__content` }, children))
+        /* @__PURE__ */ React.createElement(OffsetContext.Provider, { value: indent }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-content` }, children))
       )))
     );
   };
@@ -5440,7 +5445,7 @@ Check the top-level render call using <` + t2 + ">.");
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: `${classPrefix2}__item ${classPrefix2}-border-bt`,
+        className: `${classPrefix2}-item ${classPrefix2}-border-bt`,
         onClick: clickFn,
         ...rest
       },
@@ -5462,7 +5467,7 @@ Check the top-level render call using <` + t2 + ">.");
     const setListLevel = React.useCallback(
       (nodeList, level = 1) => {
         const titleClass = nodeList[0].className;
-        if (titleClass.includes(`${classPrefix2}__title`)) {
+        if (titleClass.includes(`${classPrefix2}-title`)) {
           const left2 = offset * (level + 1);
           nodeList[0].style.paddingLeft = `${left2}px`;
         }
@@ -5471,11 +5476,11 @@ Check the top-level render call using <` + t2 + ">.");
         );
         childNodes.forEach((item) => {
           const itemClass = item.className;
-          if (itemClass.includes(`${classPrefix2}__item`)) {
+          if (itemClass.includes(`${classPrefix2}-item`)) {
             const left2 = offset * (level + 2);
             item.style.paddingLeft = `${left2}px`;
           }
-          if (itemClass.includes(`${classPrefix2}__list`)) {
+          if (itemClass.includes(`${classPrefix2}-list`)) {
             let level2 = item.getAttribute("level") ? Number(item.getAttribute("level")) : 1;
             level2 += 1;
             item.setAttribute("level", level2.toString());
@@ -5497,9 +5502,9 @@ Check the top-level render call using <` + t2 + ">.");
       (_b = listRef.current) == null ? void 0 : _b.setAttribute("level", "1");
       childNodes && setListLevel(childNodes);
     }, [setListLevel]);
-    const divClass = subShow ? `${classPrefix2}__list sidenavbar-show` : `${classPrefix2}__list sidenavbar-hide`;
+    const divClass = subShow ? `${classPrefix2}-list sidenavbar-show` : `${classPrefix2}-list sidenavbar-hide`;
     const iconClass = subShow ? "arrow-icon arrow-down" : "arrow-icon arrow-up";
-    return /* @__PURE__ */ React.createElement("div", { className: divClass, ref: listRef, onClick: clickFn, ...rest }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__title ${classPrefix2}-border-bt` }, title, " ", /* @__PURE__ */ React.createElement("i", { className: iconClass })), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__content` }, children));
+    return /* @__PURE__ */ React.createElement("div", { className: divClass, ref: listRef, onClick: clickFn, ...rest }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-title ${classPrefix2}-border-bt` }, title, " ", /* @__PURE__ */ React.createElement("i", { className: iconClass })), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-content` }, children));
   };
   function useForceUpdate() {
     const [, updateState] = React.useState();
@@ -5569,11 +5574,11 @@ Check the top-level render call using <` + t2 + ">.");
         return value;
     }
     const contentClasses = classNames(
-      { [`${classPrefix2}__dot`]: dot },
-      `${classPrefix2}__content`,
-      { [`${classPrefix2}__sup`]: isNumber() || isString() || dot },
+      { [`${classPrefix2}-dot`]: dot },
+      `${classPrefix2}-content`,
+      { [`${classPrefix2}-sup`]: isNumber() || isString() || dot },
       {
-        [`${classPrefix2}__one`]: typeof content() === "string" && ((_a = `${content()}`) == null ? void 0 : _a.length) === 1
+        [`${classPrefix2}-one`]: typeof content() === "string" && ((_a = `${content()}`) == null ? void 0 : _a.length) === 1
       }
     );
     const getStyle = () => {
@@ -5583,7 +5588,7 @@ Check the top-level render call using <` + t2 + ">.");
       style2.background = color;
       return style2;
     };
-    return /* @__PURE__ */ React.createElement("div", { className: classes, style }, isIcon() && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__icon` }, value), children, !isIcon() && /* @__PURE__ */ React.createElement("div", { className: contentClasses, style: getStyle() }, content()));
+    return /* @__PURE__ */ React.createElement("div", { className: classes, style }, isIcon() && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-icon` }, value), children, !isIcon() && /* @__PURE__ */ React.createElement("div", { className: contentClasses, style: getStyle() }, content()));
   };
   Badge.defaultProps = defaultProps$1e;
   Badge.displayName = "NutBadge";
@@ -5628,7 +5633,7 @@ Check the top-level render call using <` + t2 + ">.");
       },
       className
     );
-    const boxPrefix = `${classPrefix2}__icon-box`;
+    const boxPrefix = `${classPrefix2}-icon-box`;
     const titleClass = classNames(boxPrefix, `${boxPrefix}-nav`, {
       [`${boxPrefix}-large`]: !icon
     });
@@ -5693,13 +5698,13 @@ Check the top-level render call using <` + t2 + ">.");
         className: classNames(
           classPrefix2,
           {
-            [`${classPrefix2}__fixed`]: fixed
+            [`${classPrefix2}-fixed`]: fixed
           },
           className
         ),
         style
       },
-      /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__wrap` }, React.Children.map(children, (child, idx) => {
+      /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-wrap` }, React.Children.map(children, (child, idx) => {
         if (!React.isValidElement(child)) {
           return null;
         }
@@ -5713,7 +5718,7 @@ Check the top-level render call using <` + t2 + ">.");
         };
         return React.cloneElement(child, childProps);
       })),
-      (fixed || safeArea) && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__safe-area` })
+      (fixed || safeArea) && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-safe-area` })
     );
   };
   Tabbar.defaultProps = defaultProps$1c;
@@ -6028,7 +6033,8 @@ Check the top-level render call using <` + t2 + ">.");
       item.selectedAddress = true;
       onSelect && onSelect(item);
     };
-    const onClick = () => {
+    const onClick = (e2) => {
+      e2.stopPropagation();
       onSwitch && onSwitch({ type: type2 === "exist" ? "custom" : "exist" });
     };
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("ul", { className: `${classPrefix2}-exist` }, existList.map((item, index) => {
@@ -6037,9 +6043,12 @@ Check the top-level render call using <` + t2 + ">.");
         {
           className: `${classPrefix2}-exist-item ${item.selectedAddress ? "active" : ""}`,
           key: index,
-          onClick: () => selectedExist(item)
+          onClick: (e2) => {
+            e2.stopPropagation();
+            selectedExist(item);
+          }
         },
-        item.selectedAddress ? /* @__PURE__ */ React.createElement(React.Fragment, null, React.isValidElement(selectIcon) ? selectIcon : /* @__PURE__ */ React.createElement(t$6, { color: "#FA2C19" })) : /* @__PURE__ */ React.createElement(React.Fragment, null, React.isValidElement(defaultIcon) ? defaultIcon : /* @__PURE__ */ React.createElement(n, null)),
+        item.selectedAddress ? /* @__PURE__ */ React.createElement(React.Fragment, null, React.isValidElement(selectIcon) ? selectIcon : /* @__PURE__ */ React.createElement(m$6, { color: "#FA2C19" })) : /* @__PURE__ */ React.createElement(React.Fragment, null, React.isValidElement(defaultIcon) ? defaultIcon : /* @__PURE__ */ React.createElement(n, null)),
         /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-exist-item-info` }, item.name && item.phone && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", null, item.name), /* @__PURE__ */ React.createElement("div", null, item.phone)), /* @__PURE__ */ React.createElement("div", null, item.provinceName + item.cityName + item.countyName + item.townName + item.addressDetail))
       );
     })), (custom || custom && locale.address.chooseAnotherAddress) && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer`, onClick }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer-btn` }, custom)));
@@ -6435,7 +6444,7 @@ Check the top-level render call using <` + t2 + ">.");
         classPrefix22
       );
       const classesTitle = classNames({
-        [`${classPrefix22}__title`]: true
+        [`${classPrefix22}-title`]: true
       });
       const renderIcon = () => {
         if (checked) {
@@ -6445,7 +6454,7 @@ Check the top-level render call using <` + t2 + ">.");
           return /* @__PURE__ */ React.createElement(
             e$6,
             {
-              className: `${checked ? `${classPrefix2}__icon-check` : ""}`
+              className: `${checked ? `${classPrefix2}-icon-check` : ""}`
             }
           );
         }
@@ -6462,13 +6471,7 @@ Check the top-level render call using <` + t2 + ">.");
           }
         },
         /* @__PURE__ */ React.createElement("div", { className: classesTitle }, node.text),
-        node.loading ? /* @__PURE__ */ React.createElement(
-          m$3,
-          {
-            color: "#969799",
-            className: "nut-cascader-item__icon-loading"
-          }
-        ) : renderIcon()
+        node.loading ? /* @__PURE__ */ React.createElement(m$3, { color: "#969799", className: "nut-cascader-item-icon-loading" }) : renderIcon()
       );
     };
     const renderTabs = () => {
@@ -8850,21 +8853,23 @@ Check the top-level render call using <` + t2 + ">.");
       }, 0);
     };
     const renderTitleBar = () => {
-      return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__control` }, /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-control` }, /* @__PURE__ */ React.createElement(
         "span",
         {
-          className: `${classPrefix2}__cancel-btn`,
+          className: `${classPrefix2}-cancel-btn`,
           onClick: (e2) => {
+            e2.stopPropagation();
             onCancel == null ? void 0 : onCancel();
             setInnerVisible(false);
           }
         },
         locale.cancel
-      ), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__title` }, title || ""), /* @__PURE__ */ React.createElement(
+      ), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-title` }, title || ""), /* @__PURE__ */ React.createElement(
         "span",
         {
-          className: `${classPrefix2}__confirm-btn`,
+          className: `${classPrefix2}-confirm-btn`,
           onClick: (e2) => {
+            e2.stopPropagation();
             confirm();
           }
         },
@@ -8910,7 +8915,7 @@ Check the top-level render call using <` + t2 + ">.");
           afterClose == null ? void 0 : afterClose(setSelectedOptions(), innerValue, pickerRef);
         }
       },
-      /* @__PURE__ */ React.createElement(components.View, { className: classes, style, ...rest, catchMove: true }, renderTitleBar(), typeof children !== "function" && children, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__panel`, ref: pickerRef }, Taro.getEnv() === "WEB" ? columnsList == null ? void 0 : columnsList.map((item, index) => {
+      /* @__PURE__ */ React.createElement(components.View, { className: classes, style, ...rest, catchMove: true }, renderTitleBar(), typeof children !== "function" && children, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-panel`, ref: pickerRef }, Taro.getEnv() === "WEB" ? columnsList == null ? void 0 : columnsList.map((item, index) => {
         return /* @__PURE__ */ React.createElement(
           PickerPanel$1,
           {
@@ -10682,6 +10687,7 @@ Check the top-level render call using <` + t2 + ">.");
       });
       __publicField(this, "onStoreChange", (type2) => {
         if (type2 === "reset") {
+          this.context.errors[this.props.name] = [];
           this.refresh();
         } else {
           this.forceUpdate();
@@ -10713,14 +10719,14 @@ Check the top-level render call using <` + t2 + ">.");
             style,
             onClick: (e2) => this.props.onClick && this.props.onClick(e2, this.componentRef)
           },
-          label ? /* @__PURE__ */ React.createElement("div", { className: "nut-cell-title nut-form-item__label" }, renderLabel) : null,
-          /* @__PURE__ */ React.createElement("div", { className: "nut-cell-value nut-form-item__body" }, /* @__PURE__ */ React.createElement("div", { className: "nut-form-item__body__slots" }, childNode), /* @__PURE__ */ React.createElement(
+          label ? /* @__PURE__ */ React.createElement("div", { className: "nut-cell-title nut-form-item-label" }, renderLabel) : null,
+          /* @__PURE__ */ React.createElement("div", { className: "nut-cell-value nut-form-item-body" }, /* @__PURE__ */ React.createElement("div", { className: "nut-form-item-body-slots" }, childNode), /* @__PURE__ */ React.createElement(
             "div",
             {
-              className: "nut-form-item__body__tips",
+              className: "nut-form-item-body-tips",
               style: {
                 textAlign: errorMessageAlign,
-                display: (item == null ? void 0 : item.length) ? "inherit" : "none"
+                display: (item == null ? void 0 : item.length) ? "initial" : "none"
               }
             },
             (_a = item == null ? void 0 : item[0]) == null ? void 0 : _a.message
@@ -11384,7 +11390,7 @@ Check the top-level render call using <` + t2 + ">.");
               }
             },
             item.value === innerValue ? /* @__PURE__ */ React.createElement(React.Fragment, null, icon || /* @__PURE__ */ React.createElement(
-              t$6,
+              m$6,
               {
                 color: activeColor,
                 size: 10,
@@ -11533,7 +11539,7 @@ Check the top-level render call using <` + t2 + ">.");
               }
             },
             /* @__PURE__ */ React.createElement("div", { className: "nut-menu-title-text" }, finallyTitle()),
-            icon || (direction === "up" ? /* @__PURE__ */ React.createElement(m$7, { className: "nut-menu-title-icon", size: 10 }) : /* @__PURE__ */ React.createElement(n$2, { className: "nut-menu-title-icon", size: 10 }))
+            icon || (direction === "up" ? /* @__PURE__ */ React.createElement(m$8, { className: "nut-menu-title-icon", size: "12px" }) : /* @__PURE__ */ React.createElement(n$2, { className: "nut-menu-title-icon", size: "12px" }))
           );
         }
         return null;
@@ -11675,6 +11681,7 @@ Check the top-level render call using <` + t2 + ">.");
         position: "bottom",
         onOverlayClick: onClose,
         onCloseIconClick: onClose,
+        zIndex: 9999,
         overlayStyle: { backgroundColor: "rgba(0, 0, 0, 0)" },
         ...rest
       },
@@ -11882,7 +11889,7 @@ Check the top-level render call using <` + t2 + ">.");
         return React.isValidElement(activeIcon2) ? React.cloneElement(activeIcon2, {
           ...activeIcon2.props,
           className: classNames(color())
-        }) : /* @__PURE__ */ React.createElement(m$6, { className: classNames(color()) });
+        }) : /* @__PURE__ */ React.createElement(m$7, { className: classNames(color()) });
       }
       return React.isValidElement(icon2) ? React.cloneElement(icon2, {
         ...icon2.props,
@@ -12308,8 +12315,8 @@ Check the top-level render call using <` + t2 + ">.");
           /* @__PURE__ */ React.createElement(
             "div",
             {
-              className: classNames(`${classPrefix2}-item__icon`, {
-                [`${classPrefix2}-item__icon--disabled`]: disabled || n2 > score
+              className: classNames(`${classPrefix2}-item-icon`, {
+                [`${classPrefix2}-item-icon-disabled`]: disabled || n2 > score
               })
             },
             renderIcon(n2)
@@ -12318,9 +12325,9 @@ Check the top-level render call using <` + t2 + ">.");
             "div",
             {
               className: classNames(
-                `${classPrefix2}-item__half`,
-                `${classPrefix2}-item__icon`,
-                `${classPrefix2}-item__icon--half`
+                `${classPrefix2}-item-half`,
+                `${classPrefix2}-item-icon`,
+                `${classPrefix2}-item-icon-half`
               ),
               onClick: (event) => onHalfClick(event, n2)
             },
@@ -12407,7 +12414,7 @@ Check the top-level render call using <` + t2 + ">.");
       return /* @__PURE__ */ React.createElement(
         "input",
         {
-          className: `${classPrefix2}__input ${clearable ? `${classPrefix2}__input-clear` : ""}`,
+          className: `${classPrefix2}-input ${clearable ? `${classPrefix2}-input-clear` : ""}`,
           ref: searchRef,
           style: { ...props.style },
           value: value || "",
@@ -12429,28 +12436,28 @@ Check the top-level render call using <` + t2 + ">.");
     const renderLeftIn = () => {
       if (!leftIn)
         return null;
-      return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__leftin ${classPrefix2}__icon` }, leftIn);
+      return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-leftin ${classPrefix2}-icon` }, leftIn);
     };
     const renderLeft = () => {
       if (!backable && !left2)
         return null;
-      return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__left` }, backable ? /* @__PURE__ */ React.createElement(a$4, { size: "20" }) : left2);
+      return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-left` }, backable ? /* @__PURE__ */ React.createElement(a$4, { size: "20" }) : left2);
     };
     const renderRightIn = () => {
       if (!rightIn)
         return null;
-      return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__rightin ${classPrefix2}__icon` }, rightIn);
+      return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-rightin ${classPrefix2}-icon` }, rightIn);
     };
     const renderRight = () => {
       if (!right2)
         return null;
-      return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__right` }, right2);
+      return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-right` }, right2);
     };
     const handleClear = () => {
       return /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: `${classPrefix2}__clear  ${classPrefix2}__icon`,
+          className: `${classPrefix2}-clear  ${classPrefix2}-icon`,
           onClick: (e2) => clearaVal(e2)
         },
         /* @__PURE__ */ React.createElement(e$3, { size: 20 })
@@ -12475,17 +12482,17 @@ Check the top-level render call using <` + t2 + ">.");
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: `${classPrefix2} ${disabled ? `${classPrefix2}__disabled` : ""}  ${className || ""}`,
+        className: `${classPrefix2} ${disabled ? `${classPrefix2}-disabled` : ""}  ${className || ""}`,
         style: { ...props.style }
       },
       renderLeft(),
       /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: `${classPrefix2}__content ${shape === "round" ? `${classPrefix2}__round` : ""}`
+          className: `${classPrefix2}-content ${shape === "round" ? `${classPrefix2}-round` : ""}`
         },
         renderLeftIn(),
-        /* @__PURE__ */ React.createElement("div", { className: "nut-searchbar__input-box" }, renderField()),
+        /* @__PURE__ */ React.createElement("div", { className: "nut-searchbar-input-box" }, renderField()),
         clearable && !value && renderRightIn(),
         clearable && value && handleClear()
       ),
@@ -12571,21 +12578,9 @@ Check the top-level render call using <` + t2 + ">.");
         onCloseIconClick: onClose,
         ...rest
       },
-      /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix2, className), style }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__title` }, title || locale.shortpassword.title), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__description` }, description || locale.shortpassword.description), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__input`, onClick: onFocus }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__input-site` }), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__input-fake` }, [...new Array(comLen).keys()].map((item, index) => {
-        return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__input-fake__li`, key: index }, inputValue.length > index && /* @__PURE__ */ React.createElement(React.Fragment, null, plain ? inputValue[index] : /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            className: `${classPrefix2}__input-fake__li__icon`
-          }
-        )));
-      }))), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__message` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__message__error` }, error), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__message__forget`, onClick: onTips }, tips || /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(a$2, { width: 11, height: 11, style: { marginRight: "3px" } }), locale.shortpassword.tips))), !hideFooter && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__footer` }, /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: `${classPrefix2}__footer__cancel`,
-          onClick: onCancel
-        },
-        locale.cancel
-      ), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__footer__sure`, onClick: sure }, locale.confirm)))
+      /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix2, className), style }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-title` }, title || locale.shortpassword.title), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-description` }, description || locale.shortpassword.description), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-input`, onClick: onFocus }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-input-site` }), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-input-fake` }, [...new Array(comLen).keys()].map((item, index) => {
+        return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-input-fake-li`, key: index }, inputValue.length > index && /* @__PURE__ */ React.createElement(React.Fragment, null, plain ? inputValue[index] : /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-input-fake-li-icon` })));
+      }))), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-message` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-message-error` }, error), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-message-forget`, onClick: onTips }, tips || /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(a$2, { width: 11, height: 11, style: { marginRight: "3px" } }), locale.shortpassword.tips))), !hideFooter && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer-cancel`, onClick: onCancel }, locale.cancel), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer-sure`, onClick: sure }, locale.confirm)))
     );
   };
   ShortPassword.defaultProps = defaultProps$O;
@@ -12730,7 +12725,7 @@ Check the top-level render call using <` + t2 + ">.");
     React.useEffect(() => {
       initCanvas();
     }, []);
-    return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2} ${className}`, ...rest }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__inner spcanvas_WEAPP`, ref: wrapRef }, Taro.getEnv() === "WEAPP" || Taro.getEnv() === "JD" ? /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2} ${className}`, ...rest }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-inner spcanvas_WEAPP`, ref: wrapRef }, Taro.getEnv() === "WEAPP" || Taro.getEnv() === "JD" ? /* @__PURE__ */ React.createElement(
       "canvas",
       {
         id: canvasId,
@@ -12882,7 +12877,7 @@ Check the top-level render call using <` + t2 + ">.");
         className: classNames(
           classPrefix2,
           {
-            [`${classPrefix2}__disabled`]: disabled
+            [`${classPrefix2}-disabled`]: disabled
           },
           className
         )
@@ -12901,7 +12896,7 @@ Check the top-level render call using <` + t2 + ">.");
               compositionRef.current = false;
             }
           },
-          className: `${classPrefix2}__textarea`,
+          className: `${classPrefix2}-textarea`,
           style: Taro.getEnv() === "WEB" ? void 0 : style,
           disabled: Taro.getEnv() === "WEB" ? disabled : disabled || readOnly,
           value: inputValue,
@@ -12914,7 +12909,7 @@ Check the top-level render call using <` + t2 + ">.");
           ...rest
         }
       ),
-      showCount && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__limit` }, inputValue.length, "/", maxLength < 0 ? 0 : maxLength)
+      showCount && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-limit` }, inputValue.length, "/", maxLength < 0 ? 0 : maxLength)
     );
   };
   TextArea.defaultProps = defaultProps$L;
@@ -13150,7 +13145,7 @@ Check the top-level render call using <` + t2 + ">.");
       children || /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: `${classPrefix2}-text__inner`,
+          className: `${classPrefix2}-text-inner`,
           style: {
             background: color
           }
@@ -13182,7 +13177,7 @@ Check the top-level render call using <` + t2 + ">.");
       return /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: `nut-uploader__preview ${previewType}`,
+          className: `nut-uploader-preview ${previewType}`,
           key: item.uid
         },
         previewType === "picture" && deletable && /* @__PURE__ */ React.createElement(
@@ -13193,10 +13188,10 @@ Check the top-level render call using <` + t2 + ">.");
             onClick: () => onDeleteItem(item, index)
           }
         ),
-        previewType === "picture" && !children && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader__preview-img" }, item.status === "ready" ? /* @__PURE__ */ React.createElement("div", { className: "nut-uploader__preview__progress" }, /* @__PURE__ */ React.createElement("div", { className: "nut-uploader__preview__progress__msg" }, item.message)) : item.status !== "success" && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader__preview__progress" }, renderIcon(item), /* @__PURE__ */ React.createElement("div", { className: "nut-uploader__preview__progress__msg" }, item.message)), ((_a = item.type) == null ? void 0 : _a.includes("image")) ? /* @__PURE__ */ React.createElement(React.Fragment, null, item.url && /* @__PURE__ */ React.createElement(
+        previewType === "picture" && !children && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-img" }, item.status === "ready" ? /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-progress" }, /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-progress-msg" }, item.message)) : item.status !== "success" && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-progress" }, renderIcon(item), /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-progress-msg" }, item.message)), ((_a = item.type) == null ? void 0 : _a.includes("image")) ? /* @__PURE__ */ React.createElement(React.Fragment, null, item.url && /* @__PURE__ */ React.createElement(
           components.Image,
           {
-            className: "nut-uploader__preview-img__c",
+            className: "nut-uploader-preview-img-c",
             style: { objectFit: "fill" },
             mode: "aspectFit",
             src: item.url,
@@ -13205,24 +13200,24 @@ Check the top-level render call using <` + t2 + ">.");
         )) : /* @__PURE__ */ React.createElement(React.Fragment, null, previewUrl ? /* @__PURE__ */ React.createElement(
           components.Image,
           {
-            className: "nut-uploader__preview-img__c",
+            className: "nut-uploader-preview-img-c",
             mode: "aspectFit",
             src: previewUrl,
             onClick: () => handleItemClick(item, index)
           }
-        ) : /* @__PURE__ */ React.createElement("div", { className: "nut-uploader__preview-img__file" }, /* @__PURE__ */ React.createElement(
+        ) : /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-img-file" }, /* @__PURE__ */ React.createElement(
           "div",
           {
             onClick: () => handleItemClick(item, index),
-            className: "nut-uploader__preview-img__file__name"
+            className: "nut-uploader-preview-img-file-name"
           },
           /* @__PURE__ */ React.createElement(t$2, { color: "#808080" }),
           /* @__PURE__ */ React.createElement("span", null, " ", item.name)
         ))), item.status === "success" ? /* @__PURE__ */ React.createElement("div", { className: "tips" }, item.name) : null),
-        previewType === "list" && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader__preview-list" }, /* @__PURE__ */ React.createElement(
+        previewType === "list" && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-list" }, /* @__PURE__ */ React.createElement(
           "div",
           {
-            className: `nut-uploader__preview-img__file__name ${item.status}`,
+            className: `nut-uploader-preview-img-file-name ${item.status}`,
             onClick: () => handleItemClick(item, index)
           },
           /* @__PURE__ */ React.createElement(t$2, null),
@@ -13231,7 +13226,7 @@ Check the top-level render call using <` + t2 + ">.");
           t$4,
           {
             color: "#808080",
-            className: "nut-uploader__preview-img__file__del",
+            className: "nut-uploader-preview-img-file-del",
             onClick: () => onDeleteItem(item, index)
           }
         ), item.status === "uploading" && /* @__PURE__ */ React.createElement(
@@ -13573,7 +13568,7 @@ Check the top-level render call using <` + t2 + ">.");
     const handleItemClick = (file, index) => {
       onFileItemClick == null ? void 0 : onFileItemClick(file, index);
     };
-    return /* @__PURE__ */ React.createElement("div", { className: classes, ...restProps }, (children || previewType === "list") && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader__slot" }, /* @__PURE__ */ React.createElement(React.Fragment, null, children || /* @__PURE__ */ React.createElement(Button$1, { size: "small", type: "primary" }, "上传文件"), maxCount > fileList.length && /* @__PURE__ */ React.createElement(Button$1, { className: "nut-uploader__input", onClick: _chooseImage }))), /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement("div", { className: classes, ...restProps }, (children || previewType === "list") && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-slot" }, /* @__PURE__ */ React.createElement(React.Fragment, null, children || /* @__PURE__ */ React.createElement(Button$1, { size: "small", type: "primary" }, "上传文件"), maxCount > fileList.length && /* @__PURE__ */ React.createElement(Button$1, { className: "nut-uploader-input", onClick: _chooseImage }))), /* @__PURE__ */ React.createElement(
       Preview,
       {
         ...{
@@ -13589,10 +13584,10 @@ Check the top-level render call using <` + t2 + ">.");
     ), maxCount > fileList.length && previewType === "picture" && !children && /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: `nut-uploader__upload ${previewType} ${disabled ? "nut-uploader__upload-disabled" : ""}`
+        className: `nut-uploader-upload ${previewType} ${disabled ? "nut-uploader-upload-disabled" : ""}`
       },
-      /* @__PURE__ */ React.createElement("div", { className: "nut-uploader__icon" }, uploadIcon, /* @__PURE__ */ React.createElement("span", { className: "nut-uploader__icon-tip" }, uploadLabel)),
-      /* @__PURE__ */ React.createElement(Button$1, { className: "nut-uploader__input", onClick: _chooseImage })
+      /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-icon" }, uploadIcon, /* @__PURE__ */ React.createElement("span", { className: "nut-uploader-icon-tip" }, uploadLabel)),
+      /* @__PURE__ */ React.createElement(Button$1, { className: "nut-uploader-input", onClick: _chooseImage })
     ));
   };
   const Uploader = React.forwardRef(InternalUploader);
@@ -13647,21 +13642,21 @@ Check the top-level render call using <` + t2 + ">.");
           onCancel && onCancel();
         }
       },
-      /* @__PURE__ */ React.createElement("div", { className: `${className}`, style }, options.length ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__list` }, options.map((item, index) => {
+      /* @__PURE__ */ React.createElement("div", { className: `${className}`, style }, options.length ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-list` }, options.map((item, index) => {
         return /* @__PURE__ */ React.createElement(
           "div",
           {
-            className: `${classPrefix2}__item ${item.disabled ? "disabled" : ""} ${item.danger ? "danger" : ""}`,
+            className: `${classPrefix2}-item ${item.disabled ? "disabled" : ""} ${item.danger ? "danger" : ""}`,
             key: index,
             onClick: () => chooseItem(item, index)
           },
           item[optionKey.name],
-          /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__item-description` }, item[optionKey.description])
+          /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-item-description` }, item[optionKey.description])
         );
       })) : children, cancelText && /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: `${classPrefix2}__cancel`,
+          className: `${classPrefix2}-cancel`,
           onClick: () => cancelActionSheet()
         },
         cancelText
@@ -13674,13 +13669,13 @@ Check the top-level render call using <` + t2 + ">.");
     const { visible, title, header, footer, footerDirection, onClick, children } = props;
     const classPrefix2 = "nut-dialog";
     const renderHeader = () => {
-      return title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__header` }, title) : null;
+      return title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-header` }, title) : null;
     };
     const renderFooter = () => {
       return footer ? /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: classNames(`${classPrefix2}__footer`, {
+          className: classNames(`${classPrefix2}-footer`, {
             [footerDirection]: footerDirection
           })
         },
@@ -13693,7 +13688,7 @@ Check the top-level render call using <` + t2 + ">.");
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: classNames(`${classPrefix2}__outer`, props.className),
+        className: classNames(`${classPrefix2}-outer`, props.className),
         style: props.style,
         onClick: (e2) => handleClick(e2)
       },
@@ -13705,7 +13700,7 @@ Check the top-level render call using <` + t2 + ">.");
           style: { display: visible ? "flex" : "none" }
         },
         renderHeader(),
-        /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__content` }, /* @__PURE__ */ React.createElement(React.Fragment, null, children)),
+        /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-content` }, /* @__PURE__ */ React.createElement(React.Fragment, null, children)),
         renderFooter()
       )
     );
@@ -13833,7 +13828,7 @@ Check the top-level render call using <` + t2 + ">.");
         Button$1,
         {
           type: "default",
-          className: `${classPrefix2}__footer-cancel`,
+          className: `${classPrefix2}-footer-cancel`,
           onClick: (e2) => handleCancel(e2)
         },
         cancelText || locale.cancel
@@ -13841,7 +13836,7 @@ Check the top-level render call using <` + t2 + ">.");
         Button$1,
         {
           type: "primary",
-          className: classNames(`${classPrefix2}__footer-ok`, {
+          className: classNames(`${classPrefix2}-footer-ok`, {
             disabled: disableConfirmButton
           }),
           disabled: disableConfirmButton,
@@ -14773,15 +14768,15 @@ Check the top-level render call using <` + t2 + ">.");
           type: nativeType,
           className: classNames(
             prefixCls,
-            `${prefixCls}--${type2}`,
-            props.fill ? `${prefixCls}--${fill}` : null,
-            children ? "" : `${prefixCls}--icononly`,
+            `${prefixCls}-${type2}`,
+            props.fill ? `${prefixCls}-${fill}` : null,
+            children ? "" : `${prefixCls}-icononly`,
             {
-              [`${prefixCls}--${size}`]: size,
-              [`${prefixCls}--${shape}`]: shape,
-              [`${prefixCls}--block`]: block,
-              [`${prefixCls}--disabled`]: disabled,
-              [`${prefixCls}--loading`]: loading
+              [`${prefixCls}-${size}`]: size,
+              [`${prefixCls}-${shape}`]: shape,
+              [`${prefixCls}-block`]: block,
+              [`${prefixCls}-disabled`]: disabled,
+              [`${prefixCls}-loading`]: loading
             },
             className
           ),
@@ -15000,7 +14995,7 @@ Check the top-level render call using <` + t2 + ">.");
       },
       /* @__PURE__ */ React.createElement("div", { className: "nut-infinite-top", ref: refreshTop, style: getStyle() }, /* @__PURE__ */ React.createElement("div", { className: "top-box" }, pullingText || locale.infiniteloading.pullRefreshText)),
       /* @__PURE__ */ React.createElement("div", { className: "nut-infinite-container" }, children),
-      /* @__PURE__ */ React.createElement("div", { className: "nut-infinite-bottom" }, isInfiniting ? /* @__PURE__ */ React.createElement("div", { className: "bottom-box" }, loadingText || locale.infiniteloading.loadText) : !hasMore && /* @__PURE__ */ React.createElement("div", { className: "tips" }, loadMoreText || locale.infiniteloading.loadMoreText))
+      /* @__PURE__ */ React.createElement("div", { className: "nut-infinite-bottom" }, isInfiniting ? /* @__PURE__ */ React.createElement("div", { className: "bottom-box" }, loadingText || locale.infiniteloading.loadText) : !hasMore && /* @__PURE__ */ React.createElement("div", { className: "bottom-box" }, loadMoreText || locale.infiniteloading.loadMoreText))
     );
   };
   InfiniteLoading.defaultProps = defaultProps$D;
@@ -15370,26 +15365,24 @@ Check the top-level render call using <` + t2 + ">.");
     };
     const noticebarClass = classNames({
       "nut-noticebar-box": true,
-      withicon: closeable,
-      close: closeable,
-      wrapable: wrap
+      [`nut-noticebar-box-wrapable`]: wrap
     });
     React.useEffect(() => {
       return () => {
         stopAutoPlay();
       };
     }, []);
-    return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2} ${className || ""}`, style }, showNoticeBar && direction === "horizontal" ? /* @__PURE__ */ React.createElement("div", { className: noticebarClass, style: barStyle, onClick: handleClick }, leftIcon ? /* @__PURE__ */ React.createElement("div", { className: "left-icon" }, leftIcon) : null, /* @__PURE__ */ React.createElement("div", { ref: wrapRef, className: "wrap" }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2} ${className || ""}`, style }, showNoticeBar && direction === "horizontal" ? /* @__PURE__ */ React.createElement("div", { className: noticebarClass, style: barStyle, onClick: handleClick }, leftIcon ? /* @__PURE__ */ React.createElement("div", { className: "nut-noticebar-box-left-icon" }, leftIcon) : null, /* @__PURE__ */ React.createElement("div", { ref: wrapRef, className: "nut-noticebar-box-wrap" }, /* @__PURE__ */ React.createElement(
       "div",
       {
         ref: contentRef,
-        className: `content ${animationClass} ${isEllipsis() ? "nut-ellipsis" : ""}`,
+        className: `nut-noticebar-box-wrap-content ${animationClass} ${isEllipsis() ? "nut-ellipsis" : ""}`,
         style: contentStyle,
         onAnimationEnd
       },
       children,
       content
-    )), closeable || rightIcon ? /* @__PURE__ */ React.createElement("div", { className: "right-icon", onClick: onClickIcon }, rightIcon || /* @__PURE__ */ React.createElement(t$5, { size: 12 })) : null) : null, showNoticeBar && scrollList.current.length > 0 && isVertical ? /* @__PURE__ */ React.createElement(
+    )), closeable || rightIcon ? /* @__PURE__ */ React.createElement("div", { className: "nut-noticebar-box-right-icon", onClick: onClickIcon }, rightIcon || /* @__PURE__ */ React.createElement(t$5, { size: 12 })) : null) : null, showNoticeBar && scrollList.current.length > 0 && isVertical ? /* @__PURE__ */ React.createElement(
       "div",
       {
         className: "nut-noticebar-vertical",
@@ -15397,12 +15390,11 @@ Check the top-level render call using <` + t2 + ">.");
         ref: container,
         onClick: handleClick
       },
-      leftIcon ? /* @__PURE__ */ React.createElement("div", { className: "left-icon" }, leftIcon) : null,
-      children ? /* @__PURE__ */ React.createElement("div", { className: "nut-noticebar__inner", ref: innerRef }, scrollList.current.map((item, index) => {
+      leftIcon ? /* @__PURE__ */ React.createElement("div", { className: "nut-noticebar-box-left-icon" }, leftIcon) : null,
+      children ? /* @__PURE__ */ React.createElement("div", { className: "nut-noticebar-box-wrap", ref: innerRef }, scrollList.current.map((item, index) => {
         return /* @__PURE__ */ React.createElement(
           "div",
           {
-            className: "scroll-inner ",
             style: itemStyle(index),
             key: index,
             onClick: (e2) => {
@@ -15411,27 +15403,34 @@ Check the top-level render call using <` + t2 + ">.");
           },
           item
         );
-      })) : /* @__PURE__ */ React.createElement("div", { className: "horseLamp-list", style: horseLampStyle }, scrollList.current.map((item, index) => {
-        return (
-          // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
-          /* @__PURE__ */ React.createElement(
-            "div",
-            {
-              className: "horseLamp-list-item",
-              style: { height },
-              key: index,
-              onClick: (e2) => {
-                handleItemClick(e2, item);
-              }
-            },
-            item
-          )
-        );
-      })),
+      })) : /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: "nut-noticebar-box-horseLamp-list",
+          style: horseLampStyle
+        },
+        scrollList.current.map((item, index) => {
+          return (
+            // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+            /* @__PURE__ */ React.createElement(
+              "div",
+              {
+                className: "nut-noticebar-box-horseLamp-list-item",
+                style: { height },
+                key: index,
+                onClick: (e2) => {
+                  handleItemClick(e2, item);
+                }
+              },
+              item
+            )
+          );
+        })
+      ),
       /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: "go",
+          className: "nut-noticebar-box-right-icon",
           onClick: (e2) => {
             handleClickIcon(e2);
           }
@@ -15504,10 +15503,10 @@ Check the top-level render call using <` + t2 + ">.");
       onClose();
     };
     const classes = classNames({
-      [`${classPrefix$d}--popup-top`]: position === "top",
-      [`${classPrefix$d}--popup-bottom`]: position === "bottom",
+      [`${classPrefix$d}-popup-top`]: position === "top",
+      [`${classPrefix$d}-popup-bottom`]: position === "bottom",
       [`${classPrefix$d}`]: true,
-      [`${classPrefix$d}--${type2}`]: true
+      [`${classPrefix$d}-${type2}`]: true
     });
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
       CSSTransition$1,
@@ -15657,7 +15656,7 @@ Check the top-level render call using <` + t2 + ">.");
       const prefixCls2 = "nut-popover-arrow";
       const loca = location;
       const direction = loca.split("-")[0];
-      return `${prefixCls2} ${prefixCls2}-${direction} ${prefixCls2}--${loca}`;
+      return `${prefixCls2} ${prefixCls2}-${direction} ${prefixCls2}-${loca}`;
     };
     const getRootPosition = () => {
       const styles = {};
@@ -15770,7 +15769,7 @@ Check the top-level render call using <` + t2 + ">.");
     ), /* @__PURE__ */ React.createElement("div", { className: classes, style: getRootPosition() }, /* @__PURE__ */ React.createElement(
       Popup,
       {
-        className: `nut-popover-content nut-popover-content--${location}`,
+        className: `nut-popover-content nut-popover-content-${location}`,
         position: "default",
         overlay,
         visible: showPopup,
@@ -16173,7 +16172,7 @@ Check the top-level render call using <` + t2 + ">.");
     const classes = classNames(classPrefix2, className);
     const avatarClass = classNames({
       avatar: true,
-      [`avatar--${avatarShape}`]: avatarShape
+      [`avatar-${avatarShape}`]: avatarShape
     });
     const repeatLines = (num) => {
       return Array.from({ length: num }, (v, i) => i);
@@ -16190,7 +16189,7 @@ Check the top-level render call using <` + t2 + ">.");
         height: "50px"
       };
     };
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, visible ? /* @__PURE__ */ React.createElement("div", null, children) : /* @__PURE__ */ React.createElement("div", { className: classes, ...rest }, animated && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__animation` }), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__content` }, avatar && /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, visible ? /* @__PURE__ */ React.createElement("div", null, children) : /* @__PURE__ */ React.createElement("div", { className: classes, ...rest }, animated && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-animation` }), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-content` }, avatar && /* @__PURE__ */ React.createElement(
       Avatar,
       {
         className: avatarClass,
@@ -16199,8 +16198,8 @@ Check the top-level render call using <` + t2 + ">.");
         style: getStyle(),
         icon: "null"
       }
-    ), rows === 1 ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__block` }) : /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__content-line` }, title && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__title` }), repeatLines(rows).map((item, index) => {
-      return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__block`, key: index });
+    ), rows === 1 ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-block` }) : /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-content-line` }, title && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-title` }), repeatLines(rows).map((item, index) => {
+      return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-block`, key: index });
     })))));
   };
   Skeleton.defaultProps = defaultProps$v;
@@ -16523,7 +16522,7 @@ Check the top-level render call using <` + t2 + ">.");
       {
         visible: innerVisible,
         style,
-        className: `${classPrefix$9}__overlay-default ${className}`,
+        className: `${classPrefix$9}-overlay-default ${className}`,
         closeOnOverlayClick,
         lockScroll,
         onClick: () => {
@@ -16533,10 +16532,10 @@ Check the top-level render call using <` + t2 + ">.");
       /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$9} ${classes}`, id }, /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: `${classPrefix$9}__inner ${classPrefix$9}-${position} ${contentClassName} ${wordBreak}`,
+          className: `${classPrefix$9}-inner ${classPrefix$9}-${position} ${contentClassName} ${wordBreak}`,
           style: contentStyle
         },
-        hasIcon() ? /* @__PURE__ */ React.createElement("p", { className: `${classPrefix$9}__icon-wrapper` }, iconName()) : null,
+        hasIcon() ? /* @__PURE__ */ React.createElement("p", { className: `${classPrefix$9}-icon-wrapper` }, iconName()) : null,
         title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$9}-title` }, title) : null,
         /* @__PURE__ */ React.createElement("span", { className: `${classPrefix$9}-text` }, msg)
       ))
@@ -16625,7 +16624,7 @@ Check the top-level render call using <` + t2 + ">.");
     const isLoaded = React.useRef(false);
     const setNumberTransform = () => {
       if (countupRef.current && numerArr.length) {
-        Taro.createSelectorQuery().selectAll(".nut-countup__listitem").node((numberItems) => {
+        Taro.createSelectorQuery().selectAll(".nut-countup-listitem").node((numberItems) => {
           const transformArrCache = [];
           Object.keys(numberItems).forEach((key) => {
             const elem = numberItems[Number(key)];
@@ -16661,23 +16660,23 @@ Check the top-level render call using <` + t2 + ">.");
         window.clearTimeout(timerRef.current);
       };
     }, [value]);
-    return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2} ${className}`, ref: countupRef }, /* @__PURE__ */ React.createElement("ul", { className: `${classPrefix2}__list` }, numerArr.map((item, idx) => {
+    return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2} ${className}`, ref: countupRef }, /* @__PURE__ */ React.createElement("ul", { className: `${classPrefix2}-list` }, numerArr.map((item, idx) => {
       return /* @__PURE__ */ React.createElement(
         "li",
         {
-          className: `${classPrefix2}__listitem ${!Number.isNaN(Number(item)) ? `${classPrefix2}__listitem--number` : ""}`,
+          className: `${classPrefix2}-listitem ${!Number.isNaN(Number(item)) ? `${classPrefix2}-listitem-number` : ""}`,
           key: idx
         },
         !Number.isNaN(Number(item)) ? /* @__PURE__ */ React.createElement(
           "span",
           {
-            className: `${classPrefix2}__number`,
+            className: `${classPrefix2}-number`,
             style: numberEaseStyle(idx)
           },
           [...numbers, ...numbers].map((number2, subidx) => {
             return /* @__PURE__ */ React.createElement("span", { key: subidx }, number2);
           })
-        ) : /* @__PURE__ */ React.createElement("span", { className: `${classPrefix2}__separator` }, item)
+        ) : /* @__PURE__ */ React.createElement("span", { className: `${classPrefix2}-separator` }, item)
       );
     })));
   };
@@ -16832,17 +16831,17 @@ Check the top-level render call using <` + t2 + ">.");
       }
     };
     const renderIcon = () => {
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__icon` }, /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-icon` }, /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: `${classPrefix2}__icon-box} ${playing ? `${classPrefix2}__icon-play}` : `${classPrefix2}__icon-stop}`}`,
+          className: `${classPrefix2}-icon-box} ${playing ? `${classPrefix2}-icon-play}` : `${classPrefix2}-icon-stop}`}`,
           onClick: handleStatusChange
         },
         /* @__PURE__ */ React.createElement(m$1, { className: playing ? "nut-icon-loading" : "" })
       )));
     };
     const renderProgerss = () => {
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__progress` }, /* @__PURE__ */ React.createElement("div", { className: "time" }, currentDuration), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__progress-bar-wrapper` }, /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-progress` }, /* @__PURE__ */ React.createElement("div", { className: "time" }, currentDuration), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-progress-bar-wrapper` }, /* @__PURE__ */ React.createElement(
         Range,
         {
           value: percent,
@@ -16885,7 +16884,7 @@ Check the top-level render call using <` + t2 + ">.");
       return /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: `${classPrefix2}__none-container`,
+          className: `${classPrefix2}-none-container`,
           onClick: handleStatusChange
         },
         children
@@ -17062,7 +17061,7 @@ Check the top-level render call using <` + t2 + ">.");
     const wrapperRef = React.useRef(null);
     const contentRef = React.useRef(null);
     const [refRandomId] = React.useState(() => Math.random().toString(36).slice(-8));
-    const target = `#nut-collapse__content-${refRandomId}`;
+    const target = `#nut-collapse-content-${refRandomId}`;
     const expanded = React.useMemo(() => {
       if (context) {
         return context.isOpen(name);
@@ -17139,16 +17138,16 @@ Check the top-level render call using <` + t2 + ">.");
     return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix2, className), style, ...rest }, /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: classNames(`${classPrefix2}__header`, { disabled }),
+        className: classNames(`${classPrefix2}-header`, { disabled }),
         onClick: handleClick
       },
-      /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__title` }, title),
-      /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__extra` }, extra),
-      /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__icon-box` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__icon`, style: iconStyle }, expandIcon || context.expandIcon))
+      /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-title` }, title),
+      /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-extra` }, extra),
+      /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-icon-box` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-icon`, style: iconStyle }, expandIcon || context.expandIcon))
     ), /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: `${classPrefix2}__content`,
+        className: `${classPrefix2}-content`,
         ref: wrapperRef,
         style: {
           willChange: "height",
@@ -17159,8 +17158,8 @@ Check the top-level render call using <` + t2 + ">.");
         "div",
         {
           ref: contentRef,
-          className: `${classPrefix2}__content-text`,
-          id: `nut-collapse__content-${refRandomId}`
+          className: `${classPrefix2}-content-text`,
+          id: `nut-collapse-content-${refRandomId}`
         },
         children
       )
@@ -17481,7 +17480,7 @@ Check the top-level render call using <` + t2 + ">.");
       children || /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: `${classPrefix2}__block`,
+          className: `${classPrefix2}-block`,
           dangerouslySetInnerHTML: {
             __html: `${renderTime}`
           }
@@ -17880,8 +17879,8 @@ Check the top-level render call using <` + t2 + ">.");
           "div",
           {
             className: classNames({
-              [`${classPrefix$4}__indicator`]: true,
-              [`${classPrefix$4}__indicator-vertical`]: direction === "vertical"
+              [`${classPrefix$4}-indicator`]: true,
+              [`${classPrefix$4}-indicator-vertical`]: direction === "vertical"
             })
           },
           /* @__PURE__ */ React.createElement(
@@ -17932,7 +17931,7 @@ Check the top-level render call using <` + t2 + ">.");
       /* @__PURE__ */ React.createElement(
         components.View,
         {
-          className: "nut-swiper__inner",
+          className: "nut-swiper-inner",
           style: {
             width: !width ? "100%" : pxCheck(width),
             height: !height ? "150px" : pxCheck(height)
@@ -18306,19 +18305,19 @@ Check the top-level render call using <` + t2 + ">.");
       "div",
       {
         className: classNames(
-          `${classPrefix2}__prev`,
+          `${classPrefix2}-prev`,
           mode === "multi" ? "" : "simple-border",
           currentPage === 1 ? "disabled" : ""
         ),
         onClick: (e2) => handleSelectPage(currentPage - 1)
       },
       prev || locale.pagination.prev
-    ), mode === "multi" && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__contain` }, pages.map((item, index) => {
+    ), mode === "multi" && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-contain` }, pages.map((item, index) => {
       return /* @__PURE__ */ React.createElement(
         "div",
         {
           key: `${index}pagination`,
-          className: classNames(`${classPrefix2}__item`, {
+          className: classNames(`${classPrefix2}-item`, {
             active: item.number === currentPage
           }),
           onClick: (e2) => {
@@ -18327,11 +18326,11 @@ Check the top-level render call using <` + t2 + ">.");
         },
         itemRender ? itemRender(item) : item.text
       );
-    })), mode === "simple" && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__contain` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__simple` }, currentPage, "/", pageCount)), /* @__PURE__ */ React.createElement(
+    })), mode === "simple" && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-contain` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-simple` }, currentPage, "/", pageCount)), /* @__PURE__ */ React.createElement(
       "div",
       {
         className: classNames(
-          `${classPrefix2}__next`,
+          `${classPrefix2}-next`,
           currentPage >= pageCount ? "disabled" : ""
         ),
         onClick: (e2) => handleSelectPage(currentPage + 1)
@@ -18416,7 +18415,7 @@ Check the top-level render call using <` + t2 + ">.");
       return /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: `${classPrefix2}__symbol ${classPrefix2}__symbol-${size}`,
+          className: `${classPrefix2}-symbol ${classPrefix2}-symbol-${size}`,
           dangerouslySetInnerHTML: showSymbol()
         }
       );
@@ -18424,32 +18423,20 @@ Check the top-level render call using <` + t2 + ">.");
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: `${classPrefix2} ${line ? `${classPrefix2}--line` : ""} ${className}`,
+        className: `${classPrefix2} ${line ? `${classPrefix2}-line` : ""} ${className}`,
         style,
         ...rest
       },
       symbol && position === "before" ? renderSymbol() : null,
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: `${classPrefix2}__integer ${classPrefix2}__integer-${size}`
-        },
-        formatThousands(price)
-      ),
+      /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-integer ${classPrefix2}-integer-${size}` }, formatThousands(price)),
       digits !== 0 ? /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: `${classPrefix2}__decimal ${classPrefix2}__decimal-${size}`
+          className: `${classPrefix2}-decimal ${classPrefix2}-decimal-${size}`
         },
         "."
       ) : null,
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: `${classPrefix2}__decimal ${classPrefix2}__decimal-${size}`
-        },
-        formatDecimal(price)
-      ),
+      /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-decimal ${classPrefix2}-decimal-${size}` }, formatDecimal(price)),
       symbol && position === "after" ? renderSymbol() : null
     );
   };
@@ -18581,8 +18568,8 @@ Check the top-level render call using <` + t2 + ">.");
       setValue(data);
     }, [data]);
     const classPrefix2 = "nut-table";
-    const headerClassPrefix = `${classPrefix2}__main__head__tr`;
-    const bodyClassPrefix = `${classPrefix2}__main__body__tr`;
+    const headerClassPrefix = `${classPrefix2}-main-head-tr`;
+    const bodyClassPrefix = `${classPrefix2}-main-body-tr`;
     const cls = classNames(classPrefix2, className);
     const handleSorterClick = (item) => {
       if (item.sorter && !sortedMapping.current[item.key]) {
@@ -18602,8 +18589,8 @@ Check the top-level render call using <` + t2 + ">.");
     };
     const cellClasses = (item) => {
       return {
-        [`${headerClassPrefix}--border`]: props.bordered,
-        [`${headerClassPrefix}--align${item.align ? item.align : ""}`]: true
+        [`${headerClassPrefix}-border`]: props.bordered,
+        [`${headerClassPrefix}-align${item.align ? item.align : ""}`]: true
       };
     };
     const getColumnItem = (value) => {
@@ -18614,7 +18601,7 @@ Check the top-level render call using <` + t2 + ">.");
         return /* @__PURE__ */ React.createElement(
           "span",
           {
-            className: classNames(`${headerClassPrefix}__th`, cellClasses(item)),
+            className: classNames(`${headerClassPrefix}-th`, cellClasses(item)),
             key: item.key,
             onClick: () => handleSorterClick(item)
           },
@@ -18635,7 +18622,7 @@ Check the top-level render call using <` + t2 + ">.");
           "span",
           {
             className: classNames(
-              `${bodyClassPrefix}__td`,
+              `${bodyClassPrefix}-td`,
               cellClasses(getColumnItem(value))
             ),
             key: value
@@ -18652,13 +18639,13 @@ Check the top-level render call using <` + t2 + ">.");
     return /* @__PURE__ */ React.createElement("div", { className: cls, style, ...rest }, /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: classNames(`${classPrefix2}__main`, {
-          [`${classPrefix2}__main--striped`]: striped
+        className: classNames(`${classPrefix2}-main`, {
+          [`${classPrefix2}-main-striped`]: striped
         })
       },
-      showHeader && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__main__head` }, /* @__PURE__ */ React.createElement("div", { className: headerClassPrefix }, renderHeadCells())),
-      /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__main__body` }, renderBoyTrs())
-    ), (summary || innerValue.length === 0) && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__summary` }, summary || noData));
+      showHeader && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-main-head` }, /* @__PURE__ */ React.createElement("div", { className: headerClassPrefix }, renderHeadCells())),
+      /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-main-body` }, renderBoyTrs())
+    ), (summary || innerValue.length === 0) && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-summary` }, summary || noData));
   };
   Table.defaultProps = defaultProps$b;
   Table.displayName = "NutTable";
@@ -18700,11 +18687,11 @@ Check the top-level render call using <` + t2 + ">.");
     const classPrefix2 = "nut-tag";
     const classes = classNames({
       [classPrefix2]: true,
-      [`${classPrefix2}--${type2}`]: type2,
-      [`${classPrefix2}--plain`]: plain,
-      [`${classPrefix2}--round`]: round,
-      [`${classPrefix2}--mark`]: mark,
-      [`${classPrefix2}--close`]: closeable,
+      [`${classPrefix2}-${type2}`]: type2,
+      [`${classPrefix2}-plain`]: plain,
+      [`${classPrefix2}-round`]: round,
+      [`${classPrefix2}-mark`]: mark,
+      [`${classPrefix2}-close`]: closeable,
       [`${className}`]: className
     });
     const handleClick = (e2) => {
@@ -19277,7 +19264,7 @@ Check the top-level render call using <` + t2 + ">.");
     const classes = classNames(
       classPrefix$1,
       {
-        [`${classPrefix$1}__body${timeId.current}`]: true
+        [`${classPrefix$1}-body${timeId.current}`]: true
       },
       className
     );
@@ -19304,10 +19291,10 @@ Check the top-level render call using <` + t2 + ">.");
       const query = Taro.createSelectorQuery();
       setTimeout(() => {
         let width = 100;
-        query.select(`.${classPrefix$1}__body${timeId.current}`).boundingClientRect((rec) => {
+        query.select(`.${classPrefix$1}-body${timeId.current}`).boundingClientRect((rec) => {
           width = rec.width || 300;
         });
-        query.select(`.${classPrefix$1}__item${index}`).boundingClientRect((recs) => {
+        query.select(`.${classPrefix$1}-item${index}`).boundingClientRect((recs) => {
           const height = recs.height;
           const nodeTop = `${index % rows * (height + gapY) + 20}px`;
           styleInfo(index, nodeTop, width);
@@ -19333,7 +19320,7 @@ Check the top-level render call using <` + t2 + ">.");
       return /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: `barrage-item ${classPrefix$1}__item${index} move`,
+          className: `barrage-item ${classPrefix$1}-item${index} move`,
           style: styleList[index],
           key: index
         },
@@ -19436,7 +19423,7 @@ Check the top-level render call using <` + t2 + ">.");
     return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix2, className) }, timeList[optionKey.childrenKey].map((item) => /* @__PURE__ */ React.createElement(
       "span",
       {
-        className: classNames(`${classPrefix2}__item`, {
+        className: classNames(`${classPrefix2}-item`, {
           active: isActive(item[optionKey.valueKey])
         }),
         key: item[optionKey.valueKey],
@@ -19561,7 +19548,7 @@ Check the top-level render call using <` + t2 + ">.");
         onClose: closeFun,
         ...rest
       },
-      /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix2, className) }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__content` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__content-left` }, options.map((item) => /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix2, className) }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-content` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-content-left` }, options.map((item) => /* @__PURE__ */ React.createElement(
         "div",
         {
           key: item[optionKey.valueKey],