feat: i18n

2025-12-26 01:33:05 +00:00 · 2025-01-20 15:08:22 +08:00 · 2025-01-20 15:08:22 +08:00 · 8ea896b261
parent 7f09609ca0
commit 8ea896b261
11 changed files with 92 additions and 27 deletions
--- a/ui/src/components/dynamics-form/constructor/items/DatePickerConstructor.vue
+++ b/ui/src/components/dynamics-form/constructor/items/DatePickerConstructor.vue
@ -1,6 +1,10 @@
 <template>
-  <el-form-item label="时间类型" required>
-    <el-select @change="type_change" v-model="formValue.type" placeholder="请选择时间类型">
+  <el-form-item :label="$t('components.dynamicsForm.DatePicker.dataType.label')" required>
+    <el-select
+      @change="type_change"
+      v-model="formValue.type"
+      :placeholder="$t('components.dynamicsForm.DatePicker.dataType.placeholder')"
+    >
      <el-option
        v-for="input_type in type_list"
        :key="input_type.value"
@ -9,13 +13,13 @@
      />
    </el-select>
  </el-form-item>
-  <el-form-item label="格式" required>
+  <el-form-item :label="$t('components.dynamicsForm.DatePicker.format.label')" required>
    <el-select
      v-model="formValue.format"
      filterable
      default-first-option
      allow-create
-      placeholder="请选择格式"
+      :placeholder="$t('components.dynamicsForm.DatePicker.format.placeholder')"
    >
      <el-option
        v-for="input_type in type_dict[formValue.type]"
@ -30,15 +34,22 @@
    :required="formValue.required"
    prop="default_value"
    :label="$t('components.dynamicsForm.default.label')"
-    :rules="formValue.required ? [{ required: true, message: '默认值 为必填属性' }] : []"
+    :rules="
+      formValue.required
+        ? [{ required: true, message: $t('components.dynamicsForm.default.requiredMessage') }]
+        : []
+    "
  >
    <div class="defaultValueCheckbox">
-      <el-checkbox v-model="formValue.show_default_value" label="显示默认值" />
+      <el-checkbox
+        v-model="formValue.show_default_value"
+        :label="$t('components.dynamicsForm.default.show')"
+      />
    </div>
    <el-date-picker
      v-model="formValue.default_value"
      :type="formValue.type"
-      placeholder="选择日期"
+      :placeholder="$t('components.dynamicsForm.DatePicker.placeholder')"
      :format="formValue.format"
      :value-format="formValue.format"
    />
@ -48,19 +59,19 @@
 import { computed, onBeforeMount } from 'vue'
 const type_list = [
  {
-    label: '年',
+    label: t('components.dynamicsForm.DatePicker.year'),
    value: 'year'
  },
  {
-    label: '月',
+    label: t('components.dynamicsForm.DatePicker.month'),
    value: 'month'
  },
  {
-    label: '日期',
+    label: t('components.dynamicsForm.DatePicker.date'),
    value: 'date'
  },
  {
-    label: '日期时间',
+    label: t('components.dynamicsForm.DatePicker.datetime'),
    value: 'datetime'
  }
 ]
--- a/ui/src/components/dynamics-form/constructor/items/JsonInputConstructor.vue
+++ b/ui/src/components/dynamics-form/constructor/items/JsonInputConstructor.vue
@ -7,7 +7,10 @@
    :rules="[default_value_rule]"
  >
    <div class="defaultValueCheckbox">
-      <el-checkbox v-model="formValue.show_default_value" label="显示默认值" />
+      <el-checkbox
+        v-model="formValue.show_default_value"
+        :label="$t('components.dynamicsForm.default.show')"
+      />
    </div>
    <JsonInput ref="jsonInputRef" v-model="formValue.default_value"> </JsonInput>
  </el-form-item>
--- a/ui/src/components/dynamics-form/constructor/items/MultiSelectConstructor.vue
+++ b/ui/src/components/dynamics-form/constructor/items/MultiSelectConstructor.vue
@ -50,10 +50,13 @@
    :label="$t('components.dynamicsForm.default.label')"
    :required="formValue.required"
    prop="default_value"
-    :rules="formValue.required ? [{ required: true, message: '默认值 为必填属性' }] : []"
+    :rules="formValue.required ? [{ required: true, message: $t('components.dynamicsForm.default.requiredMessage') }] : []"
  >
    <div class="defaultValueCheckbox">
-      <el-checkbox v-model="formValue.show_default_value" label="显示默认值" />
+      <el-checkbox
+        v-model="formValue.show_default_value"
+        :label="$t('components.dynamicsForm.default.show')"
+      />
    </div>
    <el-select
      class="m-2"
--- a/ui/src/components/dynamics-form/constructor/items/RadioCardConstructor.vue
+++ b/ui/src/components/dynamics-form/constructor/items/RadioCardConstructor.vue
@ -51,10 +51,17 @@
    :label="$t('components.dynamicsForm.default.label')"
    :required="formValue.required"
    prop="default_value"
-    :rules="formValue.required ? [{ required: true, message: '默认值 为必填属性' }] : []"
+    :rules="
+      formValue.required
+        ? [{ required: true, message: $t('components.dynamicsForm.default.requiredMessage') }]
+        : []
+    "
  >
    <div class="defaultValueCheckbox">
-      <el-checkbox v-model="formValue.show_default_value" label="显示默认值" />
+      <el-checkbox
+        v-model="formValue.show_default_value"
+        :label="$t('components.dynamicsForm.default.show')"
+      />
    </div>
    <RadioCard
      :form-field="formField"
