import { PropType } from 'vue';
import { DisabledTime, TimeWheelSlots } from './symbol';
declare function refreshWheel(): void;
declare function __VLS_template(): {
    attrs: Partial<{}>;
    slots: Readonly<TimeWheelSlots> & TimeWheelSlots;
    refs: {
        hourWheel: ({
            $: import('vue').ComponentInternalInstance;
            $data: {};
            $props: Partial<{}> & Omit<{
                readonly value?: string | number | undefined;
                readonly inherit?: boolean | undefined;
                readonly options?: import('../wheel').WheelRawOption[] | undefined;
                readonly horizontal?: boolean | undefined;
                readonly loading?: boolean | undefined;
                readonly slots?: import('../wheel').WheelSlots | undefined;
                readonly onChange?: ((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[] | undefined;
                readonly disabled?: boolean | undefined;
                readonly pointer?: boolean | undefined;
                readonly noTransition?: boolean | undefined;
                readonly state?: "default" | "success" | "error" | "warning" | undefined;
                readonly loadingLock?: boolean | undefined;
                readonly arrow?: boolean | undefined;
                readonly onPrev?: ((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[] | undefined;
                readonly onNext?: ((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[] | undefined;
                readonly insertEmpty?: string | boolean | undefined;
                readonly selectable?: boolean | undefined;
                readonly onItemClick?: ((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[] | undefined;
                readonly candidate?: 0 | 1 | 2 | 3 | undefined;
                readonly disabledItem?: ((value: string | number, data: import('../wheel').WheelRawOption) => boolean) | undefined;
                readonly "onUpdate:value"?: ((...args: any[]) => any) | undefined;
            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
            $attrs: {
                [x: string]: unknown;
            };
            $refs: {
                [x: string]: unknown;
            } & {
                wrapper: HTMLDivElement;
                prevArrow: HTMLDivElement;
                scroll: ({
                    $: import('vue').ComponentInternalInstance;
                    $data: {};
                    $props: Partial<{}> & Omit<{
                        readonly inherit?: boolean | undefined;
                        readonly onScroll?: ((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[] | undefined;
                        readonly onWheel?: ((payload: import('..').BarScrollPayload & {
                            sign: 1 | -1;
                        }) => void) | ((payload: import('..').BarScrollPayload & {
                            sign: 1 | -1;
                        }) => void)[] | undefined;
                        readonly mode?: "horizontal" | "vertical" | "both" | "horizontal-exact" | undefined;
                        readonly disabled?: boolean | undefined;
                        readonly width?: string | number | undefined;
                        readonly onScrollStart?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                        readonly onScrollEnd?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                        readonly wheel?: boolean | undefined;
                        readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined;
                        readonly scrollClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                        readonly scrollStyle?: string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[] | undefined;
                        readonly height?: string | number | undefined;
                        readonly deltaX?: number | undefined;
                        readonly deltaY?: number | undefined;
                        readonly pointer?: boolean | undefined;
                        readonly scrollX?: number | undefined;
                        readonly scrollY?: number | undefined;
                        readonly useXBar?: boolean | undefined;
                        readonly useYBar?: boolean | undefined;
                        readonly barFade?: number | undefined;
                        readonly barClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                        readonly autoplay?: number | boolean | undefined;
                        readonly playWaiting?: number | undefined;
                        readonly noBuffer?: boolean | undefined;
                        readonly noTransition?: boolean | undefined;
                        readonly useBarTrack?: boolean | undefined;
                        readonly scrollTag?: string | undefined;
                        readonly onXEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                        readonly onYEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                        readonly onBarScrollStart?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                        readonly onBarScroll?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                        readonly onBarScrollEnd?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                        readonly onReady?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
                        readonly scrollAttrs?: Record<string, any> | undefined;
                        readonly onBeforeScroll?: ((payload: {
                            signX: number;
                            signY: number;
                        }) => boolean) | undefined;
                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
                    $attrs: {
                        [x: string]: unknown;
                    };
                    $refs: {
                        [x: string]: unknown;
                    } & {
                        wrapperEl: HTMLDivElement;
                        contentEl: unknown;
                        xBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                            inherit: PropType<boolean>;
                            placement: PropType<"bottom" | "top" | "right" | "left">;
                            scroll: PropType<number>;
                            barLength: PropType<number>;
                            width: PropType<number>;
                            appear: PropType<boolean>;
                            fade: PropType<number>;
                            barColor: PropType<string>;
                            trackColor: PropType<string>;
                            disabled: PropType<boolean>;
                            wrapper: PropType<string | HTMLElement>;
                            duration: PropType<number>;
                            useTrack: PropType<boolean>;
                            trackSpeed: PropType<number>;
                            onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        }>> & Readonly<{}>, {
                            currentScroll: import('vue').Ref<number, number>;
                            container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            handleScroll: (scroll: number) => void;
                        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                            container: HTMLDivElement;
                            track: HTMLDivElement;
                            bar: HTMLDivElement;
                        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                            P: {};
                            B: {};
                            D: {};
                            C: {};
                            M: {};
                            Defaults: {};
                        }, Readonly<import('vue').ExtractPropTypes<{
                            inherit: PropType<boolean>;
                            placement: PropType<"bottom" | "top" | "right" | "left">;
                            scroll: PropType<number>;
                            barLength: PropType<number>;
                            width: PropType<number>;
                            appear: PropType<boolean>;
                            fade: PropType<number>;
                            barColor: PropType<string>;
                            trackColor: PropType<string>;
                            disabled: PropType<boolean>;
                            wrapper: PropType<string | HTMLElement>;
                            duration: PropType<number>;
                            useTrack: PropType<boolean>;
                            trackSpeed: PropType<number>;
                            onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        }>> & Readonly<{}>, {
                            currentScroll: import('vue').Ref<number, number>;
                            container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            handleScroll: (scroll: number) => void;
                        }, {}, {}, {}, {}> | null;
                        yBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                            inherit: PropType<boolean>;
                            placement: PropType<"bottom" | "top" | "right" | "left">;
                            scroll: PropType<number>;
                            barLength: PropType<number>;
                            width: PropType<number>;
                            appear: PropType<boolean>;
                            fade: PropType<number>;
                            barColor: PropType<string>;
                            trackColor: PropType<string>;
                            disabled: PropType<boolean>;
                            wrapper: PropType<string | HTMLElement>;
                            duration: PropType<number>;
                            useTrack: PropType<boolean>;
                            trackSpeed: PropType<number>;
                            onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        }>> & Readonly<{}>, {
                            currentScroll: import('vue').Ref<number, number>;
                            container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            handleScroll: (scroll: number) => void;
                        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                            container: HTMLDivElement;
                            track: HTMLDivElement;
                            bar: HTMLDivElement;
                        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                            P: {};
                            B: {};
                            D: {};
                            C: {};
                            M: {};
                            Defaults: {};
                        }, Readonly<import('vue').ExtractPropTypes<{
                            inherit: PropType<boolean>;
                            placement: PropType<"bottom" | "top" | "right" | "left">;
                            scroll: PropType<number>;
                            barLength: PropType<number>;
                            width: PropType<number>;
                            appear: PropType<boolean>;
                            fade: PropType<number>;
                            barColor: PropType<string>;
                            trackColor: PropType<string>;
                            disabled: PropType<boolean>;
                            wrapper: PropType<string | HTMLElement>;
                            duration: PropType<number>;
                            useTrack: PropType<boolean>;
                            trackSpeed: PropType<number>;
                            onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        }>> & Readonly<{}>, {
                            currentScroll: import('vue').Ref<number, number>;
                            container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            handleScroll: (scroll: number) => void;
                        }, {}, {}, {}, {}> | null;
                    };
                    $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<{
                        inherit: PropType<boolean>;
                        scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                        scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                        scrollAttrs: PropType<Record<string, any>>;
                        mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                        width: PropType<string | number>;
                        height: PropType<string | number>;
                        deltaX: PropType<number>;
                        deltaY: PropType<number>;
                        disabled: PropType<boolean>;
                        pointer: PropType<boolean>;
                        wheel: PropType<boolean>;
                        scrollX: PropType<number>;
                        scrollY: PropType<number>;
                        useXBar: PropType<boolean>;
                        useYBar: PropType<boolean>;
                        barFade: PropType<number>;
                        barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                        autoplay: PropType<number | boolean>;
                        playWaiting: PropType<number>;
                        noBuffer: PropType<boolean>;
                        noTransition: PropType<boolean>;
                        onBeforeScroll: PropType<(payload: {
                            signX: number;
                            signY: number;
                        }) => boolean>;
                        useBarTrack: PropType<boolean>;
                        scrollTag: PropType<string>;
                        onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                        onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                        onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                        onWheel: PropType<((payload: import('..').BarScrollPayload & {
                            sign: 1 | -1;
                        }) => void) | ((payload: import('..').BarScrollPayload & {
                            sign: 1 | -1;
                        }) => void)[]>;
                        onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                        onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                        onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                        onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                        onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                        onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                        onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
                    }>> & Readonly<{}>, {
                        percentX: import('vue').Ref<number, number>;
                        percentY: import('vue').Ref<number, number>;
                        x: import('vue').Ref<number, number>;
                        y: import('vue').Ref<number, number>;
                        isReady: import('vue').Ref<boolean, boolean>;
                        xBarLength: import('vue').ComputedRef<number>;
                        yBarLength: import('vue').ComputedRef<number>;
                        enableXScroll: import('vue').ComputedRef<boolean>;
                        enableYScroll: import('vue').ComputedRef<boolean>;
                        wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                        yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        getXScrollLimit: () => number[];
                        getYScrollLimit: () => number[];
                        addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                        removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, 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<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
                    inherit: PropType<boolean>;
                    scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                    scrollAttrs: PropType<Record<string, any>>;
                    mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                    width: PropType<string | number>;
                    height: PropType<string | number>;
                    deltaX: PropType<number>;
                    deltaY: PropType<number>;
                    disabled: PropType<boolean>;
                    pointer: PropType<boolean>;
                    wheel: PropType<boolean>;
                    scrollX: PropType<number>;
                    scrollY: PropType<number>;
                    useXBar: PropType<boolean>;
                    useYBar: PropType<boolean>;
                    barFade: PropType<number>;
                    barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    autoplay: PropType<number | boolean>;
                    playWaiting: PropType<number>;
                    noBuffer: PropType<boolean>;
                    noTransition: PropType<boolean>;
                    onBeforeScroll: PropType<(payload: {
                        signX: number;
                        signY: number;
                    }) => boolean>;
                    useBarTrack: PropType<boolean>;
                    scrollTag: PropType<string>;
                    onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                    onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onWheel: PropType<((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[]>;
                    onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                    onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
                }>> & Readonly<{}>, "refresh" | "content" | "scrollBy" | "scrollTo" | "wrapper" | "percentX" | "percentY" | "isReady" | "x" | "y" | "enableXScroll" | "enableYScroll" | "xBarLength" | "yBarLength" | "scrollToElement" | "ensureInView" | "xBar" | "yBar" | "getXScrollLimit" | "getYScrollLimit" | "addScrollListener" | "removeScrollListener"> & import('vue').ShallowUnwrapRef<{
                    percentX: import('vue').Ref<number, number>;
                    percentY: import('vue').Ref<number, number>;
                    x: import('vue').Ref<number, number>;
                    y: import('vue').Ref<number, number>;
                    isReady: import('vue').Ref<boolean, boolean>;
                    xBarLength: import('vue').ComputedRef<number>;
                    yBarLength: import('vue').ComputedRef<number>;
                    enableXScroll: import('vue').ComputedRef<boolean>;
                    enableYScroll: import('vue').ComputedRef<boolean>;
                    wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    refresh: () => Promise<void>;
                    scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                    scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                    scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    getXScrollLimit: () => number[];
                    getYScrollLimit: () => number[];
                    addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                    removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                }> & {} & import('vue').ComponentCustomProperties & {} & {
                    $slots: {
                        extra?(_: {
                            getState: () => {
                                scrollX: number;
                                scrollY: number;
                                percentX: number;
                                percentY: number;
                                enableXScroll: boolean;
                                enableYScroll: boolean;
                            };
                            refresh: () => Promise<void>;
                            scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                            scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                            scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                            ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        }): any;
                        default?(_: {
                            getState: () => {
                                scrollX: number;
                                scrollY: number;
                                percentX: number;
                                percentY: number;
                                enableXScroll: boolean;
                                enableYScroll: boolean;
                            };
                            refresh: () => Promise<void>;
                            scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                            scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                            scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                            ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        }): any;
                    };
                }) | null;
                list: HTMLUListElement;
                nextArrow: 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: "update:value", ...args: any[]) => void;
            $el: HTMLDivElement;
            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
                inherit: PropType<boolean>;
                state: PropType<"default" | "success" | "error" | "warning">;
                horizontal: PropType<boolean>;
                value: PropType<string | number>;
                candidate: PropType<0 | 1 | 2 | 3>;
                arrow: PropType<boolean>;
                pointer: PropType<boolean>;
                options: PropType<import('../wheel').WheelRawOption[]>;
                insertEmpty: PropType<string | boolean>;
                disabled: PropType<boolean>;
                loading: PropType<boolean>;
                loadingLock: PropType<boolean>;
                disabledItem: PropType<(value: string | number, data: import('../wheel').WheelRawOption) => boolean>;
                noTransition: PropType<boolean>;
                selectable: PropType<boolean>;
                slots: PropType<import('../wheel').WheelSlots>;
                onChange: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
                onPrev: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
                onNext: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
                onItemClick: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
            }>> & Readonly<{
                "onUpdate:value"?: ((...args: any[]) => any) | undefined;
            }>, {
                idFor: import('vue').ComputedRef<string | undefined>;
                currentActive: import('vue').Ref<number, number>;
                isInit: import('vue').Ref<boolean, boolean>;
                targetWidth: import('vue').Ref<number, number>;
                targetHeight: import('vue').Ref<number, number>;
                wrapperWidth: import('vue').Ref<number, number>;
                wrapperHeight: import('vue').Ref<number, number>;
                itemList: import('vue').ComputedRef<{
                    width: number;
                    height: number;
                    el?: (HTMLElement | null) | undefined;
                    value: number | string;
                    disabled: boolean;
                    meta: any;
                }[]>;
                wrapper: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
                scroll: import('vue').Ref<({
                    $: import('vue').ComponentInternalInstance;
                    $data: {};
                    $props: Partial<{}> & Omit<{
                        readonly inherit?: boolean | undefined;
                        readonly onScroll?: ((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[] | undefined;
                        readonly onWheel?: ((payload: import('..').BarScrollPayload & {
                            sign: 1 | -1;
                        }) => void) | ((payload: import('..').BarScrollPayload & {
                            sign: 1 | -1;
                        }) => void)[] | undefined;
                        readonly mode?: "horizontal" | "vertical" | "both" | "horizontal-exact" | undefined;
                        readonly disabled?: boolean | undefined;
                        readonly width?: string | number | undefined;
                        readonly onScrollStart?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                        readonly onScrollEnd?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                        readonly wheel?: boolean | undefined;
                        readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined;
                        readonly scrollClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                        readonly scrollStyle?: string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[] | undefined;
                        readonly height?: string | number | undefined;
                        readonly deltaX?: number | undefined;
                        readonly deltaY?: number | undefined;
                        readonly pointer?: boolean | undefined;
                        readonly scrollX?: number | undefined;
                        readonly scrollY?: number | undefined;
                        readonly useXBar?: boolean | undefined;
                        readonly useYBar?: boolean | undefined;
                        readonly barFade?: number | undefined;
                        readonly barClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                        readonly autoplay?: number | boolean | undefined;
                        readonly playWaiting?: number | undefined;
                        readonly noBuffer?: boolean | undefined;
                        readonly noTransition?: boolean | undefined;
                        readonly useBarTrack?: boolean | undefined;
                        readonly scrollTag?: string | undefined;
                        readonly onXEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                        readonly onYEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                        readonly onBarScrollStart?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                        readonly onBarScroll?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                        readonly onBarScrollEnd?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                        readonly onReady?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
                        readonly scrollAttrs?: Record<string, any> | undefined;
                        readonly onBeforeScroll?: ((payload: {
                            signX: number;
                            signY: number;
                        }) => boolean) | undefined;
                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
                    $attrs: {
                        [x: string]: unknown;
                    };
                    $refs: {
                        [x: string]: unknown;
                    } & {
                        wrapperEl: HTMLDivElement;
                        contentEl: unknown;
                        xBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                            inherit: PropType<boolean>;
                            placement: PropType<"bottom" | "top" | "right" | "left">;
                            scroll: PropType<number>;
                            barLength: PropType<number>;
                            width: PropType<number>;
                            appear: PropType<boolean>;
                            fade: PropType<number>;
                            barColor: PropType<string>;
                            trackColor: PropType<string>;
                            disabled: PropType<boolean>;
                            wrapper: PropType<string | HTMLElement>;
                            duration: PropType<number>;
                            useTrack: PropType<boolean>;
                            trackSpeed: PropType<number>;
                            onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        }>> & Readonly<{}>, {
                            currentScroll: import('vue').Ref<number, number>;
                            container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            handleScroll: (scroll: number) => void;
                        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                            container: HTMLDivElement;
                            track: HTMLDivElement;
                            bar: HTMLDivElement;
                        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                            P: {};
                            B: {};
                            D: {};
                            C: {};
                            M: {};
                            Defaults: {};
                        }, Readonly<import('vue').ExtractPropTypes<{
                            inherit: PropType<boolean>;
                            placement: PropType<"bottom" | "top" | "right" | "left">;
                            scroll: PropType<number>;
                            barLength: PropType<number>;
                            width: PropType<number>;
                            appear: PropType<boolean>;
                            fade: PropType<number>;
                            barColor: PropType<string>;
                            trackColor: PropType<string>;
                            disabled: PropType<boolean>;
                            wrapper: PropType<string | HTMLElement>;
                            duration: PropType<number>;
                            useTrack: PropType<boolean>;
                            trackSpeed: PropType<number>;
                            onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        }>> & Readonly<{}>, {
                            currentScroll: import('vue').Ref<number, number>;
                            container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            handleScroll: (scroll: number) => void;
                        }, {}, {}, {}, {}> | null;
                        yBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                            inherit: PropType<boolean>;
                            placement: PropType<"bottom" | "top" | "right" | "left">;
                            scroll: PropType<number>;
                            barLength: PropType<number>;
                            width: PropType<number>;
                            appear: PropType<boolean>;
                            fade: PropType<number>;
                            barColor: PropType<string>;
                            trackColor: PropType<string>;
                            disabled: PropType<boolean>;
                            wrapper: PropType<string | HTMLElement>;
                            duration: PropType<number>;
                            useTrack: PropType<boolean>;
                            trackSpeed: PropType<number>;
                            onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        }>> & Readonly<{}>, {
                            currentScroll: import('vue').Ref<number, number>;
                            container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            handleScroll: (scroll: number) => void;
                        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                            container: HTMLDivElement;
                            track: HTMLDivElement;
                            bar: HTMLDivElement;
                        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                            P: {};
                            B: {};
                            D: {};
                            C: {};
                            M: {};
                            Defaults: {};
                        }, Readonly<import('vue').ExtractPropTypes<{
                            inherit: PropType<boolean>;
                            placement: PropType<"bottom" | "top" | "right" | "left">;
                            scroll: PropType<number>;
                            barLength: PropType<number>;
                            width: PropType<number>;
                            appear: PropType<boolean>;
                            fade: PropType<number>;
                            barColor: PropType<string>;
                            trackColor: PropType<string>;
                            disabled: PropType<boolean>;
                            wrapper: PropType<string | HTMLElement>;
                            duration: PropType<number>;
                            useTrack: PropType<boolean>;
                            trackSpeed: PropType<number>;
                            onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        }>> & Readonly<{}>, {
                            currentScroll: import('vue').Ref<number, number>;
                            container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            handleScroll: (scroll: number) => void;
                        }, {}, {}, {}, {}> | null;
                    };
                    $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<{
                        inherit: PropType<boolean>;
                        scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                        scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                        scrollAttrs: PropType<Record<string, any>>;
                        mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                        width: PropType<string | number>;
                        height: PropType<string | number>;
                        deltaX: PropType<number>;
                        deltaY: PropType<number>;
                        disabled: PropType<boolean>;
                        pointer: PropType<boolean>;
                        wheel: PropType<boolean>;
                        scrollX: PropType<number>;
                        scrollY: PropType<number>;
                        useXBar: PropType<boolean>;
                        useYBar: PropType<boolean>;
                        barFade: PropType<number>;
                        barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                        autoplay: PropType<number | boolean>;
                        playWaiting: PropType<number>;
                        noBuffer: PropType<boolean>;
                        noTransition: PropType<boolean>;
                        onBeforeScroll: PropType<(payload: {
                            signX: number;
                            signY: number;
                        }) => boolean>;
                        useBarTrack: PropType<boolean>;
                        scrollTag: PropType<string>;
                        onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                        onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                        onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                        onWheel: PropType<((payload: import('..').BarScrollPayload & {
                            sign: 1 | -1;
                        }) => void) | ((payload: import('..').BarScrollPayload & {
                            sign: 1 | -1;
                        }) => void)[]>;
                        onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                        onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                        onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                        onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                        onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                        onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                        onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
                    }>> & Readonly<{}>, {
                        percentX: import('vue').Ref<number, number>;
                        percentY: import('vue').Ref<number, number>;
                        x: import('vue').Ref<number, number>;
                        y: import('vue').Ref<number, number>;
                        isReady: import('vue').Ref<boolean, boolean>;
                        xBarLength: import('vue').ComputedRef<number>;
                        yBarLength: import('vue').ComputedRef<number>;
                        enableXScroll: import('vue').ComputedRef<boolean>;
                        enableYScroll: import('vue').ComputedRef<boolean>;
                        wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                        yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        getXScrollLimit: () => number[];
                        getYScrollLimit: () => number[];
                        addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                        removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, 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<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
                    inherit: PropType<boolean>;
                    scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                    scrollAttrs: PropType<Record<string, any>>;
                    mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                    width: PropType<string | number>;
                    height: PropType<string | number>;
                    deltaX: PropType<number>;
                    deltaY: PropType<number>;
                    disabled: PropType<boolean>;
                    pointer: PropType<boolean>;
                    wheel: PropType<boolean>;
                    scrollX: PropType<number>;
                    scrollY: PropType<number>;
                    useXBar: PropType<boolean>;
                    useYBar: PropType<boolean>;
                    barFade: PropType<number>;
                    barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    autoplay: PropType<number | boolean>;
                    playWaiting: PropType<number>;
                    noBuffer: PropType<boolean>;
                    noTransition: PropType<boolean>;
                    onBeforeScroll: PropType<(payload: {
                        signX: number;
                        signY: number;
                    }) => boolean>;
                    useBarTrack: PropType<boolean>;
                    scrollTag: PropType<string>;
                    onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                    onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onWheel: PropType<((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[]>;
                    onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                    onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
                }>> & Readonly<{}>, "refresh" | "content" | "scrollBy" | "scrollTo" | "wrapper" | "percentX" | "percentY" | "isReady" | "x" | "y" | "enableXScroll" | "enableYScroll" | "xBarLength" | "yBarLength" | "scrollToElement" | "ensureInView" | "xBar" | "yBar" | "getXScrollLimit" | "getYScrollLimit" | "addScrollListener" | "removeScrollListener"> & import('vue').ShallowUnwrapRef<{
                    percentX: import('vue').Ref<number, number>;
                    percentY: import('vue').Ref<number, number>;
                    x: import('vue').Ref<number, number>;
                    y: import('vue').Ref<number, number>;
                    isReady: import('vue').Ref<boolean, boolean>;
                    xBarLength: import('vue').ComputedRef<number>;
                    yBarLength: import('vue').ComputedRef<number>;
                    enableXScroll: import('vue').ComputedRef<boolean>;
                    enableYScroll: import('vue').ComputedRef<boolean>;
                    wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    refresh: () => Promise<void>;
                    scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                    scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                    scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    getXScrollLimit: () => number[];
                    getYScrollLimit: () => number[];
                    addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                    removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                }> & {} & import('vue').ComponentCustomProperties & {} & {
                    $slots: {
                        extra?(_: {
                            getState: () => {
                                scrollX: number;
                                scrollY: number;
                                percentX: number;
                                percentY: number;
                                enableXScroll: boolean;
                                enableYScroll: boolean;
                            };
                            refresh: () => Promise<void>;
                            scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                            scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                            scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                            ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        }): any;
                        default?(_: {
                            getState: () => {
                                scrollX: number;
                                scrollY: number;
                                percentX: number;
                                percentY: number;
                                enableXScroll: boolean;
                                enableYScroll: boolean;
                            };
                            refresh: () => Promise<void>;
                            scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                            scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                            scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                            ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        }): any;
                    };
                }) | undefined, ({
                    $: import('vue').ComponentInternalInstance;
                    $data: {};
                    $props: Partial<{}> & Omit<{
                        readonly inherit?: boolean | undefined;
                        readonly onScroll?: ((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[] | undefined;
                        readonly onWheel?: ((payload: import('..').BarScrollPayload & {
                            sign: 1 | -1;
                        }) => void) | ((payload: import('..').BarScrollPayload & {
                            sign: 1 | -1;
                        }) => void)[] | undefined;
                        readonly mode?: "horizontal" | "vertical" | "both" | "horizontal-exact" | undefined;
                        readonly disabled?: boolean | undefined;
                        readonly width?: string | number | undefined;
                        readonly onScrollStart?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                        readonly onScrollEnd?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                        readonly wheel?: boolean | undefined;
                        readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined;
                        readonly scrollClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                        readonly scrollStyle?: string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[] | undefined;
                        readonly height?: string | number | undefined;
                        readonly deltaX?: number | undefined;
                        readonly deltaY?: number | undefined;
                        readonly pointer?: boolean | undefined;
                        readonly scrollX?: number | undefined;
                        readonly scrollY?: number | undefined;
                        readonly useXBar?: boolean | undefined;
                        readonly useYBar?: boolean | undefined;
                        readonly barFade?: number | undefined;
                        readonly barClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                        readonly autoplay?: number | boolean | undefined;
                        readonly playWaiting?: number | undefined;
                        readonly noBuffer?: boolean | undefined;
                        readonly noTransition?: boolean | undefined;
                        readonly useBarTrack?: boolean | undefined;
                        readonly scrollTag?: string | undefined;
                        readonly onXEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                        readonly onYEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                        readonly onBarScrollStart?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                        readonly onBarScroll?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                        readonly onBarScrollEnd?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                        readonly onReady?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
                        readonly scrollAttrs?: Record<string, any> | undefined;
                        readonly onBeforeScroll?: ((payload: {
                            signX: number;
                            signY: number;
                        }) => boolean) | undefined;
                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
                    $attrs: {
                        [x: string]: unknown;
                    };
                    $refs: {
                        [x: string]: unknown;
                    } & {
                        wrapperEl: HTMLDivElement;
                        contentEl: unknown;
                        xBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                            inherit: PropType<boolean>;
                            placement: PropType<"bottom" | "top" | "right" | "left">;
                            scroll: PropType<number>;
                            barLength: PropType<number>;
                            width: PropType<number>;
                            appear: PropType<boolean>;
                            fade: PropType<number>;
                            barColor: PropType<string>;
                            trackColor: PropType<string>;
                            disabled: PropType<boolean>;
                            wrapper: PropType<string | HTMLElement>;
                            duration: PropType<number>;
                            useTrack: PropType<boolean>;
                            trackSpeed: PropType<number>;
                            onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        }>> & Readonly<{}>, {
                            currentScroll: import('vue').Ref<number, number>;
                            container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            handleScroll: (scroll: number) => void;
                        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                            container: HTMLDivElement;
                            track: HTMLDivElement;
                            bar: HTMLDivElement;
                        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                            P: {};
                            B: {};
                            D: {};
                            C: {};
                            M: {};
                            Defaults: {};
                        }, Readonly<import('vue').ExtractPropTypes<{
                            inherit: PropType<boolean>;
                            placement: PropType<"bottom" | "top" | "right" | "left">;
                            scroll: PropType<number>;
                            barLength: PropType<number>;
                            width: PropType<number>;
                            appear: PropType<boolean>;
                            fade: PropType<number>;
                            barColor: PropType<string>;
                            trackColor: PropType<string>;
                            disabled: PropType<boolean>;
                            wrapper: PropType<string | HTMLElement>;
                            duration: PropType<number>;
                            useTrack: PropType<boolean>;
                            trackSpeed: PropType<number>;
                            onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        }>> & Readonly<{}>, {
                            currentScroll: import('vue').Ref<number, number>;
                            container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            handleScroll: (scroll: number) => void;
                        }, {}, {}, {}, {}> | null;
                        yBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                            inherit: PropType<boolean>;
                            placement: PropType<"bottom" | "top" | "right" | "left">;
                            scroll: PropType<number>;
                            barLength: PropType<number>;
                            width: PropType<number>;
                            appear: PropType<boolean>;
                            fade: PropType<number>;
                            barColor: PropType<string>;
                            trackColor: PropType<string>;
                            disabled: PropType<boolean>;
                            wrapper: PropType<string | HTMLElement>;
                            duration: PropType<number>;
                            useTrack: PropType<boolean>;
                            trackSpeed: PropType<number>;
                            onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        }>> & Readonly<{}>, {
                            currentScroll: import('vue').Ref<number, number>;
                            container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            handleScroll: (scroll: number) => void;
                        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                            container: HTMLDivElement;
                            track: HTMLDivElement;
                            bar: HTMLDivElement;
                        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                            P: {};
                            B: {};
                            D: {};
                            C: {};
                            M: {};
                            Defaults: {};
                        }, Readonly<import('vue').ExtractPropTypes<{
                            inherit: PropType<boolean>;
                            placement: PropType<"bottom" | "top" | "right" | "left">;
                            scroll: PropType<number>;
                            barLength: PropType<number>;
                            width: PropType<number>;
                            appear: PropType<boolean>;
                            fade: PropType<number>;
                            barColor: PropType<string>;
                            trackColor: PropType<string>;
                            disabled: PropType<boolean>;
                            wrapper: PropType<string | HTMLElement>;
                            duration: PropType<number>;
                            useTrack: PropType<boolean>;
                            trackSpeed: PropType<number>;
                            onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        }>> & Readonly<{}>, {
                            currentScroll: import('vue').Ref<number, number>;
                            container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            handleScroll: (scroll: number) => void;
                        }, {}, {}, {}, {}> | null;
                    };
                    $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<{
                        inherit: PropType<boolean>;
                        scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                        scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                        scrollAttrs: PropType<Record<string, any>>;
                        mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                        width: PropType<string | number>;
                        height: PropType<string | number>;
                        deltaX: PropType<number>;
                        deltaY: PropType<number>;
                        disabled: PropType<boolean>;
                        pointer: PropType<boolean>;
                        wheel: PropType<boolean>;
                        scrollX: PropType<number>;
                        scrollY: PropType<number>;
                        useXBar: PropType<boolean>;
                        useYBar: PropType<boolean>;
                        barFade: PropType<number>;
                        barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                        autoplay: PropType<number | boolean>;
                        playWaiting: PropType<number>;
                        noBuffer: PropType<boolean>;
                        noTransition: PropType<boolean>;
                        onBeforeScroll: PropType<(payload: {
                            signX: number;
                            signY: number;
                        }) => boolean>;
                        useBarTrack: PropType<boolean>;
                        scrollTag: PropType<string>;
                        onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                        onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                        onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                        onWheel: PropType<((payload: import('..').BarScrollPayload & {
                            sign: 1 | -1;
                        }) => void) | ((payload: import('..').BarScrollPayload & {
                            sign: 1 | -1;
                        }) => void)[]>;
                        onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                        onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                        onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                        onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                        onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                        onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                        onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
                    }>> & Readonly<{}>, {
                        percentX: import('vue').Ref<number, number>;
                        percentY: import('vue').Ref<number, number>;
                        x: import('vue').Ref<number, number>;
                        y: import('vue').Ref<number, number>;
                        isReady: import('vue').Ref<boolean, boolean>;
                        xBarLength: import('vue').ComputedRef<number>;
                        yBarLength: import('vue').ComputedRef<number>;
                        enableXScroll: import('vue').ComputedRef<boolean>;
                        enableYScroll: import('vue').ComputedRef<boolean>;
                        wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                        yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        getXScrollLimit: () => number[];
                        getYScrollLimit: () => number[];
                        addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                        removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, 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<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
                    inherit: PropType<boolean>;
                    scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                    scrollAttrs: PropType<Record<string, any>>;
                    mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                    width: PropType<string | number>;
                    height: PropType<string | number>;
                    deltaX: PropType<number>;
                    deltaY: PropType<number>;
                    disabled: PropType<boolean>;
                    pointer: PropType<boolean>;
                    wheel: PropType<boolean>;
                    scrollX: PropType<number>;
                    scrollY: PropType<number>;
                    useXBar: PropType<boolean>;
                    useYBar: PropType<boolean>;
                    barFade: PropType<number>;
                    barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    autoplay: PropType<number | boolean>;
                    playWaiting: PropType<number>;
                    noBuffer: PropType<boolean>;
                    noTransition: PropType<boolean>;
                    onBeforeScroll: PropType<(payload: {
                        signX: number;
                        signY: number;
                    }) => boolean>;
                    useBarTrack: PropType<boolean>;
                    scrollTag: PropType<string>;
                    onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                    onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onWheel: PropType<((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[]>;
                    onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                    onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
                }>> & Readonly<{}>, "refresh" | "content" | "scrollBy" | "scrollTo" | "wrapper" | "percentX" | "percentY" | "isReady" | "x" | "y" | "enableXScroll" | "enableYScroll" | "xBarLength" | "yBarLength" | "scrollToElement" | "ensureInView" | "xBar" | "yBar" | "getXScrollLimit" | "getYScrollLimit" | "addScrollListener" | "removeScrollListener"> & import('vue').ShallowUnwrapRef<{
                    percentX: import('vue').Ref<number, number>;
                    percentY: import('vue').Ref<number, number>;
                    x: import('vue').Ref<number, number>;
                    y: import('vue').Ref<number, number>;
                    isReady: import('vue').Ref<boolean, boolean>;
                    xBarLength: import('vue').ComputedRef<number>;
                    yBarLength: import('vue').ComputedRef<number>;
                    enableXScroll: import('vue').ComputedRef<boolean>;
                    enableYScroll: import('vue').ComputedRef<boolean>;
                    wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    refresh: () => Promise<void>;
                    scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                    scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                    scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    getXScrollLimit: () => number[];
                    getYScrollLimit: () => number[];
                    addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                    removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                }> & {} & import('vue').ComponentCustomProperties & {} & {
                    $slots: {
                        extra?(_: {
                            getState: () => {
                                scrollX: number;
                                scrollY: number;
                                percentX: number;
                                percentY: number;
                                enableXScroll: boolean;
                                enableYScroll: boolean;
                            };
                            refresh: () => Promise<void>;
                            scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                            scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                            scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                            ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        }): any;
                        default?(_: {
                            getState: () => {
                                scrollX: number;
                                scrollY: number;
                                percentX: number;
                                percentY: number;
                                enableXScroll: boolean;
                                enableYScroll: boolean;
                            };
                            refresh: () => Promise<void>;
                            scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                            scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                            scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                            ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        }): any;
                    };
                }) | undefined>;
                refreshScroll: () => void;
                focus: (options?: FocusOptions) => void | undefined;
                blur: () => void | undefined;
            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                "update:value": (...args: any[]) => void;
            }, string, {}, {}, 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<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
            inherit: PropType<boolean>;
            state: PropType<"default" | "success" | "error" | "warning">;
            horizontal: PropType<boolean>;
            value: PropType<string | number>;
            candidate: PropType<0 | 1 | 2 | 3>;
            arrow: PropType<boolean>;
            pointer: PropType<boolean>;
            options: PropType<import('../wheel').WheelRawOption[]>;
            insertEmpty: PropType<string | boolean>;
            disabled: PropType<boolean>;
            loading: PropType<boolean>;
            loadingLock: PropType<boolean>;
            disabledItem: PropType<(value: string | number, data: import('../wheel').WheelRawOption) => boolean>;
            noTransition: PropType<boolean>;
            selectable: PropType<boolean>;
            slots: PropType<import('../wheel').WheelSlots>;
            onChange: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
            onPrev: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
            onNext: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
            onItemClick: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
        }>> & Readonly<{
            "onUpdate:value"?: ((...args: any[]) => any) | undefined;
        }>, "currentActive" | "scroll" | "blur" | "focus" | "wrapper" | "idFor" | "isInit" | "targetWidth" | "targetHeight" | "wrapperWidth" | "wrapperHeight" | "itemList" | "refreshScroll"> & import('vue').ShallowUnwrapRef<{
            idFor: import('vue').ComputedRef<string | undefined>;
            currentActive: import('vue').Ref<number, number>;
            isInit: import('vue').Ref<boolean, boolean>;
            targetWidth: import('vue').Ref<number, number>;
            targetHeight: import('vue').Ref<number, number>;
            wrapperWidth: import('vue').Ref<number, number>;
            wrapperHeight: import('vue').Ref<number, number>;
            itemList: import('vue').ComputedRef<{
                width: number;
                height: number;
                el?: (HTMLElement | null) | undefined;
                value: number | string;
                disabled: boolean;
                meta: any;
            }[]>;
            wrapper: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
            scroll: import('vue').Ref<({
                $: import('vue').ComponentInternalInstance;
                $data: {};
                $props: Partial<{}> & Omit<{
                    readonly inherit?: boolean | undefined;
                    readonly onScroll?: ((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[] | undefined;
                    readonly onWheel?: ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[] | undefined;
                    readonly mode?: "horizontal" | "vertical" | "both" | "horizontal-exact" | undefined;
                    readonly disabled?: boolean | undefined;
                    readonly width?: string | number | undefined;
                    readonly onScrollStart?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                    readonly onScrollEnd?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                    readonly wheel?: boolean | undefined;
                    readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined;
                    readonly scrollClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                    readonly scrollStyle?: string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[] | undefined;
                    readonly height?: string | number | undefined;
                    readonly deltaX?: number | undefined;
                    readonly deltaY?: number | undefined;
                    readonly pointer?: boolean | undefined;
                    readonly scrollX?: number | undefined;
                    readonly scrollY?: number | undefined;
                    readonly useXBar?: boolean | undefined;
                    readonly useYBar?: boolean | undefined;
                    readonly barFade?: number | undefined;
                    readonly barClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                    readonly autoplay?: number | boolean | undefined;
                    readonly playWaiting?: number | undefined;
                    readonly noBuffer?: boolean | undefined;
                    readonly noTransition?: boolean | undefined;
                    readonly useBarTrack?: boolean | undefined;
                    readonly scrollTag?: string | undefined;
                    readonly onXEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                    readonly onYEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                    readonly onBarScrollStart?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onBarScroll?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onBarScrollEnd?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onReady?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
                    readonly scrollAttrs?: Record<string, any> | undefined;
                    readonly onBeforeScroll?: ((payload: {
                        signX: number;
                        signY: number;
                    }) => boolean) | undefined;
                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
                $attrs: {
                    [x: string]: unknown;
                };
                $refs: {
                    [x: string]: unknown;
                } & {
                    wrapperEl: HTMLDivElement;
                    contentEl: unknown;
                    xBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        container: HTMLDivElement;
                        track: HTMLDivElement;
                        bar: HTMLDivElement;
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, {}> | null;
                    yBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        container: HTMLDivElement;
                        track: HTMLDivElement;
                        bar: HTMLDivElement;
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, {}> | null;
                };
                $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<{
                    inherit: PropType<boolean>;
                    scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                    scrollAttrs: PropType<Record<string, any>>;
                    mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                    width: PropType<string | number>;
                    height: PropType<string | number>;
                    deltaX: PropType<number>;
                    deltaY: PropType<number>;
                    disabled: PropType<boolean>;
                    pointer: PropType<boolean>;
                    wheel: PropType<boolean>;
                    scrollX: PropType<number>;
                    scrollY: PropType<number>;
                    useXBar: PropType<boolean>;
                    useYBar: PropType<boolean>;
                    barFade: PropType<number>;
                    barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    autoplay: PropType<number | boolean>;
                    playWaiting: PropType<number>;
                    noBuffer: PropType<boolean>;
                    noTransition: PropType<boolean>;
                    onBeforeScroll: PropType<(payload: {
                        signX: number;
                        signY: number;
                    }) => boolean>;
                    useBarTrack: PropType<boolean>;
                    scrollTag: PropType<string>;
                    onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                    onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onWheel: PropType<((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[]>;
                    onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                    onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
                }>> & Readonly<{}>, {
                    percentX: import('vue').Ref<number, number>;
                    percentY: import('vue').Ref<number, number>;
                    x: import('vue').Ref<number, number>;
                    y: import('vue').Ref<number, number>;
                    isReady: import('vue').Ref<boolean, boolean>;
                    xBarLength: import('vue').ComputedRef<number>;
                    yBarLength: import('vue').ComputedRef<number>;
                    enableXScroll: import('vue').ComputedRef<boolean>;
                    enableYScroll: import('vue').ComputedRef<boolean>;
                    wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    refresh: () => Promise<void>;
                    scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                    scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                    scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    getXScrollLimit: () => number[];
                    getYScrollLimit: () => number[];
                    addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                    removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, 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<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
                inherit: PropType<boolean>;
                scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                scrollAttrs: PropType<Record<string, any>>;
                mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                width: PropType<string | number>;
                height: PropType<string | number>;
                deltaX: PropType<number>;
                deltaY: PropType<number>;
                disabled: PropType<boolean>;
                pointer: PropType<boolean>;
                wheel: PropType<boolean>;
                scrollX: PropType<number>;
                scrollY: PropType<number>;
                useXBar: PropType<boolean>;
                useYBar: PropType<boolean>;
                barFade: PropType<number>;
                barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                autoplay: PropType<number | boolean>;
                playWaiting: PropType<number>;
                noBuffer: PropType<boolean>;
                noTransition: PropType<boolean>;
                onBeforeScroll: PropType<(payload: {
                    signX: number;
                    signY: number;
                }) => boolean>;
                useBarTrack: PropType<boolean>;
                scrollTag: PropType<string>;
                onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onWheel: PropType<((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void) | ((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void)[]>;
                onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            }>> & Readonly<{}>, "refresh" | "content" | "scrollBy" | "scrollTo" | "wrapper" | "percentX" | "percentY" | "isReady" | "x" | "y" | "enableXScroll" | "enableYScroll" | "xBarLength" | "yBarLength" | "scrollToElement" | "ensureInView" | "xBar" | "yBar" | "getXScrollLimit" | "getYScrollLimit" | "addScrollListener" | "removeScrollListener"> & import('vue').ShallowUnwrapRef<{
                percentX: import('vue').Ref<number, number>;
                percentY: import('vue').Ref<number, number>;
                x: import('vue').Ref<number, number>;
                y: import('vue').Ref<number, number>;
                isReady: import('vue').Ref<boolean, boolean>;
                xBarLength: import('vue').ComputedRef<number>;
                yBarLength: import('vue').ComputedRef<number>;
                enableXScroll: import('vue').ComputedRef<boolean>;
                enableYScroll: import('vue').ComputedRef<boolean>;
                wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                refresh: () => Promise<void>;
                scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                getXScrollLimit: () => number[];
                getYScrollLimit: () => number[];
                addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
            }> & {} & import('vue').ComponentCustomProperties & {} & {
                $slots: {
                    extra?(_: {
                        getState: () => {
                            scrollX: number;
                            scrollY: number;
                            percentX: number;
                            percentY: number;
                            enableXScroll: boolean;
                            enableYScroll: boolean;
                        };
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    }): any;
                    default?(_: {
                        getState: () => {
                            scrollX: number;
                            scrollY: number;
                            percentX: number;
                            percentY: number;
                            enableXScroll: boolean;
                            enableYScroll: boolean;
                        };
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    }): any;
                };
            }) | undefined, ({
                $: import('vue').ComponentInternalInstance;
                $data: {};
                $props: Partial<{}> & Omit<{
                    readonly inherit?: boolean | undefined;
                    readonly onScroll?: ((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[] | undefined;
                    readonly onWheel?: ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[] | undefined;
                    readonly mode?: "horizontal" | "vertical" | "both" | "horizontal-exact" | undefined;
                    readonly disabled?: boolean | undefined;
                    readonly width?: string | number | undefined;
                    readonly onScrollStart?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                    readonly onScrollEnd?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                    readonly wheel?: boolean | undefined;
                    readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined;
                    readonly scrollClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                    readonly scrollStyle?: string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[] | undefined;
                    readonly height?: string | number | undefined;
                    readonly deltaX?: number | undefined;
                    readonly deltaY?: number | undefined;
                    readonly pointer?: boolean | undefined;
                    readonly scrollX?: number | undefined;
                    readonly scrollY?: number | undefined;
                    readonly useXBar?: boolean | undefined;
                    readonly useYBar?: boolean | undefined;
                    readonly barFade?: number | undefined;
                    readonly barClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                    readonly autoplay?: number | boolean | undefined;
                    readonly playWaiting?: number | undefined;
                    readonly noBuffer?: boolean | undefined;
                    readonly noTransition?: boolean | undefined;
                    readonly useBarTrack?: boolean | undefined;
                    readonly scrollTag?: string | undefined;
                    readonly onXEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                    readonly onYEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                    readonly onBarScrollStart?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onBarScroll?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onBarScrollEnd?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onReady?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
                    readonly scrollAttrs?: Record<string, any> | undefined;
                    readonly onBeforeScroll?: ((payload: {
                        signX: number;
                        signY: number;
                    }) => boolean) | undefined;
                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
                $attrs: {
                    [x: string]: unknown;
                };
                $refs: {
                    [x: string]: unknown;
                } & {
                    wrapperEl: HTMLDivElement;
                    contentEl: unknown;
                    xBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        container: HTMLDivElement;
                        track: HTMLDivElement;
                        bar: HTMLDivElement;
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, {}> | null;
                    yBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        container: HTMLDivElement;
                        track: HTMLDivElement;
                        bar: HTMLDivElement;
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, {}> | null;
                };
                $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<{
                    inherit: PropType<boolean>;
                    scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                    scrollAttrs: PropType<Record<string, any>>;
                    mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                    width: PropType<string | number>;
                    height: PropType<string | number>;
                    deltaX: PropType<number>;
                    deltaY: PropType<number>;
                    disabled: PropType<boolean>;
                    pointer: PropType<boolean>;
                    wheel: PropType<boolean>;
                    scrollX: PropType<number>;
                    scrollY: PropType<number>;
                    useXBar: PropType<boolean>;
                    useYBar: PropType<boolean>;
                    barFade: PropType<number>;
                    barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    autoplay: PropType<number | boolean>;
                    playWaiting: PropType<number>;
                    noBuffer: PropType<boolean>;
                    noTransition: PropType<boolean>;
                    onBeforeScroll: PropType<(payload: {
                        signX: number;
                        signY: number;
                    }) => boolean>;
                    useBarTrack: PropType<boolean>;
                    scrollTag: PropType<string>;
                    onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                    onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onWheel: PropType<((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[]>;
                    onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                    onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
                }>> & Readonly<{}>, {
                    percentX: import('vue').Ref<number, number>;
                    percentY: import('vue').Ref<number, number>;
                    x: import('vue').Ref<number, number>;
                    y: import('vue').Ref<number, number>;
                    isReady: import('vue').Ref<boolean, boolean>;
                    xBarLength: import('vue').ComputedRef<number>;
                    yBarLength: import('vue').ComputedRef<number>;
                    enableXScroll: import('vue').ComputedRef<boolean>;
                    enableYScroll: import('vue').ComputedRef<boolean>;
                    wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    refresh: () => Promise<void>;
                    scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                    scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                    scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    getXScrollLimit: () => number[];
                    getYScrollLimit: () => number[];
                    addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                    removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, 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<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
                inherit: PropType<boolean>;
                scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                scrollAttrs: PropType<Record<string, any>>;
                mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                width: PropType<string | number>;
                height: PropType<string | number>;
                deltaX: PropType<number>;
                deltaY: PropType<number>;
                disabled: PropType<boolean>;
                pointer: PropType<boolean>;
                wheel: PropType<boolean>;
                scrollX: PropType<number>;
                scrollY: PropType<number>;
                useXBar: PropType<boolean>;
                useYBar: PropType<boolean>;
                barFade: PropType<number>;
                barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                autoplay: PropType<number | boolean>;
                playWaiting: PropType<number>;
                noBuffer: PropType<boolean>;
                noTransition: PropType<boolean>;
                onBeforeScroll: PropType<(payload: {
                    signX: number;
                    signY: number;
                }) => boolean>;
                useBarTrack: PropType<boolean>;
                scrollTag: PropType<string>;
                onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onWheel: PropType<((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void) | ((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void)[]>;
                onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            }>> & Readonly<{}>, "refresh" | "content" | "scrollBy" | "scrollTo" | "wrapper" | "percentX" | "percentY" | "isReady" | "x" | "y" | "enableXScroll" | "enableYScroll" | "xBarLength" | "yBarLength" | "scrollToElement" | "ensureInView" | "xBar" | "yBar" | "getXScrollLimit" | "getYScrollLimit" | "addScrollListener" | "removeScrollListener"> & import('vue').ShallowUnwrapRef<{
                percentX: import('vue').Ref<number, number>;
                percentY: import('vue').Ref<number, number>;
                x: import('vue').Ref<number, number>;
                y: import('vue').Ref<number, number>;
                isReady: import('vue').Ref<boolean, boolean>;
                xBarLength: import('vue').ComputedRef<number>;
                yBarLength: import('vue').ComputedRef<number>;
                enableXScroll: import('vue').ComputedRef<boolean>;
                enableYScroll: import('vue').ComputedRef<boolean>;
                wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                refresh: () => Promise<void>;
                scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                getXScrollLimit: () => number[];
                getYScrollLimit: () => number[];
                addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
            }> & {} & import('vue').ComponentCustomProperties & {} & {
                $slots: {
                    extra?(_: {
                        getState: () => {
                            scrollX: number;
                            scrollY: number;
                            percentX: number;
                            percentY: number;
                            enableXScroll: boolean;
                            enableYScroll: boolean;
                        };
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    }): any;
                    default?(_: {
                        getState: () => {
                            scrollX: number;
                            scrollY: number;
                            percentX: number;
                            percentY: number;
                            enableXScroll: boolean;
                            enableYScroll: boolean;
                        };
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    }): any;
                };
            }) | undefined>;
            refreshScroll: () => void;
            focus: (options?: FocusOptions) => void | undefined;
            blur: () => void | undefined;
        }> & {} & import('vue').ComponentCustomProperties & {} & {
            $slots: Readonly<import('../wheel').WheelSlots> & import('../wheel').WheelSlots;
        }) | null;
        minuteWheel: ({
            $: import('vue').ComponentInternalInstance;
            $data: {};
            $props: Partial<{}> & Omit<{
                readonly value?: string | number | undefined;
                readonly inherit?: boolean | undefined;
                readonly options?: import('../wheel').WheelRawOption[] | undefined;
                readonly horizontal?: boolean | undefined;
                readonly loading?: boolean | undefined;
                readonly slots?: import('../wheel').WheelSlots | undefined;
                readonly onChange?: ((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[] | undefined;
                readonly disabled?: boolean | undefined;
                readonly pointer?: boolean | undefined;
                readonly noTransition?: boolean | undefined;
                readonly state?: "default" | "success" | "error" | "warning" | undefined;
                readonly loadingLock?: boolean | undefined;
                readonly arrow?: boolean | undefined;
                readonly onPrev?: ((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[] | undefined;
                readonly onNext?: ((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[] | undefined;
                readonly insertEmpty?: string | boolean | undefined;
                readonly selectable?: boolean | undefined;
                readonly onItemClick?: ((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[] | undefined;
                readonly candidate?: 0 | 1 | 2 | 3 | undefined;
                readonly disabledItem?: ((value: string | number, data: import('../wheel').WheelRawOption) => boolean) | undefined;
                readonly "onUpdate:value"?: ((...args: any[]) => any) | undefined;
            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
            $attrs: {
                [x: string]: unknown;
            };
            $refs: {
                [x: string]: unknown;
            } & {
                wrapper: HTMLDivElement;
                prevArrow: HTMLDivElement;
                scroll: ({
                    $: import('vue').ComponentInternalInstance;
                    $data: {};
                    $props: Partial<{}> & Omit<{
                        readonly inherit?: boolean | undefined;
                        readonly onScroll?: ((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[] | undefined;
                        readonly onWheel?: ((payload: import('..').BarScrollPayload & {
                            sign: 1 | -1;
                        }) => void) | ((payload: import('..').BarScrollPayload & {
                            sign: 1 | -1;
                        }) => void)[] | undefined;
                        readonly mode?: "horizontal" | "vertical" | "both" | "horizontal-exact" | undefined;
                        readonly disabled?: boolean | undefined;
                        readonly width?: string | number | undefined;
                        readonly onScrollStart?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                        readonly onScrollEnd?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                        readonly wheel?: boolean | undefined;
                        readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined;
                        readonly scrollClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                        readonly scrollStyle?: string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[] | undefined;
                        readonly height?: string | number | undefined;
                        readonly deltaX?: number | undefined;
                        readonly deltaY?: number | undefined;
                        readonly pointer?: boolean | undefined;
                        readonly scrollX?: number | undefined;
                        readonly scrollY?: number | undefined;
                        readonly useXBar?: boolean | undefined;
                        readonly useYBar?: boolean | undefined;
                        readonly barFade?: number | undefined;
                        readonly barClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                        readonly autoplay?: number | boolean | undefined;
                        readonly playWaiting?: number | undefined;
                        readonly noBuffer?: boolean | undefined;
                        readonly noTransition?: boolean | undefined;
                        readonly useBarTrack?: boolean | undefined;
                        readonly scrollTag?: string | undefined;
                        readonly onXEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                        readonly onYEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                        readonly onBarScrollStart?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                        readonly onBarScroll?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                        readonly onBarScrollEnd?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                        readonly onReady?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
                        readonly scrollAttrs?: Record<string, any> | undefined;
                        readonly onBeforeScroll?: ((payload: {
                            signX: number;
                            signY: number;
                        }) => boolean) | undefined;
                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
                    $attrs: {
                        [x: string]: unknown;
                    };
                    $refs: {
                        [x: string]: unknown;
                    } & {
                        wrapperEl: HTMLDivElement;
                        contentEl: unknown;
                        xBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                            inherit: PropType<boolean>;
                            placement: PropType<"bottom" | "top" | "right" | "left">;
                            scroll: PropType<number>;
                            barLength: PropType<number>;
                            width: PropType<number>;
                            appear: PropType<boolean>;
                            fade: PropType<number>;
                            barColor: PropType<string>;
                            trackColor: PropType<string>;
                            disabled: PropType<boolean>;
                            wrapper: PropType<string | HTMLElement>;
                            duration: PropType<number>;
                            useTrack: PropType<boolean>;
                            trackSpeed: PropType<number>;
                            onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        }>> & Readonly<{}>, {
                            currentScroll: import('vue').Ref<number, number>;
                            container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            handleScroll: (scroll: number) => void;
                        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                            container: HTMLDivElement;
                            track: HTMLDivElement;
                            bar: HTMLDivElement;
                        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                            P: {};
                            B: {};
                            D: {};
                            C: {};
                            M: {};
                            Defaults: {};
                        }, Readonly<import('vue').ExtractPropTypes<{
                            inherit: PropType<boolean>;
                            placement: PropType<"bottom" | "top" | "right" | "left">;
                            scroll: PropType<number>;
                            barLength: PropType<number>;
                            width: PropType<number>;
                            appear: PropType<boolean>;
                            fade: PropType<number>;
                            barColor: PropType<string>;
                            trackColor: PropType<string>;
                            disabled: PropType<boolean>;
                            wrapper: PropType<string | HTMLElement>;
                            duration: PropType<number>;
                            useTrack: PropType<boolean>;
                            trackSpeed: PropType<number>;
                            onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        }>> & Readonly<{}>, {
                            currentScroll: import('vue').Ref<number, number>;
                            container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            handleScroll: (scroll: number) => void;
                        }, {}, {}, {}, {}> | null;
                        yBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                            inherit: PropType<boolean>;
                            placement: PropType<"bottom" | "top" | "right" | "left">;
                            scroll: PropType<number>;
                            barLength: PropType<number>;
                            width: PropType<number>;
                            appear: PropType<boolean>;
                            fade: PropType<number>;
                            barColor: PropType<string>;
                            trackColor: PropType<string>;
                            disabled: PropType<boolean>;
                            wrapper: PropType<string | HTMLElement>;
                            duration: PropType<number>;
                            useTrack: PropType<boolean>;
                            trackSpeed: PropType<number>;
                            onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        }>> & Readonly<{}>, {
                            currentScroll: import('vue').Ref<number, number>;
                            container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            handleScroll: (scroll: number) => void;
                        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                            container: HTMLDivElement;
                            track: HTMLDivElement;
                            bar: HTMLDivElement;
                        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                            P: {};
                            B: {};
                            D: {};
                            C: {};
                            M: {};
                            Defaults: {};
                        }, Readonly<import('vue').ExtractPropTypes<{
                            inherit: PropType<boolean>;
                            placement: PropType<"bottom" | "top" | "right" | "left">;
                            scroll: PropType<number>;
                            barLength: PropType<number>;
                            width: PropType<number>;
                            appear: PropType<boolean>;
                            fade: PropType<number>;
                            barColor: PropType<string>;
                            trackColor: PropType<string>;
                            disabled: PropType<boolean>;
                            wrapper: PropType<string | HTMLElement>;
                            duration: PropType<number>;
                            useTrack: PropType<boolean>;
                            trackSpeed: PropType<number>;
                            onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        }>> & Readonly<{}>, {
                            currentScroll: import('vue').Ref<number, number>;
                            container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            handleScroll: (scroll: number) => void;
                        }, {}, {}, {}, {}> | null;
                    };
                    $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<{
                        inherit: PropType<boolean>;
                        scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                        scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                        scrollAttrs: PropType<Record<string, any>>;
                        mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                        width: PropType<string | number>;
                        height: PropType<string | number>;
                        deltaX: PropType<number>;
                        deltaY: PropType<number>;
                        disabled: PropType<boolean>;
                        pointer: PropType<boolean>;
                        wheel: PropType<boolean>;
                        scrollX: PropType<number>;
                        scrollY: PropType<number>;
                        useXBar: PropType<boolean>;
                        useYBar: PropType<boolean>;
                        barFade: PropType<number>;
                        barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                        autoplay: PropType<number | boolean>;
                        playWaiting: PropType<number>;
                        noBuffer: PropType<boolean>;
                        noTransition: PropType<boolean>;
                        onBeforeScroll: PropType<(payload: {
                            signX: number;
                            signY: number;
                        }) => boolean>;
                        useBarTrack: PropType<boolean>;
                        scrollTag: PropType<string>;
                        onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                        onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                        onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                        onWheel: PropType<((payload: import('..').BarScrollPayload & {
                            sign: 1 | -1;
                        }) => void) | ((payload: import('..').BarScrollPayload & {
                            sign: 1 | -1;
                        }) => void)[]>;
                        onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                        onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                        onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                        onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                        onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                        onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                        onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
                    }>> & Readonly<{}>, {
                        percentX: import('vue').Ref<number, number>;
                        percentY: import('vue').Ref<number, number>;
                        x: import('vue').Ref<number, number>;
                        y: import('vue').Ref<number, number>;
                        isReady: import('vue').Ref<boolean, boolean>;
                        xBarLength: import('vue').ComputedRef<number>;
                        yBarLength: import('vue').ComputedRef<number>;
                        enableXScroll: import('vue').ComputedRef<boolean>;
                        enableYScroll: import('vue').ComputedRef<boolean>;
                        wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                        yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        getXScrollLimit: () => number[];
                        getYScrollLimit: () => number[];
                        addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                        removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, 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<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
                    inherit: PropType<boolean>;
                    scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                    scrollAttrs: PropType<Record<string, any>>;
                    mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                    width: PropType<string | number>;
                    height: PropType<string | number>;
                    deltaX: PropType<number>;
                    deltaY: PropType<number>;
                    disabled: PropType<boolean>;
                    pointer: PropType<boolean>;
                    wheel: PropType<boolean>;
                    scrollX: PropType<number>;
                    scrollY: PropType<number>;
                    useXBar: PropType<boolean>;
                    useYBar: PropType<boolean>;
                    barFade: PropType<number>;
                    barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    autoplay: PropType<number | boolean>;
                    playWaiting: PropType<number>;
                    noBuffer: PropType<boolean>;
                    noTransition: PropType<boolean>;
                    onBeforeScroll: PropType<(payload: {
                        signX: number;
                        signY: number;
                    }) => boolean>;
                    useBarTrack: PropType<boolean>;
                    scrollTag: PropType<string>;
                    onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                    onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onWheel: PropType<((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[]>;
                    onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                    onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
                }>> & Readonly<{}>, "refresh" | "content" | "scrollBy" | "scrollTo" | "wrapper" | "percentX" | "percentY" | "isReady" | "x" | "y" | "enableXScroll" | "enableYScroll" | "xBarLength" | "yBarLength" | "scrollToElement" | "ensureInView" | "xBar" | "yBar" | "getXScrollLimit" | "getYScrollLimit" | "addScrollListener" | "removeScrollListener"> & import('vue').ShallowUnwrapRef<{
                    percentX: import('vue').Ref<number, number>;
                    percentY: import('vue').Ref<number, number>;
                    x: import('vue').Ref<number, number>;
                    y: import('vue').Ref<number, number>;
                    isReady: import('vue').Ref<boolean, boolean>;
                    xBarLength: import('vue').ComputedRef<number>;
                    yBarLength: import('vue').ComputedRef<number>;
                    enableXScroll: import('vue').ComputedRef<boolean>;
                    enableYScroll: import('vue').ComputedRef<boolean>;
                    wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    refresh: () => Promise<void>;
                    scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                    scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                    scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    getXScrollLimit: () => number[];
                    getYScrollLimit: () => number[];
                    addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                    removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                }> & {} & import('vue').ComponentCustomProperties & {} & {
                    $slots: {
                        extra?(_: {
                            getState: () => {
                                scrollX: number;
                                scrollY: number;
                                percentX: number;
                                percentY: number;
                                enableXScroll: boolean;
                                enableYScroll: boolean;
                            };
                            refresh: () => Promise<void>;
                            scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                            scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                            scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                            ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        }): any;
                        default?(_: {
                            getState: () => {
                                scrollX: number;
                                scrollY: number;
                                percentX: number;
                                percentY: number;
                                enableXScroll: boolean;
                                enableYScroll: boolean;
                            };
                            refresh: () => Promise<void>;
                            scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                            scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                            scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                            ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        }): any;
                    };
                }) | null;
                list: HTMLUListElement;
                nextArrow: 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: "update:value", ...args: any[]) => void;
            $el: HTMLDivElement;
            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
                inherit: PropType<boolean>;
                state: PropType<"default" | "success" | "error" | "warning">;
                horizontal: PropType<boolean>;
                value: PropType<string | number>;
                candidate: PropType<0 | 1 | 2 | 3>;
                arrow: PropType<boolean>;
                pointer: PropType<boolean>;
                options: PropType<import('../wheel').WheelRawOption[]>;
                insertEmpty: PropType<string | boolean>;
                disabled: PropType<boolean>;
                loading: PropType<boolean>;
                loadingLock: PropType<boolean>;
                disabledItem: PropType<(value: string | number, data: import('../wheel').WheelRawOption) => boolean>;
                noTransition: PropType<boolean>;
                selectable: PropType<boolean>;
                slots: PropType<import('../wheel').WheelSlots>;
                onChange: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
                onPrev: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
                onNext: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
                onItemClick: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
            }>> & Readonly<{
                "onUpdate:value"?: ((...args: any[]) => any) | undefined;
            }>, {
                idFor: import('vue').ComputedRef<string | undefined>;
                currentActive: import('vue').Ref<number, number>;
                isInit: import('vue').Ref<boolean, boolean>;
                targetWidth: import('vue').Ref<number, number>;
                targetHeight: import('vue').Ref<number, number>;
                wrapperWidth: import('vue').Ref<number, number>;
                wrapperHeight: import('vue').Ref<number, number>;
                itemList: import('vue').ComputedRef<{
                    width: number;
                    height: number;
                    el?: (HTMLElement | null) | undefined;
                    value: number | string;
                    disabled: boolean;
                    meta: any;
                }[]>;
                wrapper: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
                scroll: import('vue').Ref<({
                    $: import('vue').ComponentInternalInstance;
                    $data: {};
                    $props: Partial<{}> & Omit<{
                        readonly inherit?: boolean | undefined;
                        readonly onScroll?: ((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[] | undefined;
                        readonly onWheel?: ((payload: import('..').BarScrollPayload & {
                            sign: 1 | -1;
                        }) => void) | ((payload: import('..').BarScrollPayload & {
                            sign: 1 | -1;
                        }) => void)[] | undefined;
                        readonly mode?: "horizontal" | "vertical" | "both" | "horizontal-exact" | undefined;
                        readonly disabled?: boolean | undefined;
                        readonly width?: string | number | undefined;
                        readonly onScrollStart?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                        readonly onScrollEnd?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                        readonly wheel?: boolean | undefined;
                        readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined;
                        readonly scrollClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                        readonly scrollStyle?: string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[] | undefined;
                        readonly height?: string | number | undefined;
                        readonly deltaX?: number | undefined;
                        readonly deltaY?: number | undefined;
                        readonly pointer?: boolean | undefined;
                        readonly scrollX?: number | undefined;
                        readonly scrollY?: number | undefined;
                        readonly useXBar?: boolean | undefined;
                        readonly useYBar?: boolean | undefined;
                        readonly barFade?: number | undefined;
                        readonly barClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                        readonly autoplay?: number | boolean | undefined;
                        readonly playWaiting?: number | undefined;
                        readonly noBuffer?: boolean | undefined;
                        readonly noTransition?: boolean | undefined;
                        readonly useBarTrack?: boolean | undefined;
                        readonly scrollTag?: string | undefined;
                        readonly onXEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                        readonly onYEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                        readonly onBarScrollStart?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                        readonly onBarScroll?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                        readonly onBarScrollEnd?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                        readonly onReady?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
                        readonly scrollAttrs?: Record<string, any> | undefined;
                        readonly onBeforeScroll?: ((payload: {
                            signX: number;
                            signY: number;
                        }) => boolean) | undefined;
                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
                    $attrs: {
                        [x: string]: unknown;
                    };
                    $refs: {
                        [x: string]: unknown;
                    } & {
                        wrapperEl: HTMLDivElement;
                        contentEl: unknown;
                        xBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                            inherit: PropType<boolean>;
                            placement: PropType<"bottom" | "top" | "right" | "left">;
                            scroll: PropType<number>;
                            barLength: PropType<number>;
                            width: PropType<number>;
                            appear: PropType<boolean>;
                            fade: PropType<number>;
                            barColor: PropType<string>;
                            trackColor: PropType<string>;
                            disabled: PropType<boolean>;
                            wrapper: PropType<string | HTMLElement>;
                            duration: PropType<number>;
                            useTrack: PropType<boolean>;
                            trackSpeed: PropType<number>;
                            onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        }>> & Readonly<{}>, {
                            currentScroll: import('vue').Ref<number, number>;
                            container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            handleScroll: (scroll: number) => void;
                        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                            container: HTMLDivElement;
                            track: HTMLDivElement;
                            bar: HTMLDivElement;
                        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                            P: {};
                            B: {};
                            D: {};
                            C: {};
                            M: {};
                            Defaults: {};
                        }, Readonly<import('vue').ExtractPropTypes<{
                            inherit: PropType<boolean>;
                            placement: PropType<"bottom" | "top" | "right" | "left">;
                            scroll: PropType<number>;
                            barLength: PropType<number>;
                            width: PropType<number>;
                            appear: PropType<boolean>;
                            fade: PropType<number>;
                            barColor: PropType<string>;
                            trackColor: PropType<string>;
                            disabled: PropType<boolean>;
                            wrapper: PropType<string | HTMLElement>;
                            duration: PropType<number>;
                            useTrack: PropType<boolean>;
                            trackSpeed: PropType<number>;
                            onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        }>> & Readonly<{}>, {
                            currentScroll: import('vue').Ref<number, number>;
                            container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            handleScroll: (scroll: number) => void;
                        }, {}, {}, {}, {}> | null;
                        yBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                            inherit: PropType<boolean>;
                            placement: PropType<"bottom" | "top" | "right" | "left">;
                            scroll: PropType<number>;
                            barLength: PropType<number>;
                            width: PropType<number>;
                            appear: PropType<boolean>;
                            fade: PropType<number>;
                            barColor: PropType<string>;
                            trackColor: PropType<string>;
                            disabled: PropType<boolean>;
                            wrapper: PropType<string | HTMLElement>;
                            duration: PropType<number>;
                            useTrack: PropType<boolean>;
                            trackSpeed: PropType<number>;
                            onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        }>> & Readonly<{}>, {
                            currentScroll: import('vue').Ref<number, number>;
                            container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            handleScroll: (scroll: number) => void;
                        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                            container: HTMLDivElement;
                            track: HTMLDivElement;
                            bar: HTMLDivElement;
                        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                            P: {};
                            B: {};
                            D: {};
                            C: {};
                            M: {};
                            Defaults: {};
                        }, Readonly<import('vue').ExtractPropTypes<{
                            inherit: PropType<boolean>;
                            placement: PropType<"bottom" | "top" | "right" | "left">;
                            scroll: PropType<number>;
                            barLength: PropType<number>;
                            width: PropType<number>;
                            appear: PropType<boolean>;
                            fade: PropType<number>;
                            barColor: PropType<string>;
                            trackColor: PropType<string>;
                            disabled: PropType<boolean>;
                            wrapper: PropType<string | HTMLElement>;
                            duration: PropType<number>;
                            useTrack: PropType<boolean>;
                            trackSpeed: PropType<number>;
                            onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        }>> & Readonly<{}>, {
                            currentScroll: import('vue').Ref<number, number>;
                            container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            handleScroll: (scroll: number) => void;
                        }, {}, {}, {}, {}> | null;
                    };
                    $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<{
                        inherit: PropType<boolean>;
                        scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                        scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                        scrollAttrs: PropType<Record<string, any>>;
                        mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                        width: PropType<string | number>;
                        height: PropType<string | number>;
                        deltaX: PropType<number>;
                        deltaY: PropType<number>;
                        disabled: PropType<boolean>;
                        pointer: PropType<boolean>;
                        wheel: PropType<boolean>;
                        scrollX: PropType<number>;
                        scrollY: PropType<number>;
                        useXBar: PropType<boolean>;
                        useYBar: PropType<boolean>;
                        barFade: PropType<number>;
                        barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                        autoplay: PropType<number | boolean>;
                        playWaiting: PropType<number>;
                        noBuffer: PropType<boolean>;
                        noTransition: PropType<boolean>;
                        onBeforeScroll: PropType<(payload: {
                            signX: number;
                            signY: number;
                        }) => boolean>;
                        useBarTrack: PropType<boolean>;
                        scrollTag: PropType<string>;
                        onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                        onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                        onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                        onWheel: PropType<((payload: import('..').BarScrollPayload & {
                            sign: 1 | -1;
                        }) => void) | ((payload: import('..').BarScrollPayload & {
                            sign: 1 | -1;
                        }) => void)[]>;
                        onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                        onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                        onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                        onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                        onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                        onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                        onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
                    }>> & Readonly<{}>, {
                        percentX: import('vue').Ref<number, number>;
                        percentY: import('vue').Ref<number, number>;
                        x: import('vue').Ref<number, number>;
                        y: import('vue').Ref<number, number>;
                        isReady: import('vue').Ref<boolean, boolean>;
                        xBarLength: import('vue').ComputedRef<number>;
                        yBarLength: import('vue').ComputedRef<number>;
                        enableXScroll: import('vue').ComputedRef<boolean>;
                        enableYScroll: import('vue').ComputedRef<boolean>;
                        wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                        yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        getXScrollLimit: () => number[];
                        getYScrollLimit: () => number[];
                        addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                        removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, 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<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
                    inherit: PropType<boolean>;
                    scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                    scrollAttrs: PropType<Record<string, any>>;
                    mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                    width: PropType<string | number>;
                    height: PropType<string | number>;
                    deltaX: PropType<number>;
                    deltaY: PropType<number>;
                    disabled: PropType<boolean>;
                    pointer: PropType<boolean>;
                    wheel: PropType<boolean>;
                    scrollX: PropType<number>;
                    scrollY: PropType<number>;
                    useXBar: PropType<boolean>;
                    useYBar: PropType<boolean>;
                    barFade: PropType<number>;
                    barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    autoplay: PropType<number | boolean>;
                    playWaiting: PropType<number>;
                    noBuffer: PropType<boolean>;
                    noTransition: PropType<boolean>;
                    onBeforeScroll: PropType<(payload: {
                        signX: number;
                        signY: number;
                    }) => boolean>;
                    useBarTrack: PropType<boolean>;
                    scrollTag: PropType<string>;
                    onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                    onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onWheel: PropType<((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[]>;
                    onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                    onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
                }>> & Readonly<{}>, "refresh" | "content" | "scrollBy" | "scrollTo" | "wrapper" | "percentX" | "percentY" | "isReady" | "x" | "y" | "enableXScroll" | "enableYScroll" | "xBarLength" | "yBarLength" | "scrollToElement" | "ensureInView" | "xBar" | "yBar" | "getXScrollLimit" | "getYScrollLimit" | "addScrollListener" | "removeScrollListener"> & import('vue').ShallowUnwrapRef<{
                    percentX: import('vue').Ref<number, number>;
                    percentY: import('vue').Ref<number, number>;
                    x: import('vue').Ref<number, number>;
                    y: import('vue').Ref<number, number>;
                    isReady: import('vue').Ref<boolean, boolean>;
                    xBarLength: import('vue').ComputedRef<number>;
                    yBarLength: import('vue').ComputedRef<number>;
                    enableXScroll: import('vue').ComputedRef<boolean>;
                    enableYScroll: import('vue').ComputedRef<boolean>;
                    wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    refresh: () => Promise<void>;
                    scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                    scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                    scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    getXScrollLimit: () => number[];
                    getYScrollLimit: () => number[];
                    addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                    removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                }> & {} & import('vue').ComponentCustomProperties & {} & {
                    $slots: {
                        extra?(_: {
                            getState: () => {
                                scrollX: number;
                                scrollY: number;
                                percentX: number;
                                percentY: number;
                                enableXScroll: boolean;
                                enableYScroll: boolean;
                            };
                            refresh: () => Promise<void>;
                            scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                            scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                            scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                            ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        }): any;
                        default?(_: {
                            getState: () => {
                                scrollX: number;
                                scrollY: number;
                                percentX: number;
                                percentY: number;
                                enableXScroll: boolean;
                                enableYScroll: boolean;
                            };
                            refresh: () => Promise<void>;
                            scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                            scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                            scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                            ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        }): any;
                    };
                }) | undefined, ({
                    $: import('vue').ComponentInternalInstance;
                    $data: {};
                    $props: Partial<{}> & Omit<{
                        readonly inherit?: boolean | undefined;
                        readonly onScroll?: ((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[] | undefined;
                        readonly onWheel?: ((payload: import('..').BarScrollPayload & {
                            sign: 1 | -1;
                        }) => void) | ((payload: import('..').BarScrollPayload & {
                            sign: 1 | -1;
                        }) => void)[] | undefined;
                        readonly mode?: "horizontal" | "vertical" | "both" | "horizontal-exact" | undefined;
                        readonly disabled?: boolean | undefined;
                        readonly width?: string | number | undefined;
                        readonly onScrollStart?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                        readonly onScrollEnd?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                        readonly wheel?: boolean | undefined;
                        readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined;
                        readonly scrollClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                        readonly scrollStyle?: string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[] | undefined;
                        readonly height?: string | number | undefined;
                        readonly deltaX?: number | undefined;
                        readonly deltaY?: number | undefined;
                        readonly pointer?: boolean | undefined;
                        readonly scrollX?: number | undefined;
                        readonly scrollY?: number | undefined;
                        readonly useXBar?: boolean | undefined;
                        readonly useYBar?: boolean | undefined;
                        readonly barFade?: number | undefined;
                        readonly barClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                        readonly autoplay?: number | boolean | undefined;
                        readonly playWaiting?: number | undefined;
                        readonly noBuffer?: boolean | undefined;
                        readonly noTransition?: boolean | undefined;
                        readonly useBarTrack?: boolean | undefined;
                        readonly scrollTag?: string | undefined;
                        readonly onXEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                        readonly onYEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                        readonly onBarScrollStart?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                        readonly onBarScroll?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                        readonly onBarScrollEnd?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                        readonly onReady?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
                        readonly scrollAttrs?: Record<string, any> | undefined;
                        readonly onBeforeScroll?: ((payload: {
                            signX: number;
                            signY: number;
                        }) => boolean) | undefined;
                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
                    $attrs: {
                        [x: string]: unknown;
                    };
                    $refs: {
                        [x: string]: unknown;
                    } & {
                        wrapperEl: HTMLDivElement;
                        contentEl: unknown;
                        xBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                            inherit: PropType<boolean>;
                            placement: PropType<"bottom" | "top" | "right" | "left">;
                            scroll: PropType<number>;
                            barLength: PropType<number>;
                            width: PropType<number>;
                            appear: PropType<boolean>;
                            fade: PropType<number>;
                            barColor: PropType<string>;
                            trackColor: PropType<string>;
                            disabled: PropType<boolean>;
                            wrapper: PropType<string | HTMLElement>;
                            duration: PropType<number>;
                            useTrack: PropType<boolean>;
                            trackSpeed: PropType<number>;
                            onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        }>> & Readonly<{}>, {
                            currentScroll: import('vue').Ref<number, number>;
                            container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            handleScroll: (scroll: number) => void;
                        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                            container: HTMLDivElement;
                            track: HTMLDivElement;
                            bar: HTMLDivElement;
                        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                            P: {};
                            B: {};
                            D: {};
                            C: {};
                            M: {};
                            Defaults: {};
                        }, Readonly<import('vue').ExtractPropTypes<{
                            inherit: PropType<boolean>;
                            placement: PropType<"bottom" | "top" | "right" | "left">;
                            scroll: PropType<number>;
                            barLength: PropType<number>;
                            width: PropType<number>;
                            appear: PropType<boolean>;
                            fade: PropType<number>;
                            barColor: PropType<string>;
                            trackColor: PropType<string>;
                            disabled: PropType<boolean>;
                            wrapper: PropType<string | HTMLElement>;
                            duration: PropType<number>;
                            useTrack: PropType<boolean>;
                            trackSpeed: PropType<number>;
                            onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        }>> & Readonly<{}>, {
                            currentScroll: import('vue').Ref<number, number>;
                            container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            handleScroll: (scroll: number) => void;
                        }, {}, {}, {}, {}> | null;
                        yBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                            inherit: PropType<boolean>;
                            placement: PropType<"bottom" | "top" | "right" | "left">;
                            scroll: PropType<number>;
                            barLength: PropType<number>;
                            width: PropType<number>;
                            appear: PropType<boolean>;
                            fade: PropType<number>;
                            barColor: PropType<string>;
                            trackColor: PropType<string>;
                            disabled: PropType<boolean>;
                            wrapper: PropType<string | HTMLElement>;
                            duration: PropType<number>;
                            useTrack: PropType<boolean>;
                            trackSpeed: PropType<number>;
                            onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        }>> & Readonly<{}>, {
                            currentScroll: import('vue').Ref<number, number>;
                            container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            handleScroll: (scroll: number) => void;
                        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                            container: HTMLDivElement;
                            track: HTMLDivElement;
                            bar: HTMLDivElement;
                        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                            P: {};
                            B: {};
                            D: {};
                            C: {};
                            M: {};
                            Defaults: {};
                        }, Readonly<import('vue').ExtractPropTypes<{
                            inherit: PropType<boolean>;
                            placement: PropType<"bottom" | "top" | "right" | "left">;
                            scroll: PropType<number>;
                            barLength: PropType<number>;
                            width: PropType<number>;
                            appear: PropType<boolean>;
                            fade: PropType<number>;
                            barColor: PropType<string>;
                            trackColor: PropType<string>;
                            disabled: PropType<boolean>;
                            wrapper: PropType<string | HTMLElement>;
                            duration: PropType<number>;
                            useTrack: PropType<boolean>;
                            trackSpeed: PropType<number>;
                            onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        }>> & Readonly<{}>, {
                            currentScroll: import('vue').Ref<number, number>;
                            container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            handleScroll: (scroll: number) => void;
                        }, {}, {}, {}, {}> | null;
                    };
                    $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<{
                        inherit: PropType<boolean>;
                        scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                        scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                        scrollAttrs: PropType<Record<string, any>>;
                        mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                        width: PropType<string | number>;
                        height: PropType<string | number>;
                        deltaX: PropType<number>;
                        deltaY: PropType<number>;
                        disabled: PropType<boolean>;
                        pointer: PropType<boolean>;
                        wheel: PropType<boolean>;
                        scrollX: PropType<number>;
                        scrollY: PropType<number>;
                        useXBar: PropType<boolean>;
                        useYBar: PropType<boolean>;
                        barFade: PropType<number>;
                        barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                        autoplay: PropType<number | boolean>;
                        playWaiting: PropType<number>;
                        noBuffer: PropType<boolean>;
                        noTransition: PropType<boolean>;
                        onBeforeScroll: PropType<(payload: {
                            signX: number;
                            signY: number;
                        }) => boolean>;
                        useBarTrack: PropType<boolean>;
                        scrollTag: PropType<string>;
                        onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                        onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                        onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                        onWheel: PropType<((payload: import('..').BarScrollPayload & {
                            sign: 1 | -1;
                        }) => void) | ((payload: import('..').BarScrollPayload & {
                            sign: 1 | -1;
                        }) => void)[]>;
                        onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                        onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                        onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                        onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                        onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                        onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                        onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
                    }>> & Readonly<{}>, {
                        percentX: import('vue').Ref<number, number>;
                        percentY: import('vue').Ref<number, number>;
                        x: import('vue').Ref<number, number>;
                        y: import('vue').Ref<number, number>;
                        isReady: import('vue').Ref<boolean, boolean>;
                        xBarLength: import('vue').ComputedRef<number>;
                        yBarLength: import('vue').ComputedRef<number>;
                        enableXScroll: import('vue').ComputedRef<boolean>;
                        enableYScroll: import('vue').ComputedRef<boolean>;
                        wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                        yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        getXScrollLimit: () => number[];
                        getYScrollLimit: () => number[];
                        addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                        removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, 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<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
                    inherit: PropType<boolean>;
                    scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                    scrollAttrs: PropType<Record<string, any>>;
                    mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                    width: PropType<string | number>;
                    height: PropType<string | number>;
                    deltaX: PropType<number>;
                    deltaY: PropType<number>;
                    disabled: PropType<boolean>;
                    pointer: PropType<boolean>;
                    wheel: PropType<boolean>;
                    scrollX: PropType<number>;
                    scrollY: PropType<number>;
                    useXBar: PropType<boolean>;
                    useYBar: PropType<boolean>;
                    barFade: PropType<number>;
                    barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    autoplay: PropType<number | boolean>;
                    playWaiting: PropType<number>;
                    noBuffer: PropType<boolean>;
                    noTransition: PropType<boolean>;
                    onBeforeScroll: PropType<(payload: {
                        signX: number;
                        signY: number;
                    }) => boolean>;
                    useBarTrack: PropType<boolean>;
                    scrollTag: PropType<string>;
                    onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                    onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onWheel: PropType<((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[]>;
                    onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                    onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
                }>> & Readonly<{}>, "refresh" | "content" | "scrollBy" | "scrollTo" | "wrapper" | "percentX" | "percentY" | "isReady" | "x" | "y" | "enableXScroll" | "enableYScroll" | "xBarLength" | "yBarLength" | "scrollToElement" | "ensureInView" | "xBar" | "yBar" | "getXScrollLimit" | "getYScrollLimit" | "addScrollListener" | "removeScrollListener"> & import('vue').ShallowUnwrapRef<{
                    percentX: import('vue').Ref<number, number>;
                    percentY: import('vue').Ref<number, number>;
                    x: import('vue').Ref<number, number>;
                    y: import('vue').Ref<number, number>;
                    isReady: import('vue').Ref<boolean, boolean>;
                    xBarLength: import('vue').ComputedRef<number>;
                    yBarLength: import('vue').ComputedRef<number>;
                    enableXScroll: import('vue').ComputedRef<boolean>;
                    enableYScroll: import('vue').ComputedRef<boolean>;
                    wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    refresh: () => Promise<void>;
                    scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                    scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                    scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    getXScrollLimit: () => number[];
                    getYScrollLimit: () => number[];
                    addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                    removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                }> & {} & import('vue').ComponentCustomProperties & {} & {
                    $slots: {
                        extra?(_: {
                            getState: () => {
                                scrollX: number;
                                scrollY: number;
                                percentX: number;
                                percentY: number;
                                enableXScroll: boolean;
                                enableYScroll: boolean;
                            };
                            refresh: () => Promise<void>;
                            scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                            scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                            scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                            ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        }): any;
                        default?(_: {
                            getState: () => {
                                scrollX: number;
                                scrollY: number;
                                percentX: number;
                                percentY: number;
                                enableXScroll: boolean;
                                enableYScroll: boolean;
                            };
                            refresh: () => Promise<void>;
                            scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                            scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                            scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                            ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        }): any;
                    };
                }) | undefined>;
                refreshScroll: () => void;
                focus: (options?: FocusOptions) => void | undefined;
                blur: () => void | undefined;
            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                "update:value": (...args: any[]) => void;
            }, string, {}, {}, 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<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
            inherit: PropType<boolean>;
            state: PropType<"default" | "success" | "error" | "warning">;
            horizontal: PropType<boolean>;
            value: PropType<string | number>;
            candidate: PropType<0 | 1 | 2 | 3>;
            arrow: PropType<boolean>;
            pointer: PropType<boolean>;
            options: PropType<import('../wheel').WheelRawOption[]>;
            insertEmpty: PropType<string | boolean>;
            disabled: PropType<boolean>;
            loading: PropType<boolean>;
            loadingLock: PropType<boolean>;
            disabledItem: PropType<(value: string | number, data: import('../wheel').WheelRawOption) => boolean>;
            noTransition: PropType<boolean>;
            selectable: PropType<boolean>;
            slots: PropType<import('../wheel').WheelSlots>;
            onChange: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
            onPrev: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
            onNext: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
            onItemClick: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
        }>> & Readonly<{
            "onUpdate:value"?: ((...args: any[]) => any) | undefined;
        }>, "currentActive" | "scroll" | "blur" | "focus" | "wrapper" | "idFor" | "isInit" | "targetWidth" | "targetHeight" | "wrapperWidth" | "wrapperHeight" | "itemList" | "refreshScroll"> & import('vue').ShallowUnwrapRef<{
            idFor: import('vue').ComputedRef<string | undefined>;
            currentActive: import('vue').Ref<number, number>;
            isInit: import('vue').Ref<boolean, boolean>;
            targetWidth: import('vue').Ref<number, number>;
            targetHeight: import('vue').Ref<number, number>;
            wrapperWidth: import('vue').Ref<number, number>;
            wrapperHeight: import('vue').Ref<number, number>;
            itemList: import('vue').ComputedRef<{
                width: number;
                height: number;
                el?: (HTMLElement | null) | undefined;
                value: number | string;
                disabled: boolean;
                meta: any;
            }[]>;
            wrapper: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
            scroll: import('vue').Ref<({
                $: import('vue').ComponentInternalInstance;
                $data: {};
                $props: Partial<{}> & Omit<{
                    readonly inherit?: boolean | undefined;
                    readonly onScroll?: ((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[] | undefined;
                    readonly onWheel?: ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[] | undefined;
                    readonly mode?: "horizontal" | "vertical" | "both" | "horizontal-exact" | undefined;
                    readonly disabled?: boolean | undefined;
                    readonly width?: string | number | undefined;
                    readonly onScrollStart?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                    readonly onScrollEnd?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                    readonly wheel?: boolean | undefined;
                    readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined;
                    readonly scrollClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                    readonly scrollStyle?: string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[] | undefined;
                    readonly height?: string | number | undefined;
                    readonly deltaX?: number | undefined;
                    readonly deltaY?: number | undefined;
                    readonly pointer?: boolean | undefined;
                    readonly scrollX?: number | undefined;
                    readonly scrollY?: number | undefined;
                    readonly useXBar?: boolean | undefined;
                    readonly useYBar?: boolean | undefined;
                    readonly barFade?: number | undefined;
                    readonly barClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                    readonly autoplay?: number | boolean | undefined;
                    readonly playWaiting?: number | undefined;
                    readonly noBuffer?: boolean | undefined;
                    readonly noTransition?: boolean | undefined;
                    readonly useBarTrack?: boolean | undefined;
                    readonly scrollTag?: string | undefined;
                    readonly onXEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                    readonly onYEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                    readonly onBarScrollStart?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onBarScroll?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onBarScrollEnd?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onReady?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
                    readonly scrollAttrs?: Record<string, any> | undefined;
                    readonly onBeforeScroll?: ((payload: {
                        signX: number;
                        signY: number;
                    }) => boolean) | undefined;
                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
                $attrs: {
                    [x: string]: unknown;
                };
                $refs: {
                    [x: string]: unknown;
                } & {
                    wrapperEl: HTMLDivElement;
                    contentEl: unknown;
                    xBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        container: HTMLDivElement;
                        track: HTMLDivElement;
                        bar: HTMLDivElement;
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, {}> | null;
                    yBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        container: HTMLDivElement;
                        track: HTMLDivElement;
                        bar: HTMLDivElement;
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, {}> | null;
                };
                $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<{
                    inherit: PropType<boolean>;
                    scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                    scrollAttrs: PropType<Record<string, any>>;
                    mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                    width: PropType<string | number>;
                    height: PropType<string | number>;
                    deltaX: PropType<number>;
                    deltaY: PropType<number>;
                    disabled: PropType<boolean>;
                    pointer: PropType<boolean>;
                    wheel: PropType<boolean>;
                    scrollX: PropType<number>;
                    scrollY: PropType<number>;
                    useXBar: PropType<boolean>;
                    useYBar: PropType<boolean>;
                    barFade: PropType<number>;
                    barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    autoplay: PropType<number | boolean>;
                    playWaiting: PropType<number>;
                    noBuffer: PropType<boolean>;
                    noTransition: PropType<boolean>;
                    onBeforeScroll: PropType<(payload: {
                        signX: number;
                        signY: number;
                    }) => boolean>;
                    useBarTrack: PropType<boolean>;
                    scrollTag: PropType<string>;
                    onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                    onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onWheel: PropType<((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[]>;
                    onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                    onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
                }>> & Readonly<{}>, {
                    percentX: import('vue').Ref<number, number>;
                    percentY: import('vue').Ref<number, number>;
                    x: import('vue').Ref<number, number>;
                    y: import('vue').Ref<number, number>;
                    isReady: import('vue').Ref<boolean, boolean>;
                    xBarLength: import('vue').ComputedRef<number>;
                    yBarLength: import('vue').ComputedRef<number>;
                    enableXScroll: import('vue').ComputedRef<boolean>;
                    enableYScroll: import('vue').ComputedRef<boolean>;
                    wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    refresh: () => Promise<void>;
                    scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                    scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                    scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    getXScrollLimit: () => number[];
                    getYScrollLimit: () => number[];
                    addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                    removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, 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<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
                inherit: PropType<boolean>;
                scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                scrollAttrs: PropType<Record<string, any>>;
                mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                width: PropType<string | number>;
                height: PropType<string | number>;
                deltaX: PropType<number>;
                deltaY: PropType<number>;
                disabled: PropType<boolean>;
                pointer: PropType<boolean>;
                wheel: PropType<boolean>;
                scrollX: PropType<number>;
                scrollY: PropType<number>;
                useXBar: PropType<boolean>;
                useYBar: PropType<boolean>;
                barFade: PropType<number>;
                barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                autoplay: PropType<number | boolean>;
                playWaiting: PropType<number>;
                noBuffer: PropType<boolean>;
                noTransition: PropType<boolean>;
                onBeforeScroll: PropType<(payload: {
                    signX: number;
                    signY: number;
                }) => boolean>;
                useBarTrack: PropType<boolean>;
                scrollTag: PropType<string>;
                onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onWheel: PropType<((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void) | ((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void)[]>;
                onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            }>> & Readonly<{}>, "refresh" | "content" | "scrollBy" | "scrollTo" | "wrapper" | "percentX" | "percentY" | "isReady" | "x" | "y" | "enableXScroll" | "enableYScroll" | "xBarLength" | "yBarLength" | "scrollToElement" | "ensureInView" | "xBar" | "yBar" | "getXScrollLimit" | "getYScrollLimit" | "addScrollListener" | "removeScrollListener"> & import('vue').ShallowUnwrapRef<{
                percentX: import('vue').Ref<number, number>;
                percentY: import('vue').Ref<number, number>;
                x: import('vue').Ref<number, number>;
                y: import('vue').Ref<number, number>;
                isReady: import('vue').Ref<boolean, boolean>;
                xBarLength: import('vue').ComputedRef<number>;
                yBarLength: import('vue').ComputedRef<number>;
                enableXScroll: import('vue').ComputedRef<boolean>;
                enableYScroll: import('vue').ComputedRef<boolean>;
                wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                refresh: () => Promise<void>;
                scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                getXScrollLimit: () => number[];
                getYScrollLimit: () => number[];
                addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
            }> & {} & import('vue').ComponentCustomProperties & {} & {
                $slots: {
                    extra?(_: {
                        getState: () => {
                            scrollX: number;
                            scrollY: number;
                            percentX: number;
                            percentY: number;
                            enableXScroll: boolean;
                            enableYScroll: boolean;
                        };
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    }): any;
                    default?(_: {
                        getState: () => {
                            scrollX: number;
                            scrollY: number;
                            percentX: number;
                            percentY: number;
                            enableXScroll: boolean;
                            enableYScroll: boolean;
                        };
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    }): any;
                };
            }) | undefined, ({
                $: import('vue').ComponentInternalInstance;
                $data: {};
                $props: Partial<{}> & Omit<{
                    readonly inherit?: boolean | undefined;
                    readonly onScroll?: ((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[] | undefined;
                    readonly onWheel?: ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[] | undefined;
                    readonly mode?: "horizontal" | "vertical" | "both" | "horizontal-exact" | undefined;
                    readonly disabled?: boolean | undefined;
                    readonly width?: string | number | undefined;
                    readonly onScrollStart?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                    readonly onScrollEnd?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                    readonly wheel?: boolean | undefined;
                    readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined;
                    readonly scrollClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                    readonly scrollStyle?: string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[] | undefined;
                    readonly height?: string | number | undefined;
                    readonly deltaX?: number | undefined;
                    readonly deltaY?: number | undefined;
                    readonly pointer?: boolean | undefined;
                    readonly scrollX?: number | undefined;
                    readonly scrollY?: number | undefined;
                    readonly useXBar?: boolean | undefined;
                    readonly useYBar?: boolean | undefined;
                    readonly barFade?: number | undefined;
                    readonly barClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                    readonly autoplay?: number | boolean | undefined;
                    readonly playWaiting?: number | undefined;
                    readonly noBuffer?: boolean | undefined;
                    readonly noTransition?: boolean | undefined;
                    readonly useBarTrack?: boolean | undefined;
                    readonly scrollTag?: string | undefined;
                    readonly onXEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                    readonly onYEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                    readonly onBarScrollStart?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onBarScroll?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onBarScrollEnd?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onReady?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
                    readonly scrollAttrs?: Record<string, any> | undefined;
                    readonly onBeforeScroll?: ((payload: {
                        signX: number;
                        signY: number;
                    }) => boolean) | undefined;
                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
                $attrs: {
                    [x: string]: unknown;
                };
                $refs: {
                    [x: string]: unknown;
                } & {
                    wrapperEl: HTMLDivElement;
                    contentEl: unknown;
                    xBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        container: HTMLDivElement;
                        track: HTMLDivElement;
                        bar: HTMLDivElement;
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, {}> | null;
                    yBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        container: HTMLDivElement;
                        track: HTMLDivElement;
                        bar: HTMLDivElement;
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, {}> | null;
                };
                $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<{
                    inherit: PropType<boolean>;
                    scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                    scrollAttrs: PropType<Record<string, any>>;
                    mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                    width: PropType<string | number>;
                    height: PropType<string | number>;
                    deltaX: PropType<number>;
                    deltaY: PropType<number>;
                    disabled: PropType<boolean>;
                    pointer: PropType<boolean>;
                    wheel: PropType<boolean>;
                    scrollX: PropType<number>;
                    scrollY: PropType<number>;
                    useXBar: PropType<boolean>;
                    useYBar: PropType<boolean>;
                    barFade: PropType<number>;
                    barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    autoplay: PropType<number | boolean>;
                    playWaiting: PropType<number>;
                    noBuffer: PropType<boolean>;
                    noTransition: PropType<boolean>;
                    onBeforeScroll: PropType<(payload: {
                        signX: number;
                        signY: number;
                    }) => boolean>;
                    useBarTrack: PropType<boolean>;
                    scrollTag: PropType<string>;
                    onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                    onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onWheel: PropType<((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[]>;
                    onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                    onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
                }>> & Readonly<{}>, {
                    percentX: import('vue').Ref<number, number>;
                    percentY: import('vue').Ref<number, number>;
                    x: import('vue').Ref<number, number>;
                    y: import('vue').Ref<number, number>;
                    isReady: import('vue').Ref<boolean, boolean>;
                    xBarLength: import('vue').ComputedRef<number>;
                    yBarLength: import('vue').ComputedRef<number>;
                    enableXScroll: import('vue').ComputedRef<boolean>;
                    enableYScroll: import('vue').ComputedRef<boolean>;
                    wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    refresh: () => Promise<void>;
                    scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                    scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                    scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    getXScrollLimit: () => number[];
                    getYScrollLimit: () => number[];
                    addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                    removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, 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<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
                inherit: PropType<boolean>;
                scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                scrollAttrs: PropType<Record<string, any>>;
                mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                width: PropType<string | number>;
                height: PropType<string | number>;
                deltaX: PropType<number>;
                deltaY: PropType<number>;
                disabled: PropType<boolean>;
                pointer: PropType<boolean>;
                wheel: PropType<boolean>;
                scrollX: PropType<number>;
                scrollY: PropType<number>;
                useXBar: PropType<boolean>;
                useYBar: PropType<boolean>;
                barFade: PropType<number>;
                barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                autoplay: PropType<number | boolean>;
                playWaiting: PropType<number>;
                noBuffer: PropType<boolean>;
                noTransition: PropType<boolean>;
                onBeforeScroll: PropType<(payload: {
                    signX: number;
                    signY: number;
                }) => boolean>;
                useBarTrack: PropType<boolean>;
                scrollTag: PropType<string>;
                onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onWheel: PropType<((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void) | ((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void)[]>;
                onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            }>> & Readonly<{}>, "refresh" | "content" | "scrollBy" | "scrollTo" | "wrapper" | "percentX" | "percentY" | "isReady" | "x" | "y" | "enableXScroll" | "enableYScroll" | "xBarLength" | "yBarLength" | "scrollToElement" | "ensureInView" | "xBar" | "yBar" | "getXScrollLimit" | "getYScrollLimit" | "addScrollListener" | "removeScrollListener"> & import('vue').ShallowUnwrapRef<{
                percentX: import('vue').Ref<number, number>;
                percentY: import('vue').Ref<number, number>;
                x: import('vue').Ref<number, number>;
                y: import('vue').Ref<number, number>;
                isReady: import('vue').Ref<boolean, boolean>;
                xBarLength: import('vue').ComputedRef<number>;
                yBarLength: import('vue').ComputedRef<number>;
                enableXScroll: import('vue').ComputedRef<boolean>;
                enableYScroll: import('vue').ComputedRef<boolean>;
                wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                refresh: () => Promise<void>;
                scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                getXScrollLimit: () => number[];
                getYScrollLimit: () => number[];
                addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
            }> & {} & import('vue').ComponentCustomProperties & {} & {
                $slots: {
                    extra?(_: {
                        getState: () => {
                            scrollX: number;
                            scrollY: number;
                            percentX: number;
                            percentY: number;
                            enableXScroll: boolean;
                            enableYScroll: boolean;
                        };
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    }): any;
                    default?(_: {
                        getState: () => {
                            scrollX: number;
                            scrollY: number;
                            percentX: number;
                            percentY: number;
                            enableXScroll: boolean;
                            enableYScroll: boolean;
                        };
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    }): any;
                };
            }) | undefined>;
            refreshScroll: () => void;
            focus: (options?: FocusOptions) => void | undefined;
            blur: () => void | undefined;
        }> & {} & import('vue').ComponentCustomProperties & {} & {
            $slots: Readonly<import('../wheel').WheelSlots> & import('../wheel').WheelSlots;
        }) | null;
        secondWheel: ({
            $: import('vue').ComponentInternalInstance;
            $data: {};
            $props: Partial<{}> & Omit<{
                readonly value?: string | number | undefined;
                readonly inherit?: boolean | undefined;
                readonly options?: import('../wheel').WheelRawOption[] | undefined;
                readonly horizontal?: boolean | undefined;
                readonly loading?: boolean | undefined;
                readonly slots?: import('../wheel').WheelSlots | undefined;
                readonly onChange?: ((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[] | undefined;
                readonly disabled?: boolean | undefined;
                readonly pointer?: boolean | undefined;
                readonly noTransition?: boolean | undefined;
                readonly state?: "default" | "success" | "error" | "warning" | undefined;
                readonly loadingLock?: boolean | undefined;
                readonly arrow?: boolean | undefined;
                readonly onPrev?: ((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[] | undefined;
                readonly onNext?: ((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[] | undefined;
                readonly insertEmpty?: string | boolean | undefined;
                readonly selectable?: boolean | undefined;
                readonly onItemClick?: ((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[] | undefined;
                readonly candidate?: 0 | 1 | 2 | 3 | undefined;
                readonly disabledItem?: ((value: string | number, data: import('../wheel').WheelRawOption) => boolean) | undefined;
                readonly "onUpdate:value"?: ((...args: any[]) => any) | undefined;
            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
            $attrs: {
                [x: string]: unknown;
            };
            $refs: {
                [x: string]: unknown;
            } & {
                wrapper: HTMLDivElement;
                prevArrow: HTMLDivElement;
                scroll: ({
                    $: import('vue').ComponentInternalInstance;
                    $data: {};
                    $props: Partial<{}> & Omit<{
                        readonly inherit?: boolean | undefined;
                        readonly onScroll?: ((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[] | undefined;
                        readonly onWheel?: ((payload: import('..').BarScrollPayload & {
                            sign: 1 | -1;
                        }) => void) | ((payload: import('..').BarScrollPayload & {
                            sign: 1 | -1;
                        }) => void)[] | undefined;
                        readonly mode?: "horizontal" | "vertical" | "both" | "horizontal-exact" | undefined;
                        readonly disabled?: boolean | undefined;
                        readonly width?: string | number | undefined;
                        readonly onScrollStart?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                        readonly onScrollEnd?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                        readonly wheel?: boolean | undefined;
                        readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined;
                        readonly scrollClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                        readonly scrollStyle?: string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[] | undefined;
                        readonly height?: string | number | undefined;
                        readonly deltaX?: number | undefined;
                        readonly deltaY?: number | undefined;
                        readonly pointer?: boolean | undefined;
                        readonly scrollX?: number | undefined;
                        readonly scrollY?: number | undefined;
                        readonly useXBar?: boolean | undefined;
                        readonly useYBar?: boolean | undefined;
                        readonly barFade?: number | undefined;
                        readonly barClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                        readonly autoplay?: number | boolean | undefined;
                        readonly playWaiting?: number | undefined;
                        readonly noBuffer?: boolean | undefined;
                        readonly noTransition?: boolean | undefined;
                        readonly useBarTrack?: boolean | undefined;
                        readonly scrollTag?: string | undefined;
                        readonly onXEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                        readonly onYEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                        readonly onBarScrollStart?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                        readonly onBarScroll?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                        readonly onBarScrollEnd?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                        readonly onReady?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
                        readonly scrollAttrs?: Record<string, any> | undefined;
                        readonly onBeforeScroll?: ((payload: {
                            signX: number;
                            signY: number;
                        }) => boolean) | undefined;
                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
                    $attrs: {
                        [x: string]: unknown;
                    };
                    $refs: {
                        [x: string]: unknown;
                    } & {
                        wrapperEl: HTMLDivElement;
                        contentEl: unknown;
                        xBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                            inherit: PropType<boolean>;
                            placement: PropType<"bottom" | "top" | "right" | "left">;
                            scroll: PropType<number>;
                            barLength: PropType<number>;
                            width: PropType<number>;
                            appear: PropType<boolean>;
                            fade: PropType<number>;
                            barColor: PropType<string>;
                            trackColor: PropType<string>;
                            disabled: PropType<boolean>;
                            wrapper: PropType<string | HTMLElement>;
                            duration: PropType<number>;
                            useTrack: PropType<boolean>;
                            trackSpeed: PropType<number>;
                            onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        }>> & Readonly<{}>, {
                            currentScroll: import('vue').Ref<number, number>;
                            container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            handleScroll: (scroll: number) => void;
                        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                            container: HTMLDivElement;
                            track: HTMLDivElement;
                            bar: HTMLDivElement;
                        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                            P: {};
                            B: {};
                            D: {};
                            C: {};
                            M: {};
                            Defaults: {};
                        }, Readonly<import('vue').ExtractPropTypes<{
                            inherit: PropType<boolean>;
                            placement: PropType<"bottom" | "top" | "right" | "left">;
                            scroll: PropType<number>;
                            barLength: PropType<number>;
                            width: PropType<number>;
                            appear: PropType<boolean>;
                            fade: PropType<number>;
                            barColor: PropType<string>;
                            trackColor: PropType<string>;
                            disabled: PropType<boolean>;
                            wrapper: PropType<string | HTMLElement>;
                            duration: PropType<number>;
                            useTrack: PropType<boolean>;
                            trackSpeed: PropType<number>;
                            onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        }>> & Readonly<{}>, {
                            currentScroll: import('vue').Ref<number, number>;
                            container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            handleScroll: (scroll: number) => void;
                        }, {}, {}, {}, {}> | null;
                        yBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                            inherit: PropType<boolean>;
                            placement: PropType<"bottom" | "top" | "right" | "left">;
                            scroll: PropType<number>;
                            barLength: PropType<number>;
                            width: PropType<number>;
                            appear: PropType<boolean>;
                            fade: PropType<number>;
                            barColor: PropType<string>;
                            trackColor: PropType<string>;
                            disabled: PropType<boolean>;
                            wrapper: PropType<string | HTMLElement>;
                            duration: PropType<number>;
                            useTrack: PropType<boolean>;
                            trackSpeed: PropType<number>;
                            onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        }>> & Readonly<{}>, {
                            currentScroll: import('vue').Ref<number, number>;
                            container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            handleScroll: (scroll: number) => void;
                        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                            container: HTMLDivElement;
                            track: HTMLDivElement;
                            bar: HTMLDivElement;
                        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                            P: {};
                            B: {};
                            D: {};
                            C: {};
                            M: {};
                            Defaults: {};
                        }, Readonly<import('vue').ExtractPropTypes<{
                            inherit: PropType<boolean>;
                            placement: PropType<"bottom" | "top" | "right" | "left">;
                            scroll: PropType<number>;
                            barLength: PropType<number>;
                            width: PropType<number>;
                            appear: PropType<boolean>;
                            fade: PropType<number>;
                            barColor: PropType<string>;
                            trackColor: PropType<string>;
                            disabled: PropType<boolean>;
                            wrapper: PropType<string | HTMLElement>;
                            duration: PropType<number>;
                            useTrack: PropType<boolean>;
                            trackSpeed: PropType<number>;
                            onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        }>> & Readonly<{}>, {
                            currentScroll: import('vue').Ref<number, number>;
                            container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            handleScroll: (scroll: number) => void;
                        }, {}, {}, {}, {}> | null;
                    };
                    $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<{
                        inherit: PropType<boolean>;
                        scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                        scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                        scrollAttrs: PropType<Record<string, any>>;
                        mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                        width: PropType<string | number>;
                        height: PropType<string | number>;
                        deltaX: PropType<number>;
                        deltaY: PropType<number>;
                        disabled: PropType<boolean>;
                        pointer: PropType<boolean>;
                        wheel: PropType<boolean>;
                        scrollX: PropType<number>;
                        scrollY: PropType<number>;
                        useXBar: PropType<boolean>;
                        useYBar: PropType<boolean>;
                        barFade: PropType<number>;
                        barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                        autoplay: PropType<number | boolean>;
                        playWaiting: PropType<number>;
                        noBuffer: PropType<boolean>;
                        noTransition: PropType<boolean>;
                        onBeforeScroll: PropType<(payload: {
                            signX: number;
                            signY: number;
                        }) => boolean>;
                        useBarTrack: PropType<boolean>;
                        scrollTag: PropType<string>;
                        onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                        onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                        onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                        onWheel: PropType<((payload: import('..').BarScrollPayload & {
                            sign: 1 | -1;
                        }) => void) | ((payload: import('..').BarScrollPayload & {
                            sign: 1 | -1;
                        }) => void)[]>;
                        onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                        onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                        onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                        onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                        onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                        onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                        onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
                    }>> & Readonly<{}>, {
                        percentX: import('vue').Ref<number, number>;
                        percentY: import('vue').Ref<number, number>;
                        x: import('vue').Ref<number, number>;
                        y: import('vue').Ref<number, number>;
                        isReady: import('vue').Ref<boolean, boolean>;
                        xBarLength: import('vue').ComputedRef<number>;
                        yBarLength: import('vue').ComputedRef<number>;
                        enableXScroll: import('vue').ComputedRef<boolean>;
                        enableYScroll: import('vue').ComputedRef<boolean>;
                        wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                        yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        getXScrollLimit: () => number[];
                        getYScrollLimit: () => number[];
                        addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                        removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, 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<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
                    inherit: PropType<boolean>;
                    scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                    scrollAttrs: PropType<Record<string, any>>;
                    mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                    width: PropType<string | number>;
                    height: PropType<string | number>;
                    deltaX: PropType<number>;
                    deltaY: PropType<number>;
                    disabled: PropType<boolean>;
                    pointer: PropType<boolean>;
                    wheel: PropType<boolean>;
                    scrollX: PropType<number>;
                    scrollY: PropType<number>;
                    useXBar: PropType<boolean>;
                    useYBar: PropType<boolean>;
                    barFade: PropType<number>;
                    barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    autoplay: PropType<number | boolean>;
                    playWaiting: PropType<number>;
                    noBuffer: PropType<boolean>;
                    noTransition: PropType<boolean>;
                    onBeforeScroll: PropType<(payload: {
                        signX: number;
                        signY: number;
                    }) => boolean>;
                    useBarTrack: PropType<boolean>;
                    scrollTag: PropType<string>;
                    onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                    onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onWheel: PropType<((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[]>;
                    onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                    onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
                }>> & Readonly<{}>, "refresh" | "content" | "scrollBy" | "scrollTo" | "wrapper" | "percentX" | "percentY" | "isReady" | "x" | "y" | "enableXScroll" | "enableYScroll" | "xBarLength" | "yBarLength" | "scrollToElement" | "ensureInView" | "xBar" | "yBar" | "getXScrollLimit" | "getYScrollLimit" | "addScrollListener" | "removeScrollListener"> & import('vue').ShallowUnwrapRef<{
                    percentX: import('vue').Ref<number, number>;
                    percentY: import('vue').Ref<number, number>;
                    x: import('vue').Ref<number, number>;
                    y: import('vue').Ref<number, number>;
                    isReady: import('vue').Ref<boolean, boolean>;
                    xBarLength: import('vue').ComputedRef<number>;
                    yBarLength: import('vue').ComputedRef<number>;
                    enableXScroll: import('vue').ComputedRef<boolean>;
                    enableYScroll: import('vue').ComputedRef<boolean>;
                    wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    refresh: () => Promise<void>;
                    scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                    scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                    scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    getXScrollLimit: () => number[];
                    getYScrollLimit: () => number[];
                    addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                    removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                }> & {} & import('vue').ComponentCustomProperties & {} & {
                    $slots: {
                        extra?(_: {
                            getState: () => {
                                scrollX: number;
                                scrollY: number;
                                percentX: number;
                                percentY: number;
                                enableXScroll: boolean;
                                enableYScroll: boolean;
                            };
                            refresh: () => Promise<void>;
                            scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                            scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                            scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                            ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        }): any;
                        default?(_: {
                            getState: () => {
                                scrollX: number;
                                scrollY: number;
                                percentX: number;
                                percentY: number;
                                enableXScroll: boolean;
                                enableYScroll: boolean;
                            };
                            refresh: () => Promise<void>;
                            scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                            scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                            scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                            ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        }): any;
                    };
                }) | null;
                list: HTMLUListElement;
                nextArrow: 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: "update:value", ...args: any[]) => void;
            $el: HTMLDivElement;
            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
                inherit: PropType<boolean>;
                state: PropType<"default" | "success" | "error" | "warning">;
                horizontal: PropType<boolean>;
                value: PropType<string | number>;
                candidate: PropType<0 | 1 | 2 | 3>;
                arrow: PropType<boolean>;
                pointer: PropType<boolean>;
                options: PropType<import('../wheel').WheelRawOption[]>;
                insertEmpty: PropType<string | boolean>;
                disabled: PropType<boolean>;
                loading: PropType<boolean>;
                loadingLock: PropType<boolean>;
                disabledItem: PropType<(value: string | number, data: import('../wheel').WheelRawOption) => boolean>;
                noTransition: PropType<boolean>;
                selectable: PropType<boolean>;
                slots: PropType<import('../wheel').WheelSlots>;
                onChange: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
                onPrev: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
                onNext: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
                onItemClick: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
            }>> & Readonly<{
                "onUpdate:value"?: ((...args: any[]) => any) | undefined;
            }>, {
                idFor: import('vue').ComputedRef<string | undefined>;
                currentActive: import('vue').Ref<number, number>;
                isInit: import('vue').Ref<boolean, boolean>;
                targetWidth: import('vue').Ref<number, number>;
                targetHeight: import('vue').Ref<number, number>;
                wrapperWidth: import('vue').Ref<number, number>;
                wrapperHeight: import('vue').Ref<number, number>;
                itemList: import('vue').ComputedRef<{
                    width: number;
                    height: number;
                    el?: (HTMLElement | null) | undefined;
                    value: number | string;
                    disabled: boolean;
                    meta: any;
                }[]>;
                wrapper: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
                scroll: import('vue').Ref<({
                    $: import('vue').ComponentInternalInstance;
                    $data: {};
                    $props: Partial<{}> & Omit<{
                        readonly inherit?: boolean | undefined;
                        readonly onScroll?: ((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[] | undefined;
                        readonly onWheel?: ((payload: import('..').BarScrollPayload & {
                            sign: 1 | -1;
                        }) => void) | ((payload: import('..').BarScrollPayload & {
                            sign: 1 | -1;
                        }) => void)[] | undefined;
                        readonly mode?: "horizontal" | "vertical" | "both" | "horizontal-exact" | undefined;
                        readonly disabled?: boolean | undefined;
                        readonly width?: string | number | undefined;
                        readonly onScrollStart?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                        readonly onScrollEnd?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                        readonly wheel?: boolean | undefined;
                        readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined;
                        readonly scrollClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                        readonly scrollStyle?: string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[] | undefined;
                        readonly height?: string | number | undefined;
                        readonly deltaX?: number | undefined;
                        readonly deltaY?: number | undefined;
                        readonly pointer?: boolean | undefined;
                        readonly scrollX?: number | undefined;
                        readonly scrollY?: number | undefined;
                        readonly useXBar?: boolean | undefined;
                        readonly useYBar?: boolean | undefined;
                        readonly barFade?: number | undefined;
                        readonly barClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                        readonly autoplay?: number | boolean | undefined;
                        readonly playWaiting?: number | undefined;
                        readonly noBuffer?: boolean | undefined;
                        readonly noTransition?: boolean | undefined;
                        readonly useBarTrack?: boolean | undefined;
                        readonly scrollTag?: string | undefined;
                        readonly onXEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                        readonly onYEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                        readonly onBarScrollStart?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                        readonly onBarScroll?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                        readonly onBarScrollEnd?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                        readonly onReady?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
                        readonly scrollAttrs?: Record<string, any> | undefined;
                        readonly onBeforeScroll?: ((payload: {
                            signX: number;
                            signY: number;
                        }) => boolean) | undefined;
                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
                    $attrs: {
                        [x: string]: unknown;
                    };
                    $refs: {
                        [x: string]: unknown;
                    } & {
                        wrapperEl: HTMLDivElement;
                        contentEl: unknown;
                        xBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                            inherit: PropType<boolean>;
                            placement: PropType<"bottom" | "top" | "right" | "left">;
                            scroll: PropType<number>;
                            barLength: PropType<number>;
                            width: PropType<number>;
                            appear: PropType<boolean>;
                            fade: PropType<number>;
                            barColor: PropType<string>;
                            trackColor: PropType<string>;
                            disabled: PropType<boolean>;
                            wrapper: PropType<string | HTMLElement>;
                            duration: PropType<number>;
                            useTrack: PropType<boolean>;
                            trackSpeed: PropType<number>;
                            onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        }>> & Readonly<{}>, {
                            currentScroll: import('vue').Ref<number, number>;
                            container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            handleScroll: (scroll: number) => void;
                        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                            container: HTMLDivElement;
                            track: HTMLDivElement;
                            bar: HTMLDivElement;
                        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                            P: {};
                            B: {};
                            D: {};
                            C: {};
                            M: {};
                            Defaults: {};
                        }, Readonly<import('vue').ExtractPropTypes<{
                            inherit: PropType<boolean>;
                            placement: PropType<"bottom" | "top" | "right" | "left">;
                            scroll: PropType<number>;
                            barLength: PropType<number>;
                            width: PropType<number>;
                            appear: PropType<boolean>;
                            fade: PropType<number>;
                            barColor: PropType<string>;
                            trackColor: PropType<string>;
                            disabled: PropType<boolean>;
                            wrapper: PropType<string | HTMLElement>;
                            duration: PropType<number>;
                            useTrack: PropType<boolean>;
                            trackSpeed: PropType<number>;
                            onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        }>> & Readonly<{}>, {
                            currentScroll: import('vue').Ref<number, number>;
                            container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            handleScroll: (scroll: number) => void;
                        }, {}, {}, {}, {}> | null;
                        yBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                            inherit: PropType<boolean>;
                            placement: PropType<"bottom" | "top" | "right" | "left">;
                            scroll: PropType<number>;
                            barLength: PropType<number>;
                            width: PropType<number>;
                            appear: PropType<boolean>;
                            fade: PropType<number>;
                            barColor: PropType<string>;
                            trackColor: PropType<string>;
                            disabled: PropType<boolean>;
                            wrapper: PropType<string | HTMLElement>;
                            duration: PropType<number>;
                            useTrack: PropType<boolean>;
                            trackSpeed: PropType<number>;
                            onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        }>> & Readonly<{}>, {
                            currentScroll: import('vue').Ref<number, number>;
                            container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            handleScroll: (scroll: number) => void;
                        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                            container: HTMLDivElement;
                            track: HTMLDivElement;
                            bar: HTMLDivElement;
                        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                            P: {};
                            B: {};
                            D: {};
                            C: {};
                            M: {};
                            Defaults: {};
                        }, Readonly<import('vue').ExtractPropTypes<{
                            inherit: PropType<boolean>;
                            placement: PropType<"bottom" | "top" | "right" | "left">;
                            scroll: PropType<number>;
                            barLength: PropType<number>;
                            width: PropType<number>;
                            appear: PropType<boolean>;
                            fade: PropType<number>;
                            barColor: PropType<string>;
                            trackColor: PropType<string>;
                            disabled: PropType<boolean>;
                            wrapper: PropType<string | HTMLElement>;
                            duration: PropType<number>;
                            useTrack: PropType<boolean>;
                            trackSpeed: PropType<number>;
                            onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        }>> & Readonly<{}>, {
                            currentScroll: import('vue').Ref<number, number>;
                            container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            handleScroll: (scroll: number) => void;
                        }, {}, {}, {}, {}> | null;
                    };
                    $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<{
                        inherit: PropType<boolean>;
                        scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                        scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                        scrollAttrs: PropType<Record<string, any>>;
                        mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                        width: PropType<string | number>;
                        height: PropType<string | number>;
                        deltaX: PropType<number>;
                        deltaY: PropType<number>;
                        disabled: PropType<boolean>;
                        pointer: PropType<boolean>;
                        wheel: PropType<boolean>;
                        scrollX: PropType<number>;
                        scrollY: PropType<number>;
                        useXBar: PropType<boolean>;
                        useYBar: PropType<boolean>;
                        barFade: PropType<number>;
                        barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                        autoplay: PropType<number | boolean>;
                        playWaiting: PropType<number>;
                        noBuffer: PropType<boolean>;
                        noTransition: PropType<boolean>;
                        onBeforeScroll: PropType<(payload: {
                            signX: number;
                            signY: number;
                        }) => boolean>;
                        useBarTrack: PropType<boolean>;
                        scrollTag: PropType<string>;
                        onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                        onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                        onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                        onWheel: PropType<((payload: import('..').BarScrollPayload & {
                            sign: 1 | -1;
                        }) => void) | ((payload: import('..').BarScrollPayload & {
                            sign: 1 | -1;
                        }) => void)[]>;
                        onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                        onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                        onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                        onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                        onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                        onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                        onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
                    }>> & Readonly<{}>, {
                        percentX: import('vue').Ref<number, number>;
                        percentY: import('vue').Ref<number, number>;
                        x: import('vue').Ref<number, number>;
                        y: import('vue').Ref<number, number>;
                        isReady: import('vue').Ref<boolean, boolean>;
                        xBarLength: import('vue').ComputedRef<number>;
                        yBarLength: import('vue').ComputedRef<number>;
                        enableXScroll: import('vue').ComputedRef<boolean>;
                        enableYScroll: import('vue').ComputedRef<boolean>;
                        wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                        yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        getXScrollLimit: () => number[];
                        getYScrollLimit: () => number[];
                        addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                        removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, 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<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
                    inherit: PropType<boolean>;
                    scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                    scrollAttrs: PropType<Record<string, any>>;
                    mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                    width: PropType<string | number>;
                    height: PropType<string | number>;
                    deltaX: PropType<number>;
                    deltaY: PropType<number>;
                    disabled: PropType<boolean>;
                    pointer: PropType<boolean>;
                    wheel: PropType<boolean>;
                    scrollX: PropType<number>;
                    scrollY: PropType<number>;
                    useXBar: PropType<boolean>;
                    useYBar: PropType<boolean>;
                    barFade: PropType<number>;
                    barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    autoplay: PropType<number | boolean>;
                    playWaiting: PropType<number>;
                    noBuffer: PropType<boolean>;
                    noTransition: PropType<boolean>;
                    onBeforeScroll: PropType<(payload: {
                        signX: number;
                        signY: number;
                    }) => boolean>;
                    useBarTrack: PropType<boolean>;
                    scrollTag: PropType<string>;
                    onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                    onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onWheel: PropType<((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[]>;
                    onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                    onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
                }>> & Readonly<{}>, "refresh" | "content" | "scrollBy" | "scrollTo" | "wrapper" | "percentX" | "percentY" | "isReady" | "x" | "y" | "enableXScroll" | "enableYScroll" | "xBarLength" | "yBarLength" | "scrollToElement" | "ensureInView" | "xBar" | "yBar" | "getXScrollLimit" | "getYScrollLimit" | "addScrollListener" | "removeScrollListener"> & import('vue').ShallowUnwrapRef<{
                    percentX: import('vue').Ref<number, number>;
                    percentY: import('vue').Ref<number, number>;
                    x: import('vue').Ref<number, number>;
                    y: import('vue').Ref<number, number>;
                    isReady: import('vue').Ref<boolean, boolean>;
                    xBarLength: import('vue').ComputedRef<number>;
                    yBarLength: import('vue').ComputedRef<number>;
                    enableXScroll: import('vue').ComputedRef<boolean>;
                    enableYScroll: import('vue').ComputedRef<boolean>;
                    wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    refresh: () => Promise<void>;
                    scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                    scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                    scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    getXScrollLimit: () => number[];
                    getYScrollLimit: () => number[];
                    addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                    removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                }> & {} & import('vue').ComponentCustomProperties & {} & {
                    $slots: {
                        extra?(_: {
                            getState: () => {
                                scrollX: number;
                                scrollY: number;
                                percentX: number;
                                percentY: number;
                                enableXScroll: boolean;
                                enableYScroll: boolean;
                            };
                            refresh: () => Promise<void>;
                            scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                            scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                            scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                            ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        }): any;
                        default?(_: {
                            getState: () => {
                                scrollX: number;
                                scrollY: number;
                                percentX: number;
                                percentY: number;
                                enableXScroll: boolean;
                                enableYScroll: boolean;
                            };
                            refresh: () => Promise<void>;
                            scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                            scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                            scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                            ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        }): any;
                    };
                }) | undefined, ({
                    $: import('vue').ComponentInternalInstance;
                    $data: {};
                    $props: Partial<{}> & Omit<{
                        readonly inherit?: boolean | undefined;
                        readonly onScroll?: ((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[] | undefined;
                        readonly onWheel?: ((payload: import('..').BarScrollPayload & {
                            sign: 1 | -1;
                        }) => void) | ((payload: import('..').BarScrollPayload & {
                            sign: 1 | -1;
                        }) => void)[] | undefined;
                        readonly mode?: "horizontal" | "vertical" | "both" | "horizontal-exact" | undefined;
                        readonly disabled?: boolean | undefined;
                        readonly width?: string | number | undefined;
                        readonly onScrollStart?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                        readonly onScrollEnd?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                        readonly wheel?: boolean | undefined;
                        readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined;
                        readonly scrollClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                        readonly scrollStyle?: string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[] | undefined;
                        readonly height?: string | number | undefined;
                        readonly deltaX?: number | undefined;
                        readonly deltaY?: number | undefined;
                        readonly pointer?: boolean | undefined;
                        readonly scrollX?: number | undefined;
                        readonly scrollY?: number | undefined;
                        readonly useXBar?: boolean | undefined;
                        readonly useYBar?: boolean | undefined;
                        readonly barFade?: number | undefined;
                        readonly barClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                        readonly autoplay?: number | boolean | undefined;
                        readonly playWaiting?: number | undefined;
                        readonly noBuffer?: boolean | undefined;
                        readonly noTransition?: boolean | undefined;
                        readonly useBarTrack?: boolean | undefined;
                        readonly scrollTag?: string | undefined;
                        readonly onXEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                        readonly onYEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                        readonly onBarScrollStart?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                        readonly onBarScroll?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                        readonly onBarScrollEnd?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                        readonly onReady?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
                        readonly scrollAttrs?: Record<string, any> | undefined;
                        readonly onBeforeScroll?: ((payload: {
                            signX: number;
                            signY: number;
                        }) => boolean) | undefined;
                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
                    $attrs: {
                        [x: string]: unknown;
                    };
                    $refs: {
                        [x: string]: unknown;
                    } & {
                        wrapperEl: HTMLDivElement;
                        contentEl: unknown;
                        xBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                            inherit: PropType<boolean>;
                            placement: PropType<"bottom" | "top" | "right" | "left">;
                            scroll: PropType<number>;
                            barLength: PropType<number>;
                            width: PropType<number>;
                            appear: PropType<boolean>;
                            fade: PropType<number>;
                            barColor: PropType<string>;
                            trackColor: PropType<string>;
                            disabled: PropType<boolean>;
                            wrapper: PropType<string | HTMLElement>;
                            duration: PropType<number>;
                            useTrack: PropType<boolean>;
                            trackSpeed: PropType<number>;
                            onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        }>> & Readonly<{}>, {
                            currentScroll: import('vue').Ref<number, number>;
                            container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            handleScroll: (scroll: number) => void;
                        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                            container: HTMLDivElement;
                            track: HTMLDivElement;
                            bar: HTMLDivElement;
                        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                            P: {};
                            B: {};
                            D: {};
                            C: {};
                            M: {};
                            Defaults: {};
                        }, Readonly<import('vue').ExtractPropTypes<{
                            inherit: PropType<boolean>;
                            placement: PropType<"bottom" | "top" | "right" | "left">;
                            scroll: PropType<number>;
                            barLength: PropType<number>;
                            width: PropType<number>;
                            appear: PropType<boolean>;
                            fade: PropType<number>;
                            barColor: PropType<string>;
                            trackColor: PropType<string>;
                            disabled: PropType<boolean>;
                            wrapper: PropType<string | HTMLElement>;
                            duration: PropType<number>;
                            useTrack: PropType<boolean>;
                            trackSpeed: PropType<number>;
                            onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        }>> & Readonly<{}>, {
                            currentScroll: import('vue').Ref<number, number>;
                            container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            handleScroll: (scroll: number) => void;
                        }, {}, {}, {}, {}> | null;
                        yBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                            inherit: PropType<boolean>;
                            placement: PropType<"bottom" | "top" | "right" | "left">;
                            scroll: PropType<number>;
                            barLength: PropType<number>;
                            width: PropType<number>;
                            appear: PropType<boolean>;
                            fade: PropType<number>;
                            barColor: PropType<string>;
                            trackColor: PropType<string>;
                            disabled: PropType<boolean>;
                            wrapper: PropType<string | HTMLElement>;
                            duration: PropType<number>;
                            useTrack: PropType<boolean>;
                            trackSpeed: PropType<number>;
                            onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        }>> & Readonly<{}>, {
                            currentScroll: import('vue').Ref<number, number>;
                            container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            handleScroll: (scroll: number) => void;
                        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                            container: HTMLDivElement;
                            track: HTMLDivElement;
                            bar: HTMLDivElement;
                        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                            P: {};
                            B: {};
                            D: {};
                            C: {};
                            M: {};
                            Defaults: {};
                        }, Readonly<import('vue').ExtractPropTypes<{
                            inherit: PropType<boolean>;
                            placement: PropType<"bottom" | "top" | "right" | "left">;
                            scroll: PropType<number>;
                            barLength: PropType<number>;
                            width: PropType<number>;
                            appear: PropType<boolean>;
                            fade: PropType<number>;
                            barColor: PropType<string>;
                            trackColor: PropType<string>;
                            disabled: PropType<boolean>;
                            wrapper: PropType<string | HTMLElement>;
                            duration: PropType<number>;
                            useTrack: PropType<boolean>;
                            trackSpeed: PropType<number>;
                            onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                            onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        }>> & Readonly<{}>, {
                            currentScroll: import('vue').Ref<number, number>;
                            container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                            handleScroll: (scroll: number) => void;
                        }, {}, {}, {}, {}> | null;
                    };
                    $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<{
                        inherit: PropType<boolean>;
                        scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                        scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                        scrollAttrs: PropType<Record<string, any>>;
                        mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                        width: PropType<string | number>;
                        height: PropType<string | number>;
                        deltaX: PropType<number>;
                        deltaY: PropType<number>;
                        disabled: PropType<boolean>;
                        pointer: PropType<boolean>;
                        wheel: PropType<boolean>;
                        scrollX: PropType<number>;
                        scrollY: PropType<number>;
                        useXBar: PropType<boolean>;
                        useYBar: PropType<boolean>;
                        barFade: PropType<number>;
                        barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                        autoplay: PropType<number | boolean>;
                        playWaiting: PropType<number>;
                        noBuffer: PropType<boolean>;
                        noTransition: PropType<boolean>;
                        onBeforeScroll: PropType<(payload: {
                            signX: number;
                            signY: number;
                        }) => boolean>;
                        useBarTrack: PropType<boolean>;
                        scrollTag: PropType<string>;
                        onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                        onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                        onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                        onWheel: PropType<((payload: import('..').BarScrollPayload & {
                            sign: 1 | -1;
                        }) => void) | ((payload: import('..').BarScrollPayload & {
                            sign: 1 | -1;
                        }) => void)[]>;
                        onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                        onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                        onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                        onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                        onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                        onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                        onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
                    }>> & Readonly<{}>, {
                        percentX: import('vue').Ref<number, number>;
                        percentY: import('vue').Ref<number, number>;
                        x: import('vue').Ref<number, number>;
                        y: import('vue').Ref<number, number>;
                        isReady: import('vue').Ref<boolean, boolean>;
                        xBarLength: import('vue').ComputedRef<number>;
                        yBarLength: import('vue').ComputedRef<number>;
                        enableXScroll: import('vue').ComputedRef<boolean>;
                        enableYScroll: import('vue').ComputedRef<boolean>;
                        wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                        yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        getXScrollLimit: () => number[];
                        getYScrollLimit: () => number[];
                        addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                        removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, 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<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
                    inherit: PropType<boolean>;
                    scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                    scrollAttrs: PropType<Record<string, any>>;
                    mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                    width: PropType<string | number>;
                    height: PropType<string | number>;
                    deltaX: PropType<number>;
                    deltaY: PropType<number>;
                    disabled: PropType<boolean>;
                    pointer: PropType<boolean>;
                    wheel: PropType<boolean>;
                    scrollX: PropType<number>;
                    scrollY: PropType<number>;
                    useXBar: PropType<boolean>;
                    useYBar: PropType<boolean>;
                    barFade: PropType<number>;
                    barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    autoplay: PropType<number | boolean>;
                    playWaiting: PropType<number>;
                    noBuffer: PropType<boolean>;
                    noTransition: PropType<boolean>;
                    onBeforeScroll: PropType<(payload: {
                        signX: number;
                        signY: number;
                    }) => boolean>;
                    useBarTrack: PropType<boolean>;
                    scrollTag: PropType<string>;
                    onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                    onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onWheel: PropType<((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[]>;
                    onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                    onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
                }>> & Readonly<{}>, "refresh" | "content" | "scrollBy" | "scrollTo" | "wrapper" | "percentX" | "percentY" | "isReady" | "x" | "y" | "enableXScroll" | "enableYScroll" | "xBarLength" | "yBarLength" | "scrollToElement" | "ensureInView" | "xBar" | "yBar" | "getXScrollLimit" | "getYScrollLimit" | "addScrollListener" | "removeScrollListener"> & import('vue').ShallowUnwrapRef<{
                    percentX: import('vue').Ref<number, number>;
                    percentY: import('vue').Ref<number, number>;
                    x: import('vue').Ref<number, number>;
                    y: import('vue').Ref<number, number>;
                    isReady: import('vue').Ref<boolean, boolean>;
                    xBarLength: import('vue').ComputedRef<number>;
                    yBarLength: import('vue').ComputedRef<number>;
                    enableXScroll: import('vue').ComputedRef<boolean>;
                    enableYScroll: import('vue').ComputedRef<boolean>;
                    wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    refresh: () => Promise<void>;
                    scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                    scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                    scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    getXScrollLimit: () => number[];
                    getYScrollLimit: () => number[];
                    addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                    removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                }> & {} & import('vue').ComponentCustomProperties & {} & {
                    $slots: {
                        extra?(_: {
                            getState: () => {
                                scrollX: number;
                                scrollY: number;
                                percentX: number;
                                percentY: number;
                                enableXScroll: boolean;
                                enableYScroll: boolean;
                            };
                            refresh: () => Promise<void>;
                            scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                            scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                            scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                            ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        }): any;
                        default?(_: {
                            getState: () => {
                                scrollX: number;
                                scrollY: number;
                                percentX: number;
                                percentY: number;
                                enableXScroll: boolean;
                                enableYScroll: boolean;
                            };
                            refresh: () => Promise<void>;
                            scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                            scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                            scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                            ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        }): any;
                    };
                }) | undefined>;
                refreshScroll: () => void;
                focus: (options?: FocusOptions) => void | undefined;
                blur: () => void | undefined;
            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                "update:value": (...args: any[]) => void;
            }, string, {}, {}, 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<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
            inherit: PropType<boolean>;
            state: PropType<"default" | "success" | "error" | "warning">;
            horizontal: PropType<boolean>;
            value: PropType<string | number>;
            candidate: PropType<0 | 1 | 2 | 3>;
            arrow: PropType<boolean>;
            pointer: PropType<boolean>;
            options: PropType<import('../wheel').WheelRawOption[]>;
            insertEmpty: PropType<string | boolean>;
            disabled: PropType<boolean>;
            loading: PropType<boolean>;
            loadingLock: PropType<boolean>;
            disabledItem: PropType<(value: string | number, data: import('../wheel').WheelRawOption) => boolean>;
            noTransition: PropType<boolean>;
            selectable: PropType<boolean>;
            slots: PropType<import('../wheel').WheelSlots>;
            onChange: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
            onPrev: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
            onNext: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
            onItemClick: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
        }>> & Readonly<{
            "onUpdate:value"?: ((...args: any[]) => any) | undefined;
        }>, "currentActive" | "scroll" | "blur" | "focus" | "wrapper" | "idFor" | "isInit" | "targetWidth" | "targetHeight" | "wrapperWidth" | "wrapperHeight" | "itemList" | "refreshScroll"> & import('vue').ShallowUnwrapRef<{
            idFor: import('vue').ComputedRef<string | undefined>;
            currentActive: import('vue').Ref<number, number>;
            isInit: import('vue').Ref<boolean, boolean>;
            targetWidth: import('vue').Ref<number, number>;
            targetHeight: import('vue').Ref<number, number>;
            wrapperWidth: import('vue').Ref<number, number>;
            wrapperHeight: import('vue').Ref<number, number>;
            itemList: import('vue').ComputedRef<{
                width: number;
                height: number;
                el?: (HTMLElement | null) | undefined;
                value: number | string;
                disabled: boolean;
                meta: any;
            }[]>;
            wrapper: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
            scroll: import('vue').Ref<({
                $: import('vue').ComponentInternalInstance;
                $data: {};
                $props: Partial<{}> & Omit<{
                    readonly inherit?: boolean | undefined;
                    readonly onScroll?: ((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[] | undefined;
                    readonly onWheel?: ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[] | undefined;
                    readonly mode?: "horizontal" | "vertical" | "both" | "horizontal-exact" | undefined;
                    readonly disabled?: boolean | undefined;
                    readonly width?: string | number | undefined;
                    readonly onScrollStart?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                    readonly onScrollEnd?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                    readonly wheel?: boolean | undefined;
                    readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined;
                    readonly scrollClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                    readonly scrollStyle?: string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[] | undefined;
                    readonly height?: string | number | undefined;
                    readonly deltaX?: number | undefined;
                    readonly deltaY?: number | undefined;
                    readonly pointer?: boolean | undefined;
                    readonly scrollX?: number | undefined;
                    readonly scrollY?: number | undefined;
                    readonly useXBar?: boolean | undefined;
                    readonly useYBar?: boolean | undefined;
                    readonly barFade?: number | undefined;
                    readonly barClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                    readonly autoplay?: number | boolean | undefined;
                    readonly playWaiting?: number | undefined;
                    readonly noBuffer?: boolean | undefined;
                    readonly noTransition?: boolean | undefined;
                    readonly useBarTrack?: boolean | undefined;
                    readonly scrollTag?: string | undefined;
                    readonly onXEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                    readonly onYEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                    readonly onBarScrollStart?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onBarScroll?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onBarScrollEnd?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onReady?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
                    readonly scrollAttrs?: Record<string, any> | undefined;
                    readonly onBeforeScroll?: ((payload: {
                        signX: number;
                        signY: number;
                    }) => boolean) | undefined;
                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
                $attrs: {
                    [x: string]: unknown;
                };
                $refs: {
                    [x: string]: unknown;
                } & {
                    wrapperEl: HTMLDivElement;
                    contentEl: unknown;
                    xBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        container: HTMLDivElement;
                        track: HTMLDivElement;
                        bar: HTMLDivElement;
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, {}> | null;
                    yBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        container: HTMLDivElement;
                        track: HTMLDivElement;
                        bar: HTMLDivElement;
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, {}> | null;
                };
                $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<{
                    inherit: PropType<boolean>;
                    scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                    scrollAttrs: PropType<Record<string, any>>;
                    mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                    width: PropType<string | number>;
                    height: PropType<string | number>;
                    deltaX: PropType<number>;
                    deltaY: PropType<number>;
                    disabled: PropType<boolean>;
                    pointer: PropType<boolean>;
                    wheel: PropType<boolean>;
                    scrollX: PropType<number>;
                    scrollY: PropType<number>;
                    useXBar: PropType<boolean>;
                    useYBar: PropType<boolean>;
                    barFade: PropType<number>;
                    barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    autoplay: PropType<number | boolean>;
                    playWaiting: PropType<number>;
                    noBuffer: PropType<boolean>;
                    noTransition: PropType<boolean>;
                    onBeforeScroll: PropType<(payload: {
                        signX: number;
                        signY: number;
                    }) => boolean>;
                    useBarTrack: PropType<boolean>;
                    scrollTag: PropType<string>;
                    onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                    onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onWheel: PropType<((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[]>;
                    onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                    onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
                }>> & Readonly<{}>, {
                    percentX: import('vue').Ref<number, number>;
                    percentY: import('vue').Ref<number, number>;
                    x: import('vue').Ref<number, number>;
                    y: import('vue').Ref<number, number>;
                    isReady: import('vue').Ref<boolean, boolean>;
                    xBarLength: import('vue').ComputedRef<number>;
                    yBarLength: import('vue').ComputedRef<number>;
                    enableXScroll: import('vue').ComputedRef<boolean>;
                    enableYScroll: import('vue').ComputedRef<boolean>;
                    wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    refresh: () => Promise<void>;
                    scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                    scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                    scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    getXScrollLimit: () => number[];
                    getYScrollLimit: () => number[];
                    addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                    removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, 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<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
                inherit: PropType<boolean>;
                scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                scrollAttrs: PropType<Record<string, any>>;
                mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                width: PropType<string | number>;
                height: PropType<string | number>;
                deltaX: PropType<number>;
                deltaY: PropType<number>;
                disabled: PropType<boolean>;
                pointer: PropType<boolean>;
                wheel: PropType<boolean>;
                scrollX: PropType<number>;
                scrollY: PropType<number>;
                useXBar: PropType<boolean>;
                useYBar: PropType<boolean>;
                barFade: PropType<number>;
                barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                autoplay: PropType<number | boolean>;
                playWaiting: PropType<number>;
                noBuffer: PropType<boolean>;
                noTransition: PropType<boolean>;
                onBeforeScroll: PropType<(payload: {
                    signX: number;
                    signY: number;
                }) => boolean>;
                useBarTrack: PropType<boolean>;
                scrollTag: PropType<string>;
                onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onWheel: PropType<((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void) | ((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void)[]>;
                onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            }>> & Readonly<{}>, "refresh" | "content" | "scrollBy" | "scrollTo" | "wrapper" | "percentX" | "percentY" | "isReady" | "x" | "y" | "enableXScroll" | "enableYScroll" | "xBarLength" | "yBarLength" | "scrollToElement" | "ensureInView" | "xBar" | "yBar" | "getXScrollLimit" | "getYScrollLimit" | "addScrollListener" | "removeScrollListener"> & import('vue').ShallowUnwrapRef<{
                percentX: import('vue').Ref<number, number>;
                percentY: import('vue').Ref<number, number>;
                x: import('vue').Ref<number, number>;
                y: import('vue').Ref<number, number>;
                isReady: import('vue').Ref<boolean, boolean>;
                xBarLength: import('vue').ComputedRef<number>;
                yBarLength: import('vue').ComputedRef<number>;
                enableXScroll: import('vue').ComputedRef<boolean>;
                enableYScroll: import('vue').ComputedRef<boolean>;
                wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                refresh: () => Promise<void>;
                scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                getXScrollLimit: () => number[];
                getYScrollLimit: () => number[];
                addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
            }> & {} & import('vue').ComponentCustomProperties & {} & {
                $slots: {
                    extra?(_: {
                        getState: () => {
                            scrollX: number;
                            scrollY: number;
                            percentX: number;
                            percentY: number;
                            enableXScroll: boolean;
                            enableYScroll: boolean;
                        };
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    }): any;
                    default?(_: {
                        getState: () => {
                            scrollX: number;
                            scrollY: number;
                            percentX: number;
                            percentY: number;
                            enableXScroll: boolean;
                            enableYScroll: boolean;
                        };
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    }): any;
                };
            }) | undefined, ({
                $: import('vue').ComponentInternalInstance;
                $data: {};
                $props: Partial<{}> & Omit<{
                    readonly inherit?: boolean | undefined;
                    readonly onScroll?: ((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[] | undefined;
                    readonly onWheel?: ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[] | undefined;
                    readonly mode?: "horizontal" | "vertical" | "both" | "horizontal-exact" | undefined;
                    readonly disabled?: boolean | undefined;
                    readonly width?: string | number | undefined;
                    readonly onScrollStart?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                    readonly onScrollEnd?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                    readonly wheel?: boolean | undefined;
                    readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined;
                    readonly scrollClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                    readonly scrollStyle?: string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[] | undefined;
                    readonly height?: string | number | undefined;
                    readonly deltaX?: number | undefined;
                    readonly deltaY?: number | undefined;
                    readonly pointer?: boolean | undefined;
                    readonly scrollX?: number | undefined;
                    readonly scrollY?: number | undefined;
                    readonly useXBar?: boolean | undefined;
                    readonly useYBar?: boolean | undefined;
                    readonly barFade?: number | undefined;
                    readonly barClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                    readonly autoplay?: number | boolean | undefined;
                    readonly playWaiting?: number | undefined;
                    readonly noBuffer?: boolean | undefined;
                    readonly noTransition?: boolean | undefined;
                    readonly useBarTrack?: boolean | undefined;
                    readonly scrollTag?: string | undefined;
                    readonly onXEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                    readonly onYEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                    readonly onBarScrollStart?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onBarScroll?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onBarScrollEnd?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onReady?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
                    readonly scrollAttrs?: Record<string, any> | undefined;
                    readonly onBeforeScroll?: ((payload: {
                        signX: number;
                        signY: number;
                    }) => boolean) | undefined;
                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
                $attrs: {
                    [x: string]: unknown;
                };
                $refs: {
                    [x: string]: unknown;
                } & {
                    wrapperEl: HTMLDivElement;
                    contentEl: unknown;
                    xBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        container: HTMLDivElement;
                        track: HTMLDivElement;
                        bar: HTMLDivElement;
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, {}> | null;
                    yBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        container: HTMLDivElement;
                        track: HTMLDivElement;
                        bar: HTMLDivElement;
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, {}> | null;
                };
                $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<{
                    inherit: PropType<boolean>;
                    scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                    scrollAttrs: PropType<Record<string, any>>;
                    mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                    width: PropType<string | number>;
                    height: PropType<string | number>;
                    deltaX: PropType<number>;
                    deltaY: PropType<number>;
                    disabled: PropType<boolean>;
                    pointer: PropType<boolean>;
                    wheel: PropType<boolean>;
                    scrollX: PropType<number>;
                    scrollY: PropType<number>;
                    useXBar: PropType<boolean>;
                    useYBar: PropType<boolean>;
                    barFade: PropType<number>;
                    barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    autoplay: PropType<number | boolean>;
                    playWaiting: PropType<number>;
                    noBuffer: PropType<boolean>;
                    noTransition: PropType<boolean>;
                    onBeforeScroll: PropType<(payload: {
                        signX: number;
                        signY: number;
                    }) => boolean>;
                    useBarTrack: PropType<boolean>;
                    scrollTag: PropType<string>;
                    onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                    onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onWheel: PropType<((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[]>;
                    onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                    onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
                }>> & Readonly<{}>, {
                    percentX: import('vue').Ref<number, number>;
                    percentY: import('vue').Ref<number, number>;
                    x: import('vue').Ref<number, number>;
                    y: import('vue').Ref<number, number>;
                    isReady: import('vue').Ref<boolean, boolean>;
                    xBarLength: import('vue').ComputedRef<number>;
                    yBarLength: import('vue').ComputedRef<number>;
                    enableXScroll: import('vue').ComputedRef<boolean>;
                    enableYScroll: import('vue').ComputedRef<boolean>;
                    wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    refresh: () => Promise<void>;
                    scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                    scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                    scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    getXScrollLimit: () => number[];
                    getYScrollLimit: () => number[];
                    addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                    removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, 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<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
                inherit: PropType<boolean>;
                scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                scrollAttrs: PropType<Record<string, any>>;
                mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                width: PropType<string | number>;
                height: PropType<string | number>;
                deltaX: PropType<number>;
                deltaY: PropType<number>;
                disabled: PropType<boolean>;
                pointer: PropType<boolean>;
                wheel: PropType<boolean>;
                scrollX: PropType<number>;
                scrollY: PropType<number>;
                useXBar: PropType<boolean>;
                useYBar: PropType<boolean>;
                barFade: PropType<number>;
                barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                autoplay: PropType<number | boolean>;
                playWaiting: PropType<number>;
                noBuffer: PropType<boolean>;
                noTransition: PropType<boolean>;
                onBeforeScroll: PropType<(payload: {
                    signX: number;
                    signY: number;
                }) => boolean>;
                useBarTrack: PropType<boolean>;
                scrollTag: PropType<string>;
                onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onWheel: PropType<((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void) | ((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void)[]>;
                onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            }>> & Readonly<{}>, "refresh" | "content" | "scrollBy" | "scrollTo" | "wrapper" | "percentX" | "percentY" | "isReady" | "x" | "y" | "enableXScroll" | "enableYScroll" | "xBarLength" | "yBarLength" | "scrollToElement" | "ensureInView" | "xBar" | "yBar" | "getXScrollLimit" | "getYScrollLimit" | "addScrollListener" | "removeScrollListener"> & import('vue').ShallowUnwrapRef<{
                percentX: import('vue').Ref<number, number>;
                percentY: import('vue').Ref<number, number>;
                x: import('vue').Ref<number, number>;
                y: import('vue').Ref<number, number>;
                isReady: import('vue').Ref<boolean, boolean>;
                xBarLength: import('vue').ComputedRef<number>;
                yBarLength: import('vue').ComputedRef<number>;
                enableXScroll: import('vue').ComputedRef<boolean>;
                enableYScroll: import('vue').ComputedRef<boolean>;
                wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                refresh: () => Promise<void>;
                scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                getXScrollLimit: () => number[];
                getYScrollLimit: () => number[];
                addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
            }> & {} & import('vue').ComponentCustomProperties & {} & {
                $slots: {
                    extra?(_: {
                        getState: () => {
                            scrollX: number;
                            scrollY: number;
                            percentX: number;
                            percentY: number;
                            enableXScroll: boolean;
                            enableYScroll: boolean;
                        };
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    }): any;
                    default?(_: {
                        getState: () => {
                            scrollX: number;
                            scrollY: number;
                            percentX: number;
                            percentY: number;
                            enableXScroll: boolean;
                            enableYScroll: boolean;
                        };
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    }): any;
                };
            }) | undefined>;
            refreshScroll: () => void;
            focus: (options?: FocusOptions) => void | undefined;
            blur: () => void | undefined;
        }> & {} & import('vue').ComponentCustomProperties & {} & {
            $slots: Readonly<import('../wheel').WheelSlots> & import('../wheel').WheelSlots;
        }) | null;
    };
    rootEl: HTMLDivElement;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    noArrow: {
        type: BooleanConstructor;
        default: boolean;
    };
    hour: {
        type: NumberConstructor;
        default: number;
        validator: (value: number) => boolean;
    };
    minute: {
        type: NumberConstructor;
        default: number;
        validator: (value: number) => boolean;
    };
    second: {
        type: NumberConstructor;
        default: number;
        validator: (value: number) => boolean;
    };
    candidate: {
        default: 0 | 1 | 2 | 3;
        validator: (value: number) => boolean;
    };
    steps: {
        type: PropType<number[]>;
        default: () => number[];
        validator: (value: [number, number, number]) => boolean;
    };
    pointer: {
        type: BooleanConstructor;
        default: boolean;
    };
    disabledTime: {
        type: PropType<DisabledTime>;
        default: () => {};
    };
    noTransition: {
        type: BooleanConstructor;
        default: boolean;
    };
}>, {
    refreshWheel: typeof refreshWheel;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    change: (...args: any[]) => void;
    "toggle-col": (...args: any[]) => void;
    "update:hour": (...args: any[]) => void;
    "update:minute": (...args: any[]) => void;
    "update:second": (...args: any[]) => void;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    noArrow: {
        type: BooleanConstructor;
        default: boolean;
    };
    hour: {
        type: NumberConstructor;
        default: number;
        validator: (value: number) => boolean;
    };
    minute: {
        type: NumberConstructor;
        default: number;
        validator: (value: number) => boolean;
    };
    second: {
        type: NumberConstructor;
        default: number;
        validator: (value: number) => boolean;
    };
    candidate: {
        default: 0 | 1 | 2 | 3;
        validator: (value: number) => boolean;
    };
    steps: {
        type: PropType<number[]>;
        default: () => number[];
        validator: (value: [number, number, number]) => boolean;
    };
    pointer: {
        type: BooleanConstructor;
        default: boolean;
    };
    disabledTime: {
        type: PropType<DisabledTime>;
        default: () => {};
    };
    noTransition: {
        type: BooleanConstructor;
        default: boolean;
    };
}>> & Readonly<{
    onChange?: ((...args: any[]) => any) | undefined;
    "onToggle-col"?: ((...args: any[]) => any) | undefined;
    "onUpdate:hour"?: ((...args: any[]) => any) | undefined;
    "onUpdate:minute"?: ((...args: any[]) => any) | undefined;
    "onUpdate:second"?: ((...args: any[]) => any) | undefined;
}>, {
    pointer: boolean;
    noTransition: boolean;
    noArrow: boolean;
    candidate: 0 | 1 | 2 | 3;
    hour: number;
    minute: number;
    second: number;
    steps: number[];
    disabledTime: DisabledTime;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
    hourWheel: ({
        $: import('vue').ComponentInternalInstance;
        $data: {};
        $props: Partial<{}> & Omit<{
            readonly value?: string | number | undefined;
            readonly inherit?: boolean | undefined;
            readonly options?: import('../wheel').WheelRawOption[] | undefined;
            readonly horizontal?: boolean | undefined;
            readonly loading?: boolean | undefined;
            readonly slots?: import('../wheel').WheelSlots | undefined;
            readonly onChange?: ((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[] | undefined;
            readonly disabled?: boolean | undefined;
            readonly pointer?: boolean | undefined;
            readonly noTransition?: boolean | undefined;
            readonly state?: "default" | "success" | "error" | "warning" | undefined;
            readonly loadingLock?: boolean | undefined;
            readonly arrow?: boolean | undefined;
            readonly onPrev?: ((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[] | undefined;
            readonly onNext?: ((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[] | undefined;
            readonly insertEmpty?: string | boolean | undefined;
            readonly selectable?: boolean | undefined;
            readonly onItemClick?: ((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[] | undefined;
            readonly candidate?: 0 | 1 | 2 | 3 | undefined;
            readonly disabledItem?: ((value: string | number, data: import('../wheel').WheelRawOption) => boolean) | undefined;
            readonly "onUpdate:value"?: ((...args: any[]) => any) | undefined;
        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
        $attrs: {
            [x: string]: unknown;
        };
        $refs: {
            [x: string]: unknown;
        } & {
            wrapper: HTMLDivElement;
            prevArrow: HTMLDivElement;
            scroll: ({
                $: import('vue').ComponentInternalInstance;
                $data: {};
                $props: Partial<{}> & Omit<{
                    readonly inherit?: boolean | undefined;
                    readonly onScroll?: ((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[] | undefined;
                    readonly onWheel?: ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[] | undefined;
                    readonly mode?: "horizontal" | "vertical" | "both" | "horizontal-exact" | undefined;
                    readonly disabled?: boolean | undefined;
                    readonly width?: string | number | undefined;
                    readonly onScrollStart?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                    readonly onScrollEnd?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                    readonly wheel?: boolean | undefined;
                    readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined;
                    readonly scrollClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                    readonly scrollStyle?: string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[] | undefined;
                    readonly height?: string | number | undefined;
                    readonly deltaX?: number | undefined;
                    readonly deltaY?: number | undefined;
                    readonly pointer?: boolean | undefined;
                    readonly scrollX?: number | undefined;
                    readonly scrollY?: number | undefined;
                    readonly useXBar?: boolean | undefined;
                    readonly useYBar?: boolean | undefined;
                    readonly barFade?: number | undefined;
                    readonly barClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                    readonly autoplay?: number | boolean | undefined;
                    readonly playWaiting?: number | undefined;
                    readonly noBuffer?: boolean | undefined;
                    readonly noTransition?: boolean | undefined;
                    readonly useBarTrack?: boolean | undefined;
                    readonly scrollTag?: string | undefined;
                    readonly onXEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                    readonly onYEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                    readonly onBarScrollStart?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onBarScroll?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onBarScrollEnd?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onReady?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
                    readonly scrollAttrs?: Record<string, any> | undefined;
                    readonly onBeforeScroll?: ((payload: {
                        signX: number;
                        signY: number;
                    }) => boolean) | undefined;
                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
                $attrs: {
                    [x: string]: unknown;
                };
                $refs: {
                    [x: string]: unknown;
                } & {
                    wrapperEl: HTMLDivElement;
                    contentEl: unknown;
                    xBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        container: HTMLDivElement;
                        track: HTMLDivElement;
                        bar: HTMLDivElement;
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, {}> | null;
                    yBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        container: HTMLDivElement;
                        track: HTMLDivElement;
                        bar: HTMLDivElement;
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, {}> | null;
                };
                $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<{
                    inherit: PropType<boolean>;
                    scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                    scrollAttrs: PropType<Record<string, any>>;
                    mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                    width: PropType<string | number>;
                    height: PropType<string | number>;
                    deltaX: PropType<number>;
                    deltaY: PropType<number>;
                    disabled: PropType<boolean>;
                    pointer: PropType<boolean>;
                    wheel: PropType<boolean>;
                    scrollX: PropType<number>;
                    scrollY: PropType<number>;
                    useXBar: PropType<boolean>;
                    useYBar: PropType<boolean>;
                    barFade: PropType<number>;
                    barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    autoplay: PropType<number | boolean>;
                    playWaiting: PropType<number>;
                    noBuffer: PropType<boolean>;
                    noTransition: PropType<boolean>;
                    onBeforeScroll: PropType<(payload: {
                        signX: number;
                        signY: number;
                    }) => boolean>;
                    useBarTrack: PropType<boolean>;
                    scrollTag: PropType<string>;
                    onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                    onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onWheel: PropType<((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[]>;
                    onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                    onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
                }>> & Readonly<{}>, {
                    percentX: import('vue').Ref<number, number>;
                    percentY: import('vue').Ref<number, number>;
                    x: import('vue').Ref<number, number>;
                    y: import('vue').Ref<number, number>;
                    isReady: import('vue').Ref<boolean, boolean>;
                    xBarLength: import('vue').ComputedRef<number>;
                    yBarLength: import('vue').ComputedRef<number>;
                    enableXScroll: import('vue').ComputedRef<boolean>;
                    enableYScroll: import('vue').ComputedRef<boolean>;
                    wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    refresh: () => Promise<void>;
                    scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                    scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                    scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    getXScrollLimit: () => number[];
                    getYScrollLimit: () => number[];
                    addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                    removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, 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<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
                inherit: PropType<boolean>;
                scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                scrollAttrs: PropType<Record<string, any>>;
                mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                width: PropType<string | number>;
                height: PropType<string | number>;
                deltaX: PropType<number>;
                deltaY: PropType<number>;
                disabled: PropType<boolean>;
                pointer: PropType<boolean>;
                wheel: PropType<boolean>;
                scrollX: PropType<number>;
                scrollY: PropType<number>;
                useXBar: PropType<boolean>;
                useYBar: PropType<boolean>;
                barFade: PropType<number>;
                barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                autoplay: PropType<number | boolean>;
                playWaiting: PropType<number>;
                noBuffer: PropType<boolean>;
                noTransition: PropType<boolean>;
                onBeforeScroll: PropType<(payload: {
                    signX: number;
                    signY: number;
                }) => boolean>;
                useBarTrack: PropType<boolean>;
                scrollTag: PropType<string>;
                onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onWheel: PropType<((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void) | ((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void)[]>;
                onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            }>> & Readonly<{}>, "refresh" | "content" | "scrollBy" | "scrollTo" | "wrapper" | "percentX" | "percentY" | "isReady" | "x" | "y" | "enableXScroll" | "enableYScroll" | "xBarLength" | "yBarLength" | "scrollToElement" | "ensureInView" | "xBar" | "yBar" | "getXScrollLimit" | "getYScrollLimit" | "addScrollListener" | "removeScrollListener"> & import('vue').ShallowUnwrapRef<{
                percentX: import('vue').Ref<number, number>;
                percentY: import('vue').Ref<number, number>;
                x: import('vue').Ref<number, number>;
                y: import('vue').Ref<number, number>;
                isReady: import('vue').Ref<boolean, boolean>;
                xBarLength: import('vue').ComputedRef<number>;
                yBarLength: import('vue').ComputedRef<number>;
                enableXScroll: import('vue').ComputedRef<boolean>;
                enableYScroll: import('vue').ComputedRef<boolean>;
                wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                refresh: () => Promise<void>;
                scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                getXScrollLimit: () => number[];
                getYScrollLimit: () => number[];
                addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
            }> & {} & import('vue').ComponentCustomProperties & {} & {
                $slots: {
                    extra?(_: {
                        getState: () => {
                            scrollX: number;
                            scrollY: number;
                            percentX: number;
                            percentY: number;
                            enableXScroll: boolean;
                            enableYScroll: boolean;
                        };
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    }): any;
                    default?(_: {
                        getState: () => {
                            scrollX: number;
                            scrollY: number;
                            percentX: number;
                            percentY: number;
                            enableXScroll: boolean;
                            enableYScroll: boolean;
                        };
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    }): any;
                };
            }) | null;
            list: HTMLUListElement;
            nextArrow: 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: "update:value", ...args: any[]) => void;
        $el: HTMLDivElement;
        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
            inherit: PropType<boolean>;
            state: PropType<"default" | "success" | "error" | "warning">;
            horizontal: PropType<boolean>;
            value: PropType<string | number>;
            candidate: PropType<0 | 1 | 2 | 3>;
            arrow: PropType<boolean>;
            pointer: PropType<boolean>;
            options: PropType<import('../wheel').WheelRawOption[]>;
            insertEmpty: PropType<string | boolean>;
            disabled: PropType<boolean>;
            loading: PropType<boolean>;
            loadingLock: PropType<boolean>;
            disabledItem: PropType<(value: string | number, data: import('../wheel').WheelRawOption) => boolean>;
            noTransition: PropType<boolean>;
            selectable: PropType<boolean>;
            slots: PropType<import('../wheel').WheelSlots>;
            onChange: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
            onPrev: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
            onNext: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
            onItemClick: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
        }>> & Readonly<{
            "onUpdate:value"?: ((...args: any[]) => any) | undefined;
        }>, {
            idFor: import('vue').ComputedRef<string | undefined>;
            currentActive: import('vue').Ref<number, number>;
            isInit: import('vue').Ref<boolean, boolean>;
            targetWidth: import('vue').Ref<number, number>;
            targetHeight: import('vue').Ref<number, number>;
            wrapperWidth: import('vue').Ref<number, number>;
            wrapperHeight: import('vue').Ref<number, number>;
            itemList: import('vue').ComputedRef<{
                width: number;
                height: number;
                el?: (HTMLElement | null) | undefined;
                value: number | string;
                disabled: boolean;
                meta: any;
            }[]>;
            wrapper: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
            scroll: import('vue').Ref<({
                $: import('vue').ComponentInternalInstance;
                $data: {};
                $props: Partial<{}> & Omit<{
                    readonly inherit?: boolean | undefined;
                    readonly onScroll?: ((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[] | undefined;
                    readonly onWheel?: ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[] | undefined;
                    readonly mode?: "horizontal" | "vertical" | "both" | "horizontal-exact" | undefined;
                    readonly disabled?: boolean | undefined;
                    readonly width?: string | number | undefined;
                    readonly onScrollStart?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                    readonly onScrollEnd?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                    readonly wheel?: boolean | undefined;
                    readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined;
                    readonly scrollClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                    readonly scrollStyle?: string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[] | undefined;
                    readonly height?: string | number | undefined;
                    readonly deltaX?: number | undefined;
                    readonly deltaY?: number | undefined;
                    readonly pointer?: boolean | undefined;
                    readonly scrollX?: number | undefined;
                    readonly scrollY?: number | undefined;
                    readonly useXBar?: boolean | undefined;
                    readonly useYBar?: boolean | undefined;
                    readonly barFade?: number | undefined;
                    readonly barClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                    readonly autoplay?: number | boolean | undefined;
                    readonly playWaiting?: number | undefined;
                    readonly noBuffer?: boolean | undefined;
                    readonly noTransition?: boolean | undefined;
                    readonly useBarTrack?: boolean | undefined;
                    readonly scrollTag?: string | undefined;
                    readonly onXEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                    readonly onYEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                    readonly onBarScrollStart?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onBarScroll?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onBarScrollEnd?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onReady?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
                    readonly scrollAttrs?: Record<string, any> | undefined;
                    readonly onBeforeScroll?: ((payload: {
                        signX: number;
                        signY: number;
                    }) => boolean) | undefined;
                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
                $attrs: {
                    [x: string]: unknown;
                };
                $refs: {
                    [x: string]: unknown;
                } & {
                    wrapperEl: HTMLDivElement;
                    contentEl: unknown;
                    xBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        container: HTMLDivElement;
                        track: HTMLDivElement;
                        bar: HTMLDivElement;
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, {}> | null;
                    yBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        container: HTMLDivElement;
                        track: HTMLDivElement;
                        bar: HTMLDivElement;
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, {}> | null;
                };
                $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<{
                    inherit: PropType<boolean>;
                    scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                    scrollAttrs: PropType<Record<string, any>>;
                    mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                    width: PropType<string | number>;
                    height: PropType<string | number>;
                    deltaX: PropType<number>;
                    deltaY: PropType<number>;
                    disabled: PropType<boolean>;
                    pointer: PropType<boolean>;
                    wheel: PropType<boolean>;
                    scrollX: PropType<number>;
                    scrollY: PropType<number>;
                    useXBar: PropType<boolean>;
                    useYBar: PropType<boolean>;
                    barFade: PropType<number>;
                    barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    autoplay: PropType<number | boolean>;
                    playWaiting: PropType<number>;
                    noBuffer: PropType<boolean>;
                    noTransition: PropType<boolean>;
                    onBeforeScroll: PropType<(payload: {
                        signX: number;
                        signY: number;
                    }) => boolean>;
                    useBarTrack: PropType<boolean>;
                    scrollTag: PropType<string>;
                    onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                    onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onWheel: PropType<((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[]>;
                    onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                    onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
                }>> & Readonly<{}>, {
                    percentX: import('vue').Ref<number, number>;
                    percentY: import('vue').Ref<number, number>;
                    x: import('vue').Ref<number, number>;
                    y: import('vue').Ref<number, number>;
                    isReady: import('vue').Ref<boolean, boolean>;
                    xBarLength: import('vue').ComputedRef<number>;
                    yBarLength: import('vue').ComputedRef<number>;
                    enableXScroll: import('vue').ComputedRef<boolean>;
                    enableYScroll: import('vue').ComputedRef<boolean>;
                    wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    refresh: () => Promise<void>;
                    scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                    scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                    scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    getXScrollLimit: () => number[];
                    getYScrollLimit: () => number[];
                    addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                    removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, 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<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
                inherit: PropType<boolean>;
                scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                scrollAttrs: PropType<Record<string, any>>;
                mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                width: PropType<string | number>;
                height: PropType<string | number>;
                deltaX: PropType<number>;
                deltaY: PropType<number>;
                disabled: PropType<boolean>;
                pointer: PropType<boolean>;
                wheel: PropType<boolean>;
                scrollX: PropType<number>;
                scrollY: PropType<number>;
                useXBar: PropType<boolean>;
                useYBar: PropType<boolean>;
                barFade: PropType<number>;
                barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                autoplay: PropType<number | boolean>;
                playWaiting: PropType<number>;
                noBuffer: PropType<boolean>;
                noTransition: PropType<boolean>;
                onBeforeScroll: PropType<(payload: {
                    signX: number;
                    signY: number;
                }) => boolean>;
                useBarTrack: PropType<boolean>;
                scrollTag: PropType<string>;
                onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onWheel: PropType<((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void) | ((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void)[]>;
                onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            }>> & Readonly<{}>, "refresh" | "content" | "scrollBy" | "scrollTo" | "wrapper" | "percentX" | "percentY" | "isReady" | "x" | "y" | "enableXScroll" | "enableYScroll" | "xBarLength" | "yBarLength" | "scrollToElement" | "ensureInView" | "xBar" | "yBar" | "getXScrollLimit" | "getYScrollLimit" | "addScrollListener" | "removeScrollListener"> & import('vue').ShallowUnwrapRef<{
                percentX: import('vue').Ref<number, number>;
                percentY: import('vue').Ref<number, number>;
                x: import('vue').Ref<number, number>;
                y: import('vue').Ref<number, number>;
                isReady: import('vue').Ref<boolean, boolean>;
                xBarLength: import('vue').ComputedRef<number>;
                yBarLength: import('vue').ComputedRef<number>;
                enableXScroll: import('vue').ComputedRef<boolean>;
                enableYScroll: import('vue').ComputedRef<boolean>;
                wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                refresh: () => Promise<void>;
                scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                getXScrollLimit: () => number[];
                getYScrollLimit: () => number[];
                addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
            }> & {} & import('vue').ComponentCustomProperties & {} & {
                $slots: {
                    extra?(_: {
                        getState: () => {
                            scrollX: number;
                            scrollY: number;
                            percentX: number;
                            percentY: number;
                            enableXScroll: boolean;
                            enableYScroll: boolean;
                        };
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    }): any;
                    default?(_: {
                        getState: () => {
                            scrollX: number;
                            scrollY: number;
                            percentX: number;
                            percentY: number;
                            enableXScroll: boolean;
                            enableYScroll: boolean;
                        };
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    }): any;
                };
            }) | undefined, ({
                $: import('vue').ComponentInternalInstance;
                $data: {};
                $props: Partial<{}> & Omit<{
                    readonly inherit?: boolean | undefined;
                    readonly onScroll?: ((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[] | undefined;
                    readonly onWheel?: ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[] | undefined;
                    readonly mode?: "horizontal" | "vertical" | "both" | "horizontal-exact" | undefined;
                    readonly disabled?: boolean | undefined;
                    readonly width?: string | number | undefined;
                    readonly onScrollStart?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                    readonly onScrollEnd?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                    readonly wheel?: boolean | undefined;
                    readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined;
                    readonly scrollClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                    readonly scrollStyle?: string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[] | undefined;
                    readonly height?: string | number | undefined;
                    readonly deltaX?: number | undefined;
                    readonly deltaY?: number | undefined;
                    readonly pointer?: boolean | undefined;
                    readonly scrollX?: number | undefined;
                    readonly scrollY?: number | undefined;
                    readonly useXBar?: boolean | undefined;
                    readonly useYBar?: boolean | undefined;
                    readonly barFade?: number | undefined;
                    readonly barClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                    readonly autoplay?: number | boolean | undefined;
                    readonly playWaiting?: number | undefined;
                    readonly noBuffer?: boolean | undefined;
                    readonly noTransition?: boolean | undefined;
                    readonly useBarTrack?: boolean | undefined;
                    readonly scrollTag?: string | undefined;
                    readonly onXEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                    readonly onYEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                    readonly onBarScrollStart?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onBarScroll?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onBarScrollEnd?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onReady?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
                    readonly scrollAttrs?: Record<string, any> | undefined;
                    readonly onBeforeScroll?: ((payload: {
                        signX: number;
                        signY: number;
                    }) => boolean) | undefined;
                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
                $attrs: {
                    [x: string]: unknown;
                };
                $refs: {
                    [x: string]: unknown;
                } & {
                    wrapperEl: HTMLDivElement;
                    contentEl: unknown;
                    xBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        container: HTMLDivElement;
                        track: HTMLDivElement;
                        bar: HTMLDivElement;
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, {}> | null;
                    yBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        container: HTMLDivElement;
                        track: HTMLDivElement;
                        bar: HTMLDivElement;
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, {}> | null;
                };
                $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<{
                    inherit: PropType<boolean>;
                    scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                    scrollAttrs: PropType<Record<string, any>>;
                    mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                    width: PropType<string | number>;
                    height: PropType<string | number>;
                    deltaX: PropType<number>;
                    deltaY: PropType<number>;
                    disabled: PropType<boolean>;
                    pointer: PropType<boolean>;
                    wheel: PropType<boolean>;
                    scrollX: PropType<number>;
                    scrollY: PropType<number>;
                    useXBar: PropType<boolean>;
                    useYBar: PropType<boolean>;
                    barFade: PropType<number>;
                    barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    autoplay: PropType<number | boolean>;
                    playWaiting: PropType<number>;
                    noBuffer: PropType<boolean>;
                    noTransition: PropType<boolean>;
                    onBeforeScroll: PropType<(payload: {
                        signX: number;
                        signY: number;
                    }) => boolean>;
                    useBarTrack: PropType<boolean>;
                    scrollTag: PropType<string>;
                    onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                    onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onWheel: PropType<((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[]>;
                    onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                    onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
                }>> & Readonly<{}>, {
                    percentX: import('vue').Ref<number, number>;
                    percentY: import('vue').Ref<number, number>;
                    x: import('vue').Ref<number, number>;
                    y: import('vue').Ref<number, number>;
                    isReady: import('vue').Ref<boolean, boolean>;
                    xBarLength: import('vue').ComputedRef<number>;
                    yBarLength: import('vue').ComputedRef<number>;
                    enableXScroll: import('vue').ComputedRef<boolean>;
                    enableYScroll: import('vue').ComputedRef<boolean>;
                    wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    refresh: () => Promise<void>;
                    scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                    scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                    scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    getXScrollLimit: () => number[];
                    getYScrollLimit: () => number[];
                    addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                    removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, 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<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
                inherit: PropType<boolean>;
                scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                scrollAttrs: PropType<Record<string, any>>;
                mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                width: PropType<string | number>;
                height: PropType<string | number>;
                deltaX: PropType<number>;
                deltaY: PropType<number>;
                disabled: PropType<boolean>;
                pointer: PropType<boolean>;
                wheel: PropType<boolean>;
                scrollX: PropType<number>;
                scrollY: PropType<number>;
                useXBar: PropType<boolean>;
                useYBar: PropType<boolean>;
                barFade: PropType<number>;
                barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                autoplay: PropType<number | boolean>;
                playWaiting: PropType<number>;
                noBuffer: PropType<boolean>;
                noTransition: PropType<boolean>;
                onBeforeScroll: PropType<(payload: {
                    signX: number;
                    signY: number;
                }) => boolean>;
                useBarTrack: PropType<boolean>;
                scrollTag: PropType<string>;
                onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onWheel: PropType<((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void) | ((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void)[]>;
                onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            }>> & Readonly<{}>, "refresh" | "content" | "scrollBy" | "scrollTo" | "wrapper" | "percentX" | "percentY" | "isReady" | "x" | "y" | "enableXScroll" | "enableYScroll" | "xBarLength" | "yBarLength" | "scrollToElement" | "ensureInView" | "xBar" | "yBar" | "getXScrollLimit" | "getYScrollLimit" | "addScrollListener" | "removeScrollListener"> & import('vue').ShallowUnwrapRef<{
                percentX: import('vue').Ref<number, number>;
                percentY: import('vue').Ref<number, number>;
                x: import('vue').Ref<number, number>;
                y: import('vue').Ref<number, number>;
                isReady: import('vue').Ref<boolean, boolean>;
                xBarLength: import('vue').ComputedRef<number>;
                yBarLength: import('vue').ComputedRef<number>;
                enableXScroll: import('vue').ComputedRef<boolean>;
                enableYScroll: import('vue').ComputedRef<boolean>;
                wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                refresh: () => Promise<void>;
                scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                getXScrollLimit: () => number[];
                getYScrollLimit: () => number[];
                addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
            }> & {} & import('vue').ComponentCustomProperties & {} & {
                $slots: {
                    extra?(_: {
                        getState: () => {
                            scrollX: number;
                            scrollY: number;
                            percentX: number;
                            percentY: number;
                            enableXScroll: boolean;
                            enableYScroll: boolean;
                        };
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    }): any;
                    default?(_: {
                        getState: () => {
                            scrollX: number;
                            scrollY: number;
                            percentX: number;
                            percentY: number;
                            enableXScroll: boolean;
                            enableYScroll: boolean;
                        };
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    }): any;
                };
            }) | undefined>;
            refreshScroll: () => void;
            focus: (options?: FocusOptions) => void | undefined;
            blur: () => void | undefined;
        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
            "update:value": (...args: any[]) => void;
        }, string, {}, {}, 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<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
        inherit: PropType<boolean>;
        state: PropType<"default" | "success" | "error" | "warning">;
        horizontal: PropType<boolean>;
        value: PropType<string | number>;
        candidate: PropType<0 | 1 | 2 | 3>;
        arrow: PropType<boolean>;
        pointer: PropType<boolean>;
        options: PropType<import('../wheel').WheelRawOption[]>;
        insertEmpty: PropType<string | boolean>;
        disabled: PropType<boolean>;
        loading: PropType<boolean>;
        loadingLock: PropType<boolean>;
        disabledItem: PropType<(value: string | number, data: import('../wheel').WheelRawOption) => boolean>;
        noTransition: PropType<boolean>;
        selectable: PropType<boolean>;
        slots: PropType<import('../wheel').WheelSlots>;
        onChange: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
        onPrev: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
        onNext: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
        onItemClick: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
    }>> & Readonly<{
        "onUpdate:value"?: ((...args: any[]) => any) | undefined;
    }>, "currentActive" | "scroll" | "blur" | "focus" | "wrapper" | "idFor" | "isInit" | "targetWidth" | "targetHeight" | "wrapperWidth" | "wrapperHeight" | "itemList" | "refreshScroll"> & import('vue').ShallowUnwrapRef<{
        idFor: import('vue').ComputedRef<string | undefined>;
        currentActive: import('vue').Ref<number, number>;
        isInit: import('vue').Ref<boolean, boolean>;
        targetWidth: import('vue').Ref<number, number>;
        targetHeight: import('vue').Ref<number, number>;
        wrapperWidth: import('vue').Ref<number, number>;
        wrapperHeight: import('vue').Ref<number, number>;
        itemList: import('vue').ComputedRef<{
            width: number;
            height: number;
            el?: (HTMLElement | null) | undefined;
            value: number | string;
            disabled: boolean;
            meta: any;
        }[]>;
        wrapper: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
        scroll: import('vue').Ref<({
            $: import('vue').ComponentInternalInstance;
            $data: {};
            $props: Partial<{}> & Omit<{
                readonly inherit?: boolean | undefined;
                readonly onScroll?: ((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[] | undefined;
                readonly onWheel?: ((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void) | ((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void)[] | undefined;
                readonly mode?: "horizontal" | "vertical" | "both" | "horizontal-exact" | undefined;
                readonly disabled?: boolean | undefined;
                readonly width?: string | number | undefined;
                readonly onScrollStart?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                readonly onScrollEnd?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                readonly wheel?: boolean | undefined;
                readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined;
                readonly scrollClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                readonly scrollStyle?: string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[] | undefined;
                readonly height?: string | number | undefined;
                readonly deltaX?: number | undefined;
                readonly deltaY?: number | undefined;
                readonly pointer?: boolean | undefined;
                readonly scrollX?: number | undefined;
                readonly scrollY?: number | undefined;
                readonly useXBar?: boolean | undefined;
                readonly useYBar?: boolean | undefined;
                readonly barFade?: number | undefined;
                readonly barClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                readonly autoplay?: number | boolean | undefined;
                readonly playWaiting?: number | undefined;
                readonly noBuffer?: boolean | undefined;
                readonly noTransition?: boolean | undefined;
                readonly useBarTrack?: boolean | undefined;
                readonly scrollTag?: string | undefined;
                readonly onXEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                readonly onYEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                readonly onBarScrollStart?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                readonly onBarScroll?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                readonly onBarScrollEnd?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                readonly onReady?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
                readonly scrollAttrs?: Record<string, any> | undefined;
                readonly onBeforeScroll?: ((payload: {
                    signX: number;
                    signY: number;
                }) => boolean) | undefined;
            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
            $attrs: {
                [x: string]: unknown;
            };
            $refs: {
                [x: string]: unknown;
            } & {
                wrapperEl: HTMLDivElement;
                contentEl: unknown;
                xBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                    inherit: PropType<boolean>;
                    placement: PropType<"bottom" | "top" | "right" | "left">;
                    scroll: PropType<number>;
                    barLength: PropType<number>;
                    width: PropType<number>;
                    appear: PropType<boolean>;
                    fade: PropType<number>;
                    barColor: PropType<string>;
                    trackColor: PropType<string>;
                    disabled: PropType<boolean>;
                    wrapper: PropType<string | HTMLElement>;
                    duration: PropType<number>;
                    useTrack: PropType<boolean>;
                    trackSpeed: PropType<number>;
                    onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                }>> & Readonly<{}>, {
                    currentScroll: import('vue').Ref<number, number>;
                    container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    handleScroll: (scroll: number) => void;
                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                    container: HTMLDivElement;
                    track: HTMLDivElement;
                    bar: HTMLDivElement;
                }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                    P: {};
                    B: {};
                    D: {};
                    C: {};
                    M: {};
                    Defaults: {};
                }, Readonly<import('vue').ExtractPropTypes<{
                    inherit: PropType<boolean>;
                    placement: PropType<"bottom" | "top" | "right" | "left">;
                    scroll: PropType<number>;
                    barLength: PropType<number>;
                    width: PropType<number>;
                    appear: PropType<boolean>;
                    fade: PropType<number>;
                    barColor: PropType<string>;
                    trackColor: PropType<string>;
                    disabled: PropType<boolean>;
                    wrapper: PropType<string | HTMLElement>;
                    duration: PropType<number>;
                    useTrack: PropType<boolean>;
                    trackSpeed: PropType<number>;
                    onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                }>> & Readonly<{}>, {
                    currentScroll: import('vue').Ref<number, number>;
                    container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    handleScroll: (scroll: number) => void;
                }, {}, {}, {}, {}> | null;
                yBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                    inherit: PropType<boolean>;
                    placement: PropType<"bottom" | "top" | "right" | "left">;
                    scroll: PropType<number>;
                    barLength: PropType<number>;
                    width: PropType<number>;
                    appear: PropType<boolean>;
                    fade: PropType<number>;
                    barColor: PropType<string>;
                    trackColor: PropType<string>;
                    disabled: PropType<boolean>;
                    wrapper: PropType<string | HTMLElement>;
                    duration: PropType<number>;
                    useTrack: PropType<boolean>;
                    trackSpeed: PropType<number>;
                    onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                }>> & Readonly<{}>, {
                    currentScroll: import('vue').Ref<number, number>;
                    container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    handleScroll: (scroll: number) => void;
                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                    container: HTMLDivElement;
                    track: HTMLDivElement;
                    bar: HTMLDivElement;
                }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                    P: {};
                    B: {};
                    D: {};
                    C: {};
                    M: {};
                    Defaults: {};
                }, Readonly<import('vue').ExtractPropTypes<{
                    inherit: PropType<boolean>;
                    placement: PropType<"bottom" | "top" | "right" | "left">;
                    scroll: PropType<number>;
                    barLength: PropType<number>;
                    width: PropType<number>;
                    appear: PropType<boolean>;
                    fade: PropType<number>;
                    barColor: PropType<string>;
                    trackColor: PropType<string>;
                    disabled: PropType<boolean>;
                    wrapper: PropType<string | HTMLElement>;
                    duration: PropType<number>;
                    useTrack: PropType<boolean>;
                    trackSpeed: PropType<number>;
                    onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                }>> & Readonly<{}>, {
                    currentScroll: import('vue').Ref<number, number>;
                    container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    handleScroll: (scroll: number) => void;
                }, {}, {}, {}, {}> | null;
            };
            $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<{
                inherit: PropType<boolean>;
                scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                scrollAttrs: PropType<Record<string, any>>;
                mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                width: PropType<string | number>;
                height: PropType<string | number>;
                deltaX: PropType<number>;
                deltaY: PropType<number>;
                disabled: PropType<boolean>;
                pointer: PropType<boolean>;
                wheel: PropType<boolean>;
                scrollX: PropType<number>;
                scrollY: PropType<number>;
                useXBar: PropType<boolean>;
                useYBar: PropType<boolean>;
                barFade: PropType<number>;
                barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                autoplay: PropType<number | boolean>;
                playWaiting: PropType<number>;
                noBuffer: PropType<boolean>;
                noTransition: PropType<boolean>;
                onBeforeScroll: PropType<(payload: {
                    signX: number;
                    signY: number;
                }) => boolean>;
                useBarTrack: PropType<boolean>;
                scrollTag: PropType<string>;
                onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onWheel: PropType<((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void) | ((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void)[]>;
                onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            }>> & Readonly<{}>, {
                percentX: import('vue').Ref<number, number>;
                percentY: import('vue').Ref<number, number>;
                x: import('vue').Ref<number, number>;
                y: import('vue').Ref<number, number>;
                isReady: import('vue').Ref<boolean, boolean>;
                xBarLength: import('vue').ComputedRef<number>;
                yBarLength: import('vue').ComputedRef<number>;
                enableXScroll: import('vue').ComputedRef<boolean>;
                enableYScroll: import('vue').ComputedRef<boolean>;
                wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                refresh: () => Promise<void>;
                scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                getXScrollLimit: () => number[];
                getYScrollLimit: () => number[];
                addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, 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<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
            inherit: PropType<boolean>;
            scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
            scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
            scrollAttrs: PropType<Record<string, any>>;
            mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
            width: PropType<string | number>;
            height: PropType<string | number>;
            deltaX: PropType<number>;
            deltaY: PropType<number>;
            disabled: PropType<boolean>;
            pointer: PropType<boolean>;
            wheel: PropType<boolean>;
            scrollX: PropType<number>;
            scrollY: PropType<number>;
            useXBar: PropType<boolean>;
            useYBar: PropType<boolean>;
            barFade: PropType<number>;
            barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
            autoplay: PropType<number | boolean>;
            playWaiting: PropType<number>;
            noBuffer: PropType<boolean>;
            noTransition: PropType<boolean>;
            onBeforeScroll: PropType<(payload: {
                signX: number;
                signY: number;
            }) => boolean>;
            useBarTrack: PropType<boolean>;
            scrollTag: PropType<string>;
            onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
            onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
            onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
            onWheel: PropType<((payload: import('..').BarScrollPayload & {
                sign: 1 | -1;
            }) => void) | ((payload: import('..').BarScrollPayload & {
                sign: 1 | -1;
            }) => void)[]>;
            onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
            onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
            onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
            onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
            onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
            onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
            onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
        }>> & Readonly<{}>, "refresh" | "content" | "scrollBy" | "scrollTo" | "wrapper" | "percentX" | "percentY" | "isReady" | "x" | "y" | "enableXScroll" | "enableYScroll" | "xBarLength" | "yBarLength" | "scrollToElement" | "ensureInView" | "xBar" | "yBar" | "getXScrollLimit" | "getYScrollLimit" | "addScrollListener" | "removeScrollListener"> & import('vue').ShallowUnwrapRef<{
            percentX: import('vue').Ref<number, number>;
            percentY: import('vue').Ref<number, number>;
            x: import('vue').Ref<number, number>;
            y: import('vue').Ref<number, number>;
            isReady: import('vue').Ref<boolean, boolean>;
            xBarLength: import('vue').ComputedRef<number>;
            yBarLength: import('vue').ComputedRef<number>;
            enableXScroll: import('vue').ComputedRef<boolean>;
            enableYScroll: import('vue').ComputedRef<boolean>;
            wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
            content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
            xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
            yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
            refresh: () => Promise<void>;
            scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
            scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
            scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
            ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
            getXScrollLimit: () => number[];
            getYScrollLimit: () => number[];
            addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
            removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
        }> & {} & import('vue').ComponentCustomProperties & {} & {
            $slots: {
                extra?(_: {
                    getState: () => {
                        scrollX: number;
                        scrollY: number;
                        percentX: number;
                        percentY: number;
                        enableXScroll: boolean;
                        enableYScroll: boolean;
                    };
                    refresh: () => Promise<void>;
                    scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                    scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                    scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                }): any;
                default?(_: {
                    getState: () => {
                        scrollX: number;
                        scrollY: number;
                        percentX: number;
                        percentY: number;
                        enableXScroll: boolean;
                        enableYScroll: boolean;
                    };
                    refresh: () => Promise<void>;
                    scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                    scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                    scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                }): any;
            };
        }) | undefined, ({
            $: import('vue').ComponentInternalInstance;
            $data: {};
            $props: Partial<{}> & Omit<{
                readonly inherit?: boolean | undefined;
                readonly onScroll?: ((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[] | undefined;
                readonly onWheel?: ((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void) | ((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void)[] | undefined;
                readonly mode?: "horizontal" | "vertical" | "both" | "horizontal-exact" | undefined;
                readonly disabled?: boolean | undefined;
                readonly width?: string | number | undefined;
                readonly onScrollStart?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                readonly onScrollEnd?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                readonly wheel?: boolean | undefined;
                readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined;
                readonly scrollClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                readonly scrollStyle?: string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[] | undefined;
                readonly height?: string | number | undefined;
                readonly deltaX?: number | undefined;
                readonly deltaY?: number | undefined;
                readonly pointer?: boolean | undefined;
                readonly scrollX?: number | undefined;
                readonly scrollY?: number | undefined;
                readonly useXBar?: boolean | undefined;
                readonly useYBar?: boolean | undefined;
                readonly barFade?: number | undefined;
                readonly barClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                readonly autoplay?: number | boolean | undefined;
                readonly playWaiting?: number | undefined;
                readonly noBuffer?: boolean | undefined;
                readonly noTransition?: boolean | undefined;
                readonly useBarTrack?: boolean | undefined;
                readonly scrollTag?: string | undefined;
                readonly onXEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                readonly onYEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                readonly onBarScrollStart?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                readonly onBarScroll?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                readonly onBarScrollEnd?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                readonly onReady?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
                readonly scrollAttrs?: Record<string, any> | undefined;
                readonly onBeforeScroll?: ((payload: {
                    signX: number;
                    signY: number;
                }) => boolean) | undefined;
            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
            $attrs: {
                [x: string]: unknown;
            };
            $refs: {
                [x: string]: unknown;
            } & {
                wrapperEl: HTMLDivElement;
                contentEl: unknown;
                xBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                    inherit: PropType<boolean>;
                    placement: PropType<"bottom" | "top" | "right" | "left">;
                    scroll: PropType<number>;
                    barLength: PropType<number>;
                    width: PropType<number>;
                    appear: PropType<boolean>;
                    fade: PropType<number>;
                    barColor: PropType<string>;
                    trackColor: PropType<string>;
                    disabled: PropType<boolean>;
                    wrapper: PropType<string | HTMLElement>;
                    duration: PropType<number>;
                    useTrack: PropType<boolean>;
                    trackSpeed: PropType<number>;
                    onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                }>> & Readonly<{}>, {
                    currentScroll: import('vue').Ref<number, number>;
                    container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    handleScroll: (scroll: number) => void;
                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                    container: HTMLDivElement;
                    track: HTMLDivElement;
                    bar: HTMLDivElement;
                }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                    P: {};
                    B: {};
                    D: {};
                    C: {};
                    M: {};
                    Defaults: {};
                }, Readonly<import('vue').ExtractPropTypes<{
                    inherit: PropType<boolean>;
                    placement: PropType<"bottom" | "top" | "right" | "left">;
                    scroll: PropType<number>;
                    barLength: PropType<number>;
                    width: PropType<number>;
                    appear: PropType<boolean>;
                    fade: PropType<number>;
                    barColor: PropType<string>;
                    trackColor: PropType<string>;
                    disabled: PropType<boolean>;
                    wrapper: PropType<string | HTMLElement>;
                    duration: PropType<number>;
                    useTrack: PropType<boolean>;
                    trackSpeed: PropType<number>;
                    onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                }>> & Readonly<{}>, {
                    currentScroll: import('vue').Ref<number, number>;
                    container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    handleScroll: (scroll: number) => void;
                }, {}, {}, {}, {}> | null;
                yBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                    inherit: PropType<boolean>;
                    placement: PropType<"bottom" | "top" | "right" | "left">;
                    scroll: PropType<number>;
                    barLength: PropType<number>;
                    width: PropType<number>;
                    appear: PropType<boolean>;
                    fade: PropType<number>;
                    barColor: PropType<string>;
                    trackColor: PropType<string>;
                    disabled: PropType<boolean>;
                    wrapper: PropType<string | HTMLElement>;
                    duration: PropType<number>;
                    useTrack: PropType<boolean>;
                    trackSpeed: PropType<number>;
                    onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                }>> & Readonly<{}>, {
                    currentScroll: import('vue').Ref<number, number>;
                    container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    handleScroll: (scroll: number) => void;
                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                    container: HTMLDivElement;
                    track: HTMLDivElement;
                    bar: HTMLDivElement;
                }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                    P: {};
                    B: {};
                    D: {};
                    C: {};
                    M: {};
                    Defaults: {};
                }, Readonly<import('vue').ExtractPropTypes<{
                    inherit: PropType<boolean>;
                    placement: PropType<"bottom" | "top" | "right" | "left">;
                    scroll: PropType<number>;
                    barLength: PropType<number>;
                    width: PropType<number>;
                    appear: PropType<boolean>;
                    fade: PropType<number>;
                    barColor: PropType<string>;
                    trackColor: PropType<string>;
                    disabled: PropType<boolean>;
                    wrapper: PropType<string | HTMLElement>;
                    duration: PropType<number>;
                    useTrack: PropType<boolean>;
                    trackSpeed: PropType<number>;
                    onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                }>> & Readonly<{}>, {
                    currentScroll: import('vue').Ref<number, number>;
                    container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    handleScroll: (scroll: number) => void;
                }, {}, {}, {}, {}> | null;
            };
            $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<{
                inherit: PropType<boolean>;
                scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                scrollAttrs: PropType<Record<string, any>>;
                mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                width: PropType<string | number>;
                height: PropType<string | number>;
                deltaX: PropType<number>;
                deltaY: PropType<number>;
                disabled: PropType<boolean>;
                pointer: PropType<boolean>;
                wheel: PropType<boolean>;
                scrollX: PropType<number>;
                scrollY: PropType<number>;
                useXBar: PropType<boolean>;
                useYBar: PropType<boolean>;
                barFade: PropType<number>;
                barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                autoplay: PropType<number | boolean>;
                playWaiting: PropType<number>;
                noBuffer: PropType<boolean>;
                noTransition: PropType<boolean>;
                onBeforeScroll: PropType<(payload: {
                    signX: number;
                    signY: number;
                }) => boolean>;
                useBarTrack: PropType<boolean>;
                scrollTag: PropType<string>;
                onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onWheel: PropType<((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void) | ((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void)[]>;
                onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            }>> & Readonly<{}>, {
                percentX: import('vue').Ref<number, number>;
                percentY: import('vue').Ref<number, number>;
                x: import('vue').Ref<number, number>;
                y: import('vue').Ref<number, number>;
                isReady: import('vue').Ref<boolean, boolean>;
                xBarLength: import('vue').ComputedRef<number>;
                yBarLength: import('vue').ComputedRef<number>;
                enableXScroll: import('vue').ComputedRef<boolean>;
                enableYScroll: import('vue').ComputedRef<boolean>;
                wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                refresh: () => Promise<void>;
                scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                getXScrollLimit: () => number[];
                getYScrollLimit: () => number[];
                addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, 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<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
            inherit: PropType<boolean>;
            scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
            scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
            scrollAttrs: PropType<Record<string, any>>;
            mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
            width: PropType<string | number>;
            height: PropType<string | number>;
            deltaX: PropType<number>;
            deltaY: PropType<number>;
            disabled: PropType<boolean>;
            pointer: PropType<boolean>;
            wheel: PropType<boolean>;
            scrollX: PropType<number>;
            scrollY: PropType<number>;
            useXBar: PropType<boolean>;
            useYBar: PropType<boolean>;
            barFade: PropType<number>;
            barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
            autoplay: PropType<number | boolean>;
            playWaiting: PropType<number>;
            noBuffer: PropType<boolean>;
            noTransition: PropType<boolean>;
            onBeforeScroll: PropType<(payload: {
                signX: number;
                signY: number;
            }) => boolean>;
            useBarTrack: PropType<boolean>;
            scrollTag: PropType<string>;
            onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
            onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
            onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
            onWheel: PropType<((payload: import('..').BarScrollPayload & {
                sign: 1 | -1;
            }) => void) | ((payload: import('..').BarScrollPayload & {
                sign: 1 | -1;
            }) => void)[]>;
            onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
            onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
            onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
            onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
            onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
            onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
            onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
        }>> & Readonly<{}>, "refresh" | "content" | "scrollBy" | "scrollTo" | "wrapper" | "percentX" | "percentY" | "isReady" | "x" | "y" | "enableXScroll" | "enableYScroll" | "xBarLength" | "yBarLength" | "scrollToElement" | "ensureInView" | "xBar" | "yBar" | "getXScrollLimit" | "getYScrollLimit" | "addScrollListener" | "removeScrollListener"> & import('vue').ShallowUnwrapRef<{
            percentX: import('vue').Ref<number, number>;
            percentY: import('vue').Ref<number, number>;
            x: import('vue').Ref<number, number>;
            y: import('vue').Ref<number, number>;
            isReady: import('vue').Ref<boolean, boolean>;
            xBarLength: import('vue').ComputedRef<number>;
            yBarLength: import('vue').ComputedRef<number>;
            enableXScroll: import('vue').ComputedRef<boolean>;
            enableYScroll: import('vue').ComputedRef<boolean>;
            wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
            content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
            xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
            yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
            refresh: () => Promise<void>;
            scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
            scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
            scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
            ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
            getXScrollLimit: () => number[];
            getYScrollLimit: () => number[];
            addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
            removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
        }> & {} & import('vue').ComponentCustomProperties & {} & {
            $slots: {
                extra?(_: {
                    getState: () => {
                        scrollX: number;
                        scrollY: number;
                        percentX: number;
                        percentY: number;
                        enableXScroll: boolean;
                        enableYScroll: boolean;
                    };
                    refresh: () => Promise<void>;
                    scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                    scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                    scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                }): any;
                default?(_: {
                    getState: () => {
                        scrollX: number;
                        scrollY: number;
                        percentX: number;
                        percentY: number;
                        enableXScroll: boolean;
                        enableYScroll: boolean;
                    };
                    refresh: () => Promise<void>;
                    scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                    scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                    scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                }): any;
            };
        }) | undefined>;
        refreshScroll: () => void;
        focus: (options?: FocusOptions) => void | undefined;
        blur: () => void | undefined;
    }> & {} & import('vue').ComponentCustomProperties & {} & {
        $slots: Readonly<import('../wheel').WheelSlots> & import('../wheel').WheelSlots;
    }) | null;
    minuteWheel: ({
        $: import('vue').ComponentInternalInstance;
        $data: {};
        $props: Partial<{}> & Omit<{
            readonly value?: string | number | undefined;
            readonly inherit?: boolean | undefined;
            readonly options?: import('../wheel').WheelRawOption[] | undefined;
            readonly horizontal?: boolean | undefined;
            readonly loading?: boolean | undefined;
            readonly slots?: import('../wheel').WheelSlots | undefined;
            readonly onChange?: ((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[] | undefined;
            readonly disabled?: boolean | undefined;
            readonly pointer?: boolean | undefined;
            readonly noTransition?: boolean | undefined;
            readonly state?: "default" | "success" | "error" | "warning" | undefined;
            readonly loadingLock?: boolean | undefined;
            readonly arrow?: boolean | undefined;
            readonly onPrev?: ((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[] | undefined;
            readonly onNext?: ((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[] | undefined;
            readonly insertEmpty?: string | boolean | undefined;
            readonly selectable?: boolean | undefined;
            readonly onItemClick?: ((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[] | undefined;
            readonly candidate?: 0 | 1 | 2 | 3 | undefined;
            readonly disabledItem?: ((value: string | number, data: import('../wheel').WheelRawOption) => boolean) | undefined;
            readonly "onUpdate:value"?: ((...args: any[]) => any) | undefined;
        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
        $attrs: {
            [x: string]: unknown;
        };
        $refs: {
            [x: string]: unknown;
        } & {
            wrapper: HTMLDivElement;
            prevArrow: HTMLDivElement;
            scroll: ({
                $: import('vue').ComponentInternalInstance;
                $data: {};
                $props: Partial<{}> & Omit<{
                    readonly inherit?: boolean | undefined;
                    readonly onScroll?: ((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[] | undefined;
                    readonly onWheel?: ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[] | undefined;
                    readonly mode?: "horizontal" | "vertical" | "both" | "horizontal-exact" | undefined;
                    readonly disabled?: boolean | undefined;
                    readonly width?: string | number | undefined;
                    readonly onScrollStart?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                    readonly onScrollEnd?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                    readonly wheel?: boolean | undefined;
                    readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined;
                    readonly scrollClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                    readonly scrollStyle?: string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[] | undefined;
                    readonly height?: string | number | undefined;
                    readonly deltaX?: number | undefined;
                    readonly deltaY?: number | undefined;
                    readonly pointer?: boolean | undefined;
                    readonly scrollX?: number | undefined;
                    readonly scrollY?: number | undefined;
                    readonly useXBar?: boolean | undefined;
                    readonly useYBar?: boolean | undefined;
                    readonly barFade?: number | undefined;
                    readonly barClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                    readonly autoplay?: number | boolean | undefined;
                    readonly playWaiting?: number | undefined;
                    readonly noBuffer?: boolean | undefined;
                    readonly noTransition?: boolean | undefined;
                    readonly useBarTrack?: boolean | undefined;
                    readonly scrollTag?: string | undefined;
                    readonly onXEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                    readonly onYEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                    readonly onBarScrollStart?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onBarScroll?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onBarScrollEnd?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onReady?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
                    readonly scrollAttrs?: Record<string, any> | undefined;
                    readonly onBeforeScroll?: ((payload: {
                        signX: number;
                        signY: number;
                    }) => boolean) | undefined;
                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
                $attrs: {
                    [x: string]: unknown;
                };
                $refs: {
                    [x: string]: unknown;
                } & {
                    wrapperEl: HTMLDivElement;
                    contentEl: unknown;
                    xBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        container: HTMLDivElement;
                        track: HTMLDivElement;
                        bar: HTMLDivElement;
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, {}> | null;
                    yBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        container: HTMLDivElement;
                        track: HTMLDivElement;
                        bar: HTMLDivElement;
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, {}> | null;
                };
                $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<{
                    inherit: PropType<boolean>;
                    scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                    scrollAttrs: PropType<Record<string, any>>;
                    mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                    width: PropType<string | number>;
                    height: PropType<string | number>;
                    deltaX: PropType<number>;
                    deltaY: PropType<number>;
                    disabled: PropType<boolean>;
                    pointer: PropType<boolean>;
                    wheel: PropType<boolean>;
                    scrollX: PropType<number>;
                    scrollY: PropType<number>;
                    useXBar: PropType<boolean>;
                    useYBar: PropType<boolean>;
                    barFade: PropType<number>;
                    barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    autoplay: PropType<number | boolean>;
                    playWaiting: PropType<number>;
                    noBuffer: PropType<boolean>;
                    noTransition: PropType<boolean>;
                    onBeforeScroll: PropType<(payload: {
                        signX: number;
                        signY: number;
                    }) => boolean>;
                    useBarTrack: PropType<boolean>;
                    scrollTag: PropType<string>;
                    onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                    onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onWheel: PropType<((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[]>;
                    onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                    onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
                }>> & Readonly<{}>, {
                    percentX: import('vue').Ref<number, number>;
                    percentY: import('vue').Ref<number, number>;
                    x: import('vue').Ref<number, number>;
                    y: import('vue').Ref<number, number>;
                    isReady: import('vue').Ref<boolean, boolean>;
                    xBarLength: import('vue').ComputedRef<number>;
                    yBarLength: import('vue').ComputedRef<number>;
                    enableXScroll: import('vue').ComputedRef<boolean>;
                    enableYScroll: import('vue').ComputedRef<boolean>;
                    wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    refresh: () => Promise<void>;
                    scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                    scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                    scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    getXScrollLimit: () => number[];
                    getYScrollLimit: () => number[];
                    addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                    removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, 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<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
                inherit: PropType<boolean>;
                scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                scrollAttrs: PropType<Record<string, any>>;
                mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                width: PropType<string | number>;
                height: PropType<string | number>;
                deltaX: PropType<number>;
                deltaY: PropType<number>;
                disabled: PropType<boolean>;
                pointer: PropType<boolean>;
                wheel: PropType<boolean>;
                scrollX: PropType<number>;
                scrollY: PropType<number>;
                useXBar: PropType<boolean>;
                useYBar: PropType<boolean>;
                barFade: PropType<number>;
                barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                autoplay: PropType<number | boolean>;
                playWaiting: PropType<number>;
                noBuffer: PropType<boolean>;
                noTransition: PropType<boolean>;
                onBeforeScroll: PropType<(payload: {
                    signX: number;
                    signY: number;
                }) => boolean>;
                useBarTrack: PropType<boolean>;
                scrollTag: PropType<string>;
                onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onWheel: PropType<((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void) | ((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void)[]>;
                onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            }>> & Readonly<{}>, "refresh" | "content" | "scrollBy" | "scrollTo" | "wrapper" | "percentX" | "percentY" | "isReady" | "x" | "y" | "enableXScroll" | "enableYScroll" | "xBarLength" | "yBarLength" | "scrollToElement" | "ensureInView" | "xBar" | "yBar" | "getXScrollLimit" | "getYScrollLimit" | "addScrollListener" | "removeScrollListener"> & import('vue').ShallowUnwrapRef<{
                percentX: import('vue').Ref<number, number>;
                percentY: import('vue').Ref<number, number>;
                x: import('vue').Ref<number, number>;
                y: import('vue').Ref<number, number>;
                isReady: import('vue').Ref<boolean, boolean>;
                xBarLength: import('vue').ComputedRef<number>;
                yBarLength: import('vue').ComputedRef<number>;
                enableXScroll: import('vue').ComputedRef<boolean>;
                enableYScroll: import('vue').ComputedRef<boolean>;
                wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                refresh: () => Promise<void>;
                scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                getXScrollLimit: () => number[];
                getYScrollLimit: () => number[];
                addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
            }> & {} & import('vue').ComponentCustomProperties & {} & {
                $slots: {
                    extra?(_: {
                        getState: () => {
                            scrollX: number;
                            scrollY: number;
                            percentX: number;
                            percentY: number;
                            enableXScroll: boolean;
                            enableYScroll: boolean;
                        };
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    }): any;
                    default?(_: {
                        getState: () => {
                            scrollX: number;
                            scrollY: number;
                            percentX: number;
                            percentY: number;
                            enableXScroll: boolean;
                            enableYScroll: boolean;
                        };
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    }): any;
                };
            }) | null;
            list: HTMLUListElement;
            nextArrow: 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: "update:value", ...args: any[]) => void;
        $el: HTMLDivElement;
        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
            inherit: PropType<boolean>;
            state: PropType<"default" | "success" | "error" | "warning">;
            horizontal: PropType<boolean>;
            value: PropType<string | number>;
            candidate: PropType<0 | 1 | 2 | 3>;
            arrow: PropType<boolean>;
            pointer: PropType<boolean>;
            options: PropType<import('../wheel').WheelRawOption[]>;
            insertEmpty: PropType<string | boolean>;
            disabled: PropType<boolean>;
            loading: PropType<boolean>;
            loadingLock: PropType<boolean>;
            disabledItem: PropType<(value: string | number, data: import('../wheel').WheelRawOption) => boolean>;
            noTransition: PropType<boolean>;
            selectable: PropType<boolean>;
            slots: PropType<import('../wheel').WheelSlots>;
            onChange: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
            onPrev: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
            onNext: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
            onItemClick: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
        }>> & Readonly<{
            "onUpdate:value"?: ((...args: any[]) => any) | undefined;
        }>, {
            idFor: import('vue').ComputedRef<string | undefined>;
            currentActive: import('vue').Ref<number, number>;
            isInit: import('vue').Ref<boolean, boolean>;
            targetWidth: import('vue').Ref<number, number>;
            targetHeight: import('vue').Ref<number, number>;
            wrapperWidth: import('vue').Ref<number, number>;
            wrapperHeight: import('vue').Ref<number, number>;
            itemList: import('vue').ComputedRef<{
                width: number;
                height: number;
                el?: (HTMLElement | null) | undefined;
                value: number | string;
                disabled: boolean;
                meta: any;
            }[]>;
            wrapper: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
            scroll: import('vue').Ref<({
                $: import('vue').ComponentInternalInstance;
                $data: {};
                $props: Partial<{}> & Omit<{
                    readonly inherit?: boolean | undefined;
                    readonly onScroll?: ((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[] | undefined;
                    readonly onWheel?: ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[] | undefined;
                    readonly mode?: "horizontal" | "vertical" | "both" | "horizontal-exact" | undefined;
                    readonly disabled?: boolean | undefined;
                    readonly width?: string | number | undefined;
                    readonly onScrollStart?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                    readonly onScrollEnd?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                    readonly wheel?: boolean | undefined;
                    readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined;
                    readonly scrollClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                    readonly scrollStyle?: string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[] | undefined;
                    readonly height?: string | number | undefined;
                    readonly deltaX?: number | undefined;
                    readonly deltaY?: number | undefined;
                    readonly pointer?: boolean | undefined;
                    readonly scrollX?: number | undefined;
                    readonly scrollY?: number | undefined;
                    readonly useXBar?: boolean | undefined;
                    readonly useYBar?: boolean | undefined;
                    readonly barFade?: number | undefined;
                    readonly barClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                    readonly autoplay?: number | boolean | undefined;
                    readonly playWaiting?: number | undefined;
                    readonly noBuffer?: boolean | undefined;
                    readonly noTransition?: boolean | undefined;
                    readonly useBarTrack?: boolean | undefined;
                    readonly scrollTag?: string | undefined;
                    readonly onXEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                    readonly onYEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                    readonly onBarScrollStart?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onBarScroll?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onBarScrollEnd?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onReady?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
                    readonly scrollAttrs?: Record<string, any> | undefined;
                    readonly onBeforeScroll?: ((payload: {
                        signX: number;
                        signY: number;
                    }) => boolean) | undefined;
                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
                $attrs: {
                    [x: string]: unknown;
                };
                $refs: {
                    [x: string]: unknown;
                } & {
                    wrapperEl: HTMLDivElement;
                    contentEl: unknown;
                    xBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        container: HTMLDivElement;
                        track: HTMLDivElement;
                        bar: HTMLDivElement;
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, {}> | null;
                    yBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        container: HTMLDivElement;
                        track: HTMLDivElement;
                        bar: HTMLDivElement;
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, {}> | null;
                };
                $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<{
                    inherit: PropType<boolean>;
                    scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                    scrollAttrs: PropType<Record<string, any>>;
                    mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                    width: PropType<string | number>;
                    height: PropType<string | number>;
                    deltaX: PropType<number>;
                    deltaY: PropType<number>;
                    disabled: PropType<boolean>;
                    pointer: PropType<boolean>;
                    wheel: PropType<boolean>;
                    scrollX: PropType<number>;
                    scrollY: PropType<number>;
                    useXBar: PropType<boolean>;
                    useYBar: PropType<boolean>;
                    barFade: PropType<number>;
                    barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    autoplay: PropType<number | boolean>;
                    playWaiting: PropType<number>;
                    noBuffer: PropType<boolean>;
                    noTransition: PropType<boolean>;
                    onBeforeScroll: PropType<(payload: {
                        signX: number;
                        signY: number;
                    }) => boolean>;
                    useBarTrack: PropType<boolean>;
                    scrollTag: PropType<string>;
                    onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                    onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onWheel: PropType<((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[]>;
                    onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                    onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
                }>> & Readonly<{}>, {
                    percentX: import('vue').Ref<number, number>;
                    percentY: import('vue').Ref<number, number>;
                    x: import('vue').Ref<number, number>;
                    y: import('vue').Ref<number, number>;
                    isReady: import('vue').Ref<boolean, boolean>;
                    xBarLength: import('vue').ComputedRef<number>;
                    yBarLength: import('vue').ComputedRef<number>;
                    enableXScroll: import('vue').ComputedRef<boolean>;
                    enableYScroll: import('vue').ComputedRef<boolean>;
                    wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    refresh: () => Promise<void>;
                    scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                    scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                    scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    getXScrollLimit: () => number[];
                    getYScrollLimit: () => number[];
                    addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                    removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, 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<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
                inherit: PropType<boolean>;
                scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                scrollAttrs: PropType<Record<string, any>>;
                mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                width: PropType<string | number>;
                height: PropType<string | number>;
                deltaX: PropType<number>;
                deltaY: PropType<number>;
                disabled: PropType<boolean>;
                pointer: PropType<boolean>;
                wheel: PropType<boolean>;
                scrollX: PropType<number>;
                scrollY: PropType<number>;
                useXBar: PropType<boolean>;
                useYBar: PropType<boolean>;
                barFade: PropType<number>;
                barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                autoplay: PropType<number | boolean>;
                playWaiting: PropType<number>;
                noBuffer: PropType<boolean>;
                noTransition: PropType<boolean>;
                onBeforeScroll: PropType<(payload: {
                    signX: number;
                    signY: number;
                }) => boolean>;
                useBarTrack: PropType<boolean>;
                scrollTag: PropType<string>;
                onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onWheel: PropType<((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void) | ((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void)[]>;
                onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            }>> & Readonly<{}>, "refresh" | "content" | "scrollBy" | "scrollTo" | "wrapper" | "percentX" | "percentY" | "isReady" | "x" | "y" | "enableXScroll" | "enableYScroll" | "xBarLength" | "yBarLength" | "scrollToElement" | "ensureInView" | "xBar" | "yBar" | "getXScrollLimit" | "getYScrollLimit" | "addScrollListener" | "removeScrollListener"> & import('vue').ShallowUnwrapRef<{
                percentX: import('vue').Ref<number, number>;
                percentY: import('vue').Ref<number, number>;
                x: import('vue').Ref<number, number>;
                y: import('vue').Ref<number, number>;
                isReady: import('vue').Ref<boolean, boolean>;
                xBarLength: import('vue').ComputedRef<number>;
                yBarLength: import('vue').ComputedRef<number>;
                enableXScroll: import('vue').ComputedRef<boolean>;
                enableYScroll: import('vue').ComputedRef<boolean>;
                wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                refresh: () => Promise<void>;
                scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                getXScrollLimit: () => number[];
                getYScrollLimit: () => number[];
                addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
            }> & {} & import('vue').ComponentCustomProperties & {} & {
                $slots: {
                    extra?(_: {
                        getState: () => {
                            scrollX: number;
                            scrollY: number;
                            percentX: number;
                            percentY: number;
                            enableXScroll: boolean;
                            enableYScroll: boolean;
                        };
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    }): any;
                    default?(_: {
                        getState: () => {
                            scrollX: number;
                            scrollY: number;
                            percentX: number;
                            percentY: number;
                            enableXScroll: boolean;
                            enableYScroll: boolean;
                        };
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    }): any;
                };
            }) | undefined, ({
                $: import('vue').ComponentInternalInstance;
                $data: {};
                $props: Partial<{}> & Omit<{
                    readonly inherit?: boolean | undefined;
                    readonly onScroll?: ((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[] | undefined;
                    readonly onWheel?: ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[] | undefined;
                    readonly mode?: "horizontal" | "vertical" | "both" | "horizontal-exact" | undefined;
                    readonly disabled?: boolean | undefined;
                    readonly width?: string | number | undefined;
                    readonly onScrollStart?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                    readonly onScrollEnd?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                    readonly wheel?: boolean | undefined;
                    readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined;
                    readonly scrollClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                    readonly scrollStyle?: string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[] | undefined;
                    readonly height?: string | number | undefined;
                    readonly deltaX?: number | undefined;
                    readonly deltaY?: number | undefined;
                    readonly pointer?: boolean | undefined;
                    readonly scrollX?: number | undefined;
                    readonly scrollY?: number | undefined;
                    readonly useXBar?: boolean | undefined;
                    readonly useYBar?: boolean | undefined;
                    readonly barFade?: number | undefined;
                    readonly barClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                    readonly autoplay?: number | boolean | undefined;
                    readonly playWaiting?: number | undefined;
                    readonly noBuffer?: boolean | undefined;
                    readonly noTransition?: boolean | undefined;
                    readonly useBarTrack?: boolean | undefined;
                    readonly scrollTag?: string | undefined;
                    readonly onXEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                    readonly onYEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                    readonly onBarScrollStart?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onBarScroll?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onBarScrollEnd?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onReady?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
                    readonly scrollAttrs?: Record<string, any> | undefined;
                    readonly onBeforeScroll?: ((payload: {
                        signX: number;
                        signY: number;
                    }) => boolean) | undefined;
                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
                $attrs: {
                    [x: string]: unknown;
                };
                $refs: {
                    [x: string]: unknown;
                } & {
                    wrapperEl: HTMLDivElement;
                    contentEl: unknown;
                    xBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        container: HTMLDivElement;
                        track: HTMLDivElement;
                        bar: HTMLDivElement;
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, {}> | null;
                    yBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        container: HTMLDivElement;
                        track: HTMLDivElement;
                        bar: HTMLDivElement;
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, {}> | null;
                };
                $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<{
                    inherit: PropType<boolean>;
                    scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                    scrollAttrs: PropType<Record<string, any>>;
                    mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                    width: PropType<string | number>;
                    height: PropType<string | number>;
                    deltaX: PropType<number>;
                    deltaY: PropType<number>;
                    disabled: PropType<boolean>;
                    pointer: PropType<boolean>;
                    wheel: PropType<boolean>;
                    scrollX: PropType<number>;
                    scrollY: PropType<number>;
                    useXBar: PropType<boolean>;
                    useYBar: PropType<boolean>;
                    barFade: PropType<number>;
                    barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    autoplay: PropType<number | boolean>;
                    playWaiting: PropType<number>;
                    noBuffer: PropType<boolean>;
                    noTransition: PropType<boolean>;
                    onBeforeScroll: PropType<(payload: {
                        signX: number;
                        signY: number;
                    }) => boolean>;
                    useBarTrack: PropType<boolean>;
                    scrollTag: PropType<string>;
                    onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                    onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onWheel: PropType<((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[]>;
                    onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                    onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
                }>> & Readonly<{}>, {
                    percentX: import('vue').Ref<number, number>;
                    percentY: import('vue').Ref<number, number>;
                    x: import('vue').Ref<number, number>;
                    y: import('vue').Ref<number, number>;
                    isReady: import('vue').Ref<boolean, boolean>;
                    xBarLength: import('vue').ComputedRef<number>;
                    yBarLength: import('vue').ComputedRef<number>;
                    enableXScroll: import('vue').ComputedRef<boolean>;
                    enableYScroll: import('vue').ComputedRef<boolean>;
                    wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    refresh: () => Promise<void>;
                    scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                    scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                    scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    getXScrollLimit: () => number[];
                    getYScrollLimit: () => number[];
                    addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                    removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, 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<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
                inherit: PropType<boolean>;
                scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                scrollAttrs: PropType<Record<string, any>>;
                mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                width: PropType<string | number>;
                height: PropType<string | number>;
                deltaX: PropType<number>;
                deltaY: PropType<number>;
                disabled: PropType<boolean>;
                pointer: PropType<boolean>;
                wheel: PropType<boolean>;
                scrollX: PropType<number>;
                scrollY: PropType<number>;
                useXBar: PropType<boolean>;
                useYBar: PropType<boolean>;
                barFade: PropType<number>;
                barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                autoplay: PropType<number | boolean>;
                playWaiting: PropType<number>;
                noBuffer: PropType<boolean>;
                noTransition: PropType<boolean>;
                onBeforeScroll: PropType<(payload: {
                    signX: number;
                    signY: number;
                }) => boolean>;
                useBarTrack: PropType<boolean>;
                scrollTag: PropType<string>;
                onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onWheel: PropType<((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void) | ((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void)[]>;
                onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            }>> & Readonly<{}>, "refresh" | "content" | "scrollBy" | "scrollTo" | "wrapper" | "percentX" | "percentY" | "isReady" | "x" | "y" | "enableXScroll" | "enableYScroll" | "xBarLength" | "yBarLength" | "scrollToElement" | "ensureInView" | "xBar" | "yBar" | "getXScrollLimit" | "getYScrollLimit" | "addScrollListener" | "removeScrollListener"> & import('vue').ShallowUnwrapRef<{
                percentX: import('vue').Ref<number, number>;
                percentY: import('vue').Ref<number, number>;
                x: import('vue').Ref<number, number>;
                y: import('vue').Ref<number, number>;
                isReady: import('vue').Ref<boolean, boolean>;
                xBarLength: import('vue').ComputedRef<number>;
                yBarLength: import('vue').ComputedRef<number>;
                enableXScroll: import('vue').ComputedRef<boolean>;
                enableYScroll: import('vue').ComputedRef<boolean>;
                wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                refresh: () => Promise<void>;
                scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                getXScrollLimit: () => number[];
                getYScrollLimit: () => number[];
                addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
            }> & {} & import('vue').ComponentCustomProperties & {} & {
                $slots: {
                    extra?(_: {
                        getState: () => {
                            scrollX: number;
                            scrollY: number;
                            percentX: number;
                            percentY: number;
                            enableXScroll: boolean;
                            enableYScroll: boolean;
                        };
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    }): any;
                    default?(_: {
                        getState: () => {
                            scrollX: number;
                            scrollY: number;
                            percentX: number;
                            percentY: number;
                            enableXScroll: boolean;
                            enableYScroll: boolean;
                        };
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    }): any;
                };
            }) | undefined>;
            refreshScroll: () => void;
            focus: (options?: FocusOptions) => void | undefined;
            blur: () => void | undefined;
        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
            "update:value": (...args: any[]) => void;
        }, string, {}, {}, 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<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
        inherit: PropType<boolean>;
        state: PropType<"default" | "success" | "error" | "warning">;
        horizontal: PropType<boolean>;
        value: PropType<string | number>;
        candidate: PropType<0 | 1 | 2 | 3>;
        arrow: PropType<boolean>;
        pointer: PropType<boolean>;
        options: PropType<import('../wheel').WheelRawOption[]>;
        insertEmpty: PropType<string | boolean>;
        disabled: PropType<boolean>;
        loading: PropType<boolean>;
        loadingLock: PropType<boolean>;
        disabledItem: PropType<(value: string | number, data: import('../wheel').WheelRawOption) => boolean>;
        noTransition: PropType<boolean>;
        selectable: PropType<boolean>;
        slots: PropType<import('../wheel').WheelSlots>;
        onChange: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
        onPrev: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
        onNext: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
        onItemClick: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
    }>> & Readonly<{
        "onUpdate:value"?: ((...args: any[]) => any) | undefined;
    }>, "currentActive" | "scroll" | "blur" | "focus" | "wrapper" | "idFor" | "isInit" | "targetWidth" | "targetHeight" | "wrapperWidth" | "wrapperHeight" | "itemList" | "refreshScroll"> & import('vue').ShallowUnwrapRef<{
        idFor: import('vue').ComputedRef<string | undefined>;
        currentActive: import('vue').Ref<number, number>;
        isInit: import('vue').Ref<boolean, boolean>;
        targetWidth: import('vue').Ref<number, number>;
        targetHeight: import('vue').Ref<number, number>;
        wrapperWidth: import('vue').Ref<number, number>;
        wrapperHeight: import('vue').Ref<number, number>;
        itemList: import('vue').ComputedRef<{
            width: number;
            height: number;
            el?: (HTMLElement | null) | undefined;
            value: number | string;
            disabled: boolean;
            meta: any;
        }[]>;
        wrapper: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
        scroll: import('vue').Ref<({
            $: import('vue').ComponentInternalInstance;
            $data: {};
            $props: Partial<{}> & Omit<{
                readonly inherit?: boolean | undefined;
                readonly onScroll?: ((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[] | undefined;
                readonly onWheel?: ((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void) | ((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void)[] | undefined;
                readonly mode?: "horizontal" | "vertical" | "both" | "horizontal-exact" | undefined;
                readonly disabled?: boolean | undefined;
                readonly width?: string | number | undefined;
                readonly onScrollStart?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                readonly onScrollEnd?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                readonly wheel?: boolean | undefined;
                readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined;
                readonly scrollClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                readonly scrollStyle?: string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[] | undefined;
                readonly height?: string | number | undefined;
                readonly deltaX?: number | undefined;
                readonly deltaY?: number | undefined;
                readonly pointer?: boolean | undefined;
                readonly scrollX?: number | undefined;
                readonly scrollY?: number | undefined;
                readonly useXBar?: boolean | undefined;
                readonly useYBar?: boolean | undefined;
                readonly barFade?: number | undefined;
                readonly barClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                readonly autoplay?: number | boolean | undefined;
                readonly playWaiting?: number | undefined;
                readonly noBuffer?: boolean | undefined;
                readonly noTransition?: boolean | undefined;
                readonly useBarTrack?: boolean | undefined;
                readonly scrollTag?: string | undefined;
                readonly onXEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                readonly onYEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                readonly onBarScrollStart?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                readonly onBarScroll?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                readonly onBarScrollEnd?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                readonly onReady?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
                readonly scrollAttrs?: Record<string, any> | undefined;
                readonly onBeforeScroll?: ((payload: {
                    signX: number;
                    signY: number;
                }) => boolean) | undefined;
            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
            $attrs: {
                [x: string]: unknown;
            };
            $refs: {
                [x: string]: unknown;
            } & {
                wrapperEl: HTMLDivElement;
                contentEl: unknown;
                xBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                    inherit: PropType<boolean>;
                    placement: PropType<"bottom" | "top" | "right" | "left">;
                    scroll: PropType<number>;
                    barLength: PropType<number>;
                    width: PropType<number>;
                    appear: PropType<boolean>;
                    fade: PropType<number>;
                    barColor: PropType<string>;
                    trackColor: PropType<string>;
                    disabled: PropType<boolean>;
                    wrapper: PropType<string | HTMLElement>;
                    duration: PropType<number>;
                    useTrack: PropType<boolean>;
                    trackSpeed: PropType<number>;
                    onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                }>> & Readonly<{}>, {
                    currentScroll: import('vue').Ref<number, number>;
                    container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    handleScroll: (scroll: number) => void;
                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                    container: HTMLDivElement;
                    track: HTMLDivElement;
                    bar: HTMLDivElement;
                }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                    P: {};
                    B: {};
                    D: {};
                    C: {};
                    M: {};
                    Defaults: {};
                }, Readonly<import('vue').ExtractPropTypes<{
                    inherit: PropType<boolean>;
                    placement: PropType<"bottom" | "top" | "right" | "left">;
                    scroll: PropType<number>;
                    barLength: PropType<number>;
                    width: PropType<number>;
                    appear: PropType<boolean>;
                    fade: PropType<number>;
                    barColor: PropType<string>;
                    trackColor: PropType<string>;
                    disabled: PropType<boolean>;
                    wrapper: PropType<string | HTMLElement>;
                    duration: PropType<number>;
                    useTrack: PropType<boolean>;
                    trackSpeed: PropType<number>;
                    onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                }>> & Readonly<{}>, {
                    currentScroll: import('vue').Ref<number, number>;
                    container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    handleScroll: (scroll: number) => void;
                }, {}, {}, {}, {}> | null;
                yBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                    inherit: PropType<boolean>;
                    placement: PropType<"bottom" | "top" | "right" | "left">;
                    scroll: PropType<number>;
                    barLength: PropType<number>;
                    width: PropType<number>;
                    appear: PropType<boolean>;
                    fade: PropType<number>;
                    barColor: PropType<string>;
                    trackColor: PropType<string>;
                    disabled: PropType<boolean>;
                    wrapper: PropType<string | HTMLElement>;
                    duration: PropType<number>;
                    useTrack: PropType<boolean>;
                    trackSpeed: PropType<number>;
                    onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                }>> & Readonly<{}>, {
                    currentScroll: import('vue').Ref<number, number>;
                    container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    handleScroll: (scroll: number) => void;
                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                    container: HTMLDivElement;
                    track: HTMLDivElement;
                    bar: HTMLDivElement;
                }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                    P: {};
                    B: {};
                    D: {};
                    C: {};
                    M: {};
                    Defaults: {};
                }, Readonly<import('vue').ExtractPropTypes<{
                    inherit: PropType<boolean>;
                    placement: PropType<"bottom" | "top" | "right" | "left">;
                    scroll: PropType<number>;
                    barLength: PropType<number>;
                    width: PropType<number>;
                    appear: PropType<boolean>;
                    fade: PropType<number>;
                    barColor: PropType<string>;
                    trackColor: PropType<string>;
                    disabled: PropType<boolean>;
                    wrapper: PropType<string | HTMLElement>;
                    duration: PropType<number>;
                    useTrack: PropType<boolean>;
                    trackSpeed: PropType<number>;
                    onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                }>> & Readonly<{}>, {
                    currentScroll: import('vue').Ref<number, number>;
                    container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    handleScroll: (scroll: number) => void;
                }, {}, {}, {}, {}> | null;
            };
            $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<{
                inherit: PropType<boolean>;
                scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                scrollAttrs: PropType<Record<string, any>>;
                mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                width: PropType<string | number>;
                height: PropType<string | number>;
                deltaX: PropType<number>;
                deltaY: PropType<number>;
                disabled: PropType<boolean>;
                pointer: PropType<boolean>;
                wheel: PropType<boolean>;
                scrollX: PropType<number>;
                scrollY: PropType<number>;
                useXBar: PropType<boolean>;
                useYBar: PropType<boolean>;
                barFade: PropType<number>;
                barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                autoplay: PropType<number | boolean>;
                playWaiting: PropType<number>;
                noBuffer: PropType<boolean>;
                noTransition: PropType<boolean>;
                onBeforeScroll: PropType<(payload: {
                    signX: number;
                    signY: number;
                }) => boolean>;
                useBarTrack: PropType<boolean>;
                scrollTag: PropType<string>;
                onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onWheel: PropType<((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void) | ((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void)[]>;
                onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            }>> & Readonly<{}>, {
                percentX: import('vue').Ref<number, number>;
                percentY: import('vue').Ref<number, number>;
                x: import('vue').Ref<number, number>;
                y: import('vue').Ref<number, number>;
                isReady: import('vue').Ref<boolean, boolean>;
                xBarLength: import('vue').ComputedRef<number>;
                yBarLength: import('vue').ComputedRef<number>;
                enableXScroll: import('vue').ComputedRef<boolean>;
                enableYScroll: import('vue').ComputedRef<boolean>;
                wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                refresh: () => Promise<void>;
                scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                getXScrollLimit: () => number[];
                getYScrollLimit: () => number[];
                addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, 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<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
            inherit: PropType<boolean>;
            scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
            scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
            scrollAttrs: PropType<Record<string, any>>;
            mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
            width: PropType<string | number>;
            height: PropType<string | number>;
            deltaX: PropType<number>;
            deltaY: PropType<number>;
            disabled: PropType<boolean>;
            pointer: PropType<boolean>;
            wheel: PropType<boolean>;
            scrollX: PropType<number>;
            scrollY: PropType<number>;
            useXBar: PropType<boolean>;
            useYBar: PropType<boolean>;
            barFade: PropType<number>;
            barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
            autoplay: PropType<number | boolean>;
            playWaiting: PropType<number>;
            noBuffer: PropType<boolean>;
            noTransition: PropType<boolean>;
            onBeforeScroll: PropType<(payload: {
                signX: number;
                signY: number;
            }) => boolean>;
            useBarTrack: PropType<boolean>;
            scrollTag: PropType<string>;
            onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
            onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
            onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
            onWheel: PropType<((payload: import('..').BarScrollPayload & {
                sign: 1 | -1;
            }) => void) | ((payload: import('..').BarScrollPayload & {
                sign: 1 | -1;
            }) => void)[]>;
            onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
            onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
            onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
            onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
            onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
            onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
            onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
        }>> & Readonly<{}>, "refresh" | "content" | "scrollBy" | "scrollTo" | "wrapper" | "percentX" | "percentY" | "isReady" | "x" | "y" | "enableXScroll" | "enableYScroll" | "xBarLength" | "yBarLength" | "scrollToElement" | "ensureInView" | "xBar" | "yBar" | "getXScrollLimit" | "getYScrollLimit" | "addScrollListener" | "removeScrollListener"> & import('vue').ShallowUnwrapRef<{
            percentX: import('vue').Ref<number, number>;
            percentY: import('vue').Ref<number, number>;
            x: import('vue').Ref<number, number>;
            y: import('vue').Ref<number, number>;
            isReady: import('vue').Ref<boolean, boolean>;
            xBarLength: import('vue').ComputedRef<number>;
            yBarLength: import('vue').ComputedRef<number>;
            enableXScroll: import('vue').ComputedRef<boolean>;
            enableYScroll: import('vue').ComputedRef<boolean>;
            wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
            content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
            xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
            yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
            refresh: () => Promise<void>;
            scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
            scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
            scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
            ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
            getXScrollLimit: () => number[];
            getYScrollLimit: () => number[];
            addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
            removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
        }> & {} & import('vue').ComponentCustomProperties & {} & {
            $slots: {
                extra?(_: {
                    getState: () => {
                        scrollX: number;
                        scrollY: number;
                        percentX: number;
                        percentY: number;
                        enableXScroll: boolean;
                        enableYScroll: boolean;
                    };
                    refresh: () => Promise<void>;
                    scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                    scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                    scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                }): any;
                default?(_: {
                    getState: () => {
                        scrollX: number;
                        scrollY: number;
                        percentX: number;
                        percentY: number;
                        enableXScroll: boolean;
                        enableYScroll: boolean;
                    };
                    refresh: () => Promise<void>;
                    scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                    scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                    scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                }): any;
            };
        }) | undefined, ({
            $: import('vue').ComponentInternalInstance;
            $data: {};
            $props: Partial<{}> & Omit<{
                readonly inherit?: boolean | undefined;
                readonly onScroll?: ((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[] | undefined;
                readonly onWheel?: ((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void) | ((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void)[] | undefined;
                readonly mode?: "horizontal" | "vertical" | "both" | "horizontal-exact" | undefined;
                readonly disabled?: boolean | undefined;
                readonly width?: string | number | undefined;
                readonly onScrollStart?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                readonly onScrollEnd?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                readonly wheel?: boolean | undefined;
                readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined;
                readonly scrollClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                readonly scrollStyle?: string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[] | undefined;
                readonly height?: string | number | undefined;
                readonly deltaX?: number | undefined;
                readonly deltaY?: number | undefined;
                readonly pointer?: boolean | undefined;
                readonly scrollX?: number | undefined;
                readonly scrollY?: number | undefined;
                readonly useXBar?: boolean | undefined;
                readonly useYBar?: boolean | undefined;
                readonly barFade?: number | undefined;
                readonly barClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                readonly autoplay?: number | boolean | undefined;
                readonly playWaiting?: number | undefined;
                readonly noBuffer?: boolean | undefined;
                readonly noTransition?: boolean | undefined;
                readonly useBarTrack?: boolean | undefined;
                readonly scrollTag?: string | undefined;
                readonly onXEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                readonly onYEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                readonly onBarScrollStart?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                readonly onBarScroll?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                readonly onBarScrollEnd?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                readonly onReady?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
                readonly scrollAttrs?: Record<string, any> | undefined;
                readonly onBeforeScroll?: ((payload: {
                    signX: number;
                    signY: number;
                }) => boolean) | undefined;
            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
            $attrs: {
                [x: string]: unknown;
            };
            $refs: {
                [x: string]: unknown;
            } & {
                wrapperEl: HTMLDivElement;
                contentEl: unknown;
                xBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                    inherit: PropType<boolean>;
                    placement: PropType<"bottom" | "top" | "right" | "left">;
                    scroll: PropType<number>;
                    barLength: PropType<number>;
                    width: PropType<number>;
                    appear: PropType<boolean>;
                    fade: PropType<number>;
                    barColor: PropType<string>;
                    trackColor: PropType<string>;
                    disabled: PropType<boolean>;
                    wrapper: PropType<string | HTMLElement>;
                    duration: PropType<number>;
                    useTrack: PropType<boolean>;
                    trackSpeed: PropType<number>;
                    onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                }>> & Readonly<{}>, {
                    currentScroll: import('vue').Ref<number, number>;
                    container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    handleScroll: (scroll: number) => void;
                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                    container: HTMLDivElement;
                    track: HTMLDivElement;
                    bar: HTMLDivElement;
                }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                    P: {};
                    B: {};
                    D: {};
                    C: {};
                    M: {};
                    Defaults: {};
                }, Readonly<import('vue').ExtractPropTypes<{
                    inherit: PropType<boolean>;
                    placement: PropType<"bottom" | "top" | "right" | "left">;
                    scroll: PropType<number>;
                    barLength: PropType<number>;
                    width: PropType<number>;
                    appear: PropType<boolean>;
                    fade: PropType<number>;
                    barColor: PropType<string>;
                    trackColor: PropType<string>;
                    disabled: PropType<boolean>;
                    wrapper: PropType<string | HTMLElement>;
                    duration: PropType<number>;
                    useTrack: PropType<boolean>;
                    trackSpeed: PropType<number>;
                    onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                }>> & Readonly<{}>, {
                    currentScroll: import('vue').Ref<number, number>;
                    container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    handleScroll: (scroll: number) => void;
                }, {}, {}, {}, {}> | null;
                yBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                    inherit: PropType<boolean>;
                    placement: PropType<"bottom" | "top" | "right" | "left">;
                    scroll: PropType<number>;
                    barLength: PropType<number>;
                    width: PropType<number>;
                    appear: PropType<boolean>;
                    fade: PropType<number>;
                    barColor: PropType<string>;
                    trackColor: PropType<string>;
                    disabled: PropType<boolean>;
                    wrapper: PropType<string | HTMLElement>;
                    duration: PropType<number>;
                    useTrack: PropType<boolean>;
                    trackSpeed: PropType<number>;
                    onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                }>> & Readonly<{}>, {
                    currentScroll: import('vue').Ref<number, number>;
                    container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    handleScroll: (scroll: number) => void;
                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                    container: HTMLDivElement;
                    track: HTMLDivElement;
                    bar: HTMLDivElement;
                }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                    P: {};
                    B: {};
                    D: {};
                    C: {};
                    M: {};
                    Defaults: {};
                }, Readonly<import('vue').ExtractPropTypes<{
                    inherit: PropType<boolean>;
                    placement: PropType<"bottom" | "top" | "right" | "left">;
                    scroll: PropType<number>;
                    barLength: PropType<number>;
                    width: PropType<number>;
                    appear: PropType<boolean>;
                    fade: PropType<number>;
                    barColor: PropType<string>;
                    trackColor: PropType<string>;
                    disabled: PropType<boolean>;
                    wrapper: PropType<string | HTMLElement>;
                    duration: PropType<number>;
                    useTrack: PropType<boolean>;
                    trackSpeed: PropType<number>;
                    onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                }>> & Readonly<{}>, {
                    currentScroll: import('vue').Ref<number, number>;
                    container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    handleScroll: (scroll: number) => void;
                }, {}, {}, {}, {}> | null;
            };
            $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<{
                inherit: PropType<boolean>;
                scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                scrollAttrs: PropType<Record<string, any>>;
                mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                width: PropType<string | number>;
                height: PropType<string | number>;
                deltaX: PropType<number>;
                deltaY: PropType<number>;
                disabled: PropType<boolean>;
                pointer: PropType<boolean>;
                wheel: PropType<boolean>;
                scrollX: PropType<number>;
                scrollY: PropType<number>;
                useXBar: PropType<boolean>;
                useYBar: PropType<boolean>;
                barFade: PropType<number>;
                barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                autoplay: PropType<number | boolean>;
                playWaiting: PropType<number>;
                noBuffer: PropType<boolean>;
                noTransition: PropType<boolean>;
                onBeforeScroll: PropType<(payload: {
                    signX: number;
                    signY: number;
                }) => boolean>;
                useBarTrack: PropType<boolean>;
                scrollTag: PropType<string>;
                onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onWheel: PropType<((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void) | ((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void)[]>;
                onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            }>> & Readonly<{}>, {
                percentX: import('vue').Ref<number, number>;
                percentY: import('vue').Ref<number, number>;
                x: import('vue').Ref<number, number>;
                y: import('vue').Ref<number, number>;
                isReady: import('vue').Ref<boolean, boolean>;
                xBarLength: import('vue').ComputedRef<number>;
                yBarLength: import('vue').ComputedRef<number>;
                enableXScroll: import('vue').ComputedRef<boolean>;
                enableYScroll: import('vue').ComputedRef<boolean>;
                wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                refresh: () => Promise<void>;
                scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                getXScrollLimit: () => number[];
                getYScrollLimit: () => number[];
                addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, 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<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
            inherit: PropType<boolean>;
            scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
            scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
            scrollAttrs: PropType<Record<string, any>>;
            mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
            width: PropType<string | number>;
            height: PropType<string | number>;
            deltaX: PropType<number>;
            deltaY: PropType<number>;
            disabled: PropType<boolean>;
            pointer: PropType<boolean>;
            wheel: PropType<boolean>;
            scrollX: PropType<number>;
            scrollY: PropType<number>;
            useXBar: PropType<boolean>;
            useYBar: PropType<boolean>;
            barFade: PropType<number>;
            barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
            autoplay: PropType<number | boolean>;
            playWaiting: PropType<number>;
            noBuffer: PropType<boolean>;
            noTransition: PropType<boolean>;
            onBeforeScroll: PropType<(payload: {
                signX: number;
                signY: number;
            }) => boolean>;
            useBarTrack: PropType<boolean>;
            scrollTag: PropType<string>;
            onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
            onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
            onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
            onWheel: PropType<((payload: import('..').BarScrollPayload & {
                sign: 1 | -1;
            }) => void) | ((payload: import('..').BarScrollPayload & {
                sign: 1 | -1;
            }) => void)[]>;
            onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
            onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
            onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
            onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
            onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
            onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
            onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
        }>> & Readonly<{}>, "refresh" | "content" | "scrollBy" | "scrollTo" | "wrapper" | "percentX" | "percentY" | "isReady" | "x" | "y" | "enableXScroll" | "enableYScroll" | "xBarLength" | "yBarLength" | "scrollToElement" | "ensureInView" | "xBar" | "yBar" | "getXScrollLimit" | "getYScrollLimit" | "addScrollListener" | "removeScrollListener"> & import('vue').ShallowUnwrapRef<{
            percentX: import('vue').Ref<number, number>;
            percentY: import('vue').Ref<number, number>;
            x: import('vue').Ref<number, number>;
            y: import('vue').Ref<number, number>;
            isReady: import('vue').Ref<boolean, boolean>;
            xBarLength: import('vue').ComputedRef<number>;
            yBarLength: import('vue').ComputedRef<number>;
            enableXScroll: import('vue').ComputedRef<boolean>;
            enableYScroll: import('vue').ComputedRef<boolean>;
            wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
            content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
            xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
            yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
            refresh: () => Promise<void>;
            scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
            scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
            scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
            ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
            getXScrollLimit: () => number[];
            getYScrollLimit: () => number[];
            addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
            removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
        }> & {} & import('vue').ComponentCustomProperties & {} & {
            $slots: {
                extra?(_: {
                    getState: () => {
                        scrollX: number;
                        scrollY: number;
                        percentX: number;
                        percentY: number;
                        enableXScroll: boolean;
                        enableYScroll: boolean;
                    };
                    refresh: () => Promise<void>;
                    scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                    scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                    scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                }): any;
                default?(_: {
                    getState: () => {
                        scrollX: number;
                        scrollY: number;
                        percentX: number;
                        percentY: number;
                        enableXScroll: boolean;
                        enableYScroll: boolean;
                    };
                    refresh: () => Promise<void>;
                    scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                    scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                    scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                }): any;
            };
        }) | undefined>;
        refreshScroll: () => void;
        focus: (options?: FocusOptions) => void | undefined;
        blur: () => void | undefined;
    }> & {} & import('vue').ComponentCustomProperties & {} & {
        $slots: Readonly<import('../wheel').WheelSlots> & import('../wheel').WheelSlots;
    }) | null;
    secondWheel: ({
        $: import('vue').ComponentInternalInstance;
        $data: {};
        $props: Partial<{}> & Omit<{
            readonly value?: string | number | undefined;
            readonly inherit?: boolean | undefined;
            readonly options?: import('../wheel').WheelRawOption[] | undefined;
            readonly horizontal?: boolean | undefined;
            readonly loading?: boolean | undefined;
            readonly slots?: import('../wheel').WheelSlots | undefined;
            readonly onChange?: ((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[] | undefined;
            readonly disabled?: boolean | undefined;
            readonly pointer?: boolean | undefined;
            readonly noTransition?: boolean | undefined;
            readonly state?: "default" | "success" | "error" | "warning" | undefined;
            readonly loadingLock?: boolean | undefined;
            readonly arrow?: boolean | undefined;
            readonly onPrev?: ((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[] | undefined;
            readonly onNext?: ((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[] | undefined;
            readonly insertEmpty?: string | boolean | undefined;
            readonly selectable?: boolean | undefined;
            readonly onItemClick?: ((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[] | undefined;
            readonly candidate?: 0 | 1 | 2 | 3 | undefined;
            readonly disabledItem?: ((value: string | number, data: import('../wheel').WheelRawOption) => boolean) | undefined;
            readonly "onUpdate:value"?: ((...args: any[]) => any) | undefined;
        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
        $attrs: {
            [x: string]: unknown;
        };
        $refs: {
            [x: string]: unknown;
        } & {
            wrapper: HTMLDivElement;
            prevArrow: HTMLDivElement;
            scroll: ({
                $: import('vue').ComponentInternalInstance;
                $data: {};
                $props: Partial<{}> & Omit<{
                    readonly inherit?: boolean | undefined;
                    readonly onScroll?: ((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[] | undefined;
                    readonly onWheel?: ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[] | undefined;
                    readonly mode?: "horizontal" | "vertical" | "both" | "horizontal-exact" | undefined;
                    readonly disabled?: boolean | undefined;
                    readonly width?: string | number | undefined;
                    readonly onScrollStart?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                    readonly onScrollEnd?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                    readonly wheel?: boolean | undefined;
                    readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined;
                    readonly scrollClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                    readonly scrollStyle?: string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[] | undefined;
                    readonly height?: string | number | undefined;
                    readonly deltaX?: number | undefined;
                    readonly deltaY?: number | undefined;
                    readonly pointer?: boolean | undefined;
                    readonly scrollX?: number | undefined;
                    readonly scrollY?: number | undefined;
                    readonly useXBar?: boolean | undefined;
                    readonly useYBar?: boolean | undefined;
                    readonly barFade?: number | undefined;
                    readonly barClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                    readonly autoplay?: number | boolean | undefined;
                    readonly playWaiting?: number | undefined;
                    readonly noBuffer?: boolean | undefined;
                    readonly noTransition?: boolean | undefined;
                    readonly useBarTrack?: boolean | undefined;
                    readonly scrollTag?: string | undefined;
                    readonly onXEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                    readonly onYEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                    readonly onBarScrollStart?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onBarScroll?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onBarScrollEnd?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onReady?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
                    readonly scrollAttrs?: Record<string, any> | undefined;
                    readonly onBeforeScroll?: ((payload: {
                        signX: number;
                        signY: number;
                    }) => boolean) | undefined;
                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
                $attrs: {
                    [x: string]: unknown;
                };
                $refs: {
                    [x: string]: unknown;
                } & {
                    wrapperEl: HTMLDivElement;
                    contentEl: unknown;
                    xBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        container: HTMLDivElement;
                        track: HTMLDivElement;
                        bar: HTMLDivElement;
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, {}> | null;
                    yBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        container: HTMLDivElement;
                        track: HTMLDivElement;
                        bar: HTMLDivElement;
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, {}> | null;
                };
                $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<{
                    inherit: PropType<boolean>;
                    scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                    scrollAttrs: PropType<Record<string, any>>;
                    mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                    width: PropType<string | number>;
                    height: PropType<string | number>;
                    deltaX: PropType<number>;
                    deltaY: PropType<number>;
                    disabled: PropType<boolean>;
                    pointer: PropType<boolean>;
                    wheel: PropType<boolean>;
                    scrollX: PropType<number>;
                    scrollY: PropType<number>;
                    useXBar: PropType<boolean>;
                    useYBar: PropType<boolean>;
                    barFade: PropType<number>;
                    barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    autoplay: PropType<number | boolean>;
                    playWaiting: PropType<number>;
                    noBuffer: PropType<boolean>;
                    noTransition: PropType<boolean>;
                    onBeforeScroll: PropType<(payload: {
                        signX: number;
                        signY: number;
                    }) => boolean>;
                    useBarTrack: PropType<boolean>;
                    scrollTag: PropType<string>;
                    onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                    onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onWheel: PropType<((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[]>;
                    onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                    onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
                }>> & Readonly<{}>, {
                    percentX: import('vue').Ref<number, number>;
                    percentY: import('vue').Ref<number, number>;
                    x: import('vue').Ref<number, number>;
                    y: import('vue').Ref<number, number>;
                    isReady: import('vue').Ref<boolean, boolean>;
                    xBarLength: import('vue').ComputedRef<number>;
                    yBarLength: import('vue').ComputedRef<number>;
                    enableXScroll: import('vue').ComputedRef<boolean>;
                    enableYScroll: import('vue').ComputedRef<boolean>;
                    wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    refresh: () => Promise<void>;
                    scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                    scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                    scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    getXScrollLimit: () => number[];
                    getYScrollLimit: () => number[];
                    addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                    removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, 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<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
                inherit: PropType<boolean>;
                scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                scrollAttrs: PropType<Record<string, any>>;
                mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                width: PropType<string | number>;
                height: PropType<string | number>;
                deltaX: PropType<number>;
                deltaY: PropType<number>;
                disabled: PropType<boolean>;
                pointer: PropType<boolean>;
                wheel: PropType<boolean>;
                scrollX: PropType<number>;
                scrollY: PropType<number>;
                useXBar: PropType<boolean>;
                useYBar: PropType<boolean>;
                barFade: PropType<number>;
                barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                autoplay: PropType<number | boolean>;
                playWaiting: PropType<number>;
                noBuffer: PropType<boolean>;
                noTransition: PropType<boolean>;
                onBeforeScroll: PropType<(payload: {
                    signX: number;
                    signY: number;
                }) => boolean>;
                useBarTrack: PropType<boolean>;
                scrollTag: PropType<string>;
                onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onWheel: PropType<((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void) | ((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void)[]>;
                onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            }>> & Readonly<{}>, "refresh" | "content" | "scrollBy" | "scrollTo" | "wrapper" | "percentX" | "percentY" | "isReady" | "x" | "y" | "enableXScroll" | "enableYScroll" | "xBarLength" | "yBarLength" | "scrollToElement" | "ensureInView" | "xBar" | "yBar" | "getXScrollLimit" | "getYScrollLimit" | "addScrollListener" | "removeScrollListener"> & import('vue').ShallowUnwrapRef<{
                percentX: import('vue').Ref<number, number>;
                percentY: import('vue').Ref<number, number>;
                x: import('vue').Ref<number, number>;
                y: import('vue').Ref<number, number>;
                isReady: import('vue').Ref<boolean, boolean>;
                xBarLength: import('vue').ComputedRef<number>;
                yBarLength: import('vue').ComputedRef<number>;
                enableXScroll: import('vue').ComputedRef<boolean>;
                enableYScroll: import('vue').ComputedRef<boolean>;
                wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                refresh: () => Promise<void>;
                scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                getXScrollLimit: () => number[];
                getYScrollLimit: () => number[];
                addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
            }> & {} & import('vue').ComponentCustomProperties & {} & {
                $slots: {
                    extra?(_: {
                        getState: () => {
                            scrollX: number;
                            scrollY: number;
                            percentX: number;
                            percentY: number;
                            enableXScroll: boolean;
                            enableYScroll: boolean;
                        };
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    }): any;
                    default?(_: {
                        getState: () => {
                            scrollX: number;
                            scrollY: number;
                            percentX: number;
                            percentY: number;
                            enableXScroll: boolean;
                            enableYScroll: boolean;
                        };
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    }): any;
                };
            }) | null;
            list: HTMLUListElement;
            nextArrow: 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: "update:value", ...args: any[]) => void;
        $el: HTMLDivElement;
        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
            inherit: PropType<boolean>;
            state: PropType<"default" | "success" | "error" | "warning">;
            horizontal: PropType<boolean>;
            value: PropType<string | number>;
            candidate: PropType<0 | 1 | 2 | 3>;
            arrow: PropType<boolean>;
            pointer: PropType<boolean>;
            options: PropType<import('../wheel').WheelRawOption[]>;
            insertEmpty: PropType<string | boolean>;
            disabled: PropType<boolean>;
            loading: PropType<boolean>;
            loadingLock: PropType<boolean>;
            disabledItem: PropType<(value: string | number, data: import('../wheel').WheelRawOption) => boolean>;
            noTransition: PropType<boolean>;
            selectable: PropType<boolean>;
            slots: PropType<import('../wheel').WheelSlots>;
            onChange: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
            onPrev: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
            onNext: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
            onItemClick: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
        }>> & Readonly<{
            "onUpdate:value"?: ((...args: any[]) => any) | undefined;
        }>, {
            idFor: import('vue').ComputedRef<string | undefined>;
            currentActive: import('vue').Ref<number, number>;
            isInit: import('vue').Ref<boolean, boolean>;
            targetWidth: import('vue').Ref<number, number>;
            targetHeight: import('vue').Ref<number, number>;
            wrapperWidth: import('vue').Ref<number, number>;
            wrapperHeight: import('vue').Ref<number, number>;
            itemList: import('vue').ComputedRef<{
                width: number;
                height: number;
                el?: (HTMLElement | null) | undefined;
                value: number | string;
                disabled: boolean;
                meta: any;
            }[]>;
            wrapper: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
            scroll: import('vue').Ref<({
                $: import('vue').ComponentInternalInstance;
                $data: {};
                $props: Partial<{}> & Omit<{
                    readonly inherit?: boolean | undefined;
                    readonly onScroll?: ((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[] | undefined;
                    readonly onWheel?: ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[] | undefined;
                    readonly mode?: "horizontal" | "vertical" | "both" | "horizontal-exact" | undefined;
                    readonly disabled?: boolean | undefined;
                    readonly width?: string | number | undefined;
                    readonly onScrollStart?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                    readonly onScrollEnd?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                    readonly wheel?: boolean | undefined;
                    readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined;
                    readonly scrollClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                    readonly scrollStyle?: string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[] | undefined;
                    readonly height?: string | number | undefined;
                    readonly deltaX?: number | undefined;
                    readonly deltaY?: number | undefined;
                    readonly pointer?: boolean | undefined;
                    readonly scrollX?: number | undefined;
                    readonly scrollY?: number | undefined;
                    readonly useXBar?: boolean | undefined;
                    readonly useYBar?: boolean | undefined;
                    readonly barFade?: number | undefined;
                    readonly barClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                    readonly autoplay?: number | boolean | undefined;
                    readonly playWaiting?: number | undefined;
                    readonly noBuffer?: boolean | undefined;
                    readonly noTransition?: boolean | undefined;
                    readonly useBarTrack?: boolean | undefined;
                    readonly scrollTag?: string | undefined;
                    readonly onXEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                    readonly onYEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                    readonly onBarScrollStart?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onBarScroll?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onBarScrollEnd?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onReady?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
                    readonly scrollAttrs?: Record<string, any> | undefined;
                    readonly onBeforeScroll?: ((payload: {
                        signX: number;
                        signY: number;
                    }) => boolean) | undefined;
                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
                $attrs: {
                    [x: string]: unknown;
                };
                $refs: {
                    [x: string]: unknown;
                } & {
                    wrapperEl: HTMLDivElement;
                    contentEl: unknown;
                    xBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        container: HTMLDivElement;
                        track: HTMLDivElement;
                        bar: HTMLDivElement;
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, {}> | null;
                    yBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        container: HTMLDivElement;
                        track: HTMLDivElement;
                        bar: HTMLDivElement;
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, {}> | null;
                };
                $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<{
                    inherit: PropType<boolean>;
                    scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                    scrollAttrs: PropType<Record<string, any>>;
                    mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                    width: PropType<string | number>;
                    height: PropType<string | number>;
                    deltaX: PropType<number>;
                    deltaY: PropType<number>;
                    disabled: PropType<boolean>;
                    pointer: PropType<boolean>;
                    wheel: PropType<boolean>;
                    scrollX: PropType<number>;
                    scrollY: PropType<number>;
                    useXBar: PropType<boolean>;
                    useYBar: PropType<boolean>;
                    barFade: PropType<number>;
                    barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    autoplay: PropType<number | boolean>;
                    playWaiting: PropType<number>;
                    noBuffer: PropType<boolean>;
                    noTransition: PropType<boolean>;
                    onBeforeScroll: PropType<(payload: {
                        signX: number;
                        signY: number;
                    }) => boolean>;
                    useBarTrack: PropType<boolean>;
                    scrollTag: PropType<string>;
                    onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                    onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onWheel: PropType<((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[]>;
                    onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                    onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
                }>> & Readonly<{}>, {
                    percentX: import('vue').Ref<number, number>;
                    percentY: import('vue').Ref<number, number>;
                    x: import('vue').Ref<number, number>;
                    y: import('vue').Ref<number, number>;
                    isReady: import('vue').Ref<boolean, boolean>;
                    xBarLength: import('vue').ComputedRef<number>;
                    yBarLength: import('vue').ComputedRef<number>;
                    enableXScroll: import('vue').ComputedRef<boolean>;
                    enableYScroll: import('vue').ComputedRef<boolean>;
                    wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    refresh: () => Promise<void>;
                    scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                    scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                    scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    getXScrollLimit: () => number[];
                    getYScrollLimit: () => number[];
                    addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                    removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, 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<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
                inherit: PropType<boolean>;
                scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                scrollAttrs: PropType<Record<string, any>>;
                mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                width: PropType<string | number>;
                height: PropType<string | number>;
                deltaX: PropType<number>;
                deltaY: PropType<number>;
                disabled: PropType<boolean>;
                pointer: PropType<boolean>;
                wheel: PropType<boolean>;
                scrollX: PropType<number>;
                scrollY: PropType<number>;
                useXBar: PropType<boolean>;
                useYBar: PropType<boolean>;
                barFade: PropType<number>;
                barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                autoplay: PropType<number | boolean>;
                playWaiting: PropType<number>;
                noBuffer: PropType<boolean>;
                noTransition: PropType<boolean>;
                onBeforeScroll: PropType<(payload: {
                    signX: number;
                    signY: number;
                }) => boolean>;
                useBarTrack: PropType<boolean>;
                scrollTag: PropType<string>;
                onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onWheel: PropType<((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void) | ((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void)[]>;
                onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            }>> & Readonly<{}>, "refresh" | "content" | "scrollBy" | "scrollTo" | "wrapper" | "percentX" | "percentY" | "isReady" | "x" | "y" | "enableXScroll" | "enableYScroll" | "xBarLength" | "yBarLength" | "scrollToElement" | "ensureInView" | "xBar" | "yBar" | "getXScrollLimit" | "getYScrollLimit" | "addScrollListener" | "removeScrollListener"> & import('vue').ShallowUnwrapRef<{
                percentX: import('vue').Ref<number, number>;
                percentY: import('vue').Ref<number, number>;
                x: import('vue').Ref<number, number>;
                y: import('vue').Ref<number, number>;
                isReady: import('vue').Ref<boolean, boolean>;
                xBarLength: import('vue').ComputedRef<number>;
                yBarLength: import('vue').ComputedRef<number>;
                enableXScroll: import('vue').ComputedRef<boolean>;
                enableYScroll: import('vue').ComputedRef<boolean>;
                wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                refresh: () => Promise<void>;
                scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                getXScrollLimit: () => number[];
                getYScrollLimit: () => number[];
                addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
            }> & {} & import('vue').ComponentCustomProperties & {} & {
                $slots: {
                    extra?(_: {
                        getState: () => {
                            scrollX: number;
                            scrollY: number;
                            percentX: number;
                            percentY: number;
                            enableXScroll: boolean;
                            enableYScroll: boolean;
                        };
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    }): any;
                    default?(_: {
                        getState: () => {
                            scrollX: number;
                            scrollY: number;
                            percentX: number;
                            percentY: number;
                            enableXScroll: boolean;
                            enableYScroll: boolean;
                        };
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    }): any;
                };
            }) | undefined, ({
                $: import('vue').ComponentInternalInstance;
                $data: {};
                $props: Partial<{}> & Omit<{
                    readonly inherit?: boolean | undefined;
                    readonly onScroll?: ((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[] | undefined;
                    readonly onWheel?: ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[] | undefined;
                    readonly mode?: "horizontal" | "vertical" | "both" | "horizontal-exact" | undefined;
                    readonly disabled?: boolean | undefined;
                    readonly width?: string | number | undefined;
                    readonly onScrollStart?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                    readonly onScrollEnd?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                    readonly wheel?: boolean | undefined;
                    readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined;
                    readonly scrollClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                    readonly scrollStyle?: string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[] | undefined;
                    readonly height?: string | number | undefined;
                    readonly deltaX?: number | undefined;
                    readonly deltaY?: number | undefined;
                    readonly pointer?: boolean | undefined;
                    readonly scrollX?: number | undefined;
                    readonly scrollY?: number | undefined;
                    readonly useXBar?: boolean | undefined;
                    readonly useYBar?: boolean | undefined;
                    readonly barFade?: number | undefined;
                    readonly barClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                    readonly autoplay?: number | boolean | undefined;
                    readonly playWaiting?: number | undefined;
                    readonly noBuffer?: boolean | undefined;
                    readonly noTransition?: boolean | undefined;
                    readonly useBarTrack?: boolean | undefined;
                    readonly scrollTag?: string | undefined;
                    readonly onXEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                    readonly onYEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                    readonly onBarScrollStart?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onBarScroll?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onBarScrollEnd?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                    readonly onReady?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
                    readonly scrollAttrs?: Record<string, any> | undefined;
                    readonly onBeforeScroll?: ((payload: {
                        signX: number;
                        signY: number;
                    }) => boolean) | undefined;
                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
                $attrs: {
                    [x: string]: unknown;
                };
                $refs: {
                    [x: string]: unknown;
                } & {
                    wrapperEl: HTMLDivElement;
                    contentEl: unknown;
                    xBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        container: HTMLDivElement;
                        track: HTMLDivElement;
                        bar: HTMLDivElement;
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, {}> | null;
                    yBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        container: HTMLDivElement;
                        track: HTMLDivElement;
                        bar: HTMLDivElement;
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<import('vue').ExtractPropTypes<{
                        inherit: PropType<boolean>;
                        placement: PropType<"bottom" | "top" | "right" | "left">;
                        scroll: PropType<number>;
                        barLength: PropType<number>;
                        width: PropType<number>;
                        appear: PropType<boolean>;
                        fade: PropType<number>;
                        barColor: PropType<string>;
                        trackColor: PropType<string>;
                        disabled: PropType<boolean>;
                        wrapper: PropType<string | HTMLElement>;
                        duration: PropType<number>;
                        useTrack: PropType<boolean>;
                        trackSpeed: PropType<number>;
                        onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                        onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    }>> & Readonly<{}>, {
                        currentScroll: import('vue').Ref<number, number>;
                        container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                        handleScroll: (scroll: number) => void;
                    }, {}, {}, {}, {}> | null;
                };
                $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<{
                    inherit: PropType<boolean>;
                    scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                    scrollAttrs: PropType<Record<string, any>>;
                    mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                    width: PropType<string | number>;
                    height: PropType<string | number>;
                    deltaX: PropType<number>;
                    deltaY: PropType<number>;
                    disabled: PropType<boolean>;
                    pointer: PropType<boolean>;
                    wheel: PropType<boolean>;
                    scrollX: PropType<number>;
                    scrollY: PropType<number>;
                    useXBar: PropType<boolean>;
                    useYBar: PropType<boolean>;
                    barFade: PropType<number>;
                    barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                    autoplay: PropType<number | boolean>;
                    playWaiting: PropType<number>;
                    noBuffer: PropType<boolean>;
                    noTransition: PropType<boolean>;
                    onBeforeScroll: PropType<(payload: {
                        signX: number;
                        signY: number;
                    }) => boolean>;
                    useBarTrack: PropType<boolean>;
                    scrollTag: PropType<string>;
                    onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                    onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                    onWheel: PropType<((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void) | ((payload: import('..').BarScrollPayload & {
                        sign: 1 | -1;
                    }) => void)[]>;
                    onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                    onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                    onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                    onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
                }>> & Readonly<{}>, {
                    percentX: import('vue').Ref<number, number>;
                    percentY: import('vue').Ref<number, number>;
                    x: import('vue').Ref<number, number>;
                    y: import('vue').Ref<number, number>;
                    isReady: import('vue').Ref<boolean, boolean>;
                    xBarLength: import('vue').ComputedRef<number>;
                    yBarLength: import('vue').ComputedRef<number>;
                    enableXScroll: import('vue').ComputedRef<boolean>;
                    enableYScroll: import('vue').ComputedRef<boolean>;
                    wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                    refresh: () => Promise<void>;
                    scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                    scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                    scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    getXScrollLimit: () => number[];
                    getYScrollLimit: () => number[];
                    addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                    removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, 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<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
                inherit: PropType<boolean>;
                scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                scrollAttrs: PropType<Record<string, any>>;
                mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                width: PropType<string | number>;
                height: PropType<string | number>;
                deltaX: PropType<number>;
                deltaY: PropType<number>;
                disabled: PropType<boolean>;
                pointer: PropType<boolean>;
                wheel: PropType<boolean>;
                scrollX: PropType<number>;
                scrollY: PropType<number>;
                useXBar: PropType<boolean>;
                useYBar: PropType<boolean>;
                barFade: PropType<number>;
                barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                autoplay: PropType<number | boolean>;
                playWaiting: PropType<number>;
                noBuffer: PropType<boolean>;
                noTransition: PropType<boolean>;
                onBeforeScroll: PropType<(payload: {
                    signX: number;
                    signY: number;
                }) => boolean>;
                useBarTrack: PropType<boolean>;
                scrollTag: PropType<string>;
                onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onWheel: PropType<((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void) | ((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void)[]>;
                onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            }>> & Readonly<{}>, "refresh" | "content" | "scrollBy" | "scrollTo" | "wrapper" | "percentX" | "percentY" | "isReady" | "x" | "y" | "enableXScroll" | "enableYScroll" | "xBarLength" | "yBarLength" | "scrollToElement" | "ensureInView" | "xBar" | "yBar" | "getXScrollLimit" | "getYScrollLimit" | "addScrollListener" | "removeScrollListener"> & import('vue').ShallowUnwrapRef<{
                percentX: import('vue').Ref<number, number>;
                percentY: import('vue').Ref<number, number>;
                x: import('vue').Ref<number, number>;
                y: import('vue').Ref<number, number>;
                isReady: import('vue').Ref<boolean, boolean>;
                xBarLength: import('vue').ComputedRef<number>;
                yBarLength: import('vue').ComputedRef<number>;
                enableXScroll: import('vue').ComputedRef<boolean>;
                enableYScroll: import('vue').ComputedRef<boolean>;
                wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                refresh: () => Promise<void>;
                scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                getXScrollLimit: () => number[];
                getYScrollLimit: () => number[];
                addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
            }> & {} & import('vue').ComponentCustomProperties & {} & {
                $slots: {
                    extra?(_: {
                        getState: () => {
                            scrollX: number;
                            scrollY: number;
                            percentX: number;
                            percentY: number;
                            enableXScroll: boolean;
                            enableYScroll: boolean;
                        };
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    }): any;
                    default?(_: {
                        getState: () => {
                            scrollX: number;
                            scrollY: number;
                            percentX: number;
                            percentY: number;
                            enableXScroll: boolean;
                            enableYScroll: boolean;
                        };
                        refresh: () => Promise<void>;
                        scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                        scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                        scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                        ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    }): any;
                };
            }) | undefined>;
            refreshScroll: () => void;
            focus: (options?: FocusOptions) => void | undefined;
            blur: () => void | undefined;
        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
            "update:value": (...args: any[]) => void;
        }, string, {}, {}, 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<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
        inherit: PropType<boolean>;
        state: PropType<"default" | "success" | "error" | "warning">;
        horizontal: PropType<boolean>;
        value: PropType<string | number>;
        candidate: PropType<0 | 1 | 2 | 3>;
        arrow: PropType<boolean>;
        pointer: PropType<boolean>;
        options: PropType<import('../wheel').WheelRawOption[]>;
        insertEmpty: PropType<string | boolean>;
        disabled: PropType<boolean>;
        loading: PropType<boolean>;
        loadingLock: PropType<boolean>;
        disabledItem: PropType<(value: string | number, data: import('../wheel').WheelRawOption) => boolean>;
        noTransition: PropType<boolean>;
        selectable: PropType<boolean>;
        slots: PropType<import('../wheel').WheelSlots>;
        onChange: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
        onPrev: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
        onNext: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
        onItemClick: PropType<((value: string | number, data: import('../wheel').WheelRawOption) => void) | ((value: string | number, data: import('../wheel').WheelRawOption) => void)[]>;
    }>> & Readonly<{
        "onUpdate:value"?: ((...args: any[]) => any) | undefined;
    }>, "currentActive" | "scroll" | "blur" | "focus" | "wrapper" | "idFor" | "isInit" | "targetWidth" | "targetHeight" | "wrapperWidth" | "wrapperHeight" | "itemList" | "refreshScroll"> & import('vue').ShallowUnwrapRef<{
        idFor: import('vue').ComputedRef<string | undefined>;
        currentActive: import('vue').Ref<number, number>;
        isInit: import('vue').Ref<boolean, boolean>;
        targetWidth: import('vue').Ref<number, number>;
        targetHeight: import('vue').Ref<number, number>;
        wrapperWidth: import('vue').Ref<number, number>;
        wrapperHeight: import('vue').Ref<number, number>;
        itemList: import('vue').ComputedRef<{
            width: number;
            height: number;
            el?: (HTMLElement | null) | undefined;
            value: number | string;
            disabled: boolean;
            meta: any;
        }[]>;
        wrapper: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
        scroll: import('vue').Ref<({
            $: import('vue').ComponentInternalInstance;
            $data: {};
            $props: Partial<{}> & Omit<{
                readonly inherit?: boolean | undefined;
                readonly onScroll?: ((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[] | undefined;
                readonly onWheel?: ((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void) | ((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void)[] | undefined;
                readonly mode?: "horizontal" | "vertical" | "both" | "horizontal-exact" | undefined;
                readonly disabled?: boolean | undefined;
                readonly width?: string | number | undefined;
                readonly onScrollStart?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                readonly onScrollEnd?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                readonly wheel?: boolean | undefined;
                readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined;
                readonly scrollClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                readonly scrollStyle?: string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[] | undefined;
                readonly height?: string | number | undefined;
                readonly deltaX?: number | undefined;
                readonly deltaY?: number | undefined;
                readonly pointer?: boolean | undefined;
                readonly scrollX?: number | undefined;
                readonly scrollY?: number | undefined;
                readonly useXBar?: boolean | undefined;
                readonly useYBar?: boolean | undefined;
                readonly barFade?: number | undefined;
                readonly barClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                readonly autoplay?: number | boolean | undefined;
                readonly playWaiting?: number | undefined;
                readonly noBuffer?: boolean | undefined;
                readonly noTransition?: boolean | undefined;
                readonly useBarTrack?: boolean | undefined;
                readonly scrollTag?: string | undefined;
                readonly onXEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                readonly onYEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                readonly onBarScrollStart?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                readonly onBarScroll?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                readonly onBarScrollEnd?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                readonly onReady?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
                readonly scrollAttrs?: Record<string, any> | undefined;
                readonly onBeforeScroll?: ((payload: {
                    signX: number;
                    signY: number;
                }) => boolean) | undefined;
            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
            $attrs: {
                [x: string]: unknown;
            };
            $refs: {
                [x: string]: unknown;
            } & {
                wrapperEl: HTMLDivElement;
                contentEl: unknown;
                xBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                    inherit: PropType<boolean>;
                    placement: PropType<"bottom" | "top" | "right" | "left">;
                    scroll: PropType<number>;
                    barLength: PropType<number>;
                    width: PropType<number>;
                    appear: PropType<boolean>;
                    fade: PropType<number>;
                    barColor: PropType<string>;
                    trackColor: PropType<string>;
                    disabled: PropType<boolean>;
                    wrapper: PropType<string | HTMLElement>;
                    duration: PropType<number>;
                    useTrack: PropType<boolean>;
                    trackSpeed: PropType<number>;
                    onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                }>> & Readonly<{}>, {
                    currentScroll: import('vue').Ref<number, number>;
                    container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    handleScroll: (scroll: number) => void;
                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                    container: HTMLDivElement;
                    track: HTMLDivElement;
                    bar: HTMLDivElement;
                }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                    P: {};
                    B: {};
                    D: {};
                    C: {};
                    M: {};
                    Defaults: {};
                }, Readonly<import('vue').ExtractPropTypes<{
                    inherit: PropType<boolean>;
                    placement: PropType<"bottom" | "top" | "right" | "left">;
                    scroll: PropType<number>;
                    barLength: PropType<number>;
                    width: PropType<number>;
                    appear: PropType<boolean>;
                    fade: PropType<number>;
                    barColor: PropType<string>;
                    trackColor: PropType<string>;
                    disabled: PropType<boolean>;
                    wrapper: PropType<string | HTMLElement>;
                    duration: PropType<number>;
                    useTrack: PropType<boolean>;
                    trackSpeed: PropType<number>;
                    onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                }>> & Readonly<{}>, {
                    currentScroll: import('vue').Ref<number, number>;
                    container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    handleScroll: (scroll: number) => void;
                }, {}, {}, {}, {}> | null;
                yBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                    inherit: PropType<boolean>;
                    placement: PropType<"bottom" | "top" | "right" | "left">;
                    scroll: PropType<number>;
                    barLength: PropType<number>;
                    width: PropType<number>;
                    appear: PropType<boolean>;
                    fade: PropType<number>;
                    barColor: PropType<string>;
                    trackColor: PropType<string>;
                    disabled: PropType<boolean>;
                    wrapper: PropType<string | HTMLElement>;
                    duration: PropType<number>;
                    useTrack: PropType<boolean>;
                    trackSpeed: PropType<number>;
                    onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                }>> & Readonly<{}>, {
                    currentScroll: import('vue').Ref<number, number>;
                    container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    handleScroll: (scroll: number) => void;
                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                    container: HTMLDivElement;
                    track: HTMLDivElement;
                    bar: HTMLDivElement;
                }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                    P: {};
                    B: {};
                    D: {};
                    C: {};
                    M: {};
                    Defaults: {};
                }, Readonly<import('vue').ExtractPropTypes<{
                    inherit: PropType<boolean>;
                    placement: PropType<"bottom" | "top" | "right" | "left">;
                    scroll: PropType<number>;
                    barLength: PropType<number>;
                    width: PropType<number>;
                    appear: PropType<boolean>;
                    fade: PropType<number>;
                    barColor: PropType<string>;
                    trackColor: PropType<string>;
                    disabled: PropType<boolean>;
                    wrapper: PropType<string | HTMLElement>;
                    duration: PropType<number>;
                    useTrack: PropType<boolean>;
                    trackSpeed: PropType<number>;
                    onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                }>> & Readonly<{}>, {
                    currentScroll: import('vue').Ref<number, number>;
                    container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    handleScroll: (scroll: number) => void;
                }, {}, {}, {}, {}> | null;
            };
            $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<{
                inherit: PropType<boolean>;
                scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                scrollAttrs: PropType<Record<string, any>>;
                mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                width: PropType<string | number>;
                height: PropType<string | number>;
                deltaX: PropType<number>;
                deltaY: PropType<number>;
                disabled: PropType<boolean>;
                pointer: PropType<boolean>;
                wheel: PropType<boolean>;
                scrollX: PropType<number>;
                scrollY: PropType<number>;
                useXBar: PropType<boolean>;
                useYBar: PropType<boolean>;
                barFade: PropType<number>;
                barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                autoplay: PropType<number | boolean>;
                playWaiting: PropType<number>;
                noBuffer: PropType<boolean>;
                noTransition: PropType<boolean>;
                onBeforeScroll: PropType<(payload: {
                    signX: number;
                    signY: number;
                }) => boolean>;
                useBarTrack: PropType<boolean>;
                scrollTag: PropType<string>;
                onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onWheel: PropType<((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void) | ((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void)[]>;
                onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            }>> & Readonly<{}>, {
                percentX: import('vue').Ref<number, number>;
                percentY: import('vue').Ref<number, number>;
                x: import('vue').Ref<number, number>;
                y: import('vue').Ref<number, number>;
                isReady: import('vue').Ref<boolean, boolean>;
                xBarLength: import('vue').ComputedRef<number>;
                yBarLength: import('vue').ComputedRef<number>;
                enableXScroll: import('vue').ComputedRef<boolean>;
                enableYScroll: import('vue').ComputedRef<boolean>;
                wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                refresh: () => Promise<void>;
                scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                getXScrollLimit: () => number[];
                getYScrollLimit: () => number[];
                addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, 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<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
            inherit: PropType<boolean>;
            scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
            scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
            scrollAttrs: PropType<Record<string, any>>;
            mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
            width: PropType<string | number>;
            height: PropType<string | number>;
            deltaX: PropType<number>;
            deltaY: PropType<number>;
            disabled: PropType<boolean>;
            pointer: PropType<boolean>;
            wheel: PropType<boolean>;
            scrollX: PropType<number>;
            scrollY: PropType<number>;
            useXBar: PropType<boolean>;
            useYBar: PropType<boolean>;
            barFade: PropType<number>;
            barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
            autoplay: PropType<number | boolean>;
            playWaiting: PropType<number>;
            noBuffer: PropType<boolean>;
            noTransition: PropType<boolean>;
            onBeforeScroll: PropType<(payload: {
                signX: number;
                signY: number;
            }) => boolean>;
            useBarTrack: PropType<boolean>;
            scrollTag: PropType<string>;
            onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
            onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
            onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
            onWheel: PropType<((payload: import('..').BarScrollPayload & {
                sign: 1 | -1;
            }) => void) | ((payload: import('..').BarScrollPayload & {
                sign: 1 | -1;
            }) => void)[]>;
            onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
            onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
            onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
            onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
            onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
            onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
            onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
        }>> & Readonly<{}>, "refresh" | "content" | "scrollBy" | "scrollTo" | "wrapper" | "percentX" | "percentY" | "isReady" | "x" | "y" | "enableXScroll" | "enableYScroll" | "xBarLength" | "yBarLength" | "scrollToElement" | "ensureInView" | "xBar" | "yBar" | "getXScrollLimit" | "getYScrollLimit" | "addScrollListener" | "removeScrollListener"> & import('vue').ShallowUnwrapRef<{
            percentX: import('vue').Ref<number, number>;
            percentY: import('vue').Ref<number, number>;
            x: import('vue').Ref<number, number>;
            y: import('vue').Ref<number, number>;
            isReady: import('vue').Ref<boolean, boolean>;
            xBarLength: import('vue').ComputedRef<number>;
            yBarLength: import('vue').ComputedRef<number>;
            enableXScroll: import('vue').ComputedRef<boolean>;
            enableYScroll: import('vue').ComputedRef<boolean>;
            wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
            content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
            xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
            yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
            refresh: () => Promise<void>;
            scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
            scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
            scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
            ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
            getXScrollLimit: () => number[];
            getYScrollLimit: () => number[];
            addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
            removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
        }> & {} & import('vue').ComponentCustomProperties & {} & {
            $slots: {
                extra?(_: {
                    getState: () => {
                        scrollX: number;
                        scrollY: number;
                        percentX: number;
                        percentY: number;
                        enableXScroll: boolean;
                        enableYScroll: boolean;
                    };
                    refresh: () => Promise<void>;
                    scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                    scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                    scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                }): any;
                default?(_: {
                    getState: () => {
                        scrollX: number;
                        scrollY: number;
                        percentX: number;
                        percentY: number;
                        enableXScroll: boolean;
                        enableYScroll: boolean;
                    };
                    refresh: () => Promise<void>;
                    scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                    scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                    scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                }): any;
            };
        }) | undefined, ({
            $: import('vue').ComponentInternalInstance;
            $data: {};
            $props: Partial<{}> & Omit<{
                readonly inherit?: boolean | undefined;
                readonly onScroll?: ((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[] | undefined;
                readonly onWheel?: ((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void) | ((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void)[] | undefined;
                readonly mode?: "horizontal" | "vertical" | "both" | "horizontal-exact" | undefined;
                readonly disabled?: boolean | undefined;
                readonly width?: string | number | undefined;
                readonly onScrollStart?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                readonly onScrollEnd?: ((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[] | undefined;
                readonly wheel?: boolean | undefined;
                readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined;
                readonly scrollClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                readonly scrollStyle?: string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[] | undefined;
                readonly height?: string | number | undefined;
                readonly deltaX?: number | undefined;
                readonly deltaY?: number | undefined;
                readonly pointer?: boolean | undefined;
                readonly scrollX?: number | undefined;
                readonly scrollY?: number | undefined;
                readonly useXBar?: boolean | undefined;
                readonly useYBar?: boolean | undefined;
                readonly barFade?: number | undefined;
                readonly barClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
                readonly autoplay?: number | boolean | undefined;
                readonly playWaiting?: number | undefined;
                readonly noBuffer?: boolean | undefined;
                readonly noTransition?: boolean | undefined;
                readonly useBarTrack?: boolean | undefined;
                readonly scrollTag?: string | undefined;
                readonly onXEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                readonly onYEnabledChange?: ((enabled: boolean) => void) | ((enabled: boolean) => void)[] | undefined;
                readonly onBarScrollStart?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                readonly onBarScroll?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                readonly onBarScrollEnd?: ((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[] | undefined;
                readonly onReady?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
                readonly scrollAttrs?: Record<string, any> | undefined;
                readonly onBeforeScroll?: ((payload: {
                    signX: number;
                    signY: number;
                }) => boolean) | undefined;
            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
            $attrs: {
                [x: string]: unknown;
            };
            $refs: {
                [x: string]: unknown;
            } & {
                wrapperEl: HTMLDivElement;
                contentEl: unknown;
                xBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                    inherit: PropType<boolean>;
                    placement: PropType<"bottom" | "top" | "right" | "left">;
                    scroll: PropType<number>;
                    barLength: PropType<number>;
                    width: PropType<number>;
                    appear: PropType<boolean>;
                    fade: PropType<number>;
                    barColor: PropType<string>;
                    trackColor: PropType<string>;
                    disabled: PropType<boolean>;
                    wrapper: PropType<string | HTMLElement>;
                    duration: PropType<number>;
                    useTrack: PropType<boolean>;
                    trackSpeed: PropType<number>;
                    onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                }>> & Readonly<{}>, {
                    currentScroll: import('vue').Ref<number, number>;
                    container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    handleScroll: (scroll: number) => void;
                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                    container: HTMLDivElement;
                    track: HTMLDivElement;
                    bar: HTMLDivElement;
                }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                    P: {};
                    B: {};
                    D: {};
                    C: {};
                    M: {};
                    Defaults: {};
                }, Readonly<import('vue').ExtractPropTypes<{
                    inherit: PropType<boolean>;
                    placement: PropType<"bottom" | "top" | "right" | "left">;
                    scroll: PropType<number>;
                    barLength: PropType<number>;
                    width: PropType<number>;
                    appear: PropType<boolean>;
                    fade: PropType<number>;
                    barColor: PropType<string>;
                    trackColor: PropType<string>;
                    disabled: PropType<boolean>;
                    wrapper: PropType<string | HTMLElement>;
                    duration: PropType<number>;
                    useTrack: PropType<boolean>;
                    trackSpeed: PropType<number>;
                    onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                }>> & Readonly<{}>, {
                    currentScroll: import('vue').Ref<number, number>;
                    container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    handleScroll: (scroll: number) => void;
                }, {}, {}, {}, {}> | null;
                yBar: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                    inherit: PropType<boolean>;
                    placement: PropType<"bottom" | "top" | "right" | "left">;
                    scroll: PropType<number>;
                    barLength: PropType<number>;
                    width: PropType<number>;
                    appear: PropType<boolean>;
                    fade: PropType<number>;
                    barColor: PropType<string>;
                    trackColor: PropType<string>;
                    disabled: PropType<boolean>;
                    wrapper: PropType<string | HTMLElement>;
                    duration: PropType<number>;
                    useTrack: PropType<boolean>;
                    trackSpeed: PropType<number>;
                    onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                }>> & Readonly<{}>, {
                    currentScroll: import('vue').Ref<number, number>;
                    container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    handleScroll: (scroll: number) => void;
                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                    container: HTMLDivElement;
                    track: HTMLDivElement;
                    bar: HTMLDivElement;
                }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                    P: {};
                    B: {};
                    D: {};
                    C: {};
                    M: {};
                    Defaults: {};
                }, Readonly<import('vue').ExtractPropTypes<{
                    inherit: PropType<boolean>;
                    placement: PropType<"bottom" | "top" | "right" | "left">;
                    scroll: PropType<number>;
                    barLength: PropType<number>;
                    width: PropType<number>;
                    appear: PropType<boolean>;
                    fade: PropType<number>;
                    barColor: PropType<string>;
                    trackColor: PropType<string>;
                    disabled: PropType<boolean>;
                    wrapper: PropType<string | HTMLElement>;
                    duration: PropType<number>;
                    useTrack: PropType<boolean>;
                    trackSpeed: PropType<number>;
                    onScrollStart: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScroll: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                    onScrollEnd: PropType<((percent: number) => void) | ((percent: number) => void)[]>;
                }>> & Readonly<{}>, {
                    currentScroll: import('vue').Ref<number, number>;
                    container: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    bar: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    track: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                    handleScroll: (scroll: number) => void;
                }, {}, {}, {}, {}> | null;
            };
            $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<{
                inherit: PropType<boolean>;
                scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                scrollAttrs: PropType<Record<string, any>>;
                mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
                width: PropType<string | number>;
                height: PropType<string | number>;
                deltaX: PropType<number>;
                deltaY: PropType<number>;
                disabled: PropType<boolean>;
                pointer: PropType<boolean>;
                wheel: PropType<boolean>;
                scrollX: PropType<number>;
                scrollY: PropType<number>;
                useXBar: PropType<boolean>;
                useYBar: PropType<boolean>;
                barFade: PropType<number>;
                barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                autoplay: PropType<number | boolean>;
                playWaiting: PropType<number>;
                noBuffer: PropType<boolean>;
                noTransition: PropType<boolean>;
                onBeforeScroll: PropType<(payload: {
                    signX: number;
                    signY: number;
                }) => boolean>;
                useBarTrack: PropType<boolean>;
                scrollTag: PropType<string>;
                onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onWheel: PropType<((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void) | ((payload: import('..').BarScrollPayload & {
                    sign: 1 | -1;
                }) => void)[]>;
                onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
                onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
                onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            }>> & Readonly<{}>, {
                percentX: import('vue').Ref<number, number>;
                percentY: import('vue').Ref<number, number>;
                x: import('vue').Ref<number, number>;
                y: import('vue').Ref<number, number>;
                isReady: import('vue').Ref<boolean, boolean>;
                xBarLength: import('vue').ComputedRef<number>;
                yBarLength: import('vue').ComputedRef<number>;
                enableXScroll: import('vue').ComputedRef<boolean>;
                enableYScroll: import('vue').ComputedRef<boolean>;
                wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
                refresh: () => Promise<void>;
                scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                getXScrollLimit: () => number[];
                getYScrollLimit: () => number[];
                addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
                removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, 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<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
            inherit: PropType<boolean>;
            scrollClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
            scrollStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
            scrollAttrs: PropType<Record<string, any>>;
            mode: PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">;
            width: PropType<string | number>;
            height: PropType<string | number>;
            deltaX: PropType<number>;
            deltaY: PropType<number>;
            disabled: PropType<boolean>;
            pointer: PropType<boolean>;
            wheel: PropType<boolean>;
            scrollX: PropType<number>;
            scrollY: PropType<number>;
            useXBar: PropType<boolean>;
            useYBar: PropType<boolean>;
            barFade: PropType<number>;
            barClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
            autoplay: PropType<number | boolean>;
            playWaiting: PropType<number>;
            noBuffer: PropType<boolean>;
            noTransition: PropType<boolean>;
            onBeforeScroll: PropType<(payload: {
                signX: number;
                signY: number;
            }) => boolean>;
            useBarTrack: PropType<boolean>;
            scrollTag: PropType<string>;
            onResize: PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
            onXEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
            onYEnabledChange: PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
            onWheel: PropType<((payload: import('..').BarScrollPayload & {
                sign: 1 | -1;
            }) => void) | ((payload: import('..').BarScrollPayload & {
                sign: 1 | -1;
            }) => void)[]>;
            onScrollStart: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
            onScroll: PropType<((payload: import('..').ScrollPayload) => void) | ((payload: import('..').ScrollPayload) => void)[]>;
            onScrollEnd: PropType<((payload: Omit<import('..').ScrollPayload, "type">) => void) | ((payload: Omit<import('..').ScrollPayload, "type">) => void)[]>;
            onBarScrollStart: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
            onBarScroll: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
            onBarScrollEnd: PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
            onReady: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
        }>> & Readonly<{}>, "refresh" | "content" | "scrollBy" | "scrollTo" | "wrapper" | "percentX" | "percentY" | "isReady" | "x" | "y" | "enableXScroll" | "enableYScroll" | "xBarLength" | "yBarLength" | "scrollToElement" | "ensureInView" | "xBar" | "yBar" | "getXScrollLimit" | "getYScrollLimit" | "addScrollListener" | "removeScrollListener"> & import('vue').ShallowUnwrapRef<{
            percentX: import('vue').Ref<number, number>;
            percentY: import('vue').Ref<number, number>;
            x: import('vue').Ref<number, number>;
            y: import('vue').Ref<number, number>;
            isReady: import('vue').Ref<boolean, boolean>;
            xBarLength: import('vue').ComputedRef<number>;
            yBarLength: import('vue').ComputedRef<number>;
            enableXScroll: import('vue').ComputedRef<boolean>;
            enableYScroll: import('vue').ComputedRef<boolean>;
            wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
            content: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
            xBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
            yBar: import('vue').Ref<import('..').ScrollbarExposed | undefined, import('..').ScrollbarExposed | undefined>;
            refresh: () => Promise<void>;
            scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
            scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
            scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
            ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
            getXScrollLimit: () => number[];
            getYScrollLimit: () => number[];
            addScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
            removeScrollListener: (listener: import('@vexip-ui/utils').EventHandler) => void;
        }> & {} & import('vue').ComponentCustomProperties & {} & {
            $slots: {
                extra?(_: {
                    getState: () => {
                        scrollX: number;
                        scrollY: number;
                        percentX: number;
                        percentY: number;
                        enableXScroll: boolean;
                        enableYScroll: boolean;
                    };
                    refresh: () => Promise<void>;
                    scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                    scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                    scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                }): any;
                default?(_: {
                    getState: () => {
                        scrollX: number;
                        scrollY: number;
                        percentX: number;
                        percentY: number;
                        enableXScroll: boolean;
                        enableYScroll: boolean;
                    };
                    refresh: () => Promise<void>;
                    scrollTo: (clientX: number, clientY: number, duration?: number) => Promise<void>;
                    scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise<void>;
                    scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                    ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise<void>;
                }): any;
            };
        }) | undefined>;
        refreshScroll: () => void;
        focus: (options?: FocusOptions) => void | undefined;
        blur: () => void | undefined;
    }> & {} & import('vue').ComponentCustomProperties & {} & {
        $slots: Readonly<import('../wheel').WheelSlots> & import('../wheel').WheelSlots;
    }) | null;
}, HTMLDivElement>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};