提交 5220733e 编写于 作者: H hanyuxinting

feat: 增加config-provider 组件。用于全局配置,本次集成多语言版本。

上级 8296c36c
......@@ -636,6 +636,16 @@
"sort": 7,
"show": true,
"author": "songsong"
},
{
"version": "1.0.0",
"name": "ConfigProvider",
"type": "component",
"cName": "全局配置组件",
"desc": "可以配置多语言等全局属性",
"sort": 16,
"show": true,
"author": "hanyuxinting"
}
]
},
......
import React, { FunctionComponent } from 'react'
import './configprovider.scss'
export interface ConfigProviderProps {}
const defaultProps = {} as ConfigProviderProps
export const ConfigProvider: FunctionComponent<
Partial<ConfigProviderProps> & React.HTMLAttributes<HTMLDivElement>
> = (props) => {
const { children } = { ...defaultProps, ...props }
return <div className="nut-configprovider">ConfigProvider</div>
}
ConfigProvider.defaultProps = defaultProps
ConfigProvider.displayName = 'NutConfigProvider'
import React from 'react'
import { ConfigProvider } from './configprovider'
const ConfigProviderDemo = () => {
return (
<>
<div className="demo">
<h2>基础用法</h2>
<ConfigProvider></ConfigProvider>
</div>
</>
)
}
export default ConfigProviderDemo
# ConfigProvider组件
### 介绍
基于 xxxxxxx
### 安装
## 代码演示
### 基础用法1
## API
### Props
| 参数 | 说明 | 类型 | 默认值 |
|--------------|----------------------------------|--------|------------------|
| name | 图标名称或图片链接 | String | - |
| color | 图标颜色 | String | - |
| size | 图标大小,如 '20px' '2em' '2rem' | String | - |
| class-prefix | 类名前缀,用于使用自定义图标 | String | 'nutui-iconfont' |
| tag | HTML 标签 | String | 'i' |
### Events
| 事件名 | 说明 | 回调参数 |
|--------|----------------|--------------|
| click | 点击图标时触发 | event: Event |
import { ConfigProvider } from './configprovider'
export default ConfigProvider
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册