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

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

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