@nutui/nutui-react-taro 2.0.0-alpha.4 → 2.0.0-alpha.6

package/dist/esm/timeselect.taro-804199f9.js

@@ -1,133 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { P as Popup } from './popup.taro-89cc342a.js';
-import { T as TimePannel } from './timepannel.taro-d6f4cf80.js';
-import { T as TimeDetail } from './timedetail.taro-cae362b9.js';
-import { c as cn } from './bem-350c1702.js';
-import { u as useConfig } from './configprovider.taro-43a3c646.js';
-
-const defaultProps = {
-    className: '',
-    style: {},
-    visible: false,
-    height: '20%',
-    multiple: false,
-    currentKey: 0,
-    currentTime: [],
-    title: '取件时间',
-    dates: [],
-    times: [],
-};
-const TimeSelect = (props) => {
-    useConfig();
-    const { visible, className, height, title, currentKey, currentTime, dates, times, multiple, select, pannelChange, timeChange, onSelect, onPannelChange, onTimeChange, } = {
-        ...defaultProps,
-        ...props,
-    };
-    const [activeKey, setActiveKey] = useState(currentKey);
-    const [activeTime, setActiveTime] = useState(currentTime.length
-        ? currentTime
-        : [
-            {
-                key: currentKey,
-                list: [],
-            },
-        ]);
-    const [popVisible, setPopVisible] = useState(visible);
-    const popStyle = {
-        width: '100%',
-        height,
-    };
-    const b = cn('timeselect');
-    // popup 的关闭回调, 执行 select 函数更改外部 visible
-    const closeFun = () => {
-        if (onSelect) {
-            onSelect(activeTime);
-        }
-        else if (select) {
-            select(activeTime);
-        }
-    };
-    // 选择配送时间回调
-    const handleSelectTime = (time) => {
-        let curTimeData = {};
-        let curIndex = -1;
-        for (let i = 0; i < activeTime.length; i++) {
-            if (String(activeTime[i].key) === String(activeKey)) {
-                curTimeData = activeTime[i];
-                curIndex = i;
-                break;
-            }
-        }
-        const curTimeIndex = curTimeData.list.findIndex((item) => String(item) === String(time));
-        if (curTimeIndex === -1) {
-            curTimeData.list.push(time);
-        }
-        else {
-            curTimeData.list.splice(curTimeIndex, 1);
-        }
-        const resultTimeData = [...activeTime];
-        resultTimeData.splice(curIndex, 1, curTimeData);
-        setActiveTime(resultTimeData);
-        if (onTimeChange) {
-            onTimeChange(time, resultTimeData);
-        }
-        else if (timeChange) {
-            timeChange(time, resultTimeData);
-        }
-    };
-    // 选择日期的回调
-    const handleChange = (pannelKey) => {
-        const resultTimeData = [...activeTime];
-        if (String(pannelKey) !== String(activeKey)) {
-            setActiveKey?.(pannelKey);
-            if (multiple) {
-                const curTimeDataIndex = activeTime.findIndex((item) => String(item.key) === String(pannelKey));
-                if (curTimeDataIndex === -1) {
-                    resultTimeData.push({
-                        key: pannelKey,
-                        list: [],
-                    });
-                    setActiveTime(resultTimeData);
-                }
-            }
-            else {
-                setActiveTime([
-                    {
-                        key: pannelKey,
-                        list: [],
-                    },
-                ]);
-            }
-        }
-        if (onPannelChange) {
-            onPannelChange(pannelKey, resultTimeData);
-        }
-        else if (pannelChange) {
-            pannelChange(pannelKey, resultTimeData);
-        }
-    };
-    // 选中的日期增加 active 类名
-    const getTimePannelClass = (dataItem) => {
-        if (String(dataItem['paneKey']) === String(activeKey)) {
-            return 'nut-timepannel-active';
-        }
-        return '';
-    };
-    // 根据外部传入 visible 进行组件的显隐展示
-    useEffect(() => {
-        setPopVisible(visible);
-    }, [visible]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Popup, { closeable: true, round: true, visible: popVisible, position: "bottom", style: popStyle, onClose: () => {
-                closeFun();
-            } },
-            React.createElement("div", { className: `${b()} ${className || ''}` },
-                React.createElement("div", { className: "nut-timeselect__title" }, title),
-                React.createElement("div", { className: "nut-timeselect__content" },
-                    React.createElement("div", { className: "nut-timeselect__content-left" }, dates.map((dataItem, index) => (React.createElement(TimePannel, { date: dataItem.date, className: getTimePannelClass(dataItem), key: String(dataItem['paneKey'] || index), curKey: String(dataItem['paneKey'] || index), change: handleChange })))),
-                    React.createElement(TimeDetail, { times: times, currentKey: String(activeKey), currentTime: activeTime, select: handleSelectTime }))))));
-};
-TimeSelect.defaultProps = defaultProps;
-TimeSelect.displayName = 'NutTimeSelect';
-
-export { TimeSelect as T };

