# 优化动作流设计器画布改版功能

来源快照：`result_data_new_260518.json`

- 来源 ID：`1235121294747181229`
- 模块：低代码平台e-builder
- 目录：功能更新说明 - 2026-02 - ESB动作流
- space ID：`1157961794811633670`
- 原文链接：未提供
- 产品基线：未提供

## 正文

# 一、概述

动作流设计器页面使用新版设计器，整个动作流设计页面展示的线条能有效组织页面布局，引导视线流动；页面交互更加易用，展示更加美观。

# 二、使用说明

新建动作流页面以及点击动作流的设计按钮或者动作流左滑页面，展示效果为新版设计器样式

![](https://weapp.eteams.cn/papi/file/preview?fileId=1235213382955450373&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

![](https://weapp.eteams.cn/papi/file/preview?fileId=1235218661487861763&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

# 三、功能描述

在新版动作流设计器中增加了交互模式、横向竖向布局、适应屏幕、放大缩小、缩略图、打开侧滑以及打开备注等功能

![](https://weapp.eteams.cn/papi/file/preview?fileId=1235213950076510215&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

## 交互模式

在新版设计器页面的左下角会显示交互模式，默认是触控友好模式，可选择鼠标友好模式

触控友好模式：对于可触屏的电脑，可通过双指同向移动拖动，双指张开捏合缩放

鼠标友好模式：可通过鼠标左键拖动画布，滚轮缩放

![](https://weapp.eteams.cn/papi/file/preview?fileId=1235217063772192773&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

## 模式横向竖向布局

在新版动作流设计当动作流配置逻辑复杂时，竖向不好展示时可以通过左下角图标去转换动作流的显示方向

![](https://weapp.eteams.cn/papi/file/preview?fileId=1235219280054599682&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

## 放大缩小

可通过放大缩小的功能将动作流的组件

![](https://weapp.eteams.cn/papi/file/preview?fileId=1235271176262705156&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

## 适应屏幕

动作流放大缩小后，需要显示为屏幕自适应的大小时可以点击该图标实现

![](https://weapp.eteams.cn/papi/file/preview?fileId=1235271270537658375&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

## 缩略图

显示动作流的缩略图

![](https://weapp.eteams.cn/papi/file/preview?fileId=1235271498317316100&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

## 打开侧滑

在点击打开侧滑按钮后，点击对应的组件，会在左滑页面中显示该组件的相应配置

![](https://weapp.eteams.cn/papi/file/preview?fileId=1235271932034342915&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

![](https://weapp.eteams.cn/papi/file/preview?fileId=1235271798931472388&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

## 打开备注

动作流组件设置备注内容后，可通过点击打开备注图标，一键展示所有组件的备注内容

![](https://weapp.eteams.cn/papi/file/preview?fileId=1235272434569854977&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

注：动作流打开左滑页面时，不显示打开备注和打开侧滑的图标

![](https://weapp.eteams.cn/papi/file/preview?fileId=1235272713813237761&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

## 组件图标

在新版设计器下，所有组件的图标都优化为线性图标，历史动作流的图标可通过接口地址去优化

![](https://weapp.eteams.cn/papi/file/preview?fileId=1235216698829586440&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

![](https://weapp.eteams.cn/papi/file/preview?fileId=1235216114725822489&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

刷历史动作流图标--针对动作流去刷新：

[ip/api/bs/esb/setting/application/flushNewDesignIcon?applicationId=动作流id1,动作流id2](https://weapp.mulinquan.cn/api/bs/esb/setting/application/flushNewDesignIcon?applicationId=2001938012627406875,791562891630350336) 。。。

刷历史动作流图标--全部刷新：

[ip/api/bs/esb/setting/application/flushNewDesignIcon](https://weapp.mulinquan.cn/api/bs/esb/setting/application/flushNewDesignIcon)
