@extclp/vexip-ui
Version:
A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good
677 lines (676 loc) • 891 kB
TypeScript
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').Ref<string | undefined, 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;