@arco-design/mobile-react 2.25.4 → 2.27.0

package/umd/collapse/utils.js

@@ -14,6 +14,7 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.defaultContextKey = _exports.allContexts = _exports.CollapseKeyContext = void 0;
   _exports.getCollapseContext = getCollapseContext;
@@ -22,6 +23,7 @@
   _exports.defaultContextKey = defaultContextKey;
   var allContexts = {};
   _exports.allContexts = allContexts;
+
   function getCollapseContext(key) {
     if (!allContexts[key]) {
       allContexts[key] = /*#__PURE__*/_react.default.createContext({
@@ -30,10 +32,13 @@
         onCollapse: function onCollapse() {}
       });
     }
+
     return allContexts[key];
   }
+
   var CollapseKeyContext = /*#__PURE__*/_react.default.createContext({
     key: defaultContextKey
   });
+
   _exports.CollapseKeyContext = CollapseKeyContext;
 });

package/umd/context-provider/index.d.ts

@@ -35,6 +35,12 @@ export interface GlobalContextParams {
      * @en Internationalized language configuration
      */
     locale?: ILocale;
+    /**
+     * 是否使用Rtl模式
+     * @en Whether to use rtl
+     * @default false
+     */
+    useRtl?: boolean;
 }
 export declare const defaultContext: GlobalContextParams;
 export declare const GlobalContext: React.Context<GlobalContextParams>;

package/umd/context-provider/index.js

@@ -14,6 +14,7 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.CompWithGlobalContext = CompWithGlobalContext;
   _exports.GlobalContext = _exports.ContextLayout = void 0;
@@ -23,19 +24,24 @@
   _objectWithoutPropertiesLoose2 = _interopRequireDefault(_objectWithoutPropertiesLoose2);
   _react = _interopRequireWildcard(_react);
   var _excluded = ["children", "useDarkMode", "isDarkMode", "theme", "locale"],
-    _excluded2 = ["context"];
+      _excluded2 = ["context"];
+
   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 defaultContext = {
     prefixCls: 'arco',
     system: '',
     useDarkMode: false,
     isDarkMode: false,
-    locale: _mobileUtils.defaultLocale
+    locale: _mobileUtils.defaultLocale,
+    useRtl: false
   };
   _exports.defaultContext = defaultContext;
   var GlobalContext = /*#__PURE__*/(0, _react.createContext)(defaultContext);
   _exports.GlobalContext = GlobalContext;
