react-kggraph 0.0.11 → 0.0.13

package/lib/index.es3.js

@@ -1,32 +1,31 @@
 import { jsx as y, jsxs as G } from "react/jsx-runtime";
 import { useRef as E, useState as m, useEffect as q } from "react";
 import x from "cytoscape";
-import ue from "cytoscape-cose-bilkent";
-import ye from "cytoscape-cise";
-import fe from "cytoscape-fcose";
-import me from "storm-layout";
-import he from "./index.es6.js";
+import fe from "cytoscape-cose-bilkent";
+import me from "cytoscape-cise";
+import he from "cytoscape-fcose";
+import ve from "storm-layout";
+import be from "./index.es6.js";
 /* empty css          */
-import { stepNext as ve } from "./index.es7.js";
-import { handleCalcPath as be, resDetailData as A } from "./index.es8.js";
-import { fixNodesToEdges as xe, coseBilkentLayout as ee } from "./index.es9.js";
-import { edgeNodeStyles as Ne } from "./index.es10.js";
-import ke from "cytoscape-layout-utilities";
+import { handleCalcPath as xe, resDetailData as A } from "./index.es7.js";
+import { fixNodesToEdges as Ne, coseBilkentLayout as ee } from "./index.es8.js";
+import { edgeNodeStyles as ke } from "./index.es9.js";
+import Ce from "cytoscape-layout-utilities";
 import { message as O } from "antd";
-import { menuItemsConfig as Ce } from "./index.es11.js";
-import { jsonStringify as w } from "./index.es12.js";
-import ze from "./index.es13.js";
-import Ee from "./index.es14.js";
-import { GraphProvider as we } from "./index.es15.js";
-import Le from "./index.es16.js";
-x.use(ke);
-x.use(ye);
-x.use(fe);
+import { menuItemsConfig as ze } from "./index.es10.js";
+import { jsonStringify as w } from "./index.es11.js";
+import Ee from "./index.es12.js";
+import we from "./index.es13.js";
+import { GraphProvider as Le } from "./index.es14.js";
+import Te from "./index.es15.js";
+x.use(Ce);
 x.use(me);
