@nutui/nutui-react-taro 2.0.0-alpha.1 → 2.0.0-alpha.10

package/dist/esm/animatingnumbers.taro-03e5d61d.js

@@ -1,104 +0,0 @@
-import React__default, { useRef, useState, useEffect, Component } from 'react';
-import { createSelectorQuery } from '@tarojs/taro';
-import { c as cn } from './bem-350c1702.js';
-
-const defaultProps$1 = {
-    maxLen: 0,
-    endNumber: '',
-    delaySpeed: 300,
-    easeSpeed: 1,
-    thousands: false,
-    className: '',
-};
-const CountUp = (props) => {
-    const { maxLen, endNumber, delaySpeed, easeSpeed, className, thousands, ...reset } = {
-        ...defaultProps$1,
-        ...props,
-    };
-    const b = cn('countup');
-    const countupRef = useRef(null);
-    const timerRef = useRef(0);
-    const numbers = Array.from({ length: 10 }, (v, i) => i);
-    const getShowNumber = () => {
-        const splitArr = endNumber.split('.');
-        const intNumber = maxLen && splitArr[0].length < maxLen
-            ? (Array(maxLen).join('0') + splitArr[0]).slice(-maxLen)
-            : splitArr[0];
-        const currNumber = `${thousands ? intNumber.replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') : intNumber}${splitArr[1] ? '.' : ''}${splitArr[1] || ''}`;
-        return currNumber.split('');
-    };
-    const [numerArr, setNumerArr] = useState([]);
-    const [transformArr, setTransformArr] = useState([]);
-    const isLoaded = useRef(false);
-    const setNumberTransform = () => {
-        if (countupRef.current && numerArr.length) {
-            createSelectorQuery()
-                .selectAll('.nut-countup__listitem')
-                .node((numberItems) => {
-                const transformArrCache = [];
-                Object.keys(numberItems).forEach((key) => {
-                    const elem = numberItems[Number(key)];
-                    const idx = Number(numerArr[Number(key)]);
-                    if (elem) {
-                        // 计算规则：父元素和实际列表高度的百分比，分割成20等份
-                        const transform = idx || idx === 0
-                            ? `translate(0, -${(idx === 0 ? 10 : idx) * 5}%)`
-                            : '';
-                        transformArrCache.push(transform);
-                    }
-                });
-                setTransformArr([...transformArrCache]);
-            })
-                .exec();
-        }
-    };
-    const numberEaseStyle = (idx) => {
-        return {
-            transition: `transform ${easeSpeed}s ease-in-out`,
-            transform: transformArr[idx] ? transformArr[idx] : null,
-        };
-    };
-    useEffect(() => {
-        setNumberTransform();
-    }, [numerArr]);
-    useEffect(() => {
-        if (!isLoaded.current) {
-            isLoaded.current = true;
-            timerRef.current = window.setTimeout(() => {
-                setNumerArr(getShowNumber());
-            }, delaySpeed);
-        }
-        else {
-            setNumerArr(getShowNumber());
-        }
-        return () => {
-            window.clearTimeout(timerRef.current);
-        };
-    }, [endNumber]);
-    return (React__default.createElement("div", { className: `${b()} ${className}`, ref: countupRef },
-        React__default.createElement("ul", { className: b('list') }, numerArr.map((item, idx) => {
-            return (React__default.createElement("li", { className: `${b('listitem', {
-                    number: !Number.isNaN(Number(item)),
-                })}`, key: idx }, !Number.isNaN(Number(item)) ? (React__default.createElement("span", { className: b('number'), style: numberEaseStyle(idx) }, [...numbers, ...numbers].map((number, subidx) => {
-                return React__default.createElement("span", { key: subidx }, number);
-            }))) : (React__default.createElement("span", { className: b('separator') }, item))));
-        }))));
-};
-CountUp.defaultProps = defaultProps$1;
-CountUp.displayName = 'NutCountUp';
-
-const defaultProps = {};
-class AnimatingNumbers extends Component {
-    static defaultProps = defaultProps;
-    static displayName = 'NutAnimatingNumbers';
-    static CountUp = CountUp;
-    constructor(props) {
-        super(props);
-        this.state = {};
-    }
-    render() {
-        return React__default.createElement("div", { className: "nut-animatingnumbers" });
-    }
-}
-
-export { AnimatingNumbers as A };

