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

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

@@ -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: "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);
         $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;

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

@@ -1,30 +1,28 @@
-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 { 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 { 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({
   __name: "image-upload",
   props: {
     action: {},
     handlerResponse: {},
     headers: {},
     data: {},
-    name: { default: (K = U) == null ? void 0 : K.name },
+    name: { default: (T = m) == null ? void 0 : T.name },
     tip: {},
     accept: { default: () => {
-      var B;
-      return ((B = U) == null ? void 0 : B.accept) || [];
+      var g;
+      return ((g = m) == null ? void 0 : g.accept) || [];
     } },
-    multiple: { type: Boolean, default: U.multiple },
-    singleLimit: { default: U.singleLimit },
+    multiple: { type: Boolean, default: m.multiple },
+    singleLimit: { default: m.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: (q = m) == null ? void 0 : q.disabled },
+    hideInnerBeforeUploadLoading: { type: Boolean, default: (P = m) == null ? void 0 : P.hideInnerBeforeUploadLoading },
     checkOptions: {},
     compressorOptions: {},
     cropOptions: {},
@@ -36,127 +34,83 @@ 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(g, { expose: D, emit: ae }) {
+    const e = g;
+    defineModel({ required: !0 });
+    const G = d(), J = d(), B = d(), M = d(
       []
-    ), 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) => {
-        try {
-          E(await oe(a));
-        } catch {
-          w();
-        } finally {
-          $();
-        }
-      });
-    }, 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] = {
-          ...i.value[t],
-          ...l
-        } : i.value.splice(t, 1);
-      }
-    }, ne = (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);
-      });
-    }, 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);
-    };
-    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)
+    ), 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)
         return;
-      const a = p.value[o.value], { file: l, resolve: t, reject: r } = a;
-      let s = l.name, u = l;
-      if ((E = f.value) != null && E.enable) {
-        c.value = {
+      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}张图片检测中，请稍等`
-        }, (w = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || w.call(
+        }, (y = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || y.call(
           e,
           l,
           o.value,
-          v.check
+          i.check
         );
-        const n = await xe(l, l.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
+        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
         });
-        if (c.value = void 0, (b = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || b.call(
+        if (r.value = void 0, (E = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || E.call(
           e,
           l,
           o.value,
-          v.check,
+          i.check,
           {
-            success: n.success,
-            error: n == null ? void 0 : n.error,
-            errorMessage: n == null ? void 0 : n.errorMessage
+            success: a.success,
+            error: a == null ? void 0 : a.error,
+            errorMessage: a == null ? void 0 : a.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
+        ), !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
           });
         } else
-          u = n.file;
+          t = a.file;
       }
-      if ((F = y.value) != null && F.enable) {
-        (z = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || z.call(
+      if ((C = p.value) != null && C.enable) {
+        (S = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || S.call(
           e,
           l,
           o.value,
-          v.crop
+          i.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(
+          (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(
             e,
             l,
             o.value,
-            v.crop,
+            i.crop,
             {
               success: !1
             }
           );
         } catch {
-          return (H = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || H.call(
+          return (_ = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || _.call(
             e,
             l,
             o.value,
-            v.crop,
+            i.crop,
             {
               success: !1,
               error: {
@@ -164,109 +118,71 @@ const Oe = /* @__PURE__ */ ue({
               },
               errorMessage: "图片剪裁失败"
             }
-          ), (W = y.value) != null && W.showErrorMessage && x.error("图片剪裁失败"), r();
+          ), (j = p.value) != null && j.showErrorMessage && I.error("图片剪裁失败"), h();
         } finally {
-          g.value = void 0;
+          B.value = void 0;
         }
       }
-      if ((N = C.value) != null && N.enable) {
-        c.value = {
+      if ((L = v.value) != null && L.enable) {
+        r.value = {
           loading: !0,
           text: `第${o.value + 1}张图片处理中，请稍等`
-        }, (P = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || P.call(
+        }, ($ = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || $.call(
           e,
           l,
           o.value,
-          v.compress
+          i.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 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}`)
         });
