@arco-design/mobile-react 2.38.4 → 2.39.0

package/umd/date-picker/index.js

@@ -14,7 +14,6 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   var _exportNames = {
     YEAR: true
@@ -31,11 +30,8 @@
     _exports[key] = _type[key];
   });
   var _excluded = ["currentTs", "className", "visible", "onOk", "onChange", "onValueChange", "mode", "typeArr", "minTs", "maxTs", "rangeItemFormat", "formatter", "valueFilter", "columnsProcessor", "touchToStop", "useUTC", "renderSeparator", "renderLinkedContainer"];
-
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
   function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
   var allTypes = ['year', 'month', 'date', 'hour', 'minute', 'second'];
   var defaultFormatter = _mobileUtils.formatDateNumber;
   var YEAR = 12 * 30 * 24 * 60 * 60 * 1000;
@@ -45,68 +41,60 @@
   var initDate = Date.now();
   var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var _props$currentTs = props.currentTs,
-        userSetCurrentTs = _props$currentTs === void 0 ? initDate : _props$currentTs,
-        _props$className = props.className,
-        className = _props$className === void 0 ? '' : _props$className,
-        _props$visible = props.visible,
-        visible = _props$visible === void 0 ? false : _props$visible,
-        onOk = props.onOk,
-        onChange = props.onChange,
-        onValueChange = props.onValueChange,
-        _props$mode = props.mode,
-        mode = _props$mode === void 0 ? 'datetime' : _props$mode,
-        _props$typeArr = props.typeArr,
-        typeArr = _props$typeArr === void 0 ? [] : _props$typeArr,
-        _props$minTs = props.minTs,
-        userSetMinTs = _props$minTs === void 0 ? initMinDate : _props$minTs,
-        _props$maxTs = props.maxTs,
-        userSetMaxTs = _props$maxTs === void 0 ? initMaxDate : _props$maxTs,
-        rangeItemFormat = props.rangeItemFormat,
-        _props$formatter = props.formatter,
-        formatter = _props$formatter === void 0 ? defaultFormatter : _props$formatter,
-        _props$valueFilter = props.valueFilter,
-        valueFilter = _props$valueFilter === void 0 ? function () {
-      return true;
-    } : _props$valueFilter,
-        columnsProcessor = props.columnsProcessor,
-        touchToStop = props.touchToStop,
-        _props$useUTC = props.useUTC,
-        useUTC = _props$useUTC === void 0 ? false : _props$useUTC,
-        renderSeparator = props.renderSeparator,
-        renderLinkedContainer = props.renderLinkedContainer,
-        otherProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+      userSetCurrentTs = _props$currentTs === void 0 ? initDate : _props$currentTs,
+      _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
+      _props$visible = props.visible,
+      visible = _props$visible === void 0 ? false : _props$visible,
+      onOk = props.onOk,
+      onChange = props.onChange,
+      onValueChange = props.onValueChange,
+      _props$mode = props.mode,
+      mode = _props$mode === void 0 ? 'datetime' : _props$mode,
+      _props$typeArr = props.typeArr,
+      typeArr = _props$typeArr === void 0 ? [] : _props$typeArr,
+      _props$minTs = props.minTs,
+      userSetMinTs = _props$minTs === void 0 ? initMinDate : _props$minTs,
+      _props$maxTs = props.maxTs,
+      userSetMaxTs = _props$maxTs === void 0 ? initMaxDate : _props$maxTs,
+      rangeItemFormat = props.rangeItemFormat,
+      _props$formatter = props.formatter,
+      formatter = _props$formatter === void 0 ? defaultFormatter : _props$formatter,
+      _props$valueFilter = props.valueFilter,
+      valueFilter = _props$valueFilter === void 0 ? function () {
+        return true;
+      } : _props$valueFilter,
+      columnsProcessor = props.columnsProcessor,
+      touchToStop = props.touchToStop,
+      _props$useUTC = props.useUTC,
+      useUTC = _props$useUTC === void 0 ? false : _props$useUTC,
+      renderSeparator = props.renderSeparator,
+      renderLinkedContainer = props.renderLinkedContainer,
+      otherProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
     var isRange = typeof userSetCurrentTs !== 'number';
