fan-standard-comp 3.1.9 → 3.2.0

package/lib/FormComp/ChunkUploader/index.js

@@ -1,64 +1,38 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = withUploader;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _lib = require("./lib");
-
 var _api = require("./api");
-
 var _uploadQueue = _interopRequireDefault(require("./upload-queue.class"));
-
 require("./style/style.less");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
-
+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; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
-
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0) { ; } } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /* eslint-disable no-unused-vars */
 /**
  * 初始化组件
  * @param {ReactComponent} component 本高阶组件
@@ -66,131 +40,109 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
  */
 function useComponentInit(component, WrappedComponent) {
   var intervalIDArr = [];
-
   var _useState = (0, _react.useState)([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      filesList = _useState2[0],
-      setFilesList = _useState2[1]; // 定义管理上传的列表
-
+    _useState2 = _slicedToArray(_useState, 2),
+    filesList = _useState2[0],
+    setFilesList = _useState2[1]; // 定义管理上传的列表
   /* 定义上传队列，初始化就创建一个UploadQueue类实例 */
-
-
   var _useState3 = (0, _react.useState)(new _uploadQueue.default({
-    /* 设立一个定时器，定时（根据hash）查询文件是否上传完成（因为后端需要把所有分片合并起来，因此需要一定的时间） */
-    fileFinishCb: function fileFinishCb(fileHash) {
-      /* 查询文件是否上传完成；是的话则更新状态，渲染上传结果 */
-      console.log('调用=》fileFinishCb==》查询文件是否上传完成；是的话则更新状态，渲染上传结果');
-
-      function checkIfFinish() {
-        return _checkIfFinish.apply(this, arguments);
-      }
-      /*
-        第一次定时器会很快触发，这是针对小文件，争取尽快渲染上传结果
-        之后的定时器则是针对较大的文件，以较大的时间间隔来触发查询
-      */
-
-
-      function _checkIfFinish() {
-        _checkIfFinish = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
-          var remoteFileInfo;
-          return regeneratorRuntime.wrap(function _callee3$(_context3) {
+      /* 设立一个定时器，定时（根据hash）查询文件是否上传完成（因为后端需要把所有分片合并起来，因此需要一定的时间） */
+      fileFinishCb: function fileFinishCb(fileHash) {
+        /* 查询文件是否上传完成；是的话则更新状态，渲染上传结果 */
+        console.log('调用=》fileFinishCb==》查询文件是否上传完成；是的话则更新状态，渲染上传结果');
+        function checkIfFinish() {
+          return _checkIfFinish.apply(this, arguments);
+        }
+        /*
+          第一次定时器会很快触发，这是针对小文件，争取尽快渲染上传结果
+          之后的定时器则是针对较大的文件，以较大的时间间隔来触发查询
+        */
+        function _checkIfFinish() {
+          _checkIfFinish = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
+            var remoteFileInfo;
+            return regeneratorRuntime.wrap(function _callee3$(_context3) {
+              while (1) {
+                switch (_context3.prev = _context3.next) {
+                  case 0:
+                    _context3.next = 2;
+                    return (0, _api.queryFileInfo)({
+                      fileHash: fileHash
+                    });
+                  case 2:
+                    remoteFileInfo = _context3.sent;
+                    console.log('请求接口queryFileInfo=》 完成分片上传后，更新上传状态');
+                    if (!(remoteFileInfo.status === 'finish')) {
+                      _context3.next = 7;
+                      break;
+                    }
+                    updateFileInfo.call({
+                      filesList: filesList,
+                      setFilesList: setFilesList
+                    }, fileHash, {
+                      status: remoteFileInfo.status,
+                      url: remoteFileInfo.publicPath
+                    });
+                    return _context3.abrupt("return", true);
+                  case 7:
+                    console.log('更新上传状态==》remoteFileInfo', remoteFileInfo);
+                    return _context3.abrupt("return", false);
+                  case 9:
+                  case "end":
+                    return _context3.stop();
+                }
+              }
+            }, _callee3);
+          }));
+          return _checkIfFinish.apply(this, arguments);
+        }
+        setTimeout( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+          var intervalID;
+          return regeneratorRuntime.wrap(function _callee2$(_context2) {
             while (1) {
-              switch (_context3.prev = _context3.next) {
+              switch (_context2.prev = _context2.next) {
                 case 0:
-                  _context3.next = 2;
-                  return (0, _api.queryFileInfo)({
-                    fileHash: fileHash
-                  });
-
+                  _context2.next = 2;
+                  return checkIfFinish();
                 case 2:
-                  remoteFileInfo = _context3.sent;
-                  console.log('请求接口queryFileInfo=》 完成分片上传后，更新上传状态');
-
-                  if (!(remoteFileInfo.status === 'finish')) {
-                    _context3.next = 7;
+                  _context2.t0 = _context2.sent;
+                  if (!(_context2.t0 === false)) {
+                    _context2.next = 6;
                     break;
                   }
-
-                  updateFileInfo.call({
-                    filesList: filesList,
-                    setFilesList: setFilesList
-                  }, fileHash, {
-                    status: remoteFileInfo.status,
-                    url: remoteFileInfo.publicPath
-                  });
-                  return _context3.abrupt("return", true);
-
-                case 7:
-                  console.log('更新上传状态==》remoteFileInfo', remoteFileInfo);
-                  return _context3.abrupt("return", false);
-
-                case 9:
+                  intervalID = setInterval( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+                    return regeneratorRuntime.wrap(function _callee$(_context) {
+                      while (1) {
+                        switch (_context.prev = _context.next) {
+                          case 0:
+                            _context.next = 2;
+                            return checkIfFinish();
+                          case 2:
+                            _context.t0 = _context.sent;
+                            if (!(_context.t0 === true)) {
+                              _context.next = 6;
+                              break;
+                            }
+                            clearInterval(intervalID);
+                            intervalIDArr.splice(intervalIDArr.indexOf(intervalIDArr), 1);
+                          case 6:
+                          case "end":
+                            return _context.stop();
+                        }
+                      }
+                    }, _callee);
+                  })), 5000);
+                  intervalIDArr.push(intervalID);
+                case 6:
                 case "end":
-                  return _context3.stop();
+                  return _context2.stop();
               }
             }
-          }, _callee3);
-        }));
-        return _checkIfFinish.apply(this, arguments);
+          }, _callee2);
+        })), 500);
       }
