@panpanzhao/component-ui 1.24.1119 → 1.24.1217

package/lib/components/form-input.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 71);
+/******/ 	return __webpack_require__(__webpack_require__.s = 75);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -265,108 +265,703 @@ module.exports = require("element-ui/lib/radio");
 module.exports = require("element-ui/lib/cascader");
 
 /***/ }),
-/* 36 */,
+/* 36 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return uploadFile; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return mergeChunk; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return checkFile; });
+/**
+ * [uploadFile] - 上传切片参数
+ * @param fileHash 文件hash，String
+ * @param fileSize 文件大小，Number
+ * @param fileName 文件名称，String
+ * @param index 多文件上传中的所在index，number
+ * @param chunkFile 切片文件本身，File || Blob || void
+ * @param chunkHash 切片文件hash，String
+ * @param chunkSize 分片大小，Number
+ * @param chunkNumber 切片总数量，Number
+ * @param finish 是否上传完成，可选参数，Boolean
+ */
+
+// 上传单个切片
+function uploadFile(data, _ref) {
+  var onCancel = _ref.onCancel,
+    service = _ref.service;
+  var controller = new AbortController();
+  var signal = controller.signal; // 获取 signal 对象
+  // 封装 axios 请求或 HTTP 客户端请求
+  var request = service({
+    url: "/tengine/dfs/bigStorage/upload",
+    method: "post",
+    data: data,
+    headers: {
+      Content_Type: "application/x-www-form-urlencoded"
+    },
+    signal: signal // 将 signal 传递给服务函数
+  });
+  // 如果提供了 onCancel 回调，则传递取消函数
+  if (typeof onCancel === "function") {
+    // 如果是一个函数，则直接调用传一个取消方法给 这个方法
+    // 所以只要传进来是方法，就会直接传一个参数并直接触发这个函数
+    // 那传过来的这个方法就会接收到一个参数（就是取消函数() => controller.abort()）
+    // 在调用uploadFile就可以拿到这个参数
+    onCancel(function () {
+      return controller.abort();
+    }); // 调用 onCancel 时传入取消函数
+  }
+  return request;
+}
+
+/**
+ * [mergeChunk] - 合并切片
+ * @param chunkSize 分片大小，Number
+ * @param fileName 文件名称，String
+ * @param fileSize 文件大小，Number
+ */
+
+// 合并所有切片
+function mergeChunk(data, _ref2) {
+  var service = _ref2.service;
+  return service({
+    url: "/tengine/dfs/bigStorage/merge",
+    method: "post",
+    data: {
+      fileMd5: data.fileHash,
+      fsign: data.fsign,
+      fileName: data.fileName,
+      fileSize: data.fileSize,
+      busiType: data.busiType
+    }
+  });
+}
+
+/**
+ * [checkFile] - 检查文件是否存在
+ * @param fileHash 文件hash，String
+ * @param fileName 文件名称，String
+ */
+
+// 检查文件是否存在
+function checkFile(data, _ref3) {
+  var service = _ref3.service;
+  return service({
+    url: "/tengine/dfs/bigStorage/checkChunk",
+    method: "post",
+    data: {
+      fileMd5: data.fileHash,
+      fileName: data.fileName,
+      busiType: data.busiType
+    },
+    headers: {
+      Content_Type: "application/x-www-form-urlencoded"
+    }
+  });
+}
+
+/***/ }),
 /* 37 */,
 /* 38 */,
-/* 39 */
+/* 39 */,
+/* 40 */
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/input-number");
 
 /***/ }),
-/* 40 */
+/* 41 */
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/select");
 
 /***/ }),
-/* 41 */
+/* 42 */
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/option");
 
 /***/ }),
-/* 42 */
+/* 43 */
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/option-group");
 
 /***/ }),
-/* 43 */
+/* 44 */
 /***/ (function(module, exports) {
 
 module.exports = require("@panpanzhao/component-ui/lib/components/tree-line");
 
 /***/ }),
-/* 44 */
+/* 45 */
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/radio-group");
 
 /***/ }),
-/* 45 */
+/* 46 */
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/radio-button");
 
 /***/ }),
-/* 46 */
+/* 47 */
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/checkbox-group");
 
 /***/ }),
-/* 47 */
+/* 48 */
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/checkbox");
 
 /***/ }),
-/* 48 */
+/* 49 */
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/checkbox-button");
 
 /***/ }),
-/* 49 */
+/* 50 */
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/date-picker");
 
 /***/ }),
