@arco-design/mobile-react 2.30.9 → 2.31.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (166) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/README.en-US.md +70 -2
  3. package/README.md +69 -2
  4. package/cjs/carousel/index.js +3 -0
  5. package/cjs/form/form-item.d.ts +3 -0
  6. package/cjs/form/form-item.js +38 -10
  7. package/cjs/form/style/css/index.css +13 -0
  8. package/cjs/form/style/index.less +18 -0
  9. package/cjs/icon/IconCheck/index.js +1 -2
  10. package/cjs/icon/IconDownload/index.d.ts +7 -0
  11. package/cjs/icon/IconDownload/index.js +41 -0
  12. package/cjs/icon/IconFile/index.d.ts +7 -0
  13. package/cjs/icon/IconFile/index.js +41 -0
  14. package/cjs/icon/IconKeyboard/index.js +1 -0
  15. package/cjs/icon/IconQuestionCircle/index.js +1 -2
  16. package/cjs/icon/IconUpload/index.js +6 -4
  17. package/cjs/icon/IconUserFill/index.js +1 -2
  18. package/cjs/icon/index.d.ts +3 -1
  19. package/cjs/icon/index.js +17 -7
  20. package/cjs/icon/type.d.ts +3 -1
  21. package/cjs/image-picker/index.js +15 -161
  22. package/cjs/image-picker/type.d.ts +4 -73
  23. package/cjs/index.d.ts +1 -0
  24. package/cjs/index.js +6 -2
  25. package/cjs/input/hooks.js +2 -2
  26. package/cjs/input/props.d.ts +2 -2
  27. package/cjs/picker/index.js +60 -19
  28. package/cjs/picker/type.d.ts +7 -2
  29. package/cjs/picker-view/components/cascader.d.ts +1 -0
  30. package/cjs/picker-view/components/cascader.js +8 -1
  31. package/cjs/picker-view/components/picker-cell.d.ts +1 -0
  32. package/cjs/picker-view/components/picker-cell.js +6 -1
  33. package/cjs/picker-view/index.d.ts +6 -1
  34. package/cjs/picker-view/index.js +25 -13
  35. package/cjs/style.d.ts +1 -0
  36. package/cjs/style.js +3 -1
  37. package/cjs/tabs/tab-cell.js +54 -29
  38. package/cjs/tabs/type.d.ts +5 -0
  39. package/cjs/uploader/index.d.ts +16 -0
  40. package/cjs/uploader/index.js +180 -0
  41. package/cjs/uploader/style/css/index.css +650 -0
  42. package/cjs/uploader/style/css/index.d.ts +4 -0
  43. package/cjs/uploader/style/css/index.js +9 -0
  44. package/cjs/uploader/style/index.d.ts +4 -0
  45. package/cjs/uploader/style/index.js +9 -0
  46. package/cjs/uploader/style/index.less +161 -0
  47. package/cjs/uploader/type.d.ts +108 -0
  48. package/cjs/uploader/type.js +3 -0
  49. package/cjs/uploader/upload/index.d.ts +2 -0
  50. package/cjs/uploader/upload/index.js +19 -0
  51. package/cjs/uploader/upload/type.d.ts +107 -0
  52. package/cjs/uploader/upload/type.js +3 -0
  53. package/cjs/uploader/upload/upload.d.ts +20 -0
  54. package/cjs/uploader/upload/upload.js +189 -0
  55. package/dist/index.js +679 -310
  56. package/dist/index.min.js +4 -4
  57. package/dist/style.css +593 -0
  58. package/dist/style.min.css +1 -1
  59. package/esm/carousel/index.js +3 -0
  60. package/esm/form/form-item.d.ts +3 -0
  61. package/esm/form/form-item.js +36 -10
  62. package/esm/form/style/css/index.css +13 -0
  63. package/esm/form/style/index.less +18 -0
  64. package/esm/icon/IconCheck/index.js +1 -2
  65. package/esm/icon/IconDownload/index.d.ts +7 -0
  66. package/esm/icon/IconDownload/index.js +30 -0
  67. package/esm/icon/IconFile/index.d.ts +7 -0
  68. package/esm/icon/IconFile/index.js +30 -0
  69. package/esm/icon/IconKeyboard/index.js +1 -0
  70. package/esm/icon/IconQuestionCircle/index.js +1 -2
  71. package/esm/icon/IconUpload/index.js +6 -4
  72. package/esm/icon/IconUserFill/index.js +1 -2
  73. package/esm/icon/index.d.ts +3 -1
  74. package/esm/icon/index.js +3 -1
  75. package/esm/icon/type.d.ts +3 -1
  76. package/esm/image-picker/index.js +14 -160
  77. package/esm/image-picker/type.d.ts +4 -73
  78. package/esm/index.d.ts +1 -0
  79. package/esm/index.js +2 -1
  80. package/esm/input/hooks.js +2 -2
  81. package/esm/input/props.d.ts +2 -2
  82. package/esm/picker/index.js +61 -20
  83. package/esm/picker/type.d.ts +7 -2
  84. package/esm/picker-view/components/cascader.d.ts +1 -0
  85. package/esm/picker-view/components/cascader.js +8 -1
  86. package/esm/picker-view/components/picker-cell.d.ts +1 -0
  87. package/esm/picker-view/components/picker-cell.js +6 -1
  88. package/esm/picker-view/index.d.ts +6 -1
  89. package/esm/picker-view/index.js +26 -13
  90. package/esm/style.d.ts +1 -0
  91. package/esm/style.js +2 -1
  92. package/esm/tabs/tab-cell.js +56 -30
  93. package/esm/tabs/type.d.ts +5 -0
  94. package/esm/uploader/index.d.ts +16 -0
  95. package/esm/uploader/index.js +150 -0
  96. package/esm/uploader/style/css/index.css +650 -0
  97. package/esm/uploader/style/css/index.d.ts +4 -0
  98. package/esm/uploader/style/css/index.js +4 -0
  99. package/esm/uploader/style/index.d.ts +4 -0
  100. package/esm/uploader/style/index.js +4 -0
  101. package/esm/uploader/style/index.less +161 -0
  102. package/esm/uploader/type.d.ts +108 -0
  103. package/esm/uploader/type.js +1 -0
  104. package/esm/uploader/upload/index.d.ts +2 -0
  105. package/esm/uploader/upload/index.js +2 -0
  106. package/esm/uploader/upload/type.d.ts +107 -0
  107. package/esm/uploader/upload/type.js +1 -0
  108. package/esm/uploader/upload/upload.d.ts +20 -0
  109. package/esm/uploader/upload/upload.js +175 -0
  110. package/package.json +3 -3
  111. package/tokens/app/arcodesign/default/css-variables.less +27 -0
  112. package/tokens/app/arcodesign/default/index.d.ts +27 -0
  113. package/tokens/app/arcodesign/default/index.js +28 -1
  114. package/tokens/app/arcodesign/default/index.json +292 -0
  115. package/tokens/app/arcodesign/default/index.less +27 -0
  116. package/umd/carousel/index.js +3 -0
  117. package/umd/form/form-item.d.ts +3 -0
  118. package/umd/form/form-item.js +38 -10
  119. package/umd/form/style/css/index.css +13 -0
  120. package/umd/form/style/index.less +18 -0
  121. package/umd/icon/IconCheck/index.js +1 -2
  122. package/umd/icon/IconDownload/index.d.ts +7 -0
  123. package/umd/icon/IconDownload/index.js +49 -0
  124. package/umd/icon/IconFile/index.d.ts +7 -0
  125. package/umd/icon/IconFile/index.js +49 -0
  126. package/umd/icon/IconKeyboard/index.js +1 -0
  127. package/umd/icon/IconQuestionCircle/index.js +1 -2
  128. package/umd/icon/IconUpload/index.js +6 -4
  129. package/umd/icon/IconUserFill/index.js +1 -2
  130. package/umd/icon/index.d.ts +3 -1
  131. package/umd/icon/index.js +15 -9
  132. package/umd/icon/type.d.ts +3 -1
  133. package/umd/image-picker/index.js +17 -163
  134. package/umd/image-picker/type.d.ts +4 -73
  135. package/umd/index.d.ts +1 -0
  136. package/umd/index.js +7 -5
  137. package/umd/input/hooks.js +2 -2
  138. package/umd/input/props.d.ts +2 -2
  139. package/umd/picker/index.js +60 -19
  140. package/umd/picker/type.d.ts +7 -2
  141. package/umd/picker-view/components/cascader.d.ts +1 -0
  142. package/umd/picker-view/components/cascader.js +8 -1
  143. package/umd/picker-view/components/picker-cell.d.ts +1 -0
  144. package/umd/picker-view/components/picker-cell.js +6 -1
  145. package/umd/picker-view/index.d.ts +6 -1
  146. package/umd/picker-view/index.js +25 -13
  147. package/umd/style.d.ts +1 -0
  148. package/umd/style.js +4 -4
  149. package/umd/tabs/tab-cell.js +54 -29
  150. package/umd/tabs/type.d.ts +5 -0
  151. package/umd/uploader/index.d.ts +16 -0
  152. package/umd/uploader/index.js +178 -0
  153. package/umd/uploader/style/css/index.css +650 -0
  154. package/umd/uploader/style/css/index.d.ts +4 -0
  155. package/umd/uploader/style/css/index.js +15 -0
  156. package/umd/uploader/style/index.d.ts +4 -0
  157. package/umd/uploader/style/index.js +15 -0
  158. package/umd/uploader/style/index.less +161 -0
  159. package/umd/uploader/type.d.ts +108 -0
  160. package/umd/uploader/type.js +17 -0
  161. package/umd/uploader/upload/index.d.ts +2 -0
  162. package/umd/uploader/upload/index.js +27 -0
  163. package/umd/uploader/upload/type.d.ts +107 -0
  164. package/umd/uploader/upload/type.js +17 -0
  165. package/umd/uploader/upload/upload.d.ts +20 -0
  166. package/umd/uploader/upload/upload.js +200 -0
