@arco-design/mobile-react 2.38.3 → 2.39.0

package/cjs/uploader/index.js

@@ -1,65 +1,51 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 var _exportNames = {};
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _contextProvider = require("../context-provider");
-
 var _button = _interopRequireDefault(require("../button"));
-
 var _helpers = require("../_helpers");
-
 var _icon = require("../icon");
-
 var _loading = _interopRequireDefault(require("../loading"));
-
 var _upload = require("./upload");
-
 var _type = require("./type");
-
 Object.keys(_type).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _type[key]) return;
   exports[key] = _type[key];
 });
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var Uploader = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      style = props.style,
-      _props$files = props.files,
-      files = _props$files === void 0 ? [] : _props$files,
-      _props$accept = props.accept,
-      accept = _props$accept === void 0 ? undefined : _props$accept,
-      _props$multiple = props.multiple,
-      multiple = _props$multiple === void 0 ? false : _props$multiple,
-      capture = props.capture,
-      _props$limit = props.limit,
-      limit = _props$limit === void 0 ? 0 : _props$limit,
-      _props$hideStatus = props.hideStatus,
-      hideStatus = _props$hideStatus === void 0 ? false : _props$hideStatus,
-      _props$alwaysShowSele = props.alwaysShowSelect,
-      alwaysShowSelect = _props$alwaysShowSele === void 0 ? false : _props$alwaysShowSele,
-      disabled = props.disabled,
-      renderDeleteArea = props.renderDeleteArea,
-      renderLoadedArea = props.renderLoadedArea,
-      renderLoadingArea = props.renderLoadingArea,
-      renderErrorArea = props.renderErrorArea,
-      renderFileIndexArea = props.renderFileIndexArea,
-      renderUploadArea = props.renderUploadArea,
-      renderFileList = props.renderFileList;
+    className = _props$className === void 0 ? '' : _props$className,
+    style = props.style,
+    _props$files = props.files,
+    files = _props$files === void 0 ? [] : _props$files,
+    _props$accept = props.accept,
+    accept = _props$accept === void 0 ? undefined : _props$accept,
+    _props$multiple = props.multiple,
+    multiple = _props$multiple === void 0 ? false : _props$multiple,
+    capture = props.capture,
+    _props$limit = props.limit,
+    limit = _props$limit === void 0 ? 0 : _props$limit,
+    _props$hideStatus = props.hideStatus,
+    hideStatus = _props$hideStatus === void 0 ? false : _props$hideStatus,
+    _props$alwaysShowSele = props.alwaysShowSelect,
+    alwaysShowSelect = _props$alwaysShowSele === void 0 ? false : _props$alwaysShowSele,
+    disabled = props.disabled,
+    renderDeleteArea = props.renderDeleteArea,
+    renderLoadedArea = props.renderLoadedArea,
+    renderLoadingArea = props.renderLoadingArea,
+    renderErrorArea = props.renderErrorArea,
+    renderFileIndexArea = props.renderFileIndexArea,
+    renderUploadArea = props.renderUploadArea,
+    renderFileList = props.renderFileList;
   var domRef = (0, _react.useRef)(null);
   var fileRef = (0, _react.useRef)(null);
   var cacheRef = (0, _helpers.useLatestRef)(files);
@@ -69,7 +55,6 @@ var Uploader = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       dom: domRef.current
     };
   });
-
   var uploaderSelect = function uploaderSelect(prefixCls, locale) {
     var showSelect = files.length < (limit || Infinity);
     return (showSelect || alwaysShowSelect) && /*#__PURE__*/_react.default.createElement("div", {
@@ -91,7 +76,6 @@ var Uploader = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       disabled: disabled
     }, locale.Uploader.uploadBtn));
   };
-
   var getUploadList = function getUploadList(prefixCls, locale) {
     var generateItemArea = function generateItemArea(fileItem, index, render, part, defaultArea) {
       if (render) {
@@ -100,12 +84,10 @@ var Uploader = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           className: prefixCls + "-uploader-list-item-" + part
         }, node) : node;
       }
-
       return /*#__PURE__*/_react.default.createElement("div", {
         className: prefixCls + "-uploader-list-item-" + part
       }, defaultArea);
     };
