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

package/dist/esm/{avatarcropper.taro-hP4XFcnl.js → avatarcropper.taro-xTaDqZuh.js}

@@ -2,7 +2,7 @@ import React__default, { useState, useMemo, useEffect, useCallback } from "react
 import Taro, { useReady } from "@tarojs/taro";
 import classNames from "classnames";
 import { Canvas } from "@tarojs/components";
-import { B as Button } from "./button.taro-5wKLCcpf.js";
+import { B as Button } from "./button.taro-kZJrygfW.js";
 import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 import { u as useTouch } from "./use-touch-DODa8svc.js";
 import { p as preventDefault, c as clamp } from "./index-YvHA__3D.js";

package/dist/esm/{backtop.taro-XH0lVUOf.js → backtop.taro-Y3vOJiXq.js}

@@ -39,7 +39,7 @@ const BackTop = (props) => {
     show: backTop
   }, className), style: styles, onClick: (e) => {
     goTop(e);
-  } }, children || React__default.createElement(Top, { width: 19, height: 19, className: "nut-backtop-main" }));
+  } }, children || React__default.createElement(Top, { size: 19, className: "nut-backtop-main" }));
 };
 BackTop.defaultProps = defaultProps;
 BackTop.displayName = "NutBackTop";

package/dist/esm/{badge.taro-n0aVp8h1.js → badge.taro-993L861f.js}

@@ -38,8 +38,8 @@ const Badge = (props) => {
     if (typeof value === "string" && value)
       return value;
   }
