react-kggraph 0.0.8 → 0.0.9

package/lib/index29.es.js

@@ -1,4 +0,0 @@
-//#region src/components/Graph/api.ts
-var e = (e) => {}, t = (e) => {};
-//#endregion
-export { t as fullSearchDetail, e as stepNext };

package/lib/index30.es.js

@@ -1,161 +0,0 @@
-//#region src/components/Graph/utils/edge_node_styles.ts
-var e = [
-	{
-		selector: "node",
-		style: { "text-margin-y": "5px" }
-	},
-	{
-		selector: "edge",
-		style: {
-			"line-color": "#a29e9e",
-			"target-arrow-color": "#a29e9e",
-			opacity: 1,
-			"target-arrow-shape": "triangle",
-			width: 2,
-			"curve-style": "bezier",
-			"transition-property": "line-color, target-arrow-color, opacity",
-			"transition-duration": "0.2s",
-			label: "data(name)",
-			"z-index": 9999,
-			"text-opacity": 1,
-			"font-size": 18,
-			color: "#666",
-			"text-background-color": "#fff",
-			"text-background-opacity": 1,
-			"text-background-shape": "roundrectangle",
-			"text-background-padding": "3px"
-		}
-	},
-	{
-		selector: ".highlight",
-		style: {
-			"border-color": "rgba(174, 255, 45, 0.2)",
-			"border-width": 4
-		}
-	},
-	{
-		selector: ".path-node",
-		style: {
-			"background-color": "#145AFD",
-			"border-color": "#FFEB3B"
-		}
-	},
-	{
-		selector: ".path-edge",
-		style: {
-			"line-color": "#145AFD",
-			"target-arrow-color": "#145AFD",
-			width: 4
-		}
-	},
-	{
-		selector: ".grayed",
-		style: {
-			opacity: .15,
-			"text-opacity": .15
-		}
-	},
-	{
-		selector: "node.selected, edge.selected",
-		style: {
-			"border-color": "rgba(174, 255, 45, 0.2)",
-			"border-width": 4
-		}
-	},
-	{
-		selector: ".correlationStyle",
-		style: {
-			width: 60,
-			height: 60,
-			"outline-width": "10px",
-			"outline-color": "rgba(188, 220, 255, 0.4)",
-			"outline-style": "solid",
-			"line-opacity": "0.2",
-			"outline-offset": "2px",
-			filter: "blur(20px)",
-			"z-index": 9999
-		}
-	},
-	{
-		selector: ".hover",
-		style: {
-			"border-width": 3,
-			"border-color": "#0d6ac2"
-		}
-	},
-	{
-		selector: ".level-selected",
-		style: {
-			"background-color": "#f8bbd0",
-			"border-color": "#e91e63",
-			"border-width": 4,
-			color: "#880e4f"
-		}
-	},
-	{
-		selector: ".level-highlight",
-		style: {
-			"background-color": "#bbdefb",
-			"border-color": "#2196f3",
-			"border-width": 3,
-			color: "#0d47a1"
-		}
-	},
-	{
-		selector: ".level-highlightedge",
-		style: {
-			"line-color": "#1976d2",
-			"target-arrow-color": "#1976d2",
-			width: 3,
-			opacity: 1
-		}
-	},
-	{
-		selector: ".level-grayed",
-		style: {
-			opacity: .15,
-			"text-opacity": .15
-		}
-	}
-], t = ({ elements: t }) => {
-	let n = [];
-	t.map((e) => {
-		!n.includes(e?.data?.type) && e?.data?.type && n.push(e.data?.type);
-	});
-	let r = [];
-	return r.push({
-		selector: "[properties-type=\"uri\"]",
-		style: {
-			"background-color": "#f7de63",
-			"background-image": "data(image)",
-			"background-fit": "cover",
-			width: 80,
-			height: 80,
-			label: "data(name)",
-			color: "black",
-			"text-valign": "bottom",
-			"font-size": 18,
-			"text-max-width": "250px",
-			"text-wrap": "ellipsis",
-			"text-overflow-wrap": "anywhere"
-		}
-	}), r.push({
-		selector: "[properties-type!=\"uri\"]",
-		style: {
-			"background-color": "#1890FF",
-			"background-image": "data(image)",
-			"background-fit": "cover",
-			width: 80,
-			height: 80,
-			label: "data(name)",
-			color: "black",
-			"text-valign": "bottom",
-			"font-size": 18,
-			"text-max-width": "250px",
-			"text-wrap": "ellipsis",
-			"text-overflow-wrap": "anywhere"
-		}
-	}), r.concat(e);
-};
-//#endregion
-export { t as edgeNodeStyles };

