FormLayout
区块级布局批量控制组件,借助该组件,我们可以轻松的控制被 FormLayout 圈住的所有 FormItem 组件的布局模式
Markup Schema 案例
JSON Schema 案例
Template 案例
API
属性名 | 类型 | 描述 | 默认值 |
---|---|---|---|
style | CSSProperties | 样式 | - |
className | string | 类名 | - |
colon | boolean | 是否有冒号 | true |
labelAlign | 'right' | 'left' | ('right' | 'left')[] | 标签内容对齐 | - |
wrapperAlign | 'right' | 'left' | ('right' | 'left')[] | 组件容器内容对齐 | - |
labelWrap | boolean | 标签内容换行 | false |
labelWidth | number | 标签宽度(px) | - |
wrapperWidth | number | 组件容器宽度(px) | - |
wrapperWrap | boolean | 组件容器换行 | false |
labelCol | number | number[] | 标签宽度(24 column) | - |
wrapperCol | number | number[] | 组件容器宽度(24 column) | - |
fullness | boolean | 组件容器宽度 100% | false |
size | 'small' | 'default' | 'large' | 组件尺寸 | default |
layout | 'vertical' | 'horizontal' | 'inline' | ('vertical' | 'horizontal' | 'inline')[] | 布局模式 | horizontal |
direction | 'rtl' | 'ltr' | 方向(暂不支持) | ltr |
inset | boolean | 内联布局 | false |
shallow | boolean | 上下文浅层传递 | true |
feedbackLayout | 'loose' | 'terse' | 'popover' | 'none' | 反馈布局 | true |
tooltipLayout | 'icon' | 'text' | 问提示布局 | 'icon' |
bordered | boolean | 是否有边框 | true |
breakpoints | number[] | 容器尺寸断点 | - |
gridColumnGap | number | 网格布局列间距 | 8 |
gridRowGap | number | 网格布局行间距 | 4 |
spaceGap | number | 弹性间距 | 8 |