react-kggraph 0.0.29 → 0.0.31

package/lib/index.es7.js

@@ -1,22 +1,23 @@
 import { jsxs as g, Fragment as Z, jsx as t } from "react/jsx-runtime";
-import K, { forwardRef as Re, useContext as et, useState as v, useRef as tt, useImperativeHandle as ot, useEffect as nt } from "react";
+import K, { forwardRef as nt, useContext as lt, useState as v, useRef as de, useImperativeHandle as st, useEffect as at } from "react";
 /* empty css           */
-import { Dropdown as lt, Flex as y, Modal as st, Drawer as at, Tabs as ce, Form as f, Input as O, Select as u, ColorPicker as _, Button as ge, Row as rt, message as F } from "antd";
-import { utils as P, writeFile as it } from "./index.es21.js";
-import { textPositionConfig as pe, textLayout as ct, downloadData as dt, choiceConfig as ht, linkAnalysis as gt, layoutCongig as pt, handleCalcPath as mt, getCyData as de, donwnGraphData as ut } from "./index.es8.js";
-import { GraphContext as ft } from "./index.es15.js";
-import { layout as bt, fixNodesToEdges as wt } from "./index.es9.js";
+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 { 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 { 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 yt from "./index.es22.js";
-import Ct from "./index.es23.js";
-import vt from "./index.es24.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 he } from "./index.es12.js";
-import { actionList as xt, entityRelationList as St } from "./index.es4.js";
-import { DownOutlined as Nt, RightOutlined as Lt, UpOutlined as kt, LeftOutlined as Et } from "@ant-design/icons";
+import { downloadFile as pe } from "./index.es12.js";
+import { actionList as Lt, entityRelationList as kt } from "./index.es4.js";
+import { DownOutlined as Dt, RightOutlined as Et, UpOutlined as It, LeftOutlined as Vt } from "@ant-design/icons";
+import Pt from "./index.es25.js";
 const M = (b, c) => (k) => {
   k.stopPropagation(), b == null || b(c || "");
-}, Dt = (b) => {
+}, Ot = (b) => {
   if (typeof b == "string")
     switch (b) {
       case "top":
@@ -31,32 +32,32 @@ const M = (b, c) => (k) => {
         return { bottom: 20, right: 20 };
     }
   return b;
-}, Qt = Re(({
+}, Rt = nt(({
   graphInfo: b,
   cyRef: c,
   initNodeScale: k,
   typeObj: N,
   relationObj: V,
-  colors: me
-}, ue) => {
-  const W = { ...H, ...me }, { layoutType: fe, setLayoutType: be, queryStatisticsConfig: L, actionBar: x } = et(ft), Q = typeof x == "boolean" ? x : !0, J = (x == null ? void 0 : x.position) || "top-left", U = (x == null ? void 0 : x.actionList) ?? xt, [j, we] = v((x == null ? void 0 : x.isExpand) ?? !1), [D, ye] = v(""), [Ce, G] = v(!1), [X, ve] = v(k), [xe, A] = v(!1), [Se, z] = v(!1), [Y, Ne] = v(null), [Le, R] = v(!1), [ee, te] = v(!1), [ke, Ee] = v("node"), T = tt(null), De = Array.isArray(L) ? L.length > 0 : L, [oe, Ie] = v(De), [ne, Ve] = v(/* @__PURE__ */ new Set()), [le, Pe] = v(/* @__PURE__ */ new Set());
-  ot(ue, () => ({
+  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) || "top-left", Q = (x == null ? void 0 : x.actionList) ?? Lt, [j, ve] = v((x == null ? void 0 : x.isExpand) ?? !1), [E, xe] = v(""), [Se, U] = v(!1), [X, Ne] = v(k), [Le, A] = v(!1), [ke, T] = v(!1), [Y, De] = v(null), [Ee, 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, () => ({
     onPathAnalysis: () => {
-      ae();
+      re();
     }
-  })), nt(() => {
-    se();
-  }, [D]);
-  const se = async (e) => {
+  })), at(() => {
+    ae();
+  }, [E]);
+  const ae = async (e) => {
     const o = c.current;
-    if (!o || !D) {
+    if (!o || !E) {
       o == null || o.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 i = (l.data("name") || "").toLowerCase(), s = (l.data("role") || "").toLowerCase(), h = (l.data("dept") || "").toLowerCase(), m = String(l.data("id") || "").toLowerCase();
-      return i.includes(D.toLowerCase()) || s.includes(D.toLowerCase()) || h.includes(D.toLowerCase()) || m.includes(D.toLowerCase());
+      return i.includes(E.toLowerCase()) || s.includes(E.toLowerCase()) || h.includes(E.toLowerCase()) || m.includes(E.toLowerCase());
     });
     o.nodes().removeClass("highlight"), n.addClass("highlight"), n.length === 1 ? (console.log("matchedNodes:::", n), o.animate({
       center: {
@@ -64,7 +65,7 @@ const M = (b, c) => (k) => {
       },
       duration: 500
     })) : alert("未找到对应节点");
-  }, Oe = (e) => {
+  }, Te = (e) => {
     const o = c.current;
     if (!o) return;
     const n = o.zoom();
@@ -79,42 +80,42 @@ const M = (b, c) => (k) => {
         break;
     }
     o.zoom(l), o.center();
-  }, je = () => {
-    console.log("查询节点"), A(!0), z(!1), T.current.close();
-  }, ae = () => {
-    console.log("路径分析"), A(!1), z(!0), T.current.close();
-  }, Ae = (e) => {
+  }, ze = () => {
+    console.log("查询节点"), A(!0), T(!1), z.current.close();
+  }, re = () => {
+    console.log("路径分析"), A(!1), T(!0), z.current.close();
+  }, Fe = (e) => {
     var n;
-    be(e);
+    Ce(e);
     const o = c.current;
-    o && (o.nodes().unlock(), bt(c, e), e === "cose-bilkent" && ((n = b == null ? void 0 : b.searchNodes) == null ? void 0 : n.length) === 2 && wt(
+    o && (o.nodes().unlock(), Ct(c, e), e === "cose-bilkent" && ((n = b == null ? void 0 : b.searchNodes) == null ? void 0 : n.length) === 2 && vt(
       o,
       b.searchNodes[0],
       b.searchNodes[1]
     ));
-  }, ze = () => {
+  }, He = () => {
     const e = c.current;
-    e && ut(e);
-  }, Te = () => {
+    e && wt(e);
+  }, _e = () => {
     const e = c.current;
     if (!e) return;
-    const o = de(e);
-    Ne(o), R(!0);
-  }, re = (e, o) => {
+    const o = ge(e);
+    De(o), R(!0);
+  }, ie = (e, o) => {
     const n = e.current;
     if (!n) return;
     const l = 2;
     if (o === "downloadPng") {
       const i = n.png({ scale: l, bg: "transparent", full: !0, quality: 1 });
-      he(i, `graph_${Date.now()}.png`);
+      pe(i, `graph_${Date.now()}.png`);
     } else if (o === "downloadJpg") {
       const i = n.jpg({ scale: l, bg: "#ffffff", full: !0, quality: 1 });
-      he(i, `graph_${Date.now()}.jpg`);
+      pe(i, `graph_${Date.now()}.jpg`);
     }
-  }, Fe = () => {
+  }, We = () => {
     const e = c.current;
     if (!e) return;
-    const o = de(e), { nodes: n = [], edges: l = [] } = o, i = n.map((m) => {
+    const o = ge(e), { nodes: n = [], edges: l = [] } = o, i = n.map((m) => {
       var p, r;
       const d = m.data || {}, S = d.properties || {};
       return {
@@ -132,8 +133,8 @@ const M = (b, c) => (k) => {
         属性值: S.value || ""
       };
     }), s = l.map((m) => {
-      var r, a, w, E;
-      const d = m.data || {}, S = ((a = (r = d.source) == null ? void 0 : r.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;
+      var r, a, w, D;
+      const d = m.data || {}, S = ((a = (r = d.source) == null ? void 0 : r.split("/#")[0]) == null ? void 0 : a.split("/").pop()) || d.source, p = ((D = (w = d.target) == null ? void 0 : w.split("/#")[0]) == null ? void 0 : D.split("/").pop()) || d.target;
       return {
         源节点: S,
         目标节点: p,
@@ -189,30 +190,30 @@ const M = (b, c) => (k) => {
         // 关系ID
       ], P.book_append_sheet(h, m, "关系");
     }
-    it(h, `graph_${Date.now()}.xlsx`);
-  }, He = (e, o) => {
+    ht(h, `graph_${Date.now()}.xlsx`);
+  }, Je = (e, o) => {
     switch (e.stopPropagation(), o) {
       case "downloadJson":
-        ze();
+        He();
         break;
       case "previewJsonList":
-        Te();
+        _e();
         break;
       case "downloadExcel":
-        Fe();
+        We();
         break;
       case "previewDataList":
         break;
       case "downloadJpg":
-        re(c, o);
+        ie(c, o);
         break;
       case "downloadPng":
-        re(c, o);
+        ie(c, o);
         break;
     }
-  }, _e = () => {
-    A(!1), z(!1), T.current.open();
-  }, We = (e) => {
+  }, $e = () => {
+    A(!1), T(!1), z.current.open();
+  }, Be = (e) => {
     const o = c.current;
     if (o)
       if (o.panningEnabled(!0), e === "all")
@@ -233,25 +234,25 @@ const M = (b, c) => (k) => {
       }), o.on("boxselectend", () => {
         console.log("框选结束"), o.zoomingEnabled(!0), o.panningEnabled(!0);
       }));
-  }, Je = () => {
+  }, Ze = () => {
     const e = c.current;
-    if (console.log("isShow::::"), Ce)
-      G(!1), e.nodes('[types="typed-literal" ]').style("visibility", "visible"), e.edges().style("visibility", "visible");
+    if (console.log("isShow::::"), Se)
+      U(!1), e.nodes('[types="typed-literal" ]').style("visibility", "visible"), e.edges().style("visibility", "visible");
     else {
-      G(!0);
+      U(!0);
       const o = e.nodes('[types="typed-literal" ]');
       o.style("visibility", "hidden"), o.connectedEdges().style("visibility", "hidden");
     }
-  }, $e = (e) => {
+  }, Ke = (e) => {
     const o = c.current;
     if (!o) return;
     const n = e === "out" ? Math.max(X * 0.8, 0.1) : Math.min(X * 1.2, 5);
-    ve(n);
+    Ne(n);
     const l = o.nodes();
     l.style("width", (i) => (i.data("baseWidth") || q) * n), l.style("height", (i) => (i.data("baseHeight") || q) * n);
-  }, Be = (e) => {
-    ye(e.content), se(e.content);
-  }, Ze = (e = "刘强东", o = "1") => {
+  }, Me = (e) => {
+    xe(e.content), ae(e.content);
+  }, qe = (e = "刘强东", o = "1") => {
     const n = c.current;
     if (!n) return;
     n.elements().removeClass("level-highlight level-selected grayed path-edge");
@@ -269,12 +270,12 @@ const M = (b, c) => (k) => {
         a.add(w.id()), s.merge(w);
       }), h.push(r));
       for (let w = 2; w <= i; w++) {
-        const E = n.collection();
+        const D = n.collection();
         r.forEach(($) => {
           $.neighborhood().nodes().forEach((B) => {
-            a.has(B.id()) || (a.add(B.id()), E.merge(B));
+            a.has(B.id()) || (a.add(B.id()), D.merge(B));
           });
-        }), E.forEach(($) => s.merge($)), h.push(E), r = E;
+        }), D.forEach(($) => s.merge($)), h.push(D), r = D;
       }
     }), h.forEach((p) => {
       p.addClass("level-highlight");
@@ -284,22 +285,22 @@ const M = (b, c) => (k) => {
     }).addClass("path-edge");
     const d = n.elements().filter(".level-selected, .level-highlight, .path-edge");
     n.elements().not(d).addClass("grayed"), F.success(`已高亮 "${e}" 及其 ${i} 度关联节点和连线`);
-  }, Ke = (e) => {
+  }, Ge = (e) => {
     const o = c.current;
     if (!o) return;
-    const n = new Set(ne);
-    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()), Ve(n);
-  }, Me = (e) => {
+    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);
+  }, Qe = (e) => {
     const o = c.current;
     if (!o) return;
-    const n = new Set(le);
-    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()), Pe(n);
-  }, qe = () => {
+    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);
+  }, Ue = () => {
     const e = c.current;
     e.remove(e.elements());
-  }, Qe = () => {
+  }, Xe = () => {
     te(!ee);
-  }, Ue = (e) => {
+  }, Ye = (e) => {
     var i, s;
     const o = c.current;
     if (!o) return;
@@ -321,7 +322,9 @@ const M = (b, c) => (k) => {
         "text-opacity": m ? 1 : 0
       });
     }), F.success("节点配置保存成功");
-  }, Ge = (e) => {
+  }, Re = () => {
+    oe.current.open(we);
+  }, et = (e) => {
     var h, m, d, S, p, r;
     const o = c.current;
     if (!o) return;
@@ -345,46 +348,49 @@ const M = (b, c) => (k) => {
         "text-background-padding": "2px"
       });
     }), F.success("连线配置保存成功");
-  }, Xe = Dt(J), C = J === "left" || J === "right";
-  if (console.log(1e3, Q, U), !Q) return null;
-  const Ye = Array.isArray(L) && (L == null ? void 0 : L.length) > 0 ? L : St, ie = () => /* @__PURE__ */ g(rt, { justify: "center", align: "middle", className: I("cursor", {
+  }, tt = Ot(J), 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", {
     "oprate-btn-vertical": C,
     "oprate-btn": !C
-  }), onClick: () => we(!j), children: [
+  }), onClick: () => ve(!j), children: [
     "操作 ",
-    j ? C ? /* @__PURE__ */ t(Nt, {}) : /* @__PURE__ */ t(Lt, {}) : C ? /* @__PURE__ */ t(kt, {}) : /* @__PURE__ */ t(Et, {})
+    j ? C ? /* @__PURE__ */ t(Dt, {}) : /* @__PURE__ */ t(Et, {}) : C ? /* @__PURE__ */ t(It, {}) : /* @__PURE__ */ t(Vt, {})
   ] });
   return /* @__PURE__ */ g(Z, { children: [
-    /* @__PURE__ */ t("div", { className: I("graph-bar", { "graph-bar-vertical": C }), style: Xe, children: /* @__PURE__ */ g("div", { className: I("graph-bar-min", {
+    /* @__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 && ie(),
+      !C && ce(),
       /* @__PURE__ */ t("div", { className: I({
         "graph-bar-expand-wrapper-vertical": C,
         "graph-bar-expand-wrapper": !C,
         "collapsed-vertical": !j && C,
         collapsed: !j && !C
-      }), children: U.map(({ key: e, title: o, icon: n, onClick: l }) => {
+      }), children: Q.map(({ key: e, title: o, icon: n, onClick: l }) => {
         var m, d, S, p;
         const i = () => n && n.length > 0 ? n.length > 1 ? /* @__PURE__ */ t(y, { gap: "5px", children: n.map((r, a) => e === "nodeZoom" ? K.cloneElement(r, {
-          onClick: () => $e(a === 0 ? "in" : "out"),
+          onClick: () => Ke(a === 0 ? "in" : "out"),
           key: a
         }) : e === "canvasZoom" ? K.cloneElement(r, {
-          onClick: () => Oe(a === 0 ? "in" : "out"),
+          onClick: () => Te(a === 0 ? "in" : "out"),
           key: a
         }) : K.cloneElement(r, { key: a })) }) : /* @__PURE__ */ t(y, { gap: "5px", children: n }) : null, s = (r) => {
           switch (console.log(444, e, r), e) {
             case "queryStatistics":
-              Ie(!oe);
+              Oe(!ne);
               break;
             case "graphDisplaySettings":
-              Qe();
+              Xe();
               break;
             case "hideAttributes":
-              Je();
+              Ze();
               break;
             case "clearCanvas":
-              qe();
+              Ue();
+              break;
+            case "tablelist":
+              Re();
               break;
             default:
               r == null || r(c);
@@ -394,40 +400,40 @@ const M = (b, c) => (k) => {
           let r = [];
           switch (e) {
             case "layout":
-              r = (m = pt) == null ? void 0 : m.map((a) => ({
+              r = (m = ft) == null ? void 0 : m.map((a) => ({
                 ...a,
-                label: /* @__PURE__ */ t("div", { className: I({ "text-[#145afd]": fe === a.key }), onClick: M(Ae, a.key), children: a.label })
+                label: /* @__PURE__ */ t("div", { className: I({ "text-[#145afd]": ye === a.key }), onClick: M(Fe, a.key), children: a.label })
               }));
               break;
             case "analysis":
-              r = gt.map((a) => ({
+              r = ut.map((a) => ({
                 ...a,
                 label: /* @__PURE__ */ t("div", { onClick: (w) => {
                   switch (w.stopPropagation(), a.key) {
                     case "query":
-                      je();
+                      ze();
                       break;
                     case "link":
-                      _e();
+                      $e();
                       break;
                     case "path":
-                      ae();
+                      re();
                       break;
                   }
                 }, children: a.label })
               }));
               break;
             case "select":
-              r = (d = ht) == null ? void 0 : d.map((a) => ({ ...a, label: /* @__PURE__ */ t("div", { onClick: M(We, a.key), children: a.label }) }));
+              r = (d = mt) == null ? void 0 : d.map((a) => ({ ...a, label: /* @__PURE__ */ t("div", { onClick: M(Be, a.key), children: a.label }) }));
               break;
             case "downloadData":
-              r = (S = dt) == null ? void 0 : S.map((a) => ({ ...a, label: /* @__PURE__ */ t("div", { onClick: (w) => He(w, a.key), children: a.label }) }));
+              r = (S = pt) == null ? void 0 : S.map((a) => ({ ...a, label: /* @__PURE__ */ t("div", { onClick: (w) => Je(w, a.key), children: a.label }) }));
               break;
             case "textPosition":
-              r = (p = pe) == null ? void 0 : p.map((a) => ({ ...a, label: /* @__PURE__ */ t("div", { onClick: M(() => ct(c, a.key), a.key), children: a.label }) }));
+              r = (p = ue) == null ? void 0 : p.map((a) => ({ ...a, label: /* @__PURE__ */ t("div", { onClick: M(() => gt(c, a.key), a.key), children: a.label }) }));
               break;
           }
-          return /* @__PURE__ */ t(lt, { trigger: ["hover"], placement: C ? "bottomRight" : "bottom", menu: { items: r }, children: /* @__PURE__ */ g(y, { wrap: !0, align: "center", justify: "center", className: "hove-active cursor bar-item", children: [
+          return /* @__PURE__ */ t(rt, { trigger: ["hover"], placement: C ? "bottomRight" : "bottom", menu: { items: r }, children: /* @__PURE__ */ g(y, { wrap: !0, align: "center", justify: "center", className: "hove-active cursor bar-item", children: [
             i(),
             /* @__PURE__ */ t(y, { className: "w-100", justify: "center", children: o })
           ] }) }, e);
@@ -437,16 +443,16 @@ const M = (b, c) => (k) => {
           /* @__PURE__ */ t(y, { className: "w-100", justify: "center", children: o })
         ] }, e);
       }) }),
-      C && ie()
+      C && ce()
     ] }) }),
-    /* @__PURE__ */ t(yt, { isVisible: xe, searchChange: (e) => Be(e), closeQuery: () => A(!1) }),
-    /* @__PURE__ */ t(Ct, { isVisible: Se, analysis: (e) => mt(c, { nodes: e.map((o) => ({ id: o })) }), closePath: () => z(!1) }),
-    /* @__PURE__ */ t(vt, { ref: T, onLevelClick: Ze }),
+    /* @__PURE__ */ t(xt, { isVisible: Le, searchChange: (e) => Me(e), closeQuery: () => A(!1) }),
+    /* @__PURE__ */ t(St, { isVisible: ke, analysis: (e) => bt(c, { nodes: e.map((o) => ({ id: o })) }), closePath: () => T(!1) }),
+    /* @__PURE__ */ t(Nt, { ref: z, onLevelClick: qe }),
     /* @__PURE__ */ t(
-      st,
+      it,
       {
         title: "JSON预览",
-        open: Le,
+        open: Ee,
         onCancel: () => R(!1),
         footer: null,
         width: 800,
@@ -454,7 +460,7 @@ const M = (b, c) => (k) => {
       }
     ),
     /* @__PURE__ */ t(
-      at,
+      ct,
       {
         title: "图显示设置",
         placement: "right",
@@ -469,34 +475,35 @@ const M = (b, c) => (k) => {
         },
         getContainer: !1,
         children: /* @__PURE__ */ t(
-          ce,
+          he,
           {
-            activeKey: ke,
-            onChange: Ee,
+            activeKey: Ie,
+            onChange: Ve,
             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__ */ t(It, { onSave: Ue, colors: W })
+                children: /* @__PURE__ */ t(jt, { onSave: Ye, colors: W })
               },
               {
                 label: "连线设置",
                 key: "edge",
-                children: /* @__PURE__ */ t(Vt, { onSave: Ge, colors: W })
+                children: /* @__PURE__ */ t(At, { onSave: et, colors: W })
               }
             ]
           }
         )
       }
     ),
+    /* @__PURE__ */ t(Pt, { ref: oe }),
     /* @__PURE__ */ t("div", { className: I("gtaph-statics absolute", {
-      hidden: !oe
+      hidden: !ne
     }), children: /* @__PURE__ */ t(
-      ce,
+      he,
       {
-        items: Ye.map(({ key: e, label: o }) => {
+        items: ot.map(({ key: e, label: o }) => {
           var n, l, i;
           return e === "entity" ? {
             label: o,
@@ -510,7 +517,7 @@ const M = (b, c) => (k) => {
                 /* @__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 ${ne.has(s) ? "opacity-30" : ""}`, onClick: () => Ke(s), children: [
+              /* @__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__ */ g(y, { align: "center", gap: "2px", children: [
                   /* @__PURE__ */ t("img", { className: "w-20px rounded-50", src: N[s].img, alt: "" }),
                   s,
@@ -531,7 +538,7 @@ const M = (b, c) => (k) => {
                 /* @__PURE__ */ t("span", { children: "关系类型：" }),
                 /* @__PURE__ */ t("span", { children: (i = Object.values(V)) == null ? void 0 : i.reduce((s, h) => s + 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 ${le.has(s) ? "opacity-30" : ""}`, onClick: () => Me(s), children: [
+              /* @__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__ */ g("span", { children: [
                   s,
                   "："
@@ -544,7 +551,7 @@ const M = (b, c) => (k) => {
       }
     ) })
   ] });
-}), It = ({ onSave: b, colors: c }) => {
+}), jt = ({ onSave: b, colors: c }) => {
   const [k] = f.useForm();
   return /* @__PURE__ */ g(f, { form: k, layout: "vertical", onFinish: b, className: "setting-form", children: [
     /* @__PURE__ */ g("div", { className: "setting-form-content", children: [
@@ -553,7 +560,7 @@ const M = (b, c) => (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: pe.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: ue.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: c.nodeLabelColor, children: /* @__PURE__ */ t(_, { showText: !0 }) }),
       /* @__PURE__ */ t(f.Item, { label: "字体大小", name: "fontSize", initialValue: c.nodeLabelFontSize, children: /* @__PURE__ */ t(O, { type: "number", placeholder: "请输入字体大小" }) }),
@@ -567,9 +574,9 @@ const M = (b, c) => (k) => {
         /* @__PURE__ */ t(u.Option, { value: "italic", children: "斜体" })
       ] }) })
     ] }),
-    /* @__PURE__ */ t("div", { className: "setting-form-footer", children: /* @__PURE__ */ t(f.Item, { children: /* @__PURE__ */ t(ge, { type: "primary", htmlType: "submit", block: !0, children: "保存节点配置" }) }) })
+    /* @__PURE__ */ t("div", { className: "setting-form-footer", children: /* @__PURE__ */ t(f.Item, { children: /* @__PURE__ */ t(me, { type: "primary", htmlType: "submit", block: !0, children: "保存节点配置" }) }) })
   ] });
-}, Vt = ({ onSave: b, colors: c }) => {
+}, At = ({ onSave: b, colors: c }) => {
   const [k] = f.useForm();
   return /* @__PURE__ */ g(f, { form: k, layout: "vertical", onFinish: b, className: "setting-form", children: [
     /* @__PURE__ */ g("div", { className: "setting-form-content", children: [
@@ -595,10 +602,10 @@ const M = (b, c) => (k) => {
       ] }) }),
       /* @__PURE__ */ t(f.Item, { label: "标签背景色", name: "labelBgColor", initialValue: "#ffffff", children: /* @__PURE__ */ t(_, { showText: !0 }) })
     ] }),
-    /* @__PURE__ */ t("div", { className: "setting-form-footer", children: /* @__PURE__ */ t(f.Item, { children: /* @__PURE__ */ t(ge, { type: "primary", htmlType: "submit", block: !0, children: "保存连线配置" }) }) })
+    /* @__PURE__ */ t("div", { className: "setting-form-footer", children: /* @__PURE__ */ t(f.Item, { children: /* @__PURE__ */ t(me, { type: "primary", htmlType: "submit", block: !0, children: "保存连线配置" }) }) })
   ] });
 };
 export {
-  xt as actionList,
-  Qt as default
+  Lt as actionList,
+  Rt as default
 };

package/lib/index.es8.js

@@ -1,16 +1,16 @@
 import { message as v } from "antd";
-import O from "./index.es25.js";
-import j from "./index.es26.js";
-import I from "./index.es27.js";
-import P from "./index.es28.js";
-import D from "./index.es29.js";
-import $ from "./index.es30.js";
-import J from "./index.es31.js";
-import R from "./index.es32.js";
-import A from "./index.es33.js";
-import q from "./index.es34.js";
-import B from "./index.es35.js";
-import T from "./index.es36.js";
+import O from "./index.es26.js";
+import j from "./index.es27.js";
+import I from "./index.es28.js";
+import P from "./index.es29.js";
+import D from "./index.es30.js";
+import $ from "./index.es31.js";
+import J from "./index.es32.js";
+import R from "./index.es33.js";
+import A from "./index.es34.js";
+import q from "./index.es35.js";
+import B from "./index.es36.js";
+import T from "./index.es37.js";
 import { jsonStringifyParse as U } from "./index.es12.js";
 const N = [O, j, I, P, D, $, J, R, A, q], W = (s) => {
   let o = { _: { count: 0 } };

package/lib/index.es9.js

@@ -43,32 +43,27 @@ const I = (e, n, r, o = 20) => {
   return console.log("fixNodesToEdges: 完成"), !0;
 }, c = () => ({
   name: "cose-bilkent",
-  // 核心优化
-  nodeRepulsion: 1005e3,
-  // 大幅增加斥力，让节点分散
+  // 核心优化 — 降低迭代和斥力以大幅提速
+  nodeRepulsion: 5e5,
+  // 降低斥力（原1005000），迭代收敛更快
   idealEdgeLength: 100,
-  // 拉长边长，避免拥挤
   edgeElasticity: 0.3,
-  // 适度弹性，保持边距
-  numIter: 2500,
-  // 保持迭代次数
+  numIter: 500,
+  // 大幅减少迭代次数（原2500），5x提速
   // 布局对齐
   fit: !0,
   padding: 50,
-  // 增加内边距
   randomize: !1,
-  animate: "end",
-  //fit、none
-  animationDuration: 1e3,
+  animate: !1,
+  // 关闭动画，避免额外开销
+  animationDuration: 500,
   // 辅助优化
   nodeDimensionsIncludeLabels: !0,
-  // 让节点自动适应标签长度
   tile: !0,
   tilingPaddingVertical: 15,
   tilingPaddingHorizontal: 15,
   gravity: 0.6,
-  // 稍强的向心力，避免过于分散
-  // 其他保持默认
+  // 其他
   nestingFactor: 0.1,
   gravityRange: 3,
   gravityRangeCompound: 1.5,

package/lib/src/components/Graph/components/GraphListData/index.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const GraphDataTable: React.FC;
+export default GraphDataTable;

package/lib/src/components/Graph/components/NodeInfoDrawer/index.d.ts

@@ -1,3 +1,6 @@
 import { default as React } from 'react';
-declare const _default: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+interface NodeInfoDrawerProps {
+    cyRef: React.MutableRefObject<any>;
+}
+declare const _default: React.ForwardRefExoticComponent<NodeInfoDrawerProps & React.RefAttributes<unknown>>;
 export default _default;

package/lib/src/components/Graph/utils/layouts.d.ts

@@ -9,7 +9,7 @@ export declare const coseBilkentLayout: () => {
     fit: boolean;
     padding: number;
     randomize: boolean;
-    animate: string;
+    animate: boolean;
     animationDuration: number;
     nodeDimensionsIncludeLabels: boolean;
     tile: boolean;