@@ -0,0 +1,49 @@
1
+ (function (global, factory) {
2
+ if (typeof define === "function" && define.amd) {
3
+ define(["exports", "@babel/runtime/helpers/extends", "@babel/runtime/helpers/objectWithoutPropertiesLoose", "react", "../../context-provider"], factory);
4
+ } else if (typeof exports !== "undefined") {
5
+ factory(exports, require("@babel/runtime/helpers/extends"), require("@babel/runtime/helpers/objectWithoutPropertiesLoose"), require("react"), require("../../context-provider"));
6
+ } else {
7
+ var mod = {
8
+ exports: {}
9
+ };
10
+ factory(mod.exports, global._extends, global.objectWithoutPropertiesLoose, global.react, global.contextProvider);
11
+ global.index = mod.exports;
12
+ }
13
+ })(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _extends2, _objectWithoutPropertiesLoose2, _react, _contextProvider) {
14
+ "use strict";
15
+
16
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
17
+
18
+ _exports.__esModule = true;
19
+ _exports.default = IconFile;
20
+ _extends2 = _interopRequireDefault(_extends2);
21
+ _objectWithoutPropertiesLoose2 = _interopRequireDefault(_objectWithoutPropertiesLoose2);
22
+ _react = _interopRequireDefault(_react);
23
+ var _excluded = ["className", "useCurrentColor", "style"];
24
+
25
+ function IconFile(props) {
26
+ var _props$className = props.className,
27
+ className = _props$className === void 0 ? '' : _props$className,
28
+ _props$useCurrentColo = props.useCurrentColor,
29
+ useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
30
+ style = props.style,
31
+ other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
32
+ return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
33
+ var prefixCls = _ref.prefixCls;
34
+ return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
35
+ className: prefixCls + "-icon " + prefixCls + "-icon-file " + className,
36
+ width: "1em",
37
+ height: "1em",
38
+ style: style,
39
+ fill: useCurrentColor ? 'currentColor' : '#000',
40
+ xmlns: "http://www.w3.org/2000/svg",
41
+ viewBox: "0 0 16 16"
42
+ }, other), /*#__PURE__*/_react.default.createElement("path", {
43
+ d: "M2.3,2.7c0-0.7,0.6-1.3,1.3-1.3h7.3l2.7,2.7v9.3c0,0.7-0.6,1.3-1.3,1.3H3.7c-0.7,0-1.3-0.6-1.3-1.3\tV2.7z M10.4,2.7H3.7v10.7h8.7V4.6L10.4,2.7z M10.7,7.7H5.3V6.3h5.3V7.7z M8.7,10.3H5.3V9h3.3V10.3z",
44
+ fillRule: "evenodd",
45
+ clipRule: "evenodd"
46
+ }));
47
+ });
48
+ }
49
+ });
@@ -37,6 +37,7 @@
37
37
  height: "1em",
