Feature/english (#381)
* perf[navbar]: set langSelect to component && refine errorLog component
* feat[login]:add 18n to login form
* fix[pagination]: fixed when selected page-sizes
* perf[i18n]:dashboard document svg permission
* perf[charts]: perf effect
* perf[i18n]:excel && zip
* perf[i18n]: table && errorLog && theme
* perf[i18n]: components
* perf[i18n]: direct use $t
* perf[i18n]: complex-table
* update README.md
* update README.md 📘
* perf[i18n]: refine code comments
			
			
This commit is contained in:
		@@ -20,7 +20,7 @@ export default {
 | 
			
		||||
    backToTop: 'BackToTop',
 | 
			
		||||
    charts: 'Charts',
 | 
			
		||||
    keyboardChart: 'Keyboard Chart',
 | 
			
		||||
    lineChart: 'Line chart',
 | 
			
		||||
    lineChart: 'Line Chart',
 | 
			
		||||
    mixChart: 'Mix Chart',
 | 
			
		||||
    example: 'Example',
 | 
			
		||||
    Table: 'Table',
 | 
			
		||||
@@ -45,6 +45,13 @@ export default {
 | 
			
		||||
    clipboardDemo: 'Clipboard',
 | 
			
		||||
    i18n: 'I18n'
 | 
			
		||||
  },
 | 
			
		||||
  navbar: {
 | 
			
		||||
    logOut: 'Log Out',
 | 
			
		||||
    dashboard: 'Dashboard',
 | 
			
		||||
    github: 'Github',
 | 
			
		||||
    screenfull: 'screenfull',
 | 
			
		||||
    theme: 'theme'
 | 
			
		||||
  },
 | 
			
		||||
  login: {
 | 
			
		||||
    title: 'Login Form',
 | 
			
		||||
    logIn: 'Log in',
 | 
			
		||||
@@ -52,6 +59,68 @@ export default {
 | 
			
		||||
    password: 'Password',
 | 
			
		||||
    any: 'any',
 | 
			
		||||
    thirdparty: 'Or connect with',
 | 
			
		||||
    thirdpartyTips: 'Local can not be simulated, please combine their own business simulation! ! !'
 | 
			
		||||
    thirdpartyTips: 'Can not be simulated on local, so please combine you own business simulation! ! !'
 | 
			
		||||
  },
 | 
			
		||||
  documentation: {
 | 
			
		||||
    documentation: 'Documentation',
 | 
			
		||||
    github: 'Github Repository'
 | 
			
		||||
  },
 | 
			
		||||
  permission: {
 | 
			
		||||
    roles: 'Your roles',
 | 
			
		||||
    switchRoles: 'Switch roles'
 | 
			
		||||
  },
 | 
			
		||||
  components: {
 | 
			
		||||
    documentation: 'Documentation',
 | 
			
		||||
    tinymceTips: 'Rich text editor is a core part of management system, but at the same time is a place with lots of problems. In the process of selecting rich texts, I also walked a lot of detours. The common rich text editors in the market are basically used, and the finally chose Tinymce. See documentation for more detailed rich text editor comparisons and introductions.',
 | 
			
		||||
    dropzoneTips: 'Because my business has special needs, and has to upload images to qiniu, so instead of a third party, I chose encapsulate it by myself. It is very simple, you can see the detail code in @/components/Dropzone.',
 | 
			
		||||
    stickyTips: 'when the page is scrolled to the preset position will be sticky on the top.',
 | 
			
		||||
    backToTopTips1: 'When the page is scrolled to the specified position, the Back to Top button appears in the lower right corner',
 | 
			
		||||
    backToTopTips2: 'You can customize the style of the button, show / hide, height of appearance, height of the return. If you need a text prompt, you can use element-ui el-tooltip elements externally',
 | 
			
		||||
    imageUploadTips: 'Since I was using only the vue@1 version, and it is not compatible with mockjs at the moment, I modified it myself, and if you are going to use it, it is better to use official version.'
 | 
			
		||||
  },
 | 
			
		||||
  table: {
 | 
			
		||||
    dynamicTips1: 'Fixed header, sorted by header order',
 | 
			
		||||
    dynamicTips2: 'Not fixed header, sorted by click order',
 | 
			
		||||
    dragTips1: 'The default order',
 | 
			
		||||
    dragTips2: 'The after dragging order',
 | 
			
		||||
    title: 'Title',
 | 
			
		||||
    importance: 'Imp',
 | 
			
		||||
    type: 'Type',
 | 
			
		||||
    remark: 'Remark',
 | 
			
		||||
    search: 'Search',
 | 
			
		||||
    add: 'Add',
 | 
			
		||||
    export: 'Export',
 | 
			
		||||
    reviewer: 'reviewer',
 | 
			
		||||
    id: 'ID',
 | 
			
		||||
    date: 'Date',
 | 
			
		||||
    author: 'Author',
 | 
			
		||||
    readings: 'Readings',
 | 
			
		||||
    status: 'Status',
 | 
			
		||||
    actions: 'Actions',
 | 
			
		||||
    edit: 'Edit',
 | 
			
		||||
    publish: 'Publish',
 | 
			
		||||
    draft: 'Draft',
 | 
			
		||||
    delete: 'Delete',
 | 
			
		||||
    cancel: 'Cancel',
 | 
			
		||||
    confirm: 'Confirm'
 | 
			
		||||
  },
 | 
			
		||||
  errorLog: {
 | 
			
		||||
    tips: 'Please click the bug icon in the upper right corner',
 | 
			
		||||
    description: 'Now the management system are basically the form of the spa, it enhances the user experience, but it also increases the possibility of page problems, a small negligence may lead to the entire page deadlock. Fortunately Vue provides a way to catch handling exceptions, where you can handle errors or report exceptions.',
 | 
			
		||||
    documentation: 'Document introduction'
 | 
			
		||||
  },
 | 
			
		||||
  excel: {
 | 
			
		||||
    export: 'Export',
 | 
			
		||||
    selectedExport: 'Export selected items',
 | 
			
		||||
    placeholder: 'Please enter the file name(default excel-list)'
 | 
			
		||||
  },
 | 
			
		||||
  zip: {
 | 
			
		||||
    export: 'Export',
 | 
			
		||||
    placeholder: 'Please enter the file name(default file)'
 | 
			
		||||
  },
 | 
			
		||||
  theme: {
 | 
			
		||||
    change: 'Theme change',
 | 
			
		||||
    documentation: 'Theme documentation',
 | 
			
		||||
    tips: 'Tips: It is different from the theme-pick on the navbar is two different skinning methods, each with different application scenarios. Refer to the documentation for details.'
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 
 | 
			
		||||
@@ -45,6 +45,13 @@ export default {
 | 
			
		||||
    clipboardDemo: 'clipboard',
 | 
			
		||||
    i18n: '国际化'
 | 
			
		||||
  },
 | 
			
		||||
  navbar: {
 | 
			
		||||
    logOut: '退出登录',
 | 
			
		||||
    dashboard: '首页',
 | 
			
		||||
    github: '项目地址',
 | 
			
		||||
    screenfull: '全屏',
 | 
			
		||||
    theme: '换肤'
 | 
			
		||||
  },
 | 
			
		||||
  login: {
 | 
			
		||||
    title: '系统登录',
 | 
			
		||||
    logIn: '登录',
 | 
			
		||||
@@ -53,5 +60,67 @@ export default {
 | 
			
		||||
    any: '随便填',
 | 
			
		||||
    thirdparty: '第三方登录',
 | 
			
		||||
    thirdpartyTips: '本地不能模拟,请结合自己业务进行模拟!!!'
 | 
			
		||||
  },
 | 
			
		||||
  documentation: {
 | 
			
		||||
    documentation: '文档',
 | 
			
		||||
    github: 'Github 地址'
 | 
			
		||||
  },
 | 
			
		||||
  permission: {
 | 
			
		||||
    roles: '你的权限',
 | 
			
		||||
    switchRoles: '切换权限'
 | 
			
		||||
  },
 | 
			
		||||
  components: {
 | 
			
		||||
    documentation: '文档',
 | 
			
		||||
    tinymceTips: '富文本是管理后台一个核心的功能,但同时又是一个有很多坑的地方。在选择富文本的过程中我也走了不少的弯路,市面上常见的富文本都基本用过了,最终权衡了一下选择了Tinymce。更详细的富文本比较和介绍见',
 | 
			
		||||
    dropzoneTips: '由于我司业务有特殊需求,而且要传七牛 所以没用第三方,选择了自己封装。代码非常的简单,具体代码你可以在这里看到 @/components/Dropzone',
 | 
			
		||||
    stickyTips: '当页面滚动到预设的位置会吸附在顶部',
 | 
			
		||||
    backToTopTips1: '页面滚动到指定位置会在右下角出现返回顶部按钮',
 | 
			
		||||
    backToTopTips2: '可自定义按钮的样式、show/hide、出现的高度、返回的位置 如需文字提示,可在外部使用Element的el-tooltip元素',
 | 
			
		||||
    imageUploadTips: '由于我在使用时它只有vue@1版本,而且和mockjs不兼容,所以自己改造了一下,如果大家要使用的话,优先还是使用官方版本。'
 | 
			
		||||
  },
 | 
			
		||||
  table: {
 | 
			
		||||
    dynamicTips1: '固定表头, 按照表头顺序排序',
 | 
			
		||||
    dynamicTips2: '不固定表头, 按照点击顺序排序',
 | 
			
		||||
    dragTips1: '默认顺序',
 | 
			
		||||
    dragTips2: '拖拽后顺序',
 | 
			
		||||
    title: '标题',
 | 
			
		||||
    importance: '重要性',
 | 
			
		||||
    type: '类型',
 | 
			
		||||
    remark: '点评',
 | 
			
		||||
    search: '搜索',
 | 
			
		||||
    add: '添加',
 | 
			
		||||
    export: '导出',
 | 
			
		||||
    reviewer: '审核人',
 | 
			
		||||
    id: '序号',
 | 
			
		||||
    date: '时间',
 | 
			
		||||
    author: '作者',
 | 
			
		||||
    readings: '阅读数',
 | 
			
		||||
    status: '状态',
 | 
			
		||||
    actions: '操作',
 | 
			
		||||
    edit: '编辑',
 | 
			
		||||
    publish: '发布',
 | 
			
		||||
    draft: '草稿',
 | 
			
		||||
    delete: '删除',
 | 
			
		||||
    cancel: '取 消',
 | 
			
		||||
    confirm: '确 定'
 | 
			
		||||
  },
 | 
			
		||||
  errorLog: {
 | 
			
		||||
    tips: '请点击右上角bug小图标',
 | 
			
		||||
    description: '现在的管理后台基本都是spa的形式了,它增强了用户体验,但同时也会增加页面出问题的可能性,可能一个小小的疏忽就导致整个页面的死锁。好在 Vue 官网提供了一个方法来捕获处理异常,你可以在其中进行错误处理或者异常上报。',
 | 
			
		||||
    documentation: '文档介绍'
 | 
			
		||||
  },
 | 
			
		||||
  excel: {
 | 
			
		||||
    export: '导出',
 | 
			
		||||
    selectedExport: '导出已选择项',
 | 
			
		||||
    placeholder: '请输入文件名(默认excel-list)'
 | 
			
		||||
  },
 | 
			
		||||
  zip: {
 | 
			
		||||
    export: '导出',
 | 
			
		||||
    placeholder: '请输入文件名(默认file)'
 | 
			
		||||
  },
 | 
			
		||||
  theme: {
 | 
			
		||||
    change: '换肤',
 | 
			
		||||
    documentation: '换肤文档',
 | 
			
		||||
    tips: 'Tips: 它区别于 navbar 上的 theme-pick, 是两种不同的换肤方法,各自有不同的应用场景,具体请参考文档。'
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user