-
-      setTimeout( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-        var intervalID;
-        return regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                _context2.next = 2;
-                return checkIfFinish();
-
-              case 2:
-                _context2.t0 = _context2.sent;
-
-                if (!(_context2.t0 === false)) {
-                  _context2.next = 6;
-                  break;
-                }
-
-                intervalID = setInterval( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-                  return regeneratorRuntime.wrap(function _callee$(_context) {
-                    while (1) {
-                      switch (_context.prev = _context.next) {
-                        case 0:
-                          _context.next = 2;
-                          return checkIfFinish();
-
-                        case 2:
-                          _context.t0 = _context.sent;
-
-                          if (!(_context.t0 === true)) {
-                            _context.next = 6;
-                            break;
-                          }
-
-                          clearInterval(intervalID);
-                          intervalIDArr.splice(intervalIDArr.indexOf(intervalIDArr), 1);
-
-                        case 6:
-                        case "end":
-                          return _context.stop();
-                      }
-                    }
-                  }, _callee);
-                })), 5000);
-                intervalIDArr.push(intervalID);
-
-              case 6:
-              case "end":
-                return _context2.stop();
-            }
-          }
-        }, _callee2);
-      })), 500);
-    }
-  })),
-      _useState4 = _slicedToArray(_useState3, 1),
-      uploadQueue = _useState4[0];
-
+    })),
+    _useState4 = _slicedToArray(_useState3, 1),
+    uploadQueue = _useState4[0];
   (0, _react.useEffect)(function () {
     /* 定义displayName是为了在浏览器开发者工具里更好地显示高阶组件名称 */
     component.displayName = "withUploader(".concat((0, _lib.getComponentDisplayName)(WrappedComponent), ")");
@@ -205,8 +157,8 @@ function useComponentInit(component, WrappedComponent) {
       finishCb: _propTypes.default.func
     };
   }, [component, WrappedComponent]);
-  /* 清理所有定时器 */
 
