react-kggraph 0.0.8 → 0.0.10

package/lib/index18.es.js

@@ -1,330 +0,0 @@
-import e from "./index6.es.js";
-import t from "./index7.es.js";
-import n from "./index8.es.js";
-import r from "./index9.es.js";
-import i from "./index10.es.js";
-import a from "./index11.es.js";
-import o from "./index12.es.js";
-import s from "./index13.es.js";
-import c from "./index14.es.js";
-import l from "./index15.es.js";
-import u from "./index16.es.js";
-import { jsonStringifyParse as d } from "./index17.es.js";
-import { message as f } from "antd";
-//#region src/components/Graph/utils/tools.ts
-var p = [
-	e,
-	t,
-	n,
-	r,
-	i,
-	a,
-	o,
-	s,
-	c,
-	l
-], m = (e) => {
-	let t = {}, n = {}, r = [];
-	return e.forEach((e) => {
-		let { group: i } = e;
-		if (i === "nodes") {
-			let n = e.data, i = n.properties?.type, a = n.type;
-			!a && i === "uri" || (!r.includes(a) && i === "uri" ? (r.push(a), t = {
-				...t,
-				[a]: {
-					...t[a],
-					count: 1,
-					img: n.image
-				}
-			}) : i === "uri" && a && (t = {
-				...t,
-				[a]: {
-					...t[a],
-					img: n.image,
-					count: t[a].count + 1
-				}
-			}));
-		} else if (i === "edges") {
-			let { label: t } = e.data;
-			n[t] ? n[t] = n[t] + 1 : n[t] = 1;
-		} else console.log("nonono");
-	}), {
-		typeListArr: r,
-		typeListObj: t,
-		relationListObj: n
-	};
-}, h = (e, { graphData: t = [], typeObj: n, zktype: r, graphInfo: i = {} }) => {
-	let a = d(n), o = Object.keys(n), s = i.searchNodes || [], c = new Set(t?.map((e) => e.group === "nodes" ? e.data?.id : e.data?.source + "-" + e.data?.target).filter(Boolean) || []), { nodes: l = [], links: f = [] } = e || {}, h = [];
-	((e) => {
-		e.forEach((e) => {
-			let { label: t } = e, n = `${e.source}-${e.target}`;
-			c.has(n) || h.push({
-				group: "edges",
-				data: {
-					...e,
-					name: t,
-					zktype: r
-				}
-			});
-		});
-	})(f), ((e) => {
-		e.forEach((e) => {
-			if (!c.has(e.id)) {
-				let t = e.properties?.type, n = e.type, r = e.label.split("#").pop(), i = -1;
-				if (!n && t === "uri") i = e.image || p[0];
-				else if (!o.includes(n) && t === "uri") {
-					o.push(n);
-					let t = o.indexOf(n);
-					i = e.image || p[t] || p[0], a = {
-						...a,
-						[n]: {
-							...a[n],
-							img: i
-						}
-					};
-				} else t === "uri" && n && (i = a[n]?.img);
-				let c = {
-					...e,
-					name: r,
-					"properties-type": t,
-					image: s.includes(r) ? u : i,
-					baseWidth: 80,
-					baseHeight: 80
-				};
-				h.push({
-					group: "nodes",
-					data: c
-				});
-			}
-		});
-	})(l);
-	let { typeListObj: g, relationListObj: _ } = m([...h, ...t]);
-	return {
-		elements: h,
-		typeListObj: g,
-		relationListObj: _
-	};
-}, g = (e, t) => {
-	let n = e.current;
-	if (!n) return;
-	let r = { color: "#000" };
-	switch (t) {
-		case "center":
-			r = {
-				"text-halign": "center",
-				"text-valign": "center"
-			};
-			break;
-		case "left":
-			r = {
-				...r,
-				"text-halign": "left",
-				"text-valign": "center",
-				"text-margin-x": "-5px"
-			};
-			break;
-		case "right":
-			r = {
-				...r,
-				"text-halign": "right",
-				"text-valign": "center",
-				"text-margin-x": "5px"
-			};
-			break;
-		case "top":
-			r = {
-				...r,
-				"text-halign": "center",
-				"text-valign": "top",
-				"text-margin-y": "-5px"
-			};
-			break;
-		case "bottom":
-			r = {
-				...r,
-				"text-halign": "center",
-				"text-valign": "bottom",
-				"text-margin-y": "5px"
-			};
-			break;
-	}
-	n.nodes().style(r), n.style().update();
-}, _ = async (e, { pathNodes: t, isGrayed: n = !0 }) => {
-	let r = e.current;
-	if (!r) return;
-	if (t?.length < 2) {
-		f.warning("请至少设置 2 个路径节点！");
-		return;
-	}
-	if ([...new Set(t)].length !== t.length) {
-		f.warning("路径中存在重复节点，请检查！");
-		return;
-	}
-	let i = [];
-	for (let e of t) {
-		let t = r.nodes().filter((t) => t.data("name") === e);
-		if (t.length > 0) i.push(t.id());
-		else {
-			r.nodes().removeClass("path-node"), r.edges().removeClass("path-edge"), f.warning(`找不到节点：${e}`);
-			return;
-		}
-	}
-	try {
-		r.nodes().removeClass("path-node").removeClass("grayed"), r.edges().removeClass("path-edge").removeClass("grayed");
-		let e = r.collection(), a = 0, o = !0, s = [];
-		for (let n = 0; n < i.length - 1; n++) {
-			let c = i[n], l = i[n + 1], u = r.getElementById(c), d = r.getElementById(l), f = u.edgesWith(d).filter(function(e) {
-				return e.data("source") === c && e.data("target") === l;
-			}), p = d.edgesWith(u).filter(function(e) {
-				return e.data("source") === l && e.data("target") === c;
-			});
-			if (f.length > 0 || p.length > 0) {
-				let t = f.add(p);
-				e = e.union(t).union(u).union(d), a += t.length, u.addClass("path-node"), d.addClass("path-node"), t.addClass("path-edge"), s.push(u.data("name"), d.data("name")), console.log(`找到直接连接的边：正向${f.length}条，反向${p.length}条`);
-			} else {
-				let i = r.elements().aStar({
-					root: u,
-					goal: d,
-					directed: !1
-				});
-				if (i.found && i.path) {
-					e = e.union(i.path), a += i.distance, i.path.nodes().addClass("path-node"), i.path.edges().addClass("path-edge");
-					let t = i.path.nodes().map((e) => e.data("name"));
-					s.push(...t);
-				} else {
-					o = !1, console.log(`节点 ${t[n]} 和 ${t[n + 1]} 之间没有路径`);
-					break;
-				}
-			}
-		}
-		if (o && e.length > 0) {
-			let t = e.nodes(), i = e.edges();
-			t.addClass("path-node"), i.addClass("path-edge"), n && (r.nodes().not(t).addClass("grayed"), r.edges().not(i).addClass("grayed"));
-		} else f.warning("无法找到完整的路径！");
-	} catch (e) {
-		console.error(2e3, "计算路径时出错：", e), f.warning("计算路径时出错，请重试！");
-	}
-}, v = (e) => ({
-	nodes: e.nodes().map((e) => ({
-		data: e.data(),
-		position: e.position(),
-		style: {
-			width: e.style("width"),
-			height: e.style("height"),
-			backgroundColor: e.style("background-color")
-		}
-	})),
-	edges: e.edges().map((e) => ({
-		data: e.data(),
-		style: {
-			width: e.style("width"),
-			"line-color": e.style("line-color"),
-			"target-arrow-color": e.style("target-arrow-color")
-		}
-	}))
-}), y = (e) => {
-	let t = v(e), n = new Blob([JSON.stringify(t, null, 2)], { type: "application/json" }), r = URL.createObjectURL(n), i = document.createElement("a");
-	i.href = r, i.download = `graph-data-${Date.now()}.json`, i.click(), URL.revokeObjectURL(r);
-}, b = [
-	{
-		label: "网络布局",
-		key: "cose-bilkent"
-	},
-	{
-		label: "弹性布局",
-		key: "fcose"
-	},
-	{
-		label: "网格布局",
-		key: "grid"
-	},
-	{
-		label: "球面布局",
-		key: "circle"
-	},
-	{
-		label: "层级布局",
-		key: "breadthfirst"
-	},
-	{
-		label: "同心圆布局",
-		key: "concentric"
-	}
-], x = [
-	{
-		label: "查询节点",
-		key: "query",
-		func: "queryNode"
-	},
-	{
-		label: "连接分析",
-		key: "link",
-		func: "onLevelClick"
-	},
-	{
-		label: "路径分析",
-		key: "path",
-		func: "pathAnalysis"
-	}
-], S = [
-	{
-		label: "全选",
-		key: "all"
-	},
-	{
-		label: "反选",
-		key: "reverse"
-	},
-	{
-		label: "点选模式",
-		key: "click"
-	},
-	{
-		label: "框选模式",
-		key: "box"
-	}
-], C = [
-	{
-		label: "下载JSON",
-		key: "downloadJson"
-	},
-	{
-		label: "预览JSON列表",
-		key: "previewJsonList"
-	},
-	{
-		label: "下载EXCEL",
-		key: "downloadExcel"
-	},
-	{
-		label: "下载JPG",
-		key: "downloadJpg"
-	},
-	{
-		label: "下载PNG",
-		key: "downloadPng"
-	}
-], w = [
-	{
-		label: "居中",
-		key: "center"
-	},
-	{
-		label: "顶部",
-		key: "top"
-	},
-	{
-		label: "底部",
-		key: "bottom"
-	},
-	{
-		label: "左侧",
-		key: "left"
-	},
-	{
-		label: "右侧",
-		key: "right"
-	}
-];
-//#endregion
-export { S as choiceConfig, y as donwnGraphData, C as downloadData, v as getCyData, _ as handleCalcPath, b as layoutCongig, x as linkAnalysis, h as resDetailData, g as textLayout, w as textPositionConfig };

