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

package/dist/esm/{range.taro-d8fc7656.js → range.taro-7a2b6ca1.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useEffect, useCallback } from 'react';
-import { u as useTouch } from './useTouch-db24bb5c.js';
-import { g as getRectByTaro } from './useClientRect-1f8ed1fe.js';
-import { T as Toast } from './toast.taro-d6c14811.js';
-import { u as useConfig } from './configprovider.taro-8d71eb49.js';
+import { u as useTouch } from './use-touch-db24bb5c.js';
+import { g as getRectByTaro } from './use-client-rect-1f8ed1fe.js';
+import { T as Toast } from './toast.taro-e4f44812.js';
+import { u as useConfig } from './configprovider.taro-c8c54556.js';
 
 const defaultProps = {
     range: false,

package/dist/esm/rate.taro-57341aa9.js

@@ -0,0 +1,77 @@
+import React__default, { useState, useEffect } from 'react';
+import classNames from 'classnames';
+import { StarFillN } from '@nutui/icons-react-taro';
+import { C as ComponentDefaults } from './typings-d8491423.js';
+import { u as usePropsValue } from './use-props-value-ae7ee726.js';
+
+const defaultProps = {
+    ...ComponentDefaults,
+    count: 5,
+    min: 0,
+    checkedIcon: null,
+    uncheckedIcon: null,
+    disabled: false,
+    readOnly: false,
+    allowHalf: false,
+};
+const Rate = (props) => {
+    const { className, style, count, value, defaultValue, min, checkedIcon, uncheckedIcon, disabled, readOnly, allowHalf, onChange, } = {
+        ...defaultProps,
+        ...props,
+    };
+    const classPrefix = 'nut-rate';
+    const [countArray, setCountArray] = useState([1, 2, 3, 4, 5]);
+    const [score, setScore] = usePropsValue({
+        value,
+        defaultValue: Math.max(defaultValue || 0, min),
+        finalValue: 0,
+        onChange,
+    });
+    useEffect(() => {
+        const tmp = [];
+        for (let i = 1; i <= Number(count); i++) {
+            tmp.push(i);
+        }
+        setCountArray(tmp);
+    }, [count]);
+    const renderIcon = (n) => {
+        return n <= score
+            ? checkedIcon || React__default.createElement(StarFillN, null)
+            : uncheckedIcon ||
+                (checkedIcon ? (React__default.cloneElement(checkedIcon, {
+                    color: undefined,
+                })) : (React__default.createElement(StarFillN, null)));
+    };
+    const onClick = (e, index) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (disabled || readOnly)
+            return;
+        let value = 0;
+        if (!(index === 1 && score === index)) {
+            value = index;
+        }
+        value = Math.max(value, min);
+        setScore(value);
+    };
+    const onHalfClick = (event, n) => {
+        event.preventDefault();
+        event.stopPropagation();
+        const value = Math.max(min, n - 0.5);
+        setScore(value);
+    };
+    return (React__default.createElement("div", { className: classNames(classPrefix, className, {
+            disabled,
+            readonly: readOnly,
+        }), style: style }, countArray.map((n) => {
+        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,
+                }) }, 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)))));
+    })));
+};
+Rate.defaultProps = defaultProps;
+Rate.displayName = 'NutRate';
+
+export { Rate as R };

package/dist/esm/{searchbar.taro-0c25927b.js → searchbar.taro-eef468bb.js}

@@ -1,9 +1,9 @@
 import React__default, { useRef, useState, useEffect } from 'react';
 import { getEnv } from '@tarojs/taro';
+import { Search, CircleClose } from '@nutui/icons-react-taro';
 import { c as cn } from './bem-350c1702.js';
