feat(ConfigProvider): support global configuration

[guoyunhe]

支持全局配置。

import { ConfigProvider, Line } from '@ant-design/plots';

<ConfigProvider common={{ theme: 'dark' }} line={{ legend: { color: { position: 'bottom' } } }}>
  <Line {...config}/>
</ConfigProvider>

[lxfu1]

太强了

1. 快速上手模块补充一下文档
2. 添加个示例

[hustcc]

太强了

1. 快速上手模块补充一下文档

2. 添加个示例

review 下设计是否合理？

[lxfu1]

加上 Memo 避免不必要的二次渲染？

  const value = useMemo(() => props, [props]);
  
  return (
    <ConfigContext.Provider value={value}>
      {children}
    </ConfigContext.Provider>
  );

[lxfu1]

也可以合并配置之后在 makeChartComp 中实现。

[lxfu1]

和 components/index.ts 有些重复，可以看下如何优化。

[lxfu1]

太强了

1. 快速上手模块补充一下文档
2. 添加个示例

review 下设计是否合理？

设计上没什么问题，目前的一个问题是配置变更时所有组件会重新渲染，加上 Memo 就好了。

[guoyunhe]

设计上没什么问题，目前的一个问题是配置变更时所有组件会重新渲染，加上 Memo 就好了。

@lxfu1 用 useMemo(() => props, [props]) 应该不会生效，props 本身的引用每次渲染都不同，且 props 传入的对象也是每次渲染重新创建。如果要实现真正的 memo 的话就必须用 https://www.npmjs.com/package/react-fast-compare 之类的工具+魔改 useMemo（antd 有一个魔改版在 @rc-component/util 里提供），我个人觉得是有点过于复杂了，因为全局配置通常位于 React 应用的顶层，是极少变化的。

[lxfu1]

设计上没什么问题，目前的一个问题是配置变更时所有组件会重新渲染，加上 Memo 就好了。

@lxfu1 用 useMemo(() => props, [props]) 应该不会生效，props 本身的引用每次渲染都不同，且 props 传入的对象也是每次渲染重新创建。如果要实现真正的 memo 的话就必须用 https://www.npmjs.com/package/react-fast-compare 之类的工具，我个人觉得是有点过于复杂了，因为全局配置通常位于 React 应用的顶层，是极少变化的。

嗯嗯，那就先忽略，确实变化频率不高。

[lxfu1]

@ant-design/[email protected]