@nutui/nutui-react 1.3.5-beta.1 → 1.3.6

package/dist/esm/CalendarItem.js

@@ -1,30 +1,24 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React__default, { useState, useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import { c as cn } from './bem-893ad28d.js';
 import { U as Utils } from './date-710f8c7c.js';
 import { useConfig } from './ConfigProvider.js';
 import '@bem-react/classname';
-
 function requestAniFrame() {
   if (typeof window !== 'undefined') {
     return window.requestAnimationFrame || function (callback) {
       window.setTimeout(callback, 1000 / 60);
     };
   }
-
   return function (callback) {
     setTimeout(callback, 1000 / 60);
   };
 }
-
 var requestAniFrame$1 = requestAniFrame();
 var defaultProps = {
   type: 'one',
@@ -52,83 +46,74 @@ var defaultProps = {
 };
 var CalendarItem = React__default.forwardRef(function (props, ref) {
   var _classNames, _classNames2;
-
   var _useConfig = useConfig(),
-      locale = _useConfig.locale;
-
+    locale = _useConfig.locale;
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      type = _defaultProps$props.type,
-      isAutoBackFill = _defaultProps$props.isAutoBackFill,
-      poppable = _defaultProps$props.poppable,
-      title = _defaultProps$props.title,
-      defaultValue = _defaultProps$props.defaultValue,
-      showToday = _defaultProps$props.showToday,
-      startText = _defaultProps$props.startText,
-      endText = _defaultProps$props.endText,
-      confirmText = _defaultProps$props.confirmText,
-      showTitle = _defaultProps$props.showTitle,
-      showSubTitle = _defaultProps$props.showSubTitle,
-      toDateAnimation = _defaultProps$props.toDateAnimation,
-      onBtn = _defaultProps$props.onBtn,
-      onDay = _defaultProps$props.onDay,
-      onTopInfo = _defaultProps$props.onTopInfo,
-      onBottomInfo = _defaultProps$props.onBottomInfo,
-      onChoose = _defaultProps$props.onChoose,
-      onUpdate = _defaultProps$props.onUpdate,
-      onSelected = _defaultProps$props.onSelected;
-
+    type = _defaultProps$props.type,
+    isAutoBackFill = _defaultProps$props.isAutoBackFill,
+    poppable = _defaultProps$props.poppable,
+    title = _defaultProps$props.title,
+    defaultValue = _defaultProps$props.defaultValue,
+    showToday = _defaultProps$props.showToday,
+    startText = _defaultProps$props.startText,
+    endText = _defaultProps$props.endText,
+    confirmText = _defaultProps$props.confirmText,
+    showTitle = _defaultProps$props.showTitle,
+    showSubTitle = _defaultProps$props.showSubTitle,
+    toDateAnimation = _defaultProps$props.toDateAnimation,
+    onBtn = _defaultProps$props.onBtn,
+    onDay = _defaultProps$props.onDay,
+    onTopInfo = _defaultProps$props.onTopInfo,
+    onBottomInfo = _defaultProps$props.onBottomInfo,
+    onChoose = _defaultProps$props.onChoose,
+    onUpdate = _defaultProps$props.onUpdate,
+    onSelected = _defaultProps$props.onSelected;
   var weeks = locale.calendaritem.weekdays;
-
   var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      yearMonthTitle = _useState2[0],
-      setYearMonthTitle = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    yearMonthTitle = _useState2[0],
+    setYearMonthTitle = _useState2[1];
   var _useState3 = useState([]),
-      _useState4 = _slicedToArray(_useState3, 2),
-      monthsData = _useState4[0],
-      setMonthsData = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    monthsData = _useState4[0],
+    setMonthsData = _useState4[1];
   var _useState5 = useState(0),
-      _useState6 = _slicedToArray(_useState5, 2),
-      translateY = _useState6[0],
-      setTranslateY = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    translateY = _useState6[0],
+    setTranslateY = _useState6[1];
   var _useState7 = useState([]),
-      _useState8 = _slicedToArray(_useState7, 2),
-      monthDefaultRange = _useState8[0],
-      setMonthDefaultRange = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    monthDefaultRange = _useState8[0],
+    setMonthDefaultRange = _useState8[1];
   var _useState9 = useState({
-    currDate: '',
-    propStartDate: '',
-    propEndDate: '',
-    unLoadPrev: false,
-    touchParams: {
-      startY: 0,
-      endY: 0,
-      startTime: 0,
-      endTime: 0,
-      lastY: 0,
-      lastTime: 0
-    },
-    transformY: 0,
-    scrollDistance: 0,
-    defaultData: [],
-    chooseData: [],
-    monthsData: [],
-    dayPrefix: 'calendar-month-day',
-    startData: '',
-    endData: '',
-    isRange: props.type === 'range',
-    timer: 0,
-    currentIndex: 0,
-    avgHeight: 0,
-    monthsNum: 0
-  }),
-      _useState10 = _slicedToArray(_useState9, 1),
-      state = _useState10[0];
-
+      currDate: '',
+      propStartDate: '',
+      propEndDate: '',
+      unLoadPrev: false,
+      touchParams: {
+        startY: 0,
+        endY: 0,
+        startTime: 0,
+        endTime: 0,
+        lastY: 0,
+        lastTime: 0
+      },
+      transformY: 0,
+      scrollDistance: 0,
+      defaultData: [],
+      chooseData: [],
+      monthsData: [],
+      dayPrefix: 'calendar-month-day',
+      startData: '',
+      endData: '',
+      isRange: props.type === 'range',
+      timer: 0,
+      currentIndex: 0,
+      avgHeight: 0,
+      monthsNum: 0
+    }),
+    _useState10 = _slicedToArray(_useState9, 1),
+    state = _useState10[0];
   var weeksPanel = useRef(null);
   var months = useRef(null);
   var monthsPanel = useRef(null);
@@ -140,87 +125,66 @@ var CalendarItem = React__default.forwardRef(function (props, ref) {
   var monthitemclasses = classNames(_defineProperty({
     'calendar-month-item': true
   }, "".concat(type === 'range' ? 'month-item-range' : ''), true));
-
   var splitDate = function splitDate(date) {
     return date.split('-');
   };
-
   var isStart = function isStart(currDate) {
     return Utils.isEqual(state.currDate[0], currDate);
   };
-
   var isEnd = function isEnd(currDate) {
     return Utils.isEqual(state.currDate[1], currDate);
   };
-
   var isMultiple = function isMultiple(currDate) {
     if (state.currDate.length > 0) {
       return state.currDate.some(function (item) {
         return Utils.isEqual(item, currDate);
       });
     }
-
     return false;
   };
-
   var getCurrDate = function getCurrDate(day, month) {
     return "".concat(month.curData[0], "-").concat(month.curData[1], "-").concat(Utils.getNumTwoBit(+day.day));
   };
-
   var getClass = function getClass(day, month) {
     var currDate = getCurrDate(day, month);
-
     if (day.type === 'curr') {
       if (Utils.isEqual(state.currDate, currDate) || type === 'range' && (isStart(currDate) || isEnd(currDate)) || type === 'multiple' && isMultiple(currDate)) {
         return "".concat(state.dayPrefix, "-active");
       }
-
       if (state.propStartDate && Utils.compareDate(currDate, state.propStartDate) || state.propEndDate && Utils.compareDate(state.propEndDate, currDate)) {
         return "".concat(state.dayPrefix, "-disabled");
       }
-
       if (type === 'range' && Array.isArray(state.currDate) && Object.values(state.currDate).length === 2 && Utils.compareDate(state.currDate[0], currDate) && Utils.compareDate(currDate, state.currDate[1])) {
         return "".concat(state.dayPrefix, "-choose");
       }
-
       return null;
     }
-
     return "".concat(state.dayPrefix, "-disabled");
   };
-
   var isActive = function isActive(day, month) {
     return state.isRange && day.type === 'curr' && getClass(day, month) === 'calendar-month-day-active';
   };
-
   var isCurrDay = function isCurrDay(month, day) {
     var date = "".concat(month.curData[0], "-").concat(month.curData[1], "-").concat(day);
     return Utils.isEqual(date, Utils.date2Str(new Date()));
   };
-
   var confirm = function confirm() {
     var type = props.type;
-
     if (type === 'range' && state.chooseData.length === 2 || type !== 'range') {
       var chooseData = state.chooseData.slice(0);
       onChoose && onChoose(chooseData);
-
       if (poppable) {
         onUpdate && onUpdate();
       }
     }
   };
-
   var chooseDay = function chooseDay(day, month, isFirst) {
     if (getClass(day, month) !== "".concat(state.dayPrefix, "-disabled")) {
       var _type = props.type;
-
       var days = _toConsumableArray(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[4] = Utils.getWhatDay(+days[0], +days[1], +days[2]);
-
       if (_type === 'multiple') {
         if (state.currDate.length > 0) {
           var hasIndex = '';
@@ -229,7 +193,6 @@ var CalendarItem = React__default.forwardRef(function (props, ref) {
               hasIndex = index;
             }
           });
-
           if (isFirst) {
             state.chooseData.push(_toConsumableArray(days));
           } else if (hasIndex !== '') {
@@ -245,7 +208,6 @@ var CalendarItem = React__default.forwardRef(function (props, ref) {
         }
       } else if (_type === 'range') {
         var curDataLength = Object.values(state.currDate).length;
-
         if (curDataLength === 2 || curDataLength === 0) {
           state.currDate = [days[3]];
         } else if (Utils.compareDate(state.currDate[0], days[3])) {
@@ -253,7 +215,6 @@ var CalendarItem = React__default.forwardRef(function (props, ref) {
         } else {
           Array.isArray(state.currDate) && state.currDate.unshift(days[3]);
         }
-
         if (state.chooseData.length === 2 || !state.chooseData.length) {
           state.chooseData = [_toConsumableArray(days)];
         } else if (Utils.compareDate(state.chooseData[0][3], days[3])) {
@@ -265,73 +226,58 @@ var CalendarItem = React__default.forwardRef(function (props, ref) {
         state.currDate = days[3];
         state.chooseData = _toConsumableArray(days);
       }
-
       if (!isFirst) {
         // 点击日期 触发
         onSelected && onSelected(state.chooseData);
-
         if (isAutoBackFill || !poppable) {
           confirm();
         }
       }
-
       setMonthsData(state.monthsData.slice());
     }
   };
-
   var isStartTip = function isStartTip(day, month) {
     return isActive(day, month) && isStart(getCurrDate(day, month));
-  }; // 是否有结束提示
-
-
+  };
+  // 是否有结束提示
   var isEndTip = function isEndTip(day, month) {
     if (state.currDate.length >= 2 && isEnd(getCurrDate(day, month))) {
       return isActive(day, month);
     }
-
     return false;
-  }; // 开始结束时间是否相等
-
-
+  };
+  // 开始结束时间是否相等
   var rangeTip = function rangeTip() {
     if (state.currDate.length >= 2) {
       return Utils.isEqual(state.currDate[0], state.currDate[1]);
     }
-
     return false;
-  }; // 获取当前月数据
-
-
+  };
+  // 获取当前月数据
   var getCurrData = function getCurrData(type) {
     var monthData = type === 'prev' ? state.monthsData[0] : state.monthsData[state.monthsData.length - 1];
     var year = parseInt(monthData.curData[0]);
     var month = parseInt(monthData.curData[1].toString().replace(/^0/, ''));
-
     switch (type) {
       case 'prev':
         month === 1 && (year -= 1);
         month = month === 1 ? 12 : --month;
         break;
-
       case 'next':
         month === 12 && (year += 1);
         month = month === 12 ? 1 : ++month;
         break;
     }
-
     return [year, Utils.getNumTwoBit(month), Utils.getMonthDays(String(year), String(month))];
-  }; // 获取日期状态
-
-
+  };
+  // 获取日期状态
   var getDaysStatus = function getDaysStatus(days, type, dateInfo) {
     // 修复：当某个月的1号是周日时，月份下方会空出来一行
     var year = dateInfo.year,
-        month = dateInfo.month;
-
+      month = dateInfo.month;
     if (type === 'prev' && days >= 7) {
       days -= 7;
     }
-
     return Array.from(Array(days), function (v, k) {
       return {
         day: k + 1,
@@ -340,18 +286,15 @@ var CalendarItem = React__default.forwardRef(function (props, ref) {
         month: month
       };
     });
-  }; // 获取上一个月的最后一周天数，填充当月空白
-
-
+  };
+  // 获取上一个月的最后一周天数，填充当月空白
   var getPreDaysStatus = function getPreDaysStatus(days, type, dateInfo, preCurrMonthDays) {
     // 修复：当某个月的1号是周日时，月份下方会空出来一行
     var year = dateInfo.year,
-        month = dateInfo.month;
-
+      month = dateInfo.month;
     if (type === 'prev' && days >= 7) {
       days -= 7;
     }
-
     var months = Array.from(Array(preCurrMonthDays), function (v, k) {
       return {
         day: k + 1,
@@ -361,19 +304,16 @@ var CalendarItem = React__default.forwardRef(function (props, ref) {
       };
     });
     return months.slice(preCurrMonthDays - days);
-  }; // 获取月数据
-
-
+  };
+  // 获取月数据
   var getMonth = function getMonth(curData, type) {
     var preMonthDays = Utils.getMonthPreDay(+curData[0], +curData[1]);
     var preMonth = +curData[1] - 1;
     var preYear = curData[0];
-
     if (preMonth <= 0) {
       preMonth = 12;
       preYear += 1;
     }
-
     var currMonthDays = Utils.getMonthDays(curData[0], curData[1]);
     var preCurrMonthDays = Utils.getMonthDays("".concat(preYear), "".concat(preMonth));
     var title = {
@@ -390,13 +330,10 @@ var CalendarItem = React__default.forwardRef(function (props, ref) {
     };
     monthInfo.cssHeight = 39 + (monthInfo.monthData.length > 35 ? 384 : 320);
     var cssScrollHeight = 0;
-
     if (state.monthsData.length > 0) {
       cssScrollHeight = state.monthsData[state.monthsData.length - 1].cssScrollHeight + state.monthsData[state.monthsData.length - 1].cssHeight;
     }
-
     monthInfo.cssScrollHeight = cssScrollHeight;
-
     if (type === 'next') {
       if (!state.endData || !Utils.compareDate("".concat(state.endData[0], "-").concat(state.endData[1], "-").concat(Utils.getMonthDays(state.endData[0], state.endData[1])), "".concat(curData[0], "-").concat(curData[1], "-").concat(curData[2]))) {
         state.monthsData.push(monthInfo);
@@ -404,14 +341,11 @@ var CalendarItem = React__default.forwardRef(function (props, ref) {
     } else if (!state.startData || !Utils.compareDate("".concat(curData[0], "-").concat(curData[1], "-").concat(curData[2]), "".concat(state.startData[0], "-").concat(state.startData[1], "-01"))) {
       state.monthsData.unshift(monthInfo);
     }
-
     setMonthsData(state.monthsData);
   };
-
   var setDefaultRange = function setDefaultRange(monthsNum, current) {
     var start = 0;
     var end = 0;
-
     if (monthsNum >= 3) {
       if (current > 0 && current < monthsNum) {
         start = current - 1;
@@ -427,20 +361,16 @@ var CalendarItem = React__default.forwardRef(function (props, ref) {
       start = 0;
       end = monthsNum + 2;
     }
-
     setMonthDefaultRange([start, end]);
     setTranslateY(state.monthsData[start].cssScrollHeight);
   };
-
   var mothsViewScroll = function mothsViewScroll(e) {
     if (state.monthsData.length <= 1) {
       return;
     }
-
     var target = e.target;
     var currentScrollTop = target.scrollTop;
     var current = Math.floor(currentScrollTop / state.avgHeight);
-
     if (current === 0) {
       if (currentScrollTop >= state.monthsData[current + 1].cssScrollHeight) {
         current += 1;
@@ -449,34 +379,27 @@ var CalendarItem = React__default.forwardRef(function (props, ref) {
       if (currentScrollTop >= state.monthsData[current + 1].cssScrollHeight) {
         current += 1;
       }
-
       if (currentScrollTop < state.monthsData[current].cssScrollHeight) {
         current -= 1;
       }
     } else {
       var viewPosition = Math.round(currentScrollTop + viewHeight);
-
       if (viewPosition < state.monthsData[current].cssScrollHeight + state.monthsData[current].cssHeight && currentScrollTop > state.monthsData[current - 1].cssScrollHeight) {
         current -= 1;
       }
-
       if (current + 1 <= state.monthsNum && viewPosition >= state.monthsData[current + 1].cssScrollHeight + state.monthsData[current + 1].cssHeight) {
         current += 1;
       }
-
       if (current >= 1 && currentScrollTop < state.monthsData[current - 1].cssScrollHeight) {
         current -= 1;
       }
     }
-
     if (state.currentIndex !== current) {
       state.currentIndex = current;
       setDefaultRange(state.monthsNum, current);
     }
-
     setYearMonthTitle(state.monthsData[current].title);
   };
-
   var initData = function initData() {
     // 初始化开始结束数据
     var propStartDate = props.startDate ? props.startDate : Utils.getDay(0);
@@ -484,13 +407,12 @@ var CalendarItem = React__default.forwardRef(function (props, ref) {
     state.propStartDate = propStartDate;
     state.propEndDate = propEndDate;
     state.startData = splitDate(propStartDate);
-    state.endData = splitDate(propEndDate); // 根据是否存在默认时间，初始化当前日期
-
+    state.endData = splitDate(propEndDate);
+    // 根据是否存在默认时间，初始化当前日期
     if (defaultValue || Array.isArray(defaultValue) && defaultValue.length > 0) {
       state.currDate = props.type !== 'one' ? _toConsumableArray(props.defaultValue) : props.defaultValue;
-    } // 判断时间范围内存在多少个月
-
-
+    }
+    // 判断时间范围内存在多少个月
     var startDate = {
       year: Number(state.startData[0]),
       month: Number(state.startData[1])
@@ -500,35 +422,28 @@ var CalendarItem = React__default.forwardRef(function (props, ref) {
       month: Number(state.endData[1])
     };
     var monthsNum = endDate.month - startDate.month;
-
     if (endDate.year - startDate.year > 0) {
       monthsNum += 12 * (endDate.year - startDate.year);
     }
-
     if (monthsNum <= 0) {
       monthsNum = 1;
-    } // 设置月份数据
-
-
+    }
+    // 设置月份数据
     getMonth(state.startData, 'next');
     var i = 1;
-
     do {
       getMonth(getCurrData('next'), 'next');
     } while (i++ < monthsNum);
-
-    state.monthsNum = monthsNum; // 日期转化为数组，限制初始日期。判断时间范围
-
+    state.monthsNum = monthsNum;
+    // 日期转化为数组，限制初始日期。判断时间范围
     if (type === 'range' && Array.isArray(state.currDate)) {
       if (state.currDate.length > 0) {
         if (propStartDate && Utils.compareDate(state.currDate[0], propStartDate)) {
           state.currDate.splice(0, 1, propStartDate);
         }
-
         if (propEndDate && Utils.compareDate(propEndDate, state.currDate[1])) {
           state.currDate.splice(1, 1, propEndDate);
         }
-
         state.defaultData = [].concat(_toConsumableArray(splitDate(state.currDate[0])), _toConsumableArray(splitDate(state.currDate[1])));
       }
     } else if (props.type === 'multiple' && Array.isArray(state.currDate)) {
@@ -552,20 +467,16 @@ var CalendarItem = React__default.forwardRef(function (props, ref) {
       } else if (propEndDate && !Utils.compareDate(state.currDate, propEndDate)) {
         state.currDate = propEndDate;
       }
-
       state.defaultData = _toConsumableArray(splitDate(state.currDate));
-    } // 设置默认可见区域
-
-
+    }
+    // 设置默认可见区域
     var current = 0;
     var lastCurrent = 0;
-
     if (state.defaultData.length > 0) {
       state.monthsData.forEach(function (item, index) {
         if (item.title === locale.calendaritem.monthTitle(state.defaultData[0], state.defaultData[1])) {
           current = index;
         }
-
         if (props.type === 'range') {
           if (item.title === locale.calendaritem.monthTitle(state.defaultData[3], state.defaultData[4])) {
             lastCurrent = index;
@@ -573,11 +484,9 @@ var CalendarItem = React__default.forwardRef(function (props, ref) {
         }
       });
     }
-
     setDefaultRange(monthsNum, current);
     state.currentIndex = current;
     setYearMonthTitle(state.monthsData[state.currentIndex].title);
-
     if (state.defaultData.length > 0) {
       // 设置当前选中日期
       if (type === 'range') {
@@ -610,7 +519,6 @@ var CalendarItem = React__default.forwardRef(function (props, ref) {
         }, state.monthsData[state.currentIndex], true);
       }
     }
-
     var lastItem = state.monthsData[state.monthsData.length - 1];
     var containerHeight = lastItem.cssHeight + lastItem.cssScrollHeight;
     requestAniFrame$1(function () {
@@ -623,40 +531,33 @@ var CalendarItem = React__default.forwardRef(function (props, ref) {
     });
     state.avgHeight = Math.floor(containerHeight / (monthsNum + 1));
   };
-
   var resetRender = function resetRender() {
     state.chooseData.splice(0);
     state.monthsData.splice(0);
     initData();
-  }; // 暴露出的API
-
-
+  };
+  // 暴露出的API
   var scrollToDate = function scrollToDate(date) {
     if (Utils.compareDate(date, state.propStartDate)) {
       date = state.propStartDate;
     } else if (!Utils.compareDate(date, state.propEndDate)) {
       date = state.propEndDate;
     }
-
     var dateArr = splitDate(date);
     state.monthsData.forEach(function (item, index) {
       if (item.title === locale.calendaritem.monthTitle(dateArr[0], dateArr[1])) {
         if (months.current) {
           var distance = state.monthsData[index].cssScrollHeight - months.current.scrollTop;
-
           if (toDateAnimation) {
             var flag = 0;
             var interval = setInterval(function () {
               flag++;
-
               if (months.current) {
                 var offset = distance / 10;
                 months.current.scrollTop += offset;
               }
-
               if (flag >= 10) {
                 clearInterval(interval);
-
                 if (months.current) {
                   months.current.scrollTop = state.monthsData[index].cssScrollHeight;
                 }
@@ -669,7 +570,6 @@ var CalendarItem = React__default.forwardRef(function (props, ref) {
       }
     });
   };
-
   useEffect(function () {
     initData();
   }, []);