You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1.3 KiB
1.3 KiB
CommandProgressFloat Implementation Plan
For agentic workers: REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (
- [ ]) syntax for tracking.
Goal: 抽出地图指令进度浮层为展示组件;轮询/状态机留页面。
Architecture: CommandProgressFloat.vue 接收 open/title/deviceName/step/status/result/error/terminalLabel,emit close。
Spec: docs/superpowers/specs/2026-08-28-command-progress-float-design.md
Task 1
- Create
src/components/CommandProgressFloat.vue - Modify
src/views/MonitorView/MonitorView.vue
替换 map-panel 内 float 为:
<CommandProgressFloat
:open="commandProgress.open"
:title="commandProgress.title"
:device-name="commandProgress.deviceName"
:step="commandProgress.step"
:status="commandProgress.status"
:result="commandProgress.result"
:error="commandProgress.error"
:terminal-label="commandProgressTerminalLabel"
@close="closeCommandProgress"
/>
Commit: refactor: 抽取 CommandProgressFloat 指令进度浮层
Task 2 冒烟
浮层 DOM/class 在 open=true 时出现;点关闭触发 close;无 console error。
约束
不改后台;精确 git add;中文 commit