feat: i18n

Author: wangdan-fit2cloud

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'
   }
 ]

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>

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"

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"

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"

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">

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"

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>

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"
     />

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: '请选择格式'
+    }
   }
 }