@extclp/vexip-ui
Version:
A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good
156 lines (155 loc) • 8.51 kB
TypeScript
import { NumberInputSlots } from './symbol';
declare function focus(options?: FocusOptions): void;
declare function __VLS_template(): {
attrs: Partial<{}>;
slots: Readonly<NumberInputSlots> & NumberInputSlots;
refs: {
wrapper: HTMLDivElement;
control: HTMLInputElement;
};
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<{
placeholder: string;
outOfRange: string;
ariaLabel: {
clear: string;
increase: string;
decrease: string;
};
}>>;
prefix: import('vue').PropType<any>;
prefixColor: import('vue').PropType<string>;
suffix: import('vue').PropType<any>;
suffixColor: import('vue').PropType<string>;
formatter: import('vue').PropType<(value: number) => number | string>;
value: import('vue').PropType<number>;
min: import('vue').PropType<number>;
max: import('vue').PropType<number>;
placeholder: import('vue').PropType<string>;
autofocus: import('vue').PropType<boolean>;
spellcheck: import('vue').PropType<boolean>;
autocomplete: import('vue').PropType<string | boolean>;
precision: import('vue').PropType<number>;
readonly: import('vue').PropType<boolean>;
step: import('vue').PropType<number>;
ctrlStep: import('vue').PropType<number>;
shiftStep: import('vue').PropType<number>;
altStep: import('vue').PropType<number>;
disabled: import('vue').PropType<boolean>;
controlClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
debounce: import('vue').PropType<boolean>;
delay: import('vue').PropType<number>;
clearable: import('vue').PropType<boolean>;
loading: import('vue').PropType<boolean>;
loadingIcon: import('vue').PropType<any>;
loadingLock: import('vue').PropType<boolean>;
loadingEffect: import('vue').PropType<string>;
sync: import('vue').PropType<boolean>;
syncStep: import('vue').PropType<boolean>;
controlType: import('vue').PropType<"right" | "left" | "none" | "right-fade" | "left-fade">;
emptyType: import('vue').PropType<"undefined" | "NaN" | "null">;
controlAttrs: import('vue').PropType<Record<string, any>>;
name: import('vue').PropType<string>;
slots: import('vue').PropType<NumberInputSlots>;
onFocus: import('vue').PropType<((event: FocusEvent) => void) | ((event: FocusEvent) => void)[]>;
onBlur: import('vue').PropType<((event: FocusEvent) => void) | ((event: FocusEvent) => void)[]>;
onInput: import('vue').PropType<((value: number) => void) | ((value: number) => void)[]>;
onChange: import('vue').PropType<((value: number) => void) | ((value: number) => void)[]>;
onEnter: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onClear: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onPrefixClick: import('vue').PropType<((event: MouseEvent) => void) | ((event: MouseEvent) => void)[]>;
onSuffixClick: import('vue').PropType<((event: MouseEvent) => void) | ((event: MouseEvent) => void)[]>;
onKeyDown: import('vue').PropType<((event: KeyboardEvent) => void) | ((event: KeyboardEvent) => void)[]>;
onKeyPress: import('vue').PropType<((event: KeyboardEvent) => void) | ((event: KeyboardEvent) => void)[]>;
onKeyUp: import('vue').PropType<((event: KeyboardEvent) => void) | ((event: KeyboardEvent) => void)[]>;
}>, {
idFor: import('vue').ComputedRef<string | undefined>;
focused: import('vue').Ref<boolean, boolean>;
isHover: import('vue').Ref<boolean, boolean>;
outOfRange: import('vue').ComputedRef<boolean>;
preciseNumber: import('vue').ComputedRef<string | number>;
formattedValue: import('vue').ComputedRef<string | number>;
isReadonly: import('vue').ComputedRef<boolean>;
wrapper: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
input: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
focus: typeof focus;
blur: () => void | undefined;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:value": (...args: any[]) => void;
}, string, import('vue').PublicProps, Readonly<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<{
placeholder: string;
outOfRange: string;
ariaLabel: {
clear: string;
increase: string;
decrease: string;
};
}>>;
prefix: import('vue').PropType<any>;
prefixColor: import('vue').PropType<string>;
suffix: import('vue').PropType<any>;
suffixColor: import('vue').PropType<string>;
formatter: import('vue').PropType<(value: number) => number | string>;
value: import('vue').PropType<number>;
min: import('vue').PropType<number>;
max: import('vue').PropType<number>;
placeholder: import('vue').PropType<string>;
autofocus: import('vue').PropType<boolean>;
spellcheck: import('vue').PropType<boolean>;
autocomplete: import('vue').PropType<string | boolean>;
precision: import('vue').PropType<number>;
readonly: import('vue').PropType<boolean>;
step: import('vue').PropType<number>;
ctrlStep: import('vue').PropType<number>;
shiftStep: import('vue').PropType<number>;
altStep: import('vue').PropType<number>;
disabled: import('vue').PropType<boolean>;
controlClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
debounce: import('vue').PropType<boolean>;
delay: import('vue').PropType<number>;
clearable: import('vue').PropType<boolean>;
loading: import('vue').PropType<boolean>;
loadingIcon: import('vue').PropType<any>;
loadingLock: import('vue').PropType<boolean>;
loadingEffect: import('vue').PropType<string>;
sync: import('vue').PropType<boolean>;
syncStep: import('vue').PropType<boolean>;
controlType: import('vue').PropType<"right" | "left" | "none" | "right-fade" | "left-fade">;
emptyType: import('vue').PropType<"undefined" | "NaN" | "null">;
controlAttrs: import('vue').PropType<Record<string, any>>;
name: import('vue').PropType<string>;
slots: import('vue').PropType<NumberInputSlots>;
onFocus: import('vue').PropType<((event: FocusEvent) => void) | ((event: FocusEvent) => void)[]>;
onBlur: import('vue').PropType<((event: FocusEvent) => void) | ((event: FocusEvent) => void)[]>;
onInput: import('vue').PropType<((value: number) => void) | ((value: number) => void)[]>;
onChange: import('vue').PropType<((value: number) => void) | ((value: number) => void)[]>;
onEnter: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onClear: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onPrefixClick: import('vue').PropType<((event: MouseEvent) => void) | ((event: MouseEvent) => void)[]>;
onSuffixClick: import('vue').PropType<((event: MouseEvent) => void) | ((event: MouseEvent) => void)[]>;
onKeyDown: import('vue').PropType<((event: KeyboardEvent) => void) | ((event: KeyboardEvent) => void)[]>;
onKeyPress: import('vue').PropType<((event: KeyboardEvent) => void) | ((event: KeyboardEvent) => void)[]>;
onKeyUp: import('vue').PropType<((event: KeyboardEvent) => void) | ((event: KeyboardEvent) => void)[]>;
}>> & Readonly<{
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
wrapper: HTMLDivElement;
control: HTMLInputElement;
}, HTMLDivElement>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S;
};
};