@arco-design/mobile-react 2.30.10 → 2.31.1

package/umd/icon/IconQuestionCircle/index.js

@@ -42,8 +42,7 @@
       }, other), /*#__PURE__*/_react.default.createElement("path", {
         fillRule: "evenodd",
         clipRule: "evenodd",
-        d: "M7.982.68a7.312 7.312 0 110 14.625 7.312 7.312 0 010-14.625zm0 1.33a5.983 5.983 0 100 11.965 5.983 5.983 0 000-11.966zm.333 8.641c.183 0 .332.15.332.333v.664a.332.332 0 01-.332.333H7.65a.332.332 0 01-.332-.333v-.664c0-.184.148-.333.332-.333h.665zm-.427-6.647c.79 0 1.447.19 1.97.574.522.382.784.95.784 1.7 0 .461-.114.85-.341 1.165-.133.191-.389.436-.766.733l-.373.293c-.202.16-.337.345-.403.558a1.8 1.8 0 00-.048.323.332.332 0 01-.331.304h-.744a.332.332 0 01-.331-.363c.043-.463.088-.755.137-.878.091-.229.325-.492.703-.79l.383-.302c.126-.096.774-.553.774-.957 0-.405-.07-.553-.273-.775-.203-.222-.66-.294-1.073-.294-.405 0-.752.108-.922.38a1.921 1.921 0 00-.189.4 1.388 1.388 0 00-.048.204.332.332 0 01-.328.276h-.782a.332.332 0 01-.33-.37c.008-.074.017-.136.025-.185.13-.722.458-1.253.985-1.592.413-.27.92-.404 1.521-.404z",
-        fill: useCurrentColor ? 'currentColor' : '#000'
+        d: "M7.982.68a7.312 7.312 0 110 14.625 7.312 7.312 0 010-14.625zm0 1.33a5.983 5.983 0 100 11.965 5.983 5.983 0 000-11.966zm.333 8.641c.183 0 .332.15.332.333v.664a.332.332 0 01-.332.333H7.65a.332.332 0 01-.332-.333v-.664c0-.184.148-.333.332-.333h.665zm-.427-6.647c.79 0 1.447.19 1.97.574.522.382.784.95.784 1.7 0 .461-.114.85-.341 1.165-.133.191-.389.436-.766.733l-.373.293c-.202.16-.337.345-.403.558a1.8 1.8 0 00-.048.323.332.332 0 01-.331.304h-.744a.332.332 0 01-.331-.363c.043-.463.088-.755.137-.878.091-.229.325-.492.703-.79l.383-.302c.126-.096.774-.553.774-.957 0-.405-.07-.553-.273-.775-.203-.222-.66-.294-1.073-.294-.405 0-.752.108-.922.38a1.921 1.921 0 00-.189.4 1.388 1.388 0 00-.048.204.332.332 0 01-.328.276h-.782a.332.332 0 01-.33-.37c.008-.074.017-.136.025-.185.13-.722.458-1.253.985-1.592.413-.27.92-.404 1.521-.404z"
       }));
     });
   }

package/umd/icon/IconUpload/index.js

@@ -37,10 +37,12 @@
         height: "1em",
         style: style,
         fill: useCurrentColor ? 'currentColor' : '#000',
-        viewBox: "0 0 1024 1024",
-        xmlns: "http://www.w3.org/2000/svg"
-      }, other), /*#__PURE__*/_react.default.createElement("defs", null), /*#__PURE__*/_react.default.createElement("path", {
-        d: "M192 768c12.8 0 19.2 6.4 19.2 19.2v64h595.2v-64c0-12.8 6.4-19.2 19.2-19.2h44.8c12.8 0 19.2 6.4 19.2 19.2V896c0 25.6-19.2 44.8-44.8 44.8h-672c-25.6 0-44.8-19.2-44.8-44.8V787.2c0-12.8 6.4-19.2 19.2-19.2H192zM531.2 89.6l211.2 211.2c6.4 6.4 6.4 19.2 0 32l-32 32c-6.4 6.4-19.2 6.4-32 0l-128-128v473.6c0 12.8-6.4 19.2-19.2 19.2h-38.4c-12.8 0-19.2-6.4-19.2-19.2V249.6L352 364.8c-6.4 6.4-25.6 6.4-32 0l-32-32c-6.4-6.4-6.4-19.2 0-32L499.2 89.6c12.8-6.4 25.6-6.4 32 0z"
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 14 14"
+      }, other), /*#__PURE__*/_react.default.createElement("path", {
+        d: "M7,1.5l3.1,3.1L9.2,5.4L7.6,3.7v5.9H6.4V3.7L4.8,5.4L3.9,4.6L7,1.5z M2.9,11.4v-1.2H1.8v2.3h10.5\tv-2.3h-1.2v1.2H2.9z",
+        fillRule: "evenodd",
+        clipRule: "evenodd"
       }));
     });
   }

package/umd/icon/IconUserFill/index.js

