# 方向/长度/分组/占位
字段（见行高亮）：
propName: {
label: "姓名",
component: "el-input",
col: 24, // 所占列数(宽度)；一行分为24列；也可写{ width, minWidth, maxWidth }v1.8.2
group: "date", // 分组；任意字符串
direction: "h", // 排版方向；direction值："h"、"v"
// 当设置为占位空间，component和label是失效的，可以不写
layout: "space" // 占位空间；layout值："space"、"tabs"；"tabs"见tabs布局
}
# 实例
# 占位空间
占位空间是指布局的过程中，某些项是不可见的，但需要占用一定的究竟，使项与项之前的布局更加美观。
注意
- 当设置layout为"space"，说明是占位空间项，优先级最高，其它
无效的配置可以不用设置； - 占位空间没有值，只是占位作用。
当设置layout为"space"，只有以下配置是有效的：
| 属性名 | 说明 | 类型 | 可选值 | 默认值 | 备注 |
|---|---|---|---|---|---|
| hidden | 是否隐藏此项 | boolean | -- | false | 支持动态解析 |
| col | 列数(宽度) | number { width, minWidth, maxWidth } | 1到24 | 24 | number：一行分24列；对象1.8.2：单位只支持px和% |
| group | 项与项进行分组 | string | -- | -- | -- |
col
当col设置为一个对象时:
- 其单位因为涉及到计算，目前只支持
px和%； - 当此层级出一个col为对象时，此层级项的rowSpace将无效，统一用父节点的rowSpace（也就是这一层用父节点的ui.rowSpace）；
- 主要用于
条件查询框，因为查询框界面一般有限，需要动态变化。
# 分组/group
分组是指两个或两个以上的项合成一个总长度，减去label、unit、help所占用的空间，剩下的空间平均分配给每项的组件。
注意
- 项与项之间要是相邻的且group值是相同的，中间不能有间隔；
- 组的长度是各项长度之总和，若超过24列则长度为24列；
- 对组件
component有效，对块properties是无效的。
# 分组实例
实例中的分组输入框组件是不相同的：一个是日历输入框，一个是文本输入框，若自动分配剩余空间，它们的长度将会是不一样的；为了使它们的对剩余的空间分配置的长度是一样，必须要为这两个组件设置相同的原始长度值。