@opensig/opendesign
Version:
4,557 lines • 243 kB
TypeScript
import { nextTick } from 'vue';
import { TimePickerRangeShortcutSlotProps, TimeRangeValue } 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: TimePickerRangeShortcutSlotProps): 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: TimePickerRangeShortcutSlotProps): 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('../index.ts').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('../index.ts').SizeT>;
};
round: {
type: import('vue').PropType<import('../index.ts').RoundT>;
};
color: {
type: import('vue').PropType<import('../index.ts').Color2T>;
default: string;
};
variant: {
type: import('vue').PropType<import('../index.ts').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 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('../index.ts').SizeT>;
};
round: {
type: import('vue').PropType<import('../index.ts').RoundT>;
};
color: {
type: import('vue').PropType<import('../index.ts').Color2T>;
default: string;
};
variant: {
type: import('vue').PropType<import('../index.ts').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;
startInputRef: ({
$: 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 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 onChange?: ((start: string | undefined, end: string | undefined) => any) | undefined;
readonly onConfirm?: ((start: string | undefined, end: string | undefined) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
popupRef: HTMLDivElement;
startColumnsRef: 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('./types').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: number | null) => any;
} & {
change: (newVal: number | null) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
columnRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<{
readonly size: "medium" | "small";
readonly duration: number;
readonly disabledX: boolean;
readonly disabledY: boolean;
readonly showType: "auto" | "always" | "never" | "hover";
readonly autoUpdateOnScrollSize: boolean;
readonly wrapClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly barClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly onScroll?: ((event: Event) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
targetRef: HTMLDivElement;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: (event: "scroll", event: Event) => void;
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, {
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
scroll: (event: Event) => any;
}, string, {
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
default?(_: {}): any;
thumb?(_: {}): any;
track?(_: {}): any;
};
}) | null;
listRef: HTMLDivElement;
itemsRef: HTMLDivElement[];
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
modelValue: number | null;
} & {
options: import('./types').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('./types').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: number | null) => any;
} & {
change: (newVal: number | null) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
columnRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<{
readonly size: "medium" | "small";
readonly duration: number;
readonly disabledX: boolean;
readonly disabledY: boolean;
readonly showType: "auto" | "always" | "never" | "hover";
readonly autoUpdateOnScrollSize: boolean;
readonly wrapClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly barClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly onScroll?: ((event: Event) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
targetRef: HTMLDivElement;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: (event: "scroll", event: Event) => void;
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, {
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
scroll: (event: Event) => any;
}, string, {
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
default?(_: {}): any;
thumb?(_: {}): any;
track?(_: {}): any;
};
}) | null;
listRef: HTMLDivElement;
itemsRef: HTMLDivElement[];
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
modelValue: number | null;
} & {
options: import('./types').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('./types').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: number | null) => any;
} & {
change: (newVal: number | null) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
columnRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<{
readonly size: "medium" | "small";
readonly duration: number;
readonly disabledX: boolean;
readonly disabledY: boolean;
readonly showType: "auto" | "always" | "never" | "hover";
readonly autoUpdateOnScrollSize: boolean;
readonly wrapClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly barClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly onScroll?: ((event: Event) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
targetRef: HTMLDivElement;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: (event: "scroll", event: Event) => void;
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, {
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
scroll: (event: Event) => any;
}, string, {
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
default?(_: {}): any;
thumb?(_: {}): any;
track?(_: {}): any;
};
}) | null;
listRef: HTMLDivElement;
itemsRef: HTMLDivElement[];
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
modelValue: number | null;
} & {
options: import('./types').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;
endColumnsRef: 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('./types').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: number | null) => any;
} & {
change: (newVal: number | null) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
columnRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<{
readonly size: "medium" | "small";
readonly duration: number;
readonly disabledX: boolean;
readonly disabledY: boolean;
readonly showType: "auto" | "always" | "never" | "hover";
readonly autoUpdateOnScrollSize: boolean;
readonly wrapClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly barClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly onScroll?: ((event: Event) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
targetRef: HTMLDivElement;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: (event: "scroll", event: Event) => void;
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, {
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
scroll: (event: Event) => any;
}, string, {
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
default?(_: {}): any;
thumb?(_: {}): any;
track?(_: {}): any;
};
}) | null;
listRef: HTMLDivElement;
itemsRef: HTMLDivElement[];
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
modelValue: number | null;
} & {
options: import('./types').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('./types').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: number | null) => any;
} & {
change: (newVal: number | null) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
columnRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<{
readonly size: "medium" | "small";
readonly duration: number;
readonly disabledX: boolean;
readonly disabledY: boolean;
readonly showType: "auto" | "always" | "never" | "hover";
readonly autoUpdateOnScrollSize: boolean;
readonly wrapClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly barClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly onScroll?: ((event: Event) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
targetRef: HTMLDivElement;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: (event: "scroll", event: Event) => void;
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, {
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
scroll: (event: Event) => any;
}, string, {
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
default?(_: {}): any;
thumb?(_: {}): any;
track?(_: {}): any;
};
}) | null;
listRef: HTMLDivElement;
itemsRef: HTMLDivElement[];
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
modelValue: number | null;
} & {
options: import('./types').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('./types').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: number | null) => any;
} & {
change: (newVal: number | null) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
columnRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<{
readonly size: "medium" | "small";
readonly duration: number;
readonly disabledX: boolean;
readonly disabledY: boolean;
readonly showType: "auto" | "always" | "never" | "hover";
readonly autoUpdateOnScrollSize: boolean;
readonly wrapClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly barClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly onScroll?: ((event: Event) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
targetRef: HTMLDivElement;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: (event: "scroll", event: Event) => void;
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, {
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
scroll: (event: Event) => any;
}, string, {
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
default?(_: {}): any;
thumb?(_: {}): any;
track?(_: {}): any;
};
}) | null;
listRef: HTMLDivElement;
itemsRef: HTMLDivElement[];
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
modelValue: number | null;
} & {
options: import('./types').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;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: ((event: "change", start: string | undefined, end: string | undefined) => void) & ((event: "confirm", start: string | undefined, end: string | undefined) => void);
$el: any;
$options: import('vue').ComponentOptionsBase<Readonly<{
target?: HTMLElement;
optionTitle?: string;
}> & Readonly<{
onChange?: ((start: string | undefined, end: string | undefined) => any) | undefined;
onConfirm?: ((start: string | undefined, end: string | undefined) => any) | undefined;
}>, {
getPopupEl: () => HTMLDivElement | undefined;
open: (start?: string, end?: string) => Promise<void>;
close: () => void;
setStartValue: (val: string | undefined) => void;
setEndValue: (val: string | undefined) => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
change: (start: string | undefined, end: string | undefined) => any;
confirm: (start: string | undefined, end: string | 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 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<{
onChange?: ((start: string | undefined, end: string | undefined) => any) | undefined;
onConfirm?: ((start: string | undefined, end: string | undefined) => any) | undefined;
}>, "close" | "open" | "getPopupEl" | "setStartValue" | "setEndValue"> & import('vue').ShallowUnwrapRef<{
getPopupEl: () => HTMLDivElement | undefined;
open: (start?: string, end?: string) => Promise<void>;
close: () => void;
setStartValue: (val: string | undefined) => void;
setEndValue: (val: string | undefined) => void;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: Readonly<{
shortcut(props: TimePickerRangeShortcutSlotProps): any;
}> & {
shortcut(props: TimePickerRangeShortcutSlotProps): any;
};
}) | null;
endInputRef: ({
$: 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 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;
};
rootEl: HTMLDivElement;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
inputId: {
type: StringConstructor;
};
disabled: {
type: BooleanConstructor;
};
readonly: {
type: BooleanConstructor;
};
size: {
type: import('vue').PropType<import('../index.ts').SizeT>;
};
round: {
type: import('vue').PropType<import('../index.ts').RoundT>;
};
color: {
type: import('vue').PropType<import('../index.ts').Color2T>;
default: string;
};
variant: {
type: import('vue').PropType<import('../index.ts').VariantT>;
default: string;
};
noResponsive: {
type: BooleanConstructor;
};
optionTitle: {
type: StringConstructor;
};
format: {
type: StringConstructor;
default: string;
};
trigger: {
type: import('vue').PropType<import('../index.ts').PopupTriggerT>;
default: string;
};
clearable: {
type: BooleanConstructor;
};
popupPosition: {
type: import('vue').PropType<import('../index.ts').PopupPositionT>;
default: string;
};
popupWrapper: {
type: import('vue').PropType<string | HTMLElement | null>;
default: string;
};
unmountOnHide: {
type: BooleanConstructor;
default: boolean;
};
transition: {
type: StringConstructor;
};
hourStep: {
type: NumberConstructor;
default: number;
};
minuteStep: {
type: NumberConstructor;
default: number;
};
secondStep: {
type: NumberConstructor;
default: number;
};
disabledHours: {
type: import('vue').PropType<import('./types').DisabledHoursFn>;
default: undefined;
};
disabledMinutes: {
type: import('vue').PropType<import('./types').DisabledMinutesFn>;
default: undefined;
};
disabledSeconds: {
type: import('vue').PropType<import('./types').DisabledSecondsFn>;
default: undefined;
};
minTime: {
type: StringConstructor;
default: undefined;
};
maxTime: {
type: StringConstructor;
default: undefined;
};
placeholderStart: {
type: StringConstructor;
};
placeholderEnd: {
type: StringConstructor;
};
start: {
type: import('vue').PropType<string | undefined>;
required: true;
};
end: {
type: import('vue').PropType<string | undefined>;
required: true;
};
}>, {
/**
* @zh-CN 使输入框获取焦点，open 为 false 时仅聚焦不打开面板
* @en-US Focus the input. Pass false to focus without opening the panel.
*/
focus: (open?: boolean) => void;
/**
* @zh-CN 使输入框失去焦点，校验合法则应用当前值，否则回滚
* @en-US Blur the input. Applies the current value if valid, otherwise rolls back.
*/
blur: () => void;
/**
* @zh-CN 清除输入值
* @en-US Clear the input value
*/
clear: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:start": (value: string | undefined) => any;
"update:end": (value: string | undefined) => any;
} & {
clear: (evt?: Event | undefined) => any;
blur: () => any;
change: (newVal: TimeRangeValue, oldVal: TimeRangeValue) => any;
focus: (evt: FocusEvent) => any;
pressEnter: () => any;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
inputId: {
type: StringConstructor;
};
disabled: {
type: BooleanConstructor;
};
readonly: {
type: BooleanConstructor;
};
size: {
type: import('vue').PropType<import('../index.ts').SizeT>;
};
round: {
type: import('vue').PropType<import('../index.ts').RoundT>;
};
color: {
type: import('vue').PropType<import('../index.ts').Color2T>;
default: string;
};
variant: {
type: import('vue').PropType<import('../index.ts').VariantT>;
default: string;
};
noResponsive: {
type: BooleanConstructor;
};
optionTitle: {
type: StringConstructor;
};
format: {
type: StringConstructor;
default: string;
};
trigger: {
type: import('vue').PropType<import('../index.ts').PopupTriggerT>;
default: string;
};
clearable: {
type: BooleanConstructor;
};
popupPosition: {
type: import('vue').PropType<import('../index.ts').PopupPositionT>;
default: string;
};
popupWrapper: {
type: import('vue').PropType<string | HTMLElement | null>;
default: string;
};
unmountOnHide: {
type: BooleanConstructor;
default: boolean;
};
transition: {
type: StringConstructor;
};
hourStep: {
type: NumberConstructor;
default: number;
};
minuteStep: {
type: NumberConstructor;
default: number;
};
secondStep: {
type: NumberConstructor;
default: number;
};
disabledHours: {
type: import('vue').PropType<import('./types').DisabledHoursFn>;
default: undefined;
};
disabledMinutes: {
type: import('vue').PropType<import('./types').DisabledMinutesFn>;
default: undefined;
};
disabledSeconds: {
type: import('vue').PropType<import('./types').DisabledSecondsFn>;
default: undefined;
};
minTime: {
type: StringConstructor;
default: undefined;
};
maxTime: {
type: StringConstructor;
default: undefined;
};
placeholderStart: {
type: StringConstructor;
};
placeholderEnd: {
type: StringConstructor;
};
start: {
type: import('vue').PropType<string | undefined>;
required: true;
};
end: {
type: import('vue').PropType<string | undefined>;
required: true;
};
}>> & Readonly<{
onClear?: ((evt?: Event | undefined) => any) | undefined;
onBlur?: (() => any) | undefined;
onChange?: ((newVal: TimeRangeValue, oldVal: TimeRangeValue) => any) | undefined;
onFocus?: ((evt: FocusEvent) => any) | undefined;
onPressEnter?: (() => any) | undefined;
"onUpdate:start"?: ((value: string | undefined) => any) | undefined;
"onUpdate:end"?: ((value: string | undefined) => 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;
clearable: boolean;
readonly: boolean;
format: string;
popupWrapper: string | HTMLElement | null;
hourStep: number;
minuteStep: number;
secondStep: number;
disabledHours: import('./types').DisabledHoursFn;
disabledMinutes: import('./types').DisabledMinutesFn;
disabledSeconds: import('./types').DisabledSecondsFn;
minTime: string;
maxTime: string;
}, {}, {}, {}, 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('../index.ts').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('../index.ts').SizeT>;
};
round: {
type: import('vue').PropType<import('../index.ts').RoundT>;
};
color: {
type: import('vue').PropType<import('../index.ts').Color2T>;
default: string;
};
variant: {
type: import('vue').PropType<import('../index.ts').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 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('../index.ts').SizeT>;
};
round: {
type: import('vue').PropType<import('../index.ts').RoundT>;
};
color: {
type: import('vue').PropType<import('../index.ts').Color2T>;
default: string;
};
variant: {
type: import('vue').PropType<import('../index.ts').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;
startInputRef: ({
$: 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 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 onChange?: ((start: string | undefined, end: string | undefined) => any) | undefined;
readonly onConfirm?: ((start: string | undefined, end: string | undefined) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
popupRef: HTMLDivElement;
startColumnsRef: 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('./types').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: number | null) => any;
} & {
change: (newVal: number | null) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
columnRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<{
readonly size: "medium" | "small";
readonly duration: number;
readonly disabledX: boolean;
readonly disabledY: boolean;
readonly showType: "auto" | "always" | "never" | "hover";
readonly autoUpdateOnScrollSize: boolean;
readonly wrapClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly barClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly onScroll?: ((event: Event) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
targetRef: HTMLDivElement;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: (event: "scroll", event: Event) => void;
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, {
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
scroll: (event: Event) => any;
}, string, {
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
default?(_: {}): any;
thumb?(_: {}): any;
track?(_: {}): any;
};
}) | null;
listRef: HTMLDivElement;
itemsRef: HTMLDivElement[];
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
modelValue: number | null;
} & {
options: import('./types').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('./types').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: number | null) => any;
} & {
change: (newVal: number | null) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
columnRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<{
readonly size: "medium" | "small";
readonly duration: number;
readonly disabledX: boolean;
readonly disabledY: boolean;
readonly showType: "auto" | "always" | "never" | "hover";
readonly autoUpdateOnScrollSize: boolean;
readonly wrapClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly barClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly onScroll?: ((event: Event) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
targetRef: HTMLDivElement;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: (event: "scroll", event: Event) => void;
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, {
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
scroll: (event: Event) => any;
}, string, {
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
default?(_: {}): any;
thumb?(_: {}): any;
track?(_: {}): any;
};
}) | null;
listRef: HTMLDivElement;
itemsRef: HTMLDivElement[];
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
modelValue: number | null;
} & {
options: import('./types').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('./types').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: number | null) => any;
} & {
change: (newVal: number | null) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
columnRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<{
readonly size: "medium" | "small";
readonly duration: number;
readonly disabledX: boolean;
readonly disabledY: boolean;
readonly showType: "auto" | "always" | "never" | "hover";
readonly autoUpdateOnScrollSize: boolean;
readonly wrapClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly barClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly onScroll?: ((event: Event) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
targetRef: HTMLDivElement;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: (event: "scroll", event: Event) => void;
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, {
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
scroll: (event: Event) => any;
}, string, {
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
default?(_: {}): any;
thumb?(_: {}): any;
track?(_: {}): any;
};
}) | null;
listRef: HTMLDivElement;
itemsRef: HTMLDivElement[];
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
modelValue: number | null;
} & {
options: import('./types').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;
endColumnsRef: 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('./types').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: number | null) => any;
} & {
change: (newVal: number | null) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
columnRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<{
readonly size: "medium" | "small";
readonly duration: number;
readonly disabledX: boolean;
readonly disabledY: boolean;
readonly showType: "auto" | "always" | "never" | "hover";
readonly autoUpdateOnScrollSize: boolean;
readonly wrapClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly barClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly onScroll?: ((event: Event) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
targetRef: HTMLDivElement;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: (event: "scroll", event: Event) => void;
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, {
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
scroll: (event: Event) => any;
}, string, {
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
default?(_: {}): any;
thumb?(_: {}): any;
track?(_: {}): any;
};
}) | null;
listRef: HTMLDivElement;
itemsRef: HTMLDivElement[];
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
modelValue: number | null;
} & {
options: import('./types').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('./types').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: number | null) => any;
} & {
change: (newVal: number | null) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
columnRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<{
readonly size: "medium" | "small";
readonly duration: number;
readonly disabledX: boolean;
readonly disabledY: boolean;
readonly showType: "auto" | "always" | "never" | "hover";
readonly autoUpdateOnScrollSize: boolean;
readonly wrapClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly barClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly onScroll?: ((event: Event) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
targetRef: HTMLDivElement;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: (event: "scroll", event: Event) => void;
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, {
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
scroll: (event: Event) => any;
}, string, {
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
default?(_: {}): any;
thumb?(_: {}): any;
track?(_: {}): any;
};
}) | null;
listRef: HTMLDivElement;
itemsRef: HTMLDivElement[];
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
modelValue: number | null;
} & {
options: import('./types').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('./types').DatePickerColumnOption[];
disabledOptions?: number[];
noResponsive?: boolean;
}> & Readonly<{
onChange?: ((newVal: number | null) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
}>, {
scrollToItem: (smooth?: boolean) => Promise<void>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: number | null) => any;
} & {
change: (newVal: number | null) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
columnRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<{
readonly size: "medium" | "small";
readonly duration: number;
readonly disabledX: boolean;
readonly disabledY: boolean;
readonly showType: "auto" | "always" | "never" | "hover";
readonly autoUpdateOnScrollSize: boolean;
readonly wrapClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly barClass?: string | {
[k: string]: boolean;
} | (string | {
[k: string]: boolean;
})[] | undefined;
readonly onScroll?: ((event: Event) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
targetRef: HTMLDivElement;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: (event: "scroll", event: Event) => void;
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, {
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
scroll: (event: Event) => any;
}, string, {
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
disabledX: {
type: BooleanConstructor;
required: false;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('../index.ts').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: import('vue').PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
}>> & Readonly<{
onScroll?: ((event: Event) => any) | undefined;
}>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
scrollTo: (options?: ScrollToOptions | undefined) => void;
scrollBy: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
default?(_: {}): any;
thumb?(_: {}): any;
track?(_: {}): any;
};
}) | null;
listRef: HTMLDivElement;
itemsRef: HTMLDivElement[];
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
modelValue: number | null;
} & {
options: import('./types').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;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: ((event: "change", start: string | undefined, end: string | undefined) => void) & ((event: "confirm", start: string | undefined, end: string | undefined) => void);
$el: any;
$options: import('vue').ComponentOptionsBase<Readonly<{
target?: HTMLElement;
optionTitle?: string;
}> & Readonly<{
onChange?: ((start: string | undefined, end: string | undefined) => any) | undefined;
onConfirm?: ((start: string | undefined, end: string | undefined) => any) | undefined;
}>, {
getPopupEl: () => HTMLDivElement | undefined;
open: (start?: string, end?: string) => Promise<void>;
close: () => void;
setStartValue: (val: string | undefined) => void;
setEndValue: (val: string | undefined) => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
change: (start: string | undefined, end: string | undefined) => any;
confirm: (start: string | undefined, end: string | 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 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<{
onChange?: ((start: string | undefined, end: string | undefined) => any) | undefined;
onConfirm?: ((start: string | undefined, end: string | undefined) => any) | undefined;
}>, "close" | "open" | "getPopupEl" | "setStartValue" | "setEndValue"> & import('vue').ShallowUnwrapRef<{
getPopupEl: () => HTMLDivElement | undefined;
open: (start?: string, end?: string) => Promise<void>;
close: () => void;
setStartValue: (val: string | undefined) => void;
setEndValue: (val: string | undefined) => void;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: Readonly<{
shortcut(props: TimePickerRangeShortcutSlotProps): any;
}> & {
shortcut(props: TimePickerRangeShortcutSlotProps): any;
};
}) | null;
endInputRef: ({
$: 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 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;
}, HTMLDivElement>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S;
};
};