react-kggraph 0.0.22 → 0.0.24

package/lib/index.es3.js

@@ -1,84 +1,88 @@
-import { jsx as m, jsxs as oe } from "react/jsx-runtime";
-import { useRef as N, useState as v, useEffect as S } from "react";
-import k from "cytoscape";
-import Ne from "cytoscape-cose-bilkent";
-import Ce from "cytoscape-cise";
-import ke from "cytoscape-fcose";
-import ze from "storm-layout";
-import Ee from "./index.es7.js";
+import { jsx as h, jsxs as oe } from "react/jsx-runtime";
+import { useRef as N, useState as v, useEffect as O } from "react";
+import C from "cytoscape";
+import Ce from "cytoscape-cose-bilkent";
+import ze from "cytoscape-cise";
+import Ee from "cytoscape-fcose";
+import we from "storm-layout";
+import Le from "./index.es7.js";
 /* empty css          */
-import { handleCalcPath as we, resDetailData as F } from "./index.es8.js";
-import { fixNodesToEdges as Le, coseBilkentLayout as ne } from "./index.es9.js";
-import { edgeNodeStyles as Re, defaultColors as se } from "./index.es10.js";
-import je from "cytoscape-layout-utilities";
-import { message as C } from "antd";
-import { menuItemsConfig as Te } from "./index.es11.js";
+import { handleCalcPath as Re, resDetailData as F } from "./index.es8.js";
+import { fixNodesToEdges as je, coseBilkentLayout as ne } from "./index.es9.js";
+import { edgeNodeStyles as Te, defaultColors as se, nodeSize as $e } from "./index.es10.js";
+import De from "cytoscape-layout-utilities";
+import { message as k } from "antd";
+import { menuItemsConfig as Se } from "./index.es11.js";
 import { jsonStringify as R } from "./index.es12.js";
