@arco-design/mobile-react 2.19.1-941e02b.7 → 2.19.1

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

@@ -3359,134 +3359,6 @@
             "en": "Default mask background color when image loads or retries"
         }
     },
-    "imagePickerAddBackground": {
-        "cssKey": "image-picker-add-background",
-        "desc": "",
-        "override": "",
-        "value": "#f7f8fa",
-        "jsValue": "#f7f8fa",
-        "staticValue": "#f7f8fa"
-    },
-    "imagePickerAddIconColor": {
-        "cssKey": "image-picker-add-icon-color",
-        "desc": "",
-        "override": "",
-        "value": "#d8d8d8",
-        "jsValue": "#d8d8d8",
-        "staticValue": "#d8d8d8"
-    },
-    "imagePickerAddIconFontSize": {
-        "cssKey": "image-picker-add-icon-font-size",
-        "desc": "",
-        "override": "",
-        "value": "~`pxtorem(30)`",
-        "jsValue": "@getRem@30",
-        "staticValue": "0.6rem"
-    },
-    "imagePickerAddTextColor": {
-        "cssKey": "image-picker-add-text-color",
-        "desc": "",
-        "override": "",
-        "value": "@sub-info-font-color",
-        "jsValue": "@global@subInfoFontColor",
-        "staticValue": "#86909c"
-    },
-    "imagePickerAddTextFontSize": {
-        "cssKey": "image-picker-add-text-font-size",
-        "desc": "",
-        "override": "",
-        "value": "~`pxtorem(12)`",
-        "jsValue": "@getRem@12",
-        "staticValue": "0.24rem"
-    },
-    "imagePickerBorderRadius": {
-        "cssKey": "image-picker-border-radius",
-        "desc": "",
-        "override": "",
-        "value": "~`pxtorem(2)`",
-        "jsValue": "@getRem@2",
-        "staticValue": "0.04rem"
-    },
-    "imagePickerCloseBackground": {
-        "cssKey": "image-picker-close-background",
-        "desc": "",
-        "override": "",
-        "value": "rgba(0, 0, 0, 0.3)",
-        "jsValue": "rgba(0, 0, 0, 0.3)",
-        "staticValue": "rgba(0, 0, 0, 0.3)"
-    },
-    "imagePickerCloseBorderRadius": {
-        "cssKey": "image-picker-close-border-radius",
-        "desc": "",
-        "override": "",
-        "value": "0 ~`pxtorem(2)`",
-        "jsValue": "0 @getRem@2",
-        "staticValue": "0 0.04rem"
-    },
-    "imagePickerCloseColor": {
-        "cssKey": "image-picker-close-color",
-        "desc": "",
-        "override": "",
-        "value": "#ffffff",
-        "jsValue": "#ffffff",
-        "staticValue": "#ffffff"
-    },
-    "imagePickerCloseFontSize": {
-        "cssKey": "image-picker-close-font-size",
-        "desc": "",
-        "override": "",
-        "value": "~`pxtorem(12)`",
-        "jsValue": "@getRem@12",
-        "staticValue": "0.24rem"
-    },
-    "imagePickerCloseHeight": {
-        "cssKey": "image-picker-close-height",
-        "desc": "",
-        "override": "",
-        "value": "~`pxtorem(18)`",
-        "jsValue": "@getRem@18",
-        "staticValue": "0.36rem"
-    },
-    "imagePickerCloseWidth": {
-        "cssKey": "image-picker-close-width",
-        "desc": "",
-        "override": "",
-        "value": "~`pxtorem(18)`",
-        "jsValue": "@getRem@18",
-        "staticValue": "0.36rem"
-    },
-    "imagePickerDisabledOpacity": {
-        "cssKey": "image-picker-disabled-opacity",
-        "desc": "",
-        "override": "",
-        "value": "0.7",
-        "jsValue": "0.7",
-        "staticValue": "0.7"
-    },
-    "imagePickerErrorBackground": {
-        "cssKey": "image-picker-error-background",
-        "desc": "",
-        "override": "",
-        "value": "rgba(0, 0, 0, 0.5)",
-        "jsValue": "rgba(0, 0, 0, 0.5)",
-        "staticValue": "rgba(0, 0, 0, 0.5)"
-    },
-    "imagePickerErrorColor": {
-        "cssKey": "image-picker-error-color",
-        "desc": "",
-        "override": "",
-        "value": "#ffffff",
-        "jsValue": "#ffffff",
-        "staticValue": "#ffffff"
-    },
-    "imagePickerFontSize": {
-        "cssKey": "image-picker-font-size",
-        "desc": "",
-        "override": "",
-        "value": "~`pxtorem(14)`",
-        "jsValue": "@getRem@14",
-        "staticValue": "0.28rem"
-    },
     "imagePlaceholderBackground": {
         "cssKey": "image-placeholder-background",
         "desc": "图片 placeholder 背景色",
@@ -5827,6 +5699,30 @@
             "en": "Label distance  of horizoverticalntal slider from the right of the mark"
         }
     },