38
38
  style: style,
39
39
  version: "1.1",
40
+ id: "svg_388a56dbb6__\u56FE\u5C42_1",
40
41
  xmlns: "http://www.w3.org/2000/svg",
41
42
  x: "0",
42
43
  y: "0",
@@ -42,8 +42,7 @@
42
42
  }, other), /*#__PURE__*/_react.default.createElement("path", {
43
43
  fillRule: "evenodd",
44
44
  clipRule: "evenodd",
45
- 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",
46
- fill: useCurrentColor ? 'currentColor' : '#000'
45
+ 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"
47
46
  }));
48
47
  });
49
48
  }
@@ -37,10 +37,12 @@
37
37
  height: "1em",
38
38
  style: style,
39
39
  fill: useCurrentColor ? 'currentColor' : '#000',
40
- viewBox: "0 0 1024 1024",
41
- xmlns: "http://www.w3.org/2000/svg"
42
- }, other), /*#__PURE__*/_react.default.createElement("defs", null), /*#__PURE__*/_react.default.createElement("path", {
43
- 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"
40
+ xmlns: "http://www.w3.org/2000/svg",
41
+ viewBox: "0 0 14 14"
42
+ }, other), /*#__PURE__*/_react.default.createElement("path", {
43
+ 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",
44
+ fillRule: "evenodd",
45
+ clipRule: "evenodd"
44
46
  }));