-
     return renderFileList && renderFileList({
       retryUpload: uploadFunc.retryUpload,
       deleteFile: uploadFunc.deleteFile
@@ -113,9 +95,9 @@ var Uploader = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       className: prefixCls + "-uploader-list"
     }, (limit && limit < files.length ? files.slice(0, limit) : files).map(function (fileItem, index) {
       var _cls, _cls2;
-
       var file = fileItem.file,
-          status = fileItem.status;
+        _fileItem$status = fileItem.status,
+        status = _fileItem$status === void 0 ? 'loaded' : _fileItem$status;
       return /*#__PURE__*/_react.default.createElement("div", {
         className: prefixCls + "-uploader-list-item",
         key: index,
@@ -149,13 +131,11 @@ var Uploader = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       })));
     }));
   };
-
   return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
     var _cls3;
-
     var prefixCls = _ref.prefixCls,
-        _ref$locale = _ref.locale,
-        locale = _ref$locale === void 0 ? _mobileUtils.defaultLocale : _ref$locale;
+      _ref$locale = _ref.locale,
+      locale = _ref$locale === void 0 ? _mobileUtils.defaultLocale : _ref$locale;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _mobileUtils.cls)(prefixCls + "-uploader", className, (_cls3 = {}, _cls3[prefixCls + "-uploader-disabled"] = disabled, _cls3)),
       style: style,
@@ -165,6 +145,7 @@ var Uploader = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }, uploaderSelect(prefixCls, locale), getUploadList(prefixCls, locale)));
   });
 });
+
 /**
  * 文件上传组件
  * @en Uploader Component
@@ -174,7 +155,5 @@ var Uploader = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
  * @name_en Uploader
  * @displayName Uploader
  */
-
 var _default = (0, _mobileUtils.componentWrapper)(Uploader, 'Uploader');
-
 exports.default = _default;

package/cjs/uploader/style/css/index.js

@@ -1,9 +1,6 @@
 "use strict";
 
 require("../../../../style/css/public.css");
-
 require("../../../button/style/css");
-
 require("../../../loading/style/css");
-
 require("./index.css");

package/cjs/uploader/style/index.js

@@ -1,9 +1,6 @@
 "use strict";
 
 require("../../../style/public.less");
-
 require("../../button/style");
-
 require("../../loading/style");
-
 require("./index.less");

package/cjs/uploader/upload/index.js

@@ -1,17 +1,13 @@
 "use strict";
 
 exports.__esModule = true;
-
 var _type = require("./type");
-
 Object.keys(_type).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _type[key]) return;
   exports[key] = _type[key];
 });
-
 var _upload = require("./upload");
-
 Object.keys(_upload).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _upload[key]) return;

