@nutui/nutui-react-taro 2.0.0-alpha.3 → 2.0.0-alpha.5

package/dist/esm/TimePannel.js

@@ -1,10 +1,9 @@
-import { T as TimePannel } from './timepannel.taro-d6f4cf80.js';
+import { T as TimePannel } from './timepannel.taro-0573bb65.js';
 import 'react';
 import './bem-350c1702.js';
 import '@bem-react/classname';
-import './configprovider.taro-43a3c646.js';
+import './configprovider.taro-ce34d482.js';
 import 'lodash.kebabcase';
-import './zh-CN-b4f493ba.js';
 
 
 

package/dist/esm/TimeSelect.js

@@ -1,4 +1,4 @@
-import { T as TimeSelect } from './timeselect.taro-804199f9.js';
+import { T as TimeSelect } from './timeselect.taro-29124a34.js';
 import 'react';
 import './popup.taro-89cc342a.js';
 import 'react-dom';
@@ -8,13 +8,12 @@ import '@nutui/icons-react-taro';
 import '@tarojs/components';
 import './overlay.taro-067b7202.js';
 import './typings-d8491423.js';
-import './timepannel.taro-d6f4cf80.js';
+import './timepannel.taro-0573bb65.js';
 import './bem-350c1702.js';
 import '@bem-react/classname';
-import './configprovider.taro-43a3c646.js';
+import './configprovider.taro-ce34d482.js';
 import 'lodash.kebabcase';
-import './zh-CN-b4f493ba.js';
-import './timedetail.taro-cae362b9.js';
+import './timedetail.taro-82a2900b.js';
 
 
 

package/dist/esm/Uploader.js

@@ -1,4 +1,4 @@
-import { U as Uploader } from './uploader.taro-716f9a50.js';
+import { U as Uploader } from './uploader.taro-c70d00de.js';
 import 'react';
 import 'classnames';
 import '@tarojs/taro';
@@ -7,9 +7,8 @@ import '@tarojs/components';
 import './button.taro-b50bc217.js';
 import './typings-d8491423.js';
 import './progress.taro-1a7ac8a4.js';
-import './configprovider.taro-43a3c646.js';
+import './configprovider.taro-ce34d482.js';
 import 'lodash.kebabcase';
-import './zh-CN-b4f493ba.js';
 import './index-5bcb0ff8.js';
 
 

package/dist/esm/VirtualList.js

@@ -1,10 +1,9 @@
-import { V as VirtualList } from './virtuallist.taro-0bd611cb.js';
+import { V as VirtualList } from './virtuallist.taro-ba8e1f21.js';
 import 'react';
 import '@tarojs/components';
 import '@tarojs/taro';
-import './configprovider.taro-43a3c646.js';
+import './configprovider.taro-ce34d482.js';
 import 'lodash.kebabcase';
-import './zh-CN-b4f493ba.js';
 
 
 

package/dist/esm/WaterMark.js

@@ -1,10 +1,9 @@
-import { W as WaterMark } from './watermark.taro-8966896a.js';
+import { W as WaterMark } from './watermark.taro-168cdac5.js';
 import 'react';
 import '@tarojs/taro';
 import 'classnames';
-import './configprovider.taro-43a3c646.js';
+import './configprovider.taro-ce34d482.js';
 import 'lodash.kebabcase';
-import './zh-CN-b4f493ba.js';
 import './bem-350c1702.js';
 import '@bem-react/classname';
 

package/dist/esm/{address.taro-67e32c33.js → address.taro-cab0ea22.js}

@@ -1,13 +1,27 @@
-import React, { useEffect, useState, useRef } from 'react';
+import React, { createContext, useContext, useEffect, useState, useRef } from 'react';
 import { Check, Location2, Left, CircleClose } from '@nutui/icons-react-taro';
 import { P as Popup } from './popup.taro-89cc342a.js';
 import { c as cn } from './bem-350c1702.js';
-import { u as useConfig } from './configprovider-9960f0fb.js';
+import 'lodash.kebabcase';
+import { z as zhCN, u as useConfig$1 } from './configprovider.taro-ce34d482.js';
 import { createSelectorQuery } from '@tarojs/taro';
-import { E as Elevator } from './elevator.taro-360a831f.js';
-import { u as useConfig$1 } from './configprovider.taro-43a3c646.js';
+import { E as Elevator } from './elevator.taro-1a4e3356.js';
 import { C as ComponentDefaults } from './typings-d8491423.js';
 
+const defaultConfigRef = {
+    current: {
+        locale: zhCN,
+    },
+};
+const getDefaultConfig = () => {
+    return defaultConfigRef.current;
+};
+// 创建一个 Context 对象
+const ConfigContext = createContext(null);
+const useConfig = () => {
+    return useContext(ConfigContext) ?? getDefaultConfig();
+};
+
 const defaultProps$2 = {
     type: 'custom',
     existAddress: [],

package/dist/esm/{audio.taro-51eafc9d.js → audio.taro-ff280f5e.js}

@@ -1,10 +1,10 @@
 import React, { useState, useRef } from 'react';
 import { createInnerAudioContext } from '@tarojs/taro';
 import { Service } from '@nutui/icons-react-taro';
-import { R as Range } from './range.taro-432d20d7.js';
+import { R as Range } from './range.taro-8953e8c3.js';
 import { B as Button } from './button.taro-b50bc217.js';
 import { c as cn } from './bem-350c1702.js';
-import { u as useConfig } from './configprovider.taro-43a3c646.js';
+import { u as useConfig } from './configprovider.taro-ce34d482.js';
 import { C as ComponentDefaults } from './typings-d8491423.js';
 
 const b = cn('audio');

package/dist/esm/{avatar.taro-a840f345.js → avatar.taro-6e8f1f5c.js}

@@ -1,21 +1,24 @@
 import React, { useState, useRef, useContext, useEffect } from 'react';
 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 Image } from './image.taro-3025e659.js';
+import { A as AvatarContext } from './context-c96afdcc.js';
+import { My } from '@nutui/icons-react-taro';
 import { C as ComponentDefaults } from './typings-d8491423.js';
 
 const defaultProps = {
     ...ComponentDefaults,
     size: '',
+    shape: 'round',
     icon: '',
-    bgColor: '#eee',
+    fit: 'cover',
+    background: '#eee',
     color: '#666',
-    prefixCls: 'nut-avatar',
-    url: '',
+    src: '',
+    alt: '',
 };
