UNPKG

@extclp/vexip-ui

Version:

A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good

1,260 lines (1,259 loc) 95.6 kB
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').Ref<string | undefined, 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 | "">;