+
   /**
    * 全局数据控制组件，用于替换全局数据。
    * @en Global data control component, used to replace global data.
@@ -46,29 +52,34 @@
    */
   function ContextProvider(props) {
     var children = props.children,
-      useDarkMode = props.useDarkMode,
-      isDarkMode = props.isDarkMode,
-      theme = props.theme,
-      _props$locale = props.locale,
-      locale = _props$locale === void 0 ? _mobileUtils.defaultLocale : _props$locale,
-      restProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+        useDarkMode = props.useDarkMode,
+        isDarkMode = props.isDarkMode,
+        theme = props.theme,
+        _props$locale = props.locale,
+        locale = _props$locale === void 0 ? _mobileUtils.defaultLocale : _props$locale,
+        restProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+
     var _useState = (0, _react.useState)(),
-      isDarkModeState = _useState[0],
-      setIsDarkModeState = _useState[1];
+        isDarkModeState = _useState[0],
+        setIsDarkModeState = _useState[1];
+
     var changeDarkMode = (0, _react.useCallback)(function (res) {
       return setIsDarkModeState(res.matches);
     }, []);
     (0, _react.useEffect)(function () {
       var matchMedia = window.matchMedia('(prefers-color-scheme: dark)');
+
       if (useDarkMode) {
         var dark = matchMedia.matches;
         setIsDarkModeState(dark);
+
         if (typeof matchMedia.addEventListener === 'function') {
           matchMedia.addEventListener('change', changeDarkMode);
         } else if (typeof matchMedia.addListener === 'function') {
           matchMedia.addListener(changeDarkMode);
         }
       }
+
       return function () {
         if (useDarkMode) {
           if (typeof matchMedia.removeEventListener === 'function') {
@@ -83,6 +94,7 @@
       if (!theme) {
         return;
       }
+
       (0, _mobileUtils.addCssRules)('arcoCustomTheme', theme);
       return function () {
         (0, _mobileUtils.removeCssStyleDom)('arcoCustomTheme');
@@ -96,12 +108,14 @@
       })
     }, children);
   }
+
   var ContextLayout = GlobalContext.Consumer;
   _exports.ContextLayout = ContextLayout;
+
   function CompWithGlobalContext(Component) {
     return function (props) {
       var propsContext = props.context,
-        others = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
+          others = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
       return /*#__PURE__*/_react.default.createElement(ContextLayout, null, function (context) {
         return /*#__PURE__*/_react.default.createElement(ContextProvider, (0, _extends2.default)({}, context, propsContext), /*#__PURE__*/_react.default.createElement(Component, others));
       });

package/umd/count-down/hooks.js

@@ -15,84 +15,101 @@
 
   _exports.__esModule = true;
   _exports.useCountDown = void 0;
+
   var useCountDown = function useCountDown(options) {
     var taskIdRef = (0, _react.useRef)(0);
     var endTimeRef = (0, _react.useRef)();
     var countingRef = (0, _react.useRef)();
+
     var _useRefState = (0, _helpers.useRefState)(options.time),
-      remain = _useRefState[0],
-      remainRef = _useRefState[1],
-      setRemain = _useRefState[2];
+        remain = _useRefState[0],
+        remainRef = _useRefState[1],
+        setRemain = _useRefState[2];
+
     var _useState = (0, _react.useState)((0, _util.parseTime)(options.time)),
-      current = _useState[0],
-      setCurrent = _useState[1];
-    var taskType = options.millisecond ? 'micro' : 'macro';
+        current = _useState[0],
+        setCurrent = _useState[1];
 
-    // 暂停
+    var taskType = options.millisecond ? 'micro' : 'macro'; // 暂停
     // @en Pause
+
     var pause = function pause() {
       countingRef.current = false;
       (0, _singleton.stopTask)(taskType, taskIdRef.current);
-    };
-    // 计算当前剩余时间，以毫秒为单位
+    }; // 计算当前剩余时间，以毫秒为单位
     // @en Calculate the current remaining time in milliseconds
+
+
     var getCurrentRemain = function getCurrentRemain() {
       var leftTime = Math.max(endTimeRef.current - Date.now(), 0);
+
       if (options.millisecond) {
         return leftTime;
       }
+
       return Math.round(leftTime / 1000) * 1000;
     };
+
     var setRemainCallback = function setRemainCallback(value) {
       setRemain(value);
       var time = (0, _util.parseTime)(value);
+
       if (options.onChange && value !== options.time) {
         options.onChange(time, value);
       }
+
       if (value === 0) {
         setCurrent(time);
         pause();
         options.onFinish == null ? void 0 : options.onFinish();
       }
-    };
-    // 开启任务
+    }; // 开启任务
     // @en start tasks
+
+
     var tick = function tick() {
       taskIdRef.current = (0, _singleton.startTask)(taskType, function () {
         if (countingRef.current) {
           setRemainCallback(getCurrentRemain());
           return remainRef.current > 0;
         }
+
         return false;
       });
-    };
-    // 开始
+    }; // 开始
     // @en Start
+
+
     var start = function start(reStart) {
       if (reStart === void 0) {
         reStart = false;
       }
+
       if (!countingRef.current) {
         if (reStart) {
           endTimeRef.current = Date.now() + options.time;
         } else {
           endTimeRef.current = Date.now() + remainRef.current;
         }
+
         countingRef.current = true;
         tick();
       }
-    };
-    // 重置
+    }; // 重置
     // @en Reset
+
+
     var reset = function reset() {
       var totalTime = options.time;
       endTimeRef.current = Date.now() + totalTime;
       pause();
       setRemainCallback(totalTime);
+
       if (options.autoStart) {
         start(true);
       }
     };
+
     (0, _react.useEffect)(function () {
       // ummounted时如果正在运行倒计时则暂停
       // @en Pause if the countdown is running when ummounted
@@ -101,24 +118,21 @@
           pause();
         }
       };
-    }, []);
-
-    // 设置自动开始倒计时时自动启动
+    }, []); // 设置自动开始倒计时时自动启动
     // @en Set to start automatically when the countdown starts automatically
