@nutui/nutui-react-taro 1.5.2-beta.0 → 1.5.2-beta.1

package/dist/esm/switch.taro-34ca8228.js

@@ -0,0 +1,50 @@
+import React__default, { useState, useEffect } from 'react';
+import { c as cn } from './bem-350c1702.js';
+
+const defaultProps = {
+    isAsync: false,
+    checked: false,
+    disable: false,
+    activeColor: '',
+    inactiveColor: '',
+    activeText: '',
+    inactiveText: '',
+    className: '',
+};
+const Switch = (props) => {
+    const { isAsync, checked, disable, activeColor, inactiveColor, activeText, inactiveText, onChange, className, style, } = {
+        ...defaultProps,
+        ...props,
+    };
+    const [value, setValue] = useState(false);
+    const b = cn('switch');
+    useEffect(() => {
+        setValue(checked);
+    }, [checked]);
+    const classes = () => {
+        return `${b()} ${value ? 'switch-open' : 'switch-close'} ${disable ? `${b()}-disable` : ''} ${`${b()}-base`} ${className}`;
+    };
+    const styles = () => {
+        const myStyle = {
+            backgroundColor: value ? activeColor : inactiveColor,
+            ...(style || {}),
+        };
+        return myStyle;
+    };
+    const onClick = (event) => {
+        if (disable)
+            return;
+        if (!isAsync) {
+            setValue(!value);
+        }
+        onChange && onChange(!value, event);
+    };
+    return (React__default.createElement("div", { className: classes(), onClick: (e) => onClick(e), style: styles() },
+        React__default.createElement("div", { className: "switch-button" },
+            !value && React__default.createElement("div", { className: "close-line" }),
+            activeText && (React__default.createElement(React__default.Fragment, null, value ? (React__default.createElement("div", { className: `${b('label')} open` }, activeText)) : (React__default.createElement("div", { className: `${b('label')} close` }, inactiveText)))))));
+};
+Switch.defaultProps = defaultProps;
+Switch.displayName = 'NutSwitch';
+
+export { Switch as S };

package/dist/esm/tabbar.taro-9acfc2fa.js

@@ -0,0 +1,59 @@
+import React__default, { useState, useEffect } from 'react';
+import { c as cn } from './bem-350c1702.js';
+
+const defaultProps = {
+    visible: 0,
+    bottom: false,
+    size: 20,
+    unactiveColor: '',
+    activeColor: '',
+    safeAreaInsetBottom: false,
+    className: '',
+    style: {},
+    onSwitch: (child, activeVisible) => { },
+};
+const Tabbar = (props) => {
+    const { children, visible, activeVisible, bottom, size, activeColor, unactiveColor, safeAreaInsetBottom, className, style, onSwitch, } = {
+        ...defaultProps,
+        ...props,
+    };
+    const b = cn('tabbar');
+    const [selectIndex, setSelectIndex] = useState(activeVisible || visible);
+    const handleClick = (idx) => {
+        if (!('activeVisible' in props)) {
+            setSelectIndex(idx);
+        }
+    };
+    useEffect(() => {
+        if (activeVisible !== undefined) {
+            setSelectIndex(activeVisible);
+        }
+    }, [activeVisible]);
+    return (React__default.createElement("div", { className: [
+            `${b()}`,
+            bottom ? `${b('bottom')}` : '',
+            safeAreaInsetBottom ? `${b('bottom')} ${b('safebottom')}` : '',
+            className,
+        ].join(' '), style: style }, React__default.Children.map(children, (child, idx) => {
+        if (!React__default.isValidElement(child)) {
+            return null;
+        }
+        const childProps = {
+            ...child.props,
+            active: idx === selectIndex,
+            index: idx,
+            unactiveColor,
+            activeColor,
+            size,
+            handleClick: () => {
+                handleClick(idx);
+                onSwitch(child, idx);
+            },
+        };
+        return React__default.cloneElement(child, childProps);
+    })));
+};
+Tabbar.defaultProps = defaultProps;
+Tabbar.displayName = 'NutTabbar';
+
+export { Tabbar as T };

package/dist/esm/tabbaritem.taro-bf517487.js

