vform-element

基于 Vue3 和 Element-plus 的动态表单组件

document

设计的初衷

动态表单其实并没有改变什么，却又改变了些什么

• 抽离 表单元素 的设置， 并实现集中配置， 让单独的表单元素的逻辑集中到一处
• 表单元素的配置不仅仅是简单的静态配置，它应该也必须具备动态配置的能力 (所有我们有了DynamicDef)
• 表单页面只关心 表单数据 和 表单业务 ，表单元素的逻辑可以解耦出去

特点

• 基于对象的表单配置选项
  • 基于 element-plus 表单，构建了一套基于配置的 动态表单渲染 的方式
  • 提炼 栅格 、 表单元素 、表单验证 等常用表单布局配置到对象
  • 解耦 script 与 template/jsx , 减少编程过程中 script 与 template/jsx 上下文切换
• 动态化的配置，尽可能的动态化选项配置
• 天生的拓展自定义能力
• 不改变样式，不侵入样式

变更记录

• 2022-05-28

  2.0.0-alpha.5
  为了更好的类型推导，将 DatePicker 分成 DatePicker 和 DateRangePicker

• 2022-05-26

  2.0.0-alpha.4
  完善表单 Form 方法与事件 , 完全遵循 ElForm