package/dist/esm/toast.taro-c509a870.js

@@ -1,108 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import classNames from 'classnames';
-import { Success, Failure, Tips, Loading } from '@nutui/icons-react-taro';
-import { c as cn } from './bem-350c1702.js';
-
-const defaultProps = {
-    id: '',
-    style: {},
-    icon: null,
-    iconSize: '20',
-    msg: '',
-    bottom: '30px',
-    duration: 2,
-    center: true,
-    type: 'text',
-    title: '',
-    customClass: '',
-    size: 'base',
-    textAlignCenter: true,
-    bgColor: 'rgba(0, 0, 0, .8)',
-    cover: false,
-    coverColor: 'rgba(0, 0, 0, 0)',
-    closeOnClickOverlay: false,
-    visible: false,
-    onClose: () => { }, // 未实现
-};
-// export default class Notification extends React.PureComponent<NotificationProps> {
-const Toast = (props) => {
-    const { children, id, style, icon, iconSize, msg, bottom, duration, center, type, title, customClass, size, textAlignCenter, bgColor, cover, coverColor, closeOnClickOverlay, visible, onClose, ...rest } = { ...defaultProps, ...props };
-    let timer;
-    const [openState, SetOpenState] = useState(false);
-    useEffect(() => {
-        if (visible) {
-            SetOpenState(true);
-            show();
-        }
-        else {
-            hide();
-        }
-    }, [visible]);
-    const clearTimer = () => {
-        if (timer) {
-            clearTimeout(timer);
-            timer = null;
-        }
-    };
-    const hide = () => {
-        SetOpenState(false);
-        onClose();
-    };
-    const show = () => {
-        clearTimer();
-        if (duration) {
-            timer = window.setTimeout(() => {
-                hide();
-            }, duration * 1000);
-        }
-    };
-    const clickCover = () => {
-        if (closeOnClickOverlay) {
-            hide();
-        }
-    };
-    const toastBem = cn('toast');
-    const hasIcon = () => {
-        if (type !== 'text') {
-            return true;
-        }
-        return !!icon;
-    };
-    const iconName = () => {
-        if (icon) {
-            return icon;
-        }
-        return {
-            success: React.createElement(Success, { color: "#ffffff", width: iconSize, height: iconSize }),
-            fail: React.createElement(Failure, { color: "#ffffff", width: iconSize, height: iconSize }),
-            warn: React.createElement(Tips, { color: "#ffffff", width: iconSize, height: iconSize }),
-            loading: React.createElement(Loading, { color: "#ffffff", width: iconSize, height: iconSize }),
-        }[type];
-    };
-    const classes = classNames({
-        'nut-toast-center': center,
-        'nut-toast-has-icon': icon,
-        'nut-toast-cover': cover,
-        'nut-toast-loading': type === 'loading',
-        [`${customClass}`]: true,
-        [`nut-toast-${size}`]: true,
-    });
-    return (React.createElement(React.Fragment, null, openState ? (React.createElement("div", { className: `${toastBem()} ${classes}`, id: id, style: {
-            bottom: center ? 'auto' : `${bottom}`,
-            backgroundColor: cover ? coverColor : '',
-            ...style,
-        }, onClick: () => {
-            clickCover();
-        } },
-        React.createElement("div", { className: toastBem('inner'), style: {
-                textAlign: textAlignCenter ? 'center' : 'left',
-                backgroundColor: bgColor,
-            } },
-            hasIcon() ? (React.createElement("p", { className: toastBem('icon-wrapper') }, iconName())) : null,
-            title ? React.createElement("div", { className: "nut-toast-title" }, title) : null,
-            React.createElement("span", { className: toastBem('text') }, msg)))) : null));
-};
-Toast.defaultProps = defaultProps;
-Toast.displayName = 'NutToast';
-
-export { Toast as T };

