various-ui

export declare const UiInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{ readonly classExtraName: { readonly type: StringConstructor; }; readonly autocomplete: { readonly type: StringConstructor; readonly values: readonly ["off", "on"]; readonly default: "off"; }; readonly placeholder: { readonly type: StringConstructor; }; readonly widthExtra: { readonly type: NumberConstructor; }; readonly modelValue: { readonly type: import("vue").PropType<string | number>; readonly required: true; }; readonly candidates: { readonly type: import("vue").PropType<import("../..").UiTypes.candidate[]>; readonly default: readonly []; }; readonly maxlength: { readonly type: NumberConstructor; }; readonly animation: { readonly type: BooleanConstructor; readonly default: true; }; readonly clearable: { readonly type: BooleanConstructor; readonly default: false; }; readonly disabled: { readonly type: BooleanConstructor; readonly default: false; }; readonly readonly: { readonly type: BooleanConstructor; readonly default: false; }; readonly loading: { readonly type: BooleanConstructor; readonly default: false; }; readonly height: { readonly type: NumberConstructor; readonly default: 240; }; readonly zIndex: { readonly type: NumberConstructor; readonly default: 66; }; readonly width: { readonly type: import("vue").PropType<string | number>; readonly default: 264; }; readonly type: { readonly type: import("vue").PropType<"number" | "search" | "text" | "email" | "password" | "tel">; readonly default: "text"; }; readonly size: { readonly type: import("vue").PropType<import("../..").UiTypes.size>; readonly default: "default"; }; readonly name: { readonly type: StringConstructor; }; }>, { define: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{ readonly classExtraName: { readonly type: StringConstructor; }; readonly autocomplete: { readonly type: StringConstructor; readonly values: readonly ["off", "on"]; readonly default: "off"; }; readonly placeholder: { readonly type: StringConstructor; }; readonly widthExtra: { readonly type: NumberConstructor; }; readonly modelValue: { readonly type: import("vue").PropType<string | number>; readonly required: true; }; readonly candidates: { readonly type: import("vue").PropType<import("../..").UiTypes.candidate[]>; readonly default: readonly []; }; readonly maxlength: { readonly type: NumberConstructor; }; readonly animation: { readonly type: BooleanConstructor; readonly default: true; }; readonly clearable: { readonly type: BooleanConstructor; readonly default: false; }; readonly disabled: { readonly type: BooleanConstructor; readonly default: false; }; readonly readonly: { readonly type: BooleanConstructor; readonly default: false; }; readonly loading: { readonly type: BooleanConstructor; readonly default: false; }; readonly height: { readonly type: NumberConstructor; readonly default: 240; }; readonly zIndex: { readonly type: NumberConstructor; readonly default: 66; }; readonly width: { readonly type: import("vue").PropType<string | number>; readonly default: 264; }; readonly type: { readonly type: import("vue").PropType<"number" | "search" | "text" | "email" | "password" | "tel">; readonly default: "text"; }; readonly size: { readonly type: import("vue").PropType<import("../..").UiTypes.size>; readonly default: "default"; }; readonly name: { readonly type: StringConstructor; }; }>> & Readonly<{ onInput?: ((_ev: Event | InputEvent) => any) | undefined; onSelect?: ((_ev: Event, _data: import("../..").UiTypes.candidate) => any) | undefined; onClear?: (() => any) | undefined; onChange?: ((_ev: Event) => any) | undefined; onBlur?: ((_ev: Event | FocusEvent) => any) | undefined; "onBefore-enter"?: (() => any) | undefined; "onBefore-leave"?: (() => any) | undefined; "onAfter-enter"?: (() => any) | undefined; "onAfter-leave"?: (() => any) | undefined; "onUpdate:modelValue"?: ((_value: any) => any) | undefined; onEnter?: ((_ev: Event | KeyboardEvent) => any) | undefined; onFocus?: ((_ev: Event | FocusEvent) => any) | undefined; }> & {}>; emits: ((event: "input", _ev: Event | InputEvent) => void) & ((event: "select", _ev: Event, _data: import("../..").UiTypes.candidate) => void) & ((event: "clear") => void) & ((event: "change", _ev: Event) => void) & ((event: "blur", _ev: Event | FocusEvent) => void) & ((event: "before-enter") => void) & ((event: "before-leave") => void) & ((event: "after-enter") => void) & ((event: "after-leave") => void) & ((event: "update:modelValue", _value: any) => void) & ((event: "enter", _ev: Event | KeyboardEvent) => void) & ((event: "focus", _ev: Event | FocusEvent) => void); ons: { main: { change: (ev: Event) => void; focus: (ev?: Event | FocusEvent | undefined) => void; input: (ev: Event | InputEvent) => void; blur: (ev?: Event | FocusEvent | undefined) => void; }; candidate: (option: import("../..").UiTypes.candidate) => { mousedown: (ev: Event) => void; }; animation: { "before-leave": () => void | undefined; "before-enter": (el: Element) => void; leave: (el: Element, done: () => void) => void; enter: (el: Element, done: () => void) => void; }; }; vars: { observer: ResizeObserver | undefined; }; refs: { visible: import("vue").Ref<boolean, boolean>; }; binds: { main: { type: "number" | "search" | "text" | "email" | "password" | "tel"; disabled: boolean; readonly: boolean; maxlength: number | undefined; placeholder: string | undefined; autocomplete: string; }; body: { class: string; style: { zIndex: number; }; }; container: { class: string; style: { width: string; }; }; candidates: { style: { maxHeight: string; }; }; }; nodes: { main: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>; body: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>; container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>; }; methods: { blur: (ev?: Event | FocusEvent | undefined) => void; focus: (ev?: Event | FocusEvent | undefined) => void; clear: () => void; input: (ev: Event | InputEvent) => void; enter: (ev: Event | KeyboardEvent) => void; change: (ev: Event) => void; }; visible: import("vue").Ref<boolean, boolean>; main: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>; body: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>; container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>; blur: (ev?: Event | FocusEvent | undefined) => void; clear: () => void; enter: (ev: Event | KeyboardEvent) => void; focus: (ev?: Event | FocusEvent | undefined) => void; readonly UiIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{ readonly name: StringConstructor; }>, { define: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{ readonly name: StringConstructor; }>> & Readonly<{ onClick?: ((_ev?: Event | MouseEvent | undefined) => any) | undefined; }> & {}>; emits: (event: "click", _ev?: Event | MouseEvent | undefined) => void; click: (ev: Event | MouseEvent) => void; name: import("vue").ComputedRef<string>; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, { click: (_ev?: Event | MouseEvent | undefined) => boolean; }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{ readonly name: StringConstructor; }>> & Readonly<{ onClick?: ((_ev?: Event | MouseEvent | undefined) => any) | undefined; }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, { "update:modelValue": (_value: any) => boolean; "before-enter": () => boolean; "before-leave": () => boolean; "after-enter": () => boolean; "after-leave": () => boolean; select: (_ev: Event, _data: import("../..").UiTypes.candidate) => boolean; change: (_ev: Event) => boolean; enter: (_ev: Event | KeyboardEvent) => boolean; input: (_ev: Event | InputEvent) => boolean; focus: (_ev: Event | FocusEvent) => boolean; clear: () => boolean; blur: (_ev: Event | FocusEvent) => boolean; }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{ readonly classExtraName: { readonly type: StringConstructor; }; readonly autocomplete: { readonly type: StringConstructor; readonly values: readonly ["off", "on"]; readonly default: "off"; }; readonly placeholder: { readonly type: StringConstructor; }; readonly widthExtra: { readonly type: NumberConstructor; }; readonly modelValue: { readonly type: import("vue").PropType<string | number>; readonly required: true; }; readonly candidates: { readonly type: import("vue").PropType<import("../..").UiTypes.candidate[]>; readonly default: readonly []; }; readonly maxlength: { readonly type: NumberConstructor; }; readonly animation: { readonly type: BooleanConstructor; readonly default: true; }; readonly clearable: { readonly type: BooleanConstructor; readonly default: false; }; readonly disabled: { readonly type: BooleanConstructor; readonly default: false; }; readonly readonly: { readonly type: BooleanConstructor; readonly default: false; }; readonly loading: { readonly type: BooleanConstructor; readonly default: false; }; readonly height: { readonly type: NumberConstructor; readonly default: 240; }; readonly zIndex: { readonly type: NumberConstructor; readonly default: 66; }; readonly width: { readonly type: import("vue").PropType<string | number>; readonly default: 264; }; readonly type: { readonly type: import("vue").PropType<"number" | "search" | "text" | "email" | "password" | "tel">; readonly default: "text"; }; readonly size: { readonly type: import("vue").PropType<import("../..").UiTypes.size>; readonly default: "default"; }; readonly name: { readonly type: StringConstructor; }; }>> & Readonly<{ onInput?: ((_ev: Event | InputEvent) => any) | undefined; onSelect?: ((_ev: Event, _data: import("../..").UiTypes.candidate) => any) | undefined; onClear?: (() => any) | undefined; onChange?: ((_ev: Event) => any) | undefined; onBlur?: ((_ev: Event | FocusEvent) => any) | undefined; "onBefore-enter"?: (() => any) | undefined; "onBefore-leave"?: (() => any) | undefined; "onAfter-enter"?: (() => any) | undefined; "onAfter-leave"?: (() => any) | undefined; "onUpdate:modelValue"?: ((_value: any) => any) | undefined; onEnter?: ((_ev: Event | KeyboardEvent) => any) | undefined; onFocus?: ((_ev: Event | FocusEvent) => any) | undefined; }>, { readonly loading: boolean; readonly zIndex: number; readonly type: "number" | "search" | "text" | "email" | "password" | "tel"; readonly animation: boolean; readonly height: number; readonly width: string | number; readonly size: import("../..").UiTypes.size; readonly disabled: boolean; readonly readonly: boolean; readonly autocomplete: string; readonly candidates: import("../..").UiTypes.candidate[]; readonly clearable: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; export declare const UiStepsInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{ readonly placeholder: { readonly type: import("vue").PropType<{ start?: string | undefined; end?: string | undefined; }>; }; readonly widthNumber: { readonly type: NumberConstructor; readonly default: 76; }; readonly modelValue: { readonly type: import("vue").PropType<import("./steps").UiStepsInputModelValue>; readonly required: true; }; readonly disabled: { readonly type: BooleanConstructor; readonly default: false; }; readonly readonly: { readonly type: BooleanConstructor; readonly default: false; }; readonly spacing: { readonly type: NumberConstructor; readonly default: 14; }; readonly width: { readonly type: NumberConstructor; readonly default: 408; }; readonly size: { readonly type: import("vue").PropType<import("../..").UiTypes.size>; readonly default: "default"; }; readonly name: { readonly type: StringConstructor; }; }>, { define: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{ readonly placeholder: { readonly type: import("vue").PropType<{ start?: string | undefined; end?: string | undefined; }>; }; readonly widthNumber: { readonly type: NumberConstructor; readonly default: 76; }; readonly modelValue: { readonly type: import("vue").PropType<import("./steps").UiStepsInputModelValue>; readonly required: true; }; readonly disabled: { readonly type: BooleanConstructor; readonly default: false; }; readonly readonly: { readonly type: BooleanConstructor; readonly default: false; }; readonly spacing: { readonly type: NumberConstructor; readonly default: 14; }; readonly width: { readonly type: NumberConstructor; readonly default: 408; }; readonly size: { readonly type: import("vue").PropType<import("../..").UiTypes.size>; readonly default: "default"; }; readonly name: { readonly type: StringConstructor; }; }>> & Readonly<{ onInput?: ((_ev: Event | InputEvent) => any) | undefined; onChange?: ((_ev: Event) => any) | undefined; onBlur?: ((_ev: Event | FocusEvent) => any) | undefined; onFocus?: ((_ev: Event | FocusEvent) => any) | undefined; }> & {}>; emits: ((event: "input", _ev: Event | InputEvent) => void) & ((event: "change", _ev: Event) => void) & ((event: "blur", _ev: Event | FocusEvent) => void) & ((event: "focus", _ev: Event | FocusEvent) => void); ons: { start: { blur: (ev: Event | FocusEvent) => void; input: (ev: InputEvent) => void; change: (ev: Event) => void; focus: (ev: Event | FocusEvent) => void; }; end: { blur: (ev: Event | FocusEvent) => void; input: (ev: InputEvent) => void; change: (ev: Event) => void; focus: (ev: Event | FocusEvent) => void; }; }; refs: { currentPage: import("vue").Ref<string, string>; }; binds: { container: { class: string; style: { width: string; }; }; number: { type: string; disabled: boolean; readonly: boolean; placeholder: string; style: { width: string; }; }; input: { end: { type: string; disabled: boolean; readonly: boolean; } & { placeholder: string; }; start: { type: string; disabled: boolean; readonly: boolean; } & { placeholder: string; }; }; rect: { style: { width: string; }; }; }; computeds: { style: import("vue").ComputedRef<{ width: string; }>; className: import("vue").ComputedRef<string>; }; currentPage: import("vue").Ref<string, string>; style: import("vue").ComputedRef<{ width: string; }>; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, { change: (_ev: Event) => boolean; input: (_ev: Event | InputEvent) => boolean; focus: (_ev: Event | FocusEvent) => boolean; blur: (_ev: Event | FocusEvent) => boolean; }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{ readonly placeholder: { readonly type: import("vue").PropType<{ start?: string | undefined; end?: string | undefined; }>; }; readonly widthNumber: { readonly type: NumberConstructor; readonly default: 76; }; readonly modelValue: { readonly type: import("vue").PropType<import("./steps").UiStepsInputModelValue>; readonly required: true; }; readonly disabled: { readonly type: BooleanConstructor; readonly default: false; }; readonly readonly: { readonly type: BooleanConstructor; readonly default: false; }; readonly spacing: { readonly type: NumberConstructor; readonly default: 14; }; readonly width: { readonly type: NumberConstructor; readonly default: 408; }; readonly size: { readonly type: import("vue").PropType<import("../..").UiTypes.size>; readonly default: "default"; }; readonly name: { readonly type: StringConstructor; }; }>> & Readonly<{ onInput?: ((_ev: Event | InputEvent) => any) | undefined; onChange?: ((_ev: Event) => any) | undefined; onBlur?: ((_ev: Event | FocusEvent) => any) | undefined; onFocus?: ((_ev: Event | FocusEvent) => any) | undefined; }>, { readonly width: number; readonly size: import("../..").UiTypes.size; readonly disabled: boolean; readonly readonly: boolean; readonly widthNumber: number; readonly spacing: number; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; export declare const UiScopeInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{ readonly placeholder: { readonly type: import("vue").PropType<{ start?: string | undefined; end?: string | undefined; }>; }; readonly modelValue: { readonly type: import("vue").PropType<{ start?: number | undefined; end?: number | undefined; }>; readonly required: true; }; readonly disabled: { readonly type: BooleanConstructor; readonly default: false; }; readonly readonly: { readonly type: BooleanConstructor; readonly default: false; }; readonly loading: { readonly type: BooleanConstructor; readonly default: false; }; readonly width: { readonly type: import("vue").PropType<string | number>; readonly default: 264; }; readonly size: { readonly type: import("vue").PropType<import("../..").UiTypes.size>; readonly default: "default"; }; readonly name: { readonly type: StringConstructor; }; }>, { define: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{ readonly placeholder: { readonly type: import("vue").PropType<{ start?: string | undefined; end?: string | undefined; }>; }; readonly modelValue: { readonly type: import("vue").PropType<{ start?: number | undefined; end?: number | undefined; }>; readonly required: true; }; readonly disabled: { readonly type: BooleanConstructor; readonly default: false; }; readonly readonly: { readonly type: BooleanConstructor; readonly default: false; }; readonly loading: { readonly type: BooleanConstructor; readonly default: false; }; readonly width: { readonly type: import("vue").PropType<string | number>; readonly default: 264; }; readonly size: { readonly type: import("vue").PropType<import("../..").UiTypes.size>; readonly default: "default"; }; readonly name: { readonly type: StringConstructor; }; }>> & Readonly<{ onInput?: ((_ev?: Event | InputEvent | undefined) => any) | undefined; onClear?: ((_ev?: any) => any) | undefined; onChange?: ((_ev?: Event | undefined) => any) | undefined; onBlur?: ((_ev?: Event | FocusEvent | undefined) => any) | undefined; "onUpdate:modelValue"?: ((_ev: any) => any) | undefined; onFocus?: ((_ev?: Event | FocusEvent | undefined) => any) | undefined; }> & {}>; emits: ((event: "input", _ev?: Event | InputEvent | undefined) => void) & ((event: "clear", _ev?: any) => void) & ((event: "change", _ev?: Event | undefined) => void) & ((event: "blur", _ev?: Event | FocusEvent | undefined) => void) & ((event: "update:modelValue", _ev: any) => void) & ((event: "focus", _ev?: Event | FocusEvent | undefined) => void); status: import("vue").ComputedRef<{ is: boolean; name: string; }>; methods: { clear: () => void; }; handlers: { mainHandler: { change: (ev: Event) => void; input: (ev: Event | InputEvent) => void; focus: (ev: Event | FocusEvent) => void; blur: (ev: Event | FocusEvent) => void; }; }; computeds: { attrs: import("vue").ComputedRef<{ start: { disabled: boolean; readonly: boolean; placeholder: string | undefined; }; end: { disabled: boolean; readonly: boolean; placeholder: string | undefined; }; }>; style: import("vue").ComputedRef<{ width: string; }>; className: import("vue").ComputedRef<string>; }; clear: () => void; mainHandler: { change: (ev: Event) => void; input: (ev: Event | InputEvent) => void; focus: (ev: Event | FocusEvent) => void; blur: (ev: Event | FocusEvent) => void; }; style: import("vue").ComputedRef<{ width: string; }>; attrs: import("vue").ComputedRef<{ start: { disabled: boolean; readonly: boolean; placeholder: string | undefined; }; end: { disabled: boolean; readonly: boolean; placeholder: string | undefined; }; }>; className: import("vue").ComputedRef<string>; readonly UiIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{ readonly name: StringConstructor; }>, { define: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{ readonly name: StringConstructor; }>> & Readonly<{ onClick?: ((_ev?: Event | MouseEvent | undefined) => any) | undefined; }> & {}>; emits: (event: "click", _ev?: Event | MouseEvent | undefined) => void; click: (ev: Event | MouseEvent) => void; name: import("vue").ComputedRef<string>; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, { click: (_ev?: Event | MouseEvent | undefined) => boolean; }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{ readonly name: StringConstructor; }>> & Readonly<{ onClick?: ((_ev?: Event | MouseEvent | undefined) => any) | undefined; }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, { "update:modelValue": (_ev: any) => boolean; change: (_ev?: Event | undefined) => boolean; clear: (_ev?: any) => boolean; input: (_ev?: Event | InputEvent | undefined) => boolean; focus: (_ev?: Event | FocusEvent | undefined) => boolean; blur: (_ev?: Event | FocusEvent | undefined) => boolean; }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{ readonly placeholder: { readonly type: import("vue").PropType<{ start?: string | undefined; end?: string | undefined; }>; }; readonly modelValue: { readonly type: import("vue").PropType<{ start?: number | undefined; end?: number | undefined; }>; readonly required: true; }; readonly disabled: { readonly type: BooleanConstructor; readonly default: false; }; readonly readonly: { readonly type: BooleanConstructor; readonly default: false; }; readonly loading: { readonly type: BooleanConstructor; readonly default: false; }; readonly width: { readonly type: import("vue").PropType<string | number>; readonly default: 264; }; readonly size: { readonly type: import("vue").PropType<import("../..").UiTypes.size>; readonly default: "default"; }; readonly name: { readonly type: StringConstructor; }; }>> & Readonly<{ onInput?: ((_ev?: Event | InputEvent | undefined) => any) | undefined; onClear?: ((_ev?: any) => any) | undefined; onChange?: ((_ev?: Event | undefined) => any) | undefined; onBlur?: ((_ev?: Event | FocusEvent | undefined) => any) | undefined; "onUpdate:modelValue"?: ((_ev: any) => any) | undefined; onFocus?: ((_ev?: Event | FocusEvent | undefined) => any) | undefined; }>, { readonly loading: boolean; readonly width: string | number; readonly size: import("../..").UiTypes.size; readonly disabled: boolean; readonly readonly: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; export * from "./default"; export * from "./steps"; export * from "./scope"; export default UiInput;