bkui-vue 2.0.1-beta.11 → 2.0.1-beta.110

package/lib/upload/index.js

@@ -761,304 +761,304 @@ var _typeof = (__webpack_require__(7425)["default"]);
 function _regeneratorRuntime() {
   "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
   module.exports = _regeneratorRuntime = function _regeneratorRuntime() {
-    return e;
+    return exports;
   }, module.exports.__esModule = true, module.exports["default"] = module.exports;
-  var t,
-    e = {},
-    r = Object.prototype,
-    n = r.hasOwnProperty,
-    o = Object.defineProperty || function (t, e, r) {
-      t[e] = r.value;
+  var exports = {},
+    Op = Object.prototype,
+    hasOwn = Op.hasOwnProperty,
+    defineProperty = Object.defineProperty || function (obj, key, desc) {
+      obj[key] = desc.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,
+    $Symbol = "function" == typeof Symbol ? Symbol : {},
+    iteratorSymbol = $Symbol.iterator || "@@iterator",
+    asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator",
+    toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
+  function define(obj, key, value) {
+    return Object.defineProperty(obj, key, {
+      value: value,
       enumerable: !0,
       configurable: !0,
       writable: !0
-    }), t[e];
+    }), obj[key];
   }
   try {
     define({}, "");
-  } catch (t) {
-    define = function define(t, e, r) {
-      return t[e] = r;
+  } catch (err) {
+    define = function define(obj, key, value) {
+      return obj[key] = value;
     };
   }
-  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 wrap(innerFn, outerFn, self, tryLocsList) {
+    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator,
+      generator = Object.create(protoGenerator.prototype),
+      context = new Context(tryLocsList || []);
+    return defineProperty(generator, "_invoke", {
+      value: makeInvokeMethod(innerFn, self, context)
+    }), generator;
   }
-  function tryCatch(t, e, r) {
+  function tryCatch(fn, obj, arg) {
     try {
       return {
         type: "normal",
-        arg: t.call(e, r)
+        arg: fn.call(obj, arg)
       };
-    } catch (t) {
+    } catch (err) {
       return {
         type: "throw",
-        arg: t
+        arg: err
       };
     }
   }
-  e.wrap = wrap;
-  var h = "suspendedStart",
-    l = "suspendedYield",
-    f = "executing",
-    s = "completed",
-    y = {};
+  exports.wrap = wrap;
+  var ContinueSentinel = {};
   function Generator() {}
   function GeneratorFunction() {}
   function GeneratorFunctionPrototype() {}
-  var p = {};
-  define(p, a, function () {
+  var IteratorPrototype = {};
+  define(IteratorPrototype, iteratorSymbol, 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);
+  var getProto = Object.getPrototypeOf,
+    NativeIteratorPrototype = getProto && getProto(getProto(values([])));
+  NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
+  var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
+  function defineIteratorMethods(prototype) {
+    ["next", "throw", "return"].forEach(function (method) {
+      define(prototype, method, function (arg) {
+        return this._invoke(method, arg);
       });
     });
   }
-  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);
+  function AsyncIterator(generator, PromiseImpl) {
+    function invoke(method, arg, resolve, reject) {
+      var record = tryCatch(generator[method], generator, arg);
+      if ("throw" !== record.type) {
+        var result = record.arg,
+          value = result.value;
+        return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) {
+          invoke("next", value, resolve, reject);
+        }, function (err) {
+          invoke("throw", err, resolve, reject);
+        }) : PromiseImpl.resolve(value).then(function (unwrapped) {
+          result.value = unwrapped, resolve(result);
+        }, function (error) {
+          return invoke("throw", error, resolve, reject);
         });
       }
-      a(c.arg);
+      reject(record.arg);
     }
-    var r;
-    o(this, "_invoke", {
-      value: function value(t, n) {
+    var previousPromise;
+    defineProperty(this, "_invoke", {
+      value: function value(method, arg) {
         function callInvokeWithMethodAndArg() {
-          return new e(function (e, r) {
-            invoke(t, n, e, r);
+          return new PromiseImpl(function (resolve, reject) {
+            invoke(method, arg, resolve, reject);
           });
         }
-        return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
+        return previousPromise = previousPromise ? previousPromise.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
-        };
+  function makeInvokeMethod(innerFn, self, context) {
+    var state = "suspendedStart";
+    return function (method, arg) {
+      if ("executing" === state) throw new Error("Generator is already running");
+      if ("completed" === state) {
+        if ("throw" === method) throw arg;
+        return doneResult();
       }
-      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;
+      for (context.method = method, context.arg = arg;;) {
+        var delegate = context.delegate;
+        if (delegate) {
+          var delegateResult = maybeInvokeDelegate(delegate, context);
+          if (delegateResult) {
+            if (delegateResult === ContinueSentinel) continue;
+            return delegateResult;
           }
         }
-        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;
+        if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) {
+          if ("suspendedStart" === state) throw state = "completed", context.arg;
+          context.dispatchException(context.arg);
+        } else "return" === context.method && context.abrupt("return", context.arg);
+        state = "executing";
+        var record = tryCatch(innerFn, self, context);
+        if ("normal" === record.type) {
+          if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
           return {
-            value: p.arg,
-            done: n.done
+            value: record.arg,
+            done: context.done
           };
         }
-        "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg);
+        "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.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 maybeInvokeDelegate(delegate, context) {
+    var methodName = context.method,
+      method = delegate.iterator[methodName];
+    if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel;
+    var record = tryCatch(method, delegate.iterator, context.arg);
+    if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
+    var info = record.arg;
+    return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
   }
-  function pushTryEntry(t) {
-    var e = {
-      tryLoc: t[0]
+  function pushTryEntry(locs) {
+    var entry = {
+      tryLoc: locs[0]
     };
-    1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e);
+    1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry);
   }
-  function resetTryEntry(t) {
-    var e = t.completion || {};
-    e.type = "normal", delete e.arg, t.completion = e;
+  function resetTryEntry(entry) {
+    var record = entry.completion || {};
+    record.type = "normal", delete record.arg, entry.completion = record;
   }
-  function Context(t) {
+  function Context(tryLocsList) {
     this.tryEntries = [{
       tryLoc: "root"
-    }], t.forEach(pushTryEntry, this), this.reset(!0);
+    }], tryLocsList.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;
+  function values(iterable) {
+    if (iterable) {
+      var iteratorMethod = iterable[iteratorSymbol];
+      if (iteratorMethod) return iteratorMethod.call(iterable);
+      if ("function" == typeof iterable.next) return iterable;
+      if (!isNaN(iterable.length)) {
+        var i = -1,
+          next = function next() {
+            for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
+            return next.value = undefined, next.done = !0, next;
           };
-        return i.next = i;
+        return next.next = next;
       }
     }
-    throw new TypeError(_typeof(e) + " is not iterable");
+    return {
+      next: doneResult
+    };
+  }
+  function doneResult() {
+    return {
+      value: undefined,
+      done: !0
+    };
   }
-  return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", {
+  return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", {
     value: GeneratorFunctionPrototype,
     configurable: !0
-  }), o(GeneratorFunctionPrototype, "constructor", {
+  }), defineProperty(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) {
+  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) {
+    var ctor = "function" == typeof genFun && genFun.constructor;
+    return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
+  }, exports.mark = function (genFun) {
+    return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun;
+  }, exports.awrap = function (arg) {
     return {
-      __await: t
+      __await: arg
     };
-  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () {
+  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, 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();
+  }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) {
+    void 0 === PromiseImpl && (PromiseImpl = Promise);
+    var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
+    return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) {
+      return result.done ? result.value : iter.next();
     });
-  }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () {
+  }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () {
     return this;
-  }), define(g, "toString", function () {
+  }), define(Gp, "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;
+  }), exports.keys = function (val) {
+    var object = Object(val),
+      keys = [];
+    for (var key in object) keys.push(key);
+    return keys.reverse(), function next() {
+      for (; keys.length;) {
+        var key = keys.pop();
+        if (key in object) return next.value = key, next.done = !1, next;
       }
       return next.done = !0, next;
     };
-  }, e.values = values, Context.prototype = {
+  }, exports.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);
+    reset: function reset(skipTempReset) {
+      if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
     },
     stop: function stop() {
       this.done = !0;
-      var t = this.tryEntries[0].completion;
-      if ("throw" === t.type) throw t.arg;
+      var rootRecord = this.tryEntries[0].completion;
+      if ("throw" === rootRecord.type) throw rootRecord.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;
+    dispatchException: function dispatchException(exception) {
+      if (this.done) throw exception;
+      var context = this;
+      function handle(loc, caught) {
+        return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught;
       }
-      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);
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i],
+          record = entry.completion;
+        if ("root" === entry.tryLoc) return handle("end");
+        if (entry.tryLoc <= this.prev) {
+          var hasCatch = hasOwn.call(entry, "catchLoc"),
+            hasFinally = hasOwn.call(entry, "finallyLoc");
+          if (hasCatch && hasFinally) {
+            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
+            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
+          } else if (hasCatch) {
+            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
           } else {
-            if (!u) throw new Error("try statement without catch or finally");
-            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
+            if (!hasFinally) throw new Error("try statement without catch or finally");
+            if (this.prev < entry.finallyLoc) return handle(entry.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;
+    abrupt: function abrupt(type, arg) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
+          var finallyEntry = entry;
           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);
+      finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
+      var record = finallyEntry ? finallyEntry.completion : {};
+      return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record);
     },
-    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;
+    complete: function complete(record, afterLoc) {
+      if ("throw" === record.type) throw record.arg;
+      return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel;
     },
-    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;
+    finish: function finish(finallyLoc) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel;
       }
     },
-    "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);
+    "catch": function _catch(tryLoc) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.tryLoc === tryLoc) {
+          var record = entry.completion;
+          if ("throw" === record.type) {
+            var thrown = record.arg;
+            resetTryEntry(entry);
           }
-          return o;
+          return thrown;
         }
       }
       throw new Error("illegal catch attempt");
     },