package/lib/index31.es.js

@@ -1,71 +0,0 @@
-//#region src/components/Graph/utils/menuItems.ts
-var e = ({ cyRef: e, setContextMenu: t, onPathAnalysis: n, setPathNodes: r }) => [
-	{
-		label: "展收实体",
-		ids: "contract",
-		action: (t) => {
-			let n = e.current;
-			console.log("新增属性", n);
-		}
-	},
-	{
-		label: "展收属性",
-		ids: "expanded",
-		action: (t) => {
-			if (console.log("展开", t), !e.current) {
-				console.error("Cytoscape instance is not available");
-				return;
-			}
-			console.log("New node and edge added");
-		}
-	},
-	{
-		label: "节点信息",
-		ids: "nodeInfo",
-		action: (e) => {
-			console.log("节点信息:", e);
-		}
-	},
-	{
-		label: "知识卡片",
-		ids: "knowledgeCard",
-		action: (t) => {
-			let n = e.current;
-			console.log("知识卡片", n);
-		}
-	},
-	{
-		label: "选中关联",
-		ids: "selRelate",
-		action: (n) => {
-			let r = e.current;
-			if (!r || !n || n.removed()) {
-				console.error("节点或Cytoscape实例无效"), t((e) => ({
-					...e,
-					visible: !1
-				}));
-				return;
-			}
-			let i = n, a = i.neighborhood().nodes().add(i);
-			a.edgesWith(a), r.nodes().not(a).removeClass("correlationStyle"), a.addClass("correlationStyle"), t((e) => ({
-				...e,
-				visible: !1
-			}));
-		}
-	},
-	{
-		label: "路径分析",
-		action: (t) => {
-			e.current, console.log(11, t.data("name")), n?.(), r([t.data("name"), ""]);
-		}
-	},
-	{
-		label: "删除节点",
-		action: (t) => {
-			let n = e.current;
-			console.log("删除节点cy::::", n), t && !t.removed() && t.remove();
-		}
-	}
-];
-//#endregion
-export { e as menuItemsConfig };

package/lib/index33.es.js