@@ -40,8 +40,7 @@
         fill: useCurrentColor ? 'currentColor' : '#000',
         xmlns: "http://www.w3.org/2000/svg"
       }, other), /*#__PURE__*/_react.default.createElement("path", {
-        d: "M12.5 10.833c2.301 0 5 1.786 5 5v2.5c0 .46-.373.834-.833.834H3.333a.833.833 0 01-.833-.834v-2.5c0-3.211 2.699-5 5-5h5zM10 1.25a4.167 4.167 0 110 8.333 4.167 4.167 0 010-8.333z",
-        fill: useCurrentColor ? 'currentColor' : '#000'
+        d: "M12.5 10.833c2.301 0 5 1.786 5 5v2.5c0 .46-.373.834-.833.834H3.333a.833.833 0 01-.833-.834v-2.5c0-3.211 2.699-5 5-5h5zM10 1.25a4.167 4.167 0 110 8.333 4.167 4.167 0 010-8.333z"
       }));
     });
   }

package/umd/icon/index.d.ts

@@ -1,4 +1,3 @@
-export { default as IconUpload } from './IconUpload';
 export { default as IconSquareChecked } from './IconSquareChecked';
 export { default as IconTriUp } from './IconTriUp';
 export { default as IconMore } from './IconMore';
@@ -54,4 +53,7 @@ export { default as IconGift } from './IconGift';
 export { default as IconStarHalf } from './IconStarHalf';
 export { default as IconKeyboard } from './IconKeyboard';
 export { default as IconKeyboardDelete } from './IconKeyboardDelete';
+export { default as IconDownload } from './IconDownload';
+export { default as IconFile } from './IconFile';
+export { default as IconUpload } from './IconUpload';
 export * from './type';

package/umd/icon/index.js

