根据不同的配置完成表单的渲染和操作。可自定义拖拽

Github 源码地址

当表单元素很多，内容不那么复杂的时候使用

引用方式：

import DJoeSimpleForm from '@darrenjoe/antdv-simple-form'

export default {
  components: {
    DJoeSimpleForm
  }
}

<DJoeSimpleForm
  :myForm.sync="formData"
  :formRenderList="formRenderList"
  :formRules="formRules"
  :autoCompleteSource="autoCompleteSource"
  @on-auto-select="handleAutoSelect"
  @on-auto-search="handleAutoSearch"
  @on-button-click="handleAutoCompleteClick"
  @on-change="handleFormItemChange"
  @on-blur="handleFormItemBlur"
  @on-focus="handleFormItemFocus"
>
</DJoeSimpleForm>

gridLayout, gridConfigs 使用时请自行安装 vue-grid-layout

组件以 Config 结尾表示遵循原生有部分修改、组件以 Base 开头表示本表单组件自定义组件

1. 具体参照 antdV 的组件 props 和一些原生属性
2. options、dataSource 可以传入 String 或者 Object, String 的值会绑定到 autoCompleteSource 中
3. 自动完成组件的 optionLabelProp 请传入'value'

下面两项是基础配置，具体见自定义组件输入

对子项的数据监听事件绑定，可传入 String(为本表单组件内置方法，见下内置方法 Methods 表)，可传入 Function(e, configs, vm)

包含 name,component,props,config, events(个属性与上面相同)，数组第一项与最外层的同属性继承，但 name 和 component 必须指定

在父组件操作 myform 数据的时候，如果有多个参数请用对象的方法一次性赋值，避免出现本组件在同步数据时关闭同步通道

1. 参照 antdV 自动完成组件
2. dataSource - String(name)/Object
3. optionLabelProp: 'value'

以 button-开头的事件将绑定到按钮上

text 为按钮显示值，其余 props 与官方组件一致

1. text 为按钮显示值，其余 props 与官方组件一致
2. 其他属性配置同基本组件

1. config 中 layout 已说明

该组件包含多项配置, customRender 作为渲染基础