vue3 + antd + typeScript 封装一个高仿的ModalForm表单

前言

阿里的antd组件说实话真的非常完善了，可是vue版的寥寥无几，vue3的更少了，今天有空就封装一个高仿的ModalForm

演示

功能

1.通过json进行生成表单（表单各项切换事件都可触发、各种属性都可配置），可动态联动

2.封装表格request请求集中，让功能使用起来更加简单

3.暴露对外  重置函数

开始

使用组件.vue

<template>
    <div>
        <div style="margin: 10px 10px">
            <a-button type="primary" @click="showModal">Open Modal</a-button>
        </div>
        <div>
            <ModalForm  :sourceVisible="visible"
                        :sourceRequest="sourceRequest"
                        :sourceColumns="columns"
                        @cancel="cancel" @formChange="formChange&#