react-kggraph 0.0.31 → 0.0.32

package/lib/index.es7.js

@@ -13,51 +13,51 @@ import Nt from "./index.es24.js";
 import I from "./index.es17.js";
 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 { DownOutlined as Et, RightOutlined as Dt, 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 || "");
-}, Ot = (b) => {
+const M = (b, r) => (k) => {
+  k.stopPropagation(), b == null || b(r || "");
+}, Ot = (b, r) => {
   if (typeof b == "string")
     switch (b) {
       case "top":
-        return { top: 20, left: 20 };
+        return { top: 20, left: 20, ...r };
       case "bottom":
-        return { bottom: 20, left: 20 };
+        return { bottom: 20, left: 20, ...r };
       case "left":
-        return { bottom: "10%", left: 20 };
+        return { bottom: "10%", left: 20, ...r };
       case "right":
-        return { bottom: "10%", right: 20 };
+        return { bottom: "10%", right: 20, ...r };
       default:
         return { bottom: 20, right: 20 };
     }
   return b;
 }, Rt = nt(({
   graphInfo: b,
-  cyRef: c,
+  cyRef: r,
   initNodeScale: k,
   typeObj: N,
   relationObj: V,
   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());
+  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) || "left", Q = (x == null ? void 0 : x.actionList) ?? Lt, [j, ve] = v((x == null ? void 0 : x.isExpand) ?? !1), [D, xe] = v(""), [Se, U] = v(!1), [X, Ne] = v(k), [Le, A] = v(!1), [ke, T] = v(!1), [Y, Ee] = v(null), [De, 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: () => {
       re();
     }
   })), at(() => {
     ae();
-  }, [E]);
+  }, [D]);
   const ae = async (e) => {
-    const o = c.current;
-    if (!o || !E) {
+    const o = r.current;
+    if (!o || !D) {
       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(E.toLowerCase()) || s.includes(E.toLowerCase()) || h.includes(E.toLowerCase()) || m.includes(E.toLowerCase());
+      const c = (l.data("name") || "").toLowerCase(), s = (l.data("role") || "").toLowerCase(), h = (l.data("dept") || "").toLowerCase(), m = String(l.data("id") || "").toLowerCase();
+      return c.includes(D.toLowerCase()) || s.includes(D.toLowerCase()) || h.includes(D.toLowerCase()) || m.includes(D.toLowerCase());
     });
     o.nodes().removeClass("highlight"), n.addClass("highlight"), n.length === 1 ? (console.log("matchedNodes:::", n), o.animate({
       center: {
@@ -66,7 +66,7 @@ const M = (b, c) => (k) => {
       duration: 500
     })) : alert("未找到对应节点");
   }, Te = (e) => {
-    const o = c.current;
+    const o = r.current;
     if (!o) return;
     const n = o.zoom();
     console.log(999, n);
@@ -87,36 +87,36 @@ const M = (b, c) => (k) => {
   }, Fe = (e) => {
     var n;
     Ce(e);
-    const o = c.current;
-    o && (o.nodes().unlock(), Ct(c, e), e === "cose-bilkent" && ((n = b == null ? void 0 : b.searchNodes) == null ? void 0 : n.length) === 2 && vt(
+    const o = r.current;
+    o && (o.nodes().unlock(), Ct(r, 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]
     ));
   }, He = () => {
-    const e = c.current;
+    const e = r.current;
     e && wt(e);
   }, _e = () => {
-    const e = c.current;
+    const e = r.current;
     if (!e) return;
     const o = ge(e);
-    De(o), R(!0);
+    Ee(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 });
-      pe(i, `graph_${Date.now()}.png`);
+      const c = n.png({ scale: l, bg: "transparent", full: !0, quality: 1 });
+      pe(c, `graph_${Date.now()}.png`);
     } else if (o === "downloadJpg") {
-      const i = n.jpg({ scale: l, bg: "#ffffff", full: !0, quality: 1 });
-      pe(i, `graph_${Date.now()}.jpg`);
+      const c = n.jpg({ scale: l, bg: "#ffffff", full: !0, quality: 1 });
+      pe(c, `graph_${Date.now()}.jpg`);
     }
   }, We = () => {
-    const e = c.current;
+    const e = r.current;
     if (!e) return;
-    const o = ge(e), { nodes: n = [], edges: l = [] } = o, i = n.map((m) => {
-      var p, r;
+    const o = ge(e), { nodes: n = [], edges: l = [] } = o, c = n.map((m) => {
+      var p, i;
       const d = m.data || {}, S = d.properties || {};
       return {
         节点名称: d.name || d.label || "",
@@ -124,7 +124,7 @@ const M = (b, c) => (k) => {
         节点类型: d.types || "",
         URI: d.label || "",
         X坐标: ((p = m.position) == null ? void 0 : p.x) || "",
-        Y坐标: ((r = m.position) == null ? void 0 : r.y) || "",
+        Y坐标: ((i = m.position) == null ? void 0 : i.y) || "",
         层级: d.level || "",
         宽度: d.baseWidth || "",
         高度: d.baseHeight || "",
@@ -133,8 +133,8 @@ const M = (b, c) => (k) => {
         属性值: S.value || ""
       };
     }), s = l.map((m) => {
-      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;
+      var i, a, w, E;
+      const d = m.data || {}, S = ((a = (i = d.source) == null ? void 0 : i.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;
       return {
         源节点: S,
         目标节点: p,
@@ -144,8 +144,8 @@ const M = (b, c) => (k) => {
         关系ID: d.id || ""
       };
     }), h = P.book_new();
-    if (i.length > 0) {
-      const m = P.json_to_sheet(i);
+    if (c.length > 0) {
+      const m = P.json_to_sheet(c);
       m["!cols"] = [
         { wch: 30 },
         // 节点名称
@@ -205,16 +205,16 @@ const M = (b, c) => (k) => {
       case "previewDataList":
         break;
       case "downloadJpg":
-        ie(c, o);
+        ie(r, o);
         break;
       case "downloadPng":
-        ie(c, o);
+        ie(r, o);
         break;
     }
   }, $e = () => {
     A(!1), T(!1), z.current.open();
   }, Be = (e) => {
-    const o = c.current;
+    const o = r.current;
     if (o)
       if (o.panningEnabled(!0), e === "all")
         o.nodes().addClass("selected"), o.nodes().select(), o.elements().select();
@@ -235,7 +235,7 @@ const M = (b, c) => (k) => {
         console.log("框选结束"), o.zoomingEnabled(!0), o.panningEnabled(!0);
       }));
   }, Ze = () => {
-    const e = c.current;
+    const e = r.current;
     if (console.log("isShow::::"), Se)
       U(!1), e.nodes('[types="typed-literal" ]').style("visibility", "visible"), e.edges().style("visibility", "visible");
     else {
@@ -244,16 +244,16 @@ const M = (b, c) => (k) => {
       o.style("visibility", "hidden"), o.connectedEdges().style("visibility", "hidden");
     }
   }, Ke = (e) => {
-    const o = c.current;
+    const o = r.current;
     if (!o) return;
     const n = e === "out" ? Math.max(X * 0.8, 0.1) : Math.min(X * 1.2, 5);
     Ne(n);
     const l = o.nodes();
-    l.style("width", (i) => (i.data("baseWidth") || q) * n), l.style("height", (i) => (i.data("baseHeight") || q) * n);
+    l.style("width", (c) => (c.data("baseWidth") || q) * n), l.style("height", (c) => (c.data("baseHeight") || q) * n);
   }, Me = (e) => {
     xe(e.content), ae(e.content);
   }, qe = (e = "刘强东", o = "1") => {
-    const n = c.current;
+    const n = r.current;
     if (!n) return;
     n.elements().removeClass("level-highlight level-selected grayed path-edge");
     const l = n.nodes().filter((p) => (p.data("name") || p.data("id") || "").toString().includes(e));
@@ -261,51 +261,51 @@ const M = (b, c) => (k) => {
       F.warning(`未找到节点: ${e}`);
       return;
     }
-    const i = parseInt(o) || 1, s = n.collection(), h = [];
+    const c = parseInt(o) || 1, s = n.collection(), h = [];
     l.forEach((p) => {
       p.addClass("level-selected"), s.merge(p);
-      let r = n.collection();
+      let i = n.collection();
       const a = /* @__PURE__ */ new Set();
-      a.add(p.id()), i >= 1 && (r = p.neighborhood().nodes(), r.forEach((w) => {
+      a.add(p.id()), c >= 1 && (i = p.neighborhood().nodes(), i.forEach((w) => {
         a.add(w.id()), s.merge(w);
-      }), h.push(r));
-      for (let w = 2; w <= i; w++) {
-        const D = n.collection();
-        r.forEach(($) => {
+      }), h.push(i));
+      for (let w = 2; w <= c; w++) {
+        const E = n.collection();
+        i.forEach(($) => {
           $.neighborhood().nodes().forEach((B) => {
-            a.has(B.id()) || (a.add(B.id()), D.merge(B));
+            a.has(B.id()) || (a.add(B.id()), E.merge(B));
           });
-        }), D.forEach(($) => s.merge($)), h.push(D), r = D;
+        }), E.forEach(($) => s.merge($)), h.push(E), i = E;
       }
     }), h.forEach((p) => {
       p.addClass("level-highlight");
     }), n.edges().filter((p) => {
-      const r = p.source(), a = p.target();
-      return s.contains(r) && s.contains(a);
+      const i = p.source(), a = p.target();
+      return s.contains(i) && s.contains(a);
     }).addClass("path-edge");
     const d = n.elements().filter(".level-selected, .level-highlight, .path-edge");
-    n.elements().not(d).addClass("grayed"), F.success(`已高亮 "${e}" 及其 ${i} 度关联节点和连线`);
+    n.elements().not(d).addClass("grayed"), F.success(`已高亮 "${e}" 及其 ${c} 度关联节点和连线`);
   }, Ge = (e) => {
-    const o = c.current;
+    const o = r.current;
     if (!o) return;
     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;
+    const o = r.current;
     if (!o) return;
     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;
+    const e = r.current;
     e.remove(e.elements());
   }, Xe = () => {
     te(!ee);
   }, Ye = (e) => {
-    var i, s;
-    const o = c.current;
+    var c, s;
+    const o = r.current;
     if (!o) return;
     console.log("saveNodeConfig values:", e), console.log("showLabel value:", e.showLabel);
-    const n = typeof e.fontColor == "object" && ((s = (i = e.fontColor) == null ? void 0 : i.toHexString) == null ? void 0 : s.call(i)) || e.fontColor, l = e.showLabel === "show";
+    const n = typeof e.fontColor == "object" && ((s = (c = e.fontColor) == null ? void 0 : c.toHexString) == null ? void 0 : s.call(c)) || e.fontColor, l = e.showLabel === "show";
     console.log("showLabelValue:", l), o.nodes().forEach((h) => {
       const m = l && (h.data("name") || h.data("label")) || "";
       console.log("Setting node label:", m), h.style({
@@ -325,11 +325,11 @@ const M = (b, c) => (k) => {
   }, Re = () => {
     oe.current.open(we);
   }, et = (e) => {
-    var h, m, d, S, p, r;
-    const o = c.current;
+    var h, m, d, S, p, i;
+    const o = r.current;
     if (!o) return;
     console.log("saveEdgeConfig values:", e), console.log("edge showLabel value:", e.showLabel);
-    const n = typeof e.edgeColor == "object" && ((m = (h = e.edgeColor) == null ? void 0 : h.toHexString) == null ? void 0 : m.call(h)) || e.edgeColor, l = typeof e.fontColor == "object" && ((S = (d = e.fontColor) == null ? void 0 : d.toHexString) == null ? void 0 : S.call(d)) || e.fontColor, i = typeof e.labelBgColor == "object" && ((r = (p = e.labelBgColor) == null ? void 0 : p.toHexString) == null ? void 0 : r.call(p)) || e.labelBgColor, s = e.showLabel === "show";
+    const n = typeof e.edgeColor == "object" && ((m = (h = e.edgeColor) == null ? void 0 : h.toHexString) == null ? void 0 : m.call(h)) || e.edgeColor, l = typeof e.fontColor == "object" && ((S = (d = e.fontColor) == null ? void 0 : d.toHexString) == null ? void 0 : S.call(d)) || e.fontColor, c = typeof e.labelBgColor == "object" && ((i = (p = e.labelBgColor) == null ? void 0 : p.toHexString) == null ? void 0 : i.call(p)) || e.labelBgColor, s = e.showLabel === "show";
     o.edges().forEach((a) => {
       const w = s && (a.data("label") || a.data("name")) || "";
       console.log("Setting edge label:", w), a.style({
@@ -343,19 +343,19 @@ const M = (b, c) => (k) => {
         "font-style": e.fontStyle,
         label: w,
         "text-opacity": w ? 1 : 0,
-        "text-background-color": i || "transparent",
-        "text-background-opacity": i ? 1 : 0,
+        "text-background-color": c || "transparent",
+        "text-background-opacity": c ? 1 : 0,
         "text-background-padding": "2px"
       });
     }), F.success("连线配置保存成功");
-  }, tt = Ot(J), C = J === "left" || J === "right";
+  }, tt = Ot(J, x.positionDetail), 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: () => ve(!j), children: [
     "操作 ",
-    j ? C ? /* @__PURE__ */ t(Dt, {}) : /* @__PURE__ */ t(Et, {}) : C ? /* @__PURE__ */ t(It, {}) : /* @__PURE__ */ t(Vt, {})
+    j ? C ? /* @__PURE__ */ t(Et, {}) : /* @__PURE__ */ t(Dt, {}) : C ? /* @__PURE__ */ t(It, {}) : /* @__PURE__ */ t(Vt, {})
   ] });
   return /* @__PURE__ */ g(Z, { children: [
     /* @__PURE__ */ t("div", { className: I("graph-bar", { "graph-bar-vertical": C }), style: tt, children: /* @__PURE__ */ g("div", { className: I("graph-bar-min", {
@@ -369,14 +369,14 @@ const M = (b, c) => (k) => {
         collapsed: !j && !C
       }), 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, {
+        const c = () => n && n.length > 0 ? n.length > 1 ? /* @__PURE__ */ t(y, { gap: "5px", children: n.map((i, a) => e === "nodeZoom" ? K.cloneElement(i, {
           onClick: () => Ke(a === 0 ? "in" : "out"),
           key: a
-        }) : e === "canvasZoom" ? K.cloneElement(r, {
+        }) : e === "canvasZoom" ? K.cloneElement(i, {
           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) {
+        }) : K.cloneElement(i, { key: a })) }) : /* @__PURE__ */ t(y, { gap: "5px", children: n }) : null, s = (i) => {
+          switch (console.log(444, e, i), e) {
             case "queryStatistics":
               Oe(!ne);
               break;
@@ -393,20 +393,20 @@ const M = (b, c) => (k) => {
               Re();
               break;
             default:
-              r == null || r(c);
+              i == null || i(r);
           }
         };
         if (["layout", "analysis", "select", "downloadData", "textPosition"].includes(e)) {
-          let r = [];
+          let i = [];
           switch (e) {
             case "layout":
-              r = (m = ft) == null ? void 0 : m.map((a) => ({
+              i = (m = ft) == null ? void 0 : m.map((a) => ({
                 ...a,
                 label: /* @__PURE__ */ t("div", { className: I({ "text-[#145afd]": ye === a.key }), onClick: M(Fe, a.key), children: a.label })
               }));
               break;
             case "analysis":
-              r = ut.map((a) => ({
+              i = ut.map((a) => ({
                 ...a,
                 label: /* @__PURE__ */ t("div", { onClick: (w) => {
                   switch (w.stopPropagation(), a.key) {
@@ -424,35 +424,35 @@ const M = (b, c) => (k) => {
               }));
               break;
             case "select":
-              r = (d = mt) == null ? void 0 : d.map((a) => ({ ...a, label: /* @__PURE__ */ t("div", { onClick: M(Be, a.key), children: a.label }) }));
+              i = (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 = pt) == null ? void 0 : S.map((a) => ({ ...a, label: /* @__PURE__ */ t("div", { onClick: (w) => Je(w, a.key), children: a.label }) }));
+              i = (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 = ue) == null ? void 0 : p.map((a) => ({ ...a, label: /* @__PURE__ */ t("div", { onClick: M(() => gt(c, a.key), a.key), children: a.label }) }));
+              i = (p = ue) == null ? void 0 : p.map((a) => ({ ...a, label: /* @__PURE__ */ t("div", { onClick: M(() => gt(r, a.key), a.key), children: a.label }) }));
               break;
           }
-          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(),
+          return /* @__PURE__ */ t(rt, { trigger: ["hover"], placement: C ? "bottomRight" : "bottom", menu: { items: i }, children: /* @__PURE__ */ g(y, { wrap: !0, align: "center", justify: "center", className: "hove-active cursor bar-item", children: [
+            c(),
             /* @__PURE__ */ t(y, { className: "w-100", justify: "center", children: o })
           ] }) }, e);
         }
         return /* @__PURE__ */ g(y, { wrap: !0, align: "center", justify: "center", className: "hove-active cursor bar-item", onClick: () => s(l), children: [
-          i(),
+          c(),
           /* @__PURE__ */ t(y, { className: "w-100", justify: "center", children: o })
         ] }, e);
       }) }),
       C && ce()
     ] }) }),
     /* @__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(St, { isVisible: ke, analysis: (e) => bt(r, { nodes: e.map((o) => ({ id: o })) }), closePath: () => T(!1) }),
     /* @__PURE__ */ t(Nt, { ref: z, onLevelClick: qe }),
     /* @__PURE__ */ t(
       it,
       {
         title: "JSON预览",
-        open: Ee,
+        open: De,
         onCancel: () => R(!1),
         footer: null,
         width: 800,
@@ -504,7 +504,7 @@ const M = (b, c) => (k) => {
       he,
       {
         items: ot.map(({ key: e, label: o }) => {
-          var n, l, i;
+          var n, l, c;
           return e === "entity" ? {
             label: o,
             key: e,
@@ -536,7 +536,7 @@ const M = (b, c) => (k) => {
               ] }),
               /* @__PURE__ */ g(y, { className: "my-4px font-12", justify: "space-between", children: [
                 /* @__PURE__ */ t("span", { children: "关系类型：" }),
-                /* @__PURE__ */ t("span", { children: (i = Object.values(V)) == null ? void 0 : i.reduce((s, h) => s + h, 0) })
+                /* @__PURE__ */ t("span", { children: (c = Object.values(V)) == null ? void 0 : c.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 ${se.has(s) ? "opacity-30" : ""}`, onClick: () => Qe(s), children: [
                 /* @__PURE__ */ g("span", { children: [
@@ -551,7 +551,7 @@ const M = (b, c) => (k) => {
       }
     ) })
   ] });
-}), jt = ({ onSave: b, colors: c }) => {
+}), jt = ({ onSave: b, colors: r }) => {
   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: [
@@ -562,8 +562,8 @@ const M = (b, c) => (k) => {
       ] }) }),
       /* @__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: "请输入字体大小" }) }),
+      /* @__PURE__ */ t(f.Item, { label: "字体颜色", name: "fontColor", initialValue: r.nodeLabelColor, children: /* @__PURE__ */ t(_, { showText: !0 }) }),
+      /* @__PURE__ */ t(f.Item, { label: "字体大小", name: "fontSize", initialValue: r.nodeLabelFontSize, children: /* @__PURE__ */ t(O, { type: "number", placeholder: "请输入字体大小" }) }),
       /* @__PURE__ */ t(f.Item, { label: "字体粗细", name: "fontWeight", initialValue: "normal", children: /* @__PURE__ */ g(u, { children: [
         /* @__PURE__ */ t(u.Option, { value: "normal", children: "常规" }),
         /* @__PURE__ */ t(u.Option, { value: "bold", children: "粗体" }),
@@ -576,7 +576,7 @@ const M = (b, c) => (k) => {
     ] }),
     /* @__PURE__ */ t("div", { className: "setting-form-footer", children: /* @__PURE__ */ t(f.Item, { children: /* @__PURE__ */ t(me, { type: "primary", htmlType: "submit", block: !0, children: "保存节点配置" }) }) })
   ] });
-}, At = ({ onSave: b, colors: c }) => {
+}, At = ({ onSave: b, colors: r }) => {
   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: [
@@ -585,13 +585,13 @@ 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: "edgeColor", initialValue: c.edgeDefaultColor, children: /* @__PURE__ */ t(_, { showText: !0 }) }),
+      /* @__PURE__ */ t(f.Item, { label: "连线颜色", name: "edgeColor", initialValue: r.edgeDefaultColor, children: /* @__PURE__ */ t(_, { showText: !0 }) }),
       /* @__PURE__ */ t(f.Item, { label: "显示标签", name: "showLabel", initialValue: "show", children: /* @__PURE__ */ g(u, { children: [
         /* @__PURE__ */ t(u.Option, { value: "show", children: "显示" }),
         /* @__PURE__ */ t(u.Option, { value: "hide", children: "隐藏" })
       ] }) }),
-      /* @__PURE__ */ t(f.Item, { label: "字体大小", name: "fontSize", initialValue: c.edgeLabelFontSize, children: /* @__PURE__ */ t(O, { type: "number", placeholder: "请输入字体大小" }) }),
-      /* @__PURE__ */ t(f.Item, { label: "字体颜色", name: "fontColor", initialValue: c.edgeLabelColor, children: /* @__PURE__ */ t(_, { showText: !0 }) }),
+      /* @__PURE__ */ t(f.Item, { label: "字体大小", name: "fontSize", initialValue: r.edgeLabelFontSize, children: /* @__PURE__ */ t(O, { type: "number", placeholder: "请输入字体大小" }) }),
+      /* @__PURE__ */ t(f.Item, { label: "字体颜色", name: "fontColor", initialValue: r.edgeLabelColor, children: /* @__PURE__ */ t(_, { showText: !0 }) }),
       /* @__PURE__ */ t(f.Item, { label: "字体粗细", name: "fontWeight", initialValue: "normal", children: /* @__PURE__ */ g(u, { children: [
         /* @__PURE__ */ t(u.Option, { value: "normal", children: "常规" }),
         /* @__PURE__ */ t(u.Option, { value: "bold", children: "粗体" })

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

@@ -11,7 +11,8 @@ interface ActionBarProps {
     typeObj?: any;
     relationObj?: any;
     actionBar?: {
-        position?: 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | {
+        position?: 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+        positionDetail: {
             top?: string | number;
             right?: string | number;
             bottom?: string | number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-kggraph",
-  "version": "0.0.31",
+  "version": "0.0.32",
   "description": "A knowledge graph visualization component based on Cytoscape",
   "type": "module",
   "main": "./lib/index.es.js",