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

package/dist/esm/tabbar.taro-48413fb8.js

@@ -1,51 +0,0 @@
-import React from 'react';
-import classNames from 'classnames';
-import { C as ComponentDefaults } from './typings-d8491423.js';
-import { u as usePropsValue } from './use-props-value-ae7ee726.js';
-import { T as TabbarItem } from './tabbaritem.taro-5afa3562.js';
-
-const defaultProps = {
-    ...ComponentDefaults,
-    defaultValue: 0,
-    fixed: false,
-    inactiveColor: '',
-    activeColor: '',
-    safeArea: false,
-    onSwitch: (value) => { },
-};
-const Tabbar = (props) => {
-    const { children, defaultValue, value, fixed, activeColor, inactiveColor, safeArea, className, style, onSwitch, } = {
-        ...defaultProps,
-        ...props,
-    };
-    const classPrefix = 'nut-tabbar';
-    const [selectIndex, setSelectIndex] = usePropsValue({
-        value,
-        defaultValue,
-        finalValue: 0,
-        onChange: onSwitch,
-    });
-    return (React.createElement("div", { className: classNames(classPrefix, className, {
-            [`${classPrefix}__fixed`]: fixed,
-        }), style: style },
-        React.createElement("div", { className: `${classPrefix}__wrap` }, React.Children.map(children, (child, idx) => {
-            if (!React.isValidElement(child)) {
-                return null;
-            }
-            const childProps = {
-                ...child.props,
-                active: idx === selectIndex,
-                index: idx,
-                inactiveColor,
-                activeColor,
-                handleClick: setSelectIndex,
-            };
-            return React.cloneElement(child, childProps);
-        })),
-        (fixed || safeArea) && React.createElement("div", { className: `${classPrefix}__safe-area` })));
-};
-Tabbar.defaultProps = defaultProps;
-Tabbar.displayName = 'NutTabbar';
-Tabbar.Item = TabbarItem;
-
-export { Tabbar as T };

package/dist/esm/tabbaritem.taro-5afa3562.js