-
     var _useState = (0, _react.useState)(userSetCurrentTs[0]),
-        leftTimeValue = _useState[0],
-        setLeftTimeValue = _useState[1];
-
+      leftTimeValue = _useState[0],
+      setLeftTimeValue = _useState[1];
     var _useState2 = (0, _react.useState)(userSetCurrentTs[1]),
-        rightTimeValue = _useState2[0],
-        setRightTimeValue = _useState2[1];
-
+      rightTimeValue = _useState2[0],
+      setRightTimeValue = _useState2[1];
     var _useState3 = (0, _react.useState)(0),
-        activeTabIndex = _useState3[0],
-        setActiveTabIndex = _useState3[1];
-
+      activeTabIndex = _useState3[0],
+      setActiveTabIndex = _useState3[1];
     var _useMemo = (0, _react.useMemo)(function () {
-      return _updateTimeScope();
-    }, [userSetMinTs, userSetMaxTs, activeTabIndex]),
-        minTs = _useMemo[0],
-        maxTs = _useMemo[1];
-
+        return _updateTimeScope();
+      }, [userSetMinTs, userSetMaxTs, activeTabIndex]),
+      minTs = _useMemo[0],
+      maxTs = _useMemo[1];
     var _useState4 = (0, _react.useState)(isRange ? Math.min(maxTs, Math.max(minTs, userSetCurrentTs[0])) : Math.min(maxTs, Math.max(minTs, userSetCurrentTs))),
-        currentTs = _useState4[0],
-        setCurrentTs = _useState4[1];
-
+      currentTs = _useState4[0],
+      setCurrentTs = _useState4[1];
     var _useState5 = (0, _react.useState)([[]]),
-        data = _useState5[0],
-        setData = _useState5[1];
-
+      data = _useState5[0],
+      setData = _useState5[1];
     var _useState6 = (0, _react.useState)([]),
-        value = _useState6[0],
-        setValue = _useState6[1];
-
+      value = _useState6[0],
+      setValue = _useState6[1];
     var currentDateObjRef = (0, _react.useRef)(_convertTsToDateObj(currentTs));
     var minDateObjRef = (0, _react.useRef)(_convertTsToDateObj(minTs));
     var maxDateObjRef = (0, _react.useRef)(_convertTsToDateObj(maxTs));
@@ -120,16 +108,13 @@
       return _getRangeItemValue(rightTimeValue);
     }, [rightTimeValue]);
     var pickerRef = (0, _react.useRef)(null);
-
     function _updateRangeValue(nowCurrentTs) {
       var leftMinTs = typeof userSetMinTs !== 'number' ? userSetMinTs.startTs : userSetMinTs;
       var rightMinTs = typeof userSetMinTs !== 'number' ? userSetMinTs.endTs : userSetMinTs;
       var leftMaxTs = typeof userSetMaxTs !== 'number' ? userSetMaxTs.startTs : userSetMaxTs;
       var rightMaxTs = typeof userSetMaxTs !== 'number' ? userSetMaxTs.endTs : userSetMaxTs;
-
       if (isRange) {
         var leftTime, rightTime;
-
         if (activeTabIndex === 0) {
           leftTime = nowCurrentTs;
           rightTime = Math.min(rightMaxTs, Math.max(Math.max(leftTime, rightMinTs), rightTimeValue));
@@ -137,81 +122,63 @@
           rightTime = nowCurrentTs;
           leftTime = Math.min(leftMaxTs, Math.max(leftMinTs, leftTimeValue));
         }
-
         setLeftTimeValue(leftTime);
         setRightTimeValue(rightTime);
       }
     }
-
     (0, _react.useImperativeHandle)(ref, function () {
       return {
         dom: pickerRef.current ? pickerRef.current.dom : null
       };
     });
-
     function _getColumns() {
       var dateObj = _getActualArray();
-
       var columns = keyOptions.map(function (opt) {
         return dateObj[opt];
       });
-
       if (columnsProcessor) {
         columns = columnsProcessor(columns, currentDateObjRef.current);
       }
-
       return {
         columns: columns,
         dateObj: dateObj
       };
     }