@@ -0,0 +1,58 @@
+import React__default, { useEffect } from 'react';
+import Taro from '@tarojs/taro';
+import { c as cn } from './bem-350c1702.js';
+import { I as Icon } from './icon.taro-296a1bec.js';
+import { C as ComponentDefaults } from './typings-b9828dba.js';
+
+const defaultProps = {
+    ...ComponentDefaults,
+    dot: false,
+    size: '',
+    iconSize: '',
+    className: '',
+    tabTitle: '',
+    icon: '',
+    href: '',
+    to: '',
+    num: '',
+    active: false,
+    activeColor: '',
+    unactiveColor: '',
+    index: 0,
+    handleClick: (idx) => { },
+};
+const TabbarItem = (props) => {
+    const { dot, size, iconSize, className, style, tabTitle, icon, href, to, num, active, activeColor, unactiveColor, index, handleClick, iconClassPrefix, iconFontClassName, } = {
+        ...defaultProps,
+        ...props,
+    };
+    const b = cn('tabbar-item');
+    const bIcon = cn('tabbar-item__icon-box');
+    useEffect(() => {
+        if (active && href) {
+            window.location.href = href;
+            return;
+        }
+        if (active && to) {
+            Taro.navigateTo({
+                url: to,
+            });
+        }
+    }, [active, href, to]);
+    return (React__default.createElement("div", { className: `${b({ active })} ${className}`, style: {
+            ...style,
+            color: active ? activeColor : unactiveColor,
+        }, onClick: () => {
+            handleClick(index);
+        } },
+        React__default.createElement("div", { className: `${bIcon()}` },
+            !dot ? (React__default.createElement(React__default.Fragment, null,
+                num && num <= 99 && (React__default.createElement("div", { className: `${bIcon('tips', [bIcon('num')])}` }, num)),
+                num && num >= 100 && (React__default.createElement("div", { className: `${bIcon('tips', [bIcon('nums')])}` }, "99+")))) : (React__default.createElement("div", { className: `${bIcon('tips', [bIcon('dot')])}` })),
+            icon && (React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, size: iconSize || size, name: icon }))),
+        tabTitle && (React__default.createElement("div", { className: bIcon({ 'nav-word': true }, [
+                bIcon({ 'big-word': !icon }),
+            ]) }, tabTitle))));
+};
+
+export { TabbarItem as T };

package/dist/esm/table.taro-91fc0c01.js

@@ -0,0 +1,93 @@
+import React__default, { useState, useEffect } from 'react';
+import classNames from 'classnames';
+import { c as cn } from './bem-350c1702.js';
+import { I as Icon } from './icon.taro-296a1bec.js';
+import { u as useConfig } from './configprovider.taro-8d71eb49.js';
+import { C as ComponentDefaults } from './typings-b9828dba.js';
+
+const defaultProps = {
+    ...ComponentDefaults,
+    className: '',
+    style: {},
+    columns: [],
+    data: [],
+    bordered: true,
+    striped: false,
+    noData: '无数据',
+    showHeader: true,
+};
+const Table = (props) => {
+    const { locale } = useConfig();
+    defaultProps.noData = locale.noData;
+    const { children, className, style, columns, data, bordered, summary, striped, noData, onSorter, iconClassPrefix, iconFontClassName, 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__default.createElement("span", { className: classNames('nut-table__main__head__tr__th', cellClasses(item)), key: item.key, onClick: () => handleSorterClick(item) },
+                item.title,
+                item.sorter && (React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, name: "down-arrow", size: "12px" }))));
+        });
+    };
+    const sortDataItem = () => {
+        return columns.map((columns) => {
+            return [columns.key, columns.render];
+        });
+    };
+    const renderBodyTds = (item) => {
+        return sortDataItem().map(([value, render], index) => {
+            return (React__default.createElement("span", { className: classNames('nut-table__main__body__tr__td', cellClasses(getColumnItem(value))), key: value }, typeof item[value] === 'function' || typeof render === 'function' ? (React__default.createElement("div", null, render ? render(item) : item[value](item))) : (item[value])));
+        });
+    };
+    const renderBoyTrs = () => {
+        return curData.map((item, index) => {
+            return (React__default.createElement("div", { className: "nut-table__main__body__tr", key: index }, renderBodyTds(item)));
+        });
+    };
+    return (React__default.createElement("div", { className: cls, style: style, ...rest },
+        React__default.createElement("div", { className: classNames('nut-table__main', {
+                'nut-table__main--striped': striped,
+            }) },
+            showHeader && (React__default.createElement("div", { className: "nut-table__main__head" },
+                React__default.createElement("div", { className: "nut-table__main__head__tr" }, renderHeadCells()))),
+            React__default.createElement("div", { className: "nut-table__main__body" }, renderBoyTrs())),
+        summary && (React__default.createElement("div", { className: "nut-table__summary" },
+            React__default.createElement("span", { className: "nut-table__summary__text" }, summary))),
+        curData.length === 0 && (React__default.createElement("div", { className: "nut-table__nodata" },
+            React__default.createElement("div", { className: "nut-table__nodata" },
+                React__default.createElement("div", { className: "nut-table__nodata__text" }, noData))))));
+};
+Table.defaultProps = defaultProps;
+Table.displayName = 'NutTable';
+
+export { Table as T };

package/dist/esm/tabpane.taro-4ca340ef.js