+
     (0, _react.useEffect)(function () {
       if (options.autoStart) {
         start();
       }
-    }, [options.autoStart]);
-
-    // 倒计时设置变化时重新计时
+    }, [options.autoStart]); // 倒计时设置变化时重新计时
     // @en Re-time when countdown settings change
+
     (0, _react.useEffect)(function () {
       reset();
-    }, [options.time]);
-
-    // remain变化时同步current 即把毫秒转化为TimeDataType类型
+    }, [options.time]); // remain变化时同步current 即把毫秒转化为TimeDataType类型
     // @en Synchronize current when remain changes, that is, convert milliseconds to TimeDataType
+
     (0, _react.useEffect)(function () {
       setCurrent((0, _util.parseTime)(remain));
     }, [remain]);
@@ -129,5 +143,6 @@
       current: current
     };
   };
+
   _exports.useCountDown = useCountDown;
 });

package/umd/count-down/index.js

@@ -23,8 +23,11 @@
     if (key in _exports && _exports[key] === _type[key]) return;
     _exports[key] = _type[key];
   });
+
   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; }
+
   /**
    * 倒计时组件
    * @en Countdown Component
@@ -35,38 +38,37 @@
    */
   var CountDown = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$style = props.style,
-      style = _props$style === void 0 ? {} : _props$style,
-      _props$time = props.time,
-      time = _props$time === void 0 ? 0 : _props$time,
-      _props$format = props.format,
-      format = _props$format === void 0 ? 'HH:mm:ss' : _props$format,
-      _props$autoStart = props.autoStart,
-      autoStart = _props$autoStart === void 0 ? true : _props$autoStart,
-      _props$millisecond = props.millisecond,
-      millisecond = _props$millisecond === void 0 ? false : _props$millisecond,
-      onFinish = props.onFinish,
-      onChange = props.onChange,
-      renderChild = props.renderChild;
-    var domRef = (0, _react.useRef)(null);
-
-    // 传入倒计时等变量得到开始暂停启动三个方法以及目前所剩时间current(TimeDataType格式)
+        className = _props$className === void 0 ? '' : _props$className,
+        _props$style = props.style,
+        style = _props$style === void 0 ? {} : _props$style,
+        _props$time = props.time,
+        time = _props$time === void 0 ? 0 : _props$time,
+        _props$format = props.format,
+        format = _props$format === void 0 ? 'HH:mm:ss' : _props$format,
+        _props$autoStart = props.autoStart,
+        autoStart = _props$autoStart === void 0 ? true : _props$autoStart,
+        _props$millisecond = props.millisecond,
+        millisecond = _props$millisecond === void 0 ? false : _props$millisecond,
+        onFinish = props.onFinish,
+        onChange = props.onChange,
+        renderChild = props.renderChild;
+    var domRef = (0, _react.useRef)(null); // 传入倒计时等变量得到开始暂停启动三个方法以及目前所剩时间current(TimeDataType格式)
     // @en get start, pause, reset methods and the current remaining time —— current (TimeDataType format) by inputing variables such as countdown
-    var _useCountDown = (0, _hooks.useCountDown)({
-        time: typeof time === 'number' ? time : (0, _util.unParseTime)(time),
-        millisecond: millisecond,
-        onChange: onChange,
-        onFinish: onFinish,
-        autoStart: autoStart
-      }),
-      start = _useCountDown.start,
-      pause = _useCountDown.pause,
-      reset = _useCountDown.reset,
-      current = _useCountDown.current;
 
-    // 导出dom以及start,pause,reset三个方法
+    var _useCountDown = (0, _hooks.useCountDown)({
+      time: typeof time === 'number' ? time : (0, _util.unParseTime)(time),
+      millisecond: millisecond,
+      onChange: onChange,
+      onFinish: onFinish,
+      autoStart: autoStart
+    }),
+        start = _useCountDown.start,
+        pause = _useCountDown.pause,
+        reset = _useCountDown.reset,
+        current = _useCountDown.current; // 导出dom以及start,pause,reset三个方法
     // @en Export dom and three methods of start, pause and reset
