@monsterooo/config-provider
v1.5.0
Published
全局配置
Downloads
1
Readme
title: ConfigProvider 全局配置 nav: title: 组件 path: /components order: 1 group: title: 其他 order: 999
ConfigProvider 全局配置
为组件提供统一的全局化配置。
使用
ConfigProvider 使用 React 的 context 特性,只需在应用外围包裹一次即可全局生效。该组件继承了 antd 中 ConfigProvider 的属性,新增 components,可以为被 withConfigConsumer 包裹的组件设置全局属性。
import ConfigProvider, {
withConfigConsumer,
} from '@monsterooo/config-provider';
import { Input } from 'antd';
const contextValue = {
components: {
// key为被withConfigConsumer包裹组件的displayName或name
Table: {
pagination: {
pageSizeOptions: [20, 30, 50],
},
},
},
};
withConfigConsumer(Input);
export default () => (
<ConfigProvider {...contextValue}>
<App />
</ConfigProvider>
);
API
| 参数 | 说明 | 类型 | 默认值 |
| ---------- | ------------------------------------------ | -------- | ------ |
| components | 组件公共属性配置 | Object
| {} |
| widgets | table 等渲染类型为组件的 type 配置公共属性 | Object
| {} |
其他属性见 antd ConfigProvider