@arco-design/mobile-react 2.19.1-7cada34.0 → 2.19.2-ee92494.5

package/cjs/notify/index.js

@@ -3,6 +3,9 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
+var _exportNames = {
+  methodsGenerator: true
+};
 exports.default = void 0;
 exports.methodsGenerator = methodsGenerator;
 
@@ -20,6 +23,15 @@ var _helpers = require("../_helpers");
 
 var _methods = require("./methods");
 
+var _type = require("./type");
+
+Object.keys(_type).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _type[key]) return;
+  exports[key] = _type[key];
+});
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/cjs/notify/type.d.ts

@@ -19,6 +19,7 @@ export interface NotifyProps {
     /**
      * 通知类型
      * @en Notification type
+     * @default "info"
      */
     type?: NotifyType;
     /**

package/cjs/progress/index.js

@@ -82,7 +82,9 @@ var Progress = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           background: progressColor
         }
       }, currentPercentage, "%");
-    } else if (position === percentPosition) {
+    }
+
+    if (position === percentPosition) {
       return /*#__PURE__*/_react.default.createElement("div", {
         style: {
           color: progressColor

package/cjs/slider/hooks/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { SliderProps } from '../';
+import { SliderProps } from '..';
 export declare const baseRenderThumb: (prefixCls: string) => () => JSX.Element;
 export declare type LinePosition = {
     length: number;

package/cjs/slider/marks.d.ts

@@ -1,11 +1,11 @@
-import React, { CSSProperties, ReactNode } from 'react';
-declare const Marks: ({ runTimeConfig, className, style, }: {
+import { CSSProperties, ReactNode } from 'react';
+declare function Marks({ runTimeConfig, className, style, }: {
     runTimeConfig: Array<{
         value: number;
         activated: boolean;
         label: ReactNode;
     }>;
-    className?: string | undefined;
-    style?: React.CSSProperties | undefined;
-}) => JSX.Element;
+    className?: string;
+    style?: CSSProperties;
+}): JSX.Element;
 export default Marks;

package/cjs/slider/marks.js

@@ -9,17 +9,17 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _mobileUtils = require("@arco-design/mobile-utils");
+
 var _contextProvider = require("../context-provider");
 
 var _hooks = require("./hooks");
 
-var _mobileUtils = require("@arco-design/mobile-utils");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var Marks = function Marks(_ref) {
+function Marks(_ref) {
   var runTimeConfig = _ref.runTimeConfig,
       _ref$className = _ref.className,
       className = _ref$className === void 0 ? '' : _ref$className,
@@ -58,7 +58,7 @@ var Marks = function Marks(_ref) {
       className: prefixCls + "-slider-marks-item-label"
     }, label));
   }));
-};
+}
 
 var _default = Marks;
 exports.default = _default;

package/cjs/slider/popover.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-export declare const Popover: ({ visible, content, children, }: {
+export declare function Popover({ visible, content, children, }: {
     visible: boolean;
     content: ReactNode;
     children: ReactNode;
-}) => JSX.Element;
+}): JSX.Element;

package/cjs/slider/popover.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.Popover = void 0;
+exports.Popover = Popover;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -15,7 +15,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var Popover = function Popover(_ref) {
+function Popover(_ref) {
   var visible = _ref.visible,
       content = _ref.content,
       children = _ref.children;
@@ -38,6 +38,4 @@ var Popover = function Popover(_ref) {
   }, content), /*#__PURE__*/_react.default.createElement("div", {
     className: prefixCls + "-slider-popover-arrow"
   }))), children);
-};
-
-exports.Popover = Popover;
+}

package/cjs/steps/demo/style/css/mobile.css

@@ -61,5 +61,5 @@
   background: #165DFF;
 }
 #demo-steps #demo-order-8 .demo-svg .arco-steps-item-custom-icon {
-  font-size: 12PX;
+  font-size: 11PX;
 }