@@ -1,100 +0,0 @@
-/* empty css           */
-import { useMemo as e } from "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-//#region src/components/Graph/components/SettingCircle/index.tsx
-var r = ({ items: r = [], centerImage: i, size: a = 200, onClick: o }) => {
-	let s = a / 2, c = a / 2 - 10, l = 360 / r.length, u = e(() => r.map((e, t) => {
-		let n = (t * l - 90) * (Math.PI / 180), r = ((t + 1) * l - 90) * (Math.PI / 180), i = ((t + .5) * l - 90) * (Math.PI / 180), a = s + c * Math.cos(n), o = s + c * Math.sin(n), u = s + c * Math.cos(r), d = s + c * Math.sin(r), f = s + 30 * Math.cos(r), p = s + 30 * Math.sin(r), m = s + 30 * Math.cos(n), h = s + 30 * Math.sin(n), g = +(l > 180), _ = `M ${m} ${h} L ${a} ${o} A ${c} ${c} 0 ${g} 1 ${u} ${d} L ${f} ${p} A 30 30 0 ${g} 0 ${m} ${h}`, v = (c + 30) / 2 + 5, y = s + v * Math.cos(i), b = s + v * Math.sin(i);
-		return {
-			...e,
-			path: _,
-			textX: y,
-			textY: b,
-			rotation: (t + .5) * l - 90
-		};
-	}), [
-		r,
-		l,
-		s,
-		c,
-		30
-	]);
-	return /* @__PURE__ */ n("div", {
-		className: "radial-menu",
-		style: {
-			width: a,
-			height: a
-		},
-		children: [/* @__PURE__ */ n("svg", {
-			width: a,
-			height: a,
-			className: "radial-svg",
-			children: [
-				/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("filter", {
-					id: "shadow",
-					x: "-20%",
-					y: "-20%",
-					width: "140%",
-					height: "140%",
-					children: /* @__PURE__ */ t("feDropShadow", {
-						dx: "0",
-						dy: "2",
-						stdDeviation: "3",
-						floodOpacity: "0.3"
-					})
-				}) }),
-				/* @__PURE__ */ t("circle", {
-					cx: s,
-					cy: s,
-					r: c,
-					fill: "#f5f5f5",
-					stroke: "#ddd",
-					strokeWidth: "1"
-				}),
-				u.map((e, r) => (200 + r * 25, /* @__PURE__ */ n("g", {
-					onClick: () => o(e),
-					className: "sector-group",
-					children: [/* @__PURE__ */ t("path", {
-						d: e.path,
-						fill: "#333",
-						stroke: "rgb(185, 185, 185)",
-						strokeWidth: "1",
-						filter: "url(#shadow)",
-						className: "sector-path"
-					}), /* @__PURE__ */ t("text", {
-						x: e.textX,
-						y: e.textY,
-						textAnchor: "middle",
-						dominantBaseline: "middle",
-						fill: "#fff",
-						fontSize: "12",
-						fontWeight: "500",
-						className: "sector-label",
-						children: e.label
-					})]
-				}, r))),
-				/* @__PURE__ */ t("circle", {
-					cx: s,
-					cy: s,
-					r: 32,
-					fill: "#fff"
-				})
-			]
-		}), /* @__PURE__ */ t("div", {
-			className: "center-avatar",
-			style: {
-				width: 60,
-				height: 60
-			},
-			children: i ? /* @__PURE__ */ t("img", {
-				src: i,
-				alt: "avatar"
-			}) : /* @__PURE__ */ t("span", {
-				className: "center-text",
-				children: "菜单"
-			})
-		})]
-	});
-};
-//#endregion
-export { r as default };

package/lib/index34.es.js

