布局

1. 九宫格布局

可以通过float、定位布局去实现，用户可以根据自己需要去布局，每个格子的默认宽高均为1，，每个格子仅可以放置一个字段。

const GridInfo = {
  layout: [3, 3],//行列
  cells: [//单元格信息
    { w: 1, h: 3 },
    { w: 1, h: 1 },
    { w: 1, h: 1 },
    { w: 0, h: 1 },
    { w: 1, h: 1 },
    { w: 1, h: 1 },
    { w: 0, h: 1 },
    { w: 1, h: 1 },
    { w: 1, h: 1 }
  ]
}

难点：
1.单元格融合的计算问题。1）在属性栏设置。2）其他操作实现
3.定位去实现，要通过z-index去实现融合

2. 平台布局

就是我们设计器里的布局，用户可以使用容器在单元格里布局

问题：
1.布局元数据可能会很大
2.表格这种形式单元格需要根据元数据取生成布局