Comments (9)
单行文本框不支持密码框
对哦,后面会在单行文本里面提供属性type,可以设置type为password
from k-form-design.
同时提几点其他的建议:
- 通过v:bind的方式对组件原始属性进行绑定,设计器提供一个字段来指定此属性
- 必填字段的validator中message默认使用字段的placeholder会更好一些
- 表格布局可以设置为动态添加列,然后数据默认绑定到一个Array上
from k-form-design.
同时提几点其他的建议:
- 通过v:bind的方式对组件原始属性进行绑定,设计器提供一个字段来指定此属性
- 必填字段的validator中message默认使用字段的placeholder会更好一些
- 表格布局可以设置为动态添加列,然后数据默认绑定到一个Array上
第一点,我不太明白
第二点,使用message是因为表单验证使用的ant-design Form组件自带校验规则,默认使用的是message为校验文案,查看a-form 校验规则
第三点,是想要添加行列吗,可以右键表格添加行列,合并单元格,当然这里的操作存在一些bug,不是很完善
from k-form-design.
第一点,比如单行文本要支持密码框,其实就是a-input组件设置了password属性,但是各个表单组件的属性很多,如果每一个都去根据组件把全部属性支持了的话是个很麻烦的事情,就按照现在的方式写一下常见的属性配置即可,如果用户需要更深入的定制,在设计器的每个组件都设置一个属性框,填入的内容就是需要自定义的属性的json描述,然后通过v:bind方式绑定到antd的原始组件上来实现原始组件的属性绑定,这样就不用每个组件都去声明一遍全部的属性,可大大的提高使用者的coding效率,同时又能兼顾深入定制的需求
from k-form-design.
第二点的意思是既然我们都已经写了placeholder信息了,为什么不把这个信息直接带到验证规则必填的message中,这样提示起来更加语义化,不然生成json之后还得一个一个去修改必填验证的massage,或者是提供一个开关来设定是否使用placeholder信息作为必填验证的massage
from k-form-design.
第三点的意思是在用户填写表单的过程中需要填写一个单条的数据,然后这个数据有一个属性是一个列表,列表的长度是非固定的,这个时候用户写表单的时候点一下添加就增加一行,然后把列表的数据绑定到表单数据对象的一个array上,不知是否于目前的表格布局设计初衷有冲突.
from k-form-design.
第二点的意思是既然我们都已经写了placeholder信息了,为什么不把这个信息直接带到验证规则必填的message中,这样提示起来更加语义化,不然生成json之后还得一个一个去修改必填验证的massage,或者是提供一个开关来设定是否使用placeholder信息作为必填验证的massage
这个可以考虑用个开关来控制
from k-form-design.
属性框,填入的内容就是需要自定义的属性的json描述,然后通过v:bind方式绑定到antd的原始组件上来实现原始组件
暂不知道有没有属性支持直接通过json绑定api,如果只用v-bind似乎得把所有api写v-bind,我只是挑了一些常用的属性给用户配置,如果用户需要自定义比较多,可以插入自定义表单控件,自定义控件规制
自定义或第三方的表单控件,也可以与 Form 组件一起使用。只要该组件遵循以下的约定:
- 提供受控属性 value 或其它与 valuePropName 的值同名的属性。
- 提供 onChange 事件或 trigger 的值同名的事件。
- 支持 ref:
- [email protected] 之前只有 Class 组件支持。
- [email protected] 及之后可以通过 forwardRef 添加 ref 支持
from k-form-design.
第三点的意思是在用户填写表单的过程中需要填写一个单条的数据,然后这个数据有一个属性是一个列表,列表的长度是非固定的,这个时候用户写表单的时候点一下添加就增加一行,然后把列表的数据绑定到表单数据对象的一个array上,不知是否于目前的表格布局设计初衷有冲突.
这个应该是一个子表单,后面考虑添加这个组件,与表格布局不冲突,表格布局仅用于页面布局排版,现版本用户可通过自定义控件添加
from k-form-design.
Related Issues (20)
- 自定义问题 HOT 1
- 选择输入列中嵌套输入框,默认值不加载 HOT 1
- 动态表格列宽调整 HOT 1
- 设计器怎么实现表单嵌套子表单的功能呢? HOT 1
- 使用build cdn加载自定义组件失败 HOT 1
- 表格布局怎么删除行或者列?
- 动态表格数据检验功能 HOT 3
- 3.8.16版本添加动态表格组建后无法获取数据 HOT 2
- 添加动态表格, 在里面插入input组件 选择必选,填写数据后无法获取数据
- 加一个类似步骤表单的控件 HOT 2
- 下拉框或者多选表单的如何setData?
- 动态表格组件里加入文本框组件,操作列会出现高度错位 HOT 1
- 设置json时,下拉选择器不显示,而且报错 HOT 2
- vite 4.x 版本 构建的项目引入k-form-design会报错 目前是vite ^4.3.9 HOT 2
- 自定义组件如何getData
- 当我基于栅格控件自定义了一个加强版的栅格控件时,我每次拖动自定义的栅格控件,里面的元素总是同一个数组的,改变其中一个,同样使用自定义栅格控件的元素也会改变
- 请问自定义控件之后如何配置右侧的控件属性呢,比如是否必填、最大镇等等.......
- 动态表单动态检验有bug HOT 1
- 上传图片头部信息支持动态token吗,目前头部信息是写死的 HOT 1
- 富文本组件建议使用wangeditor HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from k-form-design.