45
47
  });
46
48
  }
@@ -40,8 +40,7 @@
40
40
  fill: useCurrentColor ? 'currentColor' : '#000',
41
41
  xmlns: "http://www.w3.org/2000/svg"
42
42
  }, other), /*#__PURE__*/_react.default.createElement("path", {
43
- 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",
44
- fill: useCurrentColor ? 'currentColor' : '#000'
43
+ 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"
45
44
  }));
46
45
  });
47
46
  }
@@ -1,4 +1,3 @@
1
- export { default as IconUpload } from './IconUpload';
2
1
  export { default as IconSquareChecked } from './IconSquareChecked';
3
2
  export { default as IconTriUp } from './IconTriUp';
4
3
  export { default as IconMore } from './IconMore';
@@ -54,4 +53,7 @@ export { default as IconGift } from './IconGift';
54
53
  export { default as IconStarHalf } from './IconStarHalf';
55
54
  export { default as IconKeyboard } from './IconKeyboard';
56
55
  export { default as IconKeyboardDelete } from './IconKeyboardDelete';
56
+ export { default as IconDownload } from './IconDownload';
57
+ export { default as IconFile } from './IconFile';
58
+ export { default as IconUpload } from './IconUpload';
57
59
  export * from './type';
package/umd/icon/index.js CHANGED
@@ -1,23 +1,22 @@
1
1
  (function (global, factory) {
2
2
  if (typeof define === "function" && define.amd) {
3
- 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);
3
+ 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);
4
4
  } else if (typeof exports !== "undefined") {
5
- 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"));
5
+ 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"));
6
6
  } else {
7
7
  var mod = {
8
8
  exports: {}
9
9
  };
10
- 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);
10
+ 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);
11
11
  global.index = mod.exports;
12
12
  }