+const classPrefix = `nut-avatar`;
 const Avatar = (props) => {
-    const { children, prefixCls, size, shape, bgColor, color, url, icon, className, style, activeAvatar, onActiveAvatar, onError, ...rest } = {
+    const { children, size, shape, background, color, src, icon, fit, alt, className, style, onClick, onError, ...rest } = {
         ...defaultProps,
         ...props,
     };
@@ -24,28 +27,27 @@ const Avatar = (props) => {
     const [avatarIndex, setAvatarIndex] = useState(1); // avatar的索引
     const avatarRef = useRef(null);
     const parent = useContext(AvatarContext);
-    const b = cn('avatar');
+    const sizeValue = ['large', 'normal', 'small'];
     const classes = classNames({
-        [`nut-avatar-${size || parent?.propAvatarGroup?.size || 'normal'}`]: true,
-        [`nut-avatar-${shape || parent?.propAvatarGroup?.shape || 'round'}`]: true,
+        [`nut-avatar-${parent?.propAvatarGroup?.size || size || 'normal'}`]: true,
+        [`nut-avatar-${parent?.propAvatarGroup?.shape || shape}`]: true,
     });
-    const cls = classNames(b(''), classes, className);
-    const sizeValue = ['large', 'normal', 'small'];
+    const cls = classNames(classPrefix, classes, className);
     const styles = {
         width: sizeValue.indexOf(size) > -1 ? '' : `${size}px`,
         height: sizeValue.indexOf(size) > -1 ? '' : `${size}px`,
-        backgroundColor: `${bgColor}`,
+        backgroundColor: `${background}`,
         color: `${color}`,
-        marginLeft: avatarIndex !== 1 && parent?.propAvatarGroup?.span
-            ? `${parent?.propAvatarGroup?.span}px`
+        marginLeft: avatarIndex !== 1 && parent?.propAvatarGroup?.gap
+            ? `${parent?.propAvatarGroup?.gap}px`
             : '',
-        zIndex: parent?.propAvatarGroup?.zIndex === 'right'
+        zIndex: parent?.propAvatarGroup?.level === 'right'
             ? `${Math.abs(maxSum - avatarIndex)}`
             : '',
         ...style,
     };
     const maxStyles = {
-        backgroundColor: `${parent?.propAvatarGroup?.maxBgColor}`,
+        backgroundColor: `${parent?.propAvatarGroup?.maxBackground}`,
         color: `${parent?.propAvatarGroup?.maxColor}`,
     };
     useEffect(() => {
@@ -64,7 +66,7 @@ const Avatar = (props) => {
             }
         }
         const index = avatarRef?.current?.dataset?.index;
-        const maxCount = parent?.propAvatarGroup?.maxCount;
+        const maxCount = parent?.propAvatarGroup?.max;
         setMaxSum(children.length);
         setAvatarIndex(index);
         if (index === children.length &&
@@ -73,31 +75,31 @@ const Avatar = (props) => {
             setShowMax(true);
         }
     };
-    const errorEvent = (e) => {
+    const errorEvent = () => {
         if (props.onError) {
-            props.onError(e);
+            props.onError();
         }
     };
     const clickAvatar = (e) => {
-        activeAvatar && activeAvatar(e);
-        onActiveAvatar && onActiveAvatar(e);
+        onClick && onClick(e);
     };
     return (React.createElement(React.Fragment, null, (showMax ||
-        !parent?.propAvatarGroup?.maxCount ||
-        avatarIndex <= parent?.propAvatarGroup?.maxCount) && (React.createElement("div", { className: cls, ...rest, style: !showMax ? styles : maxStyles, onClick: clickAvatar, ref: avatarRef },
-        (!parent?.propAvatarGroup?.maxCount ||
-            avatarIndex <= parent?.propAvatarGroup?.maxCount) && (React.createElement(React.Fragment, null,
-            url && (React.createElement(Image, { className: "avatar-img", src: url, onError: errorEvent })),
+        !parent?.propAvatarGroup?.max ||
+        avatarIndex <= parent?.propAvatarGroup?.max) && (React.createElement("div", { className: cls, ...rest, style: !showMax ? styles : maxStyles, onClick: clickAvatar, ref: avatarRef },
+        (!parent?.propAvatarGroup?.max ||
+            avatarIndex <= parent?.propAvatarGroup?.max) && (React.createElement(React.Fragment, null,
+            src && (React.createElement(Image, { className: "avatar-img", src: src, style: { objectFit: fit }, alt: alt, onError: errorEvent })),
             React.isValidElement(icon)
                 ? React.cloneElement(icon, {
                     ...icon.props,
                     className: `${icon.props.className || ''} icon`,
                 })
                 : null,
-            children && React.createElement("span", { className: "text" }, children))),
+            children && React.createElement("span", { className: "text" }, children),
+            !src && !icon && !children && React.createElement(My, { className: "icon" }))),
         showMax && (React.createElement("div", { className: "text" }, parent?.propAvatarGroup?.maxContent
             ? parent?.propAvatarGroup?.maxContent
-            : `+ ${avatarIndex - parent?.propAvatarGroup?.maxCount}`))))));
+            : `+ ${avatarIndex - parent?.propAvatarGroup?.max}`))))));
 };
 Avatar.defaultProps = defaultProps;
 Avatar.displayName = 'NutAvatar';

package/dist/esm/{avatargroup-0eadb514.js → avatargroup-f4375806.js}

