import { nextTick } from 'vue'; import { WheelSlots } from './symbol'; declare function __VLS_template(): { attrs: Partial<{}>; slots: Readonly & WheelSlots; refs: { wrapper: HTMLDivElement; prevArrow: HTMLDivElement; scroll: ({ $: import('vue').ComponentInternalInstance; $data: {}; $props: Partial<{}> & Omit<{ readonly inherit?: boolean | undefined; readonly onScroll?: ((payload: import('../scroll').ScrollPayload) => void) | ((payload: import('../scroll').ScrollPayload) => void)[] | undefined; readonly onWheel?: ((payload: import('../scroll').BarScrollPayload & { sign: 1 | -1; }) => void) | ((payload: import('../scroll').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) => void) | ((payload: Omit) => void)[] | undefined; readonly onScrollEnd?: ((payload: Omit) => void) | ((payload: Omit) => void)[] | undefined; readonly wheel?: boolean | undefined; readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined; readonly scrollClass?: string | Record | (string | Record)[] | 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 | Record)[] | 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('../scroll').BarScrollPayload) => void) | ((payload: import('../scroll').BarScrollPayload) => void)[] | undefined; readonly onBarScroll?: ((payload: import('../scroll').BarScrollPayload) => void) | ((payload: import('../scroll').BarScrollPayload) => void)[] | undefined; readonly onBarScrollEnd?: ((payload: import('../scroll').BarScrollPayload) => void) | ((payload: import('../scroll').BarScrollPayload) => void)[] | undefined; readonly onReady?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined; readonly scrollAttrs?: Record | 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; placement: import('vue').PropType<"bottom" | "top" | "right" | "left">; scroll: import('vue').PropType; barLength: import('vue').PropType; width: import('vue').PropType; appear: import('vue').PropType; fade: import('vue').PropType; barColor: import('vue').PropType; trackColor: import('vue').PropType; disabled: import('vue').PropType; wrapper: import('vue').PropType; duration: import('vue').PropType; useTrack: import('vue').PropType; trackSpeed: import('vue').PropType; onScrollStart: import('vue').PropType<((percent: number) => void) | ((percent: number) => void)[]>; onScroll: import('vue').PropType<((percent: number) => void) | ((percent: number) => void)[]>; onScrollEnd: import('vue').PropType<((percent: number) => void) | ((percent: number) => void)[]>; }>> & Readonly<{}>, { currentScroll: import('vue').Ref; container: import('vue').Ref; bar: import('vue').Ref; track: import('vue').Ref; 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; placement: import('vue').PropType<"bottom" | "top" | "right" | "left">; scroll: import('vue').PropType; barLength: import('vue').PropType; width: import('vue').PropType; appear: import('vue').PropType; fade: import('vue').PropType; barColor: import('vue').PropType; trackColor: import('vue').PropType; disabled: import('vue').PropType; wrapper: import('vue').PropType; duration: import('vue').PropType; useTrack: import('vue').PropType; trackSpeed: import('vue').PropType; onScrollStart: import('vue').PropType<((percent: number) => void) | ((percent: number) => void)[]>; onScroll: import('vue').PropType<((percent: number) => void) | ((percent: number) => void)[]>; onScrollEnd: import('vue').PropType<((percent: number) => void) | ((percent: number) => void)[]>; }>> & Readonly<{}>, { currentScroll: import('vue').Ref; container: import('vue').Ref; bar: import('vue').Ref; track: import('vue').Ref; handleScroll: (scroll: number) => void; }, {}, {}, {}, {}> | null; yBar: import('vue').CreateComponentPublicInstanceWithMixins; placement: import('vue').PropType<"bottom" | "top" | "right" | "left">; scroll: import('vue').PropType; barLength: import('vue').PropType; width: import('vue').PropType; appear: import('vue').PropType; fade: import('vue').PropType; barColor: import('vue').PropType; trackColor: import('vue').PropType; disabled: import('vue').PropType; wrapper: import('vue').PropType; duration: import('vue').PropType; useTrack: import('vue').PropType; trackSpeed: import('vue').PropType; onScrollStart: import('vue').PropType<((percent: number) => void) | ((percent: number) => void)[]>; onScroll: import('vue').PropType<((percent: number) => void) | ((percent: number) => void)[]>; onScrollEnd: import('vue').PropType<((percent: number) => void) | ((percent: number) => void)[]>; }>> & Readonly<{}>, { currentScroll: import('vue').Ref; container: import('vue').Ref; bar: import('vue').Ref; track: import('vue').Ref; 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; placement: import('vue').PropType<"bottom" | "top" | "right" | "left">; scroll: import('vue').PropType; barLength: import('vue').PropType; width: import('vue').PropType; appear: import('vue').PropType; fade: import('vue').PropType; barColor: import('vue').PropType; trackColor: import('vue').PropType; disabled: import('vue').PropType; wrapper: import('vue').PropType; duration: import('vue').PropType; useTrack: import('vue').PropType; trackSpeed: import('vue').PropType; onScrollStart: import('vue').PropType<((percent: number) => void) | ((percent: number) => void)[]>; onScroll: import('vue').PropType<((percent: number) => void) | ((percent: number) => void)[]>; onScrollEnd: import('vue').PropType<((percent: number) => void) | ((percent: number) => void)[]>; }>> & Readonly<{}>, { currentScroll: import('vue').Ref; container: import('vue').Ref; bar: import('vue').Ref; track: import('vue').Ref; handleScroll: (scroll: number) => void; }, {}, {}, {}, {}> | null; }; $slots: Readonly<{ [name: string]: import('vue').Slot | 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; scrollClass: import('vue').PropType | (string | Record)[]>; scrollStyle: import('vue').PropType; scrollAttrs: import('vue').PropType>; mode: import('vue').PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">; width: import('vue').PropType; height: import('vue').PropType; deltaX: import('vue').PropType; deltaY: import('vue').PropType; disabled: import('vue').PropType; pointer: import('vue').PropType; wheel: import('vue').PropType; scrollX: import('vue').PropType; scrollY: import('vue').PropType; useXBar: import('vue').PropType; useYBar: import('vue').PropType; barFade: import('vue').PropType; barClass: import('vue').PropType | (string | Record)[]>; autoplay: import('vue').PropType; playWaiting: import('vue').PropType; noBuffer: import('vue').PropType; noTransition: import('vue').PropType; onBeforeScroll: import('vue').PropType<(payload: { signX: number; signY: number; }) => boolean>; useBarTrack: import('vue').PropType; scrollTag: import('vue').PropType; onResize: import('vue').PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>; onXEnabledChange: import('vue').PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>; onYEnabledChange: import('vue').PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>; onWheel: import('vue').PropType<((payload: import('../scroll').BarScrollPayload & { sign: 1 | -1; }) => void) | ((payload: import('../scroll').BarScrollPayload & { sign: 1 | -1; }) => void)[]>; onScrollStart: import('vue').PropType<((payload: Omit) => void) | ((payload: Omit) => void)[]>; onScroll: import('vue').PropType<((payload: import('../scroll').ScrollPayload) => void) | ((payload: import('../scroll').ScrollPayload) => void)[]>; onScrollEnd: import('vue').PropType<((payload: Omit) => void) | ((payload: Omit) => void)[]>; onBarScrollStart: import('vue').PropType<((payload: import('../scroll').BarScrollPayload) => void) | ((payload: import('../scroll').BarScrollPayload) => void)[]>; onBarScroll: import('vue').PropType<((payload: import('../scroll').BarScrollPayload) => void) | ((payload: import('../scroll').BarScrollPayload) => void)[]>; onBarScrollEnd: import('vue').PropType<((payload: import('../scroll').BarScrollPayload) => void) | ((payload: import('../scroll').BarScrollPayload) => void)[]>; onReady: import('vue').PropType; }>> & Readonly<{}>, { percentX: import('vue').Ref; percentY: import('vue').Ref; x: import('vue').Ref; y: import('vue').Ref; isReady: import('vue').Ref; xBarLength: import('vue').ComputedRef; yBarLength: import('vue').ComputedRef; enableXScroll: import('vue').ComputedRef; enableYScroll: import('vue').ComputedRef; wrapper: import('vue').Ref; content: import('vue').Ref; xBar: import('vue').Ref; yBar: import('vue').Ref; refresh: () => Promise; scrollTo: (clientX: number, clientY: number, duration?: number) => Promise; scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise; scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise; ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise; 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 nextTick; $watch 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; scrollClass: import('vue').PropType | (string | Record)[]>; scrollStyle: import('vue').PropType; scrollAttrs: import('vue').PropType>; mode: import('vue').PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">; width: import('vue').PropType; height: import('vue').PropType; deltaX: import('vue').PropType; deltaY: import('vue').PropType; disabled: import('vue').PropType; pointer: import('vue').PropType; wheel: import('vue').PropType; scrollX: import('vue').PropType; scrollY: import('vue').PropType; useXBar: import('vue').PropType; useYBar: import('vue').PropType; barFade: import('vue').PropType; barClass: import('vue').PropType | (string | Record)[]>; autoplay: import('vue').PropType; playWaiting: import('vue').PropType; noBuffer: import('vue').PropType; noTransition: import('vue').PropType; onBeforeScroll: import('vue').PropType<(payload: { signX: number; signY: number; }) => boolean>; useBarTrack: import('vue').PropType; scrollTag: import('vue').PropType; onResize: import('vue').PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>; onXEnabledChange: import('vue').PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>; onYEnabledChange: import('vue').PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>; onWheel: import('vue').PropType<((payload: import('../scroll').BarScrollPayload & { sign: 1 | -1; }) => void) | ((payload: import('../scroll').BarScrollPayload & { sign: 1 | -1; }) => void)[]>; onScrollStart: import('vue').PropType<((payload: Omit) => void) | ((payload: Omit) => void)[]>; onScroll: import('vue').PropType<((payload: import('../scroll').ScrollPayload) => void) | ((payload: import('../scroll').ScrollPayload) => void)[]>; onScrollEnd: import('vue').PropType<((payload: Omit) => void) | ((payload: Omit) => void)[]>; onBarScrollStart: import('vue').PropType<((payload: import('../scroll').BarScrollPayload) => void) | ((payload: import('../scroll').BarScrollPayload) => void)[]>; onBarScroll: import('vue').PropType<((payload: import('../scroll').BarScrollPayload) => void) | ((payload: import('../scroll').BarScrollPayload) => void)[]>; onBarScrollEnd: import('vue').PropType<((payload: import('../scroll').BarScrollPayload) => void) | ((payload: import('../scroll').BarScrollPayload) => void)[]>; onReady: import('vue').PropType; }>> & 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; percentY: import('vue').Ref; x: import('vue').Ref; y: import('vue').Ref; isReady: import('vue').Ref; xBarLength: import('vue').ComputedRef; yBarLength: import('vue').ComputedRef; enableXScroll: import('vue').ComputedRef; enableYScroll: import('vue').ComputedRef; wrapper: import('vue').Ref; content: import('vue').Ref; xBar: import('vue').Ref; yBar: import('vue').Ref; refresh: () => Promise; scrollTo: (clientX: number, clientY: number, duration?: number) => Promise; scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise; scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise; ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise; 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; scrollTo: (clientX: number, clientY: number, duration?: number) => Promise; scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise; scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise; ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise; }): any; default?(_: { getState: () => { scrollX: number; scrollY: number; percentX: number; percentY: number; enableXScroll: boolean; enableYScroll: boolean; }; refresh: () => Promise; scrollTo: (clientX: number, clientY: number, duration?: number) => Promise; scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise; scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise; ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise; }): any; }; }) | null; list: HTMLUListElement; nextArrow: HTMLDivElement; }; rootEl: HTMLDivElement; }; type __VLS_TemplateResult = ReturnType; declare const __VLS_component: import('vue').DefineComponent; state: import('vue').PropType<"default" | "success" | "error" | "warning">; horizontal: import('vue').PropType; value: import('vue').PropType; candidate: import('vue').PropType<0 | 1 | 2 | 3>; arrow: import('vue').PropType; pointer: import('vue').PropType; options: import('vue').PropType; insertEmpty: import('vue').PropType; disabled: import('vue').PropType; loading: import('vue').PropType; loadingLock: import('vue').PropType; disabledItem: import('vue').PropType<(value: string | number, data: import('./symbol').WheelRawOption) => boolean>; noTransition: import('vue').PropType; selectable: import('vue').PropType; slots: import('vue').PropType; onChange: import('vue').PropType<((value: string | number, data: import('./symbol').WheelRawOption) => void) | ((value: string | number, data: import('./symbol').WheelRawOption) => void)[]>; onPrev: import('vue').PropType<((value: string | number, data: import('./symbol').WheelRawOption) => void) | ((value: string | number, data: import('./symbol').WheelRawOption) => void)[]>; onNext: import('vue').PropType<((value: string | number, data: import('./symbol').WheelRawOption) => void) | ((value: string | number, data: import('./symbol').WheelRawOption) => void)[]>; onItemClick: import('vue').PropType<((value: string | number, data: import('./symbol').WheelRawOption) => void) | ((value: string | number, data: import('./symbol').WheelRawOption) => void)[]>; }>, { idFor: import('vue').ComputedRef; currentActive: import('vue').Ref; isInit: import('vue').Ref; targetWidth: import('vue').Ref; targetHeight: import('vue').Ref; wrapperWidth: import('vue').Ref; wrapperHeight: import('vue').Ref; itemList: import('vue').ComputedRef<{ width: number; height: number; el?: (HTMLElement | null) | undefined; value: number | string; disabled: boolean; meta: any; }[]>; wrapper: import('vue').Ref; scroll: import('vue').Ref<({ $: import('vue').ComponentInternalInstance; $data: {}; $props: Partial<{}> & Omit<{ readonly inherit?: boolean | undefined; readonly onScroll?: ((payload: import('../scroll').ScrollPayload) => void) | ((payload: import('../scroll').ScrollPayload) => void)[] | undefined; readonly onWheel?: ((payload: import('../scroll').BarScrollPayload & { sign: 1 | -1; }) => void) | ((payload: import('../scroll').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) => void) | ((payload: Omit) => void)[] | undefined; readonly onScrollEnd?: ((payload: Omit) => void) | ((payload: Omit) => void)[] | undefined; readonly wheel?: boolean | undefined; readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined; readonly scrollClass?: string | Record | (string | Record)[] | 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 | Record)[] | 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('../scroll').BarScrollPayload) => void) | ((payload: import('../scroll').BarScrollPayload) => void)[] | undefined; readonly onBarScroll?: ((payload: import('../scroll').BarScrollPayload) => void) | ((payload: import('../scroll').BarScrollPayload) => void)[] | undefined; readonly onBarScrollEnd?: ((payload: import('../scroll').BarScrollPayload) => void) | ((payload: import('../scroll').BarScrollPayload) => void)[] | undefined; readonly onReady?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined; readonly scrollAttrs?: Record | 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; placement: import('vue').PropType<"bottom" | "top" | "right" | "left">; scroll: import('vue').PropType; barLength: import('vue').PropType; width: import('vue').PropType; appear: import('vue').PropType; fade: import('vue').PropType; barColor: import('vue').PropType; trackColor: import('vue').PropType; disabled: import('vue').PropType; wrapper: import('vue').PropType; duration: import('vue').PropType; useTrack: import('vue').PropType; trackSpeed: import('vue').PropType; onScrollStart: import('vue').PropType<((percent: number) => void) | ((percent: number) => void)[]>; onScroll: import('vue').PropType<((percent: number) => void) | ((percent: number) => void)[]>; onScrollEnd: import('vue').PropType<((percent: number) => void) | ((percent: number) => void)[]>; }>> & Readonly<{}>, { currentScroll: import('vue').Ref; container: import('vue').Ref; bar: import('vue').Ref; track: import('vue').Ref; 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; placement: import('vue').PropType<"bottom" | "top" | "right" | "left">; scroll: import('vue').PropType; barLength: import('vue').PropType; width: import('vue').PropType; appear: import('vue').PropType; fade: import('vue').PropType; barColor: import('vue').PropType; trackColor: import('vue').PropType; disabled: import('vue').PropType; wrapper: import('vue').PropType; duration: import('vue').PropType; useTrack: import('vue').PropType; trackSpeed: import('vue').PropType; onScrollStart: import('vue').PropType<((percent: number) => void) | ((percent: number) => void)[]>; onScroll: import('vue').PropType<((percent: number) => void) | ((percent: number) => void)[]>; onScrollEnd: import('vue').PropType<((percent: number) => void) | ((percent: number) => void)[]>; }>> & Readonly<{}>, { currentScroll: import('vue').Ref; container: import('vue').Ref; bar: import('vue').Ref; track: import('vue').Ref; handleScroll: (scroll: number) => void; }, {}, {}, {}, {}> | null; yBar: import('vue').CreateComponentPublicInstanceWithMixins; placement: import('vue').PropType<"bottom" | "top" | "right" | "left">; scroll: import('vue').PropType; barLength: import('vue').PropType; width: import('vue').PropType; appear: import('vue').PropType; fade: import('vue').PropType; barColor: import('vue').PropType; trackColor: import('vue').PropType; disabled: import('vue').PropType; wrapper: import('vue').PropType; duration: import('vue').PropType; useTrack: import('vue').PropType; trackSpeed: import('vue').PropType; onScrollStart: import('vue').PropType<((percent: number) => void) | ((percent: number) => void)[]>; onScroll: import('vue').PropType<((percent: number) => void) | ((percent: number) => void)[]>; onScrollEnd: import('vue').PropType<((percent: number) => void) | ((percent: number) => void)[]>; }>> & Readonly<{}>, { currentScroll: import('vue').Ref; container: import('vue').Ref; bar: import('vue').Ref; track: import('vue').Ref; 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; placement: import('vue').PropType<"bottom" | "top" | "right" | "left">; scroll: import('vue').PropType; barLength: import('vue').PropType; width: import('vue').PropType; appear: import('vue').PropType; fade: import('vue').PropType; barColor: import('vue').PropType; trackColor: import('vue').PropType; disabled: import('vue').PropType; wrapper: import('vue').PropType; duration: import('vue').PropType; useTrack: import('vue').PropType; trackSpeed: import('vue').PropType; onScrollStart: import('vue').PropType<((percent: number) => void) | ((percent: number) => void)[]>; onScroll: import('vue').PropType<((percent: number) => void) | ((percent: number) => void)[]>; onScrollEnd: import('vue').PropType<((percent: number) => void) | ((percent: number) => void)[]>; }>> & Readonly<{}>, { currentScroll: import('vue').Ref; container: import('vue').Ref; bar: import('vue').Ref; track: import('vue').Ref; handleScroll: (scroll: number) => void; }, {}, {}, {}, {}> | null; }; $slots: Readonly<{ [name: string]: import('vue').Slot | 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; scrollClass: import('vue').PropType | (string | Record)[]>; scrollStyle: import('vue').PropType; scrollAttrs: import('vue').PropType>; mode: import('vue').PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">; width: import('vue').PropType; height: import('vue').PropType; deltaX: import('vue').PropType; deltaY: import('vue').PropType; disabled: import('vue').PropType; pointer: import('vue').PropType; wheel: import('vue').PropType; scrollX: import('vue').PropType; scrollY: import('vue').PropType; useXBar: import('vue').PropType; useYBar: import('vue').PropType; barFade: import('vue').PropType; barClass: import('vue').PropType | (string | Record)[]>; autoplay: import('vue').PropType; playWaiting: import('vue').PropType; noBuffer: import('vue').PropType; noTransition: import('vue').PropType; onBeforeScroll: import('vue').PropType<(payload: { signX: number; signY: number; }) => boolean>; useBarTrack: import('vue').PropType; scrollTag: import('vue').PropType; onResize: import('vue').PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>; onXEnabledChange: import('vue').PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>; onYEnabledChange: import('vue').PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>; onWheel: import('vue').PropType<((payload: import('../scroll').BarScrollPayload & { sign: 1 | -1; }) => void) | ((payload: import('../scroll').BarScrollPayload & { sign: 1 | -1; }) => void)[]>; onScrollStart: import('vue').PropType<((payload: Omit) => void) | ((payload: Omit) => void)[]>; onScroll: import('vue').PropType<((payload: import('../scroll').ScrollPayload) => void) | ((payload: import('../scroll').ScrollPayload) => void)[]>; onScrollEnd: import('vue').PropType<((payload: Omit) => void) | ((payload: Omit) => void)[]>; onBarScrollStart: import('vue').PropType<((payload: import('../scroll').BarScrollPayload) => void) | ((payload: import('../scroll').BarScrollPayload) => void)[]>; onBarScroll: import('vue').PropType<((payload: import('../scroll').BarScrollPayload) => void) | ((payload: import('../scroll').BarScrollPayload) => void)[]>; onBarScrollEnd: import('vue').PropType<((payload: import('../scroll').BarScrollPayload) => void) | ((payload: import('../scroll').BarScrollPayload) => void)[]>; onReady: import('vue').PropType; }>> & Readonly<{}>, { percentX: import('vue').Ref; percentY: import('vue').Ref; x: import('vue').Ref; y: import('vue').Ref; isReady: import('vue').Ref; xBarLength: import('vue').ComputedRef; yBarLength: import('vue').ComputedRef; enableXScroll: import('vue').ComputedRef; enableYScroll: import('vue').ComputedRef; wrapper: import('vue').Ref; content: import('vue').Ref; xBar: import('vue').Ref; yBar: import('vue').Ref; refresh: () => Promise; scrollTo: (clientX: number, clientY: number, duration?: number) => Promise; scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise; scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise; ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise; 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 nextTick; $watch 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; scrollClass: import('vue').PropType | (string | Record)[]>; scrollStyle: import('vue').PropType; scrollAttrs: import('vue').PropType>; mode: import('vue').PropType<"horizontal" | "vertical" | "both" | "horizontal-exact">; width: import('vue').PropType; height: import('vue').PropType; deltaX: import('vue').PropType; deltaY: import('vue').PropType; disabled: import('vue').PropType; pointer: import('vue').PropType; wheel: import('vue').PropType; scrollX: import('vue').PropType; scrollY: import('vue').PropType; useXBar: import('vue').PropType; useYBar: import('vue').PropType; barFade: import('vue').PropType; barClass: import('vue').PropType | (string | Record)[]>; autoplay: import('vue').PropType; playWaiting: import('vue').PropType; noBuffer: import('vue').PropType; noTransition: import('vue').PropType; onBeforeScroll: import('vue').PropType<(payload: { signX: number; signY: number; }) => boolean>; useBarTrack: import('vue').PropType; scrollTag: import('vue').PropType; onResize: import('vue').PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>; onXEnabledChange: import('vue').PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>; onYEnabledChange: import('vue').PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>; onWheel: import('vue').PropType<((payload: import('../scroll').BarScrollPayload & { sign: 1 | -1; }) => void) | ((payload: import('../scroll').BarScrollPayload & { sign: 1 | -1; }) => void)[]>; onScrollStart: import('vue').PropType<((payload: Omit) => void) | ((payload: Omit) => void)[]>; onScroll: import('vue').PropType<((payload: import('../scroll').ScrollPayload) => void) | ((payload: import('../scroll').ScrollPayload) => void)[]>; onScrollEnd: import('vue').PropType<((payload: Omit) => void) | ((payload: Omit) => void)[]>; onBarScrollStart: import('vue').PropType<((payload: import('../scroll').BarScrollPayload) => void) | ((payload: import('../scroll').BarScrollPayload) => void)[]>; onBarScroll: import('vue').PropType<((payload: import('../scroll').BarScrollPayload) => void) | ((payload: import('../scroll').BarScrollPayload) => void)[]>; onBarScrollEnd: import('vue').PropType<((payload: import('../scroll').BarScrollPayload) => void) | ((payload: import('../scroll').BarScrollPayload) => void)[]>; onReady: import('vue').PropType; }>> & 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; percentY: import('vue').Ref; x: import('vue').Ref; y: import('vue').Ref; isReady: import('vue').Ref; xBarLength: import('vue').ComputedRef; yBarLength: import('vue').ComputedRef; enableXScroll: import('vue').ComputedRef; enableYScroll: import('vue').ComputedRef; wrapper: import('vue').Ref; content: import('vue').Ref; xBar: import('vue').Ref; yBar: import('vue').Ref; refresh: () => Promise; scrollTo: (clientX: number, clientY: number, duration?: number) => Promise; scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise; scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise; ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise; 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; scrollTo: (clientX: number, clientY: number, duration?: number) => Promise; scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise; scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise; ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise; }): any; default?(_: { getState: () => { scrollX: number; scrollY: number; percentX: number; percentY: number; enableXScroll: boolean; enableYScroll: boolean; }; refresh: () => Promise; scrollTo: (clientX: number, clientY: number, duration?: number) => Promise; scrollBy: (deltaX: number, deltaY: number, duration?: number) => Promise; scrollToElement: (el: string | Element, duration?: number, offset?: number) => Promise; ensureInView: (el: string | Element, duration?: number, offset?: number) => Promise; }): any; }; }) | undefined, ({ $: import('vue').ComponentInternalInstance; $data: {}; $props: Partial<{}> & Omit<{ readonly inherit?: boolean | undefined; readonly onScroll?: ((payload: import('../scroll').ScrollPayload) => void) | ((payload: import('../scroll').ScrollPayload) => void)[] | undefined; readonly onWheel?: ((payload: import('../scroll').BarScrollPayload & { sign: 1 | -1; }) => void) | ((payload: import('../scroll').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) => void) | ((payload: Omit) => void)[] | undefined; readonly onScrollEnd?: ((payload: Omit) => void) | ((payload: Omit) => void)[] | undefined; readonly wheel?: boolean | undefined; readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined; readonly scrollClass?: string | Record | (string | Record)[] | 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 | Record