【源码】基于 designable 框架的 DuckForm 可视化表单设计器

项目简介

DuckForm 是一个可视化 formily 设计器，基于 designable 进行二次开发。该项目旨在提供直观的可视化表单设计与生成解决方案，让业务人员无需编写代码就能方便快捷地进行表单设计，推动业务的快速发展与优化。目前暂不考虑支持 formily Vue 相关生态，主要进行了项目结构重构。

项目的主要特性和功能

1. 丰富的表单组件：提供可拖拽的文本框、下拉框、日期选择器等表单组件，方便根据业务需求设计表单。
2. 可视化设计器：支持以可视化方式设计和编辑表单，无需编码，还具备预览功能，可实时查看设计效果。
3. 灵活的配置选项：拥有丰富配置选项，可对表单各方面进行精细调整，满足多样业务需求。
4. 基于 formily 框架：充分利用 formily 的表单验证、状态管理等强大功能，保障表单的稳定性与易用性。
5. 项目结构优化：进行了 package 收敛，减少 icons 体积，升级 TypeScript@5.x 和 React@18.x 依赖并修复类型，简化构建方式，还增加了部分功能。

安装使用步骤

假设用户已经下载了本项目的源码文件，可按以下步骤操作： 1. 安装 bun 环境：运行命令 curl -fsSL https://bun.sh/install | bash 安装 bun 环境。 2. 安装依赖：执行 bun i 安装项目所有依赖。若出现 error: workspace dependency "@duckform/shared" not found Searched in "./packages/shared" 报错，请删除 bun.lockb 后重新执行 bun i。 3. 构建项目：运行 bun run build 构建 packages 和 monorepo 依赖，每次修改代码后都需重新构建才会在 playground 生效。 4. 启动开发环境：执行 bun run dev 启动 playground，然后在浏览器中访问本地服务器查看项目效果。

代码格式化说明

本项目使用 biome 进行代码格式化，请安装对应的 vscode 插件。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】