Files
Genarrative/docs/technical/【设计】UI编辑器工作流完成通知弹窗-2026-09-04.md
T
k88936 4db6d28603
Project CI / Repository checks (push) Successful in 3m6s
Project CI / Frontend tests (push) Successful in 3m44s
Project CI / Backend tests (push) Successful in 8m16s
Project CI / Native shell tests (push) Successful in 20m48s
UI编辑器一批细节优化 (#278)
* 提示词:完善组件建议,增加容器背景与节点大小一致的实现
* 支持Delete删除节点 ctrl + -缩放
* 步骤结束弹窗提醒
![shotmd-1788599068.jpg](/attachments/99a1e4aa-d778-41bf-9dda-0df703723407)
![shotmd-1788605840.jpg](/attachments/31ab883d-32bc-467b-9308-616b83387a79)

* UI 树快捷删除
![shotmd-1788605655.jpg](/attachments/3d451201-3f68-4eb6-b558-864ecf0cb5a3)

* zoom滑动条样式

before:
![image.png](/attachments/e4a04304-e6eb-4da6-9352-99e093fee42e)
after:
![shotmd-1788606577.jpg](/attachments/6cdc377c-f2a3-4a7e-b78e-772a3fdb13b7)

Reviewed-on: http://192.168.35.82/git/GenarrativeAI/Genarrative/pulls/278
Co-authored-by: 王德宇 <kvtodev@outlook.com>
Co-committed-by: 王德宇 <kvtodev@outlook.com>
2026-09-08 11:56:36 +08:00

2.4 KiB

UI 编辑器工作流完成通知弹窗

目标

UI 编辑器的“分析参考图”“识别界面结构”“绑定视觉素材”三个工作流动作在每次运行结束后,用独立的阻塞通知弹窗明确反馈结果,避免仅依赖卡片内一行状态文本而被忽略。

交互约定

  • 三个动作的每次运行在终态(成功或失败)时自动弹出一次通知。
  • 弹窗打开期间遮挡并阻塞工作台底层交互;关闭后恢复当前步骤,不自动切换步骤、不自动重跑。
  • 使用现有 ThemedModal 的普通关闭行为(遮罩、Esc 和关闭按钮均可关闭)。
  • 弹窗仅承载通知,不提供“继续”“重试”或其他业务操作。
  • 关闭弹窗后,工作流卡片继续显示同一条结果状态;重新运行产生新的终态时再次通知。
  • 绑定动作包含多个批次时,只在最终批次结束后通知一次。

文案

弹窗标题由步骤名和结果态组成,例如“识别界面结构完成”或“绑定视觉素材失败”。正文复用卡片状态文本,并逐条扩展结果信息,统一以“请检查”收尾。

成功状态的基线文案:

  • 分析参考图:保留已应用的语义建议数量;若现有状态可可靠取得问题/待确认数量,则一并展示。
  • 识别界面结构:保留替换的界面树数量,并展示识别结果中的待检查/必须修复数量(若可取得)。
  • 绑定视觉素材:保留现有 B/B 批次计数,改为用户可读的绑定结果。

失败状态保留实际错误文本,仅在弹窗标题中补充步骤和失败上下文,正文同样以“请检查”收尾。

实现边界

  • 新增独立的工作流通知弹窗组件文件,组件只负责展示和关闭,不包含工作流领域规则或后端副作用。
  • 在 UI 编辑器页面/会话投影中维护临时通知状态,并在三个异步动作的成功与失败终态写入。
  • 不新增后端字段或公开契约;数量只能使用当前前端已有且可靠的数据。

验收

  1. 三个动作成功和失败终态各弹出一次通知;绑定批次只弹最终一次。
  2. 弹窗打开时底层工作台不可操作,且无继续/重试等业务按钮。
  3. 弹窗可通过标准关闭方式退出;关闭后卡片状态仍可见。
  4. 每条成功文案保留原有数量信息并增加可用的检查数量,所有文案包含“请检查”。
  5. 重新运行后新的终态会再次弹出通知。