package/dist/esm/audio.taro-f672a68c.js

@@ -1,162 +0,0 @@
-import React__default, { useState, useRef } from 'react';
-import { createInnerAudioContext } from '@tarojs/taro';
-import { Service } from '@nutui/icons-react-taro';
-import { R as Range } from './range.taro-7a2b6ca1.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-c8c54556.js';
-import { C as ComponentDefaults } from './typings-d8491423.js';
-
-const b = cn('audio');
-const warn = console.warn;
-const defaultProps = {
-    ...ComponentDefaults,
-    className: '',
-    url: '',
-    style: {},
-    autoplay: false,
-    loop: false,
-    type: 'progress',
-    onFastBack: (ctx) => { },
-    onForward: (ctx) => { },
-    onPause: (ctx) => { },
-    onPlay: (ctx) => { },
-    onPlayEnd: (ctx) => { },
-    onCanPlay: (ctx) => { },
-};
-const Audio = (props) => {
-    const { locale } = useConfig();
-    const { className, url, style, autoplay, loop, type, onFastBack, onForward, onPause, onPlay, onPlayEnd, onCanPlay, children, iconClassPrefix, iconFontClassName, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const [playing, setPlaying] = useState(false);
-    const [totalSeconds, setTotalSeconds] = useState(0);
-    const [percent, setPercent] = useState(0);
-    const [isCanPlay, setIsCanPlay] = useState(false);
-    const [currentDuration, setCurrentDuration] = useState('00:00:00');
-    const statusRef = useRef({
-        currentTime: 0,
-        currentDuration: '00:00:00',
-        percent: 0,
-    });
-    const audioRef = useRef(createInnerAudioContext());
-    const audioCtx = audioRef.current;
-    audioCtx.src = url;
-    audioCtx.autoplay = autoplay || false;
-    audioCtx.loop = loop || false;
-    audioCtx.onPause(() => {
-        props.onPause && props.onPause(audioCtx);
-    });
-    audioCtx.onEnded(() => {
-        if (props.loop) {
-            warn(locale.audio.tips || 'onPlayEnd事件在loop=false时才会触发');
-        }
-        else {
-            props.onPlayEnd && props.onPlayEnd(audioCtx);
-        }
-    });
-    audioCtx.onPlay(() => {
-        const { duration } = audioCtx;
-        setTotalSeconds(Math.floor(duration));
-        props.onPlay && props.onPlay(audioCtx);
-    });
-    audioCtx.onCanplay(() => {
-        const intervalID = setInterval(function () {
-            if (audioCtx.duration !== 0) {
-                setTotalSeconds(audioCtx.duration);
-                clearInterval(intervalID);
-            }
-        }, 500);
-        setIsCanPlay(true);
-        props.onCanPlay && props.onCanPlay(audioCtx);
-    });
-    audioCtx.onTimeUpdate(() => {
-        const time = parseInt(`${audioCtx.currentTime}`);
-        const formated = formatSeconds(`${time}`);
-        statusRef.current.currentDuration = formated;
-        setPercent((time / totalSeconds) * 100);
-        setCurrentDuration(formatSeconds(audioCtx.currentTime.toString()));
-    });
-    audioCtx.onError((res) => {
-        console.log('code', res.errCode);
-        console.log('message', res.errMsg);
-    });
-    function formatSeconds(value) {
-        if (!value) {
-            return '00:00:00';
-        }
-        const time = parseInt(value);
-        const hours = Math.floor(time / 3600);
-        const minutes = Math.floor((time - hours * 3600) / 60);
-        const secondss = time - hours * 3600 - minutes * 60;
-        let result = '';
-        result += `${`0${hours.toString()}`.slice(-2)}:`;
-        result += `${`0${minutes.toString()}`.slice(-2)}:`;
-        result += `0${secondss.toString()}`.slice(-2);
-        return result;
-    }
-    const handleBack = () => {
-        const currentTime = Math.floor(audioCtx.currentTime);
-        statusRef.current.currentTime = Math.max(currentTime - 1, 0);
-        setCurrentDuration(formatSeconds(statusRef.current.currentTime.toString()));
-        audioCtx.seek(statusRef.current.currentTime);
-        props.onFastBack && props.onFastBack(audioCtx);
-    };
-    const handleForward = () => {
-        const currentTime = Math.floor(audioCtx.currentTime);
-        statusRef.current.currentTime = Math.min(currentTime + 1, audioCtx.duration);
-        setCurrentDuration(formatSeconds(statusRef.current.currentTime.toString()));
-        audioCtx.seek(statusRef.current.currentTime);
-        props.onForward && props.onForward(audioCtx);
-    };
-    const handleStatusChange = () => {
-        setPlaying(!playing);
-        if (!playing) {
-            audioCtx.play();
-        }
-        else {
-            audioCtx.pause();
-        }
-    };
-    const renderIcon = () => {
-        return (React__default.createElement(React__default.Fragment, null,
-            React__default.createElement("div", { className: b('icon') },
-                React__default.createElement("div", { className: `${b('icon-box')} ${playing ? b('icon-play') : b('icon-stop')}`, onClick: handleStatusChange },
-                    React__default.createElement(Service, { className: playing ? 'nut-icon-loading' : '' })))));
-    };
-    const renderProgerss = () => {
-        return (React__default.createElement(React__default.Fragment, null,
-            React__default.createElement("div", { className: b('progress') },
-                React__default.createElement("div", { className: "time" }, currentDuration),
-                React__default.createElement("div", { className: b('progress-bar-wrapper') },
-                    React__default.createElement(Range, { modelValue: percent, hiddenTag: true, hiddenRange: true, "inactive-color": "#cccccc", "active-color": "#fa2c19" })),
-                React__default.createElement("div", { className: "time" }, formatSeconds(`${totalSeconds}`) || '00:00:00')),
-            React__default.createElement("div", { className: isCanPlay ? 'custom-button-group' : 'custom-button-group-disable' },
-                React__default.createElement(Button, { type: "primary", size: "small", className: "back", onClick: handleBack }, locale.audio.back || '快退'),
-                React__default.createElement(Button, { type: "primary", size: "small", className: "start", onClick: handleStatusChange }, playing
-                    ? `${locale.audio.pause || '暂停'}`
-                    : `${locale.audio.start || '开始'}`),
-                React__default.createElement(Button, { type: "primary", size: "small", onClick: handleForward }, locale.audio.forward || '快进'))));
-    };
-    const renderNone = () => {
-        return (React__default.createElement("div", { className: b('none-container'), onClick: handleStatusChange }, children));
-    };
-    const renderAudio = () => {
-        switch (type) {
-            case 'icon':
-                return renderIcon();
-            case 'progress':
-                return renderProgerss();
-            case 'none':
-                return renderNone();
-            default:
-                return null;
-        }
-    };
-    return (React__default.createElement("div", { className: `${b()} ${className}`, style: style, ...rest }, renderAudio()));
-};
-Audio.defaultProps = defaultProps;
-Audio.displayName = 'NutAudio';
-
-export { Audio as A };

package/dist/esm/avatar.taro-de157a1f.js

@@ -1,105 +0,0 @@
-import React__default, { 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 { C as ComponentDefaults } from './typings-d8491423.js';
-
-const defaultProps = {
-    ...ComponentDefaults,
-    size: '',
-    icon: '',
-    bgColor: '#eee',
-    color: '#666',
-    prefixCls: 'nut-avatar',
-    url: '',
-};
-const Avatar = (props) => {
-    const { children, prefixCls, size, shape, bgColor, color, url, icon, className, style, activeAvatar, onActiveAvatar, onError, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const [maxSum, setMaxSum] = useState(0); // avatarGroup里的avatar的个数
-    const [showMax, setShowMax] = useState(false); // 是否显示的最大头像个数
-    const [avatarIndex, setAvatarIndex] = useState(1); // avatar的索引
-    const avatarRef = useRef(null);
-    const parent = useContext(AvatarContext);
-    const b = cn('avatar');
-    const classes = classNames({
-        [`nut-avatar-${size || parent?.propAvatarGroup?.size || 'normal'}`]: true,
-        [`nut-avatar-${shape || parent?.propAvatarGroup?.shape || 'round'}`]: true,
-    });
-    const cls = classNames(b(''), classes, className);
-    const sizeValue = ['large', 'normal', 'small'];
-    const styles = {
-        width: sizeValue.indexOf(size) > -1 ? '' : `${size}px`,
-        height: sizeValue.indexOf(size) > -1 ? '' : `${size}px`,
-        backgroundColor: `${bgColor}`,
-        color: `${color}`,
-        marginLeft: avatarIndex !== 1 && parent?.propAvatarGroup?.span
-            ? `${parent?.propAvatarGroup?.span}px`
-            : '',
-        zIndex: parent?.propAvatarGroup?.zIndex === 'right'
-            ? `${Math.abs(maxSum - avatarIndex)}`
-            : '',
-        ...style,
-    };
-    const maxStyles = {
-        backgroundColor: `${parent?.propAvatarGroup?.maxBgColor}`,
-        color: `${parent?.propAvatarGroup?.maxColor}`,
-    };
-    useEffect(() => {
-        const avatarChildren = parent?.avatarGroupRef?.current.children;
-        if (avatarChildren) {
-            avatarLength(avatarChildren);
-        }
-    }, []);
-    const avatarLength = (children) => {
-        for (let i = 0; i < children.length; i++) {
-            if (children[i] &&
-                children[i].classList &&
-                (children[i].classList[0] === 'nut-avatar' ||
-                    children[i].classList.values().next().value === 'nut-avatar')) {
-                children[i].setAttribute('data-index', i + 1);
-            }
-        }
-        const index = avatarRef?.current?.dataset?.index;
-        const maxCount = parent?.propAvatarGroup?.maxCount;
-        setMaxSum(children.length);
-        setAvatarIndex(index);
-        if (index === children.length &&
-            index !== maxCount &&
-            children.length > maxCount) {
-            setShowMax(true);
-        }
-    };
-    const errorEvent = (e) => {
-        if (props.onError) {
-            props.onError(e);
-        }
-    };
-    const clickAvatar = (e) => {
-        activeAvatar && activeAvatar(e);
-        onActiveAvatar && onActiveAvatar(e);
-    };
-    return (React__default.createElement(React__default.Fragment, null, (showMax ||
-        !parent?.propAvatarGroup?.maxCount ||
-        avatarIndex <= parent?.propAvatarGroup?.maxCount) && (React__default.createElement("div", { className: cls, ...rest, style: !showMax ? styles : maxStyles, onClick: clickAvatar, ref: avatarRef },
-        (!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 })),
-            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
-            : `+ ${avatarIndex - parent?.propAvatarGroup?.maxCount}`))))));
-};
-Avatar.defaultProps = defaultProps;
-Avatar.displayName = 'NutAvatar';
-
-export { Avatar as A };

