@nutui/nutui-react-taro 2.0.24 → 2.1.0

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

@@ -1,98 +1,99 @@
-import { B } from "./button.taro-25f559e1.js";
+import { B } from "./button.taro-7ae62bc3.js";
 import { C } from "./cell.taro-010b73ed.js";
 import { C as C2 } from "./cellgroup.taro-9dc59f11.js";
-import { C as C3 } from "./configprovider.taro-705da82a.js";
+import { C as C3 } from "./configprovider.taro-03d376af.js";
 import { I } from "./image.taro-c2441b71.js";
-import { O } from "./overlay.taro-ad4b4c8a.js";
+import { O } from "./overlay.taro-2a34cbbf.js";
 import { C as C4 } from "./col.taro-23d5f6bd.js";
 import { D } from "./divider.taro-c61ab869.js";
-import { G } from "./grid.taro-b2573895.js";
-import { G as G2 } from "./griditem.taro-3a8e73aa.js";
+import { G } from "./grid.taro-a1837c49.js";
+import { G as G2 } from "./griditem.taro-c0265282.js";
 import { L } from "./layout.taro-7711a89c.js";
 import { R } from "./row.taro-a71fbf76.js";
-import { S } from "./space.taro-a7e4ced4.js";
+import { S } from "./space.taro-5f8f647f.js";
 import { S as S2 } from "./sticky.taro-bee7a130.js";
-import { B as B2 } from "./backtop.taro-910bbef1.js";
+import { S as S3 } from "./safearea.taro-776b7bf8.js";
+import { B as B2 } from "./backtop.taro-7f774b6c.js";
 import { E } from "./elevator.taro-cdf3dba7.js";
-import { F } from "./fixednav.taro-879f59d7.js";
+import { F } from "./fixednav.taro-e18530bb.js";
 import { N } from "./navbar.taro-23394f73.js";
-import { S as S3 } from "./sidenavbar.taro-f1b1b6f0.js";
-import { S as S4 } from "./sidenavbaritem.taro-69b0784d.js";
-import { S as S5 } from "./subsidenavbar.taro-797ce379.js";
-import { T } from "./tabbar.taro-d7af9698.js";
-import { T as T2 } from "./tabbaritem.taro-c7113661.js";
-import { T as T3 } from "./tabpane.taro-d0eea168.js";
-import { T as T4 } from "./tabs.taro-f4239f2d.js";
-import { A } from "./address.taro-db51068a.js";
-import { C as C5 } from "./calendar.taro-cf4c3ee9.js";
-import { C as C6 } from "./calendaritem.taro-16635a84.js";
-import { C as C7 } from "./calendarcard.taro-e8464902.js";
-import { C as C8 } from "./cascader.taro-fe8472ca.js";
-import { C as C9, a } from "./checkbox.taro-b113a84d.js";
-import { D as D2 } from "./datepicker.taro-7c685112.js";
+import { S as S4 } from "./sidenavbar.taro-53ac5b88.js";
+import { S as S5 } from "./sidenavbaritem.taro-69b0784d.js";
+import { S as S6 } from "./subsidenavbar.taro-797ce379.js";
+import { T } from "./tabbar.taro-8fe42366.js";
+import { T as T2 } from "./tabbaritem.taro-c75682f5.js";
+import { T as T3 } from "./tabpane.taro-96001c64.js";
+import { T as T4 } from "./tabs.taro-ba8788c1.js";
+import { A } from "./address.taro-ee6e048a.js";
+import { C as C5 } from "./calendar.taro-8302ddc2.js";
+import { C as C6 } from "./calendaritem.taro-835ddb04.js";
+import { C as C7 } from "./calendarcard.taro-783109a7.js";
+import { C as C8 } from "./cascader.taro-61269a77.js";
+import { C as C9, a } from "./checkbox.taro-1a7fd5c7.js";
+import { D as D2 } from "./datepicker.taro-8b8bb2fb.js";
 import { default as default2 } from "./Form.js";
 import { F as F2 } from "./formitem.taro-17dac26c.js";
