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

package/esm/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/esm/slider/marks.js

@@ -1,10 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useContext, useCallback } from 'react';
+import { cls } from '@arco-design/mobile-utils';
 import { GlobalContext } from '../context-provider';
 import { SliderContext } from './hooks';
-import { cls } from '@arco-design/mobile-utils';
 
-var Marks = function Marks(_ref) {
+function Marks(_ref) {
   var runTimeConfig = _ref.runTimeConfig,
       _ref$className = _ref.className,
       className = _ref$className === void 0 ? '' : _ref$className,
@@ -43,6 +43,6 @@ var Marks = function Marks(_ref) {
       className: prefixCls + "-slider-marks-item-label"
     }, label));
   }));
-};
+}
 
 export default Marks;

package/esm/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/esm/slider/popover.js

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
 import Transition from '../transition';
 import { GlobalContext } from '../context-provider';
-export var Popover = function Popover(_ref) {
+export function Popover(_ref) {
   var visible = _ref.visible,
       content = _ref.content,
       children = _ref.children;
@@ -24,4 +24,4 @@ export var Popover = function Popover(_ref) {
   }, content), /*#__PURE__*/React.createElement("div", {
     className: prefixCls + "-slider-popover-arrow"
   }))), children);
-};
+}

package/esm/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/esm/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/esm/steps/step.js

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

package/esm/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/esm/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/esm/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/esm/style.js

@@ -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/esm/swipe-load/index.js

@@ -1,6 +1,6 @@
 import React, { useRef, forwardRef, useImperativeHandle, useEffect, useState, useContext } from 'react';
-import { ContextLayout, GlobalContext } from '../context-provider';
 import { cls, fingerDisToLabelDis, defaultLocale } from '@arco-design/mobile-utils';
+import { ContextLayout, GlobalContext } from '../context-provider';
 import { useAddListener } from '../_helpers/hooks';
 export * from './type';
 /**

package/esm/switch/index.js

@@ -117,7 +117,7 @@ var Switch = /*#__PURE__*/forwardRef(function (props, ref) {
       className: prefixCls + "-switch-text"
     }, switchChecked ? text.off || '' : text.on || '') : null, /*#__PURE__*/React.createElement("div", {
       className: prefixCls + "-switch-inner"
-    }, innerArea ? innerArea : null));
+    }, innerArea || null));
   });
 });
 export default Switch;

package/esm/tab-bar/item.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef, useContext, useImperativeHandle, useRef } from 'react';
-import { ContextLayout } from '../context-provider';
 import { cls } from '@arco-design/mobile-utils';
