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

FormMaking 介绍

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

image.png

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

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

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

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

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

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

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

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

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

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


新功能

子表单添加多选配置

image.png

子表单添加如下API

getSelection

  • () => rows:[]

clearSelection

  • () => void

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

image.png
image.png

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

[图片上传失败...(image-912ecd-1730344180868)]

可接受的文件类型可通过 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 文档的东西。

优化刷新数据源配置

image.png

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

修复项

  • 修复扩展属性在设计器中没有同步生效。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容