2
                            保持api的一致性,简化页面开发工作量
目前的Space和Space.Compact都有size属性,但含义不同 经常有一堆Button组成的功能区(比如一个页面的fixed Footer)代码如下
function Page() {
  return <div>
    <Form />
    <Table />
    {/* fixed footer */}
    <Space>
      <Button>新增</Button>
      <Button>批量删除</Button>
      <Button>下载</Button>
    </Space>
  </div>
}此时如果希望页脚的按钮区全部为large就需要逐一设置
希望Space.size === Space.Compact.size,创建一个能被下层组件消费的SpaceContext
然后做一个break change,把当前的Space.size重命名(maybe gap?)
function Page() {
  return <div>
    <Form />
    <Table />
    {/* fixed footer */}
    <Space size="large" gap={32}>
      <Button>新增</Button>
      <Button>批量删除</Button>
      <Button>下载</Button>
    </Space>
  </div>
}