@@ -1,37 +0,0 @@
-import React from 'react';
-import classNames from 'classnames';
-import { C as ComponentDefaults } from './typings-d8491423.js';
-import { B as Badge } from './badge.taro-e2169fbe.js';
-
-const defaultProps = {
-    ...ComponentDefaults,
-    title: '',
-    icon: null,
-    active: false,
-    index: 0,
-    handleClick: (idx) => { },
-};
-const TabbarItem = (props) => {
-    const { className, style, title, icon, active, activeColor, inactiveColor, index, handleClick, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const classPrefix = 'nut-tabbar-item';
-    const tabbarItemClass = classNames(className, classPrefix, {
-        [`${classPrefix}-active`]: active,
-    });
-    const boxPrefix = `${classPrefix}__icon-box`;
-    const titleClass = classNames(boxPrefix, `${boxPrefix}-nav`, {
-        [`${boxPrefix}-large`]: !icon,
-    });
-    return (React.createElement("div", { className: tabbarItemClass, style: {
-            color: active ? activeColor : inactiveColor,
-            ...style,
-        }, onClick: () => handleClick(index) }, icon ? (React.createElement(React.Fragment, null,
-        React.createElement(Badge, { ...rest },
-            React.createElement("div", { className: boxPrefix }, icon)),
-        React.createElement("div", { className: titleClass }, title))) : (React.createElement(Badge, { ...rest },
-        React.createElement("div", { className: titleClass }, title)))));
-};
-
-export { TabbarItem as T };

package/dist/esm/table.taro-327b4248.js

@@ -1,95 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import classNames from 'classnames';
-import { DownArrow } from '@nutui/icons-react-taro';
-import { c as cn } from './bem-350c1702.js';
-import { u as useConfig } from './configprovider.taro-ce34d482.js';
-import { C as ComponentDefaults } from './typings-d8491423.js';
-
-const defaultProps = {
-    ...ComponentDefaults,
-    className: '',
-    style: {},
-    columns: [],
-    data: [],
-    bordered: true,
-    striped: false,
-    noData: '无数据',
-    sorterIcon: null,
-    showHeader: true,
-};
-const Table = (props) => {
-    const { locale } = useConfig();
-    defaultProps.noData = locale.noData;
-    const { children, className, style, columns, data, bordered, summary, striped, noData, sorterIcon, onSorter, showHeader, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const [curData, setCurData] = useState(data);
-    useEffect(() => {
-        if (data && String(data) !== String(curData)) {
-            setCurData(data);
-        }
-    }, [data]);
-    const b = cn('table');
-    const classes = classNames({});
-    const cls = classNames(b(), classes, className);
-    const handleSorterClick = (item) => {
-        if (item.sorter) {
-            onSorter && onSorter(item, curData);
-            if (typeof item.sorter === 'function') {
-                setCurData(curData.sort(item.sorter));
-            }
-            else {
-                setCurData(item.sorter === 'default' ? curData.sort() : curData);
-            }
-        }
-    };
-    const cellClasses = (item) => {
-        return {
-            'nut-table__main__head__tr--border': props.bordered,
-            [`nut-table__main__head__tr--align${item.align ? item.align : ''}`]: true,
-        };
-    };
-    const getColumnItem = (value) => {
-        return columns.filter((item) => item.key === value)[0];
-    };
-    const renderHeadCells = () => {
-        return columns.map((item, index) => {
-            return (React.createElement("span", { className: classNames('nut-table__main__head__tr__th', cellClasses(item)), key: item.key, onClick: () => handleSorterClick(item) },
-                item.title,
-                "\u00A0",
-                item.sorter && (sorterIcon || React.createElement(DownArrow, { size: "12px" }))));
-        });
-    };
-    const sortDataItem = () => {
-        return columns.map((columns) => {
-            return [columns.key, columns.render];
-        });
-    };
-    const renderBodyTds = (item) => {
-        return sortDataItem().map(([value, render], index) => {
-            return (React.createElement("span", { className: classNames('nut-table__main__body__tr__td', cellClasses(getColumnItem(value))), key: value }, typeof item[value] === 'function' || typeof render === 'function' ? (React.createElement("div", null, render ? render(item) : item[value](item))) : (item[value])));
-        });
-    };
-    const renderBoyTrs = () => {
-        return curData.map((item, index) => {
-            return (React.createElement("div", { className: "nut-table__main__body__tr", key: index }, renderBodyTds(item)));
-        });
-    };
-    return (React.createElement("div", { className: cls, style: style, ...rest },
-        React.createElement("div", { className: classNames('nut-table__main', {
-                'nut-table__main--striped': striped,
-            }) },
-            showHeader && (React.createElement("div", { className: "nut-table__main__head" },
-                React.createElement("div", { className: "nut-table__main__head__tr" }, renderHeadCells()))),
-            React.createElement("div", { className: "nut-table__main__body" }, renderBoyTrs())),
-        summary && (React.createElement("div", { className: "nut-table__summary" },
-            React.createElement("span", { className: "nut-table__summary__text" }, summary))),
-        curData.length === 0 && (React.createElement("div", { className: "nut-table__nodata" },
-            React.createElement("div", { className: "nut-table__nodata" },
-                React.createElement("div", { className: "nut-table__nodata__text" }, noData))))));
-};
-Table.defaultProps = defaultProps;
-Table.displayName = 'NutTable';
-
-export { Table as T };

package/dist/esm/tabpane.taro-406cc0d3.js

@@ -1,21 +0,0 @@
-import React from 'react';
-import classNames from 'classnames';
-
-const defaultProps = {
-    title: '',
-    value: '',
-    disabled: false,
-};
-const TabPane = (props) => {
-    const { children, autoHeightClassName, className, disabled } = {
-        ...defaultProps,
-        ...props,
-    };
-    const classPrefix = 'nut-tabpane';
-    const classes = classNames({
-        active: !disabled && props.active,
-    }, classPrefix, autoHeightClassName, className);
-    return children ? (React.createElement("div", { className: classes }, !disabled && children)) : null;
-};
-
-export { TabPane as T };

package/dist/esm/tabs.taro-d47ccfc5.js

@@ -1,120 +0,0 @@
-import React, { useState, useRef, useEffect } from 'react';
-import { View, ScrollView } from '@tarojs/components';
-import classNames from 'classnames';
-import { JoySmile } from '@nutui/icons-react-taro';
-import { C as ComponentDefaults } from './typings-d8491423.js';
-import { T as TabPane } from './tabpane.taro-406cc0d3.js';
-import { u as usePropsValue } from './use-props-value-ae7ee726.js';
-
-const defaultProps = {
-    ...ComponentDefaults,
-    tabStyle: {},
-    activeColor: '',
-    direction: 'horizontal',
-    activeType: 'line',
-    duration: 300,
-    autoHeight: false,
-};
-const classPrefix = 'nut-tabs';
-const Tabs = (props) => {
-    const { activeColor, tabStyle, direction, activeType, duration, align, title, children, onClick, onChange, className, autoHeight, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const [value, setValue] = usePropsValue({
-        value: props.value,
-        defaultValue: props.defaultValue,
-        finalValue: 0,
-        onChange,
-    });
-    const [contentStyle, setContentStyle] = useState({});
-    const titleItemsRef = useRef([]);
-    const navRef = useRef(null);
-    const getTitles = () => {
-        const titles = [];
-        React.Children.forEach(children, (child, idx) => {
-            if (React.isValidElement(child)) {
-                const props = child?.props;
-                if (props?.title || props?.value) {
-                    titles.push({
-                        title: props.title,
-                        value: props.value || idx,
-                        disabled: props.disabled,
-                    });
-                }
-            }
-        });
-        return titles;
-    };
-    const titles = useRef(getTitles());
-    const classes = classNames(classPrefix, `${classPrefix}--${direction}`, className);
-    const classesTitle = classNames(`${classPrefix}__titles`, {
-        [`${classPrefix}__titles--${activeType}`]: activeType,
-        [`${classPrefix}__titles--scrollable`]: true,
-        [`${classPrefix}__titles--${align}`]: align,
-    });
-    const tabsActiveStyle = {
-        color: activeType === 'smile' ? activeColor : '',
-        background: activeType === 'line' ? activeColor : '',
-    };
-    const scrollIntoRef = useRef(0);
-    useEffect(() => {
-        const index = titles.current.findIndex((t) => t.value === value);
-        setContentStyle({
-            transform: direction === 'horizontal'
-                ? `translate3d(-${index * 100}%, 0, 0)`
-                : `translate3d( 0,-${index * 100}%, 0)`,
-            transitionDuration: `${duration}ms`,
-        });
-        const scrollToIndex = index - 2;
-        scrollIntoRef.current = scrollToIndex < 0 ? 0 : scrollToIndex;
-    }, [value]);
-    const tabChange = (item, index) => {
-        onClick && onClick(item.value);
-        if (item.disabled) {
-            return;
-        }
-        setValue(item.value);
-    };
-    return (React.createElement(View, { className: classes, ...rest },
-        React.createElement(ScrollView, { enableFlex: true, scrollX: direction === 'horizontal', scrollY: direction === 'vertical', showScrollbar: false, scrollIntoViewAlignment: "center", scrollWithAnimation: true, scrollIntoView: `scrollIntoView${scrollIntoRef.current}`, className: classesTitle, style: { ...tabStyle }, ref: navRef }, !!title && typeof title === 'function'
-            ? title()
-            : titles.current.map((item, index) => {
-                return (React.createElement(View, { ref: (ref) => titleItemsRef.current.push(ref), id: `scrollIntoView${index}`, onClick: (e) => {
-                        tabChange(item);
-                    }, className: classNames(`${classPrefix}__titles-item`, {
-                        [`nut-tabs__titles-item--active`]: !item.disabled && String(item.value) === String(value),
-                        [`nut-tabs__titles-item--disabled`]: item.disabled,
-                        [`nut-tabs__titles-item--${align}`]: align,
-                    }), key: item.value },
-                    activeType === 'line' && (React.createElement(View, { className: `${classPrefix}__titles-item__line`, style: tabsActiveStyle })),
-                    activeType === 'smile' && (React.createElement(View, { className: `${classPrefix}__titles-item__smile`, style: tabsActiveStyle },
-                        React.createElement(JoySmile, { color: activeColor, width: 40, height: 20 }))),
-                    React.createElement(View, { className: classNames({
-                            ellipsis: true,
-                        }, `${classPrefix}__titles-item__text`) }, item.title)));
-            })),
-        React.createElement(View, { className: `${classPrefix}__content__wrap` },
-            React.createElement(View, { className: `${classPrefix}__content`, style: contentStyle }, React.Children.map(children, (child, idx) => {
-                if (!React.isValidElement(child)) {
-                    return null;
-                }
-                let childProps = {
-                    ...child.props,
-                    active: value === child.props.value,
-                };
-                if (String(value) !== String(child.props.value || idx) &&
-                    autoHeight) {
-                    childProps = {
-                        ...childProps,
-                        autoHeightClassName: 'inactive',
-                    };
-                }
-                return React.cloneElement(child, childProps);
-            })))));
-};
-Tabs.defaultProps = defaultProps;
-Tabs.displayName = 'NutTabs';
-Tabs.TabPane = TabPane;
-
-export { Tabs as T };

package/dist/esm/tag.taro-846ee805.js

@@ -1,92 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Close } from '@nutui/icons-react-taro';
-import classNames from 'classnames';
-import { C as ComponentDefaults } from './typings-d8491423.js';
-
-const defaultProps = {
-    ...ComponentDefaults,
-    type: 'default',
-    color: '',
-    textColor: '',
-    plain: false,
-    round: false,
-    mark: false,
-    closeable: false,
-    closeIcon: null,
-    prefixCls: 'nut-tag',
-    onClose: (e) => { },
-    onClick: (e) => { },
-};
-const Tag = (props) => {
-    const { className, style, color, plain, type, round, prefixCls, children, mark, closeable, closeIcon, textColor, onClick, onClose, } = {
-        ...defaultProps,
-        ...props,
-    };
-    const [btnName, setBtnName] = useState('');
-    const [isTagShow, setIsTagShow] = useState(true);
-    useEffect(() => {
-        setBtnName(classes());
-    }, [
-        type,
-        color,
-        textColor,
-        plain,
-        round,
-        mark,
-        closeable,
-        prefixCls,
-        onClick,
-        onClose,
-        className,
-    ]);
-    const classes = () => {
-        const prefixCls = 'nut-tag';
-        return classNames({
-            [prefixCls]: true,
-            [`${prefixCls}--${type}`]: type,
-            [`${prefixCls}--plain`]: plain,
-            [`${prefixCls}--round`]: round,
-            [`${prefixCls}--mark`]: mark,
-            [`${prefixCls}--close`]: closeable,
-            [`${className}`]: className,
-        });
-    };
-    const handleClick = (e) => {
-        if (props.onClick) {
-            props.onClick(e);
-        }
-    };
-    // 综合考虑 textColor、color、plain 组合使用时的效果
-    const getStyle = () => {
-        const style = {};
-        // 标签内字体颜色
-        if (textColor) {
-            style.color = textColor;
-        }
-        else if (color && plain) {
-            style.color = color;
-        }
-        // 标签背景与边框颜色
-        if (plain) {
-            style.background = '#fff';
-            style.borderColor = color;
-        }
-        else if (color) {
-            style.background = color;
-        }
-        return style;
-    };
-    return (React.createElement(React.Fragment, null, closeable ? (isTagShow && (React.createElement("div", { className: btnName, style: { ...style, ...getStyle() }, onClick: (e) => handleClick(e) },
-        children && React.createElement("span", { className: "nut-tag-text" }, children),
-        React.isValidElement(closeIcon) ? (React.createElement("i", { className: "nut-tag-custom-icon", onClick: (e) => {
-                setIsTagShow(false);
-                props.onClose && props.onClose(e);
-            } }, closeIcon)) : (React.createElement(Close, { size: 12, onClick: (e) => {
-                setIsTagShow(false);
-                props.onClose && props.onClose(e);
-            } }))))) : (React.createElement("div", { className: btnName, style: { ...style, ...getStyle() }, onClick: (e) => handleClick(e) }, children && React.createElement("span", { className: "nut-tag-text" }, children)))));
-};
-Tag.defaultProps = defaultProps;
-Tag.displayName = 'NutTag';
-
-export { Tag as T };

package/dist/esm/textarea.taro-add72cf3.js

@@ -1,94 +0,0 @@
-import React, { useState, useRef, useEffect } from 'react';
-import { u as useConfig } from './configprovider.taro-ce34d482.js';
-import { c as cn } from './bem-350c1702.js';
-
-const defaultProps = {
-    defaultValue: '',
-    textAlign: 'left',
-    limitshow: false,
-    maxlength: '',
-    rows: '',
-    placeholder: '',
-    readonly: false,
-    disabled: false,
-    autosize: false,
-};
-const TextArea = (props) => {
-    const { locale } = useConfig();
-    const { className, defaultValue, textAlign, limitshow, maxlength, rows, placeholder, readonly, disabled, autosize, style, onChange, onBlur, onFocus, } = { ...defaultProps, ...props };
-    const textareaBem = cn('textarea');
-    const [inputValue, SetInputValue] = useState('');
-    const compositingRef = useRef(false);
-    const [, updateState] = React.useState({});
-    const forceUpdate = React.useCallback(() => updateState({}), []);
-    useEffect(() => {
-        let initValue = defaultValue;
-        if (initValue && maxlength && [...initValue].length > Number(maxlength)) {
-            initValue = initValue.substring(0, Number(maxlength));
-        }
-        SetInputValue(initValue);
-    }, [defaultValue]);
-    const textChange = (event) => {
-        if (disabled)
-            return;
-        if (readonly)
-            return;
-        const text = event.detail ? event.detail : event.target;
-        if (maxlength &&
-            [...text.value].length > Number(maxlength) &&
-            !compositingRef.current) {
-            text.value = text.value.substring(0, Number(maxlength));
-        }
-        if (text.value === inputValue) {
-            forceUpdate();
-        }
-        else {
-            SetInputValue(text.value);
-        }
-        onChange && onChange(text.value, event);
-    };
-    const textFocus = (event) => {
-        if (disabled)
-            return;
-        if (readonly)
-            return;
-        onFocus && onFocus(event);
-    };
-    const textBlur = (event) => {
-        if (disabled)
-            return;
-        if (readonly)
-            return;
-        const text = event.detail ? event.detail : event.target;
-        onChange && onChange(text.value, event);
-        onBlur && onBlur(event);
-    };
-    const startComposing = () => {
-        compositingRef.current = true;
-    };
-    const endComposing = () => {
-        compositingRef.current = false;
-    };
-    return (React.createElement("div", { className: `${textareaBem()} ${disabled ? textareaBem('disabled') : ''} ${className || ''}` },
-        React.createElement("textarea", { className: textareaBem('textarea'), style: {
-                textAlign,
-                resize: `${autosize ? 'vertical' : 'none'}`,
-                ...style,
-            }, readOnly: disabled || readonly, value: inputValue, onInput: (e) => {
-                textChange(e);
-            }, onChange: (e) => {
-                textChange(e);
-            }, onBlur: (e) => {
-                textBlur(e);
-            }, onFocus: (e) => {
-                textFocus(e);
-            }, onCompositionEnd: (e) => endComposing(), onCompositionStart: (e) => startComposing(), rows: rows, maxLength: maxlength < 0 ? 0 : maxlength, placeholder: placeholder || locale.placeholder }),
-        limitshow ? (React.createElement("div", { className: textareaBem('limit') },
-            [...inputValue].length,
-            "/",
-            maxlength < 0 ? 0 : maxlength)) : null));
-};
-TextArea.defaultProps = defaultProps;
-TextArea.displayName = 'NutTextArea';
-
-export { TextArea as T };

package/dist/esm/timedetail.taro-82a2900b.js

@@ -1,44 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { c as cn } from './bem-350c1702.js';
-import { u as useConfig } from './configprovider.taro-ce34d482.js';
-
-const defaultProps = {
-    className: '',
-    currentKey: 0,
-    currentTime: [],
-    times: [],
-    select: () => null,
-};
-const TimeDetail = (props) => {
-    useConfig();
-    const { children, times, className, currentKey, currentTime, select } = {
-        ...defaultProps,
-        ...props,
-    };
-    const b = cn('timedetail');
-    const [renderData, setRenderData] = useState([]);
-    useEffect(() => {
-        const currentData = times.find((timesItem) => String(timesItem.key) === String(currentKey));
-        const renderData = currentData ? currentData.list : [];
-        // 根据选中的日期回显当前日期可配送的时间
-        setRenderData(renderData);
-    }, [times, currentKey]);
-    // 选中时间的回调
-    const handleTime = (time) => {
-        select(time);
-    };
-    // 选中的配送时间增加 active 类名
-    const getDetailClass = (item) => {
-        let initClass = 'nut-timedetail__item';
-        const curTimeData = currentTime.find((item) => String(item.key) === String(currentKey));
-        if (curTimeData && curTimeData.list && curTimeData.list.includes(item)) {
-            initClass += ' nut-timedetail__item-active';
-        }
-        return initClass;
-    };
-    return (React.createElement("div", { className: `${b()} ${className || ''}` }, renderData.map((item, index) => (React.createElement("span", { className: getDetailClass(item), key: item, onClick: () => handleTime(item) }, item)))));
-};
-TimeDetail.defaultProps = defaultProps;
-TimeDetail.displayName = 'NutTimeDetail';
-
-export { TimeDetail as T };

package/dist/esm/timepannel.taro-0573bb65.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import { c as cn } from './bem-350c1702.js';
-import { u as useConfig } from './configprovider.taro-ce34d482.js';
-
-const defaultProps = {
-    className: '',
-    date: '',
-    curKey: 0,
-};
-const TimePannel = (props) => {
-    useConfig();
-    const { children, className, date, curKey, change } = {
-        ...defaultProps,
-        ...props,
-    };
-    const b = cn('timepannel');
-    return (React.createElement("div", { className: `${b()} ${className || ''}`, onClick: () => change(curKey) }, date));
-};
-TimePannel.defaultProps = defaultProps;
-TimePannel.displayName = 'NutTimePannel';
-
-export { TimePannel as T };