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

package/dist/esm/nutui-react.es.js

@@ -1,99 +1,99 @@
-import { B } from "./button.taro-5wKLCcpf.js";
+import { B } from "./button.taro-kZJrygfW.js";
 import { C } from "./cell.taro-jD6MoFTj.js";
 import { C as C2 } from "./cellgroup.taro-08A3XAze.js";
 import { C as C3 } from "./configprovider.taro-_wngOo0k.js";
 import { I } from "./image.taro-FfeikBlO.js";
 import { O } from "./overlay.taro-Iqz9hm-3.js";
 import { C as C4 } from "./col.taro-5FMpttLE.js";
-import { D } from "./divider.taro-BTFED42F.js";
-import { G } from "./grid.taro-sQueliqS.js";
-import { G as G2 } from "./griditem.taro-PbZrfD58.js";
+import { D } from "./divider.taro-H5fKry4P.js";
+import { G } from "./grid.taro-Hc4q01A_.js";
+import { G as G2 } from "./griditem.taro-RdNA-Wqv.js";
 import { L } from "./layout.taro-lnN-wB0Y.js";
 import { R } from "./row.taro-IxNlKKQM.js";
 import { S } from "./space.taro-q3R_yq79.js";
-import { S as S2 } from "./sticky.taro-tOS_Ez6U.js";
+import { S as S2 } from "./sticky.taro-MmKUU2Wv.js";
 import { S as S3 } from "./safearea.taro-afu_mY7g.js";
-import { B as B2 } from "./backtop.taro-XH0lVUOf.js";
-import { E } from "./elevator.taro-hYAvey0f.js";
+import { B as B2 } from "./backtop.taro-Y3vOJiXq.js";
+import { E } from "./elevator.taro-2nbUM3vH.js";
 import { F } from "./fixednav.taro-Y7yk8THh.js";
 import { N } from "./navbar.taro-v0VHQWR4.js";
-import { S as S4 } from "./sidenavbar.taro-ql4QEbJR.js";
-import { S as S5 } from "./sidenavbaritem.taro-TQ2PoDgR.js";
-import { S as S6 } from "./subsidenavbar.taro-2qABjgZD.js";
-import { T } from "./tabbar.taro-NpHMO2Nw.js";
-import { T as T2 } from "./tabbaritem.taro-L63nEc64.js";
+import { S as S4 } from "./sidenavbar.taro-jJvAbDgx.js";
+import { S as S5 } from "./sidenavbaritem.taro-AxJNRAdi.js";
+import { S as S6 } from "./subsidenavbar.taro-Zy52MDDG.js";
+import { T } from "./tabbar.taro-lM7-vxOz.js";
+import { T as T2 } from "./tabbaritem.taro-Q5uY6b9_.js";
 import { T as T3 } from "./tabpane.taro-5k7wWimS.js";
-import { T as T4 } from "./tabs.taro-Nk8l2XgP.js";
-import { A } from "./address.taro-nO-_ydoA.js";
-import { C as C5 } from "./calendar.taro-uEiqRsaN.js";
+import { T as T4 } from "./tabs.taro-HezOZhRs.js";
+import { A } from "./address.taro-0oHDMjvi.js";
+import { C as C5 } from "./calendar.taro-UTNDbfde.js";
 import { C as C6 } from "./calendaritem.taro-22chQZnN.js";
 import { C as C7 } from "./calendarcard.taro-QStCLFET.js";
-import { C as C8 } from "./cascader.taro-jO6lnNxx.js";
+import { C as C8 } from "./cascader.taro-TXNqGqoz.js";
 import { C as C9, a } from "./checkbox.taro-doAmyAh6.js";
-import { D as D2 } from "./datepicker.taro-9itGFPcO.js";
+import { D as D2 } from "./datepicker.taro-XBRswbnv.js";
 import { default as default2 } from "./Form.js";
-import { F as F2 } from "./formitem.taro-3OafV3pq.js";
+import { F as F2 } from "./formitem.taro-4ofczzxA.js";
 import { I as I2 } from "./input.taro-8gs046AH.js";
 import { I as I3 } from "./inputnumber.taro-XcwIk4rB.js";
-import { M } from "./menu.taro-R4u8Phdo.js";
+import { M } from "./menu.taro-EytwZPzh.js";
 import { M as M2 } from "./menuitem.taro-nLVATeRi.js";
-import { N as N2 } from "./numberkeyboard.taro-QCdTmzbs.js";
-import { P } from "./picker.taro-LLmgNrcx.js";
+import { N as N2 } from "./numberkeyboard.taro-5LPPRBFw.js";
+import { P } from "./picker.taro-77giqVEH.js";
 import { R as R2, a as a2 } from "./radio.taro-mZvB2wwi.js";
 import { R as R3 } from "./range.taro-708Gnv2w.js";
