@arco-design/mobile-react 2.24.2 → 2.25.1

package/esm/count-down/util.js

@@ -3,9 +3,10 @@
 var SECOND = 1000;
 var MINUTE = 60 * SECOND;
 var HOUR = 60 * MINUTE;
-var DAY = 24 * HOUR; // 把毫秒解析成TimeDataType格式
-// @en Parse milliseconds into TimeDataType format
+var DAY = 24 * HOUR;
 
+// 把毫秒解析成TimeDataType格式
+// @en Parse milliseconds into TimeDataType format
 export function parseTime(time) {
   var days = Math.floor(time / DAY);
   var hours = Math.floor(time % DAY / HOUR);
@@ -19,106 +20,96 @@ export function parseTime(time) {
     seconds: seconds,
     milliseconds: milliseconds
   };
-} // 把TimeDataType解析成毫秒
+}
+// 把TimeDataType解析成毫秒
 // @en Parse TimeDataType into milliseconds
-
 export function unParseTime(time) {
   var _time$days = time.days,
-      days = _time$days === void 0 ? 0 : _time$days,
-      _time$hours = time.hours,
-      hours = _time$hours === void 0 ? 0 : _time$hours,
-      _time$minutes = time.minutes,
-      minutes = _time$minutes === void 0 ? 0 : _time$minutes,
-      _time$seconds = time.seconds,
-      seconds = _time$seconds === void 0 ? 0 : _time$seconds,
-      _time$milliseconds = time.milliseconds,
-      milliseconds = _time$milliseconds === void 0 ? 0 : _time$milliseconds;
+    days = _time$days === void 0 ? 0 : _time$days,
+    _time$hours = time.hours,
+    hours = _time$hours === void 0 ? 0 : _time$hours,
+    _time$minutes = time.minutes,
+    minutes = _time$minutes === void 0 ? 0 : _time$minutes,
+    _time$seconds = time.seconds,
+    seconds = _time$seconds === void 0 ? 0 : _time$seconds,
+    _time$milliseconds = time.milliseconds,
+    milliseconds = _time$milliseconds === void 0 ? 0 : _time$milliseconds;
   return days * DAY + hours * HOUR + minutes * MINUTE + seconds * SECOND + milliseconds;
-} // 判断是否在浏览器中运行
+}
+// 判断是否在浏览器中运行
 // @en Determine if it is running in the browser
-
-export var inBrowser = typeof window !== 'undefined'; // 判断根元素
+export var inBrowser = typeof window !== 'undefined';
+// 判断根元素
 // @en Determine the root element
-
-var root = inBrowser ? window : global; // 根据id清除对应的animationFrame
+var root = inBrowser ? window : global;
+// 根据id清除对应的animationFrame
 // @en Clear the corresponding animationFrame according to the id
-
 export function cancelRaf(id) {
   var cancelAnimationFrame = root.cancelAnimationFrame || root.clearTimeout;
   cancelAnimationFrame.call(root, id);
-} // 计算现在时间
+}
+// 计算现在时间
 // @en Calculate the current time
-
-var prev = Date.now(); // requestAnimationFrame不存在时用setTimeout代替，得出id
+var prev = Date.now();
+// requestAnimationFrame不存在时用setTimeout代替，得出id
 // @en When requestAnimationFrame does not exist, use setTimeout instead to get the id
-
 function rafPolyfill(fn) {
   var curr = Date.now();
   var ms = Math.max(0, 16 - (curr - prev));
   var id = setTimeout(fn, ms);
   prev = curr + ms;
   return id;
-} // 得到animationFrame的id
+}
+// 得到animationFrame的id
 // @en Get the id of animationFrame
-
-
 export function raf(fn) {
   var requestAnimationFrame = root.requestAnimationFrame || rafPolyfill;
   return requestAnimationFrame.call(root, fn);
-} // 补0成需要的格式
+}
+// 补0成需要的格式
 // @en Fill 0 into the required format
-
 export function padZero(num, targetLength) {
   if (targetLength === void 0) {
     targetLength = 2;
   }
-
   var str = "" + num;
-
   while (str.length < targetLength) {
     str = "0" + str;
   }
-
   return str;
-} // 根据传入的格式解析时间成特定格式
+}
+// 根据传入的格式解析时间成特定格式
 // @en Parse the time into a specific format according to the inputing format
-
 export function parseFormat(formatArg, currentTime) {
   var days = currentTime.days;
   var format = formatArg;
   var hours = currentTime.hours,
-      minutes = currentTime.minutes,
-      seconds = currentTime.seconds,
-      milliseconds = currentTime.milliseconds;
-
+    minutes = currentTime.minutes,
+    seconds = currentTime.seconds,
+    milliseconds = currentTime.milliseconds;
   if (format.includes('D')) {
     format = format.replace('DD', padZero(days)).replace('D', "" + days);
   } else {
     hours += days * 24;
   }
-
   if (format.includes('H')) {
     format = format.replace('HH', padZero(hours)).replace('H', "" + hours);
   } else {
     minutes += hours * 60;
   }
-
   if (format.includes('m')) {
     format = format.replace('mm', padZero(minutes)).replace('m', "" + minutes);
   } else {
     seconds += minutes * 60;
   }
-
   if (format.includes('s')) {
     format = format.replace('ss', padZero(seconds)).replace('s', "" + seconds);
   } else {
     milliseconds += seconds * 1000;
   }
-
   if (format.includes('S')) {
     var ms = padZero(milliseconds, 3);
     format = format.replace(/S{3}/, ms).replace(/S{2}/, ms.slice(0, 2)).replace(/S{1}/, ms.charAt(0));
   }
-
   return format;
 }

