@arco-design/mobile-react 2.19.0 → 2.19.1

package/umd/steps/style/css/index.css

@@ -32,11 +32,20 @@
 }
 .arco-steps-item-tail {
   position: absolute;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+          align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+          justify-content: center;
 }
 .horizontal .arco-steps-item-tail {
   width: 100%;
-  top: 0.18rem;
   left: 50%;
+  height:  18PX ;
   padding:  0 0.36rem ;
 }
 .horizontal .arco-steps-item-tail:after {
@@ -49,8 +58,8 @@
 }
 .vertical .arco-steps-item-tail {
   height: 100%;
+  width:  18PX ;
   top: 0.18rem;
-  left: 0.15rem;
   padding:  0.28rem 0 ;
 }
 .vertical .arco-steps-item-tail:after {
@@ -78,11 +87,18 @@
   height:  20PX ;
 }
 .arco-steps-item-icon {
-  display: inline-block;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: inline-flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+          align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+          justify-content: center;
   border-radius: 50%;
   width:  18PX ;
   height:  18PX ;
-  text-align: center;
 }
 .number.finish .arco-steps-item-icon {
   background:  #E8F3FF ;
@@ -97,11 +113,7 @@
   background:  #F53F3F ;
 }
 .arco-steps-item-icon svg {
-  position: relative;
   font-size:  10PX ;
-  top: 50%;
-  -webkit-transform: translateY(-50%);
-          transform: translateY(-50%);
 }
 .finish .arco-steps-item-icon svg {
   color:  #165dff ;
@@ -128,9 +140,6 @@
 }
 .arco-steps-item-icon-dot {
   position: relative;
-  top: 50%;
-  -webkit-transform: translateY(-50%);
-          transform: translateY(-50%);
   display: inline-block;
   width:  8PX ;
   height:  8PX ;

package/umd/steps/style/index.less

@@ -24,11 +24,14 @@
 
         &-tail {
             position: absolute;
+            display: flex;
+            align-items: center;
+            justify-content: center;
 
             .horizontal & {
                 width: 100%;
-                .rem(top, 9);
                 left: 50%;
+                .use-var(height, steps-icon-height);
                 .use-var(padding, steps-tail-horizontal-padding);
 
                 &:after {
@@ -43,8 +46,8 @@
 
             .vertical & {
                 height: 100%;
+                .use-var(width, steps-icon-width);
                 .rem(top, 9);
-                .rem(left, 7.5);
                 .use-var(padding, steps-tail-vertical-padding);
 
                 &:after {
@@ -71,11 +74,12 @@
         }
 
         &-icon {
-            display: inline-block;
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
             border-radius: 50%;
             .use-var(width, steps-icon-width);
             .use-var(height, steps-icon-height);
-            text-align: center;
 
             .number.finish & {
                 .use-var(background, steps-finish-icon-num-background);
@@ -94,10 +98,7 @@
             }
 
             svg {
-                position: relative;
                 .use-var(font-size, steps-icon-svg-standard-font-size);
-                top: 50%;
-                transform: translateY(-50%);
 
                 .finish & {
                     .use-var(color, steps-finish-icon-svg-color);
@@ -122,8 +123,6 @@
 
             &-dot {
                 position: relative;
-                top: 50%;
-                transform: translateY(-50%);
                 display: inline-block;
                 .use-var(width, steps-dot-width);
                 .use-var(height, steps-dot-height);

package/umd/swipe-load/index.js

@@ -1,16 +1,16 @@
 (function (global, factory) {
   if (typeof define === "function" && define.amd) {
-    define(["exports", "react", "../context-provider", "@arco-design/mobile-utils", "../_helpers/hooks", "./type"], factory);
+    define(["exports", "react", "@arco-design/mobile-utils", "../context-provider", "../_helpers/hooks", "./type"], factory);
   } else if (typeof exports !== "undefined") {
-    factory(exports, require("react"), require("../context-provider"), require("@arco-design/mobile-utils"), require("../_helpers/hooks"), require("./type"));
+    factory(exports, require("react"), require("@arco-design/mobile-utils"), require("../context-provider"), require("../_helpers/hooks"), require("./type"));
   } else {
     var mod = {
       exports: {}
     };
-    factory(mod.exports, global.react, global.contextProvider, global.mobileUtils, global.hooks, global.type);
+    factory(mod.exports, global.react, global.mobileUtils, global.contextProvider, global.hooks, global.type);
     global.index = mod.exports;
   }
-})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _react, _contextProvider, _mobileUtils, _hooks, _type) {
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _react, _mobileUtils, _contextProvider, _hooks, _type) {
   "use strict";
 
   _exports.__esModule = true;

package/umd/switch/index.js

@@ -135,7 +135,7 @@
         className: prefixCls + "-switch-text"
       }, switchChecked ? text.off || '' : text.on || '') : null, /*#__PURE__*/_react.default.createElement("div", {
         className: prefixCls + "-switch-inner"
-      }, innerArea ? innerArea : null));
+      }, innerArea || null));
     });
   });
   var _default = Switch;

