feat: 自动表单支持i18n

Author: pixelmaxQm

web/src/App.vue

@@ -10,6 +10,7 @@
 import zh from 'element-plus/dist/locale/zh-cn.mjs'
 import en from 'element-plus/dist/locale/en.mjs'
 import ar from 'element-plus/dist/locale/ar.mjs'
+import zh_tw from 'element-plus/dist/locale/zh-tw.mjs'
 import {useAppStore} from "@/pinia";
 import { useI18n } from 'vue-i18n'
 
@@ -20,6 +21,7 @@ defineOptions({
 
 const languages = {
   'zh-cn': zh,
+  'zh-TW': zh_tw,
   'en': en,
   'ar': ar
 }

web/src/view/systemTools/formCreate/index.vue

@@ -1,20 +1,39 @@
 <template>
-    <fc-designer ref="designer" :config="config" height="calc(100vh - 160px)" />
+    <fc-designer ref="designer" :config="config" :locale="languages[locale]" height="calc(100vh - 160px)" />
 </template>
 
 <script setup>
 
 import {ref} from "vue";
+
 import FcDesigner from '@form-create/designer'
 
+import en from "./locale/en.js"; // 导入英文语言包
+import zh from "./locale/zh_cn.js"; // 导入中文语言包
+import zh_tw from "./locale/zh_tw.js"; // 导入中文语言包
+import ar from "./locale/ar.js";
+import {useI18n} from "vue-i18n"; // 导入中文语言包
+
+const { locale } = useI18n()
+
+console.log(locale.value)
+
 defineOptions({
   name: 'FormGenerator'
 })
 
+const languages = {
+  'zh-cn': zh,
+  'zh-TW': zh_tw,
+  'en': en,
+  'ar': ar
+}
+
 const designer = ref(null)
 
 const config = {
   fieldReadonly: false
 }
 
+
 </script>