+    "stepsCustomIconHeight": {
+        "cssKey": "steps-custom-icon-height",
+        "desc": "steps 步骤自定义图标高度",
+        "override": "",
+        "value": "20PX",
+        "jsValue": "20PX",
+        "staticValue": "20PX",
+        "localeDesc": {
+            "ch": "steps 步骤自定义图标高度",
+            "en": "Steps custom icon height"
+        }
+    },
+    "stepsCustomIconWidth": {
+        "cssKey": "steps-custom-icon-width",
+        "desc": "steps 步骤自定义图标宽度",
+        "override": "",
+        "value": "20PX",
+        "jsValue": "20PX",
+        "staticValue": "20PX",
+        "localeDesc": {
+            "ch": "steps 步骤自定义图标宽度",
+            "en": "Steps custom icon width"
+        }
+    },
     "stepsDescriptionColor": {
         "cssKey": "steps-description-color",
         "desc": "steps 步骤默认描述文字颜色",
@@ -6223,18 +6119,6 @@
             "en": "Left and right spacing of the vertical dividing line of Steps"
         }
     },
-    "stepsTailVerticalTop": {
-        "cssKey": "steps-tail-vertical-top",
-        "desc": "steps 垂直分割线的向下偏移距离，一般是 stepsIconHeight 值的一半",
-        "override": "",
-        "value": "~`pxtorem(9)`",
-        "jsValue": "@getRem@9",
-        "staticValue": "0.18rem",
-        "localeDesc": {
-            "ch": "steps 垂直分割线的向下偏移距离，一般是 stepsIconHeight 值的一半",
-            "en": "Left and right spacing of the vertical dividing line of Steps"
-        }
-    },
     "stepsTitleFontSize": {
         "cssKey": "steps-title-font-size",
         "desc": "steps 标题文字大小",

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

@@ -517,7 +517,6 @@
 @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: @line-color;
 @steps-tail-finish-background: @primary-color;
@@ -544,6 +543,8 @@
 @steps-wait-description-color: @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;
@@ -645,20 +646,4 @@
 @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: @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/umd/button/index.d.ts

@@ -109,6 +109,12 @@ export interface ButtonProps {
      * @en Callback function when disabling button
      */
     onClickDisabled?: (e: React.MouseEvent) => void;
+    /**
+     * 加载中是否禁用按钮操作
+     * @en Disable button when loading
+     * @default true
+     */
+    disableWhenLoading?: boolean;
 }
 export interface ButtonRef {
     /**

package/umd/button/index.js

@@ -49,6 +49,8 @@
         loading = _props$loading === void 0 ? false : _props$loading,
         _props$disabled = props.disabled,
         disabled = _props$disabled === void 0 ? false : _props$disabled,
+        _props$disableWhenLoa = props.disableWhenLoading,
+        disableWhenLoading = _props$disableWhenLoa === void 0 ? true : _props$disableWhenLoa,
         _props$shape = props.shape,
         shape = _props$shape === void 0 ? 'semi' : _props$shape,
         _props$halfBorder = props.halfBorder,
@@ -115,7 +117,7 @@
         onTouchCancel: handleTouchEnd,
         onMouseDown: handleTouchStart,
         onMouseUp: handleTouchEnd,
-        onClick: disabled ? onClickDisabled : onClick
+        onClick: disabled || loading && disableWhenLoading ? onClickDisabled : onClick
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: "btn-icon"
       }, icon, loading && (loadingIcon === void 0 ? /*#__PURE__*/_react.default.createElement(_loading.default, {

package/umd/grid/index.js

@@ -57,21 +57,14 @@
     });
 
     var getRows = function getRows(prefix, rowsData, rows, row) {
-      var placeholders = !isSliding && rowsData.length % columns;
-      var renderData = rowsData;
-
-      if (placeholders) {
-        var fakeGrids = new Array(columns - placeholders).fill({
-          img: null,
-          title: ''
-        });
-        renderData = rowsData.concat(fakeGrids);
-      }
-
+      var fakeGrids = new Array(!isSliding && columns && rowsData.length % columns ? columns - rowsData.length % columns : 0).fill('');
+      var widthStyle = {
+        minWidth: 1 / columns * 100 + "%"
+      };
       return /*#__PURE__*/_react.default.createElement("div", {
         className: prefix + "-rows",
         key: row
-      }, renderData.map(function (item, index) {
+      }, rowsData.map(function (item, index) {
         var img = item.img,
             title = item.title,
             content = item.content,
@@ -85,7 +78,7 @@
         }
 
         var marginBottom = row + 1 === rows ? 0 : typeof gutter === 'number' ? gutter : (gutter == null ? void 0 : gutter.y) || 0;
-        var rowLen = renderData.length;
+        var rowLen = rowsData.length;
         var marginRight = index + 1 === rowLen ? 0 : typeof gutter === 'number' ? gutter : (gutter == null ? void 0 : gutter.x) || 0;
         return /*#__PURE__*/_react.default.createElement("div", {
           key: index,
@@ -114,6 +107,12 @@
         }) : null, (row + 1) % rows !== 0 ? /*#__PURE__*/_react.default.createElement("i", {
           className: "horizontal-border"
         }) : null);
+      }), fakeGrids.map(function (_, i) {
+        return /*#__PURE__*/_react.default.createElement("div", {
+          className: (0, _mobileUtils.cls)(prefix + "-rows-item fake-col"),
+          key: i,
+          style: widthStyle
+        });
       }));
     };
 

package/umd/image/index.d.ts

@@ -14,6 +14,7 @@ export interface ImageProps {
     /**
      * 指定图片状态，staticLabel=false时有效
      * @en The specified image state, valid when staticLabel=false
+     * @default "init"
      */
     status?: ImageStatus;
     /**

package/umd/image/index.js

@@ -59,7 +59,8 @@
     var loadingImageRef = (0, _react.useRef)(null);
     var style = props.style,
         className = props.className,
-        status = props.status,
+        _props$status = props.status,
+        status = _props$status === void 0 ? 'init' : _props$status,
         src = props.src,
         width = props.width,
         height = props.height,
@@ -99,7 +100,6 @@
     var isPreview = Boolean(fit.indexOf('preview') >= 0);
     var actualBoxWidth = boxWidth || windowWidth;
     var actualBoxHeight = boxHeight || windowHeight;
-    var validStatus = status === undefined ? imageStatus : status;
     var attrs = (0, _react.useMemo)(function () {
       var imageStyle = {};
 
@@ -275,9 +275,7 @@
     }
 
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
-      var prefixCls = _ref.prefixCls,
-          _ref$locale = _ref.locale,
-          locale = _ref$locale === void 0 ? _mobileUtils.defaultLocale : _ref$locale;
+      var prefixCls = _ref.prefixCls;
       return /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _mobileUtils.cls)(prefixCls + "-image all-border-box", {
           preview: isPreview
@@ -292,7 +290,7 @@
       }, bottomOverlap || /*#__PURE__*/_react.default.createElement("div", {
         className: "image-placeholder"
       })) : null, /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _mobileUtils.cls)('image-container', validStatus, {
+        className: (0, _mobileUtils.cls)('image-container', imageStatus, {
           animate: Boolean(animateDuration),
           'static-label': staticLabel
         }),
@@ -307,7 +305,7 @@
           return _onLoad && _onLoad(e.nativeEvent, imageDomRef.current);
         },
         onError: handleStaticImageError
-      })) : null), showLoading && validStatus === 'loading' ? /*#__PURE__*/_react.default.createElement("div", {
+      })) : null), showLoading && (status === 'loading' || imageStatus === 'loading') ? /*#__PURE__*/_react.default.createElement("div", {
         className: "image-content image-loading-container",
         style: {
           borderRadius: radius
@@ -319,7 +317,7 @@
         className: "loading-icon",
         radius: 8.5,
         stroke: 3
-      }))) : null, showError && validStatus === 'error' ? /*#__PURE__*/_react.default.createElement("div", {
+      }))) : null, showError && (status === 'error' || imageStatus === 'error') ? /*#__PURE__*/_react.default.createElement("div", {
         className: "image-content image-error-container",
         onClick: function onClick(e) {
           e.stopPropagation();
@@ -330,7 +328,7 @@
         }
       }, errorArea || /*#__PURE__*/_react.default.createElement("div", {
         className: "image-retry-load"
-      }, locale.Image.loadError)) : null, topOverlap ? /*#__PURE__*/_react.default.createElement("div", {
+      }, "\u91CD\u8BD5")) : null, topOverlap ? /*#__PURE__*/_react.default.createElement("div", {
         className: "image-content image-top-overlap",
         style: {
           borderRadius: radius

package/umd/image-preview/index.d.ts

@@ -268,9 +268,9 @@ declare const _default: React.ForwardRefExoticComponent<ImagePreviewProps & Reac
      * @param {ImagePreviewProps} config configuration
      * @returns {{ close: () => void; update: (newConfig: ImagePreviewProps) => void; }}
      */
-    open: (config: Pick<ImagePreviewProps & React.RefAttributes<ImagePreviewRef>, "style" | "ref" | "key" | "getContainer" | "className" | "onClose" | "onTouchMove" | "fit" | "loadingArea" | "errorArea" | "showLoading" | "showError" | "retryTime" | "staticLabel" | "onChange" | "onTouchEnd" | "onTouchStart" | "animateDurationSlide" | "loop" | "swipeable" | "renderIndicator" | "indicatorPos" | "showIndicator" | "hideSingleIndicator" | "spaceBetween" | "percentToChange" | "distanceToChange" | "speedToChange" | "lazyloadCount" | "onAfterChange" | "images" | "openIndex" | "displayDuration" | "replaceFallbackWhenLoaded" | "noselect" | "scrollBezier" | "swipeToClose" | "getMinScale" | "getMaxScale" | "getDoubleClickScale" | "getThumbBounds" | "onImageClick" | "onImageDoubleClick" | "onImageLongTap">) => {
+    open: (config: Pick<ImagePreviewProps & React.RefAttributes<ImagePreviewRef>, "style" | "ref" | "key" | "getContainer" | "className" | "onClose" | "onTouchMove" | "fit" | "loadingArea" | "errorArea" | "showLoading" | "showError" | "retryTime" | "staticLabel" | "onChange" | "onTouchEnd" | "onTouchStart" | "animateDurationSlide" | "loop" | "swipeable" | "renderIndicator" | "indicatorPos" | "showIndicator" | "hideSingleIndicator" | "spaceBetween" | "percentToChange" | "distanceToChange" | "speedToChange" | "lazyloadCount" | "onAfterChange" | "openIndex" | "images" | "displayDuration" | "replaceFallbackWhenLoaded" | "noselect" | "scrollBezier" | "swipeToClose" | "getMinScale" | "getMaxScale" | "getDoubleClickScale" | "getThumbBounds" | "onImageClick" | "onImageDoubleClick" | "onImageLongTap">) => {
         close: () => void;
-        update: (newConfig: Pick<ImagePreviewProps & React.RefAttributes<ImagePreviewRef>, "style" | "ref" | "key" | "getContainer" | "className" | "onClose" | "onTouchMove" | "fit" | "loadingArea" | "errorArea" | "showLoading" | "showError" | "retryTime" | "staticLabel" | "onChange" | "onTouchEnd" | "onTouchStart" | "animateDurationSlide" | "loop" | "swipeable" | "renderIndicator" | "indicatorPos" | "showIndicator" | "hideSingleIndicator" | "spaceBetween" | "percentToChange" | "distanceToChange" | "speedToChange" | "lazyloadCount" | "onAfterChange" | "images" | "openIndex" | "displayDuration" | "replaceFallbackWhenLoaded" | "noselect" | "scrollBezier" | "swipeToClose" | "getMinScale" | "getMaxScale" | "getDoubleClickScale" | "getThumbBounds" | "onImageClick" | "onImageDoubleClick" | "onImageLongTap">) => void; /**
+        update: (newConfig: Pick<ImagePreviewProps & React.RefAttributes<ImagePreviewRef>, "style" | "ref" | "key" | "getContainer" | "className" | "onClose" | "onTouchMove" | "fit" | "loadingArea" | "errorArea" | "showLoading" | "showError" | "retryTime" | "staticLabel" | "onChange" | "onTouchEnd" | "onTouchStart" | "animateDurationSlide" | "loop" | "swipeable" | "renderIndicator" | "indicatorPos" | "showIndicator" | "hideSingleIndicator" | "spaceBetween" | "percentToChange" | "distanceToChange" | "speedToChange" | "lazyloadCount" | "onAfterChange" | "openIndex" | "images" | "displayDuration" | "replaceFallbackWhenLoaded" | "noselect" | "scrollBezier" | "swipeToClose" | "getMinScale" | "getMaxScale" | "getDoubleClickScale" | "getThumbBounds" | "onImageClick" | "onImageDoubleClick" | "onImageLongTap">) => void; /**
          * 是否可循环滑动
          * @en Whether it can be swiped circularly
          * @default false

package/umd/index.d.ts

@@ -21,7 +21,6 @@ export { default as Ellipsis } from './ellipsis';
 export { default as Grid } from './grid';
 export { default as Image } from './image';
 export { default as ShowMonitor } from './show-monitor';
-export { default as ImagePicker } from './image-picker';
 export { default as ImagePreview } from './image-preview';
 export { default as Input } from './input';
 export { default as LoadMore } from './load-more';

package/umd/index.js

@@ -1,22 +1,22 @@
 (function (global, factory) {
   if (typeof define === "function" && define.amd) {
-    define(["exports", "./action-sheet", "./cell", "./loading", "./badge", "./avatar", "./button", "./carousel", "./toast", "./switch", "./checkbox", "./circle-progress", "./collapse", "./tabs", "./context-provider", "./dialog", "./count-down", "./date-picker", "./dropdown", "./dropdown-menu", "./ellipsis", "./grid", "./image", "./show-monitor", "./image-picker", "./image-preview", "./input", "./load-more", "./masking", "./nav-bar", "./notice-bar", "./notify", "./pagination", "./picker", "./picker-view", "./popover", "./popup", "./popup-swiper", "./portal", "./progress", "./pull-refresh", "./radio", "./rate", "./slider", "./steps", "./sticky", "./swipe-load", "./tab-bar", "./tag", "./textarea", "./transition"], factory);
+    define(["exports", "./action-sheet", "./cell", "./loading", "./badge", "./avatar", "./button", "./carousel", "./toast", "./switch", "./checkbox", "./circle-progress", "./collapse", "./tabs", "./context-provider", "./dialog", "./count-down", "./date-picker", "./dropdown", "./dropdown-menu", "./ellipsis", "./grid", "./image", "./show-monitor", "./image-preview", "./input", "./load-more", "./masking", "./nav-bar", "./notice-bar", "./notify", "./pagination", "./picker", "./picker-view", "./popover", "./popup", "./popup-swiper", "./portal", "./progress", "./pull-refresh", "./radio", "./rate", "./slider", "./steps", "./sticky", "./swipe-load", "./tab-bar", "./tag", "./textarea", "./transition"], factory);
   } else if (typeof exports !== "undefined") {
-    factory(exports, require("./action-sheet"), require("./cell"), require("./loading"), require("./badge"), require("./avatar"), require("./button"), require("./carousel"), require("./toast"), require("./switch"), require("./checkbox"), require("./circle-progress"), require("./collapse"), require("./tabs"), require("./context-provider"), require("./dialog"), require("./count-down"), require("./date-picker"), require("./dropdown"), require("./dropdown-menu"), require("./ellipsis"), require("./grid"), require("./image"), require("./show-monitor"), require("./image-picker"), require("./image-preview"), require("./input"), require("./load-more"), require("./masking"), require("./nav-bar"), require("./notice-bar"), require("./notify"), require("./pagination"), require("./picker"), require("./picker-view"), require("./popover"), require("./popup"), require("./popup-swiper"), require("./portal"), require("./progress"), require("./pull-refresh"), require("./radio"), require("./rate"), require("./slider"), require("./steps"), require("./sticky"), require("./swipe-load"), require("./tab-bar"), require("./tag"), require("./textarea"), require("./transition"));
+    factory(exports, require("./action-sheet"), require("./cell"), require("./loading"), require("./badge"), require("./avatar"), require("./button"), require("./carousel"), require("./toast"), require("./switch"), require("./checkbox"), require("./circle-progress"), require("./collapse"), require("./tabs"), require("./context-provider"), require("./dialog"), require("./count-down"), require("./date-picker"), require("./dropdown"), require("./dropdown-menu"), require("./ellipsis"), require("./grid"), require("./image"), require("./show-monitor"), require("./image-preview"), require("./input"), require("./load-more"), require("./masking"), require("./nav-bar"), require("./notice-bar"), require("./notify"), require("./pagination"), require("./picker"), require("./picker-view"), require("./popover"), require("./popup"), require("./popup-swiper"), require("./portal"), require("./progress"), require("./pull-refresh"), require("./radio"), require("./rate"), require("./slider"), require("./steps"), require("./sticky"), require("./swipe-load"), require("./tab-bar"), require("./tag"), require("./textarea"), require("./transition"));
   } else {
     var mod = {
       exports: {}
     };
-    factory(mod.exports, global.actionSheet, global.cell, global.loading, global.badge, global.avatar, global.button, global.carousel, global.toast, global._switch, global.checkbox, global.circleProgress, global.collapse, global.tabs, global.contextProvider, global.dialog, global.countDown, global.datePicker, global.dropdown, global.dropdownMenu, global.ellipsis, global.grid, global.image, global.showMonitor, global.imagePicker, global.imagePreview, global.input, global.loadMore, global.masking, global.navBar, global.noticeBar, global.notify, global.pagination, global.picker, global.pickerView, global.popover, global.popup, global.popupSwiper, global.portal, global.progress, global.pullRefresh, global.radio, global.rate, global.slider, global.steps, global.sticky, global.swipeLoad, global.tabBar, global.tag, global.textarea, global.transition);
+    factory(mod.exports, global.actionSheet, global.cell, global.loading, global.badge, global.avatar, global.button, global.carousel, global.toast, global._switch, global.checkbox, global.circleProgress, global.collapse, global.tabs, global.contextProvider, global.dialog, global.countDown, global.datePicker, global.dropdown, global.dropdownMenu, global.ellipsis, global.grid, global.image, global.showMonitor, global.imagePreview, global.input, global.loadMore, global.masking, global.navBar, global.noticeBar, global.notify, global.pagination, global.picker, global.pickerView, global.popover, global.popup, global.popupSwiper, global.portal, global.progress, global.pullRefresh, global.radio, global.rate, global.slider, global.steps, global.sticky, global.swipeLoad, global.tabBar, global.tag, global.textarea, global.transition);
     global.index = mod.exports;
   }
-})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _actionSheet, _cell, _loading, _badge, _avatar, _button, _carousel, _toast, _switch, _checkbox, _circleProgress, _collapse, _tabs, _contextProvider, _dialog, _countDown, _datePicker, _dropdown, _dropdownMenu, _ellipsis, _grid, _image, _showMonitor, _imagePicker, _imagePreview, _input, _loadMore, _masking, _navBar, _noticeBar, _notify, _pagination, _picker, _pickerView, _popover, _popup, _popupSwiper, _portal, _progress, _pullRefresh, _radio, _rate, _slider, _steps, _sticky, _swipeLoad, _tabBar, _tag, _textarea, _transition) {
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _actionSheet, _cell, _loading, _badge, _avatar, _button, _carousel, _toast, _switch, _checkbox, _circleProgress, _collapse, _tabs, _contextProvider, _dialog, _countDown, _datePicker, _dropdown, _dropdownMenu, _ellipsis, _grid, _image, _showMonitor, _imagePreview, _input, _loadMore, _masking, _navBar, _noticeBar, _notify, _pagination, _picker, _pickerView, _popover, _popup, _popupSwiper, _portal, _progress, _pullRefresh, _radio, _rate, _slider, _steps, _sticky, _swipeLoad, _tabBar, _tag, _textarea, _transition) {
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
   _exports.__esModule = true;
-  _exports.Transition = _exports.Toast = _exports.Textarea = _exports.Tag = _exports.Tabs = _exports.TabBar = _exports.Switch = _exports.SwipeLoad = _exports.Sticky = _exports.Steps = _exports.Slider = _exports.ShowMonitor = _exports.Rate = _exports.Radio = _exports.PullRefresh = _exports.Progress = _exports.Portal = _exports.PopupSwiper = _exports.Popup = _exports.Popover = _exports.PickerView = _exports.Picker = _exports.Pagination = _exports.Notify = _exports.NoticeBar = _exports.NavBar = _exports.Masking = _exports.Loading = _exports.LoadMore = _exports.Input = _exports.ImagePreview = _exports.ImagePicker = _exports.Image = _exports.Grid = _exports.Ellipsis = _exports.DropdownMenu = _exports.Dropdown = _exports.Dialog = _exports.DatePicker = _exports.CountDown = _exports.ContextProvider = _exports.Collapse = _exports.CircleProgress = _exports.Checkbox = _exports.Cell = _exports.Carousel = _exports.Button = _exports.Badge = _exports.Avatar = _exports.ActionSheet = void 0;
+  _exports.Transition = _exports.Toast = _exports.Textarea = _exports.Tag = _exports.Tabs = _exports.TabBar = _exports.Switch = _exports.SwipeLoad = _exports.Sticky = _exports.Steps = _exports.Slider = _exports.ShowMonitor = _exports.Rate = _exports.Radio = _exports.PullRefresh = _exports.Progress = _exports.Portal = _exports.PopupSwiper = _exports.Popup = _exports.Popover = _exports.PickerView = _exports.Picker = _exports.Pagination = _exports.Notify = _exports.NoticeBar = _exports.NavBar = _exports.Masking = _exports.Loading = _exports.LoadMore = _exports.Input = _exports.ImagePreview = _exports.Image = _exports.Grid = _exports.Ellipsis = _exports.DropdownMenu = _exports.Dropdown = _exports.Dialog = _exports.DatePicker = _exports.CountDown = _exports.ContextProvider = _exports.Collapse = _exports.CircleProgress = _exports.Checkbox = _exports.Cell = _exports.Carousel = _exports.Button = _exports.Badge = _exports.Avatar = _exports.ActionSheet = void 0;
   _actionSheet = _interopRequireDefault(_actionSheet);
   _exports.ActionSheet = _actionSheet.default;
   _cell = _interopRequireDefault(_cell);
@@ -63,8 +63,6 @@
   _exports.Image = _image.default;
   _showMonitor = _interopRequireDefault(_showMonitor);
   _exports.ShowMonitor = _showMonitor.default;
-  _imagePicker = _interopRequireDefault(_imagePicker);
-  _exports.ImagePicker = _imagePicker.default;
   _imagePreview = _interopRequireDefault(_imagePreview);
   _exports.ImagePreview = _imagePreview.default;
   _input = _interopRequireDefault(_input);

package/umd/notify/index.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { NotifyProps, NotifyRef } from './type';
 import { NotifyBaseProps } from './methods';
+export * from './type';
 export declare function methodsGenerator<P extends NotifyBaseProps>(Comp: React.FC<P>): {
     /**
      * 展示常规通知

package/umd/notify/index.js

@@ -1,26 +1,35 @@
 (function (global, factory) {
   if (typeof define === "function" && define.amd) {
-    define(["exports", "@babel/runtime/helpers/extends", "react", "react-dom", "@arco-design/mobile-utils", "../context-provider", "../_helpers", "./methods"], factory);
+    define(["exports", "@babel/runtime/helpers/extends", "react", "react-dom", "@arco-design/mobile-utils", "../context-provider", "../_helpers", "./methods", "./type"], factory);
   } else if (typeof exports !== "undefined") {
-    factory(exports, require("@babel/runtime/helpers/extends"), require("react"), require("react-dom"), require("@arco-design/mobile-utils"), require("../context-provider"), require("../_helpers"), require("./methods"));
+    factory(exports, require("@babel/runtime/helpers/extends"), require("react"), require("react-dom"), require("@arco-design/mobile-utils"), require("../context-provider"), require("../_helpers"), require("./methods"), require("./type"));
   } else {
     var mod = {
       exports: {}
     };
-    factory(mod.exports, global._extends, global.react, global.reactDom, global.mobileUtils, global.contextProvider, global._helpers, global.methods);
+    factory(mod.exports, global._extends, global.react, global.reactDom, global.mobileUtils, global.contextProvider, global._helpers, global.methods, global.type);
     global.index = mod.exports;
   }
-})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _extends2, _react, _reactDom, _mobileUtils, _contextProvider, _helpers, _methods) {
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _extends2, _react, _reactDom, _mobileUtils, _contextProvider, _helpers, _methods, _type) {
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
   _exports.__esModule = true;
+  var _exportNames = {
+    methodsGenerator: true
+  };
   _exports.default = void 0;
   _exports.methodsGenerator = methodsGenerator;
   _extends2 = _interopRequireDefault(_extends2);
   _react = _interopRequireWildcard(_react);
   _reactDom = _interopRequireDefault(_reactDom);
+  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); }
 

package/umd/notify/type.d.ts

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

package/umd/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: 11PX;
+  font-size: 12PX;
 }

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

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

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

@@ -59,7 +59,7 @@
 .vertical .arco-steps-item-tail {
   height: 100%;
   width:  18PX ;
-  top:  0.18rem ;
+  top: 0.18rem;
   padding:  0.28rem 0 ;
 }
 .vertical .arco-steps-item-tail:after {
@@ -73,7 +73,19 @@
 .finish .arco-steps-item-tail:after {
   background:  #165dff ;
 }
-.arco-steps-item-custom-icon,
+.arco-steps-item-custom-icon {
+  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;
+  width:  20PX ;
+  height:  20PX ;
+}
 .arco-steps-item-icon {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -84,12 +96,10 @@
   -webkit-box-pack: center;
   -webkit-justify-content: center;
           justify-content: center;
+  border-radius: 50%;
   width:  18PX ;
   height:  18PX ;
 }
-.arco-steps-item-icon {
-  border-radius: 50%;
-}
 .number.finish .arco-steps-item-icon {
   background:  #E8F3FF ;
 }

package/umd/steps/style/index.less

@@ -47,7 +47,7 @@
             .vertical & {
                 height: 100%;
                 .use-var(width, steps-icon-width);
-                .use-var(top, steps-tail-vertical-top);
+                .rem(top, 9);
                 .use-var(padding, steps-tail-vertical-padding);
 
                 &:after {
@@ -65,17 +65,21 @@
             }
         }
 
-        &-custom-icon,
-        &-icon {
-            display: inline-flex;
+        &-custom-icon {
+            display: flex;
             align-items: center;
             justify-content: center;
-            .use-var(width, steps-icon-width);
-            .use-var(height, steps-icon-height);
+            .use-var(width, steps-custom-icon-width);
+            .use-var(height, steps-custom-icon-height);
         }
 
         &-icon {
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
             border-radius: 50%;
+            .use-var(width, steps-icon-width);
+            .use-var(height, steps-icon-height);
 
             .number.finish & {
                 .use-var(background, steps-finish-icon-num-background);

package/umd/style.d.ts

@@ -22,7 +22,6 @@ 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';