-import $e from "./index.es13.js";
-import De from "./index.es14.js";
-import { GraphProvider as Oe } from "./index.es15.js";
-import Se from "./index.es16.js";
-k.use(je);
-k.use(Ce);
-k.use(ke);
-k.use(ze);
-k.use(Ne);
-const nt = ({
+import Oe from "./index.es13.js";
+import Ie from "./index.es14.js";
+import { GraphProvider as Pe } from "./index.es15.js";
+import Be from "./index.es16.js";
+import We from "./index.es17.js";
+C.use(De);
+C.use(ze);
+C.use(Ee);
+C.use(we);
+C.use(Ce);
+const it = ({
   data: de,
   getAllGraphData: I,
   highPathAnalysis: z = [],
-  graphInfo: h,
+  graphInfo: u,
   stepNextApi: re,
   knowledgeCardApi: ae,
   colors: E,
   actionBar: ie,
   actionCircle: le,
-  noDataDesc: Ie = "暂无数据"
+  queryStatisticsConfig: ce = ["实体", "关系"],
+  className: pe,
+  noDataDesc: He = "暂无数据"
 }) => {
   var _, G, ee;
-  const j = N(null), [c, P] = v([]), p = N(null), K = N(null), X = 1, [Pe, J] = v(!1), [w, B] = v({}), [T, W] = v({}), [ce, pe] = v("cose-bilkent"), Q = N(null), V = N(null), [ue, Y] = v(["", ""]), H = N(E);
-  S(() => {
+  const j = N(null), [c, P] = v([]), p = N(null), K = N(null), X = 1, [Me, Z] = v(!1), [w, B] = v({}), [T, W] = v({}), [ue, ge] = v("cose-bilkent"), J = N(null), Q = N(null), [ye, V] = v(["", ""]), H = N(E);
+  O(() => {
     H.current = E;
   }, [E]);
-  const [u, L] = v({
+  const [g, L] = v({
     visible: !1,
     x: 0,
     y: 0,
     targetNode: null,
     bgColor: ""
-  }), [$, Z] = v({
+  }), [$, Y] = v({
     visible: !1,
     x: 0,
     y: 0,
     content: ""
-  }), ge = Te({ cyRef: p, setContextMenu: L, onPathAnalysis: (_ = K.current) == null ? void 0 : _.onPathAnalysis, setPathNodes: Y, actionCircle: le });
-  S(() => {
-    (z == null ? void 0 : z.length) > 1 && we(p, { pathNodes: z, isGrayed: !1 });
-  }, [R(z), R(c)]), S(() => {
+  }), fe = Se({ cyRef: p, setContextMenu: L, onPathAnalysis: (_ = K.current) == null ? void 0 : _.onPathAnalysis, setPathNodes: V, actionCircle: le });
+  O(() => {
+    (z == null ? void 0 : z.length) > 1 && Re(p, { pathNodes: z, isGrayed: !1 });
+  }, [R(z), R(c)]), O(() => {
     I == null || I({ graphData: c, nodeStatic: w, relationStatic: T });
-  }, [R(c), R(w), R(T)]), S(() => {
+  }, [R(c), R(w), R(T)]), O(() => {
     var r;
     if (!j.current || p.current) return;
-    const { elements: s, typeListObj: a, relationListObj: g } = F(de, { typeObj: w, graphInfo: h });
-    B(a), P(s), W(g), document.addEventListener("contextmenu", function(t) {
+    const { elements: s, typeListObj: a, relationListObj: y } = F(de, { typeObj: w, graphInfo: u });
+    B(a), P(s), W(y), document.addEventListener("contextmenu", function(t) {
       t.preventDefault();
     });
-    const e = k({
+    const e = C({
       container: j.current,
       elements: s,
-      style: Re({ elements: s, colors: E }),
+      style: Te({ elements: s, colors: E }),
       autounselectify: !1,
       autolock: !1,
+      maxZoom: 1,
       layout: {
         name: "preset"
         // 使用预设布局，完全依赖 position
       }
     });
-    if (p.current = e, ((r = h == null ? void 0 : h.searchNodes) == null ? void 0 : r.length) === 2)
-      Le(
+    if (p.current = e, ((r = u == null ? void 0 : u.searchNodes) == null ? void 0 : r.length) === 2)
+      je(
         e,
-        h.searchNodes[0],
-        h.searchNodes[1]
+        u.searchNodes[0],
+        u.searchNodes[1]
       );
     else {
       const t = e.layout(ne());
@@ -113,14 +117,14 @@ const nt = ({
       o.hasClass("selected") || o.addClass("hover");
     }), e.on("mouseover", "node", (t) => {
       const o = t.target, n = o.renderedPosition(), d = o.data("name") || "";
-      o.addClass("hover"), Z({
+      o.addClass("hover"), Y({
         visible: !0,
         x: n.x,
         y: n.y - 60,
         content: d
       });
     }), e.on("mouseout", "node", (t) => {
-      t.target.removeClass("hover"), Z((n) => ({ ...n, visible: !1 }));
+      t.target.removeClass("hover"), Y((n) => ({ ...n, visible: !1 }));
     }), e.on("cxttap", "node", (t) => {
       t.preventDefault(), t.stopPropagation(), t.stopImmediatePropagation(), t.originalEvent && (t.originalEvent.preventDefault(), t.originalEvent.stopPropagation(), t.originalEvent.stopImmediatePropagation());
       const o = t.target, n = o.renderedPosition();
@@ -142,8 +146,8 @@ const nt = ({
       p.current && (p.current.destroy(), p.current = null);
     };
   }, []);
-  const ye = async (s) => {
-    const { id: a, kgId: g } = s, e = p.current;
+  const me = async (s) => {
+    const { id: a, kgId: y } = s, e = p.current;
     if (!e) return;
     const r = e.$(`#${a}`);
     if (!r || r.length === 0) {
@@ -161,21 +165,21 @@ const nt = ({
         duration: 200,
         complete: () => {
           e.remove(t), e.remove(M), P((l) => {
-            const O = l.filter((f) => {
+            const S = l.filter((m) => {
               var b, te;
-              const i = f.data.zktype;
-              if (f.group === "nodes" && n.includes((b = f.data) == null ? void 0 : b.id) && i && i === s.zktype)
+              const i = m.data.zktype;
+              if (m.group === "nodes" && n.includes((b = m.data) == null ? void 0 : b.id) && i && i === s.zktype)
                 return !1;
-              if (f.group === "edges" && i && i === s.zktype) {
-                const he = Array.from(D).map((xe) => {
-                  const A = xe.data();
+              if (m.group === "edges" && i && i === s.zktype) {
+                const be = Array.from(D).map((ke) => {
+                  const A = ke.data();
                   return `${A.source}-${A.target}-${A.label}`;
-                }), q = f.data, ve = he.includes(`${q.source}-${q.target}-${q.label}`), be = ((te = f.data) == null ? void 0 : te.appendedBy) === a;
-                return !ve && !be;
+                }), q = m.data, xe = be.includes(`${q.source}-${q.target}-${q.label}`), Ne = ((te = m.data) == null ? void 0 : te.appendedBy) === a;
+                return !xe && !Ne;
               }
               return !0;
-            }), { typeListObj: y, relationListObj: U } = F({}, { graphData: O, typeObj: {} });
-            return B(y), W(U), O;
+            }), { typeListObj: f, relationListObj: U } = F({}, { graphData: S, typeObj: {} });
+            return B(f), W(U), S;
           }), r.data("appendedNodes", []), r.data("isExpanded", !1);
         }
       }), setTimeout(() => {
@@ -183,15 +187,15 @@ const nt = ({
       }, 300);
     } else {
       try {
-        J(!0), C.open({
+        Z(!0), k.open({
           type: "loading",
           content: "正在展开...",
           duration: 0
         });
-        const n = await re({ uri: a, queryType: 1, kgId: g, zktype: s.zktype }), { elements: d, typeListObj: x, relationListObj: D } = F(n.data, { graphData: c, typeObj: w, relationObj: T, zktype: s.zktype });
+        const n = await re({ uri: a, queryType: 1, kgId: y, zktype: s.zktype }), { elements: d, typeListObj: x, relationListObj: D } = F(n.data, { graphData: c, typeObj: w, relationObj: T, zktype: s.zktype });
         if (B(x), W(D), !((d == null ? void 0 : d.length) > 0)) {
           setTimeout(() => {
-            C.destroy(), C.warning("暂无数据");
+            k.destroy(), k.warning("暂无数据");
           }, 2e3);
           return;
         }
@@ -204,7 +208,7 @@ const nt = ({
             // 随机偏移，避免完全重叠
           }), l = d.map((i) => {
             if (i.group === "nodes") {
-              const b = 80 * X;
+              const b = $e * X;
               return {
                 ...i,
                 style: {
@@ -235,12 +239,12 @@ const nt = ({
                 zktype: s.zktype
               }
             };
-          }), O = e.add(l);
+          }), S = e.add(l);
           P([...c, ...l]);
-          const y = O.filter(":node"), U = y.map((i) => i.id());
+          const f = S.filter(":node"), U = f.map((i) => i.id());
           r.data("appendedNodes", U), r.data("isExpanded", !0);
-          const f = e.nodes().difference(y);
-          f.forEach((i) => i.lock()), M.placeNewNodes(y), e.layout({
+          const m = e.nodes().difference(f);
+          m.forEach((i) => i.lock()), M.placeNewNodes(f), e.layout({
             name: "cose-bilkent",
             randomize: !1,
             // ⚠️ 这是关键！保持已有节点位置不变
@@ -256,8 +260,8 @@ const nt = ({
             // 可以适当减少，因为只需要微调
             gravity: 0.6
           }).run(), setTimeout(() => {
-            f.forEach((i) => i.unlock());
-          }, 2e3), y.animate({
+            m.forEach((i) => i.unlock());
+          }, 2e3), f.animate({
             style: {
               opacity: 1,
               width: 20,
@@ -267,33 +271,33 @@ const nt = ({
             duration: 400,
             easing: "ease-out",
             complete: () => {
-              y.style("opacity", ""), y.style("width", ""), y.style("height", "");
+              f.style("opacity", ""), f.style("width", ""), f.style("height", "");
             }
           }), setTimeout(() => {
             r.removed() || (r.style("border-width", ""), r.style("border-color", ""), e.center(r), e.zoom(e.zoom()));
           }, 600);
         } else
           console.log("没有找到相关节点数据");
-        C.destroy();
+        k.destroy();
       } catch (n) {
-        C.destroy(), C.error("请求接口失败"), console.error("22请求接口失败:", n);
+        k.destroy(), k.error("请求接口失败"), console.error("22请求接口失败:", n);
       }
-      J(!1);
+      Z(!1);
     }
     L({ visible: !1 });
-  }, fe = {
+  }, he = {
     expanded: "typed-literal",
     contract: "uri"
-  }, me = (s, a) => {
+  }, ve = (s, a) => {
     var e;
     console.log("handleMenuAction:::", s, a);
-    const g = a || u.targetNode;
-    if (g) {
-      const r = s.ids, t = g.data();
+    const y = a || g.targetNode;
+    if (y) {
+      const r = s.ids, t = y.data();
       if (["expanded", "contract"].includes(r))
-        ye({ kgId: 3, ...t, zktype: fe[r] });
+        me({ kgId: u.kgId, ...t, zktype: he[r] });
       else if (r === "nodeInfo") {
-        const o = g, n = {
+        const o = y, n = {
           id: o.id(),
           data: o.data(),
           position: o.position(),
@@ -303,36 +307,35 @@ const nt = ({
           classes: o.classes(),
           style: o.style()
         };
-        Q.current.open(n);
-      } else r === "knowledgeCard" && V.current.open(g.data());
-      (e = s.onClick) == null || e.call(s, g), L({ visible: !1, x: 0, y: 0, targetNode: null });
+        J.current.open(n);
+      } else r === "knowledgeCard" && Q.current.open(y.data());
+      (e = s.onClick) == null || e.call(s, y), L({ visible: !1, x: 0, y: 0, targetNode: null });
     }
   };
-  return console.log(111, !(((G = c == null ? void 0 : c.nodes) == null ? void 0 : G.length) > 0), c), /* @__PURE__ */ m(Oe, { value: { pathNodes: ue, setPathNodes: Y, graphInfo: h, graphData: c, layoutType: ce, setLayoutType: pe, knowledgeCardApi: ae }, children: /* @__PURE__ */ oe("div", { className: "cytoscape-container relative", children: [
-    /* @__PURE__ */ m("div", { className: "btn-group" }),
-    /* @__PURE__ */ m(
-      Ee,
+  return console.log(111, !(((G = c == null ? void 0 : c.nodes) == null ? void 0 : G.length) > 0), c), /* @__PURE__ */ h(Pe, { value: { pathNodes: ye, setPathNodes: V, graphInfo: u, graphData: c, layoutType: ue, setLayoutType: ge, knowledgeCardApi: ae, queryStatisticsConfig: ce, actionBar: ie }, children: /* @__PURE__ */ oe("div", { className: We("cytoscape-container relative", pe), children: [
+    /* @__PURE__ */ h("div", { className: "btn-group" }),
+    /* @__PURE__ */ h(
+      Le,
       {
         ref: K,
         cyRef: p,
-        graphInfo: h,
+        graphInfo: u,
         initNodeScale: X,
         cyContainerRef: j,
         typeObj: w,
         relationObj: T,
-        colors: E,
-        actionBar: ie
+        colors: E
       }
     ),
     /* @__PURE__ */ oe("div", { className: "relative h-100", children: [
-      /* @__PURE__ */ m("div", { ref: j, className: "cy-container" }),
-      u.visible && u.targetNode && /* @__PURE__ */ m(
+      /* @__PURE__ */ h("div", { ref: j, className: "cy-container" }),
+      g.visible && g.targetNode && /* @__PURE__ */ h(
         "div",
         {
           style: {
             position: "absolute",
-            left: `${u.x}px`,
-            top: `${u.y}px`,
+            left: `${g.x}px`,
+            top: `${g.y}px`,
             // backgroundColor: 'white',
             // border: '1px solid #ccc',
             // borderRadius: '50%',
@@ -346,10 +349,10 @@ const nt = ({
             overflow: "hidden"
           },
           onClick: (s) => s.stopPropagation(),
-          children: /* @__PURE__ */ m($e, { items: ge, centerImage: (ee = u == null ? void 0 : u.targetNode) == null ? void 0 : ee.data().image, targetNode: u.targetNode, onClick: (s, a) => me(s, a) })
+          children: /* @__PURE__ */ h(Oe, { items: fe, centerImage: (ee = g == null ? void 0 : g.targetNode) == null ? void 0 : ee.data().image, targetNode: g.targetNode, onClick: (s, a) => ve(s, a) })
         }
       ),
-      $.visible && /* @__PURE__ */ m(
+      $.visible && /* @__PURE__ */ h(
         "div",
         {
           style: {
@@ -373,10 +376,10 @@ const nt = ({
         }
       )
     ] }),
-    /* @__PURE__ */ m(De, { ref: Q }),
-    /* @__PURE__ */ m(Se, { ref: V })
+    /* @__PURE__ */ h(Ie, { ref: J }),
+    /* @__PURE__ */ h(Be, { ref: Q })
   ] }) });
 };
 export {
-  nt as default
+  it as default
 };