react-kggraph 0.0.23 → 0.0.25

package/lib/index.es7.js

@@ -1,158 +1,150 @@
-import { jsxs as f, Fragment as $, jsx as o } from "react/jsx-runtime";
-import Z, { forwardRef as Ue, useContext as Xe, useState as y, useRef as Ye, useImperativeHandle as Be, useEffect as Re } from "react";
+import { jsxs as u, Fragment as Z, jsx as o } from "react/jsx-runtime";
+import K, { forwardRef as Re, useContext as et, useState as C, useRef as tt, useImperativeHandle as ot, useEffect as nt } from "react";
 /* empty css           */
-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 de } from "./index.es12.js";
-import { actionList as bt } from "./index.es4.js";
-const q = (b, r) => (S) => {
-  S.stopPropagation(), b == null || b(r || "");
-}, wt = (b) => {
+import { Dropdown as lt, Flex as N, Modal as st, Drawer as at, Tabs as ce, Form as f, Input as O, Select as p, ColorPicker as _, Button as ge, Row as it, message as F } from "antd";
+import { utils as P, writeFile as rt } from "./index.es21.js";
+import { textPositionConfig as me, textLayout as ct, downloadData as dt, choiceConfig as ht, linkAnalysis as gt, layoutCongig as mt, handleCalcPath as ut, getCyData as de, donwnGraphData as pt } from "./index.es8.js";
+import { GraphContext as ft } from "./index.es15.js";
+import { layout as bt, fixNodesToEdges as wt } 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 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";
+const M = (b, c) => (k) => {
+  k.stopPropagation(), b == null || b(c || "");
+}, Dt = (b) => {
   if (typeof b == "string")
     switch (b) {
       case "top":
-        return { top: 20, left: "50%", transform: "translateX(-50%)" };
+        return { top: 20, left: 20 };
       case "bottom":
-        return { bottom: 20, left: "50%", transform: "translateX(-50%)" };
+        return { bottom: 20, left: 20 };
       case "left":
-        return { top: "50%", left: 20, transform: "translateY(-50%)" };
+        return { bottom: "10%", left: 20 };
       case "right":
-        return { top: "50%", right: 20, transform: "translateY(-50%)" };
-      case "top-left":
-        return { top: 20, left: 20 };
-      case "top-right":
-        return { top: 20, right: 20 };
-      case "bottom-left":
-        return { bottom: 20, left: 20 };
-      case "bottom-right":
+        return { bottom: "10%", right: 20 };
       default:
         return { bottom: 20, right: 20 };
     }
   return b;
-}, Ft = Ue(({
+}, Qt = Re(({
   graphInfo: b,
-  cyRef: r,
-  initNodeScale: S,
-  typeObj: v,
-  relationObj: D,
-  colors: me,
-  actionBar: L
-}, 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, () => ({
+  cyRef: c,
+  initNodeScale: k,
+  typeObj: S,
+  relationObj: V,
+  colors: ue
+}, pe) => {
+  const W = { ...H, ...ue }, { layoutType: fe, setLayoutType: be, queryStatisticsConfig: L, actionBar: v } = et(ft), Q = typeof v == "boolean" ? v : !0, J = (v == null ? void 0 : v.position) || "top-left", U = (v == null ? void 0 : v.actionList) ?? xt, [A, we] = C((v == null ? void 0 : v.isExpand) ?? !1), [D, ye] = C(""), [Ce, G] = C(!1), [X, ve] = C(k), [xe, z] = C(!1), [Se, T] = C(!1), [Y, Ne] = C(null), [Le, R] = C(!1), [ee, te] = C(!1), [ke, Ee] = C("node"), j = tt(null), De = Array.isArray(L) ? L.length > 0 : L, [oe, Ie] = C(De), [ne, Ve] = C(/* @__PURE__ */ new Set()), [le, Pe] = C(/* @__PURE__ */ new Set());
+  ot(pe, () => ({
     onPathAnalysis: () => {
-      le();
+      ae();
     }
-  })), Re(() => {
-    oe();
-  }, [k]);
-  const oe = async (e) => {
-    const t = r.current;
-    if (!t || !k) {
+  })), nt(() => {
+    se();
+  }, [D]);
+  const se = async (e) => {
+    const t = c.current;
+    if (!t || !D) {
       t == null || t.nodes().removeClass("highlight"), t == null || t.fit();
       return;
     }
-    const l = t.nodes().filter((n) => {
-      const c = (n.data("name") || "").toLowerCase(), d = (n.data("role") || "").toLowerCase(), p = (n.data("dept") || "").toLowerCase(), g = String(n.data("id") || "").toLowerCase();
-      return c.includes(k.toLowerCase()) || d.includes(k.toLowerCase()) || p.includes(k.toLowerCase()) || g.includes(k.toLowerCase());
+    const n = t.nodes().filter((l) => {
+      const r = (l.data("name") || "").toLowerCase(), s = (l.data("role") || "").toLowerCase(), h = (l.data("dept") || "").toLowerCase(), m = String(l.data("id") || "").toLowerCase();
+      return r.includes(D.toLowerCase()) || s.includes(D.toLowerCase()) || h.includes(D.toLowerCase()) || m.includes(D.toLowerCase());
     });
-    t.nodes().removeClass("highlight"), l.addClass("highlight"), l.length === 1 ? (console.log("matchedNodes:::", l), t.animate({
+    t.nodes().removeClass("highlight"), n.addClass("highlight"), n.length === 1 ? (console.log("matchedNodes:::", n), t.animate({
       center: {
-        eles: l
+        eles: n
       },
       duration: 500
     })) : alert("未找到对应节点");
-  }, Ie = (e) => {
-    const t = r.current;
+  }, Oe = (e) => {
+    const t = c.current;
     if (!t) return;
-    const l = t.zoom();
-    console.log(999, l);
-    let n = 0;
+    const n = t.zoom();
+    console.log(999, n);
+    let l = 0;
     switch (e) {
       case "out":
-        n = Math.max(l * 0.8, 0.1);
+        l = Math.max(n * 0.8, 0.1);
         break;
       case "in":
-        n = Math.min(l * 1.2, 3);
+        l = Math.min(n * 1.2, 3);
         break;
     }
-    t.zoom(n), t.center();
-  }, Ve = () => {
-    console.log("查询节点"), V(!0), P(!1), O.current.close();
-  }, le = () => {
-    console.log("路径分析"), V(!1), P(!0), O.current.close();
-  }, Pe = (e) => {
-    var l;
-    fe(e);
-    const t = r.current;
-    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.zoom(l), t.center();
+  }, Ae = () => {
+    console.log("查询节点"), z(!0), T(!1), j.current.close();
+  }, ae = () => {
+    console.log("路径分析"), z(!1), T(!0), j.current.close();
+  }, ze = (e) => {
+    var n;
+    be(e);
+    const t = c.current;
+    t && (t.nodes().unlock(), bt(c, e), e === "cose-bilkent" && ((n = b == null ? void 0 : b.searchNodes) == null ? void 0 : n.length) === 2 && wt(
       t,
       b.searchNodes[0],
       b.searchNodes[1]
     ));
-  }, Oe = () => {
-    const e = r.current;
-    e && dt(e);
-  }, ze = () => {
-    const e = r.current;
+  }, Te = () => {
+    const e = c.current;
+    e && pt(e);
+  }, je = () => {
+    const e = c.current;
     if (!e) return;
-    const t = ce(e);
-    xe(t), X(!0);
-  }, ne = (e, t) => {
-    const l = e.current;
-    if (!l) return;
-    const n = 2;
+    const t = de(e);
+    Ne(t), R(!0);
+  }, ie = (e, t) => {
+    const n = e.current;
+    if (!n) return;
+    const l = 2;
     if (t === "downloadPng") {
-      const c = l.png({ scale: n, bg: "transparent", full: !0, quality: 1 });
-      de(c, `graph_${Date.now()}.png`);
+      const r = n.png({ scale: l, bg: "transparent", full: !0, quality: 1 });
+      he(r, `graph_${Date.now()}.png`);
     } else if (t === "downloadJpg") {
-      const c = l.jpg({ scale: n, bg: "#ffffff", full: !0, quality: 1 });
-      de(c, `graph_${Date.now()}.jpg`);
+      const r = n.jpg({ scale: l, bg: "#ffffff", full: !0, quality: 1 });
+      he(r, `graph_${Date.now()}.jpg`);
     }
-  }, Te = () => {
-    const e = r.current;
+  }, Fe = () => {
+    const e = c.current;
     if (!e) return;
-    const t = ce(e), { nodes: l = [], edges: n = [] } = t, c = l.map((g) => {
-      var h, a;
-      const i = g.data || {}, C = i.properties || {};
+    const t = de(e), { nodes: n = [], edges: l = [] } = t, r = n.map((m) => {
+      var g, i;
+      const d = m.data || {}, x = d.properties || {};
       return {
-        节点名称: i.name || i.label || "",
-        节点ID: i.id || "",
-        节点类型: i.types || "",
-        URI: i.label || "",
-        X坐标: ((h = g.position) == null ? void 0 : h.x) || "",
-        Y坐标: ((a = g.position) == null ? void 0 : a.y) || "",
-        层级: i.level || "",
-        宽度: i.baseWidth || "",
-        高度: i.baseHeight || "",
-        图片: i.image || "",
-        属性ID: C.id || "",
-        属性值: C.value || ""
+        节点名称: d.name || d.label || "",
+        节点ID: d.id || "",
+        节点类型: d.types || "",
+        URI: d.label || "",
+        X坐标: ((g = m.position) == null ? void 0 : g.x) || "",
+        Y坐标: ((i = m.position) == null ? void 0 : i.y) || "",
+        层级: d.level || "",
+        宽度: d.baseWidth || "",
+        高度: d.baseHeight || "",
+        图片: d.image || "",
+        属性ID: x.id || "",
+        属性值: x.value || ""
       };
-    }), d = n.map((g) => {
-      var a, s, w, N;
-      const i = g.data || {}, C = ((s = (a = i.source) == null ? void 0 : a.split("/#")[0]) == null ? void 0 : s.split("/").pop()) || i.source, h = ((N = (w = i.target) == null ? void 0 : w.split("/#")[0]) == null ? void 0 : N.split("/").pop()) || i.target;
+    }), s = l.map((m) => {
+      var i, a, w, E;
+      const d = m.data || {}, x = ((a = (i = d.source) == null ? void 0 : i.split("/#")[0]) == null ? void 0 : a.split("/").pop()) || d.source, g = ((E = (w = d.target) == null ? void 0 : w.split("/#")[0]) == null ? void 0 : E.split("/").pop()) || d.target;
       return {
-        源节点: C,
-        目标节点: h,
-        源URI: i.source || "",
-        目标URI: i.target || "",
-        关系名称: i.name || i.label || "",
-        关系ID: i.id || ""
+        源节点: x,
+        目标节点: g,
+        源URI: d.source || "",
+        目标URI: d.target || "",
+        关系名称: d.name || d.label || "",
+        关系ID: d.id || ""
       };
-    }), p = E.book_new();
-    if (c.length > 0) {
-      const g = E.json_to_sheet(c);
-      g["!cols"] = [
+    }), h = P.book_new();
+    if (r.length > 0) {
+      const m = P.json_to_sheet(r);
+      m["!cols"] = [
         { wch: 30 },
         // 节点名称
         { wch: 60 },
@@ -177,11 +169,11 @@ const q = (b, r) => (S) => {
         // 属性ID
         { wch: 40 }
         // 属性值
-      ], E.book_append_sheet(p, g, "节点");
+      ], P.book_append_sheet(h, m, "节点");
     }
-    if (d.length > 0) {
-      const g = E.json_to_sheet(d);
-      g["!cols"] = [
+    if (s.length > 0) {
+      const m = P.json_to_sheet(s);
+      m["!cols"] = [
         { wch: 30 },
         // 源节点
         { wch: 30 },
@@ -194,262 +186,279 @@ const q = (b, r) => (S) => {
         // 关系名称
         { wch: 40 }
         // 关系ID
-      ], E.book_append_sheet(p, g, "关系");
+      ], P.book_append_sheet(h, m, "关系");
     }
-    lt(p, `graph_${Date.now()}.xlsx`);
-  }, je = (e, t) => {
+    rt(h, `graph_${Date.now()}.xlsx`);
+  }, He = (e, t) => {
     switch (e.stopPropagation(), t) {
       case "downloadJson":
-        Oe();
+        Te();
         break;
       case "previewJsonList":
-        ze();
+        je();
         break;
       case "downloadExcel":
-        Te();
+        Fe();
         break;
       case "previewDataList":
         break;
       case "downloadJpg":
-        ne(r, t);
+        ie(c, t);
         break;
       case "downloadPng":
-        ne(r, t);
+        ie(c, t);
         break;
     }
-  }, Ae = () => {
-    V(!1), P(!1), O.current.open();
-  }, Fe = (e) => {
-    const t = r.current;
+  }, _e = () => {
+    z(!1), T(!1), j.current.open();
+  }, We = (e) => {
+    const t = c.current;
     if (t)
       if (t.panningEnabled(!0), e === "all")
         t.nodes().addClass("selected"), t.nodes().select(), t.elements().select();
       else if (e === "reverse") {
-        const l = t.elements().filter(":selected"), n = t.elements().not(":selected");
-        l.length > 0 ? (l.unselect(), n.select(), l.removeClass("selected"), n.addClass("selected")) : (t.elements().select(), t.elements().addClass("selected"));
-      } else e === "click" ? (t.off("click", "node"), t.on("click", "node", (l) => {
-        const n = l.target;
-        t.nodes().removeClass("selected grayed highlighted"), t.edges().removeClass("selected grayed highlighted"), n.addClass("selected");
-        const d = n.neighborhood().nodes().add(n), p = d.edgesWith(d);
-        console.log("cy.nodes().not(relatedNodes):::", d), t.nodes().not(d).addClass("grayed"), t.edges().not(p).addClass("grayed"), d.addClass("highlighted"), p.addClass("highlighted");
+        const n = t.elements().filter(":selected"), l = t.elements().not(":selected");
+        n.length > 0 ? (n.unselect(), l.select(), n.removeClass("selected"), l.addClass("selected")) : (t.elements().select(), t.elements().addClass("selected"));
+      } else e === "click" ? (t.off("click", "node"), t.on("click", "node", (n) => {
+        const l = n.target;
+        t.nodes().removeClass("selected grayed highlighted"), t.edges().removeClass("selected grayed highlighted"), l.addClass("selected");
+        const s = l.neighborhood().nodes().add(l), h = s.edgesWith(s);
+        console.log("cy.nodes().not(relatedNodes):::", s), t.nodes().not(s).addClass("grayed"), t.edges().not(h).addClass("grayed"), s.addClass("highlighted"), h.addClass("highlighted");
       })) : e === "box" && (console.log("进入框选模式"), t.nodes().removeClass("selected"), t.nodes().unselect(), t.elements().unselect(), t.boxSelectionEnabled(!0), t.panningEnabled(!1), t.on("boxselectstart", () => {
         console.log("开始框选...");
-      }), t.on("boxselect", (l) => {
-        const n = t.elements(":selected");
-        console.log("框选完成，选中元素数：", n.length), t.elements().removeClass("selected"), n.addClass("selected");
+      }), t.on("boxselect", (n) => {
+        const l = t.elements(":selected");
+        console.log("框选完成，选中元素数：", l.length), t.elements().removeClass("selected"), l.addClass("selected");
       }), t.on("boxselectend", () => {
         console.log("框选结束"), t.zoomingEnabled(!0), t.panningEnabled(!0);
       }));
-  }, He = () => {
-    const e = r.current;
-    if (console.log("isShow::::"), we)
-      Q(!1), e.nodes('[types="typed-literal" ]').style("visibility", "visible"), e.edges().style("visibility", "visible");
+  }, Je = () => {
+    const e = c.current;
+    if (console.log("isShow::::"), Ce)
+      G(!1), e.nodes('[types="typed-literal" ]').style("visibility", "visible"), e.edges().style("visibility", "visible");
     else {
-      Q(!0);
+      G(!0);
       const t = e.nodes('[types="typed-literal" ]');
       t.style("visibility", "hidden"), t.connectedEdges().style("visibility", "hidden");
     }
-  }, _e = (e) => {
-    const t = r.current;
+  }, $e = (e) => {
+    const t = c.current;
     if (!t) return;
-    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") || 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) {
-      z.warning(`未找到节点: ${e}`);
+    const n = e === "out" ? Math.max(X * 0.8, 0.1) : Math.min(X * 1.2, 5);
+    ve(n);
+    const l = t.nodes();
+    l.style("width", (r) => (r.data("baseWidth") || q) * n), l.style("height", (r) => (r.data("baseHeight") || q) * n);
+  }, Be = (e) => {
+    ye(e.content), se(e.content);
+  }, Ze = (e = "刘强东", t = "1") => {
+    const n = c.current;
+    if (!n) return;
+    n.elements().removeClass("level-highlight level-selected level-grayed level-highlightedge");
+    const l = n.nodes().filter((g) => (g.data("name") || g.data("id") || "").toString().includes(e));
+    if (l.length === 0) {
+      F.warning(`未找到节点: ${e}`);
       return;
     }
-    const c = parseInt(t) || 1, d = l.collection(), p = [];
-    n.forEach((h) => {
-      h.addClass("level-selected"), d.merge(h);
-      let a = l.collection();
-      const s = /* @__PURE__ */ new Set();
-      s.add(h.id()), c >= 1 && (a = h.neighborhood().nodes(), a.forEach((w) => {
-        s.add(w.id()), d.merge(w);
-      }), p.push(a));
-      for (let w = 2; w <= c; w++) {
-        const N = l.collection();
-        a.forEach((W) => {
-          W.neighborhood().nodes().forEach((J) => {
-            s.has(J.id()) || (s.add(J.id()), N.merge(J));
+    const r = parseInt(t) || 1, s = n.collection(), h = [];
+    l.forEach((g) => {
+      g.addClass("level-selected"), s.merge(g);
+      let i = n.collection();
+      const a = /* @__PURE__ */ new Set();
+      a.add(g.id()), r >= 1 && (i = g.neighborhood().nodes(), i.forEach((w) => {
+        a.add(w.id()), s.merge(w);
+      }), h.push(i));
+      for (let w = 2; w <= r; w++) {
+        const E = n.collection();
+        i.forEach(($) => {
+          $.neighborhood().nodes().forEach((B) => {
+            a.has(B.id()) || (a.add(B.id()), E.merge(B));
           });
-        }), N.forEach((W) => d.merge(W)), p.push(N), a = N;
+        }), E.forEach(($) => s.merge($)), h.push(E), i = E;
       }
-    }), p.forEach((h) => {
-      h.addClass("level-highlight");
-    }), l.edges().filter((h) => {
-      const a = h.source(), s = h.target();
-      return d.contains(a) && d.contains(s);
+    }), h.forEach((g) => {
+      g.addClass("level-highlight");
+    }), n.edges().filter((g) => {
+      const i = g.source(), a = g.target();
+      return s.contains(i) && s.contains(a);
     }).addClass("level-highlightedge");
-    const i = l.elements().filter(".level-selected, .level-highlight, .level-highlightedge");
-    l.elements().not(i).addClass("level-grayed"), z.success(`已高亮 "${e}" 及其 ${c} 度关联节点和连线`);
-  }, $e = (e) => {
-    const t = r.current;
+    const d = n.elements().filter(".level-selected, .level-highlight, .level-highlightedge");
+    n.elements().not(d).addClass("level-grayed"), F.success(`已高亮 "${e}" 及其 ${r} 度关联节点和连线`);
+  }, Ke = (e) => {
+    const t = c.current;
     if (!t) return;
-    const l = new Set(ee);
-    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;
+    const n = new Set(ne);
+    n.has(e) ? (n.delete(e), t.nodes().filter((l) => l.data("type") === e).show()) : (n.add(e), t.nodes().filter((l) => l.data("type") === e).hide()), Ve(n);
+  }, Me = (e) => {
+    const t = c.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);
+    const n = new Set(le);
+    n.has(e) ? (n.delete(e), t.edges().filter((l) => l.data("name") === e).show()) : (n.add(e), t.edges().filter((l) => l.data("name") === e).hide()), Pe(n);
   }, qe = () => {
-    const e = r.current;
+    const e = c.current;
     e.remove(e.elements());
-  }, Ke = () => {
-    B(!Y);
-  }, Me = (e) => {
-    var c, d;
-    const t = r.current;
+  }, Qe = () => {
+    te(!ee);
+  }, Ue = (e) => {
+    var r, s;
+    const t = c.current;
     if (!t) return;
     console.log("saveNodeConfig values:", e), console.log("showLabel value:", e.showLabel);
-    const l = typeof e.fontColor == "object" && ((d = (c = e.fontColor) == null ? void 0 : c.toHexString) == null ? void 0 : d.call(c)) || e.fontColor, n = e.showLabel === "show";
-    console.log("showLabelValue:", n), t.nodes().forEach((p) => {
-      const g = n && (p.data("name") || p.data("label")) || "";
-      console.log("Setting node label:", g), p.style({
+    const n = typeof e.fontColor == "object" && ((s = (r = e.fontColor) == null ? void 0 : r.toHexString) == null ? void 0 : s.call(r)) || e.fontColor, l = e.showLabel === "show";
+    console.log("showLabelValue:", l), t.nodes().forEach((h) => {
+      const m = l && (h.data("name") || h.data("label")) || "";
+      console.log("Setting node label:", m), h.style({
         width: e.nodeSize,
         height: e.nodeSize,
         "font-size": e.fontSize,
-        color: l || H.nodeLabelColor,
+        color: n || W.nodeLabelColor,
         "font-weight": e.fontWeight,
         "font-style": e.fontStyle,
         "text-valign": e.textPosition,
         "text-halign": "center",
         "text-margin-y": e.textOffset,
-        label: g,
-        "text-opacity": g ? 1 : 0
+        label: m,
+        "text-opacity": m ? 1 : 0
       });
-    }), z.success("节点配置保存成功");
-  }, Qe = (e) => {
-    var p, g, i, C, h, a;
-    const t = r.current;
+    }), F.success("节点配置保存成功");
+  }, Ge = (e) => {
+    var h, m, d, x, g, i;
+    const t = c.current;
     if (!t) return;
     console.log("saveEdgeConfig values:", e), console.log("edge showLabel value:", e.showLabel);
-    const l = typeof e.edgeColor == "object" && ((g = (p = e.edgeColor) == null ? void 0 : p.toHexString) == null ? void 0 : g.call(p)) || e.edgeColor, n = typeof e.fontColor == "object" && ((C = (i = e.fontColor) == null ? void 0 : i.toHexString) == null ? void 0 : C.call(i)) || e.fontColor, c = typeof e.labelBgColor == "object" && ((a = (h = e.labelBgColor) == null ? void 0 : h.toHexString) == null ? void 0 : a.call(h)) || e.labelBgColor, d = e.showLabel === "show";
-    t.edges().forEach((s) => {
-      const w = d && (s.data("label") || s.data("name")) || "";
-      console.log("Setting edge label:", w), s.style({
+    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" && ((x = (d = e.fontColor) == null ? void 0 : d.toHexString) == null ? void 0 : x.call(d)) || e.fontColor, r = typeof e.labelBgColor == "object" && ((i = (g = e.labelBgColor) == null ? void 0 : g.toHexString) == null ? void 0 : i.call(g)) || e.labelBgColor, s = e.showLabel === "show";
+    t.edges().forEach((a) => {
+      const w = s && (a.data("label") || a.data("name")) || "";
+      console.log("Setting edge label:", w), a.style({
         width: e.edgeWidth,
-        "line-color": l || T.edgeDefaultColor,
-        "target-arrow-color": l || T.edgeDefaultColor,
+        "line-color": n || H.edgeDefaultColor,
+        "target-arrow-color": n || H.edgeDefaultColor,
         "target-arrow-shape": e.showArrow === "show" ? "triangle" : "none",
         "font-size": e.fontSize,
-        color: n || T.edgeLabelColor,
+        color: l || H.edgeLabelColor,
         "font-weight": e.fontWeight,
         "font-style": e.fontStyle,
         label: w,
         "text-opacity": w ? 1 : 0,
-        "text-background-color": c || "transparent",
-        "text-background-opacity": c ? 1 : 0,
+        "text-background-color": r || "transparent",
+        "text-background-opacity": r ? 1 : 0,
         "text-background-padding": "2px"
       });
-    }), 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: 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: () => _e(s === 0 ? "in" : "out"),
-        key: s
-      }) : e === "canvasZoom" ? Z.cloneElement(a, {
-        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":
-            ke(!R);
-            break;
-          case "graphDisplaySettings":
-            Ke();
-            break;
-          case "hideAttributes":
-            He();
-            break;
-          case "clearCanvas":
-            qe();
-            break;
-          default:
-            a == null || a(r);
-        }
-      };
-      if (["layout", "analysis", "select", "downloadData", "textPosition"].includes(e)) {
-        let a = [];
-        switch (e) {
-          case "layout":
-            a = (g = it) == null ? void 0 : g.map((s) => ({
-              ...s,
-              label: /* @__PURE__ */ o("div", { className: j({ "text-[#145afd]": pe === s.key }), onClick: q(Pe, s.key), children: s.label })
-            }));
-            break;
-          case "analysis":
-            a = rt.map((s) => ({
-              ...s,
-              label: /* @__PURE__ */ o("div", { onClick: (w) => {
-                switch (w.stopPropagation(), s.key) {
-                  case "query":
-                    Ve();
-                    break;
-                  case "link":
-                    Ae();
-                    break;
-                  case "path":
-                    le();
-                    break;
-                }
-              }, children: s.label })
-            }));
-            break;
-          case "select":
-            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 = 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 = ge) == null ? void 0 : h.map((s) => ({ ...s, label: /* @__PURE__ */ o("div", { onClick: q(() => nt(r, s.key), s.key), children: s.label }) }));
-            break;
+    }), F.success("连线配置保存成功");
+  }, Xe = Dt(J), y = 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, re = () => /* @__PURE__ */ u(it, { justify: "center", align: "middle", className: I("cursor", {
+    "oprate-btn-vertical": y,
+    "oprate-btn": !y
+  }), onClick: () => we(!A), children: [
+    "操作 ",
+    A ? y ? /* @__PURE__ */ o(Nt, {}) : /* @__PURE__ */ o(Lt, {}) : y ? /* @__PURE__ */ o(kt, {}) : /* @__PURE__ */ o(Et, {})
+  ] });
+  return /* @__PURE__ */ u(Z, { children: [
+    /* @__PURE__ */ o("div", { className: I("graph-bar", { "graph-bar-vertical": y }), style: Xe, children: /* @__PURE__ */ u("div", { className: I("graph-bar-min", {
+      "graph-bar-min-vertical": y
+    }), children: [
+      !y && re(),
+      /* @__PURE__ */ o("div", { className: I({
+        "graph-bar-expand-wrapper-vertical": y,
+        "graph-bar-expand-wrapper": !y,
+        "collapsed-vertical": !A && y,
+        collapsed: !A && !y
+      }), children: U.map(({ key: e, title: t, icon: n, onClick: l }) => {
+        var m, d, x, g;
+        const r = () => n && n.length > 0 ? n.length > 1 ? /* @__PURE__ */ o(N, { gap: "5px", children: n.map((i, a) => e === "nodeZoom" ? K.cloneElement(i, {
+          onClick: () => $e(a === 0 ? "in" : "out"),
+          key: a
+        }) : e === "canvasZoom" ? K.cloneElement(i, {
+          onClick: () => Oe(a === 0 ? "in" : "out"),
+          key: a
+        }) : K.cloneElement(i, { key: a })) }) : /* @__PURE__ */ o(N, { gap: "5px", children: n }) : null, s = (i) => {
+          switch (console.log(444, e, i), e) {
+            case "queryStatistics":
+              Ie(!oe);
+              break;
+            case "graphDisplaySettings":
+              Qe();
+              break;
+            case "hideAttributes":
+              Je();
+              break;
+            case "clearCanvas":
+              qe();
+              break;
+            default:
+              i == null || i(c);
+          }
+        };
+        if (["layout", "analysis", "select", "downloadData", "textPosition"].includes(e)) {
+          let i = [];
+          switch (e) {
+            case "layout":
+              i = (m = mt) == null ? void 0 : m.map((a) => ({
+                ...a,
+                label: /* @__PURE__ */ o("div", { className: I({ "text-[#145afd]": fe === a.key }), onClick: M(ze, a.key), children: a.label })
+              }));
+              break;
+            case "analysis":
+              i = gt.map((a) => ({
+                ...a,
+                label: /* @__PURE__ */ o("div", { onClick: (w) => {
+                  switch (w.stopPropagation(), a.key) {
+                    case "query":
+                      Ae();
+                      break;
+                    case "link":
+                      _e();
+                      break;
+                    case "path":
+                      ae();
+                      break;
+                  }
+                }, children: a.label })
+              }));
+              break;
+            case "select":
+              i = (d = ht) == null ? void 0 : d.map((a) => ({ ...a, label: /* @__PURE__ */ o("div", { onClick: M(We, a.key), children: a.label }) }));
+              break;
+            case "downloadData":
+              i = (x = dt) == null ? void 0 : x.map((a) => ({ ...a, label: /* @__PURE__ */ o("div", { onClick: (w) => He(w, a.key), children: a.label }) }));
+              break;
+            case "textPosition":
+              i = (g = me) == null ? void 0 : g.map((a) => ({ ...a, label: /* @__PURE__ */ o("div", { onClick: M(() => ct(c, a.key), a.key), children: a.label }) }));
+              break;
+          }
+          return /* @__PURE__ */ o(lt, { trigger: ["hover"], placement: y ? "bottomRight" : "bottom", menu: { items: i }, children: /* @__PURE__ */ u(N, { wrap: !0, align: "center", justify: "center", className: "hove-active cursor bar-item", children: [
+            r(),
+            /* @__PURE__ */ o(N, { className: "w-100", justify: "center", children: t })
+          ] }) }, e);
         }
-        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);
-      }
-      return /* @__PURE__ */ f(x, { wrap: !0, align: "center", justify: "center", className: "hove-active cursor", onClick: () => d(n), children: [
-        c(),
-        /* @__PURE__ */ o(x, { className: "w-100 ", justify: "center", children: t })
-      ] }, e);
-    }) }) }),
-    /* @__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 }),
+        return /* @__PURE__ */ u(N, { wrap: !0, align: "center", justify: "center", className: "hove-active cursor bar-item", onClick: () => s(l), children: [
+          r(),
+          /* @__PURE__ */ o(N, { className: "w-100", justify: "center", children: t })
+        ] }, e);
+      }) }),
+      y && re()
+    ] }) }),
+    /* @__PURE__ */ o(yt, { isVisible: xe, searchChange: (e) => Be(e), closeQuery: () => z(!1) }),
+    /* @__PURE__ */ o(Ct, { isVisible: Se, analysis: (e) => ut(c, { pathNodes: e }), closePath: () => T(!1) }),
+    /* @__PURE__ */ o(vt, { ref: j, onLevelClick: Ze }),
     /* @__PURE__ */ o(
-      tt,
+      st,
       {
         title: "JSON预览",
-        open: Se,
-        onCancel: () => X(!1),
+        open: Le,
+        onCancel: () => R(!1),
         footer: null,
         width: 800,
-        children: /* @__PURE__ */ o("pre", { style: { maxHeight: "60vh", overflow: "auto", background: "#f5f5f5", padding: "16px", borderRadius: "4px" }, children: U ? JSON.stringify(U, null, 2) : "暂无数据" })
+        children: /* @__PURE__ */ o("pre", { style: { maxHeight: "60vh", overflow: "auto", background: "#f5f5f5", padding: "16px", borderRadius: "4px" }, children: Y ? JSON.stringify(Y, null, 2) : "暂无数据" })
       }
     ),
     /* @__PURE__ */ o(
-      ot,
+      at,
       {
         title: "图显示设置",
         placement: "right",
-        open: Y,
-        onClose: () => B(!1),
+        open: ee,
+        onClose: () => te(!1),
         mask: !1,
         size: 300,
         styles: {
@@ -459,132 +468,132 @@ const q = (b, r) => (S) => {
         },
         getContainer: !1,
         children: /* @__PURE__ */ o(
-          ie,
+          ce,
           {
-            activeKey: Ne,
-            onChange: Le,
+            activeKey: ke,
+            onChange: Ee,
             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(yt, { onSave: Me, colors: H })
+                children: /* @__PURE__ */ o(It, { onSave: Ue, colors: W })
               },
               {
                 label: "连线设置",
                 key: "edge",
-                children: /* @__PURE__ */ o(Ct, { onSave: Qe, colors: H })
+                children: /* @__PURE__ */ o(Vt, { onSave: Ge, colors: W })
               }
             ]
           }
         )
       }
     ),
-    /* @__PURE__ */ o("div", { className: j("gtaph-statics absolute", {
-      hidden: !R
+    /* @__PURE__ */ o("div", { className: I("gtaph-statics absolute", {
+      hidden: !oe
     }), children: /* @__PURE__ */ o(
-      ie,
+      ce,
       {
-        items: [
-          {
-            label: "实体",
-            key: "entity",
-            children: /* @__PURE__ */ o($, { children: Object.keys(v).length > 0 ? /* @__PURE__ */ f("div", { children: [
-              /* @__PURE__ */ f("p", { children: [
+        items: Ye.map(({ key: e, label: t }) => {
+          var n, l, r;
+          return e === "entity" ? {
+            label: t,
+            key: e,
+            children: /* @__PURE__ */ o(Z, { children: Object.keys(S).length > 0 ? /* @__PURE__ */ u("div", { children: [
+              /* @__PURE__ */ u("p", { children: [
                 "实体数量：",
-                Object.values(v).reduce((e, t) => e + t.count, 0)
+                Object.values(S).reduce((s, h) => s + h.count, 0)
               ] }),
-              /* @__PURE__ */ f("p", { className: "my-4px", children: [
+              /* @__PURE__ */ u("p", { className: "my-4px", children: [
                 "实体类型：",
-                Object.keys(v).length
+                Object.keys(S).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 ${ee.has(e) ? "opacity-30" : ""}`, onClick: () => $e(e), children: [
-                /* @__PURE__ */ o("img", { className: "w-20px rounded-50", src: v[e].img, alt: "" }),
-                e,
+              /* @__PURE__ */ o(N, { gap: "5px", justify: "start", className: "w-100", wrap: !0, children: Object.keys(S).map((s) => /* @__PURE__ */ u(N, { gap: "4px", justify: "start", className: `w-100 cursor ${ne.has(s) ? "opacity-30" : ""}`, onClick: () => Ke(s), children: [
+                /* @__PURE__ */ o("img", { className: "w-20px rounded-50", src: S[s].img, alt: "" }),
+                s,
                 "：",
-                v[e].count
-              ] }, e)) })
+                S[s].count
+              ] }, s)) })
             ] }) : /* @__PURE__ */ o("span", { className: "text-[#666]", children: "暂无实体统计！" }) })
-          },
-          {
-            label: "关系",
-            key: "relation",
-            children: /* @__PURE__ */ o($, { children: ((se = Object.keys(D)) == null ? void 0 : se.length) > 0 ? /* @__PURE__ */ f("div", { children: [
-              /* @__PURE__ */ f("div", { children: [
+          } : e === "relation" ? {
+            label: t,
+            key: e,
+            children: /* @__PURE__ */ o(Z, { children: ((n = Object.keys(V)) == null ? void 0 : n.length) > 0 ? /* @__PURE__ */ u("div", { children: [
+              /* @__PURE__ */ u("div", { children: [
                 "关系数量：",
-                (ae = Object.keys(D)) == null ? void 0 : ae.length
+                (l = Object.keys(V)) == null ? void 0 : l.length
               ] }),
-              /* @__PURE__ */ f("div", { className: "my-4px", children: [
+              /* @__PURE__ */ u("div", { className: "my-4px", children: [
                 "关系类型：",
-                (re = Object.values(D)) == null ? void 0 : re.reduce((e, t) => e + t, 0)
+                (r = Object.values(V)) == null ? void 0 : r.reduce((s, h) => s + h, 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 ${te.has(e) ? "opacity-30" : ""}`, onClick: () => Ze(e), children: [
-                e,
+              /* @__PURE__ */ o(N, { gap: "5px", justify: "start", className: "w-100", wrap: !0, children: Object.keys(V).map((s) => /* @__PURE__ */ u(N, { gap: "4px", className: `w-100 cursor ${le.has(s) ? "opacity-30" : ""}`, onClick: () => Me(s), children: [
+                s,
                 "：",
-                D[e]
-              ] }, e)) })
+                V[s]
+              ] }, s)) })
             ] }) : /* @__PURE__ */ o("span", { className: "text-[#666]", children: "暂无关系统计！" }) })
-          }
-        ]
+          } : null;
+        })
       }
     ) })
   ] });
-}), 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: 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: "隐藏" })
+}), It = ({ onSave: b, colors: c }) => {
+  const [k] = f.useForm();
+  return /* @__PURE__ */ u(f, { form: k, layout: "vertical", onFinish: b, className: "setting-form", children: [
+    /* @__PURE__ */ u("div", { className: "setting-form-content", children: [
+      /* @__PURE__ */ o(f.Item, { label: "节点大小", name: "nodeSize", initialValue: q, children: /* @__PURE__ */ o(O, { type: "number", placeholder: "请输入节点大小" }) }),
+      /* @__PURE__ */ o(f.Item, { label: "显示标签", name: "showLabel", initialValue: "show", children: /* @__PURE__ */ u(p, { children: [
+        /* @__PURE__ */ o(p.Option, { value: "show", children: "显示" }),
+        /* @__PURE__ */ o(p.Option, { value: "hide", children: "隐藏" })
       ] }) }),
-      /* @__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: "请输入字体大小" }) }),
-      /* @__PURE__ */ o(u.Item, { label: "字体粗细", name: "fontWeight", initialValue: "normal", children: /* @__PURE__ */ f(m, { children: [
-        /* @__PURE__ */ o(m.Option, { value: "normal", children: "常规" }),
-        /* @__PURE__ */ o(m.Option, { value: "bold", children: "粗体" }),
-        /* @__PURE__ */ o(m.Option, { value: "lighter", children: "细体" })
+      /* @__PURE__ */ o(f.Item, { label: "字体位置", name: "textPosition", initialValue: "bottom", children: /* @__PURE__ */ o(p, { children: me.map((S) => /* @__PURE__ */ o(p.Option, { value: S.key, children: S.label }, S.key)) }) }),
+      /* @__PURE__ */ o(f.Item, { label: "字体偏移", name: "textOffset", initialValue: 5, children: /* @__PURE__ */ o(O, { type: "number", placeholder: "请输入字体偏移量" }) }),
+      /* @__PURE__ */ o(f.Item, { label: "字体颜色", name: "fontColor", initialValue: c.nodeLabelColor, children: /* @__PURE__ */ o(_, { showText: !0 }) }),
+      /* @__PURE__ */ o(f.Item, { label: "字体大小", name: "fontSize", initialValue: c.nodeLabelFontSize, children: /* @__PURE__ */ o(O, { type: "number", placeholder: "请输入字体大小" }) }),
+      /* @__PURE__ */ o(f.Item, { label: "字体粗细", name: "fontWeight", initialValue: "normal", children: /* @__PURE__ */ u(p, { children: [
+        /* @__PURE__ */ o(p.Option, { value: "normal", children: "常规" }),
+        /* @__PURE__ */ o(p.Option, { value: "bold", children: "粗体" }),
+        /* @__PURE__ */ o(p.Option, { value: "lighter", children: "细体" })
       ] }) }),
-      /* @__PURE__ */ o(u.Item, { label: "字体样式", name: "fontStyle", initialValue: "normal", children: /* @__PURE__ */ f(m, { children: [
-        /* @__PURE__ */ o(m.Option, { value: "normal", children: "默认" }),
-        /* @__PURE__ */ o(m.Option, { value: "italic", children: "斜体" })
+      /* @__PURE__ */ o(f.Item, { label: "字体样式", name: "fontStyle", initialValue: "normal", children: /* @__PURE__ */ u(p, { children: [
+        /* @__PURE__ */ o(p.Option, { value: "normal", children: "默认" }),
+        /* @__PURE__ */ o(p.Option, { value: "italic", children: "斜体" })
       ] }) })
     ] }),
-    /* @__PURE__ */ o("div", { className: "setting-form-footer", children: /* @__PURE__ */ o(u.Item, { children: /* @__PURE__ */ o(he, { type: "primary", htmlType: "submit", block: !0, children: "保存节点配置" }) }) })
+    /* @__PURE__ */ o("div", { className: "setting-form-footer", children: /* @__PURE__ */ o(f.Item, { children: /* @__PURE__ */ o(ge, { type: "primary", htmlType: "submit", block: !0, children: "保存节点配置" }) }) })
   ] });
-}, 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: [
-      /* @__PURE__ */ o(u.Item, { label: "连线宽度", name: "edgeWidth", initialValue: 2, children: /* @__PURE__ */ o(I, { type: "number", placeholder: "请输入连线宽度" }) }),
-      /* @__PURE__ */ o(u.Item, { label: "连线箭头", name: "showArrow", initialValue: "show", children: /* @__PURE__ */ f(m, { children: [
-        /* @__PURE__ */ o(m.Option, { value: "show", children: "显示" }),
-        /* @__PURE__ */ o(m.Option, { value: "hide", children: "隐藏" })
+}, Vt = ({ onSave: b, colors: c }) => {
+  const [k] = f.useForm();
+  return /* @__PURE__ */ u(f, { form: k, layout: "vertical", onFinish: b, className: "setting-form", children: [
+    /* @__PURE__ */ u("div", { className: "setting-form-content", children: [
+      /* @__PURE__ */ o(f.Item, { label: "连线宽度", name: "edgeWidth", initialValue: 2, children: /* @__PURE__ */ o(O, { type: "number", placeholder: "请输入连线宽度" }) }),
+      /* @__PURE__ */ o(f.Item, { label: "连线箭头", name: "showArrow", initialValue: "show", children: /* @__PURE__ */ u(p, { children: [
+        /* @__PURE__ */ o(p.Option, { value: "show", children: "显示" }),
+        /* @__PURE__ */ o(p.Option, { value: "hide", children: "隐藏" })
       ] }) }),
-      /* @__PURE__ */ o(u.Item, { label: "连线颜色", name: "edgeColor", initialValue: r.edgeDefaultColor, children: /* @__PURE__ */ o(A, { showText: !0 }) }),
-      /* @__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(f.Item, { label: "连线颜色", name: "edgeColor", initialValue: c.edgeDefaultColor, children: /* @__PURE__ */ o(_, { showText: !0 }) }),
+      /* @__PURE__ */ o(f.Item, { label: "显示标签", name: "showLabel", initialValue: "show", children: /* @__PURE__ */ u(p, { children: [
+        /* @__PURE__ */ o(p.Option, { value: "show", children: "显示" }),
+        /* @__PURE__ */ o(p.Option, { value: "hide", children: "隐藏" })
       ] }) }),
-      /* @__PURE__ */ o(u.Item, { label: "字体大小", name: "fontSize", initialValue: r.edgeLabelFontSize, children: /* @__PURE__ */ o(I, { type: "number", placeholder: "请输入字体大小" }) }),
-      /* @__PURE__ */ o(u.Item, { label: "字体颜色", name: "fontColor", initialValue: r.edgeLabelColor, children: /* @__PURE__ */ o(A, { showText: !0 }) }),
-      /* @__PURE__ */ o(u.Item, { label: "字体粗细", name: "fontWeight", initialValue: "normal", children: /* @__PURE__ */ f(m, { children: [
-        /* @__PURE__ */ o(m.Option, { value: "normal", children: "常规" }),
-        /* @__PURE__ */ o(m.Option, { value: "bold", children: "粗体" })
+      /* @__PURE__ */ o(f.Item, { label: "字体大小", name: "fontSize", initialValue: c.edgeLabelFontSize, children: /* @__PURE__ */ o(O, { type: "number", placeholder: "请输入字体大小" }) }),
+      /* @__PURE__ */ o(f.Item, { label: "字体颜色", name: "fontColor", initialValue: c.edgeLabelColor, children: /* @__PURE__ */ o(_, { showText: !0 }) }),
+      /* @__PURE__ */ o(f.Item, { label: "字体粗细", name: "fontWeight", initialValue: "normal", children: /* @__PURE__ */ u(p, { children: [
+        /* @__PURE__ */ o(p.Option, { value: "normal", children: "常规" }),
+        /* @__PURE__ */ o(p.Option, { value: "bold", children: "粗体" })
       ] }) }),
-      /* @__PURE__ */ o(u.Item, { label: "字体样式", name: "fontStyle", initialValue: "normal", children: /* @__PURE__ */ f(m, { children: [
-        /* @__PURE__ */ o(m.Option, { value: "normal", children: "默认" }),
-        /* @__PURE__ */ o(m.Option, { value: "italic", children: "斜体" })
+      /* @__PURE__ */ o(f.Item, { label: "字体样式", name: "fontStyle", initialValue: "normal", children: /* @__PURE__ */ u(p, { children: [
+        /* @__PURE__ */ o(p.Option, { value: "normal", children: "默认" }),
+        /* @__PURE__ */ o(p.Option, { value: "italic", children: "斜体" })
       ] }) }),
-      /* @__PURE__ */ o(u.Item, { label: "标签背景色", name: "labelBgColor", initialValue: "#ffffff", children: /* @__PURE__ */ o(A, { showText: !0 }) })
+      /* @__PURE__ */ o(f.Item, { label: "标签背景色", name: "labelBgColor", initialValue: "#ffffff", children: /* @__PURE__ */ o(_, { showText: !0 }) })
     ] }),
-    /* @__PURE__ */ o("div", { className: "setting-form-footer", children: /* @__PURE__ */ o(u.Item, { children: /* @__PURE__ */ o(he, { type: "primary", htmlType: "submit", block: !0, children: "保存连线配置" }) }) })
+    /* @__PURE__ */ o("div", { className: "setting-form-footer", children: /* @__PURE__ */ o(f.Item, { children: /* @__PURE__ */ o(ge, { type: "primary", htmlType: "submit", block: !0, children: "保存连线配置" }) }) })
   ] });
 };
 export {
-  bt as actionList,
-  Ft as default
+  xt as actionList,
+  Qt as default
 };