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

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

@@ -1,6 +1,6 @@
 import React__default, { useMemo } from "react";
 import classNames from "classnames";
-import { u as useConfig } from "./configprovider.taro-hS2SwHJB.js";
+import { u as useConfig } from "./configprovider.taro-_wngOo0k.js";
 import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
 import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const defaultProps = {
@@ -65,26 +65,40 @@ const Pagination = (props) => {
   return React__default.createElement(
     "div",
     { className: classNames(classPrefix, className), ...rest },
-    React__default.createElement("div", { className: classNames(`${classPrefix}__prev`, mode === "multi" ? "" : "simple-border", currentPage === 1 ? "disabled" : ""), onClick: (e) => handleSelectPage(currentPage - 1) }, prev || locale.pagination.prev),
-    mode === "multi" && React__default.createElement("div", { className: `${classPrefix}__contain` }, pages.map((item, index) => {
-      return React__default.createElement("div", { key: `${index}pagination`, className: classNames(`${classPrefix}__item`, {
-        active: item.number === currentPage
-      }), onClick: (e) => {
-        item.number !== currentPage && handleSelectPage(item.number);
-      } }, itemRender ? itemRender(item) : item.text);
-    })),
-    mode === "simple" && React__default.createElement(
-      "div",
-      { className: `${classPrefix}__contain` },
+    (mode === "multi" || mode === "simple") && React__default.createElement(
+      React__default.Fragment,
+      null,
+      React__default.createElement("div", { className: classNames(`${classPrefix}__prev`, mode === "multi" ? "" : "simple-border", currentPage === 1 ? "disabled" : ""), onClick: (e) => handleSelectPage(currentPage - 1) }, prev || locale.pagination.prev),
+      mode === "multi" && React__default.createElement("div", { className: `${classPrefix}__contain` }, pages.map((item, index) => {
+        return React__default.createElement("div", { key: `${index}pagination`, className: classNames(`${classPrefix}__item`, {
+          active: item.number === currentPage
+        }), onClick: (e) => {
+          item.number !== currentPage && handleSelectPage(item.number);
+        } }, itemRender ? itemRender(item) : item.text);
+      })),
+      mode === "simple" && React__default.createElement(
+        "div",
+        { className: `${classPrefix}__contain` },
+        React__default.createElement(
+          "div",
+          { className: `${classPrefix}__simple` },
+          currentPage,
+          "/",
+          pageCount
+        )
+      ),
+      React__default.createElement("div", { className: classNames(`${classPrefix}__next`, currentPage >= pageCount ? "disabled" : ""), onClick: (e) => handleSelectPage(currentPage + 1) }, next || locale.pagination.next)
+    ),
+    mode === "lite" && React__default.createElement(
+      React__default.Fragment,
+      null,
       React__default.createElement(
         "div",
-        { className: `${classPrefix}__simple` },
-        currentPage,
-        "/",
-        pageCount
+        { className: `${classPrefix}-lite` },
+        React__default.createElement("div", { className: `${classPrefix}-lite-active` }, 2),
+        React__default.createElement("div", { className: `${classPrefix}-lite-default` }, 8)
       )
-    ),
-    React__default.createElement("div", { className: classNames(`${classPrefix}__next`, currentPage >= pageCount ? "disabled" : ""), onClick: (e) => handleSelectPage(currentPage + 1) }, next || locale.pagination.next)
+    )
   );
 };
 Pagination.defaultProps = defaultProps;

package/dist/esm/{picker.taro-NyIQudtd.js → picker.taro-LLmgNrcx.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-kjOuDvcb.js";
+import { P as Popup } from "./popup.taro-lBOaxa0-.js";
 import { u as useTouch } from "./use-touch-DODa8svc.js";
 import { g as getRectByTaro } from "./get-rect-by-taro-piSHvCGp.js";
-import { p as passiveSupported } from "./overlay.taro-g57gqLxf.js";
-import { u as useConfig } from "./configprovider.taro-hS2SwHJB.js";
+import { p as passiveSupported } from "./overlay.taro-Iqz9hm-3.js";
+import { u as useConfig } from "./configprovider.taro-_wngOo0k.js";
 import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
 import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const InternalPickerPanel = (props, ref) => {

package/dist/esm/{popover.taro--XIZLeWw.js → popover.taro-A1iAWP4m.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-kjOuDvcb.js";
+import { P as Popup } from "./popup.taro-lBOaxa0-.js";
 import { a as getRect, g as getRectByTaro } from "./get-rect-by-taro-piSHvCGp.js";
 import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const defaultProps = {
@@ -219,8 +219,12 @@ const Popover = (props) => {
                 "nut-popover-menu-item": true,
                 "nut-popover-menu-disabled": item.disabled
               }, item.className), key: item.key || index, onClick: () => handleSelect(item, index) },
-              item.icon ? item.icon : null,
-              React__default.createElement("div", { className: "nut-popover-menu-item-name" }, item.name)
+              item.icon ? React__default.createElement("i", { className: "nut-popover-menu-item-icon" }, item.icon) : null,
+              React__default.createElement("div", { className: "nut-popover-menu-item-name" }, item.name),
+              item.action && item.action.icon ? React__default.createElement("i", { className: "nut-popover-menu-item-action-icon", onClick: (e) => {
+                var _a, _b;
+                return (_b = (_a = item.action) == null ? void 0 : _a.onClick) == null ? void 0 : _b.call(_a, e);
+              } }, item.action.icon) : null
             );
           })
         )

