bee-locale

locale ui component for react

Usage no npm install needed!

<script type="module">
  import beeLocale from 'https://cdn.skypack.dev/bee-locale';
</script>

README

bee-locale

npm version Build Status Coverage Status devDependency Status NPM downloads Average time to resolve an issue Percentage of issues still open

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