【发版通知】FormMaking 表单设计器新版发布,赋能企业实现低代码开发!

在这里插入图片描述

FormMaking 介绍

FormMaking 是基于 Vue 的可视化表单设计器,赋能企业实现低代码开发模式;帮助开发者从传统枯燥的表单代码中解放出来,更多关注业务,快速提高效率,节省研发成本。目前已经在OA系统、考试系统、报表系统、流程管理等众多项目中得到了广泛使用。

在这里插入图片描述

可视化

主流的表单设计器页面,通过可视化操作,方便快捷的完成表单页面编辑。

主流UI

支持创建 Element 和 Ant Design 风格的表单,使用范围广泛。

最新技术栈

最新的前端技术栈,支持 Vue2 / Vue3,内置了 i18n 国际化解决方案,方便二次开发。

多终端适配

支持 pc、pad、mobile 多终端布局适配,并可查看展示效果。

丰富的布局

提供了栅格、标签页、表格等复杂的表单布局,更贴近与企业级的需求。

高级容器

提供了支持数组与对象的容器,基本可以覆盖所有复杂表单数据。

自定义扩展

字段的样式、组件、属性均可实现自定义的扩展,方便快捷的进行个性化配置。

数据源

提供了数据源管理功能,将表单与后端数据进行完美结合。

低代码

可通过低代码进行动作事件的交互,完成表单复杂的逻辑操作。

APIs

提供了丰富的API,可以灵活方便的处理表单的各项操作。


新功能

子表单添加多选配置

在这里插入图片描述

子表单添加如下API

getSelection

  • () => rows:[]

clearSelection

  • () => void

通过获取子表单示例进行使用,如下判断子表单是否有选中项

在这里插入图片描述
在这里插入图片描述

文件上传允许文件类型配置

图片

可接受的文件类型可通过 accept 属性指定,该属性使用逗号分隔的列表,列出允许的文件扩展名或 MIME 类型。举例如下:

  • accept=“image/png” 或 accept=“.png”——接受 PNG 文件。

  • accept=“image/png, image/jpeg” 或 accept=“.png, .jpg, .jpeg”——接受 PNG 或 JPEG 文件。

  • accept="image/"——接收任何具有 image/ MIME 类型的文件。(很多移动端设备在使用此属性时也会让用户使用照相机拍照。)

  • accept=“.doc,.docx,.xml,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document”——接受任何看起来像 MS Word 文档的东西。

优化刷新数据源配置

在这里插入图片描述

刷新数据源现默认使用字段属性配置的参数,如果需要在事件中传递自定义参数,需手动开启。

修复项

  • 修复扩展属性在设计器中没有同步生效。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值