@keyblade/pro-components 1.12.0-alpha.5 → 1.12.0-alpha.6

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: "change", fileList: FileItem[], fileItem: FileItem) => void) & ((event: "update:fileList", fileList: FileItem[]) => void) & ((event: "exceedLimit", fileList: FileItem[], files: File[]) => void) & ((event: "preview", fileItem: 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;
@@ -207,7 +207,7 @@ declare const _default: import('vue').DefineComponent<{
             action?: unknown;
             disabled?: unknown;
             multiple?: unknown;
-            directory?: unknown; /** 选择的数量 */
+            directory?: unknown;
             draggable?: unknown;
             tip?: unknown;
             headers?: unknown;
@@ -346,7 +346,7 @@ declare const _default: import('vue').DefineComponent<{
         action?: unknown;
         disabled?: unknown;
         multiple?: unknown;
-        directory?: unknown; /** 选择的数量 */
+        directory?: unknown;
         draggable?: unknown;
         tip?: unknown;
         headers?: 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,28 +1,29 @@
-import { defineComponent as V, ref as d, computed as U, watch as F, openBlock as X, createElementBlock as Y } 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 m } from "./constant.js";
-import { defaultImageUploadCheckOptions as Z, defaultImageUploadCompressorOptions as N, defaultImageUploadCropOptions as A, oneTravelImageCheckAndTransform as R, oneTravelImageCompressor as ee } from "@keyblade/one-travel";
-var T, q, P;
-const de = /* @__PURE__ */ V({
+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 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: (T = m) == null ? void 0 : T.name },
+    name: { default: (G = x) == null ? void 0 : G.name },
     tip: {},
     accept: { default: () => {
-      var g;
-      return ((g = m) == null ? void 0 : g.accept) || [];
+      var B;
+      return ((B = x) == null ? void 0 : B.accept) || [];
     } },
-    multiple: { type: Boolean, default: m.multiple },
-    singleLimit: { default: m.singleLimit },
+    multiple: { type: Boolean, default: x.multiple },
+    singleLimit: { default: x.singleLimit },
     limit: {},
-    disabled: { type: Boolean, default: (q = m) == null ? void 0 : q.disabled },
-    hideInnerBeforeUploadLoading: { type: Boolean, default: (P = m) == null ? void 0 : P.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: {},
@@ -34,83 +35,119 @@ const de = /* @__PURE__ */ V({
     onInnerBeforeUploadEnd: {}
   },
   emits: ["cropperImgLoad"],
-  setup(g, { expose: D, emit: ae }) {
-    const e = g;
-    defineModel({ required: !0 });
-    const G = d(), J = d(), B = d(), M = d(
+  setup(B, { expose: X, emit: ge }) {
+    const e = B, i = defineModel({ required: !0 }), M = m(), Y = m(), O = m(), g = m(
       []
-    ), o = d(), r = d();
-    d(), U(() => e.accept.map((u) => `.${u}`).join(","));
-    const n = U(() => x([e.checkOptions, Z]) || {}), v = U(() => x([e.compressorOptions, N]) || {}), p = U(() => x([e.cropOptions, A]) || {});
-    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)
+    ), 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 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) => {
+      if (e != null && e.onSuccess)
+        e == null || e.onSuccess(a);
+      else {
+        if (!(e != null && e.handlerResponse))
+          return;
+        const n = await e.handlerResponse(a.response), t = i.value.findIndex((u) => u.uid === a.uid);
+        n.success ? i.value[t] = {
+          ...i.value[t],
+          ...n
+        } : i.value.splice(t, 1);
+      }
+    }, ae = (a) => {
+      e != null && e.onError ? e == null || e.onError(a) : setTimeout(() => {
+        const n = i.value.findIndex((t) => t.uid === a.uid);
+        i.value.splice(n, 1);
+      });
+    }, 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;
+    };
+    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 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 = {
+      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}张图片检测中，请稍等`
-        }, (y = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || y.call(
+        }, (w = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || w.call(
           e,
-          l,
+          n,
           o.value,
-          i.check
+          v.check
         );
-        const a = await R(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
+        const l = await fe(n, n.name, {
+          imageMaxSize: f.value.maxSize,
+          imageAllowedType: f.value.allowedType,
+          imageMinWidth: f.value.minWidth,
+          imageMinHeight: f.value.minHeight,
+          imageMaxWidth: f.value.maxWidth,
+          imageMaxHeight: f.value.maxHeight
         });
-        if (r.value = void 0, (E = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || E.call(
+        if (c.value = void 0, (S = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || S.call(
           e,
-          l,
+          n,
           o.value,
-          i.check,
+          v.check,
           {
-            success: a.success,
-            error: a == null ? void 0 : a.error,
-            errorMessage: a == null ? void 0 : a.errorMessage
+            success: l.success,
+            error: l == null ? void 0 : l.error,
+            errorMessage: l == null ? void 0 : l.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 f = s == null ? void 0 : s.split(".");
-          f.pop(), s = `${f.join(",")}.jpg`, t = new File([a.file], s, {
-            type: a.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
-          t = a.file;
+          r = l.file;
       }
-      if ((C = p.value) != null && C.enable) {
-        (S = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || S.call(
+      if ((F = y.value) != null && F.enable) {
+        (z = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || z.call(
           e,
-          l,
+          n,
           o.value,
-          i.crop
+          v.crop
         );
         try {
-          (b = p.value) != null && b.customCrop ? t = await p.value.customCrop(t) : t = await new Promise((a, f) => {
-            B.value = { file: t, resolve: a, reject: f };
-          }), (z = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || z.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,
-            i.crop,
+            v.crop,
             {
               success: !1
             }
           );
         } catch {
-          return (_ = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || _.call(
+          return (Q = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || Q.call(
             e,
-            l,
+            n,
             o.value,
-            i.crop,
+            v.crop,
             {
               success: !1,
               error: {
@@ -118,71 +155,98 @@ const de = /* @__PURE__ */ V({
               },
               errorMessage: "图片剪裁失败"
             }
-          ), (j = p.value) != null && j.showErrorMessage && I.error("图片剪裁失败"), h();
+          ), (H = y.value) != null && H.showErrorMessage && U.error("图片剪裁失败"), u();
         } finally {
-          B.value = void 0;
+          O.value = void 0;
         }
       }
-      if ((L = v.value) != null && L.enable) {
-        r.value = {
+      if ((W = p.value) != null && W.enable) {
+        c.value = {
           loading: !0,
           text: `第${o.value + 1}张图片处理中，请稍等`
-        }, ($ = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || $.call(
+        }, (P = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || P.call(
           e,
-          l,
+          n,
           o.value,
-          i.compress
+          v.compress
         );
-        const a = await ee(t, {
-          maxSize: v.value.maxSize,
-          size: v.value.size,
-          excludeAllowedTypes: (H = v.value.excludeAllowedTypes) == null ? void 0 : H.map((f) => `image/${f}`)
+        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 (r.value = void 0, (W = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || W.call(
+        if (c.value = void 0, (q = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || q.call(
           e,
-          l,
+          n,
           o.value,
-          i.compress,
+          v.compress,
           {
-            success: a.success,
+            success: l.success,
             error: {
               compress: !0
             },
-            errorMessage: a == null ? void 0 : a.errorMessage
+            errorMessage: l == null ? void 0 : l.errorMessage
           }
-        ), !a.success)
-          return (k = v.value) != null && k.showErrorMessage && I.error((a == null ? void 0 : a.errorMessage) || "图片压缩失败"), h();
-        t = new File([a.file], s, {
-          type: a.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
         });
       }
-      r.value = void 0, (Q = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || Q.call(
+      c.value = void 0, (V = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || V.call(
         e,
-        l,
+        n,
         o.value,
-        i.all,
+        v.all,
         {
           success: !0
         }
-      ), K(t);
+      ), t(r);
     });
-    let c;
-    return F(
-      () => r.value,
+    let h;
+    return D(
+      () => c.value,
       () => {
-        var u;
-        r.value ? c = I.loading({
-          content: r.value.text,
+        var a;
+        c.value ? h = U.loading({
+          content: c.value.text,
           id: "image-upload-id",
           duration: 0
-        }) : (u = c == null ? void 0 : c.close) == null || u.call(c);
+        }) : (a = h == null ? void 0 : h.close) == null || a.call(h);
       }
-    ), D({
-      uploadInsRef: G,
-      cropperInsRef: J
-    }), (u, l) => (X(), Y("div"));
+    ), 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: M,
+          "list-type": "picture-card",
+          tip: a.tip || "上传",
+          "image-preview": "",
+          "file-list": i.value,
+          "onUpdate:fileList": n[0] || (n[0] = (u) => i.value = u),
+          action: a.action,
+          headers: a.headers,
+          data: a.data,
+          name: a.name,
+          accept: Z.value,
+          multiple: a.multiple,
+          limit: a.limit,
+          disabled: a.disabled,
+          "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 {
-  de as default
+  Ee as default
 };

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

@@ -5,12 +5,46 @@ declare const ProImageUpload: {
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
-            disabled?: boolean | undefined;
             name?: string | undefined;
             accept?: string[] | undefined;
             multiple?: boolean | undefined;
             singleLimit?: number | undefined;
+            disabled?: boolean | undefined;
             hideInnerBeforeUploadLoading?: boolean | undefined;
+            readonly data?: Record<string, any> | undefined;
+            style?: unknown;
+            readonly onError?: ((fileItem: import('@arco-design/web-vue').FileItem) => void) | undefined;
+            readonly action: string;
+            readonly handlerResponse?: ((response: any) => Promise<{
+                [key: string]: any;
+                success: boolean;
+                url?: string | undefined;
+                errorMessage?: string | undefined;
+            }>) | undefined;
+            readonly headers?: Record<string, any> | undefined;
+            readonly tip?: string | undefined;
+            readonly limit?: number | undefined;
+            readonly checkOptions?: import('@keyblade/one-travel').ImageUploadCheckOptions | undefined;
+            readonly compressorOptions?: import('@keyblade/one-travel').ImageUploadCompressorOptions | undefined;
+            readonly cropOptions?: import('@keyblade/one-travel').ImageUploadCropOptions | undefined;
+            readonly onSuccess?: ((fileItem: import('@arco-design/web-vue').FileItem) => void) | undefined;
+            readonly onExceed?: ((fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => void) | undefined;
+            readonly onBeforeUpload?: ((file: File) => boolean | Promise<any>) | undefined;
+            readonly onInnerBeforeUploadStart?: ((file: File, index: number, type: import('./types').EImageUploadInnerBeforeUploadStep) => void) | undefined;
+            readonly onInnerBeforeUploadEnd?: ((file: File, index: number, type: import('./types').EImageUploadInnerBeforeUploadStep, result: {
+                success: boolean;
+                error?: {
+                    size?: boolean | undefined;
+                    format?: boolean | undefined;
+                    transform?: boolean | undefined;
+                    pixel?: boolean | undefined;
+                    compress?: boolean | undefined;
+                    crop?: boolean | undefined;
+                } | undefined;
+                errorMessage?: string | undefined;
+            }) => void) | undefined;
+            onCropperImgLoad?: ((value: File) => any) | undefined;
+            readonly modelValue: import('@arco-design/web-vue').FileItem[];
             key?: string | number | symbol | undefined;
             ref?: import('vue').VNodeRef | undefined;
             ref_for?: boolean | undefined;
@@ -54,40 +88,6 @@ declare const ProImageUpload: {
                 [key: string]: any;
             }>) => void)[] | undefined;
             class?: unknown;
-            style?: unknown;
-            readonly data?: Record<string, any> | undefined;
-            readonly tip?: string | undefined;
-            readonly onError?: ((fileItem: import('@arco-design/web-vue').FileItem) => void) | undefined;
-            readonly action: string;
-            readonly handlerResponse?: ((response: any) => Promise<{
-                [key: string]: any;
-                success: boolean;
-                url?: string | undefined;
-                errorMessage?: string | undefined;
-            }>) | undefined;
-            readonly headers?: Record<string, any> | undefined;
-            readonly limit?: number | undefined;
-            readonly checkOptions?: import('@keyblade/one-travel').ImageUploadCheckOptions | undefined;
-            readonly compressorOptions?: import('@keyblade/one-travel').ImageUploadCompressorOptions | undefined;
-            readonly cropOptions?: import('@keyblade/one-travel').ImageUploadCropOptions | undefined;
-            readonly onSuccess?: ((fileItem: import('@arco-design/web-vue').FileItem) => void) | undefined;
-            readonly onExceed?: ((fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => void) | undefined;
-            readonly onBeforeUpload?: ((file: File) => boolean | Promise<any>) | undefined;
-            readonly onInnerBeforeUploadStart?: ((file: File, index: number, type: import('./types').EImageUploadInnerBeforeUploadStep) => void) | undefined;
-            readonly onInnerBeforeUploadEnd?: ((file: File, index: number, type: import('./types').EImageUploadInnerBeforeUploadStep, result: {
-                success: boolean;
-                error?: {
-                    size?: boolean | undefined;
-                    format?: boolean | undefined;
-                    transform?: boolean | undefined;
-                    pixel?: boolean | undefined;
-                    compress?: boolean | undefined;
-                    crop?: boolean | undefined;
-                } | undefined;
-                errorMessage?: string | undefined;
-            }) => void) | undefined;
-            onCropperImgLoad?: ((value: File) => any) | undefined;
-            readonly modelValue: import('@arco-design/web-vue').FileItem[];
         };
         $attrs: {
             [x: string]: unknown;
@@ -110,13 +110,6 @@ declare const ProImageUpload: {
             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: import('@arco-design/web-vue').FileItem) => void>;
             };
@@ -139,6 +132,9 @@ declare const ProImageUpload: {
                 type: import('vue').PropType<string>;
                 default: string | undefined;
             };
+            tip: {
+                type: import('vue').PropType<string>;
+            };
             accept: {
                 type: import('vue').PropType<string[]>;
                 default: () => string[];
@@ -154,6 +150,10 @@ declare const ProImageUpload: {
             limit: {
                 type: import('vue').PropType<number>;
             };
+            disabled: {
+                type: import('vue').PropType<boolean>;
+                default: boolean | undefined;
+            };
             hideInnerBeforeUploadLoading: {
                 type: import('vue').PropType<boolean>;
                 default: boolean | undefined;
@@ -221,6 +221,24 @@ declare const ProImageUpload: {
                     download?: boolean | undefined;
                     showLink?: boolean | undefined;
                     listType?: import('@arco-design/web-vue/es/upload/interfaces').ListType | undefined;
+                    readonly data?: Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>) | undefined;
+                    style?: unknown;
+                    onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+                    onError?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+                    onProgress?: ((fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
+                    readonly action?: string | undefined;
+                    readonly headers?: Record<string, string> | undefined;
+                    readonly name?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
+                    readonly tip?: string | undefined;
+                    readonly accept?: string | undefined;
+                    onSuccess?: ((fileItem: import('@arco-design/web-vue').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: import('@arco-design/web-vue').FileItem) => string) | undefined;
+                    readonly customIcon?: import('@arco-design/web-vue').CustomIcon | undefined;
+                    readonly onBeforeRemove?: ((fileItem: import('@arco-design/web-vue').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;
@@ -264,24 +282,6 @@ declare const ProImageUpload: {
                         [key: string]: any;
                     }>) => void)[] | undefined;
                     class?: unknown;
-                    style?: unknown;
-                    readonly data?: Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>) | undefined;
-                    readonly tip?: string | undefined;
-                    onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
-                    onError?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
-                    onProgress?: ((fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
-                    readonly action?: string | undefined;
-                    readonly headers?: Record<string, string> | undefined;
-                    readonly name?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
-                    readonly accept?: string | undefined;
-                    onSuccess?: ((fileItem: import('@arco-design/web-vue').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: import('@arco-design/web-vue').FileItem) => string) | undefined;
-                    readonly customIcon?: import('@arco-design/web-vue').CustomIcon | undefined;
-                    readonly onBeforeRemove?: ((fileItem: import('@arco-design/web-vue').FileItem) => Promise<boolean>) | undefined;
-                    readonly onButtonClick?: ((event: Event) => void | Promise<FileList>) | undefined;
                     onExceedLimit?: ((fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => any) | undefined;
                     onPreview?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
                     "onUpdate:fileList"?: ((fileList: import('@arco-design/web-vue').FileItem[]) => any) | undefined;
@@ -297,7 +297,7 @@ declare const ProImageUpload: {
                 }>;
                 $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: import('@arco-design/web-vue').FileItem) => void) & ((event: "success", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "progress", fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => void) & ((event: "change", fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "update:fileList", fileList: import('@arco-design/web-vue').FileItem[]) => void) & ((event: "exceedLimit", fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => void) & ((event: "preview", fileItem: import('@arco-design/web-vue').FileItem) => void);
+                $emit: ((event: "progress", fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => void) & ((event: "success", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "error", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "preview", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "change", fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "exceedLimit", fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => void) & ((event: "update:fileList", fileList: import('@arco-design/web-vue').FileItem[]) => void);
                 $el: any;
                 $options: import('vue').ComponentOptionsBase<Readonly<{
                     fileList?: unknown;
@@ -532,11 +532,11 @@ declare const ProImageUpload: {
         }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             cropperImgLoad: (value: File) => void;
         }, string, {
-            disabled: boolean;
             name: string;
             accept: string[];
             multiple: boolean;
             singleLimit: number;
+            disabled: boolean;
             hideInnerBeforeUploadLoading: boolean;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -566,13 +566,6 @@ declare const ProImageUpload: {
         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: import('@arco-design/web-vue').FileItem) => void>;
         };
@@ -595,6 +588,9 @@ declare const ProImageUpload: {
             type: import('vue').PropType<string>;
             default: string | undefined;
         };
+        tip: {
+            type: import('vue').PropType<string>;
+        };
         accept: {
             type: import('vue').PropType<string[]>;
             default: () => string[];
@@ -610,6 +606,10 @@ declare const ProImageUpload: {
         limit: {
             type: import('vue').PropType<number>;
         };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean | undefined;
+        };
         hideInnerBeforeUploadLoading: {
             type: import('vue').PropType<boolean>;
             default: boolean | undefined;
@@ -677,6 +677,24 @@ declare const ProImageUpload: {
                 download?: boolean | undefined;
                 showLink?: boolean | undefined;
                 listType?: import('@arco-design/web-vue/es/upload/interfaces').ListType | undefined;
+                readonly data?: Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>) | undefined;
+                style?: unknown;
+                onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+                onError?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+                onProgress?: ((fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
+                readonly action?: string | undefined;
+                readonly headers?: Record<string, string> | undefined;
+                readonly name?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
+                readonly tip?: string | undefined;
+                readonly accept?: string | undefined;
+                onSuccess?: ((fileItem: import('@arco-design/web-vue').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: import('@arco-design/web-vue').FileItem) => string) | undefined;
+                readonly customIcon?: import('@arco-design/web-vue').CustomIcon | undefined;
+                readonly onBeforeRemove?: ((fileItem: import('@arco-design/web-vue').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;
@@ -720,24 +738,6 @@ declare const ProImageUpload: {
                     [key: string]: any;
                 }>) => void)[] | undefined;
                 class?: unknown;
-                style?: unknown;
-                readonly data?: Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>) | undefined;
-                readonly tip?: string | undefined;
-                onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
-                onError?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
-                onProgress?: ((fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
-                readonly action?: string | undefined;
-                readonly headers?: Record<string, string> | undefined;
-                readonly name?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
-                readonly accept?: string | undefined;
-                onSuccess?: ((fileItem: import('@arco-design/web-vue').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: import('@arco-design/web-vue').FileItem) => string) | undefined;
-                readonly customIcon?: import('@arco-design/web-vue').CustomIcon | undefined;
-                readonly onBeforeRemove?: ((fileItem: import('@arco-design/web-vue').FileItem) => Promise<boolean>) | undefined;
-                readonly onButtonClick?: ((event: Event) => void | Promise<FileList>) | undefined;
                 onExceedLimit?: ((fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => any) | undefined;
                 onPreview?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
                 "onUpdate:fileList"?: ((fileList: import('@arco-design/web-vue').FileItem[]) => any) | undefined;
@@ -753,7 +753,7 @@ declare const ProImageUpload: {
             }>;
             $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: import('@arco-design/web-vue').FileItem) => void) & ((event: "success", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "progress", fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => void) & ((event: "change", fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "update:fileList", fileList: import('@arco-design/web-vue').FileItem[]) => void) & ((event: "exceedLimit", fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => void) & ((event: "preview", fileItem: import('@arco-design/web-vue').FileItem) => void);
+            $emit: ((event: "progress", fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => void) & ((event: "success", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "error", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "preview", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "change", fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "exceedLimit", fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => void) & ((event: "update:fileList", fileList: import('@arco-design/web-vue').FileItem[]) => void);
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<{
                 fileList?: unknown;
@@ -997,13 +997,6 @@ declare const ProImageUpload: {
     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: import('@arco-design/web-vue').FileItem) => void>;
     };
@@ -1026,6 +1019,9 @@ declare const ProImageUpload: {
         type: import('vue').PropType<string>;
         default: string | undefined;
     };
+    tip: {
+        type: import('vue').PropType<string>;
+    };
     accept: {
         type: import('vue').PropType<string[]>;
         default: () => string[];
@@ -1041,6 +1037,10 @@ declare const ProImageUpload: {
     limit: {
         type: import('vue').PropType<number>;
     };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+        default: boolean | undefined;
+    };
     hideInnerBeforeUploadLoading: {
         type: import('vue').PropType<boolean>;
         default: boolean | undefined;
@@ -1108,6 +1108,24 @@ declare const ProImageUpload: {
             download?: boolean | undefined;
             showLink?: boolean | undefined;
             listType?: import('@arco-design/web-vue/es/upload/interfaces').ListType | undefined;
+            readonly data?: Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>) | undefined;
+            style?: unknown;
+            onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+            onError?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
+            onProgress?: ((fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
+            readonly action?: string | undefined;
+            readonly headers?: Record<string, string> | undefined;
+            readonly name?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
+            readonly tip?: string | undefined;
+            readonly accept?: string | undefined;
+            onSuccess?: ((fileItem: import('@arco-design/web-vue').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: import('@arco-design/web-vue').FileItem) => string) | undefined;
+            readonly customIcon?: import('@arco-design/web-vue').CustomIcon | undefined;
+            readonly onBeforeRemove?: ((fileItem: import('@arco-design/web-vue').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;
@@ -1151,24 +1169,6 @@ declare const ProImageUpload: {
                 [key: string]: any;
             }>) => void)[] | undefined;
             class?: unknown;
-            style?: unknown;
-            readonly data?: Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>) | undefined;
-            readonly tip?: string | undefined;
-            onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
-            onError?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
-            onProgress?: ((fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
-            readonly action?: string | undefined;
-            readonly headers?: Record<string, string> | undefined;
-            readonly name?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
-            readonly accept?: string | undefined;
-            onSuccess?: ((fileItem: import('@arco-design/web-vue').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: import('@arco-design/web-vue').FileItem) => string) | undefined;
-            readonly customIcon?: import('@arco-design/web-vue').CustomIcon | undefined;
-            readonly onBeforeRemove?: ((fileItem: import('@arco-design/web-vue').FileItem) => Promise<boolean>) | undefined;
-            readonly onButtonClick?: ((event: Event) => void | Promise<FileList>) | undefined;
             onExceedLimit?: ((fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => any) | undefined;
             onPreview?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
             "onUpdate:fileList"?: ((fileList: import('@arco-design/web-vue').FileItem[]) => any) | undefined;
@@ -1184,7 +1184,7 @@ declare const ProImageUpload: {
         }>;
         $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: import('@arco-design/web-vue').FileItem) => void) & ((event: "success", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "progress", fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => void) & ((event: "change", fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "update:fileList", fileList: import('@arco-design/web-vue').FileItem[]) => void) & ((event: "exceedLimit", fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => void) & ((event: "preview", fileItem: import('@arco-design/web-vue').FileItem) => void);
+        $emit: ((event: "progress", fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => void) & ((event: "success", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "error", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "preview", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "change", fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "exceedLimit", fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => void) & ((event: "update:fileList", fileList: import('@arco-design/web-vue').FileItem[]) => void);
         $el: any;
         $options: import('vue').ComponentOptionsBase<Readonly<{
             fileList?: unknown;
@@ -1419,11 +1419,11 @@ declare const ProImageUpload: {
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     cropperImgLoad: (value: File) => void;
 }, string, {
-    disabled: boolean;
     name: string;
     accept: string[];
     multiple: boolean;
     singleLimit: number;
+    disabled: boolean;
     hideInnerBeforeUploadLoading: boolean;
 }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install: (app: App) => void;

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

@@ -1,11 +1,10 @@
-import e from "./image-upload.vue.js";
-import { Modal as s, Upload as t, Button as l, Tooltip as m, Spin as n, Space as u, Message as a } from "@arco-design/web-vue";
-const r = Object.assign(e, {
-  install: (o) => {
-    o.use(s), o.use(t), o.use(l), o.use(m), o.use(n), o.use(u), o.use(a), o.component("KbProImageUpload", e);
+import o from "./image-upload.vue.js";
+const t = Object.assign(o, {
+  install: (a) => {
+    a.component("KbProImageUpload", o);
   }
-}), d = r;
+}), m = t;
 export {
-  r as ProImageUpload,
-  d as default
+  t as ProImageUpload,
+  m as default
 };

package/es/pro-keep-alive-router-view/index.d.ts

@@ -8,6 +8,7 @@ declare const ProKeepAliveRouterView: {
             keepAliveInclude?: string[] | undefined;
             keepAliveExclude?: string[] | undefined;
             keepAliveMax?: number | undefined;
+            style?: unknown;
             key?: string | number | symbol | undefined;
             ref?: import('vue').VNodeRef | undefined;
             ref_for?: boolean | undefined;
@@ -51,7 +52,6 @@ declare const ProKeepAliveRouterView: {
                 [key: string]: any;
             }>) => void)[] | undefined;
             class?: unknown;
-            style?: unknown;
         };
         $attrs: {
             [x: string]: unknown;

package/es/pro-layout/index.d.ts

@@ -22,6 +22,7 @@ declare const ProLayout: {
             hideFooter?: boolean | undefined;
             hideTabs?: boolean | undefined;
             disableKeepAlive?: boolean | undefined;
+            style?: unknown;
             key?: string | number | symbol | undefined;
             ref?: import('vue').VNodeRef | undefined;
             ref_for?: boolean | undefined;
@@ -65,7 +66,6 @@ declare const ProLayout: {
                 [key: string]: any;
             }>) => void)[] | undefined;
             class?: unknown;
-            style?: unknown;
             onCollapse?: ((collapsed: boolean) => any) | undefined;
             onKeepAliveIncludeChange?: ((keepAliveInclude: string[]) => any) | undefined;
         };

package/es/pro-menu/index.d.ts

@@ -7,6 +7,7 @@ declare const ProMenu: {
         $props: {
             mode?: "horizontal" | "vertical" | undefined;
             menuProps?: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps> | undefined;
+            style?: unknown;
             key?: string | number | symbol | undefined;
             ref?: import('vue').VNodeRef | undefined;
             ref_for?: boolean | undefined;
@@ -50,7 +51,6 @@ declare const ProMenu: {
                 [key: string]: any;
             }>) => void)[] | undefined;
             class?: unknown;
-            style?: unknown;
             readonly collapsed: boolean;
             readonly selectedKeys: string[];
             readonly items: import('./interface').IProMenuItem[];

package/es/pro-page-container/index.d.ts

@@ -18,6 +18,7 @@ declare const ProPageContainer: {
                     path?: string | undefined;
                 }[] | undefined;
             } | undefined;
+            style?: unknown;
             key?: string | number | symbol | undefined;
             ref?: import('vue').VNodeRef | undefined;
             ref_for?: boolean | undefined;
@@ -61,7 +62,6 @@ declare const ProPageContainer: {
                 [key: string]: any;
             }>) => void)[] | undefined;
             class?: unknown;
-            style?: unknown;
         };
         $attrs: {
             [x: string]: unknown;

package/es/pro-page-header/index.d.ts

@@ -6,15 +6,16 @@ declare const ProPageHeader: {
         $data: {};
         $props: {
             title?: string | undefined;
-            hideTitle?: boolean | undefined;
             breadcrumbItems?: {
                 path?: string | undefined;
                 label: string;
             }[] | undefined;
             subTitle?: string | undefined;
             titlePosition?: "top" | "bottom" | undefined;
+            hideTitle?: boolean | undefined;
             breadcrumbRouterMode?: boolean | undefined;
             breadcrumbPrefixIcon?: string | boolean | undefined;
+            style?: unknown;
             key?: string | number | symbol | undefined;
             ref?: import('vue').VNodeRef | undefined;
             ref_for?: boolean | undefined;
@@ -58,7 +59,6 @@ declare const ProPageHeader: {
                 [key: string]: any;
             }>) => void)[] | undefined;
             class?: unknown;
-            style?: unknown;
         };
         $attrs: {
             [x: string]: unknown;
@@ -114,13 +114,13 @@ declare const ProPageHeader: {
             };
         }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
             title: string;
-            hideTitle: boolean;
             breadcrumbItems: {
                 path?: string | undefined;
                 label: string;
             }[];
             subTitle: string;
             titlePosition: "top" | "bottom";
+            hideTitle: boolean;
             breadcrumbRouterMode: boolean;
             breadcrumbPrefixIcon: string | boolean;
         }, {}, string, {}> & {
@@ -227,13 +227,13 @@ declare const ProPageHeader: {
     };
 }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
     title: string;
-    hideTitle: boolean;
     breadcrumbItems: {
         path?: string | undefined;
         label: string;
     }[];
     subTitle: string;
     titlePosition: "top" | "bottom";
+    hideTitle: boolean;
     breadcrumbRouterMode: boolean;
     breadcrumbPrefixIcon: string | boolean;
 }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {

package/es/pro-page-header/pro-page-header.vue.d.ts

@@ -94,13 +94,13 @@ declare const _default: import('vue').DefineComponent<{
     };
 }>>, {
     title: string;
-    hideTitle: boolean;
     breadcrumbItems: {
         path?: string | undefined;
         label: string;
     }[];
     subTitle: string;
     titlePosition: "top" | "bottom";
+    hideTitle: boolean;
     breadcrumbRouterMode: boolean;
     breadcrumbPrefixIcon: string | boolean;
 }, {}>;

package/es/pro-reuse-tabs/index.d.ts

@@ -9,6 +9,7 @@ declare const ProReuseTabs: {
             tabsSize?: "small" | "mini" | "medium" | "large" | undefined;
             tabsType?: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule" | undefined;
             tabsHeaderPadding?: boolean | undefined;
+            style?: unknown;
             key?: string | number | symbol | undefined;
             ref?: import('vue').VNodeRef | undefined;
             ref_for?: boolean | undefined;
@@ -52,7 +53,6 @@ declare const ProReuseTabs: {
                 [key: string]: any;
             }>) => void)[] | undefined;
             class?: unknown;
-            style?: unknown;
             "onTab-click"?: ((key: string) => any) | undefined;
             "onTab-delete"?: ((key: string) => any) | undefined;
         };

package/es/style.css

@@ -1 +1 @@
-.keyblade-pro-page-header{background:var(--color-bg-2);padding:16px 32px}.keyblade-pro-page-header .keyblade-pro-page-header-section-breadcrumb .arco-breadcrumb-item:first-child{padding-left:0}.keyblade-pro-page-header .keyblade-pro-page-header-title.arco-typography{padding-top:4px;margin-top:0}.keyblade-pro-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--2156faf3);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:var(--color-bg-2);border-bottom:1px solid var(--color-border);transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-header-left{cursor:pointer;display:flex;align-items:center}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-img{width:28px;height:28px}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout .keyblade-pro-layout-header-center{flex:1}.keyblade-pro-layout .keyblade-pro-layout-sider{padding-top:var(--2156faf3);position:fixed;top:0;left:0;z-index:99;height:100%;transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-sider-content{position:relative;height:100%;overflow:auto}.keyblade-pro-layout .keyblade-pro-layout-sider-collapse-btn.arco-btn{position:absolute;right:12px;bottom:12px}.keyblade-pro-layout .keyblade-pro-layout-body{padding-top:var(--2156faf3);padding-left:var(--2e3e7e4c);min-height:100vh;overflow-y:hidden;background-color:var(--color-fill-2);transition:padding .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-body-affix .arco-affix{z-index:98}.keyblade-pro-layout .keyblade-pro-layout-body-footer{display:flex;align-items:center;justify-content:center;height:40px;color:var(--color-text-2);text-align:center}.keyblade-pro-layout .keyblade-pro-layout-body-collapsed{padding-left:var(--a70b89aa)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--2e3e7e4c);width:calc(100% - var(--2e3e7e4c))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--a70b89aa);width:calc(100% - var(--a70b89aa))}.keyblade-pro-layout-side .keyblade-pro-layout-sider{padding-top:0}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo{position:relative;display:flex;align-items:center;padding:16px;cursor:pointer;transition:padding .3s cubic-bezier(.645,.045,.355,1)}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-img{width:28px;height:28px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-collapsed .keyblade-pro-layout-sider-content-logo{padding:16px 10px}.keyblade-pro-page-container .keyblade-pro-page-container-content{padding:20px}.keyblade-pro-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}.keyblade-pro-menu .keyblade-pro-menu-item-img{width:14px;height:auto}
+.keyblade-pro-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}.keyblade-pro-page-header{background:var(--color-bg-2);padding:16px 32px}.keyblade-pro-page-header .keyblade-pro-page-header-section-breadcrumb .arco-breadcrumb-item:first-child{padding-left:0}.keyblade-pro-page-header .keyblade-pro-page-header-title.arco-typography{padding-top:4px;margin-top:0}.keyblade-pro-page-container .keyblade-pro-page-container-content{padding:20px}.keyblade-pro-menu .keyblade-pro-menu-item-img{width:14px;height:auto}.keyblade-pro-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--2156faf3);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:var(--color-bg-2);border-bottom:1px solid var(--color-border);transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-header-left{cursor:pointer;display:flex;align-items:center}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-img{width:28px;height:28px}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout .keyblade-pro-layout-header-center{flex:1}.keyblade-pro-layout .keyblade-pro-layout-sider{padding-top:var(--2156faf3);position:fixed;top:0;left:0;z-index:99;height:100%;transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-sider-content{position:relative;height:100%;overflow:auto}.keyblade-pro-layout .keyblade-pro-layout-sider-collapse-btn.arco-btn{position:absolute;right:12px;bottom:12px}.keyblade-pro-layout .keyblade-pro-layout-body{padding-top:var(--2156faf3);padding-left:var(--2e3e7e4c);min-height:100vh;overflow-y:hidden;background-color:var(--color-fill-2);transition:padding .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-body-affix .arco-affix{z-index:98}.keyblade-pro-layout .keyblade-pro-layout-body-footer{display:flex;align-items:center;justify-content:center;height:40px;color:var(--color-text-2);text-align:center}.keyblade-pro-layout .keyblade-pro-layout-body-collapsed{padding-left:var(--a70b89aa)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--2e3e7e4c);width:calc(100% - var(--2e3e7e4c))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--a70b89aa);width:calc(100% - var(--a70b89aa))}.keyblade-pro-layout-side .keyblade-pro-layout-sider{padding-top:0}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo{position:relative;display:flex;align-items:center;padding:16px;cursor:pointer;transition:padding .3s cubic-bezier(.645,.045,.355,1)}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-img{width:28px;height:28px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-collapsed .keyblade-pro-layout-sider-content-logo{padding:16px 10px}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@keyblade/pro-components",
   "description": "KeyBlade Pro Components",
   "author": "yangshuai <704807396@qq.com>",
-  "version": "1.12.0-alpha.5",
+  "version": "1.12.0-alpha.6",
   "private": false,
   "type": "module",
   "main": "es/index.js",
@@ -25,8 +25,7 @@
     "@vueuse/core": "^10.7.0",
     "vue-cropper": "^1.1.4",
     "vue-global-config": "^0.6.3",
-    "@keyblade/one-travel": "^3.0.0",
-    "heic-to": "^1.1.5"
+    "@keyblade/one-travel": "^3.0.0"
   },
   "peerDependencies": {
     "vue": "^3.3.4"