@keyblade/pro-components 1.12.1-alpha.18 → 1.12.1-alpha.20

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/index.d.ts

@@ -1,5 +1,4 @@
 import { App } from 'vue';
-
 declare const _default: {
     install(app: App): void;
 };

package/es/index.js

@@ -1,33 +1,26 @@
-import { ProPageHeader as o } from "./pro-page-header/index.js";
-import { default as U } from "./pro-page-header/index.js";
+import { ProPageHeader as e } from "./pro-page-header/index.js";
 import { ProKeepAliveRouterView as r } from "./pro-keep-alive-router-view/index.js";
-import { default as b } from "./pro-keep-alive-router-view/index.js";
-import { ProLayout as t } from "./pro-layout/index.js";
-import { default as w } from "./pro-layout/index.js";
-import { ProMenu as a } from "./pro-menu/index.js";
-import { default as A } from "./pro-menu/index.js";
-import { ProPageContainer as m } from "./pro-page-container/index.js";
-import { default as H } from "./pro-page-container/index.js";
-import { ProReuseTabs as f } from "./pro-reuse-tabs/index.js";
-import { default as L } from "./pro-reuse-tabs/index.js";
+import { ProLayout as m } from "./pro-layout/index.js";
+import { ProMenu as t } from "./pro-menu/index.js";
+import { ProPageContainer as i } from "./pro-page-container/index.js";
+import { ProReuseTabs as s } from "./pro-reuse-tabs/index.js";
 import { ProImageUpload as u } from "./pro-image-upload/index.js";
