From b4f0ecafdec797906b67646a3db2bbc124c4fa8d Mon Sep 17 00:00:00 2001
From: fengxiaobo <fengxiaobo@cmss.chinamobile.com>
Date: Tue, 20 Aug 2024 09:27:47 +0800
Subject: [PATCH 1/2] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E5=9B=BD?=
 =?UTF-8?q?=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Code Source From: Self Code
Description::
Jira: #IAL3TX
市场项目编号（名称）:
---
 build/locale.js                        |  8 +++++
 build/webpack.locale.config.js         | 50 ++++++++++++++++++++++++++
 package.json                           |  3 +-
 src/components/Confirm/Confirm.vue     |  6 ++--
 src/components/Page/PageRecordScan.vue |  8 +++--
 src/components/Page/index.vue          |  4 ++-
 src/components/Select/index.vue        |  2 ++
 src/components/Table/table.vue         |  4 ++-
 src/index.js                           | 14 ++++++++
 src/locale/index.js                    |  2 ++
 src/locale/lang.js                     |  8 ++---
 src/locale/lang/en-US.js               |  5 ++-
 src/locale/lang/zh-CN.js               |  5 ++-
 13 files changed, 105 insertions(+), 14 deletions(-)
 create mode 100644 build/locale.js
 create mode 100644 build/webpack.locale.config.js

diff --git a/build/locale.js b/build/locale.js
new file mode 100644
index 0000000..7c81e67
--- /dev/null
+++ b/build/locale.js
@@ -0,0 +1,8 @@
+const readDir = require('fs').readdirSync;
+const files = readDir('./src/locale/lang');
+const entry = {};
+files.forEach(file => {
+    const name = file.split('.')[0];
+    entry[name] = './src/locale/lang/' + file;
+});
+module.exports = entry;
diff --git a/build/webpack.locale.config.js b/build/webpack.locale.config.js
new file mode 100644
index 0000000..89434ff
--- /dev/null
+++ b/build/webpack.locale.config.js
@@ -0,0 +1,50 @@
+const path = require('path');
+const webpack = require('webpack');
+const entry = require('./locale');
+const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
+
+process.env.NODE_ENV = 'production';
+
+module.exports = {
+    devtool: 'source-map',
+    entry,
+    module: {
+        rules: [
+            {
+                test: /\.js$/,
+                loader: 'babel-loader',
+                options: {
+                    sourceMap: true,
+                },
+                exclude: /node_modules/
+            }
+        ]
+    },
+    output: {
+        path: path.resolve(__dirname, '../dist/locale'),
+        publicPath: '/dist/locale/',
+        filename: '[name].js',
+        library: 'bview/locale',
+        libraryTarget: 'umd',
+        umdNamedDefine: true
+    },
+    externals: {
+        vue: {
+            root: 'Vue',
+            commonjs: 'vue',
+            commonjs2: 'vue',
+            amd: 'vue'
+        }
+    },
+    plugins: [
+        new webpack.DefinePlugin({
+            'process.env': {
+                NODE_ENV: '"production"'
+            }
+        }),
+        new UglifyJsPlugin({
+            parallel: true,
+            sourceMap: true,
+        })
+    ]
+};
diff --git a/package.json b/package.json
index b7bba85..86e7a7c 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,8 @@
     "dist:prod": "webpack --config build/webpack.prod.conf.js",
     "dist:style": "gulp --gulpfile build/build-styles.js",
     "dist:dep": "webpack --config build/webpack.prod.dep.conf.js && gulp --gulpfile build/build-copy.js",
-    "dist": "npm run dist:prod && npm run dist:dep && npm run dist:style",
+    "dist:locale": "webpack --config build/webpack.locale.config.js",
+    "dist": "npm run dist:prod && npm run dist:dep && npm run dist:style && npm run dist:locale",
     "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s",
     "changelog:all": "conventional-changelog -p angular -i CHANGELOG.md -s -r 0",
     "lib": "npm run dist && npm run changelog && npm publish --access=public"
diff --git a/src/components/Confirm/Confirm.vue b/src/components/Confirm/Confirm.vue
index 420bb63..32cad68 100644
--- a/src/components/Confirm/Confirm.vue
+++ b/src/components/Confirm/Confirm.vue
@@ -70,6 +70,7 @@ See the Mulan PSL v2 for more details.
 </template>
 
 <script>
