From 3c037e16c6762da6b950eda087d2ac4498e46bbb Mon Sep 17 00:00:00 2001 From: xiaosi <2652281683@qq.com> Date: Mon, 31 Aug 2026 14:55:06 +0800 Subject: [PATCH] =?UTF-8?q?docs:=20=E5=A2=9E=E5=8A=A0=20MonitorMapChrome?= =?UTF-8?q?=20=E8=AE=BE=E8=AE=A1=E4=B8=8E=E5=AE=9E=E7=8E=B0=E8=AE=A1?= =?UTF-8?q?=E5=88=92?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 地图工具条/图例/比例尺抽离。 --- .../plans/2026-08-28-monitor-map-chrome.md | 36 +++++++++++++++++++ .../2026-08-28-monitor-map-chrome-design.md | 25 +++++++++++++ 2 files changed, 61 insertions(+) create mode 100644 docs/superpowers/plans/2026-08-28-monitor-map-chrome.md create mode 100644 docs/superpowers/specs/2026-08-28-monitor-map-chrome-design.md diff --git a/docs/superpowers/plans/2026-08-28-monitor-map-chrome.md b/docs/superpowers/plans/2026-08-28-monitor-map-chrome.md new file mode 100644 index 0000000..78f74d4 --- /dev/null +++ b/docs/superpowers/plans/2026-08-28-monitor-map-chrome.md @@ -0,0 +1,36 @@ +# MonitorMapChrome 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:** 抽出地图 chrome(toolbar/legend/scale)。 + +**Spec:** `docs/superpowers/specs/2026-08-28-monitor-map-chrome-design.md` + +### Task 1 + +Create `MonitorMapChrome.vue`;MonitorView: + +```vue +
+ + + +
+``` + +或 chrome 不包 slot、同级放置 float 也可——保持 float 仍在 `.map-panel` 内。 + +Commit: `refactor: 抽取 MonitorMapChrome 地图工具条图例` + +### Task 2 冒烟 + +卫星/地图切换 class active;fit 按钮可点;比例尺文案存在。 + +## 约束 + +跳过全量测试;Main 可冒烟 diff --git a/docs/superpowers/specs/2026-08-28-monitor-map-chrome-design.md b/docs/superpowers/specs/2026-08-28-monitor-map-chrome-design.md new file mode 100644 index 0000000..96d0125 --- /dev/null +++ b/docs/superpowers/specs/2026-08-28-monitor-map-chrome-design.md @@ -0,0 +1,25 @@ +# MonitorMapChrome 设计 + +## 目标 + +抽出 map-panel 内工具条 / 图例 / 比例尺为 `MonitorMapChrome.vue`。`CommandProgressFloat` 仍由页面放在 map-panel 内(或 chrome 提供 default slot)。 + +## 契约 + +**Props:** `mapMode` (`satellite`|`street`) · `scaleText` + +**Emits:** `update:mapMode` 或 `set-map-mode` · `fit-all` + +**Slot:** default — 进度浮层等叠加层 + +地图实例 / `setMapMode` / `fitAll` / `mapScaleText` 计算留页面。 + +## 实现 + +1. `src/components/MonitorMapChrome.vue` +2. MonitorView map-panel 改为 chrome + CommandProgressFloat slot/子节点 +3. Commit: `refactor: 抽取 MonitorMapChrome 地图工具条图例` + +## 约束 + +不改 mapHelper;精确 git add;中文 commit