-        if (c.value = void 0, (q = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || q.call(
+        if (r.value = void 0, (W = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || W.call(
           e,
           l,
           o.value,
-          v.compress,
+          i.compress,
           {
-            success: n.success,
+            success: a.success,
             error: {
               compress: !0
             },
-            errorMessage: n == null ? void 0 : n.errorMessage
+            errorMessage: a == null ? void 0 : a.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
+        ), !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
         });
       }
-      c.value = void 0, (D = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || D.call(
+      r.value = void 0, (Q = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || Q.call(
         e,
         l,
         o.value,
-        v.all,
+        i.all,
         {
           success: !0
         }
-      ), t(u);
+      ), K(t);
     });
-    let I;
-    return G(
-      () => c.value,
+    let c;
+    return F(
+      () => r.value,
       () => {
-        var a;
-        c.value ? I = x.loading({
-          content: c.value.text,
+        var u;
+        r.value ? c = I.loading({
+          content: r.value.text,
           id: "image-upload-id",
           duration: 0
-        }) : (a = I == null ? void 0 : I.close) == null || a.call(I);
+        }) : (u = c == null ? void 0 : c.close) == null || u.call(c);
       }
-    ), Z({
-      uploadInsRef: S,
-      cropperInsRef: O
-    }), (a, l) => {
-      const t = de("a-upload");
-      return J(), se("div", null, [
-        ce(t, {
-          class: fe([`${Ce}-upload`]),
-          ref_key: "uploadInsRef",
-          ref: S,
-          "list-type": "picture-card",
-          tip: a.tip || "上传",
-          "image-preview": "",
-          "file-list": i.value,
-          "onUpdate:fileList": l[0] || (l[0] = (r) => i.value = r),
-          action: a.action,
-          headers: a.headers,
-          data: a.data,
-          name: a.name,
-          accept: A.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)
-      ]);
-    };
+    ), D({
+      uploadInsRef: G,
+      cropperInsRef: J
+    }), (u, l) => (X(), Y("div"));
   }
 });
 export {
-  Oe as default
+  de as default
 };

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

@@ -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: "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);
+                $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);
                 $el: any;
                 $options: import('vue').ComponentOptionsBase<Readonly<{
                     fileList?: unknown;
@@ -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: "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);
+            $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);
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<{
                 fileList?: unknown;
@@ -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: "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);
+        $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);
         $el: any;
         $options: import('vue').ComponentOptionsBase<Readonly<{
             fileList?: unknown;

package/es/style.css

@@ -1 +1 @@
-.keyblade-pro-menu .keyblade-pro-menu-item-img{width:14px;height:auto}.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-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-image-upload-cropper-dialog-cropper-wrapper[data-v-ae8ab9e0]{width:100%;height:400px}.keyblade-pro-image-upload-cropper-dialog-operate[data-v-ae8ab9e0]{margin-top:24px;display:flex;align-items:center;justify-content:center}.keyblade-pro-image-upload-cropper-dialog-footer[data-v-ae8ab9e0]{margin-top:24px;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-image-upload-cropper-dialog-footer-left[data-v-ae8ab9e0]{display:flex;align-items:center;justify-content:flex-start;margin-right:12px}.keyblade-pro-image-upload-cropper-dialog-footer-right[data-v-ae8ab9e0]{flex:1;display:flex;align-items:center;justify-content:flex-end}
+.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}

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.3",
+  "version": "1.12.0-alpha.5",
   "private": false,
   "type": "module",
   "main": "es/index.js",

package/es/_virtual/_plugin-vue_export-helper.js

@@ -1,9 +0,0 @@
-const s = (t, e) => {
-  const o = t.__vccOpts || t;
-  for (const [r, c] of e)
-    o[r] = c;
-  return o;
-};
-export {
-  s as default
-};

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

@@ -1,41 +0,0 @@
-import { ImageUploadCropOptions } from '@keyblade/one-travel';
-
-declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    file: File;
-    index: number;
-    options: ImageUploadCropOptions;
-}>, {}>, {
-    cropperInsRef: import('vue').Ref<any>;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    cancel: () => void;
-    confirm: (value: File) => void;
-    imgLoad: (value: File) => void;
-    reUpload: (index: number) => void;
-}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    file: File;
-    index: number;
-    options: ImageUploadCropOptions;
-}>, {}>>> & {
-    onCancel?: (() => any) | undefined;
-    onConfirm?: ((value: File) => any) | undefined;
-    onImgLoad?: ((value: File) => any) | undefined;
-    onReUpload?: ((index: number) => any) | undefined;
-}, {}, {}>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};

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

@@ -1,7 +0,0 @@
-import o from "./cropper.vue2.js";
-import "./cropper.vue3.js";
-import r from "../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-ae8ab9e0"]]);
-export {
-  e as default
-};

package/es/pro-image-upload/cropper.vue2.js