13
- })(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) {
13
+ })(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) {
14
14
  "use strict";
15
15
 
16
16
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
17
17
 
18
18
  _exports.__esModule = true;
19
19
  var _exportNames = {
20
- IconUpload: true,
21
20
  IconSquareChecked: true,
22
21
  IconTriUp: true,
23
22
  IconMore: true,
@@ -72,11 +71,12 @@
72
71
  IconGift: true,
73
72
  IconStarHalf: true,
74
73
  IconKeyboard: true,
75
- IconKeyboardDelete: true
74
+ IconKeyboardDelete: true,
75
+ IconDownload: true,
76
+ IconFile: true,
77
+ IconUpload: true
76
78
  };
77
- _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;
78
- _IconUpload = _interopRequireDefault(_IconUpload);
79
- _exports.IconUpload = _IconUpload.default;
79
+ _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;
80
80
  _IconSquareChecked = _interopRequireDefault(_IconSquareChecked);
81
81
  _exports.IconSquareChecked = _IconSquareChecked.default;
82
82
  _IconTriUp = _interopRequireDefault(_IconTriUp);
@@ -187,6 +187,12 @@
187
187
  _exports.IconKeyboard = _IconKeyboard.default;
188
188
  _IconKeyboardDelete = _interopRequireDefault(_IconKeyboardDelete);
189
189
  _exports.IconKeyboardDelete = _IconKeyboardDelete.default;
190
+ _IconDownload = _interopRequireDefault(_IconDownload);
191
+ _exports.IconDownload = _IconDownload.default;
192
+ _IconFile = _interopRequireDefault(_IconFile);
193
+ _exports.IconFile = _IconFile.default;
194
+ _IconUpload = _interopRequireDefault(_IconUpload);
195
+ _exports.IconUpload = _IconUpload.default;
190
196
  Object.keys(_type).forEach(function (key) {
191
197
  if (key === "default" || key === "__esModule") return;
192
198
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -1,8 +1,10 @@
1
1
  /// <reference types="react" />
2
- export interface IconProps extends React.SVGProps<SVGSVGElement> {
2
+ export interface OriginIconProps extends React.SVGProps<SVGSVGElement> {
3
3
  className?: string;
4
4
  prefix?: string;
5
5
  width?: string;
6
6
  height?: string;
7
7
  useCurrentColor?: boolean;
8
+ spin?: boolean;
8
9
  }
10
+ export declare type IconProps = React.PropsWithoutRef<OriginIconProps> & React.RefAttributes<SVGSVGElement>;
@@ -1,16 +1,16 @@
1
1
  (function (global, factory) {
2
2
  if (typeof define === "function" && define.amd) {
3
- define(["exports", "@babel/runtime/helpers/extends", "react", "es6-promise", "@arco-design/mobile-utils", "../context-provider", "../icon", "../image", "../grid", "./add-icon", "../_helpers", "./type"], factory);
3
+ define(["exports", "@babel/runtime/helpers/extends", "react", "@arco-design/mobile-utils", "../context-provider", "../icon", "../image", "../grid", "./add-icon", "../_helpers", "../uploader/upload", "./type"], factory);
4
4
  } else if (typeof exports !== "undefined") {
5
- 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"));
5
+ 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"));
6
6
  } else {
7
7
  var mod = {
8
8
  exports: {}
9
9
  };
10
- 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);
10
+ 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);
11
11
  global.index = mod.exports;
12
12
  }
13
- })(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _extends2, _react, _es6Promise, _mobileUtils, _contextProvider, _icon, _image, _grid, _addIcon, _helpers, _type) {
13
+ })(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _extends2, _react, _mobileUtils, _contextProvider, _icon, _image, _grid, _addIcon, _helpers, _upload, _type) {
14
14
  "use strict";
15
15
 
16
16
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -51,7 +51,6 @@
51
51
  limit = _props$limit === void 0 ? 0 : _props$limit,
52
52
  _props$images = props.images,
53
53
  images = _props$images === void 0 ? [] : _props$images,
54
- maxSize = props.maxSize,
55
54
  disabled = props.disabled,
56
55
  deleteIcon = props.deleteIcon,
57
56
  selectIcon = props.selectIcon,
@@ -64,18 +63,7 @@
64
63
  imageProps = props.imageProps,
65
64
  renderLoading = props.renderLoading,
66
65
  renderError = props.renderError,
67
- onLongPress = props.onLongPress,
68
- onClick = props.onClick,
69
- _props$onChange = props.onChange,
70
- onChange = _props$onChange === void 0 ? function () {
71
- return null;
72
- } : _props$onChange,
73
- onMaxSizeExceed = props.onMaxSizeExceed,
74
- onLimitExceed = props.onLimitExceed,
75
- upload = props.upload,
76
- selectAdapter = props.selectAdapter,
77
- onSelectClick = props.onSelectClick,
78
- onDeleteClick = props.onDeleteClick;
66
+ selectAdapter = props.selectAdapter;
79
67
  var domRef = (0, _react.useRef)(null);
80
68
  var fileRef = (0, _react.useRef)(null);
81
69
  var cacheRef = (0, _helpers.useLatestRef)(images);
@@ -84,143 +72,9 @@
84
72
  dom: domRef.current
85
73
  };
86
74
  });
