react-kggraph 0.0.16 → 0.0.18

package/lib/index.es7.js

@@ -1,324 +1,592 @@
-import { message as C } from "antd";
+import { jsxs as f, Fragment as $, jsx as o } from "react/jsx-runtime";
+import Z, { forwardRef as Ge, useContext as Ue, useState as y, useRef as Xe, useImperativeHandle as Ye, useEffect as Be } from "react";
+/* empty css           */
+import { Dropdown as Re, Flex as x, Modal as et, Drawer as tt, Tabs as re, Form as u, Input as I, Select as m, ColorPicker as A, Button as de, message as T } from "antd";
+import { utils as E, writeFile as ot } from "./index.es18.js";
+import { textPositionConfig as he, textLayout as lt, downloadData as nt, choiceConfig as st, linkAnalysis as at, layoutCongig as rt, handleCalcPath as it, getCyData as ie, donwnGraphData as ct } from "./index.es8.js";
+import { GraphContext as dt } from "./index.es15.js";
+import { layout as ht, fixNodesToEdges as gt } from "./index.es9.js";
+import { defaultColors as z } from "./index.es10.js";
+import mt from "./index.es19.js";
+import ut from "./index.es20.js";
+import pt from "./index.es21.js";
 import j from "./index.es22.js";
-import I from "./index.es23.js";
-import P from "./index.es24.js";
-import $ from "./index.es25.js";
-import D from "./index.es26.js";
-import J from "./index.es27.js";
-import N from "./index.es28.js";
-import R from "./index.es29.js";
-import q from "./index.es30.js";
-import A from "./index.es31.js";
-import B from "./index.es32.js";
-import { jsonStringifyParse as U } from "./index.es11.js";
-const L = [j, I, P, $, D, J, N, R, q, A], G = (c) => {
-  let o = {};
-  const s = {}, e = [];
-  return c.forEach((n) => {
-    var a;
-    const { group: d } = n;
-    if (d === "nodes") {
-      const r = n.data, l = (a = r.properties) == null ? void 0 : a.type, i = r.type;
-      !i && l === "uri" || (!e.includes(i) && l === "uri" ? (e.push(i), o = { ...o, [i]: { ...o[i], count: 1, img: r.image } }) : l === "uri" && i && (o = { ...o, [i]: { ...o[i], img: r.image, count: o[i].count + 1 } }));
-    } else if (d === "edges") {
-      const r = n.data, { label: l } = r;
-      s[l] ? s[l] = s[l] + 1 : s[l] = 1;
-    } else
-      console.log("nonono");
-  }), {
-    typeListArr: e,
-    typeListObj: o,
-    relationListObj: s
-  };
-}, te = (c, { graphData: o = [], typeObj: s, zktype: e, graphInfo: n = {} }) => {
-  let d = U(s);
-  const a = Object.keys(s), r = n.searchNodes || [], l = new Set(
-    (o == null ? void 0 : o.map((g) => {
-      var t, m, h;
-      return g.group === "nodes" ? (t = g.data) == null ? void 0 : t.id : ((m = g.data) == null ? void 0 : m.source) + "-" + ((h = g.data) == null ? void 0 : h.target);
-    }).filter(Boolean)) || []
-  ), { nodes: i = [], links: p = [] } = c || {}, y = [], k = (g) => {
-    g.forEach((t) => {
-      var m, h;
-      if (!l.has(t.id)) {
-        const v = (m = t.properties) == null ? void 0 : m.type, f = t.type, E = t.label.split("#").pop();
-        let w = -1;
-        if (!f && v === "uri")
-          w = t.image || L[0];
-        else if (!a.includes(f) && v === "uri") {
-          a.push(f);
-          const O = a.indexOf(f);
-          w = t.image || L[O] || L[0], d = { ...d, [f]: { ...d[f], img: w } };
-        } else v === "uri" && f && (w = (h = d[f]) == null ? void 0 : h.img);
-        const S = {
-          ...t,
-          name: E,
-          "properties-type": v,
-          image: r.includes(E) ? B : w,
-          baseWidth: 80,
-          // 保存基础宽度
-          baseHeight: 80
-          // 保存基础高度
-        };
-        y.push({ group: "nodes", data: S });
-      }
-    });
-  };
-  ((g) => {
-    g.forEach((t) => {
-      const { label: m } = t, h = `${t.source}-${t.target}`;
-      l.has(h) || y.push({ group: "edges", data: { ...t, name: m, zktype: e } });
+import { downloadFile as ce } from "./index.es12.js";
+import { actionList as ft } from "./index.es4.js";
+const q = (b, r) => (S) => {
+  S.stopPropagation(), b == null || b(r || "");
+}, bt = (b) => {
+  if (!b)
+    return { bottom: 20, right: 20 };
+  if (typeof b == "string")
+    switch (b) {
+      case "top":
+        return { top: 20, left: "50%", transform: "translateX(-50%)" };
+      case "bottom":
+        return { bottom: 20, left: "50%", transform: "translateX(-50%)" };
+      case "left":
+        return { top: "50%", left: 20, transform: "translateY(-50%)" };
+      case "right":
+        return { top: "50%", right: 20, transform: "translateY(-50%)" };
+      case "top-left":
+        return { top: 20, left: 20 };
+      case "top-right":
+        return { top: 20, right: 20 };
+      case "bottom-left":
+        return { bottom: 20, left: 20 };
+      case "bottom-right":
+      default:
+        return { bottom: 20, right: 20 };
+    }
+  return b;
+}, At = Ge(({
+  graphInfo: b,
+  cyRef: r,
+  initNodeScale: S,
+  typeObj: v,
+  relationObj: D,
+  colors: ge,
+  actionBar: L
+}, me) => {
+  var ne, se, ae;
+  const F = L == null ? void 0 : L.position, K = (L == null ? void 0 : L.actionList) ?? ft, H = { ...z, ...ge }, { layoutType: ue, setLayoutType: pe } = Ue(dt), [k, fe] = y(""), [be, M] = y(!1), [Q, we] = y(S), [ye, V] = y(!1), [Ce, P] = y(!1), [G, ve] = y(null), [xe, U] = y(!1), [X, Y] = y(!1), [Se, Ne] = y("node"), O = Xe(null), [B, Le] = y(!0), [R, ke] = y(/* @__PURE__ */ new Set()), [ee, De] = y(/* @__PURE__ */ new Set());
+  Ye(me, () => ({
+    onPathAnalysis: () => {
+      oe();
+    }
+  })), Be(() => {
+    te();
+  }, [k]);
+  const te = async (e) => {
+    const t = r.current;
+    if (!t || !k) {
+      t == null || t.nodes().removeClass("highlight"), t == null || t.fit();
+      return;
+    }
+    const l = t.nodes().filter((n) => {
+      const c = (n.data("name") || "").toLowerCase(), d = (n.data("role") || "").toLowerCase(), p = (n.data("dept") || "").toLowerCase(), g = String(n.data("id") || "").toLowerCase();
+      return c.includes(k.toLowerCase()) || d.includes(k.toLowerCase()) || p.includes(k.toLowerCase()) || g.includes(k.toLowerCase());
     });
-  })(p), k(i);
-  const { typeListObj: u, relationListObj: x } = G([...y, ...o]);
-  return {
-    elements: y,
-    typeListObj: u,
-    relationListObj: x
-  };
-}, oe = (c, o) => {
-  const s = c.current;
-  if (!s) return;
-  let e = {
-    color: "#000"
-  };
-  switch (o) {
-    case "center":
-      e = {
-        "text-halign": "center",
-        "text-valign": "center"
-        // 'color': '#fff',
-      };
-      break;
-    case "left":
-      e = {
-        ...e,
-        "text-halign": "left",
-        "text-valign": "center",
-        "text-margin-x": "-5px"
-      };
-      break;
-    case "right":
-      e = {
-        ...e,
-        "text-halign": "right",
-        "text-valign": "center",
-        "text-margin-x": "5px"
-      };
-      break;
-    case "top":
-      e = {
-        ...e,
-        "text-halign": "center",
-        "text-valign": "top",
-        "text-margin-y": "-5px"
+    t.nodes().removeClass("highlight"), l.addClass("highlight"), l.length === 1 ? (console.log("matchedNodes:::", l), t.animate({
+      center: {
+        eles: l
+      },
+      duration: 500
+    })) : alert("未找到对应节点");
+  }, Ee = (e) => {
+    const t = r.current;
+    if (!t) return;
+    const l = t.zoom();
+    console.log(999, l);
+    let n = 0;
+    switch (e) {
+      case "out":
+        n = Math.max(l * 0.8, 0.1);
+        break;
+      case "in":
+        n = Math.min(l * 1.2, 3);
+        break;
+    }
+    t.zoom(n), t.center();
+  }, Ie = () => {
+    console.log("查询节点"), V(!0), P(!1), O.current.close();
+  }, oe = () => {
+    console.log("路径分析"), V(!1), P(!0), O.current.close();
+  }, Ve = (e) => {
+    var l;
+    pe(e);
+    const t = r.current;
+    t && (t.nodes().unlock(), ht(r, e), e === "cose-bilkent" && ((l = b == null ? void 0 : b.searchNodes) == null ? void 0 : l.length) === 2 && gt(
+      t,
+      b.searchNodes[0],
+      b.searchNodes[1]
+    ));
+  }, Pe = () => {
+    const e = r.current;
+    e && ct(e);
+  }, Oe = () => {
+    const e = r.current;
+    if (!e) return;
+    const t = ie(e);
+    ve(t), U(!0);
+  }, le = (e, t) => {
+    const l = e.current;
+    if (!l) return;
+    const n = 2;
+    if (t === "downloadPng") {
+      const c = l.png({ scale: n, bg: "transparent", full: !0, quality: 1 });
+      ce(c, `graph_${Date.now()}.png`);
+    } else if (t === "downloadJpg") {
+      const c = l.jpg({ scale: n, bg: "#ffffff", full: !0, quality: 1 });
+      ce(c, `graph_${Date.now()}.jpg`);
+    }
+  }, Te = () => {
+    const e = r.current;
+    if (!e) return;
+    const t = ie(e), { nodes: l = [], edges: n = [] } = t, c = l.map((g) => {
+      var h, a;
+      const i = g.data || {}, C = i.properties || {};
+      return {
+        节点名称: i.name || i.label || "",
+        节点ID: i.id || "",
+        节点类型: i.types || "",
+        URI: i.label || "",
+        X坐标: ((h = g.position) == null ? void 0 : h.x) || "",
+        Y坐标: ((a = g.position) == null ? void 0 : a.y) || "",
+        层级: i.level || "",
+        宽度: i.baseWidth || "",
+        高度: i.baseHeight || "",
+        图片: i.image || "",
+        属性ID: C.id || "",
+        属性值: C.value || ""
       };
-      break;
-    case "bottom":
-      e = {
-        ...e,
-        "text-halign": "center",
-        "text-valign": "bottom",
-        "text-margin-y": "5px"
+    }), d = n.map((g) => {
+      var a, s, w, N;
+      const i = g.data || {}, C = ((s = (a = i.source) == null ? void 0 : a.split("/#")[0]) == null ? void 0 : s.split("/").pop()) || i.source, h = ((N = (w = i.target) == null ? void 0 : w.split("/#")[0]) == null ? void 0 : N.split("/").pop()) || i.target;
+      return {
+        源节点: C,
+        目标节点: h,
+        源URI: i.source || "",
+        目标URI: i.target || "",
+        关系名称: i.name || i.label || "",
+        关系ID: i.id || ""
       };
-      break;
-  }
-  s.nodes().style(e), s.style().update();
-}, ne = async (c, { pathNodes: o, isGrayed: s = !0 }) => {
-  const e = c.current;
-  if (!e)
-    return;
-  if ((o == null ? void 0 : o.length) < 2) {
-    C.warning("请至少设置 2 个路径节点！");
-    return;
-  }
-  if ([...new Set(o)].length !== o.length) {
-    C.warning("路径中存在重复节点，请检查！");
-    return;
-  }
-  const d = [];
-  for (const a of o) {
-    const r = e.nodes().filter((l) => l.data("name") === a);
-    if (r.length > 0)
-      d.push(r.id());
+    }), p = E.book_new();
+    if (c.length > 0) {
+      const g = E.json_to_sheet(c);
+      g["!cols"] = [
+        { wch: 30 },
+        // 节点名称
+        { wch: 60 },
+        // 节点ID
+        { wch: 15 },
+        // 节点类型
+        { wch: 50 },
+        // URI
+        { wch: 12 },
+        // X坐标
+        { wch: 12 },
+        // Y坐标
+        { wch: 8 },
+        // 层级
+        { wch: 8 },
+        // 宽度
+        { wch: 8 },
+        // 高度
+        { wch: 40 },
+        // 图片
+        { wch: 50 },
+        // 属性ID
+        { wch: 40 }
+        // 属性值
+      ], E.book_append_sheet(p, g, "节点");
+    }
+    if (d.length > 0) {
+      const g = E.json_to_sheet(d);
+      g["!cols"] = [
+        { wch: 30 },
+        // 源节点
+        { wch: 30 },
+        // 目标节点
+        { wch: 60 },
+        // 源URI
+        { wch: 60 },
+        // 目标URI
+        { wch: 15 },
+        // 关系名称
+        { wch: 40 }
+        // 关系ID
+      ], E.book_append_sheet(p, g, "关系");
+    }
+    ot(p, `graph_${Date.now()}.xlsx`);
+  }, ze = (e, t) => {
+    switch (e.stopPropagation(), t) {
+      case "downloadJson":
+        Pe();
+        break;
+      case "previewJsonList":
+        Oe();
+        break;
+      case "downloadExcel":
+        Te();
+        break;
+      case "previewDataList":
+        break;
+      case "downloadJpg":
+        le(r, t);
+        break;
+      case "downloadPng":
+        le(r, t);
+        break;
+    }
+  }, je = () => {
+    V(!1), P(!1), O.current.open();
+  }, Ae = (e) => {
+    const t = r.current;
+    if (t)
+      if (t.panningEnabled(!0), e === "all")
+        t.nodes().addClass("selected"), t.nodes().select(), t.elements().select();
+      else if (e === "reverse") {
+        const l = t.elements().filter(":selected"), n = t.elements().not(":selected");
+        l.length > 0 ? (l.unselect(), n.select(), l.removeClass("selected"), n.addClass("selected")) : (t.elements().select(), t.elements().addClass("selected"));
+      } else e === "click" ? (t.off("click", "node"), t.on("click", "node", (l) => {
+        const n = l.target;
+        t.nodes().removeClass("selected grayed highlighted"), t.edges().removeClass("selected grayed highlighted"), n.addClass("selected");
+        const d = n.neighborhood().nodes().add(n), p = d.edgesWith(d);
+        console.log("cy.nodes().not(relatedNodes):::", d), t.nodes().not(d).addClass("grayed"), t.edges().not(p).addClass("grayed"), d.addClass("highlighted"), p.addClass("highlighted");
+      })) : e === "box" && (console.log("进入框选模式"), t.nodes().removeClass("selected"), t.nodes().unselect(), t.elements().unselect(), t.boxSelectionEnabled(!0), t.panningEnabled(!1), t.on("boxselectstart", () => {
+        console.log("开始框选...");
+      }), t.on("boxselect", (l) => {
+        const n = t.elements(":selected");
+        console.log("框选完成，选中元素数：", n.length), t.elements().removeClass("selected"), n.addClass("selected");
+      }), t.on("boxselectend", () => {
+        console.log("框选结束"), t.zoomingEnabled(!0), t.panningEnabled(!0);
+      }));
+  }, Fe = () => {
+    const e = r.current;
+    if (console.log("isShow::::"), be)
+      M(!1), e.nodes('[types="typed-literal" ]').style("visibility", "visible"), e.edges().style("visibility", "visible");
     else {
-      e.nodes().removeClass("path-node"), e.edges().removeClass("path-edge"), C.warning(`找不到节点：${a}`);
+      M(!0);
+      const t = e.nodes('[types="typed-literal" ]');
+      t.style("visibility", "hidden"), t.connectedEdges().style("visibility", "hidden");
+    }
+  }, He = (e) => {
+    const t = r.current;
+    if (!t) return;
+    const l = e === "out" ? Math.max(Q * 0.8, 0.1) : Math.min(Q * 1.2, 5);
+    we(l);
+    const n = t.nodes();
+    n.style("width", (c) => (c.data("baseWidth") || 80) * l), n.style("height", (c) => (c.data("baseHeight") || 80) * l);
+  }, _e = (e) => {
+    fe(e.content), te(e.content);
+  }, We = (e = "刘强东", t = "1") => {
+    const l = r.current;
+    if (!l) return;
+    l.elements().removeClass("level-highlight level-selected level-grayed level-highlightedge");
+    const n = l.nodes().filter((h) => (h.data("name") || h.data("id") || "").toString().includes(e));
+    if (n.length === 0) {
+      T.warning(`未找到节点: ${e}`);
       return;
     }
-  }
-  try {
-    e.nodes().removeClass("path-node").removeClass("grayed"), e.edges().removeClass("path-edge").removeClass("grayed");
-    let a = e.collection(), r = 0, l = !0;
-    const i = [];
-    for (let p = 0; p < d.length - 1; p++) {
-      const y = d[p], k = d[p + 1], b = e.getElementById(y), u = e.getElementById(k), x = b.edgesWith(u).filter(function(t) {
-        return t.data("source") === y && t.data("target") === k;
-      }), g = u.edgesWith(b).filter(function(t) {
-        return t.data("source") === k && t.data("target") === y;
+    const c = parseInt(t) || 1, d = l.collection(), p = [];
+    n.forEach((h) => {
+      h.addClass("level-selected"), d.merge(h);
+      let a = l.collection();
+      const s = /* @__PURE__ */ new Set();
+      s.add(h.id()), c >= 1 && (a = h.neighborhood().nodes(), a.forEach((w) => {
+        s.add(w.id()), d.merge(w);
+      }), p.push(a));
+      for (let w = 2; w <= c; w++) {
+        const N = l.collection();
+        a.forEach((W) => {
+          W.neighborhood().nodes().forEach((J) => {
+            s.has(J.id()) || (s.add(J.id()), N.merge(J));
+          });
+        }), N.forEach((W) => d.merge(W)), p.push(N), a = N;
+      }
+    }), p.forEach((h) => {
+      h.addClass("level-highlight");
+    }), l.edges().filter((h) => {
+      const a = h.source(), s = h.target();
+      return d.contains(a) && d.contains(s);
+    }).addClass("level-highlightedge");
+    const i = l.elements().filter(".level-selected, .level-highlight, .level-highlightedge");
+    l.elements().not(i).addClass("level-grayed"), T.success(`已高亮 "${e}" 及其 ${c} 度关联节点和连线`);
+  }, Je = (e) => {
+    const t = r.current;
+    if (!t) return;
+    const l = new Set(R);
+    l.has(e) ? (l.delete(e), t.nodes().filter((n) => n.data("type") === e).show()) : (l.add(e), t.nodes().filter((n) => n.data("type") === e).hide()), ke(l);
+  }, $e = (e) => {
+    const t = r.current;
+    if (!t) return;
+    const l = new Set(ee);
+    l.has(e) ? (l.delete(e), t.edges().filter((n) => n.data("name") === e).show()) : (l.add(e), t.edges().filter((n) => n.data("name") === e).hide()), De(l);
+  }, Ze = () => {
+    const e = r.current;
+    e.remove(e.elements());
+  }, qe = () => {
+    Y(!X);
+  }, Ke = (e) => {
+    var c, d;
+    const t = r.current;
+    if (!t) return;
+    console.log("saveNodeConfig values:", e), console.log("showLabel value:", e.showLabel);
+    const l = typeof e.fontColor == "object" && ((d = (c = e.fontColor) == null ? void 0 : c.toHexString) == null ? void 0 : d.call(c)) || e.fontColor, n = e.showLabel === "show";
+    console.log("showLabelValue:", n), t.nodes().forEach((p) => {
+      const g = n && (p.data("name") || p.data("label")) || "";
+      console.log("Setting node label:", g), p.style({
+        width: e.nodeSize,
+        height: e.nodeSize,
+        "font-size": e.fontSize,
+        color: l || H.nodeLabelColor,
+        "font-weight": e.fontWeight,
+        "font-style": e.fontStyle,
+        "text-valign": e.textPosition,
+        "text-halign": "center",
+        "text-margin-y": e.textOffset,
+        label: g,
+        "text-opacity": g ? 1 : 0
+      });
+    }), T.success("节点配置保存成功");
+  }, Me = (e) => {
+    var p, g, i, C, h, a;
+    const t = r.current;
+    if (!t) return;
+    console.log("saveEdgeConfig values:", e), console.log("edge showLabel value:", e.showLabel);
+    const l = typeof e.edgeColor == "object" && ((g = (p = e.edgeColor) == null ? void 0 : p.toHexString) == null ? void 0 : g.call(p)) || e.edgeColor, n = typeof e.fontColor == "object" && ((C = (i = e.fontColor) == null ? void 0 : i.toHexString) == null ? void 0 : C.call(i)) || e.fontColor, c = typeof e.labelBgColor == "object" && ((a = (h = e.labelBgColor) == null ? void 0 : h.toHexString) == null ? void 0 : a.call(h)) || e.labelBgColor, d = e.showLabel === "show";
+    t.edges().forEach((s) => {
+      const w = d && (s.data("label") || s.data("name")) || "";
+      console.log("Setting edge label:", w), s.style({
+        width: e.edgeWidth,
+        "line-color": l || z.edgeDefaultColor,
+        "target-arrow-color": l || z.edgeDefaultColor,
+        "target-arrow-shape": e.showArrow === "show" ? "triangle" : "none",
+        "font-size": e.fontSize,
+        color: n || z.edgeLabelColor,
+        "font-weight": e.fontWeight,
+        "font-style": e.fontStyle,
+        label: w,
+        "text-opacity": w ? 1 : 0,
+        "text-background-color": c || "transparent",
+        "text-background-opacity": c ? 1 : 0,
+        "text-background-padding": "2px"
       });
-      if (x.length > 0 || g.length > 0) {
-        const t = x.add(g);
-        a = a.union(t).union(b).union(u), r += t.length, b.addClass("path-node"), u.addClass("path-node"), t.addClass("path-edge"), i.push(b.data("name"), u.data("name")), console.log(`找到直接连接的边：正向${x.length}条，反向${g.length}条`);
-      } else {
-        const t = e.elements().aStar({
-          root: b,
-          goal: u,
-          directed: !1
-        });
-        if (t.found && t.path) {
-          a = a.union(t.path), r += t.distance, t.path.nodes().addClass("path-node"), t.path.edges().addClass("path-edge");
-          const m = t.path.nodes().map((h) => h.data("name"));
-          i.push(...m);
-        } else {
-          l = !1, console.log(`节点 ${o[p]} 和 ${o[p + 1]} 之间没有路径`);
-          break;
+    }), T.success("连线配置保存成功");
+  }, Qe = bt(F), _ = F === "left" || F === "right";
+  return console.log(1e3, K), /* @__PURE__ */ f($, { children: [
+    /* @__PURE__ */ o("div", { className: j("graph-bar", { "graph-bar-vertical": _ }), style: Qe, children: /* @__PURE__ */ o("div", { className: j("graph-bar-min", {
+      "graph-bar-min-vertical": _
+    }), children: K.map(({ key: e, title: t, icon: l, onClick: n }) => {
+      var g, i, C, h;
+      const c = () => l && l.length > 0 ? l.length > 1 ? /* @__PURE__ */ o(x, { gap: "5px", children: l.map((a, s) => e === "nodeZoom" ? Z.cloneElement(a, {
+        onClick: () => He(s === 0 ? "in" : "out"),
+        key: s
+      }) : e === "canvasZoom" ? Z.cloneElement(a, {
+        onClick: () => Ee(s === 0 ? "in" : "out"),
+        key: s
+      }) : Z.cloneElement(a, { key: s })) }) : /* @__PURE__ */ o(x, { gap: "5px", children: l }) : null, d = (a) => {
+        switch (console.log(444, e, a), e) {
+          case "queryStatistics":
+            Le(!B);
+            break;
+          case "graphDisplaySettings":
+            qe();
+            break;
+          case "hideAttributes":
+            Fe();
+            break;
+          case "clearCanvas":
+            Ze();
+            break;
+          default:
+            a == null || a(r);
+        }
+      };
+      if (["layout", "analysis", "select", "downloadData", "textPosition"].includes(e)) {
+        let a = [];
+        switch (e) {
+          case "layout":
+            a = (g = rt) == null ? void 0 : g.map((s) => ({
+              ...s,
+              label: /* @__PURE__ */ o("div", { className: j({ "text-[#145afd]": ue === s.key }), onClick: q(Ve, s.key), children: s.label })
+            }));
+            break;
+          case "analysis":
+            a = at.map((s) => ({
+              ...s,
+              label: /* @__PURE__ */ o("div", { onClick: (w) => {
+                switch (w.stopPropagation(), s.key) {
+                  case "query":
+                    Ie();
+                    break;
+                  case "link":
+                    je();
+                    break;
+                  case "path":
+                    oe();
+                    break;
+                }
+              }, children: s.label })
+            }));
+            break;
+          case "select":
+            a = (i = st) == null ? void 0 : i.map((s) => ({ ...s, label: /* @__PURE__ */ o("div", { onClick: q(Ae, s.key), children: s.label }) }));
+            break;
+          case "downloadData":
+            a = (C = nt) == null ? void 0 : C.map((s) => ({ ...s, label: /* @__PURE__ */ o("div", { onClick: (w) => ze(w, s.key), children: s.label }) }));
+            break;
+          case "textPosition":
+            a = (h = he) == null ? void 0 : h.map((s) => ({ ...s, label: /* @__PURE__ */ o("div", { onClick: q(() => lt(r, s.key), s.key), children: s.label }) }));
+            break;
         }
+        return /* @__PURE__ */ o(Re, { trigger: ["hover"], placement: _ ? "bottomRight" : "bottom", menu: { items: a }, children: /* @__PURE__ */ f(x, { wrap: !0, align: "center", justify: "center", className: "hove-active cursor", children: [
+          c(),
+          /* @__PURE__ */ o(x, { className: "w-100 ", justify: "center", children: t })
+        ] }) }, e);
       }
-    }
-    if (l && a.length > 0) {
-      const p = a.nodes(), y = a.edges();
-      p.addClass("path-node"), y.addClass("path-edge"), s && (e.nodes().not(p).addClass("grayed"), e.edges().not(y).addClass("grayed"));
-    } else
-      C.warning("无法找到完整的路径！");
-  } catch (a) {
-    console.error(2e3, "计算路径时出错：", a), C.warning("计算路径时出错，请重试！");
-  }
-}, T = (c) => {
-  const o = c.nodes().map((n) => ({
-    data: n.data(),
-    position: n.position(),
-    style: {
-      width: n.style("width"),
-      height: n.style("height"),
-      backgroundColor: n.style("background-color")
-    }
-  })), s = c.edges().map((n) => ({
-    data: n.data(),
-    style: {
-      width: n.style("width"),
-      "line-color": n.style("line-color"),
-      "target-arrow-color": n.style("target-arrow-color")
-    }
-  }));
-  return { nodes: o, edges: s };
-}, ae = (c) => {
-  const o = T(c), s = new Blob([JSON.stringify(o, null, 2)], { type: "application/json" }), e = URL.createObjectURL(s), n = document.createElement("a");
-  n.href = e, n.download = `graph-data-${Date.now()}.json`, n.click(), URL.revokeObjectURL(e);
-}, se = [
-  {
-    label: "网络布局",
-    key: "cose-bilkent"
-  },
-  {
-    label: "弹性布局",
-    key: "fcose"
-  },
-  {
-    label: "网格布局",
-    key: "grid"
-  },
-  {
-    label: "球面布局",
-    key: "circle"
-  },
-  {
-    label: "层级布局",
-    key: "breadthfirst"
-  },
-  {
-    label: "同心圆布局",
-    key: "concentric"
-  }
-], le = [
-  {
-    label: "查询节点",
-    key: "query",
-    func: "queryNode"
-  },
-  {
-    label: "连接分析",
-    key: "link",
-    func: "onLevelClick"
-  },
-  {
-    label: "路径分析",
-    key: "path",
-    func: "pathAnalysis"
-  }
-], re = [
-  {
-    label: "全选",
-    key: "all"
-  },
-  {
-    label: "反选",
-    key: "reverse"
-  },
-  {
-    label: "点选模式",
-    key: "click"
-  },
-  {
-    label: "框选模式",
-    key: "box"
-  }
-], ie = [
-  {
-    label: "下载JSON",
-    key: "downloadJson"
-  },
-  {
-    label: "预览JSON列表",
-    key: "previewJsonList"
-  },
-  {
-    label: "下载EXCEL",
-    key: "downloadExcel"
-  },
-  // {
-  //   label: '预览数据列表',
-  //   key: 'previewDataList' 
-  // },
-  {
-    label: "下载JPG",
-    key: "downloadJpg"
-  },
-  {
-    label: "下载PNG",
-    key: "downloadPng"
-  }
-], ce = [
-  {
-    label: "居中",
-    key: "center"
-  },
-  {
-    label: "顶部",
-    key: "top"
-  },
-  {
-    label: "底部",
-    key: "bottom"
-  },
-  {
-    label: "左侧",
-    key: "left"
-  },
-  {
-    label: "右侧",
-    key: "right"
-  }
-];
+      return /* @__PURE__ */ f(x, { wrap: !0, align: "center", justify: "center", className: "hove-active cursor", onClick: () => d(n), children: [
+        c(),
+        /* @__PURE__ */ o(x, { className: "w-100 ", justify: "center", children: t })
+      ] }, e);
+    }) }) }),
+    /* @__PURE__ */ o(mt, { isVisible: ye, searchChange: (e) => _e(e), closeQuery: () => V(!1) }),
+    /* @__PURE__ */ o(ut, { isVisible: Ce, analysis: (e) => it(r, { pathNodes: e }), closePath: () => P(!1) }),
+    /* @__PURE__ */ o(pt, { ref: O, onLevelClick: We }),
+    /* @__PURE__ */ o(
+      et,
+      {
+        title: "JSON预览",
+        open: xe,
+        onCancel: () => U(!1),
+        footer: null,
+        width: 800,
+        children: /* @__PURE__ */ o("pre", { style: { maxHeight: "60vh", overflow: "auto", background: "#f5f5f5", padding: "16px", borderRadius: "4px" }, children: G ? JSON.stringify(G, null, 2) : "暂无数据" })
+      }
+    ),
+    /* @__PURE__ */ o(
+      tt,
+      {
+        title: "图显示设置",
+        placement: "right",
+        open: X,
+        onClose: () => Y(!1),
+        mask: !1,
+        size: 300,
+        styles: {
+          body: { height: "calc(100vh - 55px)", display: "flex", flexDirection: "column", padding: "10px" },
+          header: { position: "sticky", top: 0, background: "#fff", zIndex: 10 },
+          content: { display: "flex", flexDirection: "column" }
+        },
+        getContainer: !1,
+        children: /* @__PURE__ */ o(
+          re,
+          {
+            activeKey: Se,
+            onChange: Ne,
+            style: { flex: 1, overflow: "auto" },
+            tabBarStyle: { padding: "0 16px", margin: 0, background: "#fff", position: "sticky", top: 0, zIndex: 10 },
+            items: [
+              {
+                label: "节点设置",
+                key: "node",
+                children: /* @__PURE__ */ o(wt, { onSave: Ke, colors: H })
+              },
+              {
+                label: "连线设置",
+                key: "edge",
+                children: /* @__PURE__ */ o(yt, { onSave: Me, colors: H })
+              }
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ o("div", { className: j("gtaph-statics absolute", {
+      hidden: !B
+    }), children: /* @__PURE__ */ o(
+      re,
+      {
+        items: [
+          {
+            label: "实体",
+            key: "entity",
+            children: /* @__PURE__ */ o($, { children: Object.keys(v).length > 0 ? /* @__PURE__ */ f("div", { children: [
+              /* @__PURE__ */ f("p", { children: [
+                "实体数量：",
+                Object.values(v).reduce((e, t) => e + t.count, 0)
+              ] }),
+              /* @__PURE__ */ f("p", { className: "my-4px", children: [
+                "实体类型：",
+                Object.keys(v).length
+              ] }),
+              /* @__PURE__ */ o(x, { gap: "5px", justify: "start", className: "w-100", wrap: !0, children: Object.keys(v).map((e) => /* @__PURE__ */ f(x, { gap: "4px", justify: "start", className: `w-100 cursor ${R.has(e) ? "opacity-30" : ""}`, onClick: () => Je(e), children: [
+                /* @__PURE__ */ o("img", { className: "w-20px rounded-50", src: v[e].img, alt: "" }),
+                e,
+                "：",
+                v[e].count
+              ] }, e)) })
+            ] }) : /* @__PURE__ */ o("span", { className: "text-[#666]", children: "暂无实体统计！" }) })
+          },
+          {
+            label: "关系",
+            key: "relation",
+            children: /* @__PURE__ */ o($, { children: ((ne = Object.keys(D)) == null ? void 0 : ne.length) > 0 ? /* @__PURE__ */ f("div", { children: [
+              /* @__PURE__ */ f("div", { children: [
+                "关系数量：",
+                (se = Object.keys(D)) == null ? void 0 : se.length
+              ] }),
+              /* @__PURE__ */ f("div", { className: "my-4px", children: [
+                "关系类型：",
+                (ae = Object.values(D)) == null ? void 0 : ae.reduce((e, t) => e + t, 0)
+              ] }),
+              /* @__PURE__ */ o(x, { gap: "5px", justify: "start", className: "w-100", wrap: !0, children: Object.keys(D).map((e) => /* @__PURE__ */ f(x, { gap: "4px", className: `w-100 cursor ${ee.has(e) ? "opacity-30" : ""}`, onClick: () => $e(e), children: [
+                e,
+                "：",
+                D[e]
+              ] }, e)) })
+            ] }) : /* @__PURE__ */ o("span", { className: "text-[#666]", children: "暂无关系统计！" }) })
+          }
+        ]
+      }
+    ) })
+  ] });
+}), wt = ({ onSave: b, colors: r }) => {
+  const [S] = u.useForm();
+  return /* @__PURE__ */ f(u, { form: S, layout: "vertical", onFinish: b, className: "setting-form", children: [
+    /* @__PURE__ */ f("div", { className: "setting-form-content", children: [
+      /* @__PURE__ */ o(u.Item, { label: "节点大小", name: "nodeSize", initialValue: 80, children: /* @__PURE__ */ o(I, { type: "number", placeholder: "请输入节点大小" }) }),
+      /* @__PURE__ */ o(u.Item, { label: "显示标签", name: "showLabel", initialValue: "show", children: /* @__PURE__ */ f(m, { children: [
+        /* @__PURE__ */ o(m.Option, { value: "show", children: "显示" }),
+        /* @__PURE__ */ o(m.Option, { value: "hide", children: "隐藏" })
+      ] }) }),
+      /* @__PURE__ */ o(u.Item, { label: "字体位置", name: "textPosition", initialValue: "bottom", children: /* @__PURE__ */ o(m, { children: he.map((v) => /* @__PURE__ */ o(m.Option, { value: v.key, children: v.label }, v.key)) }) }),
+      /* @__PURE__ */ o(u.Item, { label: "字体偏移", name: "textOffset", initialValue: 5, children: /* @__PURE__ */ o(I, { type: "number", placeholder: "请输入字体偏移量" }) }),
+      /* @__PURE__ */ o(u.Item, { label: "字体颜色", name: "fontColor", initialValue: r.nodeLabelColor, children: /* @__PURE__ */ o(A, { showText: !0 }) }),
+      /* @__PURE__ */ o(u.Item, { label: "字体大小", name: "fontSize", initialValue: r.nodeLabelFontSize, children: /* @__PURE__ */ o(I, { type: "number", placeholder: "请输入字体大小" }) }),
+      /* @__PURE__ */ o(u.Item, { label: "字体粗细", name: "fontWeight", initialValue: "normal", children: /* @__PURE__ */ f(m, { children: [
+        /* @__PURE__ */ o(m.Option, { value: "normal", children: "常规" }),
+        /* @__PURE__ */ o(m.Option, { value: "bold", children: "粗体" }),
+        /* @__PURE__ */ o(m.Option, { value: "lighter", children: "细体" })
+      ] }) }),
+      /* @__PURE__ */ o(u.Item, { label: "字体样式", name: "fontStyle", initialValue: "normal", children: /* @__PURE__ */ f(m, { children: [
+        /* @__PURE__ */ o(m.Option, { value: "normal", children: "默认" }),
+        /* @__PURE__ */ o(m.Option, { value: "italic", children: "斜体" })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ o("div", { className: "setting-form-footer", children: /* @__PURE__ */ o(u.Item, { children: /* @__PURE__ */ o(de, { type: "primary", htmlType: "submit", block: !0, children: "保存节点配置" }) }) })
+  ] });
+}, yt = ({ onSave: b, colors: r }) => {
+  const [S] = u.useForm();
+  return /* @__PURE__ */ f(u, { form: S, layout: "vertical", onFinish: b, className: "setting-form", children: [
+    /* @__PURE__ */ f("div", { className: "setting-form-content", children: [
+      /* @__PURE__ */ o(u.Item, { label: "连线宽度", name: "edgeWidth", initialValue: 2, children: /* @__PURE__ */ o(I, { type: "number", placeholder: "请输入连线宽度" }) }),
+      /* @__PURE__ */ o(u.Item, { label: "连线箭头", name: "showArrow", initialValue: "show", children: /* @__PURE__ */ f(m, { children: [
+        /* @__PURE__ */ o(m.Option, { value: "show", children: "显示" }),
+        /* @__PURE__ */ o(m.Option, { value: "hide", children: "隐藏" })
+      ] }) }),
+      /* @__PURE__ */ o(u.Item, { label: "连线颜色", name: "edgeColor", initialValue: r.edgeDefaultColor, children: /* @__PURE__ */ o(A, { showText: !0 }) }),
+      /* @__PURE__ */ o(u.Item, { label: "显示标签", name: "showLabel", initialValue: "show", children: /* @__PURE__ */ f(m, { children: [
+        /* @__PURE__ */ o(m.Option, { value: "show", children: "显示" }),
+        /* @__PURE__ */ o(m.Option, { value: "hide", children: "隐藏" })
+      ] }) }),
+      /* @__PURE__ */ o(u.Item, { label: "字体大小", name: "fontSize", initialValue: r.edgeLabelFontSize, children: /* @__PURE__ */ o(I, { type: "number", placeholder: "请输入字体大小" }) }),
+      /* @__PURE__ */ o(u.Item, { label: "字体颜色", name: "fontColor", initialValue: r.edgeLabelColor, children: /* @__PURE__ */ o(A, { showText: !0 }) }),
+      /* @__PURE__ */ o(u.Item, { label: "字体粗细", name: "fontWeight", initialValue: "normal", children: /* @__PURE__ */ f(m, { children: [
+        /* @__PURE__ */ o(m.Option, { value: "normal", children: "常规" }),
+        /* @__PURE__ */ o(m.Option, { value: "bold", children: "粗体" })
+      ] }) }),
+      /* @__PURE__ */ o(u.Item, { label: "字体样式", name: "fontStyle", initialValue: "normal", children: /* @__PURE__ */ f(m, { children: [
+        /* @__PURE__ */ o(m.Option, { value: "normal", children: "默认" }),
+        /* @__PURE__ */ o(m.Option, { value: "italic", children: "斜体" })
+      ] }) }),
+      /* @__PURE__ */ o(u.Item, { label: "标签背景色", name: "labelBgColor", initialValue: "#ffffff", children: /* @__PURE__ */ o(A, { showText: !0 }) })
+    ] }),
+    /* @__PURE__ */ o("div", { className: "setting-form-footer", children: /* @__PURE__ */ o(u.Item, { children: /* @__PURE__ */ o(de, { type: "primary", htmlType: "submit", block: !0, children: "保存连线配置" }) }) })
+  ] });
+};
 export {
-  re as choiceConfig,
-  ae as donwnGraphData,
-  ie as downloadData,
-  T as getCyData,
-  ne as handleCalcPath,
-  L as imageMap,
-  se as layoutCongig,
-  le as linkAnalysis,
-  te as resDetailData,
-  oe as textLayout,
-  ce as textPositionConfig
+  ft as actionList,
+  At as default
 };