@vrojs/element-plus 0.0.2 → 0.0.4

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

@@ -0,0 +1,50 @@
+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<import('./types').VroElImageUploadModelValue>;
+        default: string;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: BooleanConstructor;
+    compressible: import('vue').PropType<boolean | {
+        value: boolean;
+    }>;
+    params: import('vue').PropType<Record<string, any>>;
+    imageProps: import('vue').PropType<Partial<import('..').VroElImageProps>>;
+    upload: import('vue').PropType<import('./types').VroElImageUploadCallback>;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: import('./types').VroElImageUploadModelValue) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: import('vue').PropType<import('./types').VroElImageUploadModelValue>;
+        default: string;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: BooleanConstructor;
+    compressible: import('vue').PropType<boolean | {
+        value: boolean;
+    }>;
+    params: import('vue').PropType<Record<string, any>>;
+    imageProps: import('vue').PropType<Partial<import('..').VroElImageProps>>;
+    upload: import('vue').PropType<import('./types').VroElImageUploadCallback>;
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: import('./types').VroElImageUploadModelValue) => any) | undefined;
+}>, {
+    disabled: boolean;
+    modelValue: import('./types').VroElImageUploadModelValue;
+    max: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>>;
+export default VroElImageUpload;
+export type VroElImageUploadInstance = InstanceType<typeof VroElImageUpload>;
+declare module 'vue' {
+    interface GlobalComponents {
+        VroElImageUpload: typeof VroElImageUpload;
+    }
+}

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

@@ -0,0 +1,12 @@
+import { withInstall as o } from "@vrojs/base";
+import r from "./vro-el-image-upload.vue.js";
+import { vroElImageUploadProps as e } from "./types.js";
+import { getVroElImageUploadOptions as f, setVroElImageUploadOptions as i } from "./utils.js";
+const p = o(r);
+export {
+  p as VroElImageUpload,
+  p as default,
+  f as getVroElImageUploadOptions,
+  i as setVroElImageUploadOptions,
+  e as vroElImageUploadProps
+};

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

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

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

@@ -0,0 +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/loading/style/css";

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

@@ -0,0 +1 @@
+.vro-el-image-upload-content{display:flex;flex-wrap:wrap;margin-top:-10px}.vro-el-image-upload-item{cursor:pointer;position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin-top:10px;margin-right:10px;font-size:24px;border-radius:4px;width:100px;height:100px;border:1px #ccc dashed}.vro-el-image-upload-item .vro-el-image-upload-image,.vro-el-image-upload-item img{position:absolute;width:100%;height:100%;top:0;left:0;object-position:center;object-fit:cover;border-radius:4px;transform:translateZ(0);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAlQTFRFyMjI////1tbWF77ztQAAABZJREFUeJxjYGAIDWUggggNbWAgggAA918Ooanz2WEAAAAASUVORK5CYII=) center!important;background-size:j(8)!important}.vro-el-image-upload-item input{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;opacity:0}.vro-el-image-upload-clear{position:absolute;color:#fff;border-radius:50%;cursor:pointer;font-size:20px;right:-6px;top:-6px;background:red}

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

@@ -0,0 +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/loading/style/css";
+/* empty css                    */
+/* empty css                                  */
+/* empty css           */

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

@@ -0,0 +1,40 @@
+import { ExtractPropTypes, PropType } from 'vue';
+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> {
+    (
+    /** 当前待上传的图片文件列表 */
+    files: File[], options: {
+        /** 是否开启压缩 */
+        compress: boolean;
+        /** 上传时透传的自定义参数 */
+        params: T;
+    }): Promise<VroElImageUploadUploadResult>;
+}
+export declare const vroElImageUploadProps: {
+    /** 绑定值，字符串为单图远程地址，数组为多图或本地 File 列表 */
+    modelValue: {
+        type: PropType<VroElImageUploadModelValue>;
+        default: string;
+    };
+    /** 最多可上传的图片数量 */
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 是否禁用上传、删除和排序 */
+    disabled: BooleanConstructor;
+    /** 是否显示压缩开关，传入对象时可作为响应式默认值 */
+    compressible: PropType<boolean | {
+        value: boolean;
+    }>;
+    /** 上传时透传给 upload 回调的自定义参数 */
+    params: PropType<Record<string, any>>;
+    /** 透传给 Element Plus Image 的属性 */
+    imageProps: PropType<Partial<VroElImageProps>>;
+    /** 自定义上传方法，默认返回 File 列表用于本地预览和后续业务处理 */
+    upload: PropType<VroElImageUploadCallback>;
+};
+export type VroElImageUploadProps = ExtractPropTypes<typeof vroElImageUploadProps>;

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

@@ -0,0 +1,25 @@
+const e = {
+  /** 绑定值，字符串为单图远程地址，数组为多图或本地 File 列表 */
+  modelValue: {
+    type: [String, Array],
+    default: ""
+  },
+  /** 最多可上传的图片数量 */
+  max: {
+    type: Number,
+    default: 1
+  },
+  /** 是否禁用上传、删除和排序 */
+  disabled: Boolean,
+  /** 是否显示压缩开关，传入对象时可作为响应式默认值 */
+  compressible: [Boolean, Object],
+  /** 上传时透传给 upload 回调的自定义参数 */
+  params: Object,
+  /** 透传给 Element Plus Image 的属性 */
+  imageProps: Object,
+  /** 自定义上传方法，默认返回 File 列表用于本地预览和后续业务处理 */
+  upload: Function
+};
+export {
+  e as vroElImageUploadProps
+};

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

@@ -0,0 +1,2 @@
+import { VroElImageUploadProps } from './types';
+export declare const setVroElImageUploadOptions: (value: Partial<Pick<VroElImageUploadProps, "upload" | "compressible" | "imageProps">>) => Partial<Pick<VroElImageUploadProps, "upload" | "compressible" | "imageProps">>, getVroElImageUploadOptions: () => Partial<Pick<VroElImageUploadProps, "upload" | "compressible" | "imageProps">>;

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

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

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

@@ -0,0 +1,43 @@
+import { VroElImageUploadCallback, VroElImageUploadModelValue } from './types';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: import('vue').PropType<VroElImageUploadModelValue>;
+        default: string;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: BooleanConstructor;
+    compressible: import('vue').PropType<boolean | {
+        value: boolean;
+    }>;
+    params: import('vue').PropType<Record<string, any>>;
+    imageProps: import('vue').PropType<Partial<import('..').VroElImageProps>>;
+    upload: import('vue').PropType<VroElImageUploadCallback>;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: VroElImageUploadModelValue) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: import('vue').PropType<VroElImageUploadModelValue>;
+        default: string;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: BooleanConstructor;
+    compressible: import('vue').PropType<boolean | {
+        value: boolean;
+    }>;
+    params: import('vue').PropType<Record<string, any>>;
+    imageProps: import('vue').PropType<Partial<import('..').VroElImageProps>>;
+    upload: import('vue').PropType<VroElImageUploadCallback>;
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: VroElImageUploadModelValue) => any) | undefined;
+}>, {
+    disabled: boolean;
+    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

@@ -0,0 +1,132 @@
+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"
+}, ie = ["multiple"], ye = /* @__PURE__ */ A({
+  name: "VroElImageUpload",
+  __name: "vro-el-image-upload",
+  props: te,
+  emits: ["update:modelValue"],
+  setup(E, { emit: x }) {
+    const v = x, C = E, { t: L } = ae(), n = /* @__PURE__ */ new Map(), U = async (e) => e, a = g(() => {
+      const {
+        compressible: e = !1,
+        upload: l = U,
+        ...t
+      } = {
+        ...re(),
+        ...H(C, J)
+      };
+      return {
+        upload: l,
+        compressible: e,
+        compress: Q(e) ? e : e.value,
+        ...t
+      };
+    }), 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: r, upload: _ = U, params: R } = a.value, d = await _(t.slice(0, r - u.value.length), {
+          compress: f.value,
+          params: R
+        });
+        let h = $(d) ? d : d[0];
+        p(a.value.modelValue) && (h = [...a.value.modelValue, ...d]), v("update:modelValue", h);
+      },
+      {
+        throwError: !0
+      }
+    );
+    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: a.value.disabled || a.value.max <= 1,
+        animation: 150,
+        "model-value": u.value,
+        filter: ".vro-el-image-upload-btn",
+        "onUpdate:modelValue": D
+      }, {
+        default: c(() => [
+          (s(!0), m(j, null, S(u.value, (t, r) => (s(), m("div", {
+            class: "vro-el-image-upload-item",
+            key: P(t, r)
+          }, [
+            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"]),
+            a.value.disabled ? V("", !0) : (s(), k(o(w), {
+              key: 0,
+              class: "vro-el-image-upload-clear",
+              onClick: (_) => F(r)
+            }, {
+              default: c(() => [
+                i(o(W))
+              ]),
+              _: 1
+            }, 8, ["onClick"]))
+          ]))), 128)),
+          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
+            }),
+            K("input", {
+              type: "file",
+              accept: "image/*",
+              multiple: a.value.max > 1,
+              onChange: l[0] || (l[0] = //@ts-ignore
+              (...t) => o(b) && o(b)(...t))
+            }, null, 40, ie)
+          ])), [
+            [o(B), o(N)]
+          ]) : V("", !0)
+        ]),
+        _: 1
+      }, 8, ["disabled", "model-value"]),
+      !a.value.disabled && a.value.compressible ? (s(), k(o(ee), {
+        key: 0,
+        modelValue: f.value,
+        "onUpdate:modelValue": l[1] || (l[1] = (t) => f.value = t)
+      }, {
+        default: c(() => [
+          q(G(o(L)("imageUpload.compressText")), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"])) : V("", !0)
+    ]));
+  }
+});
+export {
+  ye as default
+};

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

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

