import {  Input,  ConfigProvider,  Collapse,  Empty,  FormModel,  Row,  Tabs,  Button,  Icon,  Radio,  InputNumber,  Slider,  Tooltip,  Divider,  Modal,  Col,  Checkbox,  Select,  DatePicker,  Upload,  Switch,  Space,  Popover,  Cascader,  Rate,  TimePicker,  TreeSelect} from 'ant-design-vue'

yarn add v-form-antd# ornpm install v-form-antd

// main.jsimport Vue from 'vue'import VFormAntd from 'v-form-antd'import 'v-form-antd/lib/index.css'Vue.use(VFormAntd)

<template>  <v-form-design title="v-form-antd-表单设计器"/></template>

<template>  <div>    <v-form-create      :formConfig="formConfig"      :formData="formData"      v-model="fApi"    />    <button @click="submit">提交</button>  </div></template><script>export default {  data () {    return {      fApi:{},      formData:{},      formConfig: {        formItems: [          {            type: 'input',            label: '姓名',            field: 'name',            span: 12,            props: {              type: 'text'            }          },          {            type: 'number',            label: '年龄',            field: 'age',            span: 12,            props: {}          }        ],        config: {          layout: 'horizontal',          labelLayout: 'flex',          labelWidth: 100,          labelCol: {},          wrapperCol: {}        }      }    }  },  methods: {    async submit() {      const data = await this.fApi.submit()      console.log(data)    }  }}</script>