@nutui/nutui-react-taro 2.1.0-beta.0 → 2.1.1-beta.0

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

@@ -1,6 +1,6 @@
 import React__default, { useRef, useState, useEffect } from "react";
-import { Search, Failure } from "@nutui/icons-react-taro";
-import { u as useConfig } from "./configprovider.taro-03d376af.js";
+import { Search, ArrowLeft, MaskClose } from "@nutui/icons-react-taro";
+import { u as useConfig } from "./configprovider.taro-e890dac3.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
   ...ComponentDefaults,
@@ -11,17 +11,18 @@ const defaultProps = {
   clearable: true,
   readOnly: false,
   autoFocus: false,
+  backable: false,
   left: "",
   right: "",
   rightIn: "",
-  leftIn: React__default.createElement(Search, { size: "12" })
+  leftIn: React__default.createElement(Search, { size: "16" })
 };
 const SearchBar = (props) => {
   const classPrefix = "nut-searchbar";
   const { locale } = useConfig();
   const searchRef = useRef(null);
   const [value, setValue] = useState(() => props.value);
-  const { placeholder, shape, className, disabled, maxLength, clearable, readOnly, autoFocus, right, left, leftIn, rightIn, onChange, onFocus, onBlur, onClear, onSearch, onInputClick } = {
+  const { placeholder, shape, className, disabled, maxLength, clearable, readOnly, autoFocus, backable, right, left, leftIn, rightIn, onChange, onFocus, onBlur, onClear, onSearch, onInputClick } = {
     ...defaultProps,
     ...props
   };
@@ -53,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);
@@ -61,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 (!left)
+    if (!backable && !left)
       return null;
-    return React__default.createElement("div", { className: `${classPrefix}__left` }, left);
+    return React__default.createElement("div", { className: `${classPrefix}-left` }, backable ? React__default.createElement(ArrowLeft, { size: "20" }) : 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 ${rightIn ? "pos-right" : ""}`, onClick: (e) => clearaVal(e) },
-      React__default.createElement(Failure, { color: "#555", size: 12 })
+      { className: `${classPrefix}-clear  ${classPrefix}-icon`, onClick: (e) => clearaVal(e) },
+      React__default.createElement(MaskClose, { size: 20 })
     );
   };
   const clearaVal = (event) => {
@@ -103,14 +104,14 @@ 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()),
-      renderRightIn(),
+      React__default.createElement("div", { className: "nut-searchbar-input-box" }, renderField()),
+      clearable && !value && renderRightIn(),
       clearable && value && handleClear()
     ),
     renderRight()

package/dist/esm/{shortpassword.taro-8647cd4d.js → shortpassword.taro-cd9e234e.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-376be9fe.js";
-import { u as useConfig } from "./configprovider.taro-03d376af.js";
+import { P as Popup } from "./popup.taro-85284489.js";
+import { u as useConfig } from "./configprovider.taro-e890dac3.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 import { u as usePropsValue } from "./use-props-value-7637d900.js";
 const defaultProps = {
@@ -53,21 +53,21 @@ 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" } }),
@@ -76,9 +76,9 @@ const ShortPassword = (props) => {
       ),
       !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-53ac5b88.js → sidenavbar.taro-5a5b4178.js}

@@ -1,6 +1,6 @@
 import React__default, { useState } from "react";
 import classNames from "classnames";
-import { P as Popup } from "./popup.taro-376be9fe.js";
+import { P as Popup } from "./popup.taro-85284489.js";
 import { O as OffsetContext } from "./context-f32a9246.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.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-69b0784d.js → sidenavbaritem.taro-f2650b21.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-3e0c2694.js → signature.taro-7ada09ae.js}

@@ -6,7 +6,7 @@ const defaultProps = {
   canvasId: "spcanvas",
   type: "png",
   lineWidth: 2,
-  strokeStyle: "#000"
+  strokeStyle: "#1a1a1a"
 };
 const InternalSignature = (props, ref) => {
   const { canvasId, type, lineWidth, strokeStyle, className, style, onConfirm, onClear, ...rest } = {
@@ -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-67715cd4.js → skeleton.taro-9504ad22.js}

@@ -1,6 +1,6 @@
 import React__default from "react";
 import classNames from "classnames";
-import { A as Avatar } from "./avatar.taro-21ad648c.js";
+import { A as Avatar } from "./avatar.taro-814a4b85.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
   ...ComponentDefaults,
@@ -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-bee7a130.js → sticky.taro-560c98a8.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/style.css

@@ -0,0 +1 @@
+:root{--nut-icon-height: 16px;--nut-icon-width: 16px;--nut-icon-line-height: 16px;--animate-duration: 1s;--animate-delay: 0s}page{--nut-icon-height: 20px;--nut-icon-width: 20px;--nut-icon-line-height: 20px;--animate-duration: 1s;--animate-delay: 0s}.nut-icon{display:inline-block;position:relative;width:var(--nut-icon-width);height:var(--nut-icon-height);line-height:var(--nut-icon-line-height);text-align:right}.nut-icon:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nut-icon__img{width:var(--nut-icon-width);height:var(--nut-icon-height);object-fit:contain}.nut-icon-loading,.nut-icon-loading1{display:inline-block;animation:rotation 1s infinite linear}.nut-icon-am-infinite{-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-iteration-count:infinite;animation-direction:alternate}.nut-icon-am-jump{-webkit-animation-name:nutJumpOne;-webkit-animation-duration:var(--animate-duration);-webkit-animation-timing-function:ease;-webkit-animation-delay:var(--animate-delay);animation-name:nutJumpOne;animation-duration:var(--animate-duration);animation-timing-function:ease;animation-delay:var(--animate-delay)}.nut-icon-am-jump.nut-icon-am-infinite{-webkit-animation-name:nutJump;animation-name:nutJump}.nut-icon-am-rotate{-webkit-animation-name:rotation;-webkit-animation-duration:var(--animate-duration);-webkit-animation-timing-function:linear;-webkit-animation-delay:var(--animate-delay);animation-name:rotation;animation-duration:var(--animate-duration);animation-timing-function:linear;animation-delay:var(--animate-delay)}.nut-icon-am-rotate.nut-icon-am-infinite{-webkit-animation-direction:normal;animation-direction:normal}.nut-icon-am-blink{-webkit-animation-name:nutBlink;-webkit-animation-duration:var(--animate-duration);-webkit-animation-timing-function:ease-in-out;-webkit-animation-delay:var(--animate-delay);animation-name:nutBlink;animation-duration:var(--animate-duration);animation-timing-function:linear;animation-delay:var(--animate-delay)}.nut-icon-am-breathe{-webkit-animation-name:nutBreathe;-webkit-animation-duration:var(--animate-duration);-webkit-animation-timing-function:ease-in-out;-webkit-animation-delay:var(--animate-delay);animation-name:nutBreathe;animation-duration:var(--animate-duration);animation-timing-function:ease-in-out;animation-delay:var(--animate-delay)}.nut-icon-am-flash{-webkit-animation-name:nutFlash;-webkit-animation-duration:var(--animate-duration);-webkit-animation-timing-function:ease-in-out;-webkit-animation-delay:var(--animate-delay);animation-name:nutFlash;animation-duration:var(--animate-duration);animation-timing-function:ease-in-out;animation-delay:var(--animate-delay)}.nut-icon-am-bounce{-webkit-animation-name:nutBounce;-webkit-animation-duration:var(--animate-duration);-webkit-animation-timing-function:ease-in-out;-webkit-animation-delay:var(--animate-delay);animation-name:nutBounce;animation-duration:var(--animate-duration);animation-timing-function:ease-in-out;animation-delay:var(--animate-delay)}.nut-icon-am-bounce.nut-icon-am-infinite{-webkit-animation-direction:normal;animation-direction:normal}.nut-icon-am-shake{-webkit-animation-name:nutShake;-webkit-animation-duration:var(--animate-duration);-webkit-animation-timing-function:ease-in-out;-webkit-animation-delay:var(--animate-delay);animation-name:nutShake;animation-duration:var(--animate-duration);animation-timing-function:ease-in-out;animation-delay:var(--animate-delay)}@keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-webkit-keyframes nutJump{to{transform:scale3d(.8,1,.9) translateY(-10px)}}@keyframes nutJump{to{transform:scale3d(.8,1,.9) translateY(-10px)}}@-webkit-keyframes nutJumpOne{50%{transform:scale3d(.8,1,.9) translateY(-10px)}to{transform:scaleZ(1) translateY(0)}}@keyframes nutJumpOne{50%{transform:scale3d(.8,1,.9) translateY(-10px)}to{transform:scaleZ(1) translateY(0)}}@-webkit-keyframes nutBlink{0%{opacity:0}to{opacity:1}}@keyframes nutBlink{0%{opacity:0}to{opacity:1}}@-webkit-keyframes nutBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes nutBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@-webkit-keyframes nutFlash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes nutFlash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@-webkit-keyframes nutBounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes nutBounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@-webkit-keyframes nutShake{0%{-webkit-transform:translateX(0);transform:translate(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translate(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translate(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translate(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translate(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes nutShake{0%{-webkit-transform:translateX(0);transform:translate(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translate(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translate(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translate(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translate(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translate(0)}}

package/dist/esm/{subsidenavbar.taro-797ce379.js → subsidenavbar.taro-cf175ac5.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 {

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

@@ -135,7 +135,7 @@ const Swipe = forwardRef((props, instanceRef) => {
   const rightWrapper = useRef(null);
   const renderActionContent = (side) => {
     if (props[`${side}Action`]) {
-      return React__default.createElement("div", { ref: side === "left" ? leftWrapper : rightWrapper, className: `${classPrefix}__${side}`, onClick: (e) => handleOperate(e, side) }, props[`${side}Action`]);
+      return React__default.createElement("div", { ref: side === "left" ? leftWrapper : rightWrapper, className: `${classPrefix}-${side}`, onClick: (e) => handleOperate(e, side) }, props[`${side}Action`]);
     }
     return null;
   };
@@ -173,7 +173,7 @@ const Swipe = forwardRef((props, instanceRef) => {
     { ref: root, className: classNames(classPrefix, className), onTouchStart: (e) => onTouchStart(e), onTouchMove: (e) => onTouchMove(e), onTouchEnd: (e) => onTouchEnd(e), style },
     React__default.createElement(
       "div",
-      { className: `${classPrefix}__wrapper`, style: wrapperStyle },
+      { className: `${classPrefix}-wrapper`, style: wrapperStyle },
       renderActionContent("left"),
       children,
       renderActionContent("right")

package/dist/esm/{switch.taro-1c7715e8.js → switch.taro-e46db0c3.js}

@@ -18,7 +18,7 @@ const Switch = (props) => {
     defaultValue: defaultChecked
   });
   const classes = () => {
-    return `${classPrefix} ${value ? "switch-open" : "switch-close"} ${disabled ? `${classPrefix}-disabled` : ""} ${`${classPrefix}-base`} ${className}`;
+    return `${classPrefix} ${value ? "nut-switch-open" : "nut-switch-close"} ${disabled ? `${classPrefix}-disabled` : ""} ${`${classPrefix}-base`} ${className}`;
   };
   const onClick = (event) => {
     if (disabled)
@@ -33,7 +33,7 @@ const Switch = (props) => {
       "div",
       { className: "switch-button" },
       !value && React__default.createElement("div", { className: "close-line" }),
-      activeText && React__default.createElement(React__default.Fragment, null, value ? React__default.createElement("div", { className: `${classPrefix}__label open` }, activeText) : React__default.createElement("div", { className: `${classPrefix}__label close` }, inactiveText))
+      activeText && React__default.createElement(React__default.Fragment, null, value ? React__default.createElement("div", { className: `${classPrefix}-label open` }, activeText) : React__default.createElement("div", { className: `${classPrefix}-label close` }, inactiveText))
     )
   );
 };

package/dist/esm/{tabbar.taro-8fe42366.js → tabbar.taro-e74e904e.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-c75682f5.js";
+import { T as TabbarItem } from "./tabbaritem.taro-fa0e2bfa.js";
 const defaultProps = {
   ...ComponentDefaults,
   defaultValue: 0,
@@ -28,9 +28,9 @@ const Tabbar = (props) => {
   return React__default.createElement(
     "div",
     { className: classNames(classPrefix, {
-      [`${classPrefix}__fixed`]: fixed
+      [`${classPrefix}-fixed`]: fixed
     }, className), style },
-    React__default.createElement("div", { className: `${classPrefix}__wrap` }, React__default.Children.map(children, (child, idx) => {
+    React__default.createElement("div", { className: `${classPrefix}-wrap` }, React__default.Children.map(children, (child, idx) => {
       if (!React__default.isValidElement(child)) {
         return null;
       }
@@ -44,7 +44,7 @@ const Tabbar = (props) => {
       };
       return React__default.cloneElement(child, childProps);
     })),
-    (fixed || safeArea) && React__default.createElement("div", { className: `${classPrefix}__safe-area` })
+    (fixed || safeArea) && React__default.createElement("div", { className: `${classPrefix}-safe-area` })
   );
 };
 Tabbar.defaultProps = defaultProps;

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

@@ -1,7 +1,7 @@
 import React__default from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
-import { B as Badge } from "./badge.taro-ffca952e.js";
+import { B as Badge } from "./badge.taro-004f2eb0.js";
 const defaultProps = {
   ...ComponentDefaults,
   title: "",
@@ -23,7 +23,7 @@ const TabbarItem = (props) => {
   const tabbarItemClass = classNames(classPrefix, {
     [`${classPrefix}-active`]: active
   }, className);
-  const boxPrefix = `${classPrefix}__icon-box`;
+  const boxPrefix = `${classPrefix}-icon-box`;
   const titleClass = classNames(boxPrefix, `${boxPrefix}-nav`, {
     [`${boxPrefix}-large`]: !icon
   });

package/dist/esm/{table.taro-d2c266e1.js → table.taro-4edde60b.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-03d376af.js";
+import { ArrowDown } from "@nutui/icons-react-taro";
+import { u as useConfig } from "./configprovider.taro-e890dac3.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
   ...ComponentDefaults,
@@ -27,8 +27,8 @@ const Table = (props) => {
     }
   }, [data]);
   const classPrefix = "nut-table";
-  const headerClassPrefix = `${classPrefix}__main__head__tr`;
-  const bodyClassPrefix = `${classPrefix}__main__body__tr`;
+  const headerClassPrefix = `${classPrefix}-main-head-tr`;
+  const bodyClassPrefix = `${classPrefix}-main-body-tr`;
   const cls = classNames(classPrefix, className);
   const handleSorterClick = (item) => {
     if (item.sorter) {
@@ -42,8 +42,8 @@ const Table = (props) => {
   };
   const cellClasses = (item) => {
     return {
-      [`${headerClassPrefix}--border`]: props.bordered,
-      [`${headerClassPrefix}--align${item.align ? item.align : ""}`]: true
+      [`${headerClassPrefix}-border`]: props.bordered,
+      [`${headerClassPrefix}-align${item.align ? item.align : ""}`]: true
     };
   };
   const getColumnItem = (value) => {
@@ -53,10 +53,10 @@ const Table = (props) => {
     return columns.map((item, index) => {
       return React__default.createElement(
         "span",
-        { className: classNames(`${headerClassPrefix}__th`, cellClasses(item)), key: item.key, onClick: () => handleSorterClick(item) },
+        { className: classNames(`${headerClassPrefix}-th`, cellClasses(item)), key: item.key, onClick: () => handleSorterClick(item) },
         item.title,
         " ",
-        item.sorter && (sorterIcon || React__default.createElement(DownArrow, { size: "12px" }))
+        item.sorter && (sorterIcon || React__default.createElement(ArrowDown, { size: "12px" }))
       );
     });
   };
@@ -67,7 +67,7 @@ const Table = (props) => {
   };
   const renderBodyTds = (item, rowIndex) => {
     return sortDataItem().map(([value, render]) => {
-      return React__default.createElement("span", { className: classNames(`${bodyClassPrefix}__td`, cellClasses(getColumnItem(value))), key: value }, typeof item[value] === "function" || typeof render === "function" ? React__default.createElement("div", null, render ? render(item, rowIndex) : item[value](item)) : item[value]);
+      return React__default.createElement("span", { className: classNames(`${bodyClassPrefix}-td`, cellClasses(getColumnItem(value))), key: value }, typeof item[value] === "function" || typeof render === "function" ? React__default.createElement("div", null, render ? render(item, rowIndex) : item[value](item)) : item[value]);
     });
   };
   const renderBoyTrs = () => {
@@ -80,17 +80,17 @@ const Table = (props) => {
     { className: cls, style, ...rest },
     React__default.createElement(
       "div",
-      { className: classNames(`${classPrefix}__main`, {
-        [`${classPrefix}__main--striped`]: striped
+      { className: classNames(`${classPrefix}-main`, {
+        [`${classPrefix}-main-striped`]: striped
       }) },
       showHeader && React__default.createElement(
         "div",
-        { className: `${classPrefix}__main__head` },
+        { className: `${classPrefix}-main-head` },
         React__default.createElement("div", { className: headerClassPrefix }, renderHeadCells())
       ),
-      React__default.createElement("div", { className: `${classPrefix}__main__body` }, renderBoyTrs())
+      React__default.createElement("div", { className: `${classPrefix}-main-body` }, renderBoyTrs())
     ),
-    (summary || curData.length === 0) && React__default.createElement("div", { className: `${classPrefix}__summary` }, summary || noData)
+    (summary || curData.length === 0) && React__default.createElement("div", { className: `${classPrefix}-summary` }, summary || noData)
   );
 };
 Table.defaultProps = defaultProps;

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

@@ -7,7 +7,7 @@ import { C as ComponentDefaults } from "./typings-11d83a22.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";
+import { r as requestAniFrame } from "./raf-12d6371d.js";
 const defaultProps = {
   ...ComponentDefaults,
   tabStyle: {},
@@ -65,11 +65,11 @@ const Tabs = (props) => {
       forceUpdate();
     }
   }, [children]);
-  const classes = classNames(classPrefix, `${classPrefix}--${direction}`, className);
-  const classesTitle = classNames(`${classPrefix}__titles`, {
-    [`${classPrefix}__titles--${activeType}`]: activeType,
-    [`${classPrefix}__titles--scrollable`]: true,
-    [`${classPrefix}__titles--${align}`]: align
+  const classes = classNames(classPrefix, `${classPrefix}-${direction}`, className);
+  const classesTitle = classNames(`${classPrefix}-titles`, {
+    [`${classPrefix}-titles-${activeType}`]: activeType,
+    [`${classPrefix}-titles-scrollable`]: true,
+    [`${classPrefix}-titles-${align}`]: align
   });
   const tabsActiveStyle = {
     color: activeType === "smile" ? activeColor : "",
@@ -114,8 +114,8 @@ const Tabs = (props) => {
       return;
     requestAniFrame(() => {
       Promise.all([
-        getRect(`#nut-tabs__titles_${name} .nut-tabs__list`),
-        getAllRect(`#nut-tabs__titles_${name} .nut-tabs__titles-item`)
+        getRect(`#nut-tabs-titles-${name} .nut-tabs-list`),
+        getAllRect(`#nut-tabs-titles-${name} .nut-tabs-titles-item`)
       ]).then(([navRect, titleRects]) => {
         navRectRef.current = navRect;
         titleRectRef.current = titleRects;
@@ -157,33 +157,33 @@ const Tabs = (props) => {
     { className: classes, ...rest },
     React__default.createElement(
       ScrollView,
-      { enableFlex: true, scrollX: direction === "horizontal", scrollY: direction === "vertical", scrollLeft, scrollTop, showScrollbar: false, scrollWithAnimation: scrollWithAnimation.current, id: `nut-tabs__titles_${name}`, className: classesTitle, style: { ...tabStyle } },
-      React__default.createElement(View, { className: "nut-tabs__list", ref: navRef }, !!title && typeof title === "function" ? title() : titles.current.map((item, index) => {
+      { enableFlex: true, scrollX: direction === "horizontal", scrollY: direction === "vertical", scrollLeft, scrollTop, showScrollbar: false, scrollWithAnimation: scrollWithAnimation.current, id: `nut-tabs-titles-${name}`, className: classesTitle, style: { ...tabStyle } },
+      React__default.createElement(View, { className: "nut-tabs-list", ref: navRef }, !!title && typeof title === "function" ? title() : titles.current.map((item, index) => {
         return React__default.createElement(
           View,
           { ref: (ref) => titleItemsRef.current.push(ref), id: `scrollIntoView${index}`, onClick: (e) => {
             tabChange(item);
-          }, className: classNames(`${classPrefix}__titles-item taro`, {
-            [`nut-tabs__titles-item--active`]: !item.disabled && String(item.value) === String(value),
-            [`nut-tabs__titles-item--disabled`]: item.disabled,
-            [`nut-tabs__titles-item--${align}`]: align
+          }, className: classNames(`${classPrefix}-titles-item taro`, {
+            [`nut-tabs-titles-item-active`]: !item.disabled && String(item.value) === String(value),
+            [`nut-tabs-titles-item-disabled`]: item.disabled,
+            [`nut-tabs-titles-item-${align}`]: align
           }), key: item.value },
-          activeType === "line" && React__default.createElement(View, { className: `${classPrefix}__titles-item__line`, style: tabsActiveStyle }),
+          activeType === "line" && React__default.createElement(View, { className: `${classPrefix}-titles-item-line`, style: tabsActiveStyle }),
           activeType === "smile" && React__default.createElement(
             View,
-            { className: `${classPrefix}__titles-item__smile`, style: tabsActiveStyle },
+            { className: `${classPrefix}-titles-item-smile`, style: tabsActiveStyle },
             React__default.createElement(JoySmile, { color: activeColor, width: 40, height: 20 })
           ),
           React__default.createElement(View, { className: classNames({
             ellipsis: true
-          }, `${classPrefix}__titles-item__text`) }, item.title)
+          }, `${classPrefix}-titles-item-text`) }, item.title)
         );
       }))
     ),
     React__default.createElement(
       View,
-      { className: `${classPrefix}__content__wrap` },
-      React__default.createElement(View, { className: `${classPrefix}__content`, style: contentStyle }, React__default.Children.map(children, (child, idx) => {
+      { className: `${classPrefix}-content-wrap` },
+      React__default.createElement(View, { className: `${classPrefix}-content`, style: contentStyle }, React__default.Children.map(children, (child, idx) => {
         if (!React__default.isValidElement(child)) {
           return null;
         }

package/dist/esm/{tag.taro-94e17649.js → tag.taro-9fbc6a5e.js}

@@ -26,11 +26,11 @@ const Tag = (props) => {
   const classPrefix = "nut-tag";
   const classes = classNames({
     [classPrefix]: true,
-    [`${classPrefix}--${type}`]: type,
-    [`${classPrefix}--plain`]: plain,
-    [`${classPrefix}--round`]: round,
-    [`${classPrefix}--mark`]: mark,
-    [`${classPrefix}--close`]: closeable,
+    [`${classPrefix}-${type}`]: type,
+    [`${classPrefix}-plain`]: plain,
+    [`${classPrefix}-round`]: round,
+    [`${classPrefix}-mark`]: mark,
+    [`${classPrefix}-close`]: closeable,
     [`${className}`]: className
   });
   const handleClick = (e) => {
@@ -57,7 +57,7 @@ const Tag = (props) => {
     React__default.isValidElement(closeIcon) ? React__default.createElement("i", { className: `${classPrefix}-custom-icon`, onClick: (e) => {
       setVisible(false);
       onClose && onClose(e);
-    } }, closeIcon) : React__default.createElement(Close, { size: 12, onClick: (e) => {
+    } }, closeIcon) : React__default.createElement(Close, { size: 8, onClick: (e) => {
       setVisible(false);
       onClose && onClose(e);
     } })