@vrojs/element-plus 0.0.3 → 0.0.5

package/dist/vro-el-image/types.d.ts

@@ -0,0 +1,54 @@
+import { ExtractPropTypes, PropType } from 'vue';
+export type VroElImageNormalizeSrc = (options: {
+    src: string;
+    ratio?: string | number;
+    baseUrl?: string;
+}) => string;
+export declare const vroElImageProps: {
+    previewTeleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    baseUrl: StringConstructor;
+    ratio: (NumberConstructor | StringConstructor)[];
+    previewRatio: (NumberConstructor | StringConstructor)[];
+    normalizeSrc: PropType<VroElImageNormalizeSrc>;
+    hideOnClickModal: BooleanConstructor;
+    src: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    fit: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<StringConstructor, "" | "none" | "fill" | "contain" | "cover" | "scale-down", unknown, "", boolean>;
+    loading: {
+        readonly type: PropType<import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<StringConstructor, "lazy" | "eager", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    lazy: BooleanConstructor;
+    scrollContainer: {
+        readonly type: PropType<import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    previewSrcList: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
+    zIndex: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    initialIndex: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    infinite: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    closeOnPressEscape: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    zoomRate: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 1.2, boolean>;
+    scale: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
+    minScale: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0.2, boolean>;
+    maxScale: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
+    showProgress: BooleanConstructor;
+    crossorigin: {
+        readonly type: PropType<import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => import('element-plus').ImageCrossorigin) | (((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => import('element-plus').ImageCrossorigin)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+};
+export type VroElImageProps = ExtractPropTypes<typeof vroElImageProps>;

package/dist/vro-el-image/types.js

@@ -0,0 +1,15 @@
+import { imageProps as r } from "element-plus";
+const o = {
+  ...r,
+  previewTeleported: {
+    type: Boolean,
+    default: !0
+  },
+  baseUrl: String,
+  ratio: [String, Number],
+  previewRatio: [String, Number],
+  normalizeSrc: Function
+};
+export {
+  o as vroElImageProps
+};

package/dist/vro-el-image/utils.d.ts

@@ -0,0 +1,2 @@
+import { VroElImageProps } from './types';
+export declare const setVroElImageOptions: (value: Partial<Pick<VroElImageProps, "baseUrl" | "normalizeSrc">>) => Partial<Pick<VroElImageProps, "baseUrl" | "normalizeSrc">>, getVroElImageOptions: () => Partial<Pick<VroElImageProps, "baseUrl" | "normalizeSrc">>;

package/dist/vro-el-image/utils.js

@@ -0,0 +1,6 @@
+import { createFactory as o } from "@daysnap/utils";
+const [e, r] = o({});
+export {
+  r as getVroElImageOptions,
+  e as setVroElImageOptions
+};

package/dist/vro-el-image/vro-el-image.vue.d.ts

@@ -0,0 +1,122 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<string, (_: any) => any>>;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    previewTeleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    baseUrl: StringConstructor;
+    ratio: (NumberConstructor | StringConstructor)[];
+    previewRatio: (NumberConstructor | StringConstructor)[];
+    normalizeSrc: import('vue').PropType<import('./types').VroElImageNormalizeSrc>;
+    hideOnClickModal: BooleanConstructor;
+    src: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    fit: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<StringConstructor, "" | "none" | "fill" | "contain" | "cover" | "scale-down", unknown, "", boolean>;
+    loading: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<StringConstructor, "lazy" | "eager", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    lazy: BooleanConstructor;
+    scrollContainer: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    previewSrcList: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
+    zIndex: {
+        readonly type: import('vue').PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    initialIndex: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    infinite: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    closeOnPressEscape: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    zoomRate: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 1.2, boolean>;
+    scale: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
+    minScale: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0.2, boolean>;
+    maxScale: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
+    showProgress: BooleanConstructor;
+    crossorigin: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => import('element-plus').ImageCrossorigin) | (((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => import('element-plus').ImageCrossorigin)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    previewTeleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    baseUrl: StringConstructor;
+    ratio: (NumberConstructor | StringConstructor)[];
+    previewRatio: (NumberConstructor | StringConstructor)[];
+    normalizeSrc: import('vue').PropType<import('./types').VroElImageNormalizeSrc>;
+    hideOnClickModal: BooleanConstructor;
+    src: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    fit: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<StringConstructor, "" | "none" | "fill" | "contain" | "cover" | "scale-down", unknown, "", boolean>;
+    loading: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<StringConstructor, "lazy" | "eager", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    lazy: BooleanConstructor;
+    scrollContainer: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    previewSrcList: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
+    zIndex: {
+        readonly type: import('vue').PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    initialIndex: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    infinite: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    closeOnPressEscape: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    zoomRate: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 1.2, boolean>;
+    scale: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
+    minScale: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0.2, boolean>;
+    maxScale: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
+    showProgress: BooleanConstructor;
+    crossorigin: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => import('element-plus').ImageCrossorigin) | (((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => import('element-plus').ImageCrossorigin)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}>> & Readonly<{}>, {
+    previewTeleported: boolean;
+    hideOnClickModal: boolean;
+    src: string;
+    fit: import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
+    lazy: boolean;
+    previewSrcList: string[];
+    initialIndex: number;
+    infinite: import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    closeOnPressEscape: import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    zoomRate: number;
+    scale: number;
+    minScale: number;
+    maxScale: number;
+    showProgress: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/vro-el-image/vro-el-image.vue.js

@@ -0,0 +1,32 @@
+import { defineComponent as g, useSlots as d, computed as i, createBlock as v, openBlock as _, unref as P, mergeProps as S, createSlots as w, renderList as E, withCtx as I, renderSlot as h, normalizeProps as k, guardReactiveProps as B } from "vue";
+import { omitBy as b, isUndefined as x } from "@daysnap/utils";
+import { ElImage as y } from "element-plus";
+import { vroElImageProps as z } from "./types.js";
+import { getVroElImageOptions as C } from "./utils.js";
+const j = /* @__PURE__ */ g({
+  name: "VroElImage",
+  __name: "vro-el-image",
+  props: z,
+  setup(m) {
+    const n = m, l = d(), p = i(() => Object.keys(l)), c = i(() => {
+      let { ratio: o, previewRatio: s, previewSrcList: e, normalizeSrc: r, baseUrl: a, src: t, ...f } = {
+        ...C(),
+        ...b(n, x)
+      };
+      return r && (t = r({ src: t, ratio: o, baseUrl: a }), e?.length && (e = e.map(
+        (u) => r({ src: u, ratio: s ?? o, baseUrl: a })
+      ))), { ...f, src: t, previewSrcList: e };
+    });
+    return (o, s) => (_(), v(P(y), S(c.value, { class: "vro-el-image" }), w({ _: 2 }, [
+      E(p.value, (e) => ({
+        name: e,
+        fn: I((r) => [
+          h(o.$slots, e, k(B(r ?? {})))
+        ])
+      }))
+    ]), 1040));
+  }
+});
+export {
+  j as default
+};

package/dist/vro-el-image/vro-el-image.vue2.js

@@ -0,0 +1,4 @@
+import f from "./vro-el-image.vue.js";
+export {
+  f as default
+};

package/dist/vro-el-image-upload/index.d.ts

@@ -2,7 +2,7 @@ export * from './types';
 export * from './utils';
 export declare const VroElImageUpload: import('@vrojs/base').WithInstall<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     modelValue: {
-        type: import('vue').PropType<string | string[]>;
+        type: import('vue').PropType<import('./types').VroElImageUploadModelValue>;
         default: string;
     };
     max: {
@@ -14,13 +14,13 @@ export declare const VroElImageUpload: import('@vrojs/base').WithInstall<import(
         value: boolean;
     }>;
     params: import('vue').PropType<Record<string, any>>;
-    imageProps: import('vue').PropType<Partial<import('./types').VroElImageUploadImageProps>>;
+    imageProps: import('vue').PropType<Partial<import('..').VroElImageProps>>;
     upload: import('vue').PropType<import('./types').VroElImageUploadCallback>;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: string | string[]) => any;
+    "update:modelValue": (value: import('./types').VroElImageUploadModelValue) => any;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: {
-        type: import('vue').PropType<string | string[]>;
+        type: import('vue').PropType<import('./types').VroElImageUploadModelValue>;
         default: string;
     };
     max: {
@@ -32,13 +32,13 @@ export declare const VroElImageUpload: import('@vrojs/base').WithInstall<import(
         value: boolean;
     }>;
     params: import('vue').PropType<Record<string, any>>;
-    imageProps: import('vue').PropType<Partial<import('./types').VroElImageUploadImageProps>>;
+    imageProps: import('vue').PropType<Partial<import('..').VroElImageProps>>;
     upload: import('vue').PropType<import('./types').VroElImageUploadCallback>;
 }>> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: import('./types').VroElImageUploadModelValue) => any) | undefined;
 }>, {
     disabled: boolean;
-    modelValue: string | string[];
+    modelValue: import('./types').VroElImageUploadModelValue;
     max: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>>;
 export default VroElImageUpload;

package/dist/vro-el-image-upload/style/css.js

@@ -1,4 +1,5 @@
 import '../../style/base.css';
 import './index.css';
 /* empty css                    */
+/* empty css                                  */
 /* empty css           */

package/dist/vro-el-image-upload/style/deps.js

@@ -1,4 +1,4 @@
+import "element-plus/es/components/image/style/css";
 import "element-plus/es/components/checkbox/style/css";
 import "element-plus/es/components/icon/style/css";
-import "element-plus/es/components/image/style/css";
 import "element-plus/es/components/loading/style/css";

package/dist/vro-el-image-upload/style/index.js

@@ -1,8 +1,9 @@
 import '../../style/base.css';
 import './index.css';
+import "element-plus/es/components/image/style/css";
 import "element-plus/es/components/checkbox/style/css";
 import "element-plus/es/components/icon/style/css";
-import "element-plus/es/components/image/style/css";
 import "element-plus/es/components/loading/style/css";
 /* empty css                    */
+/* empty css                                  */
 /* empty css           */

package/dist/vro-el-image-upload/types.d.ts

@@ -1,6 +1,8 @@
-import { ElImage } from 'element-plus';
 import { ExtractPropTypes, PropType } from 'vue';
-export type VroElImageUploadImageProps = InstanceType<typeof ElImage>['$props'];
+import { VroElImageProps } from '../vro-el-image/types';
+export type VroElImageUploadItem = string | File;
+export type VroElImageUploadModelValue = string | VroElImageUploadItem[];
+export type VroElImageUploadUploadResult = string[] | File[];
 export interface VroElImageUploadCallback<T = any> {
     (
     /** 当前待上传的图片文件列表 */
@@ -9,12 +11,12 @@ export interface VroElImageUploadCallback<T = any> {
         compress: boolean;
         /** 上传时透传的自定义参数 */
         params: T;
-    }): Promise<string[]>;
+    }): Promise<VroElImageUploadUploadResult>;
 }
 export declare const vroElImageUploadProps: {
-    /** 绑定值，字符串为单图模式，数组为多图模式 */
+    /** 绑定值，字符串为单图远程地址，数组为多图或本地 File 列表 */
     modelValue: {
-        type: PropType<string | string[]>;
+        type: PropType<VroElImageUploadModelValue>;
         default: string;
     };
     /** 最多可上传的图片数量 */
@@ -31,8 +33,8 @@ export declare const vroElImageUploadProps: {
     /** 上传时透传给 upload 回调的自定义参数 */
     params: PropType<Record<string, any>>;
     /** 透传给 Element Plus Image 的属性 */
-    imageProps: PropType<Partial<VroElImageUploadImageProps>>;
-    /** 自定义上传方法，需要返回图片访问地址列表 */
+    imageProps: PropType<Partial<VroElImageProps>>;
+    /** 自定义上传方法，默认返回 File 列表用于本地预览和后续业务处理 */
     upload: PropType<VroElImageUploadCallback>;
 };
 export type VroElImageUploadProps = ExtractPropTypes<typeof vroElImageUploadProps>;

package/dist/vro-el-image-upload/types.js

@@ -1,5 +1,5 @@
 const e = {
-  /** 绑定值，字符串为单图模式，数组为多图模式 */
+  /** 绑定值，字符串为单图远程地址，数组为多图或本地 File 列表 */
   modelValue: {
     type: [String, Array],
     default: ""
@@ -17,7 +17,7 @@ const e = {
   params: Object,
   /** 透传给 Element Plus Image 的属性 */
   imageProps: Object,
-  /** 自定义上传方法，需要返回图片访问地址列表 */
+  /** 自定义上传方法，默认返回 File 列表用于本地预览和后续业务处理 */
   upload: Function
 };
 export {

package/dist/vro-el-image-upload/vro-el-image-upload.vue.d.ts

@@ -1,6 +1,7 @@
+import { VroElImageUploadCallback, VroElImageUploadModelValue } from './types';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     modelValue: {
-        type: import('vue').PropType<string | string[]>;
+        type: import('vue').PropType<VroElImageUploadModelValue>;
         default: string;
     };
     max: {
@@ -12,13 +13,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         value: boolean;
     }>;
     params: import('vue').PropType<Record<string, any>>;
-    imageProps: import('vue').PropType<Partial<import('./types').VroElImageUploadImageProps>>;
-    upload: import('vue').PropType<import('./types').VroElImageUploadCallback>;
+    imageProps: import('vue').PropType<Partial<import('..').VroElImageProps>>;
+    upload: import('vue').PropType<VroElImageUploadCallback>;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: string | string[]) => any;
+    "update:modelValue": (value: VroElImageUploadModelValue) => any;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: {
-        type: import('vue').PropType<string | string[]>;
+        type: import('vue').PropType<VroElImageUploadModelValue>;
         default: string;
     };
     max: {
@@ -30,13 +31,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         value: boolean;
     }>;
     params: import('vue').PropType<Record<string, any>>;
-    imageProps: import('vue').PropType<Partial<import('./types').VroElImageUploadImageProps>>;
-    upload: import('vue').PropType<import('./types').VroElImageUploadCallback>;
+    imageProps: import('vue').PropType<Partial<import('..').VroElImageProps>>;
+    upload: import('vue').PropType<VroElImageUploadCallback>;
 }>> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: VroElImageUploadModelValue) => any) | undefined;
 }>, {
     disabled: boolean;
-    modelValue: string | string[];
+    modelValue: VroElImageUploadModelValue;
     max: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/dist/vro-el-image-upload/vro-el-image-upload.vue.js

@@ -1,126 +1,132 @@
-import { defineComponent as D, computed as b, ref as L, createElementBlock as m, openBlock as r, createVNode as i, createBlock as h, createCommentVNode as g, unref as o, withCtx as d, withDirectives as N, Fragment as A, renderList as T, mergeProps as F, createElementVNode as O, createTextVNode as S, toDisplayString as $ } from "vue";
-import { omitBy as j, isUndefined as q, isBoolean as z, isArray as n } from "@daysnap/utils";
-import { CircleCloseFilled as G, Plus as H } from "@element-plus/icons-vue";
-import { useAsyncTask as J } from "@vrojs/use";
-import { ElLoading as K, ElImage as M, ElIcon as k, ElCheckbox as Q } from "element-plus";
-import { VueDraggable as R } from "vue-draggable-plus";
-import { useLocale as W } from "../locale/useLocale.js";
-import { vroElImageUploadProps as X } from "./types.js";
-import { getVroElImageUploadOptions as Y } from "./utils.js";
-const Z = { class: "vro-el-image-upload" }, ee = {
+import { defineComponent as A, computed as g, ref as M, onBeforeUnmount as O, createElementBlock as m, openBlock as s, createVNode as i, createBlock as k, createCommentVNode as V, unref as o, withCtx as c, withDirectives as T, Fragment as j, renderList as S, mergeProps as z, createElementVNode as K, createTextVNode as q, toDisplayString as G } from "vue";
+import { omitBy as H, isUndefined as J, isBoolean as Q, isArray as p } from "@daysnap/utils";
+import { CircleCloseFilled as W, Plus as X } from "@element-plus/icons-vue";
+import { useAsyncTask as Y } from "@vrojs/use";
+import { ElLoading as Z, ElIcon as w, ElCheckbox as ee } from "element-plus";
+import { VueDraggable as le } from "vue-draggable-plus";
+import { useLocale as ae } from "../locale/useLocale.js";
+import { VroElImage as oe } from "../vro-el-image/index.js";
+import { vroElImageUploadProps as te } from "./types.js";
+import { getVroElImageUploadOptions as re } from "./utils.js";
+const se = { class: "vro-el-image-upload" }, ue = {
   key: 0,
   class: "vro-el-image-upload-item vro-el-image-upload-btn"
-}, le = ["multiple"], ne = /* @__PURE__ */ D({
+}, ie = ["multiple"], ye = /* @__PURE__ */ A({
   name: "VroElImageUpload",
   __name: "vro-el-image-upload",
-  props: X,
+  props: te,
   emits: ["update:modelValue"],
-  setup(x, { emit: y }) {
-    const p = y, E = x, { t: w } = W(), e = b(() => {
+  setup(E, { emit: x }) {
+    const v = x, C = E, { t: L } = ae(), n = /* @__PURE__ */ new Map(), U = async (e) => e, a = g(() => {
       const {
-        compressible: l = !1,
-        upload: a,
+        compressible: e = !1,
+        upload: l = U,
         ...t
       } = {
-        ...Y(),
-        ...j(E, q)
+        ...re(),
+        ...H(C, J)
       };
       return {
-        upload: a,
-        compressible: l,
-        compress: z(l) ? l : l.value,
+        upload: l,
+        compressible: e,
+        compress: Q(e) ? e : e.value,
         ...t
       };
-    }), C = K.directive, c = L(e.value.compress), s = b(() => {
-      const { modelValue: l } = e.value;
-      return n(l) ? l : l ? [l] : [];
-    }), U = (l) => {
-      n(e.value.modelValue) && p("update:modelValue", l);
-    }, B = (l) => {
-      let a = "";
-      n(e.value.modelValue) && (a = [...e.value.modelValue], a.splice(l, 1)), p("update:modelValue", a);
-    }, { loading: I, trigger: f } = J(
-      async (l) => {
-        const a = l.target, t = Array.from(a.files ?? []);
-        if (a.value = "", !t?.length)
+    }), B = Z.directive, f = M(a.value.compress), u = g(() => {
+      const { modelValue: e } = a.value;
+      return p(e) ? e : e ? [e] : [];
+    }), y = g(() => u.value.map((e) => I(e))), I = (e) => {
+      if (typeof e == "string")
+        return e;
+      let l = n.get(e);
+      return l || (l = URL.createObjectURL(e), n.set(e, l)), l;
+    }, P = (e, l) => typeof e == "string" ? e : `${e.name}-${e.size}-${e.lastModified}-${l}`, $ = (e) => e.some((l) => l instanceof File), D = (e) => {
+      p(a.value.modelValue) && v("update:modelValue", e);
+    }, F = (e) => {
+      let l = "";
+      p(a.value.modelValue) && (l = [...a.value.modelValue], l.splice(e, 1)), v("update:modelValue", l);
+    }, { loading: N, trigger: b } = Y(
+      async (e) => {
+        const l = e.target, t = Array.from(l.files ?? []);
+        if (l.value = "", !t?.length)
           return;
-        const { max: u, upload: v, params: P } = e.value;
-        if (!v)
-          throw new Error("not set upload");
-        const V = await v(t.slice(0, u - s.value.length), {
-          compress: c.value,
-          params: P
+        const { max: r, upload: _ = U, params: R } = a.value, d = await _(t.slice(0, r - u.value.length), {
+          compress: f.value,
+          params: R
         });
-        let _ = V[0];
-        n(e.value.modelValue) && (_ = [...e.value.modelValue, ...V]), p("update:modelValue", _);
+        let h = $(d) ? d : d[0];
+        p(a.value.modelValue) && (h = [...a.value.modelValue, ...d]), v("update:modelValue", h);
       },
       {
         throwError: !0
       }
     );
-    return (l, a) => (r(), m("div", Z, [
-      i(o(R), {
+    return O(() => {
+      n.forEach((e) => URL.revokeObjectURL(e)), n.clear();
+    }), (e, l) => (s(), m("div", se, [
+      i(o(le), {
         class: "vro-el-image-upload-content",
-        disabled: e.value.disabled || e.value.max <= 1,
+        disabled: a.value.disabled || a.value.max <= 1,
         animation: 150,
-        "model-value": s.value,
+        "model-value": u.value,
         filter: ".vro-el-image-upload-btn",
-        "onUpdate:modelValue": U
+        "onUpdate:modelValue": D
       }, {
-        default: d(() => [
-          (r(!0), m(A, null, T(s.value, (t, u) => (r(), m("div", {
+        default: c(() => [
+          (s(!0), m(j, null, S(u.value, (t, r) => (s(), m("div", {
             class: "vro-el-image-upload-item",
-            key: t
+            key: P(t, r)
           }, [
-            i(o(M), F({ class: "vro-el-image-upload-image" }, { ref_for: !0 }, e.value.imageProps, {
-              src: t,
-              "preview-src-list": s.value,
-              "initial-index": u
+            i(o(oe), z({ ref_for: !0 }, a.value.imageProps, {
+              class: "vro-el-image-upload-image",
+              src: y.value[r],
+              "preview-src-list": y.value,
+              "initial-index": r
             }), null, 16, ["src", "preview-src-list", "initial-index"]),
-            e.value.disabled ? g("", !0) : (r(), h(o(k), {
+            a.value.disabled ? V("", !0) : (s(), k(o(w), {
               key: 0,
               class: "vro-el-image-upload-clear",
-              onClick: (v) => B(u)
+              onClick: (_) => F(r)
             }, {
-              default: d(() => [
-                i(o(G))
+              default: c(() => [
+                i(o(W))
               ]),
               _: 1
             }, 8, ["onClick"]))
           ]))), 128)),
-          s.value.length < e.value.max && !e.value.disabled ? N((r(), m("div", ee, [
-            i(o(k), { class: "vro-el-image-upload-add" }, {
-              default: d(() => [
-                i(o(H))
+          u.value.length < a.value.max && !a.value.disabled ? T((s(), m("div", ue, [
+            i(o(w), { class: "vro-el-image-upload-add" }, {
+              default: c(() => [
+                i(o(X))
               ]),
               _: 1
             }),
-            O("input", {
+            K("input", {
               type: "file",
               accept: "image/*",
-              multiple: e.value.max > 1,
-              onChange: a[0] || (a[0] = //@ts-ignore
-              (...t) => o(f) && o(f)(...t))
-            }, null, 40, le)
+              multiple: a.value.max > 1,
+              onChange: l[0] || (l[0] = //@ts-ignore
+              (...t) => o(b) && o(b)(...t))
+            }, null, 40, ie)
           ])), [
-            [o(C), o(I)]
-          ]) : g("", !0)
+            [o(B), o(N)]
+          ]) : V("", !0)
         ]),
         _: 1
       }, 8, ["disabled", "model-value"]),
-      !e.value.disabled && e.value.compressible ? (r(), h(o(Q), {
+      !a.value.disabled && a.value.compressible ? (s(), k(o(ee), {
         key: 0,
-        modelValue: c.value,
-        "onUpdate:modelValue": a[1] || (a[1] = (t) => c.value = t)
+        modelValue: f.value,
+        "onUpdate:modelValue": l[1] || (l[1] = (t) => f.value = t)
       }, {
-        default: d(() => [
-          S($(o(w)("imageUpload.compressText")), 1)
+        default: c(() => [
+          q(G(o(L)("imageUpload.compressText")), 1)
         ]),
         _: 1
-      }, 8, ["modelValue"])) : g("", !0)
+      }, 8, ["modelValue"])) : V("", !0)
     ]));
   }
 });
 export {
-  ne as default
+  ye as default
 };