让 element-ui 的 form 使用起来更加简单。

$ npm install element-form-dy

<script src="//cdn.jsdelivr.net/npm/element-form-dy@1.9.1817/lib/element-form-dy.js"></script>

<template>
  <elementFormDy @submit="onSubmit" :formList="formList"></elementFormDy>
</template>

<script>
import elementFormDy from 'element-form-dy'

export default {
  components: {
    elementFormDy
  },
  data() {
    return {
      formList: [
        {
          title: '姓名',
          type: 'input',
          key: 'name'
        }
      ]
    }
  },
  methods: {
    onSubmit(form, valid) {
      console.log(form, valid)
    }
  }
}
</script>

标签大小写随你心情

<elementFormDy @submit="onSubmit" :formList="formList"></elementFormDy>

使用 element-ui 组件库

<elementFormDy lib="element" @submit="onSubmit" :formList="formList"></elementFormDy>

如果你是 script 标签引入的，那么所有的参数要用小写，并且单词用 - 链接。
elementFormDy => element-form-dy
formList => form-list

1. 单个组件中返回所有ref的值
2. 单个组件添加function判断disabled

1. 修改清除验证方法，可单项清除

1. 下拉框、单选框、多选框添加单条禁用

1. 表单项添加ref，可以使用$refs，input返回当前form的refs

1. title为空时不渲染title的标签

1. 下拉框添加 disabled，用以禁用部分选择项

1. 添加 validateField，单项表单验证

1. 修复 clear 清空表单无法清空的 bug

1. 修复样式错误的 bug

1. 修复 renderTitle 和 render 函数没有 form 的bug

1. 修复在父组件使用 render（render，renderTitle，renderContent）时，设置 ref 会获取不到对象
2. 添加 clear 清除方法

1. 支持每个组件的 on 与 nativeOn 配置

1. 当组件库为 element 时，type：radio-group checkbox checkbox-group 支持 border 属性

1. 删除 readonly，因为只能作用于几种类型（input, select），作用不大
2. 添加 cascader 类型，跟 select 的用法类似 [{ value: 'xxx', text: 'xxx' }, ...]

1. 删除不必要的提示

1. 添加标签的 gutter 属性
2. content-width 支持 auto 100% 值

1. 修改 1.1.3 失效问题

1. 添加 item 的 setting 属性，可以在 formItem 上添加样式了

1. 添加全局和单体 readonly 属性

1. 添加 type: time 类型
2. 修改 reset 方法不能清空验证

1. 添加 type: input-number 类型
2. 添加 maxlength 和 textareaMaxlength 属性，分别作用于 input 和 textarea 上，默认值分别是 20 、256
3. 添加 setForm 方法
4. 修改 datetimerange 的默认宽度为 360
5. 修改 textarea 如果设置了 enterSubmit，不再触发 submit 事件
6. 修改 element-ui 的 placeholder 现在可以写在 props 里

1. 可以在网页里面用 script 标签引入啦！

1. 修复 options、submitText、resetText、hasSubmitBtn、hasResetBtn 失效的原因

1. isShow 属性，可以使用方法了
2. 添加 clearable 属性，默认为 true

1. 添加 isShow 属性

1. 修改 tpye 为 switch 时 props 不生效

1. 修改 input 的 placeholder 需要添加在 attrs 里面
2. 添加 formList 的 render 函数

1. 修改 重置按钮 跟 提交按钮重复的问题

1. 添加 options 自定义组建自带 props 属性
2. 添加 hasSubmitBtn、hasResetBtn 自定义是否显示按钮属性
3. 添加 submitText、resetText 自定义按钮文本属性
4. 删除 autocomplete 属性

MIT