-import { I as I2 } from "./input.taro-cbb0309d.js";
+import { I as I2 } from "./input.taro-ffd35ab1.js";
 import { I as I3 } from "./inputnumber.taro-5f60d969.js";
-import { M } from "./menu.taro-f3e49415.js";
-import { M as M2 } from "./menuitem.taro-0045e4a8.js";
-import { N as N2 } from "./numberkeyboard.taro-358a8e41.js";
-import { P } from "./picker.taro-0371022a.js";
-import { R as R2, a as a2 } from "./radio.taro-a1956aa2.js";
-import { R as R3 } from "./range.taro-5254c32d.js";
-import { R as R4 } from "./rate.taro-8f34772f.js";
-import { S as S6 } from "./searchbar.taro-3cc46c2f.js";
-import { S as S7 } from "./shortpassword.taro-6351b662.js";
-import { S as S8 } from "./signature.taro-3e0c2694.js";
-import { S as S9 } from "./switch.taro-1c7715e8.js";
-import { T as T5 } from "./textarea.taro-4e81857d.js";
-import { U } from "./uploader.taro-462502ad.js";
-import { A as A2 } from "./actionsheet.taro-c3556cf1.js";
+import { M } from "./menu.taro-df22141a.js";
+import { M as M2 } from "./menuitem.taro-7b5d50fc.js";
+import { N as N2 } from "./numberkeyboard.taro-74f9a790.js";
+import { P } from "./picker.taro-00fb321a.js";
+import { R as R2, a as a2 } from "./radio.taro-9e049135.js";
+import { R as R3 } from "./range.taro-8c7e9294.js";
+import { R as R4 } from "./rate.taro-2f08de25.js";
+import { S as S7 } from "./searchbar.taro-9ffce381.js";
+import { S as S8 } from "./shortpassword.taro-8647cd4d.js";
+import { S as S9 } from "./signature.taro-3e0c2694.js";
+import { S as S10 } from "./switch.taro-1c7715e8.js";
+import { T as T5 } from "./textarea.taro-6ce0d027.js";
+import { U } from "./uploader.taro-9e6aa0df.js";
+import { A as A2 } from "./actionsheet.taro-24a40570.js";
 import { B as B3 } from "./badge.taro-ffca952e.js";
-import { B as B4 } from "./dialog.taro-8bddf149.js";
+import { B as B4 } from "./dialog.taro-c4969c97.js";
 import { D as D3 } from "./drag.taro-ce333e51.js";
-import { E as E2 } from "./empty.taro-65f5a9ed.js";
-import { I as I4 } from "./infiniteloading.taro-400bff26.js";
-import { L as L2 } from "./loading.taro-0799622f.js";
+import { E as E2 } from "./empty.taro-610d8e5c.js";
+import { I as I4 } from "./infiniteloading.taro-b149475d.js";
+import { L as L2 } from "./loading.taro-d511e398.js";
 import { N as N3 } from "./noticebar.taro-11fe07b1.js";
 import { N as N4 } from "./notify.taro-b7f10692.js";
-import { P as P2 } from "./popover.taro-076ba3ac.js";
-import { P as P3 } from "./popup.taro-6f68b86f.js";
-import { P as P4 } from "./pulltorefresh.taro-2af35305.js";
-import { S as S10 } from "./skeleton.taro-a0bb88d4.js";
-import { S as S11 } from "./swipe.taro-20be8e8c.js";
-import { T as T6 } from "./toast.taro-9a4d0a5f.js";
+import { P as P2 } from "./popover.taro-2ca996c8.js";
+import { P as P3 } from "./popup.taro-376be9fe.js";
+import { P as P4 } from "./pulltorefresh.taro-1741fda8.js";
+import { S as S11 } from "./skeleton.taro-67715cd4.js";
+import { S as S12 } from "./swipe.taro-a108baac.js";
+import { T as T6 } from "./toast.taro-b847d537.js";
 import { A as A3 } from "./animate.taro-37bf4eab.js";
 import { default as default3 } from "./AnimatingNumbers.js";
