@keyblade/pro-components 1.12.0-alpha.8 → 1.12.1-alpha.10

package/es/pro-image-upload/image-upload.vue.d.ts

@@ -10,13 +10,6 @@ declare const _default: import('vue').DefineComponent<{
     data: {
         type: import('vue').PropType<Record<string, any>>;
     };
-    disabled: {
-        type: import('vue').PropType<boolean>;
-        default: boolean | undefined;
-    };
-    tip: {
-        type: import('vue').PropType<string>;
-    };
     onError: {
         type: import('vue').PropType<(fileItem: FileItem) => void>;
     };
@@ -42,6 +35,9 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<string>;
         default: string | undefined;
     };
+    tip: {
+        type: import('vue').PropType<string>;
+    };
     accept: {
         type: import('vue').PropType<string[]>;
         default: () => string[];
@@ -57,6 +53,10 @@ declare const _default: import('vue').DefineComponent<{
     limit: {
         type: import('vue').PropType<number>;
     };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+        default: boolean | undefined;
+    };
     hideInnerBeforeUploadLoading: {
         type: import('vue').PropType<boolean>;
         default: boolean | undefined;
@@ -122,6 +122,24 @@ declare const _default: import('vue').DefineComponent<{
             download?: boolean | undefined;
             showLink?: boolean | undefined;
             listType?: import('@arco-design/web-vue/es/upload/interfaces').ListType | undefined;
+            readonly data?: Record<string, string | Blob> | ((fileItem: FileItem) => Record<string, string | Blob>) | undefined;
+            style?: unknown;
+            onChange?: ((fileList: FileItem[], fileItem: FileItem) => any) | undefined;
+            onError?: ((fileItem: FileItem) => any) | undefined;
+            onProgress?: ((fileItem: FileItem, ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
+            readonly action?: string | undefined;
+            readonly headers?: Record<string, string> | undefined;
+            readonly name?: string | ((fileItem: FileItem) => string) | undefined;
+            readonly tip?: string | undefined;
+            readonly accept?: string | undefined;
+            onSuccess?: ((fileItem: FileItem) => any) | undefined;
+            readonly onBeforeUpload?: ((file: File) => boolean | Promise<boolean | File>) | undefined;
+            readonly customRequest?: ((option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest) | undefined;
+            readonly imageLoading?: "eager" | "lazy" | undefined;
+            readonly responseUrlKey?: string | ((fileItem: FileItem) => string) | undefined;
+            readonly customIcon?: import('@arco-design/web-vue').CustomIcon | undefined;
+            readonly onBeforeRemove?: ((fileItem: FileItem) => Promise<boolean>) | undefined;
+            readonly onButtonClick?: ((event: Event) => void | Promise<FileList>) | undefined;
             key?: string | number | symbol | undefined;
             ref?: import('vue').VNodeRef | undefined;
             ref_for?: boolean | undefined;
@@ -165,24 +183,6 @@ declare const _default: import('vue').DefineComponent<{
                 [key: string]: any;
             }>) => void)[] | undefined;
             class?: unknown;
-            style?: unknown;
-            readonly data?: Record<string, string | Blob> | ((fileItem: FileItem) => Record<string, string | Blob>) | undefined;
-            readonly tip?: string | undefined;
-            onChange?: ((fileList: FileItem[], fileItem: FileItem) => any) | undefined;
-            onError?: ((fileItem: FileItem) => any) | undefined;
-            onProgress?: ((fileItem: FileItem, ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
-            readonly action?: string | undefined;
-            readonly headers?: Record<string, string> | undefined;
-            readonly name?: string | ((fileItem: FileItem) => string) | undefined;
-            readonly accept?: string | undefined;
-            onSuccess?: ((fileItem: FileItem) => any) | undefined;
-            readonly onBeforeUpload?: ((file: File) => boolean | Promise<boolean | File>) | undefined;
-            readonly customRequest?: ((option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest) | undefined;
-            readonly imageLoading?: "eager" | "lazy" | undefined;
-            readonly responseUrlKey?: string | ((fileItem: FileItem) => string) | undefined;
-            readonly customIcon?: import('@arco-design/web-vue').CustomIcon | undefined;
-            readonly onBeforeRemove?: ((fileItem: FileItem) => Promise<boolean>) | undefined;
-            readonly onButtonClick?: ((event: Event) => void | Promise<FileList>) | undefined;
             onExceedLimit?: ((fileList: FileItem[], files: File[]) => any) | undefined;
             onPreview?: ((fileItem: FileItem) => any) | undefined;
             "onUpdate:fileList"?: ((fileList: FileItem[]) => any) | undefined;
@@ -198,7 +198,7 @@ declare const _default: import('vue').DefineComponent<{
         }>;
         $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: ((event: "error", fileItem: FileItem) => void) & ((event: "success", fileItem: FileItem) => void) & ((event: "progress", fileItem: FileItem, ev?: ProgressEvent<EventTarget> | undefined) => void) & ((event: "preview", fileItem: FileItem) => void) & ((event: "change", fileList: FileItem[], fileItem: FileItem) => void) & ((event: "exceedLimit", fileList: FileItem[], files: File[]) => void) & ((event: "update:fileList", fileList: FileItem[]) => void);
+        $emit: ((event: "progress", fileItem: FileItem, ev?: ProgressEvent<EventTarget> | undefined) => void) & ((event: "success", fileItem: FileItem) => void) & ((event: "error", fileItem: FileItem) => void) & ((event: "preview", fileItem: FileItem) => void) & ((event: "change", fileList: FileItem[], fileItem: FileItem) => void) & ((event: "exceedLimit", fileList: FileItem[], files: File[]) => void) & ((event: "update:fileList", fileList: FileItem[]) => void);
         $el: any;
         $options: import('vue').ComponentOptionsBase<Readonly<{
             fileList?: unknown;
@@ -440,13 +440,6 @@ declare const _default: import('vue').DefineComponent<{
     data: {
         type: import('vue').PropType<Record<string, any>>;
     };
-    disabled: {
-        type: import('vue').PropType<boolean>;
-        default: boolean | undefined;
-    };
-    tip: {
-        type: import('vue').PropType<string>;
-    };
     onError: {
         type: import('vue').PropType<(fileItem: FileItem) => void>;
     };
@@ -472,6 +465,9 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<string>;
         default: string | undefined;
     };
+    tip: {
+        type: import('vue').PropType<string>;
+    };
     accept: {
         type: import('vue').PropType<string[]>;
         default: () => string[];
@@ -487,6 +483,10 @@ declare const _default: import('vue').DefineComponent<{
     limit: {
         type: import('vue').PropType<number>;
     };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+        default: boolean | undefined;
+    };
     hideInnerBeforeUploadLoading: {
         type: import('vue').PropType<boolean>;
         default: boolean | undefined;
@@ -529,11 +529,11 @@ declare const _default: import('vue').DefineComponent<{
 }>> & {
     onCropperImgLoad?: ((value: File) => any) | undefined;
 }, {
-    disabled: boolean;
     name: string;
     accept: string[];
     multiple: boolean;
     singleLimit: number;
+    disabled: boolean;
     hideInnerBeforeUploadLoading: boolean;
 }, {}>;
 export default _default;

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

@@ -1,30 +1,29 @@
-import { defineComponent as ue, ref as m, computed as M, watch as G, resolveComponent as de, openBlock as J, createElementBlock as se, createVNode as ce, normalizeClass as fe, createBlock as ve, createCommentVNode as me } from "vue";
-import { Message as x } from "@arco-design/web-vue";
-import { conclude as L } from "vue-global-config";
+import { defineComponent as ne, ref as m, computed as C, watch as D, resolveComponent as oe, openBlock as te, createElementBlock as ie, createVNode as ue, normalizeClass as re } from "vue";
+import { Message as U } from "@arco-design/web-vue";
+import { conclude as b } from "vue-global-config";
 import { EImageUploadInnerBeforeUploadStep as v } from "./types.js";
-import { defaultImageUploadOptions as U } from "./constant.js";
-import ge from "./cropper.vue.js";
-import { defaultImageUploadCheckOptions as pe, defaultImageUploadCompressorOptions as Ie, defaultImageUploadCropOptions as he, oneTravelImageCheckAndTransform as xe, oneTravelImageCompressor as Ue } from "@keyblade/one-travel";
-const Ce = "keyblade-pro-image-upload";
-var K, X, Y;
-const Oe = /* @__PURE__ */ ue({
+import { defaultImageUploadOptions as x } from "./constant.js";
+import { defaultImageUploadCheckOptions as de, defaultImageUploadCompressorOptions as se, defaultImageUploadCropOptions as ce, oneTravelImageCheckAndTransform as fe, oneTravelImageCompressor as ve } from "@keyblade/one-travel";
+const me = "keyblade-pro-image-upload";
+var G, J, K;
+const Ee = /* @__PURE__ */ ne({
   __name: "image-upload",
   props: {
     action: {},
     handlerResponse: {},
     headers: {},
     data: {},
-    name: { default: (K = U) == null ? void 0 : K.name },
+    name: { default: (G = x) == null ? void 0 : G.name },
     tip: {},
     accept: { default: () => {
       var B;
-      return ((B = U) == null ? void 0 : B.accept) || [];
+      return ((B = x) == null ? void 0 : B.accept) || [];
     } },
-    multiple: { type: Boolean, default: U.multiple },
-    singleLimit: { default: U.singleLimit },
+    multiple: { type: Boolean, default: x.multiple },
+    singleLimit: { default: x.singleLimit },
     limit: {},
-    disabled: { type: Boolean, default: (X = U) == null ? void 0 : X.disabled },
-    hideInnerBeforeUploadLoading: { type: Boolean, default: (Y = U) == null ? void 0 : Y.hideInnerBeforeUploadLoading },
+    disabled: { type: Boolean, default: (J = x) == null ? void 0 : J.disabled },
+    hideInnerBeforeUploadLoading: { type: Boolean, default: (K = x) == null ? void 0 : K.hideInnerBeforeUploadLoading },
     checkOptions: {},
     compressorOptions: {},
     cropOptions: {},
@@ -36,75 +35,67 @@ const Oe = /* @__PURE__ */ ue({
     onInnerBeforeUploadEnd: {}
   },
   emits: ["cropperImgLoad"],
-  setup(B, { expose: Z, emit: _ }) {
-    const e = B, i = defineModel({ required: !0 }), S = m(), O = m(), g = m(), p = m(
+  setup(B, { expose: X, emit: ge }) {
+    const e = B, i = defineModel({ required: !0 }), M = m(), Y = m(), O = m(), g = m(
       []
-    ), o = m(), c = m(), d = m(), A = M(() => e.accept.map((a) => `.${a}`).join(",")), f = M(() => L([e.checkOptions, pe]) || {}), C = M(() => L([e.compressorOptions, Ie]) || {}), y = M(() => L([e.cropOptions, he]) || {}), R = (a) => {
-      var t, r, s, u;
-      const l = (u = (s = (r = (t = S.value) == null ? void 0 : t.$el) == null ? void 0 : r.querySelector) == null ? void 0 : s.call(r, "input")) == null ? void 0 : u.files;
-      return l && l.length > 0 && (d.value = {
-        selectCount: l.length
-      }), e != null && e.onBeforeUpload ? e == null ? void 0 : e.onBeforeUpload(a) : d.value && (e != null && e.singleLimit) && d.value.selectCount > (e == null ? void 0 : e.singleLimit) ? (d.value.handleIndex === void 0 ? (d.value.handleIndex = 0, x.error(`单次最多可选择${e == null ? void 0 : e.singleLimit}张图片`)) : d.value.handleIndex += 1, d.value.handleIndex === d.value.selectCount - 1 && (d.value = void 0), !1) : new Promise(async (E, w) => {
+    ), o = m(), c = m(), d = m(), Z = C(() => e.accept.map((a) => `.${a}`).join(",")), f = C(() => b([e.checkOptions, de]) || {}), p = C(() => b([e.compressorOptions, se]) || {}), y = C(() => b([e.cropOptions, ce]) || {}), _ = (a) => {
+      var t, u, s, r;
+      const n = (r = (s = (u = (t = M.value) == null ? void 0 : t.$el) == null ? void 0 : u.querySelector) == null ? void 0 : s.call(u, "input")) == null ? void 0 : r.files;
+      return n && n.length > 0 && (d.value = {
+        selectCount: n.length
+      }), e != null && e.onBeforeUpload ? e == null ? void 0 : e.onBeforeUpload(a) : d.value && (e != null && e.singleLimit) && d.value.selectCount > (e == null ? void 0 : e.singleLimit) ? (d.value.handleIndex === void 0 ? (d.value.handleIndex = 0, U.error(`单次最多可选择${e == null ? void 0 : e.singleLimit}张图片`)) : d.value.handleIndex += 1, d.value.handleIndex === d.value.selectCount - 1 && (d.value = void 0), !1) : new Promise(async (E, w) => {
         try {
-          E(await oe(a));
+          E(await le(a));
         } catch {
           w();
         } finally {
-          $();
+          L();
         }
       });
+    }, A = async (a) => {
+      const n = i.value.findIndex((t) => t.uid === a.uid);
+      return i.value.splice(n, 1), i.value = [...i.value], !1;
+    }, R = (a, n) => {
+      e != null && e.onExceed ? e == null || e.onExceed(a, n) : (U.error(`单次最多可选择${(e == null ? void 0 : e.limit) || 1}张图片`), i.value = a);
     }, ee = async (a) => {
-      const l = i.value.findIndex((t) => t.uid === a.uid);
-      return i.value.splice(l, 1), i.value = [...i.value], !1;
-    }, ae = (a, l) => {
-      e != null && e.onExceed ? e == null || e.onExceed(a, l) : (x.error(`单次最多可选择${(e == null ? void 0 : e.limit) || 1}张图片`), i.value = a);
-    }, le = async (a) => {
       if (e != null && e.onSuccess)
         e == null || e.onSuccess(a);
       else {
         if (!(e != null && e.handlerResponse))
           return;
-        const l = await e.handlerResponse(a.response), t = i.value.findIndex((r) => r.uid === a.uid);
-        l.success ? i.value[t] = {
+        const n = await e.handlerResponse(a.response), t = i.value.findIndex((u) => u.uid === a.uid);
+        n.success ? i.value[t] = {
           ...i.value[t],
-          ...l
+          ...n
         } : i.value.splice(t, 1);
       }
-    }, ne = (a) => {
+    }, ae = (a) => {
       e != null && e.onError ? e == null || e.onError(a) : setTimeout(() => {
-        const l = i.value.findIndex((t) => t.uid === a.uid);
-        i.value.splice(l, 1);
+        const n = i.value.findIndex((t) => t.uid === a.uid);
+        i.value.splice(n, 1);
       });
-    }, oe = (a) => new Promise((l, t) => {
-      p.value.push({ file: a, resolve: l, reject: t }), p.value.length === 1 && !o.value && $();
-    }), $ = () => {
-      o.value === void 0 ? o.value = 0 : o.value + 1 >= p.value.length ? (o.value = void 0, p.value = []) : o.value += 1;
-    }, te = () => {
-      var a;
-      (a = g.value) == null || a.reject();
-    }, ie = (a) => {
-      var l;
-      (l = g.value) == null || l.resolve(a);
-    }, re = (a) => {
-      _("cropperImgLoad", a);
+    }, le = (a) => new Promise((n, t) => {
+      g.value.push({ file: a, resolve: n, reject: t }), g.value.length === 1 && !o.value && L();
+    }), L = () => {
+      o.value === void 0 ? o.value = 0 : o.value + 1 >= g.value.length ? (o.value = void 0, g.value = []) : o.value += 1;
     };
-    G(o, async () => {
-      var E, w, b, k, F, z, j, Q, H, W, N, P, T, q, V, D;
-      if (o.value === void 0 || p.value.length === 0)
+    D(o, async () => {
+      var E, w, S, $, F, z, j, k, Q, H, W, P, T, q, N, V;
+      if (o.value === void 0 || g.value.length === 0)
         return;
-      const a = p.value[o.value], { file: l, resolve: t, reject: r } = a;
-      let s = l.name, u = l;
+      const a = g.value[o.value], { file: n, resolve: t, reject: u } = a;
+      let s = n.name, r = n;
       if ((E = f.value) != null && E.enable) {
         c.value = {
           loading: !0,
           text: `第${o.value + 1}张图片检测中，请稍等`
         }, (w = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || w.call(
           e,
-          l,
+          n,
           o.value,
           v.check
         );
-        const n = await xe(l, l.name, {
+        const l = await fe(n, n.name, {
           imageMaxSize: f.value.maxSize,
           imageAllowedType: f.value.allowedType,
           imageMinWidth: f.value.minWidth,
@@ -112,39 +103,39 @@ const Oe = /* @__PURE__ */ ue({
           imageMaxWidth: f.value.maxWidth,
           imageMaxHeight: f.value.maxHeight
         });
-        if (c.value = void 0, (b = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || b.call(
+        if (c.value = void 0, (S = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || S.call(
           e,
-          l,
+          n,
           o.value,
           v.check,
           {
-            success: n.success,
-            error: n == null ? void 0 : n.error,
-            errorMessage: n == null ? void 0 : n.errorMessage
+            success: l.success,
+            error: l == null ? void 0 : l.error,
+            errorMessage: l == null ? void 0 : l.errorMessage
           }
-        ), !n.success)
-          return (k = f.value) != null && k.showErrorMessage && x.error((n == null ? void 0 : n.errorMessage) || "图片校验及转换失败"), r();
-        if (n != null && n.hasTransform) {
-          const h = s == null ? void 0 : s.split(".");
-          h.pop(), s = `${h.join(",")}.jpg`, u = new File([n.file], s, {
-            type: n.file.type
+        ), !l.success)
+          return ($ = f.value) != null && $.showErrorMessage && U.error((l == null ? void 0 : l.errorMessage) || "图片校验及转换失败"), u();
+        if (l != null && l.hasTransform) {
+          const I = s == null ? void 0 : s.split(".");
+          I.pop(), s = `${I.join(",")}.jpg`, r = new File([l.file], s, {
+            type: l.file.type
           });
         } else
-          u = n.file;
+          r = l.file;
       }
       if ((F = y.value) != null && F.enable) {
         (z = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || z.call(
           e,
-          l,
+          n,
           o.value,
           v.crop
         );
         try {
-          (j = y.value) != null && j.customCrop ? u = await y.value.customCrop(u) : u = await new Promise((n, h) => {
-            g.value = { file: u, resolve: n, reject: h };
-          }), (Q = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || Q.call(
+          (j = y.value) != null && j.customCrop ? r = await y.value.customCrop(r) : r = await new Promise((l, I) => {
+            O.value = { file: r, resolve: l, reject: I };
+          }), (k = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || k.call(
             e,
-            l,
+            n,
             o.value,
             v.crop,
             {
@@ -152,9 +143,9 @@ const Oe = /* @__PURE__ */ ue({
             }
           );
         } catch {
-          return (H = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || H.call(
+          return (Q = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || Q.call(
             e,
-            l,
+            n,
             o.value,
             v.crop,
             {
@@ -164,109 +155,98 @@ const Oe = /* @__PURE__ */ ue({
               },
               errorMessage: "图片剪裁失败"
             }
-          ), (W = y.value) != null && W.showErrorMessage && x.error("图片剪裁失败"), r();
+          ), (H = y.value) != null && H.showErrorMessage && U.error("图片剪裁失败"), u();
         } finally {
-          g.value = void 0;
+          O.value = void 0;
         }
       }
-      if ((N = C.value) != null && N.enable) {
+      if ((W = p.value) != null && W.enable) {
         c.value = {
           loading: !0,
           text: `第${o.value + 1}张图片处理中，请稍等`
         }, (P = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || P.call(
           e,
-          l,
+          n,
           o.value,
           v.compress
         );
-        const n = await Ue(u, {
-          maxSize: C.value.maxSize,
-          size: C.value.size,
-          excludeAllowedTypes: (T = C.value.excludeAllowedTypes) == null ? void 0 : T.map((h) => `image/${h}`)
+        const l = await ve(r, {
+          maxSize: p.value.maxSize,
+          size: p.value.size,
+          excludeAllowedTypes: (T = p.value.excludeAllowedTypes) == null ? void 0 : T.map((I) => `image/${I}`)
         });
         if (c.value = void 0, (q = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || q.call(
           e,
-          l,
+          n,
           o.value,
           v.compress,
           {
-            success: n.success,
+            success: l.success,
             error: {
               compress: !0
             },
-            errorMessage: n == null ? void 0 : n.errorMessage
+            errorMessage: l == null ? void 0 : l.errorMessage
           }
-        ), !n.success)
-          return (V = C.value) != null && V.showErrorMessage && x.error((n == null ? void 0 : n.errorMessage) || "图片压缩失败"), r();
-        u = new File([n.file], s, {
-          type: n.file.type
+        ), !l.success)
+          return (N = p.value) != null && N.showErrorMessage && U.error((l == null ? void 0 : l.errorMessage) || "图片压缩失败"), u();
+        r = new File([l.file], s, {
+          type: l.file.type
         });
       }
-      c.value = void 0, (D = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || D.call(
+      c.value = void 0, (V = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || V.call(
         e,
-        l,
+        n,
         o.value,
         v.all,
         {
           success: !0
         }
-      ), t(u);
+      ), t(r);
     });
-    let I;
-    return G(
+    let h;
+    return D(
       () => c.value,
       () => {
         var a;
-        c.value ? I = x.loading({
+        c.value ? h = U.loading({
           content: c.value.text,
           id: "image-upload-id",
           duration: 0
-        }) : (a = I == null ? void 0 : I.close) == null || a.call(I);
+        }) : (a = h == null ? void 0 : h.close) == null || a.call(h);
       }
-    ), Z({
-      uploadInsRef: S,
-      cropperInsRef: O
-    }), (a, l) => {
-      const t = de("a-upload");
-      return J(), se("div", null, [
-        ce(t, {
-          class: fe([`${Ce}-upload`]),
+    ), X({
+      uploadInsRef: M,
+      cropperInsRef: Y
+    }), (a, n) => {
+      const t = oe("a-upload");
+      return te(), ie("div", null, [
+        ue(t, {
+          class: re([`${me}-upload`]),
           ref_key: "uploadInsRef",
-          ref: S,
+          ref: M,
           "list-type": "picture-card",
           tip: a.tip || "上传",
           "image-preview": "",
           "file-list": i.value,
-          "onUpdate:fileList": l[0] || (l[0] = (r) => i.value = r),
+          "onUpdate:fileList": n[0] || (n[0] = (u) => i.value = u),
           action: a.action,
           headers: a.headers,
           data: a.data,
           name: a.name,
-          accept: A.value,
+          accept: Z.value,
           multiple: a.multiple,
           limit: a.limit,
           disabled: a.disabled,
-          "on-before-upload": R,
-          "on-before-remove": ee,
-          onExceedLimit: ae,
-          onSuccess: le,
-          onError: ne
-        }, null, 8, ["class", "tip", "file-list", "action", "headers", "data", "name", "accept", "multiple", "limit", "disabled"]),
-        g.value && o.value !== void 0 ? (J(), ve(ge, {
-          key: 0,
-          ref_key: "cropperInsRef",
-          ref: O,
-          file: g.value.file,
-          index: o.value,
-          options: y.value,
-          onCancel: te,
-          onConfirm: ie,
-          onImgLoad: re
-        }, null, 8, ["file", "index", "options"])) : me("", !0)
+          "on-before-upload": _,
+          "on-before-remove": A,
+          onExceedLimit: R,
+          onSuccess: ee,
+          onError: ae
+        }, null, 8, ["class", "tip", "file-list", "action", "headers", "data", "name", "accept", "multiple", "limit", "disabled"])
       ]);
     };
   }
 });
 export {
-  Oe as default
+  Ee as default
 };