87
-
88
- var parseFile = function parseFile(file) {
89
- return new _es6Promise.Promise(function (resolve, reject) {
90
- if (file.url) {
91
- resolve(file.url);
92
- } else {
93
- var reader = new FileReader();
94
-
95
- reader.onload = function (e) {
96
- var _e$target;
97
-
98
- var dataURL = (_e$target = e.target) == null ? void 0 : _e$target.result;
99
-
100
- if (!dataURL) {
101
- reject(new Error('file parse error'));
102
- }
103
-
104
- resolve(dataURL);
105
- };
106
-
107
- reader.onerror = function () {
108
- reject(new Error('file parse error'));
109
- };
110
-
111
- reader.readAsDataURL(file);
112
- }
113
- });
114
- };
115
-
116
- var handleChange = function handleChange(event, fromAdapter) {
117
- var files = Array.prototype.filter.call(event.target.files || [], function (file) {
118
- // 过滤maxSize
119
- if (maxSize && file.size > maxSize * 1024) {
120
- onMaxSizeExceed && onMaxSizeExceed(file);
121
- return false;
122
- }
123
-
124
- return true;
125
- }) || [];
126
-
127
- if (!fromAdapter) {
128
- event.target.value = '';
129
- } // 截断limit
130
-
131
-
132
- if (limit !== 0 && files.length + images.length > limit) {
133
- onLimitExceed && onLimitExceed(files);
134
- files.length = limit - images.length;
135
- } // 解析文件生成预览
136
-
137
-
138
- _es6Promise.Promise.all(files.map(function (file) {
139
- return parseFile(file);
140
- })).then(function (parseFiles) {
141
- var res = parseFiles.map(function (url, index) {
142
- return {
143
- url: url,
144
- status: typeof upload === 'function' ? 'loading' : 'loaded',
145
- file: files[index]
146
- };
147
- });
148
- cacheRef.current = [].concat(cacheRef.current, res);
149
- onChange([].concat(cacheRef.current)); // 执行upload
150
-
151
- if (typeof upload === 'function') {
152
- files.forEach(function (_file) {
153
- upload(cacheRef.current.find(function (_ref) {
154
- var file = _ref.file;
155
- return file === _file;
156
- })).then(function (data) {
157
- var index = cacheRef.current.findIndex(function (_ref2) {
158
- var file = _ref2.file;
159
- return file === _file;
160
- });
161
-
162
- if (index !== -1) {
163
- cacheRef.current[index] = (0, _extends2.default)({}, cacheRef.current[index], data, {
164
- status: undefined
165
- });
166
- }
167
- }).catch(function () {
168
- var index = cacheRef.current.findIndex(function (_ref3) {
169
- var file = _ref3.file;
170
- return file === _file;
171
- });
172
-
173
- if (index !== -1) {
174
- cacheRef.current[index].status = 'error';
175
- }
176
- }).finally(function () {
177
- onChange([].concat(cacheRef.current));
178
- });
179
- });
180
- }
181
- });
182
- };
183
-
184
- var handleDelete = function handleDelete(index) {
185
- onDeleteClick && onDeleteClick(index);
186
- onChange(images.filter(function (_i, j) {
187
- return j !== index;
188
- }));
189
- }; // click && longPress
190
-
191
-
192
- var timeOutEvent;
193
-
194
- var handleTouchStart = function handleTouchStart(e, image, index) {
195
- timeOutEvent = setTimeout(function () {
196
- timeOutEvent = 0;
197
- onLongPress == null ? void 0 : onLongPress(e, image, index);
198
- }, 750);
199
- };
200
-
201
- var handleClick = function handleClick(e, image, index) {
202
- clearTimeout(timeOutEvent);
203
-
204
- if (timeOutEvent !== 0) {
205
- onClick == null ? void 0 : onClick(e, image, index);
206
- }
207
- };
208
-
209
- var handleSelect = function handleSelect(e) {
210
- if (e.target !== fileRef.current) {
211
- var _fileRef$current;
212
-
213
- onSelectClick && onSelectClick();
214
- selectAdapter ? selectAdapter().then(function (_ref4) {
215
- var files = _ref4.files;
216
- return handleChange({
217
- target: {
218
- files: files
219
- }
220
- }, true);
221
- }) : (_fileRef$current = fileRef.current) == null ? void 0 : _fileRef$current.click();
222
- }
223
- };
75
+ var uploadFunc = new _upload.Upload((0, _extends2.default)({}, props, {
76
+ files: images
77
+ }), fileRef, cacheRef);
224
78
 