-import { R as R4 } from "./rate.taro-8VBdo9ip.js";
-import { S as S7 } from "./searchbar.taro-FsmNZ2Dx.js";
-import { S as S8 } from "./shortpassword.taro-ag7hvctn.js";
-import { S as S9 } from "./signature.taro-VciVow8A.js";
+import { R as R4 } from "./rate.taro-ZkOVGSDs.js";
+import { S as S7 } from "./searchbar.taro-Hmwspp92.js";
+import { S as S8 } from "./shortpassword.taro-641T08nE.js";
+import { S as S9 } from "./signature.taro-y3qxnKMv.js";
 import { S as S10 } from "./switch.taro-L0BAbMeu.js";
-import { T as T5 } from "./textarea.taro-xZdHw5kY.js";
-import { U } from "./uploader.taro-ukKw9zaG.js";
-import { A as A2 } from "./actionsheet.taro-JAoYHvlk.js";
-import { B as B3 } from "./badge.taro-n0aVp8h1.js";
-import { B as B4 } from "./dialog.taro-OQ9TaCeb.js";
+import { T as T5 } from "./textarea.taro-VYqlTewy.js";
+import { U } from "./uploader.taro-SAahCKRj.js";
+import { A as A2 } from "./actionsheet.taro-1SIVktd6.js";
+import { B as B3 } from "./badge.taro-993L861f.js";
+import { B as B4 } from "./dialog.taro-8KQTLwUg.js";
 import { D as D3 } from "./drag.taro-BwcleRuB.js";
-import { E as E2 } from "./empty.taro-GrEP0-Wl.js";
-import { I as I4 } from "./infiniteloading.taro-8E76rsYv.js";
+import { E as E2 } from "./empty.taro-9bGPftO1.js";
+import { I as I4 } from "./infiniteloading.taro-cQRDXtbb.js";
 import { L as L2 } from "./loading.taro-aHN6xLIT.js";
-import { N as N3 } from "./noticebar.taro-pMvrZ28h.js";
-import { N as N4 } from "./notify.taro-eql4R4Mx.js";
-import { P as P2 } from "./popover.taro-A1iAWP4m.js";
-import { P as P3 } from "./popup.taro-lBOaxa0-.js";
+import { N as N3 } from "./noticebar.taro-bHnEzTvL.js";
+import { N as N4 } from "./notify.taro-mA9KS8qh.js";
+import { P as P2 } from "./popover.taro-dXJi9liV.js";
+import { P as P3 } from "./popup.taro-KqkDIedA.js";
 import { P as P4 } from "./pulltorefresh.taro-oRUwveUX.js";
-import { S as S11 } from "./skeleton.taro-Ekd2x2Bf.js";
+import { S as S11 } from "./skeleton.taro-Pg7WtP0e.js";
 import { S as S12 } from "./swipe.taro-AVgWtTnP.js";
-import { T as T6 } from "./toast.taro-4n8ahzlt.js";
+import { T as T6 } from "./toast.taro-eCBeePr8.js";
 import { A as A3 } from "./animate.taro-m67VyUHP.js";
 import { default as default3 } from "./AnimatingNumbers.js";
-import { A as A4 } from "./audio.taro-y8NnIlRi.js";
+import { A as A4 } from "./audio.taro-TwVp1boF.js";
 import { A as A5 } from "./avatar.taro-7ltbzIdY.js";
 import { A as A6 } from "./avatargroup.taro-h6dpv6UX.js";
 import { C as C10 } from "./circleprogress.taro-myZgamBw.js";
-import { C as C11 } from "./collapse.taro-j2-ajiXA.js";
-import { C as C12 } from "./collapseitem.taro-Pp7qD2-T.js";
-import { C as C13 } from "./countdown.taro-XGxTdXji.js";
+import { C as C11 } from "./collapse.taro-l21-Cvji.js";
+import { C as C12 } from "./collapseitem.taro-9w-h_UP6.js";
+import { C as C13 } from "./countdown.taro-_7iZfeff.js";
 import { E as E3 } from "./ellipsis.taro-ov_C4kbs.js";
-import { I as I5 } from "./imagepreview.taro-5rkFKsua.js";
+import { I as I5 } from "./imagepreview.taro-RbAHvSoF.js";
 import { I as I6 } from "./indicator.taro-ZH6MICsS.js";
-import { P as P5 } from "./pagination.taro-wmqLpung.js";
-import { P as P6 } from "./price.taro-15WmWCW1.js";
-import { P as P7 } from "./progress.taro-EBhB1-Vj.js";
+import { P as P5 } from "./pagination.taro-RYmB2As4.js";
+import { P as P6 } from "./price.taro-Z1zR8YWV.js";
+import { P as P7 } from "./progress.taro-pStvlrbA.js";
 import { S as S13 } from "./step.taro-kCAQ4Q3-.js";
 import { S as S14 } from "./steps.taro-n6BT6nWE.js";
 import { default as default4 } from "./Swiper.js";
 import { S as S15 } from "./swiperitem.taro-BC1CE0T-.js";
