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

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

@@ -30,6 +30,8 @@ var Button = /*#__PURE__*/forwardRef(function (props, ref) {
       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,
@@ -96,7 +98,7 @@ var Button = /*#__PURE__*/forwardRef(function (props, ref) {
       onTouchCancel: handleTouchEnd,
       onMouseDown: handleTouchStart,
       onMouseUp: handleTouchEnd,
-      onClick: disabled ? onClickDisabled : onClick
+      onClick: disabled || loading && disableWhenLoading ? onClickDisabled : onClick
     }, /*#__PURE__*/React.createElement("div", {
       className: "btn-icon"
     }, icon, loading && (loadingIcon === void 0 ? /*#__PURE__*/React.createElement(Loading, {

package/esm/grid/index.js

@@ -36,21 +36,14 @@ var Grid = /*#__PURE__*/forwardRef(function (props, ref) {
   });
 
   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.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,
@@ -64,7 +57,7 @@ var Grid = /*#__PURE__*/forwardRef(function (props, ref) {
       }
 
       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.createElement("div", {
         key: index,
@@ -93,6 +86,12 @@ var Grid = /*#__PURE__*/forwardRef(function (props, ref) {
       }) : null, (row + 1) % rows !== 0 ? /*#__PURE__*/React.createElement("i", {
         className: "horizontal-border"
       }) : null);
+    }), fakeGrids.map(function (_, i) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: cls(prefix + "-rows-item fake-col"),
+        key: i,
+        style: widthStyle
+      });
     }));
   };
 

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef, useImperativeHandle, useRef, useEffect, useMemo } from 'react';
-import { cls, defaultLocale, handleUnit, nextTick } from '@arco-design/mobile-utils';
+import { cls, handleUnit, nextTick } from '@arco-design/mobile-utils';
 import { ContextLayout } from '../context-provider';
 import Loading from '../loading';
 import { useSystem, useWindowSize, getStyleWithVendor, useMountedState } from '../_helpers';
@@ -39,7 +39,8 @@ export var BaseImage = /*#__PURE__*/forwardRef(function (props, ref) {
   var loadingImageRef = 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,
@@ -79,7 +80,6 @@ export var BaseImage = /*#__PURE__*/forwardRef(function (props, ref) {
   var isPreview = Boolean(fit.indexOf('preview') >= 0);
   var actualBoxWidth = boxWidth || windowWidth;
   var actualBoxHeight = boxHeight || windowHeight;
-  var validStatus = status === undefined ? imageStatus : status;
   var attrs = useMemo(function () {
     var imageStyle = {};
 
@@ -255,9 +255,7 @@ export var BaseImage = /*#__PURE__*/forwardRef(function (props, ref) {
   }
 
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
-    var prefixCls = _ref.prefixCls,
-        _ref$locale = _ref.locale,
-        locale = _ref$locale === void 0 ? defaultLocale : _ref$locale;
+    var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("div", {
       className: cls(prefixCls + "-image all-border-box", {
         preview: isPreview
@@ -272,7 +270,7 @@ export var BaseImage = /*#__PURE__*/forwardRef(function (props, ref) {
     }, bottomOverlap || /*#__PURE__*/React.createElement("div", {
       className: "image-placeholder"
     })) : null, /*#__PURE__*/React.createElement("div", {
-      className: cls('image-container', validStatus, {
+      className: cls('image-container', imageStatus, {
         animate: Boolean(animateDuration),
         'static-label': staticLabel
       }),
@@ -287,7 +285,7 @@ export var BaseImage = /*#__PURE__*/forwardRef(function (props, ref) {
         return _onLoad && _onLoad(e.nativeEvent, imageDomRef.current);
       },
       onError: handleStaticImageError
-    })) : null), showLoading && validStatus === 'loading' ? /*#__PURE__*/React.createElement("div", {
+    })) : null), showLoading && (status === 'loading' || imageStatus === 'loading') ? /*#__PURE__*/React.createElement("div", {
       className: "image-content image-loading-container",
       style: {
         borderRadius: radius
@@ -299,7 +297,7 @@ export var BaseImage = /*#__PURE__*/forwardRef(function (props, ref) {
       className: "loading-icon",
       radius: 8.5,
       stroke: 3
-    }))) : null, showError && validStatus === 'error' ? /*#__PURE__*/React.createElement("div", {
+    }))) : null, showError && (status === 'error' || imageStatus === 'error') ? /*#__PURE__*/React.createElement("div", {
       className: "image-content image-error-container",
       onClick: function onClick(e) {
         e.stopPropagation();
@@ -310,7 +308,7 @@ export var BaseImage = /*#__PURE__*/forwardRef(function (props, ref) {
       }
     }, errorArea || /*#__PURE__*/React.createElement("div", {
       className: "image-retry-load"
-    }, locale.Image.loadError)) : null, topOverlap ? /*#__PURE__*/React.createElement("div", {
+    }, "\u91CD\u8BD5")) : null, topOverlap ? /*#__PURE__*/React.createElement("div", {
       className: "image-content image-top-overlap",
       style: {
         borderRadius: radius

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

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

@@ -5,6 +5,7 @@ import { componentWrapper, nextTick } from '@arco-design/mobile-utils';
 import { ContextLayout } from '../context-provider';
 import { getStyleWithVendor, useUpdateEffect } from '../_helpers';
 import { notify } from './methods';
+export * from './type';
 var Notify = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$className = props.className,
       className = _props$className === void 0 ? '' : _props$className,

package/esm/notify/type.d.ts

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

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

package/esm/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/esm/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/esm/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/esm/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';

package/esm/style.js

@@ -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';

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,6 +1,6 @@
 {
     "name": "@arco-design/mobile-react",
-    "version": "2.19.1-941e02b.7+941e02b",
+    "version": "2.19.1",
     "description": "",
     "main": "cjs/index.js",
     "module": "esm/index.js",
@@ -15,7 +15,7 @@
     "author": "taoyiyue@bytedance.com",
     "license": "ISC",
     "dependencies": {
-        "@arco-design/mobile-utils": "^2.10.1-941e02b.7+941e02b",
+        "@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": "941e02ba8f305b84634211b1a65cb7254c6c617d"
+    "gitHead": "87bdcdc779e527c26b07dd8a950d8e7cec0982dd"
 }

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

@@ -518,7 +518,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: var(--line-color);
     --steps-tail-finish-background: var(--primary-color);
@@ -545,6 +544,8 @@
     --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;
@@ -646,20 +647,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: 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,7 +517,6 @@ 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;
@@ -544,6 +543,8 @@ 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;
@@ -645,22 +646,6 @@ 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,7 +529,6 @@ 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",
@@ -556,6 +555,8 @@ 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",
@@ -656,23 +657,7 @@ 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",
-  "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"
+  "action-sheet-sub-title-font-size": "0.28rem"
 };
 var _default = tokens;
 exports["default"] = _default;