wip(VForm): VForm coding

src/App.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, onMounted, unref } from 'vue'
+import { ref, onMounted, unref, reactive } from 'vue'
 import { ElConfigProvider } from 'element-plus'
 import zhCn from 'element-plus/lib/locale/lang/zh-cn'
 // import en from 'element-plus/lib/locale/lang/en'
@@ -9,21 +9,29 @@ const formRef = ref<ComponentRef<typeof VFrom> & VFormExpose>()
 onMounted(() => {
   const form = unref(formRef.value)
   console.log(form?.$el)
-
-  const schema: VFormSchema = [
-    {
-      field: '1',
-      colProps: {}
-    }
-  ]
-  console.log(schema)
 })
+const schema = reactive<VFormSchema[]>([
+  {
+    field: 'field1',
+    label: '字段1',
+    component: 'Input'
+  }
+])
+// setTimeout(() => {
+//   schema.push({
+//     field: '2'
+//   })
+// }, 3000)
 </script>
 
 <template>
   <ElConfigProvider :locale="zhCn">
-    <VFrom ref="formRef" />
-    <Component :is="VFrom" />
+    <!-- <VFrom ref="formRef" is-custom>
+      <template #default> hahahah </template>
+    </VFrom> -->
+    <VFrom :schema="schema" />
+    <!-- <VFrom :is-col="false" :schema="schema" /> -->
+    <!-- <Component :is="VFrom" /> -->
     <!-- <RouterView class="app" /> -->
   </ElConfigProvider>
 </template>