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

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