element-less 0.0.51 → 0.0.53

package/custom/waterFall/index.d.ts

@@ -1,4 +1,4 @@
-export declare const ElsWaterFall: import('element-plus/es/utils/index').SFCWithInstall<{
+export declare const ElsWaterFall: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
         url: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
         data: import('element-plus/es/utils/index').EpPropFinalized<{
@@ -44,7 +44,273 @@ export declare const ElsWaterFall: import('element-plus/es/utils/index').SFCWith
         queryData: Record<string, any>;
         urlField: string;
         nextPageType: string;
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        waterfallRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                width: number;
+                rowKey: string;
+                columns: number;
+                gutter: number;
+                delay: number;
+                list: any[];
+                backgroundColor: string;
+                hasAroundGutter: boolean;
+                animationDelay: number;
+                animationDuration: number;
+                imgSelector: string;
+                animationPrefix: string;
+                animationEffect: string;
+                lazyload: boolean;
+                loadProps: Record<string, any>;
+                crossOrigin: boolean;
+            }> & Omit<{
+                readonly width: number;
+                readonly rowKey: string;
+                readonly columns: number;
+                readonly gutter: number;
+                readonly delay: number;
+                readonly list: any[];
+                readonly backgroundColor: string;
+                readonly hasAroundGutter: boolean;
+                readonly animationDelay: number;
+                readonly animationDuration: number;
+                readonly imgSelector: string;
+                readonly animationPrefix: string;
+                readonly animationEffect: string;
+                readonly lazyload: boolean;
+                readonly loadProps: Record<string, any>;
+                readonly crossOrigin: boolean;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "width" | "rowKey" | "columns" | "gutter" | "delay" | "list" | "backgroundColor" | "hasAroundGutter" | "animationDelay" | "animationDuration" | "imgSelector" | "animationPrefix" | "animationEffect" | "lazyload" | "loadProps" | "crossOrigin">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                waterfallWrapper: HTMLDivElement;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: HTMLDivElement;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+                list: {
+                    type: import('vue').PropType<any[]>;
+                    default: () => never[];
+                };
+                rowKey: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                imgSelector: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                width: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                columns: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                gutter: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                hasAroundGutter: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                animationPrefix: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                animationEffect: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                animationDuration: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                animationDelay: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                backgroundColor: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                lazyload: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                loadProps: {
+                    type: ObjectConstructor;
+                    default: () => void;
+                };
+                crossOrigin: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                delay: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+            }>> & Readonly<{}>, {
+                waterfallWrapper: import('vue').Ref<import('./src/lib/types/util').Nullable<HTMLElement>, import('./src/lib/types/util').Nullable<HTMLElement>>;
+                wrapperHeight: import('vue').Ref<number, number>;
+                getRenderURL: (item: import('./src/lib/types/waterfall').ViewCard) => string;
+                getKey: (item: import('./src/lib/types/waterfall').ViewCard, index: number) => string;
+                list: any[];
+                backgroundColor: string;
+                renderer: import('@vueuse/core').PromisifyFn<() => void>;
+                clearAndReload: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                width: number;
+                rowKey: string;
+                columns: number;
+                gutter: number;
+                delay: number;
+                list: any[];
+                backgroundColor: string;
+                hasAroundGutter: boolean;
+                animationDelay: number;
+                animationDuration: number;
+                imgSelector: string;
+                animationPrefix: string;
+                animationEffect: string;
+                lazyload: boolean;
+                loadProps: Record<string, any>;
+                crossOrigin: boolean;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            width: number;
+            rowKey: string;
+            columns: number;
+            gutter: number;
+            delay: number;
+            list: any[];
+            backgroundColor: string;
+            hasAroundGutter: boolean;
+            animationDelay: number;
+            animationDuration: number;
+            imgSelector: string;
+            animationPrefix: string;
+            animationEffect: string;
+            lazyload: boolean;
+            loadProps: Record<string, any>;
+            crossOrigin: boolean;
+        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+            list: {
+                type: import('vue').PropType<any[]>;
+                default: () => never[];
+            };
+            rowKey: {
+                type: StringConstructor;
+                default: string;
+            };
+            imgSelector: {
+                type: StringConstructor;
+                default: string;
+            };
+            width: {
+                type: NumberConstructor;
+                default: number;
+            };
+            columns: {
+                type: NumberConstructor;
+                default: number;
+            };
+            gutter: {
+                type: NumberConstructor;
+                default: number;
+            };
+            hasAroundGutter: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            animationPrefix: {
+                type: StringConstructor;
+                default: string;
+            };
+            animationEffect: {
+                type: StringConstructor;
+                default: string;
+            };
+            animationDuration: {
+                type: NumberConstructor;
+                default: number;
+            };
+            animationDelay: {
+                type: NumberConstructor;
+                default: number;
+            };
+            backgroundColor: {
+                type: StringConstructor;
+                default: string;
+            };
+            lazyload: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            loadProps: {
+                type: ObjectConstructor;
+                default: () => void;
+            };
+            crossOrigin: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            delay: {
+                type: NumberConstructor;
+                default: number;
+            };
+        }>> & Readonly<{}>, "getKey" | "waterfallWrapper" | "wrapperHeight" | "getRenderURL" | "renderer" | "clearAndReload" | ("width" | "rowKey" | "columns" | "gutter" | "delay" | "list" | "backgroundColor" | "hasAroundGutter" | "animationDelay" | "animationDuration" | "imgSelector" | "animationPrefix" | "animationEffect" | "lazyload" | "loadProps" | "crossOrigin")> & import('vue').ShallowUnwrapRef<{
+            waterfallWrapper: import('vue').Ref<import('./src/lib/types/util').Nullable<HTMLElement>, import('./src/lib/types/util').Nullable<HTMLElement>>;
+            wrapperHeight: import('vue').Ref<number, number>;
+            getRenderURL: (item: import('./src/lib/types/waterfall').ViewCard) => string;
+            getKey: (item: import('./src/lib/types/waterfall').ViewCard, index: number) => string;
+            list: any[];
+            backgroundColor: string;
+            renderer: import('@vueuse/core').PromisifyFn<() => void>;
+            clearAndReload: () => void;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                item?(_: {
+                    item: any;
+                    index: number;
+                    url: string;
+                }): any;
+            };
+        }) | null;
+    }, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -147,6 +413,18 @@ export declare const ElsWaterFall: import('element-plus/es/utils/index').SFCWith
             item: any;
         }): any;
     };
