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

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

@@ -1,99 +1,99 @@
-import { B } from "./button.taro-7ae62bc3.js";
-import { C } from "./cell.taro-010b73ed.js";
-import { C as C2 } from "./cellgroup.taro-9dc59f11.js";
-import { C as C3 } from "./configprovider.taro-03d376af.js";
-import { I } from "./image.taro-c2441b71.js";
-import { O } from "./overlay.taro-2a34cbbf.js";
+import { B } from "./button.taro-e8d84b29.js";
+import { C } from "./cell.taro-3bb24d44.js";
+import { C as C2 } from "./cellgroup.taro-f998a42f.js";
+import { C as C3 } from "./configprovider.taro-e890dac3.js";
+import { I } from "./image.taro-8d73a60d.js";
+import { O } from "./overlay.taro-8514660f.js";
 import { C as C4 } from "./col.taro-23d5f6bd.js";
-import { D } from "./divider.taro-c61ab869.js";
-import { G } from "./grid.taro-a1837c49.js";
-import { G as G2 } from "./griditem.taro-c0265282.js";
+import { D } from "./divider.taro-a92925b7.js";
+import { G } from "./grid.taro-389996b2.js";
+import { G as G2 } from "./griditem.taro-483246bf.js";
 import { L } from "./layout.taro-7711a89c.js";
 import { R } from "./row.taro-a71fbf76.js";
 import { S } from "./space.taro-5f8f647f.js";
-import { S as S2 } from "./sticky.taro-bee7a130.js";
+import { S as S2 } from "./sticky.taro-560c98a8.js";
 import { S as S3 } from "./safearea.taro-776b7bf8.js";
 import { B as B2 } from "./backtop.taro-7f774b6c.js";
-import { E } from "./elevator.taro-cdf3dba7.js";
-import { F } from "./fixednav.taro-e18530bb.js";
-import { N } from "./navbar.taro-23394f73.js";
-import { S as S4 } from "./sidenavbar.taro-53ac5b88.js";
-import { S as S5 } from "./sidenavbaritem.taro-69b0784d.js";
-import { S as S6 } from "./subsidenavbar.taro-797ce379.js";
-import { T } from "./tabbar.taro-8fe42366.js";
-import { T as T2 } from "./tabbaritem.taro-c75682f5.js";
+import { E } from "./elevator.taro-1607d0b4.js";
+import { F } from "./fixednav.taro-ec8c4526.js";
+import { N } from "./navbar.taro-00b0b1fd.js";
+import { S as S4 } from "./sidenavbar.taro-5a5b4178.js";
+import { S as S5 } from "./sidenavbaritem.taro-f2650b21.js";
+import { S as S6 } from "./subsidenavbar.taro-cf175ac5.js";
+import { T } from "./tabbar.taro-e74e904e.js";
+import { T as T2 } from "./tabbaritem.taro-fa0e2bfa.js";
 import { T as T3 } from "./tabpane.taro-96001c64.js";
-import { T as T4 } from "./tabs.taro-ba8788c1.js";
-import { A } from "./address.taro-ee6e048a.js";
-import { C as C5 } from "./calendar.taro-8302ddc2.js";
-import { C as C6 } from "./calendaritem.taro-835ddb04.js";
-import { C as C7 } from "./calendarcard.taro-783109a7.js";
-import { C as C8 } from "./cascader.taro-61269a77.js";
-import { C as C9, a } from "./checkbox.taro-1a7fd5c7.js";
-import { D as D2 } from "./datepicker.taro-8b8bb2fb.js";
+import { T as T4 } from "./tabs.taro-99fba9f1.js";
+import { A } from "./address.taro-71c98c46.js";
+import { C as C5 } from "./calendar.taro-5ee74a65.js";
+import { C as C6 } from "./calendaritem.taro-b30ef756.js";
+import { C as C7 } from "./calendarcard.taro-73e67095.js";
+import { C as C8 } from "./cascader.taro-24e4ece7.js";
+import { C as C9, a } from "./checkbox.taro-fa5d9680.js";
+import { D as D2 } from "./datepicker.taro-e80d9271.js";
 import { default as default2 } from "./Form.js";