-x.use(ue);
-const Ze = ({ data: te, getAllGraphData: S, searchType: Te, highPathAnalysis: N = [], graphInfo: f }) => {
+x.use(he);
+x.use(ve);
+x.use(fe);
+const Ze = ({ data: te, getAllGraphData: S, searchType: je, highPathAnalysis: N = [], graphInfo: f, stepNextApi: oe, knowledgeCardApi: ne }) => {
   var Y, Z;
-  const L = E(null), [v, D] = m([]), p = E(null), F = E(null), H = 1, [je, K] = m(!1), [k, I] = m({}), [T, P] = m({}), [oe, ne] = m("cose-bilkent"), X = E(null), J = E(null), [se, Q] = m(["", ""]), [c, C] = m({
+  const L = E(null), [v, D] = m([]), p = E(null), F = E(null), H = 1, [Re, K] = m(!1), [k, I] = m({}), [T, P] = m({}), [se, de] = m("cose-bilkent"), X = E(null), J = E(null), [ae, Q] = m(["", ""]), [c, C] = m({
     visible: !1,
     x: 0,
     y: 0,
@@ -37,13 +36,13 @@ const Ze = ({ data: te, getAllGraphData: S, searchType: Te, highPathAnalysis: N
     x: 0,
     y: 0,
     content: ""
-  }), de = Ce({ cyRef: p, setContextMenu: C, onPathAnalysis: (Y = F.current) == null ? void 0 : Y.onPathAnalysis, setPathNodes: Q });
+  }), re = ze({ cyRef: p, setContextMenu: C, onPathAnalysis: (Y = F.current) == null ? void 0 : Y.onPathAnalysis, setPathNodes: Q });
   q(() => {
-    (N == null ? void 0 : N.length) > 1 && be(p, { pathNodes: N, isGrayed: !1 });
+    (N == null ? void 0 : N.length) > 1 && xe(p, { pathNodes: N, isGrayed: !1 });
   }, [w(N), w(v)]), q(() => {
     S == null || S({ graphData: v, nodeStatic: k, relationStatic: T });
   }, [w(v), w(k), w(T)]), q(() => {
-    var r;
+    var a;
     if (!L.current || p.current) return;
     const { elements: o, typeListObj: d, relationListObj: z } = A(te, { typeObj: k, graphInfo: f });
     I(d), D(o), P(z), document.addEventListener("contextmenu", function(t) {
@@ -52,7 +51,7 @@ const Ze = ({ data: te, getAllGraphData: S, searchType: Te, highPathAnalysis: N
     const e = x({
       container: L.current,
       elements: o,
-      style: Ne({ elements: o }),
+      style: ke({ elements: o }),
       autounselectify: !1,
       autolock: !1,
       layout: {
@@ -60,8 +59,8 @@ const Ze = ({ data: te, getAllGraphData: S, searchType: Te, highPathAnalysis: N
         // 使用预设布局，完全依赖 position
       }
     });
-    if (p.current = e, ((r = f == null ? void 0 : f.searchNodes) == null ? void 0 : r.length) === 2)
-      xe(
+    if (p.current = e, ((a = f == null ? void 0 : f.searchNodes) == null ? void 0 : a.length) === 2)
+      Ne(
         e,
         f.searchNodes[0],
         f.searchNodes[1]
@@ -88,12 +87,12 @@ const Ze = ({ data: te, getAllGraphData: S, searchType: Te, highPathAnalysis: N
       const s = t.target;
       s.hasClass("selected") || s.addClass("hover");
     }), e.on("mouseover", "node", (t) => {
-      const s = t.target, n = s.renderedPosition(), a = s.data("name") || "";
+      const s = t.target, n = s.renderedPosition(), r = s.data("name") || "";
       s.addClass("hover"), V({
         visible: !0,
         x: n.x,
         y: n.y - 60,
-        content: a
+        content: r
       });
     }), e.on("mouseout", "node", (t) => {
       t.target.removeClass("hover"), V((n) => ({ ...n, visible: !1 }));
@@ -110,27 +109,27 @@ const Ze = ({ data: te, getAllGraphData: S, searchType: Te, highPathAnalysis: N
     }), p.current = e, e.on("click", "node", (t) => {
       const s = t.target;
       e.nodes().removeClass("selected grayed highlighted"), e.edges().removeClass("selected grayed highlighted"), s.addClass("selected");
-      const a = s.neighborhood().nodes().add(s), b = a.edgesWith(a);
-      console.log("cy.nodes().not(relatedNodes):::", a), e.nodes().not(a).addClass("grayed"), e.edges().not(b).addClass("grayed"), a.addClass("highlighted"), b.addClass("highlighted");
+      const r = s.neighborhood().nodes().add(s), b = r.edgesWith(r);
+      console.log("cy.nodes().not(relatedNodes):::", r), e.nodes().not(r).addClass("grayed"), e.edges().not(b).addClass("grayed"), r.addClass("highlighted"), b.addClass("highlighted");
     }), e.on("tap", (t) => {
       t.target === e && (C((s) => ({ ...s, visible: !1 })), e.nodes().removeClass("grayed highlighted highlight selected correlationStyle path-node level-highlight level-selected level-grayed"), e.edges().removeClass("grayed highlighted highlight selected correlationStyle path-edge level-highlightedge level-grayed"));
     }), () => {
       p.current && (p.current.destroy(), p.current = null);
     };
   }, []);
-  const re = async (o) => {
+  const ie = async (o) => {
     const { id: d, kgId: z } = o, e = p.current;
     if (!e) return;
-    const r = e.$(`#${d}`);
-    if (!r || r.length === 0) {
+    const a = e.$(`#${d}`);
+    if (!a || a.length === 0) {
       console.error("当前节点不存在");
       return;
     }
     const t = e.nodes().filter((n) => n.data("parentId") ? (n.data("parentId") === d || n.data("idLabel") === `${d}-${n.data("name")}`) && n.data("zktype") === o.zktype : !1);
     if (t.length > 0) {
-      const n = t.map((l) => l.id()), a = t.connectedEdges(), b = e.edges().filter(
+      const n = t.map((l) => l.id()), r = t.connectedEdges(), b = e.edges().filter(
         (l) => l.data("source") === d && n.includes(l.data("target"))
-      ), R = e.edges().filter((l) => l.data("appendedBy") === d), B = a.merge(b).merge(R).filter((l) => l.data().zktype === o.zktype);
+      ), R = e.edges().filter((l) => l.data("appendedBy") === d), B = r.merge(b).merge(R).filter((l) => l.data().zktype === o.zktype);
       t.animate({
         style: { opacity: 0 }
       }, {
@@ -143,19 +142,19 @@ const Ze = ({ data: te, getAllGraphData: S, searchType: Te, highPathAnalysis: N
               if (u.group === "nodes" && n.includes((h = u.data) == null ? void 0 : h.id) && i && i === o.zktype)
                 return !1;
               if (u.group === "edges" && i && i === o.zktype) {
-                const le = Array.from(R).map((ge) => {
-                  const U = ge.data();
+                const pe = Array.from(R).map((ye) => {
+                  const U = ye.data();
                   return `${U.source}-${U.target}-${U.label}`;
-                }), M = u.data, ce = le.includes(`${M.source}-${M.target}-${M.label}`), pe = ((_ = u.data) == null ? void 0 : _.appendedBy) === d;
-                return !ce && !pe;
+                }), M = u.data, ge = pe.includes(`${M.source}-${M.target}-${M.label}`), ue = ((_ = u.data) == null ? void 0 : _.appendedBy) === d;
+                return !ge && !ue;
               }
               return !0;
             }), { typeListObj: g, relationListObj: W } = A({}, { graphData: $, typeObj: {} });
             return I(g), P(W), $;
-          }), r.data("appendedNodes", []), r.data("isExpanded", !1);
+          }), a.data("appendedNodes", []), a.data("isExpanded", !1);
         }
       }), setTimeout(() => {
-        r.removed() || (r.style("border-width", ""), r.style("border-color", ""));
+        a.removed() || (a.style("border-width", ""), a.style("border-color", ""));
       }, 300);
     } else {
       try {
@@ -164,21 +163,21 @@ const Ze = ({ data: te, getAllGraphData: S, searchType: Te, highPathAnalysis: N
           content: "正在展开...",
           duration: 0
         });
-        const n = await ve({ uri: d, queryType: 1, kgId: z, zktype: o.zktype }), { elements: a, typeListObj: b, relationListObj: R } = A(n.data, { graphData: v, typeObj: k, relationObj: T, zktype: o.zktype });
-        if (I(b), P(R), console.log(555e3, a), !((a == null ? void 0 : a.length) > 0)) {
+        const n = await oe({ uri: d, queryType: 1, kgId: z, zktype: o.zktype }), { elements: r, typeListObj: b, relationListObj: R } = A(n.data, { graphData: v, typeObj: k, relationObj: T, zktype: o.zktype });
+        if (I(b), P(R), console.log(555e3, r), !((r == null ? void 0 : r.length) > 0)) {
           O.warning("暂无数据"), setTimeout(() => {
             O.destroy();
           }, 2e3);
           return;
         }
-        if ((a == null ? void 0 : a.length) > 0) {
+        if ((r == null ? void 0 : r.length) > 0) {
           const B = e.layoutUtilities({
             ...ee(),
             idealEdgeLength: 80,
             // 与你的期望边长匹配
             offset: 30
             // 随机偏移，避免完全重叠
-          }), l = a.map((i) => {
+          }), l = r.map((i) => {
             if (i.group === "nodes") {
               const h = 80 * H;
               return {
@@ -214,7 +213,7 @@ const Ze = ({ data: te, getAllGraphData: S, searchType: Te, highPathAnalysis: N
           }), $ = e.add(l);
           D([...v, ...l]);
           const g = $.filter(":node"), W = g.map((i) => i.id());
-          r.data("appendedNodes", W), r.data("isExpanded", !0);
+          a.data("appendedNodes", W), a.data("isExpanded", !0);
           const u = e.nodes().difference(g);
           u.forEach((i) => i.lock()), B.placeNewNodes(g), e.layout({
             name: "cose-bilkent",
@@ -246,7 +245,7 @@ const Ze = ({ data: te, getAllGraphData: S, searchType: Te, highPathAnalysis: N
               g.style("opacity", ""), g.style("width", ""), g.style("height", "");
             }
           }), setTimeout(() => {
-            r.removed() || (r.style("border-width", ""), r.style("border-color", ""), e.center(r), e.zoom(e.zoom()));
+            a.removed() || (a.style("border-width", ""), a.style("border-color", ""), e.center(a), e.zoom(e.zoom()));
           }, 600);
         } else
           console.log("没有找到相关节点数据");
@@ -256,16 +255,16 @@ const Ze = ({ data: te, getAllGraphData: S, searchType: Te, highPathAnalysis: N
       K(!1), O.destroy();
     }
     C({ visible: !1 });
-  }, ae = {
+  }, le = {
     expanded: "typed-literal",
     contract: "uri"
-  }, ie = (o) => {
+  }, ce = (o) => {
     if (console.log("handleMenuAction:::", o), c.targetNode) {
       const d = o.ids, z = c.targetNode.data();
       if (["expanded", "contract"].includes(d))
-        re({ kgId: 3, ...z, zktype: ae[d] });
+        ie({ kgId: 3, ...z, zktype: le[d] });
       else if (d === "nodeInfo") {
-        const e = c.targetNode, r = {
+        const e = c.targetNode, a = {
           id: e.id(),
           data: e.data(),
           position: e.position(),
@@ -276,7 +275,7 @@ const Ze = ({ data: te, getAllGraphData: S, searchType: Te, highPathAnalysis: N
           // 样式信息
           style: e.style()
         };
-        X.current.open(r);
+        X.current.open(a);
       } else if (d === "knowledgeCard") {
         const e = c.targetNode;
         J.current.open(e.data());
@@ -284,10 +283,10 @@ const Ze = ({ data: te, getAllGraphData: S, searchType: Te, highPathAnalysis: N
       o.action(c.targetNode), C({ visible: !1, x: 0, y: 0, targetNode: null });
     }
   };
-  return /* @__PURE__ */ y(we, { value: { pathNodes: se, setPathNodes: Q, graphInfo: f, graphData: v, layoutType: oe, setLayoutType: ne }, children: /* @__PURE__ */ G("div", { className: "cytoscape-container", style: { position: "relative" }, children: [
+  return /* @__PURE__ */ y(Le, { value: { pathNodes: ae, setPathNodes: Q, graphInfo: f, graphData: v, layoutType: se, setLayoutType: de, knowledgeCardApi: ne }, children: /* @__PURE__ */ G("div", { className: "cytoscape-container", style: { position: "relative" }, children: [
     /* @__PURE__ */ y("div", { className: "btn-group" }),
     /* @__PURE__ */ y(
-      he,
+      be,
       {
         ref: F,
         cyRef: p,
@@ -320,7 +319,7 @@ const Ze = ({ data: te, getAllGraphData: S, searchType: Te, highPathAnalysis: N
             overflow: "hidden"
           },
           onClick: (o) => o.stopPropagation(),
-          children: /* @__PURE__ */ y(ze, { items: de, centerImage: (Z = c == null ? void 0 : c.targetNode) == null ? void 0 : Z.data().image, onClick: (o) => ie(o) })
+          children: /* @__PURE__ */ y(Ee, { items: re, centerImage: (Z = c == null ? void 0 : c.targetNode) == null ? void 0 : Z.data().image, onClick: (o) => ce(o) })
         }
       ),
       j.visible && /* @__PURE__ */ y(
@@ -347,8 +346,8 @@ const Ze = ({ data: te, getAllGraphData: S, searchType: Te, highPathAnalysis: N
         }
       )
     ] }),
-    /* @__PURE__ */ y(Ee, { ref: X }),
-    /* @__PURE__ */ y(Le, { ref: J })
+    /* @__PURE__ */ y(we, { ref: X }),
+    /* @__PURE__ */ y(Te, { ref: J })
   ] }) });
 };
 export {