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

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

@@ -1,162 +0,0 @@
-import React, { useState, useRef } from 'react';
-import { createInnerAudioContext } from '@tarojs/taro';
-import { Service } from '@nutui/icons-react-taro';
-import { R as Range } from './range.taro-8953e8c3.js';
-import { B as Button } from './button.taro-b50bc217.js';
-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 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.createElement(React.Fragment, null,
-            React.createElement("div", { className: b('icon') },
-                React.createElement("div", { className: `${b('icon-box')} ${playing ? b('icon-play') : b('icon-stop')}`, onClick: handleStatusChange },
-                    React.createElement(Service, { className: playing ? 'nut-icon-loading' : '' })))));
-    };
-    const renderProgerss = () => {
-        return (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: b('progress') },
-                React.createElement("div", { className: "time" }, currentDuration),
-                React.createElement("div", { className: b('progress-bar-wrapper') },
-                    React.createElement(Range, { modelValue: percent, hiddenTag: true, hiddenRange: true, "inactive-color": "#cccccc", "active-color": "#fa2c19" })),
-                React.createElement("div", { className: "time" }, formatSeconds(`${totalSeconds}`) || '00:00:00')),
-            React.createElement("div", { className: isCanPlay ? 'custom-button-group' : 'custom-button-group-disable' },
-                React.createElement(Button, { type: "primary", size: "small", className: "back", onClick: handleBack }, locale.audio.back || '快退'),
-                React.createElement(Button, { type: "primary", size: "small", className: "start", onClick: handleStatusChange }, playing
-                    ? `${locale.audio.pause || '暂停'}`
-                    : `${locale.audio.start || '开始'}`),
-                React.createElement(Button, { type: "primary", size: "small", onClick: handleForward }, locale.audio.forward || '快进'))));
-    };
-    const renderNone = () => {
-        return (React.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.createElement("div", { className: `${b()} ${className}`, style: style, ...rest }, renderAudio()));
-};
-Audio.defaultProps = defaultProps;
-Audio.displayName = 'NutAudio';
-
-export { Audio as A };

package/dist/esm/avatar.taro-6e8f1f5c.js

