From 72c5952034a16a457953eb9ada0818f38033cbc8 Mon Sep 17 00:00:00 2001 From: Aaron <427787340@qq.com> Date: Thu, 1 Aug 2019 16:04:47 +0800 Subject: [PATCH] 支持vue-i18n国际化设置 --- examples/main.js | 2 +- packages/confirm/index.vue | 7 +++---- packages/detail/index.vue | 2 +- packages/form/index.vue | 6 +++--- packages/index.js | 8 ++++++++ packages/scheme/index.vue | 40 ++++++++++++++++++++-------------------- packages/search/index.vue | 6 +++--- packages/select/index.vue | 3 +-- 8 files changed, 40 insertions(+), 34 deletions(-) diff --git a/examples/main.js b/examples/main.js index 4f79e3b..317f9bd 100644 --- a/examples/main.js +++ b/examples/main.js @@ -20,7 +20,7 @@ const request = axios.create({ timeout: 1000 * 60, withCredentials: true, headers: { - token: 'be81d1ba777f7081ef6897eec3b4bdf2', + token: 'd2ec639eb3a4e6e2fc3ab2adc6e652fc', 'Accept-Language': 'zh-CN' } }); diff --git a/packages/confirm/index.vue b/packages/confirm/index.vue index 6aa2582..a66ad4a 100644 --- a/packages/confirm/index.vue +++ b/packages/confirm/index.vue @@ -19,11 +19,11 @@

- {{ title }} + {{ title || i18n('eagle.confirm.title') || '是否执行当前操作？' }}

- 否 - 是 + {{ i18n('eagle.confirm.no') || '否' }} + {{ i18n('eagle.confirm.yes') || '是' }}