+
+
     (0, _react.useImperativeHandle)(ref, function () {
       return {
         dom: domRef.current,

package/umd/count-down/singleton.js

@@ -32,18 +32,21 @@
     macro: []
   };
   _exports.taskQueue = taskQueue;
+
   function startTask(type, callback) {
     taskCount[type] += 1;
     taskQueue[type].push({
       id: taskCount[type],
       callback: callback
-    });
-    // 超过1个任务说明定时任务已建，执行时取最新queue即可
+    }); // 超过1个任务说明定时任务已建，执行时取最新queue即可
+
     if (taskQueue[type].length <= 1) {
       type === 'micro' ? execMicroTask() : execMacroTask();
     }
+
     return taskCount[type];
   }
+
   function execMicroTask() {
     rafId && (0, _util.cancelRaf)(rafId);
     rafId = (0, _util.raf)(function () {
@@ -51,6 +54,7 @@
       taskQueue.micro.length && execMicroTask();
     });
   }
+
   function execMacroTask() {
     timeoutId && clearTimeout(timeoutId);
     timeoutId = window.setTimeout(function () {
@@ -58,19 +62,23 @@
       taskQueue.macro.length && execMacroTask();
     }, 1000);
   }
+
   function execTask(type) {
     taskQueue[type].forEach(function (item) {
       var needContinue = item.callback();
+
       if (!needContinue) {
         stopTask(type, item.id);
       }
     });
   }
+
   function stopTask(type, id) {
     var queue = taskQueue[type];
     var index = queue.findIndex(function (val) {
       return val.id === id;
     });
+
     if (index >= 0) {
       taskQueue[type].splice(index, 1);
     }

package/umd/count-down/util.js

@@ -26,10 +26,9 @@
   var SECOND = 1000;
   var MINUTE = 60 * SECOND;
   var HOUR = 60 * MINUTE;
-  var DAY = 24 * HOUR;
-
-  // 把毫秒解析成TimeDataType格式
+  var DAY = 24 * HOUR; // 把毫秒解析成TimeDataType格式
   // @en Parse milliseconds into TimeDataType format
+
   function parseTime(time) {
     var days = Math.floor(time / DAY);
     var hours = Math.floor(time % DAY / HOUR);
@@ -43,98 +42,113 @@
       seconds: seconds,
       milliseconds: milliseconds
     };
-  }
-  // 把TimeDataType解析成毫秒
+  } // 把TimeDataType解析成毫秒
   // @en Parse TimeDataType into milliseconds
+
+
   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
-  var inBrowser = typeof window !== 'undefined';
-  // 判断根元素
+
+
+  var inBrowser = typeof window !== 'undefined'; // 判断根元素
   // @en Determine the root element
+
   _exports.inBrowser = inBrowser;
-  var root = inBrowser ? window : global;
-  // 根据id清除对应的animationFrame
+  var root = inBrowser ? window : global; // 根据id清除对应的animationFrame
   // @en Clear the corresponding animationFrame according to the id
+
   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
+
+
   function raf(fn) {
     var requestAnimationFrame = root.requestAnimationFrame || rafPolyfill;
     return requestAnimationFrame.call(root, fn);
-  }
-  // 补0成需要的格式
+  } // 补0成需要的格式
   // @en Fill 0 into the required format
+
+
   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
+
+
   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/umd/date-picker/helper.js

@@ -18,6 +18,7 @@
   _exports.convertTsToDateObj = convertTsToDateObj;
   _exports.judgeObj = judgeObj;
   _exports.oneOf = oneOf;
+
   function convertTsToDateObj(ts, utc) {
     var date = new _mobileUtils.DateWithUTC(ts, utc);
     return {
@@ -29,37 +30,42 @@
       second: date.getSeconds()
     };
   }
+
   function convertObjToTs(obj, defaultTs, utc) {
     if (obj === void 0) {
       obj = {};
     }
+
     var date = new _mobileUtils.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);
     !isNaN(obj.second) && date.setSeconds(obj.second);
     return date.getTime();
   }
+
   function oneOf(value, validList) {
     return validList.indexOf(value) !== -1;
-  }
-
-  // 查看两个obj中的keys里的各个值是否都一致
+  } // 查看两个obj中的keys里的各个值是否都一致
   // @en Check whether the values in the keys in the two obj are consistent
+
+
   function judgeObj(dateObj1, dateObj2, keys) {
     if (keys === void 0) {
       keys = [];
     }
+
     return !keys.some(function (key) {
       return dateObj1[key] !== dateObj2[key];
     });