package/dist/esm/avatargroup-b476ac68.js

@@ -1,34 +0,0 @@
-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-9960f0fb.js';
-
-const defaultProps = {
-    maxContent: '',
-    maxCount: '',
-    maxBgColor: '#eee',
-    maxColor: '#666',
-    size: '',
-    shape: '',
-    span: '-8',
-    zIndex: 'left',
-};
-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 parentAvatar = {
-        propAvatarGroup,
-        avatarGroupRef,
-    };
-    return (React__default.createElement(AvatarContext.Provider, { value: parentAvatar },
-        React__default.createElement("div", { className: cls, style: style, ref: avatarGroupRef }, children)));
-};
-AvatarGroup.defaultProps = defaultProps;
-AvatarGroup.displayName = 'NutAvatarGroup';
-
-export { AvatarGroup as A };

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

@@ -1,52 +0,0 @@
-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-ae154f41.js

@@ -1,50 +0,0 @@
-import React__default from 'react';
-import classNames from 'classnames';
-import { c as cn } from './bem-350c1702.js';
-import { C as ComponentDefaults } from './typings-d8491423.js';
-
-const b = cn('badge');
-const defaultProps = {
-    ...ComponentDefaults,
-    className: '',
-    value: '',
-    dot: false,
-    max: 10000,
-    top: '0',
-    right: '0',
-    zIndex: '0',
-    color: '',
-    icon: null,
-};
-const Badge = (props) => {
-    const { className, style, children, dot, top, right, zIndex, color, icon } = {
-        ...defaultProps,
-        ...props,
-    };
-    function content() {
-        if (dot)
-            return undefined;
-        const { value } = props;
-        const { max } = props;
-        if (typeof value === 'number' && typeof max === 'number') {
-            return max < value ? `${max}+` : value;
-        }
-        return value;
-    }
-    const getStyle = () => {
-        const style = {};
-        style.top = `${Number(top) || parseFloat(top) || 0}px`;
-        style.right = `${Number(right) || parseFloat(right) || 0}px`;
-        style.zIndex = zIndex;
-        style.background = color;
-        return style;
-    };
-    return (React__default.createElement("div", { className: classNames(b(), className), style: style },
-        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())));
-};
-Badge.defaultProps = defaultProps;
-Badge.displayName = 'NutBadge';
-
-export { Badge as B };