package/lib/index19.es.js

@@ -1,5 +0,0 @@
-import { createContext as e } from "react";
-//#region src/components/Graph/context.tsx
-var t = e({}), n = t.Provider;
-//#endregion
-export { t as GraphContext, n as GraphProvider };

package/lib/index2.es.js

@@ -1,13 +0,0 @@
-//#region \0rolldown/runtime.js
-var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), s = (e, i, o, s) => {
-	if (i && typeof i == "object" || typeof i == "function") for (var c = r(i), l = 0, u = c.length, d; l < u; l++) d = c[l], !a.call(e, d) && d !== o && t(e, d, {
-		get: ((e) => i[e]).bind(null, d),
-		enumerable: !(s = n(i, d)) || s.enumerable
-	});
-	return e;
-}, c = (n, r, a) => (a = n == null ? {} : e(i(n)), s(r || !n || !n.__esModule ? t(a, "default", {
-	value: n,
-	enumerable: !0
-}) : a, n));
-//#endregion
-export { o as __commonJSMin, c as __toESM };

package/lib/index20.es.js

@@ -1,284 +0,0 @@
-//#region src/components/Graph/utils/layouts.ts
-var e = (e, n, r, i = 20) => {
-	let a = e.nodes(), o = a.filter((e) => e.data("name") === n), s = a.filter((e) => e.data("name") === r);
-	if (console.log(111, !o.data() || !s.data(), o.data(), s.data()), !o.data() || !s.data()) {
-		console.warn("fixNodesToEdges: 未找到左右节点", n, r);
-		let i = e.layout(t());
-		return i.run(), i.on("layoutstop", () => {
-			e.fit(void 0, 50);
-		}), !1;
-	}
-	let c = e.width();
-	if (c === 0) return !1;
-	let l = o.width() || 60, u = e.height() / 2, d = l / 2 + i, f = c - l / 2 - i;
-	o.position({
-		x: d,
-		y: u
-	}), s.position({
-		x: f,
-		y: u
-	}), o.lock(), s.lock();
-	let p = e.nodes().difference(o).difference(s);
-	if (p.length > 0) {
-		p.forEach((e) => {
-			let t = e.position().x, n = Math.min(d, t), r = Math.max(f, t);
-			e.position({
-				x: n + (r - n) * .5,
-				y: u
-			});
-		});
-		let n = e.layout({
-			...t(),
-			nodes: p
-		});
-		n.run(), n.on("layoutstop", () => {
-			e.fit(void 0, 50), o.unlock(), s.unlock(), console.log("布局完成");
-		});
-	} else e.fit(void 0, 50);
-	return console.log("fixNodesToEdges: 完成"), !0;
-}, t = () => ({
-	name: "cose-bilkent",
-	nodeRepulsion: 1005e3,
-	idealEdgeLength: 100,
-	edgeElasticity: .3,
-	numIter: 2500,
-	fit: !0,
-	padding: 50,
-	randomize: !1,
-	animate: "end",
-	animationDuration: 1e3,
-	nodeDimensionsIncludeLabels: !0,
-	tile: !0,
-	tilingPaddingVertical: 15,
-	tilingPaddingHorizontal: 15,
-	gravity: .6,
-	nestingFactor: .1,
-	gravityRange: 3,
-	gravityRangeCompound: 1.5,
-	gravityCompound: 1,
-	initialEnergyOnIncremental: .5,
-	refresh: 30
-}), n = (e, n) => {
-	console.log(111, n);
-	let u = e.current;
-	if (!u) return;
-	let d = {};
-	switch (n) {
-		case "circle":
-			d = a();
-			break;
-		case "concentric":
-			console.log("执行圆形布局"), d = o();
-			break;
-		case "grid":
-			console.log("执行网格布局"), d = c();
-			break;
-		case "breadthfirst":
-			console.log("执行树型布局"), d = l();
-			break;
-		case "random":
-			console.log("执行随机布局"), d = r();
-			break;
-		case "cose":
-			console.log("执行 cose 布局"), d = i();
-			break;
-		case "cose-bilkent":
-			console.log("执行 cose-bilkent 布局"), d = t();
-			break;
-		case "fcose":
-			console.log("执行 fcose 布局"), d = s();
-			break;
-		case "cise":
-			console.log("执行 cise 布局"), d = {
-				name: "cise",
-				clusters: [],
-				animate: !1,
-				fit: !0,
-				padding: 30,
-				nodeSeparation: 80,
-				idealEdgeLength: 80,
-				idealInterClusterEdgeLengthCoefficient: 1.5,
-				maxIteration: 500
-			};
-			break;
-		default:
-			console.warn("未知布局类型：", n);
-			return;
-	}
-	u.layout(d).run();
-}, r = () => ({
-	name: "random",
-	fit: !0,
-	padding: 30,
-	boundingBox: void 0,
-	animate: !0,
-	animationDuration: 500,
-	animationEasing: void 0,
-	animateFilter: function(e, t) {
-		return !0;
-	},
-	ready: void 0,
-	stop: void 0,
-	transform: function(e, t) {
-		return t;
-	}
-}), i = () => ({
-	name: "cose",
-	ready: function() {},
-	stop: function() {},
-	animate: !0,
-	animationEasing: void 0,
-	animationDuration: void 0,
-	animateFilter: function(e, t) {
-		return !0;
-	},
-	animationThreshold: 250,
-	refresh: 20,
-	fit: !0,
-	padding: 30,
-	boundingBox: void 0,
-	nodeDimensionsIncludeLabels: !1,
-	randomize: !1,
-	componentSpacing: 40,
-	nodeRepulsion: function(e) {
-		return 2048;
-	},
-	nodeOverlap: 4,
-	idealEdgeLength: function(e) {
-		return 32;
-	},
-	edgeElasticity: function(e) {
-		return 32;
-	},
-	nestingFactor: 1.2,
-	gravity: 1,
-	numIter: 8e3,
-	initialTemp: 1e3,
-	coolingFactor: .99,
-	minTemp: 1
-}), a = () => ({
-	name: "circle",
-	fit: !0,
-	padding: 30,
-	boundingBox: void 0,
-	avoidOverlap: !0,
-	nodeDimensionsIncludeLabels: !1,
-	spacingFactor: 1.2,
-	radius: void 0,
-	startAngle: 3 / 2 * Math.PI,
-	sweep: void 0,
-	clockwise: !0,
-	sort: void 0,
-	animate: !0,
-	animationDuration: 500,
-	animationEasing: void 0,
-	animateFilter: function(e, t) {
-		return !0;
-	},
-	ready: void 0,
-	stop: void 0,
-	transform: function(e, t) {
-		return t;
-	}
-}), o = () => ({
-	name: "concentric",
-	fit: !0,
-	padding: 30,
-	startAngle: 3 / 2 * Math.PI,
-	sweep: void 0,
-	clockwise: !0,
-	equidistant: !1,
-	minNodeSpacing: 10,
-	boundingBox: void 0,
-	avoidOverlap: !0,
-	nodeDimensionsIncludeLabels: !1,
-	height: void 0,
-	width: void 0,
-	spacingFactor: 3,
-	concentric: function(e) {
-		return e.degree();
-	},
-	levelWidth: function(e) {
-		return e.maxDegree() / 4;
-	},
-	animate: !0,
-	animationDuration: 500,
-	animationEasing: void 0,
-	animateFilter: function(e, t) {
-		return !0;
-	},
-	ready: void 0,
-	stop: void 0,
-	transform: function(e, t) {
-		return t;
-	}
-}), s = () => ({
-	name: "fcose",
-	idealEdgeLength: 50,
-	edgeElasticity: 80,
-	nodeRepulsion: 12e3,
-	nodeOverlap: 0,
-	spacingFactor: 2,
-	nestingFactor: 5,
-	gravity: 0,
-	numIter: 3e3,
-	tile: !0,
-	animate: "end",
-	animationDuration: 1e3,
-	randomize: !0,
-	fit: !0,
-	padding: 50,
-	nodeDimensionsIncludeLabels: !0
-}), c = () => ({
-	name: "grid",
-	fit: !0,
-	padding: 30,
-	boundingBox: void 0,
-	avoidOverlap: !0,
-	avoidOverlapPadding: 10,
-	nodeDimensionsIncludeLabels: !1,
-	spacingFactor: void 0,
-	condense: !1,
-	rows: void 0,
-	cols: void 0,
-	position: function(e) {},
-	sort: void 0,
-	animate: !0,
-	animationDuration: 500,
-	animationEasing: void 0,
-	animateFilter: function(e, t) {
-		return !0;
-	},
-	ready: void 0,
-	stop: void 0,
-	transform: function(e, t) {
-		return t;
-	}
-}), l = () => ({
-	name: "breadthfirst",
-	fit: !0,
-	directed: !1,
-	direction: "downward",
-	padding: 30,
-	circle: !1,
-	grid: !1,
-	spacingFactor: 1,
-	boundingBox: void 0,
-	avoidOverlap: !0,
-	nodeDimensionsIncludeLabels: !1,
-	roots: void 0,
-	depthSort: void 0,
-	animate: !0,
-	animationDuration: 500,
-	animationEasing: void 0,
-	animateFilter: function(e, t) {
-		return !0;
-	},
-	ready: void 0,
-	stop: void 0,
-	transform: function(e, t) {
-		return t;
-	}
-});
-//#endregion
-export { t as coseBilkentLayout, e as fixNodesToEdges, n as layout };

