topo-engine 0.1.9 → 0.1.10

package/README.md

@@ -268,6 +268,7 @@ const dataUrl = ref('/data/topology.json');
 > topo.locateNode(assetNo);                                  // 定位到某户表位中心
 > topo.highlightNode(assetNo, { color: '#FF0000' });          // 该户表位高亮环
 > topo.setNodeGlow(assetNo, { color: '#FF6600' });            // 该户表位光晕
+> topo.setNodeGlow(assetNo, { blink: true, color: '#FF6600' }); // 该户表位整体闪烁
 > topo.setNodePulse(assetNo);                                 // 该户电表格脉动
 > topo.setText(assetNo, '异常');                              // 表位上方标注
 > topo.showCard(assetNo);                                     // 客户档案卡片（定位在表位旁）
@@ -337,7 +338,8 @@ topo.unhighlightAll();
 
 ```javascript
 topo.setNodePulse('2', { color: '#00C8FF', duration: 1500 });   // 节点脉动
-topo.setNodeGlow('2', { color: '#FF0000', spread: 18 });         // 节点光晕（发光环，颜色可设；ref 支持 psrId）
+topo.setNodeGlow('2', { color: '#FF0000' });                     // 节点光晕（多层光环 + shadowBlur 辉光 + blur 面光底衬；ref 支持 psrId）
+topo.setNodeGlow('2', { color: '#FF0000', intensity: 2, spread: 30, blink: true, duration: 800 }); // 更夸张：加强 + 更大扩散 + 图元整体闪烁
 topo.removeNodeGlow('2');
 topo.setEdgeFlow('1', '2', { color: '#00C8FF', duration: 2000 }); // 边流动
 topo.removeAnimation('2');

package/dist/index.d.ts

@@ -76,7 +76,24 @@ export class TopoApi {
   removeAllAnimations(): void;
 
   // 节点光晕动画（ref 支持节点 id / psrId / assetNo）
-  setNodeGlow(ref: string, opts?: { color?: string; spread?: number; radius?: number; duration?: number; opacity?: number }): boolean;
+  // 渲染栈：blur 柔光底衬 + 实心光块 → 图元 → 外扩散环 ×2 → 霓虹主环(shadowBlur) → 亮芯环
+  // intensity: 强度倍率（默认 1；1.5~2.5 更夸张，0.5~0.7 更收敛）
+  // spread:    光环外扩半径，默认按图元大小自适应（短边 ×0.7，16~46px）
+  // width:     主环初始线宽 (px)，默认 5.6（户表位 3.6）
+  // blink:     图元「整体闪烁」——false 默认只画光环；true = 0.85；数字 0~1 为强度
+  setNodeGlow(ref: string, opts?: {
+    color?: string;
+    spread?: number;
+    radius?: number;
+    duration?: number;
+    opacity?: number;
+    width?: number;
+    intensity?: number;
+    level?: number;
+    strength?: number;
+    blink?: boolean | number;
+    flash?: boolean | number;
+  }): boolean;
   removeNodeGlow(ref: string): boolean;
   removeAllNodeGlows(): void;
 

package/dist/style.css

@@ -1,6 +1,6 @@
 
 /* —— 主题变量：dark 为默认值，light 由 [data-theme='light'] 覆盖 —— */
-.topo-wrap[data-v-d3774ed5] {
+.topo-wrap[data-v-a4a4c398] {
   --tp-bg: #050505;
   --tp-toolbar-bg: rgba(20, 20, 20, 0.88);
   --tp-toolbar-border: #333;
@@ -19,7 +19,7 @@
   overflow: hidden;
   background: var(--tp-bg);
 }
-.topo-wrap[data-theme='light'][data-v-d3774ed5] {
+.topo-wrap[data-theme='light'][data-v-a4a4c398] {
   --tp-bg: #ffffff;
   --tp-toolbar-bg: rgba(255, 255, 255, 0.92);
   --tp-toolbar-border: #d9d9d9;
@@ -33,11 +33,11 @@
   --tp-text: #555;
   --tp-error: #d32f2f;
 }
-.topo-container[data-v-d3774ed5] {
+.topo-container[data-v-a4a4c398] {
   width: 100%;
   height: 100%;
 }
-.topo-toolbar[data-v-d3774ed5] {
+.topo-toolbar[data-v-a4a4c398] {
   position: absolute;
   top: 10px;
   left: 12px;
@@ -52,14 +52,14 @@
   color: var(--tp-text);
   z-index: 10;
 }
-.topo-title[data-v-d3774ed5] {
+.topo-title[data-v-a4a4c398] {
   color: var(--tp-title);
   font-weight: 600;
 }
-.topo-meta[data-v-d3774ed5] {
+.topo-meta[data-v-a4a4c398] {
   color: var(--tp-meta);
 }
-.btn[data-v-d3774ed5] {
+.btn[data-v-a4a4c398] {
   margin-left: 4px;
   padding: 3px 10px;
   border: 1px solid var(--tp-btn-border);
@@ -69,12 +69,12 @@
   cursor: pointer;
   font-size: 12px;
 }
-.btn[data-v-d3774ed5]:hover {
+.btn[data-v-a4a4c398]:hover {
   border-color: var(--tp-accent);
   color: var(--tp-accent);
 }
-.topo-loading[data-v-d3774ed5],
-.topo-error[data-v-d3774ed5] {
+.topo-loading[data-v-a4a4c398],
+.topo-error[data-v-a4a4c398] {
   position: absolute;
   inset: 0;
   display: flex;
@@ -85,7 +85,7 @@
   z-index: 5;
   background: var(--tp-overlay-bg);
 }
-.topo-error[data-v-d3774ed5] {
+.topo-error[data-v-a4a4c398] {
   color: var(--tp-error);
 }