-/* 50 */
+/* 51 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* WEBPACK VAR INJECTION */(function(__webpack__worker__0) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return LargeUpload; });
+/* harmony import */ var _remote_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(36);
+/* harmony import */ var js_md5__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(52);
+/* harmony import */ var js_md5__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(js_md5__WEBPACK_IMPORTED_MODULE_1__);
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate 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 _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == typeof h && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(typeof e + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+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 _classPrivateFieldLooseBase(receiver, privateKey) { if (!Object.prototype.hasOwnProperty.call(receiver, privateKey)) { throw new TypeError("attempted to use private field on non-instance"); } return receiver; }
+var id = 0;
+function _classPrivateFieldLooseKey(name) { return "__private_" + id++ + "_" + name; }
+
+
+var _useWorker = /*#__PURE__*/_classPrivateFieldLooseKey("useWorker");
+var _finishTask = /*#__PURE__*/_classPrivateFieldLooseKey("finishTask");
+var _handleMerge = /*#__PURE__*/_classPrivateFieldLooseKey("handleMerge");
+var _signleFileProgress = /*#__PURE__*/_classPrivateFieldLooseKey("signleFileProgress");
+var _uploadSignleFile = /*#__PURE__*/_classPrivateFieldLooseKey("uploadSignleFile");
+var LargeUpload = /*#__PURE__*/function () {
+  function LargeUpload(fileObj, options, callBack) {
+    // 单个文件上传
+    Object.defineProperty(this, _uploadSignleFile, {
+      value: _uploadSignleFile2
+    });
+    // 更新单个文件进度条
+    Object.defineProperty(this, _signleFileProgress, {
+      value: _signleFileProgress2
+    });
+    // 调取合并接口处理所有切片
+    Object.defineProperty(this, _handleMerge, {
+      value: _handleMerge2
+    });
+    // 设置单个文件上传已完成
+    Object.defineProperty(this, _finishTask, {
+      value: _finishTask2
+    });
+    // 生成文件 hash（web-worker）
+    Object.defineProperty(this, _useWorker, {
+      value: _useWorker2
+    });
+    var request = options.request,
+      uploadFileList = options.uploadFileList,
+      _chunkSize = options.chunkSize,
+      maxRequest = options.maxRequest,
+      _busiType = options.busiType,
+      batchMaxCount = options.batchMaxCount;
+    this.fileObj = fileObj;
+    this.request = request;
+    this.uploadFileList = uploadFileList;
+    this.chunkSize = _chunkSize;
+    this.busiType = _busiType;
+    this.maxRequest = maxRequest || 6;
+    this.batchMaxCount = batchMaxCount || 6;
+    this.onUploadProgress = callBack == null ? void 0 : callBack.onUploadProgress;
+    this.onUploadFinish = callBack == null ? void 0 : callBack.onUploadFinish;
+    this.onUploadError = callBack == null ? void 0 : callBack.onUploadError;
+  }
+  // 取消单个
+  var _proto = LargeUpload.prototype;
+  _proto.cancelSingle =
+  /*#__PURE__*/
+  function () {
+    var _cancelSingle = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            this.pauseUpload(true);
+            //情况所有需要上传的分片
+            this.fileObj.allChunkList = [];
+            // 取消上传后列表删除该文件
+            // const list = uploadFileList.filter((itemB) => itemB.fileHash !== this.fileObj.fileHash);
+            // uploadFileList = list;
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, this);
+    }));
+    function cancelSingle() {
+      return _cancelSingle.apply(this, arguments);
+    }
+    return cancelSingle;
+  }() // 暂停上传（是暂停剩下未上传的）
+  ;
+  _proto.pauseUpload = function pauseUpload(elsePause, error) {
+    if (elsePause === void 0) {
+      elsePause = true;
+    }
+    // elsePause为true就是主动暂停，为false就是请求中断
+    // 4是成功 6是失败  如果不是成功或者失败状态，
+    if (![200, 500].includes(this.fileObj.state)) {
+      // 3是暂停，5是中断
+      if (elsePause) {
+        this.fileObj.state = 30;
+      } else {
+        this.fileObj.state = 50;
+      }
+    }
+    this.fileObj.errNumber = 0;
+
+    // 取消还在请求中的所有接口
+    if (this.fileObj.whileRequests.length > 0) {
+      for (var _iterator = _createForOfIteratorHelperLoose(this.fileObj.whileRequests), _step; !(_step = _iterator()).done;) {
+        var itemB = _step.value;
+        itemB.cancel ? itemB.cancel() : "";
+      }
+    }
+    if (typeof this.onUploadError === "function") {
+      this.onUploadError(error || new Error("上传失败"));
+    }
+  }
+  // 继续上传
+  ;
+  _proto.resumeUpload = function resumeUpload() {
+    var _this$fileObj$allChun;
+    // 2为上传中
+    this.fileObj.state = 100;
+    // 把刚才暂停的正在上传中所有切片放到待上传切片列表中
+    (_this$fileObj$allChun = this.fileObj.allChunkList).push.apply(_this$fileObj$allChun, this.fileObj.whileRequests);
+    this.fileObj.whileRequests = [];
+    _classPrivateFieldLooseBase(this, _uploadSignleFile)[_uploadSignleFile]();
+  }
+  // 开始上传事件
+  ;
+  _proto.hanldeUploadFile =
+  /*#__PURE__*/
+  function () {
+    var _hanldeUploadFile = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      var _this = this;
+      var _yield$_classPrivateF, fileHash, fileChunkList, baseName, lastIndex, res, skipUpload, uploadedChunks;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.prev = 0;
+            this.fileObj.state = 10,
+            // 0是什么都不做,1文件处理中,2是上传中,3是暂停,4是上传完成,5上传中断，6是上传失败
+            this.fileObj.fileHash = "", this.fileObj.fileName = this.fileObj.name, this.fileObj.fileSize = this.fileObj.size, this.fileObj.allChunkList = [],
+            // 所有请求的数据
+            this.fileObj.whileRequests = [],
+            // 正在请求中的请求个数,目前是要永远都保存请求个数为6
+            this.fileObj.finishNumber = 0,
+            //请求完成的个数
+            this.fileObj.errNumber = 0,
+            // 报错的个数,默认是0个,超多3个就是直接上传中断
+            this.fileObj.percentage = 0,
+            // 单个文件上传进度条
+            this.fileObj.cancel = null,
+            // 用于取消切片上传接口
+            this.fileObj.busiType = this.busiType, this.fileObj.resume = this.resumeUpload.bind(this),
+            //用于重新上传
+            this.fileObj.cancel = this.cancelSingle.bind(this); //用于取消上传
+            if (this.fileObj.size === 0) {
+              // 文件大小为0直接上传失败
+              this.fileObj.state = 500;
+              // 上传中断
+              this.pauseUpload(false, new Error("文件大小为0"));
+            }
+            console.log("文件开始解析");
+
+            // 计算文件hash
+            _context2.next = 6;
+            return _classPrivateFieldLooseBase(this, _useWorker)[_useWorker](this.fileObj.raw || this.fileObj.file.raw);
+          case 6:
+            _yield$_classPrivateF = _context2.sent;
+            fileHash = _yield$_classPrivateF.fileHash;
+            fileChunkList = _yield$_classPrivateF.fileChunkList;
+            console.log(fileHash, "文件hash计算完成");
+
+            // 解析完成开始上传文件
+            baseName = ""; // 查找'.'在fileName中最后出现的位置
+            lastIndex = this.fileObj.name.lastIndexOf("."); // 如果'.'不存在，则返回整个文件名
+            if (lastIndex === -1) {
+              baseName = this.fileObj.name;
+            }
+            // 否则，返回从fileName开始到'.'前一个字符的子串作为文件名（不包含'.'）
+            baseName = "_" + Object(js_md5__WEBPACK_IMPORTED_MODULE_1__["md5"])(this.fileObj.name.slice(0, lastIndex));
+            // 这里要注意！可能同一个文件，是复制出来的，出现文件名不同但是内容相同，导致获取到的hash值也是相同的
+            // 所以文件hash要特殊处理
+            this.fileObj.fileHash = "" + fileHash + baseName;
+            this.fileObj.fsign = fileHash;
+            this.fileObj.state = 100;
+            // console.log(uploadFileList.value, 'uploadFileList.value')
+            // 上传之前要检查服务器是否存在该文件
+            _context2.next = 19;
+            return Object(_remote_js__WEBPACK_IMPORTED_MODULE_0__[/* checkFile */ "a"])({
+              fileHash: "" + fileHash + baseName,
+              fileName: this.fileObj.name,
+              busiType: this.fileObj.busiType
+            }, {
+              service: this.request
+            });
+          case 19:
+            res = _context2.sent;
+            skipUpload = res.skipUpload, uploadedChunks = res.uploadedChunks;
+            if (skipUpload) {
+              _context2.next = 25;
+              break;
+            }
+            //this.#finishTask(fileObj)
+            _classPrivateFieldLooseBase(this, _handleMerge)[_handleMerge]();
+            console.log("文件已存在，实现秒传");
+            return _context2.abrupt("return", false);
+          case 25:
+            this.fileObj.allChunkList = fileChunkList.map(function (item, index) {
+              return {
+                // 总文件hash
+                fileHash: "" + fileHash + baseName,
+                // 总文件size
+                fileSize: _this.fileObj.size,
+                // 总文件name
+                fileName: _this.fileObj.name,
+                index: index,
+                // 切片文件本身
+                chunkFile: item.chunkFile,
+                // 单个切片hash,以 - 连接
+                chunkHash: "" + fileHash + baseName + "-" + index,
+                // 切片文件大小
+                chunkSize: _this.chunkSize,
+                // 切片个数
+                chunkNumber: fileChunkList.length,
+                // 切片是否已经完成
+                finish: false
+              };
+            });
+
+            // 如果已存在部分文件切片，则要过滤调已经上传的切片
+            if (!((uploadedChunks == null ? void 0 : uploadedChunks.length) > 0)) {
+              _context2.next = 35;
+              break;
+            }
+            // 过滤掉已经上传过的切片
+            this.fileObj.allChunkList = this.fileObj.allChunkList.filter(function (item) {
+              return !uploadedChunks.includes(item.chunkHash);
+              // return !uploadedChunks.includes(String(item.index));
+            });
+
+            // 如果存在需要上传的，但是又为空，可能是因为还没合并，
+            if (this.fileObj.allChunkList.length) {
+              _context2.next = 34;
+              break;
+            }
+            _context2.next = 31;
+            return _classPrivateFieldLooseBase(this, _handleMerge)[_handleMerge]();
+          case 31:
+            return _context2.abrupt("return", false);
+          case 34:
+            // 同时要注意处理切片数量
+            this.fileObj.allChunkList = this.fileObj.allChunkList.map(function (item) {
+              return _extends({}, item, {
+                chunkNumber: _this.fileObj.allChunkList.length
+              });
+            });
+          case 35:
+            // 逐步对单个文件进行切片上传
+            _classPrivateFieldLooseBase(this, _uploadSignleFile)[_uploadSignleFile]();
+            _context2.next = 42;
+            break;
+          case 38:
+            _context2.prev = 38;
+            _context2.t0 = _context2["catch"](0);
+            console.log(_context2.t0);
+            this.pauseUpload(false, _context2.t0);
+          case 42:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, this, [[0, 38]]);
+    }));
+    function hanldeUploadFile() {
+      return _hanldeUploadFile.apply(this, arguments);
+    }
+    return hanldeUploadFile;
+  }();
+  return LargeUpload;
+}();
+function _useWorker2(file) {
+  var _this2 = this;
+  return new Promise(function (resolve) {
+    // const worker = new Worker(new URL("./hash-worker.js", import.meta.url), {
+    //   type: "module",
+    // });
+    var worker = new Worker(__webpack__worker__0, undefined);
+    worker.postMessage({
+      file: file,
+      chunkSize: _this2.chunkSize
+    });
+    worker.onmessage = function (e) {
+      var _e$data = e.data,
+        fileHash = _e$data.fileHash,
+        fileChunkList = _e$data.fileChunkList;
+      if (fileHash) {
+        resolve({
+          fileHash: fileHash,
+          fileChunkList: fileChunkList
+        });
+      }
+    };
+  });
+}
+function _finishTask2() {
+  // 200是上传完成
+  // this.fileObj.state = 200;
+  if (typeof this.onUploadProgress === "function") {
+    this.onUploadProgress({
+      percentage: 100
+    });
+    return false;
+  }
+  this.fileObj.percentage = 100;
+}
+function _handleMerge2() {
+  return _handleMerge3.apply(this, arguments);
+}
+function _handleMerge3() {
+  _handleMerge3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+    var _this$fileObj, fileName, fileHash, fsign, fileSize, busiType, res;
+    return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          _this$fileObj = this.fileObj, fileName = _this$fileObj.fileName, fileHash = _this$fileObj.fileHash, fsign = _this$fileObj.fsign, fileSize = _this$fileObj.fileSize, busiType = _this$fileObj.busiType;
+          _context4.prev = 1;
+          _context4.next = 4;
+          return Object(_remote_js__WEBPACK_IMPORTED_MODULE_0__[/* mergeChunk */ "b"])({
+            fileName: fileName,
+            fileHash: fileHash,
+            fsign: fsign,
+            fileSize: fileSize,
+            busiType: busiType
+          }, {
+            service: this.request
+          });
+        case 4:
+          res = _context4.sent;
+          // 设置文件上传状态
+          _classPrivateFieldLooseBase(this, _finishTask)[_finishTask]();
+          console.log("文件合并成功！");
+          // 最后赋值文件切片上传完成个数为0
+          this.fileObj.finishNumber = 0;
+          this.onUploadFinish(res);
+          return _context4.abrupt("return", res);
+        case 12:
+          _context4.prev = 12;
+          _context4.t0 = _context4["catch"](1);
+          this.pauseUpload(false, _context4.t0);
+          console.log("文件合并失败！");
+          // 最后赋值文件切片上传完成个数为0
+          this.fileObj.finishNumber = 0;
+          this.onUploadError(_context4.t0);
+          return _context4.abrupt("return", null);
+        case 19:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4, this, [[1, 12]]);
+  }));
+  return _handleMerge3.apply(this, arguments);
+}
+function _signleFileProgress2(needObj) {
+  // 即使是超时请求也是会频繁的返回上传进度的,所以只能写成完成一片就添加它所占百分之多少,否则会造成误会
+  var percentage = Number((this.fileObj.finishNumber / needObj.chunkNumber * 100).toFixed(2));
+  if (typeof this.onUploadProgress === "function") {
+    this.onUploadProgress({
+      percentage: percentage
+    });
+    return false;
+  }
+  this.fileObj.percentage = percentage;
+}
+function _uploadSignleFile2() {
+  var _this$fileObj$whileRe,
+    _this3 = this;
+  // 如果没有需要上传的切片 / 正在上传的切片还没传完，就不做处理
+  if (this.fileObj.allChunkList.length === 0 || this.fileObj.whileRequests.length > 0) {
+    return false;
+  }
+  // 找到文件处于处理中/上传中的 文件列表（是文件而不是切片）
+  var isTaskArrIng = this.uploadFileList.filter(function (itemB) {
+    return itemB.state === 10 || itemB.state === 100;
+  });
+
+  // 实时动态获取并发请求数,每次调请求前都获取一次最大并发数
+  // 浏览器同域名同一时间请求的最大并发数限制为6
+  // 例如如果有3个文件同时上传/处理中，则每个文件切片接口最多调 6 / 3 == 2个相同的接口
+  this.maxRequest = Math.ceil(this.batchMaxCount / isTaskArrIng.length);
+
+  // 从数组的末尾开始提取 maxRequest 个元素。
+  var whileRequest = this.fileObj.allChunkList.slice(-this.maxRequest);
+
+  // 设置正在请求中的个数
+  (_this$fileObj$whileRe = this.fileObj.whileRequests).push.apply(_this$fileObj$whileRe, whileRequest);
+  //  如果总请求数大于并发数
+  if (this.fileObj.allChunkList.length > this.maxRequest) {
+    // 则减去并发数
+    this.fileObj.allChunkList.splice(-this.maxRequest);
+  } else {
+    // 否则总请求数置空,说明已经把没请求的全部放进请求列表了，不需要做过多请求
+    this.fileObj.allChunkList = [];
+  }
+
+  // 单个分片请求
+  var uploadChunk = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(needObj) {
+      var fd, fileHash, fileSize, fileName, index, chunkFile, chunkHash, chunkSize, chunkNumber;
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            fd = new FormData();
+            fileHash = needObj.fileHash, fileSize = needObj.fileSize, fileName = needObj.fileName, index = needObj.index, chunkFile = needObj.chunkFile, chunkHash = needObj.chunkHash, chunkSize = needObj.chunkSize, chunkNumber = needObj.chunkNumber;
+            fd.append("fileHash", fileHash);
+            fd.append("fileSize", String(fileSize));
+            fd.append("fileName", fileName);
+            fd.append("index", String(index));
+            fd.append("chunkFile", chunkFile);
+            fd.append("chunkHash", chunkHash);
+            fd.append("chunkSize", String(chunkSize));
+            fd.append("chunkNumber", String(chunkNumber));
+            fd.append("fileMd5", fileHash);
+            fd.append("chunkIndex", String(index));
+            _context3.prev = 12;
+            _context3.next = 15;
+            return Object(_remote_js__WEBPACK_IMPORTED_MODULE_0__[/* uploadFile */ "c"])(fd, {
+              onCancel: function onCancel(onCancelFunc) {
+                // 在调用接口的同时，相当于同时调用了传入的这个函数，又能同时拿到返回的取消方法去赋值
+                needObj.cancel = onCancelFunc;
+              },
+              service: _this3.request
+            });
+          case 15:
+            if (!(_this3.fileObj.state === 30 || _this3.fileObj.state === 50)) {
+              _context3.next = 17;
+              break;
+            }
+            return _context3.abrupt("return", false);
+          case 17:
+            // 单个文件上传失败次数大于0则要减少一个
+            _this3.fileObj.errNumber > 0 ? _this3.fileObj.errNumber-- : 0;
+            // 单个文件切片上传成功数+1
+            _this3.fileObj.finishNumber++;
+            // 单个切片上传完成
+            needObj.finish = true;
+            _classPrivateFieldLooseBase(_this3, _signleFileProgress)[_signleFileProgress](needObj); // 更新进度条
+            // 上传成功了就删掉请求中数组中的那一片请求
+            _this3.fileObj.whileRequests = _this3.fileObj.whileRequests.filter(function (item) {
+              return item.chunkFile !== needObj.chunkFile;
+            });
+            // 如果单个文件最终成功数等于切片个数
+            if (_this3.fileObj.finishNumber === chunkNumber) {
+              // 全部上传完切片后就开始合并切片
+              _classPrivateFieldLooseBase(_this3, _handleMerge)[_handleMerge]();
+            } else {
+              // 如果还没完全上传完，则继续上传
+              _classPrivateFieldLooseBase(_this3, _uploadSignleFile)[_uploadSignleFile]();
+            }
+            _context3.next = 30;
+            break;
+          case 25:
+            _context3.prev = 25;
+            _context3.t0 = _context3["catch"](12);
+            // 请求异常,或者请求成功服务端返回报错都按单片上传失败逻辑处理,.then.catch的.catch是只能捕捉请求异常的
+            _this3.fileObj.errNumber++;
+            // 超过3次之后直接上传中断
+            if (_this3.fileObj.errNumber > 3) {
+              console.log("切片上传失败超过三次了");
+              _this3.pauseUpload(false, _context3.t0); // 上传中断
+            } else {
+              console.log("切片上传失败还没超过3次");
+              uploadChunk(needObj); // 失败了一片,继续当前分片请求
+            }
+            return _context3.abrupt("return", false);
+          case 30:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3, null, [[12, 25]]);
+    }));
+    return function uploadChunk(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  // 开始单个上传
+  for (var _iterator2 = _createForOfIteratorHelperLoose(whileRequest), _step2; !(_step2 = _iterator2()).done;) {
+    var item = _step2.value;
+    uploadChunk(item);
+  }
+}
+
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(70)))
+
+/***/ }),
+/* 52 */
+/***/ (function(module, exports) {
+
+module.exports = require("js-md5");
+
+/***/ }),
+/* 53 */
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/switch");
 
 /***/ }),
