tinper-beebee-locale
react bee-locale component for tinper-bee
tinper-bee 多语组件，通过传入语言包，来设置组件库的多语。
依赖
- react >= 15.3.0
- react-dom >= 15.3.0
- prop-types >= 15.6.0
使用方法
import React, {Component} from 'react';
import PropTypes from 'prop-types';
import ReactDOM from 'react-dom';
import Locale from 'bee-locale';
import zhCn from 'bee-locale/src/zh_CN.js';
class App extends Component {
render() {
return (
<div>
xxx
</div>
)
}
}
ReactDOM.render( (
<Locale locale={zhCn}>
<App />
</Locale>
)
}
API
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| locale | 设置的语言对象 | object | 中文语言包 |
示例
export default {
lang: 'zh_CN',
Popconfirm: {
'ok': '确认',
'cancel': '取消'
},
Table: {
'resetSettings': '还原设置',
'include': '包含',
'exclusive': '不包含',
'equal': '等于',
'unequal':'不等于',
'begin':'以开始',
'end':'以结尾',
},
Clipboard: {
'copy': '复制',
'cut': '剪切',
'copyReady': '已复制',
'cutReady': '已剪切',
'copyToClipboard':'复制到剪切板',
'close':'关闭',
},
Pagination:{
'total': '共',
'items': '条',
'show': '显示',
'goto': '跳至',
'page': '页',
'ok': '确认'
},
Grid:{
'fixTitle': '锁定',
'noFixTitle': '解锁',
'hideTitle': '隐藏',
'rowFilter':'行过滤'
}
}开发调试
$ npm install -g bee-tools
$ git clone https://github.com/tinper-bee/bee-locale
$ cd bee-locale
$ npm install
$ npm run dev