import { nextTick } from 'vue';
declare module "vue" {
    interface HTMLAttributes {
        "v-infinite-scroll"?: () => void;
    }
}
declare function readData(): Promise<unknown> | undefined;
declare function updateItem(item: any): void;
declare function removeItem(item: any): void;
declare function query(isFirstPage?: boolean): Promise<unknown> | undefined;
declare function __VLS_template(): {
    attrs: Partial<{}>;
    slots: {
        default?(_: {
            item: any;
        }): any;
    };
    refs: {
        waterfallRef: ({
            $: import('vue').ComponentInternalInstance;
            $data: {};
            $props: Partial<{
                width: number;
                list: any[];
                rowKey: string;
                columns: number;
                gutter: number;
                delay: number;
                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 list: any[];
                readonly rowKey: string;
                readonly columns: number;
                readonly gutter: number;
                readonly delay: number;
                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" | "list" | "rowKey" | "columns" | "gutter" | "delay" | "backgroundColor" | "hasAroundGutter" | "animationDelay" | "animationDuration" | "imgSelector" | "animationPrefix" | "animationEffect" | "lazyload" | "loadProps" | "crossOrigin">;
            $attrs: import('vue').Attrs;
            $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;
                list: any[];
                rowKey: string;
                columns: number;
                gutter: number;
                delay: number;
                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;
            list: any[];
            rowKey: string;
            columns: number;
            gutter: number;
            delay: number;
            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" | "list" | "rowKey" | "columns" | "gutter" | "delay" | "backgroundColor" | "hasAroundGutter" | "animationDelay" | "animationDuration" | "imgSelector" | "animationPrefix" | "animationEffect" | "lazyload" | "loadProps" | "crossOrigin")> & {
            waterfallWrapper: import('./lib/types/util').Nullable<HTMLElement>;
            wrapperHeight: 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<{
        (arrayLength: number): Record<string, any>[];
        (...items: Record<string, any>[]): Record<string, any>[];
        new (arrayLength: number): Record<string, any>[];
        new (...items: Record<string, any>[]): Record<string, any>[];
        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, never[], boolean>;
    rowKey: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
    urlField: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
    nextPageType: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
    pageSize: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
    queryData: import('element-plus/es/utils/index.mjs').EpPropFinalized<ObjectConstructor, unknown, unknown, {}, boolean>;
    isClientPage: BooleanConstructor;
    afterReadData: FunctionConstructor;
}>, {
    query: typeof query;
    readData: typeof readData;
    updateItem: typeof updateItem;
    removeItem: typeof removeItem;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    loadMore: (...args: any[]) => void;
    changePage: (...args: any[]) => void;
    changeSize: (...args: any[]) => void;
}, string, import('vue').PublicProps, Readonly<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<{
        (arrayLength: number): Record<string, any>[];
        (...items: Record<string, any>[]): Record<string, any>[];
        new (arrayLength: number): Record<string, any>[];
        new (...items: Record<string, any>[]): Record<string, any>[];
        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, never[], boolean>;
    rowKey: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
    urlField: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
    nextPageType: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
    pageSize: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
    queryData: import('element-plus/es/utils/index.mjs').EpPropFinalized<ObjectConstructor, unknown, unknown, {}, boolean>;
    isClientPage: BooleanConstructor;
    afterReadData: FunctionConstructor;
}>> & Readonly<{
    onLoadMore?: ((...args: any[]) => any) | undefined;
    onChangePage?: ((...args: any[]) => any) | undefined;
    onChangeSize?: ((...args: any[]) => any) | undefined;
}>, {
    data: Record<string, any>[];
    url: string;
    pageSize: number;
    rowKey: string;
    isClientPage: boolean;
    queryData: Record<string, any>;
    urlField: string;
    nextPageType: string;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
    waterfallRef: ({
        $: import('vue').ComponentInternalInstance;
        $data: {};
        $props: Partial<{
            width: number;
            list: any[];
            rowKey: string;
            columns: number;
            gutter: number;
            delay: number;
            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 list: any[];
            readonly rowKey: string;
            readonly columns: number;
            readonly gutter: number;
            readonly delay: number;
            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" | "list" | "rowKey" | "columns" | "gutter" | "delay" | "backgroundColor" | "hasAroundGutter" | "animationDelay" | "animationDuration" | "imgSelector" | "animationPrefix" | "animationEffect" | "lazyload" | "loadProps" | "crossOrigin">;
        $attrs: import('vue').Attrs;
        $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;
            list: any[];
            rowKey: string;
            columns: number;
            gutter: number;
            delay: number;
            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;
        list: any[];
        rowKey: string;
        columns: number;
        gutter: number;
        delay: number;
        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" | "list" | "rowKey" | "columns" | "gutter" | "delay" | "backgroundColor" | "hasAroundGutter" | "animationDelay" | "animationDuration" | "imgSelector" | "animationPrefix" | "animationEffect" | "lazyload" | "loadProps" | "crossOrigin")> & {
        waterfallWrapper: import('./lib/types/util').Nullable<HTMLElement>;
        wrapperHeight: 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 (): {
        $slots: S;
    };
};