@opensig/opendesign
Version:
4,336 lines • 225 kB
TypeScript
import { default as dayjs, Dayjs } from 'dayjs';
type __VLS_Props = {
target?: HTMLElement;
optionTitle?: string;
};
declare function __VLS_template(): {
attrs: Partial<{}>;
slots: {
shortcut?(_: {
setValue: (value?: number) => void;
emitChange: () => void;
}): any;
};
refs: {
dateColumnsRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
mode?: "year" | "month" | "date";
}> & Readonly<{
onChange?: ((newVal: {
year: number;
month?: number;
day?: number;
} | undefined) => any) | undefined;
}>, {
scrollAllToSelected: (smooth?: boolean) => Promise<void>;
setValue: (value?: number) => void;
getValue: () => {
year: number;
month?: undefined;
day?: undefined;
} | {
year: number;
month: number;
day?: undefined;
} | {
year: number;
month: number;
day: number;
};
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
change: (newVal: {
year: number;
month?: number;
day?: number;
} | undefined) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
yearColumnRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
modelValue: number | null;
} & {
options: import('../../index.ts').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: number | null) => any;
} & {
change: (newVal: number | null) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
columnRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<{
readonly size: "medium" | "small";
readonly duration: number;
readonly disabledX: boolean;
readonly disabledY: boolean;
readonly showType: "auto" | "always" | "never" | "hover";
readonly autoUpdateOnScrollSize: boolean;
readonly wrapClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly barClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly onScroll?: ((event: Event) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
targetRef: 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: "scroll", event: Event) => void;
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, {
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
scroll: (event: Event) => any;
}, string, {
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof 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<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
default?(_: {}): any;
thumb?(_: {}): any;
track?(_: {}): any;
};
}) | null;
listRef: HTMLDivElement;
itemsRef: HTMLDivElement[];
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
modelValue: number | null;
} & {
options: import('../../index.ts').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, {}> | null;
monthColumnRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
modelValue: number | null;
} & {
options: import('../../index.ts').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: number | null) => any;
} & {
change: (newVal: number | null) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
columnRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<{
readonly size: "medium" | "small";
readonly duration: number;
readonly disabledX: boolean;
readonly disabledY: boolean;
readonly showType: "auto" | "always" | "never" | "hover";
readonly autoUpdateOnScrollSize: boolean;
readonly wrapClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly barClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly onScroll?: ((event: Event) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
targetRef: 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: "scroll", event: Event) => void;
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, {
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
scroll: (event: Event) => any;
}, string, {
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof 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<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
default?(_: {}): any;
thumb?(_: {}): any;
track?(_: {}): any;
};
}) | null;
listRef: HTMLDivElement;
itemsRef: HTMLDivElement[];
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
modelValue: number | null;
} & {
options: import('../../index.ts').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, {}> | null;
dayColumnRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
modelValue: number | null;
} & {
options: import('../../index.ts').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: number | null) => any;
} & {
change: (newVal: number | null) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
columnRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<{
readonly size: "medium" | "small";
readonly duration: number;
readonly disabledX: boolean;
readonly disabledY: boolean;
readonly showType: "auto" | "always" | "never" | "hover";
readonly autoUpdateOnScrollSize: boolean;
readonly wrapClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly barClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly onScroll?: ((event: Event) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
targetRef: 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: "scroll", event: Event) => void;
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, {
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
scroll: (event: Event) => any;
}, string, {
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof 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<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
default?(_: {}): any;
thumb?(_: {}): any;
track?(_: {}): any;
};
}) | null;
listRef: HTMLDivElement;
itemsRef: HTMLDivElement[];
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
modelValue: number | null;
} & {
options: import('../../index.ts').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, {}> | null;
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
mode?: "year" | "month" | "date";
}> & Readonly<{
onChange?: ((newVal: {
year: number;
month?: number;
day?: number;
} | undefined) => any) | undefined;
}>, {
scrollAllToSelected: (smooth?: boolean) => Promise<void>;
setValue: (value?: number) => void;
getValue: () => {
year: number;
month?: undefined;
day?: undefined;
} | {
year: number;
month: number;
day?: undefined;
} | {
year: number;
month: number;
day: number;
};
}, {}, {}, {}, {}> | null;
timeColumnsRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
minTime?: string;
maxTime?: string;
}> & Readonly<{
onChange?: ((newVal: string | undefined) => any) | undefined;
}>, {
scrollAllToSelected: (smooth?: boolean) => Promise<void>;
setValue: (value?: Date | string) => void;
getValue: () => string | undefined;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
change: (newVal: string | undefined) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
hourColumnRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
modelValue: number | null;
} & {
options: import('../../index.ts').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: number | null) => any;
} & {
change: (newVal: number | null) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
columnRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<{
readonly size: "medium" | "small";
readonly duration: number;
readonly disabledX: boolean;
readonly disabledY: boolean;
readonly showType: "auto" | "always" | "never" | "hover";
readonly autoUpdateOnScrollSize: boolean;
readonly wrapClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly barClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly onScroll?: ((event: Event) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
targetRef: 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: "scroll", event: Event) => void;
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, {
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
scroll: (event: Event) => any;
}, string, {
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof 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<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
default?(_: {}): any;
thumb?(_: {}): any;
track?(_: {}): any;
};
}) | null;
listRef: HTMLDivElement;
itemsRef: HTMLDivElement[];
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
modelValue: number | null;
} & {
options: import('../../index.ts').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, {}> | null;
minuteColumnRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
modelValue: number | null;
} & {
options: import('../../index.ts').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: number | null) => any;
} & {
change: (newVal: number | null) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
columnRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<{
readonly size: "medium" | "small";
readonly duration: number;
readonly disabledX: boolean;
readonly disabledY: boolean;
readonly showType: "auto" | "always" | "never" | "hover";
readonly autoUpdateOnScrollSize: boolean;
readonly wrapClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly barClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly onScroll?: ((event: Event) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
targetRef: 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: "scroll", event: Event) => void;
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, {
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
scroll: (event: Event) => any;
}, string, {
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof 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<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
default?(_: {}): any;
thumb?(_: {}): any;
track?(_: {}): any;
};
}) | null;
listRef: HTMLDivElement;
itemsRef: HTMLDivElement[];
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
modelValue: number | null;
} & {
options: import('../../index.ts').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, {}> | null;
secondColumnRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
modelValue: number | null;
} & {
options: import('../../index.ts').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: number | null) => any;
} & {
change: (newVal: number | null) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
columnRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<{
readonly size: "medium" | "small";
readonly duration: number;
readonly disabledX: boolean;
readonly disabledY: boolean;
readonly showType: "auto" | "always" | "never" | "hover";
readonly autoUpdateOnScrollSize: boolean;
readonly wrapClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly barClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly onScroll?: ((event: Event) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
targetRef: 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: "scroll", event: Event) => void;
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, {
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
scroll: (event: Event) => any;
}, string, {
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof 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<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
default?(_: {}): any;
thumb?(_: {}): any;
track?(_: {}): any;
};
}) | null;
listRef: HTMLDivElement;
itemsRef: HTMLDivElement[];
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
modelValue: number | null;
} & {
options: import('../../index.ts').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, {}> | null;
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
minTime?: string;
maxTime?: string;
}> & Readonly<{
onChange?: ((newVal: string | undefined) => any) | undefined;
}>, {
scrollAllToSelected: (smooth?: boolean) => Promise<void>;
setValue: (value?: Date | string) => void;
getValue: () => string | undefined;
}, {}, {}, {}, {}> | null;
popupRef: HTMLDivElement;
yearPanelRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
year: number;
selectedDate: Dayjs | null;
disabledYear?: import('../types.ts').DisabledYearFn;
minDate?: Dayjs | null;
maxDate?: Dayjs | null;
rangeStart?: Dayjs | null;
rangeEnd?: Dayjs | null;
anchorYear?: Dayjs | null;
hoverYear?: Dayjs | null;
hideOutOfDecade?: boolean;
}> & Readonly<{
onSelect?: ((year: number) => any) | undefined;
onHover?: ((date: dayjs.Dayjs) => any) | undefined;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
select: (year: number) => any;
hover: (date: dayjs.Dayjs) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
year: number;
selectedDate: Dayjs | null;
disabledYear?: import('../types.ts').DisabledYearFn;
minDate?: Dayjs | null;
maxDate?: Dayjs | null;
rangeStart?: Dayjs | null;
rangeEnd?: Dayjs | null;
anchorYear?: Dayjs | null;
hoverYear?: Dayjs | null;
hideOutOfDecade?: boolean;
}> & Readonly<{
onSelect?: ((year: number) => any) | undefined;
onHover?: ((date: dayjs.Dayjs) => any) | undefined;
}>, {}, {}, {}, {}, {}> | null;
monthPanelRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
year: number;
selectedDate: Dayjs | null;
disabledMonth?: import('../types.ts').DisabledMonthFn;
minDate?: Dayjs | null;
maxDate?: Dayjs | null;
rangeStart?: Dayjs | null;
rangeEnd?: Dayjs | null;
anchorMonth?: Dayjs | null;
hoverMonth?: Dayjs | null;
}> & Readonly<{
onSelect?: ((month: number) => any) | undefined;
onHover?: ((date: dayjs.Dayjs) => any) | undefined;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
select: (month: number) => any;
hover: (date: dayjs.Dayjs) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
year: number;
selectedDate: Dayjs | null;
disabledMonth?: import('../types.ts').DisabledMonthFn;
minDate?: Dayjs | null;
maxDate?: Dayjs | null;
rangeStart?: Dayjs | null;
rangeEnd?: Dayjs | null;
anchorMonth?: Dayjs | null;
hoverMonth?: Dayjs | null;
}> & Readonly<{
onSelect?: ((month: number) => any) | undefined;
onHover?: ((date: dayjs.Dayjs) => any) | undefined;
}>, {}, {}, {}, {}, {}> | null;
calendarPanelRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
rows: import('../use-calendar.ts').CalendarCell[][];
weekDayHeaders: number[];
}> & Readonly<{
onSelect?: ((date: dayjs.Dayjs) => any) | undefined;
onHover?: ((date: dayjs.Dayjs) => any) | undefined;
onLeave?: (() => any) | undefined;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
select: (date: dayjs.Dayjs) => any;
hover: (date: dayjs.Dayjs) => any;
leave: () => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
rows: import('../use-calendar.ts').CalendarCell[][];
weekDayHeaders: number[];
}> & Readonly<{
onSelect?: ((date: dayjs.Dayjs) => any) | undefined;
onHover?: ((date: dayjs.Dayjs) => any) | undefined;
onLeave?: (() => any) | undefined;
}>, {}, {}, {}, {}, {}> | null;
datePanelTimeRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
onChange?: (() => any) | undefined;
}>, {
getValue: () => string;
setValue: (value: string) => void;
reset: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
change: () => any;
}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
timeColumnsRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
minTime?: string;
maxTime?: string;
}> & Readonly<{
onChange?: ((newVal: string | undefined) => any) | undefined;
}>, {
scrollAllToSelected: (smooth?: boolean) => Promise<void>;
setValue: (value?: Date | string) => void;
getValue: () => string | undefined;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
change: (newVal: string | undefined) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
hourColumnRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
modelValue: number | null;
} & {
options: import('../../index.ts').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: number | null) => any;
} & {
change: (newVal: number | null) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
columnRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<{
readonly size: "medium" | "small";
readonly duration: number;
readonly disabledX: boolean;
readonly disabledY: boolean;
readonly showType: "auto" | "always" | "never" | "hover";
readonly autoUpdateOnScrollSize: boolean;
readonly wrapClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly barClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly onScroll?: ((event: Event) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
targetRef: 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: "scroll", event: Event) => void;
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, {
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
scroll: (event: Event) => any;
}, string, {
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof 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<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
default?(_: {}): any;
thumb?(_: {}): any;
track?(_: {}): any;
};
}) | null;
listRef: HTMLDivElement;
itemsRef: HTMLDivElement[];
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
modelValue: number | null;
} & {
options: import('../../index.ts').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, {}> | null;
minuteColumnRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
modelValue: number | null;
} & {
options: import('../../index.ts').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: number | null) => any;
} & {
change: (newVal: number | null) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
columnRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<{
readonly size: "medium" | "small";
readonly duration: number;
readonly disabledX: boolean;
readonly disabledY: boolean;
readonly showType: "auto" | "always" | "never" | "hover";
readonly autoUpdateOnScrollSize: boolean;
readonly wrapClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly barClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly onScroll?: ((event: Event) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
targetRef: 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: "scroll", event: Event) => void;
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, {
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
scroll: (event: Event) => any;
}, string, {
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof 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<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
default?(_: {}): any;
thumb?(_: {}): any;
track?(_: {}): any;
};
}) | null;
listRef: HTMLDivElement;
itemsRef: HTMLDivElement[];
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
modelValue: number | null;
} & {
options: import('../../index.ts').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, {}> | null;
secondColumnRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
modelValue: number | null;
} & {
options: import('../../index.ts').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: number | null) => any;
} & {
change: (newVal: number | null) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
columnRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<{
readonly size: "medium" | "small";
readonly duration: number;
readonly disabledX: boolean;
readonly disabledY: boolean;
readonly showType: "auto" | "always" | "never" | "hover";
readonly autoUpdateOnScrollSize: boolean;
readonly wrapClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly barClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly onScroll?: ((event: Event) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
targetRef: 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: "scroll", event: Event) => void;
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, {
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
scroll: (event: Event) => any;
}, string, {
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof 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<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
default?(_: {}): any;
thumb?(_: {}): any;
track?(_: {}): any;
};
}) | null;
listRef: HTMLDivElement;
itemsRef: HTMLDivElement[];
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
modelValue: number | null;
} & {
options: import('../../index.ts').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, {}> | null;
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
minTime?: string;
maxTime?: string;
}> & Readonly<{
onChange?: ((newVal: string | undefined) => any) | undefined;
}>, {
scrollAllToSelected: (smooth?: boolean) => Promise<void>;
setValue: (value?: Date | string) => void;
getValue: () => string | undefined;
}, {}, {}, {}, {}> | null;
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{}> & Readonly<{
onChange?: (() => any) | undefined;
}>, {
getValue: () => string;
setValue: (value: string) => void;
reset: () => void;
}, {}, {}, {}, {}> | null;
};
rootEl: any;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
getPopupEl: () => HTMLDivElement | undefined;
getValue: () => number | undefined;
setValue: (value?: number) => void;
open: (newVal?: number) => Promise<void>;
close: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
cancel: () => any;
change: (newVal: number | undefined) => any;
preview: (value: number | undefined) => any;
confirm: (value: number | undefined) => any;
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
onCancel?: (() => any) | undefined;
onChange?: ((newVal: number | undefined) => any) | undefined;
onPreview?: ((value: number | undefined) => any) | undefined;
onConfirm?: ((value: number | undefined) => any) | undefined;
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
dateColumnsRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
mode?: "year" | "month" | "date";
}> & Readonly<{
onChange?: ((newVal: {
year: number;
month?: number;
day?: number;
} | undefined) => any) | undefined;
}>, {
scrollAllToSelected: (smooth?: boolean) => Promise<void>;
setValue: (value?: number) => void;
getValue: () => {
year: number;
month?: undefined;
day?: undefined;
} | {
year: number;
month: number;
day?: undefined;
} | {
year: number;
month: number;
day: number;
};
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
change: (newVal: {
year: number;
month?: number;
day?: number;
} | undefined) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
yearColumnRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
modelValue: number | null;
} & {
options: import('../../index.ts').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: number | null) => any;
} & {
change: (newVal: number | null) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
columnRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<{
readonly size: "medium" | "small";
readonly duration: number;
readonly disabledX: boolean;
readonly disabledY: boolean;
readonly showType: "auto" | "always" | "never" | "hover";
readonly autoUpdateOnScrollSize: boolean;
readonly wrapClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly barClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly onScroll?: ((event: Event) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
targetRef: 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: "scroll", event: Event) => void;
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, {
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
scroll: (event: Event) => any;
}, string, {
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof 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<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
default?(_: {}): any;
thumb?(_: {}): any;
track?(_: {}): any;
};
}) | null;
listRef: HTMLDivElement;
itemsRef: HTMLDivElement[];
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
modelValue: number | null;
} & {
options: import('../../index.ts').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, {}> | null;
monthColumnRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
modelValue: number | null;
} & {
options: import('../../index.ts').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: number | null) => any;
} & {
change: (newVal: number | null) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
columnRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<{
readonly size: "medium" | "small";
readonly duration: number;
readonly disabledX: boolean;
readonly disabledY: boolean;
readonly showType: "auto" | "always" | "never" | "hover";
readonly autoUpdateOnScrollSize: boolean;
readonly wrapClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly barClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly onScroll?: ((event: Event) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
targetRef: 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: "scroll", event: Event) => void;
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, {
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
scroll: (event: Event) => any;
}, string, {
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof 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<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
default?(_: {}): any;
thumb?(_: {}): any;
track?(_: {}): any;
};
}) | null;
listRef: HTMLDivElement;
itemsRef: HTMLDivElement[];
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
modelValue: number | null;
} & {
options: import('../../index.ts').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, {}> | null;
dayColumnRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
modelValue: number | null;
} & {
options: import('../../index.ts').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: number | null) => any;
} & {
change: (newVal: number | null) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
columnRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<{
readonly size: "medium" | "small";
readonly duration: number;
readonly disabledX: boolean;
readonly disabledY: boolean;
readonly showType: "auto" | "always" | "never" | "hover";
readonly autoUpdateOnScrollSize: boolean;
readonly wrapClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly barClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly onScroll?: ((event: Event) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
targetRef: 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: "scroll", event: Event) => void;
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, {
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
scroll: (event: Event) => any;
}, string, {
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof 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<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
default?(_: {}): any;
thumb?(_: {}): any;
track?(_: {}): any;
};
}) | null;
listRef: HTMLDivElement;
itemsRef: HTMLDivElement[];
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
modelValue: number | null;
} & {
options: import('../../index.ts').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, {}> | null;
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
mode?: "year" | "month" | "date";
}> & Readonly<{
onChange?: ((newVal: {
year: number;
month?: number;
day?: number;
} | undefined) => any) | undefined;
}>, {
scrollAllToSelected: (smooth?: boolean) => Promise<void>;
setValue: (value?: number) => void;
getValue: () => {
year: number;
month?: undefined;
day?: undefined;
} | {
year: number;
month: number;
day?: undefined;
} | {
year: number;
month: number;
day: number;
};
}, {}, {}, {}, {}> | null;
timeColumnsRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
minTime?: string;
maxTime?: string;
}> & Readonly<{
onChange?: ((newVal: string | undefined) => any) | undefined;
}>, {
scrollAllToSelected: (smooth?: boolean) => Promise<void>;
setValue: (value?: Date | string) => void;
getValue: () => string | undefined;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
change: (newVal: string | undefined) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
hourColumnRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
modelValue: number | null;
} & {
options: import('../../index.ts').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: number | null) => any;
} & {
change: (newVal: number | null) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
columnRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<{
readonly size: "medium" | "small";
readonly duration: number;
readonly disabledX: boolean;
readonly disabledY: boolean;
readonly showType: "auto" | "always" | "never" | "hover";
readonly autoUpdateOnScrollSize: boolean;
readonly wrapClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly barClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly onScroll?: ((event: Event) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
targetRef: 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: "scroll", event: Event) => void;
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, {
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
scroll: (event: Event) => any;
}, string, {
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof 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<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
default?(_: {}): any;
thumb?(_: {}): any;
track?(_: {}): any;
};
}) | null;
listRef: HTMLDivElement;
itemsRef: HTMLDivElement[];
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
modelValue: number | null;
} & {
options: import('../../index.ts').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, {}> | null;
minuteColumnRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
modelValue: number | null;
} & {
options: import('../../index.ts').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: number | null) => any;
} & {
change: (newVal: number | null) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
columnRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<{
readonly size: "medium" | "small";
readonly duration: number;
readonly disabledX: boolean;
readonly disabledY: boolean;
readonly showType: "auto" | "always" | "never" | "hover";
readonly autoUpdateOnScrollSize: boolean;
readonly wrapClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly barClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly onScroll?: ((event: Event) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
targetRef: 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: "scroll", event: Event) => void;
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, {
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
scroll: (event: Event) => any;
}, string, {
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof 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<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
default?(_: {}): any;
thumb?(_: {}): any;
track?(_: {}): any;
};
}) | null;
listRef: HTMLDivElement;
itemsRef: HTMLDivElement[];
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
modelValue: number | null;
} & {
options: import('../../index.ts').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, {}> | null;
secondColumnRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
modelValue: number | null;
} & {
options: import('../../index.ts').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: number | null) => any;
} & {
change: (newVal: number | null) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
columnRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<{
readonly size: "medium" | "small";
readonly duration: number;
readonly disabledX: boolean;
readonly disabledY: boolean;
readonly showType: "auto" | "always" | "never" | "hover";
readonly autoUpdateOnScrollSize: boolean;
readonly wrapClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly barClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly onScroll?: ((event: Event) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
targetRef: 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: "scroll", event: Event) => void;
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, {
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
scroll: (event: Event) => any;
}, string, {
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof 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<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
default?(_: {}): any;
thumb?(_: {}): any;
track?(_: {}): any;
};
}) | null;
listRef: HTMLDivElement;
itemsRef: HTMLDivElement[];
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
modelValue: number | null;
} & {
options: import('../../index.ts').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, {}> | null;
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
minTime?: string;
maxTime?: string;
}> & Readonly<{
onChange?: ((newVal: string | undefined) => any) | undefined;
}>, {
scrollAllToSelected: (smooth?: boolean) => Promise<void>;
setValue: (value?: Date | string) => void;
getValue: () => string | undefined;
}, {}, {}, {}, {}> | null;
popupRef: HTMLDivElement;
yearPanelRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
year: number;
selectedDate: Dayjs | null;
disabledYear?: import('../types.ts').DisabledYearFn;
minDate?: Dayjs | null;
maxDate?: Dayjs | null;
rangeStart?: Dayjs | null;
rangeEnd?: Dayjs | null;
anchorYear?: Dayjs | null;
hoverYear?: Dayjs | null;
hideOutOfDecade?: boolean;
}> & Readonly<{
onSelect?: ((year: number) => any) | undefined;
onHover?: ((date: dayjs.Dayjs) => any) | undefined;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
select: (year: number) => any;
hover: (date: dayjs.Dayjs) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
year: number;
selectedDate: Dayjs | null;
disabledYear?: import('../types.ts').DisabledYearFn;
minDate?: Dayjs | null;
maxDate?: Dayjs | null;
rangeStart?: Dayjs | null;
rangeEnd?: Dayjs | null;
anchorYear?: Dayjs | null;
hoverYear?: Dayjs | null;
hideOutOfDecade?: boolean;
}> & Readonly<{
onSelect?: ((year: number) => any) | undefined;
onHover?: ((date: dayjs.Dayjs) => any) | undefined;
}>, {}, {}, {}, {}, {}> | null;
monthPanelRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
year: number;
selectedDate: Dayjs | null;
disabledMonth?: import('../types.ts').DisabledMonthFn;
minDate?: Dayjs | null;
maxDate?: Dayjs | null;
rangeStart?: Dayjs | null;
rangeEnd?: Dayjs | null;
anchorMonth?: Dayjs | null;
hoverMonth?: Dayjs | null;
}> & Readonly<{
onSelect?: ((month: number) => any) | undefined;
onHover?: ((date: dayjs.Dayjs) => any) | undefined;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
select: (month: number) => any;
hover: (date: dayjs.Dayjs) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
year: number;
selectedDate: Dayjs | null;
disabledMonth?: import('../types.ts').DisabledMonthFn;
minDate?: Dayjs | null;
maxDate?: Dayjs | null;
rangeStart?: Dayjs | null;
rangeEnd?: Dayjs | null;
anchorMonth?: Dayjs | null;
hoverMonth?: Dayjs | null;
}> & Readonly<{
onSelect?: ((month: number) => any) | undefined;
onHover?: ((date: dayjs.Dayjs) => any) | undefined;
}>, {}, {}, {}, {}, {}> | null;
calendarPanelRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
rows: import('../use-calendar.ts').CalendarCell[][];
weekDayHeaders: number[];
}> & Readonly<{
onSelect?: ((date: dayjs.Dayjs) => any) | undefined;
onHover?: ((date: dayjs.Dayjs) => any) | undefined;
onLeave?: (() => any) | undefined;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
select: (date: dayjs.Dayjs) => any;
hover: (date: dayjs.Dayjs) => any;
leave: () => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
rows: import('../use-calendar.ts').CalendarCell[][];
weekDayHeaders: number[];
}> & Readonly<{
onSelect?: ((date: dayjs.Dayjs) => any) | undefined;
onHover?: ((date: dayjs.Dayjs) => any) | undefined;
onLeave?: (() => any) | undefined;
}>, {}, {}, {}, {}, {}> | null;
datePanelTimeRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
onChange?: (() => any) | undefined;
}>, {
getValue: () => string;
setValue: (value: string) => void;
reset: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
change: () => any;
}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
timeColumnsRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
minTime?: string;
maxTime?: string;
}> & Readonly<{
onChange?: ((newVal: string | undefined) => any) | undefined;
}>, {
scrollAllToSelected: (smooth?: boolean) => Promise<void>;
setValue: (value?: Date | string) => void;
getValue: () => string | undefined;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
change: (newVal: string | undefined) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
hourColumnRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
modelValue: number | null;
} & {
options: import('../../index.ts').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: number | null) => any;
} & {
change: (newVal: number | null) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
columnRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<{
readonly size: "medium" | "small";
readonly duration: number;
readonly disabledX: boolean;
readonly disabledY: boolean;
readonly showType: "auto" | "always" | "never" | "hover";
readonly autoUpdateOnScrollSize: boolean;
readonly wrapClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly barClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly onScroll?: ((event: Event) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
targetRef: 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: "scroll", event: Event) => void;
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, {
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
scroll: (event: Event) => any;
}, string, {
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof 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<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
default?(_: {}): any;
thumb?(_: {}): any;
track?(_: {}): any;
};
}) | null;
listRef: HTMLDivElement;
itemsRef: HTMLDivElement[];
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
modelValue: number | null;
} & {
options: import('../../index.ts').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, {}> | null;
minuteColumnRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
modelValue: number | null;
} & {
options: import('../../index.ts').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: number | null) => any;
} & {
change: (newVal: number | null) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
columnRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<{
readonly size: "medium" | "small";
readonly duration: number;
readonly disabledX: boolean;
readonly disabledY: boolean;
readonly showType: "auto" | "always" | "never" | "hover";
readonly autoUpdateOnScrollSize: boolean;
readonly wrapClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly barClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly onScroll?: ((event: Event) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
targetRef: 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: "scroll", event: Event) => void;
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, {
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
scroll: (event: Event) => any;
}, string, {
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof 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<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
default?(_: {}): any;
thumb?(_: {}): any;
track?(_: {}): any;
};
}) | null;
listRef: HTMLDivElement;
itemsRef: HTMLDivElement[];
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
modelValue: number | null;
} & {
options: import('../../index.ts').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, {}> | null;
secondColumnRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
modelValue: number | null;
} & {
options: import('../../index.ts').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: number | null) => any;
} & {
change: (newVal: number | null) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
columnRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<{
readonly size: "medium" | "small";
readonly duration: number;
readonly disabledX: boolean;
readonly disabledY: boolean;
readonly showType: "auto" | "always" | "never" | "hover";
readonly autoUpdateOnScrollSize: boolean;
readonly wrapClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly barClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly onScroll?: ((event: Event) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
targetRef: 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: "scroll", event: Event) => void;
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, {
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
scroll: (event: Event) => any;
}, string, {
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof 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<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
default?(_: {}): any;
thumb?(_: {}): any;
track?(_: {}): any;
};
}) | null;
listRef: HTMLDivElement;
itemsRef: HTMLDivElement[];
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
modelValue: number | null;
} & {
options: import('../../index.ts').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, {}> | null;
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
minTime?: string;
maxTime?: string;
}> & Readonly<{
onChange?: ((newVal: string | undefined) => any) | undefined;
}>, {
scrollAllToSelected: (smooth?: boolean) => Promise<void>;
setValue: (value?: Date | string) => void;
getValue: () => string | undefined;
}, {}, {}, {}, {}> | null;
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{}> & Readonly<{
onChange?: (() => any) | undefined;
}>, {
getValue: () => string;
setValue: (value: string) => void;
reset: () => void;
}, {}, {}, {}, {}> | null;
}, any>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S;
};
};