react-kggraph 0.0.8 → 0.0.9

package/lib/index36.es.js

@@ -1,376 +0,0 @@
-/* empty css          */
-import { jsonStringify as e } from "./index17.es.js";
-import { handleCalcPath as t, resDetailData as n } from "./index18.es.js";
-import { GraphProvider as r } from "./index19.es.js";
-import { coseBilkentLayout as i, fixNodesToEdges as a } from "./index20.es.js";
-import o from "./index28.es.js";
-import { stepNext as s } from "./index29.es.js";
-import { edgeNodeStyles as c } from "./index30.es.js";
-import { menuItemsConfig as l } from "./index31.es.js";
-import u from "./index33.es.js";
-import d from "./index34.es.js";
-import f from "./index35.es.js";
-import { useEffect as p, useRef as m, useState as h } from "react";
-import g from "cytoscape";
-import _ from "cytoscape-cose-bilkent";
-import v from "cytoscape-cise";
-import y from "cytoscape-fcose";
-import b from "storm-layout";
-import { message as x } from "antd";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
-import w from "cytoscape-layout-utilities";
-g.use(w), g.use(v), g.use(y), g.use(b), g.use(_);
-var T = ({ data: _, getAllGraphData: v, searchType: y, highPathAnalysis: b = [], graphInfo: w }) => {
-	let T = m(null), [E, D] = h([]), O = m(null), k = m(null), [A, j] = h(!1), [M, N] = h({}), [P, F] = h({}), [I, L] = h("cose-bilkent"), R = m(null), z = m(null), [B, V] = h(["", ""]), [H, U] = h({
-		visible: !1,
-		x: 0,
-		y: 0,
-		targetNode: null,
-		bgColor: ""
-	}), [W, G] = h({
-		visible: !1,
-		x: 0,
-		y: 0,
-		content: ""
-	}), K = l({
-		cyRef: O,
-		setContextMenu: U,
-		onPathAnalysis: k.current?.onPathAnalysis,
-		setPathNodes: V
-	});
-	p(() => {
-		b?.length > 1 && t(O, {
-			pathNodes: b,
-			isGrayed: !1
-		});
-	}, [e(b), e(E)]), p(() => {
-		v?.({
-			graphData: E,
-			nodeStatic: M,
-			relationStatic: P
-		});
-	}, [
-		e(E),
-		e(M),
-		e(P)
-	]), p(() => {
-		if (!T.current || O.current) return;
-		let { elements: e, typeListObj: t, relationListObj: r } = n(_, {
-			typeObj: M,
-			relationObj: P,
-			graphInfo: w
-		});
-		N(t), D(e), F(r), document.addEventListener("contextmenu", function(e) {
-			e.preventDefault();
-		});
-		let o = g({
-			container: T.current,
-			elements: e,
-			style: c({ elements: e }),
-			autounselectify: !1,
-			autolock: !1,
-			layout: { name: "preset" }
-		});
-		if (O.current = o, w?.searchNodes?.length === 2) a(o, w.searchNodes[0], w.searchNodes[1]);
-		else {
-			let e = o.layout(i());
-			e.run(), e.on("layoutstop", () => {
-				o.fit(void 0, 50), o.center();
-			});
-		}
-		return o.on("mouseover", "edge", (e) => {
-			e.target.hasClass("path-edge") || e.target.style({
-				"line-color": "#1890ff",
-				"target-arrow-color": "#1890ff",
-				opacity: .8
-			});
-		}), o.on("mouseout", "edge", (e) => {
-			e.target.hasClass("path-edge") || e.target.style({
-				"line-color": "#ccc",
-				"target-arrow-color": "#ccc",
-				opacity: 1
-			});
-		}), o.on("mouseover", "node", (e) => {
-			let t = e.target;
-			t.hasClass("selected") || t.addClass("hover");
-		}), o.on("mouseover", "node", (e) => {
-			let t = e.target, n = t.renderedPosition(), r = t.data("name") || "";
-			t.addClass("hover"), G({
-				visible: !0,
-				x: n.x,
-				y: n.y - 60,
-				content: r
-			});
-		}), o.on("mouseout", "node", (e) => {
-			e.target.removeClass("hover"), G((e) => ({
-				...e,
-				visible: !1
-			}));
-		}), o.on("cxttap", "node", (e) => {
-			e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), e.originalEvent && (e.originalEvent.preventDefault(), e.originalEvent.stopPropagation(), e.originalEvent.stopImmediatePropagation());
-			let t = e.target, n = t.renderedPosition();
-			console.log("renderedPos:::", t.data(), t.style("background-color")), U({
-				visible: !0,
-				x: n.x - 90,
-				y: n.y - 90,
-				targetNode: t,
-				bgColor: t.style("background-color")
-			});
-		}), O.current = o, o.on("click", "node", (e) => {
-			let t = e.target;
-			o.nodes().removeClass("selected grayed highlighted"), o.edges().removeClass("selected grayed highlighted"), t.addClass("selected");
-			let n = t.neighborhood().nodes().add(t), r = n.edgesWith(n);
-			console.log("cy.nodes().not(relatedNodes):::", n), o.nodes().not(n).addClass("grayed"), o.edges().not(r).addClass("grayed"), n.addClass("highlighted"), r.addClass("highlighted");
-		}), o.on("tap", (e) => {
-			e.target === o && (U((e) => ({
-				...e,
-				visible: !1
-			})), o.nodes().removeClass("grayed highlighted highlight selected correlationStyle path-node level-highlight level-selected level-grayed"), o.edges().removeClass("grayed highlighted highlight selected correlationStyle path-edge level-highlightedge level-grayed"));
-		}), () => {
-			O.current &&= (O.current.destroy(), null);
-		};
-	}, []);
-	let q = async (e) => {
-		let { id: t, kgId: r } = e, a = O.current;
-		if (!a) return;
-		let o = a.$(`#${t}`);
-		if (!o || o.length === 0) {
-			console.error("当前节点不存在");
-			return;
-		}
-		let c = a.nodes().filter((n) => n.data("parentId") ? (n.data("parentId") === t || n.data("idLabel") === `${t}-${n.data("name")}`) && n.data("zktype") === e.zktype : !1);
-		if (c.length > 0) {
-			let r = c.map((e) => e.id()), i = c.connectedEdges(), s = a.edges().filter((e) => e.data("source") === t && r.includes(e.data("target"))), l = a.edges().filter((e) => e.data("appendedBy") === t), u = i.merge(s).merge(l).filter((t) => t.data().zktype === e.zktype);
-			c.animate({ style: { opacity: 0 } }, {
-				duration: 200,
-				complete: () => {
-					a.remove(c), a.remove(u), D((i) => {
-						let a = i.filter((n) => {
-							let i = n.data.zktype;
-							if (n.group === "nodes" && r.includes(n.data?.id) && i && i === e.zktype) return !1;
-							if (n.group === "edges" && i && i === e.zktype) {
-								let e = Array.from(l).map((e) => {
-									let t = e.data();
-									return `${t.source}-${t.target}-${t.label}`;
-								}), r = n.data, i = e.includes(`${r.source}-${r.target}-${r.label}`), a = n.data?.appendedBy === t;
-								return !i && !a;
-							}
-							return !0;
-						}), { typeListObj: o, relationListObj: s } = n({}, {
-							graphData: a,
-							typeObj: {},
-							relationObj: {},
-							isOnlyStatic: !0
-						});
-						return N(o), F(s), a;
-					}), o.data("appendedNodes", []), o.data("isExpanded", !1);
-				}
-			}), setTimeout(() => {
-				o.removed() || (o.style("border-width", ""), o.style("border-color", ""));
-			}, 300);
-		} else {
-			try {
-				j(!0), x.open({
-					type: "loading",
-					content: "正在展开...",
-					duration: 0
-				});
-				let { elements: c, typeListObj: l, relationListObj: u } = n((await s({
-					uri: t,
-					queryType: 1,
-					kgId: r,
-					zktype: e.zktype
-				})).data, {
-					graphData: E,
-					typeObj: M,
-					relationObj: P,
-					zktype: e.zktype
-				});
-				if (N(l), F(u), console.log(555e3, c), !(c?.length > 0)) {
-					x.warning("暂无数据"), setTimeout(() => {
-						x.destroy();
-					}, 2e3);
-					return;
-				}
-				if (c?.length > 0) {
-					let n = a.layoutUtilities({
-						...i(),
-						idealEdgeLength: 80,
-						offset: 30
-					}), r = c.map((n) => n.group === "nodes" ? {
-						...n,
-						style: {
-							opacity: 0,
-							width: 80,
-							height: 80
-						},
-						data: {
-							...n.data,
-							parentId: t,
-							appendedBy: t,
-							idLabel: t + "-" + n.data.label,
-							zktype: e.zktype,
-							isAppended: !0,
-							baseWidth: 80,
-							baseHeight: 80
-						}
-					} : {
-						...n,
-						data: {
-							...n.data,
-							appendedBy: t,
-							zktype: e.zktype
-						}
-					}), s = a.add(r);
-					D([...E, ...r]);
-					let l = s.filter(":node"), u = l.map((e) => e.id());
-					o.data("appendedNodes", u), o.data("isExpanded", !0);
-					let d = a.nodes().difference(l);
-					d.forEach((e) => e.lock()), n.placeNewNodes(l), a.layout({
-						name: "cose-bilkent",
-						randomize: !1,
-						animate: !0,
-						animationDuration: 500,
-						fit: !1,
-						nodeRepulsion: 1005e3,
-						idealEdgeLength: 100,
-						edgeElasticity: .3,
-						numIter: 800,
-						gravity: .6
-					}).run(), setTimeout(() => {
-						d.forEach((e) => e.unlock());
-					}, 2e3), l.animate({ style: {
-						opacity: 1,
-						width: 20,
-						height: 30
-					} }, {
-						duration: 400,
-						easing: "ease-out",
-						complete: () => {
-							l.style("opacity", ""), l.style("width", ""), l.style("height", "");
-						}
-					}), setTimeout(() => {
-						o.removed() || (o.style("border-width", ""), o.style("border-color", ""), a.center(o), a.zoom(a.zoom()));
-					}, 600);
-				} else console.log("没有找到相关节点数据");
-			} catch (e) {
-				console.error("请求接口失败:", e);
-			}
-			j(!1), x.destroy();
-		}
-		U({ visible: !1 });
-	}, J = {
-		expanded: "typed-literal",
-		contract: "uri"
-	}, Y = (e) => {
-		if (console.log("handleMenuAction:::", e), H.targetNode) {
-			let t = e.ids, n = H.targetNode.data();
-			if (["expanded", "contract"].includes(t)) q({
-				kgId: 3,
-				...n,
-				zktype: J[t]
-			});
-			else if (t === "nodeInfo") {
-				let e = H.targetNode, t = {
-					id: e.id(),
-					data: e.data(),
-					position: e.position(),
-					degree: e.degree(),
-					inDegree: e.degree(!0),
-					outDegree: e.degree(!1),
-					classes: e.classes(),
-					style: e.style()
-				};
-				R.current.open(t);
-			} else if (t === "knowledgeCard") {
-				let e = H.targetNode;
-				z.current.open(e.data());
-			}
-			e.action(H.targetNode), U({
-				visible: !1,
-				x: 0,
-				y: 0,
-				targetNode: null
-			});
-		}
-	};
-	return /* @__PURE__ */ S(r, {
-		value: {
-			pathNodes: B,
-			setPathNodes: V,
-			graphInfo: w,
-			graphData: E,
-			layoutType: I,
-			setLayoutType: L
-		},
-		children: /* @__PURE__ */ C("div", {
-			className: "cytoscape-container",
-			style: { position: "relative" },
-			children: [
-				/* @__PURE__ */ S("div", { className: "btn-group" }),
-				/* @__PURE__ */ S(o, {
-					ref: k,
-					cyRef: O,
-					graphInfo: w,
-					initNodeScale: 1,
-					cyContainerRef: T,
-					typeObj: M,
-					relationObj: P
-				}),
-				/* @__PURE__ */ C("div", {
-					style: { position: "relative" },
-					children: [
-						/* @__PURE__ */ S("div", {
-							ref: T,
-							className: "cy-container"
-						}),
-						H.visible && H.targetNode && /* @__PURE__ */ S("div", {
-							style: {
-								position: "absolute",
-								left: `${H.x}px`,
-								top: `${H.y}px`,
-								zIndex: 1e4,
-								minWidth: "120px",
-								padding: "4px 0",
-								pointerEvents: "auto",
-								width: "200px",
-								height: "200px",
-								overflow: "hidden"
-							},
-							onClick: (e) => e.stopPropagation(),
-							children: /* @__PURE__ */ S(u, {
-								items: K,
-								centerImage: H?.targetNode?.data().image,
-								onClick: (e) => Y(e)
-							})
-						}),
-						W.visible && /* @__PURE__ */ S("div", {
-							style: {
-								position: "absolute",
-								left: `${W.x}px`,
-								top: `${W.y}px`,
-								transform: "translateX(-50%)",
-								backgroundColor: "rgba(0, 0, 0, 0.85)",
-								color: "#fff",
-								padding: "6px 12px",
-								borderRadius: "4px",
-								fontSize: "14px",
-								whiteSpace: "nowrap",
-								zIndex: 9999,
-								pointerEvents: "none",
-								maxWidth: "1000px",
-								overflow: "hidden",
-								textOverflow: "ellipsis"
-							},
-							children: W.content
-						})
-					]
-				}),
-				/* @__PURE__ */ S(d, { ref: R }),
-				/* @__PURE__ */ S(f, { ref: z })
-			]
-		})
-	});
-};
-//#endregion
-export { T as default };

package/lib/index37.es.js

@@ -1,12 +0,0 @@
-import { Button as e } from "antd";
-import { jsx as t } from "react/jsx-runtime";
-//#region src/components/Demo.tsx
-function n({ children: n, onClick: r }) {
-	return /* @__PURE__ */ t(e, {
-		onClick: r,
-		type: "primary",
-		children: n
-	});
-}
-//#endregion
-export { n as default };

package/lib/index38.es.js

@@ -1,6 +0,0 @@
-//#region src/components/Graph/types.ts
-var e = /* @__PURE__ */ function(e) {
-	return e.KNOWLEDGE = "knowledge", e.RELATION = "relation", e.ATTRIBUTE = "attribute", e.TIMELINE = "timeline", e;
-}({});
-//#endregion
-export { e as SearchType };