225
79
  var getGridData = function getGridData(prefixCls, locale) {
226
80
  var errorNode = function errorNode(index) {
@@ -250,10 +104,10 @@
250
104
  className: prefixCls + "-image-picker-image"
251
105
  }, /*#__PURE__*/_react.default.createElement("div", {
252
106
  onTouchStart: function onTouchStart(e) {
253
- return handleTouchStart(e, image, index);
107
+ return uploadFunc.handleTouchStart(e, image, index);
254
108
  },
255
109
  onClick: function onClick(e) {
256
- return handleClick(e, image, index);
110
+ return uploadFunc.handleClick(e, image, index);
257
111
  },
258
112
  className: prefixCls + "-image-picker-image-container"
259
113
  }, /*#__PURE__*/_react.default.createElement(_image.default, (0, _extends2.default)({
@@ -269,7 +123,7 @@
269
123
  })), !hideDelete && /*#__PURE__*/_react.default.createElement("div", {
270
124
  className: prefixCls + "-image-picker-close",
271
125
  onClick: function onClick() {
272
- return handleDelete(index);
126
+ return uploadFunc.deleteFile(index);
273
127
  }
274
128
  }, deleteIcon || /*#__PURE__*/_react.default.createElement("div", {
275
129
  className: prefixCls + "-image-picker-close-icon"
@@ -286,7 +140,7 @@
286
140
  data.push({
287
141
  img: /*#__PURE__*/_react.default.createElement("div", {
288
142
  className: (0, _mobileUtils.cls)(prefixCls + "-image-picker-add", (_cls = {}, _cls[prefixCls + "-image-picker-add-disabled"] = disableSelect, _cls)),
289
- onClick: handleSelect
143
+ onClick: uploadFunc.handleSelect
290
144
  }, /*#__PURE__*/_react.default.createElement("div", {
291
145
  className: prefixCls + "-image-picker-add-container"
292
146
  }, selectIcon || /*#__PURE__*/_react.default.createElement("div", {
@@ -297,7 +151,7 @@
297
151
  multiple: multiple,
298
152
  type: "file",
299
153
  onChange: function onChange(e) {
300
- return handleChange(e);
154
+ return uploadFunc.handleChange(e);
301
155
  },
302
156
  ref: fileRef
303
157
  }) : null)),
@@ -308,12 +162,12 @@
308
162
  return data;
309
163
  };
310
164
 
311
- return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref5) {
165
+ return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
312
166
  var _cls2;
313
167
 
314
- var prefixCls = _ref5.prefixCls,
315
- _ref5$locale = _ref5.locale,
316
- locale = _ref5$locale === void 0 ? _mobileUtils.defaultLocale : _ref5$locale;
168
+ var prefixCls = _ref.prefixCls,
169
+ _ref$locale = _ref.locale,
170
+ locale = _ref$locale === void 0 ? _mobileUtils.defaultLocale : _ref$locale;
317
171
  return /*#__PURE__*/_react.default.createElement("div", {
318
172
  className: (0, _mobileUtils.cls)(prefixCls + "-image-picker", className, (_cls2 = {}, _cls2[prefixCls + "-image-picker-disabled"] = disabled, _cls2)),
319
173
  style: style,
@@ -1,33 +1,14 @@
1
1
  import { InputHTMLAttributes } from 'react';
2
2
  import { ImageProps } from '../image';
3
- export interface ImagePickItem {
3
+ import { UploadCommonProps, CommonFileItem } from '../uploader/upload/type';
4
+ export interface ImagePickItem extends CommonFileItem {
4
5
  /**
5
6
  * 图片地址
6
7
  * @en Image Url
7
8
  */
8
9
  url: string;
9
- /**
10
- * 图片文件
11
- * @en Image File
12
- */
13
- file?: File;
14
- /**
15
- * 图片状态
16
- * @en Image Status
17
- * @default 以图片自身加载状态而定
18
- * @default_en According to inner status of the image
19
- */
20
- status?: 'loaded' | 'loading' | 'error';
21
10
  }
22
- export interface AdapterFile {
23
- url?: string;
24
- size: number;
25
- name: string;
26
- }
27
- export interface SelectCallback {
28
- files: AdapterFile[];
29
- }
30
- export interface ImagePickerProps {
11
+ export interface ImagePickerProps extends Omit<UploadCommonProps<ImagePickItem>, 'files'> {
31
12
  /**
32
13
  * 自定义类名
33
14
  * @en Custom className
@@ -71,16 +52,6 @@ export interface ImagePickerProps {
71
52
  * @default 8
72
53
  */
73
54
  gutter?: number;
74
- /**
75
- * 最多选择图片张数,超出数量自动隐藏上传按钮,0表示不做限制
76
- * @en max Pictures Can Choose
77
- */
78
- limit?: number;
79
- /**
80
- * 文件大小限制,单位为K
81
- * @en File size limit, in K
82
- */
83
- maxSize?: number;
84
55
  /**
85
56
  * 是否隐藏删除Icon
86
57
  * @en Whether to hide delete Icon
@@ -129,51 +100,11 @@ export interface ImagePickerProps {
129
100
  * @en Defined uploading display
130
101
  */
131
102
  renderLoading?: (index?: number) => React.ReactNode | React.ReactNode;
132
- /**
133
- * 上传方法
134
- * @en upload function
135
- */
136
- upload?: (file: ImagePickItem) => Promise<ImagePickItem | null>;
137
- /**
138
- * 已选图片列表发生变化
139
- * @en The list of selected images changes
140
- */
141
- onChange?: (fileList: ImagePickItem[]) => void;
142
- /**
143
- * 图片超过限制大小
144
- * @en Image exceeds size limit
145
- */
146
- onMaxSizeExceed?: (file: File) => void;
147
- /**
148
- * 选择张数超过限制
149
- * @en The number of pictures exceeds the limit
150
- */
151
- onLimitExceed?: (files: File[]) => void;
152
- /**
153
- * 图片点击
154
- * @en click event
155
- */
156
- onClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>, image: ImagePickItem, index: number) => void;
157
- /**
158
- * 图片长按事件
159
- * @en long press event
160
- */
161
- onLongPress?: (e: React.TouchEvent<HTMLElement>, image: ImagePickItem, index: number) => void;
162
- /**
163
- * 图片选择适配器
164
- * @en Select Adaptor
165
- */
166
- selectAdapter?: () => Promise<SelectCallback>;
167
103
  /**
168
104
  * 选图点击事件
169
- * @en Select Icon Click Event
105
+ * @en Select icon click event
170
106
  */
171
107
  onSelectClick?: () => void;
172
- /**
173
- * 删除点击事件
174
- * @en Delete Icon Click Event
175
- */
176
- onDeleteClick?: (index: number) => void;
177
108
  }
178
109
  export interface ImagePickerRef {
179
110
  /**
package/umd/index.d.ts CHANGED
@@ -56,3 +56,4 @@ export { default as Tag } from './tag';
56
56
  export { default as Textarea } from './textarea';
57
57
  export { default as Toast } from './toast';
58
58
  export { default as Transition } from './transition';
59
+ export { default as Uploader } from './uploader';
package/umd/index.js CHANGED
@@ -1,22 +1,22 @@
1
1
  (function (global, factory) {
2
2
  if (typeof define === "function" && define.amd) {
3
- 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);
3
+ 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);
4
4
  } else if (typeof exports !== "undefined") {
5
- 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"));
5
+ 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"));
6
6
  } else {
7
7
  var mod = {
8
8
  exports: {}
9
9
  };
10
- 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);
10
+ 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);
11
11
  global.index = mod.exports;
12
12
  }
13
- })(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) {
13
+ })(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) {
14
14
  "use strict";
15
15
 
16
16
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
17
17
 
18
18
  _exports.__esModule = true;
19
- _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;
19
+ _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;
20
20
  _tabs = _interopRequireDefault(_tabs);
21
21
  _exports.Tabs = _tabs.default;
22
22
  _sticky = _interopRequireDefault(_sticky);
@@ -133,4 +133,6 @@
133
133
  _exports.Toast = _toast.default;
134
134
  _transition = _interopRequireDefault(_transition);
135
135
  _exports.Transition = _transition.default;
136
+ _uploader = _interopRequireDefault(_uploader);
137
+ _exports.Uploader = _uploader.default;
136
138
  });