@keyblade/pro-components 1.12.1-alpha.13 → 1.12.1-alpha.15

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

@@ -1,10 +1,195 @@
-import { defineComponent as e, openBlock as o, createElementBlock as t } from "vue";
-const p = /* @__PURE__ */ e({
+import { defineComponent as N, mergeModels as F, useModel as X, ref as d, computed as U, watch as T, resolveComponent as Y, openBlock as Z, createElementBlock as A, createVNode as R } from "vue";
+import { Message as I } from "@arco-design/web-vue";
+import { conclude as B } from "vue-global-config";
+import { EImageUploadInnerBeforeUploadStep as u } from "./types.js";
+import { defaultImageUploadOptions as f } from "./constant.js";
+import { defaultImageUploadCheckOptions as ee, defaultImageUploadCompressorOptions as ae, defaultImageUploadCropOptions as oe, oneTravelImageCheckAndTransform as le, oneTravelImageCompressor as te } from "@keyblade/one-travel";
+var q, P, D;
+const fe = /* @__PURE__ */ N({
   __name: "image-upload",
-  setup(n) {
-    return (r, a) => (o(), t("div"));
+  props: /* @__PURE__ */ F({
+    action: {},
+    handlerResponse: {},
+    headers: {},
+    data: {},
+    name: { default: (q = f) == null ? void 0 : q.name },
+    tip: {},
+    accept: { default: () => {
+      var v;
+      return ((v = f) == null ? void 0 : v.accept) || [];
+    } },
+    multiple: { type: Boolean, default: f.multiple },
+    singleLimit: { default: f.singleLimit },
+    limit: {},
+    disabled: { type: Boolean, default: (P = f) == null ? void 0 : P.disabled },
+    hideInnerBeforeUploadLoading: { type: Boolean, default: (D = f) == null ? void 0 : D.hideInnerBeforeUploadLoading },
+    checkOptions: {},
+    compressorOptions: {},
+    cropOptions: {},
+    onSuccess: {},
+    onError: {},
+    onExceed: {},
+    onBeforeUpload: {},
+    onInnerBeforeUploadStart: {},
+    onInnerBeforeUploadEnd: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ F(["cropperImgLoad"], ["update:modelValue"]),
+  setup(v, { expose: G, emit: re }) {
+    X(v, "modelValue");
+    const e = v, J = d(), K = d(), M = d(), w = d(
+      []
+    ), o = d(), r = d();
+    d(), U(() => e.accept.map((i) => `.${i}`).join(","));
+    const n = U(() => B([e.checkOptions, ee]) || {}), g = U(() => B([e.compressorOptions, ae]) || {}), p = U(() => B([e.cropOptions, oe]) || {});
+    T(o, async () => {
+      var y, E, O, C, S, b, _, z, j, L, $, H, V, W, k, Q;
+      if (o.value === void 0 || w.value.length === 0)
+        return;
+      const i = w.value[o.value], { file: l, resolve: h, reject: x } = i;
+      let s = l.name, t = l;
+      if ((y = n.value) != null && y.enable) {
+        r.value = {
+          loading: !0,
+          text: `第${o.value + 1}张图片检测中，请稍等`
+        }, (E = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || E.call(
+          e,
+          l,
+          o.value,
+          u.check
+        );
+        const a = await le(l, l.name, {
+          imageMaxSize: n.value.maxSize,
+          imageAllowedType: n.value.allowedType,
+          imageMinWidth: n.value.minWidth,
+          imageMinHeight: n.value.minHeight,
+          imageMaxWidth: n.value.maxWidth,
+          imageMaxHeight: n.value.maxHeight
+        });
+        if (r.value = void 0, (O = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || O.call(
+          e,
+          l,
+          o.value,
+          u.check,
+          {
+            success: a.success,
+            error: a == null ? void 0 : a.error,
+            errorMessage: a == null ? void 0 : a.errorMessage
+          }
+        ), !a.success)
+          return (C = n.value) != null && C.showErrorMessage && I.error((a == null ? void 0 : a.errorMessage) || "图片校验及转换失败"), x();
+        if (a != null && a.hasTransform) {
+          const m = s == null ? void 0 : s.split(".");
+          m.pop(), s = `${m.join(",")}.jpg`, t = new File([a.file], s, {
+            type: a.file.type
+          });
+        } else
+          t = a.file;
+      }
+      if ((S = p.value) != null && S.enable) {
+        (b = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || b.call(
+          e,
+          l,
+          o.value,
+          u.crop
+        );
+        try {
+          (_ = p.value) != null && _.customCrop ? t = await p.value.customCrop(t) : t = await new Promise((a, m) => {
+            M.value = { file: t, resolve: a, reject: m };
+          }), (z = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || z.call(
+            e,
+            l,
+            o.value,
+            u.crop,
+            {
+              success: !1
+            }
+          );
+        } catch {
+          return (j = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || j.call(
+            e,
+            l,
+            o.value,
+            u.crop,
+            {
+              success: !1,
+              error: {
+                crop: !0
+              },
+              errorMessage: "图片剪裁失败"
+            }
+          ), (L = p.value) != null && L.showErrorMessage && I.error("图片剪裁失败"), x();
+        } finally {
+          M.value = void 0;
+        }
+      }
+      if (($ = g.value) != null && $.enable) {
+        r.value = {
+          loading: !0,
+          text: `第${o.value + 1}张图片处理中，请稍等`
+        }, (H = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || H.call(
+          e,
+          l,
+          o.value,
+          u.compress
+        );
+        const a = await te(t, {
+          maxSize: g.value.maxSize,
+          size: g.value.size,
+          excludeAllowedTypes: (V = g.value.excludeAllowedTypes) == null ? void 0 : V.map((m) => `image/${m}`)
+        });
+        if (r.value = void 0, (W = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || W.call(
+          e,
+          l,
+          o.value,
+          u.compress,
+          {
+            success: a.success,
+            error: {
+              compress: !0
+            },
+            errorMessage: a == null ? void 0 : a.errorMessage
+          }
+        ), !a.success)
+          return (k = g.value) != null && k.showErrorMessage && I.error((a == null ? void 0 : a.errorMessage) || "图片压缩失败"), x();
+        t = new File([a.file], s, {
+          type: a.file.type
+        });
+      }
+      r.value = void 0, (Q = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || Q.call(
+        e,
+        l,
+        o.value,
+        u.all,
+        {
+          success: !0
+        }
+      ), h(t);
+    });
+    let c;
+    return T(
+      () => r.value,
+      () => {
+        var i;
+        r.value ? c = I.loading({
+          content: r.value.text,
+          id: "image-upload-id",
+          duration: 0
+        }) : (i = c == null ? void 0 : c.close) == null || i.call(c);
+      }
+    ), G({
+      uploadInsRef: J,
+      cropperInsRef: K
+    }), (i, l) => {
+      const h = Y("a-upload");
+      return Z(), A("div", null, [
+        R(h, { action: i.action }, null, 8, ["action"])
+      ]);
+    };
   }
 });
 export {
-  p as default
+  fe as default
 };