react-kggraph 0.0.4 → 0.0.5

package/lib/index28.es.js

@@ -0,0 +1,828 @@
+import { __toESM as e } from "./index2.es.js";
+/* empty css          */
+import { utils as t, writeFileSync as n } from "./index5.es.js";
+import { downloadFile as r } from "./index17.es.js";
+import { choiceConfig as i, donwnGraphData as a, downloadData as o, getCyData as s, handleCalcPath as c, layoutCongig as l, linkAnalysis as ee, textLayout as te, textPositionConfig as u } from "./index18.es.js";
+import { GraphContext as ne } from "./index19.es.js";
+import { fixNodesToEdges as re, layout as ie } from "./index20.es.js";
+import d from "./index22.es.js";
+import f from "./index24.es.js";
+import p from "./index26.es.js";
+import { require_classnames as m } from "./index27.es.js";
+import { forwardRef as h, useContext as g, useEffect as _, useImperativeHandle as ae, useRef as oe, useState as v } from "react";
+import { AppstoreOutlined as se, BorderOuterOutlined as ce, ClearOutlined as le, LineChartOutlined as ue, LineHeightOutlined as y, MinusCircleOutlined as b, MinusSquareOutlined as x, 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 S, Drawer as _e, Dropdown as C, Flex as w, Form as T, Input as E, Modal as ve, Select as D, Tabs as O, message as k } from "antd";
+import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
+//#region src/components/Graph/components/ActionBar/index.tsx
+var N = /* @__PURE__ */ e(m(), 1), P = (e, t) => (n) => {
+	n.stopPropagation(), e?.(t || "");
+}, F = h(({ graphInfo: e, cyRef: m, initNodeScale: h, typeObj: S, relationObj: T }, E) => {
+	let { layoutType: D, setLayoutType: F } = g(ne), [I, xe] = v(""), [Se, L] = v(!1), [R, Ce] = v(h), [we, z] = v(!1), [Te, B] = v(!1), [V, Ee] = v(null), [De, H] = v(!1), [Oe, U] = v(!1), [ke, Ae] = v("node"), W = oe(null), [G, je] = v(!0), [K, Me] = v(/* @__PURE__ */ new Set()), [q, Ne] = v(/* @__PURE__ */ new Set());
+	ae(E, () => ({ onPathAnalysis: () => {
+		X();
+	} })), _(() => {
+		J(I);
+	}, [I]);
+	let J = async (e) => {
+		let t = m.current;
+		if (!t || !I) {
+			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(I.toLowerCase()) || n.includes(I.toLowerCase()) || r.includes(I.toLowerCase()) || i.includes(I.toLowerCase());
+		});
+		t.nodes().removeClass("highlight"), n.addClass("highlight"), n.length === 1 ? (console.log("matchedNodes:::", n), t.animate({
+			center: { eles: n },
+			duration: 500
+		})) : alert("未找到对应节点");
+	}, Y = (e) => {
+		let t = m.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();
+	}, Pe = () => {
+		console.log("查询节点"), z(!0), B(!1), W.current.close();
+	}, X = () => {
+		console.log("路径分析"), z(!1), B(!0), W.current.close();
+	}, Fe = (t) => {
+		F(t);
+		let n = m.current;
+		n && (n.nodes().unlock(), ie(m, t), t === "cose-bilkent" && e?.searchNodes?.length === 2 && re(n, e.searchNodes[0], e.searchNodes[1]));
+	}, Ie = () => {
+		let e = m.current;
+		e && a(e);
+	}, Le = () => {
+		let e = m.current;
+		e && (Ee(s(e)), H(!0));
+	}, Z = (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`));
+	}, Re = () => {
+		let e = m.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`);
+	}, ze = (e, t) => {
+		switch (e.stopPropagation(), t) {
+			case "downloadJson":
+				Ie();
+				break;
+			case "previewJsonList":
+				Le();
+				break;
+			case "downloadExcel":
+				Re();
+				break;
+			case "previewDataList": break;
+			case "downloadJpg":
+				Z(m, t);
+				break;
+			case "downloadPng":
+				Z(m, t);
+				break;
+		}
+	}, Be = () => {
+		z(!1), B(!1), W.current.open();
+	}, Ve = (e) => {
+		let t = m.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);
+		}));
+	}, Q = () => {
+		let e = m.current;
+		if (console.log("isShow::::"), Se) 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 = m.current;
+		if (!t) return;
+		let n = e === "out" ? Math.max(R * .8, .1) : Math.min(R * 1.2, 5);
+		Ce(n);
+		let r = t.nodes();
+		r.style("width", (e) => (e.data("baseWidth") || 80) * n), r.style("height", (e) => (e.data("baseHeight") || 80) * n);
+	}, He = (e) => {
+		xe(e.content), J(e.content);
+	}, Ue = (e = "刘强东", t = "1") => {
+		let n = m.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) {
+			k.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"), k.success(`已高亮 "${e}" 及其 ${i} 度关联节点和连线`);
+	}, We = (e) => {
+		let t = m.current;
+		if (!t) return;
+		let n = new Set(K);
+		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()), Me(n);
+	}, Ge = (e) => {
+		let t = m.current;
+		if (!t) return;
+		let n = new Set(q);
+		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()), Ne(n);
+	}, Ke = () => {
+		let e = m.current;
+		e.remove(e.elements());
+	}, qe = () => {
+		U(!0);
+	};
+	return /* @__PURE__ */ M(A, { children: [
+		/* @__PURE__ */ j("div", {
+			className: "graph-bar",
+			children: /* @__PURE__ */ M("div", {
+				className: "graph-bar-min",
+				children: [
+					/* @__PURE__ */ M(w, {
+						wrap: !0,
+						align: "center",
+						justify: "center",
+						className: "hover:text-[#145afd] cursor",
+						onClick: () => je(!G),
+						children: [/* @__PURE__ */ j(se, {}), /* @__PURE__ */ j(w, {
+							className: "w-100% ",
+							justify: "center",
+							children: "查询统计"
+						})]
+					}),
+					/* @__PURE__ */ j(C, {
+						menu: { items: l?.map((e) => ({
+							...e,
+							label: /* @__PURE__ */ j("div", {
+								className: (0, N.default)({ "text-[#145afd]": D === e.key }),
+								onClick: P(Fe, e.key),
+								children: e.label
+							})
+						})) },
+						children: /* @__PURE__ */ M(w, {
+							wrap: !0,
+							align: "center",
+							justify: "center",
+							className: "hover:text-[#145afd] cursor",
+							children: [/* @__PURE__ */ j(ge, {}), /* @__PURE__ */ j(w, {
+								className: "w-100% ",
+								justify: "center",
+								children: "布局"
+							})]
+						})
+					}),
+					/* @__PURE__ */ M(w, {
+						wrap: !0,
+						align: "center",
+						justify: "center",
+						className: "hover:text-[#145afd] cursor",
+						onClick: () => qe(),
+						children: [/* @__PURE__ */ j(pe, {}), /* @__PURE__ */ j(w, {
+							className: "w-100% ",
+							justify: "center",
+							children: "图显示设置"
+						})]
+					}),
+					/* @__PURE__ */ j(C, {
+						menu: { items: ee.map((e) => ({
+							...e,
+							label: /* @__PURE__ */ j("div", {
+								onClick: (t) => {
+									switch (t.stopPropagation(), e.key) {
+										case "query":
+											Pe();
+											break;
+										case "link":
+											Be();
+											break;
+										case "path":
+											X();
+											break;
+									}
+								},
+								children: e.label
+							})
+						})) },
+						children: /* @__PURE__ */ M(w, {
+							wrap: !0,
+							align: "center",
+							justify: "center",
+							className: "hover:text-[#145afd] cursor",
+							children: [/* @__PURE__ */ j(ue, {}), /* @__PURE__ */ j(w, {
+								className: "w-100% ",
+								justify: "center",
+								children: "分析"
+							})]
+						})
+					}),
+					/* @__PURE__ */ j(C, {
+						menu: { items: i?.map((e) => ({
+							...e,
+							label: /* @__PURE__ */ j("div", {
+								onClick: P(Ve, e.key),
+								children: e.label
+							})
+						})) },
+						children: /* @__PURE__ */ M(w, {
+							wrap: !0,
+							align: "center",
+							justify: "center",
+							className: "hover:text-[#145afd] cursor",
+							children: [/* @__PURE__ */ j(he, {}), /* @__PURE__ */ j(w, {
+								className: "w-100% ",
+								justify: "center",
+								children: "选择"
+							})]
+						})
+					}),
+					/* @__PURE__ */ j(C, {
+						menu: { items: o?.map((e) => ({
+							...e,
+							label: /* @__PURE__ */ j("div", {
+								onClick: (t) => ze(t, e.key),
+								children: e.label
+							})
+						})) },
+						children: /* @__PURE__ */ M(w, {
+							wrap: !0,
+							align: "center",
+							justify: "center",
+							className: "hover:text-[#145afd] cursor",
+							children: [/* @__PURE__ */ j(me, {}), /* @__PURE__ */ j(w, {
+								className: "w-100% ",
+								justify: "center",
+								children: "下载数据"
+							})]
+						})
+					}),
+					/* @__PURE__ */ M(w, {
+						wrap: !0,
+						align: "center",
+						justify: "center",
+						className: "hover:text-[#145afd] cursor",
+						onClick: () => Q(),
+						children: [/* @__PURE__ */ j(ce, {}), /* @__PURE__ */ j(w, {
+							className: "w-100% ",
+							justify: "center",
+							children: "隐藏属性"
+						})]
+					}),
+					/* @__PURE__ */ j(C, {
+						menu: { items: u?.map((e) => ({
+							...e,
+							label: /* @__PURE__ */ j("div", {
+								onClick: P(() => te(m, e.key), e.key),
+								children: e.label
+							})
+						})) },
+						children: /* @__PURE__ */ M(w, {
+							wrap: !0,
+							align: "center",
+							justify: "center",
+							className: "hover:text-[#145afd] cursor",
+							children: [/* @__PURE__ */ j(y, {}), /* @__PURE__ */ j(w, {
+								className: "w-100% ",
+								justify: "center",
+								children: "文字位置"
+							})]
+						})
+					}),
+					/* @__PURE__ */ M(w, {
+						wrap: !0,
+						align: "center",
+						justify: "center",
+						className: "hover:text-[#145afd] cursor",
+						onClick: () => Ke(),
+						children: [/* @__PURE__ */ j(le, {}), /* @__PURE__ */ j(w, {
+							className: "w-100% ",
+							justify: "center",
+							children: "清空画布"
+						})]
+					}),
+					/* @__PURE__ */ M(w, {
+						wrap: !0,
+						align: "center",
+						justify: "center",
+						className: "hover:text-[#145afd] cursor",
+						children: [/* @__PURE__ */ M(w, {
+							gap: "5px",
+							children: [/* @__PURE__ */ j(de, { onClick: () => $("in") }), /* @__PURE__ */ j(b, { onClick: () => $("out") })]
+						}), /* @__PURE__ */ j(w, {
+							className: "w-100% ",
+							justify: "center",
+							children: "节点缩放"
+						})]
+					}),
+					/* @__PURE__ */ M(w, {
+						wrap: !0,
+						align: "center",
+						justify: "center",
+						className: "hover:text-[#145afd] cursor",
+						children: [/* @__PURE__ */ M(w, {
+							gap: "5px",
+							children: [/* @__PURE__ */ j(fe, { onClick: () => Y("in") }), /* @__PURE__ */ j(x, { onClick: () => Y("out") })]
+						}), /* @__PURE__ */ j(w, {
+							className: "w-100% ",
+							justify: "center",
+							children: "画布缩放"
+						})]
+					})
+				]
+			})
+		}),
+		/* @__PURE__ */ j(d, {
+			isVisible: we,
+			searchChange: (e) => He(e),
+			closeQuery: () => z(!1)
+		}),
+		/* @__PURE__ */ j(f, {
+			isVisible: Te,
+			analysis: (e) => c(m, { pathNodes: e }),
+			closePath: () => B(!1)
+		}),
+		/* @__PURE__ */ j(p, {
+			ref: W,
+			onLevelClick: Ue
+		}),
+		/* @__PURE__ */ j(ve, {
+			title: "JSON预览",
+			open: De,
+			onCancel: () => H(!1),
+			footer: null,
+			width: 800,
+			children: /* @__PURE__ */ j("pre", {
+				style: {
+					maxHeight: "60vh",
+					overflow: "auto",
+					background: "#f5f5f5",
+					padding: "16px",
+					borderRadius: "4px"
+				},
+				children: V ? JSON.stringify(V, null, 2) : "暂无数据"
+			})
+		}),
+		/* @__PURE__ */ j(_e, {
+			title: "图显示设置",
+			placement: "right",
+			open: Oe,
+			onClose: () => U(!1),
+			mask: !1,
+			width: 350,
+			getContainer: !1,
+			children: /* @__PURE__ */ j(O, {
+				activeKey: ke,
+				onChange: Ae,
+				items: [{
+					label: "节点设置",
+					key: "node",
+					children: /* @__PURE__ */ j(ye, { onSave: (e) => {
+						let t = m.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") : ""
+							});
+						}), k.success("节点配置保存成功"));
+					} })
+				}, {
+					label: "连线设置",
+					key: "edge",
+					children: /* @__PURE__ */ j(be, { onSave: (e) => {
+						let t = m.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"
+							});
+						}), k.success("连线配置保存成功"));
+					} })
+				}]
+			})
+		}),
+		/* @__PURE__ */ j("div", {
+			className: (0, N.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: !G }),
+			children: /* @__PURE__ */ j(O, { items: [{
+				label: "实体",
+				key: "entity",
+				children: /* @__PURE__ */ j(A, { children: Object.keys(S).length > 0 ? /* @__PURE__ */ M("div", { children: [
+					/* @__PURE__ */ M("p", { children: ["实体数量：", Object.values(S).reduce((e, t) => e + t.count, 0)] }),
+					/* @__PURE__ */ M("p", {
+						className: "my-4px",
+						children: ["实体类型：", Object.keys(S).length]
+					}),
+					/* @__PURE__ */ j(w, {
+						gap: "5px",
+						justify: "start",
+						className: "w-100%",
+						wrap: !0,
+						children: Object.keys(S).map((e) => /* @__PURE__ */ M(w, {
+							gap: "4px",
+							justify: "start",
+							className: `w-100% cursor ${K.has(e) ? "opacity-30" : ""}`,
+							onClick: () => We(e),
+							children: [
+								/* @__PURE__ */ j("img", {
+									className: "w-20px rounded-50%",
+									src: S[e].img,
+									alt: ""
+								}),
+								e,
+								"：",
+								S[e].count
+							]
+						}, e))
+					})
+				] }) : /* @__PURE__ */ j("span", {
+					className: "text-[#666]",
+					children: "暂无实体统计！"
+				}) })
+			}, {
+				label: "关系",
+				key: "relation",
+				children: /* @__PURE__ */ j(A, { children: Object.keys(T)?.length > 0 ? /* @__PURE__ */ M("div", { children: [
+					/* @__PURE__ */ M("div", { children: ["关系数量：", Object.keys(T)?.length] }),
+					/* @__PURE__ */ M("div", {
+						className: "my-4px",
+						children: ["关系类型：", Object.values(T)?.reduce((e, t) => e + t, 0)]
+					}),
+					/* @__PURE__ */ j(w, {
+						gap: "5px",
+						justify: "start",
+						className: "w-100%",
+						wrap: !0,
+						children: Object.keys(T).map((e) => /* @__PURE__ */ M(w, {
+							gap: "4px",
+							className: `w-100% cursor ${q.has(e) ? "opacity-30" : ""}`,
+							onClick: () => Ge(e),
+							children: [
+								e,
+								"：",
+								T[e]
+							]
+						}, e))
+					})
+				] }) : /* @__PURE__ */ j("span", {
+					className: "text-[#666]",
+					children: "暂无关系统计！"
+				}) })
+			}] })
+		})
+	] });
+}), ye = ({ onSave: e }) => {
+	let [t] = T.useForm();
+	return /* @__PURE__ */ M(T, {
+		form: t,
+		layout: "vertical",
+		onFinish: e,
+		children: [
+			/* @__PURE__ */ j(T.Item, {
+				label: "节点大小",
+				name: "nodeSize",
+				initialValue: 80,
+				children: /* @__PURE__ */ j(E, {
+					type: "number",
+					placeholder: "请输入节点大小"
+				})
+			}),
+			/* @__PURE__ */ j(T.Item, {
+				label: "显示标签",
+				name: "showLabel",
+				initialValue: "show",
+				children: /* @__PURE__ */ M(D, { children: [/* @__PURE__ */ j(D.Option, {
+					value: "show",
+					children: "显示"
+				}), /* @__PURE__ */ j(D.Option, {
+					value: "hide",
+					children: "隐藏"
+				})] })
+			}),
+			/* @__PURE__ */ j(T.Item, {
+				label: "字体位置",
+				name: "textPosition",
+				initialValue: "bottom",
+				children: /* @__PURE__ */ j(D, { children: u.map((e) => /* @__PURE__ */ j(D.Option, {
+					value: e.key,
+					children: e.label
+				}, e.item)) })
+			}),
+			/* @__PURE__ */ j(T.Item, {
+				label: "字体偏移",
+				name: "textOffset",
+				initialValue: 5,
+				children: /* @__PURE__ */ j(E, {
+					type: "number",
+					placeholder: "请输入字体偏移量"
+				})
+			}),
+			/* @__PURE__ */ j(T.Item, {
+				label: "字体颜色",
+				name: "fontColor",
+				initialValue: "rgb(50,50,50)",
+				children: /* @__PURE__ */ j(E, { placeholder: "请输入字体颜色" })
+			}),
+			/* @__PURE__ */ j(T.Item, {
+				label: "字体大小",
+				name: "fontSize",
+				initialValue: 18,
+				children: /* @__PURE__ */ j(E, {
+					type: "number",
+					placeholder: "请输入字体大小"
+				})
+			}),
+			/* @__PURE__ */ j(T.Item, {
+				label: "字体粗细",
+				name: "fontWeight",
+				initialValue: "normal",
+				children: /* @__PURE__ */ M(D, { children: [
+					/* @__PURE__ */ j(D.Option, {
+						value: "normal",
+						children: "常规"
+					}),
+					/* @__PURE__ */ j(D.Option, {
+						value: "bold",
+						children: "粗体"
+					}),
+					/* @__PURE__ */ j(D.Option, {
+						value: "lighter",
+						children: "细体"
+					})
+				] })
+			}),
+			/* @__PURE__ */ j(T.Item, {
+				label: "字体样式",
+				name: "fontStyle",
+				initialValue: "normal",
+				children: /* @__PURE__ */ M(D, { children: [/* @__PURE__ */ j(D.Option, {
+					value: "normal",
+					children: "默认"
+				}), /* @__PURE__ */ j(D.Option, {
+					value: "italic",
+					children: "斜体"
+				})] })
+			}),
+			/* @__PURE__ */ j(T.Item, { children: /* @__PURE__ */ j(S, {
+				type: "primary",
+				htmlType: "submit",
+				block: !0,
+				children: "保存节点配置"
+			}) })
+		]
+	});
+}, be = ({ onSave: e }) => {
+	let [t] = T.useForm(), [n, r] = v("default");
+	return /* @__PURE__ */ M(T, {
+		form: t,
+		layout: "vertical",
+		onFinish: e,
+		children: [
+			/* @__PURE__ */ j(T.Item, {
+				label: "类型",
+				name: "edgeType",
+				initialValue: "straight",
+				children: /* @__PURE__ */ M(D, { children: [/* @__PURE__ */ j(D.Option, {
+					value: "straight",
+					children: "直线"
+				}), /* @__PURE__ */ j(D.Option, {
+					value: "curve",
+					children: "曲线"
+				})] })
+			}),
+			/* @__PURE__ */ j(T.Item, {
+				label: "连线宽度",
+				name: "edgeWidth",
+				initialValue: 2,
+				children: /* @__PURE__ */ j(E, {
+					type: "number",
+					placeholder: "请输入连线宽度"
+				})
+			}),
+			/* @__PURE__ */ j(T.Item, {
+				label: "连线箭头",
+				name: "showArrow",
+				initialValue: "show",
+				children: /* @__PURE__ */ M(D, { children: [/* @__PURE__ */ j(D.Option, {
+					value: "show",
+					children: "显示"
+				}), /* @__PURE__ */ j(D.Option, {
+					value: "hide",
+					children: "隐藏"
+				})] })
+			}),
+			/* @__PURE__ */ j(T.Item, {
+				label: "连线颜色",
+				name: "edgeColorType",
+				initialValue: "default",
+				children: /* @__PURE__ */ M(D, {
+					onChange: r,
+					children: [/* @__PURE__ */ j(D.Option, {
+						value: "default",
+						children: "默认"
+					}), /* @__PURE__ */ j(D.Option, {
+						value: "custom",
+						children: "自定义色"
+					})]
+				})
+			}),
+			n === "custom" && /* @__PURE__ */ j(T.Item, {
+				label: "自定义颜色",
+				name: "customColor",
+				initialValue: "rgb(20,20,20)",
+				children: /* @__PURE__ */ j(E, { placeholder: "请输入自定义颜色" })
+			}),
+			/* @__PURE__ */ j(T.Item, {
+				label: "显示标签",
+				name: "showLabel",
+				initialValue: "show",
+				children: /* @__PURE__ */ M(D, { children: [/* @__PURE__ */ j(D.Option, {
+					value: "show",
+					children: "显示"
+				}), /* @__PURE__ */ j(D.Option, {
+					value: "hide",
+					children: "隐藏"
+				})] })
+			}),
+			/* @__PURE__ */ j(T.Item, {
+				label: "字体大小",
+				name: "fontSize",
+				initialValue: 14,
+				children: /* @__PURE__ */ j(E, {
+					type: "number",
+					placeholder: "请输入字体大小"
+				})
+			}),
+			/* @__PURE__ */ j(T.Item, {
+				label: "字体粗细",
+				name: "fontWeight",
+				initialValue: "normal",
+				children: /* @__PURE__ */ M(D, { children: [/* @__PURE__ */ j(D.Option, {
+					value: "normal",
+					children: "常规"
+				}), /* @__PURE__ */ j(D.Option, {
+					value: "bold",
+					children: "粗体"
+				})] })
+			}),
+			/* @__PURE__ */ j(T.Item, {
+				label: "字体样式",
+				name: "fontStyle",
+				initialValue: "normal",
+				children: /* @__PURE__ */ M(D, { children: [/* @__PURE__ */ j(D.Option, {
+					value: "normal",
+					children: "默认"
+				}), /* @__PURE__ */ j(D.Option, {
+					value: "italic",
+					children: "斜体"
+				})] })
+			}),
+			/* @__PURE__ */ j(T.Item, {
+				label: "字体颜色",
+				name: "fontColor",
+				initialValue: "rgb(50,50,50)",
+				children: /* @__PURE__ */ j(E, { placeholder: "请输入字体颜色" })
+			}),
+			/* @__PURE__ */ j(T.Item, {
+				label: "标签背色",
+				name: "labelBgColor",
+				initialValue: "",
+				children: /* @__PURE__ */ j(E, { placeholder: "请选择颜色" })
+			}),
+			/* @__PURE__ */ j(T.Item, { children: /* @__PURE__ */ j(S, {
+				type: "primary",
+				htmlType: "submit",
+				block: !0,
+				children: "保存连线配置"
+			}) })
+		]
+	});
+};
+//#endregion
+export { F as default };