@opensig/opendesign
Version:
1,956 lines • 87.8 kB
TypeScript
import { DateModelValue, DatePickerRangeShortcutSlotProps } 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: DatePickerRangeShortcutSlotProps): 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: DatePickerRangeShortcutSlotProps): any;
};
refs: {
inBoxRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
color: "normal" | "primary" | "success" | "warning" | "danger";
disabled: boolean;
variant: "solid" | "outline" | "text";
readonly: boolean;
focused: boolean;
}> & Omit<{
readonly color: "normal" | "primary" | "success" | "warning" | "danger";
readonly disabled: boolean;
readonly variant: "solid" | "outline" | "text";
readonly readonly: boolean;
readonly focused: boolean;
readonly round?: import('..').RoundT | undefined;
readonly size?: "large" | "medium" | "small" | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "color" | "disabled" | "variant" | "readonly" | "focused">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: (event: string, ...args: any[]) => void;
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
size: {
type: import('vue').PropType<import('..').SizeT>;
};
round: {
type: import('vue').PropType<import('..').RoundT>;
};
color: {
type: import('vue').PropType<import('..').Color2T>;
default: string;
};
variant: {
type: import('vue').PropType<import('..').VariantT>;
default: string;
};
focused: {
type: BooleanConstructor;
};
disabled: {
type: BooleanConstructor;
};
readonly: {
type: BooleanConstructor;
};
}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
color: "normal" | "primary" | "success" | "warning" | "danger";
disabled: boolean;
variant: "solid" | "outline" | "text";
readonly: boolean;
focused: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof import('vue').nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{
color: "normal" | "primary" | "success" | "warning" | "danger";
disabled: boolean;
variant: "solid" | "outline" | "text";
readonly: boolean;
focused: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
size: {
type: import('vue').PropType<import('..').SizeT>;
};
round: {
type: import('vue').PropType<import('..').RoundT>;
};
color: {
type: import('vue').PropType<import('..').Color2T>;
default: string;
};
variant: {
type: import('vue').PropType<import('..').VariantT>;
default: string;
};
focused: {
type: BooleanConstructor;
};
disabled: {
type: BooleanConstructor;
};
readonly: {
type: BooleanConstructor;
};
}>> & Readonly<{}>, "color" | "disabled" | "variant" | "readonly" | "focused"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: Readonly<{
default(): any;
prepend(): any;
append(): any;
}> & {
default(): any;
prepend(): any;
append(): any;
};
}) | null;
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 import('vue').nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{
type: "text" | "password";
disabled: boolean;
clearable: boolean;
readonly: boolean;
noKeyboard: boolean;
showLength: "auto" | "always" | "never";
inputOnOutlimit: boolean;
showPasswordEvent: "click" | "pointerdown";
autoWidth: boolean;
passwordPlaceholder: string;
onlyNumericInput: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
modelValue: {
type: StringConstructor;
};
defaultValue: {
type: StringConstructor;
};
type: {
type: import('vue').PropType<"text" | "password">;
default: string;
};
placeholder: {
type: StringConstructor;
};
inputId: {
type: StringConstructor;
};
disabled: {
type: BooleanConstructor;
};
readonly: {
type: BooleanConstructor;
};
noKeyboard: {
type: BooleanConstructor;
};
clearable: {
type: BooleanConstructor;
};
minLength: {
type: NumberConstructor;
};
maxLength: {
type: NumberConstructor;
};
showLength: {
type: import('vue').PropType<"always" | "auto" | "never">;
default: string;
};
getLength: {
type: import('vue').PropType<(val: string) => number>;
};
inputOnOutlimit: {
type: BooleanConstructor;
default: boolean;
};
format: {
type: import('vue').PropType<(value: string) => string>;
};
validate: {
type: import('vue').PropType<(value: string) => boolean>;
};
valueOnInvalidChange: {
type: import('vue').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
};
showPasswordEvent: {
type: import('vue').PropType<"click" | "pointerdown">;
default: string;
};
autoWidth: {
type: BooleanConstructor;
};
passwordPlaceholder: {
type: StringConstructor;
default: string;
};
onlyNumericInput: {
type: BooleanConstructor;
};
}>> & Readonly<{
onInput?: ((evt: Event, value: string) => any) | undefined;
onClear?: ((evt?: Event | undefined) => any) | undefined;
onBlur?: ((evt: FocusEvent) => any) | undefined;
onChange?: ((value: string, lastValue: string) => any) | undefined;
onFocus?: ((evt: FocusEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
}>, "clear" | "blur" | "focus" | "inputEl" | "togglePassword" | ("type" | "disabled" | "clearable" | "readonly" | "noKeyboard" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput")> & import('vue').ShallowUnwrapRef<{
inputEl: import('vue').Ref<HTMLInputElement | HTMLTextAreaElement | undefined, HTMLInputElement | HTMLTextAreaElement | undefined>;
focus: () => void;
blur: () => void;
clear: () => void;
togglePassword: (visible?: boolean) => void;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: Readonly<{
default(): any;
prefix(): any;
suffix(): any;
extra(): any;
length(props: {
length: number;
}): any;
}> & {
default(): any;
prefix(): any;
suffix(): any;
extra(): any;
length(props: {
length: number;
}): any;
};
}) | null;
panelRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: {
readonly target?: HTMLElement | undefined;
readonly optionTitle?: string | undefined;
readonly onChange?: ((start: number | undefined, end: number | undefined) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
popupRef: HTMLDivElement;
contentRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
currentView: import('./types').DatePickerMode;
}> & Readonly<{
onChange?: ((start: number | undefined, end: number | undefined) => any) | undefined;
"onUpdate:currentView"?: ((value: import('./types').DatePickerMode) => any) | undefined;
}>, {
getValue: () => {
start: number | undefined;
end: number | undefined;
};
setValue: (start: number | undefined, end: number | undefined) => void;
init: (start?: number, end?: number) => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:currentView": (value: import('./types').DatePickerMode) => any;
} & {
change: (start: number | undefined, end: number | undefined) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
currentView: import('./types').DatePickerMode;
}> & Readonly<{
onChange?: ((start: number | undefined, end: number | undefined) => any) | undefined;
"onUpdate:currentView"?: ((value: import('./types').DatePickerMode) => any) | undefined;
}>, {
getValue: () => {
start: number | undefined;
end: number | undefined;
};
setValue: (start: number | undefined, end: number | undefined) => void;
init: (start?: number, end?: number) => void;
}, {}, {}, {}, {}> | null;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: (event: "change", start: number | undefined, end: number | undefined) => void;
$el: any;
$options: import('vue').ComponentOptionsBase<Readonly<{
target?: HTMLElement;
optionTitle?: string;
}> & Readonly<{
onChange?: ((start: number | undefined, end: number | undefined) => any) | undefined;
}>, {
getPopupEl: () => HTMLDivElement | undefined;
getValue: () => {
start: number | undefined;
end: number | undefined;
};
setValue: (start: number | undefined, end: number | undefined) => void;
open: (start: number | undefined, end: number | undefined) => Promise<void>;
close: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
change: (start: number | undefined, end: number | undefined) => any;
}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof import('vue').nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{}> & Omit<Readonly<{
target?: HTMLElement;
optionTitle?: string;
}> & Readonly<{
onChange?: ((start: number | undefined, end: number | undefined) => any) | undefined;
}>, "close" | "open" | "setValue" | "getValue" | "getPopupEl"> & import('vue').ShallowUnwrapRef<{
getPopupEl: () => HTMLDivElement | undefined;
getValue: () => {
start: number | undefined;
end: number | undefined;
};
setValue: (start: number | undefined, end: number | undefined) => void;
open: (start: number | undefined, end: number | undefined) => Promise<void>;
close: () => void;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
shortcut?(_: {
setValue: (start: number | undefined, end: number | undefined) => void;
emitChange: () => void;
}): 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 import('vue').nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{
type: "text" | "password";
disabled: boolean;
clearable: boolean;
readonly: boolean;
noKeyboard: boolean;
showLength: "auto" | "always" | "never";
inputOnOutlimit: boolean;
showPasswordEvent: "click" | "pointerdown";
autoWidth: boolean;
passwordPlaceholder: string;
onlyNumericInput: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
modelValue: {
type: StringConstructor;
};
defaultValue: {
type: StringConstructor;
};
type: {
type: import('vue').PropType<"text" | "password">;
default: string;
};
placeholder: {
type: StringConstructor;
};
inputId: {
type: StringConstructor;
};
disabled: {
type: BooleanConstructor;
};
readonly: {
type: BooleanConstructor;
};
noKeyboard: {
type: BooleanConstructor;
};
clearable: {
type: BooleanConstructor;
};
minLength: {
type: NumberConstructor;
};
maxLength: {
type: NumberConstructor;
};
showLength: {
type: import('vue').PropType<"always" | "auto" | "never">;
default: string;
};
getLength: {
type: import('vue').PropType<(val: string) => number>;
};
inputOnOutlimit: {
type: BooleanConstructor;
default: boolean;
};
format: {
type: import('vue').PropType<(value: string) => string>;
};
validate: {
type: import('vue').PropType<(value: string) => boolean>;
};
valueOnInvalidChange: {
type: import('vue').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
};
showPasswordEvent: {
type: import('vue').PropType<"click" | "pointerdown">;
default: string;
};
autoWidth: {
type: BooleanConstructor;
};
passwordPlaceholder: {
type: StringConstructor;
default: string;
};
onlyNumericInput: {
type: BooleanConstructor;
};
}>> & Readonly<{
onInput?: ((evt: Event, value: string) => any) | undefined;
onClear?: ((evt?: Event | undefined) => any) | undefined;
onBlur?: ((evt: FocusEvent) => any) | undefined;
onChange?: ((value: string, lastValue: string) => any) | undefined;
onFocus?: ((evt: FocusEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
}>, "clear" | "blur" | "focus" | "inputEl" | "togglePassword" | ("type" | "disabled" | "clearable" | "readonly" | "noKeyboard" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput")> & import('vue').ShallowUnwrapRef<{
inputEl: import('vue').Ref<HTMLInputElement | HTMLTextAreaElement | undefined, HTMLInputElement | HTMLTextAreaElement | undefined>;
focus: () => void;
blur: () => void;
clear: () => void;
togglePassword: (visible?: boolean) => void;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: Readonly<{
default(): any;
prefix(): any;
suffix(): any;
extra(): any;
length(props: {
length: number;
}): any;
}> & {
default(): any;
prefix(): any;
suffix(): any;
extra(): any;
length(props: {
length: number;
}): any;
};
}) | null;
};
rootEl: HTMLDivElement;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
placeholderStart: {
type: StringConstructor;
default: undefined;
};
placeholderEnd: {
type: StringConstructor;
default: undefined;
};
defaultValue: {
type: import('vue').PropType<Date[]>;
default: () => Date[];
};
format: {
type: StringConstructor;
default: string;
};
disabledMonth: {
type: import('vue').PropType<import('./types').DisabledMonthFn>;
default: undefined;
};
disabledYear: {
type: import('vue').PropType<import('./types').DisabledYearFn>;
default: undefined;
};
valueFormat: {
type: StringConstructor;
default: string;
};
clearable: {
type: BooleanConstructor;
};
trigger: {
type: import('vue').PropType<import('..').PopupTriggerT>;
default: string;
};
popupPosition: {
type: import('vue').PropType<import('..').PopupPositionT>;
default: string;
};
popupWrapper: {
type: import('vue').PropType<string | HTMLElement | null>;
default: string;
};
unmountOnHide: {
type: BooleanConstructor;
default: boolean;
};
transition: {
type: StringConstructor;
};
placeholder: {
type: StringConstructor;
};
inputId: {
type: StringConstructor;
};
disabled: {
type: BooleanConstructor;
};
readonly: {
type: BooleanConstructor;
};
size: {
type: import('vue').PropType<import('..').SizeT>;
};
round: {
type: import('vue').PropType<import('..').RoundT>;
};
color: {
type: import('vue').PropType<import('..').Color2T>;
default: string;
};
variant: {
type: import('vue').PropType<import('..').VariantT>;
default: string;
};
noResponsive: {
type: BooleanConstructor;
};
optionTitle: {
type: StringConstructor;
};
start: {
type: import('vue').PropType<string | number | Date | null>;
};
end: {
type: import('vue').PropType<string | number | Date | null>;
};
}>, {
/**
* @zh-CN 使输入框获取焦点,open 为 false 时仅聚焦不打开面板
* @en-US Focus the input. Pass false to focus without opening the panel.
*/
focus: (open?: boolean) => void;
/**
* @zh-CN 使输入框失去焦点
* @en-US Blur the input
*/
blur: () => void;
/**
* @zh-CN 清除输入值
* @en-US Clear the input value
*/
clear: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:start": (value: DateModelValue) => any;
"update:end": (value: DateModelValue) => any;
} & {
clear: (evt?: Event | undefined) => any;
blur: () => any;
change: (start: DateModelValue, end: DateModelValue) => any;
focus: (evt: FocusEvent) => any;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
placeholderStart: {
type: StringConstructor;
default: undefined;
};
placeholderEnd: {
type: StringConstructor;
default: undefined;
};
defaultValue: {
type: import('vue').PropType<Date[]>;
default: () => Date[];
};
format: {
type: StringConstructor;
default: string;
};
disabledMonth: {
type: import('vue').PropType<import('./types').DisabledMonthFn>;
default: undefined;
};
disabledYear: {
type: import('vue').PropType<import('./types').DisabledYearFn>;
default: undefined;
};
valueFormat: {
type: StringConstructor;
default: string;
};
clearable: {
type: BooleanConstructor;
};
trigger: {
type: import('vue').PropType<import('..').PopupTriggerT>;
default: string;
};
popupPosition: {
type: import('vue').PropType<import('..').PopupPositionT>;
default: string;
};
popupWrapper: {
type: import('vue').PropType<string | HTMLElement | null>;
default: string;
};
unmountOnHide: {
type: BooleanConstructor;
default: boolean;
};
transition: {
type: StringConstructor;
};
placeholder: {
type: StringConstructor;
};
inputId: {
type: StringConstructor;
};
disabled: {
type: BooleanConstructor;
};
readonly: {
type: BooleanConstructor;
};
size: {
type: import('vue').PropType<import('..').SizeT>;
};
round: {
type: import('vue').PropType<import('..').RoundT>;
};
color: {
type: import('vue').PropType<import('..').Color2T>;
default: string;
};
variant: {
type: import('vue').PropType<import('..').VariantT>;
default: string;
};
noResponsive: {
type: BooleanConstructor;
};
optionTitle: {
type: StringConstructor;
};
start: {
type: import('vue').PropType<string | number | Date | null>;
};
end: {
type: import('vue').PropType<string | number | Date | null>;
};
}>> & Readonly<{
onClear?: ((evt?: Event | undefined) => any) | undefined;
onBlur?: (() => any) | undefined;
onChange?: ((start: DateModelValue, end: DateModelValue) => any) | undefined;
onFocus?: ((evt: FocusEvent) => any) | undefined;
"onUpdate:start"?: ((value: DateModelValue) => any) | undefined;
"onUpdate:end"?: ((value: DateModelValue) => any) | undefined;
}>, {
color: "normal" | "primary" | "success" | "warning" | "danger";
disabled: boolean;
trigger: "none" | "click" | "contextmenu" | "focus" | "click-outclick" | "hover" | "hover-outclick";
unmountOnHide: boolean;
popupPosition: "left" | "right" | "top" | "bottom" | "br" | "rt" | "tr" | "rb" | "tl" | "bl" | "lt" | "lb";
variant: "solid" | "outline" | "text";
noResponsive: boolean;
defaultValue: Date[];
clearable: boolean;
readonly: boolean;
format: string;
popupWrapper: string | HTMLElement | null;
placeholderStart: string;
placeholderEnd: string;
disabledYear: import('./types').DisabledYearFn;
valueFormat: string;
disabledMonth: import('./types').DisabledMonthFn;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
inBoxRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
color: "normal" | "primary" | "success" | "warning" | "danger";
disabled: boolean;
variant: "solid" | "outline" | "text";
readonly: boolean;
focused: boolean;
}> & Omit<{
readonly color: "normal" | "primary" | "success" | "warning" | "danger";
readonly disabled: boolean;
readonly variant: "solid" | "outline" | "text";
readonly readonly: boolean;
readonly focused: boolean;
readonly round?: import('..').RoundT | undefined;
readonly size?: "large" | "medium" | "small" | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "color" | "disabled" | "variant" | "readonly" | "focused">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: (event: string, ...args: any[]) => void;
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
size: {
type: import('vue').PropType<import('..').SizeT>;
};
round: {
type: import('vue').PropType<import('..').RoundT>;
};
color: {
type: import('vue').PropType<import('..').Color2T>;
default: string;
};
variant: {
type: import('vue').PropType<import('..').VariantT>;
default: string;
};
focused: {
type: BooleanConstructor;
};
disabled: {
type: BooleanConstructor;
};
readonly: {
type: BooleanConstructor;
};
}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
color: "normal" | "primary" | "success" | "warning" | "danger";
disabled: boolean;
variant: "solid" | "outline" | "text";
readonly: boolean;
focused: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof import('vue').nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{
color: "normal" | "primary" | "success" | "warning" | "danger";
disabled: boolean;
variant: "solid" | "outline" | "text";
readonly: boolean;
focused: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
size: {
type: import('vue').PropType<import('..').SizeT>;
};
round: {
type: import('vue').PropType<import('..').RoundT>;
};
color: {
type: import('vue').PropType<import('..').Color2T>;
default: string;
};
variant: {
type: import('vue').PropType<import('..').VariantT>;
default: string;
};
focused: {
type: BooleanConstructor;
};
disabled: {
type: BooleanConstructor;
};
readonly: {
type: BooleanConstructor;
};
}>> & Readonly<{}>, "color" | "disabled" | "variant" | "readonly" | "focused"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: Readonly<{
default(): any;
prepend(): any;
append(): any;
}> & {
default(): any;
prepend(): any;
append(): any;
};
}) | null;
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 import('vue').nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{
type: "text" | "password";
disabled: boolean;
clearable: boolean;
readonly: boolean;
noKeyboard: boolean;
showLength: "auto" | "always" | "never";
inputOnOutlimit: boolean;
showPasswordEvent: "click" | "pointerdown";
autoWidth: boolean;
passwordPlaceholder: string;
onlyNumericInput: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
modelValue: {
type: StringConstructor;
};
defaultValue: {
type: StringConstructor;
};
type: {
type: import('vue').PropType<"text" | "password">;
default: string;
};
placeholder: {
type: StringConstructor;
};
inputId: {
type: StringConstructor;
};
disabled: {
type: BooleanConstructor;
};
readonly: {
type: BooleanConstructor;
};
noKeyboard: {
type: BooleanConstructor;
};
clearable: {
type: BooleanConstructor;
};
minLength: {
type: NumberConstructor;
};
maxLength: {
type: NumberConstructor;
};
showLength: {
type: import('vue').PropType<"always" | "auto" | "never">;
default: string;
};
getLength: {
type: import('vue').PropType<(val: string) => number>;
};
inputOnOutlimit: {
type: BooleanConstructor;
default: boolean;
};
format: {
type: import('vue').PropType<(value: string) => string>;
};
validate: {
type: import('vue').PropType<(value: string) => boolean>;
};
valueOnInvalidChange: {
type: import('vue').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
};
showPasswordEvent: {
type: import('vue').PropType<"click" | "pointerdown">;
default: string;
};
autoWidth: {
type: BooleanConstructor;
};
passwordPlaceholder: {
type: StringConstructor;
default: string;
};
onlyNumericInput: {
type: BooleanConstructor;
};
}>> & Readonly<{
onInput?: ((evt: Event, value: string) => any) | undefined;
onClear?: ((evt?: Event | undefined) => any) | undefined;
onBlur?: ((evt: FocusEvent) => any) | undefined;
onChange?: ((value: string, lastValue: string) => any) | undefined;
onFocus?: ((evt: FocusEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
}>, "clear" | "blur" | "focus" | "inputEl" | "togglePassword" | ("type" | "disabled" | "clearable" | "readonly" | "noKeyboard" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput")> & import('vue').ShallowUnwrapRef<{
inputEl: import('vue').Ref<HTMLInputElement | HTMLTextAreaElement | undefined, HTMLInputElement | HTMLTextAreaElement | undefined>;
focus: () => void;
blur: () => void;
clear: () => void;
togglePassword: (visible?: boolean) => void;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: Readonly<{
default(): any;
prefix(): any;
suffix(): any;
extra(): any;
length(props: {
length: number;
}): any;
}> & {
default(): any;
prefix(): any;
suffix(): any;
extra(): any;
length(props: {
length: number;
}): any;
};
}) | null;
panelRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: {
readonly target?: HTMLElement | undefined;
readonly optionTitle?: string | undefined;
readonly onChange?: ((start: number | undefined, end: number | undefined) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
popupRef: HTMLDivElement;
contentRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
currentView: import('./types').DatePickerMode;
}> & Readonly<{
onChange?: ((start: number | undefined, end: number | undefined) => any) | undefined;
"onUpdate:currentView"?: ((value: import('./types').DatePickerMode) => any) | undefined;
}>, {
getValue: () => {
start: number | undefined;
end: number | undefined;
};
setValue: (start: number | undefined, end: number | undefined) => void;
init: (start?: number, end?: number) => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:currentView": (value: import('./types').DatePickerMode) => any;
} & {
change: (start: number | undefined, end: number | undefined) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
currentView: import('./types').DatePickerMode;
}> & Readonly<{
onChange?: ((start: number | undefined, end: number | undefined) => any) | undefined;
"onUpdate:currentView"?: ((value: import('./types').DatePickerMode) => any) | undefined;
}>, {
getValue: () => {
start: number | undefined;
end: number | undefined;
};
setValue: (start: number | undefined, end: number | undefined) => void;
init: (start?: number, end?: number) => void;
}, {}, {}, {}, {}> | null;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: (event: "change", start: number | undefined, end: number | undefined) => void;
$el: any;
$options: import('vue').ComponentOptionsBase<Readonly<{
target?: HTMLElement;
optionTitle?: string;
}> & Readonly<{
onChange?: ((start: number | undefined, end: number | undefined) => any) | undefined;
}>, {
getPopupEl: () => HTMLDivElement | undefined;
getValue: () => {
start: number | undefined;
end: number | undefined;
};
setValue: (start: number | undefined, end: number | undefined) => void;
open: (start: number | undefined, end: number | undefined) => Promise<void>;
close: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
change: (start: number | undefined, end: number | undefined) => any;
}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof import('vue').nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{}> & Omit<Readonly<{
target?: HTMLElement;
optionTitle?: string;
}> & Readonly<{
onChange?: ((start: number | undefined, end: number | undefined) => any) | undefined;
}>, "close" | "open" | "setValue" | "getValue" | "getPopupEl"> & import('vue').ShallowUnwrapRef<{
getPopupEl: () => HTMLDivElement | undefined;
getValue: () => {
start: number | undefined;
end: number | undefined;
};
setValue: (start: number | undefined, end: number | undefined) => void;
open: (start: number | undefined, end: number | undefined) => Promise<void>;
close: () => void;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
shortcut?(_: {
setValue: (start: number | undefined, end: number | undefined) => void;
emitChange: () => void;
}): 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 import('vue').nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{
type: "text" | "password";
disabled: boolean;
clearable: boolean;
readonly: boolean;
noKeyboard: boolean;
showLength: "auto" | "always" | "never";
inputOnOutlimit: boolean;
showPasswordEvent: "click" | "pointerdown";
autoWidth: boolean;
passwordPlaceholder: string;
onlyNumericInput: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
modelValue: {
type: StringConstructor;
};
defaultValue: {
type: StringConstructor;
};
type: {
type: import('vue').PropType<"text" | "password">;
default: string;
};
placeholder: {
type: StringConstructor;
};
inputId: {
type: StringConstructor;
};
disabled: {
type: BooleanConstructor;
};
readonly: {
type: BooleanConstructor;
};
noKeyboard: {
type: BooleanConstructor;
};
clearable: {
type: BooleanConstructor;
};
minLength: {
type: NumberConstructor;
};
maxLength: {
type: NumberConstructor;
};
showLength: {
type: import('vue').PropType<"always" | "auto" | "never">;
default: string;
};
getLength: {
type: import('vue').PropType<(val: string) => number>;
};
inputOnOutlimit: {
type: BooleanConstructor;
default: boolean;
};
format: {
type: import('vue').PropType<(value: string) => string>;
};
validate: {
type: import('vue').PropType<(value: string) => boolean>;
};
valueOnInvalidChange: {
type: import('vue').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
};
showPasswordEvent: {
type: import('vue').PropType<"click" | "pointerdown">;
default: string;
};
autoWidth: {
type: BooleanConstructor;
};
passwordPlaceholder: {
type: StringConstructor;
default: string;
};
onlyNumericInput: {
type: BooleanConstructor;
};
}>> & Readonly<{
onInput?: ((evt: Event, value: string) => any) | undefined;
onClear?: ((evt?: Event | undefined) => any) | undefined;
onBlur?: ((evt: FocusEvent) => any) | undefined;
onChange?: ((value: string, lastValue: string) => any) | undefined;
onFocus?: ((evt: FocusEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
}>, "clear" | "blur" | "focus" | "inputEl" | "togglePassword" | ("type" | "disabled" | "clearable" | "readonly" | "noKeyboard" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput")> & import('vue').ShallowUnwrapRef<{
inputEl: import('vue').Ref<HTMLInputElement | HTMLTextAreaElement | undefined, HTMLInputElement | HTMLTextAreaElement | undefined>;
focus: () => void;
blur: () => void;
clear: () => void;
togglePassword: (visible?: boolean) => void;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: Readonly<{
default(): any;
prefix(): any;
suffix(): any;
extra(): any;
length(props: {
length: number;
}): any;
}> & {
default(): any;
prefix(): any;
suffix(): any;
extra(): any;
length(props: {
length: number;
}): any;
};
}) | null;
}, HTMLDivElement>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S;
};
};