@arco-design/mobile-react 2.24.2 → 2.25.1

package/esm/collapse/collapse.js

@@ -6,101 +6,85 @@ import IconArrowDown from '../icon/IconArrowDown';
 import { allContexts, CollapseKeyContext } from './utils';
 export var Collapse = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$header = props.header,
-      header = _props$header === void 0 ? '' : _props$header,
-      icon = props.icon,
-      _props$hideIcon = props.hideIcon,
-      hideIcon = _props$hideIcon === void 0 ? false : _props$hideIcon,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      _props$content = props.content,
-      content = _props$content === void 0 ? null : _props$content,
-      _props$defaultActive = props.defaultActive,
-      defaultActive = _props$defaultActive === void 0 ? false : _props$defaultActive,
-      _props$value = props.value,
-      value = _props$value === void 0 ? '' : _props$value,
-      active = props.active,
-      animationTimeout = props.animationTimeout,
-      animationFunction = props.animationFunction,
-      _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$style = props.style,
-      style = _props$style === void 0 ? {} : _props$style;
-
+    header = _props$header === void 0 ? '' : _props$header,
+    icon = props.icon,
+    _props$hideIcon = props.hideIcon,
+    hideIcon = _props$hideIcon === void 0 ? false : _props$hideIcon,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$content = props.content,
+    content = _props$content === void 0 ? null : _props$content,
+    _props$defaultActive = props.defaultActive,
+    defaultActive = _props$defaultActive === void 0 ? false : _props$defaultActive,
+    _props$value = props.value,
+    value = _props$value === void 0 ? '' : _props$value,
+    active = props.active,
+    animationTimeout = props.animationTimeout,
+    animationFunction = props.animationFunction,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style;
   var _useState = useState(defaultActive),
-      innerActive = _useState[0],
-      setInnerActive = _useState[1];
-
+    innerActive = _useState[0],
+    setInnerActive = _useState[1];
   var _useRefState = useRefState(active === void 0 ? innerActive : active),
-      itemActive = _useRefState[0],
-      itemActiveRef = _useRefState[1],
-      setItemActive = _useRefState[2];
-
+    itemActive = _useRefState[0],
+    itemActiveRef = _useRefState[1],
+    setItemActive = _useRefState[2];
   var contentHeightRef = useRef(0);
   var collapseHeaderRef = useRef(null);
   var domRef = useRef(null);
   var contentWrapRef = useRef(null);
   var contentRef = useRef(null);
-
   var _useContext = useContext(CollapseKeyContext),
-      groupKey = _useContext.key;
-
+    groupKey = _useContext.key;
   var CollapseContext = allContexts[groupKey] || {};
   var groupContext = useContext(CollapseContext) || {};
   var opened = useMemo(function () {
-    var show = false; // 优先级： group > children
+    var show = false;
+    // 优先级： group > children
     // @en Priority: group > children
-
     if (groupContext.isGroup) {
       if (active !== void 0) {
         show = active;
       }
-
       if (groupContext.value) show = groupContext.value.includes(value);
     } else {
       show = itemActive;
     }
-
     return show;
   }, [value, active, itemActive, groupContext.isGroup, groupContext.value]);
-
   var getContentHeight = function getContentHeight() {
     var _div$getBoundingClien, _div$getBoundingClien2;
-
     var div = contentRef.current;
     return (_div$getBoundingClien = div == null ? void 0 : (_div$getBoundingClien2 = div.getBoundingClientRect()) == null ? void 0 : _div$getBoundingClien2.height) != null ? _div$getBoundingClien : 0;
   };
-
   var resetHeight = function resetHeight(newHeight) {
     if (!contentWrapRef.current) {
       return;
     }
-
     contentWrapRef.current.style.height = newHeight;
     var transTimeout = convertCssDuration(contentWrapRef.current, 'transitionDuration');
     setTimeout(function () {
       return contentWrapRef.current && (contentWrapRef.current.style.height = opened ? 'auto' : '0px');
     }, opened ? transTimeout : 20);
   };
