antv-dynamic-form v0.1.1

antv-dynamic-form

基于antv 的动态表单。 在完整支持的表单组件下，拓展支持了颜色Color、旋转角度Angle、代码编辑Monaco、富文本编辑RichText、JSON编辑器、MarkDown编辑器

安装

npm i --save antv-dynamic-form

使用

import DynamicForm from "antv-dynamic-form"
    
    let state = reactive({
    	foo: "test"
    });
    
    let schema = reactive({
    	fields:[{
          label: "输入框",
          path: "foo",
          component: "Input",
          rules:{ required: true, message: 'Please input your username!' }
        }]
    });
    
    <DynamicForm :state="state" :schema="schema"/>

schema说明

label 字段标签名称

path 字段对应states绑定的数据路径

component 组件名称支持组件参考 组件列表

tips 组件提示信息

rules 组件验证规则

props 组件的自定义传入属性，例如设置component为Input，可参考ant Input有哪些props传值

get 自定义获取绑定值

set 自定义设置绑定值

组件列表

demo组件预览