FormGrid
FormGrid 组件
Markup Schema 案例
JSON Schema 案例
原生案例
API
FormGrid
| 属性名 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| minWidth | number / number[] | 元素最小宽度 | 100 |
| maxWidth | number / number[] | 元素最大宽度 | - |
| minColumns | number / number[] | 最小列数 | 0 |
| maxColumns | number / number[] | 最大列数 | - |
| breakpoints | number[] | 容器尺寸断点 | [720,1280,1920] |
| columnGap | number | 列间距 | 8 |
| rowGap | number | 行间距 | 4 |
| colWrap | boolean | 自动换行 | true |
注意：
- minWidth 生效优先级高于 minColumn
- maxWidth 优先级高于 maxColumn
- minWidth/maxWidth/minColumns/maxColumns 的数组格式代表与断点数组映射
FormGrid.GridColumn
| 属性名 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| gridSpan | number | 元素所跨列数，如果为-1，那么会自动反向跨列填补单元格 | 1 |
FormGrid.useGridSpan
描述
根据容器宽度计算出正确的 span，防止元素溢出
签名
interface uesGridSpan {
(gridSpan: number): number
}