react-kggraph 0.0.32 → 0.0.33

package/lib/index.es7.js

@@ -1,17 +1,17 @@
-import { jsxs as g, Fragment as Z, jsx as t } from "react/jsx-runtime";
-import K, { forwardRef as nt, useContext as lt, useState as v, useRef as de, useImperativeHandle as st, useEffect as at } from "react";
+import { jsxs as g, Fragment as K, jsx as t } from "react/jsx-runtime";
+import F, { forwardRef as ot, useContext as lt, useState as v, useRef as ie, useImperativeHandle as st, useEffect as at } from "react";
 /* empty css           */
-import { Dropdown as rt, Flex as y, Modal as it, Drawer as ct, Tabs as he, Form as f, Input as O, Select as u, ColorPicker as _, Button as me, Row as dt, message as F } from "antd";
+import { Dropdown as rt, Flex as y, Modal as it, Drawer as ct, Tabs as ce, Form as f, Input as O, Select as u, ColorPicker as W, Button as ge, Row as dt, message as H } from "antd";
 import { utils as P, writeFile as ht } from "./index.es21.js";
-import { textPositionConfig as ue, textLayout as gt, downloadData as pt, choiceConfig as mt, linkAnalysis as ut, layoutCongig as ft, handleCalcPath as bt, getCyData as ge, donwnGraphData as wt } from "./index.es8.js";
+import { textPositionConfig as me, textLayout as gt, downloadData as mt, choiceConfig as pt, linkAnalysis as ut, layoutCongig as ft, handleCalcPath as bt, getCyData as de, donwnGraphData as wt } from "./index.es8.js";
 import { GraphContext as yt } from "./index.es15.js";
 import { layout as Ct, fixNodesToEdges as vt } from "./index.es9.js";
-import { defaultColors as H, nodeSize as q } from "./index.es10.js";
+import { defaultColors as _, nodeSize as q } from "./index.es10.js";
 import xt from "./index.es22.js";
 import St from "./index.es23.js";
 import Nt from "./index.es24.js";
 import I from "./index.es17.js";
-import { downloadFile as pe } from "./index.es12.js";
+import { downloadFile as he } from "./index.es12.js";
 import { actionList as Lt, entityRelationList as kt } from "./index.es4.js";
 import { DownOutlined as Et, RightOutlined as Dt, UpOutlined as It, LeftOutlined as Vt } from "@ant-design/icons";
 import Pt from "./index.es25.js";
@@ -32,64 +32,64 @@ const M = (b, r) => (k) => {
         return { bottom: 20, right: 20 };
     }
   return b;