-import { T as T7 } from "./table.taro-R1qOsnvI.js";
-import { T as T8 } from "./tag.taro-XwUNZZRQ.js";
-import { T as T9 } from "./tour.taro-1QD3qwN7.js";
+import { T as T7 } from "./table.taro-NO-C8ayh.js";
+import { T as T8 } from "./tag.taro-5KC_wObY.js";
+import { T as T9 } from "./tour.taro-omnaIavI.js";
 import { V } from "./video.taro-MDBF77xf.js";
 import { V as V2 } from "./virtuallist.taro-vrNBr0zS.js";
-import { B as B5 } from "./barrage.taro-hFnjd1q2.js";
-import { C as C14 } from "./card.taro-UXyp3_T-.js";
-import { T as T10 } from "./timedetail.taro-U-5mkxbs.js";
-import { T as T11 } from "./timeselect.taro-Xo0BrEs_.js";
+import { B as B5 } from "./barrage.taro-HsivAhbE.js";
+import { C as C14 } from "./card.taro-p4PTy-IU.js";
+import { T as T10 } from "./timedetail.taro-TF9Wcblh.js";
+import { T as T11 } from "./timeselect.taro-HE0xZtNu.js";
 import { T as T12 } from "./trendarrow.taro-hsM6-XsQ.js";
 import { W } from "./watermark.taro-WDFdgWlJ.js";
-import { A as A7 } from "./avatarcropper.taro-hP4XFcnl.js";
+import { A as A7 } from "./avatarcropper.taro-xTaDqZuh.js";
 import "react";
 import "classnames";
 import "@nutui/icons-react-taro";

package/dist/esm/{pagination.taro-wmqLpung.js → pagination.taro-RYmB2As4.js}

