topo-engine 0.1.9 → 0.1.11

package/dist/topo-engine.cjs

@@ -6660,11 +6660,11 @@ var parseGradient$1 = /* @__PURE__ */ function() {
     }
   }
   function matchPositioning() {
-    var location = matchCoordinates();
-    if (location.x || location.y) {
+    var location2 = matchCoordinates();
+    if (location2.x || location2.y) {
       return {
         type: "position",
-        value: location
+        value: location2
       };
     }
   }
@@ -26313,8 +26313,10 @@ class TopoApi {
   }
   // ------------------------------------------------------------
   //  光晕 / 脉动 动画 —— 节点 & 箱内电表户
-  //  setNodeGlow(ref, { color, spread/radius, duration, opacity })
+  //  setNodeGlow(ref, { color, spread/radius, duration, opacity, width, intensity, blink })
   //    ref = 节点 id/psrId → 图元光环；assetNo → 该户表位光环
+  //    强度栈：blur 柔光底衬 + 实心光块 + 外扩散环×2 + 霓虹主环(shadowBlur) + 亮芯环
+  //    intensity = 强度倍率（默认 1）；blink = true/0~1 → 图元「整体闪烁」
   //  setNodePulse(ref, opts) → 节点透明度呼吸；assetNo → 该户电表格淡入淡出
   // ------------------------------------------------------------
   /** 是否有需要逐帧推进的动画（节点光晕 / 户光晕 / 户脉动） */
@@ -26412,6 +26414,9 @@ class TopoApi {
           _glowSpread: void 0,
           _glowOpacity: void 0,
           _glowDuration: void 0,
+          _glowWidth: void 0,
+          _glowLevel: void 0,
+          _glowBlink: void 0,
           _glowT: void 0
         }
       }]);
@@ -26419,9 +26424,32 @@ class TopoApi {
     }
   }
   /**
-   * 节点 / 箱内电表户光晕（发光环）动画。
+   * 归一化「整体闪烁」参数：false / 未给 → 0（只画光环）；true → 0.85；数字 → clamp(0,1)。
+   * 数值含义 = 图元最暗时被压掉的透明度幅度（1 → 图元完全隐去，0.5 → 最暗降到 50%）。
+   */
+  _normBlink(v) {
+    if (v === true) return 0.85;
+    if (v === false || v == null) return 0;
+    const n = Number(v);
+    return Number.isFinite(n) ? Math.max(0, Math.min(1, n)) : 0;
+  }
+  /** 归一化强度倍率（intensity/level/strength）：默认 1，范围 0.2~3 */
+  _normLevel(v) {
+    const n = Number(v);
+    return Number.isFinite(n) && n > 0 ? Math.max(0.2, Math.min(3, n)) : 1;
+  }
+  /**
+   * 节点 / 箱内电表户光晕（发光环 + 霓虹辉光）动画。
    * @param {string} ref  节点 id / psrId（图元光环）或资产编号 assetNo（该户表位光环）
-   * @param {object} [opts] - { color, spread/radius, duration, opacity }
+   * @param {object} [opts] - { color, spread/radius, duration, opacity, width, intensity/level/strength, blink/flash }
+   *   渲染栈：blur 柔光底衬 + 贴合图元的实心光块（面光）→ 图元 → 外扩散环 ×2 →
+   *           霓虹主环（粗线 + canvas shadowBlur 辉光）→ 偏白亮芯环（刺眼高光）。
+   *   intensity：强度倍率，默认 1（线宽/辉光/底光同时放大）；想“更夸张”给 1.5~2.5，想收敛给 0.5~0.7。
+   *   spread：光环外扩半径，默认按图元大小自适应（短边 ×0.7，16~46px）。
+   *   blink：图元「整体闪烁」开关/强度（默认 false 只画光环；true = 0.85；数字 0~1）。
+   *          开启后图元本体透明度随相位「亮 ↔ 暗」交替（与光环相位互补，始终有强视觉元素），
+   *          图元变暗的瞬间底衬光块最亮 —— 整块明暗交替比细线醒目得多。
+   *   width：主环初始线宽 (px)，默认 5.6（节点）/ 3.6（户表位），随相位收细。
    * @returns {boolean} 是否命中并启动
    */
   setNodeGlow(ref, opts = {}) {
@@ -26431,11 +26459,17 @@ class TopoApi {
       console.warn(`[TopoApi] setNodeGlow: 无法解析目标 ${ref}（节点用 id/psrId，电表户用 assetNo）`);
       return false;
     }
+    const width = parseFloat(opts.width);
+    const spread = opts.spread != null ? opts.spread : opts.radius;
     const cfg = {
       color: opts.color || "#00C8FF",
-      spread: opts.spread != null ? opts.spread : opts.radius != null ? opts.radius : 14,
-      opacity: opts.opacity != null ? opts.opacity : 0.9,
+      spread: Number.isFinite(parseFloat(spread)) ? parseFloat(spread) : null,
+      // null → 按图元大小自适应
+      opacity: opts.opacity != null ? opts.opacity : 0.95,
       duration: opts.duration || 1600,
+      width: Number.isFinite(width) && width > 0 ? width : null,
+      level: this._normLevel(opts.intensity != null ? opts.intensity : opts.level != null ? opts.level : opts.strength),
+      blink: this._normBlink(opts.blink != null ? opts.blink : opts.flash),
       _start: performance.now(),
       t: 0
     };
@@ -26445,9 +26479,12 @@ class TopoApi {
         id: t.id,
         style: {
           _glowColor: cfg.color,
-          _glowSpread: cfg.spread,
+          _glowSpread: cfg.spread == null ? void 0 : cfg.spread,
           _glowOpacity: cfg.opacity,
           _glowDuration: cfg.duration,
+          _glowWidth: cfg.width == null ? void 0 : cfg.width,
+          _glowLevel: cfg.level,
+          _glowBlink: cfg.blink || void 0,
           _glowT: 0
         }
       }]);
@@ -26499,6 +26536,9 @@ class TopoApi {
             _glowSpread: void 0,
             _glowOpacity: void 0,
             _glowDuration: void 0,
+            _glowWidth: void 0,
+            _glowLevel: void 0,
+            _glowBlink: void 0,
             _glowT: void 0
           }
         });