-  const contentClasses = classNames({ [`${classPrefix}__dot`]: dot }, `${classPrefix}__content`, { [`${classPrefix}__sup`]: isNumber() || isString() || dot }, {
-    [`${classPrefix}__one`]: typeof content() === "string" && ((_a = `${content()}`) == null ? void 0 : _a.length) === 1
+  const contentClasses = classNames({ [`${classPrefix}-dot`]: dot }, `${classPrefix}-content`, { [`${classPrefix}-sup`]: isNumber() || isString() || dot }, {
+    [`${classPrefix}-one`]: typeof content() === "string" && ((_a = `${content()}`) == null ? void 0 : _a.length) === 1
   });
   const getStyle = () => {
     const style2 = {};
@@ -51,7 +51,7 @@ const Badge = (props) => {
   return React__default.createElement(
     "div",
     { className: classes, style },
-    isIcon() && React__default.createElement("div", { className: `${classPrefix}__icon` }, value),
+    isIcon() && React__default.createElement("div", { className: `${classPrefix}-icon` }, value),
     children,
     !isIcon() && React__default.createElement("div", { className: contentClasses, style: getStyle() }, content())
   );

package/dist/esm/{barrage.taro-hFnjd1q2.js → barrage.taro-HsivAhbE.js}

@@ -25,7 +25,7 @@ const InternalBarrage = (props, ref) => {
   const timeId = useRef((/* @__PURE__ */ new Date()).getTime());
   const timer = useRef(0);
   const classes = classNames(classPrefix, {
-    [`${classPrefix}__body${timeId.current}`]: true
+    [`${classPrefix}-body${timeId.current}`]: true
   }, className);
   useImperativeHandle(ref, () => ({
     add: (word) => {
@@ -50,10 +50,10 @@ const InternalBarrage = (props, ref) => {
     const query = createSelectorQuery();
     setTimeout(() => {
       let width = 100;
-      query.select(`.${classPrefix}__body${timeId.current}`).boundingClientRect((rec) => {
+      query.select(`.${classPrefix}-body${timeId.current}`).boundingClientRect((rec) => {
         width = rec.width || 300;
       });
-      query.select(`.${classPrefix}__item${index}`).boundingClientRect((recs) => {
+      query.select(`.${classPrefix}-item${index}`).boundingClientRect((recs) => {
         const height = recs.height;
         const nodeTop = `${index % rows * (height + gapY) + 20}px`;
         styleInfo(index, nodeTop, width);
@@ -79,7 +79,7 @@ const InternalBarrage = (props, ref) => {
     "div",
     { className: classes, ref: barrageBody, ...restProps },
     React__default.createElement("div", { ref: barrageContainer, className: "bContainer" }, baItemList.map((item, index) => {
-      return React__default.createElement("div", { className: `barrage-item ${classPrefix}__item${index} move`, style: styleList[index], key: index }, item.length > 8 ? `${item.substr(0, 8)}...` : item);
+      return React__default.createElement("div", { className: `barrage-item ${classPrefix}-item${index} move`, style: styleList[index], key: index }, item.length > 8 ? `${item.substr(0, 8)}...` : item);
     }))
   );
 };

package/dist/esm/{button.taro-5wKLCcpf.js → button.taro-kZJrygfW.js}

@@ -58,12 +58,12 @@ const Button = React__default.forwardRef((props, ref) => {
         ...rest,
         // type={Taro.getEnv() === 'WEB''reset'}
         ref,
-        className: classNames(prefixCls, `${prefixCls}--${type}`, props.fill ? `${prefixCls}--${fill}` : null, children ? "" : `${prefixCls}--icononly`, {
-          [`${prefixCls}--${size}`]: size,
-          [`${prefixCls}--${shape}`]: shape,
-          [`${prefixCls}--block`]: block,
-          [`${prefixCls}--disabled`]: disabled,
-          [`${prefixCls}--loading`]: loading
+        className: classNames(prefixCls, `${prefixCls}-${type}`, props.fill ? `${prefixCls}-${fill}` : null, children ? "" : `${prefixCls}-icononly`, {
+          [`${prefixCls}-${size}`]: size,
+          [`${prefixCls}-${shape}`]: shape,
+          [`${prefixCls}-block`]: block,
+          [`${prefixCls}-disabled`]: disabled,
+          [`${prefixCls}-loading`]: loading
         }, className),
         style: { ...getStyle(), ...style },
         onClick: (e) => handleClick(e)

package/dist/esm/{calendar.taro-uEiqRsaN.js → calendar.taro-UTNDbfde.js}

@@ -1,5 +1,5 @@
 import React__default, { useRef } from "react";
-import { P as Popup } from "./popup.taro-lBOaxa0-.js";
+import { P as Popup } from "./popup.taro-KqkDIedA.js";
 import { C as CalendarItem } from "./calendaritem.taro-22chQZnN.js";
 import { U as Utils } from "./date-nxKOxj5-.js";
 import { u as useConfig } from "./configprovider.taro-_wngOo0k.js";

package/dist/esm/{card.taro-UXyp3_T-.js → card.taro-p4PTy-IU.js}

@@ -1,7 +1,7 @@
 import React__default from "react";
 import classNames from "classnames";
-import { P as Price } from "./price.taro-15WmWCW1.js";
-import { T as Tag } from "./tag.taro-XwUNZZRQ.js";
+import { P as Price } from "./price.taro-Z1zR8YWV.js";
+import { T as Tag } from "./tag.taro-5KC_wObY.js";
 import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const defaultProps = {
   ...ComponentDefaults,

package/dist/esm/{cascader.taro-jO6lnNxx.js → cascader.taro-TXNqGqoz.js}

@@ -7,8 +7,9 @@ var __publicField = (obj, key, value) => {
 import React__default, { useState, useEffect, isValidElement } from "react";
 import classNames from "classnames";
 import { Loading, Checklist } from "@nutui/icons-react-taro";
-import { P as Popup } from "./popup.taro-lBOaxa0-.js";
-import { T as Tabs } from "./tabs.taro-Nk8l2XgP.js";
+import { ScrollView } from "@tarojs/components";
+import { P as Popup } from "./popup.taro-KqkDIedA.js";
+import { T as Tabs } from "./tabs.taro-HezOZhRs.js";
 import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
 const formatTree = (tree, parent, config) => tree.map((node) => {
@@ -359,14 +360,14 @@ const InternalCascader = (props, ref) => {
       disabled: node.disabled
     }, classPrefix2);
     const classesTitle = classNames({
-      [`${classPrefix2}__title`]: true
+      [`${classPrefix2}-title`]: true
     });
     const renderIcon = () => {
       if (checked) {
         if (isValidElement(activeIcon)) {
           return activeIcon;
         }
-        return React__default.createElement(Checklist, { className: `${checked ? `${classPrefix}__icon-check` : ""}` });
+        return React__default.createElement(Checklist, { className: `${checked ? `${classPrefix}-icon-check` : ""}` });
       }
       return null;
     };
@@ -376,7 +377,7 @@ const InternalCascader = (props, ref) => {
         chooseItem(node, false);
       } },
       React__default.createElement("div", { className: classesTitle }, node.text),
-      node.loading ? React__default.createElement(Loading, { color: "#969799", className: "nut-cascader-item__icon-loading" }) : renderIcon()
+      node.loading ? React__default.createElement(Loading, { color: "#969799", className: "nut-cascader-item-icon-loading" }) : renderIcon()
     );
   };
   const renderTabs = () => {
@@ -407,7 +408,7 @@ const InternalCascader = (props, ref) => {
         return React__default.createElement(
           Tabs.TabPane,
           { key: pane.paneKey, value: pane.paneKey },
-          React__default.createElement("div", { className: classesPane }, (_a = pane.nodes) == null ? void 0 : _a.map((node, index) => renderItem(pane, node, index)))
+          React__default.createElement(ScrollView, { className: classesPane, scrollY: true, style: { height: "100%" } }, (_a = pane.nodes) == null ? void 0 : _a.map((node, index) => renderItem(pane, node, index)))
         );
       }) : React__default.createElement(
         Tabs.TabPane,
@@ -420,6 +421,7 @@ const InternalCascader = (props, ref) => {
     ...popupProps,
     visible,
     position: "bottom",
+    style: { overflowY: "hidden" },
     round: true,
     closeIcon,
     closeable,

package/dist/esm/{collapse.taro-j2-ajiXA.js → collapse.taro-l21-Cvji.js}

@@ -1,7 +1,7 @@
 import React__default, { useCallback } from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-import { a as CollapseContext, C as CollapseItem } from "./collapseitem.taro-Pp7qD2-T.js";
+import { a as CollapseContext, C as CollapseItem } from "./collapseitem.taro-9w-h_UP6.js";
 import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
 const defaultProps = {
   ...ComponentDefaults,

package/dist/esm/{collapseitem.taro-Pp7qD2-T.js → collapseitem.taro-9w-h_UP6.js}

@@ -30,7 +30,7 @@ const CollapseItem = (props) => {
   const wrapperRef = useRef(null);
   const contentRef = useRef(null);
   const [refRandomId] = useState(() => Math.random().toString(36).slice(-8));
-  const target = `#nut-collapse__content-${refRandomId}`;
+  const target = `#nut-collapse-content-${refRandomId}`;
   const expanded = useMemo(() => {
     if (context) {
       return context.isOpen(name);
@@ -107,22 +107,22 @@ const CollapseItem = (props) => {
     { className: classNames(classPrefix, className), style, ...rest },
     React__default.createElement(
       "div",
-      { className: classNames(`${classPrefix}__header`, { disabled }), onClick: handleClick },
-      React__default.createElement("div", { className: `${classPrefix}__title` }, title),
-      React__default.createElement("div", { className: `${classPrefix}__extra` }, extra),
+      { className: classNames(`${classPrefix}-header`, { disabled }), onClick: handleClick },
+      React__default.createElement("div", { className: `${classPrefix}-title` }, title),
+      React__default.createElement("div", { className: `${classPrefix}-extra` }, extra),
       React__default.createElement(
         "div",
-        { className: `${classPrefix}__icon-box` },
-        React__default.createElement("div", { className: `${classPrefix}__icon`, style: iconStyle }, expandIcon || context.expandIcon)
+        { className: `${classPrefix}-icon-box` },
+        React__default.createElement("div", { className: `${classPrefix}-icon`, style: iconStyle }, expandIcon || context.expandIcon)
       )
     ),
     React__default.createElement(
       "div",
-      { className: `${classPrefix}__content`, ref: wrapperRef, style: {
+      { className: `${classPrefix}-content`, ref: wrapperRef, style: {
         willChange: "height",
         height: wrapperHeight
       } },
-      React__default.createElement("div", { ref: contentRef, className: `${classPrefix}__content-text`, id: `nut-collapse__content-${refRandomId}` }, children)
+      React__default.createElement("div", { ref: contentRef, className: `${classPrefix}-content-text`, id: `nut-collapse-content-${refRandomId}` }, children)
     )
   );
 };

package/dist/esm/{countdown.taro-XGxTdXji.js → countdown.taro-_7iZfeff.js}

@@ -202,7 +202,7 @@ const InternalCountDown = (props, ref) => {
     return formatRemainTime(stateRef.current.restTime);
   })();
   return React__default.createElement("div", { className: `${classPrefix} ${className}`, style: { ...style }, ...rest }, children || React__default.createElement("div", {
-    className: `${classPrefix}__block`,
+    className: `${classPrefix}-block`,
     // eslint-disable-next-line react/no-danger
     dangerouslySetInnerHTML: {
       __html: `${renderTime}`

package/dist/esm/{datepicker.taro-9itGFPcO.js → datepicker.taro-XBRswbnv.js}

@@ -1,6 +1,6 @@
 import React__default, { useState, useEffect } from "react";
 import { View } from "@tarojs/components";
-import { P as Picker } from "./picker.taro-LLmgNrcx.js";
+import { P as Picker } from "./picker.taro-77giqVEH.js";
 import { u as useConfig } from "./configprovider.taro-_wngOo0k.js";
 import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
 import { C as ComponentDefaults } from "./typings-buMpDfSR.js";

package/dist/esm/{dialog.taro-OQ9TaCeb.js → dialog.taro-8KQTLwUg.js}

@@ -2,7 +2,7 @@ import React__default from "react";
 import classNames from "classnames";
 import { CSSTransition } from "react-transition-group";
 import { View } from "@tarojs/components";
-import { B as Button } from "./button.taro-5wKLCcpf.js";
+import { B as Button } from "./button.taro-kZJrygfW.js";
 import { u as useConfig } from "./configprovider.taro-_wngOo0k.js";
 import { u as useLockScrollTaro, O as Overlay } from "./overlay.taro-Iqz9hm-3.js";
 import { b as useParams, u as useCustomEvent, a as useCustomEventsPath, c as customEvents } from "./use-custom-event-XvsODK8c.js";
@@ -10,10 +10,10 @@ const Content = (props) => {
   const { visible, title, header, footer, footerDirection, onClick, children } = props;
   const classPrefix = "nut-dialog";
   const renderHeader = () => {
-    return title ? React__default.createElement("div", { className: `${classPrefix}__header` }, title) : null;
+    return title ? React__default.createElement("div", { className: `${classPrefix}-header` }, title) : null;
   };
   const renderFooter = () => {
-    return footer ? React__default.createElement("div", { className: classNames(`${classPrefix}__footer`, {
+    return footer ? React__default.createElement("div", { className: classNames(`${classPrefix}-footer`, {
       [footerDirection]: footerDirection
     }) }, footer) : null;
   };
@@ -22,7 +22,7 @@ const Content = (props) => {
   };
   return React__default.createElement(
     "div",
-    { className: classNames(`${classPrefix}__outer`, props.className), style: props.style, onClick: (e) => handleClick(e) },
+    { className: classNames(`${classPrefix}-outer`, props.className), style: props.style, onClick: (e) => handleClick(e) },
     header,
     React__default.createElement(
       "div",
@@ -30,7 +30,7 @@ const Content = (props) => {
       renderHeader(),
       React__default.createElement(
         "div",
-        { className: `${classPrefix}__content` },
+        { className: `${classPrefix}-content` },
         React__default.createElement(React__default.Fragment, null, children)
       ),
       renderFooter()
@@ -88,8 +88,8 @@ const BaseDialog = (props) => {
     return footer || React__default.createElement(
       React__default.Fragment,
       null,
-      !hideCancelButton && React__default.createElement(Button, { type: "default", className: `${classPrefix}__footer-cancel`, onClick: (e) => handleCancel(e) }, cancelText || locale.cancel),
-      !hideConfirmButton && React__default.createElement(Button, { type: "primary", className: classNames(`${classPrefix}__footer-ok`, {
+      !hideCancelButton && React__default.createElement(Button, { type: "default", className: `${classPrefix}-footer-cancel`, onClick: (e) => handleCancel(e) }, cancelText || locale.cancel),
+      !hideConfirmButton && React__default.createElement(Button, { type: "primary", className: classNames(`${classPrefix}-footer-ok`, {
         disabled: disableConfirmButton
       }), disabled: disableConfirmButton, onClick: (e) => handleOk(e) }, confirmText || locale.confirm)
     );

package/dist/esm/{divider.taro-BTFED42F.js → divider.taro-H5fKry4P.js}

@@ -14,13 +14,13 @@ const Divider = (props) => {
   };
   const classes = direction === "horizontal" ? classNames({
     [`${classPrefix}`]: true,
-    [`${classPrefix}__center`]: children,
-    [`${classPrefix}__left`]: contentPosition === "left",
-    [`${classPrefix}__right`]: contentPosition === "right",
-    [`${classPrefix}__hairline`]: true
+    [`${classPrefix}-center`]: children,
+    [`${classPrefix}-left`]: contentPosition === "left",
+    [`${classPrefix}-right`]: contentPosition === "right",
+    [`${classPrefix}-hairline`]: true
   }) : classNames({
     [`${classPrefix}`]: true,
-    [`${classPrefix}__vertical`]: direction === "vertical"
+    [`${classPrefix}-vertical`]: direction === "vertical"
   });
   return React__default.createElement("div", { className: `${classes} ${className || ""}`, style, ...rest }, children);
 };

package/dist/esm/{elevator.taro-hYAvey0f.js → elevator.taro-2nbUM3vH.js}

@@ -54,7 +54,7 @@ const Elevator = (props) => {
     state.current.listHeight.push(height2);
     for (let i = 0; i < state.current.listGroup.length; i++) {
       const query = 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;
@@ -114,7 +114,7 @@ const Elevator = (props) => {
   };
   const setListGroup = () => {
     if (listview.current) {
-      createSelectorQuery().selectAll(`.${className} .nut-elevator__list__item`).node((el) => {
+      createSelectorQuery().selectAll(`.${className} .nut-elevator-list-item`).node((el) => {
         state.current.listGroup = [...Object.keys(el)];
         calculateHeight();
       }).exec();
@@ -154,18 +154,18 @@ const Elevator = (props) => {
     { className: `${classPrefix} ${className}`, style, ...rest },
     React__default.createElement(
       "div",
-      { className: `${classPrefix}__list`, style: { height: Number.isNaN(+height) ? height : `${height}px` } },
-      React__default.createElement(ScrollView, { scrollTop, scrollY: true, scrollWithAnimation: true, scrollAnchoring: true, className: `${classPrefix}__list__inner`, type: "list", ref: listview, onScroll: listViewScroll, onTouchStart: (e) => {
+      { className: `${classPrefix}-list`, style: { height: Number.isNaN(+height) ? height : `${height}px` } },
+      React__default.createElement(ScrollView, { scrollTop, scrollY: true, scrollWithAnimation: true, scrollAnchoring: true, className: `${classPrefix}-list-inner`, type: "list", ref: listview, onScroll: listViewScroll, onTouchStart: (e) => {
         scrolling.current = false;
       } }, list.map((item, idx) => {
         return React__default.createElement(
           "div",
-          { className: `${classPrefix}__list__item nut-elevator__item__${idx}`, key: idx },
-          React__default.createElement("div", { className: `${classPrefix}__list__item__code` }, item[floorKey]),
+          { className: `${classPrefix}-list-item nut-elevator-item-${idx}`, key: idx },
+          React__default.createElement("div", { className: `${classPrefix}-list-item-code` }, item[floorKey]),
           React__default.createElement(React__default.Fragment, null, item.list.map((subitem) => {
             return React__default.createElement("div", { className: classNames({
-              [`${classPrefix}__list__item__name`]: true,
-              [`${classPrefix}__list__item__name--highcolor`]: currentData.id === subitem.id && currentKey === item[floorKey]
+              [`${classPrefix}-list-item-name`]: true,
+              [`${classPrefix}-list-item-name-highcolor`]: currentData.id === subitem.id && currentKey === item[floorKey]
             }), key: subitem.id, onClick: () => handleClickItem(item[floorKey], subitem) }, children ? React__default.createElement(
               React__default.Fragment,
               null,
@@ -179,24 +179,24 @@ const Elevator = (props) => {
       React__default.Fragment,
       null,
       list.length && scrollStart ? React__default.createElement("div", { className: classNames({
-        [`${classPrefix}__code--current`]: true,
-        [`${classPrefix}__code--current--current`]: true
+        [`${classPrefix}-code-current`]: true,
+        [`${classPrefix}-code-current-current`]: true
       }) }, list[codeIndex][floorKey]) : null,
       React__default.createElement(
         "div",
-        { className: `${classPrefix}__bars` },
-        React__default.createElement("div", { className: `${classPrefix}__bars__inner`, onTouchStart: (event) => touchStart(event), onTouchMove: (event) => touchMove(event), onTouchEnd: touchEnd, style: { touchAction: "pan-y" } }, list.map((item, index) => {
+        { className: `${classPrefix}-bars` },
+        React__default.createElement("div", { className: `${classPrefix}-bars-inner`, onTouchStart: (event) => touchStart(event), onTouchMove: (event) => touchMove(event), onTouchEnd: touchEnd, style: { touchAction: "pan-y" } }, list.map((item, index) => {
           return React__default.createElement("div", { className: classNames({
-            [`${classPrefix}__bars__inner__item`]: true,
-            [`${classPrefix}__bars__inner__item--active`]: item[floorKey] === list[codeIndex][floorKey]
+            [`${classPrefix}-bars-inner-item`]: true,
+            [`${classPrefix}-bars-inner-item-active`]: item[floorKey] === list[codeIndex][floorKey]
           }), "data-index": index, key: index, onClick: () => handleClickIndex(item[floorKey]) }, item[floorKey]);
         }))
       )
     ) : null,
     sticky && scrollY > 0 ? React__default.createElement(
       "div",
-      { className: `${classPrefix}__list__fixed` },
-      React__default.createElement("span", { className: `${classPrefix}__list__fixed__title` }, list[codeIndex][floorKey])
+      { className: `${classPrefix}-list-fixed` },
+      React__default.createElement("span", { className: `${classPrefix}-list-fixed-title` }, list[codeIndex][floorKey])
     ) : null
   );
 };

package/dist/esm/{empty.taro-GrEP0-Wl.js → empty.taro-9bGPftO1.js}

@@ -728,12 +728,12 @@ const Button = React__default.forwardRef((props, ref) => {
   };
   return React__default.createElement(
     "button",
-    { ...rest, ref, type: nativeType, className: classNames(prefixCls, `${prefixCls}--${type}`, props.fill ? `${prefixCls}--${fill}` : null, children ? "" : `${prefixCls}--icononly`, {
-      [`${prefixCls}--${size}`]: size,
-      [`${prefixCls}--${shape}`]: shape,
-      [`${prefixCls}--block`]: block,
-      [`${prefixCls}--disabled`]: disabled,
-      [`${prefixCls}--loading`]: loading
+    { ...rest, ref, type: nativeType, className: classNames(prefixCls, `${prefixCls}-${type}`, props.fill ? `${prefixCls}-${fill}` : null, children ? "" : `${prefixCls}-icononly`, {
+      [`${prefixCls}-${size}`]: size,
+      [`${prefixCls}-${shape}`]: shape,
+      [`${prefixCls}-block`]: block,
+      [`${prefixCls}-disabled`]: disabled,
+      [`${prefixCls}-loading`]: loading
     }, className), style: { ...getStyle(), ...style }, onClick: (e) => handleClick(e) },
     React__default.createElement(
       "div",

package/dist/esm/{formitem.taro-3OafV3pq.js → formitem.taro-4ofczzxA.js}

@@ -98,6 +98,7 @@ class FormItem extends React__default.Component {
     });
     __publicField(this, "onStoreChange", (type) => {
       if (type === "reset") {
+        this.context.errors[this.props.name] = [];
         this.refresh();
       } else {
         this.forceUpdate();
@@ -123,14 +124,14 @@ class FormItem extends React__default.Component {
       return React__default.createElement(
         Cell,
         { className: `nut-form-item ${className}`, style, onClick: (e) => this.props.onClick && this.props.onClick(e, this.componentRef) },
-        label ? React__default.createElement("div", { className: "nut-cell-title nut-form-item__label" }, renderLabel) : null,
+        label ? React__default.createElement("div", { className: "nut-cell-title nut-form-item-label" }, renderLabel) : null,
         React__default.createElement(
           "div",
-          { className: "nut-cell-value nut-form-item__body" },
-          React__default.createElement("div", { className: "nut-form-item__body__slots" }, childNode),
-          React__default.createElement("div", { className: "nut-form-item__body__tips", style: {
+          { className: "nut-cell-value nut-form-item-body" },
+          React__default.createElement("div", { className: "nut-form-item-body-slots" }, childNode),
+          React__default.createElement("div", { 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)
         )
       );

package/dist/esm/{grid.taro-sQueliqS.js → grid.taro-Hc4q01A_.js}

@@ -1,6 +1,6 @@
 import React__default from "react";
 import classNames from "classnames";
-import { a as GridContext, G as GridItem } from "./griditem.taro-PbZrfD58.js";
+import { a as GridContext, G as GridItem } from "./griditem.taro-RdNA-Wqv.js";
 import { p as pxCheck } from "./px-check-JiWLYN2v.js";
 const defaultProps = {
   columns: 4,
@@ -16,7 +16,7 @@ const Grid = (props) => {
   const classPrefix = "nut-grid";
   const rootClass = () => {
     return classNames(classPrefix, {
-      [`${classPrefix}__border`]: !gap
+      [`${classPrefix}-border`]: !gap
     }, className);
   };
   const rootStyle = () => {

package/dist/esm/{griditem.taro-PbZrfD58.js → griditem.taro-RdNA-Wqv.js}

@@ -41,13 +41,13 @@ const GridItem = (props) => {
     return styles;
   };
   const contentClass = () => {
-    return classNames(`${classPrefix}__content`, {
-      [`${classPrefix}__content--border`]: true,
-      [`${classPrefix}__content--surround`]: gap,
-      [`${classPrefix}__content--center`]: center,
-      [`${classPrefix}__content--square`]: square,
-      [`${classPrefix}__content--reverse`]: reverse,
-      [`${classPrefix}__content--${direction}`]: !!direction
+    return classNames(`${classPrefix}-content`, {
+      [`${classPrefix}-content-border`]: true,
+      [`${classPrefix}-content-surround`]: gap,
+      [`${classPrefix}-content-center`]: center,
+      [`${classPrefix}-content-square`]: square,
+      [`${classPrefix}-content-reverse`]: reverse,
+      [`${classPrefix}-content-${direction}`]: !!direction
     });
   };
   const handleClick = (e) => {
@@ -70,7 +70,7 @@ const GridItem = (props) => {
       "div",
       { className: contentClass() },
       children && React__default.createElement(React__default.Fragment, null, children),
-      text && React__default.createElement("div", { className: `${classPrefix}__text` }, text)
+      text && React__default.createElement("div", { className: `${classPrefix}-text` }, text)
     )
   );
 };

package/dist/esm/{imagepreview.taro-5rkFKsua.js → imagepreview.taro-RbAHvSoF.js}

@@ -2,7 +2,7 @@ import React__default, { useRef, useState, useEffect } from "react";
 import Taro from "@tarojs/taro";
 import { Video } from "@tarojs/components";
 import classNames from "classnames";
-import { P as Popup } from "./popup.taro-lBOaxa0-.js";
+import { P as Popup } from "./popup.taro-KqkDIedA.js";
 import { I as Image } from "./image.taro-FfeikBlO.js";
 import InnerSwiper from "./Swiper.js";
 import { S as SwiperItem } from "./swiperitem.taro-BC1CE0T-.js";

package/dist/esm/{infiniteloading.taro-8E76rsYv.js → infiniteloading.taro-cQRDXtbb.js}

@@ -110,7 +110,7 @@ const InfiniteLoading = (props) => {
       React__default.createElement("div", { className: "top-box" }, pullingText || locale.infiniteloading.pullRefreshText)
     ),
     React__default.createElement("div", { className: "nut-infinite-container" }, children),
-    React__default.createElement("div", { className: "nut-infinite-bottom" }, isInfiniting ? React__default.createElement("div", { className: "bottom-box" }, loadingText || locale.infiniteloading.loadText) : !hasMore && React__default.createElement("div", { className: "tips" }, loadMoreText || locale.infiniteloading.loadMoreText))
+    React__default.createElement("div", { className: "nut-infinite-bottom" }, isInfiniting ? React__default.createElement("div", { className: "bottom-box" }, loadingText || locale.infiniteloading.loadText) : !hasMore && React__default.createElement("div", { className: "bottom-box" }, loadMoreText || locale.infiniteloading.loadMoreText))
   );
 };
 InfiniteLoading.defaultProps = defaultProps;

package/dist/esm/{menu.taro-R4u8Phdo.js → menu.taro-EytwZPzh.js}

@@ -103,7 +103,7 @@ const Menu = (props) => {
             !disabled && toggleMenuItem(index);
           } },
           React__default.createElement("div", { className: "nut-menu-title-text" }, finallyTitle()),
-          icon || (direction === "up" ? React__default.createElement(ArrowUp, { className: "nut-menu-title-icon", size: 10 }) : React__default.createElement(ArrowDown, { className: "nut-menu-title-icon", size: 10 }))
+          icon || (direction === "up" ? React__default.createElement(ArrowUp, { className: "nut-menu-title-icon", size: "12px" }) : React__default.createElement(ArrowDown, { className: "nut-menu-title-icon", size: "12px" }))
         );
       }
       return null;

package/dist/esm/{noticebar.taro-pMvrZ28h.js → noticebar.taro-bHnEzTvL.js}

@@ -311,9 +311,7 @@ const NoticeBar = (props) => {
   };
   const noticebarClass = classNames({
     "nut-noticebar-box": true,
-    withicon: closeable,
-    close: closeable,
-    wrapable: wrap
+    [`nut-noticebar-box-wrapable`]: wrap
   });
   useEffect(() => {
     return () => {
@@ -326,36 +324,36 @@ const NoticeBar = (props) => {
     showNoticeBar && direction === "horizontal" ? React__default.createElement(
       "div",
       { className: noticebarClass, style: barStyle, onClick: handleClick },
-      leftIcon ? React__default.createElement("div", { className: "left-icon" }, leftIcon) : null,
+      leftIcon ? React__default.createElement("div", { className: "nut-noticebar-box-left-icon" }, leftIcon) : null,
       React__default.createElement(
         "div",
-        { ref: wrapRef, className: "wrap" },
+        { ref: wrapRef, className: "nut-noticebar-box-wrap" },
         React__default.createElement(
           "div",
-          { ref: contentRef, className: `content ${animationClass} ${isEllipsis() ? "nut-ellipsis" : ""}`, style: contentStyle, onAnimationEnd },
+          { ref: contentRef, className: `nut-noticebar-box-wrap-content ${animationClass} ${isEllipsis() ? "nut-ellipsis" : ""}`, style: contentStyle, onAnimationEnd },
           children,
           content
         )
       ),
-      closeable || rightIcon ? React__default.createElement("div", { className: "right-icon", onClick: onClickIcon }, rightIcon || React__default.createElement(Close, { size: 12 })) : null
+      closeable || rightIcon ? React__default.createElement("div", { className: "nut-noticebar-box-right-icon", onClick: onClickIcon }, rightIcon || React__default.createElement(Close, { size: 12 })) : null
     ) : null,
     showNoticeBar && scrollList.current.length > 0 && isVertical ? React__default.createElement(
       "div",
       { className: "nut-noticebar-vertical", style: barStyle, ref: container, onClick: handleClick },
-      leftIcon ? React__default.createElement("div", { className: "left-icon" }, leftIcon) : null,
-      children ? React__default.createElement("div", { className: "nut-noticebar__inner", ref: innerRef }, scrollList.current.map((item, index) => {
-        return React__default.createElement("div", { className: "scroll-inner ", style: itemStyle(index), key: index, onClick: (e) => {
+      leftIcon ? React__default.createElement("div", { className: "nut-noticebar-box-left-icon" }, leftIcon) : null,
+      children ? React__default.createElement("div", { className: "nut-noticebar-box-wrap", ref: innerRef }, scrollList.current.map((item, index) => {
+        return React__default.createElement("div", { style: itemStyle(index), key: index, onClick: (e) => {
           handleItemClick(e, item);
         } }, item);
-      })) : React__default.createElement("div", { className: "horseLamp-list", style: horseLampStyle }, scrollList.current.map((item, index) => {
+      })) : React__default.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
-          React__default.createElement("div", { className: "horseLamp-list-item", style: { height }, key: index, onClick: (e) => {
+          React__default.createElement("div", { className: "nut-noticebar-box-horseLamp-list-item", style: { height }, key: index, onClick: (e) => {
             handleItemClick(e, item);
           } }, item)
         );
       })),
-      React__default.createElement("div", { className: "go", onClick: (e) => {
+      React__default.createElement("div", { className: "nut-noticebar-box-right-icon", onClick: (e) => {
         handleClickIcon(e);
       } }, rightIcon || (closeable ? React__default.createElement(Close, { size: 12 }) : null))
     ) : null

package/dist/esm/{notify.taro-eql4R4Mx.js → notify.taro-mA9KS8qh.js}

@@ -53,10 +53,10 @@ const Notify = (props) => {
     onClose();
   };
   const classes = classNames({
-    [`${classPrefix}--popup-top`]: position === "top",
-    [`${classPrefix}--popup-bottom`]: position === "bottom",
+    [`${classPrefix}-popup-top`]: position === "top",
+    [`${classPrefix}-popup-bottom`]: position === "bottom",
     [`${classPrefix}`]: true,
-    [`${classPrefix}--${type}`]: true
+    [`${classPrefix}-${type}`]: true
   });
   return React__default.createElement(
     React__default.Fragment,

package/dist/esm/{numberkeyboard.taro-QCdTmzbs.js → numberkeyboard.taro-5LPPRBFw.js}

@@ -2,7 +2,7 @@ import React__default, { useMemo, useState } from "react";
 import classNames from "classnames";
 import { ArrowDown } from "@nutui/icons-react-taro";
 import { View } from "@tarojs/components";
-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";
 const defaultProps = {
@@ -97,7 +97,7 @@ const NumberKeyboard = (props) => {
   };
   return React__default.createElement(
     Popup,
-    { visible, position: "bottom", onOverlayClick: onClose, onCloseIconClick: onClose, overlayStyle: { backgroundColor: "rgba(0, 0, 0, 0)" }, ...rest },
+    { visible, position: "bottom", onOverlayClick: onClose, onCloseIconClick: onClose, zIndex: 9999, overlayStyle: { backgroundColor: "rgba(0, 0, 0, 0)" }, ...rest },
     React__default.createElement(
       "div",
       { className: classNames(classPrefix, className), style },