-}, Rt = nt(({
+}, Rt = ot(({
   graphInfo: b,
   cyRef: r,
   initNodeScale: k,
   typeObj: N,
   relationObj: V,
-  colors: fe
-}, be) => {
-  const W = { ...H, ...fe }, { graphData: we, layoutType: ye, setLayoutType: Ce, queryStatisticsConfig: L, actionBar: x } = lt(yt), G = typeof x == "boolean" ? x : !0, J = (x == null ? void 0 : x.position) || "left", Q = (x == null ? void 0 : x.actionList) ?? Lt, [j, ve] = v((x == null ? void 0 : x.isExpand) ?? !1), [D, xe] = v(""), [Se, U] = v(!1), [X, Ne] = v(k), [Le, A] = v(!1), [ke, T] = v(!1), [Y, Ee] = v(null), [De, R] = v(!1), [ee, te] = v(!1), [Ie, Ve] = v("node"), z = de(null), oe = de(null), Pe = Array.isArray(L) ? L.length > 0 : L, [ne, Oe] = v(Pe), [le, je] = v(/* @__PURE__ */ new Set()), [se, Ae] = v(/* @__PURE__ */ new Set());
-  st(be, () => ({
+  colors: pe
+}, ue) => {
+  const $ = { ..._, ...pe }, { graphData: fe, layoutType: be, setLayoutType: we, queryStatisticsConfig: L, actionBar: x } = lt(yt), ye = typeof x == "boolean" ? x : !0, J = (x == null ? void 0 : x.position) || "left", Ce = (x == null ? void 0 : x.actionList) ?? Lt, [j, ve] = v((x == null ? void 0 : x.isExpand) ?? !1), [D, xe] = v(""), [Se, G] = v(!1), [Q, Ne] = v(k), [Le, A] = v(!1), [ke, T] = v(!1), [U, Ee] = v(null), [De, X] = v(!1), [Y, R] = v(!1), [Ie, Ve] = v("node"), z = ie(null), ee = ie(null), Pe = Array.isArray(L) ? L.length > 0 : L, [te, Oe] = v(Pe), [ne, je] = v(/* @__PURE__ */ new Set()), [oe, Ae] = v(/* @__PURE__ */ new Set());
+  st(ue, () => ({
     onPathAnalysis: () => {
-      re();
+      se();
     }
   })), at(() => {
-    ae();
+    le();
   }, [D]);
-  const ae = async (e) => {
-    const o = r.current;
-    if (!o || !D) {
-      o == null || o.fit();
+  const le = async (e) => {
+    const n = r.current;
+    if (!n || !D) {
+      n == null || n.fit();
       return;
     }
-    o == null || o.nodes().removeClass("highlight selected grayed highlighted path-node"), o.elements().removeClass("level-highlight level-selected grayed path-edge");
-    const n = o.nodes().filter((l) => {
-      const c = (l.data("name") || "").toLowerCase(), s = (l.data("role") || "").toLowerCase(), h = (l.data("dept") || "").toLowerCase(), m = String(l.data("id") || "").toLowerCase();
-      return c.includes(D.toLowerCase()) || s.includes(D.toLowerCase()) || h.includes(D.toLowerCase()) || m.includes(D.toLowerCase());
+    n == null || n.nodes().removeClass("highlight selected grayed highlighted path-node"), n.elements().removeClass("level-highlight level-selected grayed path-edge");
+    const o = n.nodes().filter((l) => {
+      const c = (l.data("name") || "").toLowerCase(), a = (l.data("role") || "").toLowerCase(), h = (l.data("dept") || "").toLowerCase(), p = String(l.data("id") || "").toLowerCase();
+      return c.includes(D.toLowerCase()) || a.includes(D.toLowerCase()) || h.includes(D.toLowerCase()) || p.includes(D.toLowerCase());
     });
-    o.nodes().removeClass("highlight"), n.addClass("highlight"), n.length === 1 ? (console.log("matchedNodes:::", n), o.animate({
+    n.nodes().removeClass("highlight"), o.addClass("highlight"), o.length === 1 ? (console.log("matchedNodes:::", o), n.animate({
       center: {
-        eles: n
+        eles: o
       },
       duration: 500
     })) : alert("未找到对应节点");
   }, Te = (e) => {
-    const o = r.current;
-    if (!o) return;
-    const n = o.zoom();
-    console.log(999, n);
+    const n = r.current;
+    if (!n) return;
+    const o = n.zoom();
+    console.log(999, o);
     let l = 0;
     switch (e) {
       case "out":
-        l = Math.max(n * 0.8, 0.1);
+        l = Math.max(o * 0.8, 0.1);
         break;
       case "in":
-        l = Math.min(n * 1.2, 3);
+        l = Math.min(o * 1.2, 3);
         break;
     }
-    o.zoom(l), o.center();
+    n.zoom(l), n.center();
   }, ze = () => {
     console.log("查询节点"), A(!0), T(!1), z.current.close();
-  }, re = () => {
+  }, se = () => {
     console.log("路径分析"), A(!1), T(!0), z.current.close();
   }, Fe = (e) => {
-    var n;
-    Ce(e);
-    const o = r.current;
-    o && (o.nodes().unlock(), Ct(r, e), e === "cose-bilkent" && ((n = b == null ? void 0 : b.searchNodes) == null ? void 0 : n.length) === 2 && vt(
-      o,
+    var o;
+    we(e);
+    const n = r.current;
+    n && (n.nodes().unlock(), Ct(r, e), e === "cose-bilkent" && ((o = b == null ? void 0 : b.searchNodes) == null ? void 0 : o.length) === 2 && vt(
+      n,
       b.searchNodes[0],
       b.searchNodes[1]
     ));
@@ -99,32 +99,32 @@ const M = (b, r) => (k) => {
   }, _e = () => {
     const e = r.current;
     if (!e) return;
-    const o = ge(e);
-    Ee(o), R(!0);
-  }, ie = (e, o) => {
-    const n = e.current;
-    if (!n) return;
+    const n = de(e);
+    Ee(n), X(!0);
+  }, ae = (e, n) => {
+    const o = e.current;
+    if (!o) return;
     const l = 2;
-    if (o === "downloadPng") {
-      const c = n.png({ scale: l, bg: "transparent", full: !0, quality: 1 });
-      pe(c, `graph_${Date.now()}.png`);
-    } else if (o === "downloadJpg") {
-      const c = n.jpg({ scale: l, bg: "#ffffff", full: !0, quality: 1 });
-      pe(c, `graph_${Date.now()}.jpg`);
+    if (n === "downloadPng") {
+      const c = o.png({ scale: l, bg: "transparent", full: !0, quality: 1 });
+      he(c, `graph_${Date.now()}.png`);
+    } else if (n === "downloadJpg") {
+      const c = o.jpg({ scale: l, bg: "#ffffff", full: !0, quality: 1 });
+      he(c, `graph_${Date.now()}.jpg`);
     }
   }, We = () => {
     const e = r.current;
     if (!e) return;
-    const o = ge(e), { nodes: n = [], edges: l = [] } = o, c = n.map((m) => {
-      var p, i;
-      const d = m.data || {}, S = d.properties || {};
+    const n = de(e), { nodes: o = [], edges: l = [] } = n, c = o.map((p) => {
+      var m, i;
+      const d = p.data || {}, S = d.properties || {};
       return {
         节点名称: d.name || d.label || "",
         节点ID: d.id || "",
         节点类型: d.types || "",
         URI: d.label || "",
-        X坐标: ((p = m.position) == null ? void 0 : p.x) || "",
-        Y坐标: ((i = m.position) == null ? void 0 : i.y) || "",
+        X坐标: ((m = p.position) == null ? void 0 : m.x) || "",
+        Y坐标: ((i = p.position) == null ? void 0 : i.y) || "",
         层级: d.level || "",
         宽度: d.baseWidth || "",
         高度: d.baseHeight || "",
@@ -132,12 +132,12 @@ const M = (b, r) => (k) => {
         属性ID: S.id || "",
         属性值: S.value || ""
       };
-    }), s = l.map((m) => {
-      var i, a, w, E;
-      const d = m.data || {}, S = ((a = (i = d.source) == null ? void 0 : i.split("/#")[0]) == null ? void 0 : a.split("/").pop()) || d.source, p = ((E = (w = d.target) == null ? void 0 : w.split("/#")[0]) == null ? void 0 : E.split("/").pop()) || d.target;
+    }), a = l.map((p) => {
+      var i, s, w, E;
+      const d = p.data || {}, S = ((s = (i = d.source) == null ? void 0 : i.split("/#")[0]) == null ? void 0 : s.split("/").pop()) || d.source, m = ((E = (w = d.target) == null ? void 0 : w.split("/#")[0]) == null ? void 0 : E.split("/").pop()) || d.target;
       return {
         源节点: S,
-        目标节点: p,
+        目标节点: m,
         源URI: d.source || "",
         目标URI: d.target || "",
         关系名称: d.name || d.label || "",
@@ -145,8 +145,8 @@ const M = (b, r) => (k) => {
       };
     }), h = P.book_new();
     if (c.length > 0) {
-      const m = P.json_to_sheet(c);
-      m["!cols"] = [
+      const p = P.json_to_sheet(c);
+      p["!cols"] = [
         { wch: 30 },
         // 节点名称
         { wch: 60 },
@@ -171,11 +171,11 @@ const M = (b, r) => (k) => {
         // 属性ID
         { wch: 40 }
         // 属性值
-      ], P.book_append_sheet(h, m, "节点");
+      ], P.book_append_sheet(h, p, "节点");
     }
-    if (s.length > 0) {
-      const m = P.json_to_sheet(s);
-      m["!cols"] = [
+    if (a.length > 0) {
+      const p = P.json_to_sheet(a);
+      p["!cols"] = [
         { wch: 30 },
         // 源节点
         { wch: 30 },
@@ -188,11 +188,11 @@ const M = (b, r) => (k) => {
         // 关系名称
         { wch: 40 }
         // 关系ID
-      ], P.book_append_sheet(h, m, "关系");
+      ], P.book_append_sheet(h, p, "关系");
     }
     ht(h, `graph_${Date.now()}.xlsx`);
-  }, Je = (e, o) => {
-    switch (e.stopPropagation(), o) {
+  }, $e = (e, n) => {
+    switch (e.stopPropagation(), n) {
       case "downloadJson":
         He();
         break;
@@ -205,140 +205,140 @@ const M = (b, r) => (k) => {
       case "previewDataList":
         break;
       case "downloadJpg":
-        ie(r, o);
+        ae(r, n);
         break;
       case "downloadPng":
-        ie(r, o);
+        ae(r, n);
         break;
     }
-  }, $e = () => {
+  }, Je = () => {
     A(!1), T(!1), z.current.open();
   }, Be = (e) => {
-    const o = r.current;
-    if (o)
-      if (o.panningEnabled(!0), e === "all")
-        o.nodes().addClass("selected"), o.nodes().select(), o.elements().select();
+    const n = r.current;
+    if (n)
+      if (n.panningEnabled(!0), e === "all")
+        n.nodes().addClass("selected"), n.nodes().select(), n.elements().select();
       else if (e === "reverse") {
-        const n = o.elements().filter(":selected"), l = o.elements().not(":selected");
-        n.length > 0 ? (n.unselect(), l.select(), n.removeClass("selected"), l.addClass("selected")) : (o.elements().select(), o.elements().addClass("selected"));
-      } else e === "click" ? (o.off("click", "node"), o.on("click", "node", (n) => {
-        const l = n.target;
-        o.nodes().removeClass("selected grayed highlighted"), o.edges().removeClass("selected grayed highlighted"), l.addClass("selected");
-        const s = l.neighborhood().nodes().add(l), h = s.edgesWith(s);
-        console.log("cy.nodes().not(relatedNodes):::", s), o.nodes().not(s).addClass("grayed"), o.edges().not(h).addClass("grayed"), s.addClass("highlighted"), h.addClass("highlighted");
-      })) : e === "box" && (console.log("进入框选模式"), o.nodes().removeClass("selected"), o.nodes().unselect(), o.elements().unselect(), o.boxSelectionEnabled(!0), o.panningEnabled(!1), o.on("boxselectstart", () => {
+        const o = n.elements().filter(":selected"), l = n.elements().not(":selected");
+        o.length > 0 ? (o.unselect(), l.select(), o.removeClass("selected"), l.addClass("selected")) : (n.elements().select(), n.elements().addClass("selected"));
+      } else e === "click" ? (n.off("click", "node"), n.on("click", "node", (o) => {
+        const l = o.target;
+        n.nodes().removeClass("selected grayed highlighted"), n.edges().removeClass("selected grayed highlighted"), l.addClass("selected");
+        const a = l.neighborhood().nodes().add(l), h = a.edgesWith(a);
+        console.log("cy.nodes().not(relatedNodes):::", a), n.nodes().not(a).addClass("grayed"), n.edges().not(h).addClass("grayed"), a.addClass("highlighted"), h.addClass("highlighted");
+      })) : e === "box" && (console.log("进入框选模式"), n.nodes().removeClass("selected"), n.nodes().unselect(), n.elements().unselect(), n.boxSelectionEnabled(!0), n.panningEnabled(!1), n.on("boxselectstart", () => {
         console.log("开始框选...");
-      }), o.on("boxselect", (n) => {
-        const l = o.elements(":selected");
-        console.log("框选完成，选中元素数：", l.length), o.elements().removeClass("selected"), l.addClass("selected");
-      }), o.on("boxselectend", () => {
-        console.log("框选结束"), o.zoomingEnabled(!0), o.panningEnabled(!0);
+      }), n.on("boxselect", (o) => {
+        const l = n.elements(":selected");
+        console.log("框选完成，选中元素数：", l.length), n.elements().removeClass("selected"), l.addClass("selected");
+      }), n.on("boxselectend", () => {
+        console.log("框选结束"), n.zoomingEnabled(!0), n.panningEnabled(!0);
       }));
   }, Ze = () => {
     const e = r.current;
     if (console.log("isShow::::"), Se)
-      U(!1), e.nodes('[types="typed-literal" ]').style("visibility", "visible"), e.edges().style("visibility", "visible");
+      G(!1), e.nodes('[types="typed-literal" ]').style("visibility", "visible"), e.edges().style("visibility", "visible");
     else {
-      U(!0);
-      const o = e.nodes('[types="typed-literal" ]');
-      o.style("visibility", "hidden"), o.connectedEdges().style("visibility", "hidden");
+      G(!0);
+      const n = e.nodes('[types="typed-literal" ]');
+      n.style("visibility", "hidden"), n.connectedEdges().style("visibility", "hidden");
     }
   }, Ke = (e) => {
-    const o = r.current;
-    if (!o) return;
-    const n = e === "out" ? Math.max(X * 0.8, 0.1) : Math.min(X * 1.2, 5);
-    Ne(n);
-    const l = o.nodes();
-    l.style("width", (c) => (c.data("baseWidth") || q) * n), l.style("height", (c) => (c.data("baseHeight") || q) * n);
-  }, Me = (e) => {
-    xe(e.content), ae(e.content);
-  }, qe = (e = "刘强东", o = "1") => {
     const n = r.current;
     if (!n) return;
-    n.elements().removeClass("level-highlight level-selected grayed path-edge");
-    const l = n.nodes().filter((p) => (p.data("name") || p.data("id") || "").toString().includes(e));
+    const o = e === "out" ? Math.max(Q * 0.8, 0.1) : Math.min(Q * 1.2, 5);
+    Ne(o);
+    const l = n.nodes();
+    l.style("width", (c) => (c.data("baseWidth") || q) * o), l.style("height", (c) => (c.data("baseHeight") || q) * o);
+  }, Me = (e) => {
+    xe(e.content), le(e.content);
+  }, qe = (e = "刘强东", n = "1") => {
+    const o = r.current;
+    if (!o) return;
+    o.elements().removeClass("level-highlight level-selected grayed path-edge");
+    const l = o.nodes().filter((m) => (m.data("name") || m.data("id") || "").toString().includes(e));
     if (l.length === 0) {
-      F.warning(`未找到节点: ${e}`);
+      H.warning(`未找到节点: ${e}`);
       return;
     }
-    const c = parseInt(o) || 1, s = n.collection(), h = [];
-    l.forEach((p) => {
-      p.addClass("level-selected"), s.merge(p);
-      let i = n.collection();
-      const a = /* @__PURE__ */ new Set();
-      a.add(p.id()), c >= 1 && (i = p.neighborhood().nodes(), i.forEach((w) => {
-        a.add(w.id()), s.merge(w);
+    const c = parseInt(n) || 1, a = o.collection(), h = [];
+    l.forEach((m) => {
+      m.addClass("level-selected"), a.merge(m);
+      let i = o.collection();
+      const s = /* @__PURE__ */ new Set();
+      s.add(m.id()), c >= 1 && (i = m.neighborhood().nodes(), i.forEach((w) => {
+        s.add(w.id()), a.merge(w);
       }), h.push(i));
       for (let w = 2; w <= c; w++) {
-        const E = n.collection();
-        i.forEach(($) => {
-          $.neighborhood().nodes().forEach((B) => {
-            a.has(B.id()) || (a.add(B.id()), E.merge(B));
+        const E = o.collection();
+        i.forEach((B) => {
+          B.neighborhood().nodes().forEach((Z) => {
+            s.has(Z.id()) || (s.add(Z.id()), E.merge(Z));
           });
-        }), E.forEach(($) => s.merge($)), h.push(E), i = E;
+        }), E.forEach((B) => a.merge(B)), h.push(E), i = E;
       }
-    }), h.forEach((p) => {
-      p.addClass("level-highlight");
-    }), n.edges().filter((p) => {
-      const i = p.source(), a = p.target();
-      return s.contains(i) && s.contains(a);
+    }), h.forEach((m) => {
+      m.addClass("level-highlight");
+    }), o.edges().filter((m) => {
+      const i = m.source(), s = m.target();
+      return a.contains(i) && a.contains(s);
     }).addClass("path-edge");
-    const d = n.elements().filter(".level-selected, .level-highlight, .path-edge");
-    n.elements().not(d).addClass("grayed"), F.success(`已高亮 "${e}" 及其 ${c} 度关联节点和连线`);
+    const d = o.elements().filter(".level-selected, .level-highlight, .path-edge");
+    o.elements().not(d).addClass("grayed"), H.success(`已高亮 "${e}" 及其 ${c} 度关联节点和连线`);
   }, Ge = (e) => {
-    const o = r.current;
-    if (!o) return;
-    const n = new Set(le);
-    n.has(e) ? (n.delete(e), o.nodes().filter((l) => l.data("type") === e).show()) : (n.add(e), o.nodes().filter((l) => l.data("type") === e).hide()), je(n);
+    const n = r.current;
+    if (!n) return;
+    const o = new Set(ne);
+    o.has(e) ? (o.delete(e), n.nodes().filter((l) => l.data("type") === e).show()) : (o.add(e), n.nodes().filter((l) => l.data("type") === e).hide()), je(o);
   }, Qe = (e) => {
-    const o = r.current;
-    if (!o) return;
-    const n = new Set(se);
-    n.has(e) ? (n.delete(e), o.edges().filter((l) => l.data("name") === e).show()) : (n.add(e), o.edges().filter((l) => l.data("name") === e).hide()), Ae(n);
+    const n = r.current;
+    if (!n) return;
+    const o = new Set(oe);
+    o.has(e) ? (o.delete(e), n.edges().filter((l) => l.data("name") === e).show()) : (o.add(e), n.edges().filter((l) => l.data("name") === e).hide()), Ae(o);
   }, Ue = () => {
     const e = r.current;
     e.remove(e.elements());
   }, Xe = () => {
-    te(!ee);
+    R(!Y);
   }, Ye = (e) => {
-    var c, s;
-    const o = r.current;
-    if (!o) return;
+    var c, a;
+    const n = r.current;
+    if (!n) return;
     console.log("saveNodeConfig values:", e), console.log("showLabel value:", e.showLabel);
-    const n = typeof e.fontColor == "object" && ((s = (c = e.fontColor) == null ? void 0 : c.toHexString) == null ? void 0 : s.call(c)) || e.fontColor, l = e.showLabel === "show";
-    console.log("showLabelValue:", l), o.nodes().forEach((h) => {
-      const m = l && (h.data("name") || h.data("label")) || "";
-      console.log("Setting node label:", m), h.style({
+    const o = typeof e.fontColor == "object" && ((a = (c = e.fontColor) == null ? void 0 : c.toHexString) == null ? void 0 : a.call(c)) || e.fontColor, l = e.showLabel === "show";
+    console.log("showLabelValue:", l), n.nodes().forEach((h) => {
+      const p = l && (h.data("name") || h.data("label")) || "";
+      console.log("Setting node label:", p), h.style({
         width: e.nodeSize,
         height: e.nodeSize,
         "font-size": e.fontSize,
-        color: n || W.nodeLabelColor,
+        color: o || $.nodeLabelColor,
         "font-weight": e.fontWeight,
         "font-style": e.fontStyle,
         "text-valign": e.textPosition,
         "text-halign": "center",
         "text-margin-y": e.textOffset,
-        label: m,
-        "text-opacity": m ? 1 : 0
+        label: p,
+        "text-opacity": p ? 1 : 0
       });
-    }), F.success("节点配置保存成功");
+    }), H.success("节点配置保存成功");
   }, Re = () => {
-    oe.current.open(we);
+    ee.current.open(fe);
   }, et = (e) => {
-    var h, m, d, S, p, i;
-    const o = r.current;
-    if (!o) return;
+    var h, p, d, S, m, i;
+    const n = r.current;
+    if (!n) return;
     console.log("saveEdgeConfig values:", e), console.log("edge showLabel value:", e.showLabel);
-    const n = typeof e.edgeColor == "object" && ((m = (h = e.edgeColor) == null ? void 0 : h.toHexString) == null ? void 0 : m.call(h)) || e.edgeColor, l = typeof e.fontColor == "object" && ((S = (d = e.fontColor) == null ? void 0 : d.toHexString) == null ? void 0 : S.call(d)) || e.fontColor, c = typeof e.labelBgColor == "object" && ((i = (p = e.labelBgColor) == null ? void 0 : p.toHexString) == null ? void 0 : i.call(p)) || e.labelBgColor, s = e.showLabel === "show";
-    o.edges().forEach((a) => {
-      const w = s && (a.data("label") || a.data("name")) || "";
-      console.log("Setting edge label:", w), a.style({
+    const o = typeof e.edgeColor == "object" && ((p = (h = e.edgeColor) == null ? void 0 : h.toHexString) == null ? void 0 : p.call(h)) || e.edgeColor, l = typeof e.fontColor == "object" && ((S = (d = e.fontColor) == null ? void 0 : d.toHexString) == null ? void 0 : S.call(d)) || e.fontColor, c = typeof e.labelBgColor == "object" && ((i = (m = e.labelBgColor) == null ? void 0 : m.toHexString) == null ? void 0 : i.call(m)) || e.labelBgColor, a = e.showLabel === "show";
+    n.edges().forEach((s) => {
+      const w = a && (s.data("label") || s.data("name")) || "";
+      console.log("Setting edge label:", w), s.style({
         width: e.edgeWidth,
-        "line-color": n || H.edgeDefaultColor,
-        "target-arrow-color": n || H.edgeDefaultColor,
+        "line-color": o || _.edgeDefaultColor,
+        "target-arrow-color": o || _.edgeDefaultColor,
         "target-arrow-shape": e.showArrow === "show" ? "triangle" : "none",
         "font-size": e.fontSize,
-        color: l || H.edgeLabelColor,
+        color: l || _.edgeLabelColor,
         "font-weight": e.fontWeight,
         "font-style": e.fontStyle,
         label: w,
@@ -347,38 +347,38 @@ const M = (b, r) => (k) => {
         "text-background-opacity": c ? 1 : 0,
         "text-background-padding": "2px"
       });
-    }), F.success("连线配置保存成功");
+    }), H.success("连线配置保存成功");
   }, tt = Ot(J, x.positionDetail), C = J === "left" || J === "right";
-  if (console.log(1e3, G, Q), !G) return null;
-  const ot = Array.isArray(L) && (L == null ? void 0 : L.length) > 0 ? L : kt, ce = () => /* @__PURE__ */ g(dt, { justify: "center", align: "middle", className: I("cursor", {
+  if (!ye) return null;
+  const nt = Array.isArray(L) && (L == null ? void 0 : L.length) > 0 ? L : kt, re = () => /* @__PURE__ */ g(dt, { justify: "center", align: "middle", className: I("cursor", {
     "oprate-btn-vertical": C,
     "oprate-btn": !C
   }), onClick: () => ve(!j), children: [
     "操作 ",
     j ? C ? /* @__PURE__ */ t(Et, {}) : /* @__PURE__ */ t(Dt, {}) : C ? /* @__PURE__ */ t(It, {}) : /* @__PURE__ */ t(Vt, {})
   ] });
-  return /* @__PURE__ */ g(Z, { children: [
+  return /* @__PURE__ */ g(K, { children: [
     /* @__PURE__ */ t("div", { className: I("graph-bar", { "graph-bar-vertical": C }), style: tt, children: /* @__PURE__ */ g("div", { className: I("graph-bar-min", {
       "graph-bar-min-vertical": C
     }), children: [
-      !C && ce(),
+      !C && re(),
       /* @__PURE__ */ t("div", { className: I({
         "graph-bar-expand-wrapper-vertical": C,
         "graph-bar-expand-wrapper": !C,
         "collapsed-vertical": !j && C,
         collapsed: !j && !C
-      }), children: Q.map(({ key: e, title: o, icon: n, onClick: l }) => {
-        var m, d, S, p;
-        const c = () => n && n.length > 0 ? n.length > 1 ? /* @__PURE__ */ t(y, { gap: "5px", children: n.map((i, a) => e === "nodeZoom" ? K.cloneElement(i, {
-          onClick: () => Ke(a === 0 ? "in" : "out"),
-          key: a
-        }) : e === "canvasZoom" ? K.cloneElement(i, {
-          onClick: () => Te(a === 0 ? "in" : "out"),
-          key: a
-        }) : K.cloneElement(i, { key: a })) }) : /* @__PURE__ */ t(y, { gap: "5px", children: n }) : null, s = (i) => {
+      }), children: Ce.map(({ key: e, title: n, icon: o, onClick: l }) => {
+        var p, d, S, m;
+        const c = () => o && o.length > 0 ? o.length > 1 ? /* @__PURE__ */ t(y, { gap: "5px", children: o.map((i, s) => e === "nodeZoom" ? F.cloneElement(i, {
+          onClick: () => Ke(s === 0 ? "in" : "out"),
+          key: s
+        }) : e === "canvasZoom" ? F.cloneElement(i, {
+          onClick: () => Te(s === 0 ? "in" : "out"),
+          key: s
+        }) : F.cloneElement(i, { key: s })) }) : /* @__PURE__ */ t(y, { gap: "5px", children: o.map((i, s) => F.cloneElement(i, { key: `${e}-icon-${s}` })) }) : null, a = (i) => {
           switch (console.log(444, e, i), e) {
             case "queryStatistics":
-              Oe(!ne);
+              Oe(!te);
               break;
             case "graphDisplaySettings":
               Xe();
@@ -400,63 +400,63 @@ const M = (b, r) => (k) => {
           let i = [];
           switch (e) {
             case "layout":
-              i = (m = ft) == null ? void 0 : m.map((a) => ({
-                ...a,
-                label: /* @__PURE__ */ t("div", { className: I({ "text-[#145afd]": ye === a.key }), onClick: M(Fe, a.key), children: a.label })
+              i = (p = ft) == null ? void 0 : p.map((s) => ({
+                ...s,
+                label: /* @__PURE__ */ t("div", { className: I({ "text-[#145afd]": be === s.key }), onClick: M(Fe, s.key), children: s.label })
               }));
               break;
             case "analysis":
-              i = ut.map((a) => ({
-                ...a,
+              i = ut.map((s) => ({
+                ...s,
                 label: /* @__PURE__ */ t("div", { onClick: (w) => {
-                  switch (w.stopPropagation(), a.key) {
+                  switch (w.stopPropagation(), s.key) {
                     case "query":
                       ze();
                       break;
                     case "link":
-                      $e();
+                      Je();
                       break;
                     case "path":
-                      re();
+                      se();
                       break;
                   }
-                }, children: a.label })
+                }, children: s.label })
               }));
               break;
             case "select":
-              i = (d = mt) == null ? void 0 : d.map((a) => ({ ...a, label: /* @__PURE__ */ t("div", { onClick: M(Be, a.key), children: a.label }) }));
+              i = (d = pt) == null ? void 0 : d.map((s) => ({ ...s, label: /* @__PURE__ */ t("div", { onClick: M(Be, s.key), children: s.label }) }));
               break;
             case "downloadData":
-              i = (S = pt) == null ? void 0 : S.map((a) => ({ ...a, label: /* @__PURE__ */ t("div", { onClick: (w) => Je(w, a.key), children: a.label }) }));
+              i = (S = mt) == null ? void 0 : S.map((s) => ({ ...s, label: /* @__PURE__ */ t("div", { onClick: (w) => $e(w, s.key), children: s.label }) }));
               break;
             case "textPosition":
-              i = (p = ue) == null ? void 0 : p.map((a) => ({ ...a, label: /* @__PURE__ */ t("div", { onClick: M(() => gt(r, a.key), a.key), children: a.label }) }));
+              i = (m = me) == null ? void 0 : m.map((s) => ({ ...s, label: /* @__PURE__ */ t("div", { onClick: M(() => gt(r, s.key), s.key), children: s.label }) }));
               break;
           }
           return /* @__PURE__ */ t(rt, { trigger: ["hover"], placement: C ? "bottomRight" : "bottom", menu: { items: i }, children: /* @__PURE__ */ g(y, { wrap: !0, align: "center", justify: "center", className: "hove-active cursor bar-item", children: [
             c(),
-            /* @__PURE__ */ t(y, { className: "w-100", justify: "center", children: o })
+            /* @__PURE__ */ t(y, { className: "w-100", justify: "center", children: n })
           ] }) }, e);
         }
-        return /* @__PURE__ */ g(y, { wrap: !0, align: "center", justify: "center", className: "hove-active cursor bar-item", onClick: () => s(l), children: [
+        return /* @__PURE__ */ g(y, { wrap: !0, align: "center", justify: "center", className: "hove-active cursor bar-item", onClick: () => a(l), children: [
           c(),
-          /* @__PURE__ */ t(y, { className: "w-100", justify: "center", children: o })
+          /* @__PURE__ */ t(y, { className: "w-100", justify: "center", children: n })
         ] }, e);
       }) }),
-      C && ce()
+      C && re()
     ] }) }),
     /* @__PURE__ */ t(xt, { isVisible: Le, searchChange: (e) => Me(e), closeQuery: () => A(!1) }),
-    /* @__PURE__ */ t(St, { isVisible: ke, analysis: (e) => bt(r, { nodes: e.map((o) => ({ id: o })) }), closePath: () => T(!1) }),
+    /* @__PURE__ */ t(St, { isVisible: ke, analysis: (e) => bt(r, { nodes: e.map((n) => ({ id: n })) }), closePath: () => T(!1) }),
     /* @__PURE__ */ t(Nt, { ref: z, onLevelClick: qe }),
     /* @__PURE__ */ t(
       it,
       {
         title: "JSON预览",
         open: De,
-        onCancel: () => R(!1),
+        onCancel: () => X(!1),
         footer: null,
         width: 800,
-        children: /* @__PURE__ */ t("pre", { style: { maxHeight: "60vh", overflow: "auto", background: "#f5f5f5", padding: "16px", borderRadius: "4px" }, children: Y ? JSON.stringify(Y, null, 2) : "暂无数据" })
+        children: /* @__PURE__ */ t("pre", { style: { maxHeight: "60vh", overflow: "auto", background: "#f5f5f5", padding: "16px", borderRadius: "4px" }, children: U ? JSON.stringify(U, null, 2) : "暂无数据" })
       }
     ),
     /* @__PURE__ */ t(
@@ -464,8 +464,8 @@ const M = (b, r) => (k) => {
       {
         title: "图显示设置",
         placement: "right",
-        open: ee,
-        onClose: () => te(!1),
+        open: Y,
+        onClose: () => R(!1),
         mask: !1,
         size: 300,
         styles: {
@@ -475,7 +475,7 @@ const M = (b, r) => (k) => {
         },
         getContainer: !1,
         children: /* @__PURE__ */ t(
-          he,
+          ce,
           {
             activeKey: Ie,
             onChange: Ve,
@@ -485,66 +485,66 @@ const M = (b, r) => (k) => {
               {
                 label: "节点设置",
                 key: "node",
-                children: /* @__PURE__ */ t(jt, { onSave: Ye, colors: W })
+                children: /* @__PURE__ */ t(jt, { onSave: Ye, colors: $ })
               },
               {
                 label: "连线设置",
                 key: "edge",
-                children: /* @__PURE__ */ t(At, { onSave: et, colors: W })
+                children: /* @__PURE__ */ t(At, { onSave: et, colors: $ })
               }
             ]
           }
         )
       }
     ),
-    /* @__PURE__ */ t(Pt, { ref: oe }),
+    /* @__PURE__ */ t(Pt, { ref: ee }),
     /* @__PURE__ */ t("div", { className: I("gtaph-statics absolute", {
-      hidden: !ne
+      hidden: !te
     }), children: /* @__PURE__ */ t(
-      he,
+      ce,
       {
-        items: ot.map(({ key: e, label: o }) => {
-          var n, l, c;
+        items: nt.map(({ key: e, label: n }) => {
+          var o, l, c;
           return e === "entity" ? {
-            label: o,
+            label: n,
             key: e,
-            children: /* @__PURE__ */ t(Z, { children: Object.keys(N).length > 0 ? /* @__PURE__ */ g("div", { children: [
+            children: /* @__PURE__ */ t(K, { children: Object.keys(N).length > 0 ? /* @__PURE__ */ g("div", { children: [
               /* @__PURE__ */ g(y, { justify: "space-between", className: "font-12", children: [
                 /* @__PURE__ */ t("span", { children: "实体数量：" }),
-                /* @__PURE__ */ t("span", { children: Object.values(N).reduce((s, h) => s + h.count, 0) })
+                /* @__PURE__ */ t("span", { children: Object.values(N).reduce((a, h) => a + h.count, 0) })
               ] }),
               /* @__PURE__ */ g(y, { className: "my-4px font-12", justify: "space-between", children: [
                 /* @__PURE__ */ t("span", { children: "实体类型：" }),
                 /* @__PURE__ */ t("span", { children: Object.keys(N).length })
               ] }),
-              /* @__PURE__ */ t(y, { gap: "5px", justify: "start", className: "w-100 static-wraper", wrap: !0, children: Object.keys(N).map((s) => /* @__PURE__ */ g(y, { gap: "4px", justify: "space-between", className: `w-100 cursor ${le.has(s) ? "opacity-30" : ""}`, onClick: () => Ge(s), children: [
+              /* @__PURE__ */ t(y, { gap: "5px", justify: "start", className: "w-100 static-wraper", wrap: !0, children: Object.keys(N).map((a) => /* @__PURE__ */ g(y, { gap: "4px", justify: "space-between", className: `w-100 cursor ${ne.has(a) ? "opacity-30" : ""}`, onClick: () => Ge(a), children: [
                 /* @__PURE__ */ g(y, { align: "center", gap: "2px", children: [
-                  /* @__PURE__ */ t("img", { className: "w-20px rounded-50", src: N[s].img, alt: "" }),
-                  s,
+                  /* @__PURE__ */ t("img", { className: "w-20px rounded-50", src: N[a].img, alt: "" }),
+                  a,
                   "："
                 ] }),
-                /* @__PURE__ */ t("span", { className: "color-333", children: N[s].count })
-              ] }, s)) })
+                /* @__PURE__ */ t("span", { className: "color-333", children: N[a].count })
+              ] }, a)) })
             ] }) : /* @__PURE__ */ t("span", { className: "text-666", children: "暂无实体统计！" }) })
           } : e === "relation" ? {
-            label: o,
+            label: n,
             key: e,
-            children: /* @__PURE__ */ t(Z, { children: ((n = Object.keys(V)) == null ? void 0 : n.length) > 0 ? /* @__PURE__ */ g("div", { children: [
+            children: /* @__PURE__ */ t(K, { children: ((o = Object.keys(V)) == null ? void 0 : o.length) > 0 ? /* @__PURE__ */ g("div", { children: [
               /* @__PURE__ */ g(y, { justify: "space-between", className: "font-12", children: [
                 /* @__PURE__ */ t("span", { children: "关系数量：" }),
                 /* @__PURE__ */ t("span", { children: (l = Object.keys(V)) == null ? void 0 : l.length })
               ] }),
               /* @__PURE__ */ g(y, { className: "my-4px font-12", justify: "space-between", children: [
                 /* @__PURE__ */ t("span", { children: "关系类型：" }),
-                /* @__PURE__ */ t("span", { children: (c = Object.values(V)) == null ? void 0 : c.reduce((s, h) => s + h, 0) })
+                /* @__PURE__ */ t("span", { children: (c = Object.values(V)) == null ? void 0 : c.reduce((a, h) => a + h, 0) })
               ] }),
-              /* @__PURE__ */ t(y, { gap: "5px", justify: "start", className: "w-100 static-wraper", wrap: !0, children: Object.keys(V).map((s) => /* @__PURE__ */ g(y, { gap: "4px", justify: "space-between", className: `w-100 cursor ${se.has(s) ? "opacity-30" : ""}`, onClick: () => Qe(s), children: [
+              /* @__PURE__ */ t(y, { gap: "5px", justify: "start", className: "w-100 static-wraper", wrap: !0, children: Object.keys(V).map((a) => /* @__PURE__ */ g(y, { gap: "4px", justify: "space-between", className: `w-100 cursor ${oe.has(a) ? "opacity-30" : ""}`, onClick: () => Qe(a), children: [
                 /* @__PURE__ */ g("span", { children: [
-                  s,
+                  a,
                   "："
                 ] }),
-                /* @__PURE__ */ t("span", { className: "color-333", children: V[s] })
-              ] }, s)) })
+                /* @__PURE__ */ t("span", { className: "color-333", children: V[a] })
+              ] }, a)) })
             ] }) : /* @__PURE__ */ t("span", { className: "text-666", children: "暂无关系统计！" }) })
           } : null;
         })
@@ -560,9 +560,9 @@ const M = (b, r) => (k) => {
         /* @__PURE__ */ t(u.Option, { value: "show", children: "显示" }),
         /* @__PURE__ */ t(u.Option, { value: "hide", children: "隐藏" })
       ] }) }),
-      /* @__PURE__ */ t(f.Item, { label: "字体位置", name: "textPosition", initialValue: "bottom", children: /* @__PURE__ */ t(u, { children: ue.map((N) => /* @__PURE__ */ t(u.Option, { value: N.key, children: N.label }, N.key)) }) }),
+      /* @__PURE__ */ t(f.Item, { label: "字体位置", name: "textPosition", initialValue: "bottom", children: /* @__PURE__ */ t(u, { children: me.map((N) => /* @__PURE__ */ t(u.Option, { value: N.key, children: N.label }, N.key)) }) }),
       /* @__PURE__ */ t(f.Item, { label: "字体偏移", name: "textOffset", initialValue: 5, children: /* @__PURE__ */ t(O, { type: "number", placeholder: "请输入字体偏移量" }) }),
-      /* @__PURE__ */ t(f.Item, { label: "字体颜色", name: "fontColor", initialValue: r.nodeLabelColor, children: /* @__PURE__ */ t(_, { showText: !0 }) }),
+      /* @__PURE__ */ t(f.Item, { label: "字体颜色", name: "fontColor", initialValue: r.nodeLabelColor, children: /* @__PURE__ */ t(W, { showText: !0 }) }),
       /* @__PURE__ */ t(f.Item, { label: "字体大小", name: "fontSize", initialValue: r.nodeLabelFontSize, children: /* @__PURE__ */ t(O, { type: "number", placeholder: "请输入字体大小" }) }),
       /* @__PURE__ */ t(f.Item, { label: "字体粗细", name: "fontWeight", initialValue: "normal", children: /* @__PURE__ */ g(u, { children: [
         /* @__PURE__ */ t(u.Option, { value: "normal", children: "常规" }),
@@ -574,7 +574,7 @@ const M = (b, r) => (k) => {
         /* @__PURE__ */ t(u.Option, { value: "italic", children: "斜体" })
       ] }) })
     ] }),
-    /* @__PURE__ */ t("div", { className: "setting-form-footer", children: /* @__PURE__ */ t(f.Item, { children: /* @__PURE__ */ t(me, { type: "primary", htmlType: "submit", block: !0, children: "保存节点配置" }) }) })
+    /* @__PURE__ */ t("div", { className: "setting-form-footer", children: /* @__PURE__ */ t(f.Item, { children: /* @__PURE__ */ t(ge, { type: "primary", htmlType: "submit", block: !0, children: "保存节点配置" }) }) })
   ] });
 }, At = ({ onSave: b, colors: r }) => {
   const [k] = f.useForm();
@@ -585,13 +585,13 @@ const M = (b, r) => (k) => {
         /* @__PURE__ */ t(u.Option, { value: "show", children: "显示" }),
         /* @__PURE__ */ t(u.Option, { value: "hide", children: "隐藏" })
       ] }) }),
-      /* @__PURE__ */ t(f.Item, { label: "连线颜色", name: "edgeColor", initialValue: r.edgeDefaultColor, children: /* @__PURE__ */ t(_, { showText: !0 }) }),
+      /* @__PURE__ */ t(f.Item, { label: "连线颜色", name: "edgeColor", initialValue: r.edgeDefaultColor, children: /* @__PURE__ */ t(W, { showText: !0 }) }),
       /* @__PURE__ */ t(f.Item, { label: "显示标签", name: "showLabel", initialValue: "show", children: /* @__PURE__ */ g(u, { children: [
         /* @__PURE__ */ t(u.Option, { value: "show", children: "显示" }),
         /* @__PURE__ */ t(u.Option, { value: "hide", children: "隐藏" })
       ] }) }),
       /* @__PURE__ */ t(f.Item, { label: "字体大小", name: "fontSize", initialValue: r.edgeLabelFontSize, children: /* @__PURE__ */ t(O, { type: "number", placeholder: "请输入字体大小" }) }),
-      /* @__PURE__ */ t(f.Item, { label: "字体颜色", name: "fontColor", initialValue: r.edgeLabelColor, children: /* @__PURE__ */ t(_, { showText: !0 }) }),
+      /* @__PURE__ */ t(f.Item, { label: "字体颜色", name: "fontColor", initialValue: r.edgeLabelColor, children: /* @__PURE__ */ t(W, { showText: !0 }) }),
       /* @__PURE__ */ t(f.Item, { label: "字体粗细", name: "fontWeight", initialValue: "normal", children: /* @__PURE__ */ g(u, { children: [
         /* @__PURE__ */ t(u.Option, { value: "normal", children: "常规" }),
         /* @__PURE__ */ t(u.Option, { value: "bold", children: "粗体" })
@@ -600,9 +600,9 @@ const M = (b, r) => (k) => {
         /* @__PURE__ */ t(u.Option, { value: "normal", children: "默认" }),
         /* @__PURE__ */ t(u.Option, { value: "italic", children: "斜体" })
       ] }) }),
-      /* @__PURE__ */ t(f.Item, { label: "标签背景色", name: "labelBgColor", initialValue: "#ffffff", children: /* @__PURE__ */ t(_, { showText: !0 }) })
+      /* @__PURE__ */ t(f.Item, { label: "标签背景色", name: "labelBgColor", initialValue: "#ffffff", children: /* @__PURE__ */ t(W, { showText: !0 }) })
     ] }),
-    /* @__PURE__ */ t("div", { className: "setting-form-footer", children: /* @__PURE__ */ t(f.Item, { children: /* @__PURE__ */ t(me, { type: "primary", htmlType: "submit", block: !0, children: "保存连线配置" }) }) })
+    /* @__PURE__ */ t("div", { className: "setting-form-footer", children: /* @__PURE__ */ t(f.Item, { children: /* @__PURE__ */ t(ge, { type: "primary", htmlType: "submit", block: !0, children: "保存连线配置" }) }) })
   ] });
 };
 export {