topo-engine 0.1.2 → 0.1.3

package/dist/topo-engine.cjs

@@ -1335,11 +1335,26 @@ function foldModel(model, plans, nodeMap) {
   const extNodes = model.nodes.filter((n) => !containAll.has(n.id)).map((n) => ({ ...n }));
   for (const p of plans) {
     const inner = stationInner(p, model, 50, nodeMap);
+    let estH = inner.estH;
+    const title = p.name || "";
+    if (title && inner.estW > 24) {
+      const tFs = 11, tLH = tFs * 1.35;
+      let tW = 0, lines = 1;
+      for (const ch of title) {
+        const cw = /[\u4e00-\u9fff\u3000-\u303f\uff00-\uffef]/.test(ch) ? tFs : tFs * 0.6;
+        if (tW && tW + cw > inner.estW - 12) {
+          lines++;
+          tW = 0;
+        }
+        tW += cw;
+      }
+      estH = Math.max(estH, 13 + lines * tLH + 6);
+    }
     extNodes.push({
       id: p.sid,
       cat: "station",
       name: p.name,
-      _size: { w: inner.estW, h: inner.estH },
+      _size: { w: inner.estW, h: estH },
       _fanW: inner.fanW
     });
   }
@@ -1834,7 +1849,23 @@ function expandStations(model, plans, pos, edgeCP, band, bandClear, vTrunkStatio
     const fx = xS + (bminX + bmaxX) / 2;
     const fy = yS + (bminY + bmaxY) / 2;
     const fw = bmaxX - bminX + 2 * HM;
-    const fh = bmaxY - bminY + 2 * VM;
+    let fh = bmaxY - bminY + 2 * VM;
+    const title = plan.name || "";
+    if (title && fw > 24) {
+      const tFs = 11;
+      const tLH = tFs * 1.35;
+      let tW = 0, lines = 1;
+      for (const ch of title) {
+        const cw = /[\u4e00-\u9fff\u3000-\u303f\uff00-\uffef]/.test(ch) ? tFs : tFs * 0.6;
+        if (tW && tW + cw > fw - 12) {
+          lines++;
+          tW = 0;
+        }
+        tW += cw;
+      }
+      const titleH = 13 + lines * tLH + 6;
+      fh = Math.max(fh, titleH);
+    }
     pos.set(plan.sid, { x: fx, y: fy });
     frames.push({ id: plan.sid, x: fx, y: fy, w: fw, h: fh, name: plan.name });
     if (plan.busNode) busWidth.set(plan.busNode, bs.w);
@@ -2424,6 +2455,69 @@ function assertOrthogonal(model, edgeCP) {
   }
   return bad;
 }
+const THEMES = {
+  // —— 深色主题（默认，与历史版本完全一致）——
+  dark: {
+    // 画布背景
+    canvasBg: "#050505",
+    // 导线（边）
+    trunkEdge: "#FFFFFF",
+    // 干线：白
+    branchEdge: "#8B8B8B",
+    // 支线：灰
+    // 图元符号
+    trunkLine: "#07A4F8",
+    // 变压器连接线（蓝）
+    red: "#F00",
+    orange: "#FF6600",
+    white: "#FFF",
+    // 通用浅色元素（描边/文字/标签），light 下为深色
+    cyan: "#00C8FF",
+    gold: "#FFD700",
+    gray: "#8B8B8B",
+    // 计量箱（JX）：深色主题黑底白字；浅色主题白底深框深字（随画布配套）
+    meterFill: "#000000",
+    meterText: "#FFFFFF",
+    // 母线填充
+    busFill: "rgba(255,255,255,0.15)",
+    // 导线连接点填充
+    dotFill: "rgba(0,200,255,0.18)",
+    // 站房外框
+    stationFill: "rgba(255,255,255,0.02)",
+    stationText: "rgba(255,255,255,0.85)",
+    // 未知图元
+    unknownFill: "#333333",
+    unknownStroke: "#AAAAAA"
+  },
+  // —— 浅色主题（白色画布 + 配套深色图元）——
+  light: {
+    canvasBg: "#FFFFFF",
+    // 白底上干线用深灰、支线用浅灰
+    trunkEdge: "#3F3F3F",
+    branchEdge: "#9C9C9C",
+    // 蓝/橙/红在白底上加深一档保证对比度
+    trunkLine: "#0B78B5",
+    red: "#C62828",
+    orange: "#E05F00",
+    white: "#333333",
+    cyan: "#0087B8",
+    gold: "#B8860B",
+    gray: "#9C9C9C",
+    meterFill: "#FFFFFF",
+    // 浅色主题：白底 + 深框深字（随白画布配套）
+    meterText: "#3A3A3A",
+    busFill: "rgba(0,0,0,0.07)",
+    dotFill: "rgba(0,135,184,0.14)",
+    stationFill: "rgba(0,0,0,0.03)",
+    stationText: "rgba(50,50,50,0.8)",
+    unknownFill: "#EDEDED",
+    unknownStroke: "#777777"
+  }
+};
+let edgeTheme = THEMES.dark;
+function setEdgeTheme(themeName) {
+  edgeTheme = THEMES[themeName] || THEMES.dark;
+}
 function buildGraphData(model, layout) {
   const nodes = model.nodes.map((n) => {
     const spec = getSymbolSpec(n.cat);
@@ -2439,7 +2533,7 @@ function buildGraphData(model, layout) {
         size: [w, spec.h],
         // 自定义字段（进 attributes，供 svg-symbol 节点绘制使用）
         cat: n.cat,
-        labelText: n.shortName || "",
+        labelText: n.cat === "bus" || n.cat === "cableTerminal" ? "" : n.shortName || "",
         rotate: layout.stationRotate && layout.stationRotate.get(n.id) || 0,
         highlight: 0,
         cursor: "pointer",
@@ -2456,9 +2550,9 @@ function buildGraphData(model, layout) {
         y: f2.y,
         size: [f2.w, f2.h],
         cat: "station",
-        labelText: f2.name || "",
         highlight: 0,
-        zIndex: -1
+        zIndex: -1,
+        _stationTitle: f2.name || ""
       }
     });
   }
@@ -2498,7 +2592,7 @@ function edgeStyle(datum) {
     };
   }
   const base = {
-    stroke: s2 && s2.overrideStroke || d2 && d2.overrideStroke || (isBranch ? "#8B8B8B" : "#FFFFFF"),
+    stroke: s2 && s2.overrideStroke || d2 && d2.overrideStroke || (isBranch ? edgeTheme.branchEdge : edgeTheme.trunkEdge),
     lineWidth: s2 && s2.overrideLineWidth || d2 && d2.overrideLineWidth || (isBranch ? 1.1 : 1.5),
     opacity: s2 && s2.overrideOpacity != null ? s2.overrideOpacity : d2 && d2.overrideOpacity != null ? d2.overrideOpacity : isBranch ? 0.85 : 1,
     controlPoints: d2 && d2.cp || [],
@@ -27559,14 +27653,13 @@ var Sector = /* @__PURE__ */ function(_Path) {
   }]);
 }(Path);
 Sector.PARSED_STYLE_LIST = new Set([].concat(_toConsumableArray(Path.PARSED_STYLE_LIST), ["x", "y", "sr", "sr0", "radius", "startAngle", "endAngle"]));
