UNPKG

@opensig/opendesign

Version:

1,992 lines 88.8 kB
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;
    };
    disabledDate: {
        type: import('vue').PropType<import('./types').DisabledDateFn>;
        default: undefined;
    };
    minDate: {
        type: import('vue').PropType<DateModelValue>;
        default: undefined;
    };
    maxDate: {
        type: import('vue').PropType<DateModelValue>;
        default: undefined;
    };
    dayStartOfWeek: {
        type: NumberConstructor;
        default: number;
    };
    disabledMonth: {
        type: import('vue').PropType<import('./types').DisabledMonthFn>;
        default: undefined;
    };
    disabledYear: {
        type: import('vue').PropType<import('./types').DisabledYearFn>;
        default: undefined;
    };
    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;
    };
    disabledDate: {
        type: import('vue').PropType<import('./types').DisabledDateFn>;
        default: undefined;
    };
    minDate: {
        type: import('vue').PropType<DateModelValue>;
        default: undefined;
    };
    maxDate: {
        type: import('vue').PropType<DateModelValue>;
        default: undefined;
    };
    dayStartOfWeek: {
        type: NumberConstructor;
        default: number;
    };
    disabledMonth: {
        type: import('vue').PropType<import('./types').DisabledMonthFn>;
        default: undefined;
    };
    disabledYear: {
        type: import('vue').PropType<import('./types').DisabledYearFn>;
        default: undefined;
    };
    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;
    disabledDate: import('./types').DisabledDateFn;
    minDate: DateModelValue;
    maxDate: DateModelValue;
    dayStartOfWeek: number;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
    inBoxRef: ({
        $: import('vue').ComponentInternalInstance;
        $data: {};
        $props: Partial<{
            color: "normal" | "primary" | "success" | "warning" | "danger";
            disabled: boolean;
            variant: "solid" | "outline" | "text";
            readonly: boolean;
            focused: boolean;
        }> & Omit<{
            readonly color: "normal" | "primary" | "success" | "warning" | "danger";
            readonly disabled: boolean;
            readonly variant: "solid" | "outline" | "text";
            readonly readonly: boolean;
            readonly focused: boolean;
            readonly round?: import('..').RoundT | undefined;
            readonly size?: "large" | "medium" | "small" | undefined;
        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "color" | "disabled" | "variant" | "readonly" | "focused">;
        $attrs: {
            [x: string]: unknown;
        };
        $refs: {
            [x: string]: unknown;
        };
        $slots: Readonly<{
            [name: string]: import('vue').Slot<any> | undefined;
        }>;
        $root: import('vue').ComponentPublicInstance | null;
        $parent: import('vue').ComponentPublicInstance | null;
        $host: Element | null;
        $emit: (event: string, ...args: any[]) => void;
        $el: HTMLDivElement;
        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
            size: {
                type: import('vue').PropType<import('..').SizeT>;
            };
            round: {
                type: import('vue').PropType<import('..').RoundT>;
            };
            color: {
                type: import('vue').PropType<import('..').Color2T>;
                default: string;
            };
            variant: {
                type: import('vue').PropType<import('..').VariantT>;
                default: string;
            };
            focused: {
                type: BooleanConstructor;
            };
            disabled: {
                type: BooleanConstructor;
            };
            readonly: {
                type: BooleanConstructor;
            };
        }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
            color: "normal" | "primary" | "success" | "warning" | "danger";
            disabled: boolean;
            variant: "solid" | "outline" | "text";
            readonly: boolean;
            focused: boolean;
        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
            beforeCreate?: (() => void) | (() => void)[];
            created?: (() => void) | (() => void)[];
            beforeMount?: (() => void) | (() => void)[];
            mounted?: (() => void) | (() => void)[];
            beforeUpdate?: (() => void) | (() => void)[];
            updated?: (() => void) | (() => void)[];
            activated?: (() => void) | (() => void)[];
            deactivated?: (() => void) | (() => void)[];
            beforeDestroy?: (() => void) | (() => void)[];
            beforeUnmount?: (() => void) | (() => void)[];
            destroyed?: (() => void) | (() => void)[];
            unmounted?: (() => void) | (() => void)[];
            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
        };
        $forceUpdate: () => void;
        $nextTick: typeof import('vue').nextTick;
        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
    } & Readonly<{
        color: "normal" | "primary" | "success" | "warning" | "danger";
        disabled: boolean;
        variant: "solid" | "outline" | "text";
        readonly: boolean;
        focused: boolean;
    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
        size: {
            type: import('vue').PropType<import('..').SizeT>;
        };
        round: {
            type: import('vue').PropType<import('..').RoundT>;
        };
        color: {
            type: import('vue').PropType<import('..').Color2T>;
            default: string;
        };
        variant: {
            type: import('vue').PropType<import('..').VariantT>;
            default: string;
        };
        focused: {
            type: BooleanConstructor;
        };
        disabled: {
            type: BooleanConstructor;
        };
        readonly: {
            type: BooleanConstructor;
        };
    }>> & Readonly<{}>, "color" | "disabled" | "variant" | "readonly" | "focused"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
        $slots: Readonly<{
            default(): any;
            prepend(): any;
            append(): any;
        }> & {
            default(): any;
            prepend(): any;
            append(): any;
        };
    }) | null;
    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;
    };
};