ivue-material-plus
Version:
A high quality UI components Library with Vue.js
212 lines (211 loc) • 5.05 kB
TypeScript
import type { CSSProperties } from 'vue';
declare const _sfc_main: import("vue").DefineComponent<{
/**
* 标签文本
*
* @type {String}
*/
label: {
type: StringConstructor;
};
/**
* 属性规定 label 与哪个表单元素绑定
*
* @type {String}
*/
for: {
type: StringConstructor;
};
/**
* 标签宽度
*
* @type {String | Number}
*/
labelWidth: {
type: (NumberConstructor | StringConstructor)[];
default: string;
};
/**
* model 的键名
*
* @type {String | String[]}
*/
prop: {
type: (StringConstructor | ArrayConstructor)[];
};
/**
* 是否为必填项，如不设置，则会根据校验规则确认
*
* @type {Boolean}
*/
required: {
type: BooleanConstructor;
};
/**
* 表单验证规则
*
* @type {Object | Array}
*/
rules: {
type: (ObjectConstructor | ArrayConstructor)[];
};
/**
* 是否显示校验错误信息
*
* @type {Boolean}
*/
showMessage: {
type: BooleanConstructor;
default: boolean;
};
/**
* 验证成功提示状态
*
* @type {Boolean}
*/
showSuccessStatus: {
type: BooleanConstructor;
default: boolean;
};
/**
* 验证成功提示信息
*
* @type {String}
*/
validateSuccessMessage: {
type: StringConstructor;
default: string;
};
/**
* 表单域验证错误时的提示信息
*
* @type {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<CSSProperties>;
contentStyle: import("vue").ComputedRef<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<{
/**
* 标签文本
*
* @type {String}
*/
label: {
type: StringConstructor;
};
/**
* 属性规定 label 与哪个表单元素绑定
*
* @type {String}
*/
for: {
type: StringConstructor;
};
/**
* 标签宽度
*
* @type {String | Number}
*/
labelWidth: {
type: (NumberConstructor | StringConstructor)[];
default: string;
};
/**
* model 的键名
*
* @type {String | String[]}
*/
prop: {
type: (StringConstructor | ArrayConstructor)[];
};
/**
* 是否为必填项，如不设置，则会根据校验规则确认
*
* @type {Boolean}
*/
required: {
type: BooleanConstructor;
};
/**
* 表单验证规则
*
* @type {Object | Array}
*/
rules: {
type: (ObjectConstructor | ArrayConstructor)[];
};
/**
* 是否显示校验错误信息
*
* @type {Boolean}
*/
showMessage: {
type: BooleanConstructor;
default: boolean;
};
/**
* 验证成功提示状态
*
* @type {Boolean}
*/
showSuccessStatus: {
type: BooleanConstructor;
default: boolean;
};
/**
* 验证成功提示信息
*
* @type {String}
*/
validateSuccessMessage: {
type: StringConstructor;
default: string;
};
/**
* 表单域验证错误时的提示信息
*
* @type {String}
*/
error: {
type: StringConstructor;
};
}>>, {
required: boolean;
labelWidth: string | number;
showMessage: boolean;
showSuccessStatus: boolean;
validateSuccessMessage: string;
}>;
export default _sfc_main;