-const C2 = {
-  trunkLine: "#07A4F8",
-  red: "#F00",
-  orange: "#FF6600",
-  white: "#FFF",
-  cyan: "#00C8FF",
-  gold: "#FFD700"
-};
+const C2 = { ...THEMES.dark };
+function setNodePalette(themeName) {
+  const t = THEMES[themeName] || THEMES.dark;
+  for (const key of Object.keys(t)) {
+    if (key in C2) C2[key] = t[key];
+  }
+}
 function drawHighlight(attributes, group) {
   if (!attributes.highlight) return;
   const [w, h] = attributes.size;
@@ -27587,45 +27680,19 @@ function drawHighlight(attributes, group) {
   );
 }
 function drawAnnotation(attributes, group) {
-  const text2 = attributes.annotationText;
-  if (!text2) return;
-  const [, h] = attributes.size;
+  const label = attributes.annotationText;
+  if (!label) return;
+  const [w, h] = attributes.size;
   const pos = attributes.annotationPos || "top";
   const offset = attributes.annotationOffset || 4;
   const y = pos === "top" ? -h / 2 - offset - 6 : h / 2 + offset + 6;
-  group.appendChild(
-    new Text({
-      style: {
-        text: text2,
-        x: 0,
-        y,
-        fontSize: attributes.annotationSize || 12,
-        fill: attributes.annotationColor || "#FFFFFF",
-        fontFamily: FONT,
-        textAlign: "center",
-        textBaseline: "middle"
-      }
-    })
-  );
+  _drawWrappedText(group, label, 0, y, attributes.annotationSize || 12, attributes.annotationColor || C2.white, w + 10, 1.25);
 }
 function drawLabelUnder(attributes, group) {
-  const text2 = attributes.labelText || "";
-  if (!text2) return;
+  const label = attributes.labelText || "";
+  if (!label) return;
   const [w, h] = attributes.size;
-  group.appendChild(
-    new Text({
-      style: {
-        text: text2,
-        x: 0,
-        y: h / 2 + 8,
-        fontSize: 11,
-        fill: C2.white,
-        fontFamily: FONT,
-        textAlign: "center",
-        textBaseline: "middle"
-      }
-    })
-  );
+  _drawWrappedText(group, label, 0, h / 2 + 8, 11, C2.white, w + 4, 1.3);
 }
 function text(attributes, group, str2, x, y, size, fill) {
   if (!str2) return;
@@ -27644,6 +27711,52 @@ function text(attributes, group, str2, x, y, size, fill) {
     })
   );
 }