package/cjs/uploader/upload/upload.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="node" />
-import React from 'react';
-import { Promise } from 'es6-promise';
-import { AdapterFile, CommonFileItem, UploadCommonProps } from './type';
+import type React from 'react';
+import { Promise as ES6Promise } from 'es6-promise';
+import type { AdapterFile, CommonFileItem, UploadCommonProps } from './type';
 export declare class Upload<FileItem extends CommonFileItem = CommonFileItem> {
     props: UploadCommonProps<FileItem>;
     fileRef: React.MutableRefObject<HTMLInputElement | null>;
@@ -17,4 +17,4 @@ export declare class Upload<FileItem extends CommonFileItem = CommonFileItem> {
     handleClick: (e: React.MouseEvent<HTMLDivElement, MouseEvent>, file: FileItem, index: number) => void;
     handleTouchStart: (e: React.TouchEvent<HTMLDivElement>, image: FileItem, index: number) => void;
 }
-export declare const parseFile: (file: AdapterFile) => Promise<unknown>;
+export declare const parseFile: (file: AdapterFile) => ES6Promise<unknown>;

package/cjs/uploader/upload/upload.js

@@ -1,24 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.parseFile = exports.Upload = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _es6Promise = require("es6-promise");
-
 var Upload = /*#__PURE__*/function () {
-  // click && longPress
   function Upload(props, fileRef, cacheRef) {
     var _this = this;
-
     this.props = void 0;
     this.fileRef = void 0;
     this.cacheRef = void 0;
+    // click && longPress
     this.timeOutEvent = void 0;
-
+    // 解析文件生成预览
     this.handleFile = function (newFiles) {
       _es6Promise.Promise.all(newFiles.map(function (file) {
         return parseFile(file);
@@ -31,10 +26,8 @@ var Upload = /*#__PURE__*/function () {
           };
         });
         _this.cacheRef.current = [].concat(_this.cacheRef.current, res);
-
-        _this.props.onChange([].concat(_this.cacheRef.current)); // 执行upload
-
-
+        _this.props.onChange([].concat(_this.cacheRef.current));
+        // 执行upload
         if (typeof _this.props.upload === 'function') {
           newFiles.forEach(function (_file) {
             _this.props.upload(_this.cacheRef.current.find(function (_ref) {
@@ -45,10 +38,9 @@ var Upload = /*#__PURE__*/function () {
                 var file = _ref2.file;
                 return file === _file;
               });
-
               if (index !== -1) {
                 _this.cacheRef.current[index] = (0, _extends2.default)({}, _this.cacheRef.current[index], data, {
-                  status: 'loaded'
+                  status: undefined
                 });
               }
             }).catch(function () {
@@ -56,7 +48,6 @@ var Upload = /*#__PURE__*/function () {
                 var file = _ref3.file;
                 return file === _file;
               });
-
               if (index !== -1) {
                 _this.cacheRef.current[index].status = 'error';
               }
@@ -67,7 +58,6 @@ var Upload = /*#__PURE__*/function () {
         }
       });
     };
-
     this.handleChange = function (event, fromAdapter) {
       var newFiles = Array.prototype.filter.call(event.target.files || [], function (file) {
         // 过滤maxSize
@@ -75,41 +65,32 @@ var Upload = /*#__PURE__*/function () {
           _this.props.onMaxSizeExceed && _this.props.onMaxSizeExceed(file);
           return false;
         }
-
         return true;
       }) || [];
-
       if (!fromAdapter) {
         event.target.value = '';
-      } // 截断limit
-
-
+      }
+      // 截断limit
       if (_this.props.limit !== 0 && newFiles.length + _this.props.files.length > _this.props.limit) {
         _this.props.onLimitExceed && _this.props.onLimitExceed(newFiles);
         newFiles.length = _this.props.limit - _this.props.files.length;
       }
-
       _this.handleFile(newFiles);
     };
-
     this.deleteFile = function (index) {
       _this.props.onDeleteClick && _this.props.onDeleteClick(index);
-
       _this.props.onChange(_this.props.files.filter(function (_i, j) {
         return j !== index;
       }));
     };
-
+    // 重新上传
     this.retryUpload = function (index) {
       _this.deleteFile(index);
-
       _this.handleFile([_this.props.files[index].file]);
     };
-
     this.handleSelect = function (e) {
       if (e.target !== _this.fileRef.current) {
         var _this$fileRef$current;
-
         _this.props.onUploadClick && _this.props.onUploadClick();
         _this.props.selectAdapter ? _this.props.selectAdapter().then(function (value) {
           return _this.handleChange({
@@ -120,70 +101,53 @@ var Upload = /*#__PURE__*/function () {
         }) : (_this$fileRef$current = _this.fileRef.current) == null ? void 0 : _this$fileRef$current.click();
       }
     };
-
     this.handleClick = function (e, file, index) {
       clearTimeout(_this.timeOutEvent);
-
       if (_this.timeOutEvent !== 0) {
         _this.props.onClick == null ? void 0 : _this.props.onClick(e, file, index);
       }
     };
-
     this.handleTouchStart = function (e, image, index) {
       _this.timeOutEvent = setTimeout(function () {
         _this.timeOutEvent = 0;
         _this.props.onLongPress == null ? void 0 : _this.props.onLongPress(e, image, index);
       }, 750);
     };
-
     this.props = (0, _extends2.default)({}, props);
     this.fileRef = fileRef;
     this.cacheRef = cacheRef;
     this.init();
   }
-
   var _proto = Upload.prototype;
-
   _proto.init = function init() {
     !this.props.files && (this.props.files = []);
     !this.props.limit && (this.props.limit = 0);
     !this.props.onChange && (this.props.onChange = function () {
       return null;
     });
-  } // 解析文件生成预览
-  ;
-
+  };
   return Upload;
 }();
-
 exports.Upload = Upload;
-
 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);
     }
   });
 };
-
 exports.parseFile = parseFile;