form-create v3

npm install @form-create/element-ui@next

npm install @form-create/ant-design-vue@next

npm install @form-create/arco-design@next

npm install @form-create/naive-ui@next

npm install @form-create/tdesign@next

<link href="https://unpkg.com/element-plus@2.0.1/dist/index.css"></link>
<script src="https://unpkg.com/vue@next"></script>
<script src="https://unpkg.com/element-plus@2.0.1/dist/index.full.js"></script>
<script src="https://unpkg.com/@form-create/element-ui@next/dist/form-create.min.js"></script>

<link href="https://unpkg.com/ant-design-vue@3.0.0-alpha.11/dist/antd.min.css"></link>
<script src="https://unpkg.com/vue@next"></script>
<script src="https://unpkg.com/dayjs"></script>
<script src="https://unpkg.com/ant-design-vue@3.0.0-alpha.11/dist/antd.min.js"></script>
<script src="https://unpkg.com/@form-create/ant-design-vue@next/dist/form-create.min.js"></script>

import formCreate from '@form-create/element-ui'
app.use(formCreate)

import formCreate from '@form-create/element-ui'
import install from '@form-create/element-ui/auto-import'
formCreate.use(install)
app.use(formCreate)

import formCreate from '@form-create/ant-design-vue'
app.use(formCreate)

import formCreate from '@form-create/arco-design'
app.use(formCreate)

import formCreate from '@form-create/naive-ui'
app.use(formCreate)

import formCreate from '@form-create/tdesign'
app.use(formCreate)

<form-create :rule="rule" v-model:api="fApi" :option="options" v-model="value"/>

export default {
    data(){
        return {
            fApi:{},
            value:{field1:'111',field2:'222',time:'11:11:11'},
            options:{
                onSubmit:(formData)=>{
                    alert(JSON.stringify(formData))
                }
            },
            rule:[
                {type:'input', field:'field1',title:'field1',value:'aaa'},
                {type:'input', field:'field2',title:'field2',value:'sss'},
                {type:'timePicker', field:'time',title:'time',value:'12:12:12'},
                {
                    type:'ElButton',
                    title:'修改 field1',
                    native: false,
                    on:{
                        click: ()=>{
                            this.rule[0].value+='a'
                        }
                    },
                    children: ['点击'],
                }
            ]
        }
    }
}

$ git clone https://github.com/xaboy/form-create.git
$ cd form-create

$ npm run bootstrap

$ npm run dev:ele

$ npm run dev:antd