@nutui/nutui-react 2.7.0 → 3.0.0-beta.0

package/dist/es/packages/calendaritem/calendaritem.js

@@ -0,0 +1,637 @@
+import { _ as _define_property } from "@swc/helpers/_/_define_property";
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
+import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
+import React, { useState, useEffect, useRef } from "react";
+import classNames from "classnames";
+import { ComponentDefaults } from "../../utils/typings";
+import { Utils, getCurrMonthData, getDaysStatus, getPreMonthDates } from "../../utils/date";
+import requestAniFrame from "../../utils/raf";
+import { useConfig } from "../configprovider";
+import { usePropsValue } from "../../utils/use-props-value";
+import { splitDate, isMultiple, isCurrDay, getCurrDate, isStart, isEnd, isStartAndEnd } from "../calendar/utils";
+var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
+    type: 'single',
+    autoBackfill: false,
+    popup: true,
+    title: '',
+    startDate: Utils.getDay(0),
+    endDate: Utils.getDay(365),
+    showToday: true,
+    startText: '',
+    endText: '',
+    confirmText: '',
+    showTitle: true,
+    showSubTitle: true,
+    scrollAnimation: true,
+    firstDayOfWeek: 0,
+    disableDate: function(date) {
+        return false;
+    },
+    renderHeaderButtons: undefined,
+    renderDay: undefined,
+    renderDayTop: undefined,
+    renderDayBottom: undefined,
+    onConfirm: function(data) {},
+    onUpdate: function() {},
+    onDayClick: function(data) {},
+    onPageChange: function(data) {}
+});
+export var CalendarItem = /*#__PURE__*/ React.forwardRef(function(props, ref) {
+    var locale = useConfig().locale;
+    var _$_object_spread = _object_spread({}, defaultProps, props), style = _$_object_spread.style, className = _$_object_spread.className, children = _$_object_spread.children, popup = _$_object_spread.popup, type = _$_object_spread.type, autoBackfill = _$_object_spread.autoBackfill, title = _$_object_spread.title, defaultValue = _$_object_spread.defaultValue, startDate = _$_object_spread.startDate, endDate = _$_object_spread.endDate, showToday = _$_object_spread.showToday, startText = _$_object_spread.startText, endText = _$_object_spread.endText, confirmText = _$_object_spread.confirmText, showTitle = _$_object_spread.showTitle, showSubTitle = _$_object_spread.showSubTitle, scrollAnimation = _$_object_spread.scrollAnimation, firstDayOfWeek = _$_object_spread.firstDayOfWeek, disableDate = _$_object_spread.disableDate, renderHeaderButtons = _$_object_spread.renderHeaderButtons, renderBottomButton = _$_object_spread.renderBottomButton, renderDay = _$_object_spread.renderDay, renderDayTop = _$_object_spread.renderDayTop, renderDayBottom = _$_object_spread.renderDayBottom, value = _$_object_spread.value, onConfirm = _$_object_spread.onConfirm, onUpdate = _$_object_spread.onUpdate, onDayClick = _$_object_spread.onDayClick, onPageChange = _$_object_spread.onPageChange;
+    var weekdays = locale.calendaritem.weekdays;
+    var weeks = _to_consumable_array(weekdays.slice(firstDayOfWeek, 7)).concat(_to_consumable_array(weekdays.slice(0, firstDayOfWeek)));
+    var monthTitle = locale.calendaritem.monthTitle;
+    var _useState = _sliced_to_array(useState(''), 2), yearMonthTitle = _useState[0], setYearMonthTitle = _useState[1];
+    var _useState1 = _sliced_to_array(useState([]), 2), monthsData = _useState1[0], setMonthsData = _useState1[1];
+    var _useState2 = _sliced_to_array(useState(0), 2), monthsNum = _useState2[0], setMonthsNum = _useState2[1];
+    var _useState3 = _sliced_to_array(useState(0), 2), translateY = _useState3[0], setTranslateY = _useState3[1];
+    var _useState4 = _sliced_to_array(useState([]), 2), monthDefaultRange = _useState4[0], setMonthDefaultRange = _useState4[1];
+    // 初始化开始结束数据
+    var propStartDate = startDate || Utils.getDay(0);
+    var propEndDate = endDate || Utils.getDay(365);
+    var startDates = splitDate(propStartDate);
+    var endDates = splitDate(propEndDate);
+    var _useState5 = _sliced_to_array(useState({
+        currDateArray: []
+    }), 1), state = _useState5[0];
+    var getMonthsPanel = function() {
+        return monthsPanel.current;
+    };
+    var getMonthsRef = function() {
+        return monthsRef.current;
+    };
+    var resetDefaultValue = function() {
+        if (defaultValue || Array.isArray(defaultValue) && defaultValue.length > 0) {
+            return type !== 'single' ? _to_consumable_array(defaultValue) : defaultValue;
+        }
+        return undefined;
+    };
+    var _usePropsValue = _sliced_to_array(usePropsValue({
+        value: value,
+        defaultValue: resetDefaultValue(),
+        finalValue: [],
+        onChange: function(val) {}
+    }), 2), currentDate = _usePropsValue[0], setCurrentDate = _usePropsValue[1];
+    var weeksPanel = useRef(null);
+    var monthsRef = useRef(null);
+    var monthsPanel = useRef(null);
+    var viewAreaRef = useRef(null);
+    var _useState6 = _sliced_to_array(useState(0), 2), avgHeight = _useState6[0], setAvgHeight = _useState6[1];
+    var viewHeight = 0;
+    var classPrefix = 'nut-calendar';
+    var dayPrefix = 'nut-calendar-day';
+    // 获取月数据
+    var getMonthData = function(curData, monthNum, type) {
+        var i = 0;
+        var date = curData;
+        var monthData = monthsData;
+        do {
+            var y = parseInt(date[0], 10);
+            var m = parseInt(date[1], 10);
+            var days = _to_consumable_array(getPreMonthDates('prev', y, m, firstDayOfWeek)).concat(_to_consumable_array(getDaysStatus('active', y, m)));
+            var cssHeight = 39 + (days.length > 35 ? 384 : 320);
+            var scrollTop = 0;
+            if (monthData.length > 0) {
+                var monthEle = monthData[monthData.length - 1];
+                scrollTop = monthEle.scrollTop + monthEle.cssHeight;
+            }
+            var monthInfo = {
+                curData: date,
+                title: monthTitle(y, m),
+                monthData: days,
+                cssHeight: cssHeight,
+                scrollTop: scrollTop
+            };
+            if (type === 'next') {
+                if (!endDates || !Utils.compareDate("".concat(endDates[0], "/").concat(endDates[1], "/").concat(Utils.getMonthDays(endDates[0], endDates[1])), "".concat(curData[0], "/").concat(curData[1], "/").concat(curData[2]))) {
+                    monthData.push(monthInfo);
+                }
+            } else if (!startDates || !Utils.compareDate("".concat(curData[0], "/").concat(curData[1], "/").concat(curData[2]), "".concat(startDates[0], "/").concat(startDates[1], "/01"))) {
+                monthData.unshift(monthInfo);
+            }
+            date = getCurrMonthData('next', y, m);
+        }while (i++ < monthNum);
+        setMonthsData(monthData);
+    };
+    var setReachedYearMonthInfo = function(current) {
+        var currentMonthsData = monthsData[current];
+        var _currentMonthsData_curData = _sliced_to_array(currentMonthsData.curData, 2), year = _currentMonthsData_curData[0], month = _currentMonthsData_curData[1];
+        if (currentMonthsData.title === yearMonthTitle) return;
+        onPageChange && onPageChange([
+            year,
+            month,
+            "".concat(year, "-").concat(month)
+        ]);
+        setYearMonthTitle(currentMonthsData.title);
+    };
+    // 设置默认的范围
+    var setDefaultRange = function(monthNum, current) {
+        var start = 0;
+        var end = 0;
+        if (monthNum >= 3) {
+            if (current > 0 && current < monthNum) {
+                start = current - 1;
+                end = current + 3;
+            } else if (current === 0) {
+                start = current;
+                end = current + 4;
+            } else if (current === monthNum) {
+                start = current - 2;
+                end = current + 2;
+            }
+        } else {
+            start = 0;
+            end = monthNum + 2;
+        }
+        setMonthDefaultRange([
+            start,
+            end
+        ]);
+        setTranslateY(monthsData[start].scrollTop);
+        setReachedYearMonthInfo(current);
+    };
+    var getMonthNum = function() {
+        var monthNum = Number(endDates[1]) - Number(startDates[1]);
+        var yearNum = Number(endDates[0]) - Number(startDates[0]);
+        if (yearNum > 0) {
+            monthNum += 12 * yearNum;
+        }
+        if (monthNum <= 0) {
+            monthNum = 1;
+        }
+        setMonthsNum(monthNum);
+        return monthNum;
+    };
+    var setDefaultDate = function() {
+        var defaultData = [];
+        // 日期转化为数组，限制初始日期。判断时间范围
+        if (type === 'range' && Array.isArray(currentDate)) {
+            if (currentDate.length > 0) {
+                if (propStartDate && Utils.compareDate(currentDate[0], propStartDate)) {
+                    currentDate.splice(0, 1, propStartDate);
+                }
+                if (propEndDate && Utils.compareDate(propEndDate, currentDate[1])) {
+                    currentDate.splice(1, 1, propEndDate);
+                }
+                defaultData = _to_consumable_array(splitDate(currentDate[0])).concat(_to_consumable_array(splitDate(currentDate[1])));
+            }
+        } else if (type === 'multiple' && Array.isArray(currentDate)) {
+            if (currentDate.length > 0) {
+                var _currentDate;
+                var defaultArr = [];
+                var obj = {};
+                currentDate.forEach(function(item) {
+                    if (propStartDate && !Utils.compareDate(item, propStartDate) && propEndDate && !Utils.compareDate(propEndDate, item)) {
+                        if (!Object.hasOwnProperty.call(obj, item)) {
+                            defaultArr.push(item);
+                            obj[item] = item;
+                        }
+                    }
+                });
+                currentDate.splice(0) && (_currentDate = currentDate).push.apply(_currentDate, _to_consumable_array(defaultArr));
+                defaultData = _to_consumable_array(splitDate(defaultArr[0]));
+            }
+        } else if (type === 'week' && Array.isArray(currentDate)) {
+            if (currentDate.length > 0) {
+                var _currentDate1;
+                var _splitDate = _sliced_to_array(splitDate(currentDate[0]), 3), y = _splitDate[0], m = _splitDate[1], d = _splitDate[2];
+                var weekArr = Utils.getWeekDate(y, m, d, firstDayOfWeek);
+                currentDate.splice(0) && (_currentDate1 = currentDate).push.apply(_currentDate1, _to_consumable_array(weekArr));
+                if (propStartDate && Utils.compareDate(currentDate[0], propStartDate)) {
+                    currentDate.splice(0, 1, propStartDate);
+                }
+                if (propEndDate && Utils.compareDate(propEndDate, currentDate[1])) {
+                    currentDate.splice(1, 1, propEndDate);
+                }
+                defaultData = _to_consumable_array(splitDate(currentDate[0])).concat(_to_consumable_array(splitDate(currentDate[1])));
+            }
+        } else if (currentDate) {
+            if (currentDate.length > 0) {
+                if (propStartDate && Utils.compareDate(currentDate, propStartDate)) {
+                    defaultData = _to_consumable_array(splitDate(propStartDate));
+                } else if (propEndDate && !Utils.compareDate(currentDate, propEndDate)) {
+                    defaultData = _to_consumable_array(splitDate(propEndDate));
+                } else {
+                    defaultData = _to_consumable_array(splitDate(currentDate));
+                }
+            } else {
+                defaultData = [];
+            }
+        }
+        return defaultData;
+    };
+    var getCurrentIndex = function(defaultData) {
+        // 设置默认可见区域
+        var current = 0;
+        var lastCurrent = 0;
+        if (defaultData.length > 0) {
+            monthsData.forEach(function(item, index) {
+                if (item.title === monthTitle(defaultData[0], defaultData[1])) {
+                    current = index;
+                }
+                if (type === 'range' || type === 'week') {
+                    if (item.title === monthTitle(defaultData[3], defaultData[4])) {
+                        lastCurrent = index;
+                    }
+                }
+            });
+        } else {
+            // 当 defaultValue 为空时，如果月份列表包含当月，则默认定位到当月
+            var date = new Date();
+            var year = date.getFullYear();
+            var month = date.getMonth() + 1;
+            var index = monthsData.findIndex(function(item) {
+                return +item.curData[0] === year && +item.curData[1] === month;
+            });
+            if (index > -1) {
+                current = index;
+            }
+        }
+        return {
+            current: current,
+            lastCurrent: lastCurrent
+        };
+    };
+    var renderCurrentDate = function() {
+        var defaultData = setDefaultDate();
+        var current = getCurrentIndex(defaultData);
+        if (defaultData.length > 0) {
+            // 设置当前选中日期
+            if (type === 'range') {
+                chooseDay({
+                    day: defaultData[2],
+                    type: 'active'
+                }, monthsData[current.current], true);
+                chooseDay({
+                    day: defaultData[5],
+                    type: 'active'
+                }, monthsData[current.lastCurrent], true);
+            } else if (type === 'week') {
+                chooseDay({
+                    day: defaultData[2],
+                    type: 'curr'
+                }, monthsData[current.current], true);
+            } else if (type === 'multiple') {
+                ;
+                _to_consumable_array(currentDate).forEach(function(item) {
+                    var dateArr = splitDate(item);
+                    var currentIndex = current.current;
+                    monthsData.forEach(function(item, index) {
+                        if (item.title === monthTitle(dateArr[0], dateArr[1])) {
+                            currentIndex = index;
+                        }
+                    });
+                    chooseDay({
+                        day: dateArr[2],
+                        type: 'active'
+                    }, monthsData[currentIndex], true);
+                });
+            } else {
+                chooseDay({
+                    day: defaultData[2],
+                    type: 'active'
+                }, monthsData[current.current], true);
+            }
+        }
+        return current.current;
+    };
+    var requestAniFrameFunc = function(current, monthNum) {
+        var lastItem = monthsData[monthsData.length - 1];
+        var containerHeight = lastItem.cssHeight + lastItem.scrollTop;
+        requestAniFrame(function() {
+            // 初始化 日历位置
+            if (monthsRef && monthsPanel && viewAreaRef) {
+                viewHeight = getMonthsRef().clientHeight;
+                getMonthsPanel().style.height = "".concat(containerHeight, "px");
+                getMonthsRef().scrollTop = monthsData[current].scrollTop;
+            }
+        });
+        setAvgHeight(Math.floor(containerHeight / (monthNum + 1)));
+    };
+    var initData = function() {
+        // 判断时间范围内存在多少个月
+        var monthNum = getMonthNum();
+        // 设置月份数据，获取包含月份的所有数据，只需要 set 一次即可。
+        getMonthData(startDates, monthNum, 'next');
+        var current = renderCurrentDate();
+        setDefaultRange(monthNum, current);
+        requestAniFrameFunc(current, monthNum);
+    };
+    useEffect(function() {
+        initData();
+    }, []);
+    var resetRender = function() {
+        state.currDateArray.splice(0);
+        monthsData.splice(0);
+        initData();
+    };
+    useEffect(function() {
+        setCurrentDate(resetDefaultValue() || []);
+    }, [
+        defaultValue
+    ]);
+    useEffect(function() {
+        popup && resetRender();
+    }, [
+        currentDate
+    ]);
+    // 暴露出的API
+    var scrollToDate = function(date) {
+        if (Utils.compareDate(date, propStartDate)) {
+            date = propStartDate;
+        } else if (!Utils.compareDate(date, propEndDate)) {
+            date = propEndDate;
+        }
+        var dateArr = splitDate(date);
+        monthsData.forEach(function(item, index) {
+            if (item.title === monthTitle(dateArr[0], dateArr[1])) {
+                var currTop = monthsData[index].scrollTop;
+                if (monthsRef.current) {
+                    var distance = currTop - monthsRef.current.scrollTop;
+                    if (scrollAnimation) {
+                        var flag = 0;
+                        var interval = setInterval(function() {
+                            flag++;
+                            if (monthsRef.current) {
+                                var offset = distance / 10;
+                                monthsRef.current.scrollTop += offset;
+                            }
+                            if (flag >= 10) {
+                                clearInterval(interval);
+                                if (monthsRef.current) {
+                                    monthsRef.current.scrollTop = currTop;
+                                }
+                            }
+                        }, 40);
+                    } else {
+                        monthsRef.current.scrollTop = currTop;
+                    }
+                }
+            }
+        });
+    };
+    var monthsViewScroll = function(e) {
+        if (monthsData.length <= 1) {
+            return;
+        }
+        var scrollTop = e.target.scrollTop;
+        var current = Math.floor(scrollTop / avgHeight);
+        if (current < 0) return;
+        if (!monthsData[current + 1]) return;
+        var nextTop = monthsData[current + 1].scrollTop;
+        var nextHeight = monthsData[current + 1].cssHeight;
+        if (current === 0) {
+            if (scrollTop >= nextTop) {
+                current += 1;
+            }
+        } else if (current > 0 && current < monthsNum - 1) {
+            if (scrollTop >= nextTop) {
+                current += 1;
+            }
+            if (scrollTop < monthsData[current].scrollTop) {
+                current -= 1;
+            }
+        } else {
+            var viewPosition = Math.round(scrollTop + viewHeight);
+            if (current + 1 <= monthsNum && viewPosition >= nextTop + nextHeight) {
+                current += 1;
+            }
+            if (current >= 1 && scrollTop < monthsData[current - 1].scrollTop) {
+                current -= 1;
+            }
+        }
+        setDefaultRange(monthsNum, current);
+    };
+    React.useImperativeHandle(ref, function() {
+        return {
+            scrollToDate: scrollToDate
+        };
+    });
+    var getClasses = function(day, month) {
+        var dateStr = getCurrDate(day, month);
+        if (day.type === 'active') {
+            if (propStartDate && Utils.compareDate(dateStr, propStartDate) || propEndDate && Utils.compareDate(propEndDate, dateStr)) {
+                return "".concat(dayPrefix, "-disabled");
+            }
+            if (type === 'range' || type === 'week') {
+                if (isStart(dateStr, currentDate) || isEnd(dateStr, currentDate)) {
+                    return "".concat(dayPrefix, "-active ").concat(isStart(dateStr, currentDate) ? 'active-start' : '', " ").concat(isEnd(dateStr, currentDate) ? 'active-end' : '');
+                }
+                if (Array.isArray(currentDate) && Object.values(currentDate).length === 2 && Utils.compareDate(currentDate[0], dateStr) && Utils.compareDate(dateStr, currentDate[1])) {
+                    if (disableDate(day)) {
+                        return "".concat(dayPrefix, "-choose-disabled");
+                    }
+                    return "".concat(dayPrefix, "-choose");
+                }
+            } else if (type === 'multiple' && isMultiple(dateStr, currentDate) || !Array.isArray(currentDate) && Utils.isEqual(currentDate, dateStr)) {
+                return "".concat(dayPrefix, "-active");
+            }
+            if (disableDate(day)) {
+                return "".concat(dayPrefix, "-disabled");
+            }
+            return null;
+        }
+        return "".concat(dayPrefix, "-disabled");
+    };
+    var chooseDay = function(day, month, isFirst) {
+        if (getClasses(day, month) === "".concat(dayPrefix, "-disabled")) {
+            return;
+        }
+        var days = _to_consumable_array(month.curData);
+        var _month_curData = _sliced_to_array(month.curData, 2), y = _month_curData[0], m = _month_curData[1];
+        days[2] = typeof day.day === 'number' ? Utils.getNumTwoBit(day.day) : day.day;
+        days[3] = "".concat(days[0], "/").concat(days[1], "/").concat(days[2]);
+        days[4] = Utils.getWhatDay(+days[0], +days[1], +days[2]);
+        if (type === 'multiple') {
+            if (currentDate.length > 0) {
+                var hasIndex = '';
+                currentDate.forEach(function(item, index) {
+                    if (item === days[3]) {
+                        hasIndex = index;
+                    }
+                });
+                if (isFirst) {
+                    state.currDateArray.push(_to_consumable_array(days));
+                } else if (hasIndex !== '') {
+                    ;
+                    currentDate.splice(hasIndex, 1);
+                    state.currDateArray.splice(hasIndex, 1);
+                } else {
+                    ;
+                    currentDate.push(days[3]);
+                    state.currDateArray.push(_to_consumable_array(days));
+                }
+            } else {
+                ;
+                currentDate.push(days[3]);
+                state.currDateArray = [
+                    _to_consumable_array(days)
+                ];
+            }
+        } else if (type === 'range') {
+            var curDataLength = Object.values(currentDate).length;
+            if (curDataLength === 2 || curDataLength === 0) {
+                Array.isArray(currentDate) && currentDate.splice(0) && currentDate.push(days[3]);
+                state.currDateArray = [
+                    _to_consumable_array(days)
+                ];
+            } else if (Utils.compareDate(currentDate[0], days[3])) {
+                Array.isArray(currentDate) && currentDate.push(days[3]);
+                state.currDateArray = _to_consumable_array(state.currDateArray).concat([
+                    _to_consumable_array(days)
+                ]);
+            } else {
+                Array.isArray(currentDate) && currentDate.unshift(days[3]);
+                state.currDateArray = [
+                    _to_consumable_array(days)
+                ].concat(_to_consumable_array(state.currDateArray));
+            }
+        } else if (type === 'week') {
+            var _currentDate;
+            var weekArr = Utils.getWeekDate(y, m, "".concat(day.day), firstDayOfWeek);
+            if (propStartDate && Utils.compareDate(weekArr[0], propStartDate)) {
+                weekArr.splice(0, 1, propStartDate);
+            }
+            if (propEndDate && Utils.compareDate(propEndDate, weekArr[1])) {
+                weekArr.splice(1, 1, propEndDate);
+            }
+            Array.isArray(currentDate) && currentDate.splice(0) && (_currentDate = currentDate).push.apply(_currentDate, _to_consumable_array(weekArr));
+            state.currDateArray = [
+                Utils.formatResultDate(weekArr[0]),
+                Utils.formatResultDate(weekArr[1])
+            ];
+        } else {
+            setCurrentDate(days[3]);
+            state.currDateArray = _to_consumable_array(days);
+        }
+        if (!isFirst) {
+            onDayClick && onDayClick(state.currDateArray);
+            if (autoBackfill || !popup) {
+                confirm();
+            }
+        }
+        setMonthsData(monthsData.slice());
+    };
+    var resetSelectedValue = function() {
+        var itemData = function(dateArr) {
+            days = dateArr.split('/');
+            days[3] = "".concat(days[0], "/").concat(days[1], "/").concat(days[2]);
+            days[4] = Utils.getWhatDay(+days[0], +days[1], +days[2]);
+            return days;
+        };
+        var days = [];
+        if (Array.isArray(currentDate) && currentDate) {
+            days = currentDate.map(function(item) {
+                return itemData(item);
+            });
+        } else {
+            days = itemData(currentDate);
+        }
+        return days;
+    };
+    var confirm = function() {
+        if (type === 'range' && state.currDateArray.length === 2 || type !== 'range') {
+            var chooseData = state.currDateArray.slice(0);
+            onConfirm && onConfirm(chooseData);
+            if (popup) {
+                onUpdate && onUpdate();
+            }
+        }
+    };
+    var _obj;
+    var classes = classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix, "-title"), !popup), _define_property(_obj, "".concat(classPrefix, "-nofooter"), !!autoBackfill), _obj), classPrefix, className);
+    var _obj1;
+    var headerClasses = classNames((_obj1 = {}, _define_property(_obj1, "".concat(classPrefix, "-header"), true), _define_property(_obj1, "".concat(classPrefix, "-header-title"), !popup), _obj1));
+    // 是否有开始提示
+    var isStartTip = function(day, month) {
+        return (type === 'range' || type === 'week') && day.type === 'active' && isStart(getCurrDate(day, month), currentDate);
+    };
+    // 是否有结束提示
+    var isEndTip = function(day, month) {
+        return currentDate.length >= 2 && (type === 'range' || type === 'week') && day.type === 'active' && isEnd(getCurrDate(day, month), currentDate);
+    };
+    var renderHeader = function() {
+        return /*#__PURE__*/ React.createElement("div", {
+            className: headerClasses
+        }, showTitle && /*#__PURE__*/ React.createElement("div", {
+            className: "".concat(classPrefix, "-title")
+        }, title || locale.calendaritem.title), renderHeaderButtons && /*#__PURE__*/ React.createElement("div", {
+            className: "".concat(classPrefix, "-header-buttons")
+        }, renderHeaderButtons()), showSubTitle && /*#__PURE__*/ React.createElement("div", {
+            className: "".concat(classPrefix, "-sub-title")
+        }, yearMonthTitle), /*#__PURE__*/ React.createElement("div", {
+            className: "".concat(classPrefix, "-weeks"),
+            ref: weeksPanel
+        }, weeks.map(function(item) {
+            return /*#__PURE__*/ React.createElement("div", {
+                className: "".concat(classPrefix, "-week-item"),
+                key: item
+            }, item);
+        })));
+    };
+    var renderContent = function() {
+        return /*#__PURE__*/ React.createElement("div", {
+            className: "".concat(classPrefix, "-content"),
+            onScroll: monthsViewScroll,
+            ref: monthsRef
+        }, /*#__PURE__*/ React.createElement("div", {
+            className: "".concat(classPrefix, "-pannel"),
+            ref: monthsPanel
+        }, /*#__PURE__*/ React.createElement("div", {
+            className: "viewArea",
+            ref: viewAreaRef,
+            style: {
+                transform: "translateY(".concat(translateY, "px)")
+            }
+        }, monthsData.slice(monthDefaultRange[0], monthDefaultRange[1]).map(function(month, key) {
+            return /*#__PURE__*/ React.createElement("div", {
+                className: "".concat(classPrefix, "-month"),
+                key: key
+            }, /*#__PURE__*/ React.createElement("div", {
+                className: "".concat(classPrefix, "-month-title")
+            }, month.title), /*#__PURE__*/ React.createElement("div", {
+                className: "".concat(classPrefix, "-days")
+            }, month.monthData.map(function(day, i) {
+                return /*#__PURE__*/ React.createElement("div", {
+                    className: [
+                        "".concat(classPrefix, "-day"),
+                        getClasses(day, month)
+                    ].join(' '),
+                    onClick: function() {
+                        chooseDay(day, month);
+                    },
+                    key: i
+                }, /*#__PURE__*/ React.createElement("div", {
+                    className: "".concat(classPrefix, "-day-day")
+                }, renderDay ? renderDay(day) : day.day), !isStartTip(day, month) && renderDayTop && /*#__PURE__*/ React.createElement("div", {
+                    className: "".concat(classPrefix, "-day-info-top")
+                }, renderDayTop(day)), !isStartTip(day, month) && !isEndTip(day, month) && renderDayBottom && /*#__PURE__*/ React.createElement("div", {
+                    className: "".concat(classPrefix, "-day-info-bottom")
+                }, renderDayBottom(day)), !isStartTip(day, month) && !isEndTip(day, month) && !renderDayBottom && showToday && isCurrDay(month, day.day) && /*#__PURE__*/ React.createElement("div", {
+                    className: "".concat(classPrefix, "-day-info-curr")
+                }, locale.calendaritem.today), isStartTip(day, month) && /*#__PURE__*/ React.createElement("div", {
+                    className: "".concat(classPrefix, "-day-info ").concat(isStartAndEnd(currentDate) ? "".concat(classPrefix, "-day-info-top") : '')
+                }, startText || locale.calendaritem.start), isEndTip(day, month) && /*#__PURE__*/ React.createElement("div", {
+                    className: "".concat(classPrefix, "-day-info")
+                }, endText || locale.calendaritem.end));
+            })));
+        }))));
+    };
+    var renderFooter = function() {
+        return /*#__PURE__*/ React.createElement("div", {
+            className: "nut-calendar-footer"
+        }, children, /*#__PURE__*/ React.createElement("div", {
+            onClick: confirm
+        }, renderBottomButton ? renderBottomButton() : /*#__PURE__*/ React.createElement("div", {
+            className: "calendar-confirm-btn"
+        }, confirmText || locale.confirm)));
+    };
+    return /*#__PURE__*/ React.createElement("div", {
+        className: classes,
+        style: style
+    }, renderHeader(), renderContent(), popup && !autoBackfill ? renderFooter() : '');
+});
+CalendarItem.displayName = 'NutCalendarItem';

package/dist/es/packages/calendaritem/index.d.ts

@@ -0,0 +1,2 @@
+import { CalendarItem } from './calendaritem';
+export default CalendarItem;

package/dist/es/packages/calendaritem/index.js

@@ -0,0 +1,2 @@
+import { CalendarItem } from "./calendaritem";
+export default CalendarItem;

package/dist/es/packages/calendaritem/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/es/packages/calendaritem/style/index.js

@@ -0,0 +1 @@
+import './calendaritem.scss';