package/esm/date-picker/helper.js

@@ -14,19 +14,17 @@ export function convertObjToTs(obj, defaultTs, utc) {
   if (obj === void 0) {
     obj = {};
   }
-
   var date = new DateWithUTC(defaultTs, utc);
   var defaultDate = date.getDate();
-  !isNaN(obj.year) && date.setFullYear(obj.year); // bugfix: setMonth后如果日期超限则会自动顺延到下月，此时返回月份就不准了，因此先设置date为1再设置month
+  !isNaN(obj.year) && date.setFullYear(obj.year);
+  // bugfix: setMonth后如果日期超限则会自动顺延到下月，此时返回月份就不准了，因此先设置date为1再设置month
   // @en bugfix: After setMonth, if the date exceeds the limit, it will be automatically extended to the next month. At this time, the return month is not allowed, so first set date to 1 and then set month
-
   if (!isNaN(obj.month)) {
     date.setDate(1);
     date.setMonth(obj.month - 1);
-  } // date的值可能被修改，需要被还原
+  }
+  // date的值可能被修改，需要被还原
   // @en The value of date may be modified and needs to be restored
-
-
   date.setDate(isNaN(obj.date) ? defaultDate : obj.date);
   !isNaN(obj.hour) && date.setHours(obj.hour);
   !isNaN(obj.minute) && date.setMinutes(obj.minute);
@@ -35,14 +33,14 @@ export function convertObjToTs(obj, defaultTs, utc) {
 }
 export function oneOf(value, validList) {
   return validList.indexOf(value) !== -1;
-} // 查看两个obj中的keys里的各个值是否都一致
-// @en Check whether the values in the keys in the two obj are consistent
+}
 
