FormLayout

区块级布局批量控制组件,借助该组件,我们可以轻松的控制被 FormLayout 圈住的所有 FormItem 组件的布局模式

Markup Schema 案例

JSON Schema 案例

Template 案例

API

属性名类型描述默认值
styleCSSProperties样式-
classNamestring类名-
colonboolean是否有冒号true
labelAlign'right' | 'left' | ('right' | 'left')[]标签内容对齐-
wrapperAlign'right' | 'left' | ('right' | 'left')[]组件容器内容对齐-
labelWrapboolean标签内容换行false
labelWidthnumber标签宽度(px)-
wrapperWidthnumber组件容器宽度(px)-
wrapperWrapboolean组件容器换行false
labelColnumber | number[]标签宽度(24 column)-
wrapperColnumber | number[]组件容器宽度(24 column)-
fullnessboolean组件容器宽度 100%false
size'small' | 'default' | 'large'组件尺寸default
layout'vertical' | 'horizontal' | 'inline' | ('vertical' | 'horizontal' | 'inline')[]布局模式horizontal
direction'rtl' | 'ltr'方向(暂不支持)ltr
insetboolean内联布局false
shallowboolean上下文浅层传递true
feedbackLayout'loose' | 'terse' | 'popover' | 'none'反馈布局true
tooltipLayout'icon' | 'text'问提示布局'icon'
borderedboolean是否有边框true
breakpointsnumber[]容器尺寸断点-
gridColumnGapnumber网格布局列间距8
gridRowGapnumber网格布局行间距4
spaceGapnumber弹性间距8