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 |