-import { F as F2 } from "./formitem.taro-17dac26c.js";
-import { I as I2 } from "./input.taro-ffd35ab1.js";
-import { I as I3 } from "./inputnumber.taro-5f60d969.js";
-import { M } from "./menu.taro-df22141a.js";
-import { M as M2 } from "./menuitem.taro-7b5d50fc.js";
-import { N as N2 } from "./numberkeyboard.taro-74f9a790.js";
-import { P } from "./picker.taro-00fb321a.js";
-import { R as R2, a as a2 } from "./radio.taro-9e049135.js";
+import { F as F2 } from "./formitem.taro-2b8003f8.js";
+import { I as I2 } from "./input.taro-d98c3cef.js";
+import { I as I3 } from "./inputnumber.taro-07b246ee.js";
+import { M } from "./menu.taro-c2dc8fdb.js";
+import { M as M2 } from "./menuitem.taro-9cd511f4.js";
+import { N as N2 } from "./numberkeyboard.taro-d01cb097.js";
+import { P } from "./picker.taro-d40a4e27.js";
+import { R as R2, a as a2 } from "./radio.taro-b0f9fd8e.js";
 import { R as R3 } from "./range.taro-8c7e9294.js";
-import { R as R4 } from "./rate.taro-2f08de25.js";
-import { S as S7 } from "./searchbar.taro-9ffce381.js";
-import { S as S8 } from "./shortpassword.taro-8647cd4d.js";
-import { S as S9 } from "./signature.taro-3e0c2694.js";
-import { S as S10 } from "./switch.taro-1c7715e8.js";
-import { T as T5 } from "./textarea.taro-6ce0d027.js";
-import { U } from "./uploader.taro-9e6aa0df.js";
-import { A as A2 } from "./actionsheet.taro-24a40570.js";
-import { B as B3 } from "./badge.taro-ffca952e.js";
-import { B as B4 } from "./dialog.taro-c4969c97.js";
+import { R as R4 } from "./rate.taro-3da117db.js";
+import { S as S7 } from "./searchbar.taro-ab39a108.js";
+import { S as S8 } from "./shortpassword.taro-cd9e234e.js";
+import { S as S9 } from "./signature.taro-7ada09ae.js";
+import { S as S10 } from "./switch.taro-e46db0c3.js";
+import { T as T5 } from "./textarea.taro-74da302f.js";
+import { U } from "./uploader.taro-be3f843f.js";
+import { A as A2 } from "./actionsheet.taro-b4b3e4a6.js";
+import { B as B3 } from "./badge.taro-004f2eb0.js";
+import { B as B4 } from "./dialog.taro-d1d66f17.js";
 import { D as D3 } from "./drag.taro-ce333e51.js";
-import { E as E2 } from "./empty.taro-610d8e5c.js";
-import { I as I4 } from "./infiniteloading.taro-b149475d.js";
+import { E as E2 } from "./empty.taro-e9dd38e7.js";
+import { I as I4 } from "./infiniteloading.taro-e6068990.js";
 import { L as L2 } from "./loading.taro-d511e398.js";
-import { N as N3 } from "./noticebar.taro-11fe07b1.js";
-import { N as N4 } from "./notify.taro-b7f10692.js";
-import { P as P2 } from "./popover.taro-2ca996c8.js";
-import { P as P3 } from "./popup.taro-376be9fe.js";
-import { P as P4 } from "./pulltorefresh.taro-1741fda8.js";
-import { S as S11 } from "./skeleton.taro-67715cd4.js";
-import { S as S12 } from "./swipe.taro-a108baac.js";
-import { T as T6 } from "./toast.taro-b847d537.js";
+import { N as N3 } from "./noticebar.taro-512a92a0.js";
+import { N as N4 } from "./notify.taro-3063c438.js";
+import { P as P2 } from "./popover.taro-d1837cca.js";
+import { P as P3 } from "./popup.taro-85284489.js";
+import { P as P4 } from "./pulltorefresh.taro-e8258b3c.js";
+import { S as S11 } from "./skeleton.taro-9504ad22.js";
+import { S as S12 } from "./swipe.taro-adfd35e2.js";
+import { T as T6 } from "./toast.taro-e5290709.js";
 import { A as A3 } from "./animate.taro-37bf4eab.js";
 import { default as default3 } from "./AnimatingNumbers.js";
