@volverjs/ui-vue
Version:
@volverjs/ui-vue is a lightweight Vue 3 component library to accompany @volverjs/style.
510 lines (509 loc) • 13.7 kB
TypeScript
declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
modelValue: (StringConstructor | NumberConstructor | DateConstructor)[];
type: {
type: PropType<import("../VvInputText").InputType>;
default: "text";
validator: (value: import("../VvInputText").InputType) => boolean;
};
min: (StringConstructor | NumberConstructor | DateConstructor)[];
max: (StringConstructor | NumberConstructor | DateConstructor)[];
step: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
pattern: StringConstructor;
multiple: BooleanConstructor;
iconShowPassword: {
type: PropType<string | import("../VvIcon").VvIconProps>;
default: "eye-on";
};
iconHidePassword: {
type: PropType<string | import("../VvIcon").VvIconProps>;
default: "eye-off";
};
iconClear: {
type: PropType<string | import("../VvIcon").VvIconProps>;
default: "close";
};
iconRemoveSuggestion: {
type: PropType<string | import("../VvIcon").VvIconProps>;
default: "trash";
};
labelStepUp: {
type: StringConstructor;
default: string;
};
labelStepDown: {
type: StringConstructor;
default: string;
};
labelShowPassword: {
type: StringConstructor;
default: string;
};
labelHidePassword: {
type: StringConstructor;
default: string;
};
labelClear: {
type: StringConstructor;
default: string;
};
labelRemoveSuggestion: {
type: StringConstructor;
default: string;
};
iMask: {
type: PropType<import("imask").FactoryOpts>;
default: undefined;
};
masked: {
type: StringConstructor;
default: undefined;
};
autoWidth: {
type: BooleanConstructor;
default: boolean;
};
hideActions: {
type: BooleanConstructor;
default: boolean;
};
unit: {
type: StringConstructor;
};
selectOnFocus: {
type: BooleanConstructor;
default: boolean;
};
maxSuggestions: {
type: NumberConstructor;
default: number;
};
inputMode: {
type: StringConstructor;
default: string;
};
storageType: {
type: PropType<`${import("../../constants").StorageType}`>;
default: import("../../constants").StorageType;
validator: (value: import("../../constants").StorageType) => boolean;
};
storageKey: StringConstructor;
required: {
type: BooleanConstructor;
default: boolean;
};
minlength: {
type: (StringConstructor | NumberConstructor)[];
default: undefined;
};
maxlength: {
type: (StringConstructor | NumberConstructor)[];
default: undefined;
};
placeholder: {
type: StringConstructor;
default: undefined;
};
label: {
type: (StringConstructor | NumberConstructor)[];
default: undefined;
};
floating: {
type: BooleanConstructor;
default: boolean;
};
icon: {
type: PropType<string | import("../VvIcon").VvIconProps>;
default: undefined;
};
iconPosition: {
type: PropType<`${import("../../constants").Position}`>;
default: import("../../constants").Position;
validation: (value: import("../../constants").Position) => boolean;
};
debounce: {
type: (StringConstructor | NumberConstructor)[];
default: undefined;
};
count: {
type: (BooleanConstructor | StringConstructor)[];
default: boolean;
validator: (value: string) => boolean;
};
modifiers: {
type: PropType<string | string[]>;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
loadingLabel: {
type: StringConstructor;
default: string;
};
hintLabel: {
type: StringConstructor;
default: string;
};
invalid: {
type: BooleanConstructor;
default: boolean;
};
invalidLabel: {
type: (ArrayConstructor | StringConstructor)[];
default: undefined;
};
valid: {
type: BooleanConstructor;
default: boolean;
};
validLabel: {
type: (ArrayConstructor | StringConstructor)[];
default: undefined;
};
readonly: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
tabindex: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
autocomplete: {
type: StringConstructor;
default: string;
};
autofocus: {
type: BooleanConstructor;
default: boolean;
};
name: {
type: StringConstructor;
required: boolean;
};
id: (StringConstructor | NumberConstructor)[];
}>, {
$inner: globalThis.Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
modelValue: (StringConstructor | NumberConstructor | DateConstructor)[];
type: {
type: PropType<import("../VvInputText").InputType>;
default: "text";
validator: (value: import("../VvInputText").InputType) => boolean;
};
min: (StringConstructor | NumberConstructor | DateConstructor)[];
max: (StringConstructor | NumberConstructor | DateConstructor)[];
step: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
pattern: StringConstructor;
multiple: BooleanConstructor;
iconShowPassword: {
type: PropType<string | import("../VvIcon").VvIconProps>;
default: "eye-on";
};
iconHidePassword: {
type: PropType<string | import("../VvIcon").VvIconProps>;
default: "eye-off";
};
iconClear: {
type: PropType<string | import("../VvIcon").VvIconProps>;
default: "close";
};
iconRemoveSuggestion: {
type: PropType<string | import("../VvIcon").VvIconProps>;
default: "trash";
};
labelStepUp: {
type: StringConstructor;
default: string;
};
labelStepDown: {
type: StringConstructor;
default: string;
};
labelShowPassword: {
type: StringConstructor;
default: string;
};
labelHidePassword: {
type: StringConstructor;
default: string;
};
labelClear: {
type: StringConstructor;
default: string;
};
labelRemoveSuggestion: {
type: StringConstructor;
default: string;
};
iMask: {
type: PropType<import("imask").FactoryOpts>;
default: undefined;
};
masked: {
type: StringConstructor;
default: undefined;
};
autoWidth: {
type: BooleanConstructor;
default: boolean;
};
hideActions: {
type: BooleanConstructor;
default: boolean;
};
unit: {
type: StringConstructor;
};
selectOnFocus: {
type: BooleanConstructor;
default: boolean;
};
maxSuggestions: {
type: NumberConstructor;
default: number;
};
inputMode: {
type: StringConstructor;
default: string;
};
storageType: {
type: PropType<`${import("../../constants").StorageType}`>;
default: import("../../constants").StorageType;
validator: (value: import("../../constants").StorageType) => boolean;
};
storageKey: StringConstructor;
required: {
type: BooleanConstructor;
default: boolean;
};
minlength: {
type: (StringConstructor | NumberConstructor)[];
default: undefined;
};
maxlength: {
type: (StringConstructor | NumberConstructor)[];
default: undefined;
};
placeholder: {
type: StringConstructor;
default: undefined;
};
label: {
type: (StringConstructor | NumberConstructor)[];
default: undefined;
};
floating: {
type: BooleanConstructor;
default: boolean;
};
icon: {
type: PropType<string | import("../VvIcon").VvIconProps>;
default: undefined;
};
iconPosition: {
type: PropType<`${import("../../constants").Position}`>;
default: import("../../constants").Position;
validation: (value: import("../../constants").Position) => boolean;
};
debounce: {
type: (StringConstructor | NumberConstructor)[];
default: undefined;
};
count: {
type: (BooleanConstructor | StringConstructor)[];
default: boolean;
validator: (value: string) => boolean;
};
modifiers: {
type: PropType<string | string[]>;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
loadingLabel: {
type: StringConstructor;
default: string;
};
hintLabel: {
type: StringConstructor;
default: string;
};
invalid: {
type: BooleanConstructor;
default: boolean;
};
invalidLabel: {
type: (ArrayConstructor | StringConstructor)[];
default: undefined;
};
valid: {
type: BooleanConstructor;
default: boolean;
};
validLabel: {
type: (ArrayConstructor | StringConstructor)[];
default: undefined;
};
readonly: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
tabindex: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
autocomplete: {
type: StringConstructor;
default: string;
};
autofocus: {
type: BooleanConstructor;
default: boolean;
};
name: {
type: StringConstructor;
required: boolean;
};
id: (StringConstructor | NumberConstructor)[];
}>> & Readonly<{}>, {
floating: boolean;
label: string | number;
disabled: boolean;
modifiers: string | string[];
type: import("../VvInputText").InputType;
storageType: "local" | "session";
placeholder: string;
icon: string | import("../VvIcon").VvIconProps;
iconPosition: "before" | "after";
required: boolean;
loading: boolean;
loadingLabel: string;
multiple: boolean;
readonly: boolean;
hintLabel: string;
invalid: boolean;
invalidLabel: string | unknown[];
valid: boolean;
validLabel: string | unknown[];
tabindex: string | number;
iconClear: string | import("../VvIcon").VvIconProps;
labelClear: string;
autocomplete: string;
autofocus: boolean;
step: string | number;
iconShowPassword: string | import("../VvIcon").VvIconProps;
iconHidePassword: string | import("../VvIcon").VvIconProps;
iconRemoveSuggestion: string | import("../VvIcon").VvIconProps;
labelStepUp: string;
labelStepDown: string;
labelShowPassword: string;
labelHidePassword: string;
labelRemoveSuggestion: string;
iMask: import("imask").FactoryOpts;
masked: string;
autoWidth: boolean;
hideActions: boolean;
selectOnFocus: boolean;
maxSuggestions: number;
inputMode: string;
minlength: string | number;
maxlength: string | number;
debounce: string | number;
count: string | boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
before?: (props: {
valid: boolean;
invalid: boolean;
modelValue: string | number | Date | undefined;
togglePassword: () => void;
stepUp: () => void;
stepDown: () => void;
clear: () => void;
}) => any;
} & {
unit?: (props: {
valid: boolean;
invalid: boolean;
modelValue: string | number | Date | undefined;
togglePassword: () => void;
stepUp: () => void;
stepDown: () => void;
clear: () => void;
}) => any;
} & {
after?: (props: {
valid: boolean;
invalid: boolean;
modelValue: string | number | Date | undefined;
togglePassword: () => void;
stepUp: () => void;
stepDown: () => void;
clear: () => void;
}) => any;
} & {
count?: (props: {
valid: boolean;
invalid: boolean;
modelValue: string | number | Date | undefined;
togglePassword: () => void;
stepUp: () => void;
stepDown: () => void;
clear: () => void;
}) => any;
} & {
hint?: (props: {
modelValue: unknown;
valid: boolean;
invalid: boolean;
loading: boolean;
}) => any;
} & {
loading?: (props: {
modelValue: unknown;
valid: boolean;
invalid: boolean;
loading: boolean;
}) => any;
} & {
valid?: (props: {
modelValue: unknown;
valid: boolean;
invalid: boolean;
loading: boolean;
}) => any;
} & {
invalid?: (props: {
modelValue: unknown;
valid: boolean;
invalid: boolean;
loading: boolean;
}) => any;
} & {
suggestion?: (props: {
value: string;
}) => any;
}>;
declare const _default: typeof __VLS_export;
export default _default;
type __VLS_WithSlots<T, S> = T & {
new (): {
$slots: S;
};
};