UNPKG

@antdv/pro-utils

Version:

@antdv/pro-utils

87 lines (86 loc) 1.95 kB
import { funcType, objectType, oneOf, oneOfType, stringType, vNodeType } from "../vueHelper/index.mjs"; const proFormBaseGroupProps = { /** * @name 分组的标题 */ title: vNodeType(), /** * @name 标题旁边的?号提示展示的信息 * * @example 自定义提示信息 * <ProForm.Group title="标题" tooltip="自定义提示信息"> * @example 自定义Icon * <ProForm.Group title="标题" tooltip={{icon:<Info/>,title:自定义提示信息}}> */ tooltip: oneOfType([Object, String]), /** * @name 额外的内容配置,在标题的另外一边 * * @example 额外的内容配置 * <ProForm.Group title="标题" extra={<ProFormSwitch name="open"/>} /> */ extra: vNodeType(), /** * @name 组件之前的间隔 */ size: oneOfType([Number, String]), /** * @name 自定义样式 */ style: objectType(), /** * @name 自定义 title 样式 * @example 增加背景颜色 * <ProForm.Group titleStyle={{ backgroundColor: '#f0f0f0' }} /> */ titleStyle: objectType(), /** * @name 自定义title * @example 自定义标题 * <ProForm.Group title={(_,props)=><span>自定义标题</span>}> */ titleRender: funcType(), /** 子项的对齐方式 */ align: stringType(), spaceProps: objectType(), /** * @name 子项的排列方式 */ direction: stringType(), /** * @name 布局方式,键值对模式和两行模式 * @default inline */ labelLayout: oneOf(["inline", "twoLine"]), /** * @name 是否折叠 */ collapsed: Boolean, /** * @name 是否可折叠 */ collapsible: Boolean, /** * @name 默认的折叠状态 * */ defaultCollapsed: Boolean, /** * @name 折叠修改的事件 * */ onCollapse: funcType(), /** * @name 自定选中一个input,只能有一个生效 */ autoFocus: Boolean, children: vNodeType() }; export { proFormBaseGroupProps };