@@ -37,7 +37,6 @@ export default { props: { title: { type: String, - default: "是否执行当前操作？" }, placement: { type: String, diff --git a/packages/detail/index.vue b/packages/detail/index.vue index cb65334..46c8e5d 100644 --- a/packages/detail/index.vue +++ b/packages/detail/index.vue @@ -117,7 +117,7 @@ export default { } else { if (!groupSet['group-default']) { groupSet['group-default'] = { - label: '基本信息', + label: this.i18n('eagle.detail.basic') || '基本信息', list: [] }; } diff --git a/packages/form/index.vue b/packages/form/index.vue index c5176c7..e86b2b1 100644 --- a/packages/form/index.vue +++ b/packages/form/index.vue @@ -45,8 +45,8 @@ - 确定 - 取消 + {{ i18n('eagle.form.confirm') || '确定' }} + {{ i18n('eagle.form.cancel') || '取消' }} @@ -141,7 +141,7 @@ export default { } else { if (!groupSet['group-default']) { groupSet['group-default'] = { - label: '基本信息', + label: this.i18n('eagle.form.basic') || '基本信息', list: [] }; } diff --git a/packages/index.js b/packages/index.js index 4639c7f..7454a29 100644 --- a/packages/index.js +++ b/packages/index.js @@ -46,6 +46,14 @@ const install = function (Vue, opts = {}) { // 配置组件名称 const name = prefix + component.name component.name = name + const defaultI18n = () => undefined; + // if (opts.i18n) { + if (component.methods) { + component.methods.i18n = opts.i18n || defaultI18n; + } else { + component.methods = { i18n: opts.i18n || defaultI18n } + } + // } // 给每个子组件配置install方法 component.install = function (Vue) { Vue.component(name, component) diff --git a/packages/scheme/index.vue b/packages/scheme/index.vue index 3b6ab1d..9c0f121 100644 --- a/packages/scheme/index.vue +++ b/packages/scheme/index.vue @@ -63,10 +63,10 @@
@@ -94,14 +94,14 @@ - +
- - - - + + + + @@ -330,7 +330,7 @@ export default { }, // 查看按钮 handleView({ row }) { - this.dialogTitle = '详情'; + this.dialogTitle = this.i18n('eagle.scheme.detail') || '详情'; this.dialogType = 'dialog-view'; this.tableCurrentRow = row; this.formModel = {}; @@ -372,7 +372,7 @@ export default { }, // 新增按钮 handleNew({ row }) { - this.dialogTitle = '新增'; + this.dialogTitle = this.i18n('eagle.scheme.new') || '新增'; this.dialogType = 'dialog-form'; this.tableCurrentRow = row; this.formModel = {}; @@ -382,7 +382,7 @@ export default { }, // 编辑按钮 async handleEdit({ row }) { - this.dialogTitle = '编辑'; + this.dialogTitle = this.i18n('eagle.scheme.edit') || '编辑'; this.dialogType = 'dialog-form'; this.tableCurrentRow = row; this.formModel = {}; @@ -429,9 +429,9 @@ export default { if (type === 'one') { this.doDelete([scope.row]); } else if (type === 'more') { - this.$confirm(`是否删除已选中的 [ ${this.tableSelection.length} ] 项`, '提示', { - confirmButtonText: '确定', - cancelButtonText: '取消', + this.$confirm(`${this.i18n('eagle.scheme.mulDeleteConfirm') || '是否删除已选中的'} [ ${this.tableSelection.length} ] ${this.i18n('eagle.scheme.item') || '项'}`, this.i18n('eagle.scheme.tip') || '提示', { + confirmButtonText: this.i18n('eagle.scheme.confirm') || '确定', + cancelButtonText: this.i18n('eagle.scheme.cancel') || '取消', type: 'warning' }).then(() => { this.doDelete(this.tableSelection || []); @@ -452,7 +452,7 @@ export default { if (success) { this.hideDialog(); this.handleSearch(); - if (this.$message) { this.$message({ message: '删除成功', type: 'success' }); } + if (this.$message) { this.$message({ message: this.i18n('eagle.scheme.deleteSuccess') || '删除成功', type: 'success' }); } } } catch (error) { console.error(error); @@ -469,7 +469,7 @@ export default { if (`${code}` === '0') { this.hideDialog(); this.handleSearch(); - if (this.$message) { this.$message({ message: '删除成功', type: 'success' }); } + if (this.$message) { this.$message({ message: this.i18n('eagle.scheme.deleteSuccess') || '删除成功', type: 'success' }); } } }) .finally(() => { @@ -518,7 +518,7 @@ export default { if (success) { this.hideDialog(); this.handleSearch(); - if (this.$message) { this.$message({ message: '提交成功', type: 'success' }); } + if (this.$message) { this.$message({ message: this.i18n('eagle.scheme.submitSuccess') || '提交成功', type: 'success' }); } } } catch (error) { console.error(error); @@ -536,7 +536,7 @@ export default { if (`${code}` === '0') { this.hideDialog(); this.handleSearch(); - if (this.$message) { this.$message({ message: '提交成功', type: 'success' }); } + if (this.$message) { this.$message({ message: this.i18n('eagle.scheme.submitSuccess') || '提交成功', type: 'success' }); } } }) .finally(() => { @@ -554,7 +554,7 @@ export default { if (success) { this.hideDialog(); this.handleSearch(); - if (this.$message) { this.$message({ message: '编辑成功', type: 'success' }); } + if (this.$message) { this.$message({ message: this.i18n('eagle.scheme.editSuccess') || '编辑成功', type: 'success' }); } } } catch (error) { console.error(error); @@ -570,7 +570,7 @@ export default { if (`${code}` === '0') { this.hideDialog(); this.handleSearch(); - if (this.$message) { this.$message({ message: '编辑成功', type: 'success' }); } + if (this.$message) { this.$message({ message: this.i18n('eagle.scheme.editSuccess') || '编辑成功', type: 'success' }); } } }) .finally(() => { diff --git a/packages/search/index.vue b/packages/search/index.vue index a1022d4..85c4c58 100644 --- a/packages/search/index.vue +++ b/packages/search/index.vue @@ -25,10 +25,10 @@ :model="model" :collapse="collapse" :doSearch="handleSearch" :doReset="handleReset" :doCollapse="handleCollapse" > - 查询 - 重置 + {{ i18n('eagle.search.search') || '查询' }} + {{ i18n('eagle.search.reset') || '重置' }} - {{ collapse ? '展开' : '收起' }} + {{ collapse ? i18n('eagle.search.unfold') || '展开' : i18n('eagle.search.fold') || '收起' }} diff --git a/packages/select/index.vue b/packages/select/index.vue index 7711d34..489817f 100644 --- a/packages/select/index.vue +++ b/packages/select/index.vue @@ -1,5 +1,5 @@ @@ -17,7 +17,6 @@ export default { // 选择框提示 placeholder: { type: String, - default: '请选择' }, // 选择框大小 size: String, -- libgit2 0.21.0