-import { A as A4 } from "./audio.taro-aa47d7e7.js";
-import { A as A5 } from "./avatar.taro-21ad648c.js";
+import { A as A4 } from "./audio.taro-a42eebb5.js";
+import { A as A5 } from "./avatar.taro-814a4b85.js";
 import { A as A6 } from "./avatargroup.taro-1f8b7174.js";
-import { C as C10 } from "./circleprogress.taro-6054482f.js";
-import { C as C11 } from "./collapse.taro-341f8941.js";
-import { C as C12 } from "./collapseitem.taro-e99fb1a2.js";
-import { C as C13 } from "./countdown.taro-4a905523.js";
+import { C as C10 } from "./circleprogress.taro-cbbc333a.js";
+import { C as C11 } from "./collapse.taro-8b61fb79.js";
+import { C as C12 } from "./collapseitem.taro-a1e96f50.js";
+import { C as C13 } from "./countdown.taro-04aa98cf.js";
 import { E as E3 } from "./ellipsis.taro-b1533122.js";
-import { I as I5 } from "./imagepreview.taro-a5e8b8fa.js";
-import { I as I6 } from "./indicator.taro-092f9f4e.js";
-import { P as P5 } from "./pagination.taro-7ef7ab28.js";
-import { P as P6 } from "./price.taro-710cab3b.js";
-import { P as P7 } from "./progress.taro-421575b9.js";
+import { I as I5 } from "./imagepreview.taro-e660bf28.js";
+import { I as I6 } from "./indicator.taro-7bec8fb9.js";
+import { P as P5 } from "./pagination.taro-a8969bcf.js";
+import { P as P6 } from "./price.taro-ce8f3249.js";
+import { P as P7 } from "./progress.taro-129abe65.js";
 import { S as S13 } from "./step.taro-02eb5edb.js";
 import { S as S14 } from "./steps.taro-4b126463.js";
 import { default as default4 } from "./Swiper.js";
 import { S as S15 } from "./swiperitem.taro-da39a67b.js";
-import { T as T7 } from "./table.taro-d2c266e1.js";
-import { T as T8 } from "./tag.taro-94e17649.js";
-import { T as T9 } from "./tour.taro-10b657d8.js";
+import { T as T7 } from "./table.taro-4edde60b.js";
+import { T as T8 } from "./tag.taro-9fbc6a5e.js";
+import { T as T9 } from "./tour.taro-c7d2320b.js";
 import { V } from "./video.taro-804f0da6.js";
 import { V as V2 } from "./virtuallist.taro-08c9c585.js";
-import { B as B5 } from "./barrage.taro-0258ca14.js";
-import { C as C14 } from "./card.taro-99868a10.js";
-import { T as T10 } from "./timedetail.taro-958b8c07.js";
-import { T as T11 } from "./timeselect.taro-a2130557.js";
-import { T as T12 } from "./trendarrow.taro-e6b635ae.js";
-import { W } from "./watermark.taro-3ea4550f.js";
-import { A as A7 } from "./avatarcropper.taro-499d9550.js";
+import { B as B5 } from "./barrage.taro-53b33990.js";
+import { C as C14 } from "./card.taro-80ba74c4.js";
+import { T as T10 } from "./timedetail.taro-130291a2.js";
+import { T as T11 } from "./timeselect.taro-ea27c6d5.js";
+import { T as T12 } from "./trendarrow.taro-ac0a3403.js";
+import { W } from "./watermark.taro-3971822c.js";
+import { A as A7 } from "./avatarcropper.taro-215ee89e.js";
 import "react";
 import "classnames";
 import "@nutui/icons-react-taro";
@@ -110,7 +110,7 @@ import "./get-rect-by-taro-fe02fe2b.js";
 import "./context-f32a9246.js";
 import "./use-props-value-7637d900.js";
 import "./use-force-update-9cd7c164.js";
