From 8ea896b26165a5dbe5c9645ad3ff0f2a8315b031 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Mon, 20 Jan 2025 15:08:22 +0800
Subject: [PATCH] feat: i18n

---
 .../items/DatePickerConstructor.vue           | 33 ++++++++++++-------
 .../items/JsonInputConstructor.vue            |  5 ++-
 .../items/MultiSelectConstructor.vue          |  7 ++--
 .../items/RadioCardConstructor.vue            | 11 +++++--
 .../constructor/items/RadioRowConstructor.vue | 11 +++++--
 .../items/SingleSelectConstructor.vue         | 11 +++++--
 .../constructor/items/SliderConstructor.vue   |  6 +++-
 .../items/SwitchInputConstructor.vue          |  6 +++-
 .../items/TextInputConstructor.vue            |  9 +++--
 .../lang/zh_CN/components/dynamics-form.ts    | 18 +++++++++-
 .../component/ApiFieldFormDialog.vue          |  2 +-
 11 files changed, 92 insertions(+), 27 deletions(-)

diff --git a/ui/src/components/dynamics-form/constructor/items/DatePickerConstructor.vue b/ui/src/components/dynamics-form/constructor/items/DatePickerConstructor.vue
index a507a779b..0826d17c5 100644
--- 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'
   }
 ]
diff --git a/ui/src/components/dynamics-form/constructor/items/JsonInputConstructor.vue b/ui/src/components/dynamics-form/constructor/items/JsonInputConstructor.vue
index b514eb9c2..aca4b2da2 100644
--- 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>
diff --git a/ui/src/components/dynamics-form/constructor/items/MultiSelectConstructor.vue b/ui/src/components/dynamics-form/constructor/items/MultiSelectConstructor.vue
index 5fd78e9f6..52b0f1836 100644
--- 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"
diff --git a/ui/src/components/dynamics-form/constructor/items/RadioCardConstructor.vue b/ui/src/components/dynamics-form/constructor/items/RadioCardConstructor.vue
index 6c8720a54..4103093af 100644
--- 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"
diff --git a/ui/src/components/dynamics-form/constructor/items/RadioRowConstructor.vue b/ui/src/components/dynamics-form/constructor/items/RadioRowConstructor.vue
index 9a4bd4fe4..74e725639 100644
--- 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"
diff --git a/ui/src/components/dynamics-form/constructor/items/SingleSelectConstructor.vue b/ui/src/components/dynamics-form/constructor/items/SingleSelectConstructor.vue
index ef9a8208e..fa0983f51 100644
--- 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">
diff --git a/ui/src/components/dynamics-form/constructor/items/SliderConstructor.vue b/ui/src/components/dynamics-form/constructor/items/SliderConstructor.vue
index 2ca08a5eb..1a75ded4c 100644
--- 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"
diff --git a/ui/src/components/dynamics-form/constructor/items/SwitchInputConstructor.vue b/ui/src/components/dynamics-form/constructor/items/SwitchInputConstructor.vue
index 1b4c47dae..e69225c2a 100644
--- 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>
diff --git a/ui/src/components/dynamics-form/constructor/items/TextInputConstructor.vue b/ui/src/components/dynamics-form/constructor/items/TextInputConstructor.vue
index ce805d0b8..1b865d0c8 100644
--- 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"
     />
diff --git a/ui/src/locales/lang/zh_CN/components/dynamics-form.ts b/ui/src/locales/lang/zh_CN/components/dynamics-form.ts
index df06fa044..2ef8c8fc7 100644
--- 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: '请选择格式'
+    }
   }
 }
diff --git a/ui/src/workflow/nodes/base-node/component/ApiFieldFormDialog.vue b/ui/src/workflow/nodes/base-node/component/ApiFieldFormDialog.vue
index 0af6ef7eb..b1c2b52f3 100644
--- 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'
         }"
       >