react-kggraph 0.0.1

package/lib/index30.esm.js

@@ -0,0 +1,828 @@
+import { __toESM as e } from "./index2.esm.js";
+/* empty css           */
+import { utils as t, writeFileSync as n } from "./index4.esm.js";
+import { downloadFile as r } from "./index16.esm.js";
+import { choiceConfig as i, donwnGraphData as a, downloadData as o, getCyData as s, handleCalcPath as c, layoutCongig as l, linkAnalysis as u, textLayout as ee, textPositionConfig as d } from "./index17.esm.js";
+import { GraphContext as te } from "./index18.esm.js";
+import { fixNodesToEdges as ne, layout as f } from "./index19.esm.js";
+import { require_jsx_runtime as p } from "./index23.esm.js";
+import m from "./index24.esm.js";
+import h from "./index26.esm.js";
+import g from "./index28.esm.js";
+import { require_classnames as _ } from "./index29.esm.js";
+import { forwardRef as v, useContext as y, useEffect as re, useImperativeHandle as ie, useRef as ae, useState as b } from "react";
+import { AppstoreOutlined as oe, BorderOuterOutlined as se, ClearOutlined as x, LineChartOutlined as S, LineHeightOutlined as ce, MinusCircleOutlined as le, MinusSquareOutlined as ue, PlusCircleOutlined as de, PlusSquareOutlined as fe, RobotOutlined as pe, SaveOutlined as me, SelectOutlined as he, TableOutlined as ge } from "@ant-design/icons";
+import { Button as C, Drawer as _e, Dropdown as w, Flex as T, Form as E, Input as D, Modal as O, Select as k, Tabs as A, message as j } from "antd";
+//#region src/components/Graph/components/ActionBar/index.tsx
+var M = /* @__PURE__ */ e(_(), 1), N = p(), P = (e, t) => (n) => {
+	n.stopPropagation(), e?.(t || "");
+}, F = v(({ graphInfo: e, cyRef: p, initNodeScale: _, typeObj: v, relationObj: C }, E) => {
+	let { layoutType: D, setLayoutType: k } = y(te), [F, ye] = b(""), [be, L] = b(!1), [R, xe] = b(_), [Se, z] = b(!1), [Ce, B] = b(!1), [V, H] = b(null), [we, U] = b(!1), [Te, W] = b(!1), [Ee, De] = b("node"), G = ae(null), [K, Oe] = b(!0), [q, ke] = b(/* @__PURE__ */ new Set()), [J, Ae] = b(/* @__PURE__ */ new Set());
+	ie(E, () => ({ onPathAnalysis: () => {
+		Z();
+	} })), re(() => {
+		Y(F);
+	}, [F]);
+	let Y = async (e) => {
+		let t = p.current;
+		if (!t || !F) {
+			t?.nodes().removeClass("highlight"), t?.fit();
+			return;
+		}
+		let n = t.nodes().filter((e) => {
+			let t = (e.data("name") || "").toLowerCase(), n = (e.data("role") || "").toLowerCase(), r = (e.data("dept") || "").toLowerCase(), i = String(e.data("id") || "").toLowerCase();
+			return t.includes(F.toLowerCase()) || n.includes(F.toLowerCase()) || r.includes(F.toLowerCase()) || i.includes(F.toLowerCase());
+		});
+		t.nodes().removeClass("highlight"), n.addClass("highlight"), n.length === 1 ? (console.log("matchedNodes:::", n), t.animate({
+			center: { eles: n },
+			duration: 500
+		})) : alert("未找到对应节点");
+	}, X = (e) => {
+		let t = p.current;
+		if (!t) return;
+		let n = t.zoom();
+		console.log(999, n);
+		let r = 0;
+		switch (e) {
+			case "out":
+				r = Math.max(n * .8, .1);
+				break;
+			case "in":
+				r = Math.min(n * 1.2, 3);
+				break;
+		}
+		t.zoom(r), t.center();
+	}, je = () => {
+		console.log("查询节点"), z(!0), B(!1), G.current.close();
+	}, Z = () => {
+		console.log("路径分析"), z(!1), B(!0), G.current.close();
+	}, Me = (t) => {
+		k(t);
+		let n = p.current;
+		n && (n.nodes().unlock(), f(p, t), t === "cose-bilkent" && e?.searchNodes?.length === 2 && ne(n, e.searchNodes[0], e.searchNodes[1]));
+	}, Ne = () => {
+		let e = p.current;
+		e && a(e);
+	}, Pe = () => {
+		let e = p.current;
+		e && (H(s(e)), U(!0));
+	}, Q = (e, t) => {
+		let n = e.current;
+		n && (t === "downloadPng" ? r(n.png({
+			scale: 2,
+			bg: "transparent",
+			full: !0,
+			quality: 1
+		}), `graph_${Date.now()}.png`) : t === "downloadJpg" && r(n.jpg({
+			scale: 2,
+			bg: "#ffffff",
+			full: !0,
+			quality: 1
+		}), `graph_${Date.now()}.jpg`));
+	}, Fe = () => {
+		let e = p.current;
+		if (!e) return;
+		let { nodes: r = [], edges: i = [] } = s(e), a = r.map((e) => {
+			let t = e.data || {}, n = t.properties || {};
+			return {
+				节点名称: t.name || t.label || "",
+				节点ID: t.id || "",
+				节点类型: t.types || "",
+				URI: t.label || "",
+				X坐标: e.position?.x || "",
+				Y坐标: e.position?.y || "",
+				层级: t.level || "",
+				宽度: t.baseWidth || "",
+				高度: t.baseHeight || "",
+				图片: t.image || "",
+				属性ID: n.id || "",
+				属性值: n.value || ""
+			};
+		}), o = i.map((e) => {
+			let t = e.data || {};
+			return {
+				源节点: t.source?.split("/#")[0]?.split("/").pop() || t.source,
+				目标节点: t.target?.split("/#")[0]?.split("/").pop() || t.target,
+				源URI: t.source || "",
+				目标URI: t.target || "",
+				关系名称: t.name || t.label || "",
+				关系ID: t.id || ""
+			};
+		}), c = t.book_new();
+		if (a.length > 0) {
+			let e = t.json_to_sheet(a);
+			e["!cols"] = [
+				{ wch: 30 },
+				{ wch: 60 },
+				{ wch: 15 },
+				{ wch: 50 },
+				{ wch: 12 },
+				{ wch: 12 },
+				{ wch: 8 },
+				{ wch: 8 },
+				{ wch: 8 },
+				{ wch: 40 },
+				{ wch: 50 },
+				{ wch: 40 }
+			], t.book_append_sheet(c, e, "节点");
+		}
+		if (o.length > 0) {
+			let e = t.json_to_sheet(o);
+			e["!cols"] = [
+				{ wch: 30 },
+				{ wch: 30 },
+				{ wch: 60 },
+				{ wch: 60 },
+				{ wch: 15 },
+				{ wch: 40 }
+			], t.book_append_sheet(c, e, "关系");
+		}
+		n(c, `graph_${Date.now()}.xlsx`);
+	}, Ie = (e, t) => {
+		switch (e.stopPropagation(), t) {
+			case "downloadJson":
+				Ne();
+				break;
+			case "previewJsonList":
+				Pe();
+				break;
+			case "downloadExcel":
+				Fe();
+				break;
+			case "previewDataList": break;
+			case "downloadJpg":
+				Q(p, t);
+				break;
+			case "downloadPng":
+				Q(p, t);
+				break;
+		}
+	}, Le = () => {
+		z(!1), B(!1), G.current.open();
+	}, Re = (e) => {
+		let t = p.current;
+		if (t) if (t.panningEnabled(!0), e === "all") t.nodes().addClass("selected"), t.nodes().select(), t.elements().select();
+		else if (e === "reverse") {
+			let e = t.elements().filter(":selected"), n = t.elements().not(":selected");
+			e.length > 0 ? (e.unselect(), n.select(), e.removeClass("selected"), n.addClass("selected")) : (t.elements().select(), t.elements().addClass("selected"));
+		} else e === "click" ? (t.off("click", "node"), t.on("click", "node", (e) => {
+			let n = e.target;
+			t.nodes().removeClass("selected grayed highlighted"), t.edges().removeClass("selected grayed highlighted"), n.addClass("selected");
+			let r = n.neighborhood().nodes().add(n), i = r.edgesWith(r);
+			console.log("cy.nodes().not(relatedNodes):::", r), t.nodes().not(r).addClass("grayed"), t.edges().not(i).addClass("grayed"), r.addClass("highlighted"), i.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", (e) => {
+			let n = t.elements(":selected");
+			console.log("框选完成，选中元素数：", n.length), t.elements().removeClass("selected"), n.addClass("selected");
+		}), t.on("boxselectend", () => {
+			console.log("框选结束"), t.zoomingEnabled(!0), t.panningEnabled(!0);
+		}));
+	}, ze = () => {
+		let e = p.current;
+		if (console.log("isShow::::"), be) L(!1), e.nodes("[types=\"typed-literal\" ]").style("visibility", "visible"), e.edges().style("visibility", "visible");
+		else {
+			L(!0);
+			let t = e.nodes("[types=\"typed-literal\" ]");
+			t.style("visibility", "hidden"), t.connectedEdges().style("visibility", "hidden");
+		}
+	}, $ = (e) => {
+		let t = p.current;
+		if (!t) return;
+		let n = e === "out" ? Math.max(R * .8, .1) : Math.min(R * 1.2, 5);
+		xe(n);
+		let r = t.nodes();
+		r.style("width", (e) => (e.data("baseWidth") || 80) * n), r.style("height", (e) => (e.data("baseHeight") || 80) * n);
+	}, Be = (e) => {
+		ye(e.content), Y(e.content);
+	}, Ve = (e = "刘强东", t = "1") => {
+		let n = p.current;
+		if (!n) return;
+		n.elements().removeClass("level-highlight level-selected level-grayed level-highlightedge");
+		let r = n.nodes().filter((t) => (t.data("name") || t.data("id") || "").toString().includes(e));
+		if (r.length === 0) {
+			j.warning(`未找到节点: ${e}`);
+			return;
+		}
+		let i = parseInt(t) || 1, a = n.collection(), o = [];
+		r.forEach((e) => {
+			e.addClass("level-selected"), a.merge(e);
+			let t = n.collection(), r = /* @__PURE__ */ new Set();
+			r.add(e.id()), i >= 1 && (t = e.neighborhood().nodes(), t.forEach((e) => {
+				r.add(e.id()), a.merge(e);
+			}), o.push(t));
+			for (let e = 2; e <= i; e++) {
+				let e = n.collection();
+				t.forEach((t) => {
+					t.neighborhood().nodes().forEach((t) => {
+						r.has(t.id()) || (r.add(t.id()), e.merge(t));
+					});
+				}), e.forEach((e) => a.merge(e)), o.push(e), t = e;
+			}
+		}), o.forEach((e) => {
+			e.addClass("level-highlight");
+		}), n.edges().filter((e) => {
+			let t = e.source(), n = e.target();
+			return a.contains(t) && a.contains(n);
+		}).addClass("level-highlightedge");
+		let s = n.elements().filter(".level-selected, .level-highlight, .level-highlightedge");
+		n.elements().not(s).addClass("level-grayed"), j.success(`已高亮 "${e}" 及其 ${i} 度关联节点和连线`);
+	}, He = (e) => {
+		let t = p.current;
+		if (!t) return;
+		let n = new Set(q);
+		n.has(e) ? (n.delete(e), t.nodes().filter((t) => t.data("type") === e).show()) : (n.add(e), t.nodes().filter((t) => t.data("type") === e).hide()), ke(n);
+	}, Ue = (e) => {
+		let t = p.current;
+		if (!t) return;
+		let n = new Set(J);
+		n.has(e) ? (n.delete(e), t.edges().filter((t) => t.data("name") === e).show()) : (n.add(e), t.edges().filter((t) => t.data("name") === e).hide()), Ae(n);
+	}, We = () => {
+		let e = p.current;
+		e.remove(e.elements());
+	}, Ge = () => {
+		W(!0);
+	};
+	return /* @__PURE__ */ (0, N.jsxs)(N.Fragment, { children: [
+		/* @__PURE__ */ (0, N.jsx)("div", {
+			className: "graph-bar",
+			children: /* @__PURE__ */ (0, N.jsxs)("div", {
+				className: "graph-bar-min",
+				children: [
+					/* @__PURE__ */ (0, N.jsxs)(T, {
+						wrap: !0,
+						align: "center",
+						justify: "center",
+						className: "hover:text-[#145afd] cursor",
+						onClick: () => Oe(!K),
+						children: [/* @__PURE__ */ (0, N.jsx)(oe, {}), /* @__PURE__ */ (0, N.jsx)(T, {
+							className: "w-100% ",
+							justify: "center",
+							children: "查询统计"
+						})]
+					}),
+					/* @__PURE__ */ (0, N.jsx)(w, {
+						menu: { items: l?.map((e) => ({
+							...e,
+							label: /* @__PURE__ */ (0, N.jsx)("div", {
+								className: (0, M.default)({ "text-[#145afd]": D === e.key }),
+								onClick: P(Me, e.key),
+								children: e.label
+							})
+						})) },
+						children: /* @__PURE__ */ (0, N.jsxs)(T, {
+							wrap: !0,
+							align: "center",
+							justify: "center",
+							className: "hover:text-[#145afd] cursor",
+							children: [/* @__PURE__ */ (0, N.jsx)(ge, {}), /* @__PURE__ */ (0, N.jsx)(T, {
+								className: "w-100% ",
+								justify: "center",
+								children: "布局"
+							})]
+						})
+					}),
+					/* @__PURE__ */ (0, N.jsxs)(T, {
+						wrap: !0,
+						align: "center",
+						justify: "center",
+						className: "hover:text-[#145afd] cursor",
+						onClick: () => Ge(),
+						children: [/* @__PURE__ */ (0, N.jsx)(pe, {}), /* @__PURE__ */ (0, N.jsx)(T, {
+							className: "w-100% ",
+							justify: "center",
+							children: "图显示设置"
+						})]
+					}),
+					/* @__PURE__ */ (0, N.jsx)(w, {
+						menu: { items: u.map((e) => ({
+							...e,
+							label: /* @__PURE__ */ (0, N.jsx)("div", {
+								onClick: (t) => {
+									switch (t.stopPropagation(), e.key) {
+										case "query":
+											je();
+											break;
+										case "link":
+											Le();
+											break;
+										case "path":
+											Z();
+											break;
+									}
+								},
+								children: e.label
+							})
+						})) },
+						children: /* @__PURE__ */ (0, N.jsxs)(T, {
+							wrap: !0,
+							align: "center",
+							justify: "center",
+							className: "hover:text-[#145afd] cursor",
+							children: [/* @__PURE__ */ (0, N.jsx)(S, {}), /* @__PURE__ */ (0, N.jsx)(T, {
+								className: "w-100% ",
+								justify: "center",
+								children: "分析"
+							})]
+						})
+					}),
+					/* @__PURE__ */ (0, N.jsx)(w, {
+						menu: { items: i?.map((e) => ({
+							...e,
+							label: /* @__PURE__ */ (0, N.jsx)("div", {
+								onClick: P(Re, e.key),
+								children: e.label
+							})
+						})) },
+						children: /* @__PURE__ */ (0, N.jsxs)(T, {
+							wrap: !0,
+							align: "center",
+							justify: "center",
+							className: "hover:text-[#145afd] cursor",
+							children: [/* @__PURE__ */ (0, N.jsx)(he, {}), /* @__PURE__ */ (0, N.jsx)(T, {
+								className: "w-100% ",
+								justify: "center",
+								children: "选择"
+							})]
+						})
+					}),
+					/* @__PURE__ */ (0, N.jsx)(w, {
+						menu: { items: o?.map((e) => ({
+							...e,
+							label: /* @__PURE__ */ (0, N.jsx)("div", {
+								onClick: (t) => Ie(t, e.key),
+								children: e.label
+							})
+						})) },
+						children: /* @__PURE__ */ (0, N.jsxs)(T, {
+							wrap: !0,
+							align: "center",
+							justify: "center",
+							className: "hover:text-[#145afd] cursor",
+							children: [/* @__PURE__ */ (0, N.jsx)(me, {}), /* @__PURE__ */ (0, N.jsx)(T, {
+								className: "w-100% ",
+								justify: "center",
+								children: "下载数据"
+							})]
+						})
+					}),
+					/* @__PURE__ */ (0, N.jsxs)(T, {
+						wrap: !0,
+						align: "center",
+						justify: "center",
+						className: "hover:text-[#145afd] cursor",
+						onClick: () => ze(),
+						children: [/* @__PURE__ */ (0, N.jsx)(se, {}), /* @__PURE__ */ (0, N.jsx)(T, {
+							className: "w-100% ",
+							justify: "center",
+							children: "隐藏属性"
+						})]
+					}),
+					/* @__PURE__ */ (0, N.jsx)(w, {
+						menu: { items: d?.map((e) => ({
+							...e,
+							label: /* @__PURE__ */ (0, N.jsx)("div", {
+								onClick: P(() => ee(p, e.key), e.key),
+								children: e.label
+							})
+						})) },
+						children: /* @__PURE__ */ (0, N.jsxs)(T, {
+							wrap: !0,
+							align: "center",
+							justify: "center",
+							className: "hover:text-[#145afd] cursor",
+							children: [/* @__PURE__ */ (0, N.jsx)(ce, {}), /* @__PURE__ */ (0, N.jsx)(T, {
+								className: "w-100% ",
+								justify: "center",
+								children: "文字位置"
+							})]
+						})
+					}),
+					/* @__PURE__ */ (0, N.jsxs)(T, {
+						wrap: !0,
+						align: "center",
+						justify: "center",
+						className: "hover:text-[#145afd] cursor",
+						onClick: () => We(),
+						children: [/* @__PURE__ */ (0, N.jsx)(x, {}), /* @__PURE__ */ (0, N.jsx)(T, {
+							className: "w-100% ",
+							justify: "center",
+							children: "清空画布"
+						})]
+					}),
+					/* @__PURE__ */ (0, N.jsxs)(T, {
+						wrap: !0,
+						align: "center",
+						justify: "center",
+						className: "hover:text-[#145afd] cursor",
+						children: [/* @__PURE__ */ (0, N.jsxs)(T, {
+							gap: "5px",
+							children: [/* @__PURE__ */ (0, N.jsx)(de, { onClick: () => $("in") }), /* @__PURE__ */ (0, N.jsx)(le, { onClick: () => $("out") })]
+						}), /* @__PURE__ */ (0, N.jsx)(T, {
+							className: "w-100% ",
+							justify: "center",
+							children: "节点缩放"
+						})]
+					}),
+					/* @__PURE__ */ (0, N.jsxs)(T, {
+						wrap: !0,
+						align: "center",
+						justify: "center",
+						className: "hover:text-[#145afd] cursor",
+						children: [/* @__PURE__ */ (0, N.jsxs)(T, {
+							gap: "5px",
+							children: [/* @__PURE__ */ (0, N.jsx)(fe, { onClick: () => X("in") }), /* @__PURE__ */ (0, N.jsx)(ue, { onClick: () => X("out") })]
+						}), /* @__PURE__ */ (0, N.jsx)(T, {
+							className: "w-100% ",
+							justify: "center",
+							children: "画布缩放"
+						})]
+					})
+				]
+			})
+		}),
+		/* @__PURE__ */ (0, N.jsx)(m, {
+			isVisible: Se,
+			searchChange: (e) => Be(e),
+			closeQuery: () => z(!1)
+		}),
+		/* @__PURE__ */ (0, N.jsx)(h, {
+			isVisible: Ce,
+			analysis: (e) => c(p, { pathNodes: e }),
+			closePath: () => B(!1)
+		}),
+		/* @__PURE__ */ (0, N.jsx)(g, {
+			ref: G,
+			onLevelClick: Ve
+		}),
+		/* @__PURE__ */ (0, N.jsx)(O, {
+			title: "JSON预览",
+			open: we,
+			onCancel: () => U(!1),
+			footer: null,
+			width: 800,
+			children: /* @__PURE__ */ (0, N.jsx)("pre", {
+				style: {
+					maxHeight: "60vh",
+					overflow: "auto",
+					background: "#f5f5f5",
+					padding: "16px",
+					borderRadius: "4px"
+				},
+				children: V ? JSON.stringify(V, null, 2) : "暂无数据"
+			})
+		}),
+		/* @__PURE__ */ (0, N.jsx)(_e, {
+			title: "图显示设置",
+			placement: "right",
+			open: Te,
+			onClose: () => W(!1),
+			mask: !1,
+			width: 350,
+			getContainer: !1,
+			children: /* @__PURE__ */ (0, N.jsx)(A, {
+				activeKey: Ee,
+				onChange: De,
+				items: [{
+					label: "节点设置",
+					key: "node",
+					children: /* @__PURE__ */ (0, N.jsx)(I, { onSave: (e) => {
+						let t = p.current;
+						t && (t.nodes().forEach((t) => {
+							t.style({
+								width: e.nodeSize,
+								height: e.nodeSize,
+								"font-size": e.fontSize,
+								color: e.fontColor,
+								"font-weight": e.fontWeight,
+								"font-style": e.fontStyle,
+								"text-valign": e.textPosition,
+								"text-halign": "center",
+								"text-margin-y": e.textOffset,
+								label: e.showLabel === "show" ? t.data("name") || t.data("label") : ""
+							});
+						}), j.success("节点配置保存成功"));
+					} })
+				}, {
+					label: "连线设置",
+					key: "edge",
+					children: /* @__PURE__ */ (0, N.jsx)(ve, { onSave: (e) => {
+						let t = p.current;
+						t && (t.edges().forEach((t) => {
+							t.style({
+								width: e.edgeWidth,
+								"line-color": e.edgeColorType === "custom" ? e.customColor : "#a29e9e",
+								"target-arrow-color": e.edgeColorType === "custom" ? e.customColor : "#a29e9e",
+								"target-arrow-shape": e.showArrow === "show" ? "triangle" : "none",
+								"font-size": e.fontSize,
+								color: e.fontColor,
+								"font-weight": e.fontWeight,
+								"font-style": e.fontStyle,
+								label: e.showLabel === "show" ? t.data("label") || t.data("name") : "",
+								"text-background-color": e.labelBgColor || "transparent",
+								"text-background-opacity": +!!e.labelBgColor,
+								"text-background-padding": "2px"
+							});
+						}), j.success("连线配置保存成功"));
+					} })
+				}]
+			})
+		}),
+		/* @__PURE__ */ (0, N.jsx)("div", {
+			className: (0, M.default)("absolute right-0px z-1 bg-#fff p-10px rounded-10px shadow-[0_4px_20px_0px_rgba(12,95,218,0.33)] w-200px", { hidden: !K }),
+			children: /* @__PURE__ */ (0, N.jsx)(A, { items: [{
+				label: "实体",
+				key: "entity",
+				children: /* @__PURE__ */ (0, N.jsx)(N.Fragment, { children: Object.keys(v).length > 0 ? /* @__PURE__ */ (0, N.jsxs)("div", { children: [
+					/* @__PURE__ */ (0, N.jsxs)("p", { children: ["实体数量：", Object.values(v).reduce((e, t) => e + t.count, 0)] }),
+					/* @__PURE__ */ (0, N.jsxs)("p", {
+						className: "my-4px",
+						children: ["实体类型：", Object.keys(v).length]
+					}),
+					/* @__PURE__ */ (0, N.jsx)(T, {
+						gap: "5px",
+						justify: "start",
+						className: "w-100%",
+						wrap: !0,
+						children: Object.keys(v).map((e) => /* @__PURE__ */ (0, N.jsxs)(T, {
+							gap: "4px",
+							justify: "start",
+							className: `w-100% cursor ${q.has(e) ? "opacity-30" : ""}`,
+							onClick: () => He(e),
+							children: [
+								/* @__PURE__ */ (0, N.jsx)("img", {
+									className: "w-20px rounded-50%",
+									src: v[e].img,
+									alt: ""
+								}),
+								e,
+								"：",
+								v[e].count
+							]
+						}, e))
+					})
+				] }) : /* @__PURE__ */ (0, N.jsx)("span", {
+					className: "text-[#666]",
+					children: "暂无实体统计！"
+				}) })
+			}, {
+				label: "关系",
+				key: "relation",
+				children: /* @__PURE__ */ (0, N.jsx)(N.Fragment, { children: Object.keys(C)?.length > 0 ? /* @__PURE__ */ (0, N.jsxs)("div", { children: [
+					/* @__PURE__ */ (0, N.jsxs)("div", { children: ["关系数量：", Object.keys(C)?.length] }),
+					/* @__PURE__ */ (0, N.jsxs)("div", {
+						className: "my-4px",
+						children: ["关系类型：", Object.values(C)?.reduce((e, t) => e + t, 0)]
+					}),
+					/* @__PURE__ */ (0, N.jsx)(T, {
+						gap: "5px",
+						justify: "start",
+						className: "w-100%",
+						wrap: !0,
+						children: Object.keys(C).map((e) => /* @__PURE__ */ (0, N.jsxs)(T, {
+							gap: "4px",
+							className: `w-100% cursor ${J.has(e) ? "opacity-30" : ""}`,
+							onClick: () => Ue(e),
+							children: [
+								e,
+								"：",
+								C[e]
+							]
+						}, e))
+					})
+				] }) : /* @__PURE__ */ (0, N.jsx)("span", {
+					className: "text-[#666]",
+					children: "暂无关系统计！"
+				}) })
+			}] })
+		})
+	] });
+}), I = ({ onSave: e }) => {
+	let [t] = E.useForm();
+	return /* @__PURE__ */ (0, N.jsxs)(E, {
+		form: t,
+		layout: "vertical",
+		onFinish: e,
+		children: [
+			/* @__PURE__ */ (0, N.jsx)(E.Item, {
+				label: "节点大小",
+				name: "nodeSize",
+				initialValue: 80,
+				children: /* @__PURE__ */ (0, N.jsx)(D, {
+					type: "number",
+					placeholder: "请输入节点大小"
+				})
+			}),
+			/* @__PURE__ */ (0, N.jsx)(E.Item, {
+				label: "显示标签",
+				name: "showLabel",
+				initialValue: "show",
+				children: /* @__PURE__ */ (0, N.jsxs)(k, { children: [/* @__PURE__ */ (0, N.jsx)(k.Option, {
+					value: "show",
+					children: "显示"
+				}), /* @__PURE__ */ (0, N.jsx)(k.Option, {
+					value: "hide",
+					children: "隐藏"
+				})] })
+			}),
+			/* @__PURE__ */ (0, N.jsx)(E.Item, {
+				label: "字体位置",
+				name: "textPosition",
+				initialValue: "bottom",
+				children: /* @__PURE__ */ (0, N.jsx)(k, { children: d.map((e) => /* @__PURE__ */ (0, N.jsx)(k.Option, {
+					value: e.key,
+					children: e.label
+				}, e.item)) })
+			}),
+			/* @__PURE__ */ (0, N.jsx)(E.Item, {
+				label: "字体偏移",
+				name: "textOffset",
+				initialValue: 5,
+				children: /* @__PURE__ */ (0, N.jsx)(D, {
+					type: "number",
+					placeholder: "请输入字体偏移量"
+				})
+			}),
+			/* @__PURE__ */ (0, N.jsx)(E.Item, {
+				label: "字体颜色",
+				name: "fontColor",
+				initialValue: "rgb(50,50,50)",
+				children: /* @__PURE__ */ (0, N.jsx)(D, { placeholder: "请输入字体颜色" })
+			}),
+			/* @__PURE__ */ (0, N.jsx)(E.Item, {
+				label: "字体大小",
+				name: "fontSize",
+				initialValue: 18,
+				children: /* @__PURE__ */ (0, N.jsx)(D, {
+					type: "number",
+					placeholder: "请输入字体大小"
+				})
+			}),
+			/* @__PURE__ */ (0, N.jsx)(E.Item, {
+				label: "字体粗细",
+				name: "fontWeight",
+				initialValue: "normal",
+				children: /* @__PURE__ */ (0, N.jsxs)(k, { children: [
+					/* @__PURE__ */ (0, N.jsx)(k.Option, {
+						value: "normal",
+						children: "常规"
+					}),
+					/* @__PURE__ */ (0, N.jsx)(k.Option, {
+						value: "bold",
+						children: "粗体"
+					}),
+					/* @__PURE__ */ (0, N.jsx)(k.Option, {
+						value: "lighter",
+						children: "细体"
+					})
+				] })
+			}),
+			/* @__PURE__ */ (0, N.jsx)(E.Item, {
+				label: "字体样式",
+				name: "fontStyle",
+				initialValue: "normal",
+				children: /* @__PURE__ */ (0, N.jsxs)(k, { children: [/* @__PURE__ */ (0, N.jsx)(k.Option, {
+					value: "normal",
+					children: "默认"
+				}), /* @__PURE__ */ (0, N.jsx)(k.Option, {
+					value: "italic",
+					children: "斜体"
+				})] })
+			}),
+			/* @__PURE__ */ (0, N.jsx)(E.Item, { children: /* @__PURE__ */ (0, N.jsx)(C, {
+				type: "primary",
+				htmlType: "submit",
+				block: !0,
+				children: "保存节点配置"
+			}) })
+		]
+	});
+}, ve = ({ onSave: e }) => {
+	let [t] = E.useForm(), [n, r] = b("default");
+	return /* @__PURE__ */ (0, N.jsxs)(E, {
+		form: t,
+		layout: "vertical",
+		onFinish: e,
+		children: [
+			/* @__PURE__ */ (0, N.jsx)(E.Item, {
+				label: "类型",
+				name: "edgeType",
+				initialValue: "straight",
+				children: /* @__PURE__ */ (0, N.jsxs)(k, { children: [/* @__PURE__ */ (0, N.jsx)(k.Option, {
+					value: "straight",
+					children: "直线"
+				}), /* @__PURE__ */ (0, N.jsx)(k.Option, {
+					value: "curve",
+					children: "曲线"
+				})] })
+			}),
+			/* @__PURE__ */ (0, N.jsx)(E.Item, {
+				label: "连线宽度",
+				name: "edgeWidth",
+				initialValue: 2,
+				children: /* @__PURE__ */ (0, N.jsx)(D, {
+					type: "number",
+					placeholder: "请输入连线宽度"
+				})
+			}),
+			/* @__PURE__ */ (0, N.jsx)(E.Item, {
+				label: "连线箭头",
+				name: "showArrow",
+				initialValue: "show",
+				children: /* @__PURE__ */ (0, N.jsxs)(k, { children: [/* @__PURE__ */ (0, N.jsx)(k.Option, {
+					value: "show",
+					children: "显示"
+				}), /* @__PURE__ */ (0, N.jsx)(k.Option, {
+					value: "hide",
+					children: "隐藏"
+				})] })
+			}),
+			/* @__PURE__ */ (0, N.jsx)(E.Item, {
+				label: "连线颜色",
+				name: "edgeColorType",
+				initialValue: "default",
+				children: /* @__PURE__ */ (0, N.jsxs)(k, {
+					onChange: r,
+					children: [/* @__PURE__ */ (0, N.jsx)(k.Option, {
+						value: "default",
+						children: "默认"
+					}), /* @__PURE__ */ (0, N.jsx)(k.Option, {
+						value: "custom",
+						children: "自定义色"
+					})]
+				})
+			}),
+			n === "custom" && /* @__PURE__ */ (0, N.jsx)(E.Item, {
+				label: "自定义颜色",
+				name: "customColor",
+				initialValue: "rgb(20,20,20)",
+				children: /* @__PURE__ */ (0, N.jsx)(D, { placeholder: "请输入自定义颜色" })
+			}),
+			/* @__PURE__ */ (0, N.jsx)(E.Item, {
+				label: "显示标签",
+				name: "showLabel",
+				initialValue: "show",
+				children: /* @__PURE__ */ (0, N.jsxs)(k, { children: [/* @__PURE__ */ (0, N.jsx)(k.Option, {
+					value: "show",
+					children: "显示"
+				}), /* @__PURE__ */ (0, N.jsx)(k.Option, {
+					value: "hide",
+					children: "隐藏"
+				})] })
+			}),
+			/* @__PURE__ */ (0, N.jsx)(E.Item, {
+				label: "字体大小",
+				name: "fontSize",
+				initialValue: 14,
+				children: /* @__PURE__ */ (0, N.jsx)(D, {
+					type: "number",
+					placeholder: "请输入字体大小"
+				})
+			}),
+			/* @__PURE__ */ (0, N.jsx)(E.Item, {
+				label: "字体粗细",
+				name: "fontWeight",
+				initialValue: "normal",
+				children: /* @__PURE__ */ (0, N.jsxs)(k, { children: [/* @__PURE__ */ (0, N.jsx)(k.Option, {
+					value: "normal",
+					children: "常规"
+				}), /* @__PURE__ */ (0, N.jsx)(k.Option, {
+					value: "bold",
+					children: "粗体"
+				})] })
+			}),
+			/* @__PURE__ */ (0, N.jsx)(E.Item, {
+				label: "字体样式",
+				name: "fontStyle",
+				initialValue: "normal",
+				children: /* @__PURE__ */ (0, N.jsxs)(k, { children: [/* @__PURE__ */ (0, N.jsx)(k.Option, {
+					value: "normal",
+					children: "默认"
+				}), /* @__PURE__ */ (0, N.jsx)(k.Option, {
+					value: "italic",
+					children: "斜体"
+				})] })
+			}),
+			/* @__PURE__ */ (0, N.jsx)(E.Item, {
+				label: "字体颜色",
+				name: "fontColor",
+				initialValue: "rgb(50,50,50)",
+				children: /* @__PURE__ */ (0, N.jsx)(D, { placeholder: "请输入字体颜色" })
+			}),
+			/* @__PURE__ */ (0, N.jsx)(E.Item, {
+				label: "标签背色",
+				name: "labelBgColor",
+				initialValue: "",
+				children: /* @__PURE__ */ (0, N.jsx)(D, { placeholder: "请选择颜色" })
+			}),
+			/* @__PURE__ */ (0, N.jsx)(E.Item, { children: /* @__PURE__ */ (0, N.jsx)(C, {
+				type: "primary",
+				htmlType: "submit",
+				block: !0,
+				children: "保存连线配置"
+			}) })
+		]
+	});
+};
+//#endregion
+export { F as default };