@@ -1,107 +0,0 @@
-import React, { useState, useRef, useContext, useEffect } from 'react';
-import classNames from 'classnames';
-import { I as Image } from './image.taro-3025e659.js';
-import { A as AvatarContext } from './context-c96afdcc.js';
-import { My } from '@nutui/icons-react-taro';
-import { C as ComponentDefaults } from './typings-d8491423.js';
-
-const defaultProps = {
-    ...ComponentDefaults,
-    size: '',
-    shape: 'round',
-    icon: '',
-    fit: 'cover',
-    background: '#eee',
-    color: '#666',
-    src: '',
-    alt: '',
-};
-const classPrefix = `nut-avatar`;
-const Avatar = (props) => {
-    const { children, size, shape, background, color, src, icon, fit, alt, className, style, onClick, 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 sizeValue = ['large', 'normal', 'small'];
-    const classes = classNames({
-        [`nut-avatar-${parent?.propAvatarGroup?.size || size || 'normal'}`]: true,
-        [`nut-avatar-${parent?.propAvatarGroup?.shape || shape}`]: true,
-    });
-    const cls = classNames(classPrefix, classes, className);
-    const styles = {
-        width: sizeValue.indexOf(size) > -1 ? '' : `${size}px`,
-        height: sizeValue.indexOf(size) > -1 ? '' : `${size}px`,
-        backgroundColor: `${background}`,
-        color: `${color}`,
-        marginLeft: avatarIndex !== 1 && parent?.propAvatarGroup?.gap
-            ? `${parent?.propAvatarGroup?.gap}px`
-            : '',
-        zIndex: parent?.propAvatarGroup?.level === 'right'
-            ? `${Math.abs(maxSum - avatarIndex)}`
-            : '',
-        ...style,
-    };
-    const maxStyles = {
-        backgroundColor: `${parent?.propAvatarGroup?.maxBackground}`,
-        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?.max;
-        setMaxSum(children.length);
-        setAvatarIndex(index);
-        if (index === children.length &&
-            index !== maxCount &&
-            children.length > maxCount) {
-            setShowMax(true);
-        }
-    };
-    const errorEvent = () => {
-        if (props.onError) {
-            props.onError();
-        }
-    };
-    const clickAvatar = (e) => {
-        onClick && onClick(e);
-    };
-    return (React.createElement(React.Fragment, null, (showMax ||
-        !parent?.propAvatarGroup?.max ||
-        avatarIndex <= parent?.propAvatarGroup?.max) && (React.createElement("div", { className: cls, ...rest, style: !showMax ? styles : maxStyles, onClick: clickAvatar, ref: avatarRef },
-        (!parent?.propAvatarGroup?.max ||
-            avatarIndex <= parent?.propAvatarGroup?.max) && (React.createElement(React.Fragment, null,
-            src && (React.createElement(Image, { className: "avatar-img", src: src, style: { objectFit: fit }, alt: alt, onError: errorEvent })),
-            React.isValidElement(icon)
-                ? React.cloneElement(icon, {
-                    ...icon.props,
-                    className: `${icon.props.className || ''} icon`,
-                })
-                : null,
-            children && React.createElement("span", { className: "text" }, children),
-            !src && !icon && !children && React.createElement(My, { className: "icon" }))),
-        showMax && (React.createElement("div", { className: "text" }, parent?.propAvatarGroup?.maxContent
-            ? parent?.propAvatarGroup?.maxContent
-            : `+ ${avatarIndex - parent?.propAvatarGroup?.max}`))))));
-};
-Avatar.defaultProps = defaultProps;
-Avatar.displayName = 'NutAvatar';
-
-export { Avatar as A };

package/dist/esm/avatargroup-f4375806.js

@@ -1,31 +0,0 @@
-import React, { useRef } from 'react';
-import classNames from 'classnames';
-import { A as AvatarContext } from './context-c96afdcc.js';
-import { C as ComponentDefaults } from './typings-d8491423.js';
-
-const defaultProps = {
-    ...ComponentDefaults,
-    maxContent: '',
-    max: '',
-    maxBackground: '#eee',
-    maxColor: '#666',
-    gap: '-8',
-    level: 'left',
-};
-const classPrefix = `nut-avatar-group`;
-const AvatarGroup = (props) => {
-    const propAvatarGroup = { ...defaultProps, ...props };
-    const { className, style, children } = propAvatarGroup;
-    const avatarGroupRef = useRef(null);
-    const cls = classNames(classPrefix, className);
-    const parentAvatar = {
-        propAvatarGroup,
-        avatarGroupRef,
-    };
-    return (React.createElement(AvatarContext.Provider, { value: parentAvatar },
-        React.createElement("div", { className: cls, style: style, ref: avatarGroupRef }, children)));
-};
-AvatarGroup.defaultProps = defaultProps;
-AvatarGroup.displayName = 'NutAvatarGroup';
-
-export { AvatarGroup as A };

package/dist/esm/backtop.taro-8ec80d02.js

@@ -1,52 +0,0 @@
-import React, { 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.createElement("div", { className: classNames(classPrefix, className, {
-            show: backTop,
-        }), style: styles, onClick: (e) => {
-            goTop(e);
-        } }, children || React.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-e2169fbe.js

@@ -1,45 +0,0 @@
-import React from 'react';
-import classNames from 'classnames';
-import { C as ComponentDefaults } from './typings-d8491423.js';
-
-const defaultProps = {
-    ...ComponentDefaults,
-    value: '',
-    dot: false,
-    max: 99,
-    top: '0',
-    right: '5',
-    color: '',
-};
-const Badge = (props) => {
-    const { className, style, value, max, children, dot, top, right, color } = {
-        ...defaultProps,
-        ...props,
-    };
-    const classPrefix = 'nut-badge';
-    const classes = classNames(classPrefix, className);
-    const contentClasses = classNames({ [`${classPrefix}__dot`]: dot }, `${classPrefix}__content`, `${classPrefix}__sup`);
-    function content() {
-        if (dot || typeof value === 'object')
-            return null;
-        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.background = color;
-        return style;
-    };
-    return (React.createElement("div", { className: classes, style: style },
-        typeof value === 'object' && value && (React.createElement("div", { className: `${classPrefix}__icon` }, value)),
-        React.createElement("div", null, children),
-        React.createElement("div", { className: contentClasses, style: getStyle() }, content())));
-};
-Badge.defaultProps = defaultProps;
-Badge.displayName = 'NutBadge';
-
-export { Badge as B };

package/dist/esm/barrage.taro-aa08da6c.js

@@ -1,94 +0,0 @@
-import React, { 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.createElement("div", { className: classes, ref: barrageBody, ...restProps },
-        React.createElement("div", { ref: barrageContainer, className: "bContainer" }, baItemList.map((item, index) => {
-            return (React.createElement("div", { className: `barrage-item nut-barrage__item${index} move`, style: styleList[index] }, item.length > 8 ? item.substr(0, 8) + '...' : item));
-        }))));
-};
-const Barrage = React.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-b50bc217.js

@@ -1,65 +0,0 @@
-import React, { 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.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.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.createElement("div", { className: "nut-button__warp" },
-            loading && React.createElement(Loading, { className: "nut-icon-loading" }),
-            !loading && icon ? icon : null,
-            children && (React.createElement("div", { className: icon || loading ? 'nut-button-text' : '' }, children)))));
-});
-Button.displayName = 'NutButton';
-
-export { Button as B };