-
   var toggleOpened = function toggleOpened() {
     var height = getContentHeight();
     var isBeginning = contentHeightRef.current === 0;
     contentHeightRef.current = height;
-
     if (isBeginning) {
       var initHeight = opened ? 'auto' : '0px';
       contentWrapRef.current && (contentWrapRef.current.style.height = initHeight);
       return;
     }
-
     resetHeight(height + "px");
   };
-
   var updateLayout = function updateLayout() {
     if (!contentWrapRef.current) {
       return;
     }
-
     var height = getContentHeight();
     contentWrapRef.current.style.height = opened ? contentHeightRef.current + "px" : '0px';
     nextTick(function () {
@@ -108,18 +92,15 @@ export var Collapse = /*#__PURE__*/forwardRef(function (props, ref) {
       resetHeight(opened ? height + "px" : '0px');
     });
   };
-
   var onCollapse = function onCollapse(val) {
     if (disabled) return;
     props.onCollapse && props.onCollapse(val);
-
     if (!groupContext.isGroup) {
       setInnerActive(!itemActiveRef.current);
     } else {
       groupContext.onCollapse(value);
     }
   };
-
   useEffect(function () {
     setItemActive(active === void 0 ? innerActive : active);
   }, [active, innerActive]);

package/esm/collapse/group.js

@@ -7,61 +7,50 @@ import { GlobalContext } from '../context-provider';
 export function componentGenerator(Comp) {
   return /*#__PURE__*/forwardRef(function (props, ref) {
     var _props$items = props.items,
-        items = _props$items === void 0 ? [] : _props$items,
-        _props$className = props.className,
-        className = _props$className === void 0 ? '' : _props$className,
-        _props$style = props.style,
-        style = _props$style === void 0 ? {} : _props$style,
-        _props$defaultActiveI = props.defaultActiveItems,
-        defaultActiveItems = _props$defaultActiveI === void 0 ? [] : _props$defaultActiveI,
-        _props$useAccordion = props.useAccordion,
-        useAccordion = _props$useAccordion === void 0 ? false : _props$useAccordion,
-        _props$disabled = props.disabled,
-        disabled = _props$disabled === void 0 ? false : _props$disabled,
-        children = props.children,
-        groupKey = props.groupKey;
-
+      items = _props$items === void 0 ? [] : _props$items,
+      _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
+      _props$style = props.style,
+      style = _props$style === void 0 ? {} : _props$style,
+      _props$defaultActiveI = props.defaultActiveItems,
+      defaultActiveItems = _props$defaultActiveI === void 0 ? [] : _props$defaultActiveI,
+      _props$useAccordion = props.useAccordion,
+      useAccordion = _props$useAccordion === void 0 ? false : _props$useAccordion,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      children = props.children,
+      groupKey = props.groupKey;
     var _useState = useState([]),
-        innerActiveItems = _useState[0],
-        setInnerActiveItems = _useState[1];
-
+      innerActiveItems = _useState[0],
+      setInnerActiveItems = _useState[1];
     var _useState2 = useState([]),
-        activeItems = _useState2[0],
-        setActiveItems = _useState2[1];
+      activeItems = _useState2[0],
+      setActiveItems = _useState2[1];
     /** 用于children模式下的active管理 */
-
-
     var _useState3 = useState([]),
-        childActiveItems = _useState3[0],
-        setChildActiveItems = _useState3[1];
-
+      childActiveItems = _useState3[0],
+      setChildActiveItems = _useState3[1];
     var contextKey = groupKey || defaultContextKey;
     var CollapseContext = getCollapseContext(contextKey);
     var domRef = useRef(null);
-
     var _useContext = useContext(GlobalContext),
-        prefixCls = _useContext.prefixCls;
-
+      prefixCls = _useContext.prefixCls;
     var formatArray = function formatArray(input) {
       var arr = input;
       return items.map(function (item) {
         return arr.indexOf(item.value) > -1;
       });
     };
-
     var handleChange = function handleChange(value) {
       if (disabled) return;
-
       if (props.onCollapse) {
         props.onCollapse(value);
       }
-
       if (props.activeItems !== void 0) {
         setInnerActiveItems(formatArray(props.activeItems));
         setChildActiveItems(props.activeItems);
         return;
       }
-
       if (!children) {
         var temp = items.findIndex(function (item) {
           return item.value === value;
@@ -79,14 +68,12 @@ export function componentGenerator(Comp) {
         ? [value] : [].concat(childActiveItems, [value]));
       }
     };
-
     useEffect(function () {
       setInnerActiveItems(formatArray(defaultActiveItems));
       setChildActiveItems(defaultActiveItems);
     }, []);
     useEffect(function () {
       setActiveItems(props.activeItems === void 0 ? innerActiveItems : formatArray(props.activeItems));
-
       if (children && props.activeItems) {
         setChildActiveItems(props.activeItems);
       }
@@ -117,7 +104,6 @@ export function componentGenerator(Comp) {
         disabled: disabled || item.disabled,
         defaultActive: formatArray(defaultActiveItems)[index]
       }, item);
-
       return /*#__PURE__*/React.createElement(Comp, _extends({
         key: item.value
       }, compProps));

package/esm/collapse/index.js

@@ -3,6 +3,7 @@ import { Collapse } from './collapse';
 import Group from './group';
 export * from './collapse';
 export * from './type';
+
 /**
  * 折叠面板组件，支持手风琴模式。
  * @en Collapse supports accordion mode.
@@ -11,7 +12,6 @@ export * from './type';
  * @name 折叠面板
  * @name_en Collapse
  */
-
 export default componentWrapper(Collapse, {
   Group: Group
 });

package/esm/collapse/utils.js

@@ -9,7 +9,6 @@ export function getCollapseContext(key) {
       onCollapse: function onCollapse() {}
     });
   }
-
   return allContexts[key];
 }
 export var CollapseKeyContext = /*#__PURE__*/React.createContext({

package/esm/context-provider/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 var _excluded = ["children", "useDarkMode", "isDarkMode", "theme", "locale"],
-    _excluded2 = ["context"];
+  _excluded2 = ["context"];
 import React, { createContext, useState, useEffect, useCallback } from 'react';
 import { addCssRules, removeCssStyleDom, defaultLocale } from '@arco-design/mobile-utils';
 export var defaultContext = {
@@ -12,7 +12,6 @@ export var defaultContext = {
   locale: defaultLocale
 };
 export var GlobalContext = /*#__PURE__*/createContext(defaultContext);
-
 /**
  * 全局数据控制组件，用于替换全局数据。
  * @en Global data control component, used to replace global data.
@@ -23,34 +22,29 @@ export var GlobalContext = /*#__PURE__*/createContext(defaultContext);
  */
 export default 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 ? defaultLocale : _props$locale,
-      restProps = _objectWithoutPropertiesLoose(props, _excluded);
-
+    useDarkMode = props.useDarkMode,
+    isDarkMode = props.isDarkMode,
+    theme = props.theme,
+    _props$locale = props.locale,
+    locale = _props$locale === void 0 ? defaultLocale : _props$locale,
+    restProps = _objectWithoutPropertiesLoose(props, _excluded);
   var _useState = useState(),
-      isDarkModeState = _useState[0],
-      setIsDarkModeState = _useState[1];
-
+    isDarkModeState = _useState[0],
+    setIsDarkModeState = _useState[1];
   var changeDarkMode = useCallback(function (res) {
     return setIsDarkModeState(res.matches);
   }, []);
   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') {
@@ -65,7 +59,6 @@ export default function ContextProvider(props) {
     if (!theme) {
       return;
     }
-
     addCssRules('arcoCustomTheme', theme);
     return function () {
       removeCssStyleDom('arcoCustomTheme');
@@ -83,8 +76,7 @@ export var ContextLayout = GlobalContext.Consumer;
 export function CompWithGlobalContext(Component) {
   return function (props) {
     var propsContext = props.context,
-        others = _objectWithoutPropertiesLoose(props, _excluded2);
-
+      others = _objectWithoutPropertiesLoose(props, _excluded2);
     return /*#__PURE__*/React.createElement(ContextLayout, null, function (context) {
       return /*#__PURE__*/React.createElement(ContextProvider, _extends({}, context, propsContext), /*#__PURE__*/React.createElement(Component, others));
     });

package/esm/count-down/hooks.js

@@ -6,96 +6,80 @@ export var useCountDown = function useCountDown(options) {
   var taskIdRef = useRef(0);
   var endTimeRef = useRef();
   var countingRef = useRef();
-
   var _useRefState = useRefState(options.time),
-      remain = _useRefState[0],
-      remainRef = _useRefState[1],
-      setRemain = _useRefState[2];
-
+    remain = _useRefState[0],
+    remainRef = _useRefState[1],
+    setRemain = _useRefState[2];
   var _useState = useState(parseTime(options.time)),
-      current = _useState[0],
-      setCurrent = _useState[1];
+    current = _useState[0],
+    setCurrent = _useState[1];
+  var taskType = options.millisecond ? 'micro' : 'macro';
 
-  var taskType = options.millisecond ? 'micro' : 'macro'; // 暂停
+  // 暂停
   // @en Pause
-
   var pause = function pause() {
     countingRef.current = false;
     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 = 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 = 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);
     }
   };
-
   useEffect(function () {
     // ummounted时如果正在运行倒计时则暂停
     // @en Pause if the countdown is running when ummounted
@@ -104,21 +88,24 @@ export var useCountDown = function useCountDown(options) {
         pause();
       }
     };
-  }, []); // 设置自动开始倒计时时自动启动
-  // @en Set to start automatically when the countdown starts automatically
+  }, []);
 
+  // 设置自动开始倒计时时自动启动
+  // @en Set to start automatically when the countdown starts automatically
   useEffect(function () {
     if (options.autoStart) {
       start();
     }
-  }, [options.autoStart]); // 倒计时设置变化时重新计时
-  // @en Re-time when countdown settings change
+  }, [options.autoStart]);
 
+  // 倒计时设置变化时重新计时
+  // @en Re-time when countdown settings change
   useEffect(function () {
     reset();
-  }, [options.time]); // remain变化时同步current 即把毫秒转化为TimeDataType类型
-  // @en Synchronize current when remain changes, that is, convert milliseconds to TimeDataType
+  }, [options.time]);
 
+  // remain变化时同步current 即把毫秒转化为TimeDataType类型
+  // @en Synchronize current when remain changes, that is, convert milliseconds to TimeDataType
   useEffect(function () {
     setCurrent(parseTime(remain));
   }, [remain]);

package/esm/count-down/index.js

@@ -3,6 +3,7 @@ import { unParseTime, parseFormat } from './util';
 import { useCountDown } from './hooks';
 import { ContextLayout } from '../context-provider';
 export * from './type';
+
 /**
  * 倒计时组件
  * @en Countdown Component
@@ -11,40 +12,40 @@ export * from './type';
  * @type 信息展示
  * @type_en Data Display
  */
-
 var CountDown = /*#__PURE__*/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 = useRef(null); // 传入倒计时等变量得到开始暂停启动三个方法以及目前所剩时间current(TimeDataType格式)
-  // @en get start, pause, reset methods and the current remaining time —— current (TimeDataType format) by inputing variables such as countdown
+    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 = 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 = useCountDown({
-    time: typeof time === 'number' ? time : 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
-
+      time: typeof time === 'number' ? time : 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
   useImperativeHandle(ref, function () {
     return {
       dom: domRef.current,

package/esm/count-down/singleton.js

@@ -14,12 +14,11 @@ export function startTask(type, callback) {
   taskQueue[type].push({
     id: taskCount[type],
     callback: callback
-  }); // 超过1个任务说明定时任务已建，执行时取最新queue即可
-
+  });
+  // 超过1个任务说明定时任务已建，执行时取最新queue即可
   if (taskQueue[type].length <= 1) {
     type === 'micro' ? execMicroTask() : execMacroTask();
   }
-
   return taskCount[type];
 }
 export function execMicroTask() {
@@ -39,7 +38,6 @@ export function execMacroTask() {
 export function execTask(type) {
   taskQueue[type].forEach(function (item) {
     var needContinue = item.callback();
-
     if (!needContinue) {
       stopTask(type, item.id);
     }
@@ -50,7 +48,6 @@ export function stopTask(type, id) {
   var index = queue.findIndex(function (val) {
     return val.id === id;
   });
-
   if (index >= 0) {
     taskQueue[type].splice(index, 1);
   }