@keyblade/pro-components 1.12.0-alpha.7 → 1.12.0-alpha.8

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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,41 @@
+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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,211 @@
+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

@@ -0,0 +1 @@
+

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

@@ -10,6 +10,13 @@ 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>;
     };
@@ -35,9 +42,6 @@ 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[];
@@ -53,10 +57,6 @@ 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,24 +122,6 @@ 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;
@@ -183,6 +165,24 @@ 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: "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);
+        $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);
         $el: any;
         $options: import('vue').ComponentOptionsBase<Readonly<{
             fileList?: unknown;
@@ -440,6 +440,13 @@ 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>;
     };
@@ -465,9 +472,6 @@ 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[];
@@ -483,10 +487,6 @@ 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;