-import { u as useConfig } from './configprovider.taro-8d71eb49.js';
-import { I as Icon } from './icon.taro-296a1bec.js';
-import { C as ComponentDefaults } from './typings-b9828dba.js';
+import { u as useConfig } from './configprovider.taro-c8c54556.js';
+import { C as ComponentDefaults } from './typings-d8491423.js';
 
 const defaultProps = {
     ...ComponentDefaults,
@@ -12,19 +12,19 @@ const defaultProps = {
     disabled: false,
     maxLength: 9999,
     clearable: true,
-    clearIconSize: '12px',
+    clearSize: '12px',
     align: 'left',
     readonly: true,
     autoFocus: false,
     label: '',
-    leftinIcon: React__default.createElement(Icon, { name: "search", size: "12" }),
+    leftinIcon: React__default.createElement(Search, { size: "12" }),
 };
 const SearchBar = (props) => {
     const searchbarBem = cn('searchbar');
     const { locale } = useConfig();
     const searchRef = useRef(null);
     const [value, setValue] = useState(() => props.value);
-    const { placeholder, shape, className, disabled, maxLength, clearable, clearIconSize, align, readOnly, autoFocus, label, actionText, leftinIcon, rightinIcon, leftoutIcon, rightoutIcon, onChange, onFocus, onBlur, onClear, onCancel, onSearch, onClickInput, onClickLeftinIcon, onClickLeftoutIcon, onClickRightinIcon, onClickRightoutIcon, iconClassPrefix, iconFontClassName, } = {
+    const { placeholder, shape, className, disabled, maxLength, clearable, clearSize, align, readOnly, autoFocus, label, actionText, leftinIcon, rightinIcon, leftoutIcon, rightoutIcon, onChange, onFocus, onBlur, onClear, onCancel, onSearch, onClickInput, onClickLeftinIcon, onClickLeftoutIcon, onClickRightinIcon, onClickRightoutIcon, } = {
         ...defaultProps,
         ...props,
     };
@@ -99,7 +99,7 @@ const SearchBar = (props) => {
     };
     const handleClear = () => {
         return (React__default.createElement("div", { className: `${searchbarBem('clear')} ${rightinIcon ? 'pos-right' : ''}`, onClick: (e) => clearaVal(e) },
-            React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, name: "circle-close", size: clearIconSize, color: "#555" })));
+            React__default.createElement(CircleClose, { size: clearSize, color: "#555" })));
     };
     const clearaVal = (event) => {
         if (disabled || readOnly) {

package/dist/esm/{shortpassword.taro-9ee034f7.js → shortpassword.taro-9a2c98ad.js}

@@ -1,15 +1,17 @@
 import React__default, { useRef, useState, useEffect } from 'react';
+import { Tips } from '@nutui/icons-react-taro';
 import { c as cn } from './bem-350c1702.js';
-import { P as Popup } from './popup.taro-01676bff.js';
-import { I as Icon } from './icon.taro-296a1bec.js';
-import { u as useConfig } from './configprovider.taro-8d71eb49.js';
-import { C as ComponentDefaults } from './typings-b9828dba.js';
+import { P as Popup } from './popup.taro-124b9bab.js';
+import { u as useConfig } from './configprovider.taro-c8c54556.js';
+import { C as ComponentDefaults } from './typings-d8491423.js';
 
 const defaultProps = {
     ...ComponentDefaults,
     title: '',
-    desc: '',
+    description: '',
     tips: '',
+    tipsIcon: null,
+    iconSize: 11,
     visible: false,
     modelValue: '',
     errorMsg: '',
@@ -27,7 +29,7 @@ const defaultProps = {
 };
 const ShortPassword = (props) => {
     const { locale } = useConfig();
-    const { title, desc, tips, visible, modelValue, errorMsg, noButton, closeOnClickOverlay, length, style, className, onChange, onOk, onTips, onCancel, onClose, onComplete, iconClassPrefix, iconFontClassName, autoFocus, ...reset } = props;
+    const { title, description, tips, tipsIcon, iconSize, visible, modelValue, errorMsg, noButton, closeOnClickOverlay, length, style, className, onChange, onOk, onTips, onCancel, onClose, onComplete, autoFocus, ...reset } = props;
     const b = cn('shortpassword');
     const textInput = useRef(null);
     const range = (val) => {
@@ -81,6 +83,12 @@ const ShortPassword = (props) => {
     const sure = () => {
         onOk && onOk(inputValue);
     };
+    const renderIcon = (size = '11px') => {
+        return React__default.isValidElement(tipsIcon) ? (React__default.cloneElement(tipsIcon, {
+            ...tipsIcon.props,
+            size,
+        })) : (React__default.createElement(Tips, { size: size }));
+    };
     return (React__default.createElement("div", null,
         React__default.createElement(Popup, { style: {
                 padding: '32px 24px 28px 24px',
@@ -89,7 +97,7 @@ const ShortPassword = (props) => {
             }, visible: innerVisible, closeable: true, "close-on-click-overlay": closeOnClickOverlay, onClickOverlay: onClose, onClickCloseIcon: onClose },
             React__default.createElement("div", { className: `${b()} ${className}`, style: { ...style }, ...reset },
                 React__default.createElement("div", { className: b('title') }, title || locale.shortpassword.title),
-                React__default.createElement("div", { className: b('subtitle') }, desc || locale.shortpassword.desc),
+                React__default.createElement("div", { className: b('subtitle') }, description || locale.shortpassword.description),
                 React__default.createElement("div", { className: b('input') },
                     React__default.createElement("input", { ref: textInput, className: b('input-real'), type: "number", style: systemStyle(), maxLength: 6, value: inputValue, autoFocus: autoFocus, onChange: (e) => changeValue(e) }),
                     React__default.createElement("div", { className: b('input-site') }),
@@ -99,8 +107,8 @@ const ShortPassword = (props) => {
                 React__default.createElement("div", { className: b('message') },
                     React__default.createElement("div", { className: b('message__error') }, errorMsg),
                     tips || locale.shortpassword.tips ? (React__default.createElement("div", { className: b('message__forget') },
-                        React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, className: "icon", size: "11px", name: "tips" }),
-                        React__default.createElement("div", { onClick: onTips }, tips || locale.shortpassword.tips))) : null),
+                        renderIcon(iconSize),
+                        React__default.createElement("div", { className: b('message__forget-tips'), onClick: onTips }, tips || locale.shortpassword.tips))) : null),
                 !noButton ? (React__default.createElement("div", { className: b('footer') },
                     React__default.createElement("div", { className: b('footer__cancel'), onClick: onCancel }, locale.cancel),
                     React__default.createElement("div", { className: b('footer__sure'), onClick: () => sure() }, locale.confirm))) : null))));

package/dist/esm/{sidenavbar.taro-c307b35e.js → sidenavbar.taro-0265812f.js}

@@ -1,6 +1,6 @@
 import React__default, { useState } from 'react';
-import { u as useConfig } from './configprovider.taro-8d71eb49.js';
-import { P as Popup } from './popup.taro-01676bff.js';
+import { u as useConfig } from './configprovider.taro-c8c54556.js';
+import { P as Popup } from './popup.taro-124b9bab.js';
 import { O as OffsetContext } from './offsetContext-c2a746fa.js';
 
 const defaultProps = {

package/dist/esm/{sidenavbaritem.taro-5a7965d0.js → sidenavbaritem.taro-bb80dbf4.js}

@@ -1,10 +1,10 @@
 import React__default from 'react';
 
 const SideNavBarItem = (props) => {
-    const { title, ikey, children, onClick, ...rest } = props;
+    const { title, key, children, onClick, ...rest } = props;
     const clickFn = (e) => {
         e.stopPropagation();
-        onClick && onClick({ title, ikey });
+        onClick && onClick({ title, key });
     };
     return (React__default.createElement("div", { className: "nut-subsidenavbar__item border-bt", onClick: clickFn, ...rest }, title));
 };

package/dist/esm/{signature.taro-ec4e713b.js → signature.taro-f01b2b05.js}

@@ -1,8 +1,8 @@
 import React__default, { useRef, useState, useEffect } from 'react';
 import { getEnv, nextTick, createSelectorQuery, canvasToTempFilePath } from '@tarojs/taro';
-import { B as Button } from './button.taro-9244d065.js';
+import { B as Button } from './button.taro-a1c9512f.js';
 import { c as cn } from './bem-350c1702.js';
-import { u as useConfig } from './configprovider.taro-8d71eb49.js';
+import { u as useConfig } from './configprovider.taro-c8c54556.js';
 
 /* eslint-disable react/no-unknown-property */
 const defaultProps = {

package/dist/esm/{skeleton.taro-76faf63f.js → skeleton.taro-64e858a2.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import classNames from 'classnames';
-import { A as Avatar } from './avatar.taro-3676f38f.js';
+import { A as Avatar } from './avatar.taro-de157a1f.js';
 import { c as cn } from './bem-350c1702.js';
 
 const defaultProps = {

package/dist/esm/{step.taro-b7903e8c.js → step.taro-2ec1f283.js}

@@ -2,8 +2,7 @@ import React__default, { useContext } from 'react';
 import classNames from 'classnames';
 import { D as DataContext } from './UserContext-e402e1a6.js';
 import { c as cn } from './bem-350c1702.js';
-import { I as Icon } from './icon.taro-296a1bec.js';
-import { C as ComponentDefaults } from './typings-b9828dba.js';
+import { C as ComponentDefaults } from './typings-d8491423.js';
 
 const defaultProps = {
     ...ComponentDefaults,
@@ -11,11 +10,9 @@ const defaultProps = {
     content: '',
     activeIndex: 0,
     icon: '',
-    iconColor: '',
-    size: '12px',
 };
 const Step = (props) => {
-    const { children, title, content, activeIndex, icon, iconColor, size, className, renderContent, iconClassPrefix, iconFontClassName, ...restProps } = {
+    const { children, title, content, activeIndex, icon, className, renderContent, ...restProps } = {
         ...defaultProps,
         ...props,
     };
@@ -47,7 +44,9 @@ const Step = (props) => {
     return (React__default.createElement("div", { className: classes, ...restProps, onClick: handleClickStep },
         React__default.createElement("div", { className: "nut-step-head" },
             React__default.createElement("div", { className: "nut-step-line" }),
-            React__default.createElement("div", { className: renderIconClass() }, icon ? (React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, className: "nut-step-icon-inner", color: iconColor, name: icon, size: size })) : (!dot && React__default.createElement("span", { className: "nut-step-inner" }, activeIndex)))),
+            React__default.createElement("div", { className: renderIconClass() }, React__default.isValidElement(icon)
+                ? icon
+                : !dot && React__default.createElement("span", { className: "nut-step-inner" }, activeIndex))),
         React__default.createElement("div", { className: "nut-step-main" },
             React__default.createElement("span", { className: "nut-step-title" }, title),
             content && React__default.createElement("span", { className: "nut-step-content" }, content),

package/dist/esm/{sticky.taro-218bda37.js → sticky.taro-b5bde7b1.js}

@@ -1,9 +1,9 @@
 import React__default, { useRef, useEffect, useState, useMemo, useCallback } from 'react';
 import classNames from 'classnames';
 import { getEnv, usePageScroll, getSystemInfoSync } from '@tarojs/taro';
-import { g as getRectByTaro } from './useClientRect-1f8ed1fe.js';
+import { C as ComponentDefaults } from './typings-d8491423.js';
+import { g as getRectByTaro } from './use-client-rect-1f8ed1fe.js';
 import { g as getScrollParent } from './get-scroll-parent-b4a07e65.js';
-import { c as cn } from './bem-350c1702.js';
 
 function useWatch(dep, callback, config = { immediate: false }) {
     const { immediate } = config;
@@ -31,17 +31,15 @@ function useWatch(dep, callback, config = { immediate: false }) {
 }
 
 const defaultProps = {
+    ...ComponentDefaults,
     position: 'top',
-    top: 0,
-    bottom: 0,
     zIndex: 2000,
 };
-const b = cn('sticky');
+const classPrefix = 'nut-sticky';
 const Sticky = (props) => {
-    const { position = 'top', top = 0, bottom = 0, zIndex = 2000, children, container, className, onChange, ...rest } = props;
+    const { position, zIndex, threshold, style, children, container, className, onChange, ...rest } = { ...defaultProps, ...props };
     const stickyRef = useRef(null);
     const rootRef = useRef(null);
-    const offset = position === 'top' ? top : bottom;
     const [rootRect, setRootRect] = useState({});
     const [fixed, setFixed] = useState(false);
     const [transform, setTransform] = useState(0); // 相对容器偏移距离
@@ -72,13 +70,13 @@ const Sticky = (props) => {
                 [position]: '',
             };
         }
-        let style = {};
+        const style = {};
         if (rootRect.height)
             style.height = rootRect.height;
         if (rootRect.width)
             style.width = rootRect.width;
         style.transform = `translate3d(0, ${transform}px, 0)`;
-        style[position] = offset;
+        style[position] = threshold;
         style.zIndex = zIndex;
         return style;
     }, [fixed, rootRect.height, rootRect.width, transform, position]);
@@ -90,19 +88,19 @@ const Sticky = (props) => {
             if (position === 'top') {
                 if (container) {
                     const containerRect = await getRectByTaro(container.current);
-                    const difference = containerRect.bottom - top - curRootRect.height;
+                    const difference = containerRect.bottom - threshold - curRootRect.height;
                     const curTransform = difference < 0 ? difference : 0;
                     setTransform(curTransform);
-                    const curFixed = top > curRootRect.top && containerRect.bottom > 0;
+                    const curFixed = threshold > curRootRect.top && containerRect.bottom > 0;
                     setFixed(curFixed);
                 }
                 else {
-                    setFixed(top > curRootRect.top);
+                    setFixed(threshold > curRootRect.top);
                 }
             }
             else {
                 const windowHeight = getSystemInfoSync().windowHeight;
-                setFixed(windowHeight - offset < curRootRect.bottom);
+                setFixed(windowHeight - threshold < curRootRect.bottom);
             }
         }
         else {
@@ -127,10 +125,10 @@ const Sticky = (props) => {
             handleScroll(res.scrollTop);
         }
     });
-    return (React__default.createElement("div", { ref: rootRef, style: rootStyle, className: classNames(b(), className), ...rest },
-        React__default.createElement("div", { 
-            // 应符合 bem 规范
-            className: classNames('nut-sticky-box', { 'nut-sticky-fixed': fixed }), ref: stickyRef, style: stickyStyle }, children)));
+    return (React__default.createElement("div", { ref: rootRef, style: rootStyle, className: classNames(classPrefix, className), ...rest },
+        React__default.createElement("div", { className: classNames('nut-sticky--box', {
+                'nut-sticky--fixed': fixed,
+            }), ref: stickyRef, style: stickyStyle }, children)));
 };
 Sticky.defaultProps = defaultProps;
 Sticky.displayName = 'NutSticky';

package/dist/esm/{subsidenavbar.taro-69cb9752.js → subsidenavbar.taro-3cce8442.js}

@@ -5,7 +5,7 @@ const defaultProps = {
     open: true,
 };
 const SubSideNavBar = (props) => {
-    const { title, ikey, children, onClick, open, ...rest } = {
+    const { title, key, children, onClick, open, ...rest } = {
         ...defaultProps,
         ...props,
     };
@@ -41,7 +41,7 @@ const SubSideNavBar = (props) => {
         e.stopPropagation();
         setSubShow(!subShow);
         const isShow = !subShow;
-        onClick && onClick({ title, ikey, isShow });
+        onClick && onClick({ title, key, isShow });
     };
     useEffect(() => {
         const childNodes = listRef.current?.children;

package/dist/esm/{swipe.taro-ea35f07f.js → swipe.taro-350c9a94.js}

@@ -2,8 +2,8 @@ import React__default, { forwardRef, useRef, useState, useMemo, useImperativeHan
 import classNames from 'classnames';
 import { useReady, nextTick } from '@tarojs/taro';
 import { c as cn } from './bem-350c1702.js';
-import { u as useTouch } from './useTouch-db24bb5c.js';
-import { g as getRectByTaro } from './useClientRect-1f8ed1fe.js';
+import { u as useTouch } from './use-touch-db24bb5c.js';
+import { g as getRectByTaro } from './use-client-rect-1f8ed1fe.js';
 
 function preventDefault(event, isStopPropagation) {
     if (typeof event.cancelable !== 'boolean' || event.cancelable) {

package/dist/esm/{tabbaritem.taro-bf517487.js → tabbaritem.taro-42ba353f.js}

@@ -1,17 +1,14 @@
 import React__default, { useEffect } from 'react';
 import Taro from '@tarojs/taro';
 import { c as cn } from './bem-350c1702.js';
-import { I as Icon } from './icon.taro-296a1bec.js';
-import { C as ComponentDefaults } from './typings-b9828dba.js';
+import { C as ComponentDefaults } from './typings-d8491423.js';
 
 const defaultProps = {
     ...ComponentDefaults,
     dot: false,
-    size: '',
-    iconSize: '',
     className: '',
     tabTitle: '',
-    icon: '',
+    icon: null,
     href: '',
     to: '',
     num: '',
@@ -22,7 +19,7 @@ const defaultProps = {
     handleClick: (idx) => { },
 };
 const TabbarItem = (props) => {
-    const { dot, size, iconSize, className, style, tabTitle, icon, href, to, num, active, activeColor, unactiveColor, index, handleClick, iconClassPrefix, iconFontClassName, } = {
+    const { dot, className, style, tabTitle, icon, href, to, num, active, activeColor, unactiveColor, index, handleClick, } = {
         ...defaultProps,
         ...props,
     };
@@ -49,7 +46,7 @@ const TabbarItem = (props) => {
             !dot ? (React__default.createElement(React__default.Fragment, null,
                 num && num <= 99 && (React__default.createElement("div", { className: `${bIcon('tips', [bIcon('num')])}` }, num)),
                 num && num >= 100 && (React__default.createElement("div", { className: `${bIcon('tips', [bIcon('nums')])}` }, "99+")))) : (React__default.createElement("div", { className: `${bIcon('tips', [bIcon('dot')])}` })),
-            icon && (React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, size: iconSize || size, name: icon }))),
+            icon || null),
         tabTitle && (React__default.createElement("div", { className: bIcon({ 'nav-word': true }, [
                 bIcon({ 'big-word': !icon }),
             ]) }, tabTitle))));

package/dist/esm/{table.taro-91fc0c01.js → table.taro-3946697c.js}

@@ -1,9 +1,9 @@
 import React__default, { useState, useEffect } from 'react';
 import classNames from 'classnames';
+import { DownArrow } from '@nutui/icons-react-taro';
 import { c as cn } from './bem-350c1702.js';
-import { I as Icon } from './icon.taro-296a1bec.js';
-import { u as useConfig } from './configprovider.taro-8d71eb49.js';
-import { C as ComponentDefaults } from './typings-b9828dba.js';
+import { u as useConfig } from './configprovider.taro-c8c54556.js';
+import { C as ComponentDefaults } from './typings-d8491423.js';
 
 const defaultProps = {
     ...ComponentDefaults,
@@ -14,12 +14,13 @@ const defaultProps = {
     bordered: true,
     striped: false,
     noData: '无数据',
+    sorterIcon: null,
     showHeader: true,
 };
 const Table = (props) => {
     const { locale } = useConfig();
     defaultProps.noData = locale.noData;
-    const { children, className, style, columns, data, bordered, summary, striped, noData, onSorter, iconClassPrefix, iconFontClassName, showHeader, ...rest } = {
+    const { children, className, style, columns, data, bordered, summary, striped, noData, sorterIcon, onSorter, showHeader, ...rest } = {
         ...defaultProps,
         ...props,
     };
@@ -56,7 +57,8 @@ const Table = (props) => {
         return columns.map((item, index) => {
             return (React__default.createElement("span", { className: classNames('nut-table__main__head__tr__th', cellClasses(item)), key: item.key, onClick: () => handleSorterClick(item) },
                 item.title,
-                item.sorter && (React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, name: "down-arrow", size: "12px" }))));
+                "\u00A0",
+                item.sorter && (sorterIcon || React__default.createElement(DownArrow, { size: "12px" }))));
         });
     };
     const sortDataItem = () => {

package/dist/esm/{tabs.taro-6a7524a4.js → tabs.taro-be8cacb5.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useEffect } from 'react';
 import classNames from 'classnames';
+import { JoySmile } from '@nutui/icons-react-taro';
 import { c as cn } from './bem-350c1702.js';
-import { I as Icon } from './icon.taro-296a1bec.js';
-import { C as ComponentDefaults } from './typings-b9828dba.js';
+import { C as ComponentDefaults } from './typings-d8491423.js';
 import { T as TabPane } from './tabpane.taro-4ca340ef.js';
 
 class Title {
@@ -33,7 +33,7 @@ const pxCheck = (value) => {
     return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
 };
 const Tabs = (props) => {
-    const { value, color, tabStyle, background, direction, type, titleScroll, ellipsis, animatedTime, titleGutter, size, leftAlign, titleNode, children, onClick, onChange, className, autoHeight, iconClassPrefix, iconFontClassName, ...rest } = {
+    const { value, color, tabStyle, background, direction, type, titleScroll, ellipsis, animatedTime, titleGutter, size, leftAlign, titleNode, children, onClick, onChange, className, autoHeight, ...rest } = {
         ...defaultProps,
         ...props,
     };
@@ -107,7 +107,7 @@ const Tabs = (props) => {
                     }, `${b('')}__titles-item`), key: item.paneKey },
                     type === 'line' && (React__default.createElement("div", { className: `${b('')}__titles-item__line`, style: tabsActiveStyle })),
                     type === 'smile' && (React__default.createElement("div", { className: `${b('')}__titles-item__smile`, style: tabsActiveStyle },
-                        React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, color: color, name: "joy-smile" }))),
+                        React__default.createElement(JoySmile, { color: color }))),
                     React__default.createElement("div", { className: classNames({
                             ellipsis: ellipsis &&
                                 !titleScroll &&

package/dist/esm/{tag.taro-23ba0834.js → tag.taro-0c2567de.js}

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from 'react';
+import { Close } from '@nutui/icons-react-taro';
 import classNames from 'classnames';
-import { I as Icon } from './icon.taro-296a1bec.js';
-import { C as ComponentDefaults } from './typings-b9828dba.js';
+import { C as ComponentDefaults } from './typings-d8491423.js';
 
 const defaultProps = {
     ...ComponentDefaults,
@@ -12,13 +12,13 @@ const defaultProps = {
     round: false,
     mark: false,
     closeable: false,
-    iconSize: '12px',
+    closeIcon: null,
     prefixCls: 'nut-tag',
     onClose: (e) => { },
     onClick: (e) => { },
 };
 const Tag = (props) => {
-    const { className, style, color, plain, type, round, prefixCls, children, mark, closeable, iconSize, textColor, onClick, onClose, iconClassPrefix, iconFontClassName, } = {
+    const { className, style, color, plain, type, round, prefixCls, children, mark, closeable, closeIcon, textColor, onClick, onClose, } = {
         ...defaultProps,
         ...props,
     };
@@ -34,7 +34,6 @@ const Tag = (props) => {
         round,
         mark,
         closeable,
-        iconSize,
         prefixCls,
         onClick,
         onClose,
@@ -79,12 +78,13 @@ const Tag = (props) => {
     };
     return (React__default.createElement(React__default.Fragment, null, closeable ? (isTagShow && (React__default.createElement("div", { className: btnName, style: { ...style, ...getStyle() }, onClick: (e) => handleClick(e) },
         children && React__default.createElement("span", { className: "nut-tag-text" }, children),
-        React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, className: "_icon", name: "close", size: iconSize, onClick: (e) => {
+        React__default.isValidElement(closeIcon) ? (React__default.createElement("i", { className: "nut-tag-custom-icon", onClick: (e) => {
                 setIsTagShow(false);
-                if (props.onClose) {
-                    props.onClose(e);
-                }
-            } })))) : (React__default.createElement("div", { className: btnName, style: { ...style, ...getStyle() }, onClick: (e) => handleClick(e) }, children && React__default.createElement("span", { className: "nut-tag-text" }, children)))));
+                props.onClose && props.onClose(e);
+            } }, closeIcon)) : (React__default.createElement(Close, { size: 12, onClick: (e) => {
+                setIsTagShow(false);
+                props.onClose && props.onClose(e);
+            } }))))) : (React__default.createElement("div", { className: btnName, style: { ...style, ...getStyle() }, onClick: (e) => handleClick(e) }, children && React__default.createElement("span", { className: "nut-tag-text" }, children)))));
 };
 Tag.defaultProps = defaultProps;
 Tag.displayName = 'NutTag';

package/dist/esm/{textarea.taro-442e7350.js → textarea.taro-a0f79515.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useConfig } from './configprovider.taro-8d71eb49.js';
+import { u as useConfig } from './configprovider.taro-c8c54556.js';
 import { c as cn } from './bem-350c1702.js';
 
 const defaultProps = {

package/dist/esm/{timedetail.taro-5b2f2269.js → timedetail.taro-fce4e614.js}

@@ -1,6 +1,6 @@
 import React__default, { useState, useEffect } from 'react';
 import { c as cn } from './bem-350c1702.js';
-import { u as useConfig } from './configprovider.taro-8d71eb49.js';
+import { u as useConfig } from './configprovider.taro-c8c54556.js';
 
 const defaultProps = {
     className: '',

package/dist/esm/{timepannel.taro-d6e40180.js → timepannel.taro-fd3d008d.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import { c as cn } from './bem-350c1702.js';
-import { u as useConfig } from './configprovider.taro-8d71eb49.js';
+import { u as useConfig } from './configprovider.taro-c8c54556.js';
 
 const defaultProps = {
     className: '',

package/dist/esm/{timeselect.taro-a07036f4.js → timeselect.taro-5b047850.js}

@@ -1,9 +1,9 @@
 import React__default, { useState, useEffect } from 'react';
-import { P as Popup } from './popup.taro-01676bff.js';
-import { T as TimePannel } from './timepannel.taro-d6e40180.js';
-import { T as TimeDetail } from './timedetail.taro-5b2f2269.js';
+import { P as Popup } from './popup.taro-124b9bab.js';
+import { T as TimePannel } from './timepannel.taro-fd3d008d.js';
+import { T as TimeDetail } from './timedetail.taro-fce4e614.js';
 import { c as cn } from './bem-350c1702.js';
-import { u as useConfig } from './configprovider.taro-8d71eb49.js';
+import { u as useConfig } from './configprovider.taro-c8c54556.js';
 
 const defaultProps = {
     className: '',
@@ -108,7 +108,7 @@ const TimeSelect = (props) => {
     };
     // 选中的日期增加 active 类名
     const getTimePannelClass = (dataItem) => {
-        if (String(dataItem['pannel-key']) === String(activeKey)) {
+        if (String(dataItem['paneKey']) === String(activeKey)) {
             return 'nut-timepannel-active';
         }
         return '';
@@ -124,7 +124,7 @@ const TimeSelect = (props) => {
             React__default.createElement("div", { className: `${b()} ${className || ''}` },
                 React__default.createElement("div", { className: "nut-timeselect__title" }, title),
                 React__default.createElement("div", { className: "nut-timeselect__content" },
-                    React__default.createElement("div", { className: "nut-timeselect__content-left" }, dates.map((dataItem, index) => (React__default.createElement(TimePannel, { date: dataItem.date, className: getTimePannelClass(dataItem), key: String(dataItem['pannel-key'] || index), curKey: String(dataItem['pannel-key'] || index), change: handleChange })))),
+                    React__default.createElement("div", { className: "nut-timeselect__content-left" }, dates.map((dataItem, index) => (React__default.createElement(TimePannel, { date: dataItem.date, className: getTimePannelClass(dataItem), key: String(dataItem['paneKey'] || index), curKey: String(dataItem['paneKey'] || index), change: handleChange })))),
                     React__default.createElement(TimeDetail, { times: times, currentKey: String(activeKey), currentTime: activeTime, select: handleSelectTime }))))));
 };
 TimeSelect.defaultProps = defaultProps;