功能介绍

1. 升级效果

首先，我们先来看一下升级后的效果图。

1.1. 单据页面设计

1.2. 流程页面设计

1.3. 展示页面设计

1.4. 报表页面设计

1.5. 功能升级说明

从上面四种类型的页面设计来看，对比宜搭旧版设计器的功能，有比较大的区别和更新。

1. 主题色从之前的墨绿色变成白色，包括按钮的底色全部变成蓝色。
2. 新增了“快捷键”、“全局搜索”、“自动布局”、“修改历史”、“页面管理”、“插件配置”、“切换语言”等功能。
3. 透出了“页面源码”的查看按钮，之前需要按下 “Command + `” 组合键，或者在设计器左下角面板处快速点击三次才会出现。
4. 优化了组件删除，需要二次确认。
5. “动作设置”面板和“数据源”面板改版升级。
6. 设计器支持中英文显示。
7. 设计区的组件可自由拖动，上下左右拖放，可以左右自由伸缩宽度。
8. 报表页面添加了有数平台的全组件展示，新增了不少图表组件。

2. 功能演示

下面，我们来介绍一下这次升级，新增的一些功能。

2.1. 快捷键展示

快捷键⌨️展示了设计器中，一些常用操作的快捷键映射说明。其中上图展示的是 MAC 系统键盘的对应，如果使用的是 Windows 系统的话，按照下列的对应关系，将相对应的按键替换成 Windows 版键盘按键即可。

2.2. 全局搜索

全局搜索🔍可以搜索设计器中的组件属性值、数据源变量、JS 变量、JavaScript 源代码等四大类。其中，每一种类型前面都会添加一个特殊字符作为开头做区分。

Tips：搜索关键字不区分大小写，支持模糊搜索和精确搜索。

1. 搜索组件

1. 搜索绑定的变量

1. 搜索源码

1. 综合搜索

2.3. 自动布局

自动布局功能，可以将页面的所有组件，按照一定的规则，自动均等为单列、双列、三列、四列几种模式，同时也可以还原上一步的布局。

1. 双列布局效果

1. 三列布局效果

1. 四列布局效果

下面用动图来演示一下自动布局和动态分栏的效果。

动图中，我们可以左右随意拖动组件的宽度，同时也可以将组件直接拖动到同行组件的左右两边，而不再需要先添加一个分栏组件定义布局了，效率方面会大大提高。

2.4. 修改历史

点击“修改历史”按钮之后，可以查看当前表单所有的修改历史版本，点击后可查看某一个具体的版本内容。同时还可以进行回滚和 Diff 操作。Diff 操作就是查看某一具体版本和当前最新版本的”布局和组件“、”页面 JS“、”数据源 Schema“等内容的区别。其中，红色代表删除代码，绿色代表新增代码。

2.5. 页面管理

页面管理将后台管理页的页面导航同步到了设计器中，这样每次切换就不需要后退到后台管理重新切换页面了。现在只需要在设计器中就可以直接切换页面进行设计，而且也保留了拖动、显示、隐藏、修改名称和新建分组的功能。

2.6. 插件配置

插件市场，目前支持”发票识别“、”护照识别“、”行驶证识别“、”驾驶证识别“、”名片识别“、”公章识别“、”行政区域查询“、”IP 地址定位“、”身份证识别“等九大类的智能识别场景。

具体使用方法，可参照帮助文档：https://www.yuque.com/yida/help/zqp64z

2.7. 切换语言

切换语言功能，默认支持中英文的切换。设计器会根据系统设置的语言类型，自动显示相对应的语言版本。