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

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

@@ -1,175 +0,0 @@
-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-d4943109.js

@@ -1,103 +0,0 @@
-import React, { useState, useRef, useEffect } from 'react';
-import classNames from 'classnames';
-import { a as isObject } from './index-5bcb0ff8.js';
-import { C as ComponentDefaults } from './typings-d8491423.js';
-
-const defaultProps = {
-    ...ComponentDefaults,
-    strokeWidth: 5,
-    radius: 50,
-    strokeLinecap: 'round',
-    color: '#fa2c19',
-    background: '#e5e9f2',
-    clockwise: true,
-};
-const classPrefix = `nut-circleprogress`;
-const CircleProgress = (props) => {
-    const { children, percent, className, radius, background, clockwise, color, strokeWidth, style, strokeLinecap, ...restProps } = {
-        ...defaultProps,
-        ...props,
-    };
-    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(() => {
-        const startTime = Date.now();
-        const startRate = Number(oldValue); // 30
-        const endRate = Number(percent); // 40
-        const duration = Math.abs(((startRate - endRate) * 1000) / +100); // 100
-        const animate = () => {
-            const now = Date.now();
-            const progress = Math.min((now - startTime) / duration, 1);
-            const rate = progress * (endRate - startRate) + startRate;
-            setOldValue(Math.min(Math.max(+rate, 0), 100));
-            if (endRate > startRate ? rate < endRate : rate > endRate) {
-                animateIdRef.current = window.requestAnimationFrame(animate);
-            }
-        };
-        animateIdRef.current = window.requestAnimationFrame(animate);
-        return () => window.cancelAnimationFrame(animateIdRef.current);
-    }, [percent]);
-    const stop = () => {
-        if (!isObject(props.color)) {
-            return [];
-        }
-        const color = props.color;
-        const colorArr = Object.keys(color).sort((a, b) => parseFloat(a) - parseFloat(b));
-        const stopArr = [];
-        colorArr.map((item) => {
-            const obj = {
-                key: '',
-                value: '',
-            };
-            obj.key = item;
-            obj.value = color[item];
-            stopArr.push(obj);
-        });
-        return stopArr;
-    };
-    const transColor = (color) => {
-        return color && color.replace('#', '%23');
-    };
-    const format = (progress) => Math.min(Math.max(+progress, 0), 100);
-    const circleStyle = () => {
-        const stopArr = stop();
-        const stopDom = [];
-        if (stopArr) {
-            stopArr.map((item) => {
-                let obj = '';
-                obj = `%3Cstop offset='${item.key}' stop-color='${transColor(item.value)}'/%3E`;
-                stopDom.push(obj);
-            });
-        }
-        const perimeter = 283;
-        const progress = +oldValue;
-        const offset = (perimeter * Number(format(parseFloat(progress.toFixed(1))))) / 100;
-        const isWise = props.clockwise ? 1 : 0;
-        const color = isObject(props.color)
-            ? `url(%23${refRandomId})`
-            : 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.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")`,
-            width: '100%',
-            height: '100%',
-        };
-    };
-    return (React.createElement("div", { className: classes, style: styles, ...restProps },
-        React.createElement("div", { style: circleStyle() }),
-        React.createElement("div", { className: "nut-circleprogress-text" }, children)));
-};
-CircleProgress.defaultProps = defaultProps;
-CircleProgress.displayName = 'NutCircleProgress';
-
-export { CircleProgress as C };

package/dist/esm/col.taro-4477c9f7.js

@@ -1,43 +0,0 @@
-import React, { useState, useContext, useEffect } from 'react';
-import classNames from 'classnames';
-import { D as DataContext } from './UserContext-0aac9a82.js';
-import { C as ComponentDefaults } from './typings-d8491423.js';
-
-const defaultProps = {
-    ...ComponentDefaults,
-    span: '24',
-    offset: '0',
-    gutter: '0',
-};
-const Col = (props) => {
-    const { className, style, span, offset, children, onClick } = {
-        ...defaultProps,
-        ...props,
-    };
-    const [colName, setColName] = useState('');
-    const [colStyle, setColStyle] = useState({});
-    const { gutter } = useContext(DataContext);
-    const classs = () => {
-        // 定义col的class类
-        const prefixCls = 'nut-col';
-        return `${prefixCls} ${prefixCls}-${span} ${gutter ? `${prefixCls}-gutter` : ''} ${prefixCls}-${offset}`;
-    };
-    const getStyle = () => {
-        // 定义col的style类
-        const style = {};
-        style.paddingLeft = `${gutter / 2}px`;
-        style.paddingRight = `${gutter / 2}px`;
-        return style;
-    };
-    useEffect(() => {
-        setColName(classs);
-        setColStyle(getStyle);
-    }, [span, offset, gutter]);
-    return (React.createElement("div", { className: classNames(colName, className), style: { ...style, ...colStyle }, onClick: (e) => {
-            onClick && onClick(e, 'col');
-        } }, children));
-};
-Col.defaultProps = defaultProps;
-Col.displayName = 'NutCol';
-
-export { Col as C };