-import { default as T } from "./pro-image-upload/index.js";
-import { EImageUploadInnerBeforeUploadStep as c } from "./pro-image-upload/types.js";
-import { defaultImageUploadOptions as E } from "./pro-image-upload/constant.js";
-const x = {
-  install(e) {
-    e.use(o), e.use(r), e.use(t), e.use(a), e.use(m), e.use(f), e.use(u);
+import { EImageUploadInnerBeforeUploadStep as U } from "./pro-image-upload/types.js";
+import { defaultImageUploadOptions as b } from "./pro-image-upload/constant.js";
+const p = {
+  install(o) {
+    o.use(e), o.use(r), o.use(m), o.use(t), o.use(i), o.use(s), o.use(u);
   }
 };
 export {
-  c as EImageUploadInnerBeforeUploadStep,
-  T as ProImageUpload,
-  b as ProKeepAliveRouterView,
-  w as ProLayout,
-  A as ProMenu,
-  H as ProPageContainer,
-  U as ProPageHeader,
-  L as ProReuseTabs,
-  x as default,
-  E as defaultImageUploadOptions
+  U as EImageUploadInnerBeforeUploadStep,
+  u as ProImageUpload,
+  r as ProKeepAliveRouterView,
+  m as ProLayout,
+  t as ProMenu,
+  i as ProPageContainer,
+  e as ProPageHeader,
+  s as ProReuseTabs,
+  p as default,
+  b as defaultImageUploadOptions
 };

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

@@ -1,3 +1,2 @@
 import { ImageUploadOptions } from './types';
-
 export declare const defaultImageUploadOptions: Omit<ImageUploadOptions, 'value' | 'action'>;

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

@@ -0,0 +1,20 @@
+import { ImageUploadCropOptions } from '@keyblade/one-travel';
+type __VLS_Props = {
+    file: File;
+    index: number;
+    options: ImageUploadCropOptions;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    cropperInsRef: import('vue').Ref<any, any>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    cancel: () => any;
+    confirm: (value: File) => any;
+    imgLoad: (value: File) => any;
+    reUpload: (index: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onConfirm?: ((value: File) => any) | undefined;
+    onImgLoad?: ((value: File) => any) | undefined;
+    onReUpload?: ((index: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

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

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

@@ -1,59 +1,59 @@
 import { FileItem } from '@arco-design/web-vue';
 import { EImageUploadInnerBeforeUploadStep } from './types';
 import { ImageUploadCheckOptions, ImageUploadCompressorOptions, ImageUploadCropOptions } from '@keyblade/one-travel';
-
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+type __VLS_Props = {
     /** 上传地址 */
     action: string;
     /** 处理响应 */
-    handlerResponse?: ((response: any) => Promise<{
-        [key: string]: any;
+    handlerResponse?: (response: any) => Promise<{
         /** 是否成功 */
         success: boolean;
         /** 图片地址 */
-        url?: string | undefined;
+        url?: string;
         /** 错误消息(如果不传，请自行提示错误消息) */
-        errorMessage?: string | undefined;
-    }>) | undefined;
+        errorMessage?: string;
+        /** 其他字段 */
+        [key: string]: any;
+    }>;
     /** 设置上传的请求头部 */
-    headers?: Record<string, any> | undefined;
+    headers?: Record<string, any>;
     /** 上传时附带的额外参数 */
-    data?: Record<string, any> | undefined;
+    data?: Record<string, any>;
     /** 上传的文件字段名 - 默认: file */
-    name?: string | undefined;
+    name?: string;
     /** 提示文字 */
-    tip?: string | undefined;
+    tip?: string;
     /** 接受上传的文件类型 - 默认: ['jpg', 'jpeg', 'png', 'bmp', 'heif', 'heic', 'gif', 'webp'] */
-    accept?: string[] | undefined;
+    accept?: string[];
     /** 是否支持多选文件 - 默认: true */
-    multiple?: boolean | undefined;
+    multiple?: boolean;
     /** 单次最大限制 - 默认: 10 */
-    singleLimit?: number | undefined;
+    singleLimit?: number;
     /** 最大允许上传个数 */
-    limit?: number | undefined;
+    limit?: number;
     /** 是否禁用 - 默认: false */
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     /** 隐藏内置上传文件之前的loading效果 - 默认: false */
-    hideInnerBeforeUploadLoading?: boolean | undefined;
+    hideInnerBeforeUploadLoading?: boolean;
     /** 校验选项 */
-    checkOptions?: ImageUploadCheckOptions | undefined;
+    checkOptions?: ImageUploadCheckOptions;
     /** 压缩选项 */
-    compressorOptions?: ImageUploadCompressorOptions | undefined;
+    compressorOptions?: ImageUploadCompressorOptions;
     /** 剪裁选项 */
-    cropOptions?: ImageUploadCropOptions | undefined;
+    cropOptions?: ImageUploadCropOptions;
     /** 文件列表移除文件时的钩子 */
     /** 文件上传成功时的钩子 */
-    onSuccess?: ((fileItem: FileItem) => void) | undefined;
+    onSuccess?: (fileItem: FileItem) => void;
     /** 文件上传失败时的钩子 */
-    onError?: ((fileItem: FileItem) => void) | undefined;
+    onError?: (fileItem: FileItem) => void;
     /** 文件超出个数限制时的钩子 */
-    onExceed?: ((fileList: FileItem[], files: File[]) => void) | undefined;
+    onExceed?: (fileList: FileItem[], files: File[]) => void;
     /** 上传文件之前的钩子，参数为上传的文件，若返回 false 或者返回 Promise 且被 reject，则停止上传。*/
-    onBeforeUpload?: ((file: File) => boolean | Promise<any>) | undefined;
+    onBeforeUpload?: (file: File) => boolean | Promise<any>;
     /** 内置上传文件之前开始 */
-    onInnerBeforeUploadStart?: ((file: File, index: number, type: EImageUploadInnerBeforeUploadStep) => void) | undefined;
+    onInnerBeforeUploadStart?: (file: File, index: number, type: EImageUploadInnerBeforeUploadStep) => void;
     /** 内置上传文件之前结束 */
-    onInnerBeforeUploadEnd?: ((file: File, index: number, type: EImageUploadInnerBeforeUploadStep, result: {
+    onInnerBeforeUploadEnd?: (file: File, index: number, type: EImageUploadInnerBeforeUploadStep, result: {
         success: boolean;
         error?: {
             size?: boolean;
@@ -64,15 +64,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             crop?: boolean;
         };
         errorMessage?: string;
-    }) => void) | undefined;
-}>, {
-    name: string | undefined;
-    accept: () => string[];
-    multiple: boolean | undefined;
-    singleLimit: number | undefined;
-    disabled: boolean | undefined;
-    hideInnerBeforeUploadLoading: boolean | undefined;
-}>>, {
+    }) => void;
+};
+type __VLS_PublicProps = {
+    modelValue: FileItem[];
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
     uploadInsRef: import('vue').Ref<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         fileList?: unknown;
         defaultFileList?: unknown;
@@ -550,79 +547,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }> | undefined>;
     cropperInsRef: import('vue').Ref<any, any>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    cropperImgLoad: (value: File) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    /** 上传地址 */
-    action: string;
-    /** 处理响应 */
-    handlerResponse?: ((response: any) => Promise<{
-        [key: string]: any;
-        /** 是否成功 */
-        success: boolean;
-        /** 图片地址 */
-        url?: string | undefined;
-        /** 错误消息(如果不传，请自行提示错误消息) */
-        errorMessage?: string | undefined;
-    }>) | undefined;
-    /** 设置上传的请求头部 */
-    headers?: Record<string, any> | undefined;
-    /** 上传时附带的额外参数 */
-    data?: Record<string, any> | undefined;
-    /** 上传的文件字段名 - 默认: file */
-    name?: string | undefined;
-    /** 提示文字 */
-    tip?: string | undefined;
-    /** 接受上传的文件类型 - 默认: ['jpg', 'jpeg', 'png', 'bmp', 'heif', 'heic', 'gif', 'webp'] */
-    accept?: string[] | undefined;
-    /** 是否支持多选文件 - 默认: true */
-    multiple?: boolean | undefined;
-    /** 单次最大限制 - 默认: 10 */
-    singleLimit?: number | undefined;
-    /** 最大允许上传个数 */
-    limit?: number | undefined;
-    /** 是否禁用 - 默认: false */
-    disabled?: boolean | undefined;
-    /** 隐藏内置上传文件之前的loading效果 - 默认: false */
-    hideInnerBeforeUploadLoading?: boolean | undefined;
-    /** 校验选项 */
-    checkOptions?: ImageUploadCheckOptions | undefined;
-    /** 压缩选项 */
-    compressorOptions?: ImageUploadCompressorOptions | undefined;
-    /** 剪裁选项 */
-    cropOptions?: ImageUploadCropOptions | undefined;
-    /** 文件列表移除文件时的钩子 */
-    /** 文件上传成功时的钩子 */
-    onSuccess?: ((fileItem: FileItem) => void) | undefined;
-    /** 文件上传失败时的钩子 */
-    onError?: ((fileItem: FileItem) => void) | undefined;
-    /** 文件超出个数限制时的钩子 */
-    onExceed?: ((fileList: FileItem[], files: File[]) => void) | undefined;
-    /** 上传文件之前的钩子，参数为上传的文件，若返回 false 或者返回 Promise 且被 reject，则停止上传。*/
-    onBeforeUpload?: ((file: File) => boolean | Promise<any>) | undefined;
-    /** 内置上传文件之前开始 */
-    onInnerBeforeUploadStart?: ((file: File, index: number, type: EImageUploadInnerBeforeUploadStep) => void) | undefined;
-    /** 内置上传文件之前结束 */
-    onInnerBeforeUploadEnd?: ((file: File, index: number, type: EImageUploadInnerBeforeUploadStep, result: {
-        success: boolean;
-        error?: {
-            size?: boolean;
-            format?: boolean;
-            transform?: boolean;
-            pixel?: boolean;
-            compress?: boolean;
-            crop?: boolean;
-        };
-        errorMessage?: string;
-    }) => void) | undefined;
-}>, {
-    name: string | undefined;
-    accept: () => string[];
-    multiple: boolean | undefined;
-    singleLimit: number | undefined;
-    disabled: boolean | undefined;
-    hideInnerBeforeUploadLoading: boolean | undefined;
-}>>> & Readonly<{
+    "update:modelValue": (value: FileItem[]) => any;
+} & {
+    cropperImgLoad: (value: File) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onCropperImgLoad?: ((value: File) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: FileItem[]) => any) | undefined;
 }>, {
     name: string;
     accept: string[];
@@ -630,22 +560,5 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     singleLimit: number;
     disabled: boolean;
     hideInnerBeforeUploadLoading: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 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];
-} & {};