@@ -1,250 +0,0 @@
-import { forwardRef as e, useImperativeHandle as t, useState as n } from "react";
-import { Drawer as r } from "antd";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/components/Graph/components/NodeInfoDrawer/index.tsx
-var o = e((e, o) => {
-	let [s, c] = n(!1), [l, u] = n({
-		style: {},
-		data: {}
-	});
-	t(o, () => ({
-		open: (e) => {
-			c(!0), u(e);
-		},
-		close: () => c(!1)
-	}));
-	let d = () => {
-		c(!1);
-	}, f = (e) => {
-		let { name: t, value: n } = e.target;
-		u((e) => ({
-			...e,
-			[t]: n
-		}));
-	};
-	return /* @__PURE__ */ i(r, {
-		title: "节点配置",
-		closable: { "aria-label": "Close Button" },
-		onClose: d,
-		open: s,
-		getContainer: !1,
-		children: /* @__PURE__ */ i("div", {
-			className: "h-full overflow-y-auto z-50",
-			children: /* @__PURE__ */ a("div", {
-				className: "space-y-4",
-				children: [
-					/* @__PURE__ */ a("div", {
-						className: "flex items-center gap-4 !mb-20px",
-						children: [/* @__PURE__ */ i("label", {
-							className: "w-40",
-							children: "名称"
-						}), /* @__PURE__ */ i("input", {
-							name: "name",
-							value: l.data.name,
-							onChange: f,
-							readOnly: !0,
-							className: "flex-1 px-3 py-1.5 border border-gray-300 rounded  focus:outline-none focus:ring-1 focus:ring-blue-500"
-						})]
-					}),
-					/* @__PURE__ */ a("div", {
-						className: "flex items-center gap-4 !mb-20px",
-						children: [/* @__PURE__ */ i("label", {
-							className: "w-40",
-							children: "类型"
-						}), /* @__PURE__ */ a("select", {
-							name: "type",
-							value: l.type,
-							disabled: !0,
-							onChange: f,
-							className: "flex-1 px-3 py-1.5 border border-gray-300 rounded  bg-white",
-							children: [/* @__PURE__ */ i("option", {
-								value: "圆形",
-								children: "圆形"
-							}), /* @__PURE__ */ i("option", {
-								value: "矩形",
-								children: "矩形"
-							})]
-						})]
-					}),
-					/* @__PURE__ */ a("div", {
-						className: "flex items-center gap-4 !mb-20px",
-						children: [/* @__PURE__ */ i("label", {
-							className: "w-40",
-							children: "颜色"
-						}), /* @__PURE__ */ a("div", {
-							className: "flex-1 flex gap-2 items-center",
-							children: [/* @__PURE__ */ i("input", {
-								name: "color",
-								readOnly: !0,
-								value: l.style.color,
-								onChange: f,
-								className: "flex-1 px-3 py-1.5 border border-gray-300 rounded h-30px"
-							}), /* @__PURE__ */ i("input", {
-								type: "color",
-								readOnly: !0,
-								value: l.style.color,
-								onChange: (e) => u({
-									...l,
-									color: e.target.value
-								}),
-								className: "h-20px w-20px rounded cursor-pointer border"
-							})]
-						})]
-					}),
-					/* @__PURE__ */ a("div", {
-						className: "flex items-center gap-4 !mb-20px",
-						children: [/* @__PURE__ */ i("label", {
-							className: "w-40",
-							children: "大小"
-						}), /* @__PURE__ */ i("input", {
-							type: "number",
-							name: "size",
-							readOnly: !0,
-							value: parseInt(l.style.height),
-							onChange: f,
-							className: "flex-1 px-3 py-1.5 border border-gray-300 rounded "
-						})]
-					}),
-					/* @__PURE__ */ a("div", {
-						className: "flex items-center gap-4 !mb-20px",
-						children: [/* @__PURE__ */ i("label", {
-							className: "w-40",
-							children: "边框宽度"
-						}), /* @__PURE__ */ i("input", {
-							type: "number",
-							name: "borderWidth",
-							readOnly: !0,
-							value: parseInt(l.style.borderWidth),
-							onChange: f,
-							className: "flex-1 px-3 py-1.5 border border-gray-300 rounded "
-						})]
-					}),
-					/* @__PURE__ */ a("div", {
-						className: "flex items-center gap-4 !mb-20px",
-						children: [/* @__PURE__ */ i("label", {
-							className: "w-40",
-							children: "边框虚线"
-						}), /* @__PURE__ */ a("select", {
-							name: "borderDash",
-							value: l.style.borderDash,
-							disabled: !0,
-							onChange: f,
-							className: "flex-1 px-3 py-1.5 border border-gray-300 rounded  bg-white",
-							children: [/* @__PURE__ */ i("option", {
-								value: "否",
-								children: "否"
-							}), /* @__PURE__ */ i("option", {
-								value: "是",
-								children: "是"
-							})]
-						})]
-					}),
-					/* @__PURE__ */ a("div", {
-						className: "flex items-center gap-4 !mb-20px",
-						children: [/* @__PURE__ */ i("label", {
-							className: "w-40",
-							children: "边框颜色"
-						}), /* @__PURE__ */ a("div", {
-							className: "flex-1 flex gap-2 items-center",
-							children: [/* @__PURE__ */ i("input", {
-								name: "borderColor",
-								value: l.style.borderColor,
-								readOnly: !0,
-								onChange: f,
-								className: "flex-1 px-3 py-1.5 border border-gray-300 rounded h-30px"
-							}), /* @__PURE__ */ i("input", {
-								type: "color",
-								value: l.borderColor,
-								readOnly: !0,
-								onChange: (e) => u({
-									...l,
-									borderColor: e.target.value
-								}),
-								className: "h-20px w-20px rounded cursor-pointer border"
-							})]
-						})]
-					}),
-					/* @__PURE__ */ a("div", {
-						className: "flex items-center gap-4 !mb-20px",
-						children: [/* @__PURE__ */ i("label", {
-							className: "w-40",
-							children: "字体位置"
-						}), /* @__PURE__ */ a("select", {
-							name: "fontPosition",
-							value: l.style.textValign,
-							disabled: !0,
-							onChange: f,
-							className: "flex-1 px-3 py-1.5 border border-gray-300 rounded  bg-white",
-							children: [
-								/* @__PURE__ */ i("option", {
-									value: "center",
-									children: "居中"
-								}),
-								/* @__PURE__ */ i("option", {
-									value: "bottom",
-									children: "底部"
-								}),
-								/* @__PURE__ */ i("option", {
-									value: "top",
-									children: "顶部"
-								})
-							]
-						})]
-					}),
-					/* @__PURE__ */ a("div", {
-						className: "flex items-center gap-4 !mb-20px",
-						children: [/* @__PURE__ */ i("label", {
-							className: "w-40",
-							children: "字体样式"
-						}), /* @__PURE__ */ i("input", {
-							name: "fontStyle",
-							value: l.style.fontStyle,
-							readOnly: !0,
-							onChange: f,
-							className: "flex-1 px-3 py-1.5 border border-gray-300 rounded "
-						})]
-					}),
-					/* @__PURE__ */ a("div", {
-						className: "flex items-center gap-4 !mb-20px",
-						children: [/* @__PURE__ */ i("label", {
-							className: "w-40",
-							children: "字体颜色"
-						}), /* @__PURE__ */ a("div", {
-							className: "flex-1 flex gap-2 items-center",
-							children: [/* @__PURE__ */ i("input", {
-								name: "fontColor",
-								readOnly: !0,
-								value: l.style.textBorderColor,
-								onChange: f,
-								className: "flex-1 px-3 py-1.5 border border-gray-300 rounded h-30px"
-							}), /* @__PURE__ */ i("input", {
-								type: "color",
-								readOnly: !0,
-								value: l.style["font-color"],
-								onChange: (e) => u({
-									...l,
-									fontColor: e.target.value
-								}),
-								className: "h-20px w-20px rounded cursor-pointer border"
-							})]
-						})]
-					}),
-					/* @__PURE__ */ a("div", {
-						className: "flex items-center gap-4 !mb-20px",
-						children: [/* @__PURE__ */ i("label", {
-							className: "w-40",
-							children: "字体背色"
-						}), /* @__PURE__ */ i("input", {
-							type: "text",
-							readOnly: !0,
-							value: l.style.textBackgroundColor,
-							className: "flex-1 px-3 py-1.5 border border-gray-300 rounded  bg-gray-50 text-gray-400 cursor-not-allowed"
-						})]
-					})
-				]
-			})
-		})
-	});
-});
-//#endregion
-export { o as default };

