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

package/dist/esm/{avatar.taro-3676f38f.js → avatar.taro-de157a1f.js}

@@ -3,21 +3,19 @@ import classNames from 'classnames';
 import { Image } from '@tarojs/components';
 import { A as AvatarContext } from './AvatarContext-c96afdcc.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,
     size: '',
     icon: '',
-    iconSize: '',
     bgColor: '#eee',
     color: '#666',
     prefixCls: 'nut-avatar',
     url: '',
 };
 const Avatar = (props) => {
-    const { children, prefixCls, size, shape, bgColor, color, url, icon, iconSize, className, style, activeAvatar, onActiveAvatar, onError, iconClassPrefix, iconFontClassName, ...rest } = {
+    const { children, prefixCls, size, shape, bgColor, color, url, icon, className, style, activeAvatar, onActiveAvatar, onError, ...rest } = {
         ...defaultProps,
         ...props,
     };
@@ -50,7 +48,6 @@ const Avatar = (props) => {
         backgroundColor: `${parent?.propAvatarGroup?.maxBgColor}`,
         color: `${parent?.propAvatarGroup?.maxColor}`,
     };
-    const iconStyles = icon || '';
     useEffect(() => {
         const avatarChildren = parent?.avatarGroupRef?.current.children;
         if (avatarChildren) {
@@ -91,7 +88,12 @@ const Avatar = (props) => {
         (!parent?.propAvatarGroup?.maxCount ||
             avatarIndex <= parent?.propAvatarGroup?.maxCount) && (React__default.createElement(React__default.Fragment, null,
             url && (React__default.createElement(Image, { className: "avatar-img", src: url, onError: errorEvent })),
-            icon && (React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, className: "icon", name: iconStyles, size: iconSize })),
+            React__default.isValidElement(icon)
+                ? React__default.cloneElement(icon, {
+                    ...icon.props,
+                    className: `${icon.props.className || ''} icon`,
+                })
+                : null,
             children && React__default.createElement("span", { className: "text" }, children))),
         showMax && (React__default.createElement("div", { className: "text" }, parent?.propAvatarGroup?.maxContent
             ? parent?.propAvatarGroup?.maxContent

package/dist/esm/{avatargroup-f3574510.js → avatargroup-b476ac68.js}

@@ -2,7 +2,7 @@ import React__default, { useRef } from 'react';
 import classNames from 'classnames';
 import { A as AvatarContext } from './AvatarContext-c96afdcc.js';
 import { c as cn } from './bem-350c1702.js';
-import { u as useConfig } from './configprovider-67d19d3a.js';
+import { u as useConfig } from './configprovider-9960f0fb.js';
 
 const defaultProps = {
     maxContent: '',

package/dist/esm/backtop.taro-ba271b8f.js

@@ -0,0 +1,52 @@
+import React__default, { useState } from 'react';
+import { usePageScroll, pageScrollTo } from '@tarojs/taro';
+import { Top } from '@nutui/icons-react-taro';
+import classNames from 'classnames';
+import { C as ComponentDefaults } from './typings-d8491423.js';
+
+const defaultProps = {
+    ...ComponentDefaults,
+    threshold: 200,
+    zIndex: 10,
+    duration: 1000,
+};
+const BackTop = (props) => {
+    const { children, threshold, zIndex, className, duration, style, onClick } = {
+        ...defaultProps,
+        ...props,
+    };
+    const classPrefix = 'nut-backtop';
+    const [backTop, SetBackTop] = useState(false);
+    // 监听用户滑动页面事件
+    usePageScroll((res) => {
+        const { scrollTop } = res;
+        scrollTop >= threshold ? SetBackTop(true) : SetBackTop(false);
+    });
+    // 返回顶部点击事件
+    const goTop = (e) => {
+        onClick && onClick(e);
+        pageScrollTo({
+            scrollTop: 0,
+            duration: duration > 0 ? duration : 0,
+        });
+    };
+    const styles = style
+        ? {
+            zIndex,
+            ...style,
+        }
+        : {
+            right: '10px',
+            bottom: '20px',
+            zIndex,
+        };
+    return (React__default.createElement("div", { className: classNames(classPrefix, className, {
+            show: backTop,
+        }), style: styles, onClick: (e) => {
+            goTop(e);
+        } }, children || React__default.createElement(Top, { width: 19, height: 19, className: "nut-backtop-main" })));
+};
+BackTop.defaultProps = defaultProps;
+BackTop.displayName = 'NutBackTop';
+
+export { BackTop as B };

package/dist/esm/{badge.taro-a4e59c11.js → badge.taro-ae154f41.js}

@@ -1,8 +1,7 @@
 import React__default from 'react';
 import classNames from 'classnames';
-import { I as Icon } from './icon.taro-296a1bec.js';
 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 b = cn('badge');
 const defaultProps = {
@@ -15,10 +14,10 @@ const defaultProps = {
     right: '0',
     zIndex: '0',
     color: '',
-    icons: '',
+    icon: null,
 };
 const Badge = (props) => {
-    const { className, style, children, dot, top, right, zIndex, color, icons, iconClassPrefix, iconFontClassName, } = {
+    const { className, style, children, dot, top, right, zIndex, color, icon } = {
         ...defaultProps,
         ...props,
     };
@@ -41,8 +40,7 @@ const Badge = (props) => {
         return style;
     };
     return (React__default.createElement("div", { className: classNames(b(), className), style: style },
-        icons !== '' && (React__default.createElement("div", { className: "slot-icons" },
-            React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, className: "_icon", name: icons, color: "#ffffff", size: "12" }))),
+        icon && React__default.createElement("div", { className: "slot-icon" }, icon),
         React__default.createElement("div", null, children),
         React__default.createElement("div", { className: classNames({ 'is-dot': dot }, b('content'), 'sup'), style: getStyle() }, content())));
 };

package/dist/esm/{barrage.taro-0495a1b2.js → barrage.taro-80df08d3.js}

@@ -54,12 +54,12 @@ const InternalBarrage = (props, ref) => {
             query
                 .select('.nut-barrage__body' + timeId.current)
                 .boundingClientRect((rec) => {
-                width = (Array.isArray(rec) ? rec[0].width : rec.width) || 300;
+                width = rec.width || 300;
             });
             query
                 .select('.nut-barrage__item' + index)
                 .boundingClientRect((recs) => {
-                let height = Array.isArray(recs) ? recs[0].width : recs.width;
+                let height = recs.height;
                 let nodeTop = (index % rows) * (height + top) + 20 + 'px';
                 styleInfo(index, nodeTop, width);
             })

package/dist/esm/button.taro-a1c9512f.js

@@ -0,0 +1,65 @@
+import React__default, { useCallback } from 'react';
+import classNames from 'classnames';
+import { Loading } from '@nutui/icons-react-taro';
+import { C as ComponentDefaults } from './typings-d8491423.js';
+
+const prefixCls = 'nut-button';
+const defaultProps = {
+    ...ComponentDefaults,
+    color: '',
+    type: 'default',
+    size: 'normal',
+    shape: 'round',
+    fill: 'solid',
+    loading: false,
+    disabled: false,
+    block: false,
+    icon: null,
+    onClick: (e) => { },
+};
+const Button = React__default.forwardRef((props, ref) => {
+    const { color, shape, fill, loading, disabled, type, size, block, icon, children, onClick, className, style, ...rest } = {
+        ...defaultProps,
+        ...props,
+    };
+    const getStyle = useCallback(() => {
+        const style = {};
+        if (props.color) {
+            if (fill && fill === 'outline') {
+                style.color = color;
+                style.background = '#fff';
+                if (!color?.includes('gradient')) {
+                    style.borderColor = color;
+                }
+            }
+            else {
+                style.color = '#fff';
+                style.background = color;
+            }
+        }
+        return style;
+    }, [color]);
+    const handleClick = (e) => {
+        if (!loading && !disabled && onClick) {
+            onClick(e);
+        }
+    };
+    return (
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    // eslint-disable-next-line react/button-has-type
+    React__default.createElement("button", { ...rest, ref: ref, className: classNames(prefixCls, className, props.type ? `${prefixCls}--${type}` : null, props.fill ? `${prefixCls}--${fill}` : null, {
+            [`${prefixCls}--${size}`]: size,
+            [`${prefixCls}--${shape}`]: shape,
+            [`${prefixCls}--block`]: block,
+            [`${prefixCls}--disabled`]: disabled,
+            [`${prefixCls}--loading`]: loading,
+        }), style: { ...getStyle(), ...style }, onClick: (e) => handleClick(e) },
+        React__default.createElement("div", { className: "nut-button__warp" },
+            loading && React__default.createElement(Loading, { className: "nut-icon-loading" }),
+            !loading && icon ? icon : null,
+            children && (React__default.createElement("div", { className: icon || loading ? 'nut-button-text' : '' }, children)))));
+});
+Button.displayName = 'NutButton';
+
+export { Button as B };

package/dist/esm/{calendar.taro-670842ea.js → calendar.taro-b6b147ca.js}

@@ -1,7 +1,7 @@
 import React__default, { useRef } from 'react';
-import { P as Popup } from './popup.taro-01676bff.js';
-import { U as Utils, C as CalendarItem } from './calendaritem.taro-2a603571.js';
-import { u as useConfig } from './configprovider.taro-8d71eb49.js';
+import { P as Popup } from './popup.taro-124b9bab.js';
+import { U as Utils, C as CalendarItem } from './calendaritem.taro-ae167e59.js';
+import { u as useConfig } from './configprovider.taro-c8c54556.js';
 
 const defaultProps = {
     type: 'one',

package/dist/esm/{calendaritem.taro-2a603571.js → calendaritem.taro-ae167e59.js}

@@ -1,9 +1,9 @@
 import React__default, { useState, useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import { ScrollView } from '@tarojs/components';
-import { c as cn } from './bem-350c1702.js';
-import { u as useConfig } from './configprovider.taro-8d71eb49.js';
 import { nextTick } from '@tarojs/taro';
+import { c as cn } from './bem-350c1702.js';
+import { u as useConfig } from './configprovider.taro-c8c54556.js';
 
 const Utils = {
     /**
@@ -755,7 +755,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
                 onBtn && React__default.createElement("div", { className: "calendar-top-slot" }, onBtn()),
                 showSubTitle && (React__default.createElement("div", { className: "calendar-curr-month" }, yearMonthTitle)),
                 React__default.createElement("div", { className: "calendar-weeks", ref: weeksPanel }, weeks.map((item) => (React__default.createElement("div", { className: "calendar-week-item", key: item }, item))))),
-            React__default.createElement(ScrollView, { scrollTop: scrollTop, scrollY: true, scrollWithAnimation: scrollWithAnimation, className: "nut-calendar-content", onScroll: monthsViewScroll, ref: months },
+            React__default.createElement(ScrollView, { scrollTop: scrollTop, scrollY: true, type: "list", scrollWithAnimation: scrollWithAnimation, className: "nut-calendar-content", onScroll: monthsViewScroll, ref: months },
                 React__default.createElement("div", { className: "calendar-months-panel", ref: monthsPanel },
                     React__default.createElement("div", { className: "viewArea", ref: viewArea, style: { transform: `translateY(${translateY}px)` } }, state.monthsData
                         .slice(monthDefaultRange[0], monthDefaultRange[1])

package/dist/esm/{card.taro-e4c76dad.js → card.taro-5e9b34c8.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import classNames from 'classnames';
 import { P as Price } from './price.taro-776ed16e.js';
-import { T as Tag } from './tag.taro-23ba0834.js';
+import { T as Tag } from './tag.taro-0c2567de.js';
 import { c as cn } from './bem-350c1702.js';
 
 const defaultProps = {};

package/dist/esm/{cascader.taro-eb1fb011.js → cascader.taro-9c0a1a38.js}

@@ -1,9 +1,9 @@
-import React__default, { useState, useEffect } from 'react';
+import React__default, { isValidElement, useState, useEffect } from 'react';
 import classNames from 'classnames';
-import { P as Popup } from './popup.taro-01676bff.js';
-import { T as Tabs } from './tabs.taro-6a7524a4.js';
+import { P as Popup } from './popup.taro-124b9bab.js';
+import { T as Tabs } from './tabs.taro-be8cacb5.js';
 import { T as TabPane } from './tabpane.taro-4ca340ef.js';
-import { I as Icon } from './icon.taro-296a1bec.js';
+import { Loading, Checklist } from '@nutui/icons-react-taro';
 import { c as cn } from './bem-350c1702.js';
 
 const defaultProps$1 = {
@@ -15,7 +15,7 @@ const defaultProps$1 = {
         loading: false,
         children: [],
     },
-    activeColor: '#fa2c19',
+    activeColor: '',
     checked: false,
     checkedIcon: 'checklist',
     chooseItem: () => { },
@@ -33,11 +33,20 @@ const InternalCascaderItem = (props, ref) => {
     const classesTitle = classNames({
         [`${b('')}__title`]: true,
     });
+    const renderIcon = () => {
+        if (checked) {
+            if (isValidElement(checkedIcon)) {
+                return checkedIcon;
+            }
+            return React__default.createElement(Checklist, { className: `${checked ? b('icon-check') : ''}` });
+        }
+        return null;
+    };
     return (React__default.createElement("div", { style: { color: checked ? activeColor : '' }, className: classes, onClick: () => {
             chooseItem(data);
         } },
         React__default.createElement("div", { className: classesTitle }, data.text),
-        data.loading ? (React__default.createElement(Icon, { color: "#969799", className: "nut-cascader-item__icon-loading", name: "loading" })) : (React__default.createElement(Icon, { className: `${checked ? b('icon-check') : ''}`, name: checked ? checkedIcon : '' }))));
+        data.loading ? (React__default.createElement(Loading, { color: "#969799", className: "nut-cascader-item__icon-loading" })) : (renderIcon())));
 };
 const CascaderItem = React__default.forwardRef(InternalCascaderItem);
 CascaderItem.defaultProps = defaultProps$1;
@@ -174,7 +183,7 @@ class Tree {
 const defaultProps = {
     className: '',
     style: {},
-    activeColor: '#fa2c19',
+    activeColor: '',
     checkedIcon: 'checklist',
     tabsColor: '',
     poppable: true,
@@ -429,7 +438,7 @@ const InternalCascader = (props, ref) => {
                     pane.nodes.map((node, index) => (React__default.createElement(CascaderItem, { key: index, ...props, data: node, checked: pane.selectedNode?.value === node.value, chooseItem: (node) => chooseItem(node, false) })))))))) : (React__default.createElement(TabPane, null,
                 React__default.createElement("div", { className: classesPane }))))));
     };
-    return (React__default.createElement(React__default.Fragment, null, poppable ? (React__default.createElement(Popup, { popClass: "cascadar-popup", visible: visible, position: "bottom", round: true, closeable: closeable, closeIconPosition: closeIconPosition, closeIcon: closeIcon, onClickOverlay: closePopup, onClickCloseIcon: closePopup }, renderItem())) : (renderItem())));
+    return (React__default.createElement(React__default.Fragment, null, poppable ? (React__default.createElement(Popup, { popClass: "cascadar-popup", visible: visible, position: "bottom", round: true, closeable: closeable, closeIconPosition: closeIconPosition, onClickOverlay: closePopup, onClickCloseIcon: closePopup }, renderItem())) : (renderItem())));
 };
 const Cascader = React__default.forwardRef(InternalCascader);
 Cascader.defaultProps = defaultProps;

package/dist/esm/cell.taro-26870740.js

@@ -0,0 +1,43 @@
+import React__default from 'react';
+import classNames from 'classnames';
+import { C as ComponentDefaults } from './typings-d8491423.js';
+
+const defaultProps = {
+    ...ComponentDefaults,
+    title: null,
+    description: null,
+    extra: null,
+    radius: '6px',
+    align: 'flex-start',
+    onClick: (event) => { },
+};
+const classPrefix = 'nut-cell';
+const Cell = (props) => {
+    const { children, onClick, title, description, extra, radius, align, className, style, ...rest } = {
+        ...defaultProps,
+        ...props,
+    };
+    const handleClick = (event) => {
+        onClick(event);
+    };
+    const baseStyle = {
+        ...style,
+        borderRadius: Number.isNaN(Number(radius)) ? String(radius) : `${radius}px`,
+        alignItems: align,
+    };
+    const styles = title || description
+        ? {}
+        : {
+            flex: 1,
+        };
+    return (React__default.createElement("div", { className: classNames(classPrefix, className), onClick: (event) => handleClick(event), style: baseStyle, ...rest }, children || (React__default.createElement(React__default.Fragment, null,
+        title || description ? (React__default.createElement("div", { className: `${classPrefix}__left` },
+            title ? (React__default.createElement("div", { className: `${classPrefix}__title` }, title)) : null,
+            description ? (React__default.createElement("div", { className: `${classPrefix}__description` }, description)) : null)) : null,
+        extra ? (React__default.createElement("div", { className: `${classPrefix}__extra`, style: styles }, extra)) : null,
+        React__default.createElement("div", { className: `${classPrefix}__divider` })))));
+};
+Cell.defaultProps = defaultProps;
+Cell.displayName = 'NutCell';
+
+export { Cell as C };

package/dist/esm/cellgroup.taro-6e901b54.js

@@ -0,0 +1,24 @@
+import React__default from 'react';
+import classNames from 'classnames';
+import { C as ComponentDefaults } from './typings-d8491423.js';
+
+const defaultProps = {
+    ...ComponentDefaults,
+    title: '',
+    description: '',
+};
+const classPrefix = 'nut-cell-group';
+const CellGroup = (props) => {
+    const { children, className, style, title, description, ...rest } = {
+        ...defaultProps,
+        ...props,
+    };
+    return (React__default.createElement("div", { className: classNames(classPrefix, className), ...rest },
+        title ? React__default.createElement("div", { className: `${classPrefix}__title` }, title) : null,
+        description ? (React__default.createElement("div", { className: `${classPrefix}__description` }, description)) : null,
+        React__default.createElement("div", { className: `${classPrefix}__wrap` }, children)));
+};
+CellGroup.defaultProps = defaultProps;
+CellGroup.displayName = 'NutCellGroup';
+
+export { CellGroup as C };

package/dist/esm/{checkbox.taro-6120e3e3.js → checkbox.taro-785c528b.js}

@@ -1,7 +1,7 @@
 import React__default, { createContext, useImperativeHandle, useState, useEffect, useCallback, useContext } from 'react';
-import { I as Icon } from './icon.taro-296a1bec.js';
+import { CheckNormal, CheckDisabled, Checked } 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 CheckboxGroupContext = createContext(null);
 
@@ -78,11 +78,11 @@ const defaultProps = {
     disabled: false,
     textPosition: 'right',
     iconSize: 18,
-    iconName: 'check-normal',
-    iconActiveName: 'checked',
+    icon: 'check-normal',
+    checkedIcon: 'checked',
     iconClassPrefix: 'nut-icon',
     iconFontClassName: 'nutui-iconfont',
-    iconIndeterminateName: 'check-disabled',
+    indeterminateIcon: 'check-disabled',
     onChange: (state, label) => { },
 };
 const Checkbox = (props) => {
@@ -91,7 +91,7 @@ const Checkbox = (props) => {
         ...props,
     };
     const b = cn('checkbox');
-    const { iconName, iconSize, label, className, iconActiveName, checked, disabled, onChange, indeterminate, iconClassPrefix, iconFontClassName, iconIndeterminateName, ...others } = props;
+    const { icon, iconSize, label, className, checkedIcon, checked, disabled, onChange, indeterminate, iconClassPrefix, iconFontClassName, indeterminateIcon, ...others } = props;
     // eslint-disable-next-line prefer-const
     let { textPosition, ...rest } = others;
     const ctx = useContext(CheckboxGroupContext);
@@ -119,17 +119,14 @@ const Checkbox = (props) => {
                 ctx.uncheck(label);
         };
     }
-    const getIconName = () => {
+    const renderIcon = () => {
         if (!innerChecked) {
-            return iconName;
+            return React__default.isValidElement(icon) ? (icon) : (React__default.createElement(CheckNormal, { size: iconSize, className: color() }));
         }
         if (_indeterminate) {
-            return iconIndeterminateName;
+            return React__default.isValidElement(indeterminateIcon) ? (indeterminateIcon) : (React__default.createElement(CheckDisabled, { size: iconSize, className: color() }));
         }
-        return iconActiveName;
-    };
-    const renderIcon = () => {
-        return (React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, name: getIconName(), size: iconSize, className: color() }));
+        return React__default.isValidElement(checkedIcon) ? (checkedIcon) : (React__default.createElement(Checked, { size: iconSize, className: color() }));
     };
     const color = () => {
         if (innerDisabled) {

package/dist/esm/{collapse.taro-1a9e4ba2.js → collapse.taro-35a8a0d6.js}

@@ -5,9 +5,7 @@ import { c as cn } from './bem-350c1702.js';
 const defaultProps = {
     activeName: ['0'],
     accordion: false,
-    icon: '',
-    iconSize: '16px',
-    iconColor: '',
+    expandIcon: null,
     rotate: 180,
 };
 function areEqual(prevProps, nextProps) {
@@ -16,7 +14,7 @@ function areEqual(prevProps, nextProps) {
             JSON.stringify(nextProps.activeName));
 }
 const Collapse = memo((props) => {
-    const { className, style, children, activeName, accordion, icon, rotate, iconSize, iconColor, onChange, } = {
+    const { className, style, children, activeName, accordion, expandIcon, rotate, onChange, } = {
         ...defaultProps,
         ...props,
     };
@@ -70,10 +68,8 @@ const Collapse = memo((props) => {
         return React__default.cloneElement(item, {
             isOpen: defaultOpenIndex.includes(item.props.name),
             onToggle: (isOpen, name) => onToggle(isOpen, name),
-            icon,
+            expandIcon: item.props.expandIcon || expandIcon,
             rotate,
-            iconSize,
-            iconColor,
         });
     })));
 }, areEqual);

package/dist/esm/{collapseitem-4d0bc55d.js → collapseitem-690eb91c.js}

@@ -1,27 +1,18 @@
 import React__default, { useState, useCallback, useEffect } from 'react';
 import { c as cn } from './bem-350c1702.js';
-import { I as Icon } from './icon-296a1bec.js';
-import { C as ComponentDefaults } from './typings-b9828dba.js';
 
 const defaultProps = {
-    ...ComponentDefaults,
-    title: '',
+    title: null,
     name: '',
     isOpen: false,
-    icon: '',
-    iconSize: '',
-    iconColor: '',
+    expandIcon: null,
     disabled: false,
     rotate: 180,
-    subTitle: '',
-    titleIcon: '',
-    titleIconColor: '',
-    titleIconPosition: '',
-    titleIconSize: '',
+    subTitle: null,
     childnull: true,
 };
 const CollapseItem = (props) => {
-    const { children, title, isOpen, onToggle, name, disabled, icon, rotate, subTitle, titleIcon, titleIconColor, titleIconPosition, titleIconSize, iconSize, iconColor, childnull, iconClassPrefix, iconFontClassName, ...rest } = {
+    const { children, title, isOpen, onToggle, name, disabled, expandIcon, rotate, subTitle, childnull, ...rest } = {
         ...defaultProps,
         ...props,
     };
@@ -64,16 +55,10 @@ const CollapseItem = (props) => {
                     return;
                 onToggle && onToggle(isOpen, name);
             } },
-            React__default.createElement("div", { className: colBem('title') },
-                titleIcon && titleIconPosition === 'left' && (React__default.createElement("b", { className: colBem('title-icon-left') },
-                    React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, name: titleIcon, size: titleIconSize, color: disabled ? '#C2C2C2' : titleIconColor }))),
-                title,
-                titleIcon && titleIconPosition === 'right' && (React__default.createElement("b", { className: colBem('title-icon-right') },
-                    React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, name: titleIcon, size: titleIconSize, color: disabled ? '#C2C2C2' : titleIconColor })))),
+            React__default.createElement("div", { className: colBem('title') }, title),
             React__default.createElement("div", { className: colBem('sub-title') }, subTitle),
             React__default.createElement("div", { className: colBem('icon-box') },
-                React__default.createElement("div", { className: colBem('icon'), style: iconStyle },
-                    React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, name: icon, size: iconSize, color: disabled ? '#C2C2C2' : iconColor })))),
+                React__default.createElement("div", { className: colBem('icon'), style: iconStyle }, expandIcon))),
         childnull && (React__default.createElement("div", { className: colBem('content'), style: { height: currHeight }, ref: measuredRef },
             React__default.createElement("div", { className: colBem('content-text') }, children)))));
 };

package/dist/esm/{configprovider-67d19d3a.js → configprovider-9960f0fb.js}

@@ -1,6 +1,6 @@
 import { createContext, useContext } from 'react';
 import 'lodash.kebabcase';
-import { z as zhCN } from './zh-CN-c779e6c1.js';
+import { z as zhCN } from './zh-CN-b4f493ba.js';
 
 const defaultConfigRef = {
     current: {

package/dist/esm/{configprovider.taro-8d71eb49.js → configprovider.taro-c8c54556.js}

@@ -1,6 +1,6 @@
 import React__default, { createContext, useContext, useMemo } from 'react';
 import kebabCase from 'lodash.kebabcase';
-import { z as zhCN } from './zh-CN-c779e6c1.js';
+import { z as zhCN } from './zh-CN-b4f493ba.js';
 
 const defaultProps = {
     locale: zhCN,
@@ -10,6 +10,9 @@ const defaultConfigRef = {
         locale: zhCN,
     },
 };
+const setDefaultConfig = (config) => {
+    defaultConfigRef.current = config;
+};
 const getDefaultConfig = () => {
     return defaultConfigRef.current;
 };
@@ -39,4 +42,4 @@ const ConfigProvider = (props) => {
 ConfigProvider.defaultProps = defaultProps;
 ConfigProvider.displayName = 'NutConfigProvider';
 
-export { ConfigProvider as C, useConfig as u };
+export { ConfigProvider as C, getDefaultConfig as g, setDefaultConfig as s, useConfig as u };

package/dist/esm/{countdown.taro-dbcb9a4f.js → countdown.taro-0e6bf7a2.js}

@@ -1,6 +1,6 @@
 import React__default, { useState, useRef, useImperativeHandle, 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 = {
     paused: false,

package/dist/esm/{datepicker.taro-6e9b4b8f.js → datepicker.taro-439e2080.js}

@@ -1,6 +1,6 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { P as Picker } from './picker.taro-9ad1b7c5.js';
-import { u as useConfig } from './configprovider-67d19d3a.js';
+import { P as Picker } from './picker.taro-5c9030a7.js';
+import { u as useConfig } from './configprovider.taro-c8c54556.js';
 import { View } from '@tarojs/components';
 
 const currentYear = new Date().getFullYear();
@@ -267,7 +267,7 @@ const DatePicker = (props) => {
             setListData(columns());
         }
     }, [currentDate]);
-    return (React__default.createElement(View, { className: `nut-datepicker ${className || ''}`, style: style, ...rest, catchMove: true }, listData.length > 0 && (React__default.createElement(Picker, { title: title, isVisible: show, listData: listData, onClose: onCloseDatePicker, defaultValueData: defaultValue, onConfirm: (values, options) => onConfirmDatePicker && onConfirmDatePicker(values, options), onChange: (index, value, list) => updateChooseValueCustmer(index, value, list), threeDimensional: threeDimensional, ref: pickerRef }))));
+    return (React__default.createElement(View, { className: `nut-datepicker ${className || ''}`, style: style, catchMove: true, ...rest }, listData.length > 0 && (React__default.createElement(Picker, { title: title, visible: show, listData: listData, onClose: onCloseDatePicker, defaultValueData: defaultValue, onConfirm: (values, options) => onConfirmDatePicker && onConfirmDatePicker(values, options), onChange: (index, value, list) => updateChooseValueCustmer(index, value, list), threeDimensional: threeDimensional, ref: pickerRef }))));
 };
 DatePicker.defaultProps = defaultProps;
 DatePicker.displayName = 'NutDatePicker';

package/dist/esm/{dialog.taro-a3267d29.js → dialog.taro-00ac41fd.js}

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import React__default, { forwardRef } from 'react';
 import classNames from 'classnames';
-import { B as Button } from './button.taro-9244d065.js';
+import { B as Button } from './button.taro-a1c9512f.js';
 import { View } from '@tarojs/components';
 import { CSSTransition } from 'react-transition-group';
-import { u as useConfig } from './configprovider.taro-8d71eb49.js';
+import { u as useConfig } from './configprovider.taro-c8c54556.js';
 
 const Content = (props) => {
     const { visible, title, footer, textAlign, footerDirection, onClickSelf, children, } = props;
@@ -66,7 +66,7 @@ const DialogWrapper = (props) => {
 DialogWrapper.displayName = 'NutDialogWrapper';
 
 const defaultProps = {
-    okText: '',
+    confirmText: '',
     cancelText: '',
     mask: true,
     closeOnClickOverlay: true,
@@ -81,7 +81,7 @@ const defaultProps = {
 };
 const BaseDialog = forwardRef((props, ref) => {
     const { locale } = useConfig();
-    const { visible, footer, noOkBtn, noCancelBtn, lockScroll, okBtnDisabled, cancelAutoClose, okText, cancelText, onClosed, onCancel, onOk, ...restProps } = props;
+    const { visible, footer, noOkBtn, noCancelBtn, lockScroll, okBtnDisabled, cancelAutoClose, confirmText, cancelText, onClosed, onCancel, onOk, ...restProps } = props;
     const renderFooter = function () {
         if (footer === null)
             return '';
@@ -107,7 +107,7 @@ const BaseDialog = forwardRef((props, ref) => {
             !noCancelBtn && (React__default.createElement(Button, { size: "small", plain: true, type: "primary", className: "nut-dialog__footer-cancel", onClick: (e) => handleCancel(e) }, cancelText || locale.cancel)),
             !noOkBtn && (React__default.createElement(Button, { size: "small", type: "primary", className: classNames('nut-dialog__footer-ok', {
                     disabled: okBtnDisabled,
-                }), disabled: okBtnDisabled, onClick: (e) => handleOk(e) }, okText || locale.confirm))));
+                }), disabled: okBtnDisabled, onClick: (e) => handleOk(e) }, confirmText || locale.confirm))));
         return footerContent;
     };
     return (React__default.createElement(DialogWrapper, { ...restProps, visible: visible, lockScroll: lockScroll, footer: renderFooter(), onClosed: onClosed, onCancel: onCancel }));