--- a/ui/src/components/dynamics-form/constructor/items/RadioRowConstructor.vue
+++ b/ui/src/components/dynamics-form/constructor/items/RadioRowConstructor.vue
@ -51,10 +51,17 @@
    :label="$t('components.dynamicsForm.default.label')"
    :required="formValue.required"
    prop="default_value"
-    :rules="formValue.required ? [{ required: true, message: '默认值 为必填属性' }] : []"
+    :rules="
+      formValue.required
+        ? [{ required: true, message: $t('components.dynamicsForm.default.requiredMessage') }]
+        : []
+    "
  >
    <div class="defaultValueCheckbox">
-      <el-checkbox v-model="formValue.show_default_value" label="显示默认值" />
+      <el-checkbox
+        v-model="formValue.show_default_value"
+        :label="$t('components.dynamicsForm.default.show')"
+      />
    </div>
    <RadioRow
      :form-field="formField"
--- a/ui/src/components/dynamics-form/constructor/items/SingleSelectConstructor.vue
+++ b/ui/src/components/dynamics-form/constructor/items/SingleSelectConstructor.vue
@ -51,10 +51,17 @@
    :required="formValue.required"
    prop="default_value"
    :label="$t('components.dynamicsForm.default.label')"
-    :rules="formValue.required ? [{ required: true, message: '默认值 为必填属性' }] : []"
+    :rules="
+      formValue.required
+        ? [{ required: true, message: $t('components.dynamicsForm.default.requiredMessage') }]
+        : []
+    "
  >
    <div class="defaultValueCheckbox">
-      <el-checkbox v-model="formValue.show_default_value" label="显示默认值" />
+      <el-checkbox
+        v-model="formValue.show_default_value"
+        :label="$t('components.dynamicsForm.default.show')"
+      />
    </div>

    <el-select v-model="formValue.default_value" :teleported="false" popper-class="default-select">
--- a/ui/src/components/dynamics-form/constructor/items/SliderConstructor.vue
+++ b/ui/src/components/dynamics-form/constructor/items/SliderConstructor.vue
@ -54,7 +54,11 @@
    :label="$t('components.dynamicsForm.default.label')"
    :required="formValue.required"
    prop="default_value"
-    :rules="formValue.required ? [{ required: true, message: '默认值 为必填属性' }] : []"
+    :rules="
+      formValue.required
+        ? [{ required: true, message: $t('components.dynamicsForm.default.requiredMessage') }]
+        : []
+    "
  >
    <el-slider
      v-model="formValue.default_value"
--- a/ui/src/components/dynamics-form/constructor/items/SwitchInputConstructor.vue
+++ b/ui/src/components/dynamics-form/constructor/items/SwitchInputConstructor.vue
@ -3,7 +3,11 @@
    :label="$t('components.dynamicsForm.default.label')"
    :required="formValue.required"
    prop="default_value"
-    :rules="formValue.required ? [{ required: true, message: '默认值 为必填属性' }] : []"
+    :rules="
+      formValue.required
+        ? [{ required: true, message: $t('components.dynamicsForm.default.requiredMessage') }]
+        : []
+    "
  >
    <el-switch v-model="formValue.default_value" />
  </el-form-item>
--- a/ui/src/components/dynamics-form/constructor/items/TextInputConstructor.vue
+++ b/ui/src/components/dynamics-form/constructor/items/TextInputConstructor.vue
@ -54,18 +54,21 @@
    prop="default_value"
    :label="$t('components.dynamicsForm.default.label')"
    :rules="
-      formValue.required ? [{ required: true, message: '默认值 为必填属性' }, ...rules] : rules
+      formValue.required ? [{ required: true, message: $t('components.dynamicsForm.default.requiredMessage') }, ...rules] : rules
    "
  >
    <div class="defaultValueCheckbox">
-      <el-checkbox v-model="formValue.show_default_value" label="显示默认值" />
+      <el-checkbox
+        v-model="formValue.show_default_value"
+        :label="$t('components.dynamicsForm.default.show')"
+      />
    </div>

    <el-input
      v-model="formValue.default_value"
      :maxlength="formValue.maxlength"
      :minlength="formValue.minlength"
-      placeholder="请输入默认值"
+      :placeholder="$t('components.dynamicsForm.paramForm.default.placeholder')"
      show-word-limit
      type="text"
    />
--- a/ui/src/locales/lang/zh_CN/components/dynamics-form.ts
+++ b/ui/src/locales/lang/zh_CN/components/dynamics-form.ts
@ -13,7 +13,8 @@ export default {
  default: {
    label: '默认值',
    placeholder: '请输入默认值',
-    requiredMessage: '请输入默认值'
+    requiredMessage: '默认值 为必填属性',
+    show: '显示默认值'
  },
  tip: {
    requiredMessage: '不能为空',
@ -47,5 +48,20 @@ export default {
      placeholder: '请选择组件类型',
      requiredMessage: '组建类型 为必填属性'
    }
+  },
+  DatePicker: {
+    placeholder: '选择日期',
+    year: '年',
+    month: '月',
+    date: '日期',
+    datetime: '日期时间',
+    dataType: {
+      label: '时间类型',
+      placeholder: '请选择时间类型'
+    },
+    format: {
+      label: '格式',
+      placeholder: '请选择格式'
+    }
  }
 }
--- a/ui/src/workflow/nodes/base-node/component/ApiFieldFormDialog.vue
+++ b/ui/src/workflow/nodes/base-node/component/ApiFieldFormDialog.vue
@ -37,7 +37,7 @@
        prop="default_value"
        :rules="{
          required: form.is_required,
-          message: $t('components.dynamicsForm.paramForm.default.requiredMessage'),
+          message: $t('components.dynamicsForm.paramForm.default.placeholder'),
          trigger: 'blur'
        }"
      >