@keyblade/pro-components 1.13.8-alpha.39 → 1.13.8-alpha.40

package/es/pro-image-upload/image-upload.vue.js

@@ -1,33 +1,33 @@
-var Ce = Object.defineProperty;
-var _ = Object.getOwnPropertySymbols;
-var ye = Object.prototype.hasOwnProperty, Be = Object.prototype.propertyIsEnumerable;
-var ee = (s, c, r) => c in s ? Ce(s, c, { enumerable: !0, configurable: !0, writable: !0, value: r }) : s[c] = r, Q = (s, c) => {
-  for (var r in c || (c = {}))
-    ye.call(c, r) && ee(s, r, c[r]);
-  if (_)
-    for (var r of _(c))
-      Be.call(c, r) && ee(s, r, c[r]);
-  return s;
+var ye = Object.defineProperty;
+var ee = Object.getOwnPropertySymbols;
+var Ce = Object.prototype.hasOwnProperty, Be = Object.prototype.propertyIsEnumerable;
+var ae = (d, s, u) => s in d ? ye(d, s, { enumerable: !0, configurable: !0, writable: !0, value: u }) : d[s] = u, Q = (d, s) => {
+  for (var u in s || (s = {}))
+    Ce.call(s, u) && ae(d, u, s[u]);
+  if (ee)
+    for (var u of ee(s))
+      Be.call(s, u) && ae(d, u, s[u]);
+  return d;
 };
-var b = (s, c, r) => new Promise((O, i) => {
+var b = (d, s, u) => new Promise((O, i) => {
   var e = (v) => {
     try {
-      x(r.next(v));
+      x(u.next(v));
     } catch (m) {
       i(m);
     }
   }, z = (v) => {
     try {
-      x(r.throw(v));
+      x(u.throw(v));
     } catch (m) {
       i(m);
     }
   }, x = (v) => v.done ? O(v.value) : Promise.resolve(v.value).then(e, z);
-  x((r = r.apply(s, c)).next());
+  x((u = u.apply(d, s)).next());
 });
-import { defineComponent as we, mergeModels as ae, useSlots as Ee, useModel as Me, ref as U, computed as L, watch as le, resolveComponent as Se, createElementBlock as be, openBlock as oe, createVNode as Le, createBlock as Oe, createCommentVNode as $e, normalizeClass as ke, createSlots as ze, withCtx as ne, unref as te, renderSlot as ie } from "vue";
-import { Message as C } from "@arco-design/web-vue";
-import { conclude as T } from "vue-global-config";
+import { defineComponent as we, mergeModels as le, useSlots as Ee, useModel as Me, ref as U, computed as L, watch as oe, createElementBlock as Se, openBlock as ne, createVNode as be, createBlock as Le, createCommentVNode as Oe, unref as T, normalizeClass as $e, createSlots as ke, withCtx as te, renderSlot as ie } from "vue";
+import { Message as y, Upload as ze } from "@arco-design/web-vue";
+import { conclude as V } from "vue-global-config";
 import { EImageUploadInnerBeforeUploadStep as I } from "./types.js";
 import { defaultImageUploadOptions as E } from "./constant.js";
 import je from "./cropper.vue.js";
@@ -36,7 +36,7 @@ const He = "keyblade-pro-image-upload";
 var re, ue, de;
 const Ne = /* @__PURE__ */ we({
   __name: "image-upload",
-  props: /* @__PURE__ */ ae({
+  props: /* @__PURE__ */ le({
     action: {},
     handlerResponse: {},
     headers: {},
@@ -44,8 +44,8 @@ const Ne = /* @__PURE__ */ we({
     name: { default: (re = E) == null ? void 0 : re.name },
     tip: {},
     accept: { default: () => {
-      var s;
-      return ((s = E) == null ? void 0 : s.accept) || [];
+      var d;
+      return ((d = E) == null ? void 0 : d.accept) || [];
     } },
     multiple: { type: Boolean, default: E.multiple },
     singleLimit: { default: E.singleLimit },
@@ -67,20 +67,20 @@ const Ne = /* @__PURE__ */ we({
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ ae(["cropperImgLoad"], ["update:modelValue"]),
-  setup(s, { expose: c, emit: r }) {
-    const O = Ee(), i = Me(s, "modelValue"), e = s, z = r, x = U(), v = U(), m = U(), y = U([]), n = U(), p = U(), g = U(), se = L(() => e.accept.map((a) => `.${a}`).join(",")), h = L(() => T([e.checkOptions, Qe]) || {}), M = L(() => T([e.compressorOptions, Te]) || {}), S = L(() => T([e.cropOptions, Ve]) || {}), ce = (a) => {
-      var t, f, u, d;
-      const l = (d = (u = (f = (t = x.value) == null ? void 0 : t.$el) == null ? void 0 : f.querySelector) == null ? void 0 : u.call(f, "input")) == null ? void 0 : d.files;
+  emits: /* @__PURE__ */ le(["cropperImgLoad"], ["update:modelValue"]),
+  setup(d, { expose: s, emit: u }) {
+    const O = Ee(), i = Me(d, "modelValue"), e = d, z = u, x = U(), v = U(), m = U(), C = U([]), n = U(), p = U(), g = U(), se = L(() => e.accept.map((a) => `.${a}`).join(",")), h = L(() => V([e.checkOptions, Qe]) || {}), M = L(() => V([e.compressorOptions, Te]) || {}), S = L(() => V([e.cropOptions, Ve]) || {}), ce = (a) => {
+      var t, c, r, f;
+      const l = (f = (r = (c = (t = x.value) == null ? void 0 : t.$el) == null ? void 0 : c.querySelector) == null ? void 0 : r.call(c, "input")) == null ? void 0 : f.files;
       return l && l.length > 0 && (g.value = {
         selectCount: l.length
-      }), e != null && e.onBeforeUpload ? e == null ? void 0 : e.onBeforeUpload(a) : g.value && (e != null && e.singleLimit) && g.value.selectCount > (e == null ? void 0 : e.singleLimit) ? (g.value.handleIndex === void 0 ? (g.value.handleIndex = 0, C.clear(), C.error(`单次最多可选择${e == null ? void 0 : e.singleLimit}张图片`)) : g.value.handleIndex += 1, g.value.handleIndex === g.value.selectCount - 1 && (g.value = void 0), !1) : new Promise(($, k) => b(null, null, function* () {
+      }), e != null && e.onBeforeUpload ? e == null ? void 0 : e.onBeforeUpload(a) : g.value && (e != null && e.singleLimit) && g.value.selectCount > (e == null ? void 0 : e.singleLimit) ? (g.value.handleIndex === void 0 ? (g.value.handleIndex = 0, y.clear(), y.error(`单次最多可选择${e == null ? void 0 : e.singleLimit}张图片`)) : g.value.handleIndex += 1, g.value.handleIndex === g.value.selectCount - 1 && (g.value = void 0), !1) : new Promise(($, k) => b(null, null, function* () {
         try {
           $(yield pe(a));
         } catch (j) {
           k();
         } finally {
-          V();
+          W();
         }
       }));
     }, fe = (a) => b(null, null, function* () {
@@ -88,14 +88,14 @@ const Ne = /* @__PURE__ */ we({
       return i.value.splice(l, 1), i.value = [...i.value], !1;
     }), ve = (a, l) => {
       var t;
-      e != null && e.onExceed ? e == null || e.onExceed(a, l) : (C.error((t = e.exceedTip) != null ? t : `超过数量上限，最多上传${(e == null ? void 0 : e.limit) || 1}张`), i.value = a);
+      e != null && e.onExceed ? e == null || e.onExceed(a, l) : (y.error((t = e.exceedTip) != null ? t : `超过数量上限，最多上传${(e == null ? void 0 : e.limit) || 1}张`), i.value = a);
     }, me = (a) => b(null, null, function* () {
       if (e != null && e.onSuccess)
         e == null || e.onSuccess(a);
       else {
         if (!(e != null && e.handlerResponse))
           return;
-        const l = yield e.handlerResponse(a.response), t = i.value.findIndex((f) => f.uid === a.uid);
+        const l = yield e.handlerResponse(a.response), t = i.value.findIndex((c) => c.uid === a.uid);
         l.success ? i.value[t] && (i.value[t] = Q(Q({}, i.value[t]), l)) : i.value.splice(t, 1);
       }
     }), ge = (a) => {
@@ -104,9 +104,9 @@ const Ne = /* @__PURE__ */ we({
         i.value.splice(l, 1);
       });
     }, pe = (a) => new Promise((l, t) => {
-      y.value.push({ file: a, resolve: l, reject: t }), y.value.length === 1 && !n.value && V();
-    }), V = () => {
-      n.value === void 0 ? n.value = 0 : n.value + 1 >= y.value.length ? (n.value = void 0, y.value = []) : n.value += 1;
+      C.value.push({ file: a, resolve: l, reject: t }), C.value.length === 1 && !n.value && W();
+    }), W = () => {
+      n.value === void 0 ? n.value = 0 : n.value + 1 >= C.value.length ? (n.value = void 0, C.value = []) : n.value += 1;
     }, he = () => {
       var a;
       (a = m.value) == null || a.reject();
@@ -116,14 +116,14 @@ const Ne = /* @__PURE__ */ we({
     }, xe = (a) => {
       z("cropperImgLoad", a);
     };
-    le(n, () => b(null, null, function* () {
-      var $, k, j, W, F, H, P, q, D, G, J, K, X, Y, Z, N, A, R;
-      if (n.value === void 0 || y.value.length === 0)
+    oe(n, () => b(null, null, function* () {
+      var $, k, j, F, H, P, q, D, G, J, K, X, Y, Z, N, A, R, _;
+      if (n.value === void 0 || C.value.length === 0)
         return;
-      const a = y.value[n.value];
+      const a = C.value[n.value];
       if (!a) return;
-      const { file: l, resolve: t, reject: f } = a;
-      let u = l.name, d = l;
+      const { file: l, resolve: t, reject: c } = a;
+      let r = l.name, f = l;
       if (($ = h.value) != null && $.enable) {
         p.value = {
           loading: !0,
@@ -153,26 +153,26 @@ const Ne = /* @__PURE__ */ we({
             errorMessage: o == null ? void 0 : o.errorMessage
           }
         ), !o.success)
-          return (W = h.value) != null && W.showErrorMessage && C.error((o == null ? void 0 : o.errorMessage) || "图片校验及转换失败"), f();
+          return (F = h.value) != null && F.showErrorMessage && y.error((o == null ? void 0 : o.errorMessage) || "图片校验及转换失败"), c();
         if (o != null && o.hasTransform) {
-          const w = u == null ? void 0 : u.split(".");
-          w.pop(), u = `${w.join(",")}.jpg`, d = new File([o.file], u, {
+          const w = r == null ? void 0 : r.split(".");
+          w.pop(), r = `${w.join(",")}.jpg`, f = new File([o.file], r, {
             type: o.file.type
           });
         } else
-          d = o.file;
+          f = o.file;
       }
-      if ((F = S.value) != null && F.enable && !((P = (H = u == null ? void 0 : u.toLocaleLowerCase) == null ? void 0 : H.call(u)) != null && P.endsWith(".gif"))) {
-        (q = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || q.call(
+      if ((H = S.value) != null && H.enable && !((q = (P = r == null ? void 0 : r.toLocaleLowerCase) == null ? void 0 : P.call(r)) != null && q.endsWith(".gif"))) {
+        (D = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || D.call(
           e,
           l,
           n.value,
           I.crop
         );
         try {
-          (D = S.value) != null && D.customCrop ? d = yield S.value.customCrop(d) : d = yield new Promise((o, w) => {
-            m.value = { file: d, resolve: o, reject: w };
-          }), (G = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || G.call(
+          (G = S.value) != null && G.customCrop ? f = yield S.value.customCrop(f) : f = yield new Promise((o, w) => {
+            m.value = { file: f, resolve: o, reject: w };
+          }), (J = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || J.call(
             e,
             l,
             n.value,
@@ -182,7 +182,7 @@ const Ne = /* @__PURE__ */ we({
             }
           );
         } catch (o) {
-          return (J = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || J.call(
+          return (K = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || K.call(
             e,
             l,
             n.value,
@@ -194,27 +194,27 @@ const Ne = /* @__PURE__ */ we({
               },
               errorMessage: "图片剪裁失败"
             }
-          ), (K = S.value) != null && K.showErrorMessage && C.error("图片剪裁失败"), f();
+          ), (X = S.value) != null && X.showErrorMessage && y.error("图片剪裁失败"), c();
         } finally {
           m.value = void 0;
         }
       }
-      if ((X = M.value) != null && X.enable) {
+      if ((Y = M.value) != null && Y.enable) {
         p.value = {
           loading: !0,
           text: `第${n.value + 1}张图片处理中，请稍等`
-        }, (Y = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || Y.call(
+        }, (Z = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || Z.call(
           e,
           l,
           n.value,
           I.compress
         );
-        const o = yield Fe(d, {
+        const o = yield Fe(f, {
           maxSize: M.value.maxSize,
           size: M.value.size,
-          excludeAllowedTypes: (Z = M.value.excludeAllowedTypes) == null ? void 0 : Z.map((w) => `${w}`)
+          excludeAllowedTypes: (N = M.value.excludeAllowedTypes) == null ? void 0 : N.map((w) => `${w}`)
         });
-        if (p.value = void 0, (N = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || N.call(
+        if (p.value = void 0, (A = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || A.call(
           e,
           l,
           n.value,
@@ -227,12 +227,12 @@ const Ne = /* @__PURE__ */ we({
             errorMessage: o == null ? void 0 : o.errorMessage
           }
         ), !o.success)
-          return (A = M.value) != null && A.showErrorMessage && C.error((o == null ? void 0 : o.errorMessage) || "图片压缩失败"), f();
-        d = new File([o.file], u, {
+          return (R = M.value) != null && R.showErrorMessage && y.error((o == null ? void 0 : o.errorMessage) || "图片压缩失败"), c();
+        f = new File([o.file], r, {
           type: o.file.type
         });
       }
-      p.value = void 0, (R = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || R.call(
+      p.value = void 0, (_ = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || _.call(
         e,
         l,
         n.value,
@@ -240,14 +240,14 @@ const Ne = /* @__PURE__ */ we({
         {
           success: !0
         }
-      ), t(d);
+      ), t(f);
     }));
     let B;
-    le(
+    oe(
       () => p.value,
       () => {
         var a;
-        p.value ? B = C.loading({
+        p.value ? B = y.loading({
           content: p.value.text,
           id: "image-upload-id",
           duration: 0
@@ -255,23 +255,22 @@ const Ne = /* @__PURE__ */ we({
       }
     );
     const Ue = L(() => i.value.every((a) => a.status && ["done", "error"].includes(a.status)));
-    return c({
+    return s({
       uploadInsRef: x,
       cropperInsRef: v,
       isUploadComplete: Ue
     }), (a, l) => {
-      var f, u;
-      const t = Se("a-upload");
-      return oe(), be("div", null, [
-        Le(t, {
-          class: ke([`${He}-upload`]),
+      var t, c;
+      return ne(), Se("div", null, [
+        be(T(ze), {
+          class: $e([`${He}-upload`]),
           ref_key: "uploadInsRef",
           ref: x,
           "list-type": "picture-card",
           tip: a.tip || "上传",
           "image-preview": "",
           "file-list": i.value,
-          "onUpdate:fileList": l[0] || (l[0] = (d) => i.value = d),
+          "onUpdate:fileList": l[0] || (l[0] = (r) => i.value = r),
           action: a.action,
           headers: a.headers,
           data: a.data,
@@ -285,23 +284,23 @@ const Ne = /* @__PURE__ */ we({
           onExceedLimit: ve,
           onSuccess: me,
           onError: ge
-        }, ze({ _: 2 }, [
-          (f = te(O)) != null && f.image ? {
+        }, ke({ _: 2 }, [
+          (t = T(O)) != null && t.image ? {
             name: "image",
-            fn: ne(({ fileItem: d }) => [
-              ie(a.$slots, "image", { fileItem: d })
+            fn: te(({ fileItem: r }) => [
+              ie(a.$slots, "image", { fileItem: r })
             ]),
             key: "0"
           } : void 0,
-          (u = te(O)) != null && u["upload-button"] ? {
+          (c = T(O)) != null && c["upload-button"] ? {
             name: "upload-button",
-            fn: ne(() => [
+            fn: te(() => [
               ie(a.$slots, "upload-button")
             ]),
             key: "1"
           } : void 0
         ]), 1032, ["class", "tip", "file-list", "action", "headers", "data", "name", "accept", "multiple", "limit", "disabled"]),
-        m.value && n.value !== void 0 ? (oe(), Oe(je, {
+        m.value && n.value !== void 0 ? (ne(), Le(je, {
           key: 0,
           ref_key: "cropperInsRef",
           ref: v,
@@ -311,7 +310,7 @@ const Ne = /* @__PURE__ */ we({
           onCancel: he,
           onConfirm: Ie,
           onImgLoad: xe
-        }, null, 8, ["file", "index", "options"])) : $e("", !0)
+        }, null, 8, ["file", "index", "options"])) : Oe("", !0)
       ]);
     };
   }