@opensig/opendesign
Version:
5,853 lines • 369 kB
TypeScript
import { DateModelValue, DatePickerShortcutSlotProps } from './types';
declare function __VLS_template(): {
attrs: Partial<{}>;
slots: Readonly<{
/**
* @zh-CN 前置内容
* @en-US Prepend content
*/
prepend(): any;
/**
* @zh-CN 后置内容
* @en-US Append content
*/
append(): any;
/**
* @zh-CN 快捷选项
* @en-US Shortcut options
* @param props.setValue 设置值的函数
* @param props.emitChange 触发变更事件的函数
*/
shortcut(props: DatePickerShortcutSlotProps): any;
}> & {
/**
* @zh-CN 前置内容
* @en-US Prepend content
*/
prepend(): any;
/**
* @zh-CN 后置内容
* @en-US Append content
*/
append(): any;
/**
* @zh-CN 快捷选项
* @en-US Shortcut options
* @param props.setValue 设置值的函数
* @param props.emitChange 触发变更事件的函数
*/
shortcut(props: DatePickerShortcutSlotProps): any;
};
refs: {
inBoxRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
color: "normal" | "primary" | "success" | "warning" | "danger";
disabled: boolean;
variant: "solid" | "outline" | "text";
readonly: boolean;
focused: boolean;
}> & Omit<{
readonly color: "normal" | "primary" | "success" | "warning" | "danger";
readonly disabled: boolean;
readonly variant: "solid" | "outline" | "text";
readonly readonly: boolean;
readonly focused: boolean;
readonly round?: import('..').RoundT | undefined;
readonly size?: "large" | "medium" | "small" | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "color" | "disabled" | "variant" | "readonly" | "focused">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: (event: string, ...args: any[]) => void;
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
size: {
type: import('vue').PropType<import('..').SizeT>;
};
round: {
type: import('vue').PropType<import('..').RoundT>;
};
color: {
type: import('vue').PropType<import('..').Color2T>;
default: string;
};
variant: {
type: import('vue').PropType<import('..').VariantT>;
default: string;
};
focused: {
type: BooleanConstructor;
};
disabled: {
type: BooleanConstructor;
};
readonly: {
type: BooleanConstructor;
};
}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
color: "normal" | "primary" | "success" | "warning" | "danger";
disabled: boolean;
variant: "solid" | "outline" | "text";
readonly: boolean;
focused: 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<{
color: "normal" | "primary" | "success" | "warning" | "danger";
disabled: boolean;
variant: "solid" | "outline" | "text";
readonly: boolean;
focused: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
size: {
type: import('vue').PropType<import('..').SizeT>;
};
round: {
type: import('vue').PropType<import('..').RoundT>;
};
color: {
type: import('vue').PropType<import('..').Color2T>;
default: string;
};
variant: {
type: import('vue').PropType<import('..').VariantT>;
default: string;
};
focused: {
type: BooleanConstructor;
};
disabled: {
type: BooleanConstructor;
};
readonly: {
type: BooleanConstructor;
};
}>> & Readonly<{}>, "color" | "disabled" | "variant" | "readonly" | "focused"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: Readonly<{
default(): any;
prepend(): any;
append(): any;
}> & {
default(): any;
prepend(): any;
append(): any;
};
}) | null;
innerDatePickerRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: {
readonly modelValue: number | undefined;
readonly placeholder?: string | undefined;
readonly optionTitle?: string | undefined;
readonly inBoxRef?: HTMLElement | undefined;
readonly inputId?: string | undefined;
readonly hasIcon?: boolean | undefined;
readonly onClear?: ((evt?: Event | undefined) => any) | undefined;
readonly onBlur?: (() => any) | undefined;
readonly onChange?: ((newVal: number | undefined, oldVal: number | undefined) => any) | undefined;
readonly onFocus?: ((evt: FocusEvent) => any) | undefined;
readonly "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
readonly onPressEnter?: (() => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
inInputRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
type: "text" | "password";
disabled: boolean;
clearable: boolean;
readonly: boolean;
noKeyboard: boolean;
showLength: "auto" | "always" | "never";
inputOnOutlimit: boolean;
showPasswordEvent: "click" | "pointerdown";
autoWidth: boolean;
passwordPlaceholder: string;
onlyNumericInput: boolean;
}> & Omit<{
readonly type: "text" | "password";
readonly disabled: boolean;
readonly clearable: boolean;
readonly readonly: boolean;
readonly noKeyboard: boolean;
readonly showLength: "auto" | "always" | "never";
readonly inputOnOutlimit: boolean;
readonly showPasswordEvent: "click" | "pointerdown";
readonly autoWidth: boolean;
readonly passwordPlaceholder: string;
readonly onlyNumericInput: boolean;
readonly placeholder?: string | undefined;
readonly defaultValue?: string | undefined;
readonly modelValue?: string | undefined;
readonly inputId?: string | undefined;
readonly validate?: ((value: string) => boolean) | undefined;
readonly minLength?: number | undefined;
readonly maxLength?: number | undefined;
readonly getLength?: ((val: string) => number) | undefined;
readonly format?: ((value: string) => string) | undefined;
readonly valueOnInvalidChange?: boolean | ((inputValue: string, lastValidInputValue: string) => string) | undefined;
readonly onInput?: ((evt: Event, value: string) => any) | undefined;
readonly onClear?: ((evt?: Event | undefined) => any) | undefined;
readonly onBlur?: ((evt: FocusEvent) => any) | undefined;
readonly onChange?: ((value: string, lastValue: string) => any) | undefined;
readonly onFocus?: ((evt: FocusEvent) => any) | undefined;
readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
readonly onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "disabled" | "clearable" | "readonly" | "noKeyboard" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
inputEl: HTMLInputElement;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: ((event: "input", evt: Event, value: string) => void) & ((event: "clear", evt?: Event | undefined) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "change", value: string, lastValue: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "pressEnter", evt: KeyboardEvent) => void);
$el: HTMLLabelElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
modelValue: {
type: StringConstructor;
};
defaultValue: {
type: StringConstructor;
};
type: {
type: import('vue').PropType<"text" | "password">;
default: string;
};
placeholder: {
type: StringConstructor;
};
inputId: {
type: StringConstructor;
};
disabled: {
type: BooleanConstructor;
};
readonly: {
type: BooleanConstructor;
};
noKeyboard: {
type: BooleanConstructor;
};
clearable: {
type: BooleanConstructor;
};
minLength: {
type: NumberConstructor;
};
maxLength: {
type: NumberConstructor;
};
showLength: {
type: import('vue').PropType<"always" | "auto" | "never">;
default: string;
};
getLength: {
type: import('vue').PropType<(val: string) => number>;
};
inputOnOutlimit: {
type: BooleanConstructor;
default: boolean;
};
format: {
type: import('vue').PropType<(value: string) => string>;
};
validate: {
type: import('vue').PropType<(value: string) => boolean>;
};
valueOnInvalidChange: {
type: import('vue').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
};
showPasswordEvent: {
type: import('vue').PropType<"click" | "pointerdown">;
default: string;
};
autoWidth: {
type: BooleanConstructor;
};
passwordPlaceholder: {
type: StringConstructor;
default: string;
};
onlyNumericInput: {
type: BooleanConstructor;
};
}>> & Readonly<{
onInput?: ((evt: Event, value: string) => any) | undefined;
onClear?: ((evt?: Event | undefined) => any) | undefined;
onBlur?: ((evt: FocusEvent) => any) | undefined;
onChange?: ((value: string, lastValue: string) => any) | undefined;
onFocus?: ((evt: FocusEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
}>, {
inputEl: import('vue').Ref<HTMLInputElement | HTMLTextAreaElement | undefined, HTMLInputElement | HTMLTextAreaElement | undefined>;
focus: () => void;
blur: () => void;
clear: () => void;
togglePassword: (visible?: boolean) => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
input: (evt: Event, value: string) => any;
clear: (evt?: Event | undefined) => any;
blur: (evt: FocusEvent) => any;
change: (value: string, lastValue: string) => any;
focus: (evt: FocusEvent) => any;
"update:modelValue": (value: string) => any;
pressEnter: (evt: KeyboardEvent) => any;
}, string, {
type: "text" | "password";
disabled: boolean;
clearable: boolean;
readonly: boolean;
noKeyboard: boolean;
showLength: "auto" | "always" | "never";
inputOnOutlimit: boolean;
showPasswordEvent: "click" | "pointerdown";
autoWidth: boolean;
passwordPlaceholder: string;
onlyNumericInput: 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<{
type: "text" | "password";
disabled: boolean;
clearable: boolean;
readonly: boolean;
noKeyboard: boolean;
showLength: "auto" | "always" | "never";
inputOnOutlimit: boolean;
showPasswordEvent: "click" | "pointerdown";
autoWidth: boolean;
passwordPlaceholder: string;
onlyNumericInput: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
modelValue: {
type: StringConstructor;
};
defaultValue: {
type: StringConstructor;
};
type: {
type: import('vue').PropType<"text" | "password">;
default: string;
};
placeholder: {
type: StringConstructor;
};
inputId: {
type: StringConstructor;
};
disabled: {
type: BooleanConstructor;
};
readonly: {
type: BooleanConstructor;
};
noKeyboard: {
type: BooleanConstructor;
};
clearable: {
type: BooleanConstructor;
};
minLength: {
type: NumberConstructor;
};
maxLength: {
type: NumberConstructor;
};
showLength: {
type: import('vue').PropType<"always" | "auto" | "never">;
default: string;
};
getLength: {
type: import('vue').PropType<(val: string) => number>;
};
inputOnOutlimit: {
type: BooleanConstructor;
default: boolean;
};
format: {
type: import('vue').PropType<(value: string) => string>;
};
validate: {
type: import('vue').PropType<(value: string) => boolean>;
};
valueOnInvalidChange: {
type: import('vue').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
};
showPasswordEvent: {
type: import('vue').PropType<"click" | "pointerdown">;
default: string;
};
autoWidth: {
type: BooleanConstructor;
};
passwordPlaceholder: {
type: StringConstructor;
default: string;
};
onlyNumericInput: {
type: BooleanConstructor;
};
}>> & Readonly<{
onInput?: ((evt: Event, value: string) => any) | undefined;
onClear?: ((evt?: Event | undefined) => any) | undefined;
onBlur?: ((evt: FocusEvent) => any) | undefined;
onChange?: ((value: string, lastValue: string) => any) | undefined;
onFocus?: ((evt: FocusEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
}>, "clear" | "blur" | "focus" | "inputEl" | "togglePassword" | ("type" | "disabled" | "clearable" | "readonly" | "noKeyboard" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput")> & import('vue').ShallowUnwrapRef<{
inputEl: import('vue').Ref<HTMLInputElement | HTMLTextAreaElement | undefined, HTMLInputElement | HTMLTextAreaElement | undefined>;
focus: () => void;
blur: () => void;
clear: () => void;
togglePassword: (visible?: boolean) => void;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: Readonly<{
default(): any;
prefix(): any;
suffix(): any;
extra(): any;
length(props: {
length: number;
}): any;
}> & {
default(): any;
prefix(): any;
suffix(): any;
extra(): any;
length(props: {
length: number;
}): any;
};
}) | null;
panelRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: {
readonly target?: HTMLElement | undefined;
readonly optionTitle?: string | undefined;
readonly onCancel?: (() => any) | undefined;
readonly onChange?: ((newVal: number | undefined) => any) | undefined;
readonly onPreview?: ((value: number | undefined) => any) | undefined;
readonly onConfirm?: ((value: number | undefined) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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: import('dayjs').Dayjs | null;
disabledYear?: import('./types').DisabledYearFn;
minDate?: import('dayjs').Dayjs | null;
maxDate?: import('dayjs').Dayjs | null;
rangeStart?: import('dayjs').Dayjs | null;
rangeEnd?: import('dayjs').Dayjs | null;
anchorYear?: import('dayjs').Dayjs | null;
hoverYear?: import('dayjs').Dayjs | null;
hideOutOfDecade?: boolean;
}> & Readonly<{
onSelect?: ((year: number) => any) | undefined;
onHover?: ((date: import('dayjs').Dayjs) => any) | undefined;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
select: (year: number) => any;
hover: (date: import('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: import('dayjs').Dayjs | null;
disabledYear?: import('./types').DisabledYearFn;
minDate?: import('dayjs').Dayjs | null;
maxDate?: import('dayjs').Dayjs | null;
rangeStart?: import('dayjs').Dayjs | null;
rangeEnd?: import('dayjs').Dayjs | null;
anchorYear?: import('dayjs').Dayjs | null;
hoverYear?: import('dayjs').Dayjs | null;
hideOutOfDecade?: boolean;
}> & Readonly<{
onSelect?: ((year: number) => any) | undefined;
onHover?: ((date: import('dayjs').Dayjs) => any) | undefined;
}>, {}, {}, {}, {}, {}> | null;
monthPanelRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
year: number;
selectedDate: import('dayjs').Dayjs | null;
disabledMonth?: import('./types').DisabledMonthFn;
minDate?: import('dayjs').Dayjs | null;
maxDate?: import('dayjs').Dayjs | null;
rangeStart?: import('dayjs').Dayjs | null;
rangeEnd?: import('dayjs').Dayjs | null;
anchorMonth?: import('dayjs').Dayjs | null;
hoverMonth?: import('dayjs').Dayjs | null;
}> & Readonly<{
onSelect?: ((month: number) => any) | undefined;
onHover?: ((date: import('dayjs').Dayjs) => any) | undefined;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
select: (month: number) => any;
hover: (date: import('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: import('dayjs').Dayjs | null;
disabledMonth?: import('./types').DisabledMonthFn;
minDate?: import('dayjs').Dayjs | null;
maxDate?: import('dayjs').Dayjs | null;
rangeStart?: import('dayjs').Dayjs | null;
rangeEnd?: import('dayjs').Dayjs | null;
anchorMonth?: import('dayjs').Dayjs | null;
hoverMonth?: import('dayjs').Dayjs | null;
}> & Readonly<{
onSelect?: ((month: number) => any) | undefined;
onHover?: ((date: import('dayjs').Dayjs) => any) | undefined;
}>, {}, {}, {}, {}, {}> | null;
calendarPanelRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
rows: import('./use-calendar').CalendarCell[][];
weekDayHeaders: number[];
}> & Readonly<{
onSelect?: ((date: import('dayjs').Dayjs) => any) | undefined;
onHover?: ((date: import('dayjs').Dayjs) => any) | undefined;
onLeave?: (() => any) | undefined;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
select: (date: import('dayjs').Dayjs) => any;
hover: (date: import('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').CalendarCell[][];
weekDayHeaders: number[];
}> & Readonly<{
onSelect?: ((date: import('dayjs').Dayjs) => any) | undefined;
onHover?: ((date: import('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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: ((event: "cancel") => void) & ((event: "change", newVal: number | undefined) => void) & ((event: "preview", value: number | undefined) => void) & ((event: "confirm", value: number | undefined) => void);
$el: any;
$options: import('vue').ComponentOptionsBase<Readonly<{
target?: HTMLElement;
optionTitle?: string;
}> & Readonly<{
onCancel?: (() => any) | undefined;
onChange?: ((newVal: number | undefined) => any) | undefined;
onPreview?: ((value: number | undefined) => any) | undefined;
onConfirm?: ((value: number | undefined) => any) | undefined;
}>, {
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, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof import('vue').nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{}> & Omit<Readonly<{
target?: HTMLElement;
optionTitle?: string;
}> & Readonly<{
onCancel?: (() => any) | undefined;
onChange?: ((newVal: number | undefined) => any) | undefined;
onPreview?: ((value: number | undefined) => any) | undefined;
onConfirm?: ((value: number | undefined) => any) | undefined;
}>, "close" | "open" | "setValue" | "getValue" | "getPopupEl"> & import('vue').ShallowUnwrapRef<{
getPopupEl: () => HTMLDivElement | undefined;
getValue: () => number | undefined;
setValue: (value?: number) => void;
open: (newVal?: number) => Promise<void>;
close: () => void;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
shortcut?(_: {
setValue: (value?: number) => void;
emitChange: () => void;
}): any;
};
}) | null;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: ((event: "clear", evt?: Event | undefined) => void) & ((event: "blur") => void) & ((event: "change", newVal: number | undefined, oldVal: number | undefined) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "update:modelValue", value: number | undefined) => void) & ((event: "pressEnter") => void);
$el: HTMLLabelElement;
$options: import('vue').ComponentOptionsBase<Readonly<{
modelValue: number | undefined;
} & {
placeholder?: string;
optionTitle?: string;
inBoxRef?: HTMLElement;
inputId?: string;
hasIcon?: boolean;
}> & Readonly<{
onClear?: ((evt?: Event | undefined) => any) | undefined;
onBlur?: (() => any) | undefined;
onChange?: ((newVal: number | undefined, oldVal: number | undefined) => any) | undefined;
onFocus?: ((evt: FocusEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
onPressEnter?: (() => any) | undefined;
}>, {
focus: (open?: boolean) => void;
blur: () => void;
clear: () => void | undefined;
inputEl: () => HTMLInputElement | HTMLTextAreaElement | undefined;
getTempValue: () => string | number | undefined;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: number | undefined) => any;
} & {
clear: (evt?: Event | undefined) => any;
blur: () => any;
change: (newVal: number | undefined, oldVal: number | undefined) => any;
focus: (evt: FocusEvent) => any;
pressEnter: () => any;
}, string, {
placeholder: string;
optionTitle: string;
inputId: string;
inBoxRef: HTMLElement;
hasIcon: 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<{
placeholder: string;
optionTitle: string;
inputId: string;
inBoxRef: HTMLElement;
hasIcon: boolean;
}> & Omit<Readonly<{
modelValue: number | undefined;
} & {
placeholder?: string;
optionTitle?: string;
inBoxRef?: HTMLElement;
inputId?: string;
hasIcon?: boolean;
}> & Readonly<{
onClear?: ((evt?: Event | undefined) => any) | undefined;
onBlur?: (() => any) | undefined;
onChange?: ((newVal: number | undefined, oldVal: number | undefined) => any) | undefined;
onFocus?: ((evt: FocusEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
onPressEnter?: (() => any) | undefined;
}>, "clear" | "blur" | "focus" | "inputEl" | "getTempValue" | ("placeholder" | "optionTitle" | "inputId" | "inBoxRef" | "hasIcon")> & import('vue').ShallowUnwrapRef<{
focus: (open?: boolean) => void;
blur: () => void;
clear: () => void | undefined;
inputEl: () => HTMLInputElement | HTMLTextAreaElement | undefined;
getTempValue: () => string | number | undefined;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
suffix?(_: {}): any;
shortcut?(_: {
setValue: (value?: number) => void;
emitChange: () => void;
}): any;
};
}) | null;
};
rootEl: HTMLDivElement;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
format: {
type: StringConstructor;
default: string;
};
disabledDate: {
type: import('vue').PropType<import('./types').DisabledDateFn>;
default: undefined;
};
minDate: {
type: import('vue').PropType<DateModelValue>;
default: undefined;
};
maxDate: {
type: import('vue').PropType<DateModelValue>;
default: undefined;
};
dayStartOfWeek: {
type: NumberConstructor;
default: number;
};
disabledMonth: {
type: import('vue').PropType<import('./types').DisabledMonthFn>;
default: undefined;
};
disabledYear: {
type: import('vue').PropType<import('./types').DisabledYearFn>;
default: undefined;
};
defaultValue: {
type: import('vue').PropType<Date>;
default: () => Date;
};
valueFormat: {
type: StringConstructor;
default: string;
};
clearable: {
type: BooleanConstructor;
};
trigger: {
type: import('vue').PropType<import('..').PopupTriggerT>;
default: string;
};
popupPosition: {
type: import('vue').PropType<import('..').PopupPositionT>;
default: string;
};
popupWrapper: {
type: import('vue').PropType<string | HTMLElement | null>;
default: string;
};
unmountOnHide: {
type: BooleanConstructor;
default: boolean;
};
transition: {
type: StringConstructor;
};
placeholder: {
type: StringConstructor;
};
inputId: {
type: StringConstructor;
};
disabled: {
type: BooleanConstructor;
};
readonly: {
type: BooleanConstructor;
};
size: {
type: import('vue').PropType<import('..').SizeT>;
};
round: {
type: import('vue').PropType<import('..').RoundT>;
};
color: {
type: import('vue').PropType<import('..').Color2T>;
default: string;
};
variant: {
type: import('vue').PropType<import('..').VariantT>;
default: string;
};
noResponsive: {
type: BooleanConstructor;
};
optionTitle: {
type: StringConstructor;
};
modelValue: {
type: import('vue').PropType<string | number | Date | null>;
};
}>, {
/**
* @zh-CN 使输入框获取焦点，open 为 false 时仅聚焦不打开面板
* @en-US Focus the input. Pass false to focus without opening the panel.
*/
focus: (open?: boolean) => void | undefined;
/**
* @zh-CN 使输入框失去焦点
* @en-US Blur the input
*/
blur: () => void | undefined;
/**
* @zh-CN 清除输入值
* @en-US Clear the input value
*/
clear: () => void | undefined;
/**
* @zh-CN 获取输入框 DOM 元素
* @en-US Get the input DOM element
*/
inputEl: () => HTMLInputElement | HTMLTextAreaElement | undefined;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: DateModelValue) => any;
} & {
clear: (evt?: Event | undefined) => any;
blur: () => any;
change: (newVal: DateModelValue, oldVal: DateModelValue) => any;
focus: (evt: FocusEvent) => any;
pressEnter: () => any;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
format: {
type: StringConstructor;
default: string;
};
disabledDate: {
type: import('vue').PropType<import('./types').DisabledDateFn>;
default: undefined;
};
minDate: {
type: import('vue').PropType<DateModelValue>;
default: undefined;
};
maxDate: {
type: import('vue').PropType<DateModelValue>;
default: undefined;
};
dayStartOfWeek: {
type: NumberConstructor;
default: number;
};
disabledMonth: {
type: import('vue').PropType<import('./types').DisabledMonthFn>;
default: undefined;
};
disabledYear: {
type: import('vue').PropType<import('./types').DisabledYearFn>;
default: undefined;
};
defaultValue: {
type: import('vue').PropType<Date>;
default: () => Date;
};
valueFormat: {
type: StringConstructor;
default: string;
};
clearable: {
type: BooleanConstructor;
};
trigger: {
type: import('vue').PropType<import('..').PopupTriggerT>;
default: string;
};
popupPosition: {
type: import('vue').PropType<import('..').PopupPositionT>;
default: string;
};
popupWrapper: {
type: import('vue').PropType<string | HTMLElement | null>;
default: string;
};
unmountOnHide: {
type: BooleanConstructor;
default: boolean;
};
transition: {
type: StringConstructor;
};
placeholder: {
type: StringConstructor;
};
inputId: {
type: StringConstructor;
};
disabled: {
type: BooleanConstructor;
};
readonly: {
type: BooleanConstructor;
};
size: {
type: import('vue').PropType<import('..').SizeT>;
};
round: {
type: import('vue').PropType<import('..').RoundT>;
};
color: {
type: import('vue').PropType<import('..').Color2T>;
default: string;
};
variant: {
type: import('vue').PropType<import('..').VariantT>;
default: string;
};
noResponsive: {
type: BooleanConstructor;
};
optionTitle: {
type: StringConstructor;
};
modelValue: {
type: import('vue').PropType<string | number | Date | null>;
};
}>> & Readonly<{
onClear?: ((evt?: Event | undefined) => any) | undefined;
onBlur?: (() => any) | undefined;
onChange?: ((newVal: DateModelValue, oldVal: DateModelValue) => any) | undefined;
onFocus?: ((evt: FocusEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: DateModelValue) => any) | undefined;
onPressEnter?: (() => any) | undefined;
}>, {
color: "normal" | "primary" | "success" | "warning" | "danger";
disabled: boolean;
trigger: "none" | "click" | "contextmenu" | "focus" | "click-outclick" | "hover" | "hover-outclick";
unmountOnHide: boolean;
popupPosition: "left" | "right" | "top" | "bottom" | "br" | "rt" | "tr" | "rb" | "tl" | "bl" | "lt" | "lb";
variant: "solid" | "outline" | "text";
noResponsive: boolean;
defaultValue: Date;
clearable: boolean;
readonly: boolean;
format: string;
popupWrapper: string | HTMLElement | null;
disabledYear: import('./types').DisabledYearFn;
valueFormat: string;
disabledMonth: import('./types').DisabledMonthFn;
disabledDate: import('./types').DisabledDateFn;
minDate: DateModelValue;
maxDate: DateModelValue;
dayStartOfWeek: number;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
inBoxRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
color: "normal" | "primary" | "success" | "warning" | "danger";
disabled: boolean;
variant: "solid" | "outline" | "text";
readonly: boolean;
focused: boolean;
}> & Omit<{
readonly color: "normal" | "primary" | "success" | "warning" | "danger";
readonly disabled: boolean;
readonly variant: "solid" | "outline" | "text";
readonly readonly: boolean;
readonly focused: boolean;
readonly round?: import('..').RoundT | undefined;
readonly size?: "large" | "medium" | "small" | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "color" | "disabled" | "variant" | "readonly" | "focused">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: (event: string, ...args: any[]) => void;
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
size: {
type: import('vue').PropType<import('..').SizeT>;
};
round: {
type: import('vue').PropType<import('..').RoundT>;
};
color: {
type: import('vue').PropType<import('..').Color2T>;
default: string;
};
variant: {
type: import('vue').PropType<import('..').VariantT>;
default: string;
};
focused: {
type: BooleanConstructor;
};
disabled: {
type: BooleanConstructor;
};
readonly: {
type: BooleanConstructor;
};
}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
color: "normal" | "primary" | "success" | "warning" | "danger";
disabled: boolean;
variant: "solid" | "outline" | "text";
readonly: boolean;
focused: 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<{
color: "normal" | "primary" | "success" | "warning" | "danger";
disabled: boolean;
variant: "solid" | "outline" | "text";
readonly: boolean;
focused: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
size: {
type: import('vue').PropType<import('..').SizeT>;
};
round: {
type: import('vue').PropType<import('..').RoundT>;
};
color: {
type: import('vue').PropType<import('..').Color2T>;
default: string;
};
variant: {
type: import('vue').PropType<import('..').VariantT>;
default: string;
};
focused: {
type: BooleanConstructor;
};
disabled: {
type: BooleanConstructor;
};
readonly: {
type: BooleanConstructor;
};
}>> & Readonly<{}>, "color" | "disabled" | "variant" | "readonly" | "focused"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: Readonly<{
default(): any;
prepend(): any;
append(): any;
}> & {
default(): any;
prepend(): any;
append(): any;
};
}) | null;
innerDatePickerRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: {
readonly modelValue: number | undefined;
readonly placeholder?: string | undefined;
readonly optionTitle?: string | undefined;
readonly inBoxRef?: HTMLElement | undefined;
readonly inputId?: string | undefined;
readonly hasIcon?: boolean | undefined;
readonly onClear?: ((evt?: Event | undefined) => any) | undefined;
readonly onBlur?: (() => any) | undefined;
readonly onChange?: ((newVal: number | undefined, oldVal: number | undefined) => any) | undefined;
readonly onFocus?: ((evt: FocusEvent) => any) | undefined;
readonly "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
readonly onPressEnter?: (() => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
inInputRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
type: "text" | "password";
disabled: boolean;
clearable: boolean;
readonly: boolean;
noKeyboard: boolean;
showLength: "auto" | "always" | "never";
inputOnOutlimit: boolean;
showPasswordEvent: "click" | "pointerdown";
autoWidth: boolean;
passwordPlaceholder: string;
onlyNumericInput: boolean;
}> & Omit<{
readonly type: "text" | "password";
readonly disabled: boolean;
readonly clearable: boolean;
readonly readonly: boolean;
readonly noKeyboard: boolean;
readonly showLength: "auto" | "always" | "never";
readonly inputOnOutlimit: boolean;
readonly showPasswordEvent: "click" | "pointerdown";
readonly autoWidth: boolean;
readonly passwordPlaceholder: string;
readonly onlyNumericInput: boolean;
readonly placeholder?: string | undefined;
readonly defaultValue?: string | undefined;
readonly modelValue?: string | undefined;
readonly inputId?: string | undefined;
readonly validate?: ((value: string) => boolean) | undefined;
readonly minLength?: number | undefined;
readonly maxLength?: number | undefined;
readonly getLength?: ((val: string) => number) | undefined;
readonly format?: ((value: string) => string) | undefined;
readonly valueOnInvalidChange?: boolean | ((inputValue: string, lastValidInputValue: string) => string) | undefined;
readonly onInput?: ((evt: Event, value: string) => any) | undefined;
readonly onClear?: ((evt?: Event | undefined) => any) | undefined;
readonly onBlur?: ((evt: FocusEvent) => any) | undefined;
readonly onChange?: ((value: string, lastValue: string) => any) | undefined;
readonly onFocus?: ((evt: FocusEvent) => any) | undefined;
readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
readonly onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "disabled" | "clearable" | "readonly" | "noKeyboard" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
inputEl: HTMLInputElement;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: ((event: "input", evt: Event, value: string) => void) & ((event: "clear", evt?: Event | undefined) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "change", value: string, lastValue: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "pressEnter", evt: KeyboardEvent) => void);
$el: HTMLLabelElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
modelValue: {
type: StringConstructor;
};
defaultValue: {
type: StringConstructor;
};
type: {
type: import('vue').PropType<"text" | "password">;
default: string;
};
placeholder: {
type: StringConstructor;
};
inputId: {
type: StringConstructor;
};
disabled: {
type: BooleanConstructor;
};
readonly: {
type: BooleanConstructor;
};
noKeyboard: {
type: BooleanConstructor;
};
clearable: {
type: BooleanConstructor;
};
minLength: {
type: NumberConstructor;
};
maxLength: {
type: NumberConstructor;
};
showLength: {
type: import('vue').PropType<"always" | "auto" | "never">;
default: string;
};
getLength: {
type: import('vue').PropType<(val: string) => number>;
};
inputOnOutlimit: {
type: BooleanConstructor;
default: boolean;
};
format: {
type: import('vue').PropType<(value: string) => string>;
};
validate: {
type: import('vue').PropType<(value: string) => boolean>;
};
valueOnInvalidChange: {
type: import('vue').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
};
showPasswordEvent: {
type: import('vue').PropType<"click" | "pointerdown">;
default: string;
};
autoWidth: {
type: BooleanConstructor;
};
passwordPlaceholder: {
type: StringConstructor;
default: string;
};
onlyNumericInput: {
type: BooleanConstructor;
};
}>> & Readonly<{
onInput?: ((evt: Event, value: string) => any) | undefined;
onClear?: ((evt?: Event | undefined) => any) | undefined;
onBlur?: ((evt: FocusEvent) => any) | undefined;
onChange?: ((value: string, lastValue: string) => any) | undefined;
onFocus?: ((evt: FocusEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
}>, {
inputEl: import('vue').Ref<HTMLInputElement | HTMLTextAreaElement | undefined, HTMLInputElement | HTMLTextAreaElement | undefined>;
focus: () => void;
blur: () => void;
clear: () => void;
togglePassword: (visible?: boolean) => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
input: (evt: Event, value: string) => any;
clear: (evt?: Event | undefined) => any;
blur: (evt: FocusEvent) => any;
change: (value: string, lastValue: string) => any;
focus: (evt: FocusEvent) => any;
"update:modelValue": (value: string) => any;
pressEnter: (evt: KeyboardEvent) => any;
}, string, {
type: "text" | "password";
disabled: boolean;
clearable: boolean;
readonly: boolean;
noKeyboard: boolean;
showLength: "auto" | "always" | "never";
inputOnOutlimit: boolean;
showPasswordEvent: "click" | "pointerdown";
autoWidth: boolean;
passwordPlaceholder: string;
onlyNumericInput: 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<{
type: "text" | "password";
disabled: boolean;
clearable: boolean;
readonly: boolean;
noKeyboard: boolean;
showLength: "auto" | "always" | "never";
inputOnOutlimit: boolean;
showPasswordEvent: "click" | "pointerdown";
autoWidth: boolean;
passwordPlaceholder: string;
onlyNumericInput: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
modelValue: {
type: StringConstructor;
};
defaultValue: {
type: StringConstructor;
};
type: {
type: import('vue').PropType<"text" | "password">;
default: string;
};
placeholder: {
type: StringConstructor;
};
inputId: {
type: StringConstructor;
};
disabled: {
type: BooleanConstructor;
};
readonly: {
type: BooleanConstructor;
};
noKeyboard: {
type: BooleanConstructor;
};
clearable: {
type: BooleanConstructor;
};
minLength: {
type: NumberConstructor;
};
maxLength: {
type: NumberConstructor;
};
showLength: {
type: import('vue').PropType<"always" | "auto" | "never">;
default: string;
};
getLength: {
type: import('vue').PropType<(val: string) => number>;
};
inputOnOutlimit: {
type: BooleanConstructor;
default: boolean;
};
format: {
type: import('vue').PropType<(value: string) => string>;
};
validate: {
type: import('vue').PropType<(value: string) => boolean>;
};
valueOnInvalidChange: {
type: import('vue').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
};
showPasswordEvent: {
type: import('vue').PropType<"click" | "pointerdown">;
default: string;
};
autoWidth: {
type: BooleanConstructor;
};
passwordPlaceholder: {
type: StringConstructor;
default: string;
};
onlyNumericInput: {
type: BooleanConstructor;
};
}>> & Readonly<{
onInput?: ((evt: Event, value: string) => any) | undefined;
onClear?: ((evt?: Event | undefined) => any) | undefined;
onBlur?: ((evt: FocusEvent) => any) | undefined;
onChange?: ((value: string, lastValue: string) => any) | undefined;
onFocus?: ((evt: FocusEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
}>, "clear" | "blur" | "focus" | "inputEl" | "togglePassword" | ("type" | "disabled" | "clearable" | "readonly" | "noKeyboard" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput")> & import('vue').ShallowUnwrapRef<{
inputEl: import('vue').Ref<HTMLInputElement | HTMLTextAreaElement | undefined, HTMLInputElement | HTMLTextAreaElement | undefined>;
focus: () => void;
blur: () => void;
clear: () => void;
togglePassword: (visible?: boolean) => void;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: Readonly<{
default(): any;
prefix(): any;
suffix(): any;
extra(): any;
length(props: {
length: number;
}): any;
}> & {
default(): any;
prefix(): any;
suffix(): any;
extra(): any;
length(props: {
length: number;
}): any;
};
}) | null;
panelRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: {
readonly target?: HTMLElement | undefined;
readonly optionTitle?: string | undefined;
readonly onCancel?: (() => any) | undefined;
readonly onChange?: ((newVal: number | undefined) => any) | undefined;
readonly onPreview?: ((value: number | undefined) => any) | undefined;
readonly onConfirm?: ((value: number | undefined) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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: import('dayjs').Dayjs | null;
disabledYear?: import('./types').DisabledYearFn;
minDate?: import('dayjs').Dayjs | null;
maxDate?: import('dayjs').Dayjs | null;
rangeStart?: import('dayjs').Dayjs | null;
rangeEnd?: import('dayjs').Dayjs | null;
anchorYear?: import('dayjs').Dayjs | null;
hoverYear?: import('dayjs').Dayjs | null;
hideOutOfDecade?: boolean;
}> & Readonly<{
onSelect?: ((year: number) => any) | undefined;
onHover?: ((date: import('dayjs').Dayjs) => any) | undefined;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
select: (year: number) => any;
hover: (date: import('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: import('dayjs').Dayjs | null;
disabledYear?: import('./types').DisabledYearFn;
minDate?: import('dayjs').Dayjs | null;
maxDate?: import('dayjs').Dayjs | null;
rangeStart?: import('dayjs').Dayjs | null;
rangeEnd?: import('dayjs').Dayjs | null;
anchorYear?: import('dayjs').Dayjs | null;
hoverYear?: import('dayjs').Dayjs | null;
hideOutOfDecade?: boolean;
}> & Readonly<{
onSelect?: ((year: number) => any) | undefined;
onHover?: ((date: import('dayjs').Dayjs) => any) | undefined;
}>, {}, {}, {}, {}, {}> | null;
monthPanelRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
year: number;
selectedDate: import('dayjs').Dayjs | null;
disabledMonth?: import('./types').DisabledMonthFn;
minDate?: import('dayjs').Dayjs | null;
maxDate?: import('dayjs').Dayjs | null;
rangeStart?: import('dayjs').Dayjs | null;
rangeEnd?: import('dayjs').Dayjs | null;
anchorMonth?: import('dayjs').Dayjs | null;
hoverMonth?: import('dayjs').Dayjs | null;
}> & Readonly<{
onSelect?: ((month: number) => any) | undefined;
onHover?: ((date: import('dayjs').Dayjs) => any) | undefined;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
select: (month: number) => any;
hover: (date: import('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: import('dayjs').Dayjs | null;
disabledMonth?: import('./types').DisabledMonthFn;
minDate?: import('dayjs').Dayjs | null;
maxDate?: import('dayjs').Dayjs | null;
rangeStart?: import('dayjs').Dayjs | null;
rangeEnd?: import('dayjs').Dayjs | null;
anchorMonth?: import('dayjs').Dayjs | null;
hoverMonth?: import('dayjs').Dayjs | null;
}> & Readonly<{
onSelect?: ((month: number) => any) | undefined;
onHover?: ((date: import('dayjs').Dayjs) => any) | undefined;
}>, {}, {}, {}, {}, {}> | null;
calendarPanelRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
rows: import('./use-calendar').CalendarCell[][];
weekDayHeaders: number[];
}> & Readonly<{
onSelect?: ((date: import('dayjs').Dayjs) => any) | undefined;
onHover?: ((date: import('dayjs').Dayjs) => any) | undefined;
onLeave?: (() => any) | undefined;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
select: (date: import('dayjs').Dayjs) => any;
hover: (date: import('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').CalendarCell[][];
weekDayHeaders: number[];
}> & Readonly<{
onSelect?: ((date: import('dayjs').Dayjs) => any) | undefined;
onHover?: ((date: import('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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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('..').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;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: ((event: "cancel") => void) & ((event: "change", newVal: number | undefined) => void) & ((event: "preview", value: number | undefined) => void) & ((event: "confirm", value: number | undefined) => void);
$el: any;
$options: import('vue').ComponentOptionsBase<Readonly<{
target?: HTMLElement;
optionTitle?: string;
}> & Readonly<{
onCancel?: (() => any) | undefined;
onChange?: ((newVal: number | undefined) => any) | undefined;
onPreview?: ((value: number | undefined) => any) | undefined;
onConfirm?: ((value: number | undefined) => any) | undefined;
}>, {
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, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof import('vue').nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{}> & Omit<Readonly<{
target?: HTMLElement;
optionTitle?: string;
}> & Readonly<{
onCancel?: (() => any) | undefined;
onChange?: ((newVal: number | undefined) => any) | undefined;
onPreview?: ((value: number | undefined) => any) | undefined;
onConfirm?: ((value: number | undefined) => any) | undefined;
}>, "close" | "open" | "setValue" | "getValue" | "getPopupEl"> & import('vue').ShallowUnwrapRef<{
getPopupEl: () => HTMLDivElement | undefined;
getValue: () => number | undefined;
setValue: (value?: number) => void;
open: (newVal?: number) => Promise<void>;
close: () => void;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
shortcut?(_: {
setValue: (value?: number) => void;
emitChange: () => void;
}): any;
};
}) | null;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: ((event: "clear", evt?: Event | undefined) => void) & ((event: "blur") => void) & ((event: "change", newVal: number | undefined, oldVal: number | undefined) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "update:modelValue", value: number | undefined) => void) & ((event: "pressEnter") => void);
$el: HTMLLabelElement;
$options: import('vue').ComponentOptionsBase<Readonly<{
modelValue: number | undefined;
} & {
placeholder?: string;
optionTitle?: string;
inBoxRef?: HTMLElement;
inputId?: string;
hasIcon?: boolean;
}> & Readonly<{
onClear?: ((evt?: Event | undefined) => any) | undefined;
onBlur?: (() => any) | undefined;
onChange?: ((newVal: number | undefined, oldVal: number | undefined) => any) | undefined;
onFocus?: ((evt: FocusEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
onPressEnter?: (() => any) | undefined;
}>, {
focus: (open?: boolean) => void;
blur: () => void;
clear: () => void | undefined;
inputEl: () => HTMLInputElement | HTMLTextAreaElement | undefined;
getTempValue: () => string | number | undefined;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: number | undefined) => any;
} & {
clear: (evt?: Event | undefined) => any;
blur: () => any;
change: (newVal: number | undefined, oldVal: number | undefined) => any;
focus: (evt: FocusEvent) => any;
pressEnter: () => any;
}, string, {
placeholder: string;
optionTitle: string;
inputId: string;
inBoxRef: HTMLElement;
hasIcon: 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<{
placeholder: string;
optionTitle: string;
inputId: string;
inBoxRef: HTMLElement;
hasIcon: boolean;
}> & Omit<Readonly<{
modelValue: number | undefined;
} & {
placeholder?: string;
optionTitle?: string;
inBoxRef?: HTMLElement;
inputId?: string;
hasIcon?: boolean;
}> & Readonly<{
onClear?: ((evt?: Event | undefined) => any) | undefined;
onBlur?: (() => any) | undefined;
onChange?: ((newVal: number | undefined, oldVal: number | undefined) => any) | undefined;
onFocus?: ((evt: FocusEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
onPressEnter?: (() => any) | undefined;
}>, "clear" | "blur" | "focus" | "inputEl" | "getTempValue" | ("placeholder" | "optionTitle" | "inputId" | "inBoxRef" | "hasIcon")> & import('vue').ShallowUnwrapRef<{
focus: (open?: boolean) => void;
blur: () => void;
clear: () => void | undefined;
inputEl: () => HTMLInputElement | HTMLTextAreaElement | undefined;
getTempValue: () => string | number | undefined;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
suffix?(_: {}): any;
shortcut?(_: {
setValue: (value?: number) => void;
emitChange: () => void;
}): any;
};
}) | null;
}, HTMLDivElement>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S;
};
};