+import Locale from '../../mixins/locale'
 import RenderCell from '../RenderCell'
 import { Icon } from 'view-design'
 import Button from '../Button'
@@ -86,6 +87,7 @@ export const iconType = {
 
 export default {
   name: 'BCConfirmCel',
+  mixins: [Locale],
   components: {
     RenderCell, IModal: Modal, IButton: Button, IIcon: Icon
   },
@@ -114,8 +116,8 @@ export default {
         onCancel: function () {},
         contentRender: '',
         width: 'auto',
-        cancelText: '取消',
-        okText: '确定',
+        cancelText: this.t('i.modal.cancelText'),
+        okText: this.t('i.modal.okText'),
         isMiddle: true,
         useLoading: false
       },
diff --git a/src/components/Page/PageRecordScan.vue b/src/components/Page/PageRecordScan.vue
index cd2a9d7..78b4dd7 100644
--- a/src/components/Page/PageRecordScan.vue
+++ b/src/components/Page/PageRecordScan.vue
@@ -18,8 +18,8 @@ See the Mulan PSL v2 for more details.
 -->
 <template>
   <div class = "page-record-scan-content">
-    <span>共&nbsp;{{ total }}&nbsp;条记录</span>
-    <span :style="{'margin-left':'16px'}">每页显示<Select
+    <span>{{ t('i.page.total') }}&nbsp;{{ total }}&nbsp;<span v-if="total <= 1">{{ t('i.page.item') }}</span><span v-else>{{ t('i.page.items') }}</span>{{ t('i.page.record') }}</span>
+    <span :style="{'margin-left':'16px'}">{{ t('i.page.display') }}<Select
       :transfer="transfer"
       :placement="placement"
       :style="{'width':'60px','margin-left':'5px','margin-right':'5px'}"
@@ -29,16 +29,18 @@ See the Mulan PSL v2 for more details.
         :value="limit"
         :key="limit">
         {{ limit }}
-    </Option></Select> 条</span>
+    </Option></Select> {{ t('i.page.items') }}</span>
   </div>
 </template>
 <script>
 import {Select, Option} from 'view-design'
+import Locale from '../../mixins/locale'
 export default {
   components: {
     Select,
     Option
   },
+  mixins: [Locale],
   filters: {
     number: function (val) {
       return Number(val)
diff --git a/src/components/Page/index.vue b/src/components/Page/index.vue
index 3807907..0dc16a6 100644
--- a/src/components/Page/index.vue
+++ b/src/components/Page/index.vue
@@ -143,14 +143,16 @@ See the Mulan PSL v2 for more details.
       type="secondary"
       class="page-button-go"
       @click="goChange"
-      :size = "size"><slot name="pageTitle">前往</slot></bbutton>
+      :size = "size"><slot name="pageTitle">{{ t('i.page.go') }}</slot></bbutton>
   </ul>
 </template>
 <script>
 import {Page} from 'view-design'
 import bbutton from '../Button'
+import Locale from '../../mixins/locale'
 export default {
   extends: Page,
+  mixins: [Locale],
   components: {
     bbutton
   },
diff --git a/src/components/Select/index.vue b/src/components/Select/index.vue
index 41534a0..740920c 100644
--- a/src/components/Select/index.vue
+++ b/src/components/Select/index.vue
@@ -198,6 +198,7 @@ import {
 import SelectHead from './select-head.vue'
 import Button from '../Button/index.vue'
 import SearchBar from '../SearchBar'
+import Locale from '../../mixins/locale'
 
 const ANIMATION_TIMEOUT = 300
 const prefixCls = 'ivu-select'
@@ -206,6 +207,7 @@ export default {
   extends: Select,
   // eslint-disable-next-line
   name: 'iSelect',
+  mixins: [Locale],
   components: {
     SelectHead,
     Button,
diff --git a/src/components/Table/table.vue b/src/components/Table/table.vue
index 09b6d9c..4af5693 100644
--- a/src/components/Table/table.vue
+++ b/src/components/Table/table.vue
@@ -208,6 +208,7 @@ See the Mulan PSL v2 for more details.
   </div>
 </template>
 <script>
+import Locale from '../../mixins/locale'
 import RenderCell from '../RenderCell'
 import tableBody from './table-body.vue'
 import { Table } from 'view-design'
@@ -215,6 +216,7 @@ import { isFunction } from '../../utils/type-checker'
 import _ from 'lodash'
 export default {
   name: 'Table',
+  mixins: [Locale],
   extends: Table,
   props: {
     flex: {
@@ -295,7 +297,7 @@ export default {
         return (
           <div>
             <i class="table-icon-wushuju"></i>
-            暂无数据
+            {this.t('i.table.noDataText')}
           </div>
         )
       }
diff --git a/src/index.js b/src/index.js
index 99d03b5..575af06 100644
--- a/src/index.js
+++ b/src/index.js
@@ -65,6 +65,7 @@ import MulCascader from './components/MulCascader'
 import Poptip from './components/Poptip/index'
 import steps from './components/Steps/index.js'
 import Cascader from './components/Cascader'
+import locale from './locale/index'
 // 引入tree
 // import VJstree from 'vue-jstree'
 // Vue.component('VJstree', VJstree)
@@ -135,6 +136,8 @@ Object.keys(iview).forEach((key) => {
 })
 
 const install = function (Vue, opts = {}) {
+  locale.use(opts.locale)
+  locale.i18n(opts.i18n)
   Object.keys(bview).forEach((key) => {
     if (!['Select', 'Option', 'OptionGroup'].includes(key)) {
       Vue.component(`b${key}`, bview[key])
@@ -324,9 +327,20 @@ if (typeof window !== 'undefined' && window.Vue) {
 }
 const API = {
   install,
+  locale: locale.use,
+  i18n: locale.i18n,
   ...bview
 }
 
+API.lang = (code) => {
+  const langObject = window['bview/locale'].default
+  if (code === langObject.i.locale) {
+    locale.use(langObject)
+  } else {
+    console.log(`The ${code} language pack is not loaded.`) // eslint-disable-line no-console
+  }
+}
+
 API.version = process.env.VERSION
 
 module.exports.default = module.exports = API
diff --git a/src/locale/index.js b/src/locale/index.js
index 59ffc13..28791f8 100644
--- a/src/locale/index.js
+++ b/src/locale/index.js
@@ -13,6 +13,7 @@ import defaultLang from './lang/zh-CN'
 import Vue from 'vue'
 import deepmerge from 'deepmerge'
 import Format from './format'
+import { locale } from 'view-design'
 
 const format = Format(Vue)
 let lang = defaultLang
@@ -50,6 +51,7 @@ export const t = function (path, options) {
 
 export const use = function (l) {
   lang = l || lang
+  locale(lang)
 }
 
 export const i18n = function (fn) {
diff --git a/src/locale/lang.js b/src/locale/lang.js
index d678b56..2d1aef7 100644
--- a/src/locale/lang.js
+++ b/src/locale/lang.js
@@ -16,11 +16,11 @@ const isServer = Vue.prototype.$isServer;
 
 export default function (lang) {
     if (!isServer) {
-        if (typeof window.iview !== 'undefined') {
-            if (!('langs' in iview)) {
-                iview.langs = {};
+        if (typeof window.bview !== 'undefined') {
+            if (!('langs' in bview)) {
+                bview.langs = {};
             }
-            iview.langs[lang.i.locale] = lang;
+            bview.langs[lang.i.locale] = lang;
         }
     }
 };
diff --git a/src/locale/lang/en-US.js b/src/locale/lang/en-US.js
index 9b98641..6d831e1 100644
--- a/src/locale/lang/en-US.js
+++ b/src/locale/lang/en-US.js
@@ -100,7 +100,10 @@ const lang = {
       next5: 'Next 5 Pages',
       page: '/page',
       goto: 'Goto',
-      p: ''
+      p: '',
+      display: 'Display Per Page',
+      record: ' record',
+      go: 'Goto'
     },
     rate: {
       star: 'Star',
diff --git a/src/locale/lang/zh-CN.js b/src/locale/lang/zh-CN.js
index da4cb50..fc0ba04 100644
--- a/src/locale/lang/zh-CN.js
+++ b/src/locale/lang/zh-CN.js
@@ -100,7 +100,10 @@ const lang = {
       next5: '向后 5 页',
       page: '条/页',
       goto: '跳至',
-      p: '页'
+      p: '页',
+      display: '每页显示',
+      record: '记录',
+      go: '前往'
     },
     rate: {
       star: '星',
-- 
Gitee


From 4da9d6b792b18b7200283572388d1a03a8304ee1 Mon Sep 17 00:00:00 2001
From: fengxiaobo <fengxiaobo@cmss.chinamobile.com>
Date: Mon, 26 Aug 2024 14:40:56 +0800
Subject: [PATCH 2/2] =?UTF-8?q?feat:=20=E5=9B=BD=E9=99=85=E5=8C=96?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Code Source From: Self Code
Description::
Jira: #IAL3TX
市场项目编号（名称）:
---
 src/components/Select/index.vue       |  4 ++--
 src/components/Upload/index.vue       |  8 +++++---
 src/components/Upload/upload-list.vue |  4 +++-
 src/components/transfer/list.vue      |  4 +++-
 src/locale/lang/en-US.js              | 13 +++++++++++--
 src/locale/lang/zh-CN.js              | 13 +++++++++++--
 6 files changed, 35 insertions(+), 11 deletions(-)

diff --git a/src/components/Select/index.vue b/src/components/Select/index.vue
index 740920c..bf7d2da 100644
--- a/src/components/Select/index.vue
+++ b/src/components/Select/index.vue
@@ -115,9 +115,9 @@ See the Mulan PSL v2 for more details.
             v-if="isUseSelectAll"
             @click="toggleSelect">
             <template v-if="this.values.length !== this.flatOptions.length">
-              全选
+              {{ t('i.select.selectAll') }}
             </template>
-            <template v-else>取消全选</template>
+            <template v-else>{{ t('i.select.deselectAll') }}</template>
           </li>
           <functional-options
             v-if="(!remote) || (remote && !loading)"
diff --git a/src/components/Upload/index.vue b/src/components/Upload/index.vue
index 7f5ab5f..1698507 100644
--- a/src/components/Upload/index.vue
+++ b/src/components/Upload/index.vue
@@ -31,8 +31,8 @@ See the Mulan PSL v2 for more details.
           :class="dragContentClasses">
           <div>
             <Icon custom="cmss-icon icon-shangchuan"></Icon>
-            <span :class="[prefixCls + '-content-drag-default-text-details']">拖拽文件到此处 或者</span>
-            <span :class="[prefixCls + '-content-drag-default-text-strong']">点击上传</span>
+            <span :class="[prefixCls + '-content-drag-default-text-details']">{{ t('i.upload.dragText') }}</span>
+            <span :class="[prefixCls + '-content-drag-default-text-strong']">{{ t('i.upload.clickUpload') }}</span>
           </div>
         </div>
       </slot>
@@ -53,7 +53,8 @@ See the Mulan PSL v2 for more details.
 </template>
 <script>
 // eslint-disable-next-line
-import {Upload, Icon } from 'view-design'
+import Locale from '../../mixins/locale'
+import { Upload, Icon } from 'view-design'
 import UploadList from './upload-list.vue'
 import ajax from './ajax'
 import { oneOf } from '../../utils/assist'
@@ -61,6 +62,7 @@ const prefixCls = 'ivu-upload'
 
 export default {
   extends: Upload,
+  mixins: [ Locale ],
   components: { UploadList, Icon },
   props: {
     accept: {
diff --git a/src/components/Upload/upload-list.vue b/src/components/Upload/upload-list.vue
index fa27c73..e4ebe69 100644
--- a/src/components/Upload/upload-list.vue
+++ b/src/components/Upload/upload-list.vue
@@ -15,7 +15,7 @@ See the Mulan PSL v2 for more details.
       v-if="$parent.accept !=='' && files.length == 0"
       :class="acceptCls">
       <span :class="[prefixCls + '-accept-file-types-details']">
-        支持扩展名: {{ $parent.accept }}
+        {{ t('i.upload.extSupport') }}: {{ $parent.accept }}
       </span>
     </li>
     <template v-if=" showType !== 'drag-1'">
@@ -84,6 +84,7 @@ See the Mulan PSL v2 for more details.
   </ul>
 </template>
 <script>
+import Locale from '../../mixins/locale'
 import { Icon } from 'view-design'
 import Progress from './progress.vue'
 import TooltipText from '../TooltipText'
@@ -91,6 +92,7 @@ const prefixCls = 'ivu-upload'
 
 export default {
   name: 'UploadList',
+  mixins: [ Locale ],
   components: { Icon, Progress, TooltipText },
   props: {
     files: {
diff --git a/src/components/transfer/list.vue b/src/components/transfer/list.vue
index 6b34524..9746a57 100644
--- a/src/components/transfer/list.vue
+++ b/src/components/transfer/list.vue
@@ -78,12 +78,14 @@ See the Mulan PSL v2 for more details.
   </div>
 </template>
 <script>
+import Locale from '../../mixins/locale'
 import Search from './search.vue'
 import { Checkbox } from 'view-design'
 
 export default {
   name: 'TransferList',
   components: { Search, Checkbox },
+  mixins: [ Locale ],
   props: {
     prefixCls: String,
     data: Array,
@@ -137,7 +139,7 @@ export default {
       const enabledCount = this.asTable
         ? this.data.filter(item => !item._disabled).length
         : this.data.filter(item => !item.disabled).length
-      return enabledCount === totalCount ? `（${enabledCount}项）` : `（${enabledCount}/${totalCount}项）`
+      return enabledCount === totalCount ? `（${enabledCount}${totalCount > 1 ? this.t('i.transfer.items') : this.t('i.transfer.item')}）` : `（${enabledCount}/${totalCount}${totalCount > 1 ? this.t('i.transfer.items') : this.t('i.transfer.item')}）`
     },
     checkedAll () {
       return this.filterData.filter(data => !data.disabled).length === this.validKeysCount && this.validKeysCount !== 0
diff --git a/src/locale/lang/en-US.js b/src/locale/lang/en-US.js
index 6d831e1..0863a6b 100644
--- a/src/locale/lang/en-US.js
+++ b/src/locale/lang/en-US.js
@@ -17,7 +17,9 @@ const lang = {
     select: {
       placeholder: 'Select',
       noMatch: 'No matching data',
-      loading: 'Loading'
+      loading: 'Loading',
+      deselectAll: 'Deselect All',
+      selectAll: 'Select All'
     },
     table: {
       noDataText: 'No Data',
@@ -80,7 +82,9 @@ const lang = {
         target: 'Target'
       },
       filterPlaceholder: 'Search here',
-      notFoundText: 'Not Found'
+      notFoundText: 'Not Found',
+      item: ' item',
+      items: ' items'
     },
     modal: {
       okText: 'OK',
@@ -120,6 +124,11 @@ const lang = {
     },
     tree: {
       emptyText: 'No Data'
+    },
+    upload: {
+      clickUpload: 'click upload',
+      dragText: 'Drag files here to upload or',
+      extSupport: 'Support for file extensions'
     }
   }
 }
diff --git a/src/locale/lang/zh-CN.js b/src/locale/lang/zh-CN.js
index fc0ba04..5dd3b36 100644
--- a/src/locale/lang/zh-CN.js
+++ b/src/locale/lang/zh-CN.js
@@ -17,7 +17,9 @@ const lang = {
     select: {
       placeholder: '请选择',
       noMatch: '无匹配数据',
-      loading: '加载中'
+      loading: '加载中',
+      deselectAll: '取消全选',
+      selectAll: '全选'
     },
     table: {
       noDataText: '暂无数据',
@@ -80,7 +82,9 @@ const lang = {
         target: '目的列表'
       },
       filterPlaceholder: '请输入搜索内容',
-      notFoundText: '列表为空'
+      notFoundText: '列表为空',
+      item: '项',
+      items: '项'
     },
     modal: {
       okText: '确定',
@@ -120,6 +124,11 @@ const lang = {
     },
     tree: {
       emptyText: '暂无数据'
+    },
+    upload: {
+      clickUpload: '点击上传',
+      dragText: '拖拽文件到此处 或者',
+      extSupport: '支持扩展名'
     }
   }
 }
-- 
Gitee