feat: i18n

Author: wangdan-fit2cloud

ui/src/components/dynamics-form/constructor/data.ts

@@ -1,38 +1,39 @@
+import { t } from '@/locales'
 const input_type_list = [
   {
-    label: '文本框',
+    label: t('components.dynamicsForm.input_type_list.TextInput'),
     value: 'TextInput'
   },
   {
-    label: '滑块',
+    label: t('components.dynamicsForm.input_type_list.Slider'),
     value: 'Slider'
   },
   {
-    label: '开关',
+    label: t('components.dynamicsForm.input_type_list.SwitchInput'),
     value: 'SwitchInput'
   },
   {
-    label: '单选框',
+    label: t('components.dynamicsForm.input_type_list.SingleSelect'),
     value: 'SingleSelect'
   },
   {
-    label: '多选框',
+    label: t('components.dynamicsForm.input_type_list.MultiSelect'),
     value: 'MultiSelect'
   },
   {
-    label: '日期',
+    label: t('components.dynamicsForm.input_type_list.DatePicker'),
     value: 'DatePicker'
   },
   {
-    label: 'JSON文本框',
+    label: t('components.dynamicsForm.input_type_list.JsonInput'),
     value: 'JsonInput'
   },
   {
-    label: '选项卡',
+    label: t('components.dynamicsForm.input_type_list.RadioCard'),
     value: 'RadioCard'
   },
   {
-    label: '单行选项卡',
+    label: t('components.dynamicsForm.input_type_list.RadioRow'),
     value: 'RadioRow'
   }
 ]

ui/src/components/dynamics-form/constructor/index.vue

@@ -7,35 +7,35 @@
     :model="form_data"
     v-bind="$attrs"
   >
-    <el-form-item label="参数" :required="true" prop="field" :rules="rules.field">
+    <el-form-item :label="$t('components.dynamicsForm.paramForm.field.label')" :required="true" prop="field" :rules="rules.field">
       <el-input
         v-model="form_data.field"
         :maxlength="64"
-        placeholder="请输入参数"
+        :placeholder="$t('components.dynamicsForm.paramForm.field.placeholder')"
         show-word-limit
       />
     </el-form-item>
-    <el-form-item label="显示名称" :required="true" prop="label" :rules="rules.label">
+    <el-form-item :label="$t('components.dynamicsForm.paramForm.name.label')" :required="true" prop="label" :rules="rules.label">
       <el-input
         v-model="form_data.label"
         :maxlength="64"
         show-word-limit
-        placeholder="请输入显示名称"
+        :placeholder="$t('components.dynamicsForm.paramForm.name.placeholder')"
       />
     </el-form-item>
-    <el-form-item label="参数提示说明">
+    <el-form-item :label="$t('components.dynamicsForm.paramForm.tooltip.label')">
       <el-input
         v-model="form_data.tooltip"
         :maxlength="128"
         show-word-limit
-        placeholder="请输入参数提示说明"
+        :placeholder="$t('components.dynamicsForm.paramForm.tooltip.placeholder')"
       />
     </el-form-item>
-    <el-form-item label="是否必填" :required="true" prop="required" :rules="rules.required">
+    <el-form-item :label="$t('components.dynamicsForm.paramForm.required.label')" :required="true" prop="required" :rules="rules.required">
       <el-switch v-model="form_data.required" :active-value="true" :inactive-value="false" />
     </el-form-item>
-    <el-form-item label="组件类型" :required="true" prop="input_type" :rules="rules.input_type">
-      <el-select v-model="form_data.input_type" placeholder="请选择组件类型">
+    <el-form-item :label="$t('components.dynamicsForm.paramForm.input_type.label')" :required="true" prop="input_type" :rules="rules.input_type">
+      <el-select v-model="form_data.input_type" :placeholder="$t('components.dynamicsForm.paramForm.input_type.placeholder')">
         <el-option
           v-for="input_type in input_type_list"
           :key="input_type.value"
@@ -57,6 +57,7 @@ import { onMounted, ref, nextTick } from 'vue'
 import type { FormInstance } from 'element-plus'
 import _ from 'lodash'
 import { input_type_list as input_type_list_data } from '@/components/dynamics-form/constructor/data'
