多语 Locale

何时使用

Locale组件，在使用时，需要将你的App跟组件包裹起来。这样才能影响到所有使用的tinper-bee组件。

如何使用

  1. import { Locale } from 'tinper-bee';
  2. import ZhCn from "tinper-bee/lib/zh_CN";
  3. import ZhTw from "tinper-bee/lib/zh_TW";
  4. import EnUS from "tinper-bee/lib/en_US";
  6. or
  8. import Locale from 'bee-locale';
  9. import ZhCn from "bee-locale/build/zh_CN";
  10. import ZhTw from "bee-locale/build/zh_TW";
  11. import EnUS from "bee-locale/build/en_US";

代码演示

API

参数 说明 类型 默认值
locale 设置的语言对象 object 中文语言包

示例 zh_CN.js

  1. export default {
  2.     lang: 'zh_CN',
  3.     Popconfirm: {
  4.         'ok': '确认',
  5.         'cancel': '取消'
  6.     },
  7.     Table: {
  8.         'resetSettings': '还原设置',
  9.         'include': '包含',
  10.         'exclusive': '不包含',
  11.         'equal': '等于',
  12.         'unequal':'不等于',
  13.         'begin':'以开始',
  14.         'end':'以结尾',
  15.     },
  16.     Clipboard: {
  17.         'copy': '复制',
  18.         'cut': '剪切',
  19.         'copyReady': '已复制',
  20.         'cutReady': '已剪切',
  21.         'copyToClipboard':'复制到剪切板',
  22.         'close':'关闭',
  23.     },
  24.     Pagination:{
  25.         'total': '共',
  26.         'items': '条',
  27.         'show': '显示',
  28.         'goto': '跳至',
  29.         'page': '页',
  30.         'ok': '确认'
  31.     },
  32.     Grid:{
  33.         'lang': 'zh-cn',
  34.         'fixTitle': '锁定',
  35.         'noFixTitle': '解锁',
  36.         'hideTitle': '隐藏',
  37.         'rowFilter':'行过滤',
  38.         'openRowFilter':'打开行过滤',
  39.         'closeRowFilter':'关闭行过滤', 
  40.     },
  41.     SearchPanel:{
  42.         'title': '默认筛选',
  43.         'resetName': '清空',
  44.         'searchName': '查询',
  45.         'down':'展开',
  46.         'up':'收起',
  47.     }
  48. }

第三方国际化方案

注意事项

bee-datepicker犹豫没有打包到 tinper-bee 包里，多语需要单独设置。参考Datepicker示例

更新日志