@nutui/nutui-react-taro 1.5.1-beta.0 → 2.0.0-alpha.0

package/dist/esm/{menu.taro-7e4038a1.js → menu.taro-54951911.js}

@@ -1,20 +1,20 @@
 import React__default, { useRef, useEffect, useState } from 'react';
 import classNames from 'classnames';
-import { I as Icon } from './icon.taro-296a1bec.js';
-import { C as ComponentDefaults } from './typings-b9828dba.js';
+import { RectUp, RectDown } from '@nutui/icons-react-taro';
+import { C as ComponentDefaults } from './typings-d8491423.js';
 
 const defaultProps = {
     ...ComponentDefaults,
     className: '',
     style: {},
-    activeColor: '#F2270C',
+    activeColor: '',
     closeOnClickOverlay: true,
     scrollFixed: false,
     lockScroll: true,
-    titleIcon: '',
+    titleIcon: null,
 };
 const Menu = (props) => {
-    const { className, titleIcon, scrollFixed, lockScroll, closeOnClickOverlay, children, activeColor, iconClassPrefix, iconFontClassName, ...rest } = {
+    const { className, titleIcon, scrollFixed, lockScroll, closeOnClickOverlay, children, activeColor, ...rest } = {
         ...defaultProps,
         ...props,
     };
@@ -88,8 +88,7 @@ const Menu = (props) => {
                             disabled,
                         })}` },
                         React__default.createElement("div", { className: "nut-menu__title-text" }, finallyTitle()),
-                        React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, className: "nut-menu__title-icon", size: "10", name: titleIcon ||
-                                (direction === 'up' ? 'arrow-up' : 'down-arrow') }))));
+                        titleIcon || (React__default.createElement(React__default.Fragment, null, direction === 'up' ? (React__default.createElement(RectUp, { className: "nut-menu__title-icon", size: "14px" })) : (React__default.createElement(RectDown, { className: "nut-menu__title-icon", size: "14px" })))))));
             })),
             cloneChildren())));
 };

package/dist/esm/{menuitem.taro-96cc4f15.js → menuitem.taro-86a6bb6c.js}

@@ -1,10 +1,10 @@
 import React__default, { forwardRef, useState, useEffect, useImperativeHandle } from 'react';
 import classNames from 'classnames';
 import { CSSTransition } from 'react-transition-group';
-import { u as useConfig } from './configprovider.taro-8d71eb49.js';
-import { I as Icon } from './icon.taro-296a1bec.js';
-import { O as Overlay } from './overlay.taro-21e87fb1.js';
-import { C as ComponentDefaults } from './typings-b9828dba.js';
+import { Check } from '@nutui/icons-react-taro';
+import { u as useConfig } from './configprovider.taro-c8c54556.js';
+import { O as Overlay } from './overlay.taro-ad0d4775.js';
+import { C as ComponentDefaults } from './typings-d8491423.js';
 
 const defaultProps = {
     ...ComponentDefaults,
@@ -12,17 +12,15 @@ const defaultProps = {
     style: {},
     columns: 1,
     direction: 'down',
-    optionsIcon: 'Check',
+    optionsIcon: null,
     activeTitleClass: '',
     inactiveTitleClass: '',
-    iconClassPrefix: 'nut-icon',
-    fontClassName: 'nutui-iconfont',
     onChange: (value) => undefined,
 };
 const MenuItem = forwardRef((props, ref) => {
     useConfig();
     const mergedProps = { ...defaultProps, ...props };
-    const { style, options, value, columns, title, optionsIcon, direction, onChange, activeTitleClass, inactiveTitleClass, children, iconClassPrefix, iconFontClassName, } = {
+    const { style, options, value, columns, title, optionsIcon, direction, onChange, activeTitleClass, inactiveTitleClass, children, } = {
         ...defaultProps,
         ...props,
     };
@@ -98,7 +96,7 @@ const MenuItem = forwardRef((props, ref) => {
         React__default.createElement("div", { className: `placeholder-element ${classNames({
                 up: direction === 'up',
             })}`, style: placeholderStyle(), onClick: () => parent.toggleItemShow(orderKey) }),
-        React__default.createElement(Overlay, { overlayClass: "nut-menu__overlay", style: getPosition(), lockScroll: parent.lockScroll, visible: _showPopup, closeOnClickOverlay: parent.closeOnClickOverlay, onClick: () => {
+        React__default.createElement(Overlay, { className: "nut-menu__overlay", style: getPosition(), lockScroll: parent.lockScroll, visible: _showPopup, closeOnOverlayClick: parent.closeOnClickOverlay, onClick: () => {
                 parent.closeOnClickOverlay && parent.toggleItemShow(orderKey);
             } }),
         React__default.createElement("div", { className: direction === 'down'
@@ -117,7 +115,7 @@ const MenuItem = forwardRef((props, ref) => {
                             }, onClick: () => {
                                 handleClick(item);
                             } },
-                            item.value === _value ? (React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, className: getIconCName(item.value, value), name: optionsIcon, color: activeColor })) : null,
+                            item.value === _value ? (React__default.createElement(React__default.Fragment, null, optionsIcon || (React__default.createElement(Check, { color: activeColor, className: getIconCName(item.value, value) })))) : null,
                             React__default.createElement("div", { className: getIconCName(item.value, value), style: {
                                     color: `${item.value === _value ? activeColor : ''}`,
                                 } }, item.text)));

package/dist/esm/{navbar.taro-777c4705.js → navbar.taro-69f47d51.js}

@@ -1,15 +1,14 @@
 import React__default from 'react';
 import classNames from 'classnames';
-import { I as Icon } from './icon.taro-296a1bec.js';
+import { Left } from '@nutui/icons-react-taro';
 import { c as cn } from './bem-350c1702.js';
-import { C as ComponentDefaults } from './typings-b9828dba.js';
+import { C as ComponentDefaults } from './typings-d8491423.js';
 
 const defaultProps = {
     ...ComponentDefaults,
     title: '',
-    desc: '',
+    description: '',
     leftShow: true,
-    titIcon: '',
     className: '',
     leftText: '',
     fixed: false,
@@ -20,7 +19,7 @@ const defaultProps = {
     style: {},
 };
 const NavBar = (props) => {
-    const { desc, title, titIcon, leftShow, className, style, leftText, fixed, safeAreaInsetTop, border, placeholder, zIndex, onClickTitle, onClickIcon, onClickBack, onClickRight, iconClassPrefix, iconFontClassName, } = {
+    const { description, title, leftShow, className, style, leftText, fixed, safeAreaInsetTop, border, placeholder, zIndex, onClickTitle, onClickIcon, onClickBack, onClickRight, } = {
         ...defaultProps,
         ...props,
     };
@@ -31,7 +30,7 @@ const NavBar = (props) => {
     const slot = children.reduce((slot, item) => {
         const data = slot;
         if (item && item.props) {
-            data[item.props.slot] = item;
+            data[item.props.slot] = item.props.children;
         }
         return data;
     }, {});
@@ -43,20 +42,19 @@ const NavBar = (props) => {
     };
     const renderLeft = () => {
         return (React__default.createElement("div", { className: `${b('left')}`, onClick: (e) => onClickBack(e) },
-            leftShow && (React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, name: "left", color: "#979797" })),
+            leftShow && React__default.createElement(Left, { name: "left", color: "#979797" }),
             leftText && React__default.createElement("div", { className: `${b('text')}` }, leftText),
             slot.left));
     };
     const renderContent = () => {
         return (React__default.createElement("div", { className: `${b('title')}` },
             title && (React__default.createElement("div", { className: "title", onClick: (e) => onClickTitle(e) }, title)),
-            titIcon && (React__default.createElement("div", { onClick: (e) => onClickIcon(e) },
-                React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, name: titIcon }))),
+            slot.titleIcon && (React__default.createElement("div", { onClick: (e) => onClickIcon(e) }, slot.titleIcon)),
             slot.content));
     };
     const renderRight = () => {
         return (React__default.createElement("div", { className: `${b('right')}`, onClick: (e) => onClickRight(e) },
-            desc && React__default.createElement("div", { className: `${b('text')}` }, desc),
+            description && React__default.createElement("div", { className: `${b('text')}` }, description),
             slot.right));
     };
     const renderWrapper = () => {

package/dist/esm/{noticebar.taro-4a23cdee.js → noticebar.taro-49e7441f.js}

@@ -1,9 +1,9 @@
 import React__default, { useRef, useState, useMemo, useEffect } from 'react';
 import classNames from 'classnames';
-import { I as Icon } from './icon.taro-296a1bec.js';
 import { c as cn } from './bem-350c1702.js';
-import { g as getRectByTaro } from './useClientRect-1f8ed1fe.js';
-import { C as ComponentDefaults } from './typings-b9828dba.js';
+import { g as getRectByTaro } from './use-client-rect-1f8ed1fe.js';
+import { C as ComponentDefaults } from './typings-d8491423.js';
+import { Notice, Close } from '@nutui/icons-react-taro';
 
 const defaultProps = {
     ...ComponentDefaults,
@@ -16,7 +16,8 @@ const defaultProps = {
     text: '',
     closeMode: false,
     wrapable: false,
-    leftIcon: '',
+    leftIcon: null,
+    rightIcon: null,
     color: '',
     background: '',
     delay: 1,
@@ -24,7 +25,7 @@ const defaultProps = {
     speed: 50,
 };
 const NoticeBar = (props) => {
-    const { children, className, style, direction, list, standTime, complexAm, height, text, closeMode, wrapable, leftIcon, color, background, delay, scrollable, speed, rightIcon, close, click, onClose, onClick, onClickItem, iconClassPrefix, iconFontClassName, } = {
+    const { children, className, style, direction, list, standTime, complexAm, height, text, closeMode, wrapable, leftIcon, rightIcon, color, background, delay, scrollable, speed, close, click, onClose, onClick, onClickItem, } = {
         ...defaultProps,
         ...props,
     };
@@ -44,7 +45,6 @@ const NoticeBar = (props) => {
     const isVertical = direction === 'vertical';
     const [rect, setRect] = useState(null);
     let active = 0;
-    const [vLeftIcon, setLeftIcon] = useState('');
     const [ready, setReady] = useState(false);
     const container = useRef(null);
     const innerRef = useRef(null);
@@ -81,13 +81,6 @@ const NoticeBar = (props) => {
     })();
     useEffect(() => {
         if (isVertical) {
-            // 兼容老版本无左侧Icon问题
-            if (leftIcon !== '') {
-                setLeftIcon(leftIcon);
-            }
-            else {
-                setLeftIcon('close');
-            }
             if (children) {
                 scrollList.current = [].concat(childs);
             }
@@ -214,19 +207,6 @@ const NoticeBar = (props) => {
         close && close(event);
         onClose && onClose(event);
     };
-    const iconShow = () => {
-        if (leftIcon === 'close' || vLeftIcon === 'close') {
-            return false;
-        }
-        return true;
-    };
-    const iconBg = () => {
-        let iconBg = '';
-        if (leftIcon) {
-            iconBg = leftIcon;
-        }
-        return iconBg;
-    };
     const isEllipsis = () => {
         if (isCanScroll == null) {
             return wrapable;
@@ -416,15 +396,14 @@ const NoticeBar = (props) => {
     }, []);
     return (React__default.createElement("div", { className: `${b()} ${className || ''}`, style: style },
         showNoticeBar && direction === 'across' ? (React__default.createElement("div", { className: noticebarClass, style: barStyle, onClick: handleClick },
-            iconShow() ? (React__default.createElement("div", { className: "left-icon", style: { backgroundImage: `url(${iconBg() || ''})` } }, !iconBg() ? (React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, name: "notice", size: "16", color: color })) : null)) : null,
+            React__default.createElement("div", { className: "left-icon" }, leftIcon || React__default.createElement(Notice, { size: 16, color: color })),
             React__default.createElement("div", { ref: wrap, className: "wrap" },
                 React__default.createElement("div", { ref: content, className: `content ${animationClass} ${isEllipsis() ? 'nut-ellipsis' : ''}`, style: contentStyle, onAnimationEnd: onAnimationEnd },
                     children,
                     text)),
-            closeMode || rightIcon ? (React__default.createElement("div", { className: "right-icon", onClick: onClickIcon },
-                React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, name: rightIcon || 'close', color: color }))) : null)) : null,
+            closeMode || rightIcon ? (React__default.createElement("div", { className: "right-icon", onClick: onClickIcon }, rightIcon || React__default.createElement(Close, { size: 12, color: color }))) : null)) : null,
         showNoticeBar && scrollList.current.length > 0 && isVertical ? (React__default.createElement("div", { className: "nut-noticebar-vertical", style: barStyle, ref: container, onClick: handleClick },
-            iconShow() ? (React__default.createElement("div", { className: "left-icon", style: { backgroundImage: `url(${iconBg() || ''})` } }, !iconBg() ? (React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, name: "notice", size: "16", color: color })) : null)) : null,
+            leftIcon ? React__default.createElement("div", { className: "left-icon" }, leftIcon) : null,
             children ? (React__default.createElement(React__default.Fragment, null,
                 React__default.createElement("div", { className: "nut-noticebar__inner", ref: innerRef }, scrollList.current.map((item, index) => {
                     return (React__default.createElement("div", { className: "scroll-inner ", style: itemStyle(index), key: index, onClick: (e) => {
@@ -440,7 +419,7 @@ const NoticeBar = (props) => {
             React__default.createElement("div", { className: "go", onClick: (e) => {
                     handleClickIcon(e);
                 } }, rightIcon ||
-                (closeMode ? (React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, name: rightIcon || 'close', color: color, size: "11px" })) : null)))) : null));
+                (closeMode ? React__default.createElement(Close, { size: 12, color: color }) : null)))) : null));
 };
 NoticeBar.defaultProps = defaultProps;
 NoticeBar.displayName = 'NutNoticeBar';

package/dist/esm/{numberkeyboard.taro-1bc24744.js → numberkeyboard.taro-81b36e5e.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useEffect } from 'react';
 import classNames from 'classnames';
 import { c as cn } from './bem-350c1702.js';
-import { P as Popup } from './popup.taro-01676bff.js';
-import { u as useConfig } from './configprovider.taro-8d71eb49.js';
+import { P as Popup } from './popup.taro-124b9bab.js';
+import { u as useConfig } from './configprovider.taro-c8c54556.js';
 
 const defaultProps = {
     confirmText: '',

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

@@ -1,119 +1,118 @@
-export { B as Button } from './button.taro-9244d065.js';
-export { C as Cell } from './cell.taro-a10a74d3.js';
-export { C as CellGroup } from './cellgroup.taro-abe501bc.js';
-export { C as ConfigProvider } from './configprovider.taro-8d71eb49.js';
-export { I as Icon } from './icon.taro-296a1bec.js';
-export { I as Image } from './image.taro-142cf512.js';
-export { O as Overlay } from './overlay.taro-21e87fb1.js';
-export { P as Popup } from './popup.taro-01676bff.js';
+export { B as Button } from './button.taro-a1c9512f.js';
+export { C as Cell } from './cell.taro-26870740.js';
+export { C as CellGroup } from './cellgroup.taro-6e901b54.js';
+export { C as ConfigProvider } from './configprovider.taro-c8c54556.js';
+export { I as Image } from './image.taro-edb572bb.js';
+export { O as Overlay } from './overlay.taro-ad0d4775.js';
+export { P as Popup } from './popup.taro-124b9bab.js';
 export { C as Col } from './col.taro-53eed3cc.js';
-export { D as Divider } from './divider.taro-26d1d8b4.js';
-export { G as Grid } from './grid.taro-3503b82c.js';
-export { G as GridItem } from './griditem.taro-cdb3f119.js';
+export { D as Divider } from './divider.taro-6c1657ce.js';
+export { G as Grid } from './grid.taro-3797169c.js';
+export { G as GridItem } from './griditem.taro-04f59ae1.js';
 export { L as Layout } from './layout.taro-9046d093.js';
 export { R as Row } from './row.taro-f64d4a13.js';
-export { S as Sticky } from './sticky.taro-218bda37.js';
-export { E as Elevator } from './elevator.taro-6019669e.js';
-export { F as FixedNav } from './fixednav.taro-1f05acaf.js';
-export { I as Indicator } from './indicator.taro-cba8b010.js';
-export { M as Menu } from './menu.taro-7e4038a1.js';
-export { M as MenuItem } from './menuitem.taro-96cc4f15.js';
-export { N as NavBar } from './navbar.taro-777c4705.js';
-export { P as Pagination } from './pagination.taro-715a173b.js';
-export { S as SideNavBar } from './sidenavbar.taro-c307b35e.js';
-export { S as SideNavBarItem } from './sidenavbaritem.taro-5a7965d0.js';
-export { S as SubSideNavBar } from './subsidenavbar.taro-69cb9752.js';
+export { S as Sticky } from './sticky.taro-b5bde7b1.js';
+export { E as Elevator } from './elevator.taro-81a11ecc.js';
+export { F as FixedNav } from './fixednav.taro-39fbd47a.js';
+export { I as Indicator } from './indicator.taro-c10334e8.js';
+export { M as Menu } from './menu.taro-54951911.js';
+export { M as MenuItem } from './menuitem.taro-86a6bb6c.js';
+export { N as NavBar } from './navbar.taro-69f47d51.js';
+export { P as Pagination } from './pagination.taro-60b22b27.js';
+export { S as SideNavBar } from './sidenavbar.taro-0265812f.js';
+export { S as SideNavBarItem } from './sidenavbaritem.taro-bb80dbf4.js';
+export { S as SubSideNavBar } from './subsidenavbar.taro-3cce8442.js';
 export { T as Tabbar } from './tabbar.taro-9acfc2fa.js';
-export { T as TabbarItem } from './tabbaritem.taro-bf517487.js';
+export { T as TabbarItem } from './tabbaritem.taro-42ba353f.js';
 export { T as TabPane } from './tabpane.taro-4ca340ef.js';
-export { T as Tabs } from './tabs.taro-6a7524a4.js';
-export { C as Calendar } from './calendar.taro-670842ea.js';
-export { C as CalendarItem } from './calendaritem.taro-2a603571.js';
-export { C as Cascader } from './cascader.taro-eb1fb011.js';
-export { C as Checkbox, a as CheckboxGroup } from './checkbox.taro-6120e3e3.js';
-export { D as DatePicker } from './datepicker.taro-6e9b4b8f.js';
-export { F as Form } from './form.taro-0c8e7a39.js';
-export { F as FormItem } from './formitem.taro-190a3326.js';
-export { I as Input } from './input.taro-97af6c96.js';
-export { I as InputNumber } from './inputnumber.taro-91f65d17.js';
-export { N as NumberKeyboard } from './numberkeyboard.taro-1bc24744.js';
-export { P as Picker } from './picker.taro-9ad1b7c5.js';
-export { R as Radio, a as RadioGroup } from './radio.taro-a6eff96c.js';
-export { R as Range } from './range.taro-d8fc7656.js';
-export { R as Rate } from './rate.taro-6cdf03bd.js';
-export { S as SearchBar } from './searchbar.taro-0c25927b.js';
-export { S as ShortPassword } from './shortpassword.taro-9ee034f7.js';
-export { T as TextArea } from './textarea.taro-442e7350.js';
-export { U as Uploader } from './uploader.taro-c615fd4c.js';
-export { A as ActionSheet } from './actionsheet.taro-e6a51446.js';
-export { B as BackTop } from './backtop.taro-66394a36.js';
-export { B as Dialog } from './dialog.taro-a3267d29.js';
+export { T as Tabs } from './tabs.taro-be8cacb5.js';
+export { C as Calendar } from './calendar.taro-b6b147ca.js';
+export { C as CalendarItem } from './calendaritem.taro-ae167e59.js';
+export { C as Cascader } from './cascader.taro-9c0a1a38.js';
+export { C as Checkbox, a as CheckboxGroup } from './checkbox.taro-785c528b.js';
+export { D as DatePicker } from './datepicker.taro-439e2080.js';
+export { F as Form } from './form.taro-0d83f1e8.js';
+export { F as FormItem } from './formitem.taro-0de07d1e.js';
+export { I as Input } from './input.taro-10ed5500.js';
+export { I as InputNumber } from './inputnumber.taro-108c4784.js';
+export { N as NumberKeyboard } from './numberkeyboard.taro-81b36e5e.js';
+export { P as Picker } from './picker.taro-5c9030a7.js';
+export { R as Radio, a as RadioGroup } from './radio.taro-51e10152.js';
+export { R as Range } from './range.taro-7a2b6ca1.js';
+export { R as Rate } from './rate.taro-57341aa9.js';
+export { S as SearchBar } from './searchbar.taro-eef468bb.js';
+export { S as ShortPassword } from './shortpassword.taro-9a2c98ad.js';
+export { T as TextArea } from './textarea.taro-a0f79515.js';
+export { U as Uploader } from './uploader.taro-0cca7e97.js';
+export { A as ActionSheet } from './actionsheet.taro-b76a342e.js';
+export { B as BackTop } from './backtop.taro-ba271b8f.js';
+export { B as Dialog } from './dialog.taro-00ac41fd.js';
 export { D as Drag } from './drag.taro-79bb8744.js';
-export { I as Infiniteloading } from './infiniteloading.taro-e66e3746.js';
+export { I as Infiniteloading } from './infiniteloading.taro-73c9b8ca.js';
 export { N as Notify } from './notify.taro-e17c6f82.js';
-export { P as PullToRefresh } from './pulltorefresh.taro-a294f656.js';
-export { S as Swipe } from './swipe.taro-ea35f07f.js';
+export { P as PullToRefresh } from './pulltorefresh.taro-d5fcfcb0.js';
+export { S as Swipe } from './swipe.taro-350c9a94.js';
 export { S as Switch } from './switch.taro-34ca8228.js';
-export { T as Toast } from './toast.taro-d6c14811.js';
+export { T as Toast } from './toast.taro-e4f44812.js';
 export { A as Animate } from './animate.taro-fb7986d6.js';
 export { A as AnimatingNumbers } from './animatingnumbers.taro-03e5d61d.js';
-export { A as Audio } from './audio.taro-87ec8bf2.js';
-export { A as Avatar } from './avatar.taro-3676f38f.js';
-export { A as AvatarGroup } from './avatargroup-f3574510.js';
-export { B as Badge } from './badge.taro-a4e59c11.js';
+export { A as Audio } from './audio.taro-f672a68c.js';
+export { A as Avatar } from './avatar.taro-de157a1f.js';
+export { A as AvatarGroup } from './avatargroup-b476ac68.js';
+export { B as Badge } from './badge.taro-ae154f41.js';
 export { C as CircleProgress } from './circleprogress.taro-79854448.js';
-export { C as Collapse } from './collapse.taro-1a9e4ba2.js';
-export { C as CollapseItem } from './collapseitem-4d0bc55d.js';
-export { C as CountDown } from './countdown.taro-dbcb9a4f.js';
-export { E as Ellipsis } from './ellipsis.taro-f15f26da.js';
-export { E as Empty } from './empty.taro-04ae4389.js';
-export { I as ImagePreview } from './imagepreview.taro-c50bb0a3.js';
-export { N as NoticeBar } from './noticebar.taro-4a23cdee.js';
-export { P as Popover } from './popover.taro-ad5e76ea.js';
+export { C as Collapse } from './collapse.taro-35a8a0d6.js';
+export { C as CollapseItem } from './collapseitem-690eb91c.js';
+export { C as CountDown } from './countdown.taro-0e6bf7a2.js';
+export { E as Ellipsis } from './ellipsis.taro-b6cda065.js';
+export { E as Empty } from './empty.taro-fde835ca.js';
+export { I as ImagePreview } from './imagepreview.taro-867ee24a.js';
+export { N as NoticeBar } from './noticebar.taro-49e7441f.js';
+export { P as Popover } from './popover.taro-2a57eae4.js';
 export { P as Price } from './price.taro-776ed16e.js';
-export { P as Progress } from './progress.taro-f0ce38e9.js';
-export { S as Skeleton } from './skeleton.taro-76faf63f.js';
-export { S as Step } from './step.taro-b7903e8c.js';
+export { P as Progress } from './progress.taro-24392ef3.js';
+export { S as Skeleton } from './skeleton.taro-64e858a2.js';
+export { S as Step } from './step.taro-2ec1f283.js';
 export { S as Steps } from './steps.taro-c82d2252.js';
 export { S as Swiper } from './swiper.taro-7a94e211.js';
 export { S as SwiperItem } from './swiperitem-c9e3d0d5.js';
-export { T as Table } from './table.taro-91fc0c01.js';
-export { T as Tag } from './tag.taro-23ba0834.js';
-export { T as TrendArrow } from './trendarrow.taro-b8c5ccd9.js';
-export { V as Video } from './video-f1be8a91.js';
-export { V as VirtualList } from './virtuallist.taro-f0b0270d.js';
-export { W as WaterMark } from './watermark.taro-9ce2ae37.js';
-export { A as Address } from './address.taro-3a9b6396.js';
+export { T as Table } from './table.taro-3946697c.js';
+export { T as Tag } from './tag.taro-0c2567de.js';
+export { T as TrendArrow } from './trendarrow.taro-7cf90def.js';
+export { V as Video } from './video-7ed508cc.js';
+export { V as VirtualList } from './virtuallist.taro-35b9bd9a.js';
+export { W as WaterMark } from './watermark.taro-c780d360.js';
+export { A as Address } from './address.taro-1812caeb.js';
 export { B as Barrage } from './barrage.taro-80df08d3.js';
-export { C as Card } from './card.taro-e4c76dad.js';
-export { S as Signature } from './signature.taro-ec4e713b.js';
-export { T as TimeDetail } from './timedetail.taro-5b2f2269.js';
-export { T as TimePannel } from './timepannel.taro-d6e40180.js';
-export { T as TimeSelect } from './timeselect.taro-a07036f4.js';
+export { C as Card } from './card.taro-5e9b34c8.js';
+export { S as Signature } from './signature.taro-f01b2b05.js';
+export { T as TimeDetail } from './timedetail.taro-fce4e614.js';
+export { T as TimePannel } from './timepannel.taro-fd3d008d.js';
+export { T as TimeSelect } from './timeselect.taro-5b047850.js';
 import 'react';
-import './typings-b9828dba.js';
-import '@tarojs/taro';
-import './bem-350c1702.js';
-import '@bem-react/classname';
-import 'lodash.kebabcase';
-import './zh-CN-c779e6c1.js';
 import 'classnames';
+import '@nutui/icons-react-taro';
+import './typings-d8491423.js';
+import 'lodash.kebabcase';
+import './zh-CN-b4f493ba.js';
 import '@tarojs/components';
 import 'react-dom';
 import 'react-transition-group';
+import './bem-350c1702.js';
+import '@bem-react/classname';
 import './UserContext-0aac9a82.js';
-import './grid.taro.context-c2bbfb4f.js';
-import './useClientRect-1f8ed1fe.js';
+import '@tarojs/taro';
+import './use-client-rect-1f8ed1fe.js';
 import './get-scroll-parent-b4a07e65.js';
 import './can-use-dom-3eeb5af4.js';
+import './use-props-value-ae7ee726.js';
 import './offsetContext-c2a746fa.js';
-import './configprovider-67d19d3a.js';
-import './useTouch-db24bb5c.js';
+import './use-touch-db24bb5c.js';
 import './supports-passive-c85ef996.js';
-import './icon-296a1bec.js';
 import './index-5bcb0ff8.js';
 import '@use-gesture/react';
 import '@react-spring/web';
 import './AvatarContext-c96afdcc.js';
+import './configprovider-9960f0fb.js';
 import './UserContext-e402e1a6.js';
 import './UserContext-e8176108.js';

package/dist/esm/{overlay.taro-21e87fb1.js → overlay.taro-ad0d4775.js}

@@ -1,46 +1,52 @@
 import React__default, { useState, useRef, useEffect } from 'react';
 import classNames from 'classnames';
-import { c as cn } from './bem-350c1702.js';
 import { View } from '@tarojs/components';
+import { C as ComponentDefaults } from './typings-d8491423.js';
 
 const defaultOverlayProps = {
+    ...ComponentDefaults,
     zIndex: 2000,
     duration: 0.3,
-    overlayClass: '',
-    closeOnClickOverlay: true,
+    closeOnOverlayClick: true,
     visible: false,
     lockScroll: true,
-    overlayStyle: {},
 };
+const classPrefix = `nut-overlay`;
 const Overlay = (props) => {
-    const { children, zIndex, duration, overlayClass, closeOnClickOverlay, visible, lockScroll, overlayStyle, onClick, ...rest } = {
+    const { children, zIndex, duration, className, closeOnOverlayClick, visible, lockScroll, style, afterShow, afterClose, onClick, ...rest } = {
         ...defaultOverlayProps,
         ...props,
     };
     const [show, setShow] = useState(visible);
     const renderRef = useRef(true);
-    const intervalRef = useRef(0);
+    const intervalCloseRef = useRef(0);
+    const intervalShowRef = useRef(0);
     useEffect(() => {
-        visible && setShow(visible);
+        if (visible) {
+            intervalShowRef.current = window.setTimeout(() => {
+                afterShow && afterShow();
+            }, duration * 1000 * 0.8);
+            setShow(visible);
+        }
         lock();
     }, [visible]);
     useEffect(() => {
         return () => {
-            clearTimeout(intervalRef.current);
+            clearTimeout(intervalCloseRef.current);
+            clearTimeout(intervalShowRef.current);
             document.body.classList.remove('nut-overflow-hidden');
         };
     }, []);
-    const b = cn('overlay');
     const classes = classNames({
         'overlay-fade-leave-active': !renderRef.current && !visible,
         'overlay-fade-enter-active': visible,
         'first-render': renderRef.current && !visible,
         'hidden-render': !visible,
-    }, overlayClass, b(''));
+    }, className, classPrefix);
     const styles = {
         zIndex,
         animationDuration: `${props.duration}s`,
-        ...overlayStyle,
+        ...style,
     };
     const lock = () => {
         if (lockScroll && visible) {
@@ -51,13 +57,13 @@ const Overlay = (props) => {
         }
     };
     const handleClick = (event) => {
-        if (closeOnClickOverlay) {
+        if (closeOnOverlayClick) {
             onClick && onClick(event);
             renderRef.current = false;
-            const id = window.setTimeout(() => {
+            intervalCloseRef.current = window.setTimeout(() => {
+                afterClose && afterClose();
                 setShow(!visible);
             }, duration * 1000 * 0.8);
-            intervalRef.current = id;
         }
     };
     return (React__default.createElement(React__default.Fragment, null,