+import { t } from '@/locales'
 const props = withDefaults(
   defineProps<{
     modelValue?: any
@@ -80,10 +81,10 @@ const form_data = ref<any>({
   input_type: ''
 })
 const rules = {
-  label: [{ required: true, message: '显示名称 为必填属性' }],
-  field: [{ required: true, message: '参数 为必填属性' }],
-  required: [{ required: true, message: '是否必填 为必填属性' }],
-  input_type: [{ required: true, message: '组建类型 为必填属性' }]
+  label: [{ required: true, message: t('components.dynamicsForm.paramForm.name.requiredMessage') }],
+  field: [{ required: true, message: t('components.dynamicsForm.paramForm.field.requiredMessage') }],
+  required: [{ required: true, message: t('components.dynamicsForm.paramForm.required.requiredMessage') }],
+  input_type: [{ required: true, message: t('components.dynamicsForm.paramForm.input_type.requiredMessage') }]
 }
 const getData = () => {
   let label: string | any = form_data.value.label

ui/src/components/dynamics-form/constructor/items/DatePickerConstructor.vue

@@ -29,7 +29,7 @@
     class="defaultValueItem"
     :required="formValue.required"
     prop="default_value"
-    label="默认值"
+    :label="$t('components.dynamicsForm.default.label')"
     :rules="formValue.required ? [{ required: true, message: '默认值 为必填属性' }] : []"
   >
     <div class="defaultValueCheckbox">

ui/src/components/dynamics-form/constructor/items/JsonInputConstructor.vue

@@ -1,7 +1,7 @@
 <template>
   <el-form-item
     class="defaultValueItem"
-    label="默认值"
+    :label="$t('components.dynamicsForm.default.label')"
     :required="formValue.required"
     prop="default_value"
     :rules="[default_value_rule]"

ui/src/components/dynamics-form/constructor/items/MultiSelectConstructor.vue

@@ -47,7 +47,7 @@
   </el-form-item>
   <el-form-item
     class="defaultValueItem"
-    label="默认值"
+    :label="$t('components.dynamicsForm.default.label')"
     :required="formValue.required"
     prop="default_value"
     :rules="formValue.required ? [{ required: true, message: '默认值 为必填属性' }] : []"

ui/src/components/dynamics-form/constructor/items/RadioCardConstructor.vue

@@ -48,7 +48,7 @@
   </el-form-item>
   <el-form-item
     class="defaultValueItem"
-    label="默认值"
+    :label="$t('components.dynamicsForm.default.label')"
     :required="formValue.required"
     prop="default_value"
     :rules="formValue.required ? [{ required: true, message: '默认值 为必填属性' }] : []"

ui/src/components/dynamics-form/constructor/items/RadioRowConstructor.vue

@@ -48,7 +48,7 @@
   </el-form-item>
   <el-form-item
     class="defaultValueItem"
-    label="默认值"
+    :label="$t('components.dynamicsForm.default.label')"
     :required="formValue.required"
     prop="default_value"
     :rules="formValue.required ? [{ required: true, message: '默认值 为必填属性' }] : []"

ui/src/components/dynamics-form/constructor/items/SingleSelectConstructor.vue

@@ -50,7 +50,7 @@
     class="defaultValueItem"
     :required="formValue.required"
     prop="default_value"
-    label="默认值"
+    :label="$t('components.dynamicsForm.default.label')"
     :rules="formValue.required ? [{ required: true, message: '默认值 为必填属性' }] : []"
   >
     <div class="defaultValueCheckbox">

ui/src/components/dynamics-form/constructor/items/SliderConstructor.vue

@@ -51,7 +51,7 @@
   </el-col>
 
   <el-form-item
-    label="默认值"
+    :label="$t('components.dynamicsForm.default.label')"
     :required="formValue.required"
     prop="default_value"
     :rules="formValue.required ? [{ required: true, message: '默认值 为必填属性' }] : []"

ui/src/components/dynamics-form/constructor/items/SwitchInputConstructor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item
-    label="默认值"
+    :label="$t('components.dynamicsForm.default.label')"
     :required="formValue.required"
     prop="default_value"
     :rules="formValue.required ? [{ required: true, message: '默认值 为必填属性' }] : []"