@@ -1,23 +1,22 @@
 (function (global, factory) {
   if (typeof define === "function" && define.amd) {
-    define(["exports", "./IconUpload", "./IconSquareChecked", "./IconTriUp", "./IconMore", "./IconSound", "./IconEyeVisible", "./IconEyelashInvisible", "./IconWarnCircleFill", "./IconSquareDisabled", "./IconCircleChecked", "./IconSquareUnchecked", "./IconUser", "./IconEyeInvisible", "./IconCircleUnchecked", "./IconCircleDisabled", "./IconSetting", "./IconMinus", "./IconDelete", "./IconPlay", "./IconHeart", "./IconStarFill", "./IconSearch", "./IconEdit", "./IconSad", "./IconLikeCircle", "./IconNotice", "./IconHome", "./IconArrowIn", "./IconCheck", "./IconNoticeOff", "./IconSmileFill", "./IconStar", "./IconRefresh", "./IconScan", "./IconPicture", "./IconTriDown", "./IconClose", "./IconArrowUp", "./IconArrowBack", "./IconArrowDown", "./IconAdd", "./IconUserFill", "./IconClear", "./IconQuestionCircle", "./IconSuccessCircle", "./IconWarnCircle", "./IconErrorCircle", "./IconCheckBold", "./IconCloseBold", "./IconShop", "./IconShopping", "./IconSubway", "./IconGift", "./IconStarHalf", "./IconKeyboard", "./IconKeyboardDelete", "./type"], factory);
+    define(["exports", "./IconSquareChecked", "./IconTriUp", "./IconMore", "./IconSound", "./IconEyeVisible", "./IconEyelashInvisible", "./IconWarnCircleFill", "./IconSquareDisabled", "./IconCircleChecked", "./IconSquareUnchecked", "./IconUser", "./IconEyeInvisible", "./IconCircleUnchecked", "./IconCircleDisabled", "./IconSetting", "./IconMinus", "./IconDelete", "./IconPlay", "./IconHeart", "./IconStarFill", "./IconSearch", "./IconEdit", "./IconSad", "./IconLikeCircle", "./IconNotice", "./IconHome", "./IconArrowIn", "./IconCheck", "./IconNoticeOff", "./IconSmileFill", "./IconStar", "./IconRefresh", "./IconScan", "./IconPicture", "./IconTriDown", "./IconClose", "./IconArrowUp", "./IconArrowBack", "./IconArrowDown", "./IconAdd", "./IconUserFill", "./IconClear", "./IconQuestionCircle", "./IconSuccessCircle", "./IconWarnCircle", "./IconErrorCircle", "./IconCheckBold", "./IconCloseBold", "./IconShop", "./IconShopping", "./IconSubway", "./IconGift", "./IconStarHalf", "./IconKeyboard", "./IconKeyboardDelete", "./IconDownload", "./IconFile", "./IconUpload", "./type"], factory);
   } else if (typeof exports !== "undefined") {
-    factory(exports, require("./IconUpload"), require("./IconSquareChecked"), require("./IconTriUp"), require("./IconMore"), require("./IconSound"), require("./IconEyeVisible"), require("./IconEyelashInvisible"), require("./IconWarnCircleFill"), require("./IconSquareDisabled"), require("./IconCircleChecked"), require("./IconSquareUnchecked"), require("./IconUser"), require("./IconEyeInvisible"), require("./IconCircleUnchecked"), require("./IconCircleDisabled"), require("./IconSetting"), require("./IconMinus"), require("./IconDelete"), require("./IconPlay"), require("./IconHeart"), require("./IconStarFill"), require("./IconSearch"), require("./IconEdit"), require("./IconSad"), require("./IconLikeCircle"), require("./IconNotice"), require("./IconHome"), require("./IconArrowIn"), require("./IconCheck"), require("./IconNoticeOff"), require("./IconSmileFill"), require("./IconStar"), require("./IconRefresh"), require("./IconScan"), require("./IconPicture"), require("./IconTriDown"), require("./IconClose"), require("./IconArrowUp"), require("./IconArrowBack"), require("./IconArrowDown"), require("./IconAdd"), require("./IconUserFill"), require("./IconClear"), require("./IconQuestionCircle"), require("./IconSuccessCircle"), require("./IconWarnCircle"), require("./IconErrorCircle"), require("./IconCheckBold"), require("./IconCloseBold"), require("./IconShop"), require("./IconShopping"), require("./IconSubway"), require("./IconGift"), require("./IconStarHalf"), require("./IconKeyboard"), require("./IconKeyboardDelete"), require("./type"));
+    factory(exports, require("./IconSquareChecked"), require("./IconTriUp"), require("./IconMore"), require("./IconSound"), require("./IconEyeVisible"), require("./IconEyelashInvisible"), require("./IconWarnCircleFill"), require("./IconSquareDisabled"), require("./IconCircleChecked"), require("./IconSquareUnchecked"), require("./IconUser"), require("./IconEyeInvisible"), require("./IconCircleUnchecked"), require("./IconCircleDisabled"), require("./IconSetting"), require("./IconMinus"), require("./IconDelete"), require("./IconPlay"), require("./IconHeart"), require("./IconStarFill"), require("./IconSearch"), require("./IconEdit"), require("./IconSad"), require("./IconLikeCircle"), require("./IconNotice"), require("./IconHome"), require("./IconArrowIn"), require("./IconCheck"), require("./IconNoticeOff"), require("./IconSmileFill"), require("./IconStar"), require("./IconRefresh"), require("./IconScan"), require("./IconPicture"), require("./IconTriDown"), require("./IconClose"), require("./IconArrowUp"), require("./IconArrowBack"), require("./IconArrowDown"), require("./IconAdd"), require("./IconUserFill"), require("./IconClear"), require("./IconQuestionCircle"), require("./IconSuccessCircle"), require("./IconWarnCircle"), require("./IconErrorCircle"), require("./IconCheckBold"), require("./IconCloseBold"), require("./IconShop"), require("./IconShopping"), require("./IconSubway"), require("./IconGift"), require("./IconStarHalf"), require("./IconKeyboard"), require("./IconKeyboardDelete"), require("./IconDownload"), require("./IconFile"), require("./IconUpload"), require("./type"));
   } else {
     var mod = {
       exports: {}
     };
-    factory(mod.exports, global.IconUpload, global.IconSquareChecked, global.IconTriUp, global.IconMore, global.IconSound, global.IconEyeVisible, global.IconEyelashInvisible, global.IconWarnCircleFill, global.IconSquareDisabled, global.IconCircleChecked, global.IconSquareUnchecked, global.IconUser, global.IconEyeInvisible, global.IconCircleUnchecked, global.IconCircleDisabled, global.IconSetting, global.IconMinus, global.IconDelete, global.IconPlay, global.IconHeart, global.IconStarFill, global.IconSearch, global.IconEdit, global.IconSad, global.IconLikeCircle, global.IconNotice, global.IconHome, global.IconArrowIn, global.IconCheck, global.IconNoticeOff, global.IconSmileFill, global.IconStar, global.IconRefresh, global.IconScan, global.IconPicture, global.IconTriDown, global.IconClose, global.IconArrowUp, global.IconArrowBack, global.IconArrowDown, global.IconAdd, global.IconUserFill, global.IconClear, global.IconQuestionCircle, global.IconSuccessCircle, global.IconWarnCircle, global.IconErrorCircle, global.IconCheckBold, global.IconCloseBold, global.IconShop, global.IconShopping, global.IconSubway, global.IconGift, global.IconStarHalf, global.IconKeyboard, global.IconKeyboardDelete, global.type);
+    factory(mod.exports, global.IconSquareChecked, global.IconTriUp, global.IconMore, global.IconSound, global.IconEyeVisible, global.IconEyelashInvisible, global.IconWarnCircleFill, global.IconSquareDisabled, global.IconCircleChecked, global.IconSquareUnchecked, global.IconUser, global.IconEyeInvisible, global.IconCircleUnchecked, global.IconCircleDisabled, global.IconSetting, global.IconMinus, global.IconDelete, global.IconPlay, global.IconHeart, global.IconStarFill, global.IconSearch, global.IconEdit, global.IconSad, global.IconLikeCircle, global.IconNotice, global.IconHome, global.IconArrowIn, global.IconCheck, global.IconNoticeOff, global.IconSmileFill, global.IconStar, global.IconRefresh, global.IconScan, global.IconPicture, global.IconTriDown, global.IconClose, global.IconArrowUp, global.IconArrowBack, global.IconArrowDown, global.IconAdd, global.IconUserFill, global.IconClear, global.IconQuestionCircle, global.IconSuccessCircle, global.IconWarnCircle, global.IconErrorCircle, global.IconCheckBold, global.IconCloseBold, global.IconShop, global.IconShopping, global.IconSubway, global.IconGift, global.IconStarHalf, global.IconKeyboard, global.IconKeyboardDelete, global.IconDownload, global.IconFile, global.IconUpload, global.type);
     global.index = mod.exports;
   }
-})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _IconUpload, _IconSquareChecked, _IconTriUp, _IconMore, _IconSound, _IconEyeVisible, _IconEyelashInvisible, _IconWarnCircleFill, _IconSquareDisabled, _IconCircleChecked, _IconSquareUnchecked, _IconUser, _IconEyeInvisible, _IconCircleUnchecked, _IconCircleDisabled, _IconSetting, _IconMinus, _IconDelete, _IconPlay, _IconHeart, _IconStarFill, _IconSearch, _IconEdit, _IconSad, _IconLikeCircle, _IconNotice, _IconHome, _IconArrowIn, _IconCheck, _IconNoticeOff, _IconSmileFill, _IconStar, _IconRefresh, _IconScan, _IconPicture, _IconTriDown, _IconClose, _IconArrowUp, _IconArrowBack, _IconArrowDown, _IconAdd, _IconUserFill, _IconClear, _IconQuestionCircle, _IconSuccessCircle, _IconWarnCircle, _IconErrorCircle, _IconCheckBold, _IconCloseBold, _IconShop, _IconShopping, _IconSubway, _IconGift, _IconStarHalf, _IconKeyboard, _IconKeyboardDelete, _type) {
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _IconSquareChecked, _IconTriUp, _IconMore, _IconSound, _IconEyeVisible, _IconEyelashInvisible, _IconWarnCircleFill, _IconSquareDisabled, _IconCircleChecked, _IconSquareUnchecked, _IconUser, _IconEyeInvisible, _IconCircleUnchecked, _IconCircleDisabled, _IconSetting, _IconMinus, _IconDelete, _IconPlay, _IconHeart, _IconStarFill, _IconSearch, _IconEdit, _IconSad, _IconLikeCircle, _IconNotice, _IconHome, _IconArrowIn, _IconCheck, _IconNoticeOff, _IconSmileFill, _IconStar, _IconRefresh, _IconScan, _IconPicture, _IconTriDown, _IconClose, _IconArrowUp, _IconArrowBack, _IconArrowDown, _IconAdd, _IconUserFill, _IconClear, _IconQuestionCircle, _IconSuccessCircle, _IconWarnCircle, _IconErrorCircle, _IconCheckBold, _IconCloseBold, _IconShop, _IconShopping, _IconSubway, _IconGift, _IconStarHalf, _IconKeyboard, _IconKeyboardDelete, _IconDownload, _IconFile, _IconUpload, _type) {
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
   _exports.__esModule = true;
   var _exportNames = {
-    IconUpload: true,
     IconSquareChecked: true,
     IconTriUp: true,
     IconMore: true,
@@ -72,11 +71,12 @@
     IconGift: true,
     IconStarHalf: true,
     IconKeyboard: true,
-    IconKeyboardDelete: true
+    IconKeyboardDelete: true,
+    IconDownload: true,
+    IconFile: true,
+    IconUpload: true
   };
-  _exports.IconWarnCircleFill = _exports.IconWarnCircle = _exports.IconUserFill = _exports.IconUser = _exports.IconUpload = _exports.IconTriUp = _exports.IconTriDown = _exports.IconSuccessCircle = _exports.IconSubway = _exports.IconStarHalf = _exports.IconStarFill = _exports.IconStar = _exports.IconSquareUnchecked = _exports.IconSquareDisabled = _exports.IconSquareChecked = _exports.IconSound = _exports.IconSmileFill = _exports.IconShopping = _exports.IconShop = _exports.IconSetting = _exports.IconSearch = _exports.IconScan = _exports.IconSad = _exports.IconRefresh = _exports.IconQuestionCircle = _exports.IconPlay = _exports.IconPicture = _exports.IconNoticeOff = _exports.IconNotice = _exports.IconMore = _exports.IconMinus = _exports.IconLikeCircle = _exports.IconKeyboardDelete = _exports.IconKeyboard = _exports.IconHome = _exports.IconHeart = _exports.IconGift = _exports.IconEyelashInvisible = _exports.IconEyeVisible = _exports.IconEyeInvisible = _exports.IconErrorCircle = _exports.IconEdit = _exports.IconDelete = _exports.IconCloseBold = _exports.IconClose = _exports.IconClear = _exports.IconCircleUnchecked = _exports.IconCircleDisabled = _exports.IconCircleChecked = _exports.IconCheckBold = _exports.IconCheck = _exports.IconArrowUp = _exports.IconArrowIn = _exports.IconArrowDown = _exports.IconArrowBack = _exports.IconAdd = void 0;
-  _IconUpload = _interopRequireDefault(_IconUpload);
-  _exports.IconUpload = _IconUpload.default;
+  _exports.IconWarnCircleFill = _exports.IconWarnCircle = _exports.IconUserFill = _exports.IconUser = _exports.IconUpload = _exports.IconTriUp = _exports.IconTriDown = _exports.IconSuccessCircle = _exports.IconSubway = _exports.IconStarHalf = _exports.IconStarFill = _exports.IconStar = _exports.IconSquareUnchecked = _exports.IconSquareDisabled = _exports.IconSquareChecked = _exports.IconSound = _exports.IconSmileFill = _exports.IconShopping = _exports.IconShop = _exports.IconSetting = _exports.IconSearch = _exports.IconScan = _exports.IconSad = _exports.IconRefresh = _exports.IconQuestionCircle = _exports.IconPlay = _exports.IconPicture = _exports.IconNoticeOff = _exports.IconNotice = _exports.IconMore = _exports.IconMinus = _exports.IconLikeCircle = _exports.IconKeyboardDelete = _exports.IconKeyboard = _exports.IconHome = _exports.IconHeart = _exports.IconGift = _exports.IconFile = _exports.IconEyelashInvisible = _exports.IconEyeVisible = _exports.IconEyeInvisible = _exports.IconErrorCircle = _exports.IconEdit = _exports.IconDownload = _exports.IconDelete = _exports.IconCloseBold = _exports.IconClose = _exports.IconClear = _exports.IconCircleUnchecked = _exports.IconCircleDisabled = _exports.IconCircleChecked = _exports.IconCheckBold = _exports.IconCheck = _exports.IconArrowUp = _exports.IconArrowIn = _exports.IconArrowDown = _exports.IconArrowBack = _exports.IconAdd = void 0;
   _IconSquareChecked = _interopRequireDefault(_IconSquareChecked);
   _exports.IconSquareChecked = _IconSquareChecked.default;
   _IconTriUp = _interopRequireDefault(_IconTriUp);
@@ -187,6 +187,12 @@
   _exports.IconKeyboard = _IconKeyboard.default;
   _IconKeyboardDelete = _interopRequireDefault(_IconKeyboardDelete);
   _exports.IconKeyboardDelete = _IconKeyboardDelete.default;
+  _IconDownload = _interopRequireDefault(_IconDownload);
+  _exports.IconDownload = _IconDownload.default;
+  _IconFile = _interopRequireDefault(_IconFile);
+  _exports.IconFile = _IconFile.default;
+  _IconUpload = _interopRequireDefault(_IconUpload);
+  _exports.IconUpload = _IconUpload.default;
   Object.keys(_type).forEach(function (key) {
     if (key === "default" || key === "__esModule") return;
     if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;

package/umd/icon/type.d.ts

@@ -1,8 +1,10 @@
 /// <reference types="react" />
-export interface IconProps extends React.SVGProps<SVGSVGElement> {
+export interface OriginIconProps extends React.SVGProps<SVGSVGElement> {
     className?: string;
     prefix?: string;
     width?: string;
     height?: string;
     useCurrentColor?: boolean;
+    spin?: boolean;
 }
+export declare type IconProps = React.PropsWithoutRef<OriginIconProps> & React.RefAttributes<SVGSVGElement>;

package/umd/image/style/css/index.css

@@ -95,6 +95,56 @@
  * }
  * ```
  */
+/**
+ * 设置涉及左右相关的属性名，在rtl模式下自动替换为相反的属性名
+ * @desc {en} set the property name related to left and right, and automatically replace it with the opposite attribute name in rtl mode
+ * @param @property css属性名
+ * @param @property {en} css property
+ * @param @value css属性值
+ * @param @value {en} css property value
+ * @param @rules 自定义的复写规则，默认重置为initial
+ * @param @rules {en} customized rewrite rules, default to initial
+ * @example
+ * ```
+ * @import '@arco-design/mobile-utils/style/mixin.less';
+ *
+ * .demo {
+ *   .set-prop-with-rtl(right, auto);
+ * }
+ * ```
+ */
+/**
+ * 设置涉及左右相关的属性值，在rtl模式下自动替换为相反的属性值
+ * @desc {en} set the property value related to left and right, and automatically replace it with the opposite attribute value in rtl mode
+ * @param @property css属性名
+ * @param @property {en} css property
+ * @param @value css属性值
+ * @param @value {en} css property value
+ * @example
+ * ```
+ * @import '@arco-design/mobile-utils/style/mixin.less';
+ *
+ * .demo {
+ *   .set-value-with-rtl(text-align, left);
+ * }
+ * ```
+ */
+/**
+ * 在 rtl 模式下，自定义样式规则
+ * @desc {en} custom style in RTL mode
+ * @param @rules 对应的rtl模式下的规则
+ * @param @rules {en} property with rtl
+ * @example
+ * ```
+ * @import '@arco-design/mobile-react/style/mixin.less';
+ *
+ * .demo {
+ *     .style-with-rtl({
+ *         transform: scale(-1);
+ *     });
+ * }
+ * ```
+ */
 /**
  * 0.5px 的边框线
  * @desc {en} a border line of 0.5 pixels
@@ -396,40 +446,6 @@
  * }
  * ```
  */
-/**
- * 设置涉及左右相关的属性名，在rtl模式下自动替换为相反的属性名
- * @desc {en} set the property name related to left and right, and automatically replace it with the opposite attribute name in rtl mode
- * @param @property css属性名
- * @param @property {en} css property
- * @param @value css属性值
- * @param @value {en} css property value
- * @param @rules 自定义的复写规则，默认重置为initial
- * @param @rules {en} customized rewrite rules, default to initial
- * @example
- * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
- *
- * .demo {
- *   .set-prop-with-rtl(right, auto);
- * }
- * ```
- */
-/**
- * 设置涉及左右相关的属性值，在rtl模式下自动替换为相反的属性值
- * @desc {en} set the property value related to left and right, and automatically replace it with the opposite attribute value in rtl mode
- * @param @property css属性名
- * @param @property {en} css property
- * @param @value css属性值
- * @param @value {en} css property value
- * @example
- * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
- *
- * .demo {
- *   .set-value-with-rtl(text-align, left);
- * }
- * ```
- */
 /**
  * 设置Loading组件颜色
  * @desc {en} set Loading component color

package/umd/image-picker/index.js

@@ -1,16 +1,16 @@
 (function (global, factory) {
   if (typeof define === "function" && define.amd) {
-    define(["exports", "@babel/runtime/helpers/extends", "react", "es6-promise", "@arco-design/mobile-utils", "../context-provider", "../icon", "../image", "../grid", "./add-icon", "../_helpers", "./type"], factory);
+    define(["exports", "@babel/runtime/helpers/extends", "react", "@arco-design/mobile-utils", "../context-provider", "../icon", "../image", "../grid", "./add-icon", "../_helpers", "../uploader/upload", "./type"], factory);
   } else if (typeof exports !== "undefined") {
-    factory(exports, require("@babel/runtime/helpers/extends"), require("react"), require("es6-promise"), require("@arco-design/mobile-utils"), require("../context-provider"), require("../icon"), require("../image"), require("../grid"), require("./add-icon"), require("../_helpers"), require("./type"));
+    factory(exports, require("@babel/runtime/helpers/extends"), require("react"), require("@arco-design/mobile-utils"), require("../context-provider"), require("../icon"), require("../image"), require("../grid"), require("./add-icon"), require("../_helpers"), require("../uploader/upload"), require("./type"));
   } else {
     var mod = {
       exports: {}
     };
-    factory(mod.exports, global._extends, global.react, global.es6Promise, global.mobileUtils, global.contextProvider, global.icon, global.image, global.grid, global.addIcon, global._helpers, global.type);
+    factory(mod.exports, global._extends, global.react, global.mobileUtils, global.contextProvider, global.icon, global.image, global.grid, global.addIcon, global._helpers, global.upload, global.type);
     global.index = mod.exports;
   }
-})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _extends2, _react, _es6Promise, _mobileUtils, _contextProvider, _icon, _image, _grid, _addIcon, _helpers, _type) {
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _extends2, _react, _mobileUtils, _contextProvider, _icon, _image, _grid, _addIcon, _helpers, _upload, _type) {
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -51,7 +51,6 @@
         limit = _props$limit === void 0 ? 0 : _props$limit,
         _props$images = props.images,
         images = _props$images === void 0 ? [] : _props$images,
-        maxSize = props.maxSize,
         disabled = props.disabled,
         deleteIcon = props.deleteIcon,
         selectIcon = props.selectIcon,
@@ -64,18 +63,7 @@
         imageProps = props.imageProps,
         renderLoading = props.renderLoading,
         renderError = props.renderError,
-        onLongPress = props.onLongPress,
-        onClick = props.onClick,
-        _props$onChange = props.onChange,
-        onChange = _props$onChange === void 0 ? function () {
-      return null;
-    } : _props$onChange,
-        onMaxSizeExceed = props.onMaxSizeExceed,
-        onLimitExceed = props.onLimitExceed,
-        upload = props.upload,
-        selectAdapter = props.selectAdapter,
-        onSelectClick = props.onSelectClick,
-        onDeleteClick = props.onDeleteClick;
+        selectAdapter = props.selectAdapter;
     var domRef = (0, _react.useRef)(null);
     var fileRef = (0, _react.useRef)(null);
     var cacheRef = (0, _helpers.useLatestRef)(images);
@@ -84,143 +72,9 @@
         dom: domRef.current
       };
     });
-
-    var parseFile = function parseFile(file) {
-      return new _es6Promise.Promise(function (resolve, reject) {
-        if (file.url) {
-          resolve(file.url);
-        } else {
-          var reader = new FileReader();
-
-          reader.onload = function (e) {
-            var _e$target;
-
-            var dataURL = (_e$target = e.target) == null ? void 0 : _e$target.result;
-
-            if (!dataURL) {
-              reject(new Error('file parse error'));
-            }
-
-            resolve(dataURL);
-          };
-
-          reader.onerror = function () {
-            reject(new Error('file parse error'));
-          };
-
-          reader.readAsDataURL(file);
-        }
-      });
-    };
-
-    var handleChange = function handleChange(event, fromAdapter) {
-      var files = Array.prototype.filter.call(event.target.files || [], function (file) {
-        // 过滤maxSize
-        if (maxSize && file.size > maxSize * 1024) {
-          onMaxSizeExceed && onMaxSizeExceed(file);
-          return false;
-        }
-
-        return true;
-      }) || [];
-
-      if (!fromAdapter) {
-        event.target.value = '';
-      } // 截断limit
-
-
-      if (limit !== 0 && files.length + images.length > limit) {
-        onLimitExceed && onLimitExceed(files);
-        files.length = limit - images.length;
-      } // 解析文件生成预览
-
-
-      _es6Promise.Promise.all(files.map(function (file) {
-        return parseFile(file);
-      })).then(function (parseFiles) {
-        var res = parseFiles.map(function (url, index) {
-          return {
-            url: url,
-            status: typeof upload === 'function' ? 'loading' : 'loaded',
-            file: files[index]
-          };
-        });
-        cacheRef.current = [].concat(cacheRef.current, res);
-        onChange([].concat(cacheRef.current)); // 执行upload
-
-        if (typeof upload === 'function') {
-          files.forEach(function (_file) {
-            upload(cacheRef.current.find(function (_ref) {
-              var file = _ref.file;
-              return file === _file;
-            })).then(function (data) {
-              var index = cacheRef.current.findIndex(function (_ref2) {
-                var file = _ref2.file;
-                return file === _file;
-              });
-
-              if (index !== -1) {
-                cacheRef.current[index] = (0, _extends2.default)({}, cacheRef.current[index], data, {
-                  status: undefined
-                });
-              }
-            }).catch(function () {
-              var index = cacheRef.current.findIndex(function (_ref3) {
-                var file = _ref3.file;
-                return file === _file;
-              });
-
-              if (index !== -1) {
-                cacheRef.current[index].status = 'error';
-              }
-            }).finally(function () {
-              onChange([].concat(cacheRef.current));
-            });
-          });
-        }
-      });
-    };
-
-    var handleDelete = function handleDelete(index) {
-      onDeleteClick && onDeleteClick(index);
-      onChange(images.filter(function (_i, j) {
-        return j !== index;
-      }));
-    }; // click && longPress
-
-
-    var timeOutEvent;
-
-    var handleTouchStart = function handleTouchStart(e, image, index) {
-      timeOutEvent = setTimeout(function () {
-        timeOutEvent = 0;
-        onLongPress == null ? void 0 : onLongPress(e, image, index);
-      }, 750);
-    };
-
-    var handleClick = function handleClick(e, image, index) {
-      clearTimeout(timeOutEvent);
-
-      if (timeOutEvent !== 0) {
-        onClick == null ? void 0 : onClick(e, image, index);
-      }
-    };
-
-    var handleSelect = function handleSelect(e) {
-      if (e.target !== fileRef.current) {
-        var _fileRef$current;
-
-        onSelectClick && onSelectClick();
-        selectAdapter ? selectAdapter().then(function (_ref4) {
-          var files = _ref4.files;
-          return handleChange({
-            target: {
-              files: files
-            }
-          }, true);
-        }) : (_fileRef$current = fileRef.current) == null ? void 0 : _fileRef$current.click();
-      }
-    };
+    var uploadFunc = new _upload.Upload((0, _extends2.default)({}, props, {
+      files: images
+    }), fileRef, cacheRef);
 
     var getGridData = function getGridData(prefixCls, locale) {
       var errorNode = function errorNode(index) {
@@ -250,10 +104,10 @@
             className: prefixCls + "-image-picker-image"
           }, /*#__PURE__*/_react.default.createElement("div", {
             onTouchStart: function onTouchStart(e) {
-              return handleTouchStart(e, image, index);
+              return uploadFunc.handleTouchStart(e, image, index);
             },
             onClick: function onClick(e) {
-              return handleClick(e, image, index);
+              return uploadFunc.handleClick(e, image, index);
             },
             className: prefixCls + "-image-picker-image-container"
           }, /*#__PURE__*/_react.default.createElement(_image.default, (0, _extends2.default)({
@@ -269,7 +123,7 @@
           })), !hideDelete && /*#__PURE__*/_react.default.createElement("div", {
             className: prefixCls + "-image-picker-close",
             onClick: function onClick() {
-              return handleDelete(index);
+              return uploadFunc.deleteFile(index);
             }
           }, deleteIcon || /*#__PURE__*/_react.default.createElement("div", {
             className: prefixCls + "-image-picker-close-icon"
@@ -286,7 +140,7 @@
         data.push({
           img: /*#__PURE__*/_react.default.createElement("div", {
             className: (0, _mobileUtils.cls)(prefixCls + "-image-picker-add", (_cls = {}, _cls[prefixCls + "-image-picker-add-disabled"] = disableSelect, _cls)),
-            onClick: handleSelect
+            onClick: uploadFunc.handleSelect
           }, /*#__PURE__*/_react.default.createElement("div", {
             className: prefixCls + "-image-picker-add-container"
           }, selectIcon || /*#__PURE__*/_react.default.createElement("div", {
@@ -297,7 +151,7 @@
             multiple: multiple,
             type: "file",
             onChange: function onChange(e) {
-              return handleChange(e);
+              return uploadFunc.handleChange(e);
             },
             ref: fileRef
           }) : null)),
@@ -308,12 +162,12 @@
       return data;
     };
 
-    return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref5) {
+    return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
       var _cls2;
 
-      var prefixCls = _ref5.prefixCls,
-          _ref5$locale = _ref5.locale,
-          locale = _ref5$locale === void 0 ? _mobileUtils.defaultLocale : _ref5$locale;
+      var prefixCls = _ref.prefixCls,
+          _ref$locale = _ref.locale,
+          locale = _ref$locale === void 0 ? _mobileUtils.defaultLocale : _ref$locale;
       return /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _mobileUtils.cls)(prefixCls + "-image-picker", className, (_cls2 = {}, _cls2[prefixCls + "-image-picker-disabled"] = disabled, _cls2)),
         style: style,

package/umd/image-picker/style/css/index.css

@@ -95,6 +95,56 @@
  * }
  * ```
  */
+/**
+ * 设置涉及左右相关的属性名，在rtl模式下自动替换为相反的属性名
+ * @desc {en} set the property name related to left and right, and automatically replace it with the opposite attribute name in rtl mode
+ * @param @property css属性名
+ * @param @property {en} css property
+ * @param @value css属性值
+ * @param @value {en} css property value
+ * @param @rules 自定义的复写规则，默认重置为initial
+ * @param @rules {en} customized rewrite rules, default to initial
+ * @example
+ * ```
+ * @import '@arco-design/mobile-utils/style/mixin.less';
+ *
+ * .demo {
+ *   .set-prop-with-rtl(right, auto);
+ * }
+ * ```
+ */
+/**
+ * 设置涉及左右相关的属性值，在rtl模式下自动替换为相反的属性值
+ * @desc {en} set the property value related to left and right, and automatically replace it with the opposite attribute value in rtl mode
+ * @param @property css属性名
+ * @param @property {en} css property
+ * @param @value css属性值
+ * @param @value {en} css property value
+ * @example
+ * ```
+ * @import '@arco-design/mobile-utils/style/mixin.less';
+ *
+ * .demo {
+ *   .set-value-with-rtl(text-align, left);
+ * }
+ * ```
+ */
+/**
+ * 在 rtl 模式下，自定义样式规则
+ * @desc {en} custom style in RTL mode
+ * @param @rules 对应的rtl模式下的规则
+ * @param @rules {en} property with rtl
+ * @example
+ * ```
+ * @import '@arco-design/mobile-react/style/mixin.less';
+ *
+ * .demo {
+ *     .style-with-rtl({
+ *         transform: scale(-1);
+ *     });
+ * }
+ * ```
+ */
 /**
  * 0.5px 的边框线
  * @desc {en} a border line of 0.5 pixels
@@ -396,40 +446,6 @@
  * }
  * ```
  */
-/**
- * 设置涉及左右相关的属性名，在rtl模式下自动替换为相反的属性名
- * @desc {en} set the property name related to left and right, and automatically replace it with the opposite attribute name in rtl mode
- * @param @property css属性名
- * @param @property {en} css property
- * @param @value css属性值
- * @param @value {en} css property value
- * @param @rules 自定义的复写规则，默认重置为initial
- * @param @rules {en} customized rewrite rules, default to initial
- * @example
- * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
- *
- * .demo {
- *   .set-prop-with-rtl(right, auto);
- * }
- * ```
- */
-/**
- * 设置涉及左右相关的属性值，在rtl模式下自动替换为相反的属性值
- * @desc {en} set the property value related to left and right, and automatically replace it with the opposite attribute value in rtl mode
- * @param @property css属性名
- * @param @property {en} css property
- * @param @value css属性值
- * @param @value {en} css property value
- * @example
- * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
- *
- * .demo {
- *   .set-value-with-rtl(text-align, left);
- * }
- * ```
- */
 /**
  * 设置Loading组件颜色
  * @desc {en} set Loading component color