@@ -1,211 +0,0 @@
-import { defineComponent as j, ref as d, watch as D, resolveComponent as l, openBlock as M, createBlock as P, normalizeClass as _, withCtx as a, createVNode as e, mergeProps as q, createElementVNode as y, createTextVNode as x, nextTick as C } from "vue";
-import "vue-cropper/dist/index.css";
-import G from "vue-cropper/lib/vue-cropper.vue";
-const i = "keyblade-pro-image-upload-cropper", Q = /* @__PURE__ */ j({
-  __name: "cropper",
-  props: {
-    file: {},
-    index: {},
-    options: {}
-  },
-  emits: ["cancel", "confirm", "imgLoad", "reUpload"],
-  setup(H, { expose: R, emit: f }) {
-    const s = H, o = d(), w = d(), u = d(!0), g = d(!1), m = d({
-      autoCropWidth: 100,
-      autoCropHeight: 100
-    }), W = () => {
-      o.value.changeScale(1);
-    }, z = () => {
-      o.value.changeScale(-1);
-    }, I = () => {
-      o.value.rotateRight();
-      const { w: t, h: n } = v();
-      C(() => {
-        o.value.goAutoCrop(t, n);
-      });
-    }, L = () => {
-      o.value.rotateLeft();
-      const { w: t, h: n } = v();
-      C(() => {
-        o.value.goAutoCrop(t, n);
-      });
-    }, $ = () => {
-      o.value.reload(), o.value.rotateClear(), C(() => {
-        o.value.goAutoCrop();
-      });
-    }, b = () => {
-      f("cancel");
-    }, N = () => {
-      u.value || g.value || (g.value = !0, o.value.getCropBlob((t) => {
-        g.value = !1;
-        const n = new File([t], s.file.name, { type: "image/jpeg" });
-        f("confirm", n);
-      }));
-    }, S = () => {
-      u.value = !1;
-      const { w: t, h: n } = v();
-      m.value.autoCropWidth = t, m.value.autoCropHeight = n, f("imgLoad", s.file);
-    }, v = () => {
-      const t = Math.abs(o.value.rotate) % 2 > 0, n = (t ? o.value.trueHeight : o.value.trueWidth) * o.value.scale, r = (t ? o.value.trueWidth : o.value.trueHeight) * o.value.scale;
-      return { w: n, h: r };
-    };
-    return D(
-      () => s.file,
-      () => {
-        if (s.file) {
-          u.value = !0, o.value && o.value.clearCrop();
-          const t = new FileReader();
-          t.onloadend = () => {
-            const n = t.result, r = new Image();
-            r.onload = () => {
-              const h = r.width, c = r.height;
-              w.value = {
-                data: n,
-                width: h,
-                height: c
-              };
-            }, r.src = n;
-          }, t.readAsDataURL(s.file);
-        }
-      },
-      { immediate: !0 }
-    ), R({
-      cropperInsRef: o
-    }), (t, n) => {
-      const r = l("a-spin"), h = l("icon-zoom-in"), c = l("a-button"), p = l("a-tooltip"), A = l("icon-zoom-out"), B = l("icon-rotate-right"), V = l("icon-rotate-left"), E = l("icon-sync"), F = l("a-button-group"), T = l("a-space"), U = l("a-modal");
-      return M(), P(U, {
-        "render-to-body": "",
-        class: _(`${i}-dialog`),
-        title: "编辑图片",
-        width: "675px",
-        visible: !0,
-        footer: !1,
-        "mask-closable": !1,
-        "esc-to-close": !1,
-        "unmount-on-close": "",
-        onClose: b
-      }, {
-        default: a(() => [
-          e(r, {
-            class: _(`${i}-dialog-cropper-wrapper`),
-            loading: u.value
-          }, {
-            default: a(() => {
-              var k;
-              return [
-                e(G, q({
-                  ref_key: "cropperInsRef",
-                  ref: o,
-                  class: `${i}-dialog-cropper`,
-                  img: (k = w.value) == null ? void 0 : k.data,
-                  info: !1,
-                  autoCrop: !0,
-                  autoCropWidth: m.value.autoCropWidth,
-                  autoCropHeight: m.value.autoCropHeight,
-                  full: !0
-                }, t.options, { onImgLoad: S }), null, 16, ["class", "img", "autoCropWidth", "autoCropHeight"])
-              ];
-            }),
-            _: 1
-          }, 8, ["class", "loading"]),
-          y("div", {
-            class: _(`${i}-dialog-operate`)
-          }, [
-            e(F, { type: "primary" }, {
-              default: a(() => [
-                e(p, { content: "放大" }, {
-                  default: a(() => [
-                    e(c, { onClick: W }, {
-                      icon: a(() => [
-                        e(h)
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }),
-                e(p, { content: "缩小" }, {
-                  default: a(() => [
-                    e(c, { onClick: z }, {
-                      icon: a(() => [
-                        e(A)
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }),
-                e(p, { content: "向右旋转" }, {
-                  default: a(() => [
-                    e(c, { onClick: I }, {
-                      icon: a(() => [
-                        e(B)
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }),
-                e(p, { content: "向左旋转" }, {
-                  default: a(() => [
-                    e(c, { onClick: L }, {
-                      icon: a(() => [
-                        e(V)
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }),
-                e(p, { content: "重置" }, {
-                  default: a(() => [
-                    e(c, { onClick: $ }, {
-                      icon: a(() => [
-                        e(E)
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ], 2),
-          y("div", {
-            class: _(`${i}-dialog-footer`)
-          }, [
-            e(T, {
-              class: _(`${i}-dialog-footer-right`)
-            }, {
-              default: a(() => [
-                e(c, { onClick: b }, {
-                  default: a(() => [
-                    x("取消")
-                  ]),
-                  _: 1
-                }),
-                e(c, {
-                  disabled: u.value,
-                  type: "primary",
-                  onClick: N,
-                  loading: g.value
-                }, {
-                  default: a(() => [
-                    x("确定")
-                  ]),
-                  _: 1
-                }, 8, ["disabled", "loading"])
-              ]),
-              _: 1
-            }, 8, ["class"])
-          ], 2)
-        ]),
-        _: 1
-      }, 8, ["class"]);
-    };
-  }
-});
-export {
-  Q as default
-};

package/es/pro-image-upload/cropper.vue3.js

@@ -1 +0,0 @@
-