i18n-jsautotranslate 3.18.63 → 3.18.71
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/ArcoDesign/Vue3/LanguageSelect.vue +17 -28
- package/index.js +568 -275
- package/package.json +1 -1
- package/vue/vue3/translateVue3TS.ts +19 -19
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
value-key="id"
|
|
7
7
|
@change="LanguageSelectOnChange"
|
|
8
8
|
popup-class="ignore"
|
|
9
|
-
placeholder="
|
|
9
|
+
placeholder="please select language"
|
|
10
10
|
>
|
|
11
11
|
<!-- 语言选项列表（使用Select的子组件Option） -->
|
|
12
12
|
<a-select-option
|
|
@@ -52,6 +52,15 @@ const LanguageSelectOnChange = (value: string) => {
|
|
|
52
52
|
};
|
|
53
53
|
|
|
54
54
|
onMounted(() => {
|
|
55
|
+
if(typeof(translate) == 'object' && typeof(translate.vue3) == 'object' && typeof(translate.vue3.isUse) == 'boolean' && translate.vue3.isUse == true){
|
|
56
|
+
//正常，需要的,需要加载多语言切换Select
|
|
57
|
+
}else{
|
|
58
|
+
//不需要显示
|
|
59
|
+
return;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
translate.time.log(translate.vue3.isUse);
|
|
63
|
+
|
|
55
64
|
//重写渲染语言下拉列表出现时的函数，这里是为了把默认创建的 <div id="translate" 这个给去掉，其他无改变
|
|
56
65
|
translate.selectLanguageTag.render = function(){ //v2增加
|
|
57
66
|
if(translate.selectLanguageTag.alreadyRender){
|
|
@@ -82,7 +91,9 @@ onMounted(() => {
|
|
|
82
91
|
|
|
83
92
|
//显示切换语言
|
|
84
93
|
var TranslateJsSelectLanguages = document.getElementsByClassName('LanguageSelect');
|
|
85
|
-
|
|
94
|
+
for(var li = 0; li<TranslateJsSelectLanguages.length; li++){
|
|
95
|
+
TranslateJsSelectLanguages[li].style.display = 'block';
|
|
96
|
+
}
|
|
86
97
|
}
|
|
87
98
|
|
|
88
99
|
//languageList 便是当前支持的能切换的语种，你可以 console.log(languageList); 打印出来看看
|
|
@@ -114,34 +125,12 @@ onMounted(() => {
|
|
|
114
125
|
|
|
115
126
|
//显示上一次切换后的语种
|
|
116
127
|
language.value = translate.language.getCurrent();
|
|
117
|
-
//setTimeout(function(){
|
|
118
|
-
//language.value = translate.language.getCurrent();
|
|
119
|
-
//}, 100);
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
const refreshLanguage = function(){
|
|
123
|
-
//渲染语言下拉列表出现
|
|
124
|
-
window.translate.selectLanguageTag.refreshRender();
|
|
125
|
-
//显示上一次切换后的语种
|
|
126
|
-
language.value = translate.language.getCurrent();
|
|
127
|
-
};
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
// 当用户打开页面后，第一次过了初始化正式进行执行 translate.execute() 时，进行触发
|
|
131
|
-
translate.lifecycle.execute.start.push(function(data){
|
|
132
|
-
if(translate.selectLanguageTag.show === true && translate.selectLanguageTag.alreadyRender === false){
|
|
133
|
-
//console.log('这是打开页面后，第一次触发 translate.execute() ，因为translate.executeNumber 记录的是translate.execute() 执行完的次数。');
|
|
134
|
-
// 触发语言下拉列表出现
|
|
135
|
-
//渲染语言下拉列表出现
|
|
136
|
-
refreshLanguage();
|
|
137
|
-
}
|
|
138
|
-
});
|
|
139
|
-
//如果已经触发了 translate.execute() 那么直接就渲染
|
|
140
|
-
//console.log(translate.executeNumber+ ', '+translate.state)
|
|
141
|
-
if(translate.executeNumber > 0 || translate.state > 0){
|
|
142
|
-
refreshLanguage();
|
|
143
128
|
}
|
|
144
129
|
|
|
130
|
+
//渲染语言下拉列表出现
|
|
131
|
+
translate.selectLanguageTag.refreshRender();
|
|
132
|
+
//显示上一次切换后的语种
|
|
133
|
+
//language.value = translate.language.getCurrent();
|
|
145
134
|
});
|
|
146
135
|
|
|
147
136
|
|