+import { ContextLayout } from '../context-provider';
 import { TabBarContext } from './tab-bar';
 export var Item = /*#__PURE__*/forwardRef(function (props, ref) {
   var _useContext = useContext(TabBarContext),

package/esm/tab-bar/tab-bar.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { Children, createContext, forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
-import { ContextLayout } from '../context-provider';
 import { cls } from '@arco-design/mobile-utils';
+import { ContextLayout } from '../context-provider';
 import { useRefState } from '../_helpers';
 export var TabBarContext = /*#__PURE__*/createContext({
   changeIndex: function changeIndex() {},

package/esm/transition/index.js

@@ -14,10 +14,12 @@ import { ContextLayout } from '../context-provider';
  * @name_en Transition
  */
 export default function Transition(props) {
-  var children = props.children,
+  var _props$children = props.children,
+      children = _props$children === void 0 ? /*#__PURE__*/React.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,

package/package.json

@@ -1,13 +1,13 @@
 {
     "name": "@arco-design/mobile-react",
-    "version": "2.19.1-7cada34.0+7cada34",
+    "version": "2.19.2-ee92494.5+ee92494",
     "description": "",
     "main": "cjs/index.js",
     "module": "esm/index.js",
     "scripts": {
         "prebuild": "node ../../scripts/build/pre-build.js",
-        "build": "rm -rf esm/* umd/* cjs/* && gulp build && npm run dist",
-        "dist": "rm -rf dist/* && cd ../../ && node packages/arcodesign/rollup.lib.js",
+        "build": "rimraf esm/* umd/* cjs/* && gulp build && npm run dist",
+        "dist": "rimraf dist/* && cd ../../ && node packages/arcodesign/rollup.lib.js",
         "prepublishOnly": "npm run build",
         "build:bd": "npm run build",
         "test": "jest"
@@ -15,7 +15,7 @@
     "author": "taoyiyue@bytedance.com",
     "license": "ISC",
     "dependencies": {
-        "@arco-design/mobile-utils": "^2.10.1-7cada34.0+7cada34",
+        "@arco-design/mobile-utils": "^2.10.1",
         "@arco-design/transformable": "^1.0.0",
         "es6-promise": "^4.2.8",
         "lodash.throttle": "^4.1.1",
@@ -36,5 +36,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "7cada341079660793528e947a0c5555f96ce40bb"
+    "gitHead": "ee92494c3ea43e107da7cc829f25cd1567d14933"
 }

package/tokens/app/arcodesign/default/css-variables.less

@@ -518,6 +518,7 @@
     --steps-padding: ~`pxtorem(16)` 0;
     --steps-tail-horizontal-padding: 0 ~`pxtorem(18)`;
     --steps-tail-vertical-padding: ~`pxtorem(14)` 0;
+    --steps-tail-vertical-top: ~`pxtorem(9)`;
     --steps-tail-standard-size: 1PX;
     --steps-tail-standard-background: var(--line-color);
     --steps-tail-finish-background: var(--primary-color);
@@ -544,8 +545,6 @@
     --steps-wait-description-color: var(--sub-info-font-color);
     --steps-icon-width: 18PX;
     --steps-icon-height: 18PX;
-    --steps-custom-icon-width: 20PX;
-    --steps-custom-icon-height: 20PX;
     --steps-dot-width: 8PX;
     --steps-dot-height: 8PX;
     --steps-dot-border-width: 1.5PX;
@@ -647,4 +646,20 @@
     --action-sheet-header-padding: ~`pxtorem(16)`;
     --action-sheet-title-font-size: ~`pxtorem(16)`;
     --action-sheet-sub-title-font-size: ~`pxtorem(14)`;
+    --image-picker-font-size: ~`pxtorem(14)`;
+    --image-picker-disabled-opacity: 0.7;
+    --image-picker-border-radius: ~`pxtorem(2)`;
+    --image-picker-add-background: #f7f8fa;
+    --image-picker-add-icon-font-size: ~`pxtorem(30)`;
+    --image-picker-add-icon-color: #d8d8d8;
+    --image-picker-add-text-font-size: ~`pxtorem(12)`;
+    --image-picker-add-text-color: var(--sub-info-font-color);
+    --image-picker-error-color: #ffffff;
+    --image-picker-error-background: rgba(0, 0, 0, 0.5);
+    --image-picker-close-color: #ffffff;
+    --image-picker-close-font-size: ~`pxtorem(12)`;
+    --image-picker-close-width: ~`pxtorem(18)`;
+    --image-picker-close-height: ~`pxtorem(18)`;
+    --image-picker-close-background: rgba(0, 0, 0, 0.3);
+    --image-picker-close-border-radius: 0 ~`pxtorem(2)`;
 }

package/tokens/app/arcodesign/default/index.d.ts

@@ -517,6 +517,7 @@ export interface ArcodesignToken extends Record<string, string> {
     'steps-padding': string;
     'steps-tail-horizontal-padding': string;
     'steps-tail-vertical-padding': string;
+    'steps-tail-vertical-top': string;
     'steps-tail-standard-size': string;
     'steps-tail-standard-background': string;
     'steps-tail-finish-background': string;
@@ -543,8 +544,6 @@ export interface ArcodesignToken extends Record<string, string> {
     'steps-wait-description-color': string;
     'steps-icon-width': string;
     'steps-icon-height': string;
-    'steps-custom-icon-width': string;
-    'steps-custom-icon-height': string;
     'steps-dot-width': string;
     'steps-dot-height': string;
     'steps-dot-border-width': string;
@@ -646,6 +645,22 @@ export interface ArcodesignToken extends Record<string, string> {
     'action-sheet-header-padding': string;
     'action-sheet-title-font-size': string;
     'action-sheet-sub-title-font-size': string;
+    'image-picker-font-size': string;
+    'image-picker-disabled-opacity': string;
+    'image-picker-border-radius': string;
+    'image-picker-add-background': string;
+    'image-picker-add-icon-font-size': string;
+    'image-picker-add-icon-color': string;
+    'image-picker-add-text-font-size': string;
+    'image-picker-add-text-color': string;
+    'image-picker-error-color': string;
+    'image-picker-error-background': string;
+    'image-picker-close-color': string;
+    'image-picker-close-font-size': string;
+    'image-picker-close-width': string;
+    'image-picker-close-height': string;
+    'image-picker-close-background': string;
+    'image-picker-close-border-radius': string;
 }
 declare const tokens: ArcodesignToken;
 export default tokens;

package/tokens/app/arcodesign/default/index.js

@@ -529,6 +529,7 @@ var tokens = {
   "steps-padding": "0.32rem 0",
   "steps-tail-horizontal-padding": "0 0.36rem",
   "steps-tail-vertical-padding": "0.28rem 0",
+  "steps-tail-vertical-top": "0.18rem",
   "steps-tail-standard-size": "1PX",
   "steps-tail-standard-background": "#e5e6eb",
   "steps-tail-finish-background": "#165dff",
@@ -555,8 +556,6 @@ var tokens = {
   "steps-wait-description-color": "#86909c",
   "steps-icon-width": "18PX",
   "steps-icon-height": "18PX",
-  "steps-custom-icon-width": "20PX",
-  "steps-custom-icon-height": "20PX",
   "steps-dot-width": "8PX",
   "steps-dot-height": "8PX",
   "steps-dot-border-width": "1.5PX",
@@ -657,7 +656,23 @@ var tokens = {
   "action-sheet-cancel-border-width": "0.16rem",
   "action-sheet-header-padding": "0.32rem",
   "action-sheet-title-font-size": "0.32rem",
-  "action-sheet-sub-title-font-size": "0.28rem"
+  "action-sheet-sub-title-font-size": "0.28rem",
+  "image-picker-font-size": "0.28rem",
+  "image-picker-disabled-opacity": "0.7",
+  "image-picker-border-radius": "0.04rem",
+  "image-picker-add-background": "#f7f8fa",
+  "image-picker-add-icon-font-size": "0.6rem",
+  "image-picker-add-icon-color": "#d8d8d8",
+  "image-picker-add-text-font-size": "0.24rem",
+  "image-picker-add-text-color": "#86909c",
+  "image-picker-error-color": "#ffffff",
+  "image-picker-error-background": "rgba(0, 0, 0, 0.5)",
+  "image-picker-close-color": "#ffffff",
+  "image-picker-close-font-size": "0.24rem",
+  "image-picker-close-width": "0.36rem",
+  "image-picker-close-height": "0.36rem",
+  "image-picker-close-background": "rgba(0, 0, 0, 0.3)",
+  "image-picker-close-border-radius": "0 0.04rem"
 };
 var _default = tokens;
 exports["default"] = _default;