@@ -68,9 +68,9 @@ const Pagination = (props) => {
     (mode === "multi" || mode === "simple") && React__default.createElement(
       React__default.Fragment,
       null,
-      React__default.createElement("div", { className: classNames(`${classPrefix}__prev`, mode === "multi" ? "" : "simple-border", currentPage === 1 ? "disabled" : ""), onClick: (e) => handleSelectPage(currentPage - 1) }, prev || locale.pagination.prev),
-      mode === "multi" && React__default.createElement("div", { className: `${classPrefix}__contain` }, pages.map((item, index) => {
-        return React__default.createElement("div", { key: `${index}pagination`, className: classNames(`${classPrefix}__item`, {
+      React__default.createElement("div", { className: classNames(`${classPrefix}-prev`, mode === "multi" ? "" : "simple-border", currentPage === 1 ? "disabled" : ""), onClick: (e) => handleSelectPage(currentPage - 1) }, prev || locale.pagination.prev),
+      mode === "multi" && React__default.createElement("div", { className: `${classPrefix}-contain` }, pages.map((item, index) => {
+        return React__default.createElement("div", { key: `${index}pagination`, className: classNames(`${classPrefix}-item`, {
           active: item.number === currentPage
         }), onClick: (e) => {
           item.number !== currentPage && handleSelectPage(item.number);
@@ -78,16 +78,16 @@ const Pagination = (props) => {
       })),
       mode === "simple" && React__default.createElement(
         "div",
-        { className: `${classPrefix}__contain` },
+        { className: `${classPrefix}-contain` },
         React__default.createElement(
           "div",
-          { className: `${classPrefix}__simple` },
+          { className: `${classPrefix}-simple` },
           currentPage,
           "/",
           pageCount
         )
       ),
-      React__default.createElement("div", { className: classNames(`${classPrefix}__next`, currentPage >= pageCount ? "disabled" : ""), onClick: (e) => handleSelectPage(currentPage + 1) }, next || locale.pagination.next)
+      React__default.createElement("div", { className: classNames(`${classPrefix}-next`, currentPage >= pageCount ? "disabled" : ""), onClick: (e) => handleSelectPage(currentPage + 1) }, next || locale.pagination.next)
     ),
     mode === "lite" && React__default.createElement(
       React__default.Fragment,

package/dist/esm/{picker.taro-LLmgNrcx.js → picker.taro-77giqVEH.js}

@@ -2,7 +2,7 @@ import React__default, { useState, useRef, useEffect, useImperativeHandle } from
 import classNames from "classnames";
 import Taro from "@tarojs/taro";
 import { View, PickerView, PickerViewColumn } from "@tarojs/components";
-import { P as Popup } from "./popup.taro-lBOaxa0-.js";
+import { P as Popup } from "./popup.taro-KqkDIedA.js";
 import { u as useTouch } from "./use-touch-DODa8svc.js";
 import { g as getRectByTaro } from "./get-rect-by-taro-piSHvCGp.js";
 import { p as passiveSupported } from "./overlay.taro-Iqz9hm-3.js";
@@ -441,13 +441,15 @@ const InternalPicker = (props, ref) => {
   const renderTitleBar = () => {
     return React__default.createElement(
       "div",
-      { className: `${classPrefix}__control` },
-      React__default.createElement("span", { className: `${classPrefix}__cancel-btn`, onClick: (e) => {
+      { className: `${classPrefix}-control` },
+      React__default.createElement("span", { className: `${classPrefix}-cancel-btn`, onClick: (e) => {
+        e.stopPropagation();
         onCancel == null ? void 0 : onCancel();
         setInnerVisible(false);
       } }, locale.cancel),
-      React__default.createElement("div", { className: `${classPrefix}__title` }, title || ""),
-      React__default.createElement("span", { className: `${classPrefix}__confirm-btn`, onClick: (e) => {
+      React__default.createElement("div", { className: `${classPrefix}-title` }, title || ""),
+      React__default.createElement("span", { className: `${classPrefix}-confirm-btn`, onClick: (e) => {
+        e.stopPropagation();
         confirm();
       } }, locale.confirm)
     );
@@ -491,7 +493,7 @@ const InternalPicker = (props, ref) => {
         { className: classes, style, ...rest, catchMove: true },
         renderTitleBar(),
         typeof children !== "function" && children,
-        React__default.createElement("div", { className: `${classPrefix}__panel`, ref: pickerRef }, Taro.getEnv() === "WEB" ? columnsList == null ? void 0 : columnsList.map((item, index) => {
+        React__default.createElement("div", { className: `${classPrefix}-panel`, ref: pickerRef }, Taro.getEnv() === "WEB" ? columnsList == null ? void 0 : columnsList.map((item, index) => {
           return React__default.createElement(PickerPanel$1, { ref: setRefs(index), defaultValue: innerValue == null ? void 0 : innerValue[index], options: item, threeDimensional, chooseItem: (value, index2) => chooseItem(value, index2), duration, key: index, keyIndex: index, itemShow: visible });
         }) : React__default.createElement(PickerView, { ref: pickerRef, value: currentValue, immediateChange: true, onPickStart: pickerStart, onChange: pickerChange, onPickEnd: pickerEnd, indicatorClass: "nut-picker-indicator-taro", className: "nut-picker-view-panel" }, columnsList == null ? void 0 : columnsList.map((columnOptions, index) => {
           return React__default.createElement(PickerViewColumn, { key: `col${index}` }, columnOptions.map((item, index2) => {

package/dist/esm/{popover.taro-A1iAWP4m.js → popover.taro-dXJi9liV.js}

@@ -1,7 +1,7 @@
 import React__default, { useRef, useState, useEffect } from "react";
 import classNames from "classnames";
 import Taro, { createSelectorQuery } from "@tarojs/taro";
-import { P as Popup } from "./popup.taro-lBOaxa0-.js";
+import { P as Popup } from "./popup.taro-KqkDIedA.js";
 import { a as getRect, g as getRectByTaro } from "./get-rect-by-taro-piSHvCGp.js";
 import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const defaultProps = {
@@ -96,7 +96,7 @@ const Popover = (props) => {
     const prefixCls = "nut-popover-arrow";
     const loca = location;
     const direction = loca.split("-")[0];
-    return `${prefixCls} ${prefixCls}-${direction} ${prefixCls}--${loca}`;
+    return `${prefixCls} ${prefixCls}-${direction} ${prefixCls}-${loca}`;
   };
   const getRootPosition = () => {
     const styles = {};
@@ -206,7 +206,7 @@ const Popover = (props) => {
       { className: classes, style: getRootPosition() },
       React__default.createElement(
         Popup,
-        { className: `nut-popover-content nut-popover-content--${location}`, position: "default", overlay, visible: showPopup, ...rest },
+        { className: `nut-popover-content nut-popover-content-${location}`, position: "default", overlay, visible: showPopup, ...rest },
         React__default.createElement(
           "div",
           { className: "nut-popover-content-group", ref: popoverContentRef },

package/dist/esm/{popup.taro-lBOaxa0-.js → popup.taro-KqkDIedA.js}

@@ -49,14 +49,13 @@ const Popup = (props) => {
     ...baseStyle
   };
   const popClassName = classNames({
-    [`${classPrefix}-round`]: round || position === "bottom",
     [`${classPrefix}`]: true,
-    [`${classPrefix}-${position}`]: true,
-    [`${className || ""}`]: true
-  });
+    [`${classPrefix}-round`]: round || position === "bottom",
+    [`${classPrefix}-${position}`]: true
+  }, className);
   const closeClasses = classNames({
     [`${classPrefix}-title-right`]: true,
-    [`${classPrefix}-title-right--${closeIconPosition}`]: true
+    [`${classPrefix}-title-right-${closeIconPosition}`]: true
   });
   const open = () => {
     if (!innerVisible) {
@@ -111,7 +110,7 @@ const Popup = (props) => {
     return node;
   };
   const renderTitle = () => {
-    if (left || title || closeable || description) {
+    if (left || title || description) {
       return React__default.createElement(
         View,
         { className: `${classPrefix}-title` },
@@ -129,6 +128,9 @@ const Popup = (props) => {
         closeable && React__default.createElement(View, { className: closeClasses, onClick: onHandleClickCloseIcon }, React__default.isValidElement(closeIcon) ? closeIcon : React__default.createElement(Close, null))
       );
     }
+    if (closeable) {
+      return React__default.createElement(React__default.Fragment, null, closeable && React__default.createElement(View, { className: closeClasses, onClick: onHandleClickCloseIcon }, React__default.isValidElement(closeIcon) ? closeIcon : React__default.createElement(Close, null)));
+    }
   };
   const renderPop = () => {
     return React__default.createElement(

package/dist/esm/{price.taro-15WmWCW1.js → price.taro-Z1zR8YWV.js}

@@ -61,15 +61,15 @@ const Price = (props) => {
     return String(resultFixed).substring(2, resultFixed.length);
   };
   const renderSymbol = () => {
-    return React__default.createElement("div", { className: `${classPrefix}__symbol ${classPrefix}__symbol-${size}`, dangerouslySetInnerHTML: showSymbol() });
+    return React__default.createElement("div", { className: `${classPrefix}-symbol ${classPrefix}-symbol-${size}`, dangerouslySetInnerHTML: showSymbol() });
   };
   return React__default.createElement(
     "div",
-    { className: `${classPrefix} ${line ? `${classPrefix}--line` : ""} ${className}`, style, ...rest },
+    { className: `${classPrefix} ${line ? `${classPrefix}-line` : ""} ${className}`, style, ...rest },
     symbol && position === "before" ? renderSymbol() : null,
-    React__default.createElement("div", { className: `${classPrefix}__integer ${classPrefix}__integer-${size}` }, formatThousands(price)),
-    digits !== 0 ? React__default.createElement("div", { className: `${classPrefix}__decimal ${classPrefix}__decimal-${size}` }, ".") : null,
-    React__default.createElement("div", { className: `${classPrefix}__decimal ${classPrefix}__decimal-${size}` }, formatDecimal(price)),
+    React__default.createElement("div", { className: `${classPrefix}-integer ${classPrefix}-integer-${size}` }, formatThousands(price)),
+    digits !== 0 ? React__default.createElement("div", { className: `${classPrefix}-decimal ${classPrefix}-decimal-${size}` }, ".") : null,
+    React__default.createElement("div", { className: `${classPrefix}-decimal ${classPrefix}-decimal-${size}` }, formatDecimal(price)),
     symbol && position === "after" ? renderSymbol() : null
   );
 };

package/dist/esm/{progress.taro-EBhB1-Vj.js → progress.taro-pStvlrbA.js}

@@ -50,7 +50,7 @@ const Progress = (props) => {
       { className: `${classPrefix}-outer`, style: stylesOuter },
       React__default.createElement("div", { className: classesInner, style: stylesInner }, showText && React__default.createElement("div", { className: `${classPrefix}-text`, style: { left: `${displayPercent}%` } }, children || React__default.createElement(
         "div",
-        { className: `${classPrefix}-text__inner`, style: {
+        { className: `${classPrefix}-text-inner`, style: {
           background: color
         } },
         percent,

package/dist/esm/{rate.taro-8VBdo9ip.js → rate.taro-ZkOVGSDs.js}

@@ -63,10 +63,10 @@ const Rate = (props) => {
     return React__default.createElement(
       "div",
       { className: `${classPrefix}-item`, key: n, onClick: (event) => onClick(event, n) },
-      React__default.createElement("div", { className: classNames(`${classPrefix}-item__icon`, {
-        [`${classPrefix}-item__icon--disabled`]: disabled || n > score
+      React__default.createElement("div", { className: classNames(`${classPrefix}-item-icon`, {
+        [`${classPrefix}-item-icon-disabled`]: disabled || n > score
       }) }, renderIcon(n)),
-      allowHalf && score > n - 1 && React__default.createElement("div", { className: classNames(`${classPrefix}-item__half`, `${classPrefix}-item__icon`, `${classPrefix}-item__icon--half`), onClick: (event) => onHalfClick(event, n) }, renderIcon(n))
+      allowHalf && score > n - 1 && React__default.createElement("div", { className: classNames(`${classPrefix}-item-half`, `${classPrefix}-item-icon`, `${classPrefix}-item-icon-half`), onClick: (event) => onHalfClick(event, n) }, renderIcon(n))
     );
   }));
 };

package/dist/esm/{searchbar.taro-FsmNZ2Dx.js → searchbar.taro-Hmwspp92.js}

@@ -54,7 +54,7 @@ const SearchBar = (props) => {
     autoFocus && forceFocus();
   }, [autoFocus]);
   const renderField = () => {
-    return React__default.createElement("input", { className: `${classPrefix}__input ${clearable ? `${classPrefix}__input-clear` : ""}`, ref: searchRef, style: { ...props.style }, value: value || "", placeholder: placeholder || locale.placeholder, disabled, readOnly, maxLength, onKeyPress: onKeypress, onChange: (e) => change(e), onFocus: (e) => focus(e), onBlur: (e) => blur(e), onClick: (e) => clickInput(e) });
+    return React__default.createElement("input", { className: `${classPrefix}-input ${clearable ? `${classPrefix}-input-clear` : ""}`, ref: searchRef, style: { ...props.style }, value: value || "", placeholder: placeholder || locale.placeholder, disabled, readOnly, maxLength, onKeyPress: onKeypress, onChange: (e) => change(e), onFocus: (e) => focus(e), onBlur: (e) => blur(e), onClick: (e) => clickInput(e) });
   };
   const clickInput = (e) => {
     onInputClick && onInputClick(e);
@@ -62,28 +62,28 @@ const SearchBar = (props) => {
   const renderLeftIn = () => {
     if (!leftIn)
       return null;
-    return React__default.createElement("div", { className: `${classPrefix}__leftin ${classPrefix}__icon` }, leftIn);
+    return React__default.createElement("div", { className: `${classPrefix}-leftin ${classPrefix}-icon` }, leftIn);
   };
   const renderLeft = () => {
     if (!backable && !left)
       return null;
-    return React__default.createElement("div", { className: `${classPrefix}__left` }, backable ? React__default.createElement(ArrowLeft, { size: "20" }) : left);
+    return React__default.createElement("div", { className: `${classPrefix}-left` }, backable ? React__default.createElement(ArrowLeft, { size: "16" }) : left);
   };
   const renderRightIn = () => {
     if (!rightIn)
       return null;
-    return React__default.createElement("div", { className: `${classPrefix}__rightin ${classPrefix}__icon` }, rightIn);
+    return React__default.createElement("div", { className: `${classPrefix}-rightin ${classPrefix}-icon` }, rightIn);
   };
   const renderRight = () => {
     if (!right)
       return null;
-    return React__default.createElement("div", { className: `${classPrefix}__right` }, right);
+    return React__default.createElement("div", { className: `${classPrefix}-right` }, right);
   };
   const handleClear = () => {
     return React__default.createElement(
       "div",
-      { className: `${classPrefix}__clear  ${classPrefix}__icon`, onClick: (e) => clearaVal(e) },
-      React__default.createElement(MaskClose, { size: 20 })
+      { className: `${classPrefix}-clear  ${classPrefix}-icon`, onClick: (e) => clearaVal(e) },
+      React__default.createElement(MaskClose, { size: 16 })
     );
   };
   const clearaVal = (event) => {
@@ -104,13 +104,13 @@ const SearchBar = (props) => {
   };
   return React__default.createElement(
     "div",
-    { className: `${classPrefix} ${disabled ? `${classPrefix}__disabled` : ""}  ${className || ""}`, style: { ...props.style } },
+    { className: `${classPrefix} ${disabled ? `${classPrefix}-disabled` : ""}  ${className || ""}`, style: { ...props.style } },
     renderLeft(),
     React__default.createElement(
       "div",
-      { className: `${classPrefix}__content ${shape === "round" ? `${classPrefix}__round` : ""}` },
+      { className: `${classPrefix}-content ${shape === "round" ? `${classPrefix}-round` : ""}` },
       renderLeftIn(),
-      React__default.createElement("div", { className: "nut-searchbar__input-box" }, renderField()),
+      React__default.createElement("div", { className: "nut-searchbar-input-box" }, renderField()),
       clearable && !value && renderRightIn(),
       clearable && value && handleClear()
     ),

package/dist/esm/{shortpassword.taro-ag7hvctn.js → shortpassword.taro-641T08nE.js}

@@ -1,7 +1,7 @@
 import React__default, { useMemo, useEffect } from "react";
 import { Tips } from "@nutui/icons-react-taro";
 import classNames from "classnames";
-import { P as Popup } from "./popup.taro-lBOaxa0-.js";
+import { P as Popup } from "./popup.taro-KqkDIedA.js";
 import { u as useConfig } from "./configprovider.taro-_wngOo0k.js";
 import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
@@ -53,32 +53,32 @@ const ShortPassword = (props) => {
     React__default.createElement(
       "div",
       { className: classNames(classPrefix, className), style },
-      React__default.createElement("div", { className: `${classPrefix}__title` }, title || locale.shortpassword.title),
-      React__default.createElement("div", { className: `${classPrefix}__description` }, description || locale.shortpassword.description),
+      React__default.createElement("div", { className: `${classPrefix}-title` }, title || locale.shortpassword.title),
+      React__default.createElement("div", { className: `${classPrefix}-description` }, description || locale.shortpassword.description),
       React__default.createElement(
         "div",
-        { className: `${classPrefix}__input`, onClick: onFocus },
-        React__default.createElement("div", { className: `${classPrefix}__input-site` }),
-        React__default.createElement("div", { className: `${classPrefix}__input-fake` }, [...new Array(comLen).keys()].map((item, index) => {
-          return React__default.createElement("div", { className: `${classPrefix}__input-fake__li`, key: index }, inputValue.length > index && React__default.createElement(React__default.Fragment, null, plain ? inputValue[index] : React__default.createElement("div", { className: `${classPrefix}__input-fake__li__icon` })));
+        { className: `${classPrefix}-input`, onClick: onFocus },
+        React__default.createElement("div", { className: `${classPrefix}-input-site` }),
+        React__default.createElement("div", { className: `${classPrefix}-input-fake` }, [...new Array(comLen).keys()].map((item, index) => {
+          return React__default.createElement("div", { className: `${classPrefix}-input-fake-li`, key: index }, inputValue.length > index && React__default.createElement(React__default.Fragment, null, plain ? inputValue[index] : React__default.createElement("div", { className: `${classPrefix}-input-fake-li-icon` })));
         }))
       ),
       React__default.createElement(
         "div",
-        { className: `${classPrefix}__message` },
-        React__default.createElement("div", { className: `${classPrefix}__message__error` }, error),
-        React__default.createElement("div", { className: `${classPrefix}__message__forget`, onClick: onTips }, tips || React__default.createElement(
+        { className: `${classPrefix}-message` },
+        React__default.createElement("div", { className: `${classPrefix}-message-error` }, error),
+        React__default.createElement("div", { className: `${classPrefix}-message-forget`, onClick: onTips }, tips || React__default.createElement(
           React__default.Fragment,
           null,
-          React__default.createElement(Tips, { width: 11, height: 11, style: { marginRight: "3px" } }),
+          React__default.createElement(Tips, { size: 11, style: { marginRight: "3px" } }),
           locale.shortpassword.tips
         ))
       ),
       !hideFooter && React__default.createElement(
         "div",
-        { className: `${classPrefix}__footer` },
-        React__default.createElement("div", { className: `${classPrefix}__footer__cancel`, onClick: onCancel }, locale.cancel),
-        React__default.createElement("div", { className: `${classPrefix}__footer__sure`, onClick: sure }, locale.confirm)
+        { className: `${classPrefix}-footer` },
+        React__default.createElement("div", { className: `${classPrefix}-footer-cancel`, onClick: onCancel }, locale.cancel),
+        React__default.createElement("div", { className: `${classPrefix}-footer-sure`, onClick: sure }, locale.confirm)
       )
     )
   );

package/dist/esm/{sidenavbar.taro-ql4QEbJR.js → sidenavbar.taro-jJvAbDgx.js}

@@ -1,6 +1,6 @@
 import React__default, { useState } from "react";
 import classNames from "classnames";
-import { P as Popup } from "./popup.taro-lBOaxa0-.js";
+import { P as Popup } from "./popup.taro-KqkDIedA.js";
 import { O as OffsetContext } from "./context-6mGEMLsx.js";
 import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const defaultProps = {
@@ -27,20 +27,20 @@ const SideNavBar = (props) => {
       { className: classNames(classPrefix, className), ...rest },
       React__default.createElement(
         "div",
-        { className: `${classPrefix}__content` },
+        { className: `${classPrefix}-content` },
         React__default.createElement(
           "div",
-          { className: `${classPrefix}__list ${sidenavbarShow ? "sidenavbar-show" : "sidenavbar-hide"}`, onClick: handleClick },
+          { className: `${classPrefix}-list ${sidenavbarShow ? "sidenavbar-show" : "sidenavbar-hide"}`, onClick: handleClick },
           React__default.createElement(
             "div",
-            { className: `${classPrefix}__title ${classPrefix}-border-bt`, style: { paddingLeft: `${indent}px` } },
+            { className: `${classPrefix}-title ${classPrefix}-border-bt`, style: { paddingLeft: `${indent}px` } },
             title,
             React__default.createElement("i", { className: `arrow-icon ${sidenavbarShow ? "arrow-up" : "arrow-down"}` })
           ),
           React__default.createElement(
             OffsetContext.Provider,
             { value: indent },
-            React__default.createElement("div", { className: `${classPrefix}__content` }, children)
+            React__default.createElement("div", { className: `${classPrefix}-content` }, children)
           )
         )
       )

package/dist/esm/{sidenavbaritem.taro-TQ2PoDgR.js → sidenavbaritem.taro-AxJNRAdi.js}

@@ -6,7 +6,7 @@ const SideNavBarItem = (props) => {
     e.stopPropagation();
     onClick && onClick({ title, value });
   };
-  return React__default.createElement("div", { className: `${classPrefix}__item ${classPrefix}-border-bt`, onClick: clickFn, ...rest }, title);
+  return React__default.createElement("div", { className: `${classPrefix}-item ${classPrefix}-border-bt`, onClick: clickFn, ...rest }, title);
 };
 export {
   SideNavBarItem as S

package/dist/esm/{signature.taro-VciVow8A.js → signature.taro-y3qxnKMv.js}

@@ -123,7 +123,7 @@ const InternalSignature = (props, ref) => {
   return React__default.createElement(
     "div",
     { className: `${classPrefix} ${className}`, ...rest },
-    React__default.createElement("div", { className: `${classPrefix}__inner spcanvas_WEAPP`, ref: wrapRef }, getEnv() === "WEAPP" || getEnv() === "JD" ? React__default.createElement("canvas", {
+    React__default.createElement("div", { className: `${classPrefix}-inner spcanvas_WEAPP`, ref: wrapRef }, getEnv() === "WEAPP" || getEnv() === "JD" ? React__default.createElement("canvas", {
       id: canvasId,
       ref: canvasRef,
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment

package/dist/esm/{skeleton.taro-Ekd2x2Bf.js → skeleton.taro-Pg7WtP0e.js}

@@ -21,7 +21,7 @@ const Skeleton = (props) => {
   const classes = classNames(classPrefix, className);
   const avatarClass = classNames({
     avatar: true,
-    [`avatar--${avatarShape}`]: avatarShape
+    [`avatar-${avatarShape}`]: avatarShape
   });
   const repeatLines = (num) => {
     return Array.from({ length: num }, (v, i) => i);
@@ -41,17 +41,17 @@ const Skeleton = (props) => {
   return React__default.createElement(React__default.Fragment, null, visible ? React__default.createElement("div", null, children) : React__default.createElement(
     "div",
     { className: classes, ...rest },
-    animated && React__default.createElement("div", { className: `${classPrefix}__animation` }),
+    animated && React__default.createElement("div", { className: `${classPrefix}-animation` }),
     React__default.createElement(
       "div",
-      { className: `${classPrefix}__content` },
+      { className: `${classPrefix}-content` },
       avatar && React__default.createElement(Avatar, { className: avatarClass, background: "rgb(239, 239, 239)", shape: avatarShape, style: getStyle(), icon: "null" }),
-      rows === 1 ? React__default.createElement("div", { className: `${classPrefix}__block` }) : React__default.createElement(
+      rows === 1 ? React__default.createElement("div", { className: `${classPrefix}-block` }) : React__default.createElement(
         "div",
-        { className: `${classPrefix}__content-line` },
-        title && React__default.createElement("div", { className: `${classPrefix}__title` }),
+        { className: `${classPrefix}-content-line` },
+        title && React__default.createElement("div", { className: `${classPrefix}-title` }),
         repeatLines(rows).map((item, index) => {
-          return React__default.createElement("div", { className: `${classPrefix}__block`, key: index });
+          return React__default.createElement("div", { className: `${classPrefix}-block`, key: index });
         })
       )
     )

package/dist/esm/{sticky.taro-tOS_Ez6U.js → sticky.taro-MmKUU2Wv.js}

@@ -122,8 +122,8 @@ const Sticky = (props) => {
   return React__default.createElement(
     "div",
     { ref: rootRef, style: rootStyle, className: classNames(classPrefix, className), ...rest },
-    React__default.createElement("div", { className: classNames("nut-sticky--box", {
-      "nut-sticky--fixed": fixed
+    React__default.createElement("div", { className: classNames("nut-sticky-box", {
+      "nut-sticky-fixed": fixed
     }), ref: stickyRef, style: stickyStyle }, children)
   );
 };

package/dist/esm/{subsidenavbar.taro-2qABjgZD.js → subsidenavbar.taro-Zy52MDDG.js}

@@ -14,18 +14,18 @@ const SubSideNavBar = (props) => {
   const listRef = useRef(null);
   const setListLevel = useCallback((nodeList, level = 1) => {
     const titleClass = nodeList[0].className;
-    if (titleClass.includes(`${classPrefix}__title`)) {
+    if (titleClass.includes(`${classPrefix}-title`)) {
       const left = offset * (level + 1);
       nodeList[0].style.paddingLeft = `${left}px`;
     }
     const childNodes = nodeList[1] && nodeList[1].children && Array.from(nodeList[1].children).filter((item) => item.nodeType !== 3 && item.nodeType !== 8);
     childNodes.forEach((item) => {
       const itemClass = item.className;
-      if (itemClass.includes(`${classPrefix}__item`)) {
+      if (itemClass.includes(`${classPrefix}-item`)) {
         const left = offset * (level + 2);
         item.style.paddingLeft = `${left}px`;
       }
-      if (itemClass.includes(`${classPrefix}__list`)) {
+      if (itemClass.includes(`${classPrefix}-list`)) {
         let level2 = item.getAttribute("level") ? Number(item.getAttribute("level")) : 1;
         level2 += 1;
         item.setAttribute("level", level2.toString());
@@ -45,19 +45,19 @@ const SubSideNavBar = (props) => {
     (_b = listRef.current) == null ? void 0 : _b.setAttribute("level", "1");
     childNodes && setListLevel(childNodes);
   }, [setListLevel]);
-  const divClass = subShow ? `${classPrefix}__list sidenavbar-show` : `${classPrefix}__list sidenavbar-hide`;
+  const divClass = subShow ? `${classPrefix}-list sidenavbar-show` : `${classPrefix}-list sidenavbar-hide`;
   const iconClass = subShow ? "arrow-icon arrow-down" : "arrow-icon arrow-up";
   return React__default.createElement(
     "div",
     { className: divClass, ref: listRef, onClick: clickFn, ...rest },
     React__default.createElement(
       "div",
-      { className: `${classPrefix}__title ${classPrefix}-border-bt` },
+      { className: `${classPrefix}-title ${classPrefix}-border-bt` },
       title,
       " ",
       React__default.createElement("i", { className: iconClass })
     ),
-    React__default.createElement("div", { className: `${classPrefix}__content` }, children)
+    React__default.createElement("div", { className: `${classPrefix}-content` }, children)
   );
 };
 export {