package/cjs/steps/demo/style/mobile.less

@@ -30,7 +30,7 @@
             }
             .set-steps-color(#165DFF);
             .@{prefix}-steps-item-custom-icon {
-                font-size: 12PX;
+                font-size: 11PX;
             }
         }
     }

package/cjs/steps/step.js

@@ -43,7 +43,9 @@ var Step = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
     if (current < index) {
       return 'wait';
-    } else if (current === index) {
+    }
+
+    if (current === index) {
       return 'process';
     }
 

package/cjs/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%;
-  top: 0.18rem;
-  left: 0.15rem;
+  width:  18PX ;
+  top:  0.18rem ;
   padding:  0.28rem 0 ;
 }
 .vertical .arco-steps-item-tail:after {
@@ -64,25 +73,22 @@
 .finish .arco-steps-item-tail:after {
   background:  #165dff ;
 }
-.arco-steps-item-custom-icon {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: flex;
+.arco-steps-item-custom-icon,
+.arco-steps-item-icon {
+  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;
-  width:  20PX ;
-  height:  20PX ;
+  width:  18PX ;
+  height:  18PX ;
 }
 .arco-steps-item-icon {
-  display: inline-block;
   border-radius: 50%;
-  width:  18PX ;
-  height:  18PX ;
-  text-align: center;
 }
 .number.finish .arco-steps-item-icon {
   background:  #E8F3FF ;
@@ -97,11 +103,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 +130,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/cjs/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%;
-                .rem(top, 9);
-                .rem(left, 7.5);
+                .use-var(width, steps-icon-width);
+                .use-var(top, steps-tail-vertical-top);
                 .use-var(padding, steps-tail-vertical-padding);
 
                 &:after {
@@ -62,20 +65,17 @@
             }
         }
 
-        &-custom-icon {
-            display: flex;
+        &-custom-icon,
+        &-icon {
+            display: inline-flex;
             align-items: center;
             justify-content: center;
-            .use-var(width, steps-custom-icon-width);
-            .use-var(height, steps-custom-icon-height);
+            .use-var(width, steps-icon-width);
+            .use-var(height, steps-icon-height);
         }
 
         &-icon {
-            display: inline-block;
             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 +94,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 +119,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/cjs/style.d.ts

@@ -22,6 +22,7 @@ import './ellipsis/style';
 import './grid/style';
 import './image/style';
 import './show-monitor/style';
+import './image-picker/style';
 import './image-preview/style';
 import './input/style';
 import './load-more/style';

package/cjs/style.js

@@ -48,6 +48,8 @@ require("./image/style");
 
 require("./show-monitor/style");
 
+require("./image-picker/style");
+
 require("./image-preview/style");
 
 require("./input/style");

package/cjs/swipe-load/index.js

@@ -6,10 +6,10 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _contextProvider = require("../context-provider");
-
 var _mobileUtils = require("@arco-design/mobile-utils");
 
+var _contextProvider = require("../context-provider");
+
 var _hooks = require("../_helpers/hooks");
 
 var _type = require("./type");

package/cjs/switch/index.js

@@ -129,7 +129,7 @@ var Switch = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       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/cjs/tab-bar/item.js

@@ -9,10 +9,10 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _contextProvider = require("../context-provider");
-
 var _mobileUtils = require("@arco-design/mobile-utils");
 
+var _contextProvider = require("../context-provider");
+
 var _tabBar = require("./tab-bar");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

package/cjs/tab-bar/tab-bar.js

@@ -10,10 +10,10 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _contextProvider = require("../context-provider");
-
 var _mobileUtils = require("@arco-design/mobile-utils");
 
+var _contextProvider = require("../context-provider");
+
 var _helpers = require("../_helpers");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

package/cjs/transition/index.js

@@ -26,10 +26,12 @@ var _excluded = ["children", "type", "in", "timeout", "mountOnEnter", "unmountOn
  * @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,