Skip to content

模块介绍

设计器包含左侧区域、工具栏、设计区域、右侧属性面板,各区域功能全面,提升表单设计效率。

image-20241016211120652

1. 左侧边栏

切换表单列表,组件列表,弹窗管理和全局数据管理

2. 左侧区域

内容会根据左侧边栏的不同选项进行切换:

  • 表单列表:用于管理和切换不同的表单模板以及业务表单列表。
  • 组件列表:包含可拖拽的组件和模板,还提供字段列表和表单大纲视图。
  • 弹窗管理:用于设计表单中的子弹窗,可以通过调用方法打开这些弹窗。
  • 全局数据:管理在表单中使用的全局行为、全局样式、全局数据和全局变量。

3. 工具栏

  • 撤销和重做:对表单设计过程中的操作进行撤销和重做。
  • 预览:预览表单的显示情况。
  • 清空表单:清空当前表单内容。
  • 设置表单默认值:设置表单的默认字段值。
  • 导入导出表单:以 JSON 格式导入和导出表单。
  • 扩展自定义操作:支持其它自定义操作。

4. 表单配置

  • 表单配置:设置表单的全局样式和行为。
  • 表单事件:配置表单的全局事件。

5. 设计区域:

表单设计区域

  • 拖拽:通过拖拽操作,用户可以灵活地添加和排列表单组件。
  • 复制:支持复制现有组件,便于重复使用相同的配置。
  • 删除:允许用户删除不需要的组件,使表单布局符合实际需求。