element-less 0.0.51 → 0.0.53

package/custom/waterFall/src/waterFall.vue.d.ts

@@ -1,3 +1,4 @@
+import { nextTick } from 'vue';
 declare module "vue" {
     interface HTMLAttributes {
         "v-infinite-scroll"?: () => void;
@@ -8,10 +9,282 @@ declare function updateItem(item: any): void;
 declare function removeItem(item: any): void;
 declare function query(isFirstPage?: boolean): Promise<unknown> | undefined;
 declare function __VLS_template(): {
-    default?(_: {
-        item: any;
-    }): any;
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            item: any;
+        }): any;
+    };
+    refs: {
+        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('./lib/types/util').Nullable<HTMLElement>, import('./lib/types/util').Nullable<HTMLElement>>;
+                wrapperHeight: import('vue').Ref<number, number>;
+                getRenderURL: (item: import('./lib/types/waterfall').ViewCard) => string;
+                getKey: (item: import('./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 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('./lib/types/util').Nullable<HTMLElement>, import('./lib/types/util').Nullable<HTMLElement>>;
+            wrapperHeight: import('vue').Ref<number, number>;
+            getRenderURL: (item: import('./lib/types/waterfall').ViewCard) => string;
+            getKey: (item: import('./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;
+    };
+    rootEl: any;
 };
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     url: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
     data: import('element-plus/es/utils/index.mjs').EpPropFinalized<{
@@ -80,8 +353,274 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     queryData: Record<string, any>;
     urlField: string;
     nextPageType: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    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('./lib/types/util').Nullable<HTMLElement>, import('./lib/types/util').Nullable<HTMLElement>>;
+            wrapperHeight: import('vue').Ref<number, number>;
+            getRenderURL: (item: import('./lib/types/waterfall').ViewCard) => string;
+            getKey: (item: import('./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 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('./lib/types/util').Nullable<HTMLElement>, import('./lib/types/util').Nullable<HTMLElement>>;
+        wrapperHeight: import('vue').Ref<number, number>;
+        getRenderURL: (item: import('./lib/types/waterfall').ViewCard) => string;
+        getKey: (item: import('./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>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {