组件生成器

maker 组件生成器是用来生成组件规则的助手方法,通过链式操作即可快速生成对应的组件规则

获取 maker 生成器

浏览器

window.formCreate.maker

NodeJs

• iview

  import { maker } from '@form-create/iview'

• element-ui

  import { maker } from '@form-create/element-ui'

• ant-design-vue

  import { maker } from '@form-create/ant-design-vue'

示例

<template>
<div>
    <form-create :rule="rule" v-model="fApi" :option="options"/>
</div>
</template>

<script>
    export default {
        data(){
            return {
                fApi:{},
                options:{
                    onSubmit: (formData)=>{
                        alert(JSON.stringify(formData))
                    },
                },
                rule:[
                    formCreate.maker.input('title','field','value').props({disabled:true}),
                ]
            }
        }
    }
</script>

maker.create

生成自定义组件

• 参数：

  • {string} tab 组件名/标签名
  • {string} field
  • {string} title

• 用法：

  formCreate.maker.create('i-button','btn','自定义按钮')
  

maker.template

生成自定义模板, 不推荐

• 参数：

  • {string} template
  • {Vue} vm
  • {string} field = undefined
  • {string} title = undefined

• 用法：

  formCreate.maker.template('<i-button></i-button>',() => new Vue,'btn','自定义按钮')
  

生成组件

• Iview
• ElementUI
• AntDesignVue