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

package/dist/esm/Uploader/style/style.css

@@ -1 +1 @@
-.nut-progress{display:flex;align-items:center;position:relative;width:100%}.nut-progress-outer{flex:auto;border-radius:var(--nutui-progress-border-radius, 12px);height:var(--nutui-progress-height, 10px);background:var(--nutui-progress-background, #f3f3f3)}.nut-progress-outer .nut-progress-active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--nutui-progress-border-radius, 12px);animation:progressActive 2s ease-in-out infinite}.nut-progress-inner{height:100%;display:flex;flex-direction:column;justify-content:center;transition:all .4s;border-radius:var(--nutui-progress-border-radius, 12px);background:var(--nutui-progress-color, linear-gradient(135deg, #fa2c19 0%, #fa6419 100%))}.nut-progress-text{display:flex;align-items:center;position:absolute;top:var(--nutui-progress-text-position-top, -4px);bottom:var(--nutui-progress-text-position-bottom, -4px);transition:all .4s;transform:translate(-50%)}.nut-progress-text__inner{display:flex;align-items:center;height:100%;width:100%;color:var(--nutui-progress-text-color, var(--nutui-brand-text-color, #ffffff));padding:var(--nutui-progress-text-padding, 0 5px);border-radius:var(--nutui-progress-text-border-radius, 5px);font-size:var(--nutui-progress-text-font-size, 9px);line-height:1;background:var(--nutui-progress-text-background, var(--nutui-progress-color, linear-gradient(135deg, #fa2c19 0%, #fa6419 100%)))}@keyframes progressActive{0%{background:rgba(255,255,255,.1);width:0}20%{background:rgba(255,255,255,.5);width:0}to{background:rgba(255,255,255,0);width:100%}}.nut-uploader{position:relative;display:flex;flex-wrap:wrap}.nut-uploader__slot{position:relative}.nut-uploader__upload{position:relative;display:flex;align-items:center;justify-content:center;background:var(--nutui-uploader-background, var(--nutui-gray-4, #f4f4f4));width:var(--nutui-uploader-picture-width, 100px);height:var(--nutui-uploader-picture-height, 100px);border:var(--nutui-uploader-picture-border, 0px);border-radius:var(--nutui-uploader-picture-border-radius, 2px)}.nut-uploader__icon{display:flex;flex-direction:column;justify-content:center;align-items:center}.nut-uploader__icon i{opacity:var(--nutui-uploader-picture-icon-opacity, .7);margin-bottom:var(--nutui-uploader-picture-icon-margin-bottom, 6px)}.nut-uploader__icon-tip{font-size:var(--nutui-uploader-picture-icon-tip-font-size, 12px);color:var(--nutui-uploader-picture-icon-tip-color, #bfbfbf)}.nut-uploader__input{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important;overflow:hidden;cursor:pointer!important;opacity:0}.nut-uploader__input:disabled{cursor:not-allowed}.nut-uploader__upload-disabled{background:var(--nutui-uploader-background-disabled, var(--nutui-gray-4, #f4f4f4))}.nut-uploader__upload-disabled .nut-uploader__icon i{opacity:var(--nutui-uploader-picture-icon-opacity-disabled, .3);margin-bottom:var(--nutui-uploader-picture-icon-margin-bottom, 6px)}.nut-uploader__preview{position:relative;margin-right:var(--nutui-uploader-preview-margin-right, 10px);margin-bottom:var(--nutui-uploader-preview-margin-bottom, 10px);border-radius:var(--nutui-uploader-picture-border-radius, 2px);box-shadow:0 2px 10px #0000001a}.nut-uploader__preview__progress{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:var(--nutui-uploader-preview-progress-background, rgba(0, 0, 0, .65));border-radius:var(--nutui-uploader-picture-border-radius, 2px)}.nut-uploader__preview__progress i{margin-bottom:var(--nutui-uploader-picture-icon-margin-bottom, 6px)}.nut-uploader__preview__progress__msg{color:#fff;font-size:12px}.nut-uploader__preview.list{width:100%;margin-right:0;margin-bottom:0;margin-top:10px}.nut-uploader__preview-list{width:100%;height:32px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background-color:var(--nutui-gray-5, #f8f8f8)}.nut-uploader__preview-list .nut-uploader__preview-img__file__name{display:flex;-webkit-line-clamp:1;padding:2px;height:24px}.nut-uploader__preview-list .nut-progress{position:absolute;left:0;right:0;bottom:0}.nut-uploader__preview-list .nut-progress .nut-progress-outer{height:2px!important}.nut-uploader__preview .close{position:absolute;right:var(--nutui-uploader-preview-close-right, 0px);top:var(--nutui-uploader-preview-close-top, 0px);transform:translate(50%,-50%);z-index:1}.nut-uploader__preview-img{position:relative;width:var(--nutui-uploader-picture-width, 100px);height:var(--nutui-uploader-picture-height, 100px);border-radius:var(--nutui-uploader-picture-border-radius, 2px);overflow:hidden}.nut-uploader__preview-img i{color:var(--nutui-gray-1, #1a1a1a)}.nut-uploader__preview-img .tips{position:absolute;bottom:0;left:0;font-size:12px;color:var(--nutui-gray-6, #ffffff);text-align:center;box-sizing:border-box;height:var(--nutui-uploader-preview-tips-height, 24px);line-height:var(--nutui-uploader-preview-tips-height, 24px);border-radius:var(--nutui-uploader-picture-border-radius, 2px);border-top-left-radius:0;border-top-right-radius:0;padding:var(--nutui-uploader-preview-tips-padding, 0 5px);background:var(--nutui-uploader-preview-tips-background, rgba(0, 0, 0, .45));width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-uploader__preview-img__c{width:100%;height:100%;position:initial;border-radius:var(--nutui-uploader-picture-border-radius, 2px)}.nut-uploader__preview-img__file{height:100%;width:100%;display:flex;align-items:center;justify-content:center;transition:all .3s}.nut-uploader__preview-img__file__name{display:flex;width:90%;font-size:12px;color:var(--nutui-gray-2, #757575);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all}.nut-uploader__preview-img__file__name.error{color:red!important}.nut-uploader__preview-img__file__name.success{color:#1890ff!important}.nut-uploader__preview-img__file__name .nut-icon-link:before{margin-left:-45%;margin-top:-45%;transform:none}
+.nut-progress{display:flex;align-items:center;position:relative;width:100%}.nut-progress-outer{flex:auto;border-radius:var(--nutui-progress-border-radius, 12px);height:var(--nutui-progress-height, 10px);background:var(--nutui-progress-background, var(--nutui-gray-3, #f6f6f6))}.nut-progress-outer .nut-progress-active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--nutui-progress-border-radius, 12px);animation:progressActive 2s ease-in-out infinite}.nut-progress-inner{height:100%;display:flex;flex-direction:column;justify-content:center;transition:all .4s;border-radius:var(--nutui-progress-border-radius, 12px);background:var(--nutui-progress-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-progress-text{display:flex;align-items:center;position:absolute;top:var(--nutui-progress-text-position-top, -4px);bottom:var(--nutui-progress-text-position-bottom, -4px);transition:all .4s;transform:translate(-50%)}.nut-progress-text-inner{display:flex;align-items:center;height:100%;width:100%;color:var(--nutui-progress-text-color, var(--nutui-color-primary-text, #ffffff));padding:var(--nutui-progress-text-padding, 0 5px);border-radius:var(--nutui-progress-text-border-radius, 5px);font-size:var(--nutui-progress-text-font-size, 9px);line-height:1;background:var(--nutui-progress-text-background, var(--nutui-progress-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%)))}@keyframes progressActive{0%{background:rgba(255,255,255,.1);width:0}20%{background:rgba(255,255,255,.5);width:0}to{background:rgba(255,255,255,0);width:100%}}.nut-uploader{position:relative;display:flex;flex-wrap:wrap}.nut-uploader-slot{position:relative}.nut-uploader-upload{position:relative;display:flex;align-items:center;justify-content:center;background:var(--nutui-uploader-background, var(--nutui-gray-3, #f6f6f6));width:var(--nutui-uploader-image-width, 100px);height:var(--nutui-uploader-image-height, 100px);border:var(--nutui-uploader-image-border, 0px);border-radius:var(--nutui-uploader-image-border-radius, 4px)}.nut-uploader-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--nutui-uploader-image-color, var(--nutui-gray-5, #8c8c8c))}.nut-uploader-icon i,.nut-uploader-icon .nut-icon{color:var(--nutui-uploader-image-color, var(--nutui-gray-5, #8c8c8c));margin-bottom:var(--nutui-uploader-image-icon-margin-bottom, 6px)}.nut-uploader-icon-tip{font-size:var(--nutui-uploader-image-icon-tip-font-size, 12px)}.nut-uploader-input{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important;overflow:hidden;cursor:pointer!important;opacity:0}.nut-uploader-input:disabled{cursor:not-allowed}.nut-uploader-upload-disabled{background:var(--nutui-uploader-background-disabled, var(--nutui-gray-3, #f6f6f6));color:var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #bfbfbf))}.nut-uploader-upload-disabled .nut-uploader-icon i,.nut-uploader-upload-disabled .nut-uploader-icon .nut-icon{color:var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #bfbfbf));margin-bottom:var(--nutui-uploader-image-icon-margin-bottom, 6px)}.nut-uploader-preview{position:relative;margin-right:var(--nutui-uploader-preview-margin-right, 10px);margin-bottom:var(--nutui-uploader-preview-margin-bottom, 10px);border-radius:var(--nutui-uploader-image-border-radius, 4px);box-shadow:0 2px 10px #0000001a}.nut-uploader-preview-progress{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:var(--nutui-uploader-preview-progress-background, var(--nutui-black-10, rgba(0, 0, 0, .7)));border-radius:var(--nutui-uploader-image-border-radius, 4px)}.nut-uploader-preview-progress i{margin-bottom:var(--nutui-uploader-image-icon-margin-bottom, 6px)}.nut-uploader-preview-progress-msg{color:var(--nutui-gray-5, #8c8c8c);font-size:12px}.nut-uploader-preview.list{width:100%;margin-right:0;margin-bottom:0;margin-top:10px;box-shadow:0 2px 10px #00000003}.nut-uploader-preview-list{width:100%;height:32px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background-color:var(--nutui-gray-2, #f8f8f8)}.nut-uploader-preview-list .nut-uploader-preview-img-file-name{display:flex;-webkit-line-clamp:1;padding:2px;height:24px}.nut-uploader-preview-list .nut-progress{position:absolute;left:0;right:0;bottom:0}.nut-uploader-preview-list .nut-progress .nut-progress-outer{height:2px!important}.nut-uploader-preview .close{position:absolute;right:var(--nutui-uploader-preview-close-right, 0px);top:var(--nutui-uploader-preview-close-top, 0px);transform:translate(50%,-50%);z-index:1}.nut-uploader-preview-img{position:relative;width:var(--nutui-uploader-image-width, 100px);height:var(--nutui-uploader-image-height, 100px);border-radius:var(--nutui-uploader-image-border-radius, 4px);overflow:hidden}.nut-uploader-preview-img i{color:var(--nutui-gray-7, #1a1a1a)}.nut-uploader-preview-img .tips{position:absolute;bottom:0;left:0;font-size:12px;color:#fff;text-align:center;box-sizing:border-box;height:var(--nutui-uploader-preview-tips-height, 24px);line-height:var(--nutui-uploader-preview-tips-height, 24px);border-radius:var(--nutui-uploader-image-border-radius, 4px);border-top-left-radius:0;border-top-right-radius:0;padding:var(--nutui-uploader-preview-tips-padding, 0 5px);background:var(--nutui-uploader-preview-tips-background, var(--nutui-black-7));width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-uploader-preview-img-c{width:100%;height:100%;position:initial;border-radius:var(--nutui-uploader-image-border-radius, 4px)}.nut-uploader-preview-img-file{height:100%;width:100%;display:flex;align-items:center;justify-content:center;transition:all .3s}.nut-uploader-preview-img-file-name{display:flex;width:90%;font-size:12px;color:var(--nutui-gray-6, #595959);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all}.nut-uploader-preview-img-file-name.error{color:red!important}.nut-uploader-preview-img-file-name.success{color:#1890ff!important}.nut-uploader-preview-img-file-name .nut-icon-link:before{margin-left:-45%;margin-top:-45%;transform:none}

package/dist/esm/Uploader.js

@@ -1,17 +1,17 @@
-import { U as Uploader } from "./uploader.taro-9e6aa0df.js";
+import { U as Uploader } from "./uploader.taro-be3f843f.js";
 import "react";
 import "classnames";
 import "@tarojs/taro";
 import "@nutui/icons-react-taro";
-import "./button.taro-7ae62bc3.js";
+import "./button.taro-e8d84b29.js";
 import "./typings-11d83a22.js";
-import "./configprovider.taro-03d376af.js";
+import "./configprovider.taro-e890dac3.js";
 import "./index-b283d77d.js";
 import "./index-00550715.js";
 import "./use-props-value-7637d900.js";
 import "./use-force-update-9cd7c164.js";
 import "@tarojs/components";
-import "./progress.taro-421575b9.js";
+import "./progress.taro-129abe65.js";
 export {
   Uploader as default
 };

package/dist/esm/VirtualList/style/style.css

@@ -1 +1 @@
-.nut-horizontal-items{float:left}.nut-horizontal-items li{display:block;float:left;background:var(--nutui-gray-6, #ffffff);padding:10px;margin-right:20px}.nut-horizontal-items:after{content:"";display:block;visibility:hidden;clear:both}.nut-vertical-items li{display:block;background:var(--nutui-gray-6, #ffffff);border-radius:7px;box-shadow:0 1px 6px #edeef1;margin-top:20px;padding:14px 15px;font-size:13px;line-height:18px;font-family:PingFangSC;font-weight:500;color:var(--nutui-gray-1, #1a1a1a)}.nut-virtualList-demo-item{height:100px}.nut-virtualList-box{overflow:auto}.nut-virtualList-demo-box .heigh1{height:500px}.nut-virtualList-demo-box.hideScrollbar .nut-virtualList-box::-webkit-scrollbar{width:0px;height:0px}.nut-virtuallist{width:100%;overflow:scroll;position:relative;-webkit-overflow-scrolling:touch}.nut-virtuallist-phantom{position:absolute;left:0;top:0;right:0;z-index:-1}.nut-virtuallist-container{left:0;right:0;top:0;position:absolute}.nut-virtuallist-item{overflow:hidden;margin:var(--nutui-list-item-margin, 0 0 10px 0)}
+.nut-horizontal-items{float:left}.nut-horizontal-items li{display:block;float:left;color:var(--nutui-gray-7, #1a1a1a);background:var(--nutui-gray-1, #ffffff);padding:10px;margin-right:20px}.nut-horizontal-items:after{content:"";display:block;visibility:hidden;clear:both}.nut-vertical-items li{display:block;color:var(--nutui-gray-7, #1a1a1a);background:var(--nutui-gray-1, #ffffff);border-radius:7px;box-shadow:0 1px 6px #edeef1;margin-top:20px;padding:14px 15px;font-size:13px;line-height:18px;font-family:PingFangSC;font-weight:500}.nut-virtualList-demo-item{height:100px}.nut-virtualList-box{overflow:auto}.nut-virtualList-demo-box .heigh1{height:500px}.nut-virtualList-demo-box.hideScrollbar .nut-virtualList-box::-webkit-scrollbar{width:0px;height:0px}.nut-virtuallist{width:100%;overflow:scroll;position:relative;-webkit-overflow-scrolling:touch}.nut-virtuallist-phantom{position:absolute;left:0;top:0;right:0;z-index:-1}.nut-virtuallist-container{left:0;right:0;top:0;position:absolute}.nut-virtuallist-item{overflow:hidden;margin:var(--nutui-list-item-margin, 0 0 10px 0)}

package/dist/esm/WaterMark.js

@@ -1,8 +1,8 @@
-import { W as WaterMark } from "./watermark.taro-3ea4550f.js";
+import { W as WaterMark } from "./watermark.taro-3971822c.js";
 import "react";
 import "@tarojs/taro";
 import "classnames";
-import "./configprovider.taro-03d376af.js";
+import "./configprovider.taro-e890dac3.js";
 import "./index-b283d77d.js";
 import "./typings-11d83a22.js";
 export {

package/dist/esm/{actionsheet.taro-24a40570.js → actionsheet.taro-b4b3e4a6.js}

@@ -1,5 +1,5 @@
 import React__default from "react";
-import { P as Popup } from "./popup.taro-376be9fe.js";
+import { P as Popup } from "./popup.taro-85284489.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
   ...ComponentDefaults,
@@ -26,22 +26,21 @@ const ActionSheet = (props) => {
   };
   return React__default.createElement(
     Popup,
-    { round: true, visible, position: "bottom", title, className: classPrefix, onClose: () => {
+    { round: true, visible, position: "bottom", title, description, className: classPrefix, onClose: () => {
       onCancel && onCancel();
     } },
     React__default.createElement(
       "div",
       { className: `${className}`, style },
-      description && React__default.createElement("div", { className: `${classPrefix}__description` }, description),
-      options.length ? React__default.createElement("div", { className: `${classPrefix}__list` }, options.map((item, index) => {
+      options.length ? React__default.createElement("div", { className: `${classPrefix}-list` }, options.map((item, index) => {
         return React__default.createElement(
           "div",
-          { className: `${classPrefix}__item ${item.disabled ? "disabled" : ""} ${item.danger ? "danger" : ""}`, key: index, onClick: () => chooseItem(item, index) },
+          { className: `${classPrefix}-item ${item.disabled ? "disabled" : ""} ${item.danger ? "danger" : ""}`, key: index, onClick: () => chooseItem(item, index) },
           item[optionKey.name],
-          React__default.createElement("div", { className: `${classPrefix}__item-description` }, item[optionKey.description])
+          React__default.createElement("div", { className: `${classPrefix}-item-description` }, item[optionKey.description])
         );
       })) : children,
-      cancelText && React__default.createElement("div", { className: `${classPrefix}__cancel`, onClick: () => cancelActionSheet() }, cancelText)
+      cancelText && React__default.createElement("div", { className: `${classPrefix}-cancel`, onClick: () => cancelActionSheet() }, cancelText)
     )
   );
 };

package/dist/esm/{address.taro-ee6e048a.js → address.taro-71c98c46.js}

@@ -1,8 +1,8 @@
 import React__default, { forwardRef, useState, useImperativeHandle } from "react";
-import { Check, Location2, Left } from "@nutui/icons-react-taro";
-import { P as Popup } from "./popup.taro-376be9fe.js";
-import { u as useConfig } from "./configprovider.taro-03d376af.js";
-import { C as Cascader } from "./cascader.taro-61269a77.js";
+import { Check, Location, ArrowLeft } from "@nutui/icons-react-taro";
+import { P as Popup } from "./popup.taro-85284489.js";
+import { u as useConfig } from "./configprovider.taro-e890dac3.js";
+import { C as Cascader } from "./cascader.taro-24e4ece7.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 import { u as usePropsValue } from "./use-props-value-7637d900.js";
 const defaultProps$2 = {
@@ -33,7 +33,7 @@ const ExistRender = (props) => {
       return React__default.createElement(
         "li",
         { className: `${classPrefix}-exist-item ${item.selectedAddress ? "active" : ""}`, key: index, onClick: () => selectedExist(item) },
-        item.selectedAddress ? React__default.createElement(React__default.Fragment, null, React__default.isValidElement(selectIcon) ? selectIcon : React__default.createElement(Check, { color: "#FA2C19" })) : React__default.createElement(React__default.Fragment, null, React__default.isValidElement(defaultIcon) ? defaultIcon : React__default.createElement(Location2, null)),
+        item.selectedAddress ? React__default.createElement(React__default.Fragment, null, React__default.isValidElement(selectIcon) ? selectIcon : React__default.createElement(Check, { color: "var(--nutui-color-primary)" })) : React__default.createElement(React__default.Fragment, null, React__default.isValidElement(defaultIcon) ? defaultIcon : React__default.createElement(Location, null)),
         React__default.createElement(
           "div",
           { className: `${classPrefix}-exist-item-info` },
@@ -117,7 +117,7 @@ const InternalAddress = (props, ref) => {
     onClose && onClose();
   };
   const renderLeftOnCustomSwitch = () => {
-    return React__default.createElement(React__default.Fragment, null, custom && React__default.createElement("div", { className: `${classPrefix}-left-icon`, onClick: onSwitchModule }, React__default.isValidElement(backIcon) ? backIcon : React__default.createElement(Left, { color: "#cccccc" })));
+    return React__default.createElement(React__default.Fragment, null, custom && React__default.createElement("div", { className: `${classPrefix}-left-icon`, onClick: onSwitchModule }, React__default.isValidElement(backIcon) ? backIcon : React__default.createElement(ArrowLeft, { color: "#cccccc" })));
   };
   const selectedExistItem = (data) => {
     onExistSelect && onExistSelect(data);

package/dist/esm/{audio.taro-aa47d7e7.js → audio.taro-a42eebb5.js}

@@ -2,8 +2,8 @@ import React__default, { useState, useRef } from "react";
 import { createInnerAudioContext } from "@tarojs/taro";
 import { Service } from "@nutui/icons-react-taro";
 import { R as Range } from "./range.taro-8c7e9294.js";
-import { B as Button } from "./button.taro-7ae62bc3.js";
-import { u as useConfig } from "./configprovider.taro-03d376af.js";
+import { B as Button } from "./button.taro-e8d84b29.js";
+import { u as useConfig } from "./configprovider.taro-e890dac3.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
   ...ComponentDefaults,
@@ -126,10 +126,10 @@ const Audio = (props) => {
       null,
       React__default.createElement(
         "div",
-        { className: `${classPrefix}__icon` },
+        { className: `${classPrefix}-icon` },
         React__default.createElement(
           "div",
-          { className: `${classPrefix}__icon-box} ${playing ? `${classPrefix}__icon-play}` : `${classPrefix}__icon-stop}`}`, onClick: handleStatusChange },
+          { className: `${classPrefix}-icon-box} ${playing ? `${classPrefix}-icon-play}` : `${classPrefix}-icon-stop}`}`, onClick: handleStatusChange },
           React__default.createElement(Service, { className: playing ? "nut-icon-loading" : "" })
         )
       )
@@ -141,11 +141,11 @@ const Audio = (props) => {
       null,
       React__default.createElement(
         "div",
-        { className: `${classPrefix}__progress` },
+        { className: `${classPrefix}-progress` },
         React__default.createElement("div", { className: "time" }, currentDuration),
         React__default.createElement(
           "div",
-          { className: `${classPrefix}__progress-bar-wrapper` },
+          { className: `${classPrefix}-progress-bar-wrapper` },
           React__default.createElement(Range, { value: percent, onChange: (val) => setPercent(val), currentDescription: null, maxDescription: null, minDescription: null, "inactive-color": "#cccccc", "active-color": "#fa2c19" })
         ),
         React__default.createElement("div", { className: "time" }, formatSeconds(`${totalSeconds}`) || "00:00:00")
@@ -160,7 +160,7 @@ const Audio = (props) => {
     );
   };
   const renderNone = () => {
-    return React__default.createElement("div", { className: `${classPrefix}__none-container`, onClick: handleStatusChange }, children);
+    return React__default.createElement("div", { className: `${classPrefix}-none-container`, onClick: handleStatusChange }, children);
   };
   const renderAudio = () => {
     switch (type) {

package/dist/esm/{avatar.taro-21ad648c.js → avatar.taro-814a4b85.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useContext, useEffect } from "react";
 import Taro, { getEnv } from "@tarojs/taro";
 import classNames from "classnames";
-import { My } from "@nutui/icons-react-taro";
-import { I as Image } from "./image.taro-c2441b71.js";
+import { User } from "@nutui/icons-react-taro";
+import { I as Image } from "./image.taro-8d73a60d.js";
 import { a as AvatarContext, A as AvatarGroup } from "./avatargroup.taro-1f8b7174.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
@@ -11,8 +11,8 @@ const defaultProps = {
   shape: "round",
   icon: "",
   fit: "cover",
-  background: "#eee",
-  color: "#666",
+  background: "var(--nutui-gray-3)",
+  color: "var(--nutui-gray-6)",
   src: "",
   alt: ""
 };
@@ -96,7 +96,7 @@ const Avatar = (props) => {
         className: `${icon.props.className || ""} icon`
       }) : null,
       children && React__default.createElement("span", { className: "text" }, children),
-      !src && !icon && !children && React__default.createElement(My, { className: "icon" })
+      !src && !icon && !children && React__default.createElement(User, { className: "icon" })
     ),
     showMax && React__default.createElement("div", { className: "text" }, ((_l = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _l.maxContent) ? (_m = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _m.maxContent : `+ ${avatarIndex - Number(((_n = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _n.max) || 0)}`)
   ));

package/dist/esm/{avatarcropper.taro-499d9550.js → avatarcropper.taro-215ee89e.js}

@@ -2,7 +2,7 @@ import React__default, { useState, useMemo, useEffect, useCallback } from "react
 import Taro, { useReady } from "@tarojs/taro";
 import classNames from "classnames";
 import { Canvas } from "@tarojs/components";
-import { B as Button } from "./button.taro-7ae62bc3.js";
+import { B as Button } from "./button.taro-e8d84b29.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 import { u as useTouch } from "./use-touch-38cf73ae.js";
 import { p as preventDefault, c as clamp } from "./index-00550715.js";

package/dist/esm/{badge.taro-ffca952e.js → badge.taro-004f2eb0.js}

@@ -6,26 +6,41 @@ const defaultProps = {
   value: "",
   dot: false,
   max: 99,
-  top: "0",
-  right: "5",
+  top: "4",
+  right: "8",
   color: ""
 };
 const Badge = (props) => {
+  var _a;
   const { className, style, value, max, children, dot, top, right, color } = {
     ...defaultProps,
     ...props
   };
   const classPrefix = "nut-badge";
   const classes = classNames(classPrefix, className);
-  const contentClasses = classNames({ [`${classPrefix}__dot`]: dot }, `${classPrefix}__content`, `${classPrefix}__sup`);
   function content() {
     if (dot || typeof value === "object")
       return null;
     if (typeof value === "number" && typeof max === "number") {
-      return max < value ? `${max}+` : value;
+      return max < value ? `${max}+` : `${value}`;
     }
     return value;
   }
+  function isIcon() {
+    if (typeof value === "object" && value)
+      return value;
+  }
+  function isNumber() {
+    if (typeof value === "number" && value)
+      return value;
+  }
+  function isString() {
+    if (typeof value === "string" && value)
+      return value;
+  }
+  const contentClasses = classNames({ [`${classPrefix}-dot`]: dot }, `${classPrefix}-content`, { [`${classPrefix}-sup`]: isNumber() || isString() || dot }, {
+    [`${classPrefix}-one`]: typeof content() === "string" && ((_a = `${content()}`) == null ? void 0 : _a.length) === 1
+  });
   const getStyle = () => {
     const style2 = {};
     style2.top = `${Number(top) || parseFloat(String(top)) || 0}px`;
@@ -36,9 +51,9 @@ const Badge = (props) => {
   return React__default.createElement(
     "div",
     { className: classes, style },
-    typeof value === "object" && value && React__default.createElement("div", { className: `${classPrefix}__icon` }, value),
-    React__default.createElement("div", null, children),
-    React__default.createElement("div", { className: contentClasses, style: getStyle() }, content())
+    isIcon() && React__default.createElement("div", { className: `${classPrefix}-icon` }, value),
+    children,
+    !isIcon() && React__default.createElement("div", { className: contentClasses, style: getStyle() }, content())
   );
 };
 Badge.defaultProps = defaultProps;

package/dist/esm/{barrage.taro-0258ca14.js → barrage.taro-53b33990.js}

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

package/dist/esm/{button.taro-7ae62bc3.js → button.taro-e8d84b29.js}

@@ -10,23 +10,24 @@ const defaultProps = {
   type: "default",
   size: "normal",
   shape: "round",
-  fill: "solid",
+  fill: "outline",
   loading: false,
   disabled: false,
   block: false,
   icon: null,
+  rightIcon: null,
   onClick: (e) => {
   }
 };
 const Button = React__default.forwardRef((props, ref) => {
-  const { color, shape, fill, loading, disabled, type, size, block, icon, children, onClick, className, style, ...rest } = {
+  const { color, shape, fill, loading, disabled, type, size, block, icon, rightIcon, children, className, style, onClick, ...rest } = {
     ...defaultProps,
     ...props
   };
   const getStyle = useCallback(() => {
     const style2 = {};
     if (props.color) {
-      if (fill && fill === "outline") {
+      if (props.fill && (props.fill === "outline" || props.fill === "dashed")) {
         style2.color = color;
         style2.background = "#fff";
         if (!(color == null ? void 0 : color.includes("gradient"))) {
@@ -57,22 +58,23 @@ const Button = React__default.forwardRef((props, ref) => {
         ...rest,
         // type={Taro.getEnv() === 'WEB''reset'}
         ref,
-        className: classNames(prefixCls, props.type ? `${prefixCls}--${type}` : null, props.fill ? `${prefixCls}--${fill}` : null, {
-          [`${prefixCls}--${size}`]: size,
-          [`${prefixCls}--${shape}`]: shape,
-          [`${prefixCls}--block`]: block,
-          [`${prefixCls}--disabled`]: disabled,
-          [`${prefixCls}--loading`]: loading
+        className: classNames(prefixCls, `${prefixCls}-${type}`, props.fill ? `${prefixCls}-${fill}` : null, children ? "" : `${prefixCls}-icononly`, {
+          [`${prefixCls}-${size}`]: size,
+          [`${prefixCls}-${shape}`]: shape,
+          [`${prefixCls}-block`]: block,
+          [`${prefixCls}-disabled`]: disabled,
+          [`${prefixCls}-loading`]: loading
         }, className),
         style: { ...getStyle(), ...style },
         onClick: (e) => handleClick(e)
       },
       React__default.createElement(
         "div",
-        { className: "nut-button__warp" },
+        { className: "nut-button-warp" },
         loading && React__default.createElement(Loading, { className: "nut-icon-loading" }),
         !loading && icon ? icon : null,
-        children && React__default.createElement("div", { className: icon || loading ? "nut-button-text" : "" }, children)
+        children && React__default.createElement("div", { className: `${icon || loading ? "nut-button-text" : ""}${rightIcon ? " nut-button-text right" : ""}` }, children),
+        rightIcon || null
       )
     )
   );

package/dist/esm/{calendar.taro-8302ddc2.js → calendar.taro-5ee74a65.js}

@@ -1,8 +1,8 @@
 import React__default, { useRef } from "react";
-import { P as Popup } from "./popup.taro-376be9fe.js";
-import { C as CalendarItem } from "./calendaritem.taro-835ddb04.js";
+import { P as Popup } from "./popup.taro-85284489.js";
+import { C as CalendarItem } from "./calendaritem.taro-b30ef756.js";
 import { U as Utils } from "./date-04589b69.js";
-import { u as useConfig } from "./configprovider.taro-03d376af.js";
+import { u as useConfig } from "./configprovider.taro-e890dac3.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
   ...ComponentDefaults,

package/dist/esm/{calendarcard.taro-783109a7.js → calendarcard.taro-73e67095.js}

@@ -3,7 +3,7 @@ import classNames from "classnames";
 import { View } from "@tarojs/components";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 import { U as Utils } from "./date-04589b69.js";
-import { u as useConfig } from "./configprovider.taro-03d376af.js";
+import { u as useConfig } from "./configprovider.taro-e890dac3.js";
 const left = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJNNi42MDUgOS40OWEuNzcxLjc3MSAwIDAgMSAwLS45OGwzLjYtNC4zNzJhLjc3MS43NzEgMCAwIDEgMS4xOS45ODFMOC4yIDlsMy4xOTcgMy44ODFhLjc3MS43NzEgMCAxIDEtMS4xOTEuOThsLTMuNi00LjM3eiIvPjwvc3ZnPg==";
 const right = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJNMTEuMzk2IDkuNDlhLjc3MS43NzEgMCAwIDAgMC0uOThsLTMuNi00LjM3MmEuNzcxLjc3MSAwIDAgMC0xLjE5MS45ODFMOS44IDlsLTMuMTk2IDMuODgxYS43NzEuNzcxIDAgMCAwIDEuMTkuOThsMy42LTQuMzd6Ii8+PC9zdmc+";
 const doubleLeft = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJNMTMuODUzIDQuMDI2YS43NzEuNzcxIDAgMCAxIC4xMiAxLjA4NUwxMC44NjQgOWwzLjExIDMuODg5YS43NzEuNzcxIDAgMSAxLTEuMjA0Ljk2M2wtMy40OTgtNC4zN2EuNzcxLjc3MSAwIDAgMSAwLS45NjRsMy40OTctNC4zNzFhLjc3MS43NzEgMCAwIDEgMS4wODQtLjEyem0tNS4yNDUgMGEuNzcxLjc3MSAwIDAgMSAuMTIgMS4wODVMNS42MTcgOWwzLjExMSAzLjg4OWEuNzcxLjc3MSAwIDAgMS0xLjIwNS45NjNsLTMuNDk3LTQuMzdhLjc3MS43NzEgMCAwIDEgMC0uOTY0bDMuNDk3LTQuMzcxYS43NzEuNzcxIDAgMCAxIDEuMDg1LS4xMnoiLz48L3N2Zz4=";

package/dist/esm/{calendaritem.taro-835ddb04.js → calendaritem.taro-b30ef756.js}

@@ -4,8 +4,8 @@ import { ScrollView } from "@tarojs/components";
 import Taro, { nextTick } from "@tarojs/taro";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 import { U as Utils, g as getPreMonthDates, a as getDaysStatus, b as getCurrMonthData } from "./date-04589b69.js";
-import { r as requestAniFrame } from "./raf-a9ff50ad.js";
-import { u as useConfig } from "./configprovider.taro-03d376af.js";
+import { r as requestAniFrame } from "./raf-12d6371d.js";
+import { u as useConfig } from "./configprovider.taro-e890dac3.js";
 import { u as usePropsValue } from "./use-props-value-7637d900.js";
 const splitDate = (date) => {
   const split = date.indexOf("-") !== -1 ? "-" : "/";

package/dist/esm/{card.taro-99868a10.js → card.taro-80ba74c4.js}

@@ -1,7 +1,7 @@
 import React__default from "react";
 import classNames from "classnames";
-import { P as Price } from "./price.taro-710cab3b.js";
-import { T as Tag } from "./tag.taro-94e17649.js";
+import { P as Price } from "./price.taro-ce8f3249.js";
+import { T as Tag } from "./tag.taro-9fbc6a5e.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
   ...ComponentDefaults,
@@ -28,13 +28,13 @@ const Card = (props) => {
     { className: classNames(classPrefix, className), style, ...rest },
     React__default.createElement(
       "div",
-      { className: `${classPrefix}__left` },
+      { className: `${classPrefix}-left` },
       React__default.createElement("img", { src, alt: "" })
     ),
     React__default.createElement(
       "div",
-      { className: `${classPrefix}__right` },
-      React__default.createElement("div", { className: `${classPrefix}__right-title` }, title),
+      { className: `${classPrefix}-right` },
+      React__default.createElement("div", { className: `${classPrefix}-right-title` }, title),
       description,
       React__default.createElement(
         "div",

package/dist/esm/{cascader.taro-61269a77.js → cascader.taro-24e4ece7.js}

@@ -7,8 +7,8 @@ var __publicField = (obj, key, value) => {
 import React__default, { useState, useEffect, isValidElement } from "react";
 import classNames from "classnames";
 import { Loading, Checklist } from "@nutui/icons-react-taro";
-import { P as Popup } from "./popup.taro-376be9fe.js";
-import { T as Tabs } from "./tabs.taro-ba8788c1.js";
+import { P as Popup } from "./popup.taro-85284489.js";
+import { T as Tabs } from "./tabs.taro-99fba9f1.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 import { u as usePropsValue } from "./use-props-value-7637d900.js";
 const formatTree = (tree, parent, config) => tree.map((node) => {
@@ -359,14 +359,14 @@ const InternalCascader = (props, ref) => {
       disabled: node.disabled
     }, classPrefix2);
     const classesTitle = classNames({
-      [`${classPrefix2}__title`]: true
+      [`${classPrefix2}-title`]: true
     });
     const renderIcon = () => {
       if (checked) {
         if (isValidElement(activeIcon)) {
           return activeIcon;
         }
-        return React__default.createElement(Checklist, { className: `${checked ? `${classPrefix}__icon-check` : ""}` });
+        return React__default.createElement(Checklist, { className: `${checked ? `${classPrefix}-icon-check` : ""}` });
       }
       return null;
     };
@@ -376,7 +376,7 @@ const InternalCascader = (props, ref) => {
         chooseItem(node, false);
       } },
       React__default.createElement("div", { className: classesTitle }, node.text),
-      node.loading ? React__default.createElement(Loading, { color: "#969799", className: "nut-cascader-item__icon-loading" }) : renderIcon()
+      node.loading ? React__default.createElement(Loading, { color: "#969799", className: "nut-cascader-item-icon-loading" }) : renderIcon()
     );
   };
   const renderTabs = () => {
@@ -391,15 +391,15 @@ const InternalCascader = (props, ref) => {
             { onClick: () => {
               setTabvalue(pane.paneKey);
               state.tabsCursor = index;
-            }, className: `nut-tabs__titles-item ${tabvalue === pane.paneKey ? "nut-tabs__titles-item--active" : ""}`, key: pane.paneKey },
+            }, className: `nut-tabs-titles-item ${tabvalue === pane.paneKey ? "nut-tabs-titles-item-active" : ""}`, key: pane.paneKey },
             React__default.createElement(
               "span",
-              { className: "nut-tabs__titles-item__text" },
+              { className: "nut-tabs-titles-item-text" },
               !state.initLoading && state.panes.length && ((_a = pane == null ? void 0 : pane.selectedNode) == null ? void 0 : _a.text),
               !state.initLoading && state.panes.length && !((_b = pane == null ? void 0 : pane.selectedNode) == null ? void 0 : _b.text) && "请选择",
               !(!state.initLoading && state.panes.length) && "Loading..."
             ),
-            React__default.createElement("span", { className: "nut-tabs__titles-item__line" })
+            React__default.createElement("span", { className: "nut-tabs-titles-item-line" })
           );
         });
       } }, !state.initLoading && state.panes.length ? optionsData.map((pane) => {

package/dist/esm/{cell.taro-010b73ed.js → cell.taro-3bb24d44.js}

@@ -1,7 +1,7 @@
 import React__default, { useContext } from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
-import { a as CellGroupContext, C as CellGroup } from "./cellgroup.taro-9dc59f11.js";
+import { a as CellGroupContext, C as CellGroup } from "./cellgroup.taro-f998a42f.js";
 const defaultProps = {
   ...ComponentDefaults,
   title: null,
@@ -38,13 +38,13 @@ const Cell = (props) => {
       null,
       title || description ? React__default.createElement(
         "div",
-        { className: `${classPrefix}__left` },
-        title ? React__default.createElement("div", { className: `${classPrefix}__title` }, title) : null,
-        description ? React__default.createElement("div", { className: `${classPrefix}__description` }, description) : null
+        { className: `${classPrefix}-left` },
+        title ? React__default.createElement("div", { className: `${classPrefix}-title` }, title) : null,
+        description ? React__default.createElement("div", { className: `${classPrefix}-description` }, description) : null
       ) : null,
-      extra ? React__default.createElement("div", { className: `${classPrefix}__extra`, style: styles }, extra) : null
+      extra ? React__default.createElement("div", { className: `${classPrefix}-extra`, style: styles }, extra) : null
     ),
-    (ctx == null ? void 0 : ctx.divider) ? React__default.createElement("div", { className: `${classPrefix}__divider` }) : null
+    (ctx == null ? void 0 : ctx.divider) ? React__default.createElement("div", { className: `${classPrefix}-divider` }) : null
   );
 };
 Cell.defaultProps = defaultProps;

package/dist/esm/{cellgroup.taro-9dc59f11.js → cellgroup.taro-f998a42f.js}

@@ -17,11 +17,11 @@ const CellGroup = (props) => {
   return React__default.createElement(
     "div",
     { className: classNames(classPrefix, className), ...rest },
-    title ? React__default.createElement("div", { className: `${classPrefix}__title` }, title) : null,
-    description ? React__default.createElement("div", { className: `${classPrefix}__description` }, description) : null,
+    title ? React__default.createElement("div", { className: `${classPrefix}-title` }, title) : null,
+    description ? React__default.createElement("div", { className: `${classPrefix}-description` }, description) : null,
     React__default.createElement(
       "div",
-      { className: `${classPrefix}__wrap ${divider ? `${classPrefix}__wrap--divider` : ""}` },
+      { className: `${classPrefix}-wrap ${divider ? `${classPrefix}-wrap-divider` : ""}` },
       React__default.createElement(CellGroupContext.Provider, { value: { divider } }, children)
     )
   );