-import { A as A4 } from "./audio.taro-f947a3c3.js";
-import { A as A5 } from "./avatar.taro-68369036.js";
+import { A as A4 } from "./audio.taro-aa47d7e7.js";
+import { A as A5 } from "./avatar.taro-21ad648c.js";
 import { A as A6 } from "./avatargroup.taro-1f8b7174.js";
-import { C as C10 } from "./circleprogress.taro-4fe9ab8c.js";
+import { C as C10 } from "./circleprogress.taro-6054482f.js";
 import { C as C11 } from "./collapse.taro-341f8941.js";
 import { C as C12 } from "./collapseitem.taro-e99fb1a2.js";
-import { C as C13 } from "./countdown.taro-0580da4d.js";
-import { E as E3 } from "./ellipsis.taro-cd36ab2d.js";
-import { I as I5 } from "./imagepreview.taro-44db4eba.js";
+import { C as C13 } from "./countdown.taro-4a905523.js";
+import { E as E3 } from "./ellipsis.taro-b1533122.js";
+import { I as I5 } from "./imagepreview.taro-a5e8b8fa.js";
 import { I as I6 } from "./indicator.taro-092f9f4e.js";
-import { P as P5 } from "./pagination.taro-bac7c259.js";
-import { P as P6 } from "./price.taro-0bd3f07a.js";
+import { P as P5 } from "./pagination.taro-7ef7ab28.js";
+import { P as P6 } from "./price.taro-710cab3b.js";
 import { P as P7 } from "./progress.taro-421575b9.js";
-import { S as S12 } from "./step.taro-dd522794.js";
-import { S as S13 } from "./steps.taro-0680ae4f.js";
+import { S as S13 } from "./step.taro-02eb5edb.js";
+import { S as S14 } from "./steps.taro-4b126463.js";
 import { default as default4 } from "./Swiper.js";
-import { S as S14 } from "./swiperitem.taro-da39a67b.js";
-import { T as T7 } from "./table.taro-04b96c71.js";
+import { S as S15 } from "./swiperitem.taro-da39a67b.js";
+import { T as T7 } from "./table.taro-d2c266e1.js";
 import { T as T8 } from "./tag.taro-94e17649.js";
-import { T as T9 } from "./tour.taro-2c596c1e.js";
-import { V } from "./video.taro-672ca6b8.js";
-import { V as V2 } from "./virtuallist.taro-20f5c1c4.js";
-import { B as B5 } from "./barrage.taro-d77c34b4.js";
-import { C as C14 } from "./card.taro-54cac6b0.js";
+import { T as T9 } from "./tour.taro-10b657d8.js";
+import { V } from "./video.taro-804f0da6.js";
+import { V as V2 } from "./virtuallist.taro-08c9c585.js";
+import { B as B5 } from "./barrage.taro-0258ca14.js";
+import { C as C14 } from "./card.taro-99868a10.js";
 import { T as T10 } from "./timedetail.taro-958b8c07.js";
-import { T as T11 } from "./timeselect.taro-518ce353.js";
+import { T as T11 } from "./timeselect.taro-a2130557.js";
 import { T as T12 } from "./trendarrow.taro-e6b635ae.js";
-import { W } from "./watermark.taro-d9f25ff9.js";
-import { A as A7 } from "./avatarcropper.taro-d4ec5ba2.js";
+import { W } from "./watermark.taro-3ea4550f.js";
+import { A as A7 } from "./avatarcropper.taro-499d9550.js";
 import "react";
 import "classnames";
 import "@nutui/icons-react-taro";
