@arco-design/mobile-react 2.30.10 → 2.31.0

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-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/type.d.ts

@@ -1,33 +1,14 @@
 import { InputHTMLAttributes } from 'react';
 import { ImageProps } from '../image';
-export interface ImagePickItem {
+import { UploadCommonProps, CommonFileItem } from '../uploader/upload/type';
+export interface ImagePickItem extends CommonFileItem {
     /**
      * 图片地址
      * @en Image Url
      */
     url: string;
-    /**
-     * 图片文件
-     * @en Image File
-     */
-    file?: File;
-    /**
-     * 图片状态
-     * @en Image Status
-     * @default 以图片自身加载状态而定
-     * @default_en According to inner status of the image
-     */
-    status?: 'loaded' | 'loading' | 'error';
 }
-export interface AdapterFile {
-    url?: string;
-    size: number;
-    name: string;
-}
-export interface SelectCallback {
-    files: AdapterFile[];
-}
-export interface ImagePickerProps {
+export interface ImagePickerProps extends Omit<UploadCommonProps<ImagePickItem>, 'files'> {
     /**
      * 自定义类名
      * @en Custom className
@@ -71,16 +52,6 @@ export interface ImagePickerProps {
      * @default 8
      */
     gutter?: number;
-    /**
-     * 最多选择图片张数，超出数量自动隐藏上传按钮，0表示不做限制
-     * @en max Pictures Can Choose
-     */
-    limit?: number;
-    /**
-     * 文件大小限制，单位为K
-     * @en File size limit, in K
-     */
-    maxSize?: number;
     /**
      * 是否隐藏删除Icon
      * @en Whether to hide delete Icon
@@ -129,51 +100,11 @@ export interface ImagePickerProps {
      * @en Defined uploading display
      */
     renderLoading?: (index?: number) => React.ReactNode | React.ReactNode;
-    /**
-     * 上传方法
-     * @en upload function
-     */
-    upload?: (file: ImagePickItem) => Promise<ImagePickItem | null>;
-    /**
-     * 已选图片列表发生变化
-     * @en The list of selected images changes
-     */
-    onChange?: (fileList: ImagePickItem[]) => void;
-    /**
-     * 图片超过限制大小
-     * @en Image exceeds size limit
-     */
-    onMaxSizeExceed?: (file: File) => void;
-    /**
-     * 选择张数超过限制
-     * @en The number of pictures exceeds the limit
-     */
-    onLimitExceed?: (files: File[]) => void;
-    /**
-     * 图片点击
-     * @en click event
-     */
-    onClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>, image: ImagePickItem, index: number) => void;
-    /**
-     * 图片长按事件
-     * @en long press event
-     */
-    onLongPress?: (e: React.TouchEvent<HTMLElement>, image: ImagePickItem, index: number) => void;
-    /**
-     * 图片选择适配器
-     * @en Select Adaptor
-     */
-    selectAdapter?: () => Promise<SelectCallback>;
     /**
      * 选图点击事件
-     * @en Select Icon Click Event
+     * @en Select icon click event
      */
     onSelectClick?: () => void;
-    /**
-     * 删除点击事件
-     * @en Delete Icon Click Event
-     */
-    onDeleteClick?: (index: number) => void;
 }
 export interface ImagePickerRef {
     /**

package/umd/index.d.ts

@@ -56,3 +56,4 @@ export { default as Tag } from './tag';
 export { default as Textarea } from './textarea';
 export { default as Toast } from './toast';
 export { default as Transition } from './transition';
+export { default as Uploader } from './uploader';

package/umd/index.js

@@ -1,22 +1,22 @@
 (function (global, factory) {
   if (typeof define === "function" && define.amd) {
-    define(["exports", "./tabs", "./sticky", "./portal", "./steps", "./action-sheet", "./avatar", "./badge", "./button", "./carousel", "./cell", "./checkbox", "./circle-progress", "./collapse", "./context-provider", "./count-down", "./date-picker", "./dialog", "./divider", "./dropdown", "./dropdown-menu", "./ellipsis", "./form", "./grid", "./image", "./image-picker", "./image-preview", "./index-bar", "./input", "./keyboard", "./load-more", "./loading", "./masking", "./nav-bar", "./notice-bar", "./notify", "./pagination", "./picker", "./picker-view", "./popover", "./popup", "./popup-swiper", "./progress", "./pull-refresh", "./radio", "./rate", "./search-bar", "./show-monitor", "./skeleton", "./slider", "./stepper", "./swipe-action", "./swipe-load", "./switch", "./tab-bar", "./tag", "./textarea", "./toast", "./transition"], factory);
+    define(["exports", "./tabs", "./sticky", "./portal", "./steps", "./action-sheet", "./avatar", "./badge", "./button", "./carousel", "./cell", "./checkbox", "./circle-progress", "./collapse", "./context-provider", "./count-down", "./date-picker", "./dialog", "./divider", "./dropdown", "./dropdown-menu", "./ellipsis", "./form", "./grid", "./image", "./image-picker", "./image-preview", "./index-bar", "./input", "./keyboard", "./load-more", "./loading", "./masking", "./nav-bar", "./notice-bar", "./notify", "./pagination", "./picker", "./picker-view", "./popover", "./popup", "./popup-swiper", "./progress", "./pull-refresh", "./radio", "./rate", "./search-bar", "./show-monitor", "./skeleton", "./slider", "./stepper", "./swipe-action", "./swipe-load", "./switch", "./tab-bar", "./tag", "./textarea", "./toast", "./transition", "./uploader"], factory);
   } else if (typeof exports !== "undefined") {
-    factory(exports, require("./tabs"), require("./sticky"), require("./portal"), require("./steps"), require("./action-sheet"), require("./avatar"), require("./badge"), require("./button"), require("./carousel"), require("./cell"), require("./checkbox"), require("./circle-progress"), require("./collapse"), require("./context-provider"), require("./count-down"), require("./date-picker"), require("./dialog"), require("./divider"), require("./dropdown"), require("./dropdown-menu"), require("./ellipsis"), require("./form"), require("./grid"), require("./image"), require("./image-picker"), require("./image-preview"), require("./index-bar"), require("./input"), require("./keyboard"), require("./load-more"), require("./loading"), 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("./progress"), require("./pull-refresh"), require("./radio"), require("./rate"), require("./search-bar"), require("./show-monitor"), require("./skeleton"), require("./slider"), require("./stepper"), require("./swipe-action"), require("./swipe-load"), require("./switch"), require("./tab-bar"), require("./tag"), require("./textarea"), require("./toast"), require("./transition"));
+    factory(exports, require("./tabs"), require("./sticky"), require("./portal"), require("./steps"), require("./action-sheet"), require("./avatar"), require("./badge"), require("./button"), require("./carousel"), require("./cell"), require("./checkbox"), require("./circle-progress"), require("./collapse"), require("./context-provider"), require("./count-down"), require("./date-picker"), require("./dialog"), require("./divider"), require("./dropdown"), require("./dropdown-menu"), require("./ellipsis"), require("./form"), require("./grid"), require("./image"), require("./image-picker"), require("./image-preview"), require("./index-bar"), require("./input"), require("./keyboard"), require("./load-more"), require("./loading"), 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("./progress"), require("./pull-refresh"), require("./radio"), require("./rate"), require("./search-bar"), require("./show-monitor"), require("./skeleton"), require("./slider"), require("./stepper"), require("./swipe-action"), require("./swipe-load"), require("./switch"), require("./tab-bar"), require("./tag"), require("./textarea"), require("./toast"), require("./transition"), require("./uploader"));
   } else {
     var mod = {
       exports: {}
     };
-    factory(mod.exports, global.tabs, global.sticky, global.portal, global.steps, global.actionSheet, global.avatar, global.badge, global.button, global.carousel, global.cell, global.checkbox, global.circleProgress, global.collapse, global.contextProvider, global.countDown, global.datePicker, global.dialog, global.divider, global.dropdown, global.dropdownMenu, global.ellipsis, global.form, global.grid, global.image, global.imagePicker, global.imagePreview, global.indexBar, global.input, global.keyboard, global.loadMore, global.loading, global.masking, global.navBar, global.noticeBar, global.notify, global.pagination, global.picker, global.pickerView, global.popover, global.popup, global.popupSwiper, global.progress, global.pullRefresh, global.radio, global.rate, global.searchBar, global.showMonitor, global.skeleton, global.slider, global.stepper, global.swipeAction, global.swipeLoad, global._switch, global.tabBar, global.tag, global.textarea, global.toast, global.transition);
+    factory(mod.exports, global.tabs, global.sticky, global.portal, global.steps, global.actionSheet, global.avatar, global.badge, global.button, global.carousel, global.cell, global.checkbox, global.circleProgress, global.collapse, global.contextProvider, global.countDown, global.datePicker, global.dialog, global.divider, global.dropdown, global.dropdownMenu, global.ellipsis, global.form, global.grid, global.image, global.imagePicker, global.imagePreview, global.indexBar, global.input, global.keyboard, global.loadMore, global.loading, global.masking, global.navBar, global.noticeBar, global.notify, global.pagination, global.picker, global.pickerView, global.popover, global.popup, global.popupSwiper, global.progress, global.pullRefresh, global.radio, global.rate, global.searchBar, global.showMonitor, global.skeleton, global.slider, global.stepper, global.swipeAction, global.swipeLoad, global._switch, global.tabBar, global.tag, global.textarea, global.toast, global.transition, global.uploader);
     global.index = mod.exports;
   }
-})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _tabs, _sticky, _portal, _steps, _actionSheet, _avatar, _badge, _button, _carousel, _cell, _checkbox, _circleProgress, _collapse, _contextProvider, _countDown, _datePicker, _dialog, _divider, _dropdown, _dropdownMenu, _ellipsis, _form, _grid, _image, _imagePicker, _imagePreview, _indexBar, _input, _keyboard, _loadMore, _loading, _masking, _navBar, _noticeBar, _notify, _pagination, _picker, _pickerView, _popover, _popup, _popupSwiper, _progress, _pullRefresh, _radio, _rate, _searchBar, _showMonitor, _skeleton, _slider, _stepper, _swipeAction, _swipeLoad, _switch, _tabBar, _tag, _textarea, _toast, _transition) {
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _tabs, _sticky, _portal, _steps, _actionSheet, _avatar, _badge, _button, _carousel, _cell, _checkbox, _circleProgress, _collapse, _contextProvider, _countDown, _datePicker, _dialog, _divider, _dropdown, _dropdownMenu, _ellipsis, _form, _grid, _image, _imagePicker, _imagePreview, _indexBar, _input, _keyboard, _loadMore, _loading, _masking, _navBar, _noticeBar, _notify, _pagination, _picker, _pickerView, _popover, _popup, _popupSwiper, _progress, _pullRefresh, _radio, _rate, _searchBar, _showMonitor, _skeleton, _slider, _stepper, _swipeAction, _swipeLoad, _switch, _tabBar, _tag, _textarea, _toast, _transition, _uploader) {
   "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.SwipeAction = _exports.Sticky = _exports.Steps = _exports.Stepper = _exports.Slider = _exports.Skeleton = _exports.ShowMonitor = _exports.SearchBar = _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.Keyboard = _exports.Input = _exports.IndexBar = _exports.ImagePreview = _exports.ImagePicker = _exports.Image = _exports.Grid = _exports.Form = _exports.Ellipsis = _exports.DropdownMenu = _exports.Dropdown = _exports.Divider = _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.Uploader = _exports.Transition = _exports.Toast = _exports.Textarea = _exports.Tag = _exports.Tabs = _exports.TabBar = _exports.Switch = _exports.SwipeLoad = _exports.SwipeAction = _exports.Sticky = _exports.Steps = _exports.Stepper = _exports.Slider = _exports.Skeleton = _exports.ShowMonitor = _exports.SearchBar = _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.Keyboard = _exports.Input = _exports.IndexBar = _exports.ImagePreview = _exports.ImagePicker = _exports.Image = _exports.Grid = _exports.Form = _exports.Ellipsis = _exports.DropdownMenu = _exports.Dropdown = _exports.Divider = _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;
   _tabs = _interopRequireDefault(_tabs);
   _exports.Tabs = _tabs.default;
   _sticky = _interopRequireDefault(_sticky);
@@ -133,4 +133,6 @@
   _exports.Toast = _toast.default;
   _transition = _interopRequireDefault(_transition);
   _exports.Transition = _transition.default;
+  _uploader = _interopRequireDefault(_uploader);
+  _exports.Uploader = _uploader.default;
 });

package/umd/input/hooks.js

@@ -83,8 +83,8 @@
     (0, _react.useEffect)(function () {
       if (autoFocus) {
         setTimeout(function () {
-          inputRef.current && inputRef.current.focus();
-        }, 200);
+          inputRef.current && inputRef.current.click();
+        }, 100);
       }
     }, []);
     (0, _react.useEffect)(function () {

package/umd/input/props.d.ts

@@ -57,8 +57,8 @@ export interface BasicInputProps<T = HTMLInputElement> {
      */
     readOnly?: boolean;
     /**
-     * 是否自动获取焦点
-     * @en Whether to automatically get the focus
+     * 是否自动获取焦点，开启后会触发一次onClick事件
+     * @en Whether to automatically get the focus, it will trigger an onClick event once after being enabled
      */
     autoFocus?: boolean;
     /**