react-kggraph 0.0.8 → 0.0.9

package/lib/index28.es.js

@@ -1,828 +0,0 @@
-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 };