This is an automated email from the ASF dual-hosted git repository.
czy006 pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/amoro.git
The following commit(s) were added to refs/heads/master by this push:
new cc0394994 [AMORO-4130][amoro-web] Replace hardcoded frontend texts
with i18n translations (#4133)
cc0394994 is described below
commit cc03949943e6d0292f9813e2ebf0bd6e6c7d7b20
Author: Baixiaochun <[email protected]>
AuthorDate: Thu Mar 19 13:23:30 2026 +0800
[AMORO-4130][amoro-web] Replace hardcoded frontend texts with i18n
translations (#4133)
替换 amoro-web 前端硬编码文本为 i18n 翻译
将 5 个 Vue 文件中的硬编码英文文本替换为 vue-i18n 调用，
并在 en.ts/zh.ts 中添加 11 个新翻译键。
涉及的硬编码文本包括：
- placeholder: Optimizer group, Action, Type, Status
- form label: Catalog, Database, Table, Type, Endpoint, Region,
Hadoop Username, Kerberos Principal, Access Key, Secret Key
- 展示文本: Charts, All
- 列副标题: success / total, size / count
Co-authored-by: Bingtagui404
<[email protected]>
---
amoro-web/src/language/en.ts | 11 +++++++++++
amoro-web/src/language/zh.ts | 11 +++++++++++
amoro-web/src/views/catalogs/Detail.vue | 18 +++++++++---------
amoro-web/src/views/optimize/components/List.vue | 4 ++--
amoro-web/src/views/tables/components/Optimizing.vue | 16 ++++++++--------
amoro-web/src/views/tables/components/Snapshots.vue | 4 ++--
amoro-web/src/views/tables/create.vue | 6 +++---
7 files changed, 46 insertions(+), 24 deletions(-)
diff --git a/amoro-web/src/language/en.ts b/amoro-web/src/language/en.ts
index 82733b47a..d28c05cfd 100644
--- a/amoro-web/src/language/en.ts
+++ b/amoro-web/src/language/en.ts
@@ -230,6 +230,17 @@ export default {
smallFileScore: 'Small Files Score',
equalityDeleteScore: 'Eq Delete Score',
positionalDeleteScore: 'Pos Delete Score',
+ action: 'Action',
+ all: 'All',
+ charts: 'Charts',
+ endpoint: 'Endpoint',
+ region: 'Region',
+ hadoopUsername: 'Hadoop Username',
+ kerberosPrincipal: 'Kerberos Principal',
+ accessKey: 'Access Key',
+ secretKey: 'Secret Key',
+ successSlashTotal: 'success / total',
+ sizeSlashCount: 'size / count',
subModule: 'SubModule',
healthScoreDescription: 'Evaluating the health status of a table (up to 100
points), and is calculated as follows',
smallFileScoreDescription: 'Evaluating the average data file size of the
table (up to 40 points), with larger values indicating that the file is closer
to the target size',
diff --git a/amoro-web/src/language/zh.ts b/amoro-web/src/language/zh.ts
index c74df6e34..33087d9b1 100644
--- a/amoro-web/src/language/zh.ts
+++ b/amoro-web/src/language/zh.ts
@@ -230,6 +230,17 @@ export default {
smallFileScore: '小文件分数',
equalityDeleteScore: 'eq-delete分数',
positionalDeleteScore: 'pos-delete分数',
+ action: '操作',
+ all: '全部',
+ charts: '图表',
+ endpoint: '端点',
+ region: '区域',
+ hadoopUsername: 'Hadoop 用户名',
+ kerberosPrincipal: 'Kerberos 主体',
+ accessKey: '访问密钥',
+ secretKey: '密钥',
+ successSlashTotal: '成功 / 总计',
+ sizeSlashCount: '大小 / 数量',
subModule: '子模块',
healthScoreDescription: '评估表的健康状态(最高100分)，计算方式如下',
smallFileScoreDescription: '评估表的平均数据文件大小(最高40分)，值越大表示文件越接近目标大小',
diff --git a/amoro-web/src/views/catalogs/Detail.vue
b/amoro-web/src/views/catalogs/Detail.vue
index 12a523658..3eb09815a 100644
--- a/amoro-web/src/views/catalogs/Detail.vue
+++ b/amoro-web/src/views/catalogs/Detail.vue
@@ -644,7 +644,7 @@ onMounted(() => {
{{ $t('storageConfigName') }}
</p>
</a-form-item>
- <a-form-item label="Type" :name="['storageConfig', 'storage.type']"
:rules="[{ required: isEdit }]">
+ <a-form-item :label="$t('type')" :name="['storageConfig',
'storage.type']" :rules="[{ required: isEdit }]">
<a-select
v-if="isEdit"
v-model:value="formState.storageConfig['storage.type']"
:placeholder="placeholder.selectPh" :options="storageTypeOptions"
@@ -652,21 +652,21 @@ onMounted(() => {
<span v-else class="config-value">{{
formState.storageConfig['storage.type'] }}</span>
</a-form-item>
<a-form-item
- v-if="formState.storageConfig['storage.type'] === 'S3'"
label="Endpoint"
+ v-if="formState.storageConfig['storage.type'] === 'S3'"
:label="$t('endpoint')"
:name="['storageConfig', 'storage.s3.endpoint']" :rules="[{
required: false }]"
>
<a-input v-if="isEdit"
v-model:value="formState.storageConfig['storage.s3.endpoint']" />
<span v-else class="config-value">{{
formState.storageConfig['storage.s3.endpoint'] }}</span>
</a-form-item>
<a-form-item
- v-if="formState.storageConfig['storage.type'] === 'S3'"
label="Region"
+ v-if="formState.storageConfig['storage.type'] === 'S3'"
:label="$t('region')"
:name="['storageConfig', 'storage.s3.region']" :rules="[{
required: false }]"
>
<a-input v-if="isEdit"
v-model:value="formState.storageConfig['storage.s3.region']" />
<span v-else class="config-value">{{
formState.storageConfig['storage.s3.region'] }}</span>
</a-form-item>
<a-form-item
- v-if="formState.storageConfig['storage.type'] === 'OSS'"
label="Endpoint"
+ v-if="formState.storageConfig['storage.type'] === 'OSS'"
:label="$t('endpoint')"
:name="['storageConfig', 'storage.oss.endpoint']" :rules="[{
required: false }]"
>
<a-input v-if="isEdit"
v-model:value="formState.storageConfig['storage.oss.endpoint']" />
@@ -700,7 +700,7 @@ onMounted(() => {
{{ $t('authenticationConfig') }}
</p>
</a-form-item>
- <a-form-item label="Type" :name="['authConfig', 'auth.type']"
:rules="[{ required: isEdit && !isAuthDisabled }]">
+ <a-form-item :label="$t('type')" :name="['authConfig', 'auth.type']"
:rules="[{ required: isEdit && !isAuthDisabled }]">
<a-select
v-if="isEdit" v-model:value="formState.authConfig['auth.type']"
:placeholder="placeholder.selectPh" :options="authTypeOptions"
:disabled="isAuthDisabled"
@@ -708,14 +708,14 @@ onMounted(() => {
<span v-else class="config-value">{{
formState.authConfig['auth.type'] }}</span>
</a-form-item>
<a-form-item
- v-if="formState.authConfig['auth.type'] === 'SIMPLE'"
label="Hadoop Username"
+ v-if="formState.authConfig['auth.type'] === 'SIMPLE'"
:label="$t('hadoopUsername')"
:name="['authConfig', 'auth.simple.hadoop_username']" :rules="[{
required: isEdit && !isAuthDisabled }]"
>
<a-input v-if="isEdit"
v-model:value="formState.authConfig['auth.simple.hadoop_username']"
:disabled="isAuthDisabled" />
<span v-else class="config-value">{{
formState.authConfig['auth.simple.hadoop_username'] }}</span>
</a-form-item>
<a-form-item
- v-if="formState.authConfig['auth.type'] === 'KERBEROS'"
label="Kerberos Principal"
+ v-if="formState.authConfig['auth.type'] === 'KERBEROS'"
:label="$t('kerberosPrincipal')"
:name="['authConfig', 'auth.kerberos.principal']" :rules="[{
required: isEdit && !isAuthDisabled }]"
>
<a-input v-if="isEdit"
v-model:value="formState.authConfig['auth.kerberos.principal']"
:disabled="isAuthDisabled" />
@@ -746,14 +746,14 @@ onMounted(() => {
</a-form-item>
</div>
<a-form-item
- v-if="formState.authConfig['auth.type'] === 'AK/SK'" label="Access
Key"
+ v-if="formState.authConfig['auth.type'] === 'AK/SK'"
:label="$t('accessKey')"
:name="['authConfig', 'auth.ak_sk.access_key']" :rules="[{
required: isEdit && !isAuthDisabled }]"
>
<a-input v-if="isEdit"
v-model:value="formState.authConfig['auth.ak_sk.access_key']"
:disabled="isAuthDisabled" />
<span v-else class="config-value">{{
formState.authConfig['auth.ak_sk.access_key'] }}</span>
</a-form-item>
<a-form-item
- v-if="formState.authConfig['auth.type'] === 'AK/SK'" label="Secret
Key"
+ v-if="formState.authConfig['auth.type'] === 'AK/SK'"
:label="$t('secretKey')"
:name="['authConfig', 'auth.ak_sk.secret_key']" :rules="[{
required: isEdit && !isAuthDisabled }]"
>
<a-input v-if="isEdit"
v-model:value="formState.authConfig['auth.ak_sk.secret_key']"
:disabled="isAuthDisabled" />
diff --git a/amoro-web/src/views/optimize/components/List.vue
b/amoro-web/src/views/optimize/components/List.vue
index 8f2f332a4..35d38ed22 100644
--- a/amoro-web/src/views/optimize/components/List.vue
+++ b/amoro-web/src/views/optimize/components/List.vue
@@ -180,7 +180,7 @@ onMounted(async () => {
<div class="list-wrap">
<a-space class="filter-form">
<a-select
- v-model:value="optimizerGroup" allow-clear placeholder="Optimizer
group" :options="optimizerGroupList"
+ v-model:value="optimizerGroup" allow-clear
:placeholder="t('optimizerGroup')" :options="optimizerGroupList"
style="min-width: 150px;"
/>
@@ -195,7 +195,7 @@ onMounted(async () => {
/>
<a-select
- v-model:value="actions" allow-clear placeholder="Action"
:options="actionOptions" mode="multiple"
+ v-model:value="actions" allow-clear :placeholder="t('action')"
:options="actionOptions" mode="multiple"
style="min-width: 150px;"
/>
diff --git a/amoro-web/src/views/tables/components/Optimizing.vue
b/amoro-web/src/views/tables/components/Optimizing.vue
index ebeccc05d..c56398c7b 100644
--- a/amoro-web/src/views/tables/components/Optimizing.vue
+++ b/amoro-web/src/views/tables/components/Optimizing.vue
@@ -240,11 +240,11 @@ onMounted(() => {
<template v-if="!hasBreadcrumb">
<a-space class="filter-form">
<a-select
- v-model:value="actionType" allow-clear placeholder="Type"
:options="actionTypeList"
+ v-model:value="actionType" allow-clear :placeholder="t('type')"
:options="actionTypeList"
style="min-width: 150px;" @change="refresh"
/>
<a-select
- v-model:value="statusType" allow-clear placeholder="Status"
:options="statusTypeList"
+ v-model:value="statusType" allow-clear :placeholder="t('status')"
:options="statusTypeList"
style="min-width: 150px;" @change="refresh"
/>
</a-space>
@@ -258,7 +258,7 @@ onMounted(() => {
{{ column.title }}
</div>
<div class="">
- success / total
+ {{ t('successSlashTotal') }}
</div>
</template>
<template v-if="column.dataIndex === 'inputFiles'">
@@ -266,7 +266,7 @@ onMounted(() => {
{{ column.title }}
</div>
<div class="">
- size / count
+ {{ t('sizeSlashCount') }}
</div>
</template>
<template v-if="column.dataIndex === 'outputFiles'">
@@ -274,7 +274,7 @@ onMounted(() => {
{{ column.title }}
</div>
<div class="">
- size / count
+ {{ t('sizeSlashCount') }}
</div>
</template>
</template>
@@ -322,7 +322,7 @@ onMounted(() => {
<a-col :span="18">
<a-breadcrumb separator=">">
<a-breadcrumb-item class="text-active" @click="toggleBreadcrumb">
- All
+ {{ t('all') }}
</a-breadcrumb-item>
<a-breadcrumb-item>{{ `${$t('processId')} ${processId}`
}}</a-breadcrumb-item>
</a-breadcrumb>
@@ -346,7 +346,7 @@ onMounted(() => {
{{ column.title }}
</div>
<div class="">
- size / count
+ {{ t('sizeSlashCount') }}
</div>
</template>
<template v-if="column.dataIndex === 'outputFilesDesc'">
@@ -354,7 +354,7 @@ onMounted(() => {
{{ column.title }}
</div>
<div class="">
- size / count
+ {{ t('sizeSlashCount') }}
</div>
</template>
</template>
diff --git a/amoro-web/src/views/tables/components/Snapshots.vue
b/amoro-web/src/views/tables/components/Snapshots.vue
index f67286766..e40c2e890 100644
--- a/amoro-web/src/views/tables/components/Snapshots.vue
+++ b/amoro-web/src/views/tables/components/Snapshots.vue
@@ -210,7 +210,7 @@ onMounted(() => {
>
<template #extra>
<div class="snapshots-charts-header" @click="toggleCharts">
- <span class="snapshots-charts-title">Charts</span>
+ <span class="snapshots-charts-title">{{ $t('charts') }}</span>
<span class="snapshots-charts-icon">
<CaretRightOutlined v-if="!showCharts" />
<CaretDownOutlined v-else />
@@ -260,7 +260,7 @@ onMounted(() => {
<template v-else>
<a-breadcrumb separator=">">
<a-breadcrumb-item class="text-active" @click="toggleBreadcrumb">
- All
+ {{ $t('all') }}
</a-breadcrumb-item>
<a-breadcrumb-item>{{ `${$t('snapshotId')} ${snapshotId}`
}}</a-breadcrumb-item>
</a-breadcrumb>
diff --git a/amoro-web/src/views/tables/create.vue
b/amoro-web/src/views/tables/create.vue
index bf5f87d67..5ad6a7014 100644
--- a/amoro-web/src/views/tables/create.vue
+++ b/amoro-web/src/views/tables/create.vue
@@ -73,7 +73,7 @@ function goBack() {
{{ $t('basicInformation') }}
</p>
<a-form ref="formRef" :model="formState" class="label-120">
- <a-form-item name="catalog" label="Catalog" :rules="[{ required:
true, message: `${placeholder.selectClPh}` }]">
+ <a-form-item name="catalog" :label="$t('catalog')" :rules="[{
required: true, message: `${placeholder.selectClPh}` }]">
<a-select
v-model:value="formState.catalog"
:options="catalogOptions"
@@ -82,7 +82,7 @@ function goBack() {
@change="changeCatalog"
/>
</a-form-item>
- <a-form-item name="database" label="Database" :rules="[{ required:
true, message: `${placeholder.selectDBPh}` }]">
+ <a-form-item name="database" :label="$t('database')" :rules="[{
required: true, message: `${placeholder.selectDBPh}` }]">
<a-select
v-model:value="formState.database"
:options="databaseOptions"
@@ -91,7 +91,7 @@ function goBack() {
@change="changeDatabase"
/>
</a-form-item>
- <a-form-item name="tableName" label="Table" :rules="[{ required:
true, message: `${placeholder.inputTNPh}` }]">
+ <a-form-item name="tableName" :label="$t('table')" :rules="[{
required: true, message: `${placeholder.inputTNPh}` }]">
<a-input v-model:value="formState.tableName"
:placeholder="placeholder.inputTNPh" />
</a-form-item>
</a-form>