@@ -183,21 +184,22 @@ export {
   R3 as Range,
   R4 as Rate,
   R as Row,
-  S6 as SearchBar,
-  S7 as ShortPassword,
-  S3 as SideNavBar,
-  S4 as SideNavBarItem,
-  S8 as Signature,
-  S10 as Skeleton,
+  S3 as SafeArea,
+  S7 as SearchBar,
+  S8 as ShortPassword,
+  S4 as SideNavBar,
+  S5 as SideNavBarItem,
+  S9 as Signature,
+  S11 as Skeleton,
   S as Space,
-  S12 as Step,
-  S13 as Steps,
+  S13 as Step,
+  S14 as Steps,
   S2 as Sticky,
-  S5 as SubSideNavBar,
-  S11 as Swipe,
+  S6 as SubSideNavBar,
+  S12 as Swipe,
   default4 as Swiper,
-  S14 as SwiperItem,
-  S9 as Switch,
+  S15 as SwiperItem,
+  S10 as Switch,
   T3 as TabPane,
   T as Tabbar,
   T2 as TabbarItem,

package/dist/esm/{overlay.taro-ad4b4c8a.js → overlay.taro-2a34cbbf.js}

@@ -118,7 +118,7 @@ const Overlay = (props) => {
       setInnerVisible(false);
     }
   }, [visible]);
-  const classes = classNames(className, classPrefix);
+  const classes = classNames(classPrefix, className);
   const styles = {
     ...style
   };

package/dist/esm/{pagination.taro-bac7c259.js → pagination.taro-7ef7ab28.js}

@@ -1,6 +1,6 @@
 import React__default, { useMemo } from "react";
 import classNames from "classnames";
-import { u as useConfig } from "./configprovider.taro-705da82a.js";
+import { u as useConfig } from "./configprovider.taro-03d376af.js";
 import { u as usePropsValue } from "./use-props-value-7637d900.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {

package/dist/esm/{picker.taro-0371022a.js → picker.taro-00fb321a.js}

@@ -2,11 +2,11 @@ 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-6f68b86f.js";
+import { P as Popup } from "./popup.taro-376be9fe.js";
 import { u as useTouch } from "./use-touch-38cf73ae.js";
 import { g as getRectByTaro } from "./get-rect-by-taro-fe02fe2b.js";
-import { p as passiveSupported } from "./overlay.taro-ad4b4c8a.js";
-import { u as useConfig } from "./configprovider.taro-705da82a.js";
+import { p as passiveSupported } from "./overlay.taro-2a34cbbf.js";
+import { u as useConfig } from "./configprovider.taro-03d376af.js";
 import { u as usePropsValue } from "./use-props-value-7637d900.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const InternalPickerPanel = (props, ref) => {
@@ -493,7 +493,7 @@ const InternalPicker = (props, ref) => {
         typeof children !== "function" && children,
         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: Taro.getEnv() === "JD" ? "nut-picker-indicator-jdapp" : "", className: "nut-picker-view-panel" }, columnsList == null ? void 0 : columnsList.map((columnOptions, index) => {
+        }) : 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) => {
             return React__default.createElement(
               View,

package/dist/esm/{popover.taro-076ba3ac.js → popover.taro-2ca996c8.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-6f68b86f.js";
+import { P as Popup } from "./popup.taro-376be9fe.js";
 import { a as getRect, g as getRectByTaro } from "./get-rect-by-taro-fe02fe2b.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {

package/dist/esm/{popup.taro-6f68b86f.js → popup.taro-376be9fe.js}

@@ -4,7 +4,7 @@ import { CSSTransition } from "react-transition-group";
 import classNames from "classnames";
 import { Close } from "@nutui/icons-react-taro";
 import { View } from "@tarojs/components";
-import { d as defaultOverlayProps, u as useLockScrollTaro, O as Overlay } from "./overlay.taro-ad4b4c8a.js";
+import { d as defaultOverlayProps, u as useLockScrollTaro, O as Overlay } from "./overlay.taro-2a34cbbf.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
   ...ComponentDefaults,

package/dist/esm/{price.taro-0bd3f07a.js → price.taro-710cab3b.js}

@@ -65,7 +65,7 @@ const Price = (props) => {
   };
   return React__default.createElement(
     "div",
-    { className: `${classPrefix} ${className} ${line ? `${classPrefix}--line` : ""}`, 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,

package/dist/esm/{pulltorefresh.taro-2af35305.js → pulltorefresh.taro-1741fda8.js}

@@ -1,6 +1,6 @@
 import React__default, { useRef, useState } from "react";
 import { View } from "@tarojs/components";
-import { u as useConfig } from "./configprovider.taro-705da82a.js";
+import { u as useConfig } from "./configprovider.taro-03d376af.js";
 import { u as useTouch } from "./use-touch-38cf73ae.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 function bound(position, min, max) {

package/dist/esm/{radio.taro-a1956aa2.js → radio.taro-9e049135.js}

@@ -38,9 +38,9 @@ const RadioGroup = React__default.forwardRef((props, ref) => {
         setVal2State("");
       }
     } },
-    React__default.createElement("div", { className: classNames(classPrefix, className, {
+    React__default.createElement("div", { className: classNames(classPrefix, {
       [`${classPrefix}--${props.direction}`]: props.direction
-    }), ...rest }, (options == null ? void 0 : options.length) ? renderOptionsChildren() : children)
+    }, className), ...rest }, (options == null ? void 0 : options.length) ? renderOptionsChildren() : children)
   );
 });
 RadioGroup.defaultProps = defaultProps$1;
@@ -117,19 +117,10 @@ const Radio = (props) => {
       className: classNames(color())
     }) : React__default.createElement(CheckNormal, { className: classNames(color()) });
   };