-/* 51 */
+/* 54 */
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/slider");
 
 /***/ }),
-/* 52 */
+/* 55 */
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/transfer");
 
 /***/ }),
-/* 53 */
+/* 56 */
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/time-picker");
 
 /***/ }),
-/* 54 */
+/* 57 */
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/upload");
 
 /***/ }),
-/* 55 */,
-/* 56 */,
-/* 57 */,
 /* 58 */,
 /* 59 */,
 /* 60 */,
@@ -379,8 +974,17 @@ module.exports = require("element-ui/lib/upload");
 /* 67 */,
 /* 68 */,
 /* 69 */,
-/* 70 */,
-/* 71 */
+/* 70 */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__.p + "0.worker.js"
+
+/***/ }),
+/* 71 */,
+/* 72 */,
+/* 73 */,
+/* 74 */,
+/* 75 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -555,7 +1159,7 @@ InputNumbervue_type_template_id_6c463d52_render._withStripped = true
 // CONCATENATED MODULE: ./src/components/form/src/item/InputNumber.vue?vue&type=template&id=6c463d52
 
 // EXTERNAL MODULE: external "element-ui/lib/input-number"
-var input_number_ = __webpack_require__(39);
+var input_number_ = __webpack_require__(40);
 var input_number_default = /*#__PURE__*/__webpack_require__.n(input_number_);
 
 // CONCATENATED MODULE: ./node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.9_webpack@4.47.0/node_modules/babel-loader/lib!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@2.1.1_lodash@4.17.21_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/item/InputNumber.vue?vue&type=script&lang=js
