方向/长度/分组/占位

字段（见行高亮）：

propName: {
  label: "姓名",
  component: "el-input",
  col: 24,        // 所占列数(宽度)；一行分为24列
  group: "date",  // 分组；任意字符串
  direction: "h", // 排版方向；direction值："h"、"v"

  // 当设置为占位空间，component和label是失效的，可以不写
  layout: "space" // 占位空间；layout值："space"、"tabs"；"tabs"见tabs布局
}

实例

占位空间

占位空间是指布局的过程中，某些项是不可见的，但需要占用一定的究竟，使项与项之前的布局更加美观。

注意

1. 当设置layout为"space"，说明是占位空间项，优先级最高，其它无效的配置可以不用设置；
2. 占位空间没有值，只是占位作用。

当设置layout为"space"，只有以下配置是有效的：

属性名	说明	类型	可选值	默认值	备注
hidden	是否隐藏此项	boolean	--	false	支持动态解析
col	列数(宽度)	number	1到24	24	一行分24列
group	项与项进行分组	string	--	--	--

分组/group

分组是指两个或两个以上的项合成一个总长度，减去label、unit、help所占用的空间，剩下的空间平均分配给每项的组件。

注意

1. 项与项之间要是相邻的且group值是相同的，中间不能有间隔；
2. 组的长度是各项长度之总和，若超过24列则长度为24列；
3. 对组件component有效，对块properties是无效的。

分组实例

实例中的分组输入框组件是不相同的：一个是日历输入框，一个是文本输入框，若自动分配剩余空间，它们的长度将会是不一样的；为了使它们的对剩余的空间分配置的长度是一样，必须要为这两个组件设置相同的原始长度值。