vome-core 0.1.95 → 0.1.97

package/dist/admin/crud/vm-data-i18n-btn.vue

@@ -7,7 +7,7 @@
       @click="openDialog"
     >
       <i class="ri-translate-2" />
-      {{ text || '翻译' }}
+      {{ text || crudLabel('dataI18nTranslate', crud.dict.label) }}
     </button>
 
     <Dialog :open="open" @update:open="onOpenChange">
@@ -20,7 +20,9 @@
         @interact-outside="preventDialogOutsideClose"
       >
         <DialogHeader class="vm-crud-shell__head">
-          <DialogTitle class="vm-crud-shell__title">业务数据翻译</DialogTitle>
+          <DialogTitle class="vm-crud-shell__title">
+            {{ crudLabel('dataI18nTranslateTitle', crud.dict.label) }}
+          </DialogTitle>
           <DialogClose class="vm-crud-shell__close">
             <i class="ri-close-line" />
             <span class="sr-only">Close</span>
@@ -33,7 +35,9 @@
             class="vm-data-i18n-btn__field"
             :style="{ gridColumn: `span ${fieldSpan}` }"
           >
-            <Label class="vm-data-i18n-btn__label">业务表</Label>
+            <Label class="vm-data-i18n-btn__label">
+              {{ crudLabel('dataI18nTable', crud.dict.label) }}
+            </Label>
             <Input
               class="vm-data-i18n-btn__control is-readonly"
               :model-value="tableName"
@@ -46,7 +50,7 @@
             :style="{ gridColumn: `span ${fieldSpan}` }"
           >
             <Label class="vm-data-i18n-btn__label">
-              目标语种
+              {{ crudLabel('dataI18nLang', crud.dict.label) }}
               <span class="vm-data-i18n-btn__req">*</span>
             </Label>
             <vm-select
@@ -55,7 +59,7 @@
               :options="langOptions"
               :refresh-on-change="false"
               width="100%"
-              placeholder="选择语种"
+              :placeholder="crudLabel('dataI18nPickLang', crud.dict.label)"
             />
           </div>
 
@@ -64,7 +68,7 @@
             :style="{ gridColumn: `span ${fieldSpan}` }"
           >
             <Label class="vm-data-i18n-btn__label">
-              AI 模型
+              {{ crudLabel('dataI18nModel', crud.dict.label) }}
               <span class="vm-data-i18n-btn__req">*</span>
             </Label>
             <vm-select
@@ -73,7 +77,7 @@
               :options="modelOptions"
               :refresh-on-change="false"
               width="100%"
-              placeholder="请选择模型"
+              :placeholder="crudLabel('dataI18nPickModel', crud.dict.label)"
             />
           </div>
 
@@ -82,7 +86,7 @@
             :style="{ gridColumn: `span ${fieldSpan}` }"
           >
             <Label class="vm-data-i18n-btn__label">
-              模式
+              {{ crudLabel('dataI18nMode', crud.dict.label) }}
               <span class="vm-data-i18n-btn__req">*</span>
             </Label>
             <vm-select
@@ -102,7 +106,7 @@
             :disabled="submitting"
             @click="open = false"
           >
-            取消
+            {{ crudLabel('close', crud.dict.label) }}
           </button>
           <button
             type="button"
@@ -110,7 +114,11 @@
             :disabled="submitting || !form.model || !form.langCode"
             @click="runTranslate"
           >
-            {{ submitting ? '翻译中…' : '翻译' }}
+            {{
+              submitting
+                ? crudLabel('dataI18nTranslating', crud.dict.label)
+                : crudLabel('dataI18nTranslate', crud.dict.label)
+            }}
           </button>
         </DialogFooter>
       </DialogContent>
@@ -127,6 +135,7 @@ import { useVome } from '../hooks/useVome'
 import { useCrud } from './useCrud'
 import VmSelect from './components/vm-select.vue'
 import { resolveFormSpan, useFormCols } from './span'