package/dist/esm/collapse.taro-89bcadf2.js

@@ -1,79 +0,0 @@
-import React, { memo, useState, useEffect } from 'react';
-import classNames from 'classnames';
-import { c as cn } from './bem-350c1702.js';
-
-const defaultProps = {
-    activeName: ['0'],
-    accordion: false,
-    expandIcon: null,
-    rotate: 180,
-};
-function areEqual(prevProps, nextProps) {
-    return (prevProps.children === nextProps.children &&
-        JSON.stringify(prevProps.activeName) ===
-            JSON.stringify(nextProps.activeName));
-}
-const Collapse = memo((props) => {
-    const { className, style, children, activeName, accordion, expandIcon, rotate, onChange, } = {
-        ...defaultProps,
-        ...props,
-    };
-    const childrenDom = React.Children.toArray(children);
-    const [defaultOpenIndex, setDefaultOpenIndex] = useState([]);
-    const handleActiveName = () => {
-        let activeArr = [];
-        if (!Array.isArray(activeName)) {
-            activeArr.push(activeName.toString());
-        }
-        else {
-            // 数组
-            if (accordion && activeName.length > 1) {
-                console.warn('手风琴模式不支持传递多个打开页签');
-            }
-            const activeNameStr = activeName.map((item) => {
-                return item.toString();
-            });
-            activeArr = [...activeNameStr];
-        }
-        return activeArr;
-    };
-    const colBem = cn('collapse');
-    useEffect(() => {
-        const activeArr = handleActiveName();
-        setDefaultOpenIndex(activeArr);
-    }, [activeName]);
-    const onToggle = (isOpen, name) => {
-        let newOpenIndex = [...defaultOpenIndex];
-        if (isOpen) {
-            // 当前状态为true，则变为false,闭合
-            const removeIndex = newOpenIndex.findIndex((value) => {
-                return value === name;
-            });
-            newOpenIndex.splice(removeIndex, 1);
-        }
-        else {
-            // 当前状态为false，变为true，展开
-            // eslint-disable-next-line no-lonely-if
-            if (accordion) {
-                newOpenIndex = [name];
-            }
-            else {
-                newOpenIndex.push(name);
-            }
-        }
-        setDefaultOpenIndex(newOpenIndex);
-        onChange && onChange(!isOpen, name);
-    };
-    return (React.createElement("div", { className: classNames(colBem(), className), style: style }, childrenDom.map((item) => {
-        return React.cloneElement(item, {
-            isOpen: defaultOpenIndex.includes(item.props.name),
-            onToggle: (isOpen, name) => onToggle(isOpen, name),
-            expandIcon: item.props.expandIcon || expandIcon,
-            rotate,
-        });
-    })));
-}, areEqual);
-Collapse.defaultProps = defaultProps;
-Collapse.displayName = 'NutCollapse';
-
-export { Collapse as C };

package/dist/esm/collapseitem-0e228cec.js

