【源码】基于TypeDom框架的动态表单生成器

项目简介

这是一个基于TypeDom框架创建的动态表单生成器项目，实现了表单的设计模式、填表模式以及只读模式，用户可通过简单操作创建、编辑和查看表单。

项目的主要特性和功能

1. 支持动态添加、编辑和删除表单控件，实现动态表单生成。
2. 具备设计模式、填表模式及只读模式等多种表单模式。
3. 提供文本框、下拉框、日期选择器、公式编辑器等丰富的控件选项。
4. 支持在表单中使用公式进行计算。
5. 支持设置控件之间的关联选项。
6. 支持添加和查看文件附件。
7. 允许传入外部函数，方便在表单中使用自定义逻辑。

安装使用步骤

安装环境

• 全局和本地安装TypeScript。
• 初始化并安装webpack、webpack-cli、webpack-dev-server、webpack-merge。
• 安装必要的webpack插件和loader，如clean-webpack-plugin、html-webpack-plugin、ts-loader、css-loader等。

运行项目

• 执行yarn install安装依赖。
• 执行yarn serve启动项目。

生成js版本项目代码

• 执行yarn js。

打包项目

• 执行yarn build进行项目打包。

生成库

• 执行yarn lib生成库文件。

生成类图

• 执行yarn uml生成类图。

生成文档

• 执行yarn docs生成项目文档。

代码检查

• 执行yarn ts-coverage进行代码检查。

注意事项

1. 避免在构造函数中使用带有渲染的方法，如setStyle、setAttrObj、appendChild等。
2. 实体类的构造函数若无特殊属性，无需单独定义propObj，web-element中已赋值。
3. 构造函数的parent参数，直接使用public parent。
4. 全局样式使用自定义常量，方便全局修改。

下载地址

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