react-kggraph 0.0.1

package/lib/index32.cjs.js

@@ -0,0 +1 @@
+var e=e=>{},t=e=>{};exports.fullSearchDetail=t,exports.stepNext=e;

package/lib/index32.esm.js

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

package/lib/index33.cjs.js

@@ -0,0 +1 @@
+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)};exports.edgeNodeStyles=t;

package/lib/index33.esm.js

@@ -0,0 +1,161 @@
+//#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/index34.cjs.js

@@ -0,0 +1 @@
+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()}}];exports.menuItemsConfig=e;

package/lib/index34.esm.js

@@ -0,0 +1,71 @@
+//#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/index36.cjs.js

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

package/lib/index36.esm.js

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

package/lib/index37.cjs.js

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

package/lib/index37.esm.js

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

@@ -0,0 +1 @@
+const e=require(`./index2.cjs.js`),t=require(`./index18.cjs.js`),n=require(`./index23.cjs.js`),r=require(`./index32.cjs.js`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`antd`);var o=n.default,s=(0,i.forwardRef)((e,n)=>{let{graphInfo:s}=(0,i.useContext)(t.GraphContext),[c,l]=(0,i.useState)(!1),[u,d]=(0,i.useState)(!1),[f,p]=(0,i.useState)(!1),[m,h]=(0,i.useState)({style:{},data:{}}),g=(0,i.useRef)(null);(0,i.useEffect)(()=>{c&&g.current&&(g.current.scrollTop=0)},[c]),(0,i.useImperativeHandle)(n,()=>({open:e=>{l(!0),h(e),_(e)},close:()=>l(!1)}));let _=async e=>{d(!0);let t=await r.fullSearchDetail({kgId:s.kgId,uri:e.id});console.log(44,e),p(t.data),d(!1)};return(0,o.jsx)(a.Drawer,{title:`知识卡片`,onClose:()=>{l(!1)},open:c,getContainer:!1,className:`knowledge-card-drawer`,bodyStyle:{padding:`0 20px`,overflow:`auto`},children:(0,o.jsx)(`div`,{ref:g,style:{height:`100%`}})})});exports.default=s;

package/lib/index38.esm.js

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