+function _measureWidth(str2, fontSize2) {
+  let w = 0;
+  for (const ch of str2) {
+    w += /[\u4e00-\u9fff\u3000-\u303f\uff00-\uffef]/.test(ch) ? fontSize2 : fontSize2 * 0.6;
+  }
+  return w;
+}
+function _wrapLines(str2, fontSize2, maxWidth) {
+  if (!str2) return [];
+  const lines = [];
+  let line = "";
+  for (const ch of str2) {
+    const test = line + ch;
+    if (line && _measureWidth(test, fontSize2) > maxWidth) {
+      lines.push(line);
+      line = ch;
+    } else {
+      line = test;
+    }
+  }
+  if (line) lines.push(line);
+  return lines;
+}
+function _drawWrappedText(group, str2, x, y, fontSize2, fill, maxWidth, lineGap = 1.3) {
+  if (!str2) return;
+  const lines = _wrapLines(str2, fontSize2, maxWidth);
+  if (!lines.length) return;
+  const lineHeight2 = fontSize2 * lineGap;
+  const totalH = lines.length * lineHeight2;
+  for (let i = 0; i < lines.length; i++) {
+    group.appendChild(
+      new Text({
+        style: {
+          text: lines[i],
+          x,
+          y: y - totalH / 2 + lineHeight2 * (i + 0.5),
+          fontSize: fontSize2,
+          fill,
+          fontFamily: FONT,
+          textAlign: "center",
+          textBaseline: "middle"
+        }
+      })
+    );
+  }
+}
 function drawTransformer(attributes, group) {
   const lw = 1.4;
   group.appendChild(new Line({ style: { x1: -24, y1: 0, x2: -15, y2: 0, stroke: C2.trunkLine, lineWidth: lw } }));
@@ -27665,7 +27778,7 @@ function drawBreaker(attributes, group) {
   group.appendChild(new Line({ style: { x1: -28, y1: 0, x2: -21, y2: 0, stroke: C2.red, lineWidth: lw } }));
   group.appendChild(new Rect({ style: { x: -21, y: -9, width: 42, height: 18, radius: 2, fill: "none", stroke: C2.red, lineWidth: lw } }));
   group.appendChild(new Rect({ style: { x: -21, y: -9, width: 42, height: 7, fill: "rgba(255,0,0,0.25)" } }));
-  text(attributes, group, attributes.labelText, 0, 0.5, 10, C2.white);
+  _drawWrappedText(group, attributes.labelText, 0, 0.5, 10, C2.white, 36, 1.2);
   group.appendChild(new Line({ style: { x1: 21, y1: 0, x2: 28, y2: 0, stroke: C2.red, lineWidth: lw } }));
 }
 function drawCableTerminal(attributes, group) {
@@ -27676,8 +27789,8 @@ function drawStationTerminal(attributes, group) {
   group.appendChild(new Polygon({ style: { points: [[0, -5], [0, 5], [9, 0]], fill: "none", stroke: C2.red, lineWidth: 1.4 } }));
 }
 function drawMeterBox(attributes, group) {
-  group.appendChild(new Rect({ style: { x: -9.5, y: -9.5, width: 19, height: 19, fill: "#000", stroke: C2.white, lineWidth: 0.9 } }));
-  text(attributes, group, "JX", 0, 0.5, 7.5, C2.white);
+  group.appendChild(new Rect({ style: { x: -9.5, y: -9.5, width: 19, height: 19, fill: C2.meterFill, stroke: C2.meterText, lineWidth: 0.9 } }));
+  text(attributes, group, "JX", 0, 0.5, 7.5, C2.meterText);
 }
 function drawConsumer(attributes, group) {
   group.appendChild(new Circle({ style: { cx: 0, cy: 0, r: 12.5, fill: "none", stroke: C2.white, lineWidth: 1.8 } }));
@@ -27685,10 +27798,10 @@ function drawConsumer(attributes, group) {
 }
 function drawBus(attributes, group) {
   const [w] = attributes.size;
-  group.appendChild(new Rect({ style: { x: -w / 2, y: -3, width: w, height: 6, radius: 2, fill: "rgba(255,255,255,0.15)", stroke: C2.white, lineWidth: 1.4 } }));
+  group.appendChild(new Rect({ style: { x: -w / 2, y: -3, width: w, height: 6, radius: 2, fill: C2.busFill, stroke: C2.white, lineWidth: 1.4 } }));
 }
 function drawLineDot(attributes, group) {
-  group.appendChild(new Circle({ style: { cx: 0, cy: 0, r: 4, fill: "rgba(0,200,255,0.18)", stroke: C2.cyan, lineWidth: 1.4 } }));
+  group.appendChild(new Circle({ style: { cx: 0, cy: 0, r: 4, fill: C2.dotFill, stroke: C2.cyan, lineWidth: 1.4 } }));
 }
 function drawJunction(attributes, group) {
   const lw = 1.4;
@@ -27698,7 +27811,7 @@ function drawJunction(attributes, group) {
   group.appendChild(new Line({ style: { x1: 3.5, y1: -3.5, x2: -3.5, y2: 3.5, stroke: C2.red, lineWidth: lw } }));
 }
 function drawUnknown(attributes, group) {
-  group.appendChild(new Circle({ style: { cx: 0, cy: 0, r: 8, fill: "#333", stroke: "#AAA", lineWidth: 1.2 } }));
+  group.appendChild(new Circle({ style: { cx: 0, cy: 0, r: 8, fill: C2.unknownFill, stroke: C2.unknownStroke, lineWidth: 1.2 } }));
 }
 function drawStation(attributes, group) {
   const [w, h] = attributes.size;
@@ -27710,28 +27823,15 @@ function drawStation(attributes, group) {
         width: w,
         height: h,
         radius: 2,
-        fill: "rgba(255,255,255,0.02)",
+        fill: C2.stationFill,
         stroke: C2.white,
         lineWidth: 1.2,
         opacity: 0.9
       }
     })
   );
-  if (attributes.labelText) {
-    group.appendChild(
-      new Text({
-        style: {
-          text: attributes.labelText,
-          x: 0,
-          y: -h / 2 + 13,
-          fontSize: 11,
-          fill: "rgba(255,255,255,0.85)",
-          fontFamily: FONT,
-          textAlign: "center",
-          textBaseline: "middle"
-        }
-      })
-    );
+  if (attributes._stationTitle) {
+    _drawWrappedText(group, attributes._stationTitle, 0, -h / 2 + 13, 11, C2.stationText, w - 12, 1.35);
   }
 }
 const DRAWERS = {
@@ -27748,7 +27848,7 @@ const DRAWERS = {
   station: drawStation,
   other: drawUnknown
 };
-const LABEL_UNDER = /* @__PURE__ */ new Set(["transformer", "fuse", "bus"]);
+const LABEL_UNDER = /* @__PURE__ */ new Set(["transformer", "fuse"]);
 const _pulseState = /* @__PURE__ */ new Map();
 class SvgSymbolNode extends g6.BaseNode {
   drawKeyShape(attributes, container) {
@@ -27798,15 +27898,16 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$2 = { class: "topo-wrap" };
+const _hoisted_1$2 = ["data-theme"];
 const _hoisted_2$2 = { class: "topo-toolbar" };
 const _hoisted_3$2 = { class: "topo-title" };
 const _hoisted_4$2 = { class: "topo-meta" };
-const _hoisted_5$2 = {
+const _hoisted_5$2 = ["title"];
+const _hoisted_6$2 = {
   key: 0,
   class: "topo-loading"
 };
-const _hoisted_6$2 = {
+const _hoisted_7$2 = {
   key: 1,
   class: "topo-error"
 };
@@ -27814,9 +27915,11 @@ const _sfc_main$2 = {
   __name: "TopoGraph",
   props: {
     dataUrl: { type: String, default: "" },
-    data: { type: Object, default: null }
+    data: { type: Object, default: null },
+    /** 主题：'dark'（默认，黑底 SCADA 风）| 'light'（白底）；支持 v-model:theme 双向绑定 */
+    theme: { type: String, default: "dark" }
   },
-  emits: ["node-select", "loaded", "top-distances"],
+  emits: ["node-select", "loaded", "top-distances", "update:theme"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -27890,6 +27993,7 @@ const _sfc_main$2 = {
         console.error("导出 PNG 失败:", e2);
       }
     }
+    const lastRaw = vue.ref(null);
     async function loadAndRender() {
       loading.value = true;
       error.value = "";
@@ -27918,7 +28022,16 @@ const _sfc_main$2 = {
       rawText = text2;
       loadAndRender();
     }
+    const themeName = () => props.theme === "light" ? "light" : "dark";
+    function applyTheme() {
+      const t = themeName();
+      setNodePalette(t);
+      setEdgeTheme(t);
+      return t;
+    }
     function render(raw) {
+      lastRaw.value = raw;
+      const theme = applyTheme();
       model = parseTopo(raw);
       nodeByIdMap = new Map(model.nodes.map((n) => [n.id, n]));
       title.value = String(model.title || "").replace(/\.+$/, "");
@@ -27945,7 +28058,7 @@ const _sfc_main$2 = {
       graph = new g6.Graph({
         container: container.value,
         autoResize: true,
-        background: "#050505",
+        background: THEMES[theme].canvasBg,
         data: data2,
         // 节点坐标与边路径均由正交布局引擎显式给定（存储在layoutData中）
         node: {
@@ -28045,6 +28158,12 @@ const _sfc_main$2 = {
       },
       { deep: true }
     );
+    vue.watch(
+      () => props.theme,
+      () => {
+        if (lastRaw.value) render(lastRaw.value);
+      }
+    );
     vue.onBeforeUnmount(() => {
       if (api) {
         api.destroy();
@@ -28073,7 +28192,10 @@ const _sfc_main$2 = {
       getTopDistances: () => topDistances.value
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: "topo-wrap",
+        "data-theme": themeName()
+      }, [
         vue.createElementVNode("div", {
           ref_key: "container",
           ref: container,
@@ -28082,6 +28204,11 @@ const _sfc_main$2 = {
         vue.createElementVNode("div", _hoisted_2$2, [
           vue.createElementVNode("span", _hoisted_3$2, vue.toDisplayString(title.value), 1),
           vue.createElementVNode("span", _hoisted_4$2, " 节点 " + vue.toDisplayString(stats.value.total) + " · 边 " + vue.toDisplayString(edgeCount.value) + " · 深度 " + vue.toDisplayString(stats.value.depth) + " · 叶子 " + vue.toDisplayString(stats.value.leaves), 1),
+          vue.createElementVNode("button", {
+            class: "btn",
+            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",
             onClick: resetView
@@ -28091,13 +28218,13 @@ const _sfc_main$2 = {
             onClick: exportPng
           }, "导出 PNG")
         ]),
-        loading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$2, "正在解析台区拓扑…")) : error.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, vue.toDisplayString(error.value), 1)) : 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)
+      ], 8, _hoisted_1$2);
     };
   }
 };
-const TopoGraph = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-1f2e13bc"]]);
-const _hoisted_1$1 = { class: "panel" };
+const TopoGraph = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-562b2247"]]);
+const _hoisted_1$1 = ["data-theme"];
 const _hoisted_2$1 = { class: "panel-head" };
 const _hoisted_3$1 = {
   key: 0,
@@ -28149,7 +28276,9 @@ const _sfc_main$1 = {
     node: { type: Object, default: null },
     upstream: { type: Array, default: () => [] },
     downstream: { type: Array, default: () => [] },
-    stats: { type: Object, default: () => ({}) }
+    stats: { type: Object, default: () => ({}) },
+    /** 主题：'dark'（默认）| 'light' */
+    theme: { type: String, default: "dark" }
   },
   emits: ["close", "jump"],
   setup(__props, { emit: __emit }) {
@@ -28189,7 +28318,10 @@ const _sfc_main$1 = {
       return Object.entries(byCat).map(([cat, count]) => ({ label: CAT_LABEL[cat] || cat, count })).sort((a2, b) => b.count - a2.count);
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: "panel",
+        "data-theme": __props.theme
+      }, [
         vue.createElementVNode("div", _hoisted_2$1, [
           vue.createElementVNode("span", null, vue.toDisplayString(headTitle.value), 1),
           vue.createElementVNode("button", {
@@ -28284,12 +28416,12 @@ const _sfc_main$1 = {
             vue.createTextVNode(" 鼠标悬浮节点可高亮上下游与连线。 ")
           ], -1))
         ]))
-      ]);
+      ], 8, _hoisted_1$1);
     };
   }
 };
-const SidePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-f9af862d"]]);
-const _hoisted_1 = { class: "distance-top10" };
+const SidePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-547b7d57"]]);
+const _hoisted_1 = ["data-theme"];
 const _hoisted_2 = { class: "panel-head" };
 const _hoisted_3 = { class: "panel-body" };
 const _hoisted_4 = {
@@ -28315,7 +28447,9 @@ const _sfc_main = {
     distances: {
       type: Array,
       default: () => []
-    }
+    },
+    /** 主题：'dark'（默认）| 'light' */
+    theme: { type: String, default: "dark" }
   },
   emits: ["close", "jump"],
   setup(__props, { emit: __emit }) {
@@ -28334,7 +28468,10 @@ const _sfc_main = {
       return distance2 / maxDistance.value * 100;
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: "distance-top10",
+        "data-theme": __props.theme
+      }, [
         vue.createElementVNode("div", _hoisted_2, [
           _cache[1] || (_cache[1] = vue.createElementVNode("div", { class: "head-left" }, [
             vue.createElementVNode("span", { class: "head-icon" }, "📏"),
@@ -28391,12 +28528,12 @@ const _sfc_main = {
             }), 128))
           ]))
         ])
-      ]);
+      ], 8, _hoisted_1);
     };
   }
 };
-const DistanceTop10 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-936b875b"]]);
-const VERSION = "0.1.2";
+const DistanceTop10 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-438b6017"]]);
+const VERSION = "0.1.3";
 const DESCRIPTION = "配电台区单线图拓扑成图引擎";
 exports.DESCRIPTION = DESCRIPTION;
 exports.DistanceTop10 = DistanceTop10;