+// 查看两个obj中的keys里的各个值是否都一致
+// @en Check whether the values in the keys in the two obj are consistent
 export function judgeObj(dateObj1, dateObj2, keys) {
   if (keys === void 0) {
     keys = [];
   }
-
   return !keys.some(function (key) {
     return dateObj1[key] !== dateObj2[key];
   });

package/esm/date-picker/index.d.ts

@@ -9,6 +9,9 @@ export interface DatePickerRef {
      */
     dom: HTMLDivElement | null;
 }
+declare const _default: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<DatePickerRef>> & {
+    displayName?: string | undefined;
+};
 /**
  * 日期时间选择器，基于`Picker`组件扩展，支持指定范围，单位可精确到秒。
  * @en Date picker, based on the `Picker` component, supports the specified range, the unit can be accurate to seconds.
@@ -16,6 +19,6 @@ export interface DatePickerRef {
  * @type_en Data Entry
  * @name 日期时间选择器
  * @name_en DatePicker
+ * @displayName DatePicker
  */
-declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<DatePickerRef>>;
-export default DatePicker;
+export default _default;

package/esm/date-picker/index.js

@@ -2,70 +2,55 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 var _excluded = ["currentTs", "className", "visible", "onOk", "onChange", "onValueChange", "mode", "typeArr", "minTs", "maxTs", "formatter", "valueFilter", "columnsProcessor", "touchToStop", "useUTC"];
 import React, { useEffect, useRef, useState, useMemo, forwardRef, useImperativeHandle } from 'react';
-import { cls } from '@arco-design/mobile-utils';
+import { cls, componentWrapper } from '@arco-design/mobile-utils';
 import Picker from '../picker';
 import { ContextLayout } from '../context-provider';
 import { convertTsToDateObj, oneOf, judgeObj, convertObjToTs } from './helper';
 export * from './type';
 var allTypes = ['year', 'month', 'date', 'hour', 'minute', 'second'];
-
 var defaultFormatter = function defaultFormatter(value) {
   return value < 10 ? "0" + value : String(value);
 };
-
 export var YEAR = 12 * 30 * 24 * 60 * 60 * 1000;
 var initMinDate = Date.now() - 10 * YEAR;
 var initMaxDate = Date.now() + 10 * YEAR;
 var initDate = Date.now();
-
-/**
- * 日期时间选择器，基于`Picker`组件扩展，支持指定范围，单位可精确到秒。
- * @en Date picker, based on the `Picker` component, supports the specified range, the unit can be accurate to seconds.
- * @type 数据录入
- * @type_en Data Entry
- * @name 日期时间选择器
- * @name_en DatePicker
- */
 var DatePicker = /*#__PURE__*/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,
-      minTs = _props$minTs === void 0 ? initMinDate : _props$minTs,
-      _props$maxTs = props.maxTs,
-      maxTs = _props$maxTs === void 0 ? initMaxDate : _props$maxTs,
-      _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,
-      otherProps = _objectWithoutPropertiesLoose(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,
+    minTs = _props$minTs === void 0 ? initMinDate : _props$minTs,
+    _props$maxTs = props.maxTs,
+    maxTs = _props$maxTs === void 0 ? initMaxDate : _props$maxTs,
+    _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,
+    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
   var currentTs = Math.min(maxTs, Math.max(minTs, userSetCurrentTs));
-
   var _useState = useState([[]]),
-      data = _useState[0],
-      setData = _useState[1];
-
+    data = _useState[0],
+    setData = _useState[1];
   var _useState2 = useState([]),
-      value = _useState2[0],
-      setValue = _useState2[1];
-
+    value = _useState2[0],
+    setValue = _useState2[1];
   var currentDateObjRef = useRef(_convertTsToDateObj(currentTs));
   var minDateObjRef = useRef(_convertTsToDateObj(minTs));
   var maxDateObjRef = useRef(_convertTsToDateObj(maxTs));
@@ -78,7 +63,6 @@ var DatePicker = /*#__PURE__*/forwardRef(function (props, ref) {
       dom: pickerRef.current ? pickerRef.current.dom : null
     };
   });
-
   function _getColumns() {
     var dateObj = {};
     allTypes.forEach(function (type) {
@@ -87,21 +71,17 @@ var DatePicker = /*#__PURE__*/forwardRef(function (props, ref) {
     var columns = keyOptions.map(function (opt) {
       return dateObj[opt];
     });
-
     if (columnsProcessor) {
       columns = columnsProcessor(columns, currentDateObjRef.current);
     }
-
     return {
       columns: columns,
       dateObj: dateObj
     };
   }
-
   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];
@@ -110,58 +90,47 @@ var DatePicker = /*#__PURE__*/forwardRef(function (props, ref) {
     });
     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(type, nowDateObj) {
     var normalRange = _getNormalRange(type, nowDateObj);
-
     var range = [];
-
     switch (type) {
       case 'year':
         range = [minDateObjRef.current.year, maxDateObjRef.current.year];
         break;
-
       default:
         {
           var checkKeys = allTypes.slice(0, allTypes.indexOf(type));
           range = normalRange;
-
           if (judgeObj(nowDateObj, minDateObjRef.current, checkKeys)) {
             range[0] = minDateObjRef.current[type];
           }
-
           if (judgeObj(nowDateObj, maxDateObjRef.current, checkKeys)) {
             range[range.length - 1] = maxDateObjRef.current[type];
           }
         }
     }
-
     return _convertRangeToArr(type, range);
   }
-
   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);
@@ -171,60 +140,48 @@ var DatePicker = /*#__PURE__*/forwardRef(function (props, ref) {
         });
       }
     }
-
     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 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 convertObjToTs(obj, defaultTs, useUTC);
   }
-
   function _convertTsToDateObj(ts) {
     return convertTsToDateObj(ts, useUTC);
   }
-
   function _handlePickerChange(values, index) {
     var type = keyOptions[index];
     var nowDateObj = {};
     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];
@@ -232,69 +189,53 @@ var DatePicker = /*#__PURE__*/forwardRef(function (props, ref) {
           nowDateObj[key] = dateObj[key][dateObj[key].length - 1].value;
         }
       });
-
       var val = _getSelectValue(columns);
-
       setData(columns);
       setValue(val);
     }
-
     if (onValueChange) {
       onValueChange(_convertObjToTs(nowDateObj, currentTs), nowDateObj, index);
     }
   }
-
   function _handlePickerConfirm(values) {
     var nowDateObj = {};
     values.forEach(function (index, keyIndex) {
       nowDateObj[keyOptions[keyIndex]] = index;
     });
-
     var 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;
   }
-
   useEffect(function () {
     minDateObjRef.current = _convertTsToDateObj(minTs);
     currentDateObjRef.current = _convertTsToDateObj(currentTs);
     maxDateObjRef.current = _convertTsToDateObj(maxTs);
-
     _initData();
   }, [currentTs, minTs, maxTs, useUTC]);
   useEffect(function () {
     if (visible) {
       currentDateObjRef.current = _convertTsToDateObj(currentTs);
-
       _initData();
     }
   }, [visible]);
@@ -313,4 +254,13 @@ var DatePicker = /*#__PURE__*/forwardRef(function (props, ref) {
     }));
   });
 });
-export default DatePicker;
+/**
+ * 日期时间选择器，基于`Picker`组件扩展，支持指定范围，单位可精确到秒。
+ * @en Date picker, based on the `Picker` component, supports the specified range, the unit can be accurate to seconds.
+ * @type 数据录入
+ * @type_en Data Entry
+ * @name 日期时间选择器
+ * @name_en DatePicker
+ * @displayName DatePicker
+ */
+export default componentWrapper(DatePicker, 'DatePicker');