@@ -28701,6 +28741,8 @@ const THEMES = {
     cyan: "#00C8FF",
     gold: "#FFD700",
     gray: "#8B8B8B",
+    // 开关/熔丝（Kxx）标签文字：画在红色箱体（red）里的文字色，随主题切换
+    switchText: "#FFFFFF",
     // 计量箱（JX）：深色主题黑底白字；浅色主题白底深框深字（随画布配套）
     meterFill: "#000000",
     meterText: "#FFFFFF",
@@ -28729,6 +28771,9 @@ const THEMES = {
     cyan: "#0087B8",
     gold: "#B8860B",
     gray: "#9C9C9C",
+    // 开关标签：浅色主题下箱体仍是深红 red（#C62828），此处保持浅色字
+    // （白字对比度 ≈5.6:1；若改成深字，请连 red 一起调浅，否则只剩 ≈2.3:1 会发糊）
+    switchText: "#FFFFFF",
     meterFill: "#FFFFFF",
     // 浅色主题：白底 + 深框深字（随白画布配套）
     meterText: "#3A3A3A",
@@ -28932,6 +28977,19 @@ function withAlpha(color2, a2) {
 }
 const LW = 1.8;
 const LW_HI = 2.2;
+function mixWhite(color2, k) {
+  if (typeof color2 !== "string") return color2;
+  const m = color2.match(/^#([0-9a-f]{6}|[0-9a-f]{3})$/i);
+  if (!m) return color2;
+  let hex2 = m[1];
+  if (hex2.length === 3) hex2 = hex2.split("").map((h) => h + h).join("");
+  const n = parseInt(hex2, 16);
+  const mix = (v) => Math.round(v + (255 - v) * Math.max(0, Math.min(1, k)));
+  const r = mix(n >> 16 & 255), g = mix(n >> 8 & 255), b = mix(n & 255);
+  return `#${(r << 16 | g << 8 | b).toString(16).padStart(6, "0")}`;
+}
+const clampNum = (v, lo, hi) => v < lo ? lo : v > hi ? hi : v;
+const NO_HIT = { pointerEvents: "none" };
 function drawHighlight(attributes, group) {
   if (!attributes.highlight) return;
   const [w, h] = attributes.size;
@@ -29025,7 +29083,7 @@ function _wrapLinesFixed(str2, chars2) {
   if (line) lines.push(line);
   return lines;
 }
-function _drawWrappedTextFixed(group, str2, x, y, fontSize2, fill, chars2, lineGap = 1.3, weight = 400, align = "center") {
+function _drawWrappedTextFixed(group, str2, x, y, fontSize2, fill, chars2, lineGap = 1.3, weight = 400, align = "center", extra = null) {
   if (!str2) return;
   const lines = _wrapLinesFixed(str2, chars2);
   if (!lines.length) return;
@@ -29034,6 +29092,7 @@ function _drawWrappedTextFixed(group, str2, x, y, fontSize2, fill, chars2, lineG
     group.appendChild(
       new Text({
         style: {
+          ...extra || {},
           text: lines[i],
           x,
           y: y + lineHeight2 * i,
@@ -29107,7 +29166,7 @@ function drawBreaker(attributes, group) {
   }
   group.appendChild(new Rect({ style: { x: bx, y: by, width: bw, height: bh, radius: r, fill: P.red, stroke: withAlpha(C2.white, 0.22), lineWidth: 1 } }));
   if (attributes.labelText) {
-    _drawWrappedText(group, attributes.labelText, 0, 0.6, 11.5, "#FFFFFF", bw - 8, 1.15, 700);
+    _drawWrappedText(group, attributes.labelText, 0, 0.6, 11.5, C2.switchText, bw - 8, 1.15, 700);
   }
 }
 function drawCableTerminal(attributes, group) {
@@ -29154,20 +29213,33 @@ function cellFxAt(attributes, i) {
   return fx && typeof fx === "object" ? fx[i] || null : null;
 }
 function drawCellGlowRings(group, cx, cy, baseR, g, t) {
-  const color2 = g.color || "#00C8FF";
-  const spread = g.spread || 10;
-  const maxOp = g.opacity == null ? 0.8 : g.opacity;
-  const ease2 = 1 - (1 - t) * (1 - t);
-  const alpha = maxOp * Math.pow(1 - t, 1.4);
-  if (alpha <= 0.02) return;
-  const r = baseR + spread * ease2;
-  const lw = Math.max(1, 3.2 * (1 - t) + 0.6);
-  group.appendChild(new Circle({ style: { cx, cy, r, stroke: color2, lineWidth: lw, strokeOpacity: alpha, fill: "none", lineCap: "round" } }));
-  group.appendChild(new Circle({ style: { cx, cy, r: r + spread * 0.6, stroke: color2, lineWidth: Math.max(0.6, lw * 0.55), strokeOpacity: alpha * 0.35, fill: "none", lineCap: "round" } }));
+  glowStack(group, cx, cy, baseR, {
+    color: g.color,
+    t: t == null ? g.t : t,
+    spread: g.spread,
+    opacity: g.opacity,
+    width: g.width,
+    level: g.level
+  });
+}
+function cellBlinkOpacity(g) {
+  if (!g || !g.blink) return 1;
+  return 1 - g.blink * glowBlinkK(g.t == null ? 0 : g.t);
+}
+function drawCellGlowBackdrop(group, cx, cy, meterW, meterH, g) {
+  if (!g) return;
+  glowBackdrop(group, cx, cy, meterW, meterH, {
+    color: g.color,
+    t: g.t,
+    spread: g.spread != null ? g.spread : 14,
+    level: g.level,
+    blink: g.blink
+  });
 }
 function drawCellHighlight(group, cx, cy, baseR, hl) {
   group.appendChild(new Circle({
     style: {
+      ...NO_HIT,
       cx,
       cy,
       r: baseR + 3,
@@ -29183,7 +29255,7 @@ function drawCellNote(group, cx, cy, baseR, note) {
   const color2 = note.color || C2.gold;
   const top = !note.position || note.position === "top";
   const y = top ? cy - baseR - 5 - size / 2 : cy + baseR + 6 + size / 2;
-  _drawWrappedTextFixed(group, note.text, cx, y, size, color2, 6, 1.15, 600, "center");
+  _drawWrappedTextFixed(group, note.text, cx, y, size, color2, 6, 1.15, 600, "center", NO_HIT);
 }
 function drawMeterBox(attributes, group) {
   const [w, h] = attributes.size;
@@ -29205,6 +29277,8 @@ function drawMeterBox(attributes, group) {
     const meterH = 26;
     const cx = 0;
     const cy = -1;
+    const baseR = Math.max(12, meterH / 2 + 2);
+    if (fx && fx.glow) drawCellGlowBackdrop(cellGroup, cx, cy, meterW, meterH, fx.glow);
     if (sel || hover) {
       const ring = new Rect({
         style: {
@@ -29221,9 +29295,10 @@ function drawMeterBox(attributes, group) {
       markCell(ring);
       cellGroup.appendChild(ring);
     }
+    const faceStart = cellGroup.children.length;
     drawMeterFace(cellGroup, cx, cy, meterW, meterH, lineColor, markCell, 0);
+    const faceEnd = cellGroup.children.length;
     if (fx) {
-      const baseR = Math.max(12, meterH / 2 + 2);
       if (fx.hl) drawCellHighlight(cellGroup, cx, cy, baseR, fx.hl);
       if (fx.note && fx.note.text) drawCellNote(cellGroup, cx, cy, baseR, fx.note);
       if (fx.glow) drawCellGlowRings(cellGroup, cx, cy, baseR, fx.glow, fx.glow.t || 0);
@@ -29235,6 +29310,13 @@ function drawMeterBox(attributes, group) {
     if (fx && fx.pulse && fx.pulse.opacity != null && fx.pulse.opacity < 1) {
       cellGroup.style.opacity = fx.pulse.opacity;
     }
+    const blinkOp0 = fx && fx.glow ? cellBlinkOpacity(fx.glow) : 1;
+    if (blinkOp0 < 1) {
+      for (let k = faceStart; k < faceEnd && k < cellGroup.children.length; k++) {
+        const s2 = cellGroup.children[k].style;
+        s2.opacity = (s2.opacity == null ? 1 : s2.opacity) * blinkOp0;
+      }
+    }
     group.appendChild(cellGroup);
   } else if (attributes._meterBoxMode === "grid" && attributes._customers) {
     const frameColor = boxColor || C2.meterText;
@@ -29260,6 +29342,7 @@ function drawMeterBox(attributes, group) {
       shape.__custBox = nodeId;
       shape.__custIndex = i;
     };
+    const hitLayer = new Group({});
     for (let i = 0; i < customers.length; i++) {
       const row2 = Math.floor(i / cols);
       const col = i % cols;
@@ -29271,6 +29354,7 @@ function drawMeterBox(attributes, group) {
       const lineColor = sel ? C2.gold : hover ? C2.cyan : baseColor;
       const fx = cellFxAt(attributes, i);
       const cellGroup = new Group({});
+      if (fx && fx.glow) drawCellGlowBackdrop(cellGroup, cx, cy, meterW, meterH, fx.glow);
       if (sel || hover) {
         cellGroup.appendChild(new Circle({
           style: {
@@ -29284,7 +29368,9 @@ function drawMeterBox(attributes, group) {
           }
         }));
       }
+      const faceStart = cellGroup.children.length;
       drawMeterFace(cellGroup, cx, cy, meterW, meterH, lineColor, markCell, i);
+      const faceEnd = cellGroup.children.length;
       if (fx) {
         if (fx.hl) drawCellHighlight(cellGroup, cx, cy, hitR, fx.hl);
         if (fx.note && fx.note.text) drawCellNote(cellGroup, cx, cy, hitR, fx.note);
@@ -29296,9 +29382,19 @@ function drawMeterBox(attributes, group) {
           _drawWrappedTextFixed(cellGroup, name, cx, cy + meterH / 2 + 6.5, 6.5, lineColor, 4, 1.15, 500);
         }
       }
-      const hit = new Circle({ style: { cx, cy, r: hitR, fill: "rgba(255,255,255,0.01)", stroke: "none", cursor: "pointer" } });
-      markCell(hit, i);
-      cellGroup.appendChild(hit);
+      const hitCell = new Rect({
+        style: {
+          x: cx - cellW / 2 - METER_GAP / 2,
+          y: cy - cellW / 2 - METER_GAP / 2,
+          width: cellW + METER_GAP,
+          height: cellH + METER_GAP,
+          fill: "rgba(255,255,255,0.01)",
+          stroke: "none",
+          cursor: "pointer"
+        }
+      });
+      markCell(hitCell, i);
+      hitLayer.appendChild(hitCell);
       if (showName) {
         const name = customers[i].realConsName || customers[i].consName || "";
         if (name) {
@@ -29313,14 +29409,22 @@ function drawMeterBox(attributes, group) {
             }
           });
           markCell(hitName, i);
-          cellGroup.appendChild(hitName);
+          hitLayer.appendChild(hitName);
         }
       }
       if (fx && fx.pulse && fx.pulse.opacity != null && fx.pulse.opacity < 1) {
         cellGroup.style.opacity = fx.pulse.opacity;
       }
+      const blinkOp = fx && fx.glow ? cellBlinkOpacity(fx.glow) : 1;
+      if (blinkOp < 1) {
+        for (let k = faceStart; k < faceEnd && k < cellGroup.children.length; k++) {
+          const s2 = cellGroup.children[k].style;
+          s2.opacity = (s2.opacity == null ? 1 : s2.opacity) * blinkOp;
+        }
+      }
       group.appendChild(cellGroup);
     }
+    group.appendChild(hitLayer);
   } else {
     const s2 = Math.min(w, h) || 21;
     const ink = boxColor || C2.meterText;
@@ -29408,35 +29512,134 @@ const DRAWERS = {
   other: drawUnknown
 };
 const _pulseState = /* @__PURE__ */ new Map();
-function drawGlow(attributes, group) {
-  const color2 = attributes._glowColor;
-  if (!color2) return;
-  const t = attributes._glowT == null ? 0 : attributes._glowT;
-  const [w, h] = attributes.size || [40, 40];
-  const baseR = Math.max(w, h) / 2 + 3;
-  const spread = attributes._glowSpread || 14;
-  const maxOp = attributes._glowOpacity == null ? 0.9 : attributes._glowOpacity;
-  const ease2 = 1 - (1 - t) * (1 - t);
-  const alpha = maxOp * Math.pow(1 - t, 1.4);
+function pushGlowRing(group, cx, cy, r, lineWidth, strokeOpacity, color2, blur) {
+  if (strokeOpacity <= 0.015 || lineWidth <= 0) return;
+  const style = {
+    ...NO_HIT,
+    cx,
+    cy,
+    r,
+    stroke: color2,
+    lineWidth,
+    strokeOpacity,
+    fill: "none",
+    lineCap: "round"
+  };
+  if (blur > 0.5) {
+    style.shadowColor = color2;
+    style.shadowBlur = blur;
+  }
+  group.appendChild(new Circle({ style }));
+}
+function glowStack(group, cx, cy, baseR, g) {
+  const color2 = g.color || "#00C8FF";
+  const level = g.level > 0 ? g.level : 1;
+  const tt = clampNum(g.t == null ? 0 : g.t, 0, 1);
+  const spread = g.spread != null ? g.spread : 14;
+  const maxOp = g.opacity == null ? 0.95 : g.opacity;
+  const alpha = Math.min(1, maxOp * Math.pow(1 - tt, 1.1) * Math.min(1.5, level));
   if (alpha <= 0.02) return;
-  const r = baseR + spread * ease2;
-  const lw = Math.max(1.2, 4.4 * (1 - t) + 0.8);
-  group.appendChild(new Circle({
-    style: { cx: 0, cy: 0, r, stroke: color2, lineWidth: lw, strokeOpacity: alpha, fill: "none", lineCap: "round" }
+  const r = baseR + spread * (1 - (1 - tt) * (1 - tt));
+  const lw = Math.max(1.3, (g.width || 3.6) * level * (0.34 + 0.66 * (1 - tt)));
+  pushGlowRing(group, cx, cy, r + spread * 1.1, lw * 0.4, alpha * 0.26, color2, 0);
+  pushGlowRing(group, cx, cy, r + spread * 0.55, lw * 0.62, alpha * 0.5, color2, lw * 2.5);
+  pushGlowRing(group, cx, cy, r, lw, alpha, color2, lw * 6);
+  pushGlowRing(group, cx, cy, r, Math.max(1.1, lw * 0.34), Math.min(1, alpha * 1.05), mixWhite(color2, 0.62), lw * 2);
+}
+function glowBackdrop(group, x, y, w, h, g) {
+  const color2 = g.color || "#00C8FF";
+  const level = g.level > 0 ? g.level : 1;
+  const tt = clampNum(g.t == null ? 0 : g.t, 0, 1);
+  const spread = g.spread != null ? g.spread : Math.max(14, Math.min(w, h) * 0.7);
+  const blink = g.blink || 0;
+  const fade = Math.pow(1 - tt, 1.1);
+  const bk = glowBlinkK(tt);
+  const base = Math.min(0.6, level * (0.26 * fade + 0.5 * blink * bk));
+  const aura = Math.min(0.45, level * (0.2 * fade + 0.42 * blink * bk));
+  if (base <= 0.02 && aura <= 0.02) return;
+  const rad2 = Math.max(3, Math.min(w, h) * 0.16);
+  const blurPx = clampNum(Math.min(w, h) * 0.28, 4, 18) * level;
+  group.appendChild(new Rect({
+    style: {
+      ...NO_HIT,
+      x: x - w / 2 - spread * 0.85,
+      y: y - h / 2 - spread * 0.85,
+      width: w + spread * 1.7,
+      height: h + spread * 1.7,
+      radius: rad2 + 4,
+      fill: color2,
+      fillOpacity: aura,
+      stroke: "none",
+      filter: `blur(${blurPx.toFixed(1)}px)`
+    }
   }));
-  group.appendChild(new Circle({
+  group.appendChild(new Rect({
     style: {
-      cx: 0,
-      cy: 0,
-      r: r + spread * 0.6,
-      stroke: color2,
-      lineWidth: Math.max(0.8, lw * 0.55),
-      strokeOpacity: alpha * 0.35,
-      fill: "none",
-      lineCap: "round"
+      ...NO_HIT,
+      x: x - w / 2 - 2.5,
+      y: y - h / 2 - 2.5,
+      width: w + 5,
+      height: h + 5,
+      radius: rad2,
+      fill: color2,
+      fillOpacity: base,
+      stroke: "none"
     }
   }));
 }
+function glowBlinkK(t) {
+  return 0.5 - 0.5 * Math.cos((t || 0) * Math.PI * 2);
+}
+function glowParams(attributes) {
+  const color2 = attributes._glowColor;
+  if (!color2) return null;
+  const [w, h] = attributes.size || [40, 40];
+  const t = clampNum(attributes._glowT == null ? 0 : attributes._glowT, 0, 1);
+  const level = attributes._glowLevel > 0 ? attributes._glowLevel : 1;
+  const spread = attributes._glowSpread != null ? attributes._glowSpread : clampNum(Math.min(w, h) * 0.7, 16, 46);
+  return {
+    color: color2,
+    t,
+    w,
+    h,
+    level,
+    baseR: Math.max(w, h) / 2 + 3,
+    spread,
+    maxOp: attributes._glowOpacity == null ? 0.95 : attributes._glowOpacity,
+    lw0: attributes._glowWidth || 5.6,
+    // 主环初始线宽（可调，默认 5.6）
+    blink: attributes._glowBlink || 0
+    // 整体闪烁强度（0=关；setNodeGlow blink 参数）
+  };
+}
+function drawGlowBackdrop(attributes, group) {
+  const p = glowParams(attributes);
+  if (!p) return;
+  glowBackdrop(group, 0, 0, p.w, p.h, {
+    color: p.color,
+    t: p.t,
+    spread: p.spread,
+    level: p.level,
+    blink: p.blink
+  });
+}
+function nodeBlinkOpacity(attributes) {
+  const blink = attributes._glowBlink;
+  if (!blink) return 1;
+  return 1 - blink * glowBlinkK(attributes._glowT == null ? 0 : attributes._glowT);
+}
+function drawGlow(attributes, group) {
+  const p = glowParams(attributes);
+  if (!p) return;
+  glowStack(group, 0, 0, p.baseR, {
+    color: p.color,
+    t: p.t,
+    spread: p.spread,
+    opacity: p.maxOp,
+    width: p.lw0,
+    level: p.level
+  });
+}
 class SvgSymbolNode extends g6.BaseNode {
   drawKeyShape(attributes, container) {
     const [w, h] = attributes.size;
@@ -29466,7 +29669,10 @@ class SvgSymbolNode extends g6.BaseNode {
     const target = rot ? new Group({ style: { transform: `rotate(${rot}deg)` } }) : key;
     if (rot) key.appendChild(target);
     const draw = DRAWERS[attributes.cat] || drawUnknown;
+    drawGlowBackdrop(attributes, target);
+    const symStart = (target.children || []).length;
     draw(attributes, target);
+    const symEnd = (target.children || []).length;
     drawGlow(attributes, target);
     drawHighlight(attributes, target);
     drawAnnotation(attributes, target);
@@ -29484,6 +29690,15 @@ class SvgSymbolNode extends g6.BaseNode {
         for (const child of items) child.style.opacity = op;
       }
     }
+    const blinkOp = nodeBlinkOpacity(attributes);
+    if (blinkOp < 1) {
+      const kids = target.children || [];
+      for (let i = symStart; i < symEnd && i < kids.length; i++) {
+        const s2 = kids[i].style;
+        const base = s2.opacity == null ? 1 : s2.opacity;
+        s2.opacity = base * blinkOp;
+      }
+    }
     return key;
   }
 }
@@ -29505,10 +29720,58 @@ const _hoisted_4$2 = { class: "topo-meta" };
 const _hoisted_5$2 = ["title"];
 const _hoisted_6$2 = {
   key: 1,
+  class: "topo-legend"
+};
+const _hoisted_7$2 = { class: "topo-legend-body" };
+const _hoisted_8$2 = {
+  class: "topo-legend-icon",
+  viewBox: "0 0 32 20",
+  width: "32",
+  height: "20",
+  "aria-hidden": "true"
+};
+const _hoisted_9$2 = ["stroke"];
+const _hoisted_10$2 = ["fill", "stroke"];
+const _hoisted_11$2 = ["stroke"];
+const _hoisted_12$2 = ["stroke"];
+const _hoisted_13$2 = ["stroke"];
+const _hoisted_14$2 = ["fill"];
+const _hoisted_15$1 = ["stroke"];
+const _hoisted_16$1 = ["stroke"];
+const _hoisted_17$1 = ["stroke"];
+const _hoisted_18$1 = ["fill"];
+const _hoisted_19$1 = ["fill"];
+const _hoisted_20$1 = ["fill", "stroke"];
+const _hoisted_21$1 = ["stroke"];
+const _hoisted_22$1 = ["fill"];
+const _hoisted_23$1 = ["stroke"];
+const _hoisted_24$1 = ["stroke"];
+const _hoisted_25$1 = ["stroke"];
+const _hoisted_26$1 = ["stroke"];
+const _hoisted_27$1 = ["fill", "stroke"];
+const _hoisted_28$1 = ["fill"];
+const _hoisted_29$1 = ["stroke"];
+const _hoisted_30$1 = ["fill"];
+const _hoisted_31$1 = ["fill", "stroke"];
+const _hoisted_32$1 = ["fill"];
+const _hoisted_33$1 = ["stroke"];
+const _hoisted_34$1 = ["fill"];
+const _hoisted_35$1 = ["fill"];
+const _hoisted_36$1 = ["fill", "stroke"];
+const _hoisted_37$1 = ["stroke", "stroke-width"];
+const _hoisted_38$1 = ["fill"];
+const _hoisted_39 = ["stroke"];
+const _hoisted_40 = ["fill"];
+const _hoisted_41 = ["stroke"];
+const _hoisted_42 = ["fill"];
+const _hoisted_43 = ["fill"];
+const _hoisted_44 = { class: "topo-legend-label" };
+const _hoisted_45 = {
+  key: 2,
   class: "topo-loading"
 };
-const _hoisted_7$2 = {
-  key: 2,
+const _hoisted_46 = {
+  key: 3,
   class: "topo-error"
 };
 const _sfc_main$2 = {
@@ -29520,10 +29783,14 @@ const _sfc_main$2 = {
     customerData: { type: Array, default: null },
     /** 主题：'dark'（默认，黑底 SCADA 风）| 'light'（白底）；支持 v-model:theme 双向绑定 */
     theme: { type: String, default: "light" },
-    /** 左上角工具条（标题/统计/主题/适应/导出）是否显示，默认不显示 */
-    toolbar: { type: Boolean, default: false }
+    /** 左上角工具条（标题/统计/主题/图例/适应/导出）是否显示，默认不显示 */
+    toolbar: { type: Boolean, default: false },
+    /** 是否显示左下角图例面板，默认 false（关闭）；支持 v-model:legend */
+    legend: { type: Boolean, default: false },
+    /** 自定义图例项（可选）：[{ label, shape, color?, text?, key? }]；不传则按当前图内容自动生成 */
+    legendItems: { type: Array, default: null }
   },
-  emits: ["node-select", "customer-select", "loaded", "top-distances", "update:theme"],
+  emits: ["node-select", "customer-select", "loaded", "top-distances", "update:theme", "update:legend"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -29533,6 +29800,49 @@ const _sfc_main$2 = {
     const title = vue.ref("");
     const stats = vue.ref({ total: 0, depth: 0, leaves: 0, byCat: {} });
     const edgeCount = vue.ref(0);
+    const legendCollapsed = vue.ref(false);
+    const hasCustomerData = vue.ref(false);
+    const hasSwitch = vue.ref(false);
+    const hasFuse = vue.ref(false);
+    const LEGEND_DEFS = [
+      { cat: "transformer", label: "配电变压器", shape: "transformer" },
+      { cat: "switch", label: "开关 / 断路器", shape: "switch" },
+      { cat: "fuse", label: "低压熔丝", shape: "fuse" },
+      { cat: "bus", label: "低压母线", shape: "bus" },
+      { cat: "cableTerminal", label: "电缆终端头", shape: "cableTerminal" },
+      { cat: "junction", label: "密母分接点", shape: "junction" },
+      { cat: "meterBox", label: "计量箱", shape: "meterBox" },
+      { cat: "consumer", label: "用户接入点", shape: "consumer" },
+      { cat: "line", label: "低压导线点", shape: "line" },
+      { cat: "station", label: "低压配电箱", shape: "station" },
+      { cat: "other", label: "其它设备", shape: "other" }
+    ];
+    const legendPalette = vue.computed(() => THEMES[themeName()] || THEMES.dark);
+    function legendColor(item, role) {
+      if (item && item.color) return item.color;
+      return legendPalette.value[role] || "#888888";
+    }
+    const legendEntries = vue.computed(() => {
+      const custom = props.legendItems;
+      if (Array.isArray(custom) && custom.length) {
+        return custom.map((it, i) => ({ key: it.key || `custom-${i}`, ...it }));
+      }
+      const byCat = stats.value.byCat || {};
+      const include = (d2) => {
+        if (d2.cat === "switch") return hasSwitch.value;
+        if (d2.cat === "fuse") return hasFuse.value;
+        return !!byCat[d2.cat];
+      };
+      const list = LEGEND_DEFS.filter(include).map((d2) => ({ ...d2, key: d2.cat }));
+      if (list.length) {
+        list.push({ key: "edge-trunk", label: "主干导线", shape: "edge", role: "trunkEdge" });
+        list.push({ key: "edge-branch", label: "分支导线", shape: "edge", role: "branchEdge" });
+      }
+      if (hasCustomerData.value) {
+        list.push({ key: "meterUser", label: "客户电表", shape: "meterUser" });
+      }
+      return list;
+    });
     let graph = null;
     let model = null;
     let selectedId = null;
@@ -29581,6 +29891,56 @@ const _sfc_main$2 = {
     function cellFromShape(shape) {
       return shape && shape.__custBox != null && shape.__custIndex != null ? { nodeId: shape.__custBox, index: shape.__custIndex } : null;
     }
+    function cellIndexAtPoint(nodeId, evt) {
+      const st = styleOf(nodeId);
+      if (!st || st._meterBoxMode !== "grid" || !Array.isArray(st._customers) || !st._customers.length) return null;
+      const c = evt && (evt.canvas || evt.viewport) || {};
+      if (c.x == null || c.y == null || st.x == null || st.y == null) return null;
+      let lx = c.x - st.x;
+      let ly = c.y - st.y;
+      const rot = (st.rotate || 0) * Math.PI / 180;
+      if (rot) {
+        const cos = Math.cos(-rot);
+        const sin = Math.sin(-rot);
+        const nx = lx * cos - ly * sin;
+        const ny = lx * sin + ly * cos;
+        lx = nx;
+        ly = ny;
+      }
+      const cols = st._meterBoxCols || Math.min(st._customers.length, MAX_COLS);
+      const cellW = METER_CELL_W;
+      const cellH = st._meterBoxShowName ? METER_CELL_H : METER_CELL_W;
+      const rows = st._meterBoxRows || Math.ceil(st._customers.length / cols);
+      const gridW = cols * cellW + (cols - 1) * METER_GAP;
+      const gridH = rows * cellH + (rows - 1) * METER_GAP;
+      const col = Math.floor((lx + gridW / 2) / (cellW + METER_GAP));
+      const row2 = Math.floor((ly + gridH / 2) / (cellH + METER_GAP));
+      if (col < 0 || col >= cols || row2 < 0 || row2 >= rows) return null;
+      const i = row2 * cols + col;
+      return i < st._customers.length ? i : null;
+    }
+    const DEBUG_CELL = typeof location !== "undefined" && /[?&]debugCell\b/.test(location.search);
+    function dbgCell(tag, detail) {
+      if (DEBUG_CELL) console.log("[cell-debug]", tag, detail);
+    }
+    function nodeIdOfShape(shape) {
+      if (!shape || !nodeByIdMap) return null;
+      let el = shape;
+      for (let hops = 0; el && hops < 16; hops++) {
+        if (el.id && nodeByIdMap.has(el.id)) return el.id;
+        el = el.parentElement;
+      }
+      return null;
+    }
+    function resolveCell(evt, shape, nodeIdHint, allowBboxFallback = true) {
+      const direct = cellFromShape(shape);
+      if (direct) return direct;
+      let nid = nodeIdHint || nodeIdOfShape(shape);
+      if (!nid && allowBboxFallback) nid = hitTestNodeAtCanvas(evt);
+      if (!nid) return null;
+      const idx = cellIndexAtPoint(nid, evt);
+      return idx == null ? null : { nodeId: nid, index: idx };
+    }
     function neighborsOf(id2) {
       const upstream = [];
       const downstream = [];
@@ -29772,6 +30132,9 @@ const _sfc_main$2 = {
       title.value = String(model.title || "").replace(/\.+$/, "");
       stats.value = model.stats;
       edgeCount.value = model.edges.length;
+      hasCustomerData.value = model.nodes.some((n) => Array.isArray(n._customers) && n._customers.length);
+      hasSwitch.value = model.nodes.some((n) => n.cat === "switch" && !n.isFuse);
+      hasFuse.value = model.nodes.some((n) => n.cat === "switch" && n.isFuse);
       layoutData = computeOrthogonalLayout(model, {
         nodeGap: 26,
         // 主干相邻节点边界间距
@@ -29818,14 +30181,21 @@ const _sfc_main$2 = {
       graph.on("node:click", (evt) => {
         const id2 = evt.target.id;
         if (!id2) return;
-        const cell = cellFromShape(evt.originalTarget);
-        if (cell && customersOf(id2)) {
+        const cell = resolveCell(evt, evt.originalTarget, id2);
+        dbgCell("node:click", {
+          id: id2,
+          shape: evt.originalTarget && evt.originalTarget.nodeName,
+          mark: cellFromShape(evt.originalTarget),
+          cell,
+          canvas: evt.canvas
+        });
+        if (cell && customersOf(id2) && cell.nodeId === id2) {
           selectCustomerWithInfo(id2, cell.index);
           return;
         }
         routeNodeTap(id2);
       });
-      function hitTestNodeAtCanvas(evt) {
+      function hitTestNodeAtCanvas2(evt) {
         const c = evt && (evt.canvas || evt.viewport) || {};
         const cx = c.x, cy = c.y;
         if (cx == null || cy == null) return null;
@@ -29875,8 +30245,14 @@ const _sfc_main$2 = {
         api._emit("edge:click", { edgeId: id2, source: src, target: tgt });
       });
       graph.on("canvas:click", (evt) => {
-        const hitId = hitTestNodeAtCanvas(evt);
+        const hitId = hitTestNodeAtCanvas2(evt);
         if (hitId) {
+          const cell = resolveCell(evt, null, hitId);
+          dbgCell("canvas:click", { hitId, cell, canvas: evt.canvas });
+          if (cell && cell.nodeId === hitId && customersOf(hitId)) {
+            selectCustomerWithInfo(hitId, cell.index);
+            return;
+          }
           routeNodeTap(hitId);
           return;
         }
@@ -29898,7 +30274,7 @@ const _sfc_main$2 = {
         const gCanvas = graph.getCanvas && graph.getCanvas();
         const doc = gCanvas && gCanvas.document;
         if (doc) {
-          doc.addEventListener("pointermove", (e2) => setCellHover(cellFromShape(e2 && e2.target)));
+          doc.addEventListener("pointermove", (e2) => setCellHover(resolveCell(e2, e2 && e2.target, null, false)));
         }
         hoverLeaveHandler = () => setCellHover(null);
         container.value.addEventListener("pointerleave", hoverLeaveHandler);
@@ -30024,6 +30400,11 @@ const _sfc_main$2 = {
             title: __props.theme === "light" ? "切换到深色主题" : "切换到浅色主题",
             onClick: _cache[0] || (_cache[0] = ($event) => emit("update:theme", __props.theme === "light" ? "dark" : "light"))
           }, vue.toDisplayString(__props.theme === "light" ? "🌙 深色" : "☀️ 浅色"), 9, _hoisted_5$2),
+          vue.createElementVNode("button", {
+            class: "btn",
+            title: "显示 / 隐藏图例",
+            onClick: _cache[1] || (_cache[1] = ($event) => emit("update:legend", !__props.legend))
+          }, vue.toDisplayString(__props.legend ? "🗺 图例 ✓" : "🗺 图例"), 1),
           vue.createElementVNode("button", {
             class: "btn",
             onClick: resetView
@@ -30033,12 +30414,334 @@ const _sfc_main$2 = {
             onClick: exportPng
           }, "导出 PNG")
         ])) : vue.createCommentVNode("", true),
-        loading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, "正在解析台区拓扑…")) : error.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$2, vue.toDisplayString(error.value), 1)) : vue.createCommentVNode("", true)
+        __props.legend && !loading.value && !error.value && legendEntries.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, [
+          vue.createElementVNode("div", {
+            class: "topo-legend-title",
+            onClick: _cache[2] || (_cache[2] = ($event) => legendCollapsed.value = !legendCollapsed.value)
+          }, [
+            vue.createElementVNode("span", {
+              class: vue.normalizeClass(["topo-legend-arrow", { open: !legendCollapsed.value }])
+            }, "▸", 2),
+            _cache[3] || (_cache[3] = vue.createTextVNode(" 图例 ", -1))
+          ]),
+          vue.withDirectives(vue.createElementVNode("div", _hoisted_7$2, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(legendEntries.value, (it) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                key: it.key || it.label,
+                class: "topo-legend-row"
+              }, [
+                (vue.openBlock(), vue.createElementBlock("svg", _hoisted_8$2, [
+                  it.shape === "transformer" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                    vue.createElementVNode("line", {
+                      x1: "2",
+                      y1: "10",
+                      x2: "8",
+                      y2: "10",
+                      stroke: legendColor(it, "trunkLine"),
+                      "stroke-width": "1.6",
+                      "stroke-linecap": "round"
+                    }, null, 8, _hoisted_9$2),
+                    vue.createElementVNode("circle", {
+                      cx: "12",
+                      cy: "10",
+                      r: "5",
+                      fill: legendColor(it, "orange"),
+                      stroke: legendColor(it, "trunkLine"),
+                      "stroke-width": "1.2"
+                    }, null, 8, _hoisted_10$2),
+                    vue.createElementVNode("circle", {
+                      cx: "22",
+                      cy: "10",
+                      r: "5",
+                      fill: "none",
+                      stroke: legendColor(it, "red"),
+                      "stroke-width": "2"
+                    }, null, 8, _hoisted_11$2),
+                    vue.createElementVNode("line", {
+                      x1: "27",
+                      y1: "10",
+                      x2: "31",
+                      y2: "10",
+                      stroke: legendColor(it, "red"),
+                      "stroke-width": "1.6",
+                      "stroke-linecap": "round"
+                    }, null, 8, _hoisted_12$2)
+                  ], 64)) : it.shape === "switch" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                    vue.createElementVNode("line", {
+                      x1: "2",
+                      y1: "10",
+                      x2: "7",
+                      y2: "10",
+                      stroke: legendColor(it, "red"),
+                      "stroke-width": "1.6",
+                      "stroke-linecap": "round"
+                    }, null, 8, _hoisted_13$2),
+                    vue.createElementVNode("rect", {
+                      x: "7",
+                      y: "5",
+                      width: "18",
+                      height: "10",
+                      rx: "2",
+                      fill: legendColor(it, "red")
+                    }, null, 8, _hoisted_14$2),
+                    vue.createElementVNode("line", {
+                      x1: "25",
+                      y1: "10",
+                      x2: "30",
+                      y2: "10",
+                      stroke: legendColor(it, "red"),
+                      "stroke-width": "1.6",
+                      "stroke-linecap": "round"
+                    }, null, 8, _hoisted_15$1)
+                  ], 64)) : it.shape === "fuse" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+                    vue.createElementVNode("line", {
+                      x1: "2",
+                      y1: "10",
+                      x2: "6",
+                      y2: "10",
+                      stroke: legendColor(it, "red"),
+                      "stroke-width": "1.6",
+                      "stroke-linecap": "round"
+                    }, null, 8, _hoisted_16$1),
+                    vue.createElementVNode("rect", {
+                      x: "6",
+                      y: "5",
+                      width: "20",
+                      height: "10",
+                      rx: "2",
+                      fill: "none",
+                      stroke: legendColor(it, "red"),
+                      "stroke-width": "1.6"
+                    }, null, 8, _hoisted_17$1),
+                    vue.createElementVNode("circle", {
+                      cx: "12",
+                      cy: "10",
+                      r: "2.2",
+                      fill: legendColor(it, "red")
+                    }, null, 8, _hoisted_18$1),
+                    vue.createElementVNode("rect", {
+                      x: "16",
+                      y: "7",
+                      width: "7",
+                      height: "6",
+                      fill: legendColor(it, "red")
+                    }, null, 8, _hoisted_19$1)
+                  ], 64)) : it.shape === "bus" ? (vue.openBlock(), vue.createElementBlock("rect", {
+                    key: 3,
+                    x: "5",
+                    y: "8",
+                    width: "22",
+                    height: "4",
+                    rx: "2",
+                    fill: legendColor(it, "white"),
+                    "fill-opacity": "0.5",
+                    stroke: legendColor(it, "white"),
+                    "stroke-width": "1.2"
+                  }, null, 8, _hoisted_20$1)) : it.shape === "cableTerminal" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 4 }, [
+                    vue.createElementVNode("line", {
+                      x1: "3",
+                      y1: "10",
+                      x2: "9",
+                      y2: "10",
+                      stroke: legendColor(it, "red"),
+                      "stroke-width": "1.6",
+                      "stroke-linecap": "round"
+                    }, null, 8, _hoisted_21$1),
+                    vue.createElementVNode("polygon", {
+                      points: "9,4 20,10 9,16",
+                      fill: legendColor(it, "red")
+                    }, null, 8, _hoisted_22$1)
+                  ], 64)) : it.shape === "junction" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 5 }, [
+                    vue.createElementVNode("line", {
+                      x1: "10",
+                      y1: "10",
+                      x2: "22",
+                      y2: "10",
+                      stroke: legendColor(it, "red"),
+                      "stroke-width": "1.8",
+                      "stroke-linecap": "round"
+                    }, null, 8, _hoisted_23$1),
+                    vue.createElementVNode("line", {
+                      x1: "16",
+                      y1: "4",
+                      x2: "16",
+                      y2: "16",
+                      stroke: legendColor(it, "red"),
+                      "stroke-width": "1.8",
+                      "stroke-linecap": "round"
+                    }, null, 8, _hoisted_24$1),
+                    vue.createElementVNode("line", {
+                      x1: "11",
+                      y1: "5",
+                      x2: "21",
+                      y2: "15",
+                      stroke: legendColor(it, "red"),
+                      "stroke-width": "1.8",
+                      "stroke-linecap": "round"
+                    }, null, 8, _hoisted_25$1),
+                    vue.createElementVNode("line", {
+                      x1: "21",
+                      y1: "5",
+                      x2: "11",
+                      y2: "15",
+                      stroke: legendColor(it, "red"),
+                      "stroke-width": "1.8",
+                      "stroke-linecap": "round"
+                    }, null, 8, _hoisted_26$1)
+                  ], 64)) : it.shape === "meterBox" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 6 }, [
+                    vue.createElementVNode("rect", {
+                      x: "10",
+                      y: "2",
+                      width: "16",
+                      height: "16",
+                      rx: "3",
+                      fill: legendColor(it, "meterFill"),
+                      stroke: legendColor(it, "meterText"),
+                      "stroke-width": "1.4"
+                    }, null, 8, _hoisted_27$1),
+                    vue.createElementVNode("text", {
+                      x: "18",
+                      y: "13.5",
+                      "text-anchor": "middle",
+                      "font-size": "8",
+                      "font-weight": "700",
+                      fill: legendColor(it, "meterText")
+                    }, "JX", 8, _hoisted_28$1)
+                  ], 64)) : it.shape === "consumer" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 7 }, [
+                    vue.createElementVNode("circle", {
+                      cx: "16",
+                      cy: "10",
+                      r: "7",
+                      fill: "none",
+                      stroke: legendColor(it, "white"),
+                      "stroke-width": "2"
+                    }, null, 8, _hoisted_29$1),
+                    vue.createElementVNode("text", {
+                      x: "16",
+                      y: "13",
+                      "text-anchor": "middle",
+                      "font-size": "9",
+                      "font-weight": "700",
+                      fill: legendColor(it, "white")
+                    }, "J", 8, _hoisted_30$1)
+                  ], 64)) : it.shape === "line" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 8 }, [
+                    vue.createElementVNode("circle", {
+                      cx: "16",
+                      cy: "10",
+                      r: "4.6",
+                      fill: legendColor(it, "dotFill"),
+                      stroke: legendColor(it, "cyan"),
+                      "stroke-width": "1.6"
+                    }, null, 8, _hoisted_31$1),
+                    vue.createElementVNode("circle", {
+                      cx: "16",
+                      cy: "10",
+                      r: "1.5",
+                      fill: legendColor(it, "cyan")
+                    }, null, 8, _hoisted_32$1)
+                  ], 64)) : it.shape === "meterUser" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 9 }, [
+                    vue.createElementVNode("rect", {
+                      x: "12",
+                      y: "2",
+                      width: "8",
+                      height: "15",
+                      rx: "2",
+                      fill: "none",
+                      stroke: legendColor(it, "meterText"),
+                      "stroke-width": "1.2"
+                    }, null, 8, _hoisted_33$1),
+                    vue.createElementVNode("rect", {
+                      x: "13.5",
+                      y: "4",
+                      width: "5",
+                      height: "2.2",
+                      rx: "1",
+                      fill: legendColor(it, "meterText"),
+                      "fill-opacity": "0.6"
+                    }, null, 8, _hoisted_34$1),
+                    vue.createElementVNode("circle", {
+                      cx: "16",
+                      cy: "11",
+                      r: "1.4",
+                      fill: legendColor(it, "meterText")
+                    }, null, 8, _hoisted_35$1)
+                  ], 64)) : it.shape === "station" ? (vue.openBlock(), vue.createElementBlock("rect", {
+                    key: 10,
+                    x: "6",
+                    y: "4",
+                    width: "20",
+                    height: "12",
+                    rx: "2",
+                    fill: legendColor(it, "stationFill"),
+                    stroke: legendColor(it, "white"),
+                    "stroke-width": "1.4"
+                  }, null, 8, _hoisted_36$1)) : it.shape === "edge" ? (vue.openBlock(), vue.createElementBlock("line", {
+                    key: 11,
+                    x1: "3",
+                    y1: "10",
+                    x2: "29",
+                    y2: "10",
+                    stroke: legendColor(it, it.role || "trunkEdge"),
+                    "stroke-width": it.role === "branchEdge" ? 1.2 : 2.4,
+                    "stroke-linecap": "round"
+                  }, null, 8, _hoisted_37$1)) : it.shape === "square" ? (vue.openBlock(), vue.createElementBlock("rect", {
+                    key: 12,
+                    x: "10",
+                    y: "4",
+                    width: "12",
+                    height: "12",
+                    rx: "2",
+                    fill: it.color || legendColor(it, "cyan")
+                  }, null, 8, _hoisted_38$1)) : it.shape === "ring" ? (vue.openBlock(), vue.createElementBlock("circle", {
+                    key: 13,
+                    cx: "16",
+                    cy: "10",
+                    r: "6",
+                    fill: "none",
+                    stroke: it.color || legendColor(it, "cyan"),
+                    "stroke-width": "2.4"
+                  }, null, 8, _hoisted_39)) : it.shape === "triangle" ? (vue.openBlock(), vue.createElementBlock("polygon", {
+                    key: 14,
+                    points: "10,16 22,16 16,4",
+                    fill: it.color || legendColor(it, "red")
+                  }, null, 8, _hoisted_40)) : it.shape === "hline" ? (vue.openBlock(), vue.createElementBlock("line", {
+                    key: 15,
+                    x1: "3",
+                    y1: "10",
+                    x2: "29",
+                    y2: "10",
+                    stroke: it.color || legendColor(it, "cyan"),
+                    "stroke-width": "2.4",
+                    "stroke-linecap": "round"
+                  }, null, 8, _hoisted_41)) : it.shape === "text" ? (vue.openBlock(), vue.createElementBlock("text", {
+                    key: 16,
+                    x: "16",
+                    y: "14",
+                    "text-anchor": "middle",
+                    "font-size": "11",
+                    "font-weight": "700",
+                    fill: it.color || legendColor(it, "white")
+                  }, vue.toDisplayString(it.text || "JX"), 9, _hoisted_42)) : (vue.openBlock(), vue.createElementBlock("circle", {
+                    key: 17,
+                    cx: "16",
+                    cy: "10",
+                    r: "5",
+                    fill: it.color || legendColor(it, "cyan")
+                  }, null, 8, _hoisted_43))
+                ])),
+                vue.createElementVNode("span", _hoisted_44, vue.toDisplayString(it.label), 1)
+              ]);
+            }), 128))
+          ], 512), [
+            [vue.vShow, !legendCollapsed.value]
+          ])
+        ])) : vue.createCommentVNode("", true),
+        loading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_45, "正在解析台区拓扑…")) : error.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_46, vue.toDisplayString(error.value), 1)) : vue.createCommentVNode("", true)
       ], 8, _hoisted_1$2);
     };
   }
 };
-const TopoGraph = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-d3774ed5"]]);
+const TopoGraph = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-0736fa17"]]);
 const _hoisted_1$1 = ["data-theme"];
 const _hoisted_2$1 = { class: "panel-head" };
 const _hoisted_3$1 = {
@@ -30411,7 +31114,7 @@ const _sfc_main = {
   }
 };
 const DistanceTop10 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-438b6017"]]);
-const VERSION = "0.1.9";
+const VERSION = "0.1.11";
 const DESCRIPTION = "配电台区单线图拓扑成图引擎";
 exports.DESCRIPTION = DESCRIPTION;
 exports.DistanceTop10 = DistanceTop10;