package/dist/vro-el-radio-group/index.d.ts

@@ -0,0 +1,79 @@
+export * from './types';
+export declare const VroElRadioGroup: import('@vrojs/base').WithInstall<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    options: import('vue').PropType<any[]>;
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    ariaLabel: StringConstructor;
+    id: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+    size: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    disabled: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    modelValue: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown, undefined, boolean>;
+    fill: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    textColor: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    name: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+    validateEvent: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    props: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<(new (...args: any[]) => import('element-plus').radioOptionProp) | (() => import('element-plus').radioOptionProp) | (((new (...args: any[]) => import('element-plus').radioOptionProp) | (() => import('element-plus').radioOptionProp)) | null)[], unknown, unknown, () => Required<import('element-plus').radioOptionProp>, boolean>;
+    type: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<StringConstructor, "button" | "radio", unknown, "radio", boolean>;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    options: import('vue').PropType<any[]>;
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    ariaLabel: StringConstructor;
+    id: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+    size: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    disabled: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    modelValue: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown, undefined, boolean>;
+    fill: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    textColor: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    name: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+    validateEvent: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    props: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<(new (...args: any[]) => import('element-plus').radioOptionProp) | (() => import('element-plus').radioOptionProp) | (((new (...args: any[]) => import('element-plus').radioOptionProp) | (() => import('element-plus').radioOptionProp)) | null)[], unknown, unknown, () => Required<import('element-plus').radioOptionProp>, boolean>;
+    type: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<StringConstructor, "button" | "radio", unknown, "radio", boolean>;
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    fill: string;
+    name: string;
+    type: import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<StringConstructor, "button" | "radio", unknown>;
+    props: import('element-plus').radioOptionProp;
+    id: string;
+    disabled: import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    modelValue: import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>;
+    labelKey: string;
+    valueKey: string;
+    textColor: string;
+    validateEvent: import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>>;
+export default VroElRadioGroup;
+export type VroElRadioGroupInstance = InstanceType<typeof VroElRadioGroup>;
+declare module 'vue' {
+    interface GlobalComponents {
+        VroElRadioGroup: typeof VroElRadioGroup;
+    }
+}

package/dist/vro-el-radio-group/index.js

@@ -0,0 +1,9 @@
+import { withInstall as o } from "@vrojs/base";
+import r from "./vro-el-radio-group.vue.js";
+import { vroElRadioGroupProps as f } from "./types.js";
+const a = o(r);
+export {
+  a as VroElRadioGroup,
+  a as default,
+  f as vroElRadioGroupProps
+};

package/dist/vro-el-radio-group/style/css.js

@@ -0,0 +1,3 @@
+import '../../style/base.css';
+/* empty css                    */
+/* empty css           */

package/dist/vro-el-radio-group/style/deps.js

@@ -0,0 +1,2 @@
+import "element-plus/es/components/radio-group/style/css";
+import "element-plus/es/components/radio/style/css";

package/dist/vro-el-radio-group/style/index.js

@@ -0,0 +1,5 @@
+import '../../style/base.css';
+import "element-plus/es/components/radio-group/style/css";
+import "element-plus/es/components/radio/style/css";
+/* empty css                    */
+/* empty css           */