# 国际化
FirstUI unix 组件 默认 使用简体中文，如果你希望使用其他语言，你可以参考下面的方案。
特别说明
- 确保组件 fui-lang 文件已经引入（内置功能，必须引入该文件）。
- 语言配置内容会随着组件增加而增加，注意更新。
- 配置内容仅针对组件内默认值，如果是页面传入属性值，需要自己在页面监听语言类型进行处理。
# 设置语言
//在页面引入组件方法
/**
* setFuiLocale：设置语言类型
* @description 设置语言类型
* @param {string} locale 语言类型：可传值：cn、tc、、th、ru、ar ...
*/
import { setFuiLocale } from '@/components/firstui/fui-lang/index.uts'
//调用，传入对应语言类型即可
setFuiLocale('en')
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
# 页面监听语言类型变化
// 组件内提供了变量用于页面监听变化，引入变量
import { fuiLang } from '@/components/firstui/fui-lang/index.uts'
//计算属性获取语言类型数据
export default {
computed: {
getLocale(): string {
return fuiLang.locale
}
},
watch: {
getLocale(newValue: string) {
//语言切换后处理逻辑
//...
}
}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
# 内置支持的语言列表
# 特别说明
特别说明
- 语言文件在
fui-lang 组件目录下lang文件夹中。 - 所有语言文件不可删除已有配置项，只可修改值或新增配置。
- 如果需要其他语言支持可以反馈给我们，您可通过创建 Issue (opens new window) 或 PR (opens new window) 的方式告知我们。
- 如果想自定义其他语言，可以查看组件内语言文件，拷贝一份然后修改对应的值即可，然后在组件内引入该语言文件。
//以下为简体中文语言配置内容。【配置内容会随着组件增加而增加，注意更新】
//简体中文【不可删除已有配置项，只可修改值】
export default {
/* ActionSheet 上拉菜单组件*/
actionsheet: {
cancel: '取消'
} as UTSJSONObject,
/* Dialog 对话框组件 */
dialog: {
/* 标题 */
title: '提示',
/* 取消按钮文本 */
cancel: '取消',
/* 确定按钮文本 */
confirm: '确定'
} as UTSJSONObject,
/* SwipeAction 滑动菜单 */
swipeaction: {
/* 默认数据删除按钮文本 */
delete: '删除'
} as UTSJSONObject,
/* Loading 加载 */
loading: {
/* 默认数据删除按钮文本 */
text: '加载中'
} as UTSJSONObject,
/* Pagination 分页器 */
pagination: {
/* 上一页按钮显示文本 */
prevText: '上一页',
/* 下一页按钮显示文本 */
nextText: '下一页'
} as UTSJSONObject,
/* LoadMore 加载更多 */
loadmore: {
/* 状态1提示文字 */
initText: '上拉加载',
/* 状态2提示文字 */
text: '正在加载...',
/* 状态3提示文字 */
noneText: '没有更多了'
} as UTSJSONObject
} as UTSJSONObject
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44