package/dist/esm/calendar.taro-2fc9b899.js

@@ -1,65 +0,0 @@
-import React, { useRef } from 'react';
-import { P as Popup } from './popup.taro-89cc342a.js';
-import { U as Utils, C as CalendarItem } from './calendaritem.taro-2d4a8c34.js';
-import { u as useConfig } from './configprovider.taro-ce34d482.js';
-
-const defaultProps = {
-    type: 'one',
-    isAutoBackFill: false,
-    poppable: true,
-    visible: false,
-    title: '',
-    defaultValue: '',
-    startDate: Utils.getDay(0),
-    endDate: Utils.getDay(365),
-    showToday: true,
-    startText: '',
-    endText: '',
-    confirmText: '',
-    showTitle: true,
-    showSubTitle: true,
-    toDateAnimation: true,
-    onBtn: undefined,
-    onDay: undefined,
-    onTopInfo: undefined,
-    onBottomInfo: undefined,
-    onClose: () => { },
-    onChoose: (param) => { },
-    onSelected: (data) => { },
-    onYearMonthChange: (param) => { },
-};
-const Calendar = React.forwardRef((props, ref) => {
-    const { locale } = useConfig();
-    const { children, poppable, visible, type, isAutoBackFill, title, defaultValue, startDate, endDate, showToday, startText, endText, confirmText, showTitle, showSubTitle, toDateAnimation, onBtn, onDay, onTopInfo, onBottomInfo, onClose, onChoose, onSelected, onYearMonthChange, } = { ...defaultProps, ...props };
-    const calendarRef = useRef(null);
-    const close = () => {
-        onClose && onClose();
-    };
-    const choose = (param) => {
-        close();
-        onChoose && onChoose(param);
-    };
-    const closePopup = () => {
-        close();
-    };
-    const select = (param) => {
-        onSelected && onSelected(param);
-    };
-    const scrollToDate = (date) => {
-        calendarRef.current?.scrollToDate(date);
-    };
-    const yearMonthChange = (param) => {
-        onYearMonthChange && onYearMonthChange(param);
-    };
-    React.useImperativeHandle(ref, () => ({
-        scrollToDate,
-    }));
-    const renderItem = () => {
-        return (React.createElement(CalendarItem, { ref: calendarRef, type: type, isAutoBackFill: isAutoBackFill, poppable: poppable, title: title || locale.calendaritem.title, defaultValue: defaultValue, startDate: startDate, endDate: endDate, showToday: showToday, startText: startText || locale.calendaritem.start, endText: endText || locale.calendaritem.end, confirmText: confirmText || locale.calendaritem.confirm, showTitle: showTitle, showSubTitle: showSubTitle, toDateAnimation: toDateAnimation, onBtn: onBtn, onDay: onDay, onTopInfo: onTopInfo, onBottomInfo: onBottomInfo, onChoose: choose, onSelected: select, onYearMonthChange: yearMonthChange }));
-    };
-    return (React.createElement(React.Fragment, null, poppable ? (React.createElement(Popup, { visible: visible, position: "bottom", round: true, duration: 0.5, closeable: true, destroyOnClose: true, onClickOverlay: closePopup, onClickCloseIcon: closePopup, style: { height: '85vh' } }, renderItem())) : (renderItem())));
-});
-Calendar.defaultProps = defaultProps;
-Calendar.displayName = 'NutCalendar';
-
-export { Calendar as C };