-
     function _parseFormat(format, timeValue) {
       var year = timeValue.year,
-          month = timeValue.month,
-          date = timeValue.date,
-          hour = timeValue.hour,
-          minute = timeValue.minute,
-          second = timeValue.second;
-
+        month = timeValue.month,
+        date = timeValue.date,
+        hour = timeValue.hour,
+        minute = timeValue.minute,
+        second = timeValue.second;
       var padZero = function padZero(num, targetLength) {
         if (targetLength === void 0) {
           targetLength = 2;
         }
-
         var str = "" + num;
-
         while (str.length < targetLength) {
           str = "0" + str;
         }
-
         return str;
       };
-
       var replace = function replace(formatArg, str, num) {
         if (formatArg.includes(str)) {
           return str !== 'Y' ? formatArg.replace(str.repeat(2), padZero(num)).replace(str, padZero(num)) : formatArg.replace(str.repeat(4), padZero(num)).replace(str.repeat(2), padZero(num)).replace(str, padZero(num));
         }
-
         return formatArg;
       };
-
       return [['Y', year], ['M', month], ['D', date], ['H', hour], ['m', minute], ['s', second]].reduce(function (current, item) {
         return replace(current, item[0], item[1]);
       }, format);
     }
-
     function _getRangeItemValue(time) {
       var timeValue = _convertTsToDateObj(time);
-
       if (!isRange) {
         return;
       }
-
       if (rangeItemFormat) {
         return _parseFormat(rangeItemFormat, timeValue);
       }
-
       var format = function format(options, joinString) {
         return options.filter(function (option) {
           return keyOptions.includes(option);
@@ -219,16 +186,13 @@
           return timeValue[option] < 10 ? "0" + timeValue[option] : "" + timeValue[option];
         }).join(joinString);
       };
-
       var datePart = format(['year', 'month', 'date'], '/');
       var timePart = format(['hour', 'minute', 'second'], ':');
       return datePart + (datePart && timePart && ' ') + timePart;
     }
-
     function _getSelectValue(columns) {
       var val = keyOptions.map(function (opt, index) {
         var _curCol$Math$max;
-
         var curCol = columns[index] || [];
         var selectIndex = curCol.findIndex(function (col) {
           return col.value === currentDateObjRef.current[opt];
@@ -237,77 +201,64 @@
       });
       return val;
     }
-
     function _initData() {
       var _getColumns2 = _getColumns(),
-          columns = _getColumns2.columns;
-
+        columns = _getColumns2.columns;
       var val = _getSelectValue(columns);
-
       setData(function () {
         return columns;
       });
       setValue(function () {
         return val;
       });
-    } // 根据当前选中的日期动态改变其他列的options
-    // @en Dynamically change the options of other columns based on the currently selected date
-
+    }
 
+    // 根据当前选中的日期动态改变其他列的options
+    // @en Dynamically change the options of other columns based on the currently selected date
     function _getActualArray() {
-      var dateObj = {}; // 当前时间对象
+      var dateObj = {};
+      // 当前时间对象
       // @en current Date object
-
       var currentDateObj = (0, _extends4.default)({}, currentDateObjRef.current);
       allTypes.forEach(function (type) {
         // 根据日期类型，计算出默认的日期范围
         // @en According to the date type, calculate the default date range.
         var normalRange = _getNormalRange(type, currentDateObj);
-
         var range = [];
-
         switch (type) {
           case 'year':
             // 默认使用minTs和maxTs年份区间
             // @en Default use minTs and maxTs years.
             range = [minDateObjRef.current.year, maxDateObjRef.current.year];
             break;
-
           default:
             {
               // 除了年份外，其他日期类型都需要判断上一级日期是否相同
               // @en In addition to the year, other date types need to check if the upper-level date is the same.
               var checkKeys = allTypes.slice(0, allTypes.indexOf(type));
               range = normalRange;
-
               if ((0, _helper.judgeObj)(currentDateObj, minDateObjRef.current, checkKeys)) {
                 var _extends2;
-
                 range[0] = minDateObjRef.current[type];
                 currentDateObj = (0, _extends4.default)({}, currentDateObj, (_extends2 = {}, _extends2[type] = Math.max(minDateObjRef.current[type], currentDateObj[type]), _extends2));
               }
-
               if ((0, _helper.judgeObj)(currentDateObj, maxDateObjRef.current, checkKeys)) {
                 var _extends3;
-
                 range[range.length - 1] = maxDateObjRef.current[type];
                 currentDateObj = (0, _extends4.default)({}, currentDateObj, (_extends3 = {}, _extends3[type] = Math.min(maxDateObjRef.current[type], currentDateObj[type]), _extends3));
               }
             }
         }
-
         dateObj[type] = _convertRangeToArr(type, range);
       });
       return dateObj;
     }
-
     function _convertRangeToArr(type, range) {
       var _range$ = range[0],
-          start = _range$ === void 0 ? 0 : _range$,
-          _range$2 = range[1],
-          end = _range$2 === void 0 ? 0 : _range$2;
+        start = _range$ === void 0 ? 0 : _range$,
+        _range$2 = range[1],
+        end = _range$2 === void 0 ? 0 : _range$2;
       var arr = [];
-
       for (var i = start; i <= end; i += 1) {
         if (valueFilter(type, i)) {
           var text = formatter(i, type);
@@ -317,60 +268,48 @@
           });
         }
       }