-  const reverse = labelPosition === "left";
   const renderRadioItem = () => {
     if (shape === "button") {
       return renderButton();
     }
-    if (reverse) {
-      return React__default.createElement(
-        React__default.Fragment,
-        null,
-        renderLabel(),
-        renderIcon()
-      );
-    }
     return React__default.createElement(
       React__default.Fragment,
       null,
@@ -142,7 +133,9 @@ const Radio = (props) => {
       return;
     setCheckedStatement(!checkedStatement);
   };
-  return React__default.createElement("div", { className: `${classPrefix2} ${className} ${reverse ? `${classPrefix2}--reverse` : ""}`, style, onClick: handleClick, ...rest }, renderRadioItem());
+  return React__default.createElement("div", { className: classNames(classPrefix2, {
+    [`${classPrefix2}--reverse`]: labelPosition === "left"
+  }, className), style, onClick: handleClick, ...rest }, renderRadioItem());
 };
 Radio.defaultProps = defaultProps;
 Radio.displayName = "NutRadio";

package/dist/esm/{range.taro-5254c32d.js → range.taro-8c7e9294.js}

@@ -47,9 +47,9 @@ const Range = (props) => {
     [`${classPrefix}-disabled`]: disabled,
     [`${classPrefix}-vertical`]: vertical
   });
