import { ComponentInternalInstance, Ref } from 'vue';
import { PageCursor } from './typedef';
declare type InfiniteScrollingReachBottomOptions = {
    type: 'reach-bottom';
    threshold?: number;
};
declare type InfiniteScrollingIntersectionOptions = {
    type: 'intersection';
    /**
     * 触发器dom
     */
    target?: Ref<HTMLElement | undefined>;
    /**
     * 监控根元素，没有就是document的viewport
     */
    root?: Ref<HTMLElement | undefined>;
};
export declare type InfiniteScrollingOptions = InfiniteScrollingReachBottomOptions | InfiniteScrollingIntersectionOptions;
export declare const useInfiniteScrolling: <T extends {
    cursor: PageCursor;
}, R extends any[]>(resFetch: (cursor: string) => Promise<T>, resp2res: (resp: T) => R, opt: InfiniteScrollingOptions) => {
    /**
     * 用于进行动态添加监视目标
     */
    observe(ref: Element | ComponentInternalInstance | null): void;
    abort: () => void;
    load: import("vue").ComputedRef<boolean>;
    next: (idx?: number | undefined) => Promise<boolean>;
    res: import("vue").ComputedRef<(R extends object ? import("./readonly").DeepReadonly<R> : R) | undefined>;
    loading: import("vue").ComputedRef<boolean>;
    cursorStack: readonly string[];
    reset: (params?: boolean | import("./makeAsyncIterator").ResetParams) => Promise<void>;
    [Symbol.asyncIterator]: () => {
        next: () => Promise<{
            done: boolean;
            value: NonNullable<R>;
        }>;
    };
    iter: import("./readonly").DeepReadonly<{
        [Symbol.asyncIterator]: () => {
            next: () => Promise<{
                done: boolean;
                value: NonNullable<R>;
            }>;
        };
    }>;
};
export {};