package/dist/esm/barrage.taro-80df08d3.js

@@ -1,94 +0,0 @@
-import React__default, { useState, useRef, useImperativeHandle, useEffect } from 'react';
-import { createSelectorQuery } from '@tarojs/taro';
-import classNames from 'classnames';
-import { c as cn } from './bem-350c1702.js';
-
-const defaultProps = {
-    barrageList: [],
-    frequency: 500,
-    loop: true,
-    speeds: 3000,
-    rows: 3,
-    top: 10,
-};
-const InternalBarrage = (props, ref) => {
-    const { className, frequency, loop, barrageList, speeds, rows, top, ...restProps } = {
-        ...defaultProps,
-        ...props,
-    };
-    const [styleList, setStyleList] = useState([]);
-    const [baItemList, setBaItemList] = useState(barrageList);
-    const barrageListSet = useRef(barrageList);
-    const barrageBody = useRef(null);
-    const barrageContainer = useRef(null);
-    const timeId = useRef(new Date().getTime());
-    const timer = useRef(0);
-    useRef(0);
-    const b = cn('barrage');
-    const classes = classNames(className, b(''), {
-        [`nut-barrage__body${timeId.current}`]: true,
-    });
-    useImperativeHandle(ref, () => ({
-        add: (word) => {
-            barrageListSet.current = [...barrageListSet.current, word];
-            run();
-        },
-    }));
-    useEffect(() => {
-        barrageListSet.current = [...barrageList];
-        run();
-        return () => {
-            clearInterval(timer.current);
-        };
-    }, [barrageList]);
-    const run = () => {
-        setBaItemList(barrageListSet.current);
-        barrageListSet.current.forEach((item, index) => {
-            getNode(index);
-        });
-    };
-    const getNode = (index) => {
-        const query = createSelectorQuery();
-        setTimeout(() => {
-            let width = 100;
-            query
-                .select('.nut-barrage__body' + timeId.current)
-                .boundingClientRect((rec) => {
-                width = rec.width || 300;
-            });
-            query
-                .select('.nut-barrage__item' + index)
-                .boundingClientRect((recs) => {
-                let height = recs.height;
-                let nodeTop = (index % rows) * (height + top) + 20 + 'px';
-                styleInfo(index, nodeTop, width);
-            })
-                .exec();
-        }, 500);
-    };
-    const styleInfo = (index, nodeTop, width) => {
-        let timeIndex = index - rows > 0 ? index - rows : 0;
-        let list = styleList;
-        let time = list[timeIndex] ? Number(list[timeIndex]['--time']) : 0;
-        // // distance.value = '-' + (speeds / 1000) * 200 + '%';
-        let obj = {
-            top: nodeTop,
-            '--time': `${frequency * index + time}`,
-            animationDuration: `${speeds}ms`,
-            animationIterationCount: `${loop ? 'infinite' : 1}`,
-            animationDelay: `${frequency * index + time}ms`,
-            '--move-distance': `-${width}px`,
-        };
-        list.push(obj);
-        setStyleList([...list]);
-    };
-    return (React__default.createElement("div", { className: classes, ref: barrageBody, ...restProps },
-        React__default.createElement("div", { ref: barrageContainer, className: "bContainer" }, baItemList.map((item, index) => {
-            return (React__default.createElement("div", { className: `barrage-item nut-barrage__item${index} move`, style: styleList[index] }, item.length > 8 ? item.substr(0, 8) + '...' : item));
-        }))));
-};
-const Barrage = React__default.forwardRef(InternalBarrage);
-Barrage.defaultProps = defaultProps;
-Barrage.displayName = 'NutBarrage';
-
-export { Barrage as B };

package/dist/esm/bem-350c1702.js

@@ -1,5 +0,0 @@
-import { withNaming } from '@bem-react/classname';
-
-const cn = withNaming({ n: 'nut-', e: '__', m: '--', v: '-' });
-
-export { cn as c };

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

@@ -1,65 +0,0 @@
-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 };