更新国际化支持：为自定义规则卡片添加多语言文本，提升用户体验

src/components/cards/BackdropCard.vue

@@ -1,10 +1,5 @@
 <script lang="ts" setup>
 import type { MediaServerPlayItem } from '@/api/types'
-import { useI18n } from 'vue-i18n'
-
-// 国际化
-const { t } = useI18n()
-
 // 输入参数
 const props = defineProps({
   media: Object as PropType<MediaServerPlayItem>,

src/components/cards/CustomRuleCard.vue

@@ -4,6 +4,7 @@ import { useToast } from 'vue-toast-notification'
 import filter_svg from '@images/svg/filter.svg'
 import { cloneDeep } from 'lodash-es'
 import { innerFilterRules } from '@/api/constants'
+import { useI18n } from 'vue-i18n'
 
 // 输入参数
 const props = defineProps({
@@ -21,6 +22,7 @@ const props = defineProps({
 
 // 提示框
 const $toast = useToast()
+const { t } = useI18n()
 
 // 定义触发的自定义事件
 const emit = defineEmits(['close', 'change', 'done'])
@@ -51,28 +53,28 @@ function saveRuleInfo() {
   // 有空值
   if (!ruleInfo.value.id || !ruleInfo.value.name) {
     if (!ruleInfo.value.id && !ruleInfo.value.name) {
-      $toast.error('规则ID和规则名称不能为空')
+      $toast.error(t('customRule.error.emptyIdName'))
     }
     return
   }
   // 检查ID是否在内置的规则中
   if (innerFilterRules.find(option => option.value === ruleInfo.value.id)) {
-    $toast.error('当前规则ID已被内置规则占用')
+    $toast.error(t('customRule.error.idOccupied'))
     return
   }
   // 检查规则名称是否在内置的规则中
   if (innerFilterRules.find(option => option.title === ruleInfo.value.name)) {
-    $toast.error('当前规则名称已被内置规则占用')
+    $toast.error(t('customRule.error.nameOccupied'))
     return
   }
   // ID已存在
   if (ruleInfo.value.id !== props.rule.id && props.rules.find(rule => rule.id === ruleInfo.value.id)) {
-    $toast.error(`规则ID【${ruleInfo.value.id}】已存在`)
+    $toast.error(t('customRule.error.idExists', { id: ruleInfo.value.id }))
     return
   }
   // 规则名称已存在
   if (ruleInfo.value.name !== props.rule.name && props.rules.find(rule => rule.name === ruleInfo.value.name)) {
-    $toast.error(`规则名称【${ruleInfo.value.name}】已存在`)
+    $toast.error(t('customRule.error.nameExists', { name: ruleInfo.value.name }))
     return
   }
   // 保存数据
@@ -105,7 +107,7 @@ function onClose() {
       </VCardText>
     </VCard>
     <VDialog v-if="ruleInfoDialog" v-model="ruleInfoDialog" scrollable max-width="40rem" persistent>
-      <VCard :title="`${props.rule.id} - 配置`" class="rounded-t">
+      <VCard :title="t('customRule.title', { id: props.rule.id })" class="rounded-t">
         <VDialogCloseBtn v-model="ruleInfoDialog" />
         <VDivider />
         <VCardText>
@@ -114,9 +116,9 @@ function onClose() {
               <VCol cols="12" md="6">
                 <VTextField
                   v-model="ruleInfo.id"
-                  label="规则ID"
+                  :label="t('customRule.field.ruleId')"
-                  placeholder="必填；不可与其他规则ID重名"
+                  :placeholder="t('customRule.placeholder.ruleId')"
-                  hint="字符与数字组合，不能含空格"
+                  :hint="t('customRule.hint.ruleId')"
                   persistent-hint
                   active
                 />
@@ -124,9 +126,9 @@ function onClose() {
               <VCol cols="12" md="6">
                 <VTextField
                   v-model="ruleInfo.name"
-                  label="规则名称"
+                  :label="t('customRule.field.ruleName')"
-                  placeholder="必填；不可与其他规则名称重名"
+                  :placeholder="t('customRule.placeholder.ruleName')"
-                  hint="使用别名便于区分规则"
+                  :hint="t('customRule.hint.ruleName')"
                   persistent-hint
                   active
                 />
@@ -134,9 +136,9 @@ function onClose() {
               <VCol cols="12">
                 <VTextField
                   v-model="ruleInfo.include"
-                  placeholder="关键字/正则表达式"
+                  :label="t('customRule.field.include')"
-                  label="包含"
+                  :placeholder="t('customRule.placeholder.include')"
-                  hint="必须包含的关键字或正则表达式，多个值使用｜分隔"
+                  :hint="t('customRule.hint.include')"
                   persistent-hint
                   active
                 />
@@ -144,9 +146,9 @@ function onClose() {
               <VCol cols="12">
                 <VTextField
                   v-model="ruleInfo.exclude"
-                  placeholder="关键字/正则表达式"
+                  :label="t('customRule.field.exclude')"
-                  label="排除"
+                  :placeholder="t('customRule.placeholder.exclude')"
-                  hint="不能包含的关键字或正则表达式，多个值使用｜分隔"
+                  :hint="t('customRule.hint.exclude')"
                   persistent-hint
                   active
                 />
@@ -154,9 +156,9 @@ function onClose() {
               <VCol cols="6">
                 <VTextField
                   v-model="ruleInfo.size_range"
-                  placeholder="0/1-10"
+                  :label="t('customRule.field.sizeRange')"
-                  label="资源体积（MB）"
+                  :placeholder="t('customRule.placeholder.sizeRange')"
-                  hint="最小资源文件体积或体积范围（剧集计算单集平均大小）"
+                  :hint="t('customRule.hint.sizeRange')"
                   persistent-hint
                   active
                 />
@@ -164,9 +166,9 @@ function onClose() {
               <VCol cols="6">
                 <VTextField
                   v-model="ruleInfo.seeders"
-                  placeholder="0/1-10"
+                  :label="t('customRule.field.seeders')"
-                  label="做种人数"
+                  :placeholder="t('customRule.placeholder.seeders')"
-                  hint="最小做种人数或做种人数范围"
+                  :hint="t('customRule.hint.seeders')"
                   persistent-hint
                   active
                 />
@@ -174,9 +176,9 @@ function onClose() {
               <VCol cols="6">
                 <VTextField
                   v-model="ruleInfo.publish_time"
-                  placeholder="0/1-10"
+                  :label="t('customRule.field.publishTime')"
-                  label="发布时间（分钟）"
+                  :placeholder="t('customRule.placeholder.publishTime')"
-                  hint="距离资源发布的最小时间间隔或时间区间"
+                  :hint="t('customRule.hint.publishTime')"
                   persistent-hint
                   active
                 />
@@ -185,7 +187,9 @@ function onClose() {
           </VForm>
         </VCardText>
         <VCardActions class="pt-3">
-          <VBtn @click="saveRuleInfo" variant="elevated" prepend-icon="mdi-content-save" class="px-5"> 确定 </VBtn>
+          <VBtn @click="saveRuleInfo" variant="elevated" prepend-icon="mdi-content-save" class="px-5">{{
+            t('customRule.action.confirm')
+          }}</VBtn>
         </VCardActions>
       </VCard>
     </VDialog>

src/locales/en-US.ts

@@ -1614,4 +1614,44 @@ export default {
       emptyTitle: 'Actions',
     },
   },
+  customRule: {
+    error: {
+      emptyIdName: 'Rule ID and rule name cannot be empty',
+      idOccupied: 'Current rule ID is occupied by built-in rule',
+      nameOccupied: 'Current rule name is occupied by built-in rule',
+      idExists: 'Rule ID [{id}] already exists',
+      nameExists: 'Rule name [{name}] already exists',
+    },
+    title: '{id} - Configuration',
+    field: {
+      ruleId: 'Rule ID',
+      ruleName: 'Rule Name',
+      include: 'Include',
+      exclude: 'Exclude',
+      sizeRange: 'Size (MB)',
+      seeders: 'Seeders',
+      publishTime: 'Publish Time (min)',
+    },
+    placeholder: {
+      ruleId: 'Required; no duplicate with other rule IDs',
+      ruleName: 'Required; no duplicate with other rule names',
+      include: 'Keywords/Regex',
+      exclude: 'Keywords/Regex',
+      sizeRange: '0/1-10',
+      seeders: '0/1-10',
+      publishTime: '0/1-10',
+    },
+    hint: {
+      ruleId: 'Combination of letters and numbers; no spaces',
+      ruleName: 'Use alias for easy identification',
+      include: 'Keywords or regex that must be included, separated by ｜',
+      exclude: 'Keywords or regex that must not be included, separated by ｜',
+      sizeRange: 'Minimum resource file size or range (MB)',
+      seeders: 'Minimum number of seeders or range',
+      publishTime: 'Minimum time since publication or range (min)',
+    },
+    action: {
+      confirm: 'Confirm',
+    },
+  },
 }

src/locales/zh-CN.ts

@@ -1592,4 +1592,44 @@ export default {
       emptyTitle: '操作',
     },
   },
+  customRule: {
+    error: {
+      emptyIdName: '规则ID和规则名称不能为空',
+      idOccupied: '当前规则ID已被内置规则占用',
+      nameOccupied: '当前规则名称已被内置规则占用',
+      idExists: '规则ID【{id}】已存在',
+      nameExists: '规则名称【{name}】已存在',
+    },
+    title: '{id} - 配置',
+    field: {
+      ruleId: '规则ID',
+      ruleName: '规则名称',
+      include: '包含',
+      exclude: '排除',
+      sizeRange: '资源体积（MB）',
+      seeders: '做种人数',
+      publishTime: '发布时间（分钟）',
+    },
+    placeholder: {
+      ruleId: '必填；不可与其他规则ID重名',
+      ruleName: '必填；不可与其他规则名称重名',
+      include: '关键字/正则表达式',
+      exclude: '关键字/正则表达式',
+      sizeRange: '0/1-10',
+      seeders: '0/1-10',
+      publishTime: '0/1-10',
+    },
+    hint: {
+      ruleId: '字符与数字组合，不能含空格',
+      ruleName: '使用别名便于区分规则',
+      include: '必须包含的关键字或正则表达式，多个值使用｜分隔',
+      exclude: '不能包含的关键字或正则表达式，多个值使用｜分隔',
+      sizeRange: '最小资源文件体积或体积范围（剧集计算单集平均大小）',
+      seeders: '最小做种人数或做种人数范围',
+      publishTime: '距离资源发布的最小时间间隔或时间区间',
+    },
+    action: {
+      confirm: '确定',
+    },
+  },
 }

src/locales/zh-TW.ts

@@ -1589,4 +1589,44 @@ export default {
       emptyTitle: '操作',
     },
   },
+  customRule: {
+    error: {
+      emptyIdName: '規則ID和規則名稱不能為空',
+      idOccupied: '當前規則ID已被內置規則佔用',
+      nameOccupied: '當前規則名稱已被內置規則佔用',
+      idExists: '規則ID【{id}】已存在',
+      nameExists: '規則名稱【{name}】已存在',
+    },
+    title: '{id} - 配置',
+    field: {
+      ruleId: '規則ID',
+      ruleName: '規則名稱',
+      include: '包含',
+      exclude: '排除',
+      sizeRange: '資源體積（MB）',
+      seeders: '做種人數',
+      publishTime: '發佈時間（分鐘）',
+    },
+    placeholder: {
+      ruleId: '必填；不可與其他規則ID重名',
+      ruleName: '必填；不可與其他規則名稱重名',
+      include: '關鍵詞/正則表達式',
+      exclude: '關鍵詞/正則表達式',
+      sizeRange: '0/1-10',
+      seeders: '0/1-10',
+      publishTime: '0/1-10',
+    },
+    hint: {
+      ruleId: '字符與數字組合，不能含空格',
+      ruleName: '使用別名便於區分規則',
+      include: '必須包含的關鍵詞或正則表達式，多個值使用｜分隔',
+      exclude: '不能包含的關鍵詞或正則表達式，多個值使用｜分隔',
+      sizeRange: '最小資源文件體積或體積範圍（劇集計算單集平均大小）',
+      seeders: '最小做種人數或做種人數範圍',
+      publishTime: '距離資源發佈的最小時間間隔或時間區間',
+    },
+    action: {
+      confirm: '確定',
+    },
+  },
 }