+import { crudFormat, crudLabel } from './style'
 import {
   canUseDataI18n,
   dataPackFromService,
@@ -160,10 +169,16 @@ const form = reactive({
   mode: 'incremental' as 'incremental' | 'full',
 })
 
-const modeOptions = [
-  { label: '增量翻译', value: 'incremental' },
-  { label: '全量覆盖', value: 'full' },
-]
+const modeOptions = computed(() => [
+  {
+    label: crudLabel('dataI18nModeIncremental', crud.dict.label),
+    value: 'incremental',
+  },
+  {
+    label: crudLabel('dataI18nModeFull', crud.dict.label),
+    value: 'full',
+  },
+])
 
 const meta = computed(() =>
   canUseDataI18n(crud.service, service, props.tableName),
@@ -245,20 +260,20 @@ async function runTranslate() {
   if (submitting.value || props.disabled) return
   const table = tableName.value
   if (!table) {
-    toast.error('未解析到业务表名')
+    toast.error(crudLabel('dataI18nNoTable', crud.dict.label))
     return
   }
   if (!form.langCode || form.langCode === 'zh-CN') {
-    toast.error('请选择非中文目标语种')
+    toast.error(crudLabel('dataI18nNeedLang', crud.dict.label))
     return
   }
   if (!form.model) {
-    toast.error('请选择 AI 模型')
+    toast.error(crudLabel('dataI18nNeedModel', crud.dict.label))
     return
   }
   const dataPack = dataPackFromService(service)
   if (!dataPack?.translateTable) {
-    toast.error('未配置业务翻译服务')
+    toast.error(crudLabel('dataI18nNoService', crud.dict.label))
     return
   }
   submitting.value = true
@@ -279,7 +294,9 @@ async function runTranslate() {
     if (isAiStreamResult(out)) {
       for await (const chunk of out.stream) {
         if (chunk.type === 'error') {
-          throw new Error(chunk.error?.message || 'AI 翻译失败')
+          throw new Error(
+            chunk.error?.message || crudLabel('dataI18nFail', crud.dict.label),
+          )
         }
         if (chunk.type === 'done') {
           skipped = Boolean(chunk.data?.skipped)
@@ -298,9 +315,11 @@ async function runTranslate() {
       rowCount = Number(res?.rowCount ?? 0)
     }
     if (skipped) {
-      toast.message(message || '已跳过')
+      toast.message(message || crudLabel('dataI18nSkipped', crud.dict.label))
     } else {
-      toast.success(`翻译完成，共 ${rowCount} 条`)
+      toast.success(
+        crudFormat(crudLabel('dataI18nDone', crud.dict.label), rowCount),
+      )
     }
     open.value = false
     if (crud.dataI18nLangCode) {
@@ -311,7 +330,11 @@ async function runTranslate() {
     }
     await crud.refresh()
   } catch (e) {
-    toast.error(e instanceof Error ? e.message : '翻译失败')
+    toast.error(
+      e instanceof Error
+        ? e.message
+        : crudLabel('dataI18nFail', crud.dict.label),
+    )
   } finally {
     submitting.value = false
   }

package/dist/admin/crud/vm-data-i18n-lang.vue

@@ -1,40 +1,84 @@
 <template>
-  <DropdownMenu v-if="langs.length" :modal="false">
-    <DropdownMenuTrigger as-child>
-      <button
-        type="button"
-        class="vm-crud-toolbar__btn is-ghost vm-data-i18n-lang__btn"
-        :disabled="switching"
-        :title="current?.name || langCode"
-      >
-        <span class="vm-data-i18n-lang__flag" aria-hidden="true">
-          {{ current?.flag || '🏳️' }}
-        </span>
-        切换
-      </button>
-    </DropdownMenuTrigger>
-    <DropdownMenuContent align="start" class="vm-data-i18n-lang__menu">
-      <DropdownMenuItem
-        v-for="lang in langs"
-        :key="lang.value"
-        class="vm-data-i18n-lang__item"
-        :class="{ 'is-active': langCode === lang.value }"
-        :disabled="switching"
-        @click="switchLang(lang.value)"
-      >
-        <span class="vm-data-i18n-lang__flag" aria-hidden="true">
-          {{ lang.flag || '🏳️' }}
-        </span>
-        <span class="vm-data-i18n-lang__label">{{ lang.name || lang.label }}</span>
-      </DropdownMenuItem>
-    </DropdownMenuContent>
-  </DropdownMenu>
+  <div v-if="targetLangs.length" class="vm-data-i18n-lang">
+    <DropdownMenu :modal="false">
+      <DropdownMenuTrigger as-child>
+        <button
+          type="button"
+          class="vm-crud-toolbar__btn is-ghost vm-data-i18n-lang__btn"
+          :disabled="switching"
+          :title="
+            crudFormat(
+              crudLabel('dataI18nTargetLang', crud.dict.label),
+              targetCurrent?.name || targetCode,
+            )
+          "
+        >
+          <span class="vm-data-i18n-lang__flag" aria-hidden="true">
+            {{ targetCurrent?.flag || '🏳️' }}
+          </span>
+          {{ crudLabel('dataI18nSwitch', crud.dict.label) }}
+        </button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent align="start" class="vm-data-i18n-lang__menu">
+        <DropdownMenuItem
+          v-for="lang in targetLangs"
+          :key="lang.value"
+          class="vm-data-i18n-lang__item"
+          :class="{ 'is-active': targetCode === lang.value }"
+          :disabled="switching"
+          @click="switchTarget(lang.value)"
+        >
+          <span class="vm-data-i18n-lang__flag" aria-hidden="true">
+            {{ lang.flag || '🏳️' }}
+          </span>
+          <span class="vm-data-i18n-lang__label">{{ lang.name || lang.label }}</span>
+        </DropdownMenuItem>
+      </DropdownMenuContent>
+    </DropdownMenu>
+
+    <DropdownMenu :modal="false">
+      <DropdownMenuTrigger as-child>
+        <button
+          type="button"
+          class="vm-crud-toolbar__btn is-ghost vm-data-i18n-lang__btn"
+          :disabled="switching"
+          :title="
+            crudFormat(
+              crudLabel('dataI18nSourceLang', crud.dict.label),
+              sourceCurrent?.name || sourceCode,
+            )
+          "
+        >
+          <span class="vm-data-i18n-lang__flag" aria-hidden="true">
+            {{ sourceCurrent?.flag || '🇨🇳' }}
+          </span>
+          {{ crudLabel('dataI18nSource', crud.dict.label) }}
+        </button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent align="start" class="vm-data-i18n-lang__menu">
+        <DropdownMenuItem
+          v-for="lang in sourceLangs"
+          :key="lang.value"
+          class="vm-data-i18n-lang__item"
+          :class="{ 'is-active': sourceCode === lang.value }"
+          :disabled="switching"
+          @click="switchSource(lang.value)"
+        >
+          <span class="vm-data-i18n-lang__flag" aria-hidden="true">
+            {{ lang.flag || '🏳️' }}
+          </span>
+          <span class="vm-data-i18n-lang__label">{{ lang.name || lang.label }}</span>
+        </DropdownMenuItem>
+      </DropdownMenuContent>
+    </DropdownMenu>
+  </div>
 </template>
 
 <script setup lang="ts">
 import { computed, onMounted, ref, watch } from 'vue'
 import { useVome } from '../hooks/useVome'
 import { useCrud } from './useCrud'
+import { crudFormat, crudLabel } from './style'
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -50,15 +94,49 @@ const { service } = useVome()
 const langs = ref<DataI18nLangOption[]>([])
 const switching = ref(false)
 
-const langCode = computed({
+const targetCode = computed({
   get: () => crud.dataI18nLangCode?.value || '',
   set: (v: string) => {
     if (crud.dataI18nLangCode) crud.dataI18nLangCode.value = v
   },
 })
 
-const current = computed(
-  () => langs.value.find((l) => l.value === langCode.value) || langs.value[0],
+const sourceCode = computed({
+  get: () => crud.dataI18nSourceLangCode?.value || 'zh-CN',
+  set: (v: string) => {
+    if (crud.dataI18nSourceLangCode) crud.dataI18nSourceLangCode.value = v
+  },
+})
+
+const targetLangs = computed(() =>
+  langs.value.filter((l) => l.value !== 'zh-CN'),
+)
+
+const sourceLangs = computed(() => {
+  const zhName = crudLabel('dataI18nZh', crud.dict.label)
+  const zh: DataI18nLangOption = {
+    label: `${zhName} (zh-CN)`,
+    value: 'zh-CN',
+    name: zhName,
+    flag: '🇨🇳',
+  }
+  // 对照可选中文 + 其它语种（不含当前目标，避免无意义对照）
+  const rest = langs.value.filter(
+    (l) => l.value !== 'zh-CN' && l.value !== targetCode.value,
+  )
+  return [zh, ...rest]
+})
+
+const targetCurrent = computed(
+  () =>
+    targetLangs.value.find((l) => l.value === targetCode.value) ||
+    targetLangs.value[0],
+)
+
+const sourceCurrent = computed(
+  () =>
+    sourceLangs.value.find((l) => l.value === sourceCode.value) ||
+    sourceLangs.value[0],
 )
 
 async function loadLangs() {
@@ -66,7 +144,7 @@ async function loadLangs() {
     .i18n?.lang
   if (!langSvc?.list) {
     langs.value = [{ label: 'en-US', value: 'en-US', name: 'en-US', flag: '🇺🇸' }]
-    ensureLang()
+    ensureLangs()
     return
   }
   try {
@@ -76,34 +154,53 @@ async function loadLangs() {
       flag?: string
     }>
     langs.value = (rows || [])
-      .filter((r) => r.code && r.code !== 'zh-CN')
+      .filter((r) => r.code)
       .map((r) => ({
         label: `${r.name || r.code} (${r.code})`,
         value: String(r.code),
         name: String(r.name || r.code),
-        flag: r.flag || '🏳️',
+        flag: r.flag || (r.code === 'zh-CN' ? '🇨🇳' : '🏳️'),
       }))
   } catch {
     langs.value = [{ label: 'en-US', value: 'en-US', name: 'en-US', flag: '🇺🇸' }]
   }
-  ensureLang()
+  ensureLangs()
   if (crud.trashMode.value === 'dataI18n') {
     await crud.refresh()
   }
 }
 
-function ensureLang() {
-  if (!langs.value.length) return
-  if (!langCode.value || !langs.value.some((l) => l.value === langCode.value)) {
-    langCode.value = langs.value[0]!.value
+function ensureLangs() {
+  if (!targetLangs.value.length) return
+  if (
+    !targetCode.value ||
+    !targetLangs.value.some((o) => o.value === targetCode.value)
+  ) {
+    targetCode.value = targetLangs.value[0]!.value
+  }
+  if (!sourceCode.value) sourceCode.value = 'zh-CN'
+  if (sourceCode.value === targetCode.value) sourceCode.value = 'zh-CN'
+}
+
+async function switchTarget(code: string) {
+  if (switching.value || !code || code === targetCode.value) return
+  switching.value = true
+  try {
+    targetCode.value = code
+    if (sourceCode.value === code) sourceCode.value = 'zh-CN'
+    crud.pagination.value = { ...crud.pagination.value, page: 1 }
+    await crud.refresh()
+  } finally {
+    switching.value = false
   }
 }
 
-async function switchLang(code: string) {
-  if (switching.value || !code || code === langCode.value) return
+async function switchSource(code: string) {
+  if (switching.value || !code || code === sourceCode.value) return
+  if (code === targetCode.value) return
   switching.value = true
   try {
-    langCode.value = code
+    sourceCode.value = code
     crud.pagination.value = { ...crud.pagination.value, page: 1 }
     await crud.refresh()
   } finally {
@@ -124,6 +221,12 @@ onMounted(() => {
 </script>
 
 <style lang="scss" scoped>
+.vm-data-i18n-lang {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+}
+
 .vm-crud-toolbar__btn {
   display: inline-flex;
   height: 36px;

package/dist/admin/crud/vm-table.vue

@@ -277,7 +277,9 @@
         @interact-outside="preventDialogOutsideClose"
       >
         <DialogHeader class="vm-crud-shell__head">
-          <DialogTitle class="vm-crud-shell__title">编辑译文</DialogTitle>
+          <DialogTitle class="vm-crud-shell__title">
+            {{ crudLabel('dataI18nEdit', crud.dict.label) }}
+          </DialogTitle>
           <DialogClose class="vm-crud-shell__close">
             <i class="ri-close-line" />
             <span class="sr-only">Close</span>
@@ -296,17 +298,27 @@
             />
           </div>
           <div
+            v-for="f in dataI18nEditFields"
+            :key="f.name"
             class="vm-data-i18n-edit__field"
             :style="{ gridColumn: `span ${dataI18nEditSpan}` }"
           >
-            <Label class="vm-data-i18n-edit__label">
-              value
-              <span class="vm-data-i18n-edit__req">*</span>
-            </Label>
+            <Label class="vm-data-i18n-edit__label">{{ f.label || f.name }}</Label>
             <Input
               class="vm-data-i18n-edit__control"
-              v-model="dataI18nEditForm.value"
+              v-model="dataI18nEditForm.values[f.name]"
             />
+            <div
+              v-if="dataI18nEditForm.sources[f.name]"
+              class="vm-data-i18n-edit__source"
+            >
+              {{
+                crudFormat(
+                  crudLabel('dataI18nCompare', crud.dict.label),
+                  dataI18nEditForm.sources[f.name],
+                )
+              }}
+            </div>
           </div>
         </div>
         <DialogFooter class="vm-crud-shell__foot">
@@ -316,7 +328,7 @@
             :disabled="dataI18nEditSubmitting"
             @click="dataI18nEditOpen = false"
           >
-            取消
+            {{ crudLabel('close', crud.dict.label) }}
           </button>
           <button
             type="button"
@@ -324,7 +336,11 @@
             :disabled="dataI18nEditSubmitting"
             @click="saveDataI18nEdit"
           >
-            {{ dataI18nEditSubmitting ? '保存中…' : '保存' }}
+            {{
+              dataI18nEditSubmitting
+                ? crudLabel('saving', crud.dict.label)
+                : crudLabel('save', crud.dict.label)
+            }}
           </button>
         </DialogFooter>
       </DialogContent>
@@ -339,7 +355,7 @@ import { useCrud } from './useCrud'
 import { injectTableOptions, TABLE_API_KEY } from './key'
 import { flattenTree } from '../lib/tree'
 import { resolveCrudComponent } from './registry'
-import { getCrudStyle, crudLabel, crudT, crudLocaleRev } from './style'
+import { getCrudStyle, crudLabel, crudT, crudFormat, crudLocaleRev } from './style'
 import { findEpsEntity } from '../lib/eps'
 import { useVome } from '../hooks/useVome'
 import { vmConfirm } from './confirm'
@@ -391,17 +407,56 @@ let emptyRo: ResizeObserver | null = null
 
 const overrideColumns = ref<CrudColumn[] | null>(null)
 
-const DATA_I18N_COLUMNS: CrudColumn[] = [
-  { prop: 'id', label: 'ID', minWidth: 100 },
-  { prop: 'value', label: 'value', minWidth: 180 },
-  { prop: 'source', label: '原数据', minWidth: 180 },
-  { type: 'op', buttons: ['edit', 'delete'], width: 140 },
-]
+const DATA_I18N_ID_COL: CrudColumn = {
+  prop: 'id',
+  label: 'ID',
+  minWidth: 100,
+}
+
+const DATA_I18N_OP_COL: CrudColumn = {
+  type: 'op',
+  buttons: ['edit', 'delete'],
+  width: 140,
+}
 
 const isDataI18nView = computed(() => crud.trashMode.value === 'dataI18n')
 
-const columns = computed(() => {
-  if (isDataI18nView.value) return DATA_I18N_COLUMNS
+/** 语言 Tab：按表头/当前页内容估 minWidth（限幅） */
+function dataI18nColMinWidth(header: string, samples: string[]) {
+  let maxChars = [...header].length
+  for (const s of samples) {
+    const n = [...String(s || '')].length
+    if (n > maxChars) maxChars = n
+  }
+  return Math.min(360, Math.max(108, maxChars * 14 + 28))
+}
+
+const columns = computed((): CrudColumn[] => {
+  if (isDataI18nView.value) {
+    void crudLocaleRev.value
+    const fields = crud.dataI18nFields?.value || []
+    const rows = crud.list.value || []
+    const origSuffix = crudLabel('dataI18nOrigSuffix', crud.dict.label)
+    const fieldCols: CrudColumn[] = []
+    for (const f of fields) {
+      const base = f.label || f.name
+      const srcProp = `__src_${f.name}`
+      const srcHeader = `${base}${origSuffix}`
+      const srcSamples = rows.map((r) => String(r[srcProp] ?? ''))
+      const valSamples = rows.map((r) => String(r[f.name] ?? ''))
+      fieldCols.push({
+        prop: srcProp,
+        label: srcHeader,
+        minWidth: dataI18nColMinWidth(srcHeader, srcSamples),
+      })
+      fieldCols.push({
+        prop: f.name,
+        label: base,
+        minWidth: dataI18nColMinWidth(base, valSamples),
+      })
+    }
+    return [DATA_I18N_ID_COL, ...fieldCols, DATA_I18N_OP_COL]
+  }
   const raw =
     overrideColumns.value ||
     (props.columns?.length ? props.columns : tableOpts?.columns || [])
@@ -724,21 +779,36 @@ function deleteRowTargets(row: Record<string, unknown>) {
 const { service: hostService } = useVome()
 const dataI18nEditOpen = ref(false)
 const dataI18nEditSubmitting = ref(false)
-const dataI18nEditForm = ref({ id: '', key: '', value: '' })
+const dataI18nEditForm = ref<{
+  id: string
+  values: Record<string, string>
+  sources: Record<string, string>
+}>({ id: '', values: {}, sources: {} })
 const dataI18nEditFormCols = useFormCols()
 const dataI18nEditSpan = computed(() =>
   resolveFormSpan(12, dataI18nEditFormCols.value),
 )
+const dataI18nEditFields = computed(
+  () => crud.dataI18nFields?.value || [],
+)
 
 function onDataI18nEditOpenChange(v: boolean) {
   dataI18nEditOpen.value = v
 }
 
 function openDataI18nEdit(row: Record<string, unknown>) {
+  const fields = crud.dataI18nFields?.value || []
+  const sources = (row.__sources as Record<string, string>) || {}
+  const values: Record<string, string> = {}
+  const src: Record<string, string> = {}
+  for (const f of fields) {
+    values[f.name] = String(row[f.name] ?? '')
+    src[f.name] = String(sources[f.name] ?? '')
+  }
   dataI18nEditForm.value = {
     id: String(row.id ?? ''),
-    key: String(row.key ?? ''),
-    value: String(row.value ?? ''),
+    values,
+    sources: src,
   }
   dataI18nEditOpen.value = true
 }
@@ -749,7 +819,7 @@ async function saveDataI18nEdit() {
   const dataPack = dataPackFromService(hostService)
   const lang = crud.dataI18nLangCode?.value
   if (!meta.ok || !dataPack?.updateEntry || !lang) {
-    toast.error('未配置业务翻译服务')
+    toast.error(crudLabel('dataI18nNoService', crud.dict.label))
     return
   }
   dataI18nEditSubmitting.value = true
@@ -758,8 +828,7 @@ async function saveDataI18nEdit() {
       tableName: meta.tableName,
       langCode: lang,
       id: dataI18nEditForm.value.id,
-      key: dataI18nEditForm.value.key,
-      value: dataI18nEditForm.value.value,
+      values: { ...dataI18nEditForm.value.values },
     })
     toast.success(crudLabel('saveSuccess', crud.dict.label))
     dataI18nEditOpen.value = false
@@ -776,12 +845,17 @@ async function deleteDataI18nEntry(row: Record<string, unknown>) {
   const dataPack = dataPackFromService(hostService)
   const lang = crud.dataI18nLangCode?.value
   if (!meta.ok || !dataPack?.deleteEntry || !lang) {
-    toast.error('未配置业务翻译服务')
+    toast.error(crudLabel('dataI18nNoService', crud.dict.label))
     return
   }
+  const id = String(row.id ?? '')
+  if (!id) return
   const ok = await vmConfirm({
     title: crudLabel('tips', crud.dict.label),
-    message: crudLabel('deleteConfirm', crud.dict.label),
+    message: crudFormat(
+      crudLabel('dataI18nDeleteConfirm', crud.dict.label),
+      id,
+    ),
     confirmText: crudLabel('confirm', crud.dict.label),
     cancelText: crudLabel('close', crud.dict.label),
   })
@@ -790,8 +864,7 @@ async function deleteDataI18nEntry(row: Record<string, unknown>) {
     await dataPack.deleteEntry({
       tableName: meta.tableName,
       langCode: lang,
-      id: String(row.id ?? ''),
-      key: String(row.key ?? ''),
+      id,
     })
     toast.success(crudLabel('deleteSuccess', crud.dict.label))
     await crud.refresh()
@@ -1283,4 +1356,12 @@ defineExpose({
     cursor: default;
   }
 }
+
+.vm-data-i18n-edit__source {
+  margin-top: 6px;
+  font-size: 12px;
+  line-height: 1.4;
+  color: var(--muted-foreground);
+  word-break: break-word;
+}
 </style>

package/dist/admin/crud/vm-toolbar.vue

@@ -146,7 +146,7 @@ const viewTabs = computed(() => {
     })
   }
   if (dataI18nEnabled.value) {
-    tabs.push({ label: '语言', value: 'dataI18n' })
+    tabs.push({ label: crudLabel('dataI18n', crud.dict.label), value: 'dataI18n' })
   }
   return tabs
 })