-import "./raf-a9ff50ad.js";
+import "./raf-12d6371d.js";
 import "./date-04589b69.js";
 import "./index-00550715.js";
 import "./use-custom-event-c672f4ae.js";

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

@@ -1,6 +1,6 @@
 import React__default, { useMemo } from "react";
 import classNames from "classnames";
-import { u as useConfig } from "./configprovider.taro-03d376af.js";
+import { u as useConfig } from "./configprovider.taro-e890dac3.js";
 import { u as usePropsValue } from "./use-props-value-7637d900.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.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-00fb321a.js → picker.taro-d40a4e27.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-376be9fe.js";
+import { P as Popup } from "./popup.taro-85284489.js";
 import { u as useTouch } from "./use-touch-38cf73ae.js";
 import { g as getRectByTaro } from "./get-rect-by-taro-fe02fe2b.js";
-import { p as passiveSupported } from "./overlay.taro-2a34cbbf.js";
-import { u as useConfig } from "./configprovider.taro-03d376af.js";
+import { p as passiveSupported } from "./overlay.taro-8514660f.js";
+import { u as useConfig } from "./configprovider.taro-e890dac3.js";
 import { u as usePropsValue } from "./use-props-value-7637d900.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const InternalPickerPanel = (props, ref) => {
@@ -441,13 +441,13 @@ const InternalPicker = (props, ref) => {
   const renderTitleBar = () => {
     return React__default.createElement(
       "div",
-      { className: `${classPrefix}__control` },
-      React__default.createElement("span", { className: `${classPrefix}__cancel-btn`, onClick: (e) => {
+      { className: `${classPrefix}-control` },
+      React__default.createElement("span", { className: `${classPrefix}-cancel-btn`, onClick: (e) => {
         onCancel == null ? void 0 : onCancel();
         setInnerVisible(false);
       } }, locale.cancel),
-      React__default.createElement("div", { className: `${classPrefix}__title` }, title || ""),
-      React__default.createElement("span", { className: `${classPrefix}__confirm-btn`, onClick: (e) => {
+      React__default.createElement("div", { className: `${classPrefix}-title` }, title || ""),
+      React__default.createElement("span", { className: `${classPrefix}-confirm-btn`, onClick: (e) => {
         confirm();
       } }, locale.confirm)
     );
@@ -491,7 +491,7 @@ const InternalPicker = (props, ref) => {
         { className: classes, style, ...rest, catchMove: true },
         renderTitleBar(),
         typeof children !== "function" && children,
-        React__default.createElement("div", { className: `${classPrefix}__panel`, ref: pickerRef }, Taro.getEnv() === "WEB" ? columnsList == null ? void 0 : columnsList.map((item, index) => {
+        React__default.createElement("div", { className: `${classPrefix}-panel`, ref: pickerRef }, Taro.getEnv() === "WEB" ? columnsList == null ? void 0 : columnsList.map((item, index) => {
           return React__default.createElement(PickerPanel$1, { ref: setRefs(index), defaultValue: innerValue == null ? void 0 : innerValue[index], options: item, threeDimensional, chooseItem: (value, index2) => chooseItem(value, index2), duration, key: index, keyIndex: index, itemShow: visible });
         }) : React__default.createElement(PickerView, { ref: pickerRef, value: currentValue, immediateChange: true, onPickStart: pickerStart, onChange: pickerChange, onPickEnd: pickerEnd, indicatorClass: "nut-picker-indicator-taro", className: "nut-picker-view-panel" }, columnsList == null ? void 0 : columnsList.map((columnOptions, index) => {
           return React__default.createElement(PickerViewColumn, { key: `col${index}` }, columnOptions.map((item, index2) => {

package/dist/esm/{popover.taro-2ca996c8.js → popover.taro-d1837cca.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-376be9fe.js";
+import { P as Popup } from "./popup.taro-85284489.js";
 import { a as getRect, g as getRectByTaro } from "./get-rect-by-taro-fe02fe2b.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
@@ -94,9 +94,8 @@ const Popover = (props) => {
   }, className);
   const popoverArrow = () => {
     const prefixCls = "nut-popover-arrow";
-    const loca = location;
-    const direction = loca.split("-")[0];
-    return `${prefixCls} ${prefixCls}-${direction} ${prefixCls}--${loca}`;
+    const direction = location.split("-")[0];
+    return `${prefixCls} ${prefixCls}-${direction} ${prefixCls}-${location}`;
   };
   const getRootPosition = () => {
     const styles = {};
@@ -206,7 +205,7 @@ const Popover = (props) => {
       { className: classes, style: getRootPosition() },
       React__default.createElement(
         Popup,
-        { className: `nut-popover-content nut-popover-content--${location}`, position: "default", overlay, visible: showPopup, ...rest },
+        { className: `nut-popover-content nut-popover-content-${location}`, position: "default", overlay, visible: showPopup, ...rest },
         React__default.createElement(
           "div",
           { className: "nut-popover-content-group", ref: popoverContentRef },
@@ -219,8 +218,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-376be9fe.js → popup.taro-85284489.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-2a34cbbf.js";
+import { d as defaultOverlayProps, u as useLockScrollTaro, O as Overlay } from "./overlay.taro-8514660f.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.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/{price.taro-710cab3b.js → price.taro-ce8f3249.js}

@@ -61,15 +61,15 @@ const Price = (props) => {
     return String(resultFixed).substring(2, resultFixed.length);
   };
   const renderSymbol = () => {
-    return React__default.createElement("div", { className: `${classPrefix}__symbol ${classPrefix}__symbol-${size}`, dangerouslySetInnerHTML: showSymbol() });
+    return React__default.createElement("div", { className: `${classPrefix}-symbol ${classPrefix}-symbol-${size}`, dangerouslySetInnerHTML: showSymbol() });
   };
   return React__default.createElement(
     "div",
-    { className: `${classPrefix} ${line ? `${classPrefix}--line` : ""} ${className}`, style, ...rest },
+    { className: `${classPrefix} ${line ? `${classPrefix}-line` : ""} ${className}`, style, ...rest },
     symbol && position === "before" ? renderSymbol() : null,
-    React__default.createElement("div", { className: `${classPrefix}__integer ${classPrefix}__integer-${size}` }, formatThousands(price)),
-    digits !== 0 ? React__default.createElement("div", { className: `${classPrefix}__decimal ${classPrefix}__decimal-${size}` }, ".") : null,
-    React__default.createElement("div", { className: `${classPrefix}__decimal ${classPrefix}__decimal-${size}` }, formatDecimal(price)),
+    React__default.createElement("div", { className: `${classPrefix}-integer ${classPrefix}-integer-${size}` }, formatThousands(price)),
+    digits !== 0 ? React__default.createElement("div", { className: `${classPrefix}-decimal ${classPrefix}-decimal-${size}` }, ".") : null,
+    React__default.createElement("div", { className: `${classPrefix}-decimal ${classPrefix}-decimal-${size}` }, formatDecimal(price)),
     symbol && position === "after" ? renderSymbol() : null
   );
 };

package/dist/esm/{progress.taro-421575b9.js → progress.taro-129abe65.js}

@@ -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-1741fda8.js → pulltorefresh.taro-e8258b3c.js}

@@ -1,6 +1,6 @@
 import React__default, { useRef, useState } from "react";
 import { View } from "@tarojs/components";
-import { u as useConfig } from "./configprovider.taro-03d376af.js";
+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";
 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-9e049135.js → radio.taro-b0f9fd8e.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-11d83a22.js";
 import { u as usePropsValue } from "./use-props-value-7637d900.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/{raf-a9ff50ad.js → raf-12d6371d.js}

@@ -5,7 +5,7 @@ function requestAniFrame() {
       _window.setTimeout(callback, 1e3 / 60);
     };
   }
-  return function(callback) {
+  return (callback) => {
     setTimeout(callback, 1e3 / 60);
   };
 }

package/dist/esm/{rate.taro-2f08de25.js → rate.taro-3da117db.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-11d83a22.js";
 import { u as usePropsValue } from "./use-props-value-7637d900.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();
@@ -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))
     );
   }));
 };