react-kggraph 0.0.4 → 0.0.6

package/lib/index19.es.js

@@ -1,284 +1,5 @@
-//#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;
-	}
-});
+import { createContext as e } from "react";
+//#region src/components/Graph/context.tsx
+var t = e({}), n = t.Provider;
 //#endregion
-export { t as coseBilkentLayout, e as fixNodesToEdges, n as layout };
+export { t as GraphContext, n as GraphProvider };

package/lib/index20.es.js

@@ -0,0 +1,284 @@
+//#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/{index23.es.js → index24.es.js}

@@ -1,4 +1,4 @@
-import { GraphContext as e } from "./index18.es.js";
+import { GraphContext as e } from "./index19.es.js";
 /* empty css           */
 import { useContext as t } from "react";
 import { CloseOutlined as n } from "@ant-design/icons";

package/lib/index26.es.js

@@ -1,32 +1,72 @@
-import { __commonJSMin as e } from "./index2.es.js";
-//#region node_modules/classnames/index.js
-var t = /* @__PURE__ */ e(((e, t) => {
-	(function() {
-		var e = {}.hasOwnProperty;
-		function n() {
-			for (var e = "", t = 0; t < arguments.length; t++) {
-				var n = arguments[t];
-				n && (e = i(e, r(n)));
-			}
-			return e;
-		}
-		function r(t) {
-			if (typeof t == "string" || typeof t == "number") return t;
-			if (typeof t != "object") return "";
-			if (Array.isArray(t)) return n.apply(null, t);
-			if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]")) return t.toString();
-			var r = "";
-			for (var a in t) e.call(t, a) && t[a] && (r = i(r, a));
-			return r;
-		}
-		function i(e, t) {
-			return t ? e ? e + " " + t : e + t : e;
-		}
-		t !== void 0 && t.exports ? (n.default = n, t.exports = n) : typeof define == "function" && typeof define.amd == "object" && define.amd ? define("classnames", [], function() {
-			return n;
-		}) : window.classNames = n;
-	})();
-}));
+import { GraphContext as e } from "./index19.es.js";
+/* empty css           */
+import { forwardRef as t, useContext as n, useImperativeHandle as r, useState as i } from "react";
+import { CloseOutlined as a } from "@ant-design/icons";
+import { Button as o, Form as s, Input as c, Select as l } from "antd";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import p from "antd/es/form/FormItem";
+//#region src/components/Graph/components/PathAnalysisLevel/index.tsx
+var m = t(({ onLevelClick: t }, m) => {
+	let [h, g] = i(!1), { graphData: _ } = n(e), [v, y] = i({ level: 1 });
+	r(m, () => ({
+		open: (e) => {
+			g(!0);
+		},
+		close: () => g(!1)
+	}));
+	let b = () => {
+		g(!1);
+	}, x = (e) => {
+		t(e.name, e.level);
+	}, S = _.filter((e) => e.group === "nodes").map((e) => e.data);
+	return /* @__PURE__ */ d(u, { children: h && /* @__PURE__ */ f("div", {
+		className: "query-node z-10",
+		children: [/* @__PURE__ */ f("div", {
+			className: "title",
+			children: [/* @__PURE__ */ d("span", { children: "分析N层关系" }), /* @__PURE__ */ d(a, { onClick: () => b() })]
+		}), /* @__PURE__ */ f(s, {
+			onFinish: x,
+			initialValues: v,
+			children: [
+				/* @__PURE__ */ d(p, {
+					label: "节点名称",
+					labelCol: { span: 6 },
+					name: "name",
+					wrapperCol: { span: 14 },
+					children: /* @__PURE__ */ d(l, {
+						showSearch: !0,
+						style: { width: "200px" },
+						options: S.map((e) => ({
+							value: e.name,
+							label: e.name
+						}))
+					})
+				}),
+				/* @__PURE__ */ d(p, {
+					id: "level",
+					label: "层级",
+					labelCol: { span: 6 },
+					name: "level",
+					wrapperCol: { span: 14 },
+					children: /* @__PURE__ */ d(c, {
+						placeholder: "请输入",
+						style: { width: 200 },
+						type: "number",
+						min: 1
+					})
+				}),
+				/* @__PURE__ */ d(p, {
+					label: null,
+					style: { textAlign: "center" },
+					children: /* @__PURE__ */ d(o, {
+						type: "primary",
+						htmlType: "submit",
+						children: "查询"
+					})
+				})
+			]
+		})]
+	}) });
+});
 //#endregion
-export default t();
-export { t as require_classnames };
+export { m as default };