pro-components 👑 [需求] 每个模板组件是否考虑提供 provider，方便中后台应用时进行统一配置

👑 [需求] 每个模板组件是否考虑提供 provider，方便中后台应用时进行统一配置

Open asyncguo opened this issue 3 years ago • 2 comments

trafficstars

🥰 需求描述

为每个模板组件提供单独的provider

⛰ 功能需求适用场景

在中后台应用的同一个系统中，组件整体的风格会更偏向统一，而在使用proTable，proForm这些多配置参数的组件时，每次使用都要配置一系列重复的参数，这个时候就可以通过provider在系统的入口文件统一配置这些重复的参数，减少大量重复的样板配置
在 pro-components 发布 break changes （类似reload的处理）时，使用方可以更加方便的统一处理这些break，否则每个使用组件的地方都要单独处理

🧐 解决方案

每个模板组件向外提供单独的provider，如：导出ProTableProvider，方便配置同一种风格的ProTable组件

import { ProTableProvider } from '@ant-design/pro-table'
import { ProFormProvider } from '@ant-design/pro-form'

类似@ant-design/pro-provider这种全局 provider，如：通过valueTypeMap扩展所有的valueType

import ProProvider from '@ant-design/pro-provider';

const ProComponentsProvider: React.FC = ({
  children
}) => {
  const values = useContext(ProProvider);

  return (
    <ProProvider.Provider
      value={{
        ...values,
        valueTypeMap: {
          link: {
            render: (text) => <a>link{text}link</a>
          }
        }
      }}>
    {children}
    </ProProvider.Provider>
  )
}