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

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

@@ -1,6 +1,6 @@
 import React__default, { useState, useEffect } from "react";
 import classNames from "classnames";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const defaultProps = {
   ...ComponentDefaults,
   percent: 0,
@@ -50,7 +50,7 @@ const Progress = (props) => {
       { className: `${classPrefix}-outer`, style: stylesOuter },
       React__default.createElement("div", { className: classesInner, style: stylesInner }, showText && React__default.createElement("div", { className: `${classPrefix}-text`, style: { left: `${displayPercent}%` } }, children || React__default.createElement(
         "div",
-        { className: `${classPrefix}-text-inner`, style: {
+        { className: `${classPrefix}-text__inner`, style: {
           background: color
         } },
         percent,

package/dist/esm/{pulltorefresh.taro-e8258b3c.js → pulltorefresh.taro-_lHPzDm-.js}

@@ -1,8 +1,8 @@
 import React__default, { useRef, useState } from "react";
 import { View } from "@tarojs/components";
-import { u as useConfig } from "./configprovider.taro-e890dac3.js";
-import { u as useTouch } from "./use-touch-38cf73ae.js";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
+import { u as useConfig } from "./configprovider.taro-hS2SwHJB.js";
+import { u as useTouch } from "./use-touch-DODa8svc.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 function bound(position, min, max) {
   let ret = position;
   if (min !== void 0) {
@@ -34,7 +34,7 @@ const defaultProps = {
   completeText: "",
   completeDelay: 500,
   disabled: false,
-  headHeight: 50,
+  headHeight: 40,
   threshold: 60,
   scrollTop: 0,
   onRefresh: () => {
@@ -59,28 +59,6 @@ const PullToRefresh = (p) => {
   const pullingRef = useRef(false);
   const [status, setStatus] = useState("pulling");
   const [height, setHeight] = useState(0);
-  const renderIcons = () => {
-    return React__default.createElement(
-      React__default.Fragment,
-      null,
-      React__default.createElement(
-        "i",
-        { className: `${classPrefix}-head-content-icons` },
-        (status === "pulling" || status === "complete") && React__default.createElement(
-          "svg",
-          { xmlns: "http://www.w3.org/2000/svg", width: "36", height: "26", viewBox: "0 0 36 26", fill: "none" },
-          React__default.createElement("path", { d: "M34.7243 10.965C32.842 8.94809 32.4297 5.92727 31.2018 4.90525C29.9738 3.88324 28.1722 5.51123 27.5089 6.46993C23.8429 3.88324 17.9809 4.00082 17.9809 4.00082C17.9809 4.00082 12.1458 3.88324 8.47083 6.46993C7.80754 5.51123 6.01488 3.88324 4.78691 4.90525C3.55894 5.92727 3.15559 8.94809 1.2733 10.965C-0.133943 12.4844 -0.250465 12.9276 0.323186 14.1305C0.887874 15.3334 4.40149 16.3283 6.88432 13.9496C7.21596 15.1887 10.0125 21.9991 17.9899 21.9991C25.9672 21.9991 28.7817 15.1887 29.1043 13.9496C31.5872 16.3283 35.1098 15.3334 35.6834 14.1305C36.2481 12.9276 36.1316 12.4844 34.7243 10.965Z", fill: "#8C8C8C" })
-        ),
-        (status === "canRelease" || status === "refreshing") && React__default.createElement(
-          "svg",
-          { xmlns: "http://www.w3.org/2000/svg", width: "36", height: "26", viewBox: "0 0 36 26", fill: "none" },
-          React__default.createElement("circle", { cx: "33", cy: "13", r: "3", fill: "#8C8C8C" }),
-          React__default.createElement("circle", { cx: "18", cy: "13", r: "3", fill: "#8C8C8C" }),
-          React__default.createElement("circle", { cx: "3", cy: "13", r: "3", fill: "#8C8C8C" })
-        )
-      )
-    );
-  };
   const renderStatusText = () => {
     var _a;
     if (props.renderText) {
@@ -148,12 +126,7 @@ const PullToRefresh = (p) => {
     React__default.createElement(
       View,
       { style: springStyles, className: `${classPrefix}-head` },
-      React__default.createElement(
-        "div",
-        { className: `${classPrefix}-head-content`, style: { height: headHeight } },
-        renderIcons(),
-        React__default.createElement("div", null, renderStatusText())
-      )
+      React__default.createElement("div", { className: `${classPrefix}-head-content`, style: { height: headHeight } }, renderStatusText())
     ),
     React__default.createElement("div", { className: `${classPrefix}-content` }, props.children)
   );

package/dist/esm/{radio.taro-b0f9fd8e.js → radio.taro-EzXWv4Io.js}

@@ -1,8 +1,8 @@
 import React__default, { useCallback, useContext } from "react";
-import { CheckDisabled, CheckChecked, CheckNormal } from "@nutui/icons-react-taro";
+import { CheckChecked, CheckNormal } from "@nutui/icons-react-taro";
 import classNames from "classnames";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
-import { u as usePropsValue } from "./use-props-value-7637d900.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
+import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
 const RadioContext = React__default.createContext(null);
 const defaultProps$1 = {
   labelPosition: "right",
@@ -39,7 +39,7 @@ const RadioGroup = React__default.forwardRef((props, ref) => {
       }
     } },
     React__default.createElement("div", { className: classNames(classPrefix, {
-      [`${classPrefix}-${props.direction}`]: props.direction
+      [`${classPrefix}--${props.direction}`]: props.direction
     }, className), ...rest }, (options == null ? void 0 : options.length) ? renderOptionsChildren() : children)
   );
 });
@@ -87,28 +87,25 @@ const Radio = (props) => {
     };
   }
   const renderLabel = () => {
-    return React__default.createElement("div", { className: classNames(`${classPrefix2}-label`, {
-      [`${classPrefix2}-label-disabled`]: disabled
+    return React__default.createElement("div", { className: classNames(`${classPrefix2}__label`, {
+      [`${classPrefix2}__label--disabled`]: disabled
     }) }, children);
   };
   const renderButton = () => {
-    return React__default.createElement("div", { className: classNames(`${classPrefix2}-button`, {
-      [`${classPrefix2}-button-active`]: checkedStatement,
-      [`${classPrefix2}-button-disabled`]: disabled
+    return React__default.createElement("div", { className: classNames(`${classPrefix2}__button`, {
+      [`${classPrefix2}__button--active`]: checkedStatement,
+      [`${classPrefix2}__button--disabled`]: disabled
     }) }, children);
   };
   const color = () => {
     return {
-      [`${classPrefix2}-icon-disabled`]: disabled,
-      [`${classPrefix2}-icon`]: !checkedStatement,
-      [`${classPrefix2}-icon-checked`]: checkedStatement
+      [`${classPrefix2}__icon--disable`]: disabled,
+      [`${classPrefix2}__icon`]: checkedStatement,
+      [`${classPrefix2}__icon--unchecked`]: !checkedStatement
     };
   };
   const renderIcon = () => {
     const { icon: icon2, activeIcon: activeIcon2 } = props;
-    if (disabled && !checkedStatement) {
-      return React__default.createElement(CheckDisabled, { className: classNames(color()) });
-    }
     if (checkedStatement) {
       return React__default.isValidElement(activeIcon2) ? React__default.cloneElement(activeIcon2, {
         ...activeIcon2.props,
@@ -137,7 +134,7 @@ const Radio = (props) => {
     setCheckedStatement(!checkedStatement);
   };
   return React__default.createElement("div", { className: classNames(classPrefix2, {
-    [`${classPrefix2}-reverse`]: labelPosition === "left"
+    [`${classPrefix2}--reverse`]: labelPosition === "left"
   }, className), style, onClick: handleClick, ...rest }, renderRadioItem());
 };
 Radio.defaultProps = defaultProps;

package/dist/esm/{range.taro-8c7e9294.js → range.taro-708Gnv2w.js}

@@ -1,10 +1,10 @@
 import React__default, { useState, useRef, useEffect, useCallback } from "react";
 import classNames from "classnames";
 import { View } from "@tarojs/components";
-import { u as useTouch } from "./use-touch-38cf73ae.js";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
-import { u as usePropsValue } from "./use-props-value-7637d900.js";
-import { g as getRectByTaro } from "./get-rect-by-taro-fe02fe2b.js";
+import { u as useTouch } from "./use-touch-DODa8svc.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
+import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
+import { g as getRectByTaro } from "./get-rect-by-taro-piSHvCGp.js";
 const defaultProps = {
   ...ComponentDefaults,
   range: false,

package/dist/esm/{rate.taro-3da117db.js → rate.taro-1z-c8TA3.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useEffect } from "react";
 import classNames from "classnames";
-import { StarFill } from "@nutui/icons-react-taro";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
-import { u as usePropsValue } from "./use-props-value-7637d900.js";
+import { StarFillN } from "@nutui/icons-react-taro";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
+import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
 const defaultProps = {
   ...ComponentDefaults,
   count: 5,
@@ -34,9 +34,9 @@ const Rate = (props) => {
     setCountArray(tmp);
   }, [count]);
   const renderIcon = (n) => {
-    return n <= score ? checkedIcon || React__default.createElement(StarFill, null) : uncheckedIcon || (checkedIcon ? React__default.cloneElement(checkedIcon, {
+    return n <= score ? checkedIcon || React__default.createElement(StarFillN, null) : uncheckedIcon || (checkedIcon ? React__default.cloneElement(checkedIcon, {
       color: void 0
-    }) : React__default.createElement(StarFill, null));
+    }) : React__default.createElement(StarFillN, null));
   };
   const onClick = (e, index) => {
     e.preventDefault();
@@ -63,10 +63,10 @@ const Rate = (props) => {
     return React__default.createElement(
       "div",
       { className: `${classPrefix}-item`, key: n, onClick: (event) => onClick(event, n) },
-      React__default.createElement("div", { className: classNames(`${classPrefix}-item-icon`, {
-        [`${classPrefix}-item-icon-disabled`]: disabled || n > score
+      React__default.createElement("div", { className: classNames(`${classPrefix}-item__icon`, {
+        [`${classPrefix}-item__icon--disabled`]: disabled || n > score
       }) }, renderIcon(n)),
-      allowHalf && score > n - 1 && React__default.createElement("div", { className: classNames(`${classPrefix}-item-half`, `${classPrefix}-item-icon`, `${classPrefix}-item-icon-half`), onClick: (event) => onHalfClick(event, n) }, renderIcon(n))
+      allowHalf && score > n - 1 && React__default.createElement("div", { className: classNames(`${classPrefix}-item__half`, `${classPrefix}-item__icon`, `${classPrefix}-item__icon--half`), onClick: (event) => onHalfClick(event, n) }, renderIcon(n))
     );
   }));
 };

package/dist/esm/{row.taro-a71fbf76.js → row.taro-IxNlKKQM.js}

@@ -1,7 +1,7 @@
 import React__default from "react";
 import classNames from "classnames";
-import { D as DataContext } from "./UserContext-ab42ba7f.js";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
+import { D as DataContext } from "./UserContext-9BL0cq8w.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const classPrefix = "nut-row";
 const defaultProps = {
   ...ComponentDefaults,

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

@@ -1,7 +1,7 @@
 import React__default, { useRef, useState, useEffect } from "react";
-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";
+import { Search, Failure } from "@nutui/icons-react-taro";
+import { u as useConfig } from "./configprovider.taro-hS2SwHJB.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const defaultProps = {
   ...ComponentDefaults,
   placeholder: "",
@@ -11,18 +11,17 @@ const defaultProps = {
   clearable: true,
   readOnly: false,
   autoFocus: false,
-  backable: false,
   left: "",
   right: "",
   rightIn: "",
-  leftIn: React__default.createElement(Search, { size: "16" })
+  leftIn: React__default.createElement(Search, { size: "12" })
 };
 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, backable, right, left, leftIn, rightIn, onChange, onFocus, onBlur, onClear, onSearch, onInputClick } = {
+  const { placeholder, shape, className, disabled, maxLength, clearable, readOnly, autoFocus, right, left, leftIn, rightIn, onChange, onFocus, onBlur, onClear, onSearch, onInputClick } = {
     ...defaultProps,
     ...props
   };
@@ -54,7 +53,7 @@ const SearchBar = (props) => {
     autoFocus && forceFocus();
   }, [autoFocus]);
   const renderField = () => {
-    return React__default.createElement("input", { className: `${classPrefix}-input ${clearable ? `${classPrefix}-input-clear` : ""}`, ref: searchRef, style: { ...props.style }, value: value || "", placeholder: placeholder || locale.placeholder, disabled, readOnly, maxLength, onKeyPress: onKeypress, onChange: (e) => change(e), onFocus: (e) => focus(e), onBlur: (e) => blur(e), onClick: (e) => clickInput(e) });
+    return React__default.createElement("input", { className: `${classPrefix}__input ${clearable ? `${classPrefix}__input-clear` : ""}`, ref: searchRef, style: { ...props.style }, value: value || "", placeholder: placeholder || locale.placeholder, disabled, readOnly, maxLength, onKeyPress: onKeypress, onChange: (e) => change(e), onFocus: (e) => focus(e), onBlur: (e) => blur(e), onClick: (e) => clickInput(e) });
   };
   const clickInput = (e) => {
     onInputClick && onInputClick(e);
@@ -62,28 +61,28 @@ const SearchBar = (props) => {
   const renderLeftIn = () => {
     if (!leftIn)
       return null;
-    return React__default.createElement("div", { className: `${classPrefix}-leftin ${classPrefix}-icon` }, leftIn);
+    return React__default.createElement("div", { className: `${classPrefix}__leftin ${classPrefix}__icon` }, leftIn);
   };
   const renderLeft = () => {
-    if (!backable && !left)
+    if (!left)
       return null;
-    return React__default.createElement("div", { className: `${classPrefix}-left` }, backable ? React__default.createElement(ArrowLeft, { size: "20" }) : left);
+    return React__default.createElement("div", { className: `${classPrefix}__left` }, left);
   };
   const renderRightIn = () => {
     if (!rightIn)
       return null;
-    return React__default.createElement("div", { className: `${classPrefix}-rightin ${classPrefix}-icon` }, rightIn);
+    return React__default.createElement("div", { className: `${classPrefix}__rightin ${classPrefix}__icon` }, rightIn);
   };
   const renderRight = () => {
     if (!right)
       return null;
-    return React__default.createElement("div", { className: `${classPrefix}-right` }, right);
+    return React__default.createElement("div", { className: `${classPrefix}__right` }, right);
   };
   const handleClear = () => {
     return React__default.createElement(
       "div",
-      { className: `${classPrefix}-clear  ${classPrefix}-icon`, onClick: (e) => clearaVal(e) },
-      React__default.createElement(MaskClose, { size: 20 })
+      { className: `${classPrefix}__clear ${rightIn ? "pos-right" : ""}`, onClick: (e) => clearaVal(e) },
+      React__default.createElement(Failure, { color: "#555", size: 12 })
     );
   };
   const clearaVal = (event) => {
@@ -104,14 +103,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()),
-      clearable && !value && renderRightIn(),
+      React__default.createElement("div", { className: "nut-searchbar__input-box" }, renderField()),
+      renderRightIn(),
       clearable && value && handleClear()
     ),
     renderRight()

package/dist/esm/{shortpassword.taro-cd9e234e.js → shortpassword.taro-Dst95kRS.js}

@@ -1,10 +1,10 @@
 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-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";
+import { P as Popup } from "./popup.taro-kjOuDvcb.js";
+import { u as useConfig } from "./configprovider.taro-hS2SwHJB.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
+import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
 const defaultProps = {
   ...ComponentDefaults,
   value: "",
@@ -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-5a5b4178.js → sidenavbar.taro-e_kk1OUY.js}

@@ -1,8 +1,8 @@
 import React__default, { useState } from "react";
 import classNames from "classnames";
-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";
+import { P as Popup } from "./popup.taro-kjOuDvcb.js";
+import { O as OffsetContext } from "./context-6mGEMLsx.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const defaultProps = {
   ...ComponentDefaults,
   position: "left",
@@ -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-f2650b21.js → sidenavbaritem.taro-TQ2PoDgR.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-7ada09ae.js → signature.taro-PPEtytig.js}

@@ -1,12 +1,12 @@
 import React__default, { useRef, useState, useImperativeHandle, useEffect } from "react";
 import { getEnv, nextTick, createSelectorQuery, canvasToTempFilePath } from "@tarojs/taro";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const defaultProps = {
   ...ComponentDefaults,
   canvasId: "spcanvas",
   type: "png",
   lineWidth: 2,
-  strokeStyle: "#1a1a1a"
+  strokeStyle: "#000"
 };
 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-9504ad22.js → skeleton.taro-uxvSUVsB.js}

@@ -1,7 +1,7 @@
 import React__default from "react";
 import classNames from "classnames";
-import { A as Avatar } from "./avatar.taro-814a4b85.js";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
+import { A as Avatar } from "./avatar.taro-5yLsf8Zg.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const defaultProps = {
   ...ComponentDefaults,
   rows: 1,
@@ -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/{step.taro-02eb5edb.js → step.taro-kCAQ4Q3-.js}

@@ -1,7 +1,7 @@
 import React__default, { useContext } from "react";
 import classNames from "classnames";
-import { D as DataContext } from "./context-ab42ba7f.js";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
+import { D as DataContext } from "./context-9BL0cq8w.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const defaultProps = {
   ...ComponentDefaults,
   title: "",

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

@@ -1,7 +1,7 @@
 import React__default from "react";
 import classNames from "classnames";
-import { D as DataContext } from "./context-ab42ba7f.js";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
+import { D as DataContext } from "./context-9BL0cq8w.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const defaultProps = {
   ...ComponentDefaults,
   value: 0,

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

@@ -1,9 +1,9 @@
 import React__default, { useRef, useEffect, useState, useMemo, useCallback } from "react";
 import classNames from "classnames";
 import { getEnv, usePageScroll, getSystemInfoSync } from "@tarojs/taro";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
-import { g as getRectByTaro } from "./get-rect-by-taro-fe02fe2b.js";
-import { g as getScrollParent } from "./get-scroll-parent-3d880563.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
+import { g as getRectByTaro } from "./get-rect-by-taro-piSHvCGp.js";
+import { g as getScrollParent } from "./get-scroll-parent-uywvoQMl.js";
 function useWatch(dep, callback, config = { immediate: false }) {
   const { immediate } = config;
   const prev = useRef();
@@ -122,8 +122,8 @@ const Sticky = (props) => {
   return React__default.createElement(
     "div",
     { ref: rootRef, style: rootStyle, className: classNames(classPrefix, className), ...rest },
-    React__default.createElement("div", { className: classNames("nut-sticky-box", {
-      "nut-sticky-fixed": fixed
+    React__default.createElement("div", { className: classNames("nut-sticky--box", {
+      "nut-sticky--fixed": fixed
     }), ref: stickyRef, style: stickyStyle }, children)
   );
 };

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

@@ -1,5 +1,5 @@
 import React__default, { useState, useContext, useRef, useCallback, useEffect } from "react";
-import { O as OffsetContext } from "./context-f32a9246.js";
+import { O as OffsetContext } from "./context-6mGEMLsx.js";
 const defaultProps = {
   open: true
 };
@@ -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-adfd35e2.js → swipe.taro-caPbRS8Q.js}

@@ -2,9 +2,9 @@ import React__default, { forwardRef, useRef, useState, useImperativeHandle, useE
 import classNames from "classnames";
 import { View } from "@tarojs/components";
 import { useReady, nextTick } from "@tarojs/taro";
-import { u as useTouch } from "./use-touch-38cf73ae.js";
-import { g as getRectByTaro } from "./get-rect-by-taro-fe02fe2b.js";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
+import { u as useTouch } from "./use-touch-DODa8svc.js";
+import { g as getRectByTaro } from "./get-rect-by-taro-piSHvCGp.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 function preventDefault(event, isStopPropagation) {
   if (typeof event.cancelable !== "boolean" || event.cancelable) {
     event.preventDefault();
@@ -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")