@antdv/pro-utils
Version:
@antdv/pro-utils
87 lines (86 loc) • 1.95 kB
JavaScript
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
};