feat: i18n

Author: wangdan-fit2cloud

ui/src/locales/lang/zh_CN/views/function-lib.ts

@@ -46,16 +46,27 @@ export default {
         placeholder: '请输入参数值',
         requiredMessage: '请输入参数值'
       },
+      paramName: {
+        label: '参数名',
+        placeholder: '请输入参数名',
+        requiredMessage: '请输入参数名'
+      },
+      dataType: {
+        label: '数据类型',
+      },
+      source: {
+        label: '来源',
+        custom: '自定义',
+        reference: '引用参数',
+      },
+      required: {
+        label: '是否必填',
+      },
       param: {
         outputParam: '输出参数',
         paramInfo1: '使用函数时显示',
         paramInfo2: '使用函数时不显示',
-        paramName: '参数名',
-        dataType: '数据类型',
         required: '必填',
-        source: '来源',
-        custom: '自定义',
-        referenceParam: '引用参数',
         code: '代码',
         result: '结果'
       },

ui/src/views/function-lib/component/FieldFormDialog.vue

@@ -1,6 +1,10 @@
 <template>
   <el-dialog
-    :title="isEdit ? '编辑参数' : '添加参数'"
+    :title="
+      isEdit
+        ? $t('views.functionLib.functionForm.title.editParam')
+        : $t('views.functionLib.functionForm.title.addParam')
+    "
     v-model="dialogVisible"
     :close-on-click-modal="false"
     :close-on-press-escape="false"
@@ -14,33 +18,42 @@
       :model="form"
       require-asterisk-position="right"
     >
-      <el-form-item label="参数名" prop="name">
+      <el-form-item :label="$t('views.functionLib.functionForm.form.paramName.label')" prop="name">
         <el-input
           v-model="form.name"
-          placeholder="请输入参数名"
+          :placeholder="$t('views.functionLib.functionForm.form.paramName.placeholder')"
           maxlength="64"
           show-word-limit
           @blur="form.name = form.name.trim()"
         />
       </el-form-item>
-      <el-form-item label="数据类型">
+      <el-form-item :label="$t('views.functionLib.functionForm.form.dataType.label')">
         <el-select v-model="form.type">
           <el-option v-for="item in typeOptions" :key="item" :label="item" :value="item" />
         </el-select>
       </el-form-item>
-      <el-form-item label="来源">
+      <el-form-item :label="$t('views.functionLib.functionForm.form.source.label')">
         <el-select v-model="form.source">
-          <el-option label="引用变量" value="reference" />
-          <el-option label="自定义" value="custom" />
+          <el-option
+            :label="$t('views.functionLib.functionForm.form.source.reference')"
+            value="reference"
+          />
+          <el-option
+            :label="$t('views.functionLib.functionForm.form.source.custom')"
+            value="custom"
+          />
         </el-select>
       </el-form-item>
-      <el-form-item label="是否必填" @click.prevent>
+      <el-form-item
+        :label="$t('views.functionLib.functionForm.form.required.label')"
+        @click.prevent
+      >
         <el-switch size="small" v-model="form.is_required"></el-switch>
       </el-form-item>
     </el-form>
     <template #footer>
       <span class="dialog-footer">
-        <el-button @click.prevent="dialogVisible = false"> {{$t('common.cancel')}} </el-button>
+        <el-button @click.prevent="dialogVisible = false"> {{ $t('common.cancel') }} </el-button>
         <el-button type="primary" @click="submit(fieldFormRef)" :loading="loading">
           {{ isEdit ? $t('common.save') : $t('common.add') }}
         </el-button>
@@ -52,7 +65,7 @@
 import { ref, reactive, watch } from 'vue'
 import type { FormInstance } from 'element-plus'
 import { cloneDeep } from 'lodash'
-
+import { t } from '@/locales'
 const typeOptions = ['string', 'int', 'dict', 'array', 'float']
 
 const emit = defineEmits(['refresh'])
@@ -69,7 +82,13 @@ const form = ref<any>({
 })
 
 const rules = reactive({
-  name: [{ required: true, message: '请输入参数名', trigger: 'blur' }]
+  name: [
+    {
+      required: true,
+      message: t('views.functionLib.functionForm.form.paramName.placeholder'),
+      trigger: 'blur'
+    }
+  ]
 })
 
 const dialogVisible = ref<boolean>(false)
@@ -95,7 +114,6 @@ const open = (row: any) => {
   dialogVisible.value = true
 }
 
-
 const submit = async (formEl: FormInstance | undefined) => {
   if (!formEl) return
   await formEl.validate((valid) => {

ui/src/views/function-lib/component/FunctionFormDrawer.vue

@@ -80,9 +80,9 @@
       <el-table :data="form.input_field_list" class="mb-16">
         <el-table-column
           prop="name"
-          :label="$t('views.functionLib.functionForm.form.param.paramName')"
+          :label="$t('views.functionLib.functionForm.form.paramName.label')"
         />
-        <el-table-column :label="$t('views.functionLib.functionForm.form.param.dataType')">
+        <el-table-column :label="$t('views.functionLib.functionForm.form.dataType.label')">
           <template #default="{ row }">
             <el-tag type="info" class="info-tag">{{ row.type }}</el-tag>
           </template>
@@ -96,13 +96,13 @@
         </el-table-column>
         <el-table-column
           prop="source"
-          :label="$t('views.functionLib.functionForm.form.param.source')"
+          :label="$t('views.functionLib.functionForm.form.source.label')"
         >
           <template #default="{ row }">
             {{
               row.source === 'custom'
-                ? $t('views.functionLib.functionForm.form.param.custom')
-                : $t('views.functionLib.functionForm.form.param.referenceParam')
+                ? $t('views.functionLib.functionForm.form.source.custom')
+                : $t('views.functionLib.functionForm.form.source.reference')
             }}
           </template>
         </el-table-column>