@arco-design/mobile-react 2.31.6 → 2.33.0

package/dist/index.js

@@ -6,7 +6,26 @@
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
+        }
+        n["default"] = e;
+        return Object.freeze(n);
+    }
+
     var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+    var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
     var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 
     /******************************************************************************
@@ -237,7 +256,9 @@
       }
 
       for (var key in obj) {
-        if (!isDeepEqual(obj[key], sub[key])) return false;
+        if (!isDeepEqual(obj[key], sub[key])) {
+          return false;
+        }
       }
 
       return true;
@@ -1693,8 +1714,9 @@
         retryUpload: '点击重试'
       }
     };
+    var zhCN = localeConfig;
 
-    var defaultLocale = localeConfig;
+    var defaultLocale = zhCN;
 
     var DateWithUTC =
     /** @class */
@@ -4625,22 +4647,25 @@
       };
     }
 
-    var _a;
-
     function isObject$1(obj) {
       return Object.prototype.toString.call(obj) === '[object Object]';
     }
 
-    var __SECRET_INTERNALS__ = '__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED';
-    var CopyReactDOM = ReactDOM__default["default"];
+    var CopyReactDOM = __assign$3({}, ReactDOM__namespace);
+
     var copyRender;
-    var isReact18 = Number((_a = CopyReactDOM.version) === null || _a === void 0 ? void 0 : _a.split('.')[0]) > 17;
+    var version = CopyReactDOM.version,
+        reactRender = CopyReactDOM.render,
+        unmountComponentAtNode = CopyReactDOM.unmountComponentAtNode;
+    var isReact18 = Number((version || '').split('.')[0]) > 17;
 
     var updateUsingClientEntryPoint = function updateUsingClientEntryPoint(skipWarning) {
       // https://github.com/facebook/react/blob/17806594cc28284fe195f918e8d77de3516848ec/packages/react-dom/npm/client.js#L10
       // Avoid console warning
-      if (isObject$1(CopyReactDOM[__SECRET_INTERNALS__])) {
-        CopyReactDOM[__SECRET_INTERNALS__].usingClientEntryPoint = skipWarning;
+      var __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = CopyReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+      if (isObject$1(__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED)) {
+        __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.usingClientEntryPoint = skipWarning;
       }
     };
 
@@ -4669,13 +4694,13 @@
       };
     } else {
       copyRender = function copyRender(app, container) {
-        CopyReactDOM.render(app, container);
+        reactRender(app, container);
         return {
           render: function render(comment) {
-            CopyReactDOM.render(comment, container);
+            reactRender(comment, container);
           },
           _unmount: function _unmount() {
-            CopyReactDOM.unmountComponentAtNode(container);
+            unmountComponentAtNode(container);
           }
         };
       };
@@ -4683,6 +4708,60 @@
 
     var render = copyRender;
 
+    var renderRootCache = {};
+
+    var ReactDOMRender =
+    /** @class */
+    function () {
+      function ReactDOMRender(app, container, context, rootCacheId, // root id in cache
+      root) {
+        var _this = this;
+
+        this.render = function (props) {
+          var CustomApp = _this.app;
+
+          var propsWithContext = __assign$3(__assign$3({}, props), {
+            context: _this.context
+          });
+
+          if (_this.root) {
+            _this.root.render( /*#__PURE__*/React__default["default"].createElement(CustomApp, __assign$3({}, propsWithContext)));
+          } else {
+            _this.root = render( /*#__PURE__*/React__default["default"].createElement(CustomApp, __assign$3({}, propsWithContext)), _this.container);
+          }
+        };
+
+        this.setRootCache = function () {
+          if (_this.rootCacheId) {
+            renderRootCache[_this.rootCacheId] = _this.root;
+          }
+        };
+
+        this.clearRootCache = function () {
+          if (_this.rootCacheId) {
+            delete renderRootCache[_this.rootCacheId];
+          }
+        };
+
+        this.unmount = function () {
+          var _a;
+
+          (_a = _this.root) === null || _a === void 0 ? void 0 : _a._unmount();
+          _this.root = undefined;
+
+          _this.clearRootCache();
+        };
+
+        this.app = app;
+        this.container = container;
+        this.context = context;
+        this.rootCacheId = rootCacheId;
+        this.root = root;
+      }
+
+      return ReactDOMRender;
+    }();
+
     /**
      * 获取带浏览器前缀的样式
      * @desc {en} Get style with browser vendor prefix
@@ -7734,19 +7813,21 @@
           _e = props.status,
           status = _e === void 0 ? 'process' : _e,
           items = props.items,
+          _f = props.reverseOrder,
+          reverseOrder = _f === void 0 ? false : _f,
           onClick = props.onClick,
           onChange = props.onChange;
       var defaultAlign = direction === 'vertical' ? 'start' : 'center';
       var align = userSetAlign !== void 0 ? userSetAlign : defaultAlign;
 
-      var _f = React.useState(Number(defaultIndex)),
-          innerIndex = _f[0],
-          setInnerIndex = _f[1];
+      var _g = React.useState(Number(defaultIndex)),
+          innerIndex = _g[0],
+          setInnerIndex = _g[1];
 
-      var _g = useRefState(current === void 0 ? innerIndex : current),
-          activeIndex = _g[0],
-          activeRefIndex = _g[1],
-          setActiveIndex = _g[2];
+      var _h = useRefState(current === void 0 ? innerIndex : current),
+          activeIndex = _h[0],
+          activeRefIndex = _h[1],
+          setActiveIndex = _h[2];
 
       var domRef = React.useRef(null);
       var system = useSystem();
@@ -7774,6 +7855,7 @@
             index: index,
             status: activeIndex === index ? status : void 0,
             align: align,
+            reverseOrder: reverseOrder,
             changeIndex: changeIndex
           },
           key: index
@@ -7782,7 +7864,9 @@
       return /*#__PURE__*/React__default["default"].createElement(ContextLayout, null, function (_a) {
         var prefixCls = _a.prefixCls;
         return /*#__PURE__*/React__default["default"].createElement("div", {
-          className: prefixCls + "-steps all-border-box " + className + " " + direction + " " + system,
+          className: cls(prefixCls + "-steps all-border-box " + className + " " + direction + " " + system, {
+            'reverse-order': reverseOrder
+          }),
           style: style,
           ref: domRef
         }, items ? items.map(function (item, index) {
@@ -8628,60 +8712,6 @@
       });
     }
 
-    var renderRootCache = {};
-
-    var ReactDOMRender =
-    /** @class */
-    function () {
-      function ReactDOMRender(app, container, context, rootCacheId, // root id in cache
-      root) {
-        var _this = this;
-
-        this.render = function (props) {
-          var CustomApp = _this.app;
-
-          var propsWithContext = __assign$3(__assign$3({}, props), {
-            context: _this.context
-          });
-
-          if (_this.root) {
-            _this.root.render( /*#__PURE__*/React__default["default"].createElement(CustomApp, __assign$3({}, propsWithContext)));
-          } else {
-            _this.root = render( /*#__PURE__*/React__default["default"].createElement(CustomApp, __assign$3({}, propsWithContext)), _this.container);
-          }
-        };
-
-        this.setRootCache = function () {
-          if (_this.rootCacheId) {
-            renderRootCache[_this.rootCacheId] = _this.root;
-          }
-        };
-
-        this.clearRootCache = function () {
-          if (_this.rootCacheId) {
-            delete renderRootCache[_this.rootCacheId];
-          }
-        };
-
-        this.unmount = function () {
-          var _a;
-
-          (_a = _this.root) === null || _a === void 0 ? void 0 : _a._unmount();
-          _this.root = undefined;
-
-          _this.clearRootCache();
-        };
-
-        this.app = app;
-        this.container = container;
-        this.context = context;
-        this.rootCacheId = rootCacheId;
-        this.root = root;
-      }
-
-      return ReactDOMRender;
-    }();
-
     function getOpenMethod(Component, containerId, normalize) {
       if (normalize === void 0) {
         normalize = function normalize(config) {
@@ -9801,24 +9831,26 @@
             textAvatar = _g === void 0 ? '' : _g,
             _h = props.avatarStyle,
             avatarStyle = _h === void 0 ? {} : _h,
-            _j = props.autoFixFontSize,
-            autoFixFontSize = _j === void 0 ? true : _j,
-            _k = props.autoFixFontOffset,
-            autoFixFontOffset = _k === void 0 ? 2 : _k,
-            _l = props.avatarName,
-            avatarName = _l === void 0 ? '' : _l,
-            _m = props.avatarDesc,
-            avatarDesc = _m === void 0 ? '' : _m,
-            _o = props.children,
-            children = _o === void 0 ? null : _o,
-            _p = props.renderInfo,
-            renderInfo = _p === void 0 ? null : _p,
-            _q = props.className,
-            className = _q === void 0 ? '' : _q,
-            _r = props.style,
-            style = _r === void 0 ? {} : _r,
-            _s = props.imageProps,
-            imageProps = _s === void 0 ? {} : _s,
+            _j = props.avatarClass,
+            avatarClass = _j === void 0 ? '' : _j,
+            _k = props.autoFixFontSize,
+            autoFixFontSize = _k === void 0 ? true : _k,
+            _l = props.autoFixFontOffset,
+            autoFixFontOffset = _l === void 0 ? 2 : _l,
+            _m = props.avatarName,
+            avatarName = _m === void 0 ? '' : _m,
+            _o = props.avatarDesc,
+            avatarDesc = _o === void 0 ? '' : _o,
+            _p = props.children,
+            children = _p === void 0 ? null : _p,
+            _q = props.renderInfo,
+            renderInfo = _q === void 0 ? null : _q,
+            _r = props.className,
+            className = _r === void 0 ? '' : _r,
+            _s = props.style,
+            style = _s === void 0 ? {} : _s,
+            _t = props.imageProps,
+            imageProps = _t === void 0 ? {} : _t,
             defaultOverLap = props.defaultOverLap,
             onClickDecoration = props.onClickDecoration,
             onClick = props.onClick;
@@ -9826,9 +9858,9 @@
         var avatarRef = React.useRef(null);
         var avatarTextRef = React.useRef(null);
 
-        var _t = React.useState(1),
-            textScale = _t[0],
-            setTextScale = _t[1];
+        var _u = React.useState(1),
+            textScale = _u[0],
+            setTextScale = _u[1];
 
         React.useImperativeHandle(ref, function () {
           return {
@@ -9877,7 +9909,7 @@
           className: cls(prefixCls + "-avatar-wrapper", className, size, shape, prefixCls + "-avatar-wrapper-shape-" + shape, (_a = {}, _a[prefixCls + "-avatar-wrapper-with-info " + prefixCls + "-avatar-wrapper-with-info-size-" + size + " with-info"] = Boolean(avatarName), _a)),
           onClick: onClick
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          className: cls(prefixCls + "-avatar", prefixCls + "-avatar-size-" + size, size, prefixCls + "-avatar-shape-" + shape, shape, (_b = {}, _b[prefixCls + "-text-avatar " + prefixCls + "-avatar-mode-text"] = isTextAvatar, _b[prefixCls + "-image-avatar " + prefixCls + "-avatar-mode-image"] = isImageAvatar, _b[prefixCls + "-avatar-default-overlap default-overlap"] = useDefaultAvatar, _b)),
+          className: cls(prefixCls + "-avatar", avatarClass, prefixCls + "-avatar-size-" + size, size, prefixCls + "-avatar-shape-" + shape, shape, (_b = {}, _b[prefixCls + "-text-avatar " + prefixCls + "-avatar-mode-text"] = isTextAvatar, _b[prefixCls + "-image-avatar " + prefixCls + "-avatar-mode-image"] = isImageAvatar, _b[prefixCls + "-avatar-default-overlap default-overlap"] = useDefaultAvatar, _b)),
           style: avatarStyle,
           ref: avatarRef
         }, children, useDefaultAvatar && (defaultOverLap === void 0 ? /*#__PURE__*/React__default["default"].createElement(IconUserFill, {
@@ -10377,6 +10409,12 @@
 
         if (posAdjustingRef.current) {
           return;
+        } // touchMove触发时，阻止handleTouchStart多次执行（如点击事件）
+        // @en When touchMove is triggered, prevent handleTouchStart from executing multiple times (such as click events)
+
+
+        if (touchStartedRef.current && touchMovedRef.current) {
+          return;
         }
 
         touchStartedRef.current = true;
@@ -10833,12 +10871,23 @@
           return;
         }
 
-        if (!touchStartedRef.current || !touchMovedRef.current || posAdjustingRef.current || touchStoppedRef.current) {
+        if (!touchStartedRef.current) {
           return;
         }
 
         touchStartedRef.current = false;
+
+        if (!touchMovedRef.current) {
+          setPlayIntervalRef.current();
+          return;
+        }
+
         touchMovedRef.current = false;
+
+        if (posAdjustingRef.current || touchStoppedRef.current) {
+          return;
+        }
+
         var touchEndTime = new Date().getTime();
         var dis = Math.abs(distance);
         var speed = dis / (touchEndTime - touchStartTimeRef.current) * 1000;