@uni-sw/u-design 2.0.4

package/es/components/UUploadFile/UploadFile.js

@@ -0,0 +1,1340 @@
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _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 _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+import React, { createRef } from 'react';
+import List from "../UList";
+import Progress from "../UProgress/progress";
+import UButton from "../UButton";
+import UIcon from "../UIcon";
+import UMessageBox from "../UMessageBox";
+import WebUploader from 'webuploader';
+import { getUploadTaskId, fileMerge, deleteFile } from "./api";
+import ThumnNail from "./ThumnNail";
+import { _getUrlParam, _getGuid } from "../../globalFunc";
+import { getTheme, CUSTOM_PREFIX } from "../../globalVarious";
+import UTooltip from "../UTooltip";
+import getByteLength from "./getByteLength";
+import excelIcon from "./images/fileIcon/excel.png";
+import exeIcon from "./images/fileIcon/exe.png";
+import pdfIcon from "./images/fileIcon/pdf.png";
+import pptIcon from "./images/fileIcon/ppt.png";
+import txtIcon from "./images/fileIcon/txt.png";
+import wordIcon from "./images/fileIcon/word.png";
+import zipIcon from "./images/fileIcon/zip.png";
+
+// 拼接类名前缀
+var uploadPrefix = "".concat(CUSTOM_PREFIX, "-upload");
+/**
+ * 上传文件
+ * SW上传流程： 获取TaskId => WebUploader上传 =>  fileMerge合并
+ */
+var UploadFile = /*#__PURE__*/function (_React$Component) {
+  function UploadFile(props) {
+    var _this;
+    _classCallCheck(this, UploadFile);
+    _this = _callSuper(this, UploadFile, [props]);
+    /**
+     * 获取webuploader实例
+     */
+    _this.getWebuploader = function () {
+      return _this.webuploader;
+    };
+    /**
+     * 获取文件列表
+     */
+    _this.getFileList = function () {
+      return _this.state.fileList;
+    };
+    //#region 构建webuploader实例
+    /**
+     * 创建webuploader实例
+     */
+    _this.loadWebuploader = function () {
+      //获取SW服务器上传相关的信息
+      _this.swServer = _this._getSwServer();
+      //获取webuploader实例属性
+      _this.uploaderInfo = _this._getDefaultUploader();
+
+      //重复创建实例时  将之前的先销毁
+      if (_this.webuploader) {
+        _this.webuploader.destroy();
+        _this.webuploader = null;
+        _this.setState({
+          fileList: [],
+          ploadPercent: []
+        });
+      }
+      //防止在Modal的componentDidMount中加载时, pick元素还未渲染 因此定时推迟下
+      var setTimeFunc = setTimeout(function () {
+        _this.webuploader = WebUploader.create(_this.uploaderInfo);
+        _this._listenWebuploader();
+        var onUploadCreate = _this.props.onUploadCreate;
+        if (typeof onUploadCreate === 'function') {
+          onUploadCreate(_this.webuploader);
+        }
+        clearTimeout(setTimeFunc);
+      }, 0);
+    };
+    /**
+     * 根据父级传入的信息 组件实例属性
+     */
+    _this._getDefaultUploader = function () {
+      var _this$props = _this.props,
+        uploadObj = _this$props.uploadObj,
+        multiple = _this$props.multiple,
+        fileSize = _this$props.fileSize,
+        type = _this$props.type,
+        selfServer = _this$props.selfServer;
+      //默认实例参数
+      var uploader = {};
+      //外部调用时，可以覆盖默认实例参数
+      if (uploadObj && _typeof(uploadObj) === 'object') {
+        uploader = _objectSpread(_objectSpread({}, uploader), uploadObj);
+      }
+      uploader = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, uploader), {
+        //图片不进行压缩处理
+        compress: null,
+        //webuploader所需文件
+        swf: './Uploader.swf',
+        //是否允许在文件传输时提前把下一个文件准备好
+        prepareNextFile: true
+      }), {}, {
+        //验证文件总量
+        fileNumLimit: undefined,
+        //单个文件大小
+        fileSingleSizeLimit: fileSize ? fileSize * 1024 * 1024 : undefined
+      }, _this._getPick(multiple)), _this._getAccept(type)), _this._getServer(selfServer));
+      return uploader;
+    };
+    /**
+     * 指定选择文件的按钮容器
+     */
+    _this._getPick = function (multiple) {
+      return {
+        pick: {
+          id: ".".concat(_this.domId),
+          ////选择文件的按钮容器
+          multiple: multiple || false //是否允许同时选多个文件
+        }
+      };
+    };
+    /**
+     * 指定接受的文件类型
+     */
+    _this._getAccept = function (type) {
+      var acceptTypes = _this.state.acceptTypes;
+      if (!type || 0 === acceptTypes.length) {
+        return {
+          accept: null
+        };
+      }
+      return {
+        accept: {
+          //文字描述
+          title: type,
+          //允许的文件类型
+          mimeTypes: acceptTypes.join(',')
+        }
+      };
+    };
+    /**
+     * 获取
+     */
+    _this._getFileTypes = function (_ref) {
+      var type = _ref.type,
+        fileTypes = _ref.fileTypes;
+      switch (type) {
+        case 'list':
+          return fileTypes || ['.zip', '.exe', '.tar.gz', '.rar'];
+        case 'card':
+          return fileTypes || ['.jpg', '.png', '.jpeg', '.bmp'];
+        default:
+          return fileTypes || [];
+      }
+    };
+    /**
+     * 获取接口前缀
+     * 处理成  /aa/aa  格式
+     */
+    _this._getAgent = function (agent) {
+      var preAgent = '';
+      if (typeof agent === 'string') {
+        preAgent = agent.replace(/^\/+|\/+$/g, '');
+      }
+      return "/".concat(preAgent || 'sw');
+    };
+    /**
+     * 指定上传的接口以及是否分片
+     */
+    _this._getServer = function (selfServer) {
+      //默认上传到SW服务器
+      if (!selfServer) {
+        var _agent = _this.swServer.agent;
+        return {
+          //文件接收服务端
+          server: "".concat(_agent, "/common/file/upload"),
+          //文件上传方式
+          method: 'POST',
+          //是否要分片处理大文件上传
+          chunked: true,
+          //分片大小
+          chunkSize: 20 * 1024 * 1024
+        };
+      }
+      //自定义上传服务
+      var _ref2 = selfServer || {},
+        server = _ref2.server,
+        method = _ref2.method;
+      return {
+        //文件接收服务端
+        server: server || '',
+        //文件上传方式
+        method: method || 'POST'
+      };
+    };
+    //#endregion
+    //#region 上传到SW
+    /**
+     * 获取上传到SW服务器时，所需的信息
+     */
+    _this._getSwServer = function () {
+      var _this$props2 = _this.props,
+        selfServer = _this$props2.selfServer,
+        swServer = _this$props2.swServer;
+      if (!selfServer) {
+        var _ref3 = swServer || {},
+          filePath = _ref3.filePath,
+          isHasCover = _ref3.isHasCover,
+          mergeInfo = _ref3.mergeInfo,
+          _agent2 = _ref3.agent,
+          ifRemove = _ref3.ifRemove;
+        return {
+          //上传到SW服务器上的所处文件夹名称
+          filePath: filePath || 'uupload',
+          //代理前缀
+          agent: _this._getAgent(_agent2),
+          //文件已存在时，是否默认覆盖
+          isHasCover: isHasCover || false,
+          //合并时，需要额外传入的参数
+          mergeInfo: mergeInfo || {},
+          //点击删除按钮时，若该文件已上传到服务器，是否对应上传服务器上的文件
+          ifRemove: isHasCover || false
+        };
+      }
+      return null;
+    };
+    /**
+     * 获取上传所需的vmtoken
+     */
+    _this._getAuthorization = function () {
+      var swServer = _this.props.swServer;
+      //SW接口所需token
+      var authorization = '';
+      if (swServer && swServer.authorization) {
+        authorization = swServer.authorization;
+      }
+      if (!authorization) {
+        authorization = _getUrlParam('v5Token') || sessionStorage.getItem('Authorization') || '';
+      }
+      return authorization;
+    };
+    //#endregion
+    /**
+     * 开始上传
+     */
+    _this.startUpload = function (emptyTip) {
+      return new Promise(function (resolve) {
+        if (_this.waitDeleteList.length > 0) {
+          var list = _this.waitDeleteList.map(function (func) {
+            return func();
+          });
+          Promise.all(list).then(function (data) {
+            console.log('删除结果', data);
+          }).catch(function (err) {
+            console.error('删除失败', err);
+          });
+          _this.waitDeleteList = [];
+        }
+        _this.uploadResolveFun.current = resolve;
+        var _this$props3 = _this.props,
+          onUploadFinished = _this$props3.onUploadFinished,
+          onStartUpload = _this$props3.onStartUpload,
+          selfServer = _this$props3.selfServer;
+        if (typeof onUploadFinished === 'function') {
+          _this.uploadFinishFunc = onUploadFinished;
+        }
+        var _this$state = _this.state,
+          fileList = _this$state.fileList,
+          uploadPercent = _this$state.uploadPercent;
+        if (!_this.webuploader || 0 === fileList.length) {
+          var _this$props$textLocal;
+          emptyTip && UMessageBox.msgBox({
+            msg: "".concat((_this$props$textLocal = _this.props.textLocale) === null || _this$props$textLocal === void 0 ? void 0 : _this$props$textLocal.selectFileUpload),
+            iconType: 'info',
+            duration: 1500
+          });
+          _this._uploadResolve(true);
+          return;
+        }
+        if (typeof onStartUpload === 'function') {
+          onStartUpload(fileList);
+        }
+        //上传到SW服务器
+        if (!selfServer) {
+          if (!_this._checkFinish()) {
+            var _this$props$textLocal2;
+            UMessageBox.msgBox({
+              msg: "".concat((_this$props$textLocal2 = _this.props.textLocale) === null || _this$props$textLocal2 === void 0 ? void 0 : _this$props$textLocal2.uploading),
+              iconType: 'info',
+              duration: 1500
+            });
+            return;
+          }
+          //所有文件都已上传成功后  不再触发上传
+          if (fileList.every(function (item) {
+            return !!uploadPercent.find(function (item1) {
+              return item.id === item1.id && item1.status === 'success';
+            });
+          })) {
+            _this._uploadResolve(true);
+            _this.uploadFinishFunc(fileList, uploadPercent);
+            return;
+          }
+          _this.uploadTaskIds = {};
+          fileList.forEach(/*#__PURE__*/function () {
+            var _ref4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(item) {
+              var _this$swServer, filePath, agent, taskid;
+              return _regenerator().w(function (_context) {
+                while (1) switch (_context.n) {
+                  case 0:
+                    //由于taskid获取需要调用接口（异步）  所以无法在uploadBeforeSend中读取
+                    //所以在之前获取全部文件的taskid  可能存在问题：文件过多时，有些还未上传，但其taskid已失效
+                    _this$swServer = _this.swServer, filePath = _this$swServer.filePath, agent = _this$swServer.agent;
+                    _context.n = 1;
+                    return getUploadTaskId(agent, {
+                      fileName: item.name,
+                      filePath: filePath
+                    }, _this._getAuthorization());
+                  case 1:
+                    taskid = _context.v;
+                    _this.uploadTaskIds[item.id] = taskid;
+                    if (Object.keys(_this.uploadTaskIds).length === fileList.length) {
+                      _this.webuploader.upload();
+                    }
+                  case 2:
+                    return _context.a(2);
+                }
+              }, _callee);
+            }));
+            return function (_x) {
+              return _ref4.apply(this, arguments);
+            };
+          }());
+        } else {
+          //自定义上传
+          _this.webuploader.upload();
+        }
+      });
+    };
+    //#endregion
+    //#region 加载各类DOM 供外部调用  可在render直接中引用
+    _this._checkReupload = function () {
+      var _this$props4 = _this.props,
+        type = _this$props4.type,
+        fileNum = _this$props4.fileNum,
+        reuploadBtn = _this$props4.reuploadBtn;
+      return 'card' === type && reuploadBtn && 1 === fileNum;
+    };
+    /**
+     * 判读是否可以继续上传
+     */
+    _this._getDisabled = function () {
+      var _this$props5 = _this.props,
+        disabled = _this$props5.disabled,
+        fileNum = _this$props5.fileNum;
+      var _this$state2 = _this.state,
+        fileList = _this$state2.fileList,
+        defaultList = _this$state2.defaultList;
+      if (disabled) {
+        return true;
+      }
+      if (fileNum && fileList.length + defaultList.length >= fileNum) {
+        return true;
+      }
+      return false;
+    };
+    /**
+     * 加载按钮式的上传按钮
+     */
+    _this.loadUploadBtn = function () {
+      var _this$props$textLocal3, _this$props$textLocal4;
+      var acceptTypes = _this.state.acceptTypes;
+      var _this$props6 = _this.props,
+        fontName = _this$props6.fontName,
+        selfChoose = _this$props6.selfChoose,
+        theme = _this$props6.theme,
+        onlyShow = _this$props6.onlyShow;
+      var tipsColor = theme === 'dark' || getTheme() === 'dark' ? '#233457' : '#444444';
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(UButton, {
+        disabled: _this._getDisabled() || onlyShow,
+        style: selfChoose ? {
+          display: 'none'
+        } : {},
+        className: "".concat(_this.domId, " ").concat(uploadPrefix, "-public ").concat(uploadPrefix, "-btn"),
+        opeType: "upload"
+      }, fontName || "".concat((_this$props$textLocal3 = _this.props.textLocale) === null || _this$props$textLocal3 === void 0 ? void 0 : _this$props$textLocal3.uploadFile)), acceptTypes.length > 0 && !selfChoose && /*#__PURE__*/React.createElement(UTooltip, {
+        color: tipsColor,
+        title: "".concat((_this$props$textLocal4 = _this.props.textLocale) === null || _this$props$textLocal4 === void 0 ? void 0 : _this$props$textLocal4.onlySupport, " ").concat(acceptTypes.join('、'))
+      }, /*#__PURE__*/React.createElement(UIcon, {
+        icon: "helpIcon",
+        color: "#1890ff",
+        className: "".concat(uploadPrefix, "-tooltip")
+      })));
+    };
+    _this.loadReuloadBtn = function (children) {
+      var _this$props$textLocal5, _this$props$textLocal6;
+      var _this$state3 = _this.state,
+        fileList = _this$state3.fileList,
+        defaultList = _this$state3.defaultList;
+      var _this$props7 = _this.props,
+        fontName = _this$props7.fontName,
+        disabled = _this$props7.disabled,
+        onlyShow = _this$props7.onlyShow,
+        selfChoose = _this$props7.selfChoose;
+      var list = [].concat(_toConsumableArray(defaultList), _toConsumableArray(fileList));
+      return /*#__PURE__*/React.createElement(React.Fragment, null, list.length > 0 ? _this.loadCardList() : /*#__PURE__*/React.createElement("div", {
+        className: "".concat(uploadPrefix, "-pic ").concat(uploadPrefix, "-public")
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "".concat(uploadPrefix, "-pic-operator")
+      }, children)), /*#__PURE__*/React.createElement(UButton, {
+        className: "".concat(_this.domId, " ").concat(list.length > 0 ? "".concat(uploadPrefix, "-reuploadParent") : "".concat(uploadPrefix, "-uploadParent")),
+        style: disabled || selfChoose || onlyShow ? {
+          display: 'none'
+        } : {}
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "".concat(uploadPrefix, "-uploadText")
+      }, fontName || ((_this$props$textLocal5 = _this.props.textLocale) === null || _this$props$textLocal5 === void 0 ? void 0 : _this$props$textLocal5.uploadPicture)), /*#__PURE__*/React.createElement("span", {
+        className: "".concat(uploadPrefix, "-reuploadText")
+      }, (_this$props$textLocal6 = _this.props.textLocale) === null || _this$props$textLocal6 === void 0 ? void 0 : _this$props$textLocal6.reuploadPicture)));
+    };
+    /**
+     * 加载卡片式的导入按钮
+     */
+    _this.loadUploadCard = function () {
+      var _this$props$textLocal7;
+      var _this$props8 = _this.props,
+        fontName = _this$props8.fontName,
+        selfChoose = _this$props8.selfChoose,
+        onlyShow = _this$props8.onlyShow;
+      return /*#__PURE__*/React.createElement("div", {
+        className: "".concat(_this.domId, " ").concat(uploadPrefix, "-pic ").concat(uploadPrefix, "-public"),
+        style: _this._getDisabled() || selfChoose || onlyShow ? {
+          display: 'none'
+        } : {}
+      }, /*#__PURE__*/React.createElement(UIcon, {
+        icon: "addIcon",
+        className: "".concat(uploadPrefix, "-pic-operator")
+      }), /*#__PURE__*/React.createElement("span", null, fontName || ((_this$props$textLocal7 = _this.props.textLocale) === null || _this$props$textLocal7 === void 0 ? void 0 : _this$props$textLocal7.uploadPicture)));
+    };
+    /**
+     * 加载已选择的列表式列表
+     */
+    _this.loadBtnList = function () {
+      var _this$props9 = _this.props,
+        showIcon = _this$props9.showIcon,
+        disabled = _this$props9.disabled,
+        onlyShow = _this$props9.onlyShow;
+      var _this$state4 = _this.state,
+        fileList = _this$state4.fileList,
+        defaultList = _this$state4.defaultList;
+      var dataSource = [].concat(_toConsumableArray(defaultList), _toConsumableArray(fileList));
+      if (0 === dataSource.length) {
+        return null;
+      }
+      var newShowIcon = disabled || onlyShow ? _objectSpread(_objectSpread({}, showIcon), {}, {
+        removeIcon: false
+      }) : showIcon;
+
+      //适配showIcon两种格式  boolean | { removeIcon?: boolean }
+      var removeIcon = true;
+      var downloadIcon = true;
+      if (typeof newShowIcon === 'boolean') {
+        removeIcon = newShowIcon;
+        downloadIcon = newShowIcon;
+      } else if (_typeof(newShowIcon) === 'object') {
+        removeIcon = !(false === (newShowIcon || {}).removeIcon);
+        downloadIcon = !(false === (newShowIcon || {}).downloadIcon);
+      }
+      return /*#__PURE__*/React.createElement("div", {
+        className: "upload-file-list"
+      }, /*#__PURE__*/React.createElement(List, {
+        split: false,
+        itemLayout: "vertical",
+        dataSource: dataSource,
+        renderItem: function renderItem(item) {
+          var _this$props$textLocal8, _this$props$textLocal9;
+          return /*#__PURE__*/React.createElement(List.Item, {
+            key: item.id
+          }, /*#__PURE__*/React.createElement("div", {
+            className: "".concat(uploadPrefix, "-name")
+          }, /*#__PURE__*/React.createElement(UIcon, {
+            icon: "enclosureIcon"
+          }), /*#__PURE__*/React.createElement("span", {
+            title: item.name
+          }, item.name), !!removeIcon && /*#__PURE__*/React.createElement(UIcon, {
+            icon: "deleteIcon",
+            title: (_this$props$textLocal8 = _this.props.textLocale) === null || _this$props$textLocal8 === void 0 ? void 0 : _this$props$textLocal8.delete,
+            onClick: function onClick() {
+              return _this._removeFile(item);
+            }
+          }), !!downloadIcon && !item.file && /*#__PURE__*/React.createElement(UIcon, {
+            icon: "downloadIcon",
+            title: (_this$props$textLocal9 = _this.props.textLocale) === null || _this$props$textLocal9 === void 0 ? void 0 : _this$props$textLocal9.download,
+            onClick: function onClick() {
+              return _this._onDownloadFile(item);
+            }
+          })), !!item.file && _this._loadUploadProgress(item.id, 'line'));
+        }
+      }));
+    };
+    /**
+     * 加载已选择的卡片式列表
+     */
+    _this.loadCardList = function () {
+      var _this$state5 = _this.state,
+        fileList = _this$state5.fileList,
+        defaultList = _this$state5.defaultList;
+      var _this$props0 = _this.props,
+        showIcon = _this$props0.showIcon,
+        disabled = _this$props0.disabled,
+        onlyShow = _this$props0.onlyShow;
+      return [].concat(_toConsumableArray(defaultList), _toConsumableArray(fileList)).map(function (item) {
+        var thumPic = item.thumb.startsWith('data:image') ? item.thumb : _this._getFileIcon(item.name) || item.thumb;
+        return /*#__PURE__*/React.createElement(ThumnNail, {
+          key: item.id,
+          thumId: item.id,
+          thumName: item.name,
+          thumPic: thumPic,
+          hasFile: !!item.file,
+          onDelete: function onDelete() {
+            return _this._removeFile(item);
+          },
+          onDownload: function onDownload() {
+            return _this._onDownloadFile(item);
+          },
+          showIcon: disabled || onlyShow ? _objectSpread(_objectSpread({}, showIcon), {}, {
+            removeIcon: false
+          }) : showIcon,
+          textLocale: _this.props.textLocale
+        }, !!item.file && _this._loadUploadProgress(item.id, 'circle'));
+      });
+    };
+    /**
+     * 加载上传进度条
+     */
+    _this._loadUploadProgress = function (id, type) {
+      var selfServer = _this.props.selfServer;
+      var uploadPercent = _this.state.uploadPercent;
+      if (!selfServer && uploadPercent.length > 0) {
+        var info = uploadPercent.find(function (item) {
+          return item.id === id;
+        }) || {};
+        var status = info.status || 'active';
+        return /*#__PURE__*/React.createElement(Progress, {
+          className: "".concat(uploadPrefix, "-Progress-").concat(status),
+          type: type,
+          percent: info.percent || 0,
+          status: status
+        });
+      }
+      return null;
+    };
+    /**
+     * 自定义上传按钮
+     */
+    _this.uploadRender = function () {
+      var selfRender = _this.props.selfRender;
+      var _this$state6 = _this.state,
+        uploadPercent = _this$state6.uploadPercent,
+        fileList = _this$state6.fileList;
+      return selfRender(_this.domId, fileList, uploadPercent);
+    };
+    //#endregion
+    //#region 内部方法
+    /**
+     * 根据value获取对应的信息
+     * @param {string | string[]} value 服务器上的文件地址
+     */
+    _this._getFileByUrl = function (value) {
+      if (!value) {
+        return [];
+      }
+      if (value instanceof Array) {
+        var list = value.map(function (item) {
+          var arr = item.split('/');
+          if (arr.length < 2) {
+            return null;
+          }
+          return {
+            id: _getGuid(),
+            name: arr[arr.length - 1],
+            thumb: item,
+            form: 'value'
+          };
+        }).filter(function (item) {
+          return !!item;
+        });
+        return list;
+      } else if (typeof value === 'string') {
+        var arr = value.split('/');
+        if (arr.length < 2) {
+          return [];
+        }
+        return [{
+          id: _getGuid(),
+          name: arr[arr.length - 1],
+          thumb: value,
+          form: 'value'
+        }];
+      }
+    };
+    /**
+     * 获取默认list
+     */
+    _this._getDefaultList = function () {
+      var _this$props1 = _this.props,
+        _this$props1$defaultL = _this$props1.defaultList,
+        defaultList = _this$props1$defaultL === void 0 ? [] : _this$props1$defaultL,
+        value = _this$props1.value;
+      var fileList = _this.state.fileList;
+      var noExistList = _this._getFileByUrl(value).filter(function (item) {
+        return !fileList.some(function (file) {
+          return file.thumb === item.thumb;
+        });
+      });
+      return [].concat(_toConsumableArray(defaultList), _toConsumableArray(noExistList));
+    };
+    /**
+     * onChange回调
+     */
+    _this._onChange = function () {
+      var onChange = _this.props.onChange;
+      var _this$state7 = _this.state,
+        fileList = _this$state7.fileList,
+        defaultList = _this$state7.defaultList;
+      var result = [];
+      [].concat(_toConsumableArray(defaultList), _toConsumableArray(fileList)).forEach(function (file) {
+        /** 无file  说明是defaultList，而非本次上传的文件 */
+        if (!file.file) {
+          /** 成功的文件返回 服务器地址 */
+          result.push(file.thumb);
+          return;
+        }
+        if (_this.state.uploadPercent.some(function (item) {
+          return item.id === file.id && item.status === 'success';
+        })) {
+          /** 成功的文件返回 服务器地址 */
+          result.push(file.thumb);
+          return;
+        }
+        /** 还未上传到服务器或上传失败的  返回文件名称 */
+        result.push(file.name);
+      });
+      /** onChange返回数组类型 */
+      onChange && onChange(result);
+    };
+    /**
+     * 上传中更新各文件进度
+     * @param {String} id 文件id
+     * @param {Object} obj 需要更新的信息
+     */
+    _this._changPercent = function (id, obj) {
+      if (!obj && _typeof(obj) !== 'object') {
+        return;
+      }
+      var _this$state8 = _this.state,
+        uploadPercent = _this$state8.uploadPercent,
+        fileList = _this$state8.fileList;
+      _this.setState({
+        uploadPercent: uploadPercent.map(function (item) {
+          return id === item.id ? _objectSpread(_objectSpread({}, item), obj) : item;
+        }),
+        fileList: fileList.map(function (item) {
+          return id === item.id && obj.thumb ? _objectSpread(_objectSpread({}, item), {}, {
+            thumb: obj.thumb
+          }) : item;
+        })
+      }, function () {
+        if (_this._checkFinish()) {
+          _this._onChange();
+          var ifSuccess = _this.state.uploadPercent.some(function (item) {
+            return 'success' === item.status;
+          });
+          _this._uploadResolve(ifSuccess);
+          _this.uploadFinishFunc(_this.state.fileList, _this.state.uploadPercent);
+        }
+      });
+    };
+    /**
+     * 判断所有文件是否上传完成
+     */
+    _this._checkFinish = function () {
+      var ifFinish = _this.state.uploadPercent.every(function (item) {
+        return 'active' !== item.status;
+      });
+      return ifFinish;
+    };
+    /**
+     * 下载文件
+     * @param {File} file  待下载的文件
+     */
+    _this._onDownloadFile = function (file) {
+      var onDownloadFile = _this.props.onDownloadFile;
+      if (onDownloadFile && typeof onDownloadFile === 'function') {
+        onDownloadFile(file);
+      } else {
+        var $a = document.createElement('a');
+        $a.download = file.name;
+        $a.href = file.thumb;
+        // 如果是火狐浏览器 需要特殊处理
+        if (_this._isFF()) {
+          document.body.appendChild($a);
+        }
+        // 点击进行下载
+        $a.click();
+        // 清空信息
+        $a.href = '';
+        // 如果是火狐浏览器 需要特殊处理
+        if (_this._isFF()) {
+          document.body.removeChild($a);
+        }
+      }
+    };
+    /**
+     * 判断是否是火狐浏览器
+     */
+    _this._isFF = function () {
+      var browserType = _this._judgeAllBrowser();
+      // 不是FF，返回false
+      if (browserType !== 'FF') {
+        return false;
+      }
+      // 否则返回true
+      return true;
+    };
+    _this._judgeAllBrowser = function () {
+      var userAgent = 'navigator.userAgent';
+      if (typeof window !== 'undefined') {
+        userAgent = navigator.userAgent;
+      }
+      //判断是否Opera浏览器
+      if (userAgent.indexOf('Opera') > -1) {
+        return 'Opera';
+      }
+      //判断是否Firefox浏览器
+      if (userAgent.indexOf('Firefox') > -1) {
+        return 'FF';
+      }
+      // chrome浏览器
+      if (userAgent.indexOf('Chrome') > -1) {
+        return 'Chrome';
+      }
+      // sarafi浏览器
+      if (userAgent.indexOf('Safari') > -1) {
+        return 'Safari';
+      } else {
+        return '';
+      }
+    };
+    _this._deleteFile = /*#__PURE__*/function () {
+      var _ref5 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(files) {
+        var promiseList;
+        return _regenerator().w(function (_context2) {
+          while (1) switch (_context2.n) {
+            case 0:
+              promiseList = [];
+              files.forEach(function (item) {
+                promiseList.push(deleteFile(agent, {
+                  name: file.name,
+                  path: path
+                }, _this._getAuthorization()).then(function (_ref6) {
+                  var data = _ref6.data;
+                  if (data && 0 === data.errCode) {
+                    return true;
+                  } else {
+                    return false;
+                  }
+                }).catch(function () {
+                  return false;
+                }));
+              });
+            case 1:
+              return _context2.a(2);
+          }
+        }, _callee2);
+      }));
+      return function (_x2) {
+        return _ref5.apply(this, arguments);
+      };
+    }();
+    /**
+     * 移除已选的文件
+     * @param {String} id 文件id
+     */
+    _this._removeFile = function (file) {
+      if (!_this.webuploader || !file.id) {
+        return;
+      }
+      var selfServer = _this.props.selfServer;
+      if (!selfServer) {
+        var uploadPercent = _this.state.uploadPercent;
+        var _this$swServer2 = _this.swServer,
+          filePath = _this$swServer2.filePath,
+          _agent3 = _this$swServer2.agent,
+          ifRemove = _this$swServer2.ifRemove;
+        //删除分为上传前删除 和 删除后删除      无file信息 说明是defaultList
+        //通过是够上传成功 来区分要不要删除服务器上的文件数据
+        var ifUpload = !file.file || uploadPercent.find(function (item) {
+          return item.id === file.id && item.status === 'success';
+        });
+        var _path = filePath;
+        if (!file.file) {
+          var thumbList = file.thumb.split('/');
+          _path = thumbList[thumbList.length - 2] || filePath;
+        }
+        if (ifRemove && ifUpload) {
+          _this.waitDeleteList.push(function () {
+            return deleteFile(_agent3, {
+              name: file.name,
+              path: _path
+            }, _this._getAuthorization()).then(function (_ref7) {
+              var data = _ref7.data;
+              if (data && 0 === data.errCode) {
+                return true;
+              } else {
+                return false;
+              }
+            }).catch(function () {
+              return false;
+            });
+          });
+        }
+      }
+      _this._reloadList(file);
+    };
+    /**
+     * 删除后 重组列表信息
+     */
+    _this._reloadList = function (file) {
+      var _this$state9 = _this.state,
+        fileList = _this$state9.fileList,
+        uploadPercent = _this$state9.uploadPercent,
+        defaultList = _this$state9.defaultList;
+      var onUploadRemove = _this.props.onUploadRemove;
+      if (typeof onUploadRemove === 'function') {
+        onUploadRemove(file);
+      }
+      var uploaderFile = _this.webuploader.getFiles().find(function (item) {
+        return item.id === file.id;
+      });
+      if (uploaderFile) {
+        _this.webuploader.removeFile(file.id);
+      }
+      _this.setState({
+        uploadPercent: uploadPercent.filter(function (item) {
+          return file.id !== item.id;
+        }),
+        fileList: fileList.filter(function (item) {
+          return file.id !== item.id;
+        }),
+        defaultList: defaultList.filter(function (item) {
+          return file.id !== item.id;
+        })
+      }, function () {
+        _this._onChange();
+      });
+    };
+    //#endregion
+    //#region 所有事件监听
+    /**
+     * webuploader事件监听
+     */
+    _this._listenWebuploader = function () {
+      if (!_this.webuploader) {
+        return;
+      }
+      //加入上传队列前
+      _this.webuploader.on('beforeFileQueued', _this._beforeFileQueued);
+      //选择文件不匹配
+      _this.webuploader.on('error', _this._error);
+      //添加资源进队列中
+      _this.webuploader.on('filesQueued', _this._filesQueued);
+      //开始上传前
+      _this.webuploader.on('uploadBeforeSend', _this._uploadBeforeSend);
+      //开始上传
+      _this.webuploader.on('startUpload', _this._startUpload);
+      //上传文件进度条
+      _this.webuploader.on('uploadProgress', _this._uploadProgress);
+      //上传成功
+      _this.webuploader.on('uploadSuccess', _this._uploadSuccess);
+      //上传失败
+      _this.webuploader.on('uploadError', _this._uploadError);
+      //所有文件上传结束
+      _this.webuploader.on('uploadFinished', _this._uploadFinished);
+    };
+    /**
+     * 加入上传队列前
+     * @param {Object} file File对象
+     */
+    _this._beforeFileQueued = function (file) {
+      var _this$state0 = _this.state,
+        acceptTypes = _this$state0.acceptTypes,
+        defaultList = _this$state0.defaultList;
+      var _this$props10 = _this.props,
+        selfServer = _this$props10.selfServer,
+        fileNum = _this$props10.fileNum;
+      var accept = _this.uploaderInfo.accept;
+      var ifAccept = true;
+      if (!selfServer && !_this._checkFinish()) {
+        var _this$props$textLocal0;
+        UMessageBox.msgBox({
+          msg: "".concat((_this$props$textLocal0 = _this.props.textLocale) === null || _this$props$textLocal0 === void 0 ? void 0 : _this$props$textLocal0.uploading),
+          iconType: 'info',
+          duration: 1500
+        });
+        ifAccept = false;
+      } else if (!_this._checkReupload() && fileNum && _this.nowQueueNum + defaultList.length >= fileNum) {
+        var _this$props$textLocal1, _this$props$textLocal10;
+        UMessageBox.msgBox({
+          msg: "".concat((_this$props$textLocal1 = _this.props.textLocale) === null || _this$props$textLocal1 === void 0 ? void 0 : _this$props$textLocal1.youAdded).concat(fileNum).concat((_this$props$textLocal10 = _this.props.textLocale) === null || _this$props$textLocal10 === void 0 ? void 0 : _this$props$textLocal10.files),
+          iconType: 'info',
+          duration: 1500
+        });
+        ifAccept = false;
+      } else if (accept && !acceptTypes.some(function (item) {
+        return file.name.toLowerCase().endsWith(item.toLowerCase());
+      })) {
+        var _this$props$textLocal11, _this$props$textLocal12;
+        //只要是acceptTypes允许的类型，不论大小写的都允许上传
+        UMessageBox.msgBox({
+          msg: "".concat((_this$props$textLocal11 = _this.props.textLocale) === null || _this$props$textLocal11 === void 0 ? void 0 : _this$props$textLocal11.pleaseSelect).concat(acceptTypes.join('、')).concat((_this$props$textLocal12 = _this.props.textLocale) === null || _this$props$textLocal12 === void 0 ? void 0 : _this$props$textLocal12.fileType),
+          iconType: 'info',
+          duration: 1500
+        });
+        ifAccept = false;
+      } else if (getByteLength(file.name) > 234) {
+        var _this$props$textLocal13;
+        /**
+         * window环境不能超过236个字  linux环境不能超过255个字节
+         * 又因为分包上传会自动加2个字节  因此统一判断不超过234个字节
+         */
+        UMessageBox.msgBox({
+          msg: (_this$props$textLocal13 = _this.props.textLocale) === null || _this$props$textLocal13 === void 0 ? void 0 : _this$props$textLocal13.fileNameTooLong,
+          iconType: 'info',
+          duration: 1500
+        });
+        ifAccept = false;
+      }
+      var onBeforeFileQueued = _this.props.onBeforeFileQueued;
+      if (typeof onBeforeFileQueued === 'function') {
+        var result = onBeforeFileQueued(file, ifAccept);
+        ifAccept = typeof result === 'boolean' ? result : ifAccept;
+      }
+      if (ifAccept) {
+        _this.nowQueueNum++;
+      }
+      return ifAccept;
+    };
+    /**
+     * 文件选择后错误判断
+     * @param {String} type 错误类型
+     */
+    _this._error = function (type) {
+      var _this$uploaderInfo = _this.uploaderInfo,
+        fileSingleSizeLimit = _this$uploaderInfo.fileSingleSizeLimit,
+        fileSizeLimit = _this$uploaderInfo.fileSizeLimit,
+        accept = _this$uploaderInfo.accept;
+      if (accept && type === 'Q_TYPE_DENIED') {
+        var _this$props$textLocal14, _this$props$textLocal15;
+        var acceptTypes = _this.state.acceptTypes;
+        UMessageBox.msgBox({
+          msg: "".concat((_this$props$textLocal14 = _this.props.textLocale) === null || _this$props$textLocal14 === void 0 ? void 0 : _this$props$textLocal14.pleaseSelect).concat(acceptTypes.join('、')).concat((_this$props$textLocal15 = _this.props.textLocale) === null || _this$props$textLocal15 === void 0 ? void 0 : _this$props$textLocal15.fileType),
+          iconType: 'info',
+          duration: 1500
+        });
+        return;
+      }
+      if (fileSizeLimit && type === 'Q_EXCEED_SIZE_LIMIT') {
+        var _this$props$textLocal16;
+        UMessageBox.msgBox({
+          msg: "".concat((_this$props$textLocal16 = _this.props.textLocale) === null || _this$props$textLocal16 === void 0 ? void 0 : _this$props$textLocal16.fileAddedExceed).concat(fileSizeLimit / 1024 / 1024, "M"),
+          iconType: 'info',
+          duration: 1500
+        });
+        return;
+      }
+      if (fileSingleSizeLimit && type === 'F_EXCEED_SIZE') {
+        var _this$props$textLocal17, _this$props$textLocal18;
+        UMessageBox.msgBox({
+          msg: "".concat((_this$props$textLocal17 = _this.props.textLocale) === null || _this$props$textLocal17 === void 0 ? void 0 : _this$props$textLocal17.fileTooLarge).concat(fileSingleSizeLimit / 1024 / 1024, "M").concat((_this$props$textLocal18 = _this.props.textLocale) === null || _this$props$textLocal18 === void 0 ? void 0 : _this$props$textLocal18.mFile, " "),
+          iconType: 'info',
+          duration: 1500
+        });
+        return;
+      }
+      if (type === 'F_DUPLICATE') {
+        var _this$props$textLocal19;
+        UMessageBox.msgBox({
+          msg: "".concat((_this$props$textLocal19 = _this.props.textLocale) === null || _this$props$textLocal19 === void 0 ? void 0 : _this$props$textLocal19.selectAnotherFile),
+          iconType: 'info',
+          duration: 1500
+        });
+        return;
+      }
+    };
+    /**
+     * 获取文件图标
+     */
+    _this._getFileIcon = function (name) {
+      if (!name || typeof name !== 'string') {
+        return '';
+      }
+      var extName = name.substring(name.lastIndexOf('.') + 1).toLowerCase();
+      switch (extName) {
+        case 'xls':
+        case 'xlsx':
+          return excelIcon;
+        case 'ppt':
+        case 'pptx':
+          return pptIcon;
+        case 'docx':
+        case 'doc':
+          return wordIcon;
+        case 'exe':
+          return exeIcon;
+        case 'pdf':
+          return pdfIcon;
+        case 'txt':
+          return txtIcon;
+        case 'zip':
+        case 'tar':
+        case '7z':
+        case 'gz':
+        case 'rar':
+          return zipIcon;
+        default:
+          return '';
+      }
+    };
+    _this._getMakeThumb = function (files) {
+      var allNum = files.length;
+      var nowFileList = [];
+      files.forEach(function (file) {
+        //获取缩略图
+        _this.webuploader.makeThumb(file, function (error, ret) {
+          var thumb = !error ? ret : _this._getFileIcon(file.name); //缩略图
+          var fileObj = {
+            id: file.id,
+            name: file.name,
+            thumb: thumb,
+            type: file.type,
+            file: file,
+            form: 'file'
+          };
+          nowFileList.push(fileObj);
+          console.log('fileObj ==>', fileObj);
+          //所有资源都已获取缩略图  进行下一步操作
+          if (nowFileList.length === allNum) {
+            var _this$props11 = _this.props,
+              onFilesQueued = _this$props11.onFilesQueued,
+              auto = _this$props11.auto;
+            if (typeof onFilesQueued === 'function') {
+              onFilesQueued(nowFileList);
+            }
+            _this.setState({
+              fileList: [].concat(_toConsumableArray(_this.state.fileList), nowFileList)
+            }, function () {
+              _this._onChange();
+              if (typeof auto === 'boolean' && auto) {
+                _this.startUpload();
+              }
+            });
+          }
+        }, 1, 1);
+      });
+    };
+    /**
+     * 添加资源进队列中
+     * @param {Array} files 一次性加入的所有File对象
+     */
+    _this._filesQueued = function (files) {
+      _this.nowQueueNum = 0;
+      /** 存在重新上传按钮 且 允许个数为1时，选择新资源时，需要自动删除历史图片 */
+      if (_this._checkReupload()) {
+        var _this$state1 = _this.state,
+          fileList = _this$state1.fileList,
+          defaultList = _this$state1.defaultList;
+        [].concat(_toConsumableArray(defaultList), _toConsumableArray(fileList)).forEach(function (item) {
+          _this._removeFile(item);
+        });
+        _this.setState({
+          fileList: [],
+          defaultList: []
+        }, function () {
+          _this._getMakeThumb(files);
+        });
+      } else {
+        _this._getMakeThumb(files);
+      }
+    };
+    /**
+     * 开始上传前
+     * @param {Object} object  webuploader实例对象
+     * @param {Object} data    上传参数
+     * @param {Object} headers 上传接口头部
+     */
+    _this._uploadBeforeSend = function (object, data, headers) {
+      //上传到SW服务器
+      var selfServer = _this.props.selfServer;
+      if (!selfServer) {
+        var filePath = _this.swServer.filePath;
+        //扩展文件参数
+        data.fileName = data.name;
+        data.filePath = filePath;
+        data.uploadTaskId = _this.uploadTaskIds[data.id];
+        //扩展头部
+        headers.authorization = _this._getAuthorization();
+      }
+      var onUploadBeforeSend = _this.props.onUploadBeforeSend;
+      if (typeof onUploadBeforeSend === 'function') {
+        onUploadBeforeSend(object, data, headers);
+      }
+    };
+    /**
+     * 开始上传
+     */
+    _this._startUpload = function () {
+      var selfServer = _this.props.selfServer;
+      var _this$state10 = _this.state,
+        fileList = _this$state10.fileList,
+        uploadPercent = _this$state10.uploadPercent;
+      if (!selfServer) {
+        //初始化各文件上传进度
+        var newUploadPercent = fileList.map(function (item) {
+          var agoPercent = uploadPercent.find(function (ago) {
+            return ago.id === item.id && ago.status === 'success';
+          });
+          if (agoPercent) {
+            return agoPercent;
+          }
+          return {
+            name: item.name,
+            id: item.id,
+            percent: 0,
+            status: 'active',
+            renson: ''
+          };
+        });
+        _this.setState({
+          uploadPercent: newUploadPercent
+        });
+      }
+    };
+    /**
+     * 上传文件进度条
+     * @param {Object} file File对象
+     * @param {Number} percentage 上传进度
+     */
+    _this._uploadProgress = function (file, percentage) {
+      var selfServer = _this.props.selfServer;
+      if (!selfServer) {
+        var final = (percentage * 100).toFixed(0);
+        _this._changPercent(file.id, {
+          percent: final
+        });
+      }
+      var onUploadProgress = _this.props.onUploadProgress;
+      if (typeof onUploadProgress === 'function') {
+        onUploadProgress(file, percentage);
+      }
+    };
+    /**
+     * 上传成功
+     * @param {Object} file File对象
+     * @param {Object} res 服务端返回的数据
+     */
+    _this._uploadSuccess = function (file, res) {
+      var selfServer = _this.props.selfServer;
+      if (!selfServer) {
+        var _this$swServer3 = _this.swServer,
+          filePath = _this$swServer3.filePath,
+          mergeInfo = _this$swServer3.mergeInfo,
+          isHasCover = _this$swServer3.isHasCover,
+          _agent4 = _this$swServer3.agent;
+        if (res.errCode !== 0) {
+          _this._changPercent(file.id, {
+            status: 'exception',
+            percent: 100
+          });
+          console.error('upload error ==>', file, res);
+          return;
+        }
+        var params = _objectSpread(_objectSpread({}, {
+          uploadTaskId: _this.uploadTaskIds[file.id],
+          fileName: file.name,
+          filePath: filePath,
+          description: file.name,
+          iconName: '',
+          iconPath: '',
+          isHasCover: isHasCover
+        }), mergeInfo);
+        //上传之后需要手动调用文件合并接口
+        fileMerge(_agent4, params, _this._getAuthorization()).then(function (_ref8) {
+          var data = _ref8.data;
+          if (data && 0 === data.errCode) {
+            var percentInfo = {
+              status: 'success',
+              percent: 100
+            };
+            if (data.result) {
+              var _data$result = data.result,
+                prefixPath = _data$result.prefixPath,
+                _path2 = _data$result.path,
+                name = _data$result.name;
+              percentInfo = _objectSpread(_objectSpread({}, percentInfo), {}, {
+                thumb: "".concat(prefixPath).concat(_path2).concat(name)
+              });
+            }
+            _this._changPercent(file.id, percentInfo);
+          } else {
+            var _this$props$textLocal20;
+            _this._changPercent(file.id, {
+              status: 'exception',
+              percent: 100,
+              renson: data.errMsg || "".concat((_this$props$textLocal20 = _this.props.textLocale) === null || _this$props$textLocal20 === void 0 ? void 0 : _this$props$textLocal20.uploadFail)
+            });
+            console.error('fileMerge ==>', file, data);
+          }
+        }).catch(function (err) {
+          var _this$props$textLocal21;
+          _this._changPercent(file.id, {
+            status: 'exception',
+            percent: 100,
+            renson: "".concat((_this$props$textLocal21 = _this.props.textLocale) === null || _this$props$textLocal21 === void 0 ? void 0 : _this$props$textLocal21.uploadFail)
+          });
+          console.error('file merge ==>', file, err);
+        });
+      } else {
+        _this._uploadResolve(true);
+      }
+      var onUploadSuccess = _this.props.onUploadSuccess;
+      if (typeof onUploadSuccess === 'function') {
+        onUploadSuccess(file, res);
+      }
+    };
+    /**
+     * startUploadPromise之后 回调
+     * @param {Boolean} flag 上传成功或失败
+     */
+    _this._uploadResolve = function (flag) {
+      if (_this.uploadResolveFun.current) {
+        _this.uploadResolveFun.current(flag);
+        _this.uploadResolveFun.current = null;
+      }
+    };
+    /**
+     * 上传失败
+     * @param {Object} file File对象
+     * @param {String} reason 出错的code
+     */
+    _this._uploadError = function (file, reason) {
+      var selfServer = _this.props.selfServer;
+      if (!selfServer) {
+        var _this$props$textLocal22;
+        _this._changPercent(file.id, {
+          status: 'exception',
+          renson: "".concat((_this$props$textLocal22 = _this.props.textLocale) === null || _this$props$textLocal22 === void 0 ? void 0 : _this$props$textLocal22.uploadFail)
+        });
+      } else {
+        _this._uploadResolve(false);
+      }
+      console.error('upload error ==>', file, reason);
+      var onUploadError = _this.props.onUploadError;
+      if (typeof onUploadError === 'function') {
+        onUploadError(file, reason);
+      }
+    };
+    /**
+     * 所有文件上传结束
+     */
+    _this._uploadFinished = function () {
+      var selfServer = _this.props.selfServer;
+      if (!selfServer) {
+        return;
+      }
+      _this.uploadFinishFunc(_this.state.fileList);
+    };
+    _this.state = {
+      uploadPercent: [],
+      //各文件的上传进度  [{id, percent, status}]
+      defaultList: [],
+      //根据props.value、props.defaultList获取的已上传的历史文件列表
+      fileList: [],
+      //待上传的文件列表
+      acceptTypes: _this._getFileTypes(props) //允许的文件类型
+    };
+    //默认上传SW服务器的配置信息
+    _this.swServer = null;
+    //选择文件的按钮容器
+    _this.domId = _getGuid();
+    //上传状态status有： active==>上传中  exception==>上传失败  success==>上传成功
+    //webuploader实例参数
+    _this.uploaderInfo = null;
+    //每一个文件对应一个taskid
+    _this.uploadTaskIds = {};
+    //webuploader实例
+    _this.webuploader = null;
+    //上传结束后回调
+    _this.uploadFinishFunc = function () {
+      return console.log('上传文件结束');
+    };
+    //一次性加入webuploader队列的文件个数
+    _this.nowQueueNum = 0;
+    _this.uploadResolveFun = /*#__PURE__*/createRef();
+    _this.waitDeleteList = [];
+    return _this;
+  }
+  _inherits(UploadFile, _React$Component);
+  return _createClass(UploadFile, [{
+    key: "render",
+    value:
+    //#endregion
+    function render() {
+      return null;
+    }
+  }]);
+}(React.Component);
+export default UploadFile;