@@ -1,68 +0,0 @@
-import React, { useState, useCallback, useEffect } from 'react';
-import { c as cn } from './bem-350c1702.js';
-
-const defaultProps = {
-    title: null,
-    name: '',
-    isOpen: false,
-    expandIcon: null,
-    disabled: false,
-    rotate: 180,
-    subTitle: null,
-    childnull: true,
-};
-const CollapseItem = (props) => {
-    const { children, title, isOpen, onToggle, name, disabled, expandIcon, rotate, subTitle, childnull, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const [domHeight, setDomHeight] = useState(-1); // 保存content的高度
-    const [currHeight, setCurrHeight] = useState('auto'); // 设置content的高度
-    const [update, setUpdate] = useState(false);
-    const [iconStyle, setIconStyle] = useState({
-        transform: 'translateY(-50%)',
-    });
-    const colBem = cn('collapse-item');
-    const measuredRef = useCallback((node) => {
-        if (node !== null) {
-            setDomHeight(node.getBoundingClientRect().height);
-        }
-    }, [update]);
-    useEffect(() => {
-        // 一开始content都有高度，在这里根据isOpen，改变其高度
-        setTimeout(() => {
-            if (domHeight !== -1) {
-                isOpen ? setCurrHeight(`${domHeight}px`) : setCurrHeight('0px');
-            }
-            const newIconStyle = isOpen
-                ? { transform: `translateY(-50%) rotate(${rotate}deg)` }
-                : { transform: 'translateY(-50%)' };
-            setIconStyle(newIconStyle);
-        }, 10);
-    }, [isOpen, domHeight, rotate]);
-    useEffect(() => {
-        if (!isOpen) {
-            setCurrHeight('0px');
-        }
-        else {
-            setCurrHeight('auto');
-        }
-        setUpdate(!update);
-    }, [children, isOpen]);
-    return (React.createElement("div", { className: colBem(), ...rest },
-        React.createElement("div", { className: colBem('header', { disabled }), onClick: () => {
-                if (disabled)
-                    return;
-                onToggle && onToggle(isOpen, name);
-            } },
-            React.createElement("div", { className: colBem('title') }, title),
-            React.createElement("div", { className: colBem('sub-title') }, subTitle),
-            React.createElement("div", { className: colBem('icon-box') },
-                React.createElement("div", { className: colBem('icon'), style: iconStyle }, expandIcon))),
-        childnull && (React.createElement("div", { className: colBem('content'), style: { height: currHeight }, ref: measuredRef },
-            React.createElement("div", { className: colBem('content-text') }, children)))));
-};
-CollapseItem.defaultProps = defaultProps;
-CollapseItem.displayName = 'NutCollapseItem';
-
-export { CollapseItem as C };

package/dist/esm/configprovider.taro-ce34d482.js

@@ -1,174 +0,0 @@
-import React, { createContext, useContext, useMemo } from 'react';
-import kebabCase from 'lodash.kebabcase';
-
-const zhCN = {
-    save: '保存',
-    confirm: '确认',
-    cancel: '取消',
-    done: '完成',
-    noData: '暂无数据',
-    placeholder: '请输入内容',
-    select: '请选择',
-    video: {
-        errorTip: '视频加载失败',
-        clickRetry: '点击重试',
-    },
-    fixednav: {
-        activeText: '收起导航',
-        inactiveText: '快速导航',
-    },
-    infiniteloading: {
-        pullRefreshText: '松开刷新',
-        loadText: '加载中……',
-        loadMoreText: '哎呀，这里是底部了啦',
-    },
-    pagination: {
-        prev: '上一页',
-        next: '下一页',
-    },
-    range: {
-        rangeText: '不在该区间内',
-    },
-    calendaritem: {
-        weekdays: ['日', '一', '二', '三', '四', '五', '六'],
-        end: '结束',
-        start: '开始',
-        confirm: '确认',
-        title: '日历选择',
-        monthTitle: (year, month) => `${year}年${month}月`,
-        today: '今天',
-        loadPreviousMonth: '加载上一个月',
-        noEarlierMonth: '没有更早月份',
-    },
-    shortpassword: {
-        title: '请输入密码',
-        description: '您使用了虚拟资产，请进行验证',
-        tips: '忘记密码',
-    },
-    uploader: {
-        ready: '准备完成',
-        readyUpload: '准备上传',
-        waitingUpload: '等待上传',
-        uploading: '上传中...',
-        success: '上传成功',
-        error: '上传失败',
-        deleteWord: '用户阻止了删除！',
-    },
-    countdown: {
-        day: '天',
-        hour: '时',
-        minute: '分',
-        second: '秒',
-    },
-    address: {
-        selectRegion: '请选择所在地区',
-        deliveryTo: '配送至',
-        chooseAnotherAddress: '选择其他地址',
-    },
-    signature: {
-        reSign: '重签',
-        unSupportTpl: '对不起，当前浏览器不支持Canvas，无法使用本控件！',
-    },
-    ecard: {
-        chooseText: '请选择电子卡面值',
-        otherValueText: '其他面值',
-        placeholder: '请输入1-5000整数',
-    },
-    timeselect: {
-        pickupTime: '取件时间',
-    },
-    sku: {
-        buyNow: '立即购买',
-        buyNumber: '购买数量',
-        addToCard: '加入购物车',
-    },
-    skuheader: {
-        skuId: '商品编号',
-    },
-    addresslist: {
-        addAddress: '新建地址',
-    },
-    comment: {
-        complaintsText: '我要投诉',
-        additionalReview: (day) => `购买${day}天后追评`,
-        additionalImages: (length) => `${length}张追评图片`,
-    },
-    searchbar: {
-        basePlaceholder: '上京东，购好物',
-        text: '文本',
-        test: '测试',
-        title1: '基础用法',
-        title2: '搜索框形状及最大长度',
-        title3: '搜索框内外背景设置',
-        title4: '搜索框文本设置',
-        title5: '自定义图标设置',
-        title6: '数据改变监听',
-    },
-    audio: {
-        back: '快退',
-        forward: '快进',
-        pause: '暂停',
-        start: '开始',
-        mute: '静音',
-        tips: 'onPlayEnd事件在loop=false时才会触发',
-    },
-    datepicker: {
-        year: '年',
-        month: '月',
-        day: '日',
-        hour: '时',
-        min: '分',
-        seconds: '秒',
-    },
-    pullToRefresh: {
-        pullingText: '下拉刷新',
-        canReleaseText: '松开刷新',
-        refreshingText: '加载中...',
-        completeText: '刷新成功',
-    },
-    watermark: {
-        errorCanvasTips: '当前环境不支持Canvas',
-    },
-};
-
-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 };

package/dist/esm/context-c96afdcc.js

@@ -1,5 +0,0 @@
-import { createContext } from 'react';
-
-const AvatarContext = createContext({});
-
-export { AvatarContext as A };