topo-engine 0.1.9 → 0.1.10

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;
   }
 }
@@ -29581,6 +29796,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 = [];
@@ -29818,14 +30083,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 +30147,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 +30176,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);
@@ -30038,7 +30316,7 @@ const _sfc_main$2 = {
     };
   }
 };
-const TopoGraph = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-d3774ed5"]]);
+const TopoGraph = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-a4a4c398"]]);
 const _hoisted_1$1 = ["data-theme"];
 const _hoisted_2$1 = { class: "panel-head" };
 const _hoisted_3$1 = {
@@ -30411,7 +30689,7 @@ const _sfc_main = {
   }
 };
 const DistanceTop10 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-438b6017"]]);
-const VERSION = "0.1.9";
+const VERSION = "0.1.10";
 const DESCRIPTION = "配电台区单线图拓扑成图引擎";
 exports.DESCRIPTION = DESCRIPTION;
 exports.DistanceTop10 = DistanceTop10;