-    delegateYield: function delegateYield(e, r, n) {
+    delegateYield: function delegateYield(iterable, resultName, nextLoc) {
       return this.delegate = {
-        iterator: values(e),
-        resultName: r,
-        nextLoc: n
-      }, "next" === this.method && (this.arg = t), y;
+        iterator: values(iterable),
+        resultName: resultName,
+        nextLoc: nextLoc
+      }, "next" === this.method && (this.arg = undefined), ContinueSentinel;
     }
-  }, e;
+  }, exports;
 }
 module.exports = _regeneratorRuntime, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
@@ -1067,14 +1067,14 @@ module.exports = _regeneratorRuntime, module.exports.__esModule = true, module.e
 /***/ 7425:
 /***/ ((module) => {
 
-function _typeof(o) {
+function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  return (module.exports = _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;
-  }, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(o);
+  return (module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(obj);
 }
 module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
@@ -1204,38 +1204,38 @@ function _asyncToGenerator(fn) {
   };
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
-function _typeof(o) {
+function _typeof(obj) {
   "@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);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
 
-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;
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return ("string" === r ? String : Number)(t);
+  return (hint === "string" ? String : Number)(input);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
 
 
-function toPropertyKey(t) {
-  var i = toPrimitive(t, "string");
-  return "symbol" == _typeof(i) ? i : String(i);
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
 
 function _defineProperty(obj, key, value) {
-  key = toPropertyKey(key);
+  key = _toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -1292,12 +1292,17 @@ var EThemes;
   EThemes["DRAGGABLE"] = "draggable";
   EThemes["PICTURE"] = "picture";
 })(EThemes || (EThemes = {}));
+var ETypes;
+(function (ETypes) {
+  ETypes["BINARY"] = "binary";
+  ETypes["FORMDATA"] = "formdata";
+})(ETypes || (ETypes = {}));
 var EUploadStatus;
 (function (EUploadStatus) {
+  EUploadStatus["FAIL"] = "fail";
   EUploadStatus["NEW"] = "new";
-  EUploadStatus["UPLOADING"] = "uploading";
   EUploadStatus["SUCCESS"] = "success";
-  EUploadStatus["FAIL"] = "fail";
+  EUploadStatus["UPLOADING"] = "uploading";
 })(EUploadStatus || (EUploadStatus = {}));
 ;// CONCATENATED MODULE: ../../packages/upload/src/props.ts
 /*
@@ -1327,7 +1332,19 @@ var EUploadStatus;
  */
 
 var themes = [EThemes.BUTTON, EThemes.DRAGGABLE, EThemes.PICTURE];
+var types = [ETypes.FORMDATA, ETypes.BINARY];
 /* harmony default export */ const props = ({
+  type: {
+    type: String,
+    "default": 'formdata',
+    validator: function validator(val) {
+      if (!val || types.includes(val)) {
+        return true;
+      }
+      console.error("invalid type, ".concat(val, ", the type must be one of \u3010").concat(types.join(' | '), "\u3011"));
+      return false;
+    }
+  },
   theme: {
     type: String,
     "default": 'draggable',
@@ -1459,6 +1476,11 @@ var themes = [EThemes.BUTTON, EThemes.DRAGGABLE, EThemes.PICTURE];
   chunkSize: {
     type: Number,
     "default": 10
+  },
+  // 是否显示预览按钮
+  isShowPreview: {
+    type: Boolean,
+    "default": true
   }
 });
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
@@ -1466,31 +1488,31 @@ function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e,
-      n,
-      i,
-      u,
-      a = [],
-      f = !0,
-      o = !1;
+function _iterableToArrayLimit(arr, i) {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = !1;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-    } catch (r) {
-      o = !0, n = r;
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
       try {
-        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
       } finally {
-        if (o) throw n;
+        if (_d) throw _e;
       }
     }
-    return a;
+    return _arr;
   }
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
@@ -1524,7 +1546,7 @@ function _slicedToArray(arr, i) {
 ;// CONCATENATED MODULE: external "../icon"
 var icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var icon_y = x => () => x
-const icon_namespaceObject = icon_x({ ["ArchiveFill"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.ArchiveFill, ["AudioFill"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.AudioFill, ["Del"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Del, ["Done"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Done, ["ImageFill"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.ImageFill, ["Plus"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Plus, ["RightTurnLine"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.RightTurnLine, ["TextFill"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.TextFill, ["Upload"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Upload, ["VideoFill"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.VideoFill });
+const icon_namespaceObject = icon_x({ ["ArchiveFill"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.ArchiveFill, ["AudioFill"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.AudioFill, ["Del"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Del, ["Done"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Done, ["Eye"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Eye, ["ImageFill"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.ImageFill, ["Plus"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Plus, ["RightTurnLine"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.RightTurnLine, ["TextFill"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.TextFill, ["Upload"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Upload, ["VideoFill"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.VideoFill });
 ;// CONCATENATED MODULE: external "../progress"
 var progress_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var progress_y = x => () => x
@@ -1579,9 +1601,10 @@ function _isSlot(s) {
     theme: props.theme,
     disabled: props.disabled,
     files: props.files,
-    multiple: props.multiple
+    multiple: props.multiple,
+    isShowPreview: props.isShowPreview
   },
-  emits: ['remove', 'retry'],
+  emits: ['remove', 'preview', 'retry'],
   setup: function setup(props, _ref) {
     var slots = _ref.slots,
       emit = _ref.emit;
@@ -1591,7 +1614,8 @@ function _isSlot(s) {
     var _toRefs = (0,external_vue_namespaceObject.toRefs)(props),
       theme = _toRefs.theme,
       disabled = _toRefs.disabled,
-      multiple = _toRefs.multiple;
+      multiple = _toRefs.multiple,
+      isShowPreview = _toRefs.isShowPreview;
     var classBlock = "".concat(resolveClassName(CLASS_PREFIX), "-list");
     var isPhotowall = (0,external_vue_namespaceObject.computed)(function () {
       return theme.value === EThemes.PICTURE;
@@ -1600,7 +1624,8 @@ function _isSlot(s) {
       return isPhotowall.value && !multiple.value;
     });
     var classNames = (0,external_vue_namespaceObject.computed)(function () {
-      return (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty(_defineProperty({}, classBlock, true), "".concat(classBlock, "--").concat(theme.value), true), "".concat(classBlock, "--disabled"), disabled.value));
+      var _classes;
+      return (0,shared_namespaceObject.classes)((_classes = {}, _defineProperty(_classes, classBlock, true), _defineProperty(_classes, "".concat(classBlock, "--").concat(theme.value), true), _defineProperty(_classes, "".concat(classBlock, "--disabled"), disabled.value), _classes));
     });
     function formatSize(value) {
       var uints = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
@@ -1608,6 +1633,9 @@ function _isSlot(s) {
       var size = value / Math.pow(1024, index);
       return "".concat(size.toFixed(2)).concat(uints[index]);
     }
+    function handlePreview(file, files, e) {
+      emit('preview', file, files, e);
+    }
     function handleRemove(file, e) {
       emit('remove', file, e);
     }
@@ -1619,7 +1647,8 @@ function _isSlot(s) {
       return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.TransitionGroup, {
         "name": "".concat(classBlock, "__item")
       }, _isSlot(_slot = props.files.map(function (file) {
-        var classNames = (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty(_defineProperty({}, "".concat(classBlock, "__item"), true), "".concat(classBlock, "__item-picture"), true), "".concat(classBlock, "__item--").concat(file.status), true));
+        var _classes2;
+        var classNames = (0,shared_namespaceObject.classes)((_classes2 = {}, _defineProperty(_classes2, "".concat(classBlock, "__item"), true), _defineProperty(_classes2, "".concat(classBlock, "__item-picture"), true), _defineProperty(_classes2, "".concat(classBlock, "__item--").concat(file.status), true), _classes2));
         return (0,external_vue_namespaceObject.createVNode)("li", {
           "key": file.uid,
           "class": classNames
@@ -1634,22 +1663,27 @@ function _isSlot(s) {
     };
     var PhotoItem = function PhotoItem(file) {
       return [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("img", {
-        "src": file.url,
         "class": "".concat(classBlock, "__picture-item-thumbnail"),
-        "alt": ""
+        "alt": "",
+        "src": file.url
       }, null), [[external_vue_namespaceObject.vShow, file.status !== 'uploading']]), (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [file.status === 'uploading' && (0,external_vue_namespaceObject.createVNode)(progress_namespaceObject["default"], {
+        "width": 50,
         "class": "".concat(classBlock, "__picture-item-progress"),
-        "type": "circle",
-        "color": "#3a84ff",
         "bgColor": "#333",
-        "width": 50,
+        "color": "#3a84ff",
+        "percent": file.percentage,
         "titleStyle": {
           color: '#fff'
         },
-        "percent": file.percentage
+        "type": "circle"
       }, null)]), (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [!disabled.value && (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(classBlock, "__picture-item-actions")
-      }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Del, {
+      }, [isShowPreview.value && (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Eye, {
+        "class": "action-icon",
+        "onClick": function onClick(e) {
+          return handlePreview(file, props.files, e);
+        }
+      }, null), (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Del, {
         "class": "action-icon",
         "onClick": function onClick(e) {
           return handleRemove(file, e);
@@ -1661,7 +1695,8 @@ function _isSlot(s) {
       return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.TransitionGroup, {
         "name": "".concat(classBlock, "__item")
       }, _isSlot(_slot2 = props.files.map(function (file) {
-        var classNames = (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty({}, "".concat(classBlock, "__item"), true), "".concat(classBlock, "__item--").concat(file.status), true));
+        var _classes3;
+        var classNames = (0,shared_namespaceObject.classes)((_classes3 = {}, _defineProperty(_classes3, "".concat(classBlock, "__item"), true), _defineProperty(_classes3, "".concat(classBlock, "__item--").concat(file.status), true), _classes3));
         return (0,external_vue_namespaceObject.createVNode)("li", {
           "key": file.uid,
           "class": classNames
@@ -1700,9 +1735,9 @@ function _isSlot(s) {
       return [(0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(classBlock, "__item-icon")
       }, [file.isPic ? (0,external_vue_namespaceObject.createVNode)("img", {
-        "src": file.url,
         "class": "".concat(classBlock, "__item-thumbnail"),
-        "alt": ""
+        "alt": "",
+        "src": file.url
       }, null) : FileIcon(file)]), (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(classBlock, "__item-summary")
       }, [(0,external_vue_namespaceObject.createVNode)("div", {
@@ -1715,8 +1750,8 @@ function _isSlot(s) {
         "class": "".concat(classBlock, "__item-message-success-icon")
       }, null), file.statusText || t.value.uploadSuccess]), file.status === 'fail' && (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [file.statusText || t.value.uploadFailed])]), file.status === 'uploading' && (0,external_vue_namespaceObject.createVNode)(progress_namespaceObject["default"], {
         "class": "".concat(classBlock, "__item-progress"),
-        "showText": false,
         "percent": file.percentage,
+        "showText": false,
         "size": "small"
       }, null), file.status !== 'fail' && (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(classBlock, "__item-speed")
@@ -1739,10 +1774,10 @@ function _isSlot(s) {
       }, null)])])];
     };
     return function () {
-      var _props$files;
-      return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [isSinglePhoto.value ? (slots === null || slots === void 0 ? void 0 : slots.innerTrigger) && (slots === null || slots === void 0 ? void 0 : slots.innerTrigger((_props$files = props.files) === null || _props$files === void 0 ? void 0 : _props$files[0])) : (0,external_vue_namespaceObject.createVNode)("ul", {
+      var _slots$innerTrigger, _props$files, _slots$innerTrigger2;
+      return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [isSinglePhoto.value ? slots === null || slots === void 0 || (_slots$innerTrigger = slots.innerTrigger) === null || _slots$innerTrigger === void 0 ? void 0 : _slots$innerTrigger.call(slots, (_props$files = props.files) === null || _props$files === void 0 ? void 0 : _props$files[0]) : (0,external_vue_namespaceObject.createVNode)("ul", {
         "class": classNames.value
-      }, [isPhotowall.value ? Photowall() : Normal(), (slots === null || slots === void 0 ? void 0 : slots.innerTrigger) && (slots === null || slots === void 0 ? void 0 : slots.innerTrigger())])]);
+      }, [isPhotowall.value ? Photowall() : Normal(), slots === null || slots === void 0 || (_slots$innerTrigger2 = slots.innerTrigger) === null || _slots$innerTrigger2 === void 0 ? void 0 : _slots$innerTrigger2.call(slots)])]);
     };
   }
 }));
@@ -1802,9 +1837,10 @@ const button_less_namespaceObject = button_less_x({  });
     file: {
       type: Object
     },
-    selectChange: props.selectChange
+    selectChange: props.selectChange,
+    isShowPreview: props.isShowPreview
   },
-  emits: ['change', 'remove'],
+  emits: ['change', 'remove', 'preview'],
   setup: function setup(props, _ref) {
     var slots = _ref.slots,
       emit = _ref.emit;
@@ -1816,7 +1852,8 @@ const button_less_namespaceObject = button_less_x({  });
       disabled = _toRefs.disabled,
       file = _toRefs.file,
       multiple = _toRefs.multiple,
-      accept = _toRefs.accept;
+      accept = _toRefs.accept,
+      isShowPreview = _toRefs.isShowPreview;
     var classBlock = "".concat(resolveClassName(CLASS_PREFIX), "-trigger");
     var isButton = (0,external_vue_namespaceObject.computed)(function () {
       return theme.value === EThemes.BUTTON;
@@ -1835,8 +1872,8 @@ const button_less_namespaceObject = button_less_x({  });
     });
     var inputEl = (0,external_vue_namespaceObject.ref)(null);
     var classNames = (0,external_vue_namespaceObject.computed)(function () {
-      var _file$value, _file$value2, _file$value3;
-      return (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, classBlock, true), "".concat(classBlock, "--").concat(theme.value), true), "".concat(classBlock, "--single-picture"), isSinglePicture.value), "".concat(classBlock, "--has-file"), (_file$value = file.value) !== null && _file$value !== void 0 ? _file$value : false), "".concat(classBlock, "--").concat((_file$value2 = file.value) === null || _file$value2 === void 0 ? void 0 : _file$value2.status), (_file$value3 = file.value) !== null && _file$value3 !== void 0 ? _file$value3 : false), "".concat(classBlock, "--dragover"), dragover.value), "".concat(classBlock, "--disabled"), disabled.value));
+      var _file$value, _file$value2, _file$value3, _classes;
+      return (0,shared_namespaceObject.classes)((_classes = {}, _defineProperty(_classes, classBlock, true), _defineProperty(_classes, "".concat(classBlock, "--").concat(theme.value), true), _defineProperty(_classes, "".concat(classBlock, "--single-picture"), isSinglePicture.value), _defineProperty(_classes, "".concat(classBlock, "--has-file"), (_file$value = file.value) !== null && _file$value !== void 0 ? _file$value : false), _defineProperty(_classes, "".concat(classBlock, "--").concat((_file$value2 = file.value) === null || _file$value2 === void 0 ? void 0 : _file$value2.status), (_file$value3 = file.value) !== null && _file$value3 !== void 0 ? _file$value3 : false), _defineProperty(_classes, "".concat(classBlock, "--dragover"), dragover.value), _defineProperty(_classes, "".concat(classBlock, "--disabled"), disabled.value), _classes));
     });
     var invoke = function invoke() {
       inputEl.value.value = null;
@@ -1870,6 +1907,11 @@ const button_less_namespaceObject = button_less_x({  });
       e.stopPropagation();
       e.preventDefault();
     }
+    function handlePreview(file, e) {
+      emit('preview', file, [file], e);
+      e.stopPropagation();
+      e.preventDefault();
+    }
     var dragover = (0,external_vue_namespaceObject.ref)(false);
     var Dragger = function Dragger() {
       var handleDrop = function handleDrop(e) {
@@ -1895,9 +1937,9 @@ const button_less_namespaceObject = button_less_x({  });
       var classNames = (0,shared_namespaceObject.classes)(_defineProperty({}, "".concat(classBlock, "__draggable"), true));
       return (0,external_vue_namespaceObject.createVNode)("div", {
         "class": classNames,
-        "onDrop": handleDrop,
+        "onDragleave": handleDragleave,
         "onDragover": handleDragover,
-        "onDragleave": handleDragleave
+        "onDrop": handleDrop
       }, [slots["default"] ? slots["default"]() : (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Upload, {
         "class": "".concat(classBlock, "__draggable-icon")
       }, null), (0,external_vue_namespaceObject.createVNode)("div", {
@@ -1920,22 +1962,27 @@ const button_less_namespaceObject = button_less_x({  });
     };
     var SinglePicture = function SinglePicture(file) {
       return [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("img", {
-        "src": file.url,
         "class": "".concat(classBlock, "__picture-thumbnail"),
-        "alt": ""
+        "alt": "",
+        "src": file.url
       }, null), [[external_vue_namespaceObject.vShow, file.status !== 'uploading']]), (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [file.status === 'uploading' && (0,external_vue_namespaceObject.createVNode)(progress_namespaceObject["default"], {
+        "width": 50,
         "class": "".concat(classBlock, "__picture-progress"),
-        "type": "circle",
-        "color": "#3a84ff",
         "bgColor": "#333",
-        "width": 50,
+        "color": "#3a84ff",
+        "percent": file.percentage,
         "titleStyle": {
           color: '#fff'
         },
-        "percent": file.percentage
+        "type": "circle"
       }, null)]), (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [!props.disabled && (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(classBlock, "__picture-actions")
-      }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Del, {
+      }, [isShowPreview.value && (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Eye, {
+        "class": "action-icon",
+        "onClick": function onClick(e) {
+          return handlePreview(file, e);
+        }
+      }, null), (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Del, {
         "class": "action-icon",
         "onClick": function onClick(e) {
           return handleRemove(file, e);
@@ -1970,12 +2017,12 @@ const button_less_namespaceObject = button_less_x({  });
       }, [slots.trigger ? [slots.trigger(), slots === null || slots === void 0 || (_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)] : Trigger(), (0,external_vue_namespaceObject.createVNode)("input", {
         "ref": inputEl,
         "class": "".concat(classBlock, "__input-file"),
-        "tabindex": "-1",
-        "onChange": handleFileChange,
         "accept": acceptTypes.value,
-        "multiple": multiple.value,
         "disabled": disabled.value,
-        "type": "file"
+        "multiple": multiple.value,
+        "tabindex": "-1",
+        "type": "file",
+        "onChange": handleFileChange
       }, null)]);
     };
   }
@@ -2036,10 +2083,11 @@ var spark_md5_default = /*#__PURE__*/__webpack_require__.n(spark_md5);
  */
 
 
+var errMsg = 'An error occurred during upload';
 function getRes(xhr) {
   var res = xhr.responseText || xhr.response;
   if (!res) {
-    return res;
+    return res || {};
   }
   try {
     return JSON.parse(res);
@@ -2052,7 +2100,9 @@ var ajaxUpload = function ajaxUpload(option) {
     throw new Error('XMLHttpRequest is undefined');
   }
   var xhr = new XMLHttpRequest();
-  var action = option.action;
+  var action = option.action,
+    type = option.type;
+  var isFormdata = type === 'formdata';
   if (xhr.upload) {
     xhr.upload.addEventListener('progress', function (event) {
       var progressEvent = event;
@@ -2061,7 +2111,7 @@ var ajaxUpload = function ajaxUpload(option) {
     });
   }
   var formData = new FormData();
-  if (option.data) {
+  if (isFormdata && option.data) {
     var appendData = option.data;
     if (!Array.isArray(appendData)) {
       appendData = [appendData];
@@ -2075,7 +2125,7 @@ var ajaxUpload = function ajaxUpload(option) {
       }
     });
   }
-  if (option.formDataAttributes) {
+  if (isFormdata && option.formDataAttributes) {
     var _appendData = option.formDataAttributes;
     if (!Array.isArray(_appendData)) {
       _appendData = [_appendData];
@@ -2084,13 +2134,27 @@ var ajaxUpload = function ajaxUpload(option) {
       if (Array.isArray(item.value)) formData.append.apply(formData, [item.name].concat(_toConsumableArray(item.value)));else formData.append(item.name, item.value);
     });
   }
-  formData.append(option.filename, option.file, option.file.name);
+  if (isFormdata) {
+    formData.append(option.filename, option.file, option.file.name);
+  }
   xhr.addEventListener('error', function () {
-    option.onError(new Error('An error occurred during upload'));
+    var msg = new Error(errMsg);
+    var responseText = getRes(xhr);
+    if (responseText) {
+      msg = new Error(responseText.message || errMsg);
+    }
+    console.log(responseText, msg);
+    option.onError(msg);
+    // option.onError(new Error('An error occurred during upload'));
   });
   xhr.addEventListener('load', function () {
     if (xhr.status < 200 || xhr.status >= 300) {
-      return option.onError(new Error('An error occurred during upload'));
+      var responseText = getRes(xhr);
+      var msg = new Error(errMsg);
+      if (responseText) {
+        msg = new Error(responseText.message || errMsg);
+      }
+      return option.onError(msg);
     }
     option.onSuccess(getRes(xhr));
   });
@@ -2128,13 +2192,13 @@ var ajaxUpload = function ajaxUpload(option) {
       xhr.setRequestHeader(key, String(value));
     }
   }
-  xhr.send(formData);
+  xhr.send(isFormdata ? formData : option.file);
   return xhr;
 };
 // 该方法用于在不同的浏览器使用不同的方式
 var blobSlice = File.prototype.slice || File.prototype.mozSlice || File.prototype.webkitSlice;
 var ajaxSliceUpload = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/regenerator_default().mark(function _callee(option) {
+  var _ref = _asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee(option) {
     var chunkSize, file, blockCount, hash, progressList;
     return regenerator_default().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -2168,10 +2232,15 @@ var ajaxSliceUpload = /*#__PURE__*/function () {
             req.open(option.method, option.mergeUrl, true);
             req.onreadystatechange = function () {
               if (req.readyState === 4) {
+                var responseText = getRes(req);
                 if (req.status < 200 || req.status >= 300) {
-                  return option.onError(new Error('An error occurred during upload'));
+                  var msg = new Error(errMsg);
+                  if (responseText) {
+                    msg = new Error(responseText.message || errMsg);
+                  }
+                  return option.onError(msg);
                 }
-                option.onSuccess(getRes(req));
+                option.onSuccess(responseText);
               }
             };
             req.onloadend = function () {
@@ -2193,7 +2262,6 @@ var ajaxSliceUpload = /*#__PURE__*/function () {
 // 请求分片上传，保存在progressList中
 var sliceSend = function sliceSend(option, file, blockCount, hash, progressList, chunkSize) {
   var _loop = function _loop(i) {
-    // eslint-disable-next-line no-loop-func
     var pooltask = new Promise(function (resolve, reject) {
       var start = i * chunkSize;
       var end = Math.min(file.size, start + chunkSize);
@@ -2231,10 +2299,14 @@ var sliceSend = function sliceSend(option, file, blockCount, hash, progressList,
       var xhr = new XMLHttpRequest();
       xhr.onreadystatechange = function () {
         if (xhr.readyState === 4) {
-          var res = getRes(xhr);
+          var responseText = getRes(xhr);
           if (xhr.status < 200 || xhr.status >= 300) {
-            reject(res);
-            option.onError(new Error('An error occurred during upload'));
+            reject(responseText);
+            var msg = new Error(errMsg);
+            if (responseText) {
+              msg = new Error(responseText.message || errMsg);
+            }
+            option.onError(msg);
           } else {
             resolve('reponseText');
           }
@@ -2312,7 +2384,7 @@ var hashFile = function hashFile(file, chunkSize) {
       }
     };
     fileReader.onerror = function () {
-      reject(new Error('File slcie failed'));
+      reject(new Error('File slice failed'));
     };
     loadNext();
   })["catch"](function (err) {
@@ -2423,7 +2495,7 @@ function buildFileId(index) {
     return _handleRemove.apply(this, arguments);
   }
   function _handleRemove() {
-    _handleRemove = _asyncToGenerator( /*#__PURE__*/regenerator_default().mark(function _callee(file) {
+    _handleRemove = _asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee(file) {
       var uploadFile, remove, _props$beforeRemove, before;
       return regenerator_default().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -2464,7 +2536,7 @@ function buildFileId(index) {
     return _handleError.apply(this, arguments);
   }
   function _handleError() {
-    _handleError = _asyncToGenerator( /*#__PURE__*/regenerator_default().mark(function _callee2(err, rawFile, res) {
+    _handleError = _asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee2(err, rawFile, res) {
       var file;
       return regenerator_default().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -2491,7 +2563,7 @@ function buildFileId(index) {
     return _handleSuccess.apply(this, arguments);
   }
   function _handleSuccess() {
-    _handleSuccess = _asyncToGenerator( /*#__PURE__*/regenerator_default().mark(function _callee3(res, rawFile) {
+    _handleSuccess = _asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee3(res, rawFile) {
       var file;
       return regenerator_default().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
@@ -2517,7 +2589,7 @@ function buildFileId(index) {
     return _handleProgress.apply(this, arguments);
   }
   function _handleProgress() {
-    _handleProgress = _asyncToGenerator( /*#__PURE__*/regenerator_default().mark(function _callee4(event, rawFile) {
+    _handleProgress = _asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee4(event, rawFile) {
       var file;
       return regenerator_default().wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
@@ -2569,9 +2641,9 @@ function buildFileId(index) {
 
 
 
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = upload_unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function upload_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return upload_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 upload_arrayLikeToArray(o, minLen); }
-function upload_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 _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = upload_unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function upload_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return upload_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) ? upload_arrayLikeToArray(r, a) : void 0; } }
+function upload_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; }
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -2609,7 +2681,7 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
 /* harmony default export */ const upload = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'Upload',
   props: props,
-  emits: ['exceed', 'progress', 'success', 'error', 'delete', 'done'],
+  emits: ['exceed', 'progress', 'success', 'error', 'delete', 'done', 'preview'],
   setup: function setup(props, _ref) {
     var slots = _ref.slots,
       emit = _ref.emit,
@@ -2624,8 +2696,8 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
       return isPhotowall.value && !props.multiple;
     });
     var classNames = (0,external_vue_namespaceObject.computed)(function () {
-      var _props$extCls;
-      return (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(resolveClassName(CLASS_PREFIX)), true), "".concat(resolveClassName(CLASS_PREFIX), "--").concat(props.theme), true), "".concat(resolveClassName(CLASS_PREFIX), "--disabled"), props.disabled), "".concat(resolveClassName(CLASS_PREFIX), "--single-picture"), isSinglePhoto.value), props.extCls, (_props$extCls = props.extCls) !== null && _props$extCls !== void 0 ? _props$extCls : false));
+      var _props$extCls, _classes;
+      return (0,shared_namespaceObject.classes)((_classes = {}, _defineProperty(_classes, "".concat(resolveClassName(CLASS_PREFIX)), true), _defineProperty(_classes, "".concat(resolveClassName(CLASS_PREFIX), "--").concat(props.theme), true), _defineProperty(_classes, "".concat(resolveClassName(CLASS_PREFIX), "--disabled"), props.disabled), _defineProperty(_classes, "".concat(resolveClassName(CLASS_PREFIX), "--single-picture"), isSinglePhoto.value), _defineProperty(_classes, props.extCls, (_props$extCls = props.extCls) !== null && _props$extCls !== void 0 ? _props$extCls : false), _classes));
     });
     var triggerProps = (0,external_vue_namespaceObject.computed)(function () {
       return {
@@ -2633,6 +2705,7 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
         multiple: props.multiple,
         disabled: props.disabled,
         accept: props.accept,
+        isShowPreview: props.isShowPreview,
         selectChange: props.selectChange
       };
     });
@@ -2687,6 +2760,9 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
         _iterator.f();
       }
     }
+    function handlePreview(file, files) {
+      emit('preview', file, files);
+    }
     function handleRetry(file) {
       send(file.raw);
     }
@@ -2694,7 +2770,7 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
       return _upload.apply(this, arguments);
     }
     function _upload() {
-      _upload = _asyncToGenerator( /*#__PURE__*/regenerator_default().mark(function _callee(file, sendFiles) {
+      _upload = _asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee(file, sendFiles) {
         var beforeResult, _props$beforeUpload;
         return regenerator_default().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -2707,7 +2783,7 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
             case 2:
               _context.prev = 2;
               _context.next = 5;
-              return (_props$beforeUpload = props.beforeUpload) === null || _props$beforeUpload === void 0 ? void 0 : _props$beforeUpload.call(props, file);
+              return (_props$beforeUpload = props.beforeUpload) === null || _props$beforeUpload === void 0 ? void 0 : _props$beforeUpload.call(props, file, sendFiles);
             case 5:
               beforeResult = _context.sent;
               _context.next = 11;
@@ -2734,7 +2810,8 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
       return _upload.apply(this, arguments);
     }
     function send(file, sendFiles) {
-      var headers = props.headers,
+      var type = props.type,
+        headers = props.headers,
         header = props.header,
         data = props.data,
         formDataAttributes = props.formDataAttributes,
@@ -2748,6 +2825,7 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
         customRequest = props.customRequest;
       var uid = file.uid;
       var options = {
+        type: type,
         headers: headers,
         header: header,
         withCredentials: withCredentials,
@@ -2806,7 +2884,7 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
       Object.keys(reqs).forEach(function (uid) {
         if (reqs[uid] instanceof XMLHttpRequest) {
           var xhr = reqs[uid];
-          xhr === null || xhr === void 0 || xhr.abort();
+          xhr === null || xhr === void 0 ? void 0 : xhr.abort();
         }
         delete requests.value[uid];
       });
@@ -2818,6 +2896,7 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
       });
     });
     expose({
+      handlePreview: handlePreview,
       handleRemove: handleRemove,
       handleRetry: handleRetry
     });
@@ -2829,10 +2908,12 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
       }), slots), slots.tip ? slots.tip() : props.tip && (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(resolveClassName(CLASS_PREFIX), "__tip")
       }, [props.tip]), (0,external_vue_namespaceObject.createVNode)(upload_list, {
-        "files": fileList.value,
-        "theme": props.theme,
         "disabled": props.disabled,
+        "files": fileList.value,
+        "isShowPreview": props.isShowPreview,
         "multiple": props.multiple,
+        "theme": props.theme,
+        "onPreview": handlePreview,
         "onRemove": handleRemove,
         "onRetry": handleRetry
       }, {
@@ -2840,6 +2921,7 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
           return isPhotowall.value && (0,external_vue_namespaceObject.createVNode)(upload_trigger, (0,external_vue_namespaceObject.mergeProps)(triggerProps.value, {
             "file": file,
             "onChange": handleFiles,
+            "onPreview": handlePreview,
             "onRemove": handleRemove
           }), slots);
         },