@arco-design/mobile-react 2.19.0 → 2.19.1

package/dist/index.js

@@ -1977,14 +1977,16 @@
      */
 
     function Transition(props) {
-      var children = props.children,
+      var _a = props.children,
+          children = _a === void 0 ? /*#__PURE__*/React__default["default"].createElement("div", null) : _a,
           type = props.type,
           transIn = props.in,
-          timeout = props.timeout,
-          _a = props.mountOnEnter,
-          mountOnEnter = _a === void 0 ? true : _a,
-          _b = props.unmountOnExit,
-          unmountOnExit = _b === void 0 ? true : _b,
+          _b = props.timeout,
+          timeout = _b === void 0 ? 300 : _b,
+          _c = props.mountOnEnter,
+          mountOnEnter = _c === void 0 ? true : _c,
+          _d = props.unmountOnExit,
+          unmountOnExit = _d === void 0 ? true : _d,
           restProps = __rest(props, ["children", "type", "in", "timeout", "mountOnEnter", "unmountOnExit"]);
 
       return /*#__PURE__*/React__default["default"].createElement(ContextLayout, null, function (_a) {
@@ -4018,24 +4020,26 @@
           loading = _e === void 0 ? false : _e,
           _f = props.disabled,
           disabled = _f === void 0 ? false : _f,
-          _g = props.shape,
-          shape = _g === void 0 ? 'semi' : _g,
-          _h = props.halfBorder,
-          halfBorder = _h === void 0 ? false : _h,
+          _g = props.disableWhenLoading,
+          disableWhenLoading = _g === void 0 ? true : _g,
+          _h = props.shape,
+          shape = _h === void 0 ? 'semi' : _h,
+          _j = props.halfBorder,
+          halfBorder = _j === void 0 ? false : _j,
           icon = props.icon,
-          _j = props.showTextWhenLoading,
-          showTextWhenLoading = _j === void 0 ? true : _j,
-          _k = props.needActive,
-          needActive = _k === void 0 ? true : _k,
-          _l = props.style,
-          style = _l === void 0 ? {} : _l,
+          _k = props.showTextWhenLoading,
+          showTextWhenLoading = _k === void 0 ? true : _k,
+          _l = props.needActive,
+          needActive = _l === void 0 ? true : _l,
+          _m = props.style,
+          style = _m === void 0 ? {} : _m,
           color = props.color,
           bgColor = props.bgColor,
           borderColor = props.borderColor,
-          _m = props.className,
-          className = _m === void 0 ? '' : _m,
-          _o = props.children,
-          children = _o === void 0 ? null : _o,
+          _o = props.className,
+          className = _o === void 0 ? '' : _o,
+          _p = props.children,
+          children = _p === void 0 ? null : _p,
           loadingIcon = props.loadingIcon,
           onClick = props.onClick,
           onClickDisabled = props.onClickDisabled;
@@ -4046,15 +4050,15 @@
         };
       });
 
-      var _p = useCustomColor({
+      var _q = useCustomColor({
         color: color,
         bgColor: bgColor,
         borderColor: borderColor,
         isActive: isActive,
         disabled: disabled
       }),
-          customColorClass = _p.customColorClass,
-          customColorStyle = _p.customColorStyle;
+          customColorClass = _q.customColorClass,
+          customColorStyle = _q.customColorStyle;
 
       var handleTouchStart = function handleTouchStart() {
         if (needActive && !disabled && !loading) {
@@ -4084,7 +4088,7 @@
           onTouchCancel: handleTouchEnd,
           onMouseDown: handleTouchStart,
           onMouseUp: handleTouchEnd,
-          onClick: disabled ? onClickDisabled : onClick
+          onClick: disabled || loading && disableWhenLoading ? onClickDisabled : onClick
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: "btn-icon"
         }, icon, loading && (loadingIcon === void 0 ? /*#__PURE__*/React__default["default"].createElement(Loading, {
@@ -5542,7 +5546,7 @@
           className: prefixCls + "-switch-text"
         }, switchChecked ? text.off || '' : text.on || '') : null, /*#__PURE__*/React__default["default"].createElement("div", {
           className: prefixCls + "-switch-inner"
-        }, innerArea ? innerArea : null));
+        }, innerArea || null));
       });
     });
 
@@ -6064,11 +6068,13 @@
         if (isRenderNormal) {
           if (progressColorStart) {
             return progressColorStart;
-          } else if (progressColorEnd) {
+          }
+
+          if (progressColorEnd) {
             return progressColorEnd;
-          } else {
-            return progressColor;
           }
+
+          return progressColor;
         }
       }, [progressColorStart, progressColorEnd, progressColor]);
 
@@ -16428,7 +16434,7 @@
       });
     });
 
-    var BackArrow = function BackArrow(_a) {
+    function BackArrow(_a) {
       var _b = _a.color,
           color = _b === void 0 ? 'currentColor' : _b;
       return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -16441,7 +16447,7 @@
         d: "M2.1,8l5.4,5.4c0.1,0.1,0.1,0.3,0,0.5L7,14.4c-0.1,0.1-0.3,0.1-0.5,0L0.7,8.5c-0.3-0.3-0.3-0.7,0-0.9\n                l5.9-5.9c0.1-0.1,0.3-0.1,0.5,0l0.5,0.5c0.1,0.1,0.1,0.3,0,0.5L2.1,8z",
         fill: color
       })));
-    };
+    }
 
     /**
      * 导航栏组件，支持吸顶和沉浸式，支持在指定滚动位置展示，支持根据滚动位置实时更新style。
@@ -18739,7 +18745,9 @@
               background: progressColor
             }
           }, currentPercentage, "%");
-        } else if (position === percentPosition) {
+        }
+
+        if (position === percentPosition) {
           return /*#__PURE__*/React__default["default"].createElement("div", {
             style: {
               color: progressColor
@@ -21398,7 +21406,7 @@
       renderThumb: baseRenderThumb('')
     });
 
-    var Popover = function Popover(_a) {
+    function Popover(_a) {
       var visible = _a.visible,
           content = _a.content,
           children = _a.children;
@@ -21418,7 +21426,7 @@
       }, content), /*#__PURE__*/React__default["default"].createElement("div", {
         className: prefixCls + "-slider-popover-arrow"
       }))), children);
-    };
+    }
 
     var Thumb = function Thumb(_a) {
       var className = _a.className,
@@ -21458,7 +21466,7 @@
       }, thumbEl));
     };
 
-    var Marks = function Marks(_a) {
+    function Marks(_a) {
       var runTimeConfig = _a.runTimeConfig,
           _b = _a.className,
           className = _b === void 0 ? '' : _b,
@@ -21495,7 +21503,7 @@
           className: prefixCls + "-slider-marks-item-label"
         }, label));
       }));
-    };
+    }
 
     var Slider = /*#__PURE__*/React.forwardRef(function (_, ref) {
       var _a = React.useContext(GlobalContext).prefixCls,
@@ -21772,7 +21780,9 @@
 
         if (current < index) {
           return 'wait';
-        } else if (current === index) {
+        }
+
+        if (current === index) {
           return 'process';
         }