+  /* 清理所有定时器 */
   (0, _react.useEffect)(function () {
     return function () {
       intervalIDArr.forEach(function (intervalID) {
@@ -224,8 +176,6 @@ function useComponentInit(component, WrappedComponent) {
  * 根据用户选择上传的文件来初始化文件信息，并添加到state里
  * @param {File} file 用户选择上传的文件
  */
-
-
 function initFilesListState(file) {
   var fileInfo = {
     hash: (0, _lib.guid)(),
@@ -235,8 +185,8 @@ function initFilesListState(file) {
     publicPath: '',
     size: file.size,
     sizeStr: (0, _lib.bytesToSize)(file.size) // 转换当前字节数
-
   };
+
   this.setFilesList([].concat(_toConsumableArray(this.filesList), [fileInfo]));
   console.log('根据用户选择上传的文件来初始化文件信息', fileInfo);
   return fileInfo;
@@ -245,8 +195,6 @@ function initFilesListState(file) {
  * 根据文件hash查询当前组件管理的文件列表里是否已存在目标文件
  * @param {String} hash 文件hash
  */
-
-
 function checkDuplicateByHash(hash) {
   return this.filesList.some(function (file) {
     return file.hash === hash;
@@ -256,8 +204,6 @@ function checkDuplicateByHash(hash) {
  * 根据文件hash，从当前组件管理的文件列表中删除目标文件信息
  * @param {Object} currentFileInfo 用户当前选择上传的文件的信息
  */
-
-
 function removeFile(currentFileInfo) {
   this.setFilesList(function (filesList) {
     return filesList.filter(function (file) {
@@ -270,8 +216,6 @@ function removeFile(currentFileInfo) {
  * @param {String} hash 文件hash
  * @param {Object} newFileAttrs 需要更新的文件信息字段；不需要更新的字段就不需要传进来
  */
-
-
 function updateFileInfo(hash, newFileAttrs) {
   console.log('updateFileInfo=》 更新state中的文件信息');
   this.setFilesList(function (filesList) {
@@ -286,13 +230,10 @@ function updateFileInfo(hash, newFileAttrs) {
  * @param {Number} perChunkSize 每个分片的大小
  * @param {Function} errorCb 错误异常的处理函数
  */
-
-
 function returnFileInputChangeCb(_ref3) {
   var _this = this;
-
   var perChunkSize = _ref3.perChunkSize,
-      errorCb = _ref3.errorCb;
+    errorCb = _ref3.errorCb;
   console.log('调用input更新事件');
   return /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4(event) {
@@ -305,13 +246,10 @@ function returnFileInputChangeCb(_ref3) {
               currentFileInfo = initFilesListState.call(_this, file);
               console.log('当前已选择需要上传的文件', file);
               chunksArr = (0, _lib.splitFileToChunks)(file, perChunkSize); // 文件分片
-
               _context4.next = 6;
               return (0, _lib.calFileContentHash)(chunksArr);
-
             case 6:
               fileContentHash = _context4.sent;
-
               // 计算文件内容的hash
               if (checkDuplicateByHash.call(_this, fileContentHash)) {
                 removeFile.call(_this, currentFileInfo);
@@ -320,19 +258,16 @@ function returnFileInputChangeCb(_ref3) {
                   message: 'duplicate file found by hash'
                 });
               }
-
               console.log('当前文件内的fileContentHash', fileContentHash);
               updateFileInfo.call(_this, currentFileInfo.hash, {
                 hash: fileContentHash
               });
               /* 查询该文件上传情况 */
-
               _context4.next = 12;
               return (0, _api.queryFileInfo)(_objectSpread(_objectSpread({}, currentFileInfo), {}, {
                 fileHash: fileContentHash,
                 chunksLength: chunksArr.length
               }));
-
             case 12:
               remoteFileInfo = _context4.sent;
               console.log('请求接口queryFileInfo=》初始化，返回当前文件上传情况 =>remoteFileInfo：', remoteFileInfo);
@@ -343,21 +278,14 @@ function returnFileInputChangeCb(_ref3) {
                 chunksLength: remoteFileInfo.chunksLength
               });
               /* 秒传 */
-
               if (!(remoteFileInfo.status === 'finish')) {
                 _context4.next = 17;
                 break;
               }
-
               return _context4.abrupt("return");
-
             case 17:
               _this.uploadQueue.addChunksToQueue(remoteFileInfo, chunksArr); // 建立上传队列
-
-
               _this.uploadQueue.run(); // 触发上传
-
-
             case 19:
             case "end":
               return _context4.stop();
@@ -365,7 +293,6 @@ function returnFileInputChangeCb(_ref3) {
         }
       }, _callee4);
     }));
-
     return function (_x) {
       return _ref4.apply(this, arguments);
     };
@@ -375,18 +302,14 @@ function returnFileInputChangeCb(_ref3) {
  * 高阶组件的主函数
  * @param {ReactComponent} WrappedComponent 被封装的具体实现的组件
  */
-
-
 function withUploader(WrappedComponent) {
   return function UploaderHoc(props) {
     var perChunkSize = props.perChunkSize,
-        errorCb = props.errorCb,
-        restProps = _objectWithoutProperties(props, ["perChunkSize", "errorCb"]);
-
+      errorCb = props.errorCb,
+      restProps = _objectWithoutProperties(props, ["perChunkSize", "errorCb"]);
     var fileInputRef = (0, _react.useRef)(null);
     var state = useComponentInit(UploaderHoc, WrappedComponent);
     /* 组装传给具体实现组件的props */
-
     var spreadProps = _objectSpread(_objectSpread({}, restProps), {}, {
       // 透传
       triggerFile: function triggerFile() {
@@ -394,7 +317,6 @@ function withUploader(WrappedComponent) {
       },
       filesList: state.filesList
     });
-
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "upload-hoc"
     }, /*#__PURE__*/_react.default.createElement("input", {

package/lib/FormComp/ChunkUploader/lib.js

@@ -3,20 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getComponentDisplayName = getComponentDisplayName;
-exports.splitFileToChunks = splitFileToChunks;
-exports.calFileContentHash = calFileContentHash;
 exports.bytesToSize = bytesToSize;
+exports.calFileContentHash = calFileContentHash;
+exports.getComponentDisplayName = getComponentDisplayName;
 exports.guid = guid;
-
+exports.splitFileToChunks = splitFileToChunks;
 var _worker = _interopRequireDefault(require("worker-loader!./worker.js"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; } // eslint-disable-next-line import/no-webpack-loader-syntax
 // 启动 Web Worker
 
 /**
@@ -26,31 +21,26 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 function getComponentDisplayName(component) {
   return component.displayName || component.name || 'Component';
 }
+
 /**
  * 文件切分分片
  * @param {File} file 文件
  */
-
-
 function splitFileToChunks(file, perChunkSize) {
   var fileSize = file.size;
   var total = Math.ceil(fileSize / perChunkSize); // 计算总共要分多少片
-
   var chunksArr = [];
-
   for (var i = 1; i <= total; i++) {
     chunksArr.push(file.slice((i - 1) * perChunkSize, i * perChunkSize));
   }
-
   console.log('splitFileToChunks==》文件切分分片', chunksArr);
   return chunksArr;
 }
+
 /**
  * 利用WebWorker计算文件内容的Hash
  * @param {File} file 文件
  */
-
-
 function calFileContentHash(_x) {
   return _calFileContentHash.apply(this, arguments);
 }
@@ -59,8 +49,6 @@ function calFileContentHash(_x) {
  * @param {String} bytes 字节数
  * @param {Number} precise 小数精度
  */
-
-
 function _calFileContentHash() {
   _calFileContentHash = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(chunksArr) {
     var worker;
@@ -72,15 +60,12 @@ function _calFileContentHash() {
             worker.postMessage({
               chunksArr: chunksArr
             }); // 传递文件分片
-
             /* 接受计算好的hash */
-
             return _context.abrupt("return", new Promise(function (resolve) {
               worker.onmessage = function (event) {
                 resolve(event.data.hash);
               };
             }));
-
           case 3:
           case "end":
             return _context.stop();
@@ -90,24 +75,20 @@ function _calFileContentHash() {
   }));
   return _calFileContentHash.apply(this, arguments);
 }
-
 function bytesToSize(bytes) {
   var precise = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
   if (bytes === 0) return '0 B';
   var k = 1024,
-      sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
-      i = Math.floor(Math.log(bytes) / Math.log(k));
+    sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
+    i = Math.floor(Math.log(bytes) / Math.log(k));
   return (bytes / Math.pow(k, i)).toFixed(precise) + ' ' + sizes[i];
 }
 /**
  * 生成guid
  */
-
-
 function guid() {
   function S4() {
     return ((1 + Math.random()) * 0x10000 | 0).toString(16).substring(1);
   }
-
   return "".concat(S4()).concat(S4(), "-").concat(S4(), "-").concat(S4(), "-").concat(S4(), "-").concat(S4()).concat(S4()).concat(S4());
 }