-  const containerClasses = classNames(`${classPrefix}-container`, className, {
+  const containerClasses = classNames(`${classPrefix}-container`, {
     [`${classPrefix}-container-vertical`]: vertical
-  });
+  }, className);
   const markClassName = useCallback((mark) => {
     const classPrefix2 = "nut-range-mark";
     let lowerBound = min;

package/dist/esm/{rate.taro-8f34772f.js → rate.taro-2f08de25.js}

@@ -56,10 +56,10 @@ const Rate = (props) => {
     const value2 = Math.max(min, n - 0.5);
     setScore(value2);
   };
-  return React__default.createElement("div", { className: classNames(classPrefix, className, {
+  return React__default.createElement("div", { className: classNames(classPrefix, {
     disabled,
     readonly: readOnly
-  }), style }, countArray.map((n) => {
+  }, className), style }, countArray.map((n) => {
     return React__default.createElement(
       "div",
       { className: `${classPrefix}-item`, key: n, onClick: (event) => onClick(event, n) },

package/dist/esm/safearea.taro-776b7bf8.js

@@ -0,0 +1,9 @@
+import React__default from "react";
+import classNames from "classnames";
+const classPrefix = "nut-safe-area";
+const SafeArea = (props) => {
+  return React__default.createElement("div", { className: classNames(classPrefix, `${classPrefix}-position-${props.position}`) });
+};
+export {
+  SafeArea as S
+};

package/dist/esm/{searchbar.taro-3cc46c2f.js → searchbar.taro-9ffce381.js}

@@ -1,6 +1,6 @@
 import React__default, { useRef, useState, useEffect } from "react";
-import { Search, CircleClose } from "@nutui/icons-react-taro";
-import { u as useConfig } from "./configprovider.taro-705da82a.js";
+import { Search, Failure } from "@nutui/icons-react-taro";
+import { u as useConfig } from "./configprovider.taro-03d376af.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
   ...ComponentDefaults,
@@ -82,7 +82,7 @@ const SearchBar = (props) => {
     return React__default.createElement(
       "div",
       { className: `${classPrefix}__clear ${rightIn ? "pos-right" : ""}`, onClick: (e) => clearaVal(e) },
-      React__default.createElement(CircleClose, { color: "#555", size: 12 })
+      React__default.createElement(Failure, { color: "#555", size: 12 })
     );
   };
   const clearaVal = (event) => {

package/dist/esm/{shortpassword.taro-6351b662.js → shortpassword.taro-8647cd4d.js}

@@ -1,8 +1,8 @@
 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-6f68b86f.js";
-import { u as useConfig } from "./configprovider.taro-705da82a.js";
+import { P as Popup } from "./popup.taro-376be9fe.js";
+import { u as useConfig } from "./configprovider.taro-03d376af.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 import { u as usePropsValue } from "./use-props-value-7637d900.js";
 const defaultProps = {
@@ -52,7 +52,7 @@ const ShortPassword = (props) => {
     }, visible, closeable: true, onOverlayClick: onClose, onCloseIconClick: onClose, ...rest },
     React__default.createElement(
       "div",
-      { className: classNames(className, classPrefix), style },
+      { 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(

package/dist/esm/{sidenavbar.taro-f1b1b6f0.js → sidenavbar.taro-53ac5b88.js}

@@ -1,6 +1,6 @@
 import React__default, { useState } from "react";
 import classNames from "classnames";
-import { P as Popup } from "./popup.taro-6f68b86f.js";
+import { P as Popup } from "./popup.taro-376be9fe.js";
 import { O as OffsetContext } from "./context-f32a9246.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
@@ -24,7 +24,7 @@ const SideNavBar = (props) => {
     { visible, style: { width, height: "100%" }, position, onClose },
     React__default.createElement(
       "div",
-      { className: classNames(className, classPrefix), ...rest },
+      { className: classNames(classPrefix, className), ...rest },
       React__default.createElement(
         "div",
         { className: `${classPrefix}__content` },

package/dist/esm/{skeleton.taro-a0bb88d4.js → skeleton.taro-67715cd4.js}

@@ -1,6 +1,6 @@
 import React__default from "react";
 import classNames from "classnames";
-import { A as Avatar } from "./avatar.taro-68369036.js";
+import { A as Avatar } from "./avatar.taro-21ad648c.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
   ...ComponentDefaults,
@@ -18,7 +18,7 @@ const Skeleton = (props) => {
     ...props
   };
   const classPrefix = "nut-skeleton";
-  const classes = classNames(className, classPrefix);
+  const classes = classNames(classPrefix, className);
   const avatarClass = classNames({
     avatar: true,
     [`avatar--${avatarShape}`]: avatarShape

package/dist/esm/{space.taro-a7e4ced4.js → space.taro-5f8f647f.js}

@@ -9,7 +9,7 @@ const Space = (props) => {
     ...defaultProps,
     ...props
   };
-  const cls = classNames(className, prefixCls, wrap && `${prefixCls}-wrap`, direction && `${prefixCls}-${direction}`, align && `${prefixCls}-align-${align}`, justify && `${prefixCls}-justify-${justify}`);
+  const cls = classNames(prefixCls, wrap && `${prefixCls}-wrap`, direction && `${prefixCls}-${direction}`, align && `${prefixCls}-align-${align}`, justify && `${prefixCls}-justify-${justify}`, className);
   return React__default.createElement("div", { className: cls, style }, React__default.Children.map(children, (child) => {
     return child !== null && child !== void 0 && React__default.createElement("div", { className: `${prefixCls}-item` }, child);
   }));

package/dist/esm/{step.taro-dd522794.js → step.taro-02eb5edb.js}

@@ -27,9 +27,9 @@ const Step = (props) => {
     ((_a = parent.propSteps) == null ? void 0 : _a.onStepClick) && ((_b = parent.propSteps) == null ? void 0 : _b.onStepClick(value));
   };
   const classPrefix = `nut-step`;
-  const classes = classNames({
+  const classes = classNames(classPrefix, {
     [`${classPrefix}-${getCurrentStatus()}`]: true
-  }, className, classPrefix);
+  }, className);
   const renderIconClass = () => {
     if (icon) {
       return `${classPrefix}-icon is-icon`;

package/dist/esm/{steps.taro-0680ae4f.js → steps.taro-4b126463.js}

@@ -15,10 +15,10 @@ const Steps = (props) => {
     propSteps
   };
   const classPrefix = `nut-steps`;
-  const classes = classNames({
+  const classes = classNames(classPrefix, {
     [`${classPrefix}-${direction}`]: true,
     [`${classPrefix}-dot`]: !!props.dot
-  }, className, classPrefix);
+  }, className);
   return React__default.createElement(DataContext.Provider, { value: parentSteps }, React__default.createElement("div", {
     className: classes,
     ...restProps

package/dist/esm/{swipe.taro-20be8e8c.js → swipe.taro-a108baac.js}

@@ -60,7 +60,7 @@ const Swipe = forwardRef((props, instanceRef) => {
     }
     if (rightWrapper.current) {
       const rightRect = await getRectByTaro(rightWrapper.current);
-      setActionWidth((v) => ({ ...v, right: rightRect.width }));
+      setActionWidth((v) => ({ ...v, right: rightRect == null ? void 0 : rightRect.width }));
     }
     if (!props.disabled) {
       startOffset.current = state.offset;

package/dist/esm/{tabbar.taro-d7af9698.js → tabbar.taro-8fe42366.js}

@@ -2,7 +2,7 @@ import React__default from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 import { u as usePropsValue } from "./use-props-value-7637d900.js";
-import { T as TabbarItem } from "./tabbaritem.taro-c7113661.js";
+import { T as TabbarItem } from "./tabbaritem.taro-c75682f5.js";
 const defaultProps = {
   ...ComponentDefaults,
   defaultValue: 0,
@@ -27,9 +27,9 @@ const Tabbar = (props) => {
   });
   return React__default.createElement(
     "div",
-    { className: classNames(classPrefix, className, {
+    { className: classNames(classPrefix, {
       [`${classPrefix}__fixed`]: fixed
-    }), style },
+    }, className), style },
     React__default.createElement("div", { className: `${classPrefix}__wrap` }, React__default.Children.map(children, (child, idx) => {
       if (!React__default.isValidElement(child)) {
         return null;

package/dist/esm/{tabbaritem.taro-c7113661.js → tabbaritem.taro-c75682f5.js}

@@ -20,9 +20,9 @@ const TabbarItem = (props) => {
     ...props
   };
   const classPrefix = "nut-tabbar-item";
-  const tabbarItemClass = classNames(className, classPrefix, {
+  const tabbarItemClass = classNames(classPrefix, {
     [`${classPrefix}-active`]: active
-  });
+  }, className);
   const boxPrefix = `${classPrefix}__icon-box`;
   const titleClass = classNames(boxPrefix, `${boxPrefix}-nav`, {
     [`${boxPrefix}-large`]: !icon

package/dist/esm/{table.taro-04b96c71.js → table.taro-d2c266e1.js}

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from "react";
 import classNames from "classnames";
 import { DownArrow } from "@nutui/icons-react-taro";
-import { u as useConfig } from "./configprovider.taro-705da82a.js";
+import { u as useConfig } from "./configprovider.taro-03d376af.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
   ...ComponentDefaults,

package/dist/esm/{tabpane.taro-d0eea168.js → tabpane.taro-96001c64.js}

@@ -11,9 +11,9 @@ const TabPane = (props) => {
     ...props
   };
   const classPrefix = "nut-tabpane";
-  const classes = classNames({
+  const classes = classNames(classPrefix, {
     active: !disabled && props.active
-  }, classPrefix, autoHeightClassName, className);
+  }, autoHeightClassName, className);
   return children ? React__default.createElement("div", { className: classes }, !disabled && children) : null;
 };
 export {

package/dist/esm/{tabs.taro-f4239f2d.js → tabs.taro-ba8788c1.js}

@@ -4,7 +4,7 @@ import classNames from "classnames";
 import { JoySmile } from "@nutui/icons-react-taro";
 import Taro, { nextTick } from "@tarojs/taro";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
-import { T as TabPane } from "./tabpane.taro-d0eea168.js";
+import { T as TabPane } from "./tabpane.taro-96001c64.js";
 import { u as usePropsValue } from "./use-props-value-7637d900.js";
 import { u as useForceUpdate } from "./use-force-update-9cd7c164.js";
 import { r as requestAniFrame } from "./raf-a9ff50ad.js";

package/dist/esm/{textarea.taro-4e81857d.js → textarea.taro-6ce0d027.js}

@@ -2,7 +2,7 @@ import React__default, { useRef } from "react";
 import classNames from "classnames";
 import Taro from "@tarojs/taro";
 import { Textarea } from "@tarojs/components";
-import { u as useConfig } from "./configprovider.taro-705da82a.js";
+import { u as useConfig } from "./configprovider.taro-03d376af.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 import { u as usePropsValue } from "./use-props-value-7637d900.js";
 const defaultProps = {
@@ -58,9 +58,9 @@ const TextArea = (props) => {
   };
   return React__default.createElement(
     "div",
-    { className: classNames(classPrefix, className, {
+    { className: classNames(classPrefix, {
       [`${classPrefix}__disabled`]: disabled
-    }) },
+    }, className) },
     React__default.createElement(Textarea, {
       nativeProps: {
         style,

package/dist/esm/{timeselect.taro-518ce353.js → timeselect.taro-a2130557.js}

@@ -1,9 +1,9 @@
 import React__default, { useState } from "react";
 import classNames from "classnames";
-import { P as Popup } from "./popup.taro-6f68b86f.js";
+import { P as Popup } from "./popup.taro-376be9fe.js";
 import { T as TimeDetail } from "./timedetail.taro-958b8c07.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
-import { u as useConfig } from "./configprovider.taro-705da82a.js";
+import { u as useConfig } from "./configprovider.taro-03d376af.js";
 const defaultProps = {
   ...ComponentDefaults,
   visible: false,

package/dist/esm/{toast.taro-9a4d0a5f.js → toast.taro-b847d537.js}

@@ -1,7 +1,7 @@
 import React__default, { useRef, useEffect } from "react";
 import classNames from "classnames";
 import { Success, Failure, Tips, Loading } from "@nutui/icons-react-taro";
-import { O as Overlay } from "./overlay.taro-ad4b4c8a.js";
+import { O as Overlay } from "./overlay.taro-2a34cbbf.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 import { b as useParams, u as useCustomEvent, a as useCustomEventsPath, c as customEvents } from "./use-custom-event-c672f4ae.js";
 import { u as usePropsValue } from "./use-props-value-7637d900.js";

package/dist/esm/{tour.taro-2c596c1e.js → tour.taro-10b657d8.js}

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from "react";
 import { Close } from "@nutui/icons-react-taro";
 import classNames from "classnames";
-import { P as Popover } from "./popover.taro-076ba3ac.js";
+import { P as Popover } from "./popover.taro-2ca996c8.js";
 import Taro from "@tarojs/taro";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 import { useConfig } from "./ConfigProvider.js";
@@ -59,7 +59,7 @@ const Tour = (props) => {
     width: 0,
     height: 0
   });
-  const classes = classNames(className, classPrefix);
+  const classes = classNames(classPrefix, className);
   useEffect(() => {
     if (visible) {
       getRootPosition();