mealcomes
Version:
MealComes 用于学习前端的组件库
466 lines (465 loc) • 17.8 kB
TypeScript
export declare const McForm: import('../../utils').SFCWithInstall<{
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
readonly model: ObjectConstructor;
readonly rules: {
readonly type: import('vue').PropType<Record<string, import('../../mealcomes').Arrayable<import('../../mealcomes').FormItemRule>>>;
};
readonly showMessage: {
readonly type: BooleanConstructor;
readonly default: true;
};
}>> & Readonly<{}>, {
validate: (callback?: (valid: boolean, fields?: import('async-validator').ValidateFieldsError) => void) => Promise<void>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
readonly showMessage: boolean;
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLFormElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import('vue').ExtractPropTypes<{
readonly model: ObjectConstructor;
readonly rules: {
readonly type: import('vue').PropType<Record<string, import('../../mealcomes').Arrayable<import('../../mealcomes').FormItemRule>>>;
};
readonly showMessage: {
readonly type: BooleanConstructor;
readonly default: true;
};
}>> & Readonly<{}>, {
validate: (callback?: (valid: boolean, fields?: import('async-validator').ValidateFieldsError) => void) => Promise<void>;
}, {}, {}, {}, {
readonly showMessage: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
readonly model: ObjectConstructor;
readonly rules: {
readonly type: import('vue').PropType<Record<string, import('../../mealcomes').Arrayable<import('../../mealcomes').FormItemRule>>>;
};
readonly showMessage: {
readonly type: BooleanConstructor;
readonly default: true;
};
}>> & Readonly<{}>, {
validate: (callback?: (valid: boolean, fields?: import('async-validator').ValidateFieldsError) => void) => Promise<void>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
readonly showMessage: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
$slots: {
default?(_: {}): any;
};
})>;
export declare const McFormItem: import('../../utils').SFCWithInstall<{
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
readonly prop: {
readonly type: StringConstructor;
readonly default: "";
};
readonly label: {
readonly type: StringConstructor;
readonly default: "";
};
readonly labelWidth: {
readonly type: import('vue').PropType<string | number>;
readonly default: "";
};
readonly rules: {
readonly type: import('vue').PropType<import('../../mealcomes').Arrayable<import('../../mealcomes').FormItemRule>>;
readonly default: () => never[];
};
readonly showMessage: {
readonly type: BooleanConstructor;
readonly default: true;
};
readonly size: {
readonly type: import('vue').PropType<import('../../mealcomes').ComponentSize>;
readonly default: "default";
};
}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
readonly size: "" | "default" | "small" | "large";
readonly label: string;
readonly prop: string;
readonly labelWidth: string | number;
readonly rules: import('../../mealcomes').Arrayable<import('../../mealcomes').FormItemRule>;
readonly showMessage: boolean;
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import('vue').ExtractPropTypes<{
readonly prop: {
readonly type: StringConstructor;
readonly default: "";
};
readonly label: {
readonly type: StringConstructor;
readonly default: "";
};
readonly labelWidth: {
readonly type: import('vue').PropType<string | number>;
readonly default: "";
};
readonly rules: {
readonly type: import('vue').PropType<import('../../mealcomes').Arrayable<import('../../mealcomes').FormItemRule>>;
readonly default: () => never[];
};
readonly showMessage: {
readonly type: BooleanConstructor;
readonly default: true;
};
readonly size: {
readonly type: import('vue').PropType<import('../../mealcomes').ComponentSize>;
readonly default: "default";
};
}>> & Readonly<{}>, {}, {}, {}, {}, {
readonly size: "" | "default" | "small" | "large";
readonly label: string;
readonly prop: string;
readonly labelWidth: string | number;
readonly rules: import('../../mealcomes').Arrayable<import('../../mealcomes').FormItemRule>;
readonly showMessage: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
readonly prop: {
readonly type: StringConstructor;
readonly default: "";
};
readonly label: {
readonly type: StringConstructor;
readonly default: "";
};
readonly labelWidth: {
readonly type: import('vue').PropType<string | number>;
readonly default: "";
};
readonly rules: {
readonly type: import('vue').PropType<import('../../mealcomes').Arrayable<import('../../mealcomes').FormItemRule>>;
readonly default: () => never[];
};
readonly showMessage: {
readonly type: BooleanConstructor;
readonly default: true;
};
readonly size: {
readonly type: import('vue').PropType<import('../../mealcomes').ComponentSize>;
readonly default: "default";
};
}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
readonly size: "" | "default" | "small" | "large";
readonly label: string;
readonly prop: string;
readonly labelWidth: string | number;
readonly rules: import('../../mealcomes').Arrayable<import('../../mealcomes').FormItemRule>;
readonly showMessage: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
$slots: {
label?(_: {}): any;
default?(_: {}): any;
error?(_: {
error: string;
}): any;
};
})>;
export declare const McFormItemInput: import('../../utils').SFCWithInstall<{
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
labelWidth: {
type: import('vue').PropType<string | number>;
default: string;
};
size: {
readonly type: import('vue').PropType<import('../../mealcomes').ComponentSize>;
readonly default: "default";
};
prop: {
readonly type: StringConstructor;
readonly default: "";
};
rules: {
readonly type: import('vue').PropType<import('../../mealcomes').Arrayable<import('../../mealcomes').FormItemRule>>;
readonly default: () => never[];
};
showMessage: {
readonly type: BooleanConstructor;
readonly default: true;
};
type: {
readonly type: StringConstructor;
readonly default: "text";
};
disabled: {
readonly type: BooleanConstructor;
readonly default: false;
};
modelValue: {
readonly type: import('vue').PropType<string | number>;
readonly default: "";
};
placeholder: {
readonly type: StringConstructor;
readonly default: "";
};
clearable: {
readonly type: BooleanConstructor;
readonly default: false;
};
showPassword: {
readonly type: BooleanConstructor;
readonly default: false;
};
readonly: {
readonly type: BooleanConstructor;
readonly default: false;
};
ariaLabel: {
readonly type: StringConstructor;
readonly default: "";
};
autocomplete: {
readonly type: StringConstructor;
readonly default: "off";
};
}>> & Readonly<{
onClear?: (() => any) | undefined;
onInput?: ((value: string) => any) | undefined;
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
onChange?: ((value: string) => any) | undefined;
onFocus?: ((event: FocusEvent) => any) | undefined;
onBlur?: ((event: FocusEvent) => any) | undefined;
onKeydown?: ((event: KeyboardEvent) => any) | undefined;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
clear: () => void;
input: (value: string) => void;
"update:modelValue": (value: string) => void;
change: (value: string) => void;
focus: (event: FocusEvent) => void;
blur: (event: FocusEvent) => void;
keydown: (event: KeyboardEvent) => void;
}, import('vue').PublicProps, {
size: "" | "default" | "small" | "large";
type: string;
disabled: boolean;
modelValue: string | number;
prop: string;
labelWidth: string | number;
rules: import('../../mealcomes').Arrayable<import('../../mealcomes').FormItemRule>;
showMessage: boolean;
placeholder: string;
clearable: boolean;
showPassword: boolean;
readonly: boolean;
ariaLabel: string;
autocomplete: string;
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
labelRef: HTMLSpanElement;
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import('vue').ExtractPropTypes<{
labelWidth: {
type: import('vue').PropType<string | number>;
default: string;
};
size: {
readonly type: import('vue').PropType<import('../../mealcomes').ComponentSize>;
readonly default: "default";
};
prop: {
readonly type: StringConstructor;
readonly default: "";
};
rules: {
readonly type: import('vue').PropType<import('../../mealcomes').Arrayable<import('../../mealcomes').FormItemRule>>;
readonly default: () => never[];
};
showMessage: {
readonly type: BooleanConstructor;
readonly default: true;
};
type: {
readonly type: StringConstructor;
readonly default: "text";
};
disabled: {
readonly type: BooleanConstructor;
readonly default: false;
};
modelValue: {
readonly type: import('vue').PropType<string | number>;
readonly default: "";
};
placeholder: {
readonly type: StringConstructor;
readonly default: "";
};
clearable: {
readonly type: BooleanConstructor;
readonly default: false;
};
showPassword: {
readonly type: BooleanConstructor;
readonly default: false;
};
readonly: {
readonly type: BooleanConstructor;
readonly default: false;
};
ariaLabel: {
readonly type: StringConstructor;
readonly default: "";
};
autocomplete: {
readonly type: StringConstructor;
readonly default: "off";
};
}>> & Readonly<{
onClear?: (() => any) | undefined;
onInput?: ((value: string) => any) | undefined;
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
onChange?: ((value: string) => any) | undefined;
onFocus?: ((event: FocusEvent) => any) | undefined;
onBlur?: ((event: FocusEvent) => any) | undefined;
onKeydown?: ((event: KeyboardEvent) => any) | undefined;
}>, {}, {}, {}, {}, {
size: "" | "default" | "small" | "large";
type: string;
disabled: boolean;
modelValue: string | number;
prop: string;
labelWidth: string | number;
rules: import('../../mealcomes').Arrayable<import('../../mealcomes').FormItemRule>;
showMessage: boolean;
placeholder: string;
clearable: boolean;
showPassword: boolean;
readonly: boolean;
ariaLabel: string;
autocomplete: string;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
labelWidth: {
type: import('vue').PropType<string | number>;
default: string;
};
size: {
readonly type: import('vue').PropType<import('../../mealcomes').ComponentSize>;
readonly default: "default";
};
prop: {
readonly type: StringConstructor;
readonly default: "";
};
rules: {
readonly type: import('vue').PropType<import('../../mealcomes').Arrayable<import('../../mealcomes').FormItemRule>>;
readonly default: () => never[];
};
showMessage: {
readonly type: BooleanConstructor;
readonly default: true;
};
type: {
readonly type: StringConstructor;
readonly default: "text";
};
disabled: {
readonly type: BooleanConstructor;
readonly default: false;
};
modelValue: {
readonly type: import('vue').PropType<string | number>;
readonly default: "";
};
placeholder: {
readonly type: StringConstructor;
readonly default: "";
};
clearable: {
readonly type: BooleanConstructor;
readonly default: false;
};
showPassword: {
readonly type: BooleanConstructor;
readonly default: false;
};
readonly: {
readonly type: BooleanConstructor;
readonly default: false;
};
ariaLabel: {
readonly type: StringConstructor;
readonly default: "";
};
autocomplete: {
readonly type: StringConstructor;
readonly default: "off";
};
}>> & Readonly<{
onClear?: (() => any) | undefined;
onInput?: ((value: string) => any) | undefined;
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
onChange?: ((value: string) => any) | undefined;
onFocus?: ((event: FocusEvent) => any) | undefined;
onBlur?: ((event: FocusEvent) => any) | undefined;
onKeydown?: ((event: KeyboardEvent) => any) | undefined;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
clear: () => void;
input: (value: string) => void;
"update:modelValue": (value: string) => void;
change: (value: string) => void;
focus: (event: FocusEvent) => void;
blur: (event: FocusEvent) => void;
keydown: (event: KeyboardEvent) => void;
}, string, {
size: "" | "default" | "small" | "large";
type: string;
disabled: boolean;
modelValue: string | number;
prop: string;
labelWidth: string | number;
rules: import('../../mealcomes').Arrayable<import('../../mealcomes').FormItemRule>;
showMessage: boolean;
placeholder: string;
clearable: boolean;
showPassword: boolean;
readonly: boolean;
ariaLabel: string;
autocomplete: string;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
$slots: {
prefix?(_: {}): any;
suffix?(_: {}): any;
prepend?(_: {}): any;
append?(_: {}): any;
};
})>;
export type * from './src/form';
export * from './src/form';
export type * from './src/form-item';
export * from './src/form-item';
export type * from './src/form-items/form-item-input';
export * from './src/form-items/form-item-input';
export type FormInstance = InstanceType<typeof McForm>;
declare module 'vue' {
interface GlobalComponents {
McForm: typeof McForm;
McFormItem: typeof McFormItem;
McFormItemInput: typeof McFormItemInput;
}
}