ivue-material-plus
Version:
A high quality UI components Library with Vue.js
347 lines (346 loc) • 10.9 kB
TypeScript
export declare const IvueForm: import("../../utils/install").SFCWithInstall<import("vue").DefineComponent<{
labelPosition: {
type: StringConstructor;
validator(value: string): boolean;
default: string;
};
requireAsteriskPosition: {
type: StringConstructor;
validator(value: string): boolean;
default: string;
};
labelSuffix: {
type: StringConstructor;
default: string;
};
labelWidth: {
type: (NumberConstructor | StringConstructor)[];
default: string;
};
inline: {
type: BooleanConstructor;
};
model: {
type: ObjectConstructor;
};
rules: {
type: ObjectConstructor;
};
showMessage: {
type: BooleanConstructor;
default: boolean;
};
showSuccessStatus: {
type: BooleanConstructor;
default: boolean;
};
hideRequiredAsterisk: {
type: BooleanConstructor;
default: boolean;
};
validateOnRuleChange: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
scrollToError: {
type: BooleanConstructor;
};
}, {
wrapperClasses: import("vue").ComputedRef<(string | {
[x: string]: string | boolean;
})[]>;
validate: (callback?: import("./types/form").FormValidateCallback) => import("./types/form").FormValidationResult;
validateField: (props?: import("./types/form").Arrayable<import("./types/form-item").FormItemProp>, callback?: import("./types/form").FormValidateCallback) => import("./types/form").FormValidationResult;
resetFields: (props?: import("./types/form").Arrayable<import("./types/form-item").FormItemProp>) => void;
scrollToField: (prop: import("./types/form-item").FormItemProp) => void;
clearValidate: (props?: import("./types/form").Arrayable<import("./types/form-item").FormItemProp>) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
labelPosition: {
type: StringConstructor;
validator(value: string): boolean;
default: string;
};
requireAsteriskPosition: {
type: StringConstructor;
validator(value: string): boolean;
default: string;
};
labelSuffix: {
type: StringConstructor;
default: string;
};
labelWidth: {
type: (NumberConstructor | StringConstructor)[];
default: string;
};
inline: {
type: BooleanConstructor;
};
model: {
type: ObjectConstructor;
};
rules: {
type: ObjectConstructor;
};
showMessage: {
type: BooleanConstructor;
default: boolean;
};
showSuccessStatus: {
type: BooleanConstructor;
default: boolean;
};
hideRequiredAsterisk: {
type: BooleanConstructor;
default: boolean;
};
validateOnRuleChange: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
scrollToError: {
type: BooleanConstructor;
};
}>>, {
disabled: boolean;
inline: boolean;
labelPosition: string;
requireAsteriskPosition: string;
labelSuffix: string;
labelWidth: string | number;
showMessage: boolean;
showSuccessStatus: boolean;
hideRequiredAsterisk: boolean;
validateOnRuleChange: boolean;
scrollToError: boolean;
}>> & {
FormItem: import("vue").DefineComponent<{
label: {
type: StringConstructor;
};
for: {
type: StringConstructor;
};
labelWidth: {
type: (NumberConstructor | StringConstructor)[];
default: string;
};
prop: {
type: (StringConstructor | ArrayConstructor)[];
};
required: {
type: BooleanConstructor;
};
rules: {
type: (ObjectConstructor | ArrayConstructor)[];
};
showMessage: {
type: BooleanConstructor;
default: boolean;
};
showSuccessStatus: {
type: BooleanConstructor;
default: boolean;
};
validateSuccessMessage: {
type: StringConstructor;
default: string;
};
error: {
type: StringConstructor;
};
}, {
prefixCls: string;
formContext: import("./types/form").FormContext;
formItem: import("vue").Ref<HTMLDivElement>;
validateMessage: import("vue").Ref<string>;
validateState: import("vue").Ref<string>;
labelId: string;
wrapperClasses: import("vue").ComputedRef<(string | {
"is-error": boolean;
"is-success": boolean;
"is-required": boolean;
"is-no-asterisk": boolean;
})[]>;
validateClasses: import("vue").ComputedRef<{
[x: string]: boolean;
}>;
iconClasses: import("vue").ComputedRef<(string | {
[x: string]: string;
})[]>;
labelStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
contentStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
currentLabel: import("vue").ComputedRef<string>;
labelFor: import("vue").ComputedRef<string>;
showLabel: import("vue").ComputedRef<boolean>;
shouldShowError: import("vue").ComputedRef<boolean>;
shouldShowSuccess: import("vue").ComputedRef<boolean>;
hasLabel: import("vue").ComputedRef<boolean>;
addInputId: (id: string) => void;
removeInputId: (id: string) => void;
resetField: () => void;
clearValidate: () => void;
validate: (trigger: string, callback?: import("./types/form").FormValidateCallback) => import("./types/form").FormValidationResult;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
label: {
type: StringConstructor;
};
for: {
type: StringConstructor;
};
labelWidth: {
type: (NumberConstructor | StringConstructor)[];
default: string;
};
prop: {
type: (StringConstructor | ArrayConstructor)[];
};
required: {
type: BooleanConstructor;
};
rules: {
type: (ObjectConstructor | ArrayConstructor)[];
};
showMessage: {
type: BooleanConstructor;
default: boolean;
};
showSuccessStatus: {
type: BooleanConstructor;
default: boolean;
};
validateSuccessMessage: {
type: StringConstructor;
default: string;
};
error: {
type: StringConstructor;
};
}>>, {
required: boolean;
labelWidth: string | number;
showMessage: boolean;
showSuccessStatus: boolean;
validateSuccessMessage: string;
}>;
};
export declare const IvueFormItem: import("../../utils/install").SFCWithInstall<import("vue").DefineComponent<{
label: {
type: StringConstructor;
};
for: {
type: StringConstructor;
};
labelWidth: {
type: (NumberConstructor | StringConstructor)[];
default: string;
};
prop: {
type: (StringConstructor | ArrayConstructor)[];
};
required: {
type: BooleanConstructor;
};
rules: {
type: (ObjectConstructor | ArrayConstructor)[];
};
showMessage: {
type: BooleanConstructor;
default: boolean;
};
showSuccessStatus: {
type: BooleanConstructor;
default: boolean;
};
validateSuccessMessage: {
type: StringConstructor;
default: string;
};
error: {
type: StringConstructor;
};
}, {
prefixCls: string;
formContext: import("./types/form").FormContext;
formItem: import("vue").Ref<HTMLDivElement>;
validateMessage: import("vue").Ref<string>;
validateState: import("vue").Ref<string>;
labelId: string;
wrapperClasses: import("vue").ComputedRef<(string | {
"is-error": boolean;
"is-success": boolean;
"is-required": boolean;
"is-no-asterisk": boolean;
})[]>;
validateClasses: import("vue").ComputedRef<{
[x: string]: boolean;
}>;
iconClasses: import("vue").ComputedRef<(string | {
[x: string]: string;
})[]>;
labelStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
contentStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
currentLabel: import("vue").ComputedRef<string>;
labelFor: import("vue").ComputedRef<string>;
showLabel: import("vue").ComputedRef<boolean>;
shouldShowError: import("vue").ComputedRef<boolean>;
shouldShowSuccess: import("vue").ComputedRef<boolean>;
hasLabel: import("vue").ComputedRef<boolean>;
addInputId: (id: string) => void;
removeInputId: (id: string) => void;
resetField: () => void;
clearValidate: () => void;
validate: (trigger: string, callback?: import("./types/form").FormValidateCallback) => import("./types/form").FormValidationResult;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
label: {
type: StringConstructor;
};
for: {
type: StringConstructor;
};
labelWidth: {
type: (NumberConstructor | StringConstructor)[];
default: string;
};
prop: {
type: (StringConstructor | ArrayConstructor)[];
};
required: {
type: BooleanConstructor;
};
rules: {
type: (ObjectConstructor | ArrayConstructor)[];
};
showMessage: {
type: BooleanConstructor;
default: boolean;
};
showSuccessStatus: {
type: BooleanConstructor;
default: boolean;
};
validateSuccessMessage: {
type: StringConstructor;
default: string;
};
error: {
type: StringConstructor;
};
}>>, {
required: boolean;
labelWidth: string | number;
showMessage: boolean;
showSuccessStatus: boolean;
validateSuccessMessage: string;
}>>;
export default IvueForm;
export * from './form.vue';
export * from './form-item.vue';