@@ -598,15 +1202,15 @@ var InputNumber_component = Object(componentNormalizer["a" /* default */])(
 
 /* harmony default export */ var InputNumber = (InputNumber_component.exports);
 // EXTERNAL MODULE: external "element-ui/lib/select"
-var select_ = __webpack_require__(40);
+var select_ = __webpack_require__(41);
 var select_default = /*#__PURE__*/__webpack_require__.n(select_);
 
 // EXTERNAL MODULE: external "element-ui/lib/option"
-var option_ = __webpack_require__(41);
+var option_ = __webpack_require__(42);
 var option_default = /*#__PURE__*/__webpack_require__.n(option_);
 
 // EXTERNAL MODULE: external "element-ui/lib/option-group"
-var option_group_ = __webpack_require__(42);
+var option_group_ = __webpack_require__(43);
 var option_group_default = /*#__PURE__*/__webpack_require__.n(option_group_);
 
 // CONCATENATED MODULE: ./node_modules/.pnpm/vue-loader@15.11.1_css-loader@2.1.1_lodash@4.17.21_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@2.1.1_lodash@4.17.21_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/item/SelectTree.vue?vue&type=template&id=0f44d547
@@ -702,7 +1306,7 @@ SelectTreevue_type_template_id_0f44d547_render._withStripped = true
 // CONCATENATED MODULE: ./src/components/form/src/item/SelectTree.vue?vue&type=template&id=0f44d547
 
 // EXTERNAL MODULE: external "@panpanzhao/component-ui/lib/components/tree-line"
-var tree_line_ = __webpack_require__(43);
+var tree_line_ = __webpack_require__(44);
 var tree_line_default = /*#__PURE__*/__webpack_require__.n(tree_line_);
 
 // CONCATENATED MODULE: ./node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.9_webpack@4.47.0/node_modules/babel-loader/lib!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@2.1.1_lodash@4.17.21_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/item/SelectTree.vue?vue&type=script&lang=js
@@ -1243,7 +1847,7 @@ var Select_component = Object(componentNormalizer["a" /* default */])(
 
 /* harmony default export */ var Select = (Select_component.exports);
 // EXTERNAL MODULE: external "element-ui/lib/radio-group"
-var radio_group_ = __webpack_require__(44);
+var radio_group_ = __webpack_require__(45);
 var radio_group_default = /*#__PURE__*/__webpack_require__.n(radio_group_);
 
 // EXTERNAL MODULE: external "element-ui/lib/radio"
@@ -1251,7 +1855,7 @@ var radio_ = __webpack_require__(31);
 var radio_default = /*#__PURE__*/__webpack_require__.n(radio_);
 
 // EXTERNAL MODULE: external "element-ui/lib/radio-button"
-var radio_button_ = __webpack_require__(45);
+var radio_button_ = __webpack_require__(46);
 var radio_button_default = /*#__PURE__*/__webpack_require__.n(radio_button_);
 
 // CONCATENATED MODULE: ./node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.9_webpack@4.47.0/node_modules/babel-loader/lib!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@2.1.1_lodash@4.17.21_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/item/Radio.vue?vue&type=script&lang=js
@@ -1446,15 +2050,15 @@ var Radio_component = Object(componentNormalizer["a" /* default */])(
 
 /* harmony default export */ var Radio = (Radio_component.exports);
 // EXTERNAL MODULE: external "element-ui/lib/checkbox-group"
-var checkbox_group_ = __webpack_require__(46);
+var checkbox_group_ = __webpack_require__(47);
 var checkbox_group_default = /*#__PURE__*/__webpack_require__.n(checkbox_group_);
 
 // EXTERNAL MODULE: external "element-ui/lib/checkbox"
-var checkbox_ = __webpack_require__(47);
+var checkbox_ = __webpack_require__(48);
 var checkbox_default = /*#__PURE__*/__webpack_require__.n(checkbox_);
 
 // EXTERNAL MODULE: external "element-ui/lib/checkbox-button"
-var checkbox_button_ = __webpack_require__(48);
+var checkbox_button_ = __webpack_require__(49);
 var checkbox_button_default = /*#__PURE__*/__webpack_require__.n(checkbox_button_);
 
 // CONCATENATED MODULE: ./node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.9_webpack@4.47.0/node_modules/babel-loader/lib!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@2.1.1_lodash@4.17.21_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/item/Checkbox.vue?vue&type=script&lang=js
@@ -2169,7 +2773,7 @@ var CascaderAddr_component = Object(componentNormalizer["a" /* default */])(
 
 /* harmony default export */ var CascaderAddr = (CascaderAddr_component.exports);
 // EXTERNAL MODULE: external "element-ui/lib/date-picker"
-var date_picker_ = __webpack_require__(49);
+var date_picker_ = __webpack_require__(50);
 var date_picker_default = /*#__PURE__*/__webpack_require__.n(date_picker_);
 
 // CONCATENATED MODULE: ./node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.9_webpack@4.47.0/node_modules/babel-loader/lib!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@2.1.1_lodash@4.17.21_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/item/DatePicker.vue?vue&type=script&lang=js
@@ -2271,13 +2875,16 @@ var DatePicker_component = Object(componentNormalizer["a" /* default */])(
 )
 
 /* harmony default export */ var DatePicker = (DatePicker_component.exports);
-// CONCATENATED MODULE: ./node_modules/.pnpm/vue-loader@15.11.1_css-loader@2.1.1_lodash@4.17.21_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@2.1.1_lodash@4.17.21_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/item/UploadProcess.vue?vue&type=template&id=080e65b0
-var UploadProcessvue_type_template_id_080e65b0_render = function render() {
+// CONCATENATED MODULE: ./node_modules/.pnpm/vue-loader@15.11.1_css-loader@2.1.1_lodash@4.17.21_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@2.1.1_lodash@4.17.21_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/item/upload-process/index.vue?vue&type=template&id=b7318202
+var upload_processvue_type_template_id_b7318202_render = function render() {
   var _vm = this,
     _c = _vm._self._c
   return _c(
     "div",
-    { staticClass: "upload-process" },
+    {
+      staticClass: "upload-process",
+      class: { "upload-process__readonly": _vm.isReadonly },
+    },
     [
       _c(
         "el-upload",
@@ -2299,7 +2906,7 @@ var UploadProcessvue_type_template_id_080e65b0_render = function render() {
                 },
                 [_vm._v("选取文件")]
               )
-            : _vm._e(),
+            : _c("div", { attrs: { slot: "trigger" }, slot: "trigger" }),
           !_vm.isReadonly && !_vm.autoUpload && _vm.uploadButton
             ? _c(
                 "span",
@@ -2367,10 +2974,7 @@ var UploadProcessvue_type_template_id_080e65b0_render = function render() {
               _vm._l(_vm.fileList, function (file, index) {
                 return _c(
                   "li",
-                  {
-                    key: file.uid || index,
-                    staticClass: "file-list__item is-success",
-                  },
+                  { key: index, staticClass: "file-list__item is-success" },
                   [
                     _c("div", { staticClass: "file-list__item-name" }, [
                       _c("i", { staticClass: "el-icon-document" }),
@@ -2399,7 +3003,7 @@ var UploadProcessvue_type_template_id_080e65b0_render = function render() {
                             staticClass: "el-icon-success",
                             staticStyle: { color: "#67c23a" },
                           })
-                        : file.state === 500
+                        : file.state === 500 || file.state === 50
                         ? _c("i", {
                             staticClass: "el-icon-warning",
                             staticStyle: { color: "#f56c6c !important" },
@@ -2427,6 +3031,23 @@ var UploadProcessvue_type_template_id_080e65b0_render = function render() {
                               },
                             })
                           : _vm._e(),
+                        file.state === 200
+                          ? _c("el-button", {
+                              attrs: {
+                                type: "primary",
+                                circle: "",
+                                icon: "el-icon-download",
+                                size: "mini",
+                                title: "下载",
+                              },
+                              on: {
+                                click: function ($event) {
+                                  $event.stopPropagation()
+                                  return _vm.handDownLoad(file)
+                                },
+                              },
+                            })
+                          : _vm._e(),
                         file.state === 500
                           ? _c("el-button", {
                               attrs: {
@@ -2444,7 +3065,24 @@ var UploadProcessvue_type_template_id_080e65b0_render = function render() {
                               },
                             })
                           : _vm._e(),
-                        file.state === 500
+                        file.state === 50
+                          ? _c("el-button", {
+                              attrs: {
+                                type: "primary",
+                                circle: "",
+                                icon: "el-icon-upload",
+                                size: "mini",
+                                title: "继续上传",
+                              },
+                              on: {
+                                click: function ($event) {
+                                  $event.stopPropagation()
+                                  return _vm.handResumeUpload(file)
+                                },
+                              },
+                            })
+                          : _vm._e(),
+                        file.state === 500 || file.state === 50
                           ? _c("el-button", {
                               attrs: {
                                 type: "warning",
@@ -2491,10 +3129,7 @@ var UploadProcessvue_type_template_id_080e65b0_render = function render() {
               _vm._l(_vm.pendingFileList, function (file, index) {
                 return _c(
                   "li",
-                  {
-                    key: file.uid || index,
-                    staticClass: "file-list__item is-success",
-                  },
+                  { key: index, staticClass: "file-list__item is-success" },
                   [
                     _c("div", { staticClass: "file-list__item-name" }, [
                       _c("i", { staticClass: "el-icon-document" }),
@@ -2541,11 +3176,11 @@ var UploadProcessvue_type_template_id_080e65b0_render = function render() {
     1
   )
 }
-var UploadProcessvue_type_template_id_080e65b0_staticRenderFns = []
-UploadProcessvue_type_template_id_080e65b0_render._withStripped = true
+var upload_processvue_type_template_id_b7318202_staticRenderFns = []
+upload_processvue_type_template_id_b7318202_render._withStripped = true
 
 
-// CONCATENATED MODULE: ./src/components/form/src/item/UploadProcess.vue?vue&type=template&id=080e65b0
+// CONCATENATED MODULE: ./src/components/form/src/item/upload-process/index.vue?vue&type=template&id=b7318202
 
 // EXTERNAL MODULE: external "element-ui/lib/message"
 var message_ = __webpack_require__(12);
@@ -2555,10 +3190,14 @@ var message_default = /*#__PURE__*/__webpack_require__.n(message_);
 var message_box_ = __webpack_require__(26);
 var message_box_default = /*#__PURE__*/__webpack_require__.n(message_box_);
 
-// CONCATENATED MODULE: ./node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.9_webpack@4.47.0/node_modules/babel-loader/lib!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@2.1.1_lodash@4.17.21_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/item/UploadProcess.vue?vue&type=script&lang=js
+// EXTERNAL MODULE: ./src/components/form/src/item/upload-process/large-upload/index.js
+var large_upload = __webpack_require__(51);
 
+// CONCATENATED MODULE: ./node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.9_webpack@4.47.0/node_modules/babel-loader/lib!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@2.1.1_lodash@4.17.21_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/item/upload-process/index.vue?vue&type=script&lang=js
 
-/* harmony default export */ var UploadProcessvue_type_script_lang_js = ({
+
+
+/* harmony default export */ var upload_processvue_type_script_lang_js = ({
   name: "UploadProcess",
   components: {},
   props: {
@@ -2601,10 +3240,30 @@ var message_box_default = /*#__PURE__*/__webpack_require__.n(message_box_);
       type: Number,
       default: 0
     },
+    limit: {
+      type: Number,
+      default: null
+    },
+    useLarge: {
+      type: Boolean,
+      default: false
+    },
+    largeSize: {
+      type: Number,
+      default: 1 * 1024 * 1024
+    },
+    largeChunkSize: {
+      type: Number,
+      default: 1 * 1024 * 1024
+    },
+    busiType: {
+      type: String,
+      default: ""
+    },
     // 批量上传最大数 0表示不批量上传
     batchMaxCount: {
       type: Number,
-      default: 5
+      default: 6
     },
     //是否自动上传
     autoUpload: {
@@ -2638,28 +3297,7 @@ var message_box_default = /*#__PURE__*/__webpack_require__.n(message_box_);
   },
   watch: {
     value: function value(val) {
-      // 解决重置第一个元素为null
-      if (val && val[0] === null) {
-        this.fileValue = [];
-        this.fileList = [];
-        this.$emit("input", this.fileValue);
-      }
-      if (val === this.fileValue) {
-        return false;
-      }
-      this.fileValue = [];
-      this.fileList = [];
-      if (val && val.length) {
-        var _this$fileValue, _this$fileList;
-        var valList = this.value.map(function (item) {
-          item.state = 200;
-          item.percentage = 100; // 进度条
-          item.name = item.fileName;
-          return item;
-        });
-        (_this$fileValue = this.fileValue).push.apply(_this$fileValue, valList);
-        (_this$fileList = this.fileList).push.apply(_this$fileList, valList);
-      }
+      this.setValue(val);
     }
   },
   computed: {
@@ -2668,6 +3306,7 @@ var message_box_default = /*#__PURE__*/__webpack_require__.n(message_box_);
         action: this.api.url,
         headers: this.api.headers,
         data: this.api.data,
+        limit: this.limit,
         multiple: true,
         accept: ".doc,.docx,.ppt,.pptx,.xls,.xlsx,.pot,.pps,.vsd,.rtf,.wps,.et,.dps,.pdf,.txt,.jpg,.png,.jpeg,.jif,.zip,.rar,.gif,.mp4"
       }, this.$attrs, {
@@ -2695,13 +3334,13 @@ var message_box_default = /*#__PURE__*/__webpack_require__.n(message_box_);
     // 上传中
     uploadingFiles: function uploadingFiles() {
       return this.fileList && this.fileList.filter(function (item) {
-        return item.state === 100;
+        return item.state === 100 || item.state === 10 || item.state === 30;
       });
     },
     // 上传处理完成（成功加失败）
     finishFiles: function finishFiles() {
       return this.fileList && this.fileList.filter(function (item) {
-        return item.state === 200 || item.state === 500;
+        return item.state === 200 || item.state === 500 || item.state === 50;
       });
     },
     // 上传成功
@@ -2713,7 +3352,7 @@ var message_box_default = /*#__PURE__*/__webpack_require__.n(message_box_);
     // 上传失败
     errorFiles: function errorFiles() {
       return this.fileList && this.fileList.filter(function (item) {
-        return item.state === 500;
+        return item.state === 500 || item.state === 50;
       });
     },
     isReadonly: function isReadonly() {
@@ -2725,30 +3364,31 @@ var message_box_default = /*#__PURE__*/__webpack_require__.n(message_box_);
   },
   data: function data() {
     return {
-      /**
-       * {
-       *    id: 唯一编码
-       *    name: 文件名称
-       *    state: 0待上传  100上传中 200上传成功 500上传失败
-       *    percentage: 上传进度 数字 100表示100%
-       *    errorMsg: 错误信息
-       *    size: 文件大小
-       *    file: 源文件 name percentage raw size status uid
-       *    ...
-       *    fileId: 数据库id
-       *    fileUrl: 文件地址 上传成功后地址
-       * }
+      /**
+       * {
+       *    id: 唯一编码
+       *    name: 文件名称
+       *    state: 0待上传  100上传中 200上传成功 500上传失败
+       *          大文件特有状态 10文件处理中,30是暂停,50上传中断
+       *    percentage: 上传进度 数字 100表示100%
+       *    errorMsg: 错误信息
+       *    size: 文件大小
+       *    file: 源文件 name percentage raw size status uid
+       *    ...
+       *    fileId: 数据库id
+       *    fileUrl: 文件地址 上传成功后地址
+       * }
        */
       fileList: [],
       //已处理
       pendingFileList: [],
       //待处理
-      /**
-       * {
-       *    id: 文件id
-       *    name: 文件名称
-       *    url: 文件地址
-       * }
+      /**
+       * {
+       *    id: 文件id
+       *    name: 文件名称
+       *    url: 文件地址
+       * }
        */
       fileValue: []
     };
@@ -2758,17 +3398,39 @@ var message_box_default = /*#__PURE__*/__webpack_require__.n(message_box_);
       // eslint-disable-next-line vue/no-mutating-props
       this.extend.that = this;
     }
-    if (this.value && this.value[0] !== null) {
-      var _this$fileList2;
-      (_this$fileList2 = this.fileList).push.apply(_this$fileList2, this.value.map(function (item) {
-        item.state = 200;
-        item.percentage = 100; // 进度条
-        item.name = item.fileName;
-        return item;
-      }));
-    }
+    this.setValue(this.value);
   },
   methods: {
+    setValue: function setValue(val) {
+      if (!val) {
+        return false;
+      }
+      // 解决重置第一个元素为null
+      if (val && val[0] === null) {
+        this.fileValue = [];
+        this.fileList = [];
+        this.$emit("input", this.fileValue);
+      }
+      if (val === this.fileValue) {
+        return false;
+      }
+      this.fileValue = [];
+      this.fileList = [];
+      if (val && val.length) {
+        var _this$value, _this$fileValue, _this$fileList;
+        var valList = (_this$value = this.value) == null ? void 0 : _this$value.map(function (item) {
+          if (!item) {
+            return item;
+          }
+          item.state = 200;
+          item.percentage = 100; // 进度条
+          item.name = item.fileName;
+          return item;
+        });
+        (_this$fileValue = this.fileValue).push.apply(_this$fileValue, valList);
+        (_this$fileList = this.fileList).push.apply(_this$fileList, valList);
+      }
+    },
     removeSpecialCharacters: function removeSpecialCharacters(filename) {
       // 定义正则表达式，匹配除了字母、数字、下划线、空格和点号之外的所有字符
       var pattern = /[^\w\u4e00-\u9fa5.]/gi;
@@ -2791,8 +3453,8 @@ var message_box_default = /*#__PURE__*/__webpack_require__.n(message_box_);
           }).indexOf(file.fileId);
           _this.fileValue.splice(indexVal, 1);
           _this.$emit("input", _this.fileValue);
-        } else if (file.state === 100) {
-          file.cancel && file.cancel("已取消上传");
+        } else if (file.state === 100 || file.state === 10 || file.state === 30) {
+          file.cancel && file.cancel();
         }
       }).catch(function () {});
     },
@@ -2806,6 +3468,17 @@ var message_box_default = /*#__PURE__*/__webpack_require__.n(message_box_);
         window.open(file.fileUrl || file.filePath, "_blank");
       }
     },
+    handDownLoad: function handDownLoad(file) {
+      var link = document.createElement("a");
+      link.style.display = "none";
+      link.target = "_blank";
+      link.href = file.filePath || file.fileUrl;
+      link.download = file.fileName || file.name;
+      // 使用该方法触发点击下载
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+    },
     handUpload: function handUpload(file) {
       if (!this.verification(file)) {
         return false;
@@ -2813,6 +3486,9 @@ var message_box_default = /*#__PURE__*/__webpack_require__.n(message_box_);
       file.percentage = 0;
       this.uploading(file);
     },
+    handResumeUpload: function handResumeUpload(file) {
+      file.resume();
+    },
     handError: function handError(file) {
       if (this.$listeners.error) {
         this.$emit("error", file);
@@ -2843,8 +3519,45 @@ var message_box_default = /*#__PURE__*/__webpack_require__.n(message_box_);
         _this2.uploading(pending);
       });
     },
+    uploadingLarge: function uploadingLarge(fileUpload) {
+      var _this$api,
+        _this3 = this;
+      var largeUpload = new large_upload["a" /* default */](fileUpload, {
+        request: this.request,
+        uploadFileList: this.fileList,
+        chunkSize: this.largeChunkSize,
+        busiType: this.busiType || ((_this$api = this.api) == null || (_this$api = _this$api.data) == null ? void 0 : _this$api.busiType),
+        //"piclib",
+        maxRequest: this.batchMaxCount,
+        batchMaxCount: this.batchMaxCount
+      }, {
+        onUploadProgress: function onUploadProgress(progressEvent) {
+          var percent = progressEvent.percentage;
+          var percentCompleted = Math.round(percent);
+          // 处理上传进度，可根据实际需求进行操作
+          if (percentCompleted == 100) {
+            fileUpload.percentage = 99;
+          } else {
+            fileUpload.percentage = percentCompleted;
+          }
+        },
+        onUploadFinish: function onUploadFinish(res) {
+          _this3.uploadFinish(res, fileUpload);
+        },
+        onUploadError: function onUploadError(error) {
+          fileUpload.state = 500; //上传失败
+          fileUpload.errorMsg = error.message;
+          _this3.batchUpload();
+        }
+      });
+      largeUpload.hanldeUploadFile(fileUpload);
+    },
     uploading: function uploading(fileUpload) {
-      var _this3 = this;
+      var _this4 = this;
+      if (fileUpload.isLargeFile) {
+        this.uploadingLarge(fileUpload);
+        return false;
+      }
       // 数据处理
       var formData = new FormData();
       for (var key in this.api.data || {}) {
@@ -2856,11 +3569,15 @@ var message_box_default = /*#__PURE__*/__webpack_require__.n(message_box_);
         "Content-Type": "multipart/form-data"
       }, this.api.headers);
       fileUpload.state = 100; //上传中...
+      var controller = new AbortController();
+      var signal = controller.signal; // 获取 signal 对象
       var requestObj = {
         url: this.api.url,
         method: "POST",
         headers: headers,
         data: formData,
+        signal: signal,
+        // 将 signal 传递给服务函数
         onUploadProgress: function onUploadProgress(progressEvent) {
           var percent = progressEvent.loaded * 100 / progressEvent.total;
           var percentCompleted = Math.round(percent);
@@ -2872,30 +3589,36 @@ var message_box_default = /*#__PURE__*/__webpack_require__.n(message_box_);
           }
         }
       };
-      if (this.CancelToken) {
-        requestObj.cancelToken = new this.CancelToken(function executor(c) {
-          // An executor function receives a cancel function as a parameter
-          fileUpload.cancel = c;
-        });
-      }
+      fileUpload.cancel = function () {
+        return controller.abort();
+      };
+      // if (this.CancelToken) {
+      //   requestObj.cancelToken = new this.CancelToken(function executor(c) {
+      //     // An executor function receives a cancel function as a parameter
+      //     fileUpload.cancel = c;
+      //   });
+      // }
       this.request(requestObj).then(function (res) {
-        var _this3$fileValue$push;
-        fileUpload.percentage = 100; // 进度条
-        fileUpload.state = 200; //上传成功
-        var fileId = res[_this3.remoteProp.id];
-        var fileUrl = typeof _this3.formatUrl === "function" ? _this3.formatUrl.call(_this3, res, fileUpload) : res[_this3.remoteProp.url];
-        fileUpload.fileId = fileId;
-        fileUpload.fileUrl = fileUrl;
-        _this3.batchUpload();
-        var fileName = _this3.removeSpecialCharacters(fileUpload.name);
-        _this3.fileValue.push((_this3$fileValue$push = {}, _this3$fileValue$push[_this3.fileProp.id] = fileId, _this3$fileValue$push[_this3.fileProp.url] = fileUrl, _this3$fileValue$push[_this3.fileProp.name] = fileName, _this3$fileValue$push[_this3.fileProp.size] = fileUpload.size, _this3$fileValue$push[_this3.fileProp.type] = fileUpload.type, _this3$fileValue$push));
-        _this3.$emit("input", _this3.fileValue);
+        _this4.uploadFinish(res, fileUpload);
       }).catch(function (error) {
         fileUpload.state = 500; //上传失败
         fileUpload.errorMsg = error.message;
-        _this3.batchUpload();
+        _this4.batchUpload();
       });
     },
+    uploadFinish: function uploadFinish(res, fileUpload) {
+      var _this$fileValue$push;
+      fileUpload.percentage = 100; // 进度条
+      fileUpload.state = 200; //上传成功
+      var fileId = res[this.remoteProp.id];
+      var fileUrl = typeof this.formatUrl === "function" ? this.formatUrl.call(this, res, fileUpload) : res[this.remoteProp.url];
+      fileUpload.fileId = fileId;
+      fileUpload.fileUrl = fileUrl;
+      this.batchUpload();
+      var fileName = this.removeSpecialCharacters(fileUpload.name);
+      this.fileValue.push((_this$fileValue$push = {}, _this$fileValue$push[this.fileProp.id] = fileId, _this$fileValue$push[this.fileProp.url] = fileUrl, _this$fileValue$push[this.fileProp.name] = fileName, _this$fileValue$push[this.fileProp.size] = fileUpload.size, _this$fileValue$push[this.fileProp.type] = fileUpload.type, _this$fileValue$push.mimeType = res == null ? void 0 : res.mimeType, _this$fileValue$push));
+      this.$emit("input", this.fileValue);
+    },
     verification: function verification(upload) {
       if (this.uploadMaxSize && this.uploadMaxSize > 0) {
         var fileSize = upload.size / 1024 / 1024;
@@ -2918,20 +3641,23 @@ var message_box_default = /*#__PURE__*/__webpack_require__.n(message_box_);
       var type = upload.raw.type;
       // 准备上传数据
       var fileUpload = {
-        id: upload.uid,
+        // id: upload.uid,
         name: upload.name,
         file: upload,
         state: 0,
         percentage: 0,
         errorMsg: null,
         size: size,
-        type: type
+        type: type,
+        isLargeFile: false
       };
       if (!this.verification(fileUpload)) {
-        this.fileList.push(fileUpload);
-      } else {
-        this.pendingFileList.push(fileUpload);
+        return false;
+      }
+      if (this.useLarge && size > this.largeSize) {
+        fileUpload.isLargeFile = true;
       }
+      this.pendingFileList.push(fileUpload);
       this.$emit("beforeUpload", {
         ref: this,
         fileList: this.fileList,
@@ -2951,9 +3677,9 @@ var message_box_default = /*#__PURE__*/__webpack_require__.n(message_box_);
     }
   }
 });
-// CONCATENATED MODULE: ./src/components/form/src/item/UploadProcess.vue?vue&type=script&lang=js
- /* harmony default export */ var item_UploadProcessvue_type_script_lang_js = (UploadProcessvue_type_script_lang_js); 
-// CONCATENATED MODULE: ./src/components/form/src/item/UploadProcess.vue
+// CONCATENATED MODULE: ./src/components/form/src/item/upload-process/index.vue?vue&type=script&lang=js
+ /* harmony default export */ var item_upload_processvue_type_script_lang_js = (upload_processvue_type_script_lang_js); 
+// CONCATENATED MODULE: ./src/components/form/src/item/upload-process/index.vue
 
 
 
@@ -2961,10 +3687,10 @@ var message_box_default = /*#__PURE__*/__webpack_require__.n(message_box_);
 
 /* normalize component */
 
-var UploadProcess_component = Object(componentNormalizer["a" /* default */])(
-  item_UploadProcessvue_type_script_lang_js,
-  UploadProcessvue_type_template_id_080e65b0_render,
-  UploadProcessvue_type_template_id_080e65b0_staticRenderFns,
+var upload_process_component = Object(componentNormalizer["a" /* default */])(
+  item_upload_processvue_type_script_lang_js,
+  upload_processvue_type_template_id_b7318202_render,
+  upload_processvue_type_template_id_b7318202_staticRenderFns,
   false,
   null,
   null,
@@ -2972,25 +3698,25 @@ var UploadProcess_component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* harmony default export */ var UploadProcess = (UploadProcess_component.exports);
+/* harmony default export */ var upload_process = (upload_process_component.exports);
 // EXTERNAL MODULE: external "element-ui/lib/switch"
-var switch_ = __webpack_require__(50);
+var switch_ = __webpack_require__(53);
 var switch_default = /*#__PURE__*/__webpack_require__.n(switch_);
 
 // EXTERNAL MODULE: external "element-ui/lib/slider"
-var slider_ = __webpack_require__(51);
+var slider_ = __webpack_require__(54);
 var slider_default = /*#__PURE__*/__webpack_require__.n(slider_);
 
 // EXTERNAL MODULE: external "element-ui/lib/transfer"
-var transfer_ = __webpack_require__(52);
+var transfer_ = __webpack_require__(55);
 var transfer_default = /*#__PURE__*/__webpack_require__.n(transfer_);
 
 // EXTERNAL MODULE: external "element-ui/lib/time-picker"
-var time_picker_ = __webpack_require__(53);
+var time_picker_ = __webpack_require__(56);
 var time_picker_default = /*#__PURE__*/__webpack_require__.n(time_picker_);
 
 // EXTERNAL MODULE: external "element-ui/lib/upload"
-var upload_ = __webpack_require__(54);
+var upload_ = __webpack_require__(57);
 var upload_default = /*#__PURE__*/__webpack_require__.n(upload_);
 
 // CONCATENATED MODULE: ./src/components/form/src/form-input.js
@@ -3030,7 +3756,7 @@ var upload_default = /*#__PURE__*/__webpack_require__.n(upload_);
     Radio: Radio,
     Checkbox: Checkbox,
     InputText: InputText,
-    UploadProcess: UploadProcess
+    UploadProcess: upload_process
   },
   props: {
     control: String,