@nutui/nutui-react 2.3.12-beta.0 → 2.4.0-beta.0

package/dist/esm/CalendarItem.js

@@ -1,27 +1,3 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
 import React__default, { useState, useRef, useEffect } from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
@@ -29,125 +5,105 @@ import { U as Utils, g as getPreMonthDates, a as getDaysStatus, b as getCurrMont
 import { r as requestAniFrame } from "./raf.js";
 import { u as useConfig } from "./configprovider2.js";
 import { u as usePropsValue } from "./use-props-value.js";
-var splitDate = function splitDate2(date) {
-  var split = date.indexOf("-") !== -1 ? "-" : "/";
+const splitDate = (date) => {
+  const split = date.indexOf("-") !== -1 ? "-" : "/";
   return date.split(split);
 };
-var isMultiple = function isMultiple2(day, days) {
+const isMultiple = (day, days) => {
   if (days.length > 0) {
-    return days.some(function(item) {
+    return days.some((item) => {
       return Utils.isEqual(item, day);
     });
   }
   return false;
 };
-var isCurrDay = function isCurrDay2(month, day) {
-  var date = "".concat(month.curData[0], "/").concat(month.curData[1], "/").concat(day);
+const isCurrDay = (month, day) => {
+  const date = `${month.curData[0]}/${month.curData[1]}/${day}`;
   return Utils.isEqual(date, Utils.date2Str(/* @__PURE__ */ new Date(), "/"));
 };
-var getCurrDate = function getCurrDate2(day, month) {
-  return "".concat(month.curData[0], "/").concat(month.curData[1], "/").concat(Utils.getNumTwoBit(+day.day));
+const getCurrDate = (day, month) => {
+  return `${month.curData[0]}/${month.curData[1]}/${Utils.getNumTwoBit(+day.day)}`;
 };
-var isStart = function isStart2(day, days) {
+const isStart = (day, days) => {
   return Utils.isEqual(days[0], day);
 };
-var isEnd = function isEnd2(day, days) {
+const isEnd = (day, days) => {
   return Utils.isEqual(days[1], day);
 };
-var isStartAndEnd = function isStartAndEnd2(days) {
+const isStartAndEnd = (days) => {
   return days.length >= 2 && Utils.isEqual(days[0], days[1]);
 };
-var defaultProps = _objectSpread(_objectSpread({}, 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 disableDate(date) {
-    return false;
-  },
-  renderHeaderButtons: void 0,
-  renderDay: void 0,
-  renderDayTop: void 0,
-  renderDayBottom: void 0,
-  onConfirm: function onConfirm(data) {
-  },
-  onUpdate: function onUpdate() {
-  },
-  onDayClick: function onDayClick(data) {
-  },
-  onPageChange: function onPageChange(data) {
-  }
-});
-var CalendarItem = React__default.forwardRef(function(props, ref) {
-  var _useConfig = useConfig(), locale = _useConfig.locale;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), style = _defaultProps$props.style, className = _defaultProps$props.className, children = _defaultProps$props.children, popup = _defaultProps$props.popup, type = _defaultProps$props.type, autoBackfill = _defaultProps$props.autoBackfill, title = _defaultProps$props.title, defaultValue = _defaultProps$props.defaultValue, startDate = _defaultProps$props.startDate, endDate = _defaultProps$props.endDate, showToday = _defaultProps$props.showToday, startText = _defaultProps$props.startText, endText = _defaultProps$props.endText, confirmText = _defaultProps$props.confirmText, showTitle = _defaultProps$props.showTitle, showSubTitle = _defaultProps$props.showSubTitle, scrollAnimation = _defaultProps$props.scrollAnimation, firstDayOfWeek = _defaultProps$props.firstDayOfWeek, disableDate2 = _defaultProps$props.disableDate, renderHeaderButtons = _defaultProps$props.renderHeaderButtons, renderDay = _defaultProps$props.renderDay, renderDayTop = _defaultProps$props.renderDayTop, renderDayBottom = _defaultProps$props.renderDayBottom, onConfirm2 = _defaultProps$props.onConfirm, onUpdate2 = _defaultProps$props.onUpdate, onDayClick2 = _defaultProps$props.onDayClick, onPageChange2 = _defaultProps$props.onPageChange;
-  var weekdays = locale.calendaritem.weekdays;
-  var weeks = [].concat(_toConsumableArray(weekdays.slice(firstDayOfWeek, 7)), _toConsumableArray(weekdays.slice(0, firstDayOfWeek)));
-  var monthTitle = locale.calendaritem.monthTitle;
-  var _useState = useState(""), _useState2 = _slicedToArray(_useState, 2), yearMonthTitle = _useState2[0], setYearMonthTitle = _useState2[1];
-  var _useState3 = useState([]), _useState4 = _slicedToArray(_useState3, 2), monthsData = _useState4[0], setMonthsData = _useState4[1];
-  var _useState5 = useState(0), _useState6 = _slicedToArray(_useState5, 2), monthsNum = _useState6[0], setMonthsNum = _useState6[1];
-  var _useState7 = useState(0), _useState8 = _slicedToArray(_useState7, 2), translateY = _useState8[0], setTranslateY = _useState8[1];
-  var _useState9 = useState([]), _useState10 = _slicedToArray(_useState9, 2), monthDefaultRange = _useState10[0], setMonthDefaultRange = _useState10[1];
-  var propStartDate = startDate || Utils.getDay(0);
-  var propEndDate = endDate || Utils.getDay(365);
-  var startDates = splitDate(propStartDate);
-  var endDates = splitDate(propEndDate);
-  var _useState11 = useState({
+const defaultProps = Object.assign(Object.assign({}, 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: (date) => false, renderHeaderButtons: void 0, renderDay: void 0, renderDayTop: void 0, renderDayBottom: void 0, onConfirm: (data) => {
+}, onUpdate: () => {
+}, onDayClick: (data) => {
+}, onPageChange: (data) => {
+} });
+const CalendarItem = React__default.forwardRef((props, ref) => {
+  const { locale } = useConfig();
+  const { style, className, children, popup, type, autoBackfill, title, defaultValue, startDate, endDate, showToday, startText, endText, confirmText, showTitle, showSubTitle, scrollAnimation, firstDayOfWeek, disableDate, renderHeaderButtons, renderDay, renderDayTop, renderDayBottom, onConfirm, onUpdate, onDayClick, onPageChange } = Object.assign(Object.assign({}, defaultProps), props);
+  const weekdays = locale.calendaritem.weekdays;
+  const weeks = [
+    ...weekdays.slice(firstDayOfWeek, 7),
+    ...weekdays.slice(0, firstDayOfWeek)
+  ];
+  const monthTitle = locale.calendaritem.monthTitle;
+  const [yearMonthTitle, setYearMonthTitle] = useState("");
+  const [monthsData, setMonthsData] = useState([]);
+  const [monthsNum, setMonthsNum] = useState(0);
+  const [translateY, setTranslateY] = useState(0);
+  const [monthDefaultRange, setMonthDefaultRange] = useState([]);
+  const propStartDate = startDate || Utils.getDay(0);
+  const propEndDate = endDate || Utils.getDay(365);
+  const startDates = splitDate(propStartDate);
+  const endDates = splitDate(propEndDate);
+  const [state] = useState({
     currDateArray: []
-  }), _useState12 = _slicedToArray(_useState11, 1), state = _useState12[0];
-  var getMonthsPanel = function getMonthsPanel2() {
+  });
+  const getMonthsPanel = () => {
     return monthsPanel.current;
   };
-  var getMonthsRef = function getMonthsRef2() {
+  const getMonthsRef = () => {
     return monthsRef.current;
   };
-  var resetDefaultValue = function resetDefaultValue2() {
+  const resetDefaultValue = () => {
     if (defaultValue || Array.isArray(defaultValue) && defaultValue.length > 0) {
-      return type !== "single" ? _toConsumableArray(defaultValue) : defaultValue;
+      return type !== "single" ? [...defaultValue] : defaultValue;
     }
     return void 0;
   };
-  var _usePropsValue = usePropsValue({
+  const [currentDate, setCurrentDate] = usePropsValue({
     value: props.value,
     defaultValue: resetDefaultValue(),
     finalValue: [],
-    onChange: function onChange(val) {
+    onChange: (val) => {
     }
-  }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), currentDate = _usePropsValue2[0], setCurrentDate = _usePropsValue2[1];
-  var weeksPanel = useRef(null);
-  var monthsRef = useRef(null);
-  var monthsPanel = useRef(null);
-  var viewAreaRef = useRef(null);
-  var _useState13 = useState(0), _useState14 = _slicedToArray(_useState13, 2), avgHeight = _useState14[0], setAvgHeight = _useState14[1];
-  var viewHeight = 0;
-  var classPrefix = "nut-calendar";
-  var dayPrefix = "nut-calendar-day";
-  var getMonthData = function getMonthData2(curData, monthNum, type2) {
-    var i = 0;
-    var date = curData;
-    var monthData = monthsData;
+  });
+  const weeksPanel = useRef(null);
+  const monthsRef = useRef(null);
+  const monthsPanel = useRef(null);
+  const viewAreaRef = useRef(null);
+  const [avgHeight, setAvgHeight] = useState(0);
+  let viewHeight = 0;
+  const classPrefix = "nut-calendar";
+  const dayPrefix = "nut-calendar-day";
+  const getMonthData = (curData, monthNum, type2) => {
+    let i = 0;
+    let date = curData;
+    const monthData = monthsData;
     do {
-      var y = parseInt(date[0], 10);
-      var m = parseInt(date[1], 10);
-      var days = [].concat(_toConsumableArray(getPreMonthDates("prev", y, m, firstDayOfWeek)), _toConsumableArray(getDaysStatus("active", y, m)));
-      var cssHeight = 39 + (days.length > 35 ? 384 : 320);
-      var scrollTop = 0;
+      const y = parseInt(date[0], 10);
+      const m = parseInt(date[1], 10);
+      const days = [
+        ...getPreMonthDates("prev", y, m, firstDayOfWeek),
+        ...getDaysStatus("active", y, m)
+      ];
+      const cssHeight = 39 + (days.length > 35 ? 384 : 320);
+      let scrollTop = 0;
       if (monthData.length > 0) {
-        var monthEle = monthData[monthData.length - 1];
+        const monthEle = monthData[monthData.length - 1];
         scrollTop = monthEle.scrollTop + monthEle.cssHeight;
       }
-      var monthInfo = {
+      const monthInfo = {
         curData: date,
         title: monthTitle(y, m),
         monthData: days,
@@ -155,27 +111,27 @@ var CalendarItem = React__default.forwardRef(function(props, ref) {
         scrollTop
       };
       if (type2 === "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]))) {
+        if (!endDates || !Utils.compareDate(`${endDates[0]}/${endDates[1]}/${Utils.getMonthDays(endDates[0], endDates[1])}`, `${curData[0]}/${curData[1]}/${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"))) {
+      } else if (!startDates || !Utils.compareDate(`${curData[0]}/${curData[1]}/${curData[2]}`, `${startDates[0]}/${startDates[1]}/01`)) {
         monthData.unshift(monthInfo);
       }
       date = getCurrMonthData("next", y, m);
     } while (i++ < monthNum);
     setMonthsData(monthData);
   };
-  var setReachedYearMonthInfo = function setReachedYearMonthInfo2(current) {
-    var currentMonthsData = monthsData[current];
-    var _currentMonthsData$cu = _slicedToArray(currentMonthsData.curData, 2), year = _currentMonthsData$cu[0], month = _currentMonthsData$cu[1];
+  const setReachedYearMonthInfo = (current) => {
+    const currentMonthsData = monthsData[current];
+    const [year, month] = currentMonthsData.curData;
     if (currentMonthsData.title === yearMonthTitle)
       return;
-    onPageChange2 && onPageChange2([year, month, "".concat(year, "-").concat(month)]);
+    onPageChange && onPageChange([year, month, `${year}-${month}`]);
     setYearMonthTitle(currentMonthsData.title);
   };
-  var setDefaultRange = function setDefaultRange2(monthNum, current) {
-    var start = 0;
-    var end = 0;
+  const setDefaultRange = (monthNum, current) => {
+    let start = 0;
+    let end = 0;
     if (monthNum >= 3) {
       if (current > 0 && current < monthNum) {
         start = current - 1;
@@ -195,9 +151,9 @@ var CalendarItem = React__default.forwardRef(function(props, ref) {
     setTranslateY(monthsData[start].scrollTop);
     setReachedYearMonthInfo(current);
   };
-  var getMonthNum = function getMonthNum2() {
-    var monthNum = Number(endDates[1]) - Number(startDates[1]);
-    var yearNum = Number(endDates[0]) - Number(startDates[0]);
+  const getMonthNum = () => {
+    let monthNum = Number(endDates[1]) - Number(startDates[1]);
+    const yearNum = Number(endDates[0]) - Number(startDates[0]);
     if (yearNum > 0) {
       monthNum += 12 * yearNum;
     }
@@ -207,8 +163,8 @@ var CalendarItem = React__default.forwardRef(function(props, ref) {
     setMonthsNum(monthNum);
     return monthNum;
   };
-  var setDefaultDate = function setDefaultDate2() {
-    var defaultData = [];
+  const setDefaultDate = () => {
+    let defaultData = [];
     if (type === "range" && Array.isArray(currentDate)) {
       if (currentDate.length > 0) {
         if (propStartDate && Utils.compareDate(currentDate[0], propStartDate)) {
@@ -217,13 +173,16 @@ var CalendarItem = React__default.forwardRef(function(props, ref) {
         if (propEndDate && Utils.compareDate(propEndDate, currentDate[1])) {
           currentDate.splice(1, 1, propEndDate);
         }
-        defaultData = [].concat(_toConsumableArray(splitDate(currentDate[0])), _toConsumableArray(splitDate(currentDate[1])));
+        defaultData = [
+          ...splitDate(currentDate[0]),
+          ...splitDate(currentDate[1])
+        ];
       }
     } else if (type === "multiple" && Array.isArray(currentDate)) {
       if (currentDate.length > 0) {
-        var defaultArr = [];
-        var obj = {};
-        currentDate.forEach(function(item) {
+        const defaultArr = [];
+        const obj = {};
+        currentDate.forEach((item) => {
           if (propStartDate && !Utils.compareDate(item, propStartDate) && propEndDate && !Utils.compareDate(propEndDate, item)) {
             if (!Object.hasOwnProperty.call(obj, item)) {
               defaultArr.push(item);
@@ -231,30 +190,33 @@ var CalendarItem = React__default.forwardRef(function(props, ref) {
             }
           }
         });
-        currentDate.splice(0) && currentDate.push.apply(currentDate, defaultArr);
-        defaultData = _toConsumableArray(splitDate(defaultArr[0]));
+        currentDate.splice(0) && currentDate.push(...defaultArr);
+        defaultData = [...splitDate(defaultArr[0])];
       }
     } else if (type === "week" && Array.isArray(currentDate)) {
       if (currentDate.length > 0) {
-        var _splitDate = splitDate(currentDate[0]), _splitDate2 = _slicedToArray(_splitDate, 3), y = _splitDate2[0], m = _splitDate2[1], d = _splitDate2[2];
-        var weekArr = Utils.getWeekDate(y, m, d, firstDayOfWeek);
-        currentDate.splice(0) && currentDate.push.apply(currentDate, _toConsumableArray(weekArr));
+        const [y, m, d] = splitDate(currentDate[0]);
+        const weekArr = Utils.getWeekDate(y, m, d, firstDayOfWeek);
+        currentDate.splice(0) && currentDate.push(...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 = [].concat(_toConsumableArray(splitDate(currentDate[0])), _toConsumableArray(splitDate(currentDate[1])));
+        defaultData = [
+          ...splitDate(currentDate[0]),
+          ...splitDate(currentDate[1])
+        ];
       }
     } else if (currentDate) {
       if (currentDate.length > 0) {
         if (propStartDate && Utils.compareDate(currentDate, propStartDate)) {
-          defaultData = _toConsumableArray(splitDate(propStartDate));
+          defaultData = [...splitDate(propStartDate)];
         } else if (propEndDate && !Utils.compareDate(currentDate, propEndDate)) {
-          defaultData = _toConsumableArray(splitDate(propEndDate));
+          defaultData = [...splitDate(propEndDate)];
         } else {
-          defaultData = _toConsumableArray(splitDate(currentDate));
+          defaultData = [...splitDate(currentDate)];
         }
       } else {
         defaultData = [];
@@ -262,25 +224,25 @@ var CalendarItem = React__default.forwardRef(function(props, ref) {
     }
     return defaultData;
   };
-  var getCurrentIndex = function getCurrentIndex2(defaultData) {
-    var current = 0;
-    var lastCurrent = 0;
+  const getCurrentIndex = (defaultData) => {
+    let current = 0;
+    let lastCurrent = 0;
     if (defaultData.length > 0) {
-      monthsData.forEach(function(item, index2) {
+      monthsData.forEach((item, index) => {
         if (item.title === monthTitle(defaultData[0], defaultData[1])) {
-          current = index2;
+          current = index;
         }
         if (type === "range" || type === "week") {
           if (item.title === monthTitle(defaultData[3], defaultData[4])) {
-            lastCurrent = index2;
+            lastCurrent = index;
           }
         }
       });
     } else {
-      var date = /* @__PURE__ */ new Date();
-      var year = date.getFullYear();
-      var month = date.getMonth() + 1;
-      var index = monthsData.findIndex(function(item) {
+      const date = /* @__PURE__ */ new Date();
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1;
+      const index = monthsData.findIndex((item) => {
         return +item.curData[0] === year && +item.curData[1] === month;
       });
       if (index > -1) {
@@ -292,96 +254,81 @@ var CalendarItem = React__default.forwardRef(function(props, ref) {
       lastCurrent
     };
   };
-  var renderCurrentDate = function renderCurrentDate2() {
-    var defaultData = setDefaultDate();
-    var current = getCurrentIndex(defaultData);
+  const renderCurrentDate = () => {
+    const defaultData = setDefaultDate();
+    const 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);
+        chooseDay({ day: defaultData[2], type: "active" }, monthsData[current.current], true);
+        chooseDay({ day: defaultData[5], type: "active" }, monthsData[current.lastCurrent], true);
       } else if (props.type === "week") {
-        chooseDay({
-          day: defaultData[2],
-          type: "curr"
-        }, monthsData[current.current], true);
+        chooseDay({ day: defaultData[2], type: "curr" }, monthsData[current.current], true);
       } else if (type === "multiple") {
-        _toConsumableArray(currentDate).forEach(function(item) {
-          var dateArr = splitDate(item);
-          var currentIndex = current.current;
-          monthsData.forEach(function(item2, index) {
+        [...currentDate].forEach((item) => {
+          const dateArr = splitDate(item);
+          let currentIndex = current.current;
+          monthsData.forEach((item2, index) => {
             if (item2.title === monthTitle(dateArr[0], dateArr[1])) {
               currentIndex = index;
             }
           });
-          chooseDay({
-            day: dateArr[2],
-            type: "active"
-          }, monthsData[currentIndex], true);
+          chooseDay({ day: dateArr[2], type: "active" }, monthsData[currentIndex], true);
         });
       } else {
-        chooseDay({
-          day: defaultData[2],
-          type: "active"
-        }, monthsData[current.current], true);
+        chooseDay({ day: defaultData[2], type: "active" }, monthsData[current.current], true);
       }
     }
     return current.current;
   };
-  var requestAniFrameFunc = function requestAniFrameFunc2(current, monthNum) {
-    var lastItem = monthsData[monthsData.length - 1];
-    var containerHeight = lastItem.cssHeight + lastItem.scrollTop;
-    requestAniFrame(function() {
+  const requestAniFrameFunc = (current, monthNum) => {
+    const lastItem = monthsData[monthsData.length - 1];
+    const containerHeight = lastItem.cssHeight + lastItem.scrollTop;
+    requestAniFrame(() => {
       if (monthsRef && monthsPanel && viewAreaRef) {
         viewHeight = getMonthsRef().clientHeight;
-        getMonthsPanel().style.height = "".concat(containerHeight, "px");
+        getMonthsPanel().style.height = `${containerHeight}px`;
         getMonthsRef().scrollTop = monthsData[current].scrollTop;
       }
     });
     setAvgHeight(Math.floor(containerHeight / (monthNum + 1)));
   };
-  var initData = function initData2() {
-    var monthNum = getMonthNum();
+  const initData = () => {
+    const monthNum = getMonthNum();
     getMonthData(startDates, monthNum, "next");
-    var current = renderCurrentDate();
+    const current = renderCurrentDate();
     setDefaultRange(monthNum, current);
     requestAniFrameFunc(current, monthNum);
   };
-  useEffect(function() {
+  useEffect(() => {
     initData();
   }, []);
-  var resetRender = function resetRender2() {
+  const resetRender = () => {
     state.currDateArray.splice(0);
     monthsData.splice(0);
     initData();
   };
-  useEffect(function() {
+  useEffect(() => {
     setCurrentDate(resetDefaultValue() || []);
     popup && resetRender();
   }, [defaultValue]);
-  var scrollToDate = function scrollToDate2(date) {
+  const scrollToDate = (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) {
+    const dateArr = splitDate(date);
+    monthsData.forEach((item, index) => {
       if (item.title === monthTitle(dateArr[0], dateArr[1])) {
-        var currTop = monthsData[index].scrollTop;
+        const currTop = monthsData[index].scrollTop;
         if (monthsRef.current) {
-          var distance = currTop - monthsRef.current.scrollTop;
+          const distance = currTop - monthsRef.current.scrollTop;
           if (scrollAnimation) {
-            var flag = 0;
-            var interval = setInterval(function() {
+            let flag = 0;
+            const interval = setInterval(() => {
               flag++;
               if (monthsRef.current) {
-                var offset = distance / 10;
+                const offset = distance / 10;
                 monthsRef.current.scrollTop += offset;
               }
               if (flag >= 10) {
@@ -398,16 +345,16 @@ var CalendarItem = React__default.forwardRef(function(props, ref) {
       }
     });
   };
-  var monthsViewScroll = function monthsViewScroll2(e) {
+  const monthsViewScroll = (e) => {
     if (monthsData.length <= 1) {
       return;
     }
-    var scrollTop = e.target.scrollTop;
-    var current = Math.floor(scrollTop / avgHeight);
+    const scrollTop = e.target.scrollTop;
+    let current = Math.floor(scrollTop / avgHeight);
     if (!monthsData[current + 1])
       return;
-    var nextTop = monthsData[current + 1].scrollTop;
-    var nextHeight = monthsData[current + 1].cssHeight;
+    const nextTop = monthsData[current + 1].scrollTop;
+    const nextHeight = monthsData[current + 1].cssHeight;
     if (current === 0) {
       if (scrollTop >= nextTop) {
         current += 1;
@@ -420,7 +367,7 @@ var CalendarItem = React__default.forwardRef(function(props, ref) {
         current -= 1;
       }
     } else {
-      var viewPosition = Math.round(scrollTop + viewHeight);
+      const viewPosition = Math.round(scrollTop + viewHeight);
       if (current + 1 <= monthsNum && viewPosition >= nextTop + nextHeight) {
         current += 1;
       }
@@ -430,194 +377,186 @@ var CalendarItem = React__default.forwardRef(function(props, ref) {
     }
     setDefaultRange(monthsNum, current);
   };
-  React__default.useImperativeHandle(ref, function() {
-    return {
-      scrollToDate
-    };
-  });
-  var getClasses = function getClasses2(day, month) {
-    var dateStr = getCurrDate(day, month);
+  React__default.useImperativeHandle(ref, () => ({
+    scrollToDate
+  }));
+  const getClasses = (day, month) => {
+    const dateStr = getCurrDate(day, month);
     if (day.type === "active") {
       if (propStartDate && Utils.compareDate(dateStr, propStartDate) || propEndDate && Utils.compareDate(propEndDate, dateStr)) {
-        return "".concat(dayPrefix, "-disabled");
+        return `${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" : "");
+          return `${dayPrefix}-active ${isStart(dateStr, currentDate) ? "active-start" : ""} ${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 (disableDate2(day)) {
-            return "".concat(dayPrefix, "-choose-disabled");
+          if (disableDate(day)) {
+            return `${dayPrefix}-choose-disabled`;
           }
-          return "".concat(dayPrefix, "-choose");
+          return `${dayPrefix}-choose`;
         }
       } else if (type === "multiple" && isMultiple(dateStr, currentDate) || !Array.isArray(currentDate) && Utils.isEqual(currentDate, dateStr)) {
-        return "".concat(dayPrefix, "-active");
+        return `${dayPrefix}-active`;
       }
-      if (disableDate2(day)) {
-        return "".concat(dayPrefix, "-disabled");
+      if (disableDate(day)) {
+        return `${dayPrefix}-disabled`;
       }
       return null;
     }
-    return "".concat(dayPrefix, "-disabled");
+    return `${dayPrefix}-disabled`;
   };
-  var chooseDay = function chooseDay2(day, month, isFirst) {
-    if (getClasses(day, month) === "".concat(dayPrefix, "-disabled")) {
+  const chooseDay = (day, month, isFirst) => {
+    if (getClasses(day, month) === `${dayPrefix}-disabled`) {
       return;
     }
-    var days = _toConsumableArray(month.curData);
-    var _month$curData = _slicedToArray(month.curData, 2), y = _month$curData[0], m = _month$curData[1];
+    const days = [...month.curData];
+    const [y, m] = month.curData;
     days[2] = typeof day.day === "number" ? Utils.getNumTwoBit(day.day) : day.day;
-    days[3] = "".concat(days[0], "/").concat(days[1], "/").concat(days[2]);
+    days[3] = `${days[0]}/${days[1]}/${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) {
+        let hasIndex = "";
+        currentDate.forEach((item, index) => {
           if (item === days[3]) {
             hasIndex = index;
           }
         });
         if (isFirst) {
-          state.currDateArray.push(_toConsumableArray(days));
+          state.currDateArray.push([...days]);
         } else if (hasIndex !== "") {
           currentDate.splice(hasIndex, 1);
           state.currDateArray.splice(hasIndex, 1);
         } else {
           currentDate.push(days[3]);
-          state.currDateArray.push(_toConsumableArray(days));
+          state.currDateArray.push([...days]);
         }
       } else {
         currentDate.push(days[3]);
-        state.currDateArray = [_toConsumableArray(days)];
+        state.currDateArray = [[...days]];
       }
     } else if (type === "range") {
-      var curDataLength = Object.values(currentDate).length;
+      const curDataLength = Object.values(currentDate).length;
       if (curDataLength === 2 || curDataLength === 0) {
         Array.isArray(currentDate) && currentDate.splice(0) && currentDate.push(days[3]);
-        state.currDateArray = [_toConsumableArray(days)];
+        state.currDateArray = [[...days]];
       } else if (Utils.compareDate(currentDate[0], days[3])) {
         Array.isArray(currentDate) && currentDate.push(days[3]);
-        state.currDateArray = [].concat(_toConsumableArray(state.currDateArray), [_toConsumableArray(days)]);
+        state.currDateArray = [...state.currDateArray, [...days]];
       } else {
         Array.isArray(currentDate) && currentDate.unshift(days[3]);
-        state.currDateArray = [_toConsumableArray(days)].concat(_toConsumableArray(state.currDateArray));
+        state.currDateArray = [[...days], ...state.currDateArray];
       }
     } else if (type === "week") {
-      var weekArr = Utils.getWeekDate(y, m, "".concat(day.day), firstDayOfWeek);
+      const weekArr = Utils.getWeekDate(y, m, `${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.push.apply(currentDate, _toConsumableArray(weekArr));
-      state.currDateArray = [Utils.formatResultDate(weekArr[0]), Utils.formatResultDate(weekArr[1])];
+      Array.isArray(currentDate) && currentDate.splice(0) && currentDate.push(...weekArr);
+      state.currDateArray = [
+        Utils.formatResultDate(weekArr[0]),
+        Utils.formatResultDate(weekArr[1])
+      ];
     } else {
       setCurrentDate(days[3]);
-      state.currDateArray = _toConsumableArray(days);
+      state.currDateArray = [...days];
     }
     if (!isFirst) {
-      onDayClick2 && onDayClick2(state.currDateArray);
+      onDayClick && onDayClick(state.currDateArray);
       if (autoBackfill || !popup) {
         confirm();
       }
     }
     setMonthsData(monthsData.slice());
   };
-  var confirm = function confirm2() {
+  const confirm = () => {
     if (type === "range" && state.currDateArray.length === 2 || type !== "range") {
-      var chooseData = state.currDateArray.slice(0);
-      onConfirm2 && onConfirm2(chooseData);
+      const chooseData = state.currDateArray.slice(0);
+      onConfirm && onConfirm(chooseData);
       if (popup) {
-        onUpdate2 && onUpdate2();
+        onUpdate && onUpdate();
       }
     }
   };
-  var classes = classNames(_defineProperty(_defineProperty({}, "".concat(classPrefix, "-title"), !popup), "".concat(classPrefix, "-nofooter"), !!autoBackfill), classPrefix, className);
-  var headerClasses = classNames(_defineProperty(_defineProperty({}, "".concat(classPrefix, "-header"), true), "".concat(classPrefix, "-header-title"), !popup));
-  var isStartTip = function isStartTip2(day, month) {
+  const classes = classNames({
+    [`${classPrefix}-title`]: !popup,
+    [`${classPrefix}-nofooter`]: !!autoBackfill
+  }, classPrefix, className);
+  const headerClasses = classNames({
+    [`${classPrefix}-header`]: true,
+    [`${classPrefix}-header-title`]: !popup
+  });
+  const isStartTip = (day, month) => {
     return (type === "range" || type === "week") && day.type === "active" && isStart(getCurrDate(day, month), currentDate);
   };
-  var isEndTip = function isEndTip2(day, month) {
+  const isEndTip = (day, month) => {
     return currentDate.length >= 2 && (type === "range" || type === "week") && day.type === "active" && isEnd(getCurrDate(day, month), currentDate);
   };
-  var renderHeader = function renderHeader2() {
-    return React__default.createElement("div", {
-      className: headerClasses
-    }, showTitle && React__default.createElement("div", {
-      className: "".concat(classPrefix, "-title")
-    }, title || locale.calendaritem.title), renderHeaderButtons && React__default.createElement("div", {
-      className: "".concat(classPrefix, "-header-buttons")
-    }, renderHeaderButtons()), showSubTitle && React__default.createElement("div", {
-      className: "".concat(classPrefix, "-sub-title")
-    }, yearMonthTitle), React__default.createElement("div", {
-      className: "".concat(classPrefix, "-weeks"),
-      ref: weeksPanel
-    }, weeks.map(function(item) {
-      return React__default.createElement("div", {
-        className: "".concat(classPrefix, "-week-item"),
-        key: item
-      }, item);
-    })));
+  const renderHeader = () => {
+    return React__default.createElement(
+      "div",
+      { className: headerClasses },
+      showTitle && React__default.createElement("div", { className: `${classPrefix}-title` }, title || locale.calendaritem.title),
+      renderHeaderButtons && React__default.createElement("div", { className: `${classPrefix}-header-buttons` }, renderHeaderButtons()),
+      showSubTitle && React__default.createElement("div", { className: `${classPrefix}-sub-title` }, yearMonthTitle),
+      React__default.createElement("div", { className: `${classPrefix}-weeks`, ref: weeksPanel }, weeks.map((item) => React__default.createElement("div", { className: `${classPrefix}-week-item`, key: item }, item)))
+    );
   };
-  var renderContent = function renderContent2() {
-    return React__default.createElement("div", {
-      className: "".concat(classPrefix, "-content"),
-      onScroll: monthsViewScroll,
-      ref: monthsRef
-    }, React__default.createElement("div", {
-      className: "".concat(classPrefix, "-pannel"),
-      ref: monthsPanel
-    }, React__default.createElement("div", {
-      className: "viewArea",
-      ref: viewAreaRef,
-      style: {
-        transform: "translateY(".concat(translateY, "px)")
-      }
-    }, monthsData.slice(monthDefaultRange[0], monthDefaultRange[1]).map(function(month, key) {
-      return React__default.createElement("div", {
-        className: "".concat(classPrefix, "-month"),
-        key
-      }, React__default.createElement("div", {
-        className: "".concat(classPrefix, "-month-title")
-      }, month.title), React__default.createElement("div", {
-        className: "".concat(classPrefix, "-days")
-      }, month.monthData.map(function(day, i) {
-        return React__default.createElement("div", {
-          className: ["".concat(classPrefix, "-day"), getClasses(day, month)].join(" "),
-          onClick: function onClick() {
-            chooseDay(day, month);
-          },
-          key: i
-        }, React__default.createElement("div", {
-          className: "".concat(classPrefix, "-day-day")
-        }, renderDay ? renderDay(day) : day.day), !isStartTip(day, month) && renderDayTop && React__default.createElement("div", {
-          className: "".concat(classPrefix, "-day-info-top")
-        }, renderDayTop(day)), !isStartTip(day, month) && !isEndTip(day, month) && renderDayBottom && React__default.createElement("div", {
-          className: "".concat(classPrefix, "-day-info-bottom")
-        }, renderDayBottom(day)), !isStartTip(day, month) && !isEndTip(day, month) && !renderDayBottom && showToday && isCurrDay(month, day.day) && React__default.createElement("div", {
-          className: "".concat(classPrefix, "-day-info-curr")
-        }, locale.calendaritem.today), isStartTip(day, month) && React__default.createElement("div", {
-          className: "".concat(classPrefix, "-day-info ").concat(isStartAndEnd(currentDate) ? "".concat(classPrefix, "-day-info-top") : "")
-        }, startText || locale.calendaritem.start), isEndTip(day, month) && React__default.createElement("div", {
-          className: "".concat(classPrefix, "-day-info")
-        }, endText || locale.calendaritem.end));
-      })));
-    }))));
+  const renderContent = () => {
+    return React__default.createElement(
+      "div",
+      { className: `${classPrefix}-content`, onScroll: monthsViewScroll, ref: monthsRef },
+      React__default.createElement(
+        "div",
+        { className: `${classPrefix}-pannel`, ref: monthsPanel },
+        React__default.createElement("div", { className: "viewArea", ref: viewAreaRef, style: { transform: `translateY(${translateY}px)` } }, monthsData.slice(monthDefaultRange[0], monthDefaultRange[1]).map((month, key) => {
+          return React__default.createElement(
+            "div",
+            { className: `${classPrefix}-month`, key },
+            React__default.createElement("div", { className: `${classPrefix}-month-title` }, month.title),
+            React__default.createElement("div", { className: `${classPrefix}-days` }, month.monthData.map((day, i) => React__default.createElement(
+              "div",
+              { className: [
+                `${classPrefix}-day`,
+                getClasses(day, month)
+              ].join(" "), onClick: () => {
+                chooseDay(day, month);
+              }, key: i },
+              React__default.createElement("div", { className: `${classPrefix}-day-day` }, renderDay ? renderDay(day) : day.day),
+              !isStartTip(day, month) && renderDayTop && React__default.createElement("div", { className: `${classPrefix}-day-info-top` }, renderDayTop(day)),
+              !isStartTip(day, month) && !isEndTip(day, month) && renderDayBottom && React__default.createElement("div", { className: `${classPrefix}-day-info-bottom` }, renderDayBottom(day)),
+              !isStartTip(day, month) && !isEndTip(day, month) && !renderDayBottom && showToday && isCurrDay(month, day.day) && React__default.createElement("div", { className: `${classPrefix}-day-info-curr` }, locale.calendaritem.today),
+              isStartTip(day, month) && React__default.createElement("div", { className: `${classPrefix}-day-info ${isStartAndEnd(currentDate) ? `${classPrefix}-day-info-top` : ""}` }, startText || locale.calendaritem.start),
+              isEndTip(day, month) && React__default.createElement("div", { className: `${classPrefix}-day-info` }, endText || locale.calendaritem.end)
+            )))
+          );
+        }))
+      )
+    );
   };
-  var renderFooter = function renderFooter2() {
-    return React__default.createElement("div", {
-      className: "nut-calendar-footer"
-    }, children, React__default.createElement("div", {
-      className: "calendar-confirm-btn",
-      onClick: confirm
-    }, confirmText || locale.confirm));
+  const renderFooter = () => {
+    return React__default.createElement(
+      "div",
+      { className: "nut-calendar-footer" },
+      children,
+      React__default.createElement("div", { className: "calendar-confirm-btn", onClick: confirm }, confirmText || locale.confirm)
+    );
   };
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-    className: classes,
-    style
-  }, renderHeader(), renderContent(), popup && !autoBackfill ? renderFooter() : ""));
+  return React__default.createElement(
+    React__default.Fragment,
+    null,
+    React__default.createElement(
+      "div",
+      { className: classes, style },
+      renderHeader(),
+      renderContent(),
+      popup && !autoBackfill ? renderFooter() : ""
+    )
+  );
 });
 CalendarItem.defaultProps = defaultProps;
 CalendarItem.displayName = "NutCalendarItem";