react-kggraph 0.0.22 → 0.0.23

package/lib/index.es7.js

@@ -1,21 +1,21 @@
 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";
+import Z, { forwardRef as Ue, useContext as Xe, useState as y, useRef as Ye, useImperativeHandle as Be, useEffect as Re } 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 { Dropdown as et, Flex as x, Modal as tt, Drawer as ot, Tabs as ie, Form as u, Input as I, Select as m, ColorPicker as A, Button as he, message as z } from "antd";
+import { utils as E, writeFile as lt } from "./index.es18.js";
+import { textPositionConfig as ge, textLayout as nt, downloadData as st, choiceConfig as at, linkAnalysis as rt, layoutCongig as it, handleCalcPath as ct, getCyData as ce, donwnGraphData as dt } from "./index.es8.js";
+import { GraphContext as ht } from "./index.es15.js";
+import { layout as gt, fixNodesToEdges as mt } from "./index.es9.js";
+import { defaultColors as T, nodeSize as K } from "./index.es10.js";
+import ut from "./index.es19.js";
+import pt from "./index.es20.js";
+import ft from "./index.es21.js";
 import j from "./index.es22.js";
-import { downloadFile as ce } from "./index.es12.js";
-import { actionList as ft } from "./index.es4.js";
+import { downloadFile as de } from "./index.es12.js";
+import { actionList as bt } from "./index.es4.js";
 const q = (b, r) => (S) => {
   S.stopPropagation(), b == null || b(r || "");
-}, bt = (b) => {
+}, wt = (b) => {
   if (typeof b == "string")
     switch (b) {
       case "top":
@@ -37,25 +37,25 @@ const q = (b, r) => (S) => {
         return { bottom: 20, right: 20 };
     }
   return b;
-}, At = Ge(({
+}, Ft = Ue(({
   graphInfo: b,
   cyRef: r,
   initNodeScale: S,
   typeObj: v,
   relationObj: D,
-  colors: ge,
+  colors: me,
   actionBar: L
-}, me) => {
-  var ne, se, ae;
-  const F = (L == null ? void 0 : L.position) || "top-left", 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, () => ({
+}, ue) => {
+  var se, ae, re;
+  const F = (L == null ? void 0 : L.position) || "top-left", M = (L == null ? void 0 : L.actionList) ?? bt, H = { ...T, ...me }, { layoutType: pe, setLayoutType: fe } = Xe(ht), [k, be] = y(""), [we, Q] = y(!1), [G, ye] = y(S), [Ce, V] = y(!1), [ve, P] = y(!1), [U, xe] = y(null), [Se, X] = y(!1), [Y, B] = y(!1), [Ne, Le] = y("node"), O = Ye(null), [R, ke] = y(!0), [ee, De] = y(/* @__PURE__ */ new Set()), [te, Ee] = y(/* @__PURE__ */ new Set());
+  Be(ue, () => ({
     onPathAnalysis: () => {
-      oe();
+      le();
     }
-  })), Be(() => {
-    te();
+  })), Re(() => {
+    oe();
   }, [k]);
-  const te = async (e) => {
+  const oe = async (e) => {
     const t = r.current;
     if (!t || !k) {
       t == null || t.nodes().removeClass("highlight"), t == null || t.fit();
@@ -71,7 +71,7 @@ const q = (b, r) => (S) => {
       },
       duration: 500
     })) : alert("未找到对应节点");
-  }, Ee = (e) => {
+  }, Ie = (e) => {
     const t = r.current;
     if (!t) return;
     const l = t.zoom();
@@ -86,42 +86,42 @@ const q = (b, r) => (S) => {
         break;
     }
     t.zoom(n), t.center();
-  }, Ie = () => {
+  }, Ve = () => {
     console.log("查询节点"), V(!0), P(!1), O.current.close();
-  }, oe = () => {
+  }, le = () => {
     console.log("路径分析"), V(!1), P(!0), O.current.close();
-  }, Ve = (e) => {
+  }, Pe = (e) => {
     var l;
-    pe(e);
+    fe(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 && (t.nodes().unlock(), gt(r, e), e === "cose-bilkent" && ((l = b == null ? void 0 : b.searchNodes) == null ? void 0 : l.length) === 2 && mt(
       t,
       b.searchNodes[0],
       b.searchNodes[1]
     ));
-  }, Pe = () => {
-    const e = r.current;
-    e && ct(e);
   }, Oe = () => {
+    const e = r.current;
+    e && dt(e);
+  }, ze = () => {
     const e = r.current;
     if (!e) return;
-    const t = ie(e);
-    ve(t), U(!0);
-  }, le = (e, t) => {
+    const t = ce(e);
+    xe(t), X(!0);
+  }, ne = (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`);
+      de(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`);
+      de(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) => {
+    const t = ce(e), { nodes: l = [], edges: n = [] } = t, c = l.map((g) => {
       var h, a;
       const i = g.data || {}, C = i.properties || {};
       return {
@@ -196,14 +196,14 @@ const q = (b, r) => (S) => {
         // 关系ID
       ], E.book_append_sheet(p, g, "关系");
     }
-    ot(p, `graph_${Date.now()}.xlsx`);
-  }, ze = (e, t) => {
+    lt(p, `graph_${Date.now()}.xlsx`);
+  }, je = (e, t) => {
     switch (e.stopPropagation(), t) {
       case "downloadJson":
-        Pe();
+        Oe();
         break;
       case "previewJsonList":
-        Oe();
+        ze();
         break;
       case "downloadExcel":
         Te();
@@ -211,15 +211,15 @@ const q = (b, r) => (S) => {
       case "previewDataList":
         break;
       case "downloadJpg":
-        le(r, t);
+        ne(r, t);
         break;
       case "downloadPng":
-        le(r, t);
+        ne(r, t);
         break;
     }
-  }, je = () => {
+  }, Ae = () => {
     V(!1), P(!1), O.current.open();
-  }, Ae = (e) => {
+  }, Fe = (e) => {
     const t = r.current;
     if (t)
       if (t.panningEnabled(!0), e === "all")
@@ -240,31 +240,31 @@ const q = (b, r) => (S) => {
       }), t.on("boxselectend", () => {
         console.log("框选结束"), t.zoomingEnabled(!0), t.panningEnabled(!0);
       }));
-  }, Fe = () => {
+  }, He = () => {
     const e = r.current;
-    if (console.log("isShow::::"), be)
-      M(!1), e.nodes('[types="typed-literal" ]').style("visibility", "visible"), e.edges().style("visibility", "visible");
+    if (console.log("isShow::::"), we)
+      Q(!1), e.nodes('[types="typed-literal" ]').style("visibility", "visible"), e.edges().style("visibility", "visible");
     else {
-      M(!0);
+      Q(!0);
       const t = e.nodes('[types="typed-literal" ]');
       t.style("visibility", "hidden"), t.connectedEdges().style("visibility", "hidden");
     }
-  }, He = (e) => {
+  }, _e = (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 l = e === "out" ? Math.max(G * 0.8, 0.1) : Math.min(G * 1.2, 5);
+    ye(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") => {
+    n.style("width", (c) => (c.data("baseWidth") || K) * l), n.style("height", (c) => (c.data("baseHeight") || K) * l);
+  }, We = (e) => {
+    be(e.content), oe(e.content);
+  }, Je = (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}`);
+      z.warning(`未找到节点: ${e}`);
       return;
     }
     const c = parseInt(t) || 1, d = l.collection(), p = [];
@@ -290,23 +290,23 @@ const q = (b, r) => (S) => {
       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);
+    l.elements().not(i).addClass("level-grayed"), z.success(`已高亮 "${e}" 及其 ${c} 度关联节点和连线`);
   }, $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 = () => {
+    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()), De(l);
+  }, Ze = (e) => {
+    const t = r.current;
+    if (!t) return;
+    const l = new Set(te);
+    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()), Ee(l);
+  }, qe = () => {
     const e = r.current;
     e.remove(e.elements());
-  }, qe = () => {
-    Y(!X);
-  }, Ke = (e) => {
+  }, Ke = () => {
+    B(!Y);
+  }, Me = (e) => {
     var c, d;
     const t = r.current;
     if (!t) return;
@@ -327,8 +327,8 @@ const q = (b, r) => (S) => {
         label: g,
         "text-opacity": g ? 1 : 0
       });
-    }), T.success("节点配置保存成功");
-  }, Me = (e) => {
+    }), z.success("节点配置保存成功");
+  }, Qe = (e) => {
     var p, g, i, C, h, a;
     const t = r.current;
     if (!t) return;
@@ -338,11 +338,11 @@ const q = (b, r) => (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,
+        "line-color": l || T.edgeDefaultColor,
+        "target-arrow-color": l || T.edgeDefaultColor,
         "target-arrow-shape": e.showArrow === "show" ? "triangle" : "none",
         "font-size": e.fontSize,
-        color: n || z.edgeLabelColor,
+        color: n || T.edgeLabelColor,
         "font-weight": e.fontWeight,
         "font-style": e.fontStyle,
         label: w,
@@ -351,32 +351,32 @@ const q = (b, r) => (S) => {
         "text-background-opacity": c ? 1 : 0,
         "text-background-padding": "2px"
       });
-    }), 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", {
+    }), z.success("连线配置保存成功");
+  }, Ge = wt(F), _ = F === "left" || F === "right";
+  return console.log(1e3, M), /* @__PURE__ */ f($, { children: [
+    /* @__PURE__ */ o("div", { className: j("graph-bar", { "graph-bar-vertical": _ }), style: Ge, children: /* @__PURE__ */ o("div", { className: j("graph-bar-min", {
       "graph-bar-min-vertical": _
-    }), children: K.map(({ key: e, title: t, icon: l, onClick: n }) => {
+    }), children: M.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"),
+        onClick: () => _e(s === 0 ? "in" : "out"),
         key: s
       }) : e === "canvasZoom" ? Z.cloneElement(a, {
-        onClick: () => Ee(s === 0 ? "in" : "out"),
+        onClick: () => Ie(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);
+            ke(!R);
             break;
           case "graphDisplaySettings":
-            qe();
+            Ke();
             break;
           case "hideAttributes":
-            Fe();
+            He();
             break;
           case "clearCanvas":
-            Ze();
+            qe();
             break;
           default:
             a == null || a(r);
@@ -386,40 +386,40 @@ const q = (b, r) => (S) => {
         let a = [];
         switch (e) {
           case "layout":
-            a = (g = rt) == null ? void 0 : g.map((s) => ({
+            a = (g = it) == 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 })
+              label: /* @__PURE__ */ o("div", { className: j({ "text-[#145afd]": pe === s.key }), onClick: q(Pe, s.key), children: s.label })
             }));
             break;
           case "analysis":
-            a = at.map((s) => ({
+            a = rt.map((s) => ({
               ...s,
               label: /* @__PURE__ */ o("div", { onClick: (w) => {
                 switch (w.stopPropagation(), s.key) {
                   case "query":
-                    Ie();
+                    Ve();
                     break;
                   case "link":
-                    je();
+                    Ae();
                     break;
                   case "path":
-                    oe();
+                    le();
                     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 }) }));
+            a = (i = at) == null ? void 0 : i.map((s) => ({ ...s, label: /* @__PURE__ */ o("div", { onClick: q(Fe, 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 }) }));
+            a = (C = st) == null ? void 0 : C.map((s) => ({ ...s, label: /* @__PURE__ */ o("div", { onClick: (w) => je(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 }) }));
+            a = (h = ge) == null ? void 0 : h.map((s) => ({ ...s, label: /* @__PURE__ */ o("div", { onClick: q(() => nt(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: [
+        return /* @__PURE__ */ o(et, { 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);
@@ -429,27 +429,27 @@ const q = (b, r) => (S) => {
         /* @__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(ut, { isVisible: Ce, searchChange: (e) => We(e), closeQuery: () => V(!1) }),
+    /* @__PURE__ */ o(pt, { isVisible: ve, analysis: (e) => ct(r, { pathNodes: e }), closePath: () => P(!1) }),
+    /* @__PURE__ */ o(ft, { ref: O, onLevelClick: Je }),
     /* @__PURE__ */ o(
-      et,
+      tt,
       {
         title: "JSON预览",
-        open: xe,
-        onCancel: () => U(!1),
+        open: Se,
+        onCancel: () => X(!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) : "暂无数据" })
+        children: /* @__PURE__ */ o("pre", { style: { maxHeight: "60vh", overflow: "auto", background: "#f5f5f5", padding: "16px", borderRadius: "4px" }, children: U ? JSON.stringify(U, null, 2) : "暂无数据" })
       }
     ),
     /* @__PURE__ */ o(
-      tt,
+      ot,
       {
         title: "图显示设置",
         placement: "right",
-        open: X,
-        onClose: () => Y(!1),
+        open: Y,
+        onClose: () => B(!1),
         mask: !1,
         size: 300,
         styles: {
@@ -459,22 +459,22 @@ const q = (b, r) => (S) => {
         },
         getContainer: !1,
         children: /* @__PURE__ */ o(
-          re,
+          ie,
           {
-            activeKey: Se,
-            onChange: Ne,
+            activeKey: Ne,
+            onChange: Le,
             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 })
+                children: /* @__PURE__ */ o(yt, { onSave: Me, colors: H })
               },
               {
                 label: "连线设置",
                 key: "edge",
-                children: /* @__PURE__ */ o(yt, { onSave: Me, colors: H })
+                children: /* @__PURE__ */ o(Ct, { onSave: Qe, colors: H })
               }
             ]
           }
@@ -482,9 +482,9 @@ const q = (b, r) => (S) => {
       }
     ),
     /* @__PURE__ */ o("div", { className: j("gtaph-statics absolute", {
-      hidden: !B
+      hidden: !R
     }), children: /* @__PURE__ */ o(
-      re,
+      ie,
       {
         items: [
           {
@@ -499,7 +499,7 @@ const q = (b, r) => (S) => {
                 "实体类型：",
                 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(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 ${ee.has(e) ? "opacity-30" : ""}`, onClick: () => $e(e), children: [
                 /* @__PURE__ */ o("img", { className: "w-20px rounded-50", src: v[e].img, alt: "" }),
                 e,
                 "：",
@@ -510,16 +510,16 @@ const q = (b, r) => (S) => {
           {
             label: "关系",
             key: "relation",
-            children: /* @__PURE__ */ o($, { children: ((ne = Object.keys(D)) == null ? void 0 : ne.length) > 0 ? /* @__PURE__ */ f("div", { children: [
+            children: /* @__PURE__ */ o($, { children: ((se = Object.keys(D)) == null ? void 0 : se.length) > 0 ? /* @__PURE__ */ f("div", { children: [
               /* @__PURE__ */ f("div", { children: [
                 "关系数量：",
-                (se = Object.keys(D)) == null ? void 0 : se.length
+                (ae = Object.keys(D)) == null ? void 0 : ae.length
               ] }),
               /* @__PURE__ */ f("div", { className: "my-4px", children: [
                 "关系类型：",
-                (ae = Object.values(D)) == null ? void 0 : ae.reduce((e, t) => e + t, 0)
+                (re = Object.values(D)) == null ? void 0 : re.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: [
+              /* @__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 ${te.has(e) ? "opacity-30" : ""}`, onClick: () => Ze(e), children: [
                 e,
                 "：",
                 D[e]
@@ -530,16 +530,16 @@ const q = (b, r) => (S) => {
       }
     ) })
   ] });
-}), wt = ({ onSave: b, colors: r }) => {
+}), 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: "nodeSize", initialValue: 80, children: /* @__PURE__ */ o(I, { type: "number", placeholder: "请输入节点大小" }) }),
+      /* @__PURE__ */ o(u.Item, { label: "节点大小", name: "nodeSize", initialValue: K, 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: "textPosition", initialValue: "bottom", children: /* @__PURE__ */ o(m, { children: ge.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: "请输入字体大小" }) }),
@@ -553,9 +553,9 @@ const q = (b, r) => (S) => {
         /* @__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: "保存节点配置" }) }) })
+    /* @__PURE__ */ o("div", { className: "setting-form-footer", children: /* @__PURE__ */ o(u.Item, { children: /* @__PURE__ */ o(he, { type: "primary", htmlType: "submit", block: !0, children: "保存节点配置" }) }) })
   ] });
-}, yt = ({ onSave: b, colors: r }) => {
+}, Ct = ({ 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: [
@@ -581,10 +581,10 @@ const q = (b, r) => (S) => {
       ] }) }),
       /* @__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: "保存连线配置" }) }) })
+    /* @__PURE__ */ o("div", { className: "setting-form-footer", children: /* @__PURE__ */ o(u.Item, { children: /* @__PURE__ */ o(he, { type: "primary", htmlType: "submit", block: !0, children: "保存连线配置" }) }) })
   ] });
 };
 export {
-  ft as actionList,
-  At as default
+  bt as actionList,
+  Ft as default
 };

package/lib/src/components/Graph/components/KnowledgeCard/components/AudioSection.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+interface AudioItem {
+    propertyKey: string;
+    propertyValue: string;
+}
+interface AudioSectionProps {
+    audios: AudioItem[];
+    forceSingleColumn?: boolean;
+    source?: string;
+}
+declare const AudioSection: React.FC<AudioSectionProps>;
+export default AudioSection;

package/lib/src/components/Graph/components/KnowledgeCard/components/DocumentSection.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+interface DocumentItem {
+    propertyKey: string;
+    propertyValue: string;
+}
+interface DocumentSectionProps {
+    documents: DocumentItem[];
+    forceSingleColumn?: boolean;
+    source: any;
+}
+declare const DocumentSection: React.FC<DocumentSectionProps>;
+export default DocumentSection;

package/lib/src/components/Graph/components/KnowledgeCard/components/ImageSection.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+interface ImageItem {
+    propertyKey: string;
+    propertyValue: string;
+}
+interface ImageSectionProps {
+    images: ImageItem[];
+    forceSingleColumn?: boolean;
+    source?: string;
+}
+declare const ImageSection: React.FC<ImageSectionProps>;
+export default ImageSection;

package/lib/src/components/Graph/components/KnowledgeCard/components/ListCard.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { EntityInfo } from '../../../../../../api/kg/kgSerach';
+interface ListCardProps {
+    entity: EntityInfo;
+    viewMode: 'list' | 'grid';
+    keyword?: string;
+    className?: string;
+    contentClass?: string;
+    titleClass?: string;
+    onViewDetails: (entity: EntityInfo) => void;
+    source?: string;
+}
+declare const ListCard: React.FC<ListCardProps>;
+export default ListCard;

package/lib/src/components/Graph/components/KnowledgeCard/components/PropertySection.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+interface Property {
+    propertyKey: string;
+    propertyValue: string;
+}
+interface PropertySectionProps {
+    properties: Property[];
+    excludedKeys?: string[];
+}
+declare const PropertySection: React.FC<PropertySectionProps>;
+export default PropertySection;

package/lib/src/components/Graph/components/KnowledgeCard/components/RelationSection.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+interface RelationItem {
+    propertyKey: string;
+    propertyValue: string;
+}
+interface RelationSectionProps {
+    relations: RelationItem[];
+    kgIds?: any;
+    viewMode?: 'list' | 'grid';
+    source?: string;
+}
+declare const RelationSection: React.FC<RelationSectionProps>;
+export default RelationSection;

package/lib/src/components/Graph/components/KnowledgeCard/components/SourceCard.d.ts

@@ -0,0 +1,6 @@
+declare const _default: ({ detailData, drawerInfo, loading }: {
+    detailData: any;
+    drawerInfo: any;
+    loading: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/src/components/Graph/components/KnowledgeCard/components/VideoSection.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+interface VideoItem {
+    propertyKey: string;
+    propertyValue: string;
+}
+interface VideoSectionProps {
+    videos: VideoItem[];
+    forceSingleColumn?: boolean;
+    source?: string;
+}
+declare const VideoSection: React.FC<VideoSectionProps>;
+export default VideoSection;