更新国际化支持：为工作流组件及相关对话框添加多语言文本，提升用户体验

2026-05-16 05:47:36 +08:00 · 2025-04-29 07:16:33 +08:00
parent 83cb69b794
commit 48513efbe0
16 changed files with 639 additions and 105 deletions
--- a/src/components/workflow/AddDownloadAction.vue
+++ b/src/components/workflow/AddDownloadAction.vue
@@ -2,6 +2,9 @@
 import api from '@/api'
 import { DownloaderConf } from '@/api/types'
 import { Handle, Position } from '@vue-flow/core'
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()

 defineProps({
  id: {
@@ -22,7 +25,7 @@ async function loadDownloaderSetting() {
  try {
    const downloaders: DownloaderConf[] = await api.get('download/clients')
    downloaderOptions.value = [
-      { title: '默认', value: '' },
+      { title: t('common.default'), value: '' },
      ...downloaders.map((item: { name: any }) => ({
        title: item.name,
        value: item.name,
@@ -47,23 +50,41 @@ onMounted(() => {
            <VIcon icon="mdi-download" size="x-large"></VIcon>
          </VAvatar>
        </template>
-        <VCardTitle>添加下载</VCardTitle>
-        <VCardSubtitle>根据资源列表添加下载任务</VCardSubtitle>
+        <VCardTitle>{{ t('workflow.addDownload.title') }}</VCardTitle>
+        <VCardSubtitle>{{ t('workflow.addDownload.subtitle') }}</VCardSubtitle>
      </VCardItem>
      <VDivider />
      <VCardText>
        <VRow>
          <VCol cols="12">
-            <VSelect v-model="data.downloader" :items="downloaderOptions" label="下载器" outlined dense />
+            <VSelect
+              v-model="data.downloader"
+              :items="downloaderOptions"
+              :label="t('workflow.addDownload.downloader')"
+              outlined
+              dense
+            />
          </VCol>
          <VCol cols="12">
-            <VTextField v-model="data.labels" label="标签" placeholder="多个使用,分隔" outlined dense />
+            <VTextField
+              v-model="data.labels"
+              :label="t('workflow.addDownload.category')"
+              placeholder="多个使用,分隔"
+              outlined
+              dense
+            />
          </VCol>
          <VCol cols="12">
-            <VPathField v-model="data.save_path" storage="local" label="保存路径" clearable placeholder="留空自动" />
+            <VPathField
+              v-model="data.save_path"
+              storage="local"
+              :label="t('workflow.addDownload.savePath')"
+              clearable
+              placeholder="留空自动"
+            />
          </VCol>
          <VCol cols="12">
-            <VSwitch v-model="data.only_lack" label="仅下载缺失的资源" />
+            <VSwitch v-model="data.only_lack" :label="t('workflow.addDownload.onlyLack')" />
          </VCol>
        </VRow>
      </VCardText>
--- a/src/components/workflow/AddSubscribeAction.vue
+++ b/src/components/workflow/AddSubscribeAction.vue
@@ -1,5 +1,8 @@
 <script setup lang="ts">
 import { Handle, Position } from '@vue-flow/core'
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()

 defineProps({
  id: {
@@ -22,8 +25,8 @@ defineProps({
            <VIcon icon="mdi-star-plus" size="x-large"></VIcon>
          </VAvatar>
        </template>
-        <VCardTitle>添加订阅</VCardTitle>
-        <VCardSubtitle>根据媒体列表添加订阅</VCardSubtitle>
+        <VCardTitle>{{ t('workflow.addSubscribe.title') }}</VCardTitle>
+        <VCardSubtitle>{{ t('workflow.addSubscribe.subtitle') }}</VCardSubtitle>
      </VCardItem>
      <Handle id="edge_out" type="source" :position="Position.Right" />
    </VCard>
--- a/src/components/workflow/FetchDownloadsAction.vue
+++ b/src/components/workflow/FetchDownloadsAction.vue
@@ -1,5 +1,8 @@
 <script setup lang="ts">
 import { Handle, Position } from '@vue-flow/core'
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()

 defineProps({
  id: {
@@ -22,21 +25,21 @@ defineProps({
            <VIcon icon="mdi-progress-download" size="x-large"></VIcon>
          </VAvatar>
        </template>
-        <VCardTitle>获取下载任务</VCardTitle>
-        <VCardSubtitle>获取下载队列中的任务状态</VCardSubtitle>
+        <VCardTitle>{{ t('workflow.fetchDownloads.title') }}</VCardTitle>
+        <VCardSubtitle>{{ t('workflow.fetchDownloads.subtitle') }}</VCardSubtitle>
      </VCardItem>
      <VDivider />
      <VCardText>
        <VRow>
          <VCol cols="12">
-            <VSwitch v-model="data.loop" label="循环执行" />
+            <VSwitch v-model="data.loop" :label="t('workflow.fetchDownloads.loop')" />
          </VCol>
          <VCol cols="12">
            <VTextField
              v-model="data.loop_interval"
              :disabled="!data.loop"
              type="number"
-              label="循环间隔 (秒)"
+              :label="t('workflow.fetchDownloads.loopInterval')"
              outlined
              dense
              clearable
--- a/src/components/workflow/FetchMediasAction.vue
+++ b/src/components/workflow/FetchMediasAction.vue
@@ -2,6 +2,9 @@
 import { Handle, Position } from '@vue-flow/core'
 import api from '@/api'
 import { RecommendSource } from '@/api/types'
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()

 defineProps({
  id: {
@@ -18,55 +21,55 @@ defineProps({
 const innerList = [
  {
    'api_path': 'recommend/tmdb_trending',
-    'name': '流行趋势',
+    'name': t('workflow.fetchMedias.tmdbTrending'),
  },
  {
    'api_path': 'recommend/douban_showing',
-    'name': '正在热映',
+    'name': t('workflow.fetchMedias.doubanShowing'),
  },
  {
    'api_path': 'recommend/bangumi_calendar',
-    'name': 'Bangumi每日放送',
+    'name': t('workflow.fetchMedias.bangumiCalendar'),
  },
  {
    'api_path': 'recommend/tmdb_movies',
-    'name': 'TMDB热门电影',
+    'name': t('workflow.fetchMedias.tmdbMovies'),
  },
  {
    'api_path': 'recommend/tmdb_tvs?with_original_language=zh|en|ja|ko',
-    'name': 'TMDB热门电视剧',
+    'name': t('workflow.fetchMedias.tmdbTvs'),
  },
  {
    'api_path': 'recommend/douban_movie_hot',
-    'name': '豆瓣热门电影',
+    'name': t('workflow.fetchMedias.doubanMovieHot'),
  },
  {
    'api_path': 'recommend/douban_tv_hot',
-    'name': '豆瓣热门电视剧',
+    'name': t('workflow.fetchMedias.doubanTvHot'),
  },
  {
    'api_path': 'recommend/douban_tv_animation',
-    'name': '豆瓣热门动漫',
+    'name': t('workflow.fetchMedias.doubanTvAnimation'),
  },
  {
    'api_path': 'recommend/douban_movies',
-    'name': '豆瓣最新电影',
+    'name': t('workflow.fetchMedias.doubanMovies'),
  },
  {
    'api_path': 'recommend/douban_tvs',
-    'name': '豆瓣最新电视剧',
+    'name': t('workflow.fetchMedias.doubanTvs'),
  },
  {
    'api_path': 'recommend/douban_movie_top250',
-    'name': '豆瓣电影TOP250',
+    'name': t('workflow.fetchMedias.doubanMovieTop250'),
  },
  {
    'api_path': 'recommend/douban_tv_weekly_chinese',
-    'name': '豆瓣国产剧集榜',
+    'name': t('workflow.fetchMedias.doubanTvWeeklyChinese'),
  },
  {
    'api_path': 'recommend/douban_tv_weekly_global',
-    'name': '豆瓣全球剧集榜',
+    'name': t('workflow.fetchMedias.doubanTvWeeklyGlobal'),
  },
 ]

@@ -92,8 +95,8 @@ async function loadExtraRecommendSources() {

 // 来源类型下拉框
 const sourceTypeOptions = [
-  { value: 'ranking', title: '推荐榜单' },
-  { value: 'api', title: 'API' },
+  { value: 'ranking', title: t('workflow.fetchMedias.ranking') },
+  { value: 'api', title: t('workflow.fetchMedias.api') },
 ]

 // 计算下拉框
@@ -113,14 +116,20 @@ onMounted(() => {
            <VIcon icon="mdi-movie-search" size="x-large"></VIcon>
          </VAvatar>
        </template>
-        <VCardTitle>获取媒体数据</VCardTitle>
-        <VCardSubtitle>获取榜单等媒体数据列表</VCardSubtitle>
+        <VCardTitle>{{ t('workflow.fetchMedias.title') }}</VCardTitle>
+        <VCardSubtitle>{{ t('workflow.fetchMedias.subtitle') }}</VCardSubtitle>
      </VCardItem>
      <VDivider />
      <VCardText>
        <VRow>
          <VCol cols="12">
-            <VSelect v-model="data.source_type" :items="sourceTypeOptions" label="来源" outlined dense />
+            <VSelect
+              v-model="data.source_type"
+              :items="sourceTypeOptions"
+              :label="t('workflow.fetchMedias.source')"
+              outlined
+              dense
+            />
          </VCol>
        </VRow>
        <VRow v-if="data.source_type === 'ranking'">
@@ -128,7 +137,7 @@ onMounted(() => {
            <VSelect
              v-model="data.sources"
              :items="sourceOptions"
-              label="选择榜单"
+              :label="t('workflow.fetchMedias.selectRanking')"
              chips
              multiple
              outlined
@@ -141,7 +150,7 @@ onMounted(() => {
          <VCol cols="12">
            <VTextField
              v-model="data.api_path"
-              label="API地址"
+              :label="t('workflow.fetchMedias.apiPath')"
              placeholder="/api/v1/plugin/xxx/xxxx"
              outlined
              dense
--- a/src/components/workflow/FetchRssAction.vue
+++ b/src/components/workflow/FetchRssAction.vue
@@ -1,5 +1,8 @@
 <script setup lang="ts">
 import { Handle, Position } from '@vue-flow/core'
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()

 defineProps({
  id: {
@@ -22,26 +25,33 @@ defineProps({
            <VIcon icon="mdi-rss" size="x-large"></VIcon>
          </VAvatar>
        </template>
-        <VCardTitle>获取RSS资源</VCardTitle>
-        <VCardSubtitle>订阅RSS地址获取资源</VCardSubtitle>
+        <VCardTitle>{{ t('workflow.fetchRss.title') }}</VCardTitle>
+        <VCardSubtitle>{{ t('workflow.fetchRss.subtitle') }}</VCardSubtitle>
      </VCardItem>
      <VDivider />
      <VCardText>
        <VRow>
          <VCol cols="12">
-            <VTextField v-model="data.url" label="RSS地址" outlined dense clearable />
+            <VTextField v-model="data.url" :label="t('workflow.fetchRss.url')" outlined dense clearable />
          </VCol>
          <VCol cols="12">
-            <VTextField v-model="data.ua" label="User-Agent" outlined dense clearable />
+            <VTextField v-model="data.ua" :label="t('workflow.fetchRss.userAgent')" outlined dense clearable />
          </VCol>
          <VCol cols="12">
-            <VTextField v-model="data.timeout" type="number" label="超时时间" outlined dense clearable />
+            <VTextField
+              v-model="data.timeout"
+              type="number"
+              :label="t('workflow.fetchRss.timeout')"
+              outlined
+              dense
+              clearable
+            />
          </VCol>
          <VCol cols="6">
-            <VSwitch v-model="data.match_media" label="匹配媒体信息" />
+            <VSwitch v-model="data.match_media" :label="t('workflow.fetchRss.matchMedia')" />
          </VCol>
          <VCol cols="6">
-            <VSwitch v-model="data.proxy" label="使用代理" />
+            <VSwitch v-model="data.proxy" :label="t('workflow.fetchRss.useProxy')" />
          </VCol>
        </VRow>
      </VCardText>
--- a/src/components/workflow/FetchTorrentsAction.vue
+++ b/src/components/workflow/FetchTorrentsAction.vue
@@ -2,6 +2,9 @@
 import api from '@/api'
 import { Site } from '@/api/types'
 import { Handle, Position } from '@vue-flow/core'
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()

 defineProps({
  id: {
@@ -17,11 +20,11 @@ defineProps({
 // 电影/电视剧下拉框
 const typeOptions = ref([
  {
-    title: '电影',
+    title: t('mediaType.movie'),
    value: '电影',
  },
  {
-    title: '电视剧',
+    title: t('mediaType.tv'),
    value: '电视剧',
  },
 ])
@@ -29,11 +32,11 @@ const typeOptions = ref([
 // 搜索方式下拉框
 const searchOptions = ref([
  {
-    title: '名称',
+    title: t('workflow.fetchTorrents.searchOptions.name'),
    value: 'keyword',
  },
  {
-    title: '媒体列表',
+    title: t('workflow.fetchTorrents.searchOptions.mediaList'),
    value: 'media',
  },
 ])
@@ -77,38 +80,64 @@ onMounted(() => {
            <VIcon icon="mdi-search-web" size="x-large"></VIcon>
          </VAvatar>
        </template>
-        <VCardTitle>搜索站点资源</VCardTitle>
-        <VCardSubtitle>搜索站点种子资源列表</VCardSubtitle>
+        <VCardTitle>{{ t('workflow.fetchTorrents.title') }}</VCardTitle>
+        <VCardSubtitle>{{ t('workflow.fetchTorrents.subtitle') }}</VCardSubtitle>
      </VCardItem>
      <VDivider />
      <VCardText>
        <VRow>
          <VCol cols="12">
-            <VSelect v-model="data.search_type" label="搜索方式" :items="searchOptions" outlined dense />
+            <VSelect
+              v-model="data.search_type"
+              :label="t('workflow.fetchTorrents.searchType')"
+              :items="searchOptions"
+              outlined
+              dense
+            />
          </VCol>
        </VRow>
        <VRow v-if="data.search_type === 'keyword'">
          <VCol cols="6">
-            <VTextField v-model="data.name" label="名称" outlined dense />
+            <VTextField v-model="data.name" :label="t('workflow.fetchTorrents.name')" outlined dense />
          </VCol>
          <VCol cols="6">
-            <VTextField v-model="data.year" label="年份" outlined dense />
+            <VTextField v-model="data.year" :label="t('workflow.fetchTorrents.year')" outlined dense />
          </VCol>
          <VCol cols="6">
-            <VSelect v-model="data.type" label="类型" :items="typeOptions" outlined dense />
+            <VSelect
+              v-model="data.type"
+              :label="t('workflow.fetchTorrents.type')"
+              :items="typeOptions"
+              outlined
+              dense
+            />
          </VCol>
          <VCol cols="6">
-            <VTextField v-model="data.season" type="number" label="季" outlined dense />
+            <VTextField
+              v-model="data.season"
+              type="number"
+              :label="t('workflow.fetchTorrents.season')"
+              outlined
+              dense
+            />
          </VCol>
        </VRow>
        <VRow>
          <VCol cols="12">
-            <VSelect v-model="data.sites" label="站点" :items="siteOptions" chips multiple outlined dense />
+            <VSelect
+              v-model="data.sites"
+              :label="t('workflow.fetchTorrents.sites')"
+              :items="siteOptions"
+              chips
+              multiple
+              outlined
+              dense
+            />
          </VCol>
        </VRow>
        <VRow v-if="data.search_type === 'keyword'">
          <VCol cols="12">
-            <VSwitch v-model="data.match_media" label="匹配媒体信息" />
+            <VSwitch v-model="data.match_media" :label="t('workflow.fetchTorrents.matchMedia')" />
          </VCol>
        </VRow>
      </VCardText>
--- a/src/components/workflow/FilterMediasAction.vue
+++ b/src/components/workflow/FilterMediasAction.vue
@@ -1,6 +1,9 @@
 <script setup lang="ts">
 import api from '@/api'
 import { Handle, Position } from '@vue-flow/core'
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()

 const props = defineProps({
  id: {
@@ -16,11 +19,11 @@ const props = defineProps({
 // 电影/电视剧下拉框
 const typeOptions = ref([
  {
-    title: '电影',
+    title: t('mediaType.movie'),
    value: '电影',
  },
  {
-    title: '电视剧',
+    title: t('mediaType.tv'),
    value: '电视剧',
  },
 ])
@@ -39,7 +42,7 @@ async function loadMediaCategories() {

 // 根据选中的媒体类型，获取对应的媒体类别
 const getCategories = computed(() => {
-  const default_value = [{ title: '全部', value: '' }]
+  const default_value = [{ title: t('common.all'), value: '' }]
  if (!mediaCategories.value || !mediaCategories.value[props.data.type ?? '']) return default_value
  return default_value.concat(mediaCategories.value[props.data.type ?? ''])
 })
@@ -58,20 +61,20 @@ onMounted(() => {
            <VIcon icon="mdi-filter-check" size="x-large"></VIcon>
          </VAvatar>
        </template>
-        <VCardTitle>过滤媒体数据</VCardTitle>
-        <VCardSubtitle>对媒体数据列表进行过滤</VCardSubtitle>
+        <VCardTitle>{{ t('workflow.filterMedias.title') }}</VCardTitle>
+        <VCardSubtitle>{{ t('workflow.filterMedias.subtitle') }}</VCardSubtitle>
      </VCardItem>
      <VDivider />
      <VCardText>
        <VRow>
          <VCol cols="12">
-            <VSelect v-model="data.type" label="类型" :items="typeOptions" outlined dense />
+            <VSelect v-model="data.type" :label="t('workflow.filterMedias.type')" :items="typeOptions" outlined dense />
          </VCol>
          <VCol cols="6">
-            <VTextField v-model="data.year" label="年份" outlined dense />
+            <VTextField v-model="data.year" :label="t('workflow.filterMedias.year')" outlined dense />
          </VCol>
          <VCol cols="6">
-            <VTextField v-model="data.vote" type="number" label="评分" outlined dense />
+            <VTextField v-model="data.vote" type="number" :label="t('workflow.filterMedias.vote')" outlined dense />
          </VCol>
        </VRow>
      </VCardText>
--- a/src/components/workflow/FilterTorrentsAction.vue
+++ b/src/components/workflow/FilterTorrentsAction.vue
@@ -2,6 +2,9 @@
 import api from '@/api'
 import { FilterRuleGroup } from '@/api/types'
 import { Handle, Position } from '@vue-flow/core'
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()

 defineProps({
  id: {
@@ -17,39 +20,39 @@ defineProps({
 // 质量选择框数据
 const qualityOptions = ref([
  {
-    title: '全部',
+    title: t('workflow.filterTorrents.qualityOptions.all'),
    value: '',
  },
  {
-    title: '蓝光原盘',
+    title: t('workflow.filterTorrents.qualityOptions.blurayOriginal'),
    value: 'Blu-?Ray.+VC-?1|Blu-?Ray.+AVC|UHD.+blu-?ray.+HEVC|MiniBD',
  },
  {
-    title: 'Remux',
+    title: t('workflow.filterTorrents.qualityOptions.remux'),
    value: 'Remux',
  },
  {
-    title: 'BluRay',
+    title: t('workflow.filterTorrents.qualityOptions.bluray'),
    value: 'Blu-?Ray',
  },
  {
-    title: 'UHD',
+    title: t('workflow.filterTorrents.qualityOptions.uhd'),
    value: 'UHD|UltraHD',
  },
  {
-    title: 'WEB-DL',
+    title: t('workflow.filterTorrents.qualityOptions.webdl'),
    value: 'WEB-?DL|WEB-?RIP',
  },
  {
-    title: 'HDTV',
+    title: t('workflow.filterTorrents.qualityOptions.hdtv'),
    value: 'HDTV',
  },
  {
-    title: 'H265',
+    title: t('workflow.filterTorrents.qualityOptions.h265'),
    value: '[Hx].?265|HEVC',
  },
  {
-    title: 'H264',
+    title: t('workflow.filterTorrents.qualityOptions.h264'),
    value: '[Hx].?264|AVC',
  },
 ])
@@ -57,19 +60,19 @@ const qualityOptions = ref([
 // 分辨率选择框数据
 const resolutionOptions = ref([
  {
-    title: '全部',
+    title: t('workflow.filterTorrents.resolutionOptions.all'),
    value: '',
  },
  {
-    title: '4k',
+    title: t('workflow.filterTorrents.resolutionOptions.4k'),
    value: '4K|2160p|x2160',
  },
  {
-    title: '1080p',
+    title: t('workflow.filterTorrents.resolutionOptions.1080p'),
    value: '1080[pi]|x1080',
  },
  {
-    title: '720p',
+    title: t('workflow.filterTorrents.resolutionOptions.720p'),
    value: '720[pi]|x720',
  },
 ])
@@ -77,23 +80,23 @@ const resolutionOptions = ref([
 // 特效选择框数据
 const effectOptions = ref([
  {
-    title: '全部',
+    title: t('workflow.filterTorrents.effectOptions.all'),
    value: '',
  },
  {
-    title: '杜比视界',
+    title: t('workflow.filterTorrents.effectOptions.dolbyVision'),
    value: 'Dolby[\\s.]+Vision|DOVI|[\\s.]+DV[\\s.]+',
  },
  {
-    title: '杜比全景声',
+    title: t('workflow.filterTorrents.effectOptions.dolbyAtmos'),
    value: 'Dolby[\\s.]*\\+?Atmos|Atmos',
  },
  {
-    title: 'HDR',
+    title: t('workflow.filterTorrents.effectOptions.hdr'),
    value: '[\\s.]+HDR[\\s.]+|HDR10|HDR10\\+',
  },
  {
-    title: 'SDR',
+    title: t('workflow.filterTorrents.effectOptions.sdr'),
    value: '[\\s.]+SDR[\\s.]+',
  },
 ])
@@ -133,36 +136,60 @@ onMounted(() => {
            <VIcon icon="mdi-filter-multiple" size="x-large"></VIcon>
          </VAvatar>
        </template>
-        <VCardTitle>过滤资源</VCardTitle>
-        <VCardSubtitle>对资源列表数据进行过滤</VCardSubtitle>
+        <VCardTitle>{{ t('workflow.filterTorrents.title') }}</VCardTitle>
+        <VCardSubtitle>{{ t('workflow.filterTorrents.subtitle') }}</VCardSubtitle>
      </VCardItem>
      <VDivider />
      <VCardText>
        <VRow>
          <VCol cols="6">
-            <VSelect v-model="data.quality" label="质量" :items="qualityOptions" outlined dense />
+            <VSelect
+              v-model="data.quality"
+              :label="t('workflow.filterTorrents.quality')"
+              :items="qualityOptions"
+              outlined
+              dense
+            />
          </VCol>
          <VCol cols="6">
-            <VSelect v-model="data.resolution" label="分辨率" :items="resolutionOptions" outlined dense />
+            <VSelect
+              v-model="data.resolution"
+              :label="t('workflow.filterTorrents.resolution')"
+              :items="resolutionOptions"
+              outlined
+              dense
+            />
          </VCol>
          <VCol cols="6">
-            <VSelect v-model="data.effect" label="特效" :items="effectOptions" outlined dense />
+            <VSelect
+              v-model="data.effect"
+              :label="t('workflow.filterTorrents.effect')"
+              :items="effectOptions"
+              outlined
+              dense
+            />
          </VCol>
          <VCol cols="6">
-            <VTextField v-model="data.size" label="大小范围" placeholder="MB" outlined dense />
+            <VTextField
+              v-model="data.size"
+              :label="t('workflow.filterTorrents.size')"
+              placeholder="MB"
+              outlined
+              dense
+            />
          </VCol>
          <VCol cols="12">
-            <VTextField v-model="data.include" label="包含（关键字、正则式）" outlined dense />
+            <VTextField v-model="data.include" :label="t('workflow.filterTorrents.include')" outlined dense />
          </VCol>
          <VCol cols="12">
-            <VTextField v-model="data.exclude" label="排除（关键字、正则式）" outlined dense />
+            <VTextField v-model="data.exclude" :label="t('workflow.filterTorrents.exclude')" outlined dense />
          </VCol>
          <VCol cols="12">
            <VSelect
              v-model="data.rule_groups"
              chips
              multiple
-              label="过滤规则组"
+              :label="t('workflow.filterTorrents.ruleGroups')"
              :items="ruleGroupsOptions"
              outlined
              dense
--- a/src/components/workflow/ScanFileAction.vue
+++ b/src/components/workflow/ScanFileAction.vue
@@ -1,6 +1,9 @@
 <script setup lang="ts">
 import { Handle, Position } from '@vue-flow/core'
 import { storageOptions } from '@/api/constants'
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()

 defineProps({
  id: {
@@ -23,17 +26,28 @@ defineProps({
            <VIcon icon="mdi-folder-search" size="x-large"></VIcon>
          </VAvatar>
        </template>
-        <VCardTitle>扫描目录</VCardTitle>
-        <VCardSubtitle>扫描目录文件到队列</VCardSubtitle>
+        <VCardTitle>{{ t('workflow.scanFile.title') }}</VCardTitle>
+        <VCardSubtitle>{{ t('workflow.scanFile.subtitle') }}</VCardSubtitle>
      </VCardItem>
      <VDivider />
      <VCardText>
        <VRow>
          <VCol cols="12">
-            <VSelect v-model="data.storage" label="存储" :items="storageOptions" outlined dense />
+            <VSelect
+              v-model="data.storage"
+              :label="t('workflow.scanFile.storage')"
+              :items="storageOptions"
+              outlined
+              dense
+            />
          </VCol>
          <VCol cols="12">
-            <VPathField v-model="data.directory" :storage="data.storage" label="目录" clearable />
+            <VPathField
+              v-model="data.directory"
+              :storage="data.storage"
+              :label="t('workflow.scanFile.directory')"
+              clearable
+            />
          </VCol>
        </VRow>
      </VCardText>
--- a/src/components/workflow/ScrapeFileAction.vue
+++ b/src/components/workflow/ScrapeFileAction.vue
@@ -1,5 +1,8 @@
 <script setup lang="ts">
 import { Handle, Position } from '@vue-flow/core'
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()

 defineProps({
  id: {
@@ -22,8 +25,8 @@ defineProps({
            <VIcon icon="mdi-file-find" size="x-large"></VIcon>
          </VAvatar>
        </template>
-        <VCardTitle>刮削文件</VCardTitle>
-        <VCardSubtitle>刮削媒体信息和图片</VCardSubtitle>
+        <VCardTitle>{{ t('workflow.scrapeFile.title') }}</VCardTitle>
+        <VCardSubtitle>{{ t('workflow.scrapeFile.subtitle') }}</VCardSubtitle>
      </VCardItem>
      <Handle id="edge_out" type="source" :position="Position.Right" />
    </VCard>
--- a/src/components/workflow/SendEventAction.vue
+++ b/src/components/workflow/SendEventAction.vue
@@ -1,5 +1,8 @@
 <script setup lang="ts">
 import { Handle, Position } from '@vue-flow/core'
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()

 defineProps({
  id: {
@@ -22,8 +25,8 @@ defineProps({
            <VIcon icon="mdi-send-check" size="x-large"></VIcon>
          </VAvatar>
        </template>
-        <VCardTitle>发送事件</VCardTitle>
-        <VCardSubtitle>发送任务执行事件</VCardSubtitle>
+        <VCardTitle>{{ t('workflow.sendEvent.title') }}</VCardTitle>
+        <VCardSubtitle>{{ t('workflow.sendEvent.subtitle') }}</VCardSubtitle>
      </VCardItem>
      <Handle id="edge_out" type="source" :position="Position.Right" />
    </VCard>
--- a/src/components/workflow/SendMessageAction.vue
+++ b/src/components/workflow/SendMessageAction.vue
@@ -2,6 +2,9 @@
 import api from '@/api'
 import { NotificationConf } from '@/api/types'
 import { Handle, Position } from '@vue-flow/core'
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()

 defineProps({
  id: {
@@ -51,8 +54,8 @@ onMounted(() => {
            <VIcon icon="mdi-message-arrow-right" size="x-large"></VIcon>
          </VAvatar>
        </template>
-        <VCardTitle>发送消息</VCardTitle>
-        <VCardSubtitle>发送任务执行消息</VCardSubtitle>
+        <VCardTitle>{{ t('workflow.sendMessage.title') }}</VCardTitle>
+        <VCardSubtitle>{{ t('workflow.sendMessage.subtitle') }}</VCardSubtitle>
      </VCardItem>
      <VDivider />
      <VCardText>
@@ -61,7 +64,7 @@ onMounted(() => {
            <VSelect
              v-model="data.client"
              :items="sourceOptions"
-              label="消息渠道"
+              :label="t('workflow.sendMessage.channel')"
              chips
              multiple
              outlined
@@ -70,7 +73,15 @@ onMounted(() => {
            />
          </VCol>
          <VCol cols="12">
-            <VTextField v-model="data.userid" label="用户ID" chips multiple outlined dense clearable />
+            <VTextField
+              v-model="data.userid"
+              :label="t('workflow.sendMessage.userId')"
+              chips
+              multiple
+              outlined
+              dense
+              clearable
+            />
          </VCol>
        </VRow>
      </VCardText>
--- a/src/components/workflow/TransferFileAction.vue
+++ b/src/components/workflow/TransferFileAction.vue
@@ -1,5 +1,8 @@
 <script setup lang="ts">
 import { Handle, Position } from '@vue-flow/core'
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()

 defineProps({
  id: {
@@ -15,11 +18,11 @@ defineProps({
 // 来源下拉框
 const sourceOptions = ref([
  {
-    title: '文件列表',
+    title: t('workflow.transferFile.sourceOptions.fileList'),
    value: 'files',
  },
  {
-    title: '下载任务',
+    title: t('workflow.transferFile.sourceOptions.downloads'),
    value: 'downloads',
  },
 ])
@@ -34,14 +37,20 @@ const sourceOptions = ref([
            <VIcon icon="mdi-file-move" size="x-large"></VIcon>
          </VAvatar>
        </template>
-        <VCardTitle>整理文件</VCardTitle>
-        <VCardSubtitle>整理重命名队列中的文件</VCardSubtitle>
+        <VCardTitle>{{ t('workflow.transferFile.title') }}</VCardTitle>
+        <VCardSubtitle>{{ t('workflow.transferFile.subtitle') }}</VCardSubtitle>
      </VCardItem>
      <VDivider />
      <VCardText>
        <VRow>
          <VCol cols="12">
-            <VSelect v-model="data.source" label="来源" :items="sourceOptions" outlined dense />
+            <VSelect
+              v-model="data.source"
+              :label="t('workflow.transferFile.source')"
+              :items="sourceOptions"
+              outlined
+              dense
+            />
          </VCol>
        </VRow>
      </VCardText>