@extclp/vexip-ui
Version:
A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good
1,260 lines • 95.6 kB
TypeScript
import { PopperExposed } from '../popper';
import { TimePickerSlots, TimeType } from './symbol';
declare function __VLS_template(): {
attrs: Partial<{}>;
slots: Readonly<TimePickerSlots> & TimePickerSlots;
refs: {
wrapper: HTMLDivElement;
reference: HTMLDivElement;
startInput: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
unitType: {
type: import('vue').PropType<TimeType | "">;
default: string;
};
enabled: {
type: import('vue').PropType<Record<TimeType, boolean>>;
default: () => {};
};
activated: {
type: import('vue').PropType<Record<TimeType, boolean>>;
default: () => {};
};
timeValue: {
type: import('vue').PropType<Record<TimeType, number>>;
default: () => {};
};
separator: {
type: StringConstructor;
default: string;
};
visible: {
type: BooleanConstructor;
default: boolean;
};
focused: {
type: BooleanConstructor;
default: boolean;
};
filler: {
type: StringConstructor;
default: string;
validator: (value: string) => boolean;
};
steps: {
type: import('vue').PropType<number[]>;
default: () => number[];
};
ctrlSteps: {
type: import('vue').PropType<number[]>;
default: () => number[];
};
labels: {
type: import('vue').PropType<Partial<Record<TimeType, string>>>;
default: () => {};
};
hasError: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: StringConstructor;
default: string;
};
readonly: {
type: BooleanConstructor;
default: boolean;
};
labeledBy: {
type: StringConstructor;
default: undefined;
};
locale: {
type: import('vue').PropType<import('@vexip-ui/config').LocaleConfig["timePicker"]>;
default: () => {};
};
}>> & Readonly<{
onInput?: ((...args: any[]) => any) | undefined;
onPlus?: ((...args: any[]) => any) | undefined;
onMinus?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onCancel?: ((...args: any[]) => any) | undefined;
onEnter?: ((...args: any[]) => any) | undefined;
"onUnit-focus"?: ((...args: any[]) => any) | undefined;
"onPrev-unit"?: ((...args: any[]) => any) | undefined;
"onNext-unit"?: ((...args: any[]) => any) | undefined;
"onUnit-blur"?: ((...args: any[]) => any) | undefined;
}>, {
isActivated: import('vue').ComputedRef<boolean>;
wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
focus: () => void;
blur: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
input: (...args: any[]) => void;
plus: (...args: any[]) => void;
minus: (...args: any[]) => void;
blur: (...args: any[]) => void;
cancel: (...args: any[]) => void;
enter: (...args: any[]) => void;
"unit-focus": (...args: any[]) => void;
"prev-unit": (...args: any[]) => void;
"next-unit": (...args: any[]) => void;
"unit-blur": (...args: any[]) => void;
}, import('vue').PublicProps, {
locale: {
confirm: string;
cancel: string;
placeholder: {
time: string;
start: string;
end: string;
select: string;
};
ariaLabel: {
clear: string;
hour: string;
minute: string;
second: string;
};
};
visible: boolean;
placeholder: string;
readonly: boolean;
focused: boolean;
activated: Record<TimeType, boolean>;
separator: string;
enabled: Record<TimeType, boolean>;
filler: string;
labeledBy: string;
unitType: "" | TimeType;
steps: number[];
ctrlSteps: number[];
labels: Partial<Record<TimeType, string>>;
hasError: boolean;
timeValue: Record<TimeType, number>;
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
wrapper: HTMLDivElement;
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import('vue').ExtractPropTypes<{
unitType: {
type: import('vue').PropType<TimeType | "">;
default: string;
};
enabled: {
type: import('vue').PropType<Record<TimeType, boolean>>;
default: () => {};
};
activated: {
type: import('vue').PropType<Record<TimeType, boolean>>;
default: () => {};
};
timeValue: {
type: import('vue').PropType<Record<TimeType, number>>;
default: () => {};
};
separator: {
type: StringConstructor;
default: string;
};
visible: {
type: BooleanConstructor;
default: boolean;
};
focused: {
type: BooleanConstructor;
default: boolean;
};
filler: {
type: StringConstructor;
default: string;
validator: (value: string) => boolean;
};
steps: {
type: import('vue').PropType<number[]>;
default: () => number[];
};
ctrlSteps: {
type: import('vue').PropType<number[]>;
default: () => number[];
};
labels: {
type: import('vue').PropType<Partial<Record<TimeType, string>>>;
default: () => {};
};
hasError: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: StringConstructor;
default: string;
};
readonly: {
type: BooleanConstructor;
default: boolean;
};
labeledBy: {
type: StringConstructor;
default: undefined;
};
locale: {
type: import('vue').PropType<import('@vexip-ui/config').LocaleConfig["timePicker"]>;
default: () => {};
};
}>> & Readonly<{
onInput?: ((...args: any[]) => any) | undefined;
onPlus?: ((...args: any[]) => any) | undefined;
onMinus?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onCancel?: ((...args: any[]) => any) | undefined;
onEnter?: ((...args: any[]) => any) | undefined;
"onUnit-focus"?: ((...args: any[]) => any) | undefined;
"onPrev-unit"?: ((...args: any[]) => any) | undefined;
"onNext-unit"?: ((...args: any[]) => any) | undefined;
"onUnit-blur"?: ((...args: any[]) => any) | undefined;
}>, {
isActivated: import('vue').ComputedRef<boolean>;
wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
focus: () => void;
blur: () => void;
}, {}, {}, {}, {
locale: {
confirm: string;
cancel: string;
placeholder: {
time: string;
start: string;
end: string;
select: string;
};
ariaLabel: {
clear: string;
hour: string;
minute: string;
second: string;
};
};
visible: boolean;
placeholder: string;
readonly: boolean;
focused: boolean;
activated: Record<TimeType, boolean>;
separator: string;
enabled: Record<TimeType, boolean>;
filler: string;
labeledBy: string;
unitType: "" | TimeType;
steps: number[];
ctrlSteps: number[];
labels: Partial<Record<TimeType, string>>;
hasError: boolean;
timeValue: Record<TimeType, number>;
}> | null;
endInput: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
unitType: {
type: import('vue').PropType<TimeType | "">;
default: string;
};
enabled: {
type: import('vue').PropType<Record<TimeType, boolean>>;
default: () => {};
};
activated: {
type: import('vue').PropType<Record<TimeType, boolean>>;
default: () => {};
};
timeValue: {
type: import('vue').PropType<Record<TimeType, number>>;
default: () => {};
};
separator: {
type: StringConstructor;
default: string;
};
visible: {
type: BooleanConstructor;
default: boolean;
};
focused: {
type: BooleanConstructor;
default: boolean;
};
filler: {
type: StringConstructor;
default: string;
validator: (value: string) => boolean;
};
steps: {
type: import('vue').PropType<number[]>;
default: () => number[];
};
ctrlSteps: {
type: import('vue').PropType<number[]>;
default: () => number[];
};
labels: {
type: import('vue').PropType<Partial<Record<TimeType, string>>>;
default: () => {};
};
hasError: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: StringConstructor;
default: string;
};
readonly: {
type: BooleanConstructor;
default: boolean;
};
labeledBy: {
type: StringConstructor;
default: undefined;
};
locale: {
type: import('vue').PropType<import('@vexip-ui/config').LocaleConfig["timePicker"]>;
default: () => {};
};
}>> & Readonly<{
onInput?: ((...args: any[]) => any) | undefined;
onPlus?: ((...args: any[]) => any) | undefined;
onMinus?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onCancel?: ((...args: any[]) => any) | undefined;
onEnter?: ((...args: any[]) => any) | undefined;
"onUnit-focus"?: ((...args: any[]) => any) | undefined;
"onPrev-unit"?: ((...args: any[]) => any) | undefined;
"onNext-unit"?: ((...args: any[]) => any) | undefined;
"onUnit-blur"?: ((...args: any[]) => any) | undefined;
}>, {
isActivated: import('vue').ComputedRef<boolean>;
wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
focus: () => void;
blur: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
input: (...args: any[]) => void;
plus: (...args: any[]) => void;
minus: (...args: any[]) => void;
blur: (...args: any[]) => void;
cancel: (...args: any[]) => void;
enter: (...args: any[]) => void;
"unit-focus": (...args: any[]) => void;
"prev-unit": (...args: any[]) => void;
"next-unit": (...args: any[]) => void;
"unit-blur": (...args: any[]) => void;
}, import('vue').PublicProps, {
locale: {
confirm: string;
cancel: string;
placeholder: {
time: string;
start: string;
end: string;
select: string;
};
ariaLabel: {
clear: string;
hour: string;
minute: string;
second: string;
};
};
visible: boolean;
placeholder: string;
readonly: boolean;
focused: boolean;
activated: Record<TimeType, boolean>;
separator: string;
enabled: Record<TimeType, boolean>;
filler: string;
labeledBy: string;
unitType: "" | TimeType;
steps: number[];
ctrlSteps: number[];
labels: Partial<Record<TimeType, string>>;
hasError: boolean;
timeValue: Record<TimeType, number>;
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
wrapper: HTMLDivElement;
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import('vue').ExtractPropTypes<{
unitType: {
type: import('vue').PropType<TimeType | "">;
default: string;
};
enabled: {
type: import('vue').PropType<Record<TimeType, boolean>>;
default: () => {};
};
activated: {
type: import('vue').PropType<Record<TimeType, boolean>>;
default: () => {};
};
timeValue: {
type: import('vue').PropType<Record<TimeType, number>>;
default: () => {};
};
separator: {
type: StringConstructor;
default: string;
};
visible: {
type: BooleanConstructor;
default: boolean;
};
focused: {
type: BooleanConstructor;
default: boolean;
};
filler: {
type: StringConstructor;
default: string;
validator: (value: string) => boolean;
};
steps: {
type: import('vue').PropType<number[]>;
default: () => number[];
};
ctrlSteps: {
type: import('vue').PropType<number[]>;
default: () => number[];
};
labels: {
type: import('vue').PropType<Partial<Record<TimeType, string>>>;
default: () => {};
};
hasError: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: StringConstructor;
default: string;
};
readonly: {
type: BooleanConstructor;
default: boolean;
};
labeledBy: {
type: StringConstructor;
default: undefined;
};
locale: {
type: import('vue').PropType<import('@vexip-ui/config').LocaleConfig["timePicker"]>;
default: () => {};
};
}>> & Readonly<{
onInput?: ((...args: any[]) => any) | undefined;
onPlus?: ((...args: any[]) => any) | undefined;
onMinus?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onCancel?: ((...args: any[]) => any) | undefined;
onEnter?: ((...args: any[]) => any) | undefined;
"onUnit-focus"?: ((...args: any[]) => any) | undefined;
"onPrev-unit"?: ((...args: any[]) => any) | undefined;
"onNext-unit"?: ((...args: any[]) => any) | undefined;
"onUnit-blur"?: ((...args: any[]) => any) | undefined;
}>, {
isActivated: import('vue').ComputedRef<boolean>;
wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
focus: () => void;
blur: () => void;
}, {}, {}, {}, {
locale: {
confirm: string;
cancel: string;
placeholder: {
time: string;
start: string;
end: string;
select: string;
};
ariaLabel: {
clear: string;
hour: string;
minute: string;
second: string;
};
};
visible: boolean;
placeholder: string;
readonly: boolean;
focused: boolean;
activated: Record<TimeType, boolean>;
separator: string;
enabled: Record<TimeType, boolean>;
filler: string;
labeledBy: string;
unitType: "" | TimeType;
steps: number[];
ctrlSteps: number[];
labels: Partial<Record<TimeType, string>>;
hasError: boolean;
timeValue: Record<TimeType, number>;
}> | null;
popper: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
visible: import('vue').PropType<boolean>;
alive: import('vue').PropType<boolean>;
to: import('vue').PropType<string>;
transition: import('vue').PropType<string>;
appear: import('vue').PropType<boolean>;
role: import('vue').PropType<string>;
onBeforeEnter: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
onEnter: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
onAfterEnter: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
onEnterCancelled: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
onBeforeLeave: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
onLeave: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
onAfterLeave: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
onLeaveCancelled: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
}>> & Readonly<{}>, {
nh: import('../../common/bem-helper/dist').NBEM<"popper", "vxp">;
props: {
readonly inherit: boolean;
readonly visible: boolean;
readonly role: string;
readonly appear: boolean;
readonly onBeforeEnter: ((el: Element) => void) | ((el: Element) => void)[];
readonly onEnter: ((el: Element) => void) | ((el: Element) => void)[];
readonly onAfterEnter: ((el: Element) => void) | ((el: Element) => void)[];
readonly onEnterCancelled: ((el: Element) => void) | ((el: Element) => void)[];
readonly onBeforeLeave: ((el: Element) => void) | ((el: Element) => void)[];
readonly onLeave: ((el: Element) => void) | ((el: Element) => void)[];
readonly onAfterLeave: ((el: Element) => void) | ((el: Element) => void)[];
readonly onLeaveCancelled: ((el: Element) => void) | ((el: Element) => void)[];
readonly transition: string;
readonly to: string;
readonly alive: boolean;
};
zIndex: import('vue').Ref<number, number>;
wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
emitHookEvent: (name: "be" | "e" | "ae" | "ec" | "bl" | "l" | "al" | "lc", el: Element) => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, never[], import('vue').PublicProps, {}, true, {}, {}, {
Portal: {
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
to: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
to: string;
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import('vue').ExtractPropTypes<{
to: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{}>, {}, {}, {}, {}, {
to: string;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
to: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
to: string;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
$slots: {
default?(_: {}): any;
};
});
} & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
visible: import('vue').PropType<boolean>;
alive: import('vue').PropType<boolean>;
to: import('vue').PropType<string>;
transition: import('vue').PropType<string>;
appear: import('vue').PropType<boolean>;
role: import('vue').PropType<string>;
onBeforeEnter: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
onEnter: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
onAfterEnter: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
onEnterCancelled: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
onBeforeLeave: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
onLeave: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
onAfterLeave: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
onLeaveCancelled: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
}>> & Readonly<{}>, {
nh: import('../../common/bem-helper/dist').NBEM<"popper", "vxp">;
props: {
readonly inherit: boolean;
readonly visible: boolean;
readonly role: string;
readonly appear: boolean;
readonly onBeforeEnter: ((el: Element) => void) | ((el: Element) => void)[];
readonly onEnter: ((el: Element) => void) | ((el: Element) => void)[];
readonly onAfterEnter: ((el: Element) => void) | ((el: Element) => void)[];
readonly onEnterCancelled: ((el: Element) => void) | ((el: Element) => void)[];
readonly onBeforeLeave: ((el: Element) => void) | ((el: Element) => void)[];
readonly onLeave: ((el: Element) => void) | ((el: Element) => void)[];
readonly onAfterLeave: ((el: Element) => void) | ((el: Element) => void)[];
readonly onLeaveCancelled: ((el: Element) => void) | ((el: Element) => void)[];
readonly transition: string;
readonly to: string;
readonly alive: boolean;
};
zIndex: import('vue').Ref<number, number>;
wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
emitHookEvent: (name: "be" | "e" | "ae" | "ec" | "bl" | "l" | "al" | "lc", el: Element) => void;
}, {}, {}, {}, {}> | null;
};
rootEl: HTMLDivElement;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
size: import('vue').PropType<"default" | "small" | "large">;
state: import('vue').PropType<"default" | "success" | "error" | "warning">;
locale: import('vue').PropType<Partial<{
confirm: string;
cancel: string;
placeholder: {
time: string;
start: string;
end: string;
select: string;
};
ariaLabel: {
clear: string;
hour: string;
minute: string;
second: string;
};
}>>;
visible: import('vue').PropType<boolean>;
placement: import('vue').PropType<"bottom" | "top" | "right" | "left" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "right-start" | "right-end" | "left-start" | "left-end">;
transfer: import('vue').PropType<string | boolean>;
format: import('vue').PropType<string>;
separator: import('vue').PropType<string>;
value: import('vue').PropType<string | string[]>;
filler: import('vue').PropType<string>;
clearable: import('vue').PropType<boolean>;
noAction: import('vue').PropType<boolean>;
noArrow: import('vue').PropType<boolean>;
pointer: import('vue').PropType<boolean>;
candidate: import('vue').PropType<0 | 1 | 2 | 3>;
steps: import('vue').PropType<number[]>;
labels: import('vue').PropType<Partial<Record<TimeType, string>>>;
shortcuts: import('vue').PropType<import('./symbol').TimeShortcut[]>;
range: import('vue').PropType<boolean>;
disabled: import('vue').PropType<boolean>;
transitionName: import('vue').PropType<string>;
confirmText: import('vue').PropType<string>;
cancelText: import('vue').PropType<string>;
ctrlSteps: import('vue').PropType<number[]>;
prefix: import('vue').PropType<any>;
prefixColor: import('vue').PropType<string>;
suffix: import('vue').PropType<any>;
suffixColor: import('vue').PropType<string>;
noSuffix: import('vue').PropType<boolean>;
exchange: import('vue').PropType<boolean>;
loading: import('vue').PropType<boolean>;
loadingIcon: import('vue').PropType<any>;
loadingLock: import('vue').PropType<boolean>;
loadingEffect: import('vue').PropType<string>;
min: import('vue').PropType<string>;
max: import('vue').PropType<string>;
outsideClose: import('vue').PropType<boolean>;
outsideCancel: import('vue').PropType<boolean>;
unitReadonly: import('vue').PropType<boolean>;
popperAlive: import('vue').PropType<boolean>;
shortcutsPlacement: import('vue').PropType<"bottom" | "top" | "right" | "left">;
placeholder: import('vue').PropType<string | string[]>;
slots: import('vue').PropType<TimePickerSlots>;
onInput: import('vue').PropType<((type: TimeType, value: number) => void) | ((type: TimeType, value: number) => void)[]>;
onPlus: import('vue').PropType<((type: TimeType, value: number) => void) | ((type: TimeType, value: number) => void)[]>;
onMinus: import('vue').PropType<((type: TimeType, value: number) => void) | ((type: TimeType, value: number) => void)[]>;
onEnter: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onCancel: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onChange: import('vue').PropType<((value: string) => void) | ((value: string[]) => void) | ((value: string | string[]) => void) | (((value: string) => void) | ((value: string[]) => void) | ((value: string | string[]) => void))[]>;
onClear: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onShortcut: import('vue').PropType<import('./props').TimePickerShortcutEvent | import('./props').TimePickerShortcutEvent[]>;
onToggle: import('vue').PropType<((visible: boolean) => void) | ((visible: boolean) => void)[]>;
onFocus: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onBlur: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onChangeCol: import('vue').PropType<((type: TimeType | null, inputType: "start" | "end") => void) | ((type: TimeType | null, inputType: "start" | "end") => void)[]>;
onClickOutside: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onOutsideClose: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
}>, {
idFor: import('vue').ComputedRef<string | undefined>;
isHover: import('vue').Ref<boolean, boolean>;
currentVisible: import('vue').Ref<boolean, boolean>;
focused: import('vue').Ref<boolean, boolean>;
startState: {
column: TimeType | null;
enabled: {
hour: boolean;
minute: boolean;
second: boolean;
};
activated: {
hour: boolean;
minute: boolean;
second: boolean;
};
timeValue: {
hour: number;
minute: number;
second: number;
};
resetColumn: (type?: TimeType | null | undefined, reverse?: boolean) => void;
enterColumn: (type: "prev" | "next", canLoop?: boolean) => void;
};
endState: {
column: TimeType | null;
enabled: {
hour: boolean;
minute: boolean;
second: boolean;
};
activated: {
hour: boolean;
minute: boolean;
second: boolean;
};
timeValue: {
hour: number;
minute: number;
second: number;
};
resetColumn: (type?: TimeType | null | undefined, reverse?: boolean) => void;
enterColumn: (type: "prev" | "next", canLoop?: boolean) => void;
};
currentState: import('vue').Ref<"start" | "end", "start" | "end">;
currentValue: import('vue').ComputedRef<string | string[]>;
startError: import('vue').ComputedRef<boolean>;
endError: import('vue').ComputedRef<boolean>;
wrapper: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
reference: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
popper: import('vue').Ref<PopperExposed | undefined, PopperExposed | undefined>;
start: import('vue').Ref<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
unitType: {
type: import('vue').PropType<TimeType | "">;
default: string;
};
enabled: {
type: import('vue').PropType<Record<TimeType, boolean>>;
default: () => {};
};
activated: {
type: import('vue').PropType<Record<TimeType, boolean>>;
default: () => {};
};
timeValue: {
type: import('vue').PropType<Record<TimeType, number>>;
default: () => {};
};
separator: {
type: StringConstructor;
default: string;
};
visible: {
type: BooleanConstructor;
default: boolean;
};
focused: {
type: BooleanConstructor;
default: boolean;
};
filler: {
type: StringConstructor;
default: string;
validator: (value: string) => boolean;
};
steps: {
type: import('vue').PropType<number[]>;
default: () => number[];
};
ctrlSteps: {
type: import('vue').PropType<number[]>;
default: () => number[];
};
labels: {
type: import('vue').PropType<Partial<Record<TimeType, string>>>;
default: () => {};
};
hasError: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: StringConstructor;
default: string;
};
readonly: {
type: BooleanConstructor;
default: boolean;
};
labeledBy: {
type: StringConstructor;
default: undefined;
};
locale: {
type: import('vue').PropType<import('@vexip-ui/config').LocaleConfig["timePicker"]>;
default: () => {};
};
}>> & Readonly<{
onInput?: ((...args: any[]) => any) | undefined;
onPlus?: ((...args: any[]) => any) | undefined;
onMinus?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onCancel?: ((...args: any[]) => any) | undefined;
onEnter?: ((...args: any[]) => any) | undefined;
"onUnit-focus"?: ((...args: any[]) => any) | undefined;
"onPrev-unit"?: ((...args: any[]) => any) | undefined;
"onNext-unit"?: ((...args: any[]) => any) | undefined;
"onUnit-blur"?: ((...args: any[]) => any) | undefined;
}>, {
isActivated: import('vue').ComputedRef<boolean>;
wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
focus: () => void;
blur: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
input: (...args: any[]) => void;
plus: (...args: any[]) => void;
minus: (...args: any[]) => void;
blur: (...args: any[]) => void;
cancel: (...args: any[]) => void;
enter: (...args: any[]) => void;
"unit-focus": (...args: any[]) => void;
"prev-unit": (...args: any[]) => void;
"next-unit": (...args: any[]) => void;
"unit-blur": (...args: any[]) => void;
}, import('vue').PublicProps, {
locale: {
confirm: string;
cancel: string;
placeholder: {
time: string;
start: string;
end: string;
select: string;
};
ariaLabel: {
clear: string;
hour: string;
minute: string;
second: string;
};
};
visible: boolean;
placeholder: string;
readonly: boolean;
focused: boolean;
activated: Record<TimeType, boolean>;
separator: string;
enabled: Record<TimeType, boolean>;
filler: string;
labeledBy: string;
unitType: "" | TimeType;
steps: number[];
ctrlSteps: number[];
labels: Partial<Record<TimeType, string>>;
hasError: boolean;
timeValue: Record<TimeType, number>;
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
wrapper: HTMLDivElement;
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import('vue').ExtractPropTypes<{
unitType: {
type: import('vue').PropType<TimeType | "">;
default: string;
};
enabled: {
type: import('vue').PropType<Record<TimeType, boolean>>;
default: () => {};
};
activated: {
type: import('vue').PropType<Record<TimeType, boolean>>;
default: () => {};
};
timeValue: {
type: import('vue').PropType<Record<TimeType, number>>;
default: () => {};
};
separator: {
type: StringConstructor;
default: string;
};
visible: {
type: BooleanConstructor;
default: boolean;
};
focused: {
type: BooleanConstructor;
default: boolean;
};
filler: {
type: StringConstructor;
default: string;
validator: (value: string) => boolean;
};
steps: {
type: import('vue').PropType<number[]>;
default: () => number[];
};
ctrlSteps: {
type: import('vue').PropType<number[]>;
default: () => number[];
};
labels: {
type: import('vue').PropType<Partial<Record<TimeType, string>>>;
default: () => {};
};
hasError: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: StringConstructor;
default: string;
};
readonly: {
type: BooleanConstructor;
default: boolean;
};
labeledBy: {
type: StringConstructor;
default: undefined;
};
locale: {
type: import('vue').PropType<import('@vexip-ui/config').LocaleConfig["timePicker"]>;
default: () => {};
};
}>> & Readonly<{
onInput?: ((...args: any[]) => any) | undefined;
onPlus?: ((...args: any[]) => any) | undefined;
onMinus?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onCancel?: ((...args: any[]) => any) | undefined;
onEnter?: ((...args: any[]) => any) | undefined;
"onUnit-focus"?: ((...args: any[]) => any) | undefined;
"onPrev-unit"?: ((...args: any[]) => any) | undefined;
"onNext-unit"?: ((...args: any[]) => any) | undefined;
"onUnit-blur"?: ((...args: any[]) => any) | undefined;
}>, {
isActivated: import('vue').ComputedRef<boolean>;
wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
focus: () => void;
blur: () => void;
}, {}, {}, {}, {
locale: {
confirm: string;
cancel: string;
placeholder: {
time: string;
start: string;
end: string;
select: string;
};
ariaLabel: {
clear: string;
hour: string;
minute: string;
second: string;
};
};
visible: boolean;
placeholder: string;
readonly: boolean;
focused: boolean;
activated: Record<TimeType, boolean>;
separator: string;
enabled: Record<TimeType, boolean>;
filler: string;
labeledBy: string;
unitType: "" | TimeType;
steps: number[];
ctrlSteps: number[];
labels: Partial<Record<TimeType, string>>;
hasError: boolean;
timeValue: Record<TimeType, number>;
}> | undefined, import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
unitType: {
type: import('vue').PropType<TimeType | "">;
default: string;
};
enabled: {
type: import('vue').PropType<Record<TimeType, boolean>>;
default: () => {};
};
activated: {
type: import('vue').PropType<Record<TimeType, boolean>>;
default: () => {};
};
timeValue: {
type: import('vue').PropType<Record<TimeType, number>>;
default: () => {};
};
separator: {
type: StringConstructor;
default: string;
};
visible: {
type: BooleanConstructor;
default: boolean;
};
focused: {
type: BooleanConstructor;
default: boolean;
};
filler: {
type: StringConstructor;
default: string;
validator: (value: string) => boolean;
};
steps: {
type: import('vue').PropType<number[]>;
default: () => number[];
};
ctrlSteps: {
type: import('vue').PropType<number[]>;
default: () => number[];
};
labels: {
type: import('vue').PropType<Partial<Record<TimeType, string>>>;
default: () => {};
};
hasError: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: StringConstructor;
default: string;
};
readonly: {
type: BooleanConstructor;
default: boolean;
};
labeledBy: {
type: StringConstructor;
default: undefined;
};
locale: {
type: import('vue').PropType<import('@vexip-ui/config').LocaleConfig["timePicker"]>;
default: () => {};
};
}>> & Readonly<{
onInput?: ((...args: any[]) => any) | undefined;
onPlus?: ((...args: any[]) => any) | undefined;
onMinus?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onCancel?: ((...args: any[]) => any) | undefined;
onEnter?: ((...args: any[]) => any) | undefined;
"onUnit-focus"?: ((...args: any[]) => any) | undefined;
"onPrev-unit"?: ((...args: any[]) => any) | undefined;
"onNext-unit"?: ((...args: any[]) => any) | undefined;
"onUnit-blur"?: ((...args: any[]) => any) | undefined;
}>, {
isActivated: import('vue').ComputedRef<boolean>;
wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
focus: () => void;
blur: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
input: (...args: any[]) => void;
plus: (...args: any[]) => void;
minus: (...args: any[]) => void;
blur: (...args: any[]) => void;
cancel: (...args: any[]) => void;
enter: (...args: any[]) => void;
"unit-focus": (...args: any[]) => void;
"prev-unit": (...args: any[]) => void;
"next-unit": (...args: any[]) => void;
"unit-blur": (...args: any[]) => void;
}, import('vue').PublicProps, {
locale: {
confirm: string;
cancel: string;
placeholder: {
time: string;
start: string;
end: string;
select: string;
};
ariaLabel: {
clear: string;
hour: string;
minute: string;
second: string;
};
};
visible: boolean;
placeholder: string;
readonly: boolean;
focused: boolean;
activated: Record<TimeType, boolean>;
separator: string;
enabled: Record<TimeType, boolean>;
filler: string;
labeledBy: string;
unitType: "" | TimeType;
steps: number[];
ctrlSteps: number[];
labels: Partial<Record<TimeType, string>>;
hasError: boolean;
timeValue: Record<TimeType, number>;
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
wrapper: HTMLDivElement;
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import('vue').ExtractPropTypes<{
unitType: {
type: import('vue').PropType<TimeType | "">;
default: string;
};
enabled: {
type: import('vue').PropType<Record<TimeType, boolean>>;
default: () => {};
};
activated: {
type: import('vue').PropType<Record<TimeType, boolean>>;
default: () => {};
};
timeValue: {
type: import('vue').PropType<Record<TimeType, number>>;
default: () => {};
};
separator: {
type: StringConstructor;
default: string;
};
visible: {
type: BooleanConstructor;
default: boolean;
};
focused: {
type: BooleanConstructor;
default: boolean;
};
filler: {
type: StringConstructor;
default: string;
validator: (value: string) => boolean;
};
steps: {
type: import('vue').PropType<number[]>;
default: () => number[];
};
ctrlSteps: {
type: import('vue').PropType<number[]>;
default: () => number[];
};
labels: {
type: import('vue').PropType<Partial<Record<TimeType, string>>>;
default: () => {};
};
hasError: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: StringConstructor;
default: string;
};
readonly: {
type: BooleanConstructor;
default: boolean;
};
labeledBy: {
type: StringConstructor;
default: undefined;
};
locale: {
type: import('vue').PropType<import('@vexip-ui/config').LocaleConfig["timePicker"]>;
default: () => {};
};
}>> & Readonly<{
onInput?: ((...args: any[]) => any) | undefined;
onPlus?: ((...args: any[]) => any) | undefined;
onMinus?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onCancel?: ((...args: any[]) => any) | undefined;
onEnter?: ((...args: any[]) => any) | undefined;
"onUnit-focus"?: ((...args: any[]) => any) | undefined;
"onPrev-unit"?: ((...args: any[]) => any) | undefined;
"onNext-unit"?: ((...args: any[]) => any) | undefined;
"onUnit-blur"?: ((...args: any[]) => any) | undefined;
}>, {
isActivated: import('vue').ComputedRef<boolean>;
wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
focus: () => void;
blur: () => void;
}, {}, {}, {}, {
locale: {
confirm: string;
cancel: string;
placeholder: {
time: string;
start: string;
end: string;
select: string;
};
ariaLabel: {
clear: string;
hour: string;
minute: string;
second: string;
};
};
visible: boolean;
placeholder: string;
readonly: boolean;
focused: boolean;
activated: Record<TimeType, boolean>;
separator: string;
enabled: Record<TimeType, boolean>;
filler: string;
labeledBy: string;
unitType: "" | TimeType;
steps: number[];
ctrlSteps: number[];
labels: Partial<Record<TimeType, string>>;
hasError: boolean;
timeValue: Record<TimeType, number>;
}> | undefined>;
end: import('vue').Ref<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
unitType: {
type: import('vue').PropType<TimeType | "">;
default: