Skip to content

表单

在平台中,表单是画布的载体,它包含了画布上的所有组件(画布控件、流程节点、边等),同时挂载了组件的相关操作(如事件绑定)。

组件栏

通过拖拽交互往画布中添加节点,如表单编辑场景,从组件栏中拖拽组件到新增到画布中。

搜索

在组件栏中搜索输入框中,键入组件名称可以进行过滤(模糊匹配)。

工具栏

位于画布区域上方,为用户提供快速访问常用功能或工具的途径,以便于用户进行操作或执行任务。

通用

  • 撤销、重做
  • 保存
  • 导入、导出
  • 复制属性(可选择需要复制的项)
  • 对齐
  • 横连、纵连
  • 等宽、等高、等大小
  • 批量绑定数据源
  • 切换隐藏域

PC/APP

  • 切换 APP 模式
  • 一键转换(自动将 PC 表单转换为 APP 表单)

流程

  • 切换边连接类型(流向、抄送)

打印模板

  • 背景对照
  • 新增页、删除页
  • 上一页、下一页

图层

图层包含画布中所有组件,并将它们以树的形式展示,用于预览、搜索、定位。

过滤

通过 ID 或 名称进行图层组件过滤,通过开关可进一步切换是否显示不相关图层组件。

仅显示当前层级节点

开启该项时,图层会仅显示选中组件的同层级组件。

例如,在打印模板中,若打印页数较多,图层中的大量组件会显得非常臃肿,开启该项后,编辑组件时图层将仅显示当前打印页组件。

隐藏域

在 PC/APP 表单中存在不显示在画布的组件,这些被隐藏的组件将被收集并显示在图层底部。

自动定位

  • 选中图层组件时会同步将画布中的组件滚动至可视范围

  • 画布选择不同组件时,图层也会同步定位将选择组件滚动至可视范围(若选择项已在可视范围将不触发滚动)

属性栏

组件属性信息操作面板,并将这些属性按指定分组显示。

防抖

在修改组件属性时,未避免生成连续的历史记录(如编辑名称、修改定位时),值更新内置了防抖函数,在结束编辑的 500ms 后才会进行属性值更新。

事件栏

事件是一种允许用户通过简单配置操作来定义应用程序行为的机制。可以通过设置事件,从而快速构建功能丰富的应用程序,而无需深入编写大量的代码。

如何编写平台事件,请进一步阅读 符号文档

状态栏

状态栏位于表单底部区域,用于显示当前表单的状态信息。这个状态栏的设计旨在提供用户对表单状态的实时反馈,并包含以下内容:

历史记录

历史记录功能,用于追踪表单绘制过程中的各种操作、修改变化。用户可查看不同阶段所做的更改,并且可以在需要时回溯到指定历史位置。

缩放比例

对表单画布大小进行调整,支持设置具体数值或自适应比例。

表单配置

通过修改配置,可以个性化修改你的表单配置可以调整显示及交互细节。

网格

网格是表单背景上渲染的辅助格子。

  • 显示:控制网格是否显示
  • 可用:控制网格功能是否开启
  • 网格类型:选择切换网格的样式风格
  • 大小:调整网格单元格的大小
  • 吸附半径:移动组件时,边距离网格的吸附距离

对齐线

对齐线是移动组件排版的辅助工具。

吸附优先级

在拖动组件时,会优先尝试与最靠近的其他组件进行吸附

  • 可用:控制对齐线功能是否开启
  • 吸附半径:对齐精度,即移动组件时与目标位置的距离小于吸附半径时触发并显示对齐线。

框选

通过点击或者套索框选节点,组件与框选范围存在部分重叠时就会被纳入框选。在多选情况下,拖动框选的组件会一起移动。

  • 可用:控制框选功能是否开启
  • 显示多选框:是否显示多选下组件的整体边缘

画布

画布是表单中最重要的部分(也可以称其为画布),位于画面中心,包含了表单的所有元素(节点、边等)。

平移

若浏览器无法显示全部的画布内容,则在画布容器上会出现滚动条,用户可选择拖动滚动条或按住 space + 单击 来进行画布平移。

剪切板

剪切板用于复制/粘贴组件,并支持跨画布的复制/粘贴,可通过右键菜单或快捷键使用。

调整大小

在选择单个组件时,选择的组件周围会出现可以进行拖拽调整大小的工具。

限制移动

组件的可移动范围,默认只能在容器内移动(不能超出)。

Powerd by Vitepress.