feat: 添加FormBuilder组件

src/components/Form/FormBuilder.vue

@@ -5,9 +5,7 @@
 </template>
 
 <script setup type='ts' name='FormBuilder'>
-export default {
-  name: 'FormBuilder'
-}
+const data = reactive({})
 </script>
 
 <style scoped>

src/components/Form/index.ts

@@ -0,0 +1,3 @@
+import FormBuilder from './FormBuilder.vue'
+
+export default FormBuilder

src/components/index.ts

@@ -3,12 +3,14 @@ import AIcon from './AIcon'
 import PermissionButton from './PermissionButton/index.vue'
 import JTable from './Table/index'
 import TitleComponent from "./TitleComponent/index.vue";
+import Form from './Form'
 
 export default  {
     install(app: App) {
         app.component('AIcon', AIcon)
-        app.component('PermissionButton', PermissionButton)
-        app.component('JTable', JTable)
-        app.component('TitleComponent', TitleComponent)
+            .component('PermissionButton', PermissionButton)
+            .component('JTable', JTable)
+            .component('TitleComponent', TitleComponent)
+            .component('Form', Form)
     }
 }

src/router/menu.ts

@@ -40,6 +40,10 @@ export default [
         path: '/table',
         component: () => import('@/views/table/index.vue')
     },
+    {
+        path: '/form',
+        component: () => import('@/views/demo/Form.vue')
+    },
     // end: 测试用, 可删除
 
     // link 运维管理

src/views/demo/Form.vue

@@ -0,0 +1,11 @@
+<template>
+  <Form />
+</template>
+
+<script setup name='FormDemo'>
+const data = reactive({})
+</script>
+
+<style scoped>
+
+</style>