@vrx-arco/pro-components
Version:
<p align="center"> <img src="https://vrx-arco.github.io/arco-design-pro/favicon.svg" width="200" height="250"> </p>
145 lines (144 loc) • 3.42 kB
text/typescript
import { FieldRule } from '@arco-design/web-vue';
import { PropType } from 'vue';
export declare const formGridItemProps: () => {
/**
* 对 `search-bar` column 属性进行覆盖
*/
gridProps: {
type: ObjectConstructor;
required: boolean;
};
/**
* 表单元素在数据对象中的path(数据项必填)
*/
field: {
type: StringConstructor;
default: string;
};
/**
* 标签的文本
*/
label: StringConstructor;
/**
* 是否显示冒号
*/
showColon: {
type: BooleanConstructor;
default: boolean;
};
/**
* 是否去除样式
*/
noStyle: {
type: BooleanConstructor;
default: boolean;
};
/**
* 是否禁用
*/
disabled: BooleanConstructor;
/**
* 帮助文案
*/
help: StringConstructor;
/**
* 额外显示的文案
*/
extra: StringConstructor;
/**
* 是否必须填写
*/
required: {
type: BooleanConstructor;
default: boolean;
};
/**
* 表单项校验规则(优先级高于 form 的 rules)
*/
rules: PropType<FieldRule | FieldRule[]>;
/**
* 校验状态
*/
validateStatus: PropType<"success" | "warning" | "error" | "validating">;
/**
* 校验状态
*/
validateTrigger: {
type: PropType<("change" | "input" | "focus" | "blur") | ("change" | "input" | "focus" | "blur")[]>;
};
/**
* 标签元素布局选项。参数同 col 组件一致
*/
labelColProps: ObjectConstructor;
/**
* 标签元素布局选项。参数同 col 组件一致
*/
wrapperColProps: ObjectConstructor;
/**
* 是否隐藏标签
*/
hideLabel: {
type: BooleanConstructor;
default: boolean;
};
/**
* 是否隐藏星号
*/
hideAsterisk: {
type: BooleanConstructor;
default: boolean;
};
/**
* 标签元素布局组件的 style
*/
labelColStyle: ObjectConstructor;
/**
* 表单控件布局组件的 style
*/
wrapperColStyle: ObjectConstructor;
/**
* 表单项布局选项。参数同 row 组件一致
*/
rowProps: ObjectConstructor;
/**
* 表单项布局组件的 class
*/
rowClass: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
/**
* 表单控件包裹层的 class
*/
contentClass: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
/**
* 内容层是否开启 flex 布局
*/
contentFlex: {
type: BooleanConstructor;
default: boolean;
};
mergeProps: {
type: PropType<boolean | ((props: Record<string, any>) => Record<string, any>)>;
default: boolean;
};
/**
* 设置标签 Col 组件的 flex 属性。设置时表单 Col 组件的 flex 属性会被设置为 auto。
*/
labelColFlex: (StringConstructor | NumberConstructor)[];
/**
* 是否显示表单控件的反馈图标
*/
feedback: {
type: BooleanConstructor;
default: boolean;
};
/**
* 表单项标签渲染的元素
*/
labelComponent: {
type: StringConstructor;
default: string;
};
/**
* 是否显示表单控件的反馈图标
*/
labelAttrs: ObjectConstructor;
};