@@ -0,0 +1,23 @@
+import React__default from 'react';
+import classNames from 'classnames';
+import { c as cn } from './bem-350c1702.js';
+
+const defaultProps = {
+    title: '',
+    paneKey: '',
+    activeKey: '',
+    disabled: false,
+};
+const TabPane = (props) => {
+    const { children, paneKey, activeKey, autoHeightClassName, className, disabled, } = {
+        ...defaultProps,
+        ...props,
+    };
+    const b = cn('tabpane');
+    const classes = classNames({
+        active: !disabled && paneKey === activeKey,
+    }, b(''), autoHeightClassName, className);
+    return React__default.createElement("div", { className: classes }, !disabled && children);
+};
+
+export { TabPane as T };

package/dist/esm/tabs.taro-6a7524a4.js

@@ -0,0 +1,140 @@
+import React__default, { useState, useRef, useEffect } from 'react';
+import classNames from 'classnames';
+import { c as cn } from './bem-350c1702.js';
+import { I as Icon } from './icon.taro-296a1bec.js';
+import { C as ComponentDefaults } from './typings-b9828dba.js';
+import { T as TabPane } from './tabpane.taro-4ca340ef.js';
+
+class Title {
+    title = '';
+    paneKey = '';
+    disabled = false;
+    index = 0;
+    // eslint-disable-next-line no-useless-constructor
+    constructor() { }
+}
+const defaultProps = {
+    ...ComponentDefaults,
+    tabStyle: {},
+    value: 0,
+    color: '',
+    background: '',
+    direction: 'horizontal',
+    type: 'line',
+    titleScroll: false,
+    ellipsis: true,
+    animatedTime: 300,
+    titleGutter: 0,
+    size: 'normal',
+    leftAlign: false,
+    autoHeight: false,
+};
+const pxCheck = (value) => {
+    return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
+};
+const Tabs = (props) => {
+    const { value, color, tabStyle, background, direction, type, titleScroll, ellipsis, animatedTime, titleGutter, size, leftAlign, titleNode, children, onClick, onChange, className, autoHeight, iconClassPrefix, iconFontClassName, ...rest } = {
+        ...defaultProps,
+        ...props,
+    };
+    const [currentItem, setCurrentItem] = useState({ index: 0 });
+    const titles = useRef([]);
+    useEffect(() => {
+        let currentIndex = 0;
+        titles.current = [];
+        // eslint-disable-next-line consistent-return
+        React__default.Children.forEach(children, (child, idx) => {
+            if (!React__default.isValidElement(child)) {
+                return null;
+            }
+            const title = new Title();
+            const childProps = child?.props;
+            if (childProps?.title || childProps?.paneKey) {
+                title.title = childProps?.title;
+                title.paneKey = getPaneKey(childProps?.paneKey, idx);
+                title.disabled = childProps?.disabled;
+                title.index = idx;
+                if (title.paneKey === value) {
+                    currentIndex = idx;
+                }
+            }
+            titles.current.push(title);
+        });
+        setCurrentItem(titles.current[currentIndex]);
+    }, [children]);
+    const b = cn('tabs');
+    const classes = classNames(direction, b(''), className);
+    const classesTitle = classNames({
+        [type]: type,
+        scrollable: titleScroll,
+        [size]: size,
+    }, `${b('')}__titles`);
+    const titleStyle = {
+        marginLeft: pxCheck(titleGutter),
+        marginRight: pxCheck(titleGutter),
+    };
+    const tabsActiveStyle = {
+        color: type === 'smile' ? color : '',
+        background: type === 'line' ? color : '',
+    };
+    const index = titles.current.findIndex((t) => t.paneKey === value);
+    const contentStyle = {
+        transform: direction === 'horizontal'
+            ? `translate3d(-${index * 100}%, 0, 0)`
+            : `translate3d( 0,-${index * 100}%, 0)`,
+        transitionDuration: `${animatedTime}ms`,
+    };
+    const getPaneKey = (paneKey, index) => {
+        return typeof paneKey === 'string' ? paneKey : String(paneKey || index);
+    };
+    const tabChange = (item, index) => {
+        onClick && onClick(item);
+        if (item.disabled) {
+            return;
+        }
+        setCurrentItem(item);
+        onChange && onChange(item);
+    };
+    return (React__default.createElement("div", { className: classes, ...rest },
+        React__default.createElement("div", { className: classesTitle, style: { ...tabStyle, background } }, !!titleNode && typeof titleNode === 'function'
+            ? titleNode()
+            : titles.current.map((item, index) => {
+                return (React__default.createElement("div", { style: titleStyle, onClick: (e) => tabChange(item), className: classNames({
+                        active: !item.disabled &&
+                            String(item.paneKey) === String(value),
+                        disabled: item.disabled,
+                        'nut-tabs__titles-item-left-align': leftAlign,
+                    }, `${b('')}__titles-item`), key: item.paneKey },
+                    type === 'line' && (React__default.createElement("div", { className: `${b('')}__titles-item__line`, style: tabsActiveStyle })),
+                    type === 'smile' && (React__default.createElement("div", { className: `${b('')}__titles-item__smile`, style: tabsActiveStyle },
+                        React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, color: color, name: "joy-smile" }))),
+                    React__default.createElement("div", { className: classNames({
+                            ellipsis: ellipsis &&
+                                !titleScroll &&
+                                direction === 'horizontal',
+                        }, `${b('')}__titles-item__text`) }, item.title)));
+            })),
+        React__default.createElement("div", { className: `${b('')}__content__wrap` },
+            React__default.createElement("div", { className: `${b('')}__content`, style: contentStyle }, React__default.Children.map(children, (child, idx) => {
+                if (!React__default.isValidElement(child)) {
+                    return null;
+                }
+                let childProps = {
+                    ...child.props,
+                    activeKey: value,
+                };
+                if (String(value) !== getPaneKey(child.props?.paneKey, idx) &&
+                    autoHeight) {
+                    childProps = {
+                        ...childProps,
+                        autoHeightClassName: 'inactive',
+                    };
+                }
+                return React__default.cloneElement(child, childProps);
+            })))));
+};
+Tabs.defaultProps = defaultProps;
+Tabs.displayName = 'NutTabs';
+Tabs.TabPane = TabPane;
+
+export { Tabs as T };