package/umd/tab-bar/item.js

@@ -1,16 +1,16 @@
 (function (global, factory) {
   if (typeof define === "function" && define.amd) {
-    define(["exports", "@babel/runtime/helpers/extends", "react", "../context-provider", "@arco-design/mobile-utils", "./tab-bar"], factory);
+    define(["exports", "@babel/runtime/helpers/extends", "react", "@arco-design/mobile-utils", "../context-provider", "./tab-bar"], factory);
   } else if (typeof exports !== "undefined") {
-    factory(exports, require("@babel/runtime/helpers/extends"), require("react"), require("../context-provider"), require("@arco-design/mobile-utils"), require("./tab-bar"));
+    factory(exports, require("@babel/runtime/helpers/extends"), require("react"), require("@arco-design/mobile-utils"), require("../context-provider"), require("./tab-bar"));
   } else {
     var mod = {
       exports: {}
     };
-    factory(mod.exports, global._extends, global.react, global.contextProvider, global.mobileUtils, global.tabBar);
+    factory(mod.exports, global._extends, global.react, global.mobileUtils, global.contextProvider, global.tabBar);
     global.item = mod.exports;
   }
-})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _extends2, _react, _contextProvider, _mobileUtils, _tabBar) {
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _extends2, _react, _mobileUtils, _contextProvider, _tabBar) {
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/umd/tab-bar/tab-bar.js

@@ -1,16 +1,16 @@
 (function (global, factory) {
   if (typeof define === "function" && define.amd) {
-    define(["exports", "@babel/runtime/helpers/extends", "react", "../context-provider", "@arco-design/mobile-utils", "../_helpers"], factory);
+    define(["exports", "@babel/runtime/helpers/extends", "react", "@arco-design/mobile-utils", "../context-provider", "../_helpers"], factory);
   } else if (typeof exports !== "undefined") {
-    factory(exports, require("@babel/runtime/helpers/extends"), require("react"), require("../context-provider"), require("@arco-design/mobile-utils"), require("../_helpers"));
+    factory(exports, require("@babel/runtime/helpers/extends"), require("react"), require("@arco-design/mobile-utils"), require("../context-provider"), require("../_helpers"));
   } else {
     var mod = {
       exports: {}
     };
-    factory(mod.exports, global._extends, global.react, global.contextProvider, global.mobileUtils, global._helpers);
+    factory(mod.exports, global._extends, global.react, global.mobileUtils, global.contextProvider, global._helpers);
     global.tabBar = mod.exports;
   }
-})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _extends2, _react, _contextProvider, _mobileUtils, _helpers) {
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _extends2, _react, _mobileUtils, _contextProvider, _helpers) {
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/umd/transition/index.js

@@ -32,10 +32,12 @@
    * @name_en Transition
    */
   function Transition(props) {
-    var children = props.children,
+    var _props$children = props.children,
+        children = _props$children === void 0 ? /*#__PURE__*/_react.default.createElement("div", null) : _props$children,
         type = props.type,
         transIn = props.in,
-        timeout = props.timeout,
+        _props$timeout = props.timeout,
+        timeout = _props$timeout === void 0 ? 300 : _props$timeout,
         _props$mountOnEnter = props.mountOnEnter,
         mountOnEnter = _props$mountOnEnter === void 0 ? true : _props$mountOnEnter,
         _props$unmountOnExit = props.unmountOnExit,