@robot-admin/naive-ui-components 0.3.0

package/dist/C_AntV2.js

@@ -0,0 +1,3150 @@
+import { t as C_Icon_default } from "./C_Icon2.js";
+import { t as export_helper_default } from "./export-helper.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, ref, renderList, resolveDynamicComponent, toDisplayString, unref, useModel, watch, withCtx } from "vue";
+import { NAlert, NButton, NCard, NCheckbox, NDivider, NDrawer, NDrawerContent, NDropdown, NForm, NFormItem, NGi, NGrid, NInput, NRadio, NRadioGroup, NSelect, NSpace, useMessage } from "naive-ui";
+import { Graph, ObjectExt } from "@antv/x6";
+import html2canvas from "html2canvas";
+
+//#region src/components/C_AntV/composables/useGraphBase.ts
+/**
+* 获取主题相关的颜色配置
+*/
+function getThemeColors(isDark) {
+	return {
+		background: isDark ? "#18181c" : "#f5f5f5",
+		gridPrimary: isDark ? "rgba(255, 255, 255, 0.08)" : "#eee",
+		gridSecondary: isDark ? "rgba(255, 255, 255, 0.04)" : "#ddd"
+	};
+}
+/**
+* 默认的图表配置选项
+*/
+function getDefaultOptions(isDark = false) {
+	const colors = getThemeColors(isDark);
+	return {
+		background: { color: colors.background },
+		grid: {
+			visible: true,
+			type: "doubleMesh",
+			args: [{
+				color: colors.gridPrimary,
+				thickness: 1
+			}, {
+				color: colors.gridSecondary,
+				thickness: 1,
+				factor: 4
+			}]
+		},
+		mousewheel: {
+			enabled: true,
+			zoomAtMousePosition: true,
+			modifiers: "ctrl",
+			minScale: .5,
+			maxScale: 2
+		},
+		selecting: {
+			enabled: true,
+			rubberband: true,
+			movable: true,
+			showNodeSelectionBox: true
+		},
+		resizing: true,
+		rotating: true,
+		snapline: true,
+		keyboard: true,
+		clipboard: true
+	};
+}
+/**
+* 获取容器的尺寸
+*/
+function getContainerSize(container) {
+	if (!container) return {
+		width: 0,
+		height: 0
+	};
+	return {
+		width: container.clientWidth || container.offsetWidth || 800,
+		height: container.clientHeight || container.offsetHeight || 600
+	};
+}
+/**
+* 创建和管理 AntV X6 图表实例的组合式 API
+*/
+function useGraphBase(containerRef, isDarkRef) {
+	const MAX_RETRY = 10;
+	let retryCount = 0;
+	const graph = ref(null);
+	const loading = ref(false);
+	/**
+	* 初始化图表实例
+	*/
+	const initGraph = async (options = {}) => {
+		await nextTick();
+		loading.value = true;
+		try {
+			if (!containerRef.value) return;
+			if (graph.value) {
+				graph.value.dispose();
+				graph.value = null;
+			}
+			const { width, height } = getContainerSize(containerRef.value);
+			if (width === 0 || height === 0) {
+				retryCount++;
+				if (retryCount < MAX_RETRY) setTimeout(() => initGraph(options), 100);
+				return;
+			}
+			retryCount = 0;
+			const defaultOptions = getDefaultOptions(isDarkRef?.value ?? false);
+			graph.value = new Graph({
+				container: containerRef.value,
+				width,
+				height,
+				...defaultOptions,
+				...options
+			});
+		} catch {} finally {
+			loading.value = false;
+		}
+	};
+	/**
+	* 更新主题
+	*/
+	function updateTheme(isDark) {
+		if (!graph.value) return;
+		const colors = getThemeColors(isDark);
+		graph.value.drawBackground({ color: colors.background });
+		graph.value.drawGrid({
+			type: "doubleMesh",
+			args: [{
+				color: colors.gridPrimary,
+				thickness: 1
+			}, {
+				color: colors.gridSecondary,
+				thickness: 1,
+				factor: 4
+			}]
+		});
+	}
+	if (isDarkRef) watch(isDarkRef, (isDark) => {
+		updateTheme(isDark);
+	});
+	/**
+	* 销毁当前图表实例
+	*/
+	function destroyGraph() {
+		if (graph.value) {
+			graph.value.dispose();
+			graph.value = null;
+		}
+	}
+	/**
+	* 将图表内容居中显示
+	*/
+	function centerContent() {
+		graph.value?.centerContent();
+	}
+	/**
+	* 自适应缩放图表以适应容器
+	*/
+	function zoomToFit() {
+		graph.value?.zoomToFit({
+			padding: 20,
+			maxScale: 1
+		});
+	}
+	/**
+	* 按指定因子缩放图表
+	*/
+	function zoom(factor) {
+		graph.value?.zoom(factor);
+	}
+	/**
+	* 调整图表尺寸以适应容器变化
+	*/
+	function resizeGraph() {
+		if (graph.value && containerRef.value) {
+			const { width, height } = getContainerSize(containerRef.value);
+			graph.value.resize(width, height);
+		}
+	}
+	onUnmounted(destroyGraph);
+	return {
+		graph,
+		loading,
+		initGraph,
+		destroyGraph,
+		centerContent,
+		zoomToFit,
+		zoom,
+		resizeGraph,
+		updateTheme
+	};
+}
+
+//#endregion
+//#region src/components/C_AntV/utils/exportUtils.ts
+/**
+* 下载 Blob 文件到本地
+* @param blob - Blob 对象
+* @param filename - 文件名
+*/
+function downloadBlob(blob, filename) {
+	const url = URL.createObjectURL(blob);
+	const link = document.createElement("a");
+	link.href = url;
+	link.download = filename;
+	link.style.display = "none";
+	document.body.appendChild(link);
+	link.click();
+	document.body.removeChild(link);
+	URL.revokeObjectURL(url);
+}
+/**
+* 导出数据为 JSON 文件
+* @param data - 要导出的数据
+* @param filename - 文件名，默认 'diagram.json'
+*/
+function exportJSON(data, filename = "diagram.json") {
+	const jsonString = JSON.stringify(data, null, 2);
+	downloadBlob(new Blob([jsonString], { type: "application/json" }), filename);
+}
+/**
+* 导出图表为 PNG 图片（基于 html2canvas 截图方案）
+* @param graph - AntV X6 图表实例
+* @param filename - 文件名，默认 'diagram.png'
+* @param options - 导出选项
+*/
+async function exportPNG(graph, filename = "diagram.png", options = {}) {
+	const { backgroundColor = "#ffffff", scale = 2 } = options;
+	const { container } = graph;
+	downloadBlob(await canvasToBlob(await html2canvas(container, {
+		backgroundColor,
+		scale,
+		useCORS: true,
+		logging: false
+	}), "image/png"), filename);
+}
+/**
+* 导出图表为 SVG 矢量图（从容器内 SVG 元素序列化）
+* @param graph - AntV X6 图表实例
+* @param filename - 文件名，默认 'diagram.svg'
+*/
+function exportSVG(graph, filename = "diagram.svg") {
+	const svgElement = graph.container.querySelector("svg");
+	if (!svgElement) throw new Error("SVG导出失败: 未找到图表 SVG 元素");
+	const cloned = svgElement.cloneNode(true);
+	if (!cloned.getAttribute("xmlns")) cloned.setAttribute("xmlns", "http://www.w3.org/2000/svg");
+	if (!cloned.getAttribute("xmlns:xlink")) cloned.setAttribute("xmlns:xlink", "http://www.w3.org/1999/xlink");
+	const svgString = new XMLSerializer().serializeToString(cloned);
+	downloadBlob(new Blob([svgString], { type: "image/svg+xml;charset=utf-8" }), filename);
+}
+/**
+* 将 Canvas 转换为 Blob
+*/
+function canvasToBlob(canvas, mimeType, quality = 1) {
+	return new Promise((resolve, reject) => {
+		canvas.toBlob((blob) => {
+			if (blob) resolve(blob);
+			else reject(/* @__PURE__ */ new Error("Canvas 转 Blob 失败"));
+		}, mimeType, quality);
+	});
+}
+
+//#endregion
+//#region src/components/C_AntV/composables/useGraphExport.ts
+/** 导出下拉菜单选项（三个布局共享） */
+const EXPORT_OPTIONS = [
+	{
+		label: "导出PNG",
+		key: "png"
+	},
+	{
+		label: "导出SVG",
+		key: "svg"
+	},
+	{
+		label: "导出JSON",
+		key: "json"
+	}
+];
+/**
+* 图表导出 composable — 统一 PNG / SVG / JSON 导出逻辑
+* @param graph - X6 Graph 实例引用
+* @param filenamePrefix - 导出文件名前缀，默认 'diagram'
+*/
+function useGraphExport(graph, filenamePrefix = "diagram") {
+	const message = useMessage();
+	/**
+	* 处理导出操作
+	* @param key - 导出格式 'png' | 'svg' | 'json'
+	* @param getData - 获取当前图表数据的函数（用于 JSON 导出）
+	*/
+	const handleExport = async (key, getData) => {
+		if (!graph.value) return;
+		try {
+			switch (key) {
+				case "png":
+					await exportPNG(graph.value, `${filenamePrefix}.png`);
+					break;
+				case "svg":
+					exportSVG(graph.value, `${filenamePrefix}.svg`);
+					break;
+				case "json":
+					if (getData) exportJSON(getData(), `${filenamePrefix}.json`);
+					break;
+			}
+		} catch (error) {
+			console.error(`[useGraphExport] 导出失败 (${key}):`, error);
+			message.error(`导出${key.toUpperCase()}失败，请重试`);
+		}
+	};
+	return {
+		exportOptions: EXPORT_OPTIONS,
+		handleExport
+	};
+}
+
+//#endregion
+//#region src/components/C_AntV/layout/ER/data.ts
+const fieldTypes = [
+	{
+		label: "BIGINT",
+		value: "BIGINT"
+	},
+	{
+		label: "INT",
+		value: "INT"
+	},
+	{
+		label: "SMALLINT",
+		value: "SMALLINT"
+	},
+	{
+		label: "TINYINT",
+		value: "TINYINT"
+	},
+	{
+		label: "VARCHAR(50)",
+		value: "VARCHAR(50)"
+	},
+	{
+		label: "VARCHAR(100)",
+		value: "VARCHAR(100)"
+	},
+	{
+		label: "VARCHAR(255)",
+		value: "VARCHAR(255)"
+	},
+	{
+		label: "CHAR(10)",
+		value: "CHAR(10)"
+	},
+	{
+		label: "TEXT",
+		value: "TEXT"
+	},
+	{
+		label: "LONGTEXT",
+		value: "LONGTEXT"
+	},
+	{
+		label: "DATETIME",
+		value: "DATETIME"
+	},
+	{
+		label: "TIMESTAMP",
+		value: "TIMESTAMP"
+	},
+	{
+		label: "DATE",
+		value: "DATE"
+	},
+	{
+		label: "TIME",
+		value: "TIME"
+	},
+	{
+		label: "DECIMAL(10,2)",
+		value: "DECIMAL(10,2)"
+	},
+	{
+		label: "FLOAT",
+		value: "FLOAT"
+	},
+	{
+		label: "DOUBLE",
+		value: "DOUBLE"
+	},
+	{
+		label: "BOOLEAN",
+		value: "BOOLEAN"
+	},
+	{
+		label: "JSON",
+		value: "JSON"
+	}
+];
+
+//#endregion
+//#region src/components/C_AntV/layout/ER/components/ERTableEditor.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$6 = {
+	key: 0,
+	class: "table-editor"
+};
+const _hoisted_2$5 = { class: "fields-container" };
+const _hoisted_3$4 = { class: "field-header" };
+var ERTableEditor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ERTableEditor",
+	props: /* @__PURE__ */ mergeModels({ show: { type: Boolean } }, {
+		"editingTable": {},
+		"editingTableModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels([
+		"update:show",
+		"save",
+		"add-field",
+		"remove-field",
+		"handle-primary-key"
+	], ["update:editingTable"]),
+	setup(__props, { emit: __emit }) {
+		const editingTable = useModel(__props, "editingTable");
+		const emit = __emit;
+		const handlePrimaryKey = (field, isPrimaryKey) => emit("handle-primary-key", field, isPrimaryKey);
+		const addField = () => emit("add-field");
+		const removeField = (index) => emit("remove-field", index);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(NDrawer), {
+				show: _ctx.show,
+				width: "600",
+				placement: "right",
+				"onUpdate:show": _cache[4] || (_cache[4] = ($event) => _ctx.$emit("update:show", $event))
+			}, {
+				default: withCtx(() => [createVNode(unref(NDrawerContent), {
+					title: `编辑表: ${editingTable.value?.name || "新表"}`,
+					closable: ""
+				}, {
+					footer: withCtx(() => [createVNode(unref(NSpace), { justify: "end" }, {
+						default: withCtx(() => [createVNode(unref(NButton), { onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:show", false)) }, {
+							default: withCtx(() => _cache[11] || (_cache[11] = [createTextVNode("取消", -1)])),
+							_: 1,
+							__: [11]
+						}), createVNode(unref(NButton), {
+							onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("save")),
+							type: "primary"
+						}, {
+							default: withCtx(() => _cache[12] || (_cache[12] = [createTextVNode("保存", -1)])),
+							_: 1,
+							__: [12]
+						})]),
+						_: 1
+					})]),
+					default: withCtx(() => [editingTable.value ? (openBlock(), createElementBlock("div", _hoisted_1$6, [createVNode(unref(NForm), {
+						model: editingTable.value,
+						"label-placement": "top"
+					}, {
+						default: withCtx(() => [
+							createVNode(unref(NFormItem), { label: "表名" }, {
+								default: withCtx(() => [createVNode(unref(NInput), {
+									value: editingTable.value.name,
+									"onUpdate:value": _cache[0] || (_cache[0] = ($event) => editingTable.value.name = $event),
+									placeholder: "请输入表名"
+								}, null, 8, ["value"])]),
+								_: 1
+							}),
+							createVNode(unref(NFormItem), { label: "表注释" }, {
+								default: withCtx(() => [createVNode(unref(NInput), {
+									value: editingTable.value.comment,
+									"onUpdate:value": _cache[1] || (_cache[1] = ($event) => editingTable.value.comment = $event),
+									placeholder: "表注释"
+								}, null, 8, ["value"])]),
+								_: 1
+							}),
+							createVNode(unref(NDivider), null, {
+								default: withCtx(() => _cache[5] || (_cache[5] = [createTextVNode("字段列表", -1)])),
+								_: 1,
+								__: [5]
+							}),
+							createElementVNode("div", _hoisted_2$5, [(openBlock(true), createElementBlock(Fragment, null, renderList(editingTable.value.fields, (field, index) => {
+								return openBlock(), createBlock(unref(NCard), {
+									key: index,
+									size: "small",
+									class: "field-card"
+								}, {
+									header: withCtx(() => [createElementVNode("div", _hoisted_3$4, [createElementVNode("span", null, "#" + toDisplayString(index + 1) + " " + toDisplayString(field.name || "新字段"), 1), createVNode(unref(NButton), {
+										onClick: ($event) => removeField(index),
+										size: "tiny",
+										type: "error",
+										quaternary: "",
+										disabled: editingTable.value.fields.length <= 1
+									}, {
+										default: withCtx(() => _cache[6] || (_cache[6] = [createTextVNode(" 删除 ", -1)])),
+										_: 2,
+										__: [6]
+									}, 1032, ["onClick", "disabled"])])]),
+									default: withCtx(() => [
+										createVNode(unref(NGrid), {
+											cols: 2,
+											"x-gap": 12
+										}, {
+											default: withCtx(() => [createVNode(unref(NGi), null, {
+												default: withCtx(() => [createVNode(unref(NFormItem), {
+													label: "字段名",
+													size: "small"
+												}, {
+													default: withCtx(() => [createVNode(unref(NInput), {
+														value: field.name,
+														"onUpdate:value": ($event) => field.name = $event,
+														placeholder: "字段名",
+														size: "small"
+													}, null, 8, ["value", "onUpdate:value"])]),
+													_: 2
+												}, 1024)]),
+												_: 2
+											}, 1024), createVNode(unref(NGi), null, {
+												default: withCtx(() => [createVNode(unref(NFormItem), {
+													label: "类型",
+													size: "small"
+												}, {
+													default: withCtx(() => [createVNode(unref(NSelect), {
+														value: field.type,
+														"onUpdate:value": ($event) => field.type = $event,
+														options: unref(fieldTypes),
+														size: "small",
+														filterable: "",
+														placeholder: "选择类型"
+													}, null, 8, [
+														"value",
+														"onUpdate:value",
+														"options"
+													])]),
+													_: 2
+												}, 1024)]),
+												_: 2
+											}, 1024)]),
+											_: 2
+										}, 1024),
+										createVNode(unref(NSpace), { style: { "margin-top": "12px" } }, {
+											default: withCtx(() => [
+												createVNode(unref(NCheckbox), {
+													checked: field.isPrimaryKey,
+													"onUpdate:checked": [($event) => field.isPrimaryKey = $event, ($event) => handlePrimaryKey(field, $event)]
+												}, {
+													default: withCtx(() => _cache[7] || (_cache[7] = [createTextVNode(" 主键 ", -1)])),
+													_: 2,
+													__: [7]
+												}, 1032, ["checked", "onUpdate:checked"]),
+												createVNode(unref(NCheckbox), {
+													checked: field.isRequired,
+													"onUpdate:checked": ($event) => field.isRequired = $event
+												}, {
+													default: withCtx(() => _cache[8] || (_cache[8] = [createTextVNode("必填", -1)])),
+													_: 2,
+													__: [8]
+												}, 1032, ["checked", "onUpdate:checked"]),
+												createVNode(unref(NCheckbox), {
+													checked: field.isForeignKey,
+													"onUpdate:checked": ($event) => field.isForeignKey = $event
+												}, {
+													default: withCtx(() => _cache[9] || (_cache[9] = [createTextVNode("外键", -1)])),
+													_: 2,
+													__: [9]
+												}, 1032, ["checked", "onUpdate:checked"])
+											]),
+											_: 2
+										}, 1024),
+										createVNode(unref(NFormItem), {
+											label: "注释",
+											size: "small",
+											style: { "margin-top": "12px" }
+										}, {
+											default: withCtx(() => [createVNode(unref(NInput), {
+												value: field.comment,
+												"onUpdate:value": ($event) => field.comment = $event,
+												placeholder: "字段注释",
+												size: "small"
+											}, null, 8, ["value", "onUpdate:value"])]),
+											_: 2
+										}, 1024)
+									]),
+									_: 2
+								}, 1024);
+							}), 128)), createVNode(unref(NButton), {
+								onClick: addField,
+								dashed: "",
+								block: "",
+								type: "primary",
+								ghost: "",
+								style: { "margin-top": "16px" }
+							}, {
+								icon: withCtx(() => [createVNode(C_Icon_default, {
+									name: "mdi:plus",
+									size: 16
+								})]),
+								default: withCtx(() => [_cache[10] || (_cache[10] = createTextVNode(" 添加字段 ", -1))]),
+								_: 1,
+								__: [10]
+							})])
+						]),
+						_: 1
+					}, 8, ["model"])])) : createCommentVNode("v-if", true)]),
+					_: 1
+				}, 8, ["title"])]),
+				_: 1
+			}, 8, ["show"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_AntV/layout/ER/components/ERTableEditor.vue
+var ERTableEditor_default = ERTableEditor_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/C_AntV/layout/ER/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$5 = { class: "er-layout" };
+const _hoisted_2$4 = {
+	key: 0,
+	class: "toolbar"
+};
+const _hoisted_3$3 = {
+	key: 0,
+	style: { "margin-top": "8px" }
+};
+var index_vue_vue_type_script_setup_true_lang_default$3 = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		data: {},
+		showToolbar: {
+			type: Boolean,
+			default: true
+		},
+		readonly: {
+			type: Boolean,
+			default: false
+		},
+		theme: {}
+	},
+	emits: ["ready", "data-change"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const containerRef = ref();
+		const { graph, initGraph, centerContent, zoomToFit } = useGraphBase(containerRef, computed(() => props.theme === "dark"));
+		const { exportOptions, handleExport } = useGraphExport(graph, "er-diagram");
+		const showEditor = ref(false);
+		const editingTable = ref();
+		const deleteMode = ref(false);
+		const truncateText = (text, maxLength) => text.length > maxLength ? text.substring(0, maxLength - 1) + ".." : text;
+		const createPortConfig = (table) => table.fields?.map((field) => {
+			const displayName = field.isPrimaryKey ? `🔑 ${field.name}` : field.isRequired ? `* ${field.name}` : field.name;
+			return {
+				id: `${table.id}_${field.name}`,
+				group: "list",
+				attrs: {
+					portNameLabel: {
+						text: truncateText(displayName, 12),
+						title: displayName
+					},
+					portTypeLabel: {
+						text: truncateText(field.type, 10),
+						title: field.type
+					},
+					portBody: { fill: field.isPrimaryKey ? "#FFF7E6" : "#EFF4FF" }
+				}
+			};
+		}) || [];
+		const createNodeConfig = (table) => ({
+			id: table.id,
+			shape: "er-rect",
+			x: table.position.x,
+			y: table.position.y,
+			width: 200,
+			height: 24 + (table.fields?.length || 0) * 24,
+			data: table,
+			attrs: { label: {
+				text: truncateText(table.name, 20),
+				refX: .5,
+				refY: 10,
+				textAnchor: "middle",
+				title: table.name
+			} },
+			ports: createPortConfig(table)
+		});
+		const registerNodes = () => {
+			if (!graph.value) return;
+			Graph.registerPortLayout("erPortPosition", (portsPositionArgs) => portsPositionArgs.map((_, index) => ({
+				position: {
+					x: 0,
+					y: (index + 1) * 24
+				},
+				angle: 0
+			})), true);
+			Graph.registerNode("er-rect", {
+				inherit: "rect",
+				markup: [{
+					tagName: "rect",
+					selector: "body"
+				}, {
+					tagName: "text",
+					selector: "label"
+				}],
+				attrs: {
+					rect: {
+						strokeWidth: 1,
+						stroke: "#5F95FF",
+						fill: "#5F95FF"
+					},
+					label: {
+						fontWeight: "bold",
+						fill: "#ffffff",
+						fontSize: 12
+					}
+				},
+				ports: { groups: { list: {
+					markup: [
+						{
+							tagName: "rect",
+							selector: "portBody"
+						},
+						{
+							tagName: "text",
+							selector: "portNameLabel"
+						},
+						{
+							tagName: "text",
+							selector: "portTypeLabel"
+						}
+					],
+					attrs: {
+						portBody: {
+							width: 200,
+							height: 24,
+							strokeWidth: 1,
+							stroke: "#5F95FF",
+							fill: "#EFF4FF",
+							magnet: true
+						},
+						portNameLabel: {
+							ref: "portBody",
+							refX: 6,
+							refY: 6,
+							fontSize: 9,
+							textAnchor: "start",
+							textOverflow: "ellipsis"
+						},
+						portTypeLabel: {
+							ref: "portBody",
+							refX: 120,
+							refY: 6,
+							fontSize: 9,
+							textAnchor: "start",
+							fill: "#666"
+						}
+					},
+					position: "erPortPosition"
+				} } }
+			}, true);
+		};
+		const toggleDeleteMode = () => {
+			deleteMode.value = !deleteMode.value;
+			if (!deleteMode.value) resetEdgeStyles();
+		};
+		const resetEdgeStyles = () => {
+			graph.value?.getEdges().forEach((edge) => {
+				edge.attr("line/stroke", "#A2B1C3");
+				edge.attr("line/strokeWidth", 2);
+			});
+		};
+		const createTableNode = (table) => {
+			if (!graph.value) return;
+			const node = graph.value.createNode(createNodeConfig(table));
+			graph.value.resetCells([node, ...graph.value.getCells()]);
+			return node;
+		};
+		const findPosition = () => {
+			const nodes = graph.value?.getNodes() || [];
+			const spacing = 250;
+			for (let row = 0; row < 10; row++) for (let col = 0; col < 3; col++) {
+				const pos = {
+					x: col * spacing + 50,
+					y: row * spacing + 50
+				};
+				if (!nodes.some((node) => {
+					const nodePos = node.getPosition();
+					return Math.abs(nodePos.x - pos.x) < spacing * .8 && Math.abs(nodePos.y - pos.y) < spacing * .8;
+				})) return pos;
+			}
+			return {
+				x: 50,
+				y: 50
+			};
+		};
+		const addTable = () => {
+			const newTable = {
+				id: `table_${Date.now()}`,
+				name: "新表",
+				comment: "",
+				fields: [{
+					name: "id",
+					type: "BIGINT",
+					isPrimaryKey: true,
+					isRequired: true,
+					isForeignKey: false,
+					comment: "主键"
+				}, {
+					name: "name",
+					type: "VARCHAR(100)",
+					isPrimaryKey: false,
+					isRequired: true,
+					isForeignKey: false,
+					comment: "名称"
+				}],
+				position: findPosition()
+			};
+			createTableNode(newTable);
+			editTable(newTable);
+			emitDataChange();
+		};
+		const editTable = (table) => {
+			editingTable.value = {
+				...table,
+				fields: table.fields?.map((field) => ({ ...field })) || []
+			};
+			showEditor.value = true;
+		};
+		const saveTable = () => {
+			if (!graph.value || !editingTable.value) return;
+			const node = graph.value.getCellById(editingTable.value.id);
+			if (node) {
+				node.setData(editingTable.value);
+				node.prop({
+					size: {
+						width: 200,
+						height: 24 + editingTable.value.fields.length * 24
+					},
+					attrs: { label: {
+						text: truncateText(editingTable.value.name, 20),
+						title: editingTable.value.name
+					} },
+					ports: createPortConfig(editingTable.value)
+				});
+			}
+			showEditor.value = false;
+			emitDataChange();
+		};
+		const handlePrimaryKey = (field, isPrimaryKey) => {
+			if (!isPrimaryKey) return;
+			field.isRequired = true;
+			editingTable.value?.fields.forEach((f) => {
+				if (f !== field) f.isPrimaryKey = false;
+			});
+		};
+		const addField = () => {
+			editingTable.value?.fields.push({
+				name: `field_${(editingTable.value?.fields.length || 0) + 1}`,
+				type: "VARCHAR(100)",
+				isPrimaryKey: false,
+				isRequired: false,
+				isForeignKey: false,
+				comment: ""
+			});
+		};
+		const removeField = (index) => {
+			if (editingTable.value && editingTable.value.fields.length > 1) editingTable.value.fields.splice(index, 1);
+		};
+		const getCurrentData = () => {
+			if (!graph.value) return {
+				tables: [],
+				relations: []
+			};
+			const tables = graph.value.getNodes().map((node) => ({
+				...node.getData(),
+				position: node.getPosition()
+			}));
+			const relations = [];
+			graph.value.getEdges().forEach((edge) => {
+				const source = edge.getSourceNode();
+				const target = edge.getTargetNode();
+				const sourcePort = edge.getSourcePortId();
+				const targetPort = edge.getTargetPortId();
+				if (source && target && sourcePort && targetPort) relations.push({
+					id: edge.id,
+					type: "foreign-key",
+					sourceTable: source.id,
+					sourceField: sourcePort.split("_").slice(1).join("_"),
+					targetTable: target.id,
+					targetField: targetPort.split("_").slice(1).join("_"),
+					name: `${source.getData()?.name || source.id} -> ${target.getData()?.name || target.id}`
+				});
+			});
+			return {
+				tables,
+				relations
+			};
+		};
+		const emitDataChange = () => emit("data-change", getCurrentData());
+		watch(graph, (newGraph) => {
+			if (!(newGraph instanceof Graph)) return;
+			registerNodes();
+			newGraph.on("node:dblclick", ({ node }) => {
+				if (!props.readonly) editTable(node.getData());
+			});
+			newGraph.on("edge:connected", emitDataChange);
+			newGraph.on("edge:removed", emitDataChange);
+			let selectedEdge = null;
+			newGraph.on("edge:click", ({ edge }) => {
+				if (deleteMode.value) {
+					edge.remove();
+					emitDataChange();
+				} else {
+					resetEdgeStyles();
+					edge.attr("line/stroke", "#ff4d4f");
+					edge.attr("line/strokeWidth", 3);
+					selectedEdge = edge;
+				}
+			});
+			newGraph.on("edge:dblclick", ({ edge }) => {
+				edge.remove();
+				emitDataChange();
+			});
+			newGraph.on("blank:click", () => {
+				selectedEdge = null;
+				if (!deleteMode.value) resetEdgeStyles();
+			});
+			const handleKeyDown = (e) => {
+				const tag = e.target?.tagName;
+				if (tag === "INPUT" || tag === "TEXTAREA" || e.target?.isContentEditable) return;
+				if ((e.key === "Delete" || e.key === "Backspace") && selectedEdge) {
+					selectedEdge.remove();
+					emitDataChange();
+					selectedEdge = null;
+				}
+			};
+			document.addEventListener("keydown", handleKeyDown);
+			onUnmounted(() => document.removeEventListener("keydown", handleKeyDown));
+			emit("ready", newGraph);
+			nextTick(() => {
+				if (props.data?.tables) {
+					const cells = props.data.tables.map((table) => newGraph.createNode(createNodeConfig(table)));
+					if (props.data.relations?.length) props.data.relations.forEach((relation) => {
+						cells.push(newGraph.createEdge({
+							source: {
+								cell: relation.sourceTable,
+								port: `${relation.sourceTable}_${relation.sourceField}`
+							},
+							target: {
+								cell: relation.targetTable,
+								port: `${relation.targetTable}_${relation.targetField}`
+							},
+							attrs: { line: {
+								stroke: "#A2B1C3",
+								strokeWidth: 2
+							} }
+						}));
+					});
+					newGraph.resetCells(cells);
+					setTimeout(() => newGraph.zoomToFit({
+						padding: 20,
+						maxScale: 1
+					}), 300);
+				}
+			});
+		}, { immediate: true });
+		watch(() => props.data, (newData) => {
+			if (graph.value && newData?.tables) {
+				const cells = newData.tables.map((table) => graph.value.createNode(createNodeConfig(table)));
+				if (newData.relations?.length) newData.relations.forEach((relation) => {
+					cells.push(graph.value.createEdge({
+						source: {
+							cell: relation.sourceTable,
+							port: `${relation.sourceTable}_${relation.sourceField}`
+						},
+						target: {
+							cell: relation.targetTable,
+							port: `${relation.targetTable}_${relation.targetField}`
+						},
+						attrs: { line: {
+							stroke: "#A2B1C3",
+							strokeWidth: 2
+						} }
+					}));
+				});
+				graph.value.resetCells(cells);
+			}
+		}, { deep: true });
+		onMounted(() => initGraph());
+		__expose({
+			getGraph: () => graph.value ?? void 0,
+			getData: getCurrentData
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$5, [
+				createCommentVNode(" 工具栏 "),
+				_ctx.showToolbar ? (openBlock(), createElementBlock("div", _hoisted_2$4, [createVNode(unref(NSpace), null, {
+					default: withCtx(() => [
+						createVNode(unref(NButton), {
+							onClick: addTable,
+							type: "primary",
+							size: "small"
+						}, {
+							icon: withCtx(() => [createVNode(C_Icon_default, {
+								name: "mdi:table-plus",
+								size: 16
+							})]),
+							default: withCtx(() => [_cache[3] || (_cache[3] = createTextVNode(" 添加表 ", -1))]),
+							_: 1,
+							__: [3]
+						}),
+						createVNode(unref(NButton), {
+							onClick: unref(centerContent),
+							size: "small"
+						}, {
+							icon: withCtx(() => [createVNode(C_Icon_default, {
+								name: "mdi:image-filter-center-focus",
+								size: 16
+							})]),
+							default: withCtx(() => [_cache[4] || (_cache[4] = createTextVNode(" 居中 ", -1))]),
+							_: 1,
+							__: [4]
+						}, 8, ["onClick"]),
+						createVNode(unref(NButton), {
+							onClick: unref(zoomToFit),
+							size: "small"
+						}, {
+							icon: withCtx(() => [createVNode(C_Icon_default, {
+								name: "mdi:fit-to-screen",
+								size: 16
+							})]),
+							default: withCtx(() => [_cache[5] || (_cache[5] = createTextVNode(" 适应 ", -1))]),
+							_: 1,
+							__: [5]
+						}, 8, ["onClick"]),
+						createVNode(unref(NButton), {
+							onClick: toggleDeleteMode,
+							type: deleteMode.value ? "error" : "default",
+							size: "small"
+						}, {
+							icon: withCtx(() => [createVNode(C_Icon_default, {
+								name: "mdi:delete",
+								size: 16
+							})]),
+							default: withCtx(() => [createTextVNode(" " + toDisplayString(deleteMode.value ? "退出删除" : "删除连线"), 1)]),
+							_: 1
+						}, 8, ["type"]),
+						createVNode(unref(NDropdown), {
+							options: unref(exportOptions),
+							onSelect: _cache[0] || (_cache[0] = (key) => unref(handleExport)(key, getCurrentData))
+						}, {
+							default: withCtx(() => [createVNode(unref(NButton), { size: "small" }, {
+								icon: withCtx(() => [createVNode(C_Icon_default, {
+									name: "mdi:export",
+									size: 16
+								})]),
+								default: withCtx(() => [_cache[6] || (_cache[6] = createTextVNode(" 导出 ", -1))]),
+								_: 1,
+								__: [6]
+							})]),
+							_: 1
+						}, 8, ["options"])
+					]),
+					_: 1
+				}), deleteMode.value ? (openBlock(), createElementBlock("div", _hoisted_3$3, [createVNode(unref(NAlert), {
+					type: "info",
+					size: "small",
+					"show-icon": false
+				}, {
+					default: withCtx(() => _cache[7] || (_cache[7] = [createTextVNode(" 删除模式：点击连接线即可删除 ", -1)])),
+					_: 1,
+					__: [7]
+				})])) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true),
+				createCommentVNode(" 图表容器 "),
+				createElementVNode("div", {
+					ref_key: "containerRef",
+					ref: containerRef,
+					class: "graph-container"
+				}, null, 512),
+				createCommentVNode(" 表编辑器 "),
+				createVNode(ERTableEditor_default, {
+					show: showEditor.value,
+					"editing-table": editingTable.value,
+					"onUpdate:editingTable": _cache[1] || (_cache[1] = ($event) => editingTable.value = $event),
+					"onUpdate:show": _cache[2] || (_cache[2] = ($event) => showEditor.value = $event),
+					onSave: saveTable,
+					onAddField: addField,
+					onRemoveField: removeField,
+					onHandlePrimaryKey: handlePrimaryKey
+				}, null, 8, ["show", "editing-table"])
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_AntV/layout/ER/index.vue
+var ER_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default$3, [["__scopeId", "data-v-c459e320"]]);
+
+//#endregion
+//#region src/components/C_AntV/composables/useEdgeInteraction.ts
+const DEFAULT_OPTIONS = {
+	defaultColor: "#A2B1C3",
+	highlightColor: "#ff4d4f",
+	strokeWidth: 2,
+	highlightStrokeWidth: 3,
+	portPositions: [],
+	onDataChange: () => {}
+};
+/**
+* 图表交互 composable — 统一管理连线点击/高亮/删除 + 端口显隐
+* @param graph - X6 Graph 实例引用
+* @param options - 交互配置
+*/
+function useEdgeInteraction(graph, options = {}) {
+	const config = {
+		...DEFAULT_OPTIONS,
+		...options
+	};
+	/** 重置所有连线颜色 */
+	const resetEdgeStyles = () => {
+		graph.value?.getEdges().forEach((edge) => {
+			edge.attr("line/stroke", config.defaultColor);
+			edge.attr("line/strokeWidth", config.strokeWidth);
+		});
+	};
+	/** 高亮指定连线 */
+	const highlightEdge = (edge) => {
+		resetEdgeStyles();
+		edge.attr("line/stroke", config.highlightColor);
+		edge.attr("line/strokeWidth", config.highlightStrokeWidth);
+	};
+	/** 切换端口可见性 */
+	const togglePorts = (node, opacity) => {
+		config.portPositions.forEach((pos) => node.attr(`port-${pos}/style/opacity`, opacity));
+	};
+	/**
+	* 绑定标准交互事件到 graph 实例
+	* - edge:click → 高亮
+	* - edge:dblclick → 删除
+	* - blank:click / node:click → 重置颜色
+	* - node:mouseenter / mouseleave → 端口显隐（如配置了 portPositions）
+	*/
+	const bindInteractions = () => {
+		const g = graph.value;
+		if (!g) return;
+		g.on("edge:click", ({ edge }) => highlightEdge(edge));
+		g.on("edge:dblclick", ({ edge }) => {
+			edge.remove();
+			config.onDataChange();
+		});
+		g.on("blank:click", resetEdgeStyles);
+		g.on("node:click", resetEdgeStyles);
+		g.on("edge:connected", config.onDataChange);
+		if (config.portPositions.length > 0) {
+			g.on("node:mouseenter", ({ node }) => togglePorts(node, 1));
+			g.on("node:mouseleave", ({ node }) => togglePorts(node, 0));
+		}
+	};
+	return {
+		resetEdgeStyles,
+		highlightEdge,
+		togglePorts,
+		bindInteractions
+	};
+}
+
+//#endregion
+//#region src/components/C_AntV/layout/BPMN/data.ts
+const elementTypes = {
+	"start-event": {
+		name: "开始",
+		title: "开始事件",
+		iconClass: "circle start-event"
+	},
+	activity: {
+		name: "任务",
+		title: "任务活动",
+		iconClass: "rect activity"
+	},
+	gateway: {
+		name: "网关",
+		title: "排他网关",
+		iconClass: "diamond gateway"
+	},
+	"end-event": {
+		name: "结束",
+		title: "结束事件",
+		iconClass: "circle end-event"
+	}
+};
+const elementTypeNames = {
+	event: "事件",
+	activity: "活动",
+	gateway: "网关",
+	"bpmn-edge": "连接线"
+};
+const portPositions = [
+	"top",
+	"right",
+	"bottom",
+	"left"
+];
+const createPortAttrs = (positions, nodeType = "rect") => positions.reduce((acc, pos) => {
+	const isCircle = nodeType === "circle";
+	const refConfig = pos === "top" ? isCircle ? {
+		refCx: .5,
+		refCy: 0
+	} : {
+		refX: .5,
+		refY: 0
+	} : pos === "right" ? isCircle ? {
+		refCx: 1,
+		refCy: .5
+	} : {
+		refX: 1,
+		refY: .5
+	} : pos === "bottom" ? isCircle ? {
+		refCx: .5,
+		refCy: 1
+	} : {
+		refX: .5,
+		refY: 1
+	} : isCircle ? {
+		refCx: 0,
+		refCy: .5
+	} : {
+		refX: 0,
+		refY: .5
+	};
+	acc[`port-${pos}`] = {
+		ref: "body",
+		...refConfig,
+		r: 4,
+		fill: "#31d0c6",
+		stroke: "#ffffff",
+		strokeWidth: 2,
+		magnet: true,
+		style: {
+			cursor: "crosshair",
+			opacity: 0,
+			transition: "opacity 0.2s"
+		}
+	};
+	return acc;
+}, {});
+const nodeConfigs = {
+	event: {
+		inherit: "circle",
+		attrs: {
+			body: {
+				strokeWidth: 2,
+				stroke: "#5F95FF",
+				fill: "#FFF",
+				magnet: false,
+				style: { cursor: "move" }
+			},
+			text: {
+				fontSize: 12,
+				fill: "#262626",
+				textAnchor: "middle",
+				textVerticalAnchor: "middle",
+				pointerEvents: "none"
+			}
+		}
+	},
+	activity: {
+		inherit: "rect",
+		attrs: {
+			body: {
+				rx: 6,
+				ry: 6,
+				stroke: "#5F95FF",
+				fill: "#EFF4FF",
+				strokeWidth: 1,
+				magnet: false,
+				style: { cursor: "move" }
+			},
+			text: {
+				fontSize: 12,
+				fill: "#262626",
+				textAnchor: "middle",
+				textVerticalAnchor: "middle",
+				pointerEvents: "none"
+			}
+		}
+	},
+	gateway: {
+		inherit: "polygon",
+		attrs: {
+			body: {
+				refPoints: "0,10 10,0 20,10 10,20",
+				strokeWidth: 2,
+				stroke: "#5F95FF",
+				fill: "#EFF4FF",
+				magnet: false,
+				style: { cursor: "move" }
+			},
+			text: {
+				fontSize: 20,
+				fill: "#5F95FF",
+				textAnchor: "middle",
+				textVerticalAnchor: "middle",
+				pointerEvents: "none"
+			}
+		}
+	}
+};
+const edgeConfig = {
+	inherit: "edge",
+	attrs: { line: {
+		stroke: "#A2B1C3",
+		strokeWidth: 2,
+		targetMarker: {
+			name: "block",
+			width: 8,
+			height: 6,
+			fill: "#A2B1C3"
+		},
+		cursor: "pointer"
+	} }
+};
+/**
+* 获取图形配置（支持主题切换）
+* @param isDark 是否为暗色主题
+* @returns Graph配置对象
+*/
+function getGraphConfig(isDark = false) {
+	const themeColors = {
+		background: isDark ? "#18181c" : "#ffffff",
+		gridPrimary: isDark ? "rgba(255, 255, 255, 0.08)" : "#eee",
+		gridSecondary: isDark ? "rgba(255, 255, 255, 0.04)" : "#ddd"
+	};
+	return {
+		background: { color: themeColors.background },
+		grid: {
+			visible: true,
+			type: "doubleMesh",
+			args: [{
+				color: themeColors.gridPrimary,
+				thickness: 1
+			}, {
+				color: themeColors.gridSecondary,
+				thickness: 1,
+				factor: 4
+			}]
+		},
+		mousewheel: {
+			enabled: true,
+			zoomAtMousePosition: true,
+			modifiers: "ctrl",
+			minScale: .5,
+			maxScale: 3
+		},
+		connecting: {
+			router: "manhattan",
+			connector: {
+				name: "rounded",
+				args: { radius: 8 }
+			},
+			allowBlank: false,
+			allowLoop: false,
+			allowNode: false,
+			snap: true,
+			allowEdge: false
+		},
+		highlighting: {
+			magnetAvailable: {
+				name: "stroke",
+				args: { attrs: {
+					fill: "#31d0c6",
+					stroke: "#31d0c6",
+					opacity: 1
+				} }
+			},
+			magnetAdsorbed: {
+				name: "stroke",
+				args: { attrs: {
+					fill: "#5F95FF",
+					stroke: "#5F95FF",
+					opacity: 1
+				} }
+			}
+		},
+		selecting: {
+			enabled: true,
+			rubberband: true,
+			showNodeSelectionBox: true
+		},
+		resizing: true,
+		rotating: false,
+		snapline: true,
+		keyboard: true,
+		clipboard: true
+	};
+}
+const graphConfig = getGraphConfig();
+const addElementConfigs = {
+	"start-event": {
+		shape: "event",
+		width: 50,
+		height: 50,
+		label: "开始事件",
+		data: { type: "start" }
+	},
+	"end-event": {
+		shape: "event",
+		width: 50,
+		height: 50,
+		label: "结束事件",
+		data: { type: "end" }
+	},
+	activity: {
+		shape: "activity",
+		width: 120,
+		height: 60,
+		label: "新活动",
+		data: {
+			description: "",
+			assignee: ""
+		}
+	},
+	gateway: {
+		shape: "gateway",
+		width: 40,
+		height: 40,
+		label: "+",
+		data: { type: "exclusive" }
+	}
+};
+const sampleData = [
+	{
+		id: "start-1",
+		shape: "event",
+		x: 100,
+		y: 200,
+		width: 50,
+		height: 50,
+		label: "流程开始",
+		data: { type: "start" }
+	},
+	{
+		id: "activity-1",
+		shape: "activity",
+		x: 200,
+		y: 180,
+		width: 120,
+		height: 60,
+		label: "用户申请",
+		data: {
+			description: "用户提交申请表单",
+			assignee: "申请人"
+		}
+	},
+	{
+		id: "activity-2",
+		shape: "activity",
+		x: 380,
+		y: 180,
+		width: 120,
+		height: 60,
+		label: "初审",
+		data: {
+			description: "部门进行初步审核",
+			assignee: "部门主管"
+		}
+	},
+	{
+		id: "gateway-1",
+		shape: "gateway",
+		x: 550,
+		y: 200,
+		width: 40,
+		height: 40,
+		label: "+",
+		data: { type: "exclusive" }
+	},
+	{
+		id: "activity-3",
+		shape: "activity",
+		x: 650,
+		y: 120,
+		width: 120,
+		height: 60,
+		label: "终审",
+		data: {
+			description: "高级主管最终审核",
+			assignee: "总监"
+		}
+	},
+	{
+		id: "activity-4",
+		shape: "activity",
+		x: 650,
+		y: 260,
+		width: 120,
+		height: 60,
+		label: "驳回处理",
+		data: {
+			description: "处理驳回流程",
+			assignee: "专员"
+		}
+	},
+	{
+		id: "end-1",
+		shape: "event",
+		x: 820,
+		y: 140,
+		width: 50,
+		height: 50,
+		label: "审批通过",
+		data: { type: "end" }
+	},
+	{
+		id: "end-2",
+		shape: "event",
+		x: 820,
+		y: 280,
+		width: 50,
+		height: 50,
+		label: "审批驳回",
+		data: { type: "end" }
+	},
+	{
+		id: "edge-1",
+		shape: "bpmn-edge",
+		source: "start-1",
+		target: "activity-1",
+		x: 0,
+		y: 0
+	},
+	{
+		id: "edge-2",
+		shape: "bpmn-edge",
+		source: "activity-1",
+		target: "activity-2",
+		x: 0,
+		y: 0
+	},
+	{
+		id: "edge-3",
+		shape: "bpmn-edge",
+		source: "activity-2",
+		target: "gateway-1",
+		x: 0,
+		y: 0
+	},
+	{
+		id: "edge-4",
+		shape: "bpmn-edge",
+		source: "gateway-1",
+		target: "activity-3",
+		label: "通过",
+		x: 0,
+		y: 0
+	},
+	{
+		id: "edge-5",
+		shape: "bpmn-edge",
+		source: "gateway-1",
+		target: "activity-4",
+		label: "驳回",
+		x: 0,
+		y: 0
+	},
+	{
+		id: "edge-6",
+		shape: "bpmn-edge",
+		source: "activity-3",
+		target: "end-1",
+		x: 0,
+		y: 0
+	},
+	{
+		id: "edge-7",
+		shape: "bpmn-edge",
+		source: "activity-4",
+		target: "end-2",
+		x: 0,
+		y: 0
+	}
+];
+
+//#endregion
+//#region src/components/C_AntV/layout/BPMN/components/BPMNPropertyEditor.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$4 = {
+	key: 0,
+	class: "property-panel"
+};
+const _hoisted_2$3 = { class: "property-item" };
+const _hoisted_3$2 = { class: "property-item" };
+const _hoisted_4$2 = {
+	key: 0,
+	class: "property-item"
+};
+const _hoisted_5$2 = {
+	key: 1,
+	class: "property-item"
+};
+const _hoisted_6$2 = { class: "form-actions" };
+var BPMNPropertyEditor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "BPMNPropertyEditor",
+	props: /* @__PURE__ */ mergeModels({ show: { type: Boolean } }, {
+		"editingElement": {},
+		"editingElementModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels([
+		"update:show",
+		"save",
+		"delete"
+	], ["update:editingElement"]),
+	setup(__props, { emit: __emit }) {
+		const editingElement = useModel(__props, "editingElement");
+		const emit = __emit;
+		const typeName = computed(() => elementTypeNames[editingElement.value?.shape] || editingElement.value?.shape || "");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(NDrawer), {
+				show: _ctx.show,
+				width: "300",
+				title: "属性设置",
+				"onUpdate:show": _cache[6] || (_cache[6] = ($event) => emit("update:show", $event))
+			}, {
+				default: withCtx(() => [editingElement.value ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
+					createElementVNode("div", _hoisted_2$3, [_cache[7] || (_cache[7] = createElementVNode("div", { class: "property-label" }, "名称", -1)), createVNode(unref(NInput), {
+						value: editingElement.value.label,
+						"onUpdate:value": _cache[0] || (_cache[0] = ($event) => editingElement.value.label = $event),
+						placeholder: "请输入名称",
+						size: "small"
+					}, null, 8, ["value"])]),
+					createElementVNode("div", _hoisted_3$2, [_cache[8] || (_cache[8] = createElementVNode("div", { class: "property-label" }, "类型", -1)), createVNode(unref(NInput), {
+						value: typeName.value,
+						readonly: "",
+						size: "small"
+					}, null, 8, ["value"])]),
+					editingElement.value.shape === "activity" ? (openBlock(), createElementBlock("div", _hoisted_4$2, [_cache[9] || (_cache[9] = createElementVNode("div", { class: "property-label" }, "描述", -1)), createVNode(unref(NInput), {
+						value: editingElement.value.description,
+						"onUpdate:value": _cache[1] || (_cache[1] = ($event) => editingElement.value.description = $event),
+						type: "textarea",
+						rows: 3,
+						placeholder: "请输入活动描述",
+						size: "small"
+					}, null, 8, ["value"])])) : createCommentVNode("v-if", true),
+					editingElement.value.shape === "activity" ? (openBlock(), createElementBlock("div", _hoisted_5$2, [_cache[10] || (_cache[10] = createElementVNode("div", { class: "property-label" }, "执行人", -1)), createVNode(unref(NInput), {
+						value: editingElement.value.assignee,
+						"onUpdate:value": _cache[2] || (_cache[2] = ($event) => editingElement.value.assignee = $event),
+						placeholder: "请输入执行人",
+						size: "small"
+					}, null, 8, ["value"])])) : createCommentVNode("v-if", true),
+					createElementVNode("div", _hoisted_6$2, [createVNode(unref(NSpace), null, {
+						default: withCtx(() => [
+							createVNode(unref(NButton), {
+								onClick: _cache[3] || (_cache[3] = ($event) => emit("save")),
+								type: "primary",
+								size: "small"
+							}, {
+								default: withCtx(() => _cache[11] || (_cache[11] = [createTextVNode(" 保存 ", -1)])),
+								_: 1,
+								__: [11]
+							}),
+							createVNode(unref(NButton), {
+								onClick: _cache[4] || (_cache[4] = ($event) => emit("update:show", false)),
+								size: "small"
+							}, {
+								default: withCtx(() => _cache[12] || (_cache[12] = [createTextVNode(" 取消 ", -1)])),
+								_: 1,
+								__: [12]
+							}),
+							createVNode(unref(NButton), {
+								onClick: _cache[5] || (_cache[5] = ($event) => emit("delete")),
+								type: "error",
+								size: "small"
+							}, {
+								default: withCtx(() => _cache[13] || (_cache[13] = [createTextVNode(" 删除 ", -1)])),
+								_: 1,
+								__: [13]
+							})
+						]),
+						_: 1
+					})])
+				])) : createCommentVNode("v-if", true)]),
+				_: 1
+			}, 8, ["show"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_AntV/layout/BPMN/components/BPMNPropertyEditor.vue
+var BPMNPropertyEditor_default = BPMNPropertyEditor_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/C_AntV/layout/BPMN/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$3 = { class: "bpmn-layout" };
+const _hoisted_2$2 = {
+	key: 0,
+	class: "top-toolbar"
+};
+const _hoisted_3$1 = { class: "toolbar-section" };
+const _hoisted_4$1 = { class: "toolbar-group" };
+const _hoisted_5$1 = { class: "toolbar-group" };
+const _hoisted_6$1 = { class: "toolbar-group" };
+const _hoisted_7$1 = { class: "main-content" };
+const _hoisted_8 = {
+	key: 0,
+	class: "left-panel"
+};
+const _hoisted_9 = { class: "element-grid" };
+const _hoisted_10 = ["onClick", "title"];
+const _hoisted_11 = { class: "graph-wrapper" };
+var index_vue_vue_type_script_setup_true_lang_default$2 = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		data: {},
+		showToolbar: {
+			type: Boolean,
+			default: true
+		},
+		readonly: {
+			type: Boolean,
+			default: false
+		},
+		width: { default: "100%" },
+		height: { default: "600px" },
+		theme: {}
+	},
+	emits: ["ready", "data-change"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const containerRef = ref();
+		const { graph, initGraph, centerContent, zoomToFit } = useGraphBase(containerRef, computed(() => props.theme === "dark"));
+		const { exportOptions, handleExport } = useGraphExport(graph, "bpmn-diagram");
+		const { bindInteractions } = useEdgeInteraction(graph, {
+			portPositions,
+			onDataChange: () => emitDataChange()
+		});
+		const showEditor = ref(false);
+		const editingElement = ref();
+		const getLabel = (cell) => String(cell.attr("text/text") || cell.attr("label/text") || "");
+		const normalizeData = (data) => {
+			if (!data) return [];
+			if (Array.isArray(data)) return data;
+			const result = [];
+			Object.values(data).forEach((arr) => {
+				if (Array.isArray(arr)) result.push(...arr);
+			});
+			return result;
+		};
+		const registerNodes = () => {
+			const portMarkup = portPositions.map((pos) => ({
+				tagName: "circle",
+				selector: `port-${pos}`
+			}));
+			const nodeTypes = [
+				"event",
+				"activity",
+				"gateway"
+			];
+			const bodyTags = {
+				event: "circle",
+				activity: "rect",
+				gateway: "polygon"
+			};
+			nodeTypes.forEach((type) => {
+				Graph.registerNode(type, {
+					...nodeConfigs[type],
+					markup: [
+						{
+							tagName: bodyTags[type],
+							selector: "body"
+						},
+						{
+							tagName: "text",
+							selector: "text"
+						},
+						...portMarkup
+					],
+					attrs: {
+						...nodeConfigs[type].attrs,
+						...createPortAttrs(portPositions, bodyTags[type])
+					}
+				}, true);
+			});
+			Graph.registerEdge("bpmn-edge", edgeConfig, true);
+		};
+		const loadData = (data) => {
+			if (!graph.value || !data.length) return;
+			const cells = data.map((item) => {
+				const { data: nodeData, ...cellProps } = item;
+				const cell = item.shape === "bpmn-edge" ? graph.value.createEdge(cellProps) : graph.value.createNode(cellProps);
+				if (nodeData) cell.setData(nodeData);
+				return cell;
+			});
+			graph.value.resetCells(cells);
+			setTimeout(() => graph.value.zoomToFit({
+				padding: 50,
+				maxScale: 1
+			}), 200);
+		};
+		const addElement = (type) => {
+			if (!graph.value) return;
+			const config = addElementConfigs[type];
+			if (!config) return;
+			const centerX = graph.value.options.width / 2;
+			const centerY = graph.value.options.height / 2;
+			const { data: nodeData, ...nodeProps } = {
+				id: `${type}-${Date.now()}`,
+				x: centerX + Math.random() * 100 - 50,
+				y: centerY + Math.random() * 100 - 50,
+				...config
+			};
+			const node = graph.value.createNode(nodeProps);
+			if (nodeData) node.setData(nodeData);
+			graph.value.addCell(node);
+			emitDataChange();
+		};
+		const clearAll = () => {
+			graph.value?.clearCells();
+			emitDataChange();
+		};
+		const editElement = (cell) => {
+			const cellData = cell.getData() || {};
+			editingElement.value = {
+				id: cell.id,
+				shape: cell.shape,
+				label: getLabel(cell),
+				description: cellData.description || "",
+				assignee: cellData.assignee || "",
+				x: 0,
+				y: 0
+			};
+			showEditor.value = true;
+		};
+		const saveElement = () => {
+			if (!graph.value || !editingElement.value) return;
+			const cell = graph.value.getCellById(editingElement.value.id);
+			if (cell) {
+				cell.setData({
+					description: editingElement.value.description,
+					assignee: editingElement.value.assignee
+				});
+				cell.attr("text/text", editingElement.value.label || "");
+				cell.attr("label/text", editingElement.value.label || "");
+			}
+			showEditor.value = false;
+			emitDataChange();
+		};
+		const deleteElement = () => {
+			if (!graph.value || !editingElement.value) return;
+			graph.value.getCellById(editingElement.value.id)?.remove();
+			showEditor.value = false;
+			emitDataChange();
+		};
+		const getCurrentData = () => {
+			if (!graph.value) return [];
+			return [...graph.value.getNodes().map((node) => ({
+				id: node.id,
+				shape: node.shape,
+				x: node.getPosition().x,
+				y: node.getPosition().y,
+				width: node.getSize().width,
+				height: node.getSize().height,
+				label: getLabel(node),
+				data: node.getData() || {}
+			})), ...graph.value.getEdges().map((edge) => ({
+				id: edge.id,
+				shape: "bpmn-edge",
+				source: edge.getSourceCellId() || "",
+				target: edge.getTargetCellId() || "",
+				label: getLabel(edge),
+				x: 0,
+				y: 0
+			}))];
+		};
+		const emitDataChange = () => emit("data-change", getCurrentData());
+		watch(graph, (newGraph) => {
+			if (!(newGraph instanceof Graph)) return;
+			if (!props.readonly) {
+				bindInteractions();
+				newGraph.on("node:dblclick", ({ node }) => editElement(node));
+				newGraph.on("node:moved", emitDataChange);
+			}
+			emit("ready", newGraph);
+			loadData(sampleData);
+		}, { immediate: true });
+		watch(() => props.data, (newData) => {
+			if (!newData || !graph.value) return;
+			const normalized = normalizeData(newData);
+			if (normalized.length > 0) loadData(normalized);
+		}, { deep: true });
+		onMounted(async () => {
+			registerNodes();
+			const bpmnConfig = getGraphConfig();
+			await initGraph({
+				...bpmnConfig,
+				connecting: {
+					...bpmnConfig.connecting,
+					createEdge: () => graph.value.createEdge({ shape: "bpmn-edge" }),
+					validateConnection: ({ sourceView, targetView, sourceMagnet, targetMagnet }) => sourceView !== targetView && !!sourceMagnet && !!targetMagnet && sourceMagnet.getAttribute("magnet") === "true" && targetMagnet.getAttribute("magnet") === "true"
+				}
+			});
+		});
+		__expose({
+			getGraph: () => graph.value,
+			getData: getCurrentData,
+			loadData
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$3, [
+				_ctx.showToolbar ? (openBlock(), createElementBlock("div", _hoisted_2$2, [createElementVNode("div", _hoisted_3$1, [
+					createElementVNode("div", _hoisted_4$1, [createVNode(unref(NButton), {
+						onClick: clearAll,
+						size: "small"
+					}, {
+						icon: withCtx(() => [createVNode(C_Icon_default, {
+							name: "mdi:delete-outline",
+							size: 16
+						})]),
+						default: withCtx(() => [_cache[3] || (_cache[3] = createTextVNode(" 清空 ", -1))]),
+						_: 1,
+						__: [3]
+					})]),
+					createElementVNode("div", _hoisted_5$1, [createVNode(unref(NButton), {
+						onClick: unref(centerContent),
+						size: "small"
+					}, {
+						icon: withCtx(() => [createVNode(C_Icon_default, {
+							name: "mdi:image-filter-center-focus",
+							size: 16
+						})]),
+						default: withCtx(() => [_cache[4] || (_cache[4] = createTextVNode(" 居中 ", -1))]),
+						_: 1,
+						__: [4]
+					}, 8, ["onClick"]), createVNode(unref(NButton), {
+						onClick: unref(zoomToFit),
+						size: "small"
+					}, {
+						icon: withCtx(() => [createVNode(C_Icon_default, {
+							name: "mdi:fit-to-screen",
+							size: 16
+						})]),
+						default: withCtx(() => [_cache[5] || (_cache[5] = createTextVNode(" 适应 ", -1))]),
+						_: 1,
+						__: [5]
+					}, 8, ["onClick"])]),
+					createElementVNode("div", _hoisted_6$1, [createVNode(unref(NDropdown), {
+						options: unref(exportOptions),
+						onSelect: _cache[0] || (_cache[0] = (key) => unref(handleExport)(key, getCurrentData))
+					}, {
+						default: withCtx(() => [createVNode(unref(NButton), { size: "small" }, {
+							icon: withCtx(() => [createVNode(C_Icon_default, {
+								name: "mdi:export",
+								size: 16
+							})]),
+							default: withCtx(() => [_cache[6] || (_cache[6] = createTextVNode(" 导出 ", -1))]),
+							_: 1,
+							__: [6]
+						})]),
+						_: 1
+					}, 8, ["options"])])
+				])])) : createCommentVNode("v-if", true),
+				createElementVNode("div", _hoisted_7$1, [_ctx.showToolbar ? (openBlock(), createElementBlock("div", _hoisted_8, [_cache[7] || (_cache[7] = createElementVNode("div", { class: "panel-title" }, "组件", -1)), createElementVNode("div", _hoisted_9, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(elementTypes), (item, key) => {
+					return openBlock(), createElementBlock("div", {
+						key,
+						class: "element-item",
+						onClick: ($event) => addElement(key),
+						title: item.title
+					}, [createElementVNode("div", { class: normalizeClass(["element-icon", item.iconClass]) }, null, 2), createElementVNode("span", null, toDisplayString(item.name), 1)], 8, _hoisted_10);
+				}), 128))])])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_11, [createElementVNode("div", {
+					ref_key: "containerRef",
+					ref: containerRef,
+					class: "graph-container"
+				}, null, 512)])]),
+				createVNode(BPMNPropertyEditor_default, {
+					show: showEditor.value,
+					"editing-element": editingElement.value,
+					"onUpdate:editingElement": _cache[1] || (_cache[1] = ($event) => editingElement.value = $event),
+					"onUpdate:show": _cache[2] || (_cache[2] = ($event) => showEditor.value = $event),
+					onSave: saveElement,
+					onDelete: deleteElement
+				}, null, 8, ["show", "editing-element"])
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_AntV/layout/BPMN/index.vue
+var BPMN_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default$2, [["__scopeId", "data-v-7e956ab3"]]);
+
+//#endregion
+//#region src/components/C_AntV/layout/UML/components/UMLClassEditor.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$2 = {
+	key: 0,
+	class: "class-editor"
+};
+const _hoisted_2$1 = { class: "section" };
+const _hoisted_3 = { class: "section-header" };
+const _hoisted_4 = { style: { "font-size": "13px" } };
+const _hoisted_5 = { class: "section" };
+const _hoisted_6 = { class: "section-header" };
+const _hoisted_7 = { style: { "font-size": "13px" } };
+var UMLClassEditor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "UMLClassEditor",
+	props: /* @__PURE__ */ mergeModels({ show: { type: Boolean } }, {
+		"editingClass": {},
+		"editingClassModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels([
+		"update:show",
+		"save",
+		"delete"
+	], ["update:editingClass"]),
+	setup(__props, { emit: __emit }) {
+		const editingClass = useModel(__props, "editingClass");
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(NDrawer), {
+				show: _ctx.show,
+				width: "450",
+				title: "编辑类",
+				"onUpdate:show": _cache[6] || (_cache[6] = ($event) => emit("update:show", $event))
+			}, {
+				default: withCtx(() => [editingClass.value ? (openBlock(), createElementBlock("div", _hoisted_1$2, [createVNode(unref(NForm), { "label-placement": "top" }, {
+					default: withCtx(() => [
+						createVNode(unref(NFormItem), { label: "类名" }, {
+							default: withCtx(() => [createVNode(unref(NInput), {
+								value: editingClass.value.name,
+								"onUpdate:value": _cache[0] || (_cache[0] = ($event) => editingClass.value.name = $event),
+								placeholder: "请输入类名"
+							}, null, 8, ["value"])]),
+							_: 1
+						}),
+						createVNode(unref(NDivider), { style: { "margin": "20px 0" } }, {
+							default: withCtx(() => _cache[7] || (_cache[7] = [createTextVNode("属性", -1)])),
+							_: 1,
+							__: [7]
+						}),
+						createElementVNode("div", _hoisted_2$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(editingClass.value.attributes, (attr, index) => {
+							return openBlock(), createElementBlock("div", {
+								key: index,
+								class: "item"
+							}, [createVNode(unref(NCard), {
+								size: "small",
+								style: { "margin-bottom": "12px" }
+							}, {
+								header: withCtx(() => [createElementVNode("div", _hoisted_3, [createElementVNode("span", _hoisted_4, "#" + toDisplayString(index + 1) + " " + toDisplayString(attr.name || "新属性"), 1), createVNode(unref(NButton), {
+									onClick: ($event) => editingClass.value.attributes.splice(index, 1),
+									size: "tiny",
+									type: "error",
+									quaternary: "",
+									style: { "margin-left": "auto" }
+								}, {
+									default: withCtx(() => _cache[8] || (_cache[8] = [createTextVNode(" 删除 ", -1)])),
+									_: 2,
+									__: [8]
+								}, 1032, ["onClick"])])]),
+								default: withCtx(() => [createVNode(unref(NSpace), {
+									vertical: "",
+									size: "small"
+								}, {
+									default: withCtx(() => [createVNode(unref(NSpace), null, {
+										default: withCtx(() => [createVNode(unref(NFormItem), {
+											label: "属性名",
+											style: {
+												"margin": "0",
+												"flex": "1"
+											}
+										}, {
+											default: withCtx(() => [createVNode(unref(NInput), {
+												value: attr.name,
+												"onUpdate:value": ($event) => attr.name = $event,
+												placeholder: "属性名",
+												size: "small"
+											}, null, 8, ["value", "onUpdate:value"])]),
+											_: 2
+										}, 1024), createVNode(unref(NFormItem), {
+											label: "类型",
+											style: {
+												"margin": "0",
+												"flex": "1"
+											}
+										}, {
+											default: withCtx(() => [createVNode(unref(NInput), {
+												value: attr.type,
+												"onUpdate:value": ($event) => attr.type = $event,
+												placeholder: "类型",
+												size: "small"
+											}, null, 8, ["value", "onUpdate:value"])]),
+											_: 2
+										}, 1024)]),
+										_: 2
+									}, 1024), createVNode(unref(NFormItem), {
+										label: "可见性",
+										style: { "margin": "0" }
+									}, {
+										default: withCtx(() => [createVNode(unref(NRadioGroup), {
+											value: attr.visibility,
+											"onUpdate:value": ($event) => attr.visibility = $event,
+											size: "small"
+										}, {
+											default: withCtx(() => [
+												createVNode(unref(NRadio), { value: "public" }, {
+													default: withCtx(() => _cache[9] || (_cache[9] = [createTextVNode("+ public", -1)])),
+													_: 1,
+													__: [9]
+												}),
+												createVNode(unref(NRadio), { value: "private" }, {
+													default: withCtx(() => _cache[10] || (_cache[10] = [createTextVNode("- private", -1)])),
+													_: 1,
+													__: [10]
+												}),
+												createVNode(unref(NRadio), { value: "protected" }, {
+													default: withCtx(() => _cache[11] || (_cache[11] = [createTextVNode("# protected", -1)])),
+													_: 1,
+													__: [11]
+												})
+											]),
+											_: 2
+										}, 1032, ["value", "onUpdate:value"])]),
+										_: 2
+									}, 1024)]),
+									_: 2
+								}, 1024)]),
+								_: 2
+							}, 1024)]);
+						}), 128)), createVNode(unref(NButton), {
+							onClick: _cache[1] || (_cache[1] = ($event) => editingClass.value.attributes.push({
+								name: "newAttribute",
+								type: "string",
+								visibility: "private"
+							})),
+							dashed: "",
+							block: "",
+							type: "primary",
+							ghost: "",
+							size: "small"
+						}, {
+							icon: withCtx(() => [createVNode(C_Icon_default, {
+								name: "mdi:plus",
+								size: 16
+							})]),
+							default: withCtx(() => [_cache[12] || (_cache[12] = createTextVNode(" 添加属性 ", -1))]),
+							_: 1,
+							__: [12]
+						})]),
+						createVNode(unref(NDivider), { style: { "margin": "20px 0" } }, {
+							default: withCtx(() => _cache[13] || (_cache[13] = [createTextVNode("方法", -1)])),
+							_: 1,
+							__: [13]
+						}),
+						createElementVNode("div", _hoisted_5, [(openBlock(true), createElementBlock(Fragment, null, renderList(editingClass.value.methods, (method, index) => {
+							return openBlock(), createElementBlock("div", {
+								key: index,
+								class: "item"
+							}, [createVNode(unref(NCard), {
+								size: "small",
+								style: { "margin-bottom": "12px" }
+							}, {
+								header: withCtx(() => [createElementVNode("div", _hoisted_6, [createElementVNode("span", _hoisted_7, "#" + toDisplayString(index + 1) + " " + toDisplayString(method.name || "新方法"), 1), createVNode(unref(NButton), {
+									onClick: ($event) => editingClass.value.methods.splice(index, 1),
+									size: "tiny",
+									type: "error",
+									quaternary: "",
+									style: { "margin-left": "auto" }
+								}, {
+									default: withCtx(() => _cache[14] || (_cache[14] = [createTextVNode(" 删除 ", -1)])),
+									_: 2,
+									__: [14]
+								}, 1032, ["onClick"])])]),
+								default: withCtx(() => [createVNode(unref(NSpace), {
+									vertical: "",
+									size: "small"
+								}, {
+									default: withCtx(() => [createVNode(unref(NSpace), null, {
+										default: withCtx(() => [createVNode(unref(NFormItem), {
+											label: "方法名",
+											style: {
+												"margin": "0",
+												"flex": "1"
+											}
+										}, {
+											default: withCtx(() => [createVNode(unref(NInput), {
+												value: method.name,
+												"onUpdate:value": ($event) => method.name = $event,
+												placeholder: "方法名",
+												size: "small"
+											}, null, 8, ["value", "onUpdate:value"])]),
+											_: 2
+										}, 1024), createVNode(unref(NFormItem), {
+											label: "返回类型",
+											style: {
+												"margin": "0",
+												"flex": "1"
+											}
+										}, {
+											default: withCtx(() => [createVNode(unref(NInput), {
+												value: method.returnType,
+												"onUpdate:value": ($event) => method.returnType = $event,
+												placeholder: "返回类型",
+												size: "small"
+											}, null, 8, ["value", "onUpdate:value"])]),
+											_: 2
+										}, 1024)]),
+										_: 2
+									}, 1024), createVNode(unref(NFormItem), {
+										label: "可见性",
+										style: { "margin": "0" }
+									}, {
+										default: withCtx(() => [createVNode(unref(NRadioGroup), {
+											value: method.visibility,
+											"onUpdate:value": ($event) => method.visibility = $event,
+											size: "small"
+										}, {
+											default: withCtx(() => [
+												createVNode(unref(NRadio), { value: "public" }, {
+													default: withCtx(() => _cache[15] || (_cache[15] = [createTextVNode("+ public", -1)])),
+													_: 1,
+													__: [15]
+												}),
+												createVNode(unref(NRadio), { value: "private" }, {
+													default: withCtx(() => _cache[16] || (_cache[16] = [createTextVNode("- private", -1)])),
+													_: 1,
+													__: [16]
+												}),
+												createVNode(unref(NRadio), { value: "protected" }, {
+													default: withCtx(() => _cache[17] || (_cache[17] = [createTextVNode("# protected", -1)])),
+													_: 1,
+													__: [17]
+												})
+											]),
+											_: 2
+										}, 1032, ["value", "onUpdate:value"])]),
+										_: 2
+									}, 1024)]),
+									_: 2
+								}, 1024)]),
+								_: 2
+							}, 1024)]);
+						}), 128)), createVNode(unref(NButton), {
+							onClick: _cache[2] || (_cache[2] = ($event) => editingClass.value.methods.push({
+								name: "newMethod",
+								returnType: "void",
+								visibility: "public"
+							})),
+							dashed: "",
+							block: "",
+							type: "primary",
+							ghost: "",
+							size: "small"
+						}, {
+							icon: withCtx(() => [createVNode(C_Icon_default, {
+								name: "mdi:plus",
+								size: 16
+							})]),
+							default: withCtx(() => [_cache[18] || (_cache[18] = createTextVNode(" 添加方法 ", -1))]),
+							_: 1,
+							__: [18]
+						})]),
+						createVNode(unref(NDivider), { style: { "margin": "20px 0" } }),
+						createVNode(unref(NSpace), { justify: "space-between" }, {
+							default: withCtx(() => [createVNode(unref(NButton), {
+								onClick: _cache[3] || (_cache[3] = ($event) => emit("delete")),
+								type: "error",
+								ghost: ""
+							}, {
+								icon: withCtx(() => [createVNode(C_Icon_default, {
+									name: "mdi:delete",
+									size: 16
+								})]),
+								default: withCtx(() => [_cache[19] || (_cache[19] = createTextVNode(" 删除类 ", -1))]),
+								_: 1,
+								__: [19]
+							}), createVNode(unref(NSpace), null, {
+								default: withCtx(() => [createVNode(unref(NButton), { onClick: _cache[4] || (_cache[4] = ($event) => emit("update:show", false)) }, {
+									default: withCtx(() => _cache[20] || (_cache[20] = [createTextVNode("取消", -1)])),
+									_: 1,
+									__: [20]
+								}), createVNode(unref(NButton), {
+									onClick: _cache[5] || (_cache[5] = ($event) => emit("save")),
+									type: "primary"
+								}, {
+									default: withCtx(() => _cache[21] || (_cache[21] = [createTextVNode(" 保存 ", -1)])),
+									_: 1,
+									__: [21]
+								})]),
+								_: 1
+							})]),
+							_: 1
+						})
+					]),
+					_: 1
+				})])) : createCommentVNode("v-if", true)]),
+				_: 1
+			}, 8, ["show"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_AntV/layout/UML/components/UMLClassEditor.vue
+var UMLClassEditor_default = /* @__PURE__ */ export_helper_default(UMLClassEditor_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-e4ff5cc2"]]);
+
+//#endregion
+//#region src/components/C_AntV/layout/UML/data.ts
+const visibilityMap = {
+	public: "+",
+	private: "-",
+	protected: "#"
+};
+const edgeTypes = {
+	extends: {
+		strokeDasharray: 0,
+		targetMarker: {
+			name: "block",
+			width: 10,
+			height: 8,
+			fill: "white",
+			stroke: "#722ed1",
+			strokeWidth: 2
+		}
+	},
+	implement: {
+		strokeDasharray: "8,4",
+		targetMarker: {
+			name: "block",
+			width: 10,
+			height: 8,
+			fill: "white",
+			stroke: "#722ed1",
+			strokeWidth: 2
+		}
+	},
+	composition: {
+		strokeDasharray: 0,
+		sourceMarker: {
+			name: "diamond",
+			width: 12,
+			height: 8,
+			fill: "#722ed1",
+			stroke: "#722ed1"
+		}
+	},
+	aggregation: {
+		strokeDasharray: 0,
+		sourceMarker: {
+			name: "diamond",
+			width: 12,
+			height: 8,
+			fill: "white",
+			stroke: "#722ed1",
+			strokeWidth: 2
+		}
+	},
+	association: {
+		strokeDasharray: 0,
+		targetMarker: {
+			name: "classic",
+			size: 8,
+			fill: "#722ed1"
+		}
+	}
+};
+const portConfig = [
+	"top",
+	"right",
+	"bottom",
+	"left"
+].reduce((acc, pos) => {
+	const refConfig = pos === "top" ? {
+		refX: .5,
+		refY: 0
+	} : pos === "right" ? {
+		refX: 1,
+		refY: .5
+	} : pos === "bottom" ? {
+		refX: .5,
+		refY: 1
+	} : {
+		refX: 0,
+		refY: .5
+	};
+	acc[`port-${pos}`] = {
+		ref: "body",
+		...refConfig,
+		r: 4,
+		fill: "#31d0c6",
+		stroke: "#ffffff",
+		strokeWidth: 2,
+		magnet: true,
+		style: {
+			cursor: "crosshair",
+			opacity: 0,
+			transition: "opacity 0.2s"
+		}
+	};
+	return acc;
+}, {});
+const classNodeConfig = {
+	inherit: "rect",
+	markup: [
+		{
+			tagName: "rect",
+			selector: "body"
+		},
+		{
+			tagName: "rect",
+			selector: "name-rect"
+		},
+		{
+			tagName: "rect",
+			selector: "attrs-rect"
+		},
+		{
+			tagName: "rect",
+			selector: "methods-rect"
+		},
+		{
+			tagName: "text",
+			selector: "name-text"
+		},
+		{
+			tagName: "text",
+			selector: "attrs-text"
+		},
+		{
+			tagName: "text",
+			selector: "methods-text"
+		},
+		{
+			tagName: "circle",
+			selector: "port-top"
+		},
+		{
+			tagName: "circle",
+			selector: "port-right"
+		},
+		{
+			tagName: "circle",
+			selector: "port-bottom"
+		},
+		{
+			tagName: "circle",
+			selector: "port-left"
+		}
+	],
+	attrs: {
+		rect: { width: 160 },
+		body: {
+			stroke: "#5f95ff",
+			strokeWidth: 1,
+			fill: "#fff",
+			magnet: false,
+			style: { cursor: "move" }
+		},
+		"name-rect": {
+			fill: "#5f95ff",
+			stroke: "#fff",
+			strokeWidth: .5,
+			magnet: false,
+			style: { cursor: "move" }
+		},
+		"attrs-rect": {
+			fill: "#eff4ff",
+			stroke: "#fff",
+			strokeWidth: .5,
+			magnet: false,
+			style: { cursor: "move" }
+		},
+		"methods-rect": {
+			fill: "#eff4ff",
+			stroke: "#fff",
+			strokeWidth: .5,
+			magnet: false,
+			style: { cursor: "move" }
+		},
+		"name-text": {
+			ref: "name-rect",
+			refY: .5,
+			refX: .5,
+			textAnchor: "middle",
+			fontWeight: "bold",
+			fill: "#fff",
+			fontSize: 12,
+			pointerEvents: "none"
+		},
+		"attrs-text": {
+			ref: "attrs-rect",
+			refY: .5,
+			refX: 5,
+			textAnchor: "left",
+			fill: "black",
+			fontSize: 10,
+			pointerEvents: "none"
+		},
+		"methods-text": {
+			ref: "methods-rect",
+			refY: .5,
+			refX: 5,
+			textAnchor: "left",
+			fill: "black",
+			fontSize: 10,
+			pointerEvents: "none"
+		},
+		...portConfig
+	}
+};
+const connectingConfig = {
+	router: "manhattan",
+	connector: {
+		name: "rounded",
+		args: { radius: 8 }
+	},
+	allowBlank: false,
+	allowLoop: false,
+	allowNode: false,
+	snap: true,
+	allowEdge: false
+};
+const highlightingConfig = {
+	magnetAvailable: {
+		name: "stroke",
+		args: { attrs: {
+			fill: "#31d0c6",
+			stroke: "#31d0c6",
+			opacity: 1
+		} }
+	},
+	magnetAdsorbed: {
+		name: "stroke",
+		args: { attrs: {
+			fill: "#5F95FF",
+			stroke: "#5F95FF",
+			opacity: 1
+		} }
+	}
+};
+const defaultEdgeConfig = {
+	shape: "extends",
+	attrs: { line: {
+		stroke: "#722ed1",
+		strokeWidth: 2,
+		targetMarker: {
+			name: "block",
+			width: 8,
+			height: 6,
+			fill: "#722ed1"
+		}
+	} }
+};
+const sampleClasses = [
+	{
+		id: "animal",
+		name: "<<Abstract>>\n动物",
+		x: 342,
+		y: 98,
+		attributes: [{
+			name: "名字",
+			type: "string",
+			visibility: "public"
+		}],
+		methods: [{
+			name: "新陈代谢",
+			returnType: "void",
+			visibility: "public"
+		}, {
+			name: "繁殖",
+			returnType: "void",
+			visibility: "public"
+		}]
+	},
+	{
+		id: "bird",
+		name: "鸟",
+		x: 575,
+		y: 280,
+		attributes: [{
+			name: "羽毛",
+			type: "string",
+			visibility: "public"
+		}, {
+			name: "下蛋",
+			type: "boolean",
+			visibility: "public"
+		}],
+		methods: []
+	},
+	{
+		id: "mammal",
+		name: "哺乳动物",
+		x: 844,
+		y: 319,
+		attributes: [{
+			name: "翅膀",
+			type: "boolean",
+			visibility: "public"
+		}],
+		methods: []
+	},
+	{
+		id: "dog",
+		name: "狗",
+		x: 656,
+		y: 456,
+		attributes: [{
+			name: "下蛋",
+			type: "boolean",
+			visibility: "public"
+		}],
+		methods: []
+	},
+	{
+		id: "enterprise",
+		name: "企鹅",
+		x: 984,
+		y: 456,
+		attributes: [{
+			name: "下蛋",
+			type: "boolean",
+			visibility: "public"
+		}],
+		methods: []
+	},
+	{
+		id: "sparrow",
+		name: "麻雀",
+		x: 531,
+		y: 608,
+		attributes: [{
+			name: "学飞",
+			type: "boolean",
+			visibility: "public"
+		}],
+		methods: []
+	},
+	{
+		id: "interface-flying",
+		name: "<<interface>>\n飞翔",
+		x: 762,
+		y: 608,
+		attributes: [{
+			name: "下蛋",
+			type: "boolean",
+			visibility: "public"
+		}],
+		methods: []
+	},
+	{
+		id: "qemu",
+		name: "气球",
+		x: 981,
+		y: 608,
+		attributes: [],
+		methods: []
+	}
+];
+const sampleConnections = [
+	{
+		id: "edge-1",
+		shape: "extends",
+		source: "bird",
+		target: "animal"
+	},
+	{
+		id: "edge-2",
+		shape: "extends",
+		source: "mammal",
+		target: "animal"
+	},
+	{
+		id: "edge-3",
+		shape: "extends",
+		source: "dog",
+		target: "mammal"
+	},
+	{
+		id: "edge-4",
+		shape: "extends",
+		source: "enterprise",
+		target: "mammal"
+	},
+	{
+		id: "edge-5",
+		shape: "extends",
+		source: "sparrow",
+		target: "bird"
+	},
+	{
+		id: "edge-6",
+		shape: "implement",
+		source: "sparrow",
+		target: "interface-flying"
+	},
+	{
+		id: "edge-7",
+		shape: "implement",
+		source: "enterprise",
+		target: "interface-flying"
+	},
+	{
+		id: "edge-8",
+		shape: "association",
+		source: "bird",
+		target: "mammal",
+		label: "1:2"
+	}
+];
+const getVisibilitySymbol = (visibility) => visibilityMap[visibility] || "+";
+const newClassTemplate = {
+	name: "新类",
+	attributes: [{
+		name: "attribute",
+		type: "string",
+		visibility: "private"
+	}],
+	methods: [{
+		name: "method",
+		returnType: "void",
+		visibility: "public"
+	}],
+	position: {
+		x: 100,
+		y: 100
+	}
+};
+
+//#endregion
+//#region src/components/C_AntV/layout/UML/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$1 = { class: "uml-layout" };
+const _hoisted_2 = {
+	key: 0,
+	class: "toolbar"
+};
+var index_vue_vue_type_script_setup_true_lang_default$1 = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		data: {},
+		showToolbar: {
+			type: Boolean,
+			default: true
+		},
+		readonly: {
+			type: Boolean,
+			default: false
+		},
+		width: { default: "100%" },
+		height: { default: "600px" },
+		theme: {}
+	},
+	emits: ["ready", "data-change"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const containerRef = ref();
+		const { graph, initGraph, centerContent, zoomToFit } = useGraphBase(containerRef, computed(() => props.theme === "dark"));
+		const { exportOptions, handleExport } = useGraphExport(graph, "uml-diagram");
+		const { bindInteractions } = useEdgeInteraction(graph, {
+			defaultColor: "#722ed1",
+			portPositions: [
+				"top",
+				"right",
+				"bottom",
+				"left"
+			],
+			onDataChange: () => emitDataChange()
+		});
+		const showEditor = ref(false);
+		const editingClass = ref();
+		const registerNodes = () => {
+			Graph.registerNode("class", {
+				...classNodeConfig,
+				propHooks(meta) {
+					const { name, attributes, methods, ...others } = meta;
+					if (!(name && attributes && methods)) return meta;
+					let offsetY = 0;
+					[
+						{
+							type: "name",
+							text: name
+						},
+						{
+							type: "attrs",
+							text: attributes
+						},
+						{
+							type: "methods",
+							text: methods
+						}
+					].forEach((rect) => {
+						const height = Array.isArray(rect.text) ? rect.text.length * 12 + 16 : 32;
+						ObjectExt.setByPath(others, `attrs/${rect.type}-text/text`, Array.isArray(rect.text) ? rect.text.join("\n") : rect.text);
+						ObjectExt.setByPath(others, `attrs/${rect.type}-rect/height`, height);
+						ObjectExt.setByPath(others, `attrs/${rect.type}-rect/transform`, `translate(0,${offsetY})`);
+						offsetY += height;
+					});
+					others.size = {
+						width: 160,
+						height: offsetY
+					};
+					return others;
+				}
+			}, true);
+			Object.entries(edgeTypes).forEach(([type, config]) => {
+				Graph.registerEdge(type, {
+					inherit: "edge",
+					attrs: { line: {
+						strokeWidth: 2,
+						stroke: "#722ed1",
+						...config
+					} }
+				}, true);
+			});
+		};
+		const loadData = (data) => {
+			if (!graph.value || !data.length) return;
+			const edgeShapes = [
+				"extends",
+				"composition",
+				"implement",
+				"aggregation",
+				"association"
+			];
+			const cells = [];
+			data.forEach((item) => {
+				if (edgeShapes.includes(item.shape)) cells.push(graph.value.createEdge(item));
+				else {
+					const { data: nodeData, ...displayProps } = item;
+					const node = graph.value.createNode(displayProps);
+					if (nodeData) node.setData(nodeData);
+					cells.push(node);
+				}
+			});
+			graph.value.resetCells(cells);
+			setTimeout(() => graph.value.zoomToFit({
+				padding: 10,
+				maxScale: 1
+			}), 200);
+		};
+		const formatClassDisplay = (cls) => ({
+			name: cls.name,
+			attributes: cls.attributes.map((attr) => `${getVisibilitySymbol(attr.visibility)} ${attr.name}: ${attr.type}`),
+			methods: cls.methods.map((method) => `${getVisibilitySymbol(method.visibility)} ${method.name}(): ${method.returnType}`)
+		});
+		const addClass = () => {
+			if (!graph.value) return;
+			const newClass = {
+				id: `class_${Date.now()}`,
+				...newClassTemplate
+			};
+			const nodeData = {
+				id: newClass.id,
+				shape: "class",
+				x: newClass.position.x,
+				y: newClass.position.y,
+				...formatClassDisplay(newClass),
+				data: newClass
+			};
+			graph.value.addCell(graph.value.createNode(nodeData));
+			emitDataChange();
+		};
+		const editClass = (umlClass) => {
+			editingClass.value = {
+				...umlClass,
+				attributes: [...umlClass.attributes || []],
+				methods: [...umlClass.methods || []]
+			};
+			showEditor.value = true;
+		};
+		const saveClass = () => {
+			if (!graph.value || !editingClass.value) return;
+			const node = graph.value.getCellById(editingClass.value.id);
+			if (node) {
+				node.setData(editingClass.value);
+				node.prop(formatClassDisplay(editingClass.value));
+			}
+			showEditor.value = false;
+			emitDataChange();
+		};
+		const deleteClass = () => {
+			if (!graph.value || !editingClass.value) return;
+			graph.value.getCellById(editingClass.value.id)?.remove();
+			showEditor.value = false;
+			emitDataChange();
+		};
+		const getCurrentData = () => ({
+			classes: graph.value?.getNodes().map((node) => ({
+				...node.getData(),
+				position: node.getPosition()
+			})) || [],
+			relations: graph.value?.getEdges().map((edge) => ({
+				id: edge.id,
+				type: edge.shape,
+				source: edge.getSourceCellId() || "",
+				target: edge.getTargetCellId() || ""
+			})) || []
+		});
+		const emitDataChange = () => emit("data-change", getCurrentData());
+		watch(graph, (newGraph) => {
+			if (!(newGraph instanceof Graph)) return;
+			registerNodes();
+			bindInteractions();
+			newGraph.on("node:dblclick", ({ node }) => {
+				if (!props.readonly && node.getData()) editClass(node.getData());
+			});
+			emit("ready", newGraph);
+			loadData([...sampleClasses.map((cls) => ({
+				id: cls.id,
+				shape: "class",
+				x: cls.x,
+				y: cls.y,
+				...formatClassDisplay(cls),
+				data: {
+					id: cls.id,
+					name: cls.name,
+					attributes: cls.attributes,
+					methods: cls.methods,
+					position: {
+						x: cls.x,
+						y: cls.y
+					}
+				}
+			})), ...sampleConnections]);
+		}, { immediate: true });
+		watch(() => props.data, (newData) => {
+			if (graph.value && newData?.classes) {
+				const edgeShapes = [
+					"extends",
+					"composition",
+					"implement",
+					"aggregation",
+					"association"
+				];
+				loadData([...newData.classes.map((cls) => ({
+					id: cls.id,
+					shape: "class",
+					x: cls.position?.x ?? 50,
+					y: cls.position?.y ?? 50,
+					...formatClassDisplay(cls),
+					data: cls
+				})), ...(newData.relations || []).filter((r) => edgeShapes.includes(r.type)).map((r) => ({
+					shape: r.type,
+					source: r.source,
+					target: r.target
+				}))]);
+			}
+		}, { deep: true });
+		onMounted(() => {
+			initGraph({
+				interacting: true,
+				connecting: {
+					...connectingConfig,
+					createEdge: () => graph.value.createEdge(defaultEdgeConfig),
+					validateConnection: ({ sourceView, targetView, sourceMagnet, targetMagnet }) => sourceView !== targetView && !!sourceMagnet && !!targetMagnet && sourceMagnet.getAttribute("magnet") === "true" && targetMagnet.getAttribute("magnet") === "true"
+				},
+				highlighting: highlightingConfig
+			});
+		});
+		__expose({
+			getGraph: () => graph.value,
+			getData: getCurrentData,
+			addClass,
+			centerContent,
+			zoomToFit
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$1, [
+				_ctx.showToolbar ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(unref(NSpace), null, {
+					default: withCtx(() => [
+						createVNode(unref(NButton), {
+							onClick: addClass,
+							type: "primary",
+							size: "small"
+						}, {
+							icon: withCtx(() => [createVNode(C_Icon_default, {
+								name: "mdi:plus-box",
+								size: 16
+							})]),
+							default: withCtx(() => [_cache[3] || (_cache[3] = createTextVNode(" 添加类 ", -1))]),
+							_: 1,
+							__: [3]
+						}),
+						createVNode(unref(NButton), {
+							onClick: unref(centerContent),
+							size: "small"
+						}, {
+							icon: withCtx(() => [createVNode(C_Icon_default, {
+								name: "mdi:image-filter-center-focus",
+								size: 16
+							})]),
+							default: withCtx(() => [_cache[4] || (_cache[4] = createTextVNode(" 居中 ", -1))]),
+							_: 1,
+							__: [4]
+						}, 8, ["onClick"]),
+						createVNode(unref(NButton), {
+							onClick: unref(zoomToFit),
+							size: "small"
+						}, {
+							icon: withCtx(() => [createVNode(C_Icon_default, {
+								name: "mdi:fit-to-screen",
+								size: 16
+							})]),
+							default: withCtx(() => [_cache[5] || (_cache[5] = createTextVNode(" 适应 ", -1))]),
+							_: 1,
+							__: [5]
+						}, 8, ["onClick"]),
+						createVNode(unref(NDropdown), {
+							options: unref(exportOptions),
+							onSelect: _cache[0] || (_cache[0] = (key) => unref(handleExport)(key, getCurrentData))
+						}, {
+							default: withCtx(() => [createVNode(unref(NButton), { size: "small" }, {
+								icon: withCtx(() => [createVNode(C_Icon_default, {
+									name: "mdi:export",
+									size: 16
+								})]),
+								default: withCtx(() => [_cache[6] || (_cache[6] = createTextVNode(" 导出 ", -1))]),
+								_: 1,
+								__: [6]
+							})]),
+							_: 1
+						}, 8, ["options"])
+					]),
+					_: 1
+				})])) : createCommentVNode("v-if", true),
+				createElementVNode("div", {
+					ref_key: "containerRef",
+					ref: containerRef,
+					class: "graph-container",
+					style: normalizeStyle({
+						width: props.width,
+						height: props.height
+					})
+				}, null, 4),
+				createVNode(UMLClassEditor_default, {
+					show: showEditor.value,
+					"editing-class": editingClass.value,
+					"onUpdate:editingClass": _cache[1] || (_cache[1] = ($event) => editingClass.value = $event),
+					"onUpdate:show": _cache[2] || (_cache[2] = ($event) => showEditor.value = $event),
+					onSave: saveClass,
+					onDelete: deleteClass
+				}, null, 8, ["show", "editing-class"])
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_AntV/layout/UML/index.vue
+var UML_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default$1, [["__scopeId", "data-v-793e1533"]]);
+
+//#endregion
+//#region src/components/C_AntV/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "c-antv-container" };
+var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "C_AntV",
+	__name: "index",
+	props: {
+		type: {},
+		data: {},
+		width: { default: "100%" },
+		height: { default: "600px" },
+		readonly: {
+			type: Boolean,
+			default: false
+		},
+		showToolbar: {
+			type: Boolean,
+			default: true
+		},
+		theme: { default: "light" }
+	},
+	emits: ["ready", "data-change"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const layoutRef = ref();
+		const components = {
+			er: ER_default,
+			bpmn: BPMN_default,
+			uml: UML_default
+		};
+		const currentComponent = computed(() => components[props.type]);
+		const componentProps = computed(() => {
+			const baseProps = {
+				width: props.width,
+				height: props.height,
+				readonly: props.readonly,
+				showToolbar: props.showToolbar,
+				theme: props.theme
+			};
+			let adaptedData = props.data;
+			if (props.type === "bpmn" && props.data) {
+				const bpmnData = props.data;
+				if (bpmnData && typeof bpmnData === "object" && "nodes" in bpmnData && "edges" in bpmnData) adaptedData = [...(bpmnData.nodes || []).map((node) => ({
+					...node,
+					shape: node.type || node.shape || "rect",
+					x: node.x ?? 0,
+					y: node.y ?? 0
+				})), ...(bpmnData.edges || []).map((edge) => ({
+					...edge,
+					shape: "edge",
+					x: 0,
+					y: 0
+				}))];
+			}
+			return {
+				...baseProps,
+				data: adaptedData
+			};
+		});
+		const handleReady = (graph) => {
+			emit("ready", graph);
+		};
+		const handleDataChange = (data) => {
+			let convertedData;
+			if (props.type === "bpmn" && Array.isArray(data)) convertedData = {
+				nodes: data.filter((item) => item.shape !== "edge").map((item) => {
+					const { shape, x, y, ...node } = item;
+					return {
+						...node,
+						type: shape === "rect" ? "task" : shape,
+						x: x || 0,
+						y: y || 0
+					};
+				}),
+				edges: data.filter((item) => item.shape === "edge").map((item) => {
+					const { shape, x, y, ...edge } = item;
+					return edge;
+				}),
+				flows: []
+			};
+			else convertedData = data;
+			emit("data-change", convertedData);
+		};
+		__expose({
+			getGraph: () => layoutRef.value?.getGraph?.(),
+			getData: () => {
+				const rawData = layoutRef.value?.getData?.();
+				if (props.type === "bpmn" && Array.isArray(rawData)) return {
+					nodes: rawData.filter((item) => item.shape !== "edge"),
+					edges: rawData.filter((item) => item.shape === "edge"),
+					flows: []
+				};
+				return rawData;
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(), createBlock(resolveDynamicComponent(currentComponent.value), mergeProps(componentProps.value, {
+				onReady: handleReady,
+				onDataChange: handleDataChange,
+				ref_key: "layoutRef",
+				ref: layoutRef
+			}), null, 16))]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_AntV/index.vue
+var C_AntV_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-b03826d0"]]);
+
+//#endregion
+export { useGraphBase as i, useEdgeInteraction as n, useGraphExport as r, C_AntV_default as t };
+//# sourceMappingURL=C_AntV2.js.map