package/dist/esm/tag.taro-23ba0834.js

@@ -0,0 +1,92 @@
+import React__default, { useState, useEffect } from 'react';
+import classNames from 'classnames';
+import { I as Icon } from './icon.taro-296a1bec.js';
+import { C as ComponentDefaults } from './typings-b9828dba.js';
+
+const defaultProps = {
+    ...ComponentDefaults,
+    type: 'default',
+    color: '',
+    textColor: '',
+    plain: false,
+    round: false,
+    mark: false,
+    closeable: false,
+    iconSize: '12px',
+    prefixCls: 'nut-tag',
+    onClose: (e) => { },
+    onClick: (e) => { },
+};
+const Tag = (props) => {
+    const { className, style, color, plain, type, round, prefixCls, children, mark, closeable, iconSize, textColor, onClick, onClose, iconClassPrefix, iconFontClassName, } = {
+        ...defaultProps,
+        ...props,
+    };
+    const [btnName, setBtnName] = useState('');
+    const [isTagShow, setIsTagShow] = useState(true);
+    useEffect(() => {
+        setBtnName(classes());
+    }, [
+        type,
+        color,
+        textColor,
+        plain,
+        round,
+        mark,
+        closeable,
+        iconSize,
+        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__default.createElement(React__default.Fragment, null, closeable ? (isTagShow && (React__default.createElement("div", { className: btnName, style: { ...style, ...getStyle() }, onClick: (e) => handleClick(e) },
+        children && React__default.createElement("span", { className: "nut-tag-text" }, children),
+        React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, className: "_icon", name: "close", size: iconSize, onClick: (e) => {
+                setIsTagShow(false);
+                if (props.onClose) {
+                    props.onClose(e);
+                }
+            } })))) : (React__default.createElement("div", { className: btnName, style: { ...style, ...getStyle() }, onClick: (e) => handleClick(e) }, children && React__default.createElement("span", { className: "nut-tag-text" }, children)))));
+};
+Tag.defaultProps = defaultProps;
+Tag.displayName = 'NutTag';
+
+export { Tag as T };

package/dist/esm/textarea.taro-442e7350.js

@@ -0,0 +1,94 @@
+import React__default, { useState, useRef, useEffect } from 'react';
+import { u as useConfig } from './configprovider.taro-8d71eb49.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__default.useState({});
+    const forceUpdate = React__default.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__default.createElement("div", { className: `${textareaBem()} ${disabled ? textareaBem('disabled') : ''} ${className || ''}` },
+        React__default.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__default.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-5b2f2269.js

@@ -0,0 +1,44 @@
+import React__default, { useState, useEffect } from 'react';
+import { c as cn } from './bem-350c1702.js';
+import { u as useConfig } from './configprovider.taro-8d71eb49.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__default.createElement("div", { className: `${b()} ${className || ''}` }, renderData.map((item, index) => (React__default.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-d6e40180.js

@@ -0,0 +1,22 @@
+import React__default from 'react';
+import { c as cn } from './bem-350c1702.js';
+import { u as useConfig } from './configprovider.taro-8d71eb49.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__default.createElement("div", { className: `${b()} ${className || ''}`, onClick: () => change(curKey) }, date));
+};
+TimePannel.defaultProps = defaultProps;
+TimePannel.displayName = 'NutTimePannel';
+
+export { TimePannel as T };