package/dist/esm/trendarrow.taro-dd83ec94.js

@@ -1,70 +0,0 @@
-import React, { useRef } from 'react';
-import { TriangleUp, TriangleDown } from '@nutui/icons-react-taro';
-import { c as cn } from './bem-350c1702.js';
-
-const defaultProps = {
-    rate: 0,
-    digits: 2,
-    showSign: false,
-    showZero: false,
-    arrowLeft: false,
-    syncTextColor: true,
-    textColor: '#333',
-    riseColor: '#fa2c19',
-    dropColor: '#64b578',
-    upIcon: null,
-    downIcon: null,
-    className: '',
-};
-const TrendArrow = (props) => {
-    const { rate, digits, showSign, showZero, arrowLeft, syncTextColor, textColor, riseColor, dropColor, upIcon, downIcon, className, children, ...rest } = { ...defaultProps, ...props };
-    const b = cn('trendarrow');
-    const handleClick = () => { };
-    const rateTrend = useRef(rate > 0);
-    const myFixed = (num, digit = 2) => {
-        if (Object.is(parseFloat(num), NaN)) {
-            return console.log(`传入的值：${num}不是一个数字`);
-        }
-        num = parseFloat(num);
-        // eslint-disable-next-line no-restricted-properties
-        const numPow = Math.pow(10, digit);
-        return (Math.round((num + Number.EPSILON) * numPow) / numPow).toFixed(digit);
-    };
-    const calcStyle = (() => {
-        const arrowColor = rateTrend.current ? riseColor : dropColor;
-        const textEquArrowColor = syncTextColor ? arrowColor : textColor;
-        const style = {
-            color: rate === 0 ? textColor : textEquArrowColor,
-        };
-        return style;
-    })();
-    const calcRate = (() => {
-        rateTrend.current = rate > 0;
-        const absRate = Math.abs(rate);
-        if (!showZero && rate === 0) {
-            return '--';
-        }
-        const resultRate = `${
-        // eslint-disable-next-line no-nested-ternary
-        showSign && rate !== 0 ? (rateTrend.current ? '+' : '-') : ''}${myFixed(Number(absRate), digits)}%`;
-        return resultRate;
-    })();
-    const calcIconProps = (() => {
-        const iconProps = {
-            color: rateTrend.current ? riseColor : dropColor,
-        };
-        return iconProps;
-    })();
-    const renderContent = (arrowLeft) => {
-        const classNameSuffix = !arrowLeft ? 'icon-after' : 'icon-before';
-        return (React.createElement("span", { className: `${b(classNameSuffix)} ${b('rate')}`, style: calcStyle }, calcRate));
-    };
-    return (React.createElement("div", { className: `${b()} ${className}`, ...rest, onClick: handleClick },
-        !arrowLeft && renderContent(!arrowLeft),
-        children || (React.createElement(React.Fragment, null, Number(rate) !== 0 && (React.createElement(React.Fragment, null, rateTrend ? (React.createElement(TriangleUp, { color: calcIconProps.color })) : (React.createElement(TriangleDown, { color: calcIconProps.color })))))),
-        arrowLeft && renderContent(!arrowLeft)));
-};
-TrendArrow.defaultProps = defaultProps;
-TrendArrow.displayName = 'NutTrendArrow';
-
-export { TrendArrow as T };

package/dist/esm/typings-d8491423.js

@@ -1,6 +0,0 @@
-const ComponentDefaults = {
-    className: '',
-    style: {},
-};
-
-export { ComponentDefaults as C };