package/lib/index35.es.js

@@ -1,47 +0,0 @@
-import { GraphContext as e } from "./index19.es.js";
-import { fullSearchDetail as t } from "./index29.es.js";
-import { forwardRef as n, useContext as r, useEffect as i, useImperativeHandle as a, useRef as o, useState as s } from "react";
-import { Drawer as c } from "antd";
-import { jsx as l } from "react/jsx-runtime";
-//#region src/components/Graph/components/KnowledgeCard/index.tsx
-var u = n((n, u) => {
-	let { graphInfo: d } = r(e), [f, p] = s(!1), [m, h] = s(!1), [g, _] = s(!1), [v, y] = s({
-		style: {},
-		data: {}
-	}), b = o(null);
-	i(() => {
-		f && b.current && (b.current.scrollTop = 0);
-	}, [f]), a(u, () => ({
-		open: (e) => {
-			p(!0), y(e), x(e);
-		},
-		close: () => p(!1)
-	}));
-	let x = async (e) => {
-		h(!0);
-		let n = await t({
-			kgId: d.kgId,
-			uri: e.id
-		});
-		console.log(44, e), _(n.data), h(!1);
-	};
-	return /* @__PURE__ */ l(c, {
-		title: "知识卡片",
-		onClose: () => {
-			p(!1);
-		},
-		open: f,
-		getContainer: !1,
-		className: "knowledge-card-drawer",
-		bodyStyle: {
-			padding: "0 20px",
-			overflow: "auto"
-		},
-		children: /* @__PURE__ */ l("div", {
-			ref: b,
-			style: { height: "100%" }
-		})
-	});
-});
-//#endregion
-export { u as default };