-})> & Record<string, any>;
-export declare const ElsLazyImage: import('element-plus/es/utils/index').SFCWithInstall<import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>> & Record<string, any>;
+}) & import('vue').ObjectPlugin & Record<string, any>;
+export declare const ElsLazyImage: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').ObjectPlugin & Record<string, any>;
 export default ElsWaterFall;

package/custom/waterFall/src/lib/components/LazyImg.vue.d.ts

@@ -1,2 +1,289 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    lazyRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            lazy: boolean;
+            isPreview: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            previewTeleported: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            hideOnClickModal: boolean;
+            separator: string;
+            src: string;
+            fit: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
+            previewSrcList: string[];
+            initialIndex: number;
+            infinite: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            closeOnPressEscape: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            zoomRate: number;
+            scale: number;
+            minScale: number;
+            maxScale: number;
+            showProgress: boolean;
+        }> & Omit<{
+            readonly lazy: boolean;
+            readonly isPreview: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly previewTeleported: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly hideOnClickModal: boolean;
+            readonly separator: string;
+            readonly src: string;
+            readonly fit: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
+            readonly previewSrcList: string[];
+            readonly initialIndex: number;
+            readonly infinite: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly closeOnPressEscape: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly zoomRate: number;
+            readonly scale: number;
+            readonly minScale: number;
+            readonly maxScale: number;
+            readonly showProgress: boolean;
+            readonly zIndex?: number | undefined;
+            readonly url?: import('element-plus/es/utils/index.mjs').EpPropMergeType<(StringConstructor | {
+                (arrayLength: number): string[];
+                (...items: string[]): string[];
+                new (arrayLength: number): string[];
+                new (...items: string[]): string[];
+                isArray(arg: any): arg is any[];
+                readonly prototype: any[];
+                from<T>(arrayLike: ArrayLike<T>): T[];
+                from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+                from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                of<T>(...items: T[]): T[];
+                readonly [Symbol.species]: ArrayConstructor;
+            })[], unknown, unknown> | undefined;
+            readonly width?: string | undefined;
+            readonly loading?: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
+            readonly height?: string | undefined;
+            readonly thumbnailUrl?: string | undefined;
+            readonly previewUrls?: string[] | undefined;
+            readonly emptyDesc?: string | undefined;
+            readonly onSwitch?: Function | undefined;
+            readonly scrollContainer?: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined))[], unknown, unknown>;
+            readonly crossorigin?: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => import('element-plus').ImageCrossorigin) | ((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => import('element-plus').ImageCrossorigin))[], unknown, unknown> | undefined;
+            readonly onPreview?: ((...args: any[]) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "lazy" | "isPreview" | "previewTeleported" | "hideOnClickModal" | "separator" | "src" | "fit" | "previewSrcList" | "initialIndex" | "infinite" | "closeOnPressEscape" | "zoomRate" | "scale" | "minScale" | "maxScale" | "showProgress">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "preview", ...args: any[]) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            url: {
+                readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(StringConstructor | {
+                    (arrayLength: number): string[];
+                    (...items: string[]): string[];
+                    new (arrayLength: number): string[];
+                    new (...items: string[]): string[];
+                    isArray(arg: any): arg is any[];
+                    readonly prototype: any[];
+                    from<T>(arrayLike: ArrayLike<T>): T[];
+                    from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                    from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+                    from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                    of<T>(...items: T[]): T[];
+                    readonly [Symbol.species]: ArrayConstructor;
+                })[], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            previewUrls: {
+                readonly type: import('vue').PropType<string[]>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            thumbnailUrl: StringConstructor;
+            width: StringConstructor;
+            height: StringConstructor;
+            isPreview: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+            emptyDesc: StringConstructor;
+            hideOnClickModal: BooleanConstructor;
+            previewTeleported: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+            separator: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+            onSwitch: FunctionConstructor;
+            src: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+            fit: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "" | "fill" | "contain" | "none" | "cover" | "scale-down", unknown, "", boolean>;
+            loading: {
+                readonly type: import('vue').PropType<import('element-plus/es/utils/index.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/index.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined))[], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            previewSrcList: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], 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/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+            infinite: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            closeOnPressEscape: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            zoomRate: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 1.2, boolean>;
+            scale: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
+            minScale: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0.2, boolean>;
+            maxScale: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
+            showProgress: BooleanConstructor;
+            crossorigin: {
+                readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => import('element-plus').ImageCrossorigin) | ((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => import('element-plus').ImageCrossorigin))[], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+        }>> & Readonly<{
+            onPreview?: ((...args: any[]) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            preview: (...args: any[]) => void;
+        }, string, {
+            lazy: boolean;
+            isPreview: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            previewTeleported: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            hideOnClickModal: boolean;
+            separator: string;
+            src: string;
+            fit: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
+            previewSrcList: string[];
+            initialIndex: number;
+            infinite: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            closeOnPressEscape: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            zoomRate: number;
+            scale: number;
+            minScale: number;
+            maxScale: number;
+            showProgress: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        lazy: boolean;
+        isPreview: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        previewTeleported: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        hideOnClickModal: boolean;
+        separator: string;
+        src: string;
+        fit: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
+        previewSrcList: string[];
+        initialIndex: number;
+        infinite: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        closeOnPressEscape: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        zoomRate: number;
+        scale: number;
+        minScale: number;
+        maxScale: number;
+        showProgress: boolean;
+    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+        url: {
+            readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(StringConstructor | {
+                (arrayLength: number): string[];
+                (...items: string[]): string[];
+                new (arrayLength: number): string[];
+                new (...items: string[]): string[];
+                isArray(arg: any): arg is any[];
+                readonly prototype: any[];
+                from<T>(arrayLike: ArrayLike<T>): T[];
+                from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+                from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                of<T>(...items: T[]): T[];
+                readonly [Symbol.species]: ArrayConstructor;
+            })[], unknown, unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        previewUrls: {
+            readonly type: import('vue').PropType<string[]>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        thumbnailUrl: StringConstructor;
+        width: StringConstructor;
+        height: StringConstructor;
+        isPreview: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+        emptyDesc: StringConstructor;
+        hideOnClickModal: BooleanConstructor;
+        previewTeleported: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+        separator: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+        onSwitch: FunctionConstructor;
+        src: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+        fit: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "" | "fill" | "contain" | "none" | "cover" | "scale-down", unknown, "", boolean>;
+        loading: {
+            readonly type: import('vue').PropType<import('element-plus/es/utils/index.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/index.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined))[], unknown, unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        previewSrcList: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], 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/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+        infinite: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+        closeOnPressEscape: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+        zoomRate: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 1.2, boolean>;
+        scale: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
+        minScale: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0.2, boolean>;
+        maxScale: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
+        showProgress: BooleanConstructor;
+        crossorigin: {
+            readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => import('element-plus').ImageCrossorigin) | ((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => import('element-plus').ImageCrossorigin))[], unknown, unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+    }>> & Readonly<{
+        onPreview?: ((...args: any[]) => any) | undefined;
+    }>, "lazy" | "isPreview" | "previewTeleported" | "hideOnClickModal" | "separator" | "src" | "fit" | "previewSrcList" | "initialIndex" | "infinite" | "closeOnPressEscape" | "zoomRate" | "scale" | "minScale" | "maxScale" | "showProgress"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            placeholder?(_: {}): any;
+            error?(_: {}): any;
+            viewer?(_: {}): any;
+        };
+    }) | null;
+}, any>;
 export default _default;

package/custom/waterFall/src/lib/components/Waterfall.vue.d.ts

@@ -1,12 +1,20 @@
 import { PropType } from 'vue';
 import { ViewCard } from '../types/waterfall';
 declare function __VLS_template(): {
-    item?(_: {
-        item: any;
-        index: number;
-        url: string;
-    }): any;
+    attrs: Partial<{}>;
+    slots: {
+        item?(_: {
+            item: any;
+            index: number;
+            url: string;
+        }): any;
+    };
+    refs: {
+        waterfallWrapper: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
 };
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     list: {
         type: PropType<any[]>;
@@ -79,7 +87,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     getKey: (item: ViewCard, index: number) => string;
     list: any[];
     backgroundColor: string;
-    renderer: import('@vueuse/shared').PromisifyFn<() => void>;
+    renderer: import('@vueuse/core').PromisifyFn<() => void>;
     clearAndReload: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     list: {
@@ -163,8 +171,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     lazyload: boolean;
     loadProps: Record<string, any>;
     crossOrigin: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    waterfallWrapper: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {