@opensig/opendesign
Version:
<p align="center"><img src="../docs/public/opendesign-logo-light.png"/></p> <h1 align="center">opendesign</h1> <p align="center">一个 Vue 3 组件库</p> <p align="center"><b>皮肤可定制，使用 TypeScript</b></p>
343 lines (342 loc) • 11.2 kB
TypeScript
import { App } from 'vue';
declare const OInput: {
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
size: {
type: import('vue').PropType<import('..').SizeT>;
};
round: {
type: import('vue').PropType<import('..').RoundT>;
};
color: {
type: import('vue').PropType<import('..').Color2T>;
default: string;
};
variant: {
type: import('vue').PropType<import('..').VariantT>;
default: string;
};
modelValue: {
type: (NumberConstructor | StringConstructor)[];
};
defaultValue: {
type: (NumberConstructor | StringConstructor)[];
};
type: {
type: import('vue').PropType<"text" | "password">;
default: string;
};
placeholder: {
type: StringConstructor;
};
inputId: {
type: StringConstructor;
};
disabled: {
type: BooleanConstructor;
};
readonly: {
type: BooleanConstructor;
};
clearable: {
type: BooleanConstructor;
};
minLength: {
type: NumberConstructor;
};
maxLength: {
type: NumberConstructor;
};
getLength: {
type: import('vue').PropType<(val: string) => number>;
};
inputOnOutlimit: {
type: BooleanConstructor;
default: boolean;
};
format: {
type: import('vue').PropType<(value: string) => string>;
};
validate: {
type: import('vue').PropType<(value: string) => boolean>;
};
valueOnInvalidChange: {
type: import('vue').PropType<(inputValue: string, lastValidInputValue: string) => string>;
};
showPasswordEvent: {
type: import('vue').PropType<"click" | "pointerdown">;
default: string;
};
autoWidth: {
type: BooleanConstructor;
};
passwordPlaceholder: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{
onInput?: ((evt: Event, value: string) => any) | undefined;
onClear?: ((evt?: Event | undefined) => any) | undefined;
onBlur?: ((evt: FocusEvent) => any) | undefined;
onChange?: ((value: string) => any) | undefined;
onFocus?: ((evt: FocusEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
}>, {
focus: () => void | undefined;
blur: () => void | undefined;
clear: () => void | undefined;
inputEl: () => HTMLInputElement | undefined;
togglePassword: () => void | undefined;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
input: (evt: Event, value: string) => any;
clear: (evt?: Event | undefined) => any;
blur: (evt: FocusEvent) => any;
change: (value: string) => any;
focus: (evt: FocusEvent) => any;
"update:modelValue": (value: string) => any;
pressEnter: (evt: KeyboardEvent) => any;
}, import('vue').PublicProps, {
color: "normal" | "primary" | "success" | "warning" | "danger";
type: "text" | "password";
disabled: boolean;
variant: "solid" | "outline" | "text";
clearable: boolean;
readonly: boolean;
inputOnOutlimit: boolean;
showPasswordEvent: "click" | "pointerdown";
autoWidth: boolean;
passwordPlaceholder: string;
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import('vue').ExtractPropTypes<{
size: {
type: import('vue').PropType<import('..').SizeT>;
};
round: {
type: import('vue').PropType<import('..').RoundT>;
};
color: {
type: import('vue').PropType<import('..').Color2T>;
default: string;
};
variant: {
type: import('vue').PropType<import('..').VariantT>;
default: string;
};
modelValue: {
type: (NumberConstructor | StringConstructor)[];
};
defaultValue: {
type: (NumberConstructor | StringConstructor)[];
};
type: {
type: import('vue').PropType<"text" | "password">;
default: string;
};
placeholder: {
type: StringConstructor;
};
inputId: {
type: StringConstructor;
};
disabled: {
type: BooleanConstructor;
};
readonly: {
type: BooleanConstructor;
};
clearable: {
type: BooleanConstructor;
};
minLength: {
type: NumberConstructor;
};
maxLength: {
type: NumberConstructor;
};
getLength: {
type: import('vue').PropType<(val: string) => number>;
};
inputOnOutlimit: {
type: BooleanConstructor;
default: boolean;
};
format: {
type: import('vue').PropType<(value: string) => string>;
};
validate: {
type: import('vue').PropType<(value: string) => boolean>;
};
valueOnInvalidChange: {
type: import('vue').PropType<(inputValue: string, lastValidInputValue: string) => string>;
};
showPasswordEvent: {
type: import('vue').PropType<"click" | "pointerdown">;
default: string;
};
autoWidth: {
type: BooleanConstructor;
};
passwordPlaceholder: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{
onInput?: ((evt: Event, value: string) => any) | undefined;
onClear?: ((evt?: Event | undefined) => any) | undefined;
onBlur?: ((evt: FocusEvent) => any) | undefined;
onChange?: ((value: string) => any) | undefined;
onFocus?: ((evt: FocusEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
}>, {
focus: () => void | undefined;
blur: () => void | undefined;
clear: () => void | undefined;
inputEl: () => HTMLInputElement | undefined;
togglePassword: () => void | undefined;
}, {}, {}, {}, {
color: "normal" | "primary" | "success" | "warning" | "danger";
type: "text" | "password";
disabled: boolean;
variant: "solid" | "outline" | "text";
clearable: boolean;
readonly: boolean;
inputOnOutlimit: boolean;
showPasswordEvent: "click" | "pointerdown";
autoWidth: boolean;
passwordPlaceholder: string;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
size: {
type: import('vue').PropType<import('..').SizeT>;
};
round: {
type: import('vue').PropType<import('..').RoundT>;
};
color: {
type: import('vue').PropType<import('..').Color2T>;
default: string;
};
variant: {
type: import('vue').PropType<import('..').VariantT>;
default: string;
};
modelValue: {
type: (NumberConstructor | StringConstructor)[];
};
defaultValue: {
type: (NumberConstructor | StringConstructor)[];
};
type: {
type: import('vue').PropType<"text" | "password">;
default: string;
};
placeholder: {
type: StringConstructor;
};
inputId: {
type: StringConstructor;
};
disabled: {
type: BooleanConstructor;
};
readonly: {
type: BooleanConstructor;
};
clearable: {
type: BooleanConstructor;
};
minLength: {
type: NumberConstructor;
};
maxLength: {
type: NumberConstructor;
};
getLength: {
type: import('vue').PropType<(val: string) => number>;
};
inputOnOutlimit: {
type: BooleanConstructor;
default: boolean;
};
format: {
type: import('vue').PropType<(value: string) => string>;
};
validate: {
type: import('vue').PropType<(value: string) => boolean>;
};
valueOnInvalidChange: {
type: import('vue').PropType<(inputValue: string, lastValidInputValue: string) => string>;
};
showPasswordEvent: {
type: import('vue').PropType<"click" | "pointerdown">;
default: string;
};
autoWidth: {
type: BooleanConstructor;
};
passwordPlaceholder: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{
onInput?: ((evt: Event, value: string) => any) | undefined;
onClear?: ((evt?: Event | undefined) => any) | undefined;
onBlur?: ((evt: FocusEvent) => any) | undefined;
onChange?: ((value: string) => any) | undefined;
onFocus?: ((evt: FocusEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
}>, {
focus: () => void | undefined;
blur: () => void | undefined;
clear: () => void | undefined;
inputEl: () => HTMLInputElement | undefined;
togglePassword: () => void | undefined;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
input: (evt: Event, value: string) => any;
clear: (evt?: Event | undefined) => any;
blur: (evt: FocusEvent) => any;
change: (value: string) => any;
focus: (evt: FocusEvent) => any;
"update:modelValue": (value: string) => any;
pressEnter: (evt: KeyboardEvent) => any;
}, string, {
color: "normal" | "primary" | "success" | "warning" | "danger";
type: "text" | "password";
disabled: boolean;
variant: "solid" | "outline" | "text";
clearable: boolean;
readonly: boolean;
inputOnOutlimit: boolean;
showPasswordEvent: "click" | "pointerdown";
autoWidth: boolean;
passwordPlaceholder: string;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
$slots: Readonly<{
default(): any;
prepend(): any;
append(): any;
prefix(): any;
suffix(): any;
}> & {
default(): any;
prepend(): any;
append(): any;
prefix(): any;
suffix(): any;
};
}) & {
install(app: App): void;
};
export { OInput };
export * from './types';