package/dist/esm/{popup.taro-kjOuDvcb.js → popup.taro-lBOaxa0-.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-g57gqLxf.js";
+import { d as defaultOverlayProps, u as useLockScrollTaro, O as Overlay } from "./overlay.taro-Iqz9hm-3.js";
 import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const defaultProps = {
   ...ComponentDefaults,
@@ -29,7 +29,7 @@ const defaultProps = {
 };
 const _zIndex = 1100;
 const Popup = (props) => {
-  const { children, visible, overlay, closeOnOverlayClick, overlayStyle, overlayClassName, zIndex, lockScroll, duration, closeable, closeIconPosition, closeIcon, left, title, style, transition, round, position, className, destroyOnClose, portal, onOpen, onClose, onOverlayClick, onCloseIconClick, afterShow, afterClose, onClick } = { ...defaultProps, ...props };
+  const { children, visible, overlay, closeOnOverlayClick, overlayStyle, overlayClassName, zIndex, lockScroll, duration, closeable, closeIconPosition, closeIcon, left, title, description, style, transition, round, position, className, destroyOnClose, portal, onOpen, onClose, onOverlayClick, onCloseIconClick, afterShow, afterClose, onClick } = { ...defaultProps, ...props };
   let innerIndex = zIndex || _zIndex;
   const [index, setIndex] = useState(innerIndex);
   const [innerVisible, setInnerVisible] = useState(visible);
@@ -49,14 +49,14 @@ const Popup = (props) => {
     ...baseStyle
   };
   const popClassName = classNames({
-    round,
+    [`${classPrefix}-round`]: round || position === "bottom",
     [`${classPrefix}`]: true,
     [`${classPrefix}-${position}`]: true,
     [`${className || ""}`]: true
   });
   const closeClasses = classNames({
-    [`${classPrefix}__close-icon`]: true,
-    [`${classPrefix}__close-icon--${closeIconPosition}`]: true
+    [`${classPrefix}-title-right`]: true,
+    [`${classPrefix}-title-right--${closeIconPosition}`]: true
   });
   const open = () => {
     if (!innerVisible) {
@@ -110,19 +110,25 @@ const Popup = (props) => {
     }
     return node;
   };
-  const renderIcon = () => {
-    if (closeable) {
-      return React__default.createElement(View, { className: closeClasses, onClick: onHandleClickCloseIcon }, React__default.isValidElement(closeIcon) ? closeIcon : React__default.createElement(Close, { width: 12, height: 12 }));
-    }
-    return null;
-  };
   const renderTitle = () => {
-    return React__default.createElement(React__default.Fragment, null, position === "bottom" && React__default.createElement(
-      React__default.Fragment,
-      null,
-      left && React__default.createElement(View, { className: `${classPrefix}-left-icon` }, left),
-      title && React__default.createElement(View, { className: `${classPrefix}-title` }, title)
-    ));
+    if (left || title || closeable || description) {
+      return React__default.createElement(
+        View,
+        { className: `${classPrefix}-title` },
+        position === "bottom" && React__default.createElement(
+          React__default.Fragment,
+          null,
+          left && React__default.createElement(View, { className: `${classPrefix}-title-left` }, left),
+          (title || description) && React__default.createElement(
+            "div",
+            { className: `${classPrefix}-title-title` },
+            title,
+            description && React__default.createElement("div", { className: `${classPrefix}-title-description` }, description)
+          )
+        ),
+        closeable && React__default.createElement(View, { className: closeClasses, onClick: onHandleClickCloseIcon }, React__default.isValidElement(closeIcon) ? closeIcon : React__default.createElement(Close, null))
+      );
+    }
   };
   const renderPop = () => {
     return React__default.createElement(
@@ -132,7 +138,6 @@ const Popup = (props) => {
         View,
         { ref: refObject, style: popStyles, className: popClassName, onClick: onHandleClick, catchMove: lockScroll },
         renderTitle(),
-        renderIcon(),
         showChildren ? children : ""
       )
     );

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

@@ -1,6 +1,6 @@
 import React__default, { useRef, useState } from "react";
 import { View } from "@tarojs/components";
-import { u as useConfig } from "./configprovider.taro-hS2SwHJB.js";
+import { u as useConfig } from "./configprovider.taro-_wngOo0k.js";
 import { u as useTouch } from "./use-touch-DODa8svc.js";
 import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 function bound(position, min, max) {
@@ -34,7 +34,7 @@ const defaultProps = {
   completeText: "",
   completeDelay: 500,
   disabled: false,
-  headHeight: 40,
+  headHeight: 50,
   threshold: 60,
   scrollTop: 0,
   onRefresh: () => {
@@ -59,6 +59,28 @@ 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) {
@@ -126,7 +148,12 @@ const PullToRefresh = (p) => {
     React__default.createElement(
       View,
       { style: springStyles, className: `${classPrefix}-head` },
-      React__default.createElement("div", { className: `${classPrefix}-head-content`, style: { height: headHeight } }, renderStatusText())
+      React__default.createElement(
+        "div",
+        { className: `${classPrefix}-head-content`, style: { height: headHeight } },
+        renderIcons(),
+        React__default.createElement("div", null, renderStatusText())
+      )
     ),
     React__default.createElement("div", { className: `${classPrefix}-content` }, props.children)
   );

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

@@ -1,5 +1,5 @@
 import React__default, { useCallback, useContext } from "react";
-import { CheckChecked, CheckNormal } from "@nutui/icons-react-taro";
+import { CheckDisabled, CheckChecked, CheckNormal } from "@nutui/icons-react-taro";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
@@ -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,25 +87,28 @@ 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--disable`]: disabled,
-      [`${classPrefix2}__icon`]: checkedStatement,
-      [`${classPrefix2}__icon--unchecked`]: !checkedStatement
+      [`${classPrefix2}-icon-disabled`]: disabled,
+      [`${classPrefix2}-icon`]: !checkedStatement,
+      [`${classPrefix2}-icon-checked`]: 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,
@@ -134,7 +137,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/{rate.taro-1z-c8TA3.js → rate.taro-8VBdo9ip.js}

@@ -1,6 +1,6 @@
 import React__default, { useState, useEffect } from "react";
 import classNames from "classnames";
-import { StarFillN } from "@nutui/icons-react-taro";
+import { StarFill } 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 = {
@@ -34,9 +34,9 @@ const Rate = (props) => {
     setCountArray(tmp);
   }, [count]);
   const renderIcon = (n) => {
-    return n <= score ? checkedIcon || React__default.createElement(StarFillN, null) : uncheckedIcon || (checkedIcon ? React__default.cloneElement(checkedIcon, {
+    return n <= score ? checkedIcon || React__default.createElement(StarFill, null) : uncheckedIcon || (checkedIcon ? React__default.cloneElement(checkedIcon, {
       color: void 0
-    }) : React__default.createElement(StarFillN, null));
+    }) : React__default.createElement(StarFill, null));
   };
   const onClick = (e, index) => {
     e.preventDefault();

package/dist/esm/{searchbar.taro-q43_qE5Y.js → searchbar.taro-FsmNZ2Dx.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-hS2SwHJB.js";
+import { Search, ArrowLeft, MaskClose } from "@nutui/icons-react-taro";
+import { u as useConfig } from "./configprovider.taro-_wngOo0k.js";
 import { C as ComponentDefaults } from "./typings-buMpDfSR.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
   };
@@ -64,9 +65,9 @@ const SearchBar = (props) => {
     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)
@@ -81,8 +82,8 @@ const SearchBar = (props) => {
   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) => {
@@ -110,7 +111,7 @@ const SearchBar = (props) => {
       { className: `${classPrefix}__content ${shape === "round" ? `${classPrefix}__round` : ""}` },
       renderLeftIn(),
       React__default.createElement("div", { className: "nut-searchbar__input-box" }, renderField()),
-      renderRightIn(),
+      clearable && !value && renderRightIn(),
       clearable && value && handleClear()
     ),
     renderRight()

package/dist/esm/{shortpassword.taro-Dst95kRS.js → shortpassword.taro-ag7hvctn.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-kjOuDvcb.js";
-import { u as useConfig } from "./configprovider.taro-hS2SwHJB.js";
+import { P as Popup } from "./popup.taro-lBOaxa0-.js";
+import { u as useConfig } from "./configprovider.taro-_wngOo0k.js";
 import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
 const defaultProps = {

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

@@ -1,6 +1,6 @@
 import React__default, { useState } from "react";
 import classNames from "classnames";
-import { P as Popup } from "./popup.taro-kjOuDvcb.js";
+import { P as Popup } from "./popup.taro-lBOaxa0-.js";
 import { O as OffsetContext } from "./context-6mGEMLsx.js";
 import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const defaultProps = {

package/dist/esm/{signature.taro-PPEtytig.js → signature.taro-VciVow8A.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 } = {

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

@@ -1,6 +1,6 @@
 import React__default from "react";
 import classNames from "classnames";
-import { A as Avatar } from "./avatar.taro-5yLsf8Zg.js";
+import { A as Avatar } from "./avatar.taro-7ltbzIdY.js";
 import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const defaultProps = {
   ...ComponentDefaults,

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/{swipe.taro-caPbRS8Q.js → swipe.taro-AVgWtTnP.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-xcb5i3Aw.js → switch.taro-L0BAbMeu.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)
@@ -31,9 +31,9 @@ const Switch = (props) => {
     { className: classes(), onClick: (e) => onClick(e), style, ...rest },
     React__default.createElement(
       "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))
+      { className: `${classPrefix}-button` },
+      !value && React__default.createElement("div", { className: `${classPrefix}-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))
     )
   );
 };

package/dist/esm/{table.taro-sTWXN1kX.js → table.taro-R1qOsnvI.js}

@@ -1,8 +1,9 @@
-import React__default, { useState, useEffect } from "react";
+import React__default, { useRef, useEffect } from "react";
 import classNames from "classnames";
-import { DownArrow } from "@nutui/icons-react-taro";
-import { u as useConfig } from "./configprovider.taro-hS2SwHJB.js";
+import { ArrowDown } from "@nutui/icons-react-taro";
+import { u as useConfig } from "./configprovider.taro-_wngOo0k.js";
 import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
+import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
 const defaultProps = {
   ...ComponentDefaults,
   columns: [],
@@ -20,24 +21,32 @@ const Table = (props) => {
     ...defaultProps,
     ...props
   };
-  const [curData, setCurData] = useState(data);
+  const sortedMapping = useRef({});
+  const [innerValue, setValue] = usePropsValue({
+    defaultValue: data,
+    finalValue: []
+  });
   useEffect(() => {
-    if (data && String(data) !== String(curData)) {
-      setCurData(data);
-    }
+    setValue(data);
   }, [data]);
   const classPrefix = "nut-table";
   const headerClassPrefix = `${classPrefix}__main__head__tr`;
   const bodyClassPrefix = `${classPrefix}__main__body__tr`;
   const cls = classNames(classPrefix, className);
   const handleSorterClick = (item) => {
-    if (item.sorter) {
-      onSort && onSort(item, curData);
+    if (item.sorter && !sortedMapping.current[item.key]) {
+      const copied = [...innerValue];
       if (typeof item.sorter === "function") {
-        setCurData(curData.sort(item.sorter));
-      } else {
-        setCurData(item.sorter === "default" ? curData.sort() : curData);
+        copied.sort(item.sorter);
+      } else if (item.sorter === "default") {
+        copied.sort();
       }
+      sortedMapping.current[item.key] = true;
+      setValue(copied, true);
+      onSort && onSort(item, copied);
+    } else {
+      sortedMapping.current[item.key] = false;
+      setValue(data);
     }
   };
   const cellClasses = (item) => {
@@ -56,7 +65,7 @@ const Table = (props) => {
         { 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" }))
       );
     });
   };
@@ -71,8 +80,8 @@ const Table = (props) => {
     });
   };
   const renderBoyTrs = () => {
-    return curData.map((item, rowIndex) => {
-      return React__default.createElement("div", { className: bodyClassPrefix, key: rowIndex }, renderBodyTds(item, rowIndex));
+    return innerValue.map((item, index) => {
+      return React__default.createElement("div", { className: bodyClassPrefix, key: index }, renderBodyTds(item, index));
     });
   };
   return React__default.createElement(
@@ -90,7 +99,7 @@ const Table = (props) => {
       ),
       React__default.createElement("div", { className: `${classPrefix}__main__body` }, renderBoyTrs())
     ),
-    (summary || curData.length === 0) && React__default.createElement("div", { className: `${classPrefix}__summary` }, summary || noData)
+    (summary || innerValue.length === 0) && React__default.createElement("div", { className: `${classPrefix}__summary` }, summary || noData)
   );
 };
 Table.defaultProps = defaultProps;