Appearance
表单
在平台中,表单是画布的载体,它包含了画布上的所有组件(画布控件、流程节点、边等),同时挂载了组件的相关操作(如事件绑定)。
组件栏
通过拖拽交互往画布中添加节点,如表单编辑场景,从组件栏中拖拽组件到新增到画布中。
搜索
在组件栏中搜索输入框中,键入组件名称可以进行过滤(模糊匹配)。
工具栏
位于画布区域上方,为用户提供快速访问常用功能或工具的途径,以便于用户进行操作或执行任务。
通用
- 撤销、重做
- 保存
- 导入、导出
- 复制属性(可选择需要复制的项)
- 对齐
- 横连、纵连
- 等宽、等高、等大小
- 批量绑定数据源
- 切换隐藏域
PC/APP
- 切换 APP 模式
- 一键转换(自动将 PC 表单转换为 APP 表单)
流程
- 切换边连接类型(流向、抄送)
打印模板
- 背景对照
- 新增页、删除页
- 上一页、下一页
图层
图层包含画布中所有组件,并将它们以树的形式展示,用于预览、搜索、定位。
过滤
通过 ID 或 名称进行图层组件过滤,通过开关可进一步切换是否显示不相关图层组件。
仅显示当前层级节点
开启该项时,图层会仅显示选中组件的同层级组件。
例如,在打印模板中,若打印页数较多,图层中的大量组件会显得非常臃肿,开启该项后,编辑组件时图层将仅显示当前打印页组件。
隐藏域
在 PC/APP 表单中存在不显示在画布的组件,这些被隐藏的组件将被收集并显示在图层底部。
自动定位
选中图层组件时会同步将画布中的组件滚动至可视范围
画布选择不同组件时,图层也会同步定位将选择组件滚动至可视范围(若选择项已在可视范围将不触发滚动)
属性栏
组件属性信息操作面板,并将这些属性按指定分组显示。
防抖
在修改组件属性时,未避免生成连续的历史记录(如编辑名称、修改定位时),值更新内置了防抖函数,在结束编辑的 500ms 后才会进行属性值更新。
事件栏
事件是一种允许用户通过简单配置操作来定义应用程序行为的机制。可以通过设置事件,从而快速构建功能丰富的应用程序,而无需深入编写大量的代码。
如何编写平台事件,请进一步阅读 符号文档。
状态栏
状态栏位于表单底部区域,用于显示当前表单的状态信息。这个状态栏的设计旨在提供用户对表单状态的实时反馈,并包含以下内容:
历史记录
历史记录功能,用于追踪表单绘制过程中的各种操作、修改变化。用户可查看不同阶段所做的更改,并且可以在需要时回溯到指定历史位置。
缩放比例
对表单画布大小进行调整,支持设置具体数值或自适应比例。
表单配置
通过修改配置,可以个性化修改你的表单配置可以调整显示及交互细节。
网格
网格是表单背景上渲染的辅助格子。
- 显示:控制网格是否显示
- 可用:控制网格功能是否开启
- 网格类型:选择切换网格的样式风格
- 大小:调整网格单元格的大小
- 吸附半径:移动组件时,边距离网格的吸附距离
对齐线
对齐线是移动组件排版的辅助工具。
吸附优先级
在拖动组件时,会优先尝试与最靠近的其他组件进行吸附
- 可用:控制对齐线功能是否开启
- 吸附半径:对齐精度,即移动组件时与目标位置的距离小于吸附半径时触发并显示对齐线。
框选
通过点击或者套索框选节点,组件与框选范围存在部分重叠时就会被纳入框选。在多选情况下,拖动框选的组件会一起移动。
- 可用:控制框选功能是否开启
- 显示多选框:是否显示多选下组件的整体边缘
画布
画布是表单中最重要的部分(也可以称其为画布),位于画面中心,包含了表单的所有元素(节点、边等)。
平移
若浏览器无法显示全部的画布内容,则在画布容器上会出现滚动条,用户可选择拖动滚动条或按住 space
+ 单击
来进行画布平移。
剪切板
剪切板用于复制/粘贴组件,并支持跨画布的复制/粘贴,可通过右键菜单或快捷键使用。
调整大小
在选择单个组件时,选择的组件周围会出现可以进行拖拽调整大小的工具。
限制移动
组件的可移动范围,默认只能在容器内移动(不能超出)。