@@ -1,26 +1,23 @@
 import React, { 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-9960f0fb.js';
+import { A as AvatarContext } from './context-c96afdcc.js';
+import { C as ComponentDefaults } from './typings-d8491423.js';
 
 const defaultProps = {
+    ...ComponentDefaults,
     maxContent: '',
-    maxCount: '',
-    maxBgColor: '#eee',
+    max: '',
+    maxBackground: '#eee',
     maxColor: '#666',
-    size: '',
-    shape: '',
-    span: '-8',
-    zIndex: 'left',
+    gap: '-8',
+    level: 'left',
 };
+const classPrefix = `nut-avatar-group`;
 const AvatarGroup = (props) => {
-    useConfig();
     const propAvatarGroup = { ...defaultProps, ...props };
     const { className, style, children } = propAvatarGroup;
     const avatarGroupRef = useRef(null);
-    const b = cn('avatar-group');
-    const cls = classNames(b(''), className);
+    const cls = classNames(classPrefix, className);
     const parentAvatar = {
         propAvatarGroup,
         avatarGroupRef,

package/dist/esm/{calendar.taro-b3ebdc35.js → calendar.taro-2fc9b899.js}

@@ -1,7 +1,7 @@
 import React, { useRef } from 'react';
 import { P as Popup } from './popup.taro-89cc342a.js';
-import { U as Utils, C as CalendarItem } from './calendaritem.taro-ab1ec154.js';
-import { u as useConfig } from './configprovider.taro-43a3c646.js';
+import { U as Utils, C as CalendarItem } from './calendaritem.taro-2d4a8c34.js';
+import { u as useConfig } from './configprovider.taro-ce34d482.js';
 
 const defaultProps = {
     type: 'one',

package/dist/esm/{calendaritem.taro-ab1ec154.js → calendaritem.taro-2d4a8c34.js}

@@ -3,7 +3,7 @@ import classNames from 'classnames';
 import { ScrollView } from '@tarojs/components';
 import { nextTick } from '@tarojs/taro';
 import { c as cn } from './bem-350c1702.js';
-import { u as useConfig } from './configprovider.taro-43a3c646.js';
+import { u as useConfig } from './configprovider.taro-ce34d482.js';
 
 const Utils = {
     /**

package/dist/esm/{cellgroup.taro-660faffc.js → cellgroup.taro-e05ea802.js}

@@ -6,17 +6,18 @@ const defaultProps = {
     ...ComponentDefaults,
     title: '',
     description: '',
+    divider: true,
 };
 const classPrefix = 'nut-cell-group';
 const CellGroup = (props) => {
-    const { children, className, style, title, description, ...rest } = {
+    const { children, className, style, title, description, divider, ...rest } = {
         ...defaultProps,
         ...props,
     };
     return (React.createElement("div", { className: classNames(classPrefix, className), ...rest },
         title ? React.createElement("div", { className: `${classPrefix}__title` }, title) : null,
         description ? (React.createElement("div", { className: `${classPrefix}__description` }, description)) : null,
-        React.createElement("div", { className: `${classPrefix}__wrap` }, children)));
+        React.createElement("div", { className: `${classPrefix}__wrap ${divider ? `${classPrefix}__wrap--divider` : ''}` }, children)));
 };
 CellGroup.defaultProps = defaultProps;
 CellGroup.displayName = 'NutCellGroup';

package/dist/esm/checkbox.taro-9d02f86c.js

@@ -0,0 +1,175 @@
+import React, { createContext, useImperativeHandle, useCallback, useContext, useState, useEffect } from 'react';
+import { CheckNormal, CheckDisabled, Checked } from '@nutui/icons-react-taro';
+import classNames from 'classnames';
+import { C as ComponentDefaults } from './typings-d8491423.js';
+import { u as usePropsValue } from './use-props-value-ae7ee726.js';
+
+const CheckboxGroupContext = createContext(null);
+
+const defaultProps$1 = {
+    max: undefined,
+    labelPosition: 'right',
+    direction: 'vertical',
+    onChange: (value) => { },
+    options: [],
+};
+const classPrefix$1 = 'nut-checkboxgroup';
+const CheckboxGroup = React.forwardRef((props, ref) => {
+    const { children } = { ...defaultProps$1, ...props };
+    const { className, disabled, onChange, value, defaultValue, max, labelPosition, direction, options, ...rest } = props;
+    useImperativeHandle(ref, () => ({
+        toggle(state) {
+            if (state === false) {
+                setValue([]);
+            }
+            else {
+                const childrenLabel = [];
+                React.Children.map(children, (child) => {
+                    const childProps = child.props;
+                    childrenLabel.push(childProps.value);
+                });
+                setValue(childrenLabel);
+            }
+        },
+        reverse() {
+            const childrenLabel = [];
+            React.Children.map(children, (child) => {
+                const childProps = child.props;
+                childrenLabel.push(childProps.value);
+            });
+            const reverse = childrenLabel.filter((c) => _value?.findIndex((v) => v === c) === -1);
+            setValue(reverse);
+        },
+    }));
+    const [_value, setValue] = usePropsValue({
+        value: props.value,
+        defaultValue: props.defaultValue,
+        finalValue: [],
+        onChange,
+    });
+    const renderOptions = useCallback(() => {
+        return options?.map(({ label, value, disabled, onChange, ...rest }) => {
+            return (React.createElement(Checkbox, { key: value?.toString(), label: label, disabled: disabled, value: value, ...rest }));
+        });
+    }, [options, max]);
+    return (React.createElement(CheckboxGroupContext.Provider, { value: {
+            labelPosition: labelPosition || 'right',
+            disabled,
+            max,
+            value: _value,
+            check: (value) => {
+                const combined = [..._value, value];
+                setValue(combined);
+            },
+            uncheck: (value) => {
+                const reduced = _value.filter((item) => item !== value);
+                setValue(reduced);
+            },
+        } },
+        React.createElement("div", { className: classNames(classPrefix$1, {
+                [`nut-checkboxgroup--${props.direction}`]: props.direction,
+                className,
+            }), ...rest }, options?.length ? renderOptions() : children)));
+});
+CheckboxGroup.defaultProps = defaultProps$1;
+CheckboxGroup.displayName = 'NutCheckboxGroup';
+
+const defaultProps = {
+    ...ComponentDefaults,
+    disabled: false,
+    labelPosition: 'right',
+    icon: null,
+    activeIcon: null,
+    indeterminateIcon: null,
+    onChange: (value) => { },
+};
+const classPrefix = 'nut-checkbox';
+const Checkbox = (props) => {
+    const { children } = {
+        ...defaultProps,
+        ...props,
+    };
+    const { icon, label, className, activeIcon, checked, value, defaultChecked, disabled, onChange, indeterminate, indeterminateIcon, ...others } = props;
+    // eslint-disable-next-line prefer-const
+    let { labelPosition, ...rest } = others;
+    const ctx = useContext(CheckboxGroupContext);
+    let [innerChecked, setChecked] = usePropsValue({
+        value: props.checked,
+        defaultValue: props.defaultChecked,
+        finalValue: defaultChecked,
+        onChange,
+    });
+    // eslint-disable-next-line prefer-const
+    let [innerDisabled, setDisabled] = useState(disabled);
+    const [innerIndeterminate, setIndeterminate] = useState(indeterminate);
+    useEffect(() => {
+        setDisabled(disabled);
+    }, [disabled]);
+    useEffect(() => {
+        setIndeterminate(indeterminate);
+    }, [indeterminate]);
+    if (ctx) {
+        if (ctx.labelPosition !== undefined) {
+            labelPosition = ctx.labelPosition;
+        }
+        innerDisabled = ctx.disabled !== undefined ? ctx.disabled : innerDisabled;
+        innerChecked = ctx.value.includes(value);
+        setChecked = (checked) => {
+            if (ctx.disabled)
+                return;
+            if (checked)
+                ctx.check(value);
+            if (!checked)
+                ctx.uncheck(value);
+        };
+    }
+    const renderIcon = () => {
+        if (!innerChecked) {
+            return React.isValidElement(icon) ? (icon) : (React.createElement(CheckNormal, { className: color() }));
+        }
+        if (innerIndeterminate) {
+            return React.isValidElement(indeterminateIcon) ? (indeterminateIcon) : (React.createElement(CheckDisabled, { className: color() }));
+        }
+        return React.isValidElement(activeIcon) ? (activeIcon) : (React.createElement(Checked, { className: color() }));
+    };
+    const color = () => {
+        if (innerDisabled) {
+            return `${classPrefix}__icon--disable`;
+        }
+        if (innerChecked) {
+            if (innerIndeterminate) {
+                return `${classPrefix}__icon--indeterminate`;
+            }
+            return `${classPrefix}__icon`;
+        }
+        return `${classPrefix}__icon--unchecked`;
+    };
+    const renderLabel = () => {
+        return (React.createElement("span", { className: classNames(`${classPrefix}__label `, {
+                [`${classPrefix}__label--disabled`]: innerDisabled,
+            }) }, children || label));
+    };
+    const handleClick = () => {
+        // 禁用的时候直接返回
+        if (disabled)
+            return;
+        // 先转换状态
+        const latestChecked = !innerChecked;
+        // 判断是不是有 context 和 max，有的话需要判断是不是超过最大限制
+        if (ctx && ctx.max !== undefined) {
+            if (latestChecked && ctx.value.length >= ctx.max)
+                return;
+        }
+        setChecked(latestChecked);
+    };
+    return (React.createElement("div", { className: classNames(classPrefix, className, {
+            [`${classPrefix}--reverse`]: labelPosition === 'left',
+        }), ...rest, onClick: handleClick },
+        renderIcon(),
+        renderLabel()));
+};
+Checkbox.defaultProps = defaultProps;
+Checkbox.displayName = 'NutCheckBox';
+Checkbox.Group = CheckboxGroup;
+
+export { Checkbox as C, CheckboxGroup as a };

package/dist/esm/{circleprogress.taro-d8973ae9.js → circleprogress.taro-d4943109.js}

@@ -1,35 +1,36 @@
-import React, { useState, useEffect } from 'react';
+import React, { useState, useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import { a as isObject } from './index-5bcb0ff8.js';
-import { c as cn } from './bem-350c1702.js';
+import { C as ComponentDefaults } from './typings-d8491423.js';
 
 const defaultProps = {
+    ...ComponentDefaults,
     strokeWidth: 5,
     radius: 50,
     strokeLinecap: 'round',
-    circleColor: '#fa2c19',
-    pathColor: '#e5e9f2',
+    color: '#fa2c19',
+    background: '#e5e9f2',
     clockwise: true,
 };
+const classPrefix = `nut-circleprogress`;
 const CircleProgress = (props) => {
-    const { children, progress, className, radius, pathColor, clockwise, circleColor, strokeWidth, style, strokeLinecap, ...restProps } = {
+    const { children, percent, className, radius, background, clockwise, color, strokeWidth, style, strokeLinecap, ...restProps } = {
         ...defaultProps,
         ...props,
     };
-    const [oldValue, setOldValue] = useState(progress);
-    const b = cn('circleprogress');
-    const classes = classNames(className, b(''));
+    const [oldValue, setOldValue] = useState(percent);
+    const classes = classNames(className, classPrefix);
     const refRandomId = Math.random().toString(36).slice(-8);
+    const animateIdRef = useRef(0);
     const styles = {
         height: `${Number(radius) * 2}px`,
         width: `${Number(radius) * 2}px`,
         ...style,
     };
     useEffect(() => {
-        let rafId;
         const startTime = Date.now();
         const startRate = Number(oldValue); // 30
-        const endRate = Number(progress); // 40
+        const endRate = Number(percent); // 40
         const duration = Math.abs(((startRate - endRate) * 1000) / +100); // 100
         const animate = () => {
             const now = Date.now();
@@ -37,22 +38,17 @@ const CircleProgress = (props) => {
             const rate = progress * (endRate - startRate) + startRate;
             setOldValue(Math.min(Math.max(+rate, 0), 100));
             if (endRate > startRate ? rate < endRate : rate > endRate) {
-                rafId = window.requestAnimationFrame(animate);
+                animateIdRef.current = window.requestAnimationFrame(animate);
             }
         };
-        if (rafId) {
-            cancelAnimationFrame(rafId);
-        }
-        rafId = window.requestAnimationFrame(animate);
-    }, [progress]);
-    const cancelAnimationFrame = function (id) {
-        clearTimeout(id);
-    };
+        animateIdRef.current = window.requestAnimationFrame(animate);
+        return () => window.cancelAnimationFrame(animateIdRef.current);
+    }, [percent]);
     const stop = () => {
-        if (!isObject(circleColor)) {
+        if (!isObject(props.color)) {
             return [];
         }
-        const color = circleColor;
+        const color = props.color;
         const colorArr = Object.keys(color).sort((a, b) => parseFloat(a) - parseFloat(b));
         const stopArr = [];
         colorArr.map((item) => {
@@ -84,12 +80,12 @@ const CircleProgress = (props) => {
         const progress = +oldValue;
         const offset = (perimeter * Number(format(parseFloat(progress.toFixed(1))))) / 100;
         const isWise = props.clockwise ? 1 : 0;
-        const color = isObject(circleColor)
+        const color = isObject(props.color)
             ? `url(%23${refRandomId})`
-            : transColor(circleColor);
+            : transColor(props.color);
         const d = `M 50 50 m 0 -45 a 45 45 0 1 ${isWise} 0 90 a 45 45 0 1, ${isWise} 0 -90`;
         const pa = `%3Cdefs%3E%3ClinearGradient id='${refRandomId}' x1='100%25' y1='0%25' x2='0%25' y2='0%25'%3E${stopDom}%3C/linearGradient%3E%3C/defs%3E`;
-        const path = `%3Cpath d='${d}' stroke-width='${strokeWidth}' stroke='${transColor(props.pathColor)}' fill='none'/%3E`;
+        const path = `%3Cpath d='${d}' stroke-width='${strokeWidth}' stroke='${transColor(props.background)}' fill='none'/%3E`;
         const path1 = `%3Cpath d='${d}' stroke-width='${strokeWidth}' stroke-dasharray='${offset},${perimeter}' stroke-linecap='round' stroke='${transColor(color)}' fill='none'/%3E`;
         return {
             background: `url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100'  xmlns='http://www.w3.org/2000/svg'%3E${pa}${path}${path1}%3C/svg%3E")`,
@@ -99,9 +95,7 @@ const CircleProgress = (props) => {
     };
     return (React.createElement("div", { className: classes, style: styles, ...restProps },
         React.createElement("div", { style: circleStyle() }),
-        React.createElement("div", { className: "nut-circleprogress-text" }, children || React.createElement("div", null,
-            progress,
-            "%"))));
+        React.createElement("div", { className: "nut-circleprogress-text" }, children)));
 };
 CircleProgress.defaultProps = defaultProps;
 CircleProgress.displayName = 'NutCircleProgress';

package/dist/esm/{zh-CN-b4f493ba.js → configprovider.taro-ce34d482.js}

@@ -1,3 +1,6 @@
+import React, { createContext, useContext, useMemo } from 'react';
+import kebabCase from 'lodash.kebabcase';
+
 const zhCN = {
     save: '保存',
     confirm: '确认',
@@ -128,4 +131,44 @@ const zhCN = {
     },
 };
 
-export { zhCN as z };
+const defaultProps = {
+    locale: zhCN,
+};
+const defaultConfigRef = {
+    current: {
+        locale: zhCN,
+    },
+};
+const setDefaultConfig = (config) => {
+    defaultConfigRef.current = config;
+};
+const getDefaultConfig = () => {
+    return defaultConfigRef.current;
+};
+// 创建一个 Context 对象
+const ConfigContext = createContext(null);
+const useConfig = () => {
+    return useContext(ConfigContext) ?? getDefaultConfig();
+};
+function convertThemeVarsToCSSVars(themeVars) {
+    const cssVars = {};
+    Object.keys(themeVars).forEach((key) => {
+        cssVars[`--${kebabCase(key)}`] = themeVars[key];
+    });
+    return cssVars;
+}
+const ConfigProvider = (props) => {
+    const { children, ...config } = { ...defaultProps, ...props };
+    const parentConfig = useConfig();
+    const theme = config.theme || {};
+    const style = useMemo(() => convertThemeVarsToCSSVars(theme), [theme]);
+    return (React.createElement(ConfigContext.Provider, { value: {
+            ...parentConfig,
+            ...config,
+        } },
+        React.createElement("div", { style: style }, children)));
+};
+ConfigProvider.defaultProps = defaultProps;
+ConfigProvider.displayName = 'NutConfigProvider';
+
+export { ConfigProvider as C, getDefaultConfig as g, setDefaultConfig as s, useConfig as u, zhCN as z };