@arco-design/mobile-react 2.38.3 → 2.39.0

package/CHANGELOG.md

@@ -3,6 +3,34 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.39.0](https://github.com/arco-design/arco-design-mobile/compare/@arco-design/mobile-react@2.38.4...@arco-design/mobile-react@2.39.0) (2026-01-21)
+
+
+### Bug Fixes
+
+* `ImagePicker` load error status, add demo of upload status for `Uploader` ([#364](https://github.com/arco-design/arco-design-mobile/issues/364)) ([0acf2ca](https://github.com/arco-design/arco-design-mobile/commit/0acf2cac5cddfdda536374e06a4e71a7446d1a2e))
+
+
+### Features
+
+* support custom label name for validation messages ([#365](https://github.com/arco-design/arco-design-mobile/issues/365)) ([3653ecc](https://github.com/arco-design/arco-design-mobile/commit/3653ecce076c87a95c9f4a02ef7fba4cb9d485ce))
+
+
+
+
+
+## [2.38.4](https://github.com/arco-design/arco-design-mobile/compare/@arco-design/mobile-react@2.38.3...@arco-design/mobile-react@2.38.4) (2025-12-10)
+
+
+### Bug Fixes
+
+* `DatePicker` update data when currentTs change ([#360](https://github.com/arco-design/arco-design-mobile/issues/360)) ([fd9f6ed](https://github.com/arco-design/arco-design-mobile/commit/fd9f6eda15d49f9c9d5215f388b87ea45b9612f6))
+* promise type ([#361](https://github.com/arco-design/arco-design-mobile/issues/361)) ([4409667](https://github.com/arco-design/arco-design-mobile/commit/4409667bad7e6dc7d8793bc2250814da55baeb68))
+
+
+
+
+
 ## [2.38.3](https://github.com/arco-design/arco-design-mobile/compare/@arco-design/mobile-react@2.38.2...@arco-design/mobile-react@2.38.3) (2025-12-05)
 
 

package/README.en-US.md

@@ -59,8 +59,8 @@ React & ReactDOM: **<a href="https://reactjs.org/docs/cdn-links.html" target="_b
 React Transition Group: **<a href="https://reactcommunity.org/react-transition-group/" target="_blank">Click here</a>**
 
 ```
-<link ref="stylesheet" href="https://unpkg.com/@arco-design/mobile-react@2.38.2/dist/style.min.css">
-<script src="https://unpkg.com/@arco-design/mobile-react@2.38.2/dist/index.min.js"></script>
+<link ref="stylesheet" href="https://unpkg.com/@arco-design/mobile-react@2.38.4/dist/style.min.css">
+<script src="https://unpkg.com/@arco-design/mobile-react@2.38.4/dist/index.min.js"></script>
 ```
 
 ## Full import

package/README.md

@@ -59,8 +59,8 @@ React & ReactDOM： **<a href="https://reactjs.org/docs/cdn-links.html" target="
 React Transition Group： **<a href="https://reactcommunity.org/react-transition-group/" target="_blank">戳这里获取</a>**
 
 ```
-<link ref="stylesheet" href="https://unpkg.com/@arco-design/mobile-react@2.38.2/dist/style.min.css">
-<script src="https://unpkg.com/@arco-design/mobile-react@2.38.2/dist/index.min.js"></script>
+<link ref="stylesheet" href="https://unpkg.com/@arco-design/mobile-react@2.38.4/dist/style.min.css">
+<script src="https://unpkg.com/@arco-design/mobile-react@2.38.4/dist/index.min.js"></script>
 ```
 
 ## 引入全部

package/cjs/_helpers/hooks.js

@@ -18,13 +18,9 @@ exports.useSwiperInnerScroll = useSwiperInnerScroll;
 exports.useSystem = useSystem;
 exports.useUpdateEffect = useUpdateEffect;
 exports.useWindowSize = useWindowSize;
-
 var _react = require("react");
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _contextProvider = require("../context-provider");
-
 /**
  * @type hooks
  * @name GeneralHooks
@@ -51,17 +47,14 @@ function useListenResize(resizeHandler, deps, needListen) {
   if (deps === void 0) {
     deps = [];
   }
-
   if (needListen === void 0) {
     needListen = true;
   }
-
   (0, _react.useEffect)(function () {
     if (needListen) {
       window.addEventListener('resize', resizeHandler);
       window.addEventListener('orientationchange', resizeHandler);
     }
-
     return function () {
       if (needListen) {
         window.removeEventListener('resize', resizeHandler);
@@ -70,6 +63,7 @@ function useListenResize(resizeHandler, deps, needListen) {
     };
   }, [].concat(deps, [needListen]));
 }
+
 /**
  * useState自定义封装，统一处理在组件卸载后还使用setState的行为
  * tips：在unmount后有异步处理未完成的场景使用，不推荐无脑替换useState
@@ -85,19 +79,15 @@ function useListenResize(resizeHandler, deps, needListen) {
  * const [scrollValue, setScrollValue] = useMountedState(value);
  * ```
  */
-
-
 function useMountedState(initialState) {
   var _useState = (0, _react.useState)(initialState),
-      state = _useState[0],
-      setState = _useState[1];
-
+    state = _useState[0],
+    setState = _useState[1];
   var leavingRef = (0, _react.useRef)(false);
   var setValidState = (0, _react.useCallback)(function (value) {
     if (leavingRef.current) {
       return;
     }
-
     setState(value);
   }, []);
   (0, _react.useEffect)(function () {
@@ -110,6 +100,7 @@ function useMountedState(initialState) {
   var result = [state, setValidState];
   return result;
 }
+
 /**
  * 用useState管理状态，且在状态更新之前同步至ref，并返回ref
  * @desc {en} Use useState to manage the state, and synchronize to ref before the state is updated, and return ref
@@ -123,22 +114,18 @@ function useMountedState(initialState) {
  * const [opened, openedRef, setOpened] = useSameRefState(false);
  * ```
  */
-
-
 function useSameRefState(initialValue) {
   var _useState2 = (0, _react.useState)(initialValue),
-      state = _useState2[0],
-      setState = _useState2[1];
-
+    state = _useState2[0],
+    setState = _useState2[1];
   var stateRef = (0, _react.useRef)(state);
-
   var setStateProxy = function setStateProxy(data) {
     stateRef.current = data;
     setState(data);
   };
-
   return [state, stateRef, setStateProxy];
 }
+
 /**
  * 用useState管理状态，且在状态更新后同步至ref，并返回ref
  * @desc {en} Use useState to manage the state, and synchronize to ref after the state is updated, and return ref
@@ -152,19 +139,17 @@ function useSameRefState(initialValue) {
  * const [index, indexRef, setIndex] = useRefState(currentIndex);
  * ```
  */
-
-
 function useRefState(initialValue) {
   var _useState3 = (0, _react.useState)(initialValue),
-      state = _useState3[0],
-      setState = _useState3[1];
-
+    state = _useState3[0],
+    setState = _useState3[1];
   var stateRef = (0, _react.useRef)(state);
   (0, _react.useEffect)(function () {
     stateRef.current = state;
   }, [state]);
   return [state, stateRef, setState];
 }
+
 /**
  * 用useState管理状态，且在状态更新后同步至ref，并返回ref，统一处理在组件卸载后还使用setState的行为
  * @desc {en} Use useState to manage the state, and synchronize to ref after the state is updated, and return ref, and uniformly handle the behavior of using setState after the component is uninstalled
@@ -178,19 +163,17 @@ function useRefState(initialValue) {
  * const [active, activeRef, setActive] = useRefMountedState(false);
  * ```
  */
-
-
 function useRefMountedState(initialValue) {
   var _useMountedState = useMountedState(initialValue),
-      state = _useMountedState[0],
-      setState = _useMountedState[1];
-
+    state = _useMountedState[0],
+    setState = _useMountedState[1];
   var stateRef = (0, _react.useRef)(state);
   (0, _react.useEffect)(function () {
     stateRef.current = state;
   }, [state]);
   return [state, stateRef, setState];
 }
+
 /**
  * useEffect特殊封装，仅在非首次依赖更新时触发回调
  * @desc {en} Special encapsulation of useEffect, which only triggers the callback when the dependency is not updated for the first time
@@ -207,13 +190,10 @@ function useRefMountedState(initialValue) {
  * }, [index]);
  * ```
  */
-
-
 function useUpdateEffect(effect, dependencies) {
   if (dependencies === void 0) {
     dependencies = [];
   }
-
   var isInitialMount = (0, _react.useRef)(true);
   (0, _react.useEffect)(function () {
     if (isInitialMount.current) {
@@ -223,6 +203,7 @@ function useUpdateEffect(effect, dependencies) {
     }
   }, dependencies);
 }
+
 /**
  * 手动触发一次组件的rerender
  * @desc {en} Manually trigger the rerender of the component once
@@ -237,12 +218,9 @@ function useUpdateEffect(effect, dependencies) {
  * }
  * ```
  */
-
-
 function useForceUpdate() {
   var _useState4 = (0, _react.useState)(0),
-      setTick = _useState4[1];
-
+    setTick = _useState4[1];
   var update = (0, _react.useCallback)(function () {
     setTick(function (tick) {
       return tick + 1;
@@ -250,6 +228,7 @@ function useForceUpdate() {
   }, []);
   return update;
 }
+
 /**
  * 获取任意变量的最新ref值（用于监听属性、方法等非state变量）
  * @desc {en} Get the latest ref value of any variable (used to monitor non-state variables such as properties and methods)
@@ -264,8 +243,6 @@ function useForceUpdate() {
  * const wrapSizeRef = useLatestRef(wrapSize);
  * ```
  */
-
-
 function useLatestRef(variable) {
   var variableRef = (0, _react.useRef)(variable);
   (0, _react.useEffect)(function () {
@@ -291,23 +268,20 @@ function useLatestRef(variable) {
  * const systemWithHarmony = useSystem({ detectHarmony: true });
  * ```
  */
-
-
 function useSystem(options) {
   var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
-      currentSystem = _useContext.system;
-
+    currentSystem = _useContext.system;
   var _useState5 = (0, _react.useState)(function () {
-    return currentSystem || (0, _mobileUtils.getSystem)(options);
-  }),
-      system = _useState5[0],
-      setSystem = _useState5[1];
-
+      return currentSystem || (0, _mobileUtils.getSystem)(options);
+    }),
+    system = _useState5[0],
+    setSystem = _useState5[1];
   (0, _react.useEffect)(function () {
     setSystem(currentSystem || (0, _mobileUtils.getSystem)(options));
   }, [currentSystem, options]);
   return system;
 }
+
 /**
  * 获取页面视口宽高大小，并在页面有resize时更新大小
  * @desc {en} Get the width and height of the page viewport, and update the size when the page is resized
@@ -321,22 +295,17 @@ function useSystem(options) {
  * const { windowHeight, windowWidth } = useWindowSize();
  * ```
  */
-
-
 function useWindowSize(listenResize) {
   var _useState6 = (0, _react.useState)(typeof window !== 'undefined' ? window.innerWidth : 0),
-      windowWidth = _useState6[0],
-      setWindowWidth = _useState6[1];
-
+    windowWidth = _useState6[0],
+    setWindowWidth = _useState6[1];
   var _useState7 = (0, _react.useState)(typeof window !== 'undefined' ? window.innerHeight : 0),
-      windowHeight = _useState7[0],
-      setWindowHeight = _useState7[1];
-
+    windowHeight = _useState7[0],
+    setWindowHeight = _useState7[1];
   function setSize() {
     setWindowWidth(window.innerWidth);
     setWindowHeight(window.innerHeight);
   }
-
   useListenResize(setSize, [], listenResize);
   (0, _react.useEffect)(function () {
     setSize();
@@ -346,7 +315,6 @@ function useWindowSize(listenResize) {
     windowHeight: windowHeight
   };
 }
-
 /**
  * 弹窗中滚动统一处理，防止滚动穿透
  * @desc {en} Unified processing of scrolling in pop-up windows to prevent scrolling penetration
@@ -375,7 +343,6 @@ function usePopupScroll(visible, popupDom, getScrollContainer, orientationDirect
   if (orientationDirection === void 0) {
     orientationDirection = 'top';
   }
-
   var scrollRef = (0, _react.useRef)([]);
   var touchingRef = (0, _react.useRef)({
     dom: null,
@@ -389,11 +356,9 @@ function usePopupScroll(visible, popupDom, getScrollContainer, orientationDirect
     if (gestureOutOfControl) {
       return;
     }
-
     touchStartXRef.current = e.touches && e.touches[0] ? e.touches[0].clientX : 0;
     touchStartYRef.current = e.touches && e.touches[0] ? e.touches[0].clientY : 0;
     var ele = getScrollContainer ? getScrollContainer() : null;
-
     if (ele) {
       var actualEle = Array.isArray(ele) ? ele : [ele];
       scrollRef.current = actualEle.reduce(function (acc, nowEle) {
@@ -406,19 +371,15 @@ function usePopupScroll(visible, popupDom, getScrollContainer, orientationDirect
     } else {
       scrollRef.current = [];
     }
-
     touchingRef.current = {
       dom: null,
       inScrollIndexes: []
     };
   }, [getScrollContainer, gestureOutOfControl, orientationDirection]);
-
   function judgeInScroll(originNode, scroll) {
     var inScrollIndexes = [];
-
     for (var i = 0; i < scroll.length; i += 1) {
       var node = originNode;
-
       while (node && scroll[i]) {
         if (node === scroll[i].ele) {
           inScrollIndexes.push(i);
@@ -428,66 +389,54 @@ function usePopupScroll(visible, popupDom, getScrollContainer, orientationDirect
         }
       }
     }
-
     touchingRef.current = {
       dom: originNode,
       inScrollIndexes: inScrollIndexes
     };
     return inScrollIndexes;
   }
-
   var handleTouchMove = (0, _react.useCallback)(function (e) {
     function getScrollTop(scroll) {
       var ele = scroll.ele,
-          maxScrollX = scroll.maxScrollX,
-          maxScrollY = scroll.maxScrollY;
-
+        maxScrollX = scroll.maxScrollX,
+        maxScrollY = scroll.maxScrollY;
       switch (orientationDirection) {
         case 'left':
           return maxScrollY - ele.scrollLeft;
-
         case 'right':
           return ele.scrollLeft;
-
         case 'bottom':
           return maxScrollX - ele.scrollTop;
-
         case 'top':
         default:
           return ele.scrollTop;
       }
     }
-
     function getScrollLeft(scroll) {
       var ele = scroll.ele,
-          maxScrollX = scroll.maxScrollX,
-          maxScrollY = scroll.maxScrollY;
-
+        maxScrollX = scroll.maxScrollX,
+        maxScrollY = scroll.maxScrollY;
       switch (orientationDirection) {
         case 'left':
           return ele.scrollTop;
-
         case 'right':
           return maxScrollX - ele.scrollTop;
-
         case 'bottom':
           return maxScrollY - ele.scrollLeft;
-
         case 'top':
         default:
           return ele.scrollLeft;
       }
     }
-
     var touchMoveX = e.changedTouches && e.changedTouches[0] ? e.changedTouches[0].clientX : 0;
     var touchMoveY = e.changedTouches && e.changedTouches[0] ? e.changedTouches[0].clientY : 0;
     var scroll = scrollRef.current;
     var node = e.target;
     var _touchingRef$current = touchingRef.current,
-        touchingDom = _touchingRef$current.dom,
-        touchingIndexes = _touchingRef$current.inScrollIndexes; // target一样就取缓存结果，不取dom判断了
+      touchingDom = _touchingRef$current.dom,
+      touchingIndexes = _touchingRef$current.inScrollIndexes;
+    // target一样就取缓存结果，不取dom判断了
     // @en If the target is the same, the cached result is taken, and the dom judgment is not taken.
-
     var inScrollIndexes = touchingDom === node ? touchingIndexes : judgeInScroll(node, scroll);
     var distanceX = touchMoveX - touchStartXRef.current;
     var distanceY = touchMoveY - touchStartYRef.current;
@@ -495,35 +444,28 @@ function usePopupScroll(visible, popupDom, getScrollContainer, orientationDirect
     var absY = Math.abs(distanceY);
     var direc = absY > absX ? 'y' : 'x';
     var prevented = false;
-
     if (gestureOutOfControl) {
       onTouchMoveRef.current == null ? void 0 : onTouchMoveRef.current(e, prevented, direc);
       return;
     }
-
     if (scroll.length && inScrollIndexes.length) {
       var needPrevents = [];
-
       for (var i = 0; i < inScrollIndexes.length; i += 1) {
         var touchingScroll = scroll[inScrollIndexes[i]];
         var scrollTop = getScrollTop(touchingScroll);
         var scrollLeft = getScrollLeft(touchingScroll);
-
         if (distanceY > 0 && absY > absX && scrollTop === 0 || distanceX > 0 && absX > absY && scrollLeft === 0) {
           needPrevents.push(true);
           continue;
         }
-
         if (distanceY < 0 && absY > absX && scrollTop + 1 >= touchingScroll.maxScrollY || distanceX < 0 && absX > absY && scrollLeft + 1 >= touchingScroll.maxScrollX) {
           needPrevents.push(true);
           continue;
         }
-
         needPrevents.push(false);
-      } // 满足一个不prevent的条件就停止prevent，否则prevent
+      }
+      // 满足一个不prevent的条件就停止prevent，否则prevent
       // @en Stop prevent if a non-prevent condition is met, otherwise prevent.
-
-
       if (needPrevents.indexOf(false) < 0) {
         preventCallbackRef.current == null ? void 0 : preventCallbackRef.current(e, direc);
         e.cancelable && e.preventDefault();
@@ -534,14 +476,12 @@ function usePopupScroll(visible, popupDom, getScrollContainer, orientationDirect
       e.cancelable && e.preventDefault();
       prevented = true;
     }
-
     onTouchMoveRef.current == null ? void 0 : onTouchMoveRef.current(e, prevented, direc);
   }, [orientationDirection, gestureOutOfControl]);
   (0, _react.useEffect)(function () {
     if (!visible || !popupDom) {
       return function () {};
     }
-
     popupDom.addEventListener('touchstart', handleTouchStart);
     popupDom.addEventListener('touchmove', handleTouchMove, {
       passive: false
@@ -552,6 +492,7 @@ function usePopupScroll(visible, popupDom, getScrollContainer, orientationDirect
     };
   }, [visible, popupDom, handleTouchStart, handleTouchMove]);
 }
+
 /**
  * 在滑动类组件中，如果有内部可滚动区域，则在内部滚动区域滚动时禁用滑动事件
  * @desc {en} In the sliding class component, if there is an inner scrollable area, the sliding event is disabled when the inner scrolling area is scrolled
@@ -564,8 +505,6 @@ function usePopupScroll(visible, popupDom, getScrollContainer, orientationDirect
  * useSwiperInnerScroll(getInnerScrollContainer);
  * ```
  */
-
-
 function useSwiperInnerScroll(getInnerScrollContainer) {
   var stopFunc = (0, _react.useCallback)(function (e) {
     return e.stopPropagation();
@@ -574,7 +513,6 @@ function useSwiperInnerScroll(getInnerScrollContainer) {
     if (!getInnerScrollContainer) {
       return;
     }
-
     var containers = getInnerScrollContainer();
     var validContainers = Array.isArray(containers) ? containers : [containers];
     validContainers.forEach(function (container) {
@@ -593,6 +531,7 @@ function useSwiperInnerScroll(getInnerScrollContainer) {
     };
   }, [getInnerScrollContainer]);
 }
+
 /**
  * 事件绑定统一封装
  * @desc {en} Unified encapsulation of event binding
@@ -612,22 +551,17 @@ function useSwiperInnerScroll(getInnerScrollContainer) {
  * useAddListener(domRef.current, 'touchend', onTouchEnd);
  * ```
  */
-
-
 function useAddListener(dom, event, handler, options) {
   if (options === void 0) {
     options = {
       capture: true
     };
   }
-
   (0, _react.useEffect)(function () {
     if (!dom) return;
-
     if (handler) {
       dom.addEventListener(event, handler, options);
     }
-
     return function () {
       if (handler) {
         dom.removeEventListener(event, handler, options);
@@ -635,14 +569,14 @@ function useAddListener(dom, event, handler, options) {
     };
   }, [handler]);
 }
+
 /**
  * 统计同时出现的全屏组件
  * @en Count simultaneous full-screen components
  */
-
-
 var arcoFullScreenCount = 0;
 var arcoFullScreenOriginOverflow = '';
+
 /**
  * 在全屏组件出现时，将body的overflow设置为hidden，防止滚动穿透
  * @desc {en} When the full screen component appears, set the overflow of the body to hidden to prevent scrolling penetration
@@ -659,22 +593,19 @@ var arcoFullScreenOriginOverflow = '';
  * usePreventBodyScroll(visible, preventBodyScroll, initialBodyOverflow);
  * ```
  */
-
 function usePreventBodyScroll(visible, preventBodyScroll, initialBodyOverflow) {
   if (preventBodyScroll === void 0) {
     preventBodyScroll = true;
   }
-
   // 新出现一个全屏组件则计数+1，并设置body hidden样式
   // @en When a new full-screen component appears, count + 1 and set the body hidden style
   var addFullScreen = (0, _react.useCallback)(function () {
-    var count = arcoFullScreenCount; // 在当前没有全屏组件出现时，记下body overflow的初始值
+    var count = arcoFullScreenCount;
+    // 在当前没有全屏组件出现时，记下body overflow的初始值
     // @en Note the initial value of body overflow when no full-screen components are currently present
-
     if (!count) {
       arcoFullScreenOriginOverflow = initialBodyOverflow !== void 0 ? initialBodyOverflow : document.body.style.overflow;
     }
-
     arcoFullScreenCount += 1;
     document.body.style.overflow = 'hidden';
   }, []);
@@ -682,11 +613,9 @@ function usePreventBodyScroll(visible, preventBodyScroll, initialBodyOverflow) {
    * 移除一个全屏组件时，根据剩余是否还有全屏组件判断是否需要还原overflow样式
    * @en When removing a full-screen component, determine whether the overflow style needs to be restored according to whether there are any remaining full-screen components.
    */
-
   var removeFullScreen = (0, _react.useCallback)(function () {
     var newCount = arcoFullScreenCount - 1;
     arcoFullScreenCount = newCount;
-
     if (!newCount) {
       document.body.style.overflow = arcoFullScreenOriginOverflow;
     }
@@ -694,14 +623,12 @@ function usePreventBodyScroll(visible, preventBodyScroll, initialBodyOverflow) {
   (0, _react.useEffect)(function () {
     if (!preventBodyScroll) {
       return function () {};
-    } // 如果一开始就是visible=true则加上样式
+    }
+    // 如果一开始就是visible=true则加上样式
     // @en If it is visible=true at the beginning, add the style.
-
-
     if (visible) {
       addFullScreen();
     }
-
     return function () {
       // 如果这里visible为true，则说明即将隐藏组件或在展示时卸载组件
       // @en If visible here is true, it means that the component is about to be hidden or unloaded when displayed.
@@ -711,6 +638,7 @@ function usePreventBodyScroll(visible, preventBodyScroll, initialBodyOverflow) {
     };
   }, [visible]);
 }
+
 /**
  * 进度条计算公共逻辑，根据传入的参数计算出当前百分比和过渡效果开关，进度类组件内部使用
  * @desc {en} Progress bar calculation common logic, used internally by the progress class component
@@ -722,21 +650,16 @@ function usePreventBodyScroll(visible, preventBodyScroll, initialBodyOverflow) {
  * const [currentPercentage, transitionControl] = useProgress(mountedTransition, percentage, duration, mountedBezier, step);
  * ```
  */
-
-
 function useProgress(mountedTransition, percentage, duration, mountedBezier, step) {
   var _useState8 = (0, _react.useState)(0),
-      currentPercentage = _useState8[0],
-      setCurrentPercentage = _useState8[1];
-
+    currentPercentage = _useState8[0],
+    setCurrentPercentage = _useState8[1];
   var _useState9 = (0, _react.useState)(false),
-      transitionControl = _useState9[0],
-      setTransitionControl = _useState9[1];
-
-  var _useState10 = (0, _react.useState)(0),
-      count = _useState10[0],
-      setCount = _useState10[1];
-
+    transitionControl = _useState9[0],
+    setTransitionControl = _useState9[1];
+  var _useState0 = (0, _react.useState)(0),
+    count = _useState0[0],
+    setCount = _useState0[1];
   var latestPercentage = (0, _react.useRef)(percentage);
   (0, _react.useEffect)(function () {
     mountedTransition ? (0, _mobileUtils.scrollWithAnimation)(0, percentage, function (progress) {
@@ -759,6 +682,7 @@ function useProgress(mountedTransition, percentage, duration, mountedBezier, ste
   }, [count, percentage, step]);
   return [currentPercentage, transitionControl];
 }
+
 /**
  * 单击和双击事件统一处理
  * @desc {en} Unified processing of single and double click events
@@ -776,17 +700,13 @@ function useProgress(mountedTransition, percentage, duration, mountedBezier, ste
  * const handleClick = useSingleAndDoubleClick(handleImageClick, handleImageDoubleClick);
  * ```
  */
-
-
 function useSingleAndDoubleClick(onClick, onDoubleClick, delay) {
   if (delay === void 0) {
     delay = 200;
   }
-
-  var _useState11 = (0, _react.useState)(0),
-      clickTimes = _useState11[0],
-      setClickTimes = _useState11[1];
-
+  var _useState1 = (0, _react.useState)(0),
+    clickTimes = _useState1[0],
+    setClickTimes = _useState1[1];
   var eventRef = (0, _react.useRef)(undefined);
   (0, _react.useEffect)(function () {
     var timer = setTimeout(function () {
@@ -805,8 +725,8 @@ function useSingleAndDoubleClick(onClick, onDoubleClick, delay) {
     });
   };
 }
-
 var arcoSvgKeyCount = 0;
+
 /**
  * 自动生成svg <def>标签的唯一标识，用于区分不同svg的<def>内容
  * @desc {en} Automatically generate the unique identifier of the svg <def> tag, which is used to distinguish the <def> content of different svg
@@ -824,12 +744,10 @@ var arcoSvgKeyCount = 0;
  * const { svgKey } = useGenSvgKey(userSetSvgKey);
  * ```
  */
-
 function useGenSvgKey(userSetSvgKey) {
-  var _useState12 = (0, _react.useState)(''),
-      innerSvgKey = _useState12[0],
-      setInnerSvgKey = _useState12[1];
-
+  var _useState10 = (0, _react.useState)(''),
+    innerSvgKey = _useState10[0],
+    setInnerSvgKey = _useState10[1];
   var svgKey = userSetSvgKey || innerSvgKey;
   (0, _react.useEffect)(function () {
     setInnerSvgKey("inner-" + arcoSvgKeyCount);