-
       return arr;
     }
-
     function _getNormalRange(type, nowDateObj) {
       switch (type) {
         case 'month':
           return [1, 12];
-
         case 'date':
           if (nowDateObj.month === 2) {
             // 闰年2月29天
             // @en February 29th in leap year
             return nowDateObj.year % 4 === 0 ? [1, 29] : [1, 28];
           }
-
           return (0, _helper.oneOf)(nowDateObj.month, [1, 3, 5, 7, 8, 10, 12]) ? [1, 31] : [1, 30];
-
         case 'hour':
           return [0, 23];
-
         case 'minute':
         case 'second':
           return [0, 59];
-
         default:
           return [];
       }
     }
-
     function _convertObjToTs(obj, defaultTs) {
       return (0, _helper.convertObjToTs)(obj, defaultTs, useUTC);
     }
-
     function _convertTsToDateObj(ts) {
       return (0, _helper.convertTsToDateObj)(ts, useUTC);
     }
-
     function _handlePickerChange(values, index) {
       var type = keyOptions[index];
       var nowDateObj = currentDateObjRef.current;
       values.forEach(function (i, keyIndex) {
         nowDateObj[keyOptions[keyIndex]] = i;
       });
-
       if (~keyOptions.slice(0, keyOptions.length - 1).indexOf(type)) {
         currentDateObjRef.current = nowDateObj;
-
         var _getColumns3 = _getColumns(),
-            columns = _getColumns3.columns,
-            dateObj = _getColumns3.dateObj; // 校准选中日期，比如先选中2020-02-29 年份改为2019，则2月没有29日；需要校准
-        // @en Calibration selected date, For example, if you first select 2020-02-29 and change the year to 2019, there will be no 29th in February; calibration is required
-
+          columns = _getColumns3.columns,
+          dateObj = _getColumns3.dateObj;
 
+        // 校准选中日期，比如先选中2020-02-29 年份改为2019，则2月没有29日；需要校准
+        // @en Calibration selected date, For example, if you first select 2020-02-29 and change the year to 2019, there will be no 29th in February; calibration is required
         keyOptions.forEach(function (key) {
           if (dateObj[key].findIndex(function (item) {
             return item.value === nowDateObj[key];
@@ -378,29 +317,21 @@
             nowDateObj[key] = dateObj[key][dateObj[key].length - 1].value;
           }
         });
-
         var val = _getSelectValue(columns);
-
         setData(columns);
         setValue(val);
       }
-
       setCurrentTs(_convertObjToTs(nowDateObj, currentTs));
-
       if (onValueChange) {
         onValueChange(_convertObjToTs(nowDateObj, currentTs), nowDateObj, index);
       }
     }
-
     function _handlePickerConfirm(values) {
       var nowDateObj;
       var newTs;
-
       if (isRange) {
         var leftTimeObj = _convertTsToDateObj(leftTimeValue);
-
         var rightTimeObj = _convertTsToDateObj(rightTimeValue);
-
         nowDateObj = keyOptions.reduce(function (arr, key) {
           arr[0][key] = leftTimeObj[key];
           arr[1][key] = rightTimeObj[key];
@@ -414,42 +345,32 @@
         });
         newTs = _convertObjToTs(nowDateObj, currentTs);
       }
-
       if (onOk) {
         onOk(newTs, nowDateObj);
       }
-
       if (onChange) {
         onChange(newTs, nowDateObj);
       }
     }
-
     function _getKeyOptions() {
       if (typeArr && typeArr.length) {
         return typeArr;
       }
-
       var options = [];
-
       switch (mode) {
         case 'date':
           options = allTypes.slice(0, 3);
           break;
-
         case 'time':
           options = allTypes.slice(3);
           break;
-
         default:
           options = allTypes;
       }
-
       return options;
     }
-
     function _updateTimeScope(isLeft) {
       var nowMaxTs, nowMinTs;
-
       if (isLeft || activeTabIndex === 0) {
         nowMaxTs = typeof userSetMaxTs === 'number' ? userSetMaxTs : userSetMaxTs.startTs;
         nowMinTs = Math.min(nowMaxTs, typeof userSetMinTs === 'number' ? userSetMinTs : userSetMinTs.startTs);
@@ -457,34 +378,27 @@
         nowMinTs = Math.max(Math.min(typeof userSetMaxTs === 'number' ? userSetMaxTs : userSetMaxTs.startTs, leftTimeValue), typeof userSetMinTs === 'number' ? userSetMinTs : userSetMinTs.endTs);
         nowMaxTs = Math.max(nowMinTs, typeof userSetMaxTs === 'number' ? userSetMaxTs : userSetMaxTs.endTs);
       }
-
       return [nowMinTs, nowMaxTs];
     }
-
     function _chooseTimeActive(index) {
       setActiveTabIndex(index);
     }
-
     (0, _react.useEffect)(function () {
       minDateObjRef.current = _convertTsToDateObj(minTs);
       currentDateObjRef.current = _convertTsToDateObj(currentTs);
       maxDateObjRef.current = _convertTsToDateObj(maxTs);
-
       _initData();
     }, [currentTs, minTs, maxTs, useUTC]);
     (0, _react.useEffect)(function () {
       var nowCurrentTs;
-
       if (isRange) {
         nowCurrentTs = Math.min(maxTs, Math.max(minTs, activeTabIndex === 0 ? leftTimeValue : rightTimeValue));
-
         if (currentTs === nowCurrentTs) {
           _updateRangeValue(currentTs);
         }
       } else {
         nowCurrentTs = Math.min(maxTs, Math.max(minTs, currentTs));
       }
-
       setCurrentTs(nowCurrentTs);
     }, [minTs, maxTs]);
     (0, _react.useEffect)(function () {
@@ -500,21 +414,17 @@
           setActiveTabIndex(0);
           setLeftTimeValue(userSetCurrentTs[0]);
           setRightTimeValue(userSetCurrentTs[1]);
-
           var _updateTimeScope2 = _updateTimeScope(true),
-              nowMinTs = _updateTimeScope2[0],
-              nowMaxTs = _updateTimeScope2[1];
-
+            nowMinTs = _updateTimeScope2[0],
+            nowMaxTs = _updateTimeScope2[1];
           var nowCurrentTs = Math.min(nowMaxTs, Math.max(nowMinTs, userSetCurrentTs[0]));
           setCurrentTs(nowCurrentTs);
-
           if (currentTs === nowCurrentTs) {
             _updateRangeValue(currentTs);
           }
         } else {
           setCurrentTs(Math.min(maxTs, Math.max(minTs, userSetCurrentTs)));
         }
-
         _initData();
       }
     }, [visible]);
@@ -562,8 +472,6 @@
    * @name_en DatePicker
    * @displayName DatePicker
    */
-
   var _default = (0, _mobileUtils.componentWrapper)(DatePicker, 'DatePicker');
-
   _exports.default = _default;
 });