react-kggraph 0.0.2 → 0.0.4

package/lib/index33.es.js

@@ -0,0 +1,100 @@
+/* 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/{index37.esm.js → index34.es.js}

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

package/lib/index35.es.js

@@ -0,0 +1,47 @@
+import { GraphContext as e } from "./index18.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 };