package/lib/index22.es.js

@@ -1,70 +0,0 @@
-/* empty css           */
-import "react";
-import { CloseOutlined as e } from "@ant-design/icons";
-import { Button as t, Form as n, Input as r, Select as i } from "antd";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/components/Graph/components/QueryNode/index.tsx
-var c = ({ searchChange: c, isVisible: l, closeQuery: u }) => {
-	let d = n.Item, f = i.Option, p = (e) => {
-		console.log(e);
-	}, m = (e) => {
-		console.log(e), c && c(e);
-	}, h = () => {
-		u && u(!1);
-	};
-	return /* @__PURE__ */ o(a, { children: l && /* @__PURE__ */ s("div", {
-		className: "query-node z-10",
-		children: [/* @__PURE__ */ s("div", {
-			className: "title",
-			children: [/* @__PURE__ */ o("span", { children: "查询节点" }), /* @__PURE__ */ o(e, { onClick: () => h() })]
-		}), /* @__PURE__ */ s(n, {
-			onFinish: m,
-			children: [
-				/* @__PURE__ */ o(d, {
-					id: "select",
-					label: "查询类型：",
-					labelCol: { span: 6 },
-					name: "id",
-					wrapperCol: { span: 14 },
-					children: /* @__PURE__ */ s(i, {
-						id: "select",
-						placeholder: "请选择",
-						style: { width: 200 },
-						onChange: p,
-						children: [/* @__PURE__ */ o(f, {
-							value: "id",
-							select: !0,
-							children: "id"
-						}), /* @__PURE__ */ o(f, {
-							value: "名称",
-							children: "名称"
-						})]
-					})
-				}),
-				/* @__PURE__ */ o(d, {
-					id: "control-input",
-					label: "查询类容：",
-					labelCol: { span: 6 },
-					name: "content",
-					wrapperCol: { span: 14 },
-					children: /* @__PURE__ */ o(r, {
-						id: "control-input",
-						placeholder: "请输入",
-						style: { width: 200 }
-					})
-				}),
-				/* @__PURE__ */ o(d, {
-					label: null,
-					style: { textAlign: "center" },
-					children: /* @__PURE__ */ o(t, {
-						type: "primary",
-						htmlType: "submit",
-						children: "查询"
-					})
-				})
-			]
-		})]
-	}) });
-};
-//#endregion
-export { c as default };