@robot-admin/naive-ui-components 0.4.3 → 0.4.5

package/dist/C_AntV2.js

@@ -1,3150 +1,5 @@
-import { t as C_Icon_default } from "./C_Icon2.js";
-import { t as export_helper_default } from "./export-helper.js";
-import { NAlert, NButton, NCard, NCheckbox, NDivider, NDrawer, NDrawerContent, NDropdown, NForm, NFormItem, NGi, NGrid, NInput, NRadio, NRadioGroup, NSelect, NSpace, useMessage } from "naive-ui";
-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 { 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-20072687"]]);
-
-//#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-6bf4e129"]]);
-
-//#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-6067ee94"]]);
-
-//#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-1092fbdb"]]);
-
-//#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-f1ab77ea"]]);
-
-//#endregion
-export { useGraphBase as i, useEdgeInteraction as n, useGraphExport as r, C_AntV_default as t };
+import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{NAlert as n,NButton as r,NCard as i,NCheckbox as a,NDivider as o,NDrawer as s,NDrawerContent as c,NDropdown as l,NForm as u,NFormItem as d,NGi as f,NGrid as p,NInput as m,NRadio as h,NRadioGroup as g,NSelect as _,NSpace as v,useMessage as y}from"naive-ui";import{Fragment as b,computed as x,createBlock as S,createCommentVNode as C,createElementBlock as w,createElementVNode as T,createTextVNode as E,createVNode as D,defineComponent as O,mergeModels as k,mergeProps as A,nextTick as j,normalizeClass as M,normalizeStyle as N,onMounted as P,onUnmounted as F,openBlock as I,ref as L,renderList as R,resolveDynamicComponent as z,toDisplayString as B,unref as V,useModel as H,watch as U,withCtx as W}from"vue";import{Graph as G,ObjectExt as K}from"@antv/x6";import ee from"html2canvas";function q(e){return{background:e?`#18181c`:`#f5f5f5`,gridPrimary:e?`rgba(255, 255, 255, 0.08)`:`#eee`,gridSecondary:e?`rgba(255, 255, 255, 0.04)`:`#ddd`}}function te(e=!1){let t=q(e);return{background:{color:t.background},grid:{visible:!0,type:`doubleMesh`,args:[{color:t.gridPrimary,thickness:1},{color:t.gridSecondary,thickness:1,factor:4}]},mousewheel:{enabled:!0,zoomAtMousePosition:!0,modifiers:`ctrl`,minScale:.5,maxScale:2},selecting:{enabled:!0,rubberband:!0,movable:!0,showNodeSelectionBox:!0},resizing:!0,rotating:!0,snapline:!0,keyboard:!0,clipboard:!0}}function J(e){return e?{width:e.clientWidth||e.offsetWidth||800,height:e.clientHeight||e.offsetHeight||600}:{width:0,height:0}}function Y(e,t){let n=0,r=L(null),i=L(!1),a=async(o={})=>{await j(),i.value=!0;try{if(!e.value)return;r.value&&=(r.value.dispose(),null);let{width:i,height:s}=J(e.value);if(i===0||s===0){n++,n<10&&setTimeout(()=>a(o),100);return}n=0;let c=te(t?.value??!1);r.value=new G({container:e.value,width:i,height:s,...c,...o})}catch{}finally{i.value=!1}};function o(e){if(!r.value)return;let t=q(e);r.value.drawBackground({color:t.background}),r.value.drawGrid({type:`doubleMesh`,args:[{color:t.gridPrimary,thickness:1},{color:t.gridSecondary,thickness:1,factor:4}]})}t&&U(t,e=>{o(e)});function s(){r.value&&=(r.value.dispose(),null)}function c(){r.value?.centerContent()}function l(){r.value?.zoomToFit({padding:20,maxScale:1})}function u(e){r.value?.zoom(e)}function d(){if(r.value&&e.value){let{width:t,height:n}=J(e.value);r.value.resize(t,n)}}return F(s),{graph:r,loading:i,initGraph:a,destroyGraph:s,centerContent:c,zoomToFit:l,zoom:u,resizeGraph:d,updateTheme:o}}function X(e,t){let n=URL.createObjectURL(e),r=document.createElement(`a`);r.href=n,r.download=t,r.style.display=`none`,document.body.appendChild(r),r.click(),document.body.removeChild(r),URL.revokeObjectURL(n)}function ne(e,t=`diagram.json`){let n=JSON.stringify(e,null,2);X(new Blob([n],{type:`application/json`}),t)}async function re(e,t=`diagram.png`,n={}){let{backgroundColor:r=`#ffffff`,scale:i=2}=n,{container:a}=e;X(await ae(await ee(a,{backgroundColor:r,scale:i,useCORS:!0,logging:!1}),`image/png`),t)}function ie(e,t=`diagram.svg`){let n=e.container.querySelector(`svg`);if(!n)throw Error(`SVG导出失败: 未找到图表 SVG 元素`);let r=n.cloneNode(!0);r.getAttribute(`xmlns`)||r.setAttribute(`xmlns`,`http://www.w3.org/2000/svg`),r.getAttribute(`xmlns:xlink`)||r.setAttribute(`xmlns:xlink`,`http://www.w3.org/1999/xlink`);let i=new XMLSerializer().serializeToString(r);X(new Blob([i],{type:`image/svg+xml;charset=utf-8`}),t)}function ae(e,t,n=1){return new Promise((r,i)=>{e.toBlob(e=>{e?r(e):i(Error(`Canvas 转 Blob 失败`))},t,n)})}const oe=[{label:`导出PNG`,key:`png`},{label:`导出SVG`,key:`svg`},{label:`导出JSON`,key:`json`}];function Z(e,t=`diagram`){let n=y();return{exportOptions:oe,handleExport:async(r,i)=>{if(e.value)try{switch(r){case`png`:await re(e.value,`${t}.png`);break;case`svg`:ie(e.value,`${t}.svg`);break;case`json`:i&&ne(i(),`${t}.json`);break}}catch(e){console.error(`[useGraphExport] 导出失败 (${r}):`,e),n.error(`导出${r.toUpperCase()}失败，请重试`)}}}}const se=[{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`}],ce={key:0,class:`table-editor`},le={class:`fields-container`},ue={class:`field-header`};var de=O({__name:`ERTableEditor`,props:k({show:{type:Boolean}},{editingTable:{},editingTableModifiers:{}}),emits:k([`update:show`,`save`,`add-field`,`remove-field`,`handle-primary-key`],[`update:editingTable`]),setup(t,{emit:n}){let l=H(t,`editingTable`),h=n,g=(e,t)=>h(`handle-primary-key`,e,t),y=()=>h(`add-field`),x=e=>h(`remove-field`,e);return(t,n)=>(I(),S(V(s),{show:t.show,width:`600`,placement:`right`,"onUpdate:show":n[4]||=e=>t.$emit(`update:show`,e)},{default:W(()=>[D(V(c),{title:`编辑表: ${l.value?.name||`新表`}`,closable:``},{footer:W(()=>[D(V(v),{justify:`end`},{default:W(()=>[D(V(r),{onClick:n[2]||=e=>t.$emit(`update:show`,!1)},{default:W(()=>n[11]||=[E(`取消`,-1)]),_:1,__:[11]}),D(V(r),{onClick:n[3]||=e=>t.$emit(`save`),type:`primary`},{default:W(()=>n[12]||=[E(`保存`,-1)]),_:1,__:[12]})]),_:1})]),default:W(()=>[l.value?(I(),w(`div`,ce,[D(V(u),{model:l.value,"label-placement":`top`},{default:W(()=>[D(V(d),{label:`表名`},{default:W(()=>[D(V(m),{value:l.value.name,"onUpdate:value":n[0]||=e=>l.value.name=e,placeholder:`请输入表名`},null,8,[`value`])]),_:1}),D(V(d),{label:`表注释`},{default:W(()=>[D(V(m),{value:l.value.comment,"onUpdate:value":n[1]||=e=>l.value.comment=e,placeholder:`表注释`},null,8,[`value`])]),_:1}),D(V(o),null,{default:W(()=>n[5]||=[E(`字段列表`,-1)]),_:1,__:[5]}),T(`div`,le,[(I(!0),w(b,null,R(l.value.fields,(e,t)=>(I(),S(V(i),{key:t,size:`small`,class:`field-card`},{header:W(()=>[T(`div`,ue,[T(`span`,null,`#`+B(t+1)+` `+B(e.name||`新字段`),1),D(V(r),{onClick:e=>x(t),size:`tiny`,type:`error`,quaternary:``,disabled:l.value.fields.length<=1},{default:W(()=>n[6]||=[E(` 删除 `,-1)]),_:2,__:[6]},1032,[`onClick`,`disabled`])])]),default:W(()=>[D(V(p),{cols:2,"x-gap":12},{default:W(()=>[D(V(f),null,{default:W(()=>[D(V(d),{label:`字段名`,size:`small`},{default:W(()=>[D(V(m),{value:e.name,"onUpdate:value":t=>e.name=t,placeholder:`字段名`,size:`small`},null,8,[`value`,`onUpdate:value`])]),_:2},1024)]),_:2},1024),D(V(f),null,{default:W(()=>[D(V(d),{label:`类型`,size:`small`},{default:W(()=>[D(V(_),{value:e.type,"onUpdate:value":t=>e.type=t,options:V(se),size:`small`,filterable:``,placeholder:`选择类型`},null,8,[`value`,`onUpdate:value`,`options`])]),_:2},1024)]),_:2},1024)]),_:2},1024),D(V(v),{style:{"margin-top":`12px`}},{default:W(()=>[D(V(a),{checked:e.isPrimaryKey,"onUpdate:checked":[t=>e.isPrimaryKey=t,t=>g(e,t)]},{default:W(()=>n[7]||=[E(` 主键 `,-1)]),_:2,__:[7]},1032,[`checked`,`onUpdate:checked`]),D(V(a),{checked:e.isRequired,"onUpdate:checked":t=>e.isRequired=t},{default:W(()=>n[8]||=[E(`必填`,-1)]),_:2,__:[8]},1032,[`checked`,`onUpdate:checked`]),D(V(a),{checked:e.isForeignKey,"onUpdate:checked":t=>e.isForeignKey=t},{default:W(()=>n[9]||=[E(`外键`,-1)]),_:2,__:[9]},1032,[`checked`,`onUpdate:checked`])]),_:2},1024),D(V(d),{label:`注释`,size:`small`,style:{"margin-top":`12px`}},{default:W(()=>[D(V(m),{value:e.comment,"onUpdate:value":t=>e.comment=t,placeholder:`字段注释`,size:`small`},null,8,[`value`,`onUpdate:value`])]),_:2},1024)]),_:2},1024))),128)),D(V(r),{onClick:y,dashed:``,block:``,type:`primary`,ghost:``,style:{"margin-top":`16px`}},{icon:W(()=>[D(e,{name:`mdi:plus`,size:16})]),default:W(()=>[n[10]||=E(` 添加字段 `,-1)]),_:1,__:[10]})])]),_:1},8,[`model`])])):C(`v-if`,!0)]),_:1},8,[`title`])]),_:1},8,[`show`]))}});const fe={class:`er-layout`},pe={key:0,class:`toolbar`},me={key:0,style:{"margin-top":`8px`}};var he=t(O({__name:`index`,props:{data:{},showToolbar:{type:Boolean,default:!0},readonly:{type:Boolean,default:!1},theme:{}},emits:[`ready`,`data-change`],setup(t,{expose:i,emit:a}){let o=t,s=a,c=L(),{graph:u,initGraph:d,centerContent:f,zoomToFit:p}=Y(c,x(()=>o.theme===`dark`)),{exportOptions:m,handleExport:h}=Z(u,`er-diagram`),g=L(!1),_=L(),y=L(!1),b=(e,t)=>e.length>t?e.substring(0,t-1)+`..`:e,S=e=>e.fields?.map(t=>{let n=t.isPrimaryKey?`🔑 ${t.name}`:t.isRequired?`* ${t.name}`:t.name;return{id:`${e.id}_${t.name}`,group:`list`,attrs:{portNameLabel:{text:b(n,12),title:n},portTypeLabel:{text:b(t.type,10),title:t.type},portBody:{fill:t.isPrimaryKey?`#FFF7E6`:`#EFF4FF`}}}})||[],O=e=>({id:e.id,shape:`er-rect`,x:e.position.x,y:e.position.y,width:200,height:24+(e.fields?.length||0)*24,data:e,attrs:{label:{text:b(e.name,20),refX:.5,refY:10,textAnchor:`middle`,title:e.name}},ports:S(e)}),k=()=>{u.value&&(G.registerPortLayout(`erPortPosition`,e=>e.map((e,t)=>({position:{x:0,y:(t+1)*24},angle:0})),!0),G.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:!0},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`}}}},!0))},A=()=>{y.value=!y.value,y.value||M()},M=()=>{u.value?.getEdges().forEach(e=>{e.attr(`line/stroke`,`#A2B1C3`),e.attr(`line/strokeWidth`,2)})},N=e=>{if(!u.value)return;let t=u.value.createNode(O(e));return u.value.resetCells([t,...u.value.getCells()]),t},R=()=>{let e=u.value?.getNodes()||[];for(let t=0;t<10;t++)for(let n=0;n<3;n++){let r={x:n*250+50,y:t*250+50};if(!e.some(e=>{let t=e.getPosition();return Math.abs(t.x-r.x)<250*.8&&Math.abs(t.y-r.y)<250*.8}))return r}return{x:50,y:50}},z=()=>{let e={id:`table_${Date.now()}`,name:`新表`,comment:``,fields:[{name:`id`,type:`BIGINT`,isPrimaryKey:!0,isRequired:!0,isForeignKey:!1,comment:`主键`},{name:`name`,type:`VARCHAR(100)`,isPrimaryKey:!1,isRequired:!0,isForeignKey:!1,comment:`名称`}],position:R()};N(e),H(e),X()},H=e=>{_.value={...e,fields:e.fields?.map(e=>({...e}))||[]},g.value=!0},K=()=>{if(!u.value||!_.value)return;let e=u.value.getCellById(_.value.id);e&&(e.setData(_.value),e.prop({size:{width:200,height:24+_.value.fields.length*24},attrs:{label:{text:b(_.value.name,20),title:_.value.name}},ports:S(_.value)})),g.value=!1,X()},ee=(e,t)=>{t&&(e.isRequired=!0,_.value?.fields.forEach(t=>{t!==e&&(t.isPrimaryKey=!1)}))},q=()=>{_.value?.fields.push({name:`field_${(_.value?.fields.length||0)+1}`,type:`VARCHAR(100)`,isPrimaryKey:!1,isRequired:!1,isForeignKey:!1,comment:``})},te=e=>{_.value&&_.value.fields.length>1&&_.value.fields.splice(e,1)},J=()=>{if(!u.value)return{tables:[],relations:[]};let e=u.value.getNodes().map(e=>({...e.getData(),position:e.getPosition()})),t=[];return u.value.getEdges().forEach(e=>{let n=e.getSourceNode(),r=e.getTargetNode(),i=e.getSourcePortId(),a=e.getTargetPortId();n&&r&&i&&a&&t.push({id:e.id,type:`foreign-key`,sourceTable:n.id,sourceField:i.split(`_`).slice(1).join(`_`),targetTable:r.id,targetField:a.split(`_`).slice(1).join(`_`),name:`${n.getData()?.name||n.id} -> ${r.getData()?.name||r.id}`})}),{tables:e,relations:t}},X=()=>s(`data-change`,J());return U(u,e=>{if(!(e instanceof G))return;k(),e.on(`node:dblclick`,({node:e})=>{o.readonly||H(e.getData())}),e.on(`edge:connected`,X),e.on(`edge:removed`,X);let t=null;e.on(`edge:click`,({edge:e})=>{y.value?(e.remove(),X()):(M(),e.attr(`line/stroke`,`#ff4d4f`),e.attr(`line/strokeWidth`,3),t=e)}),e.on(`edge:dblclick`,({edge:e})=>{e.remove(),X()}),e.on(`blank:click`,()=>{t=null,y.value||M()});let n=e=>{let n=e.target?.tagName;n===`INPUT`||n===`TEXTAREA`||e.target?.isContentEditable||(e.key===`Delete`||e.key===`Backspace`)&&t&&(t.remove(),X(),t=null)};document.addEventListener(`keydown`,n),F(()=>document.removeEventListener(`keydown`,n)),s(`ready`,e),j(()=>{if(o.data?.tables){let t=o.data.tables.map(t=>e.createNode(O(t)));o.data.relations?.length&&o.data.relations.forEach(n=>{t.push(e.createEdge({source:{cell:n.sourceTable,port:`${n.sourceTable}_${n.sourceField}`},target:{cell:n.targetTable,port:`${n.targetTable}_${n.targetField}`},attrs:{line:{stroke:`#A2B1C3`,strokeWidth:2}}}))}),e.resetCells(t),setTimeout(()=>e.zoomToFit({padding:20,maxScale:1}),300)}})},{immediate:!0}),U(()=>o.data,e=>{if(u.value&&e?.tables){let t=e.tables.map(e=>u.value.createNode(O(e)));e.relations?.length&&e.relations.forEach(e=>{t.push(u.value.createEdge({source:{cell:e.sourceTable,port:`${e.sourceTable}_${e.sourceField}`},target:{cell:e.targetTable,port:`${e.targetTable}_${e.targetField}`},attrs:{line:{stroke:`#A2B1C3`,strokeWidth:2}}}))}),u.value.resetCells(t)}},{deep:!0}),P(()=>d()),i({getGraph:()=>u.value??void 0,getData:J}),(t,i)=>(I(),w(`div`,fe,[C(` 工具栏 `),t.showToolbar?(I(),w(`div`,pe,[D(V(v),null,{default:W(()=>[D(V(r),{onClick:z,type:`primary`,size:`small`},{icon:W(()=>[D(e,{name:`mdi:table-plus`,size:16})]),default:W(()=>[i[3]||=E(` 添加表 `,-1)]),_:1,__:[3]}),D(V(r),{onClick:V(f),size:`small`},{icon:W(()=>[D(e,{name:`mdi:image-filter-center-focus`,size:16})]),default:W(()=>[i[4]||=E(` 居中 `,-1)]),_:1,__:[4]},8,[`onClick`]),D(V(r),{onClick:V(p),size:`small`},{icon:W(()=>[D(e,{name:`mdi:fit-to-screen`,size:16})]),default:W(()=>[i[5]||=E(` 适应 `,-1)]),_:1,__:[5]},8,[`onClick`]),D(V(r),{onClick:A,type:y.value?`error`:`default`,size:`small`},{icon:W(()=>[D(e,{name:`mdi:delete`,size:16})]),default:W(()=>[E(` `+B(y.value?`退出删除`:`删除连线`),1)]),_:1},8,[`type`]),D(V(l),{options:V(m),onSelect:i[0]||=e=>V(h)(e,J)},{default:W(()=>[D(V(r),{size:`small`},{icon:W(()=>[D(e,{name:`mdi:export`,size:16})]),default:W(()=>[i[6]||=E(` 导出 `,-1)]),_:1,__:[6]})]),_:1},8,[`options`])]),_:1}),y.value?(I(),w(`div`,me,[D(V(n),{type:`info`,size:`small`,"show-icon":!1},{default:W(()=>i[7]||=[E(` 删除模式：点击连接线即可删除 `,-1)]),_:1,__:[7]})])):C(`v-if`,!0)])):C(`v-if`,!0),C(` 图表容器 `),T(`div`,{ref_key:`containerRef`,ref:c,class:`graph-container`},null,512),C(` 表编辑器 `),D(de,{show:g.value,"editing-table":_.value,"onUpdate:editingTable":i[1]||=e=>_.value=e,"onUpdate:show":i[2]||=e=>g.value=e,onSave:K,onAddField:q,onRemoveField:te,onHandlePrimaryKey:ee},null,8,[`show`,`editing-table`])]))}}),[[`__scopeId`,`data-v-beb83641`]]);const ge={defaultColor:`#A2B1C3`,highlightColor:`#ff4d4f`,strokeWidth:2,highlightStrokeWidth:3,portPositions:[],onDataChange:()=>{}};function Q(e,t={}){let n={...ge,...t},r=()=>{e.value?.getEdges().forEach(e=>{e.attr(`line/stroke`,n.defaultColor),e.attr(`line/strokeWidth`,n.strokeWidth)})},i=e=>{r(),e.attr(`line/stroke`,n.highlightColor),e.attr(`line/strokeWidth`,n.highlightStrokeWidth)},a=(e,t)=>{n.portPositions.forEach(n=>e.attr(`port-${n}/style/opacity`,t))};return{resetEdgeStyles:r,highlightEdge:i,togglePorts:a,bindInteractions:()=>{let t=e.value;t&&(t.on(`edge:click`,({edge:e})=>i(e)),t.on(`edge:dblclick`,({edge:e})=>{e.remove(),n.onDataChange()}),t.on(`blank:click`,r),t.on(`node:click`,r),t.on(`edge:connected`,n.onDataChange),n.portPositions.length>0&&(t.on(`node:mouseenter`,({node:e})=>a(e,1)),t.on(`node:mouseleave`,({node:e})=>a(e,0))))}}}const _e={"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`}},ve={event:`事件`,activity:`活动`,gateway:`网关`,"bpmn-edge":`连接线`},$=[`top`,`right`,`bottom`,`left`],ye=(e,t=`rect`)=>e.reduce((e,n)=>{let r=t===`circle`,i=n===`top`?r?{refCx:.5,refCy:0}:{refX:.5,refY:0}:n===`right`?r?{refCx:1,refCy:.5}:{refX:1,refY:.5}:n===`bottom`?r?{refCx:.5,refCy:1}:{refX:.5,refY:1}:r?{refCx:0,refCy:.5}:{refX:0,refY:.5};return e[`port-${n}`]={ref:`body`,...i,r:4,fill:`#31d0c6`,stroke:`#ffffff`,strokeWidth:2,magnet:!0,style:{cursor:`crosshair`,opacity:0,transition:`opacity 0.2s`}},e},{}),be={event:{inherit:`circle`,attrs:{body:{strokeWidth:2,stroke:`#5F95FF`,fill:`#FFF`,magnet:!1,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:!1,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:!1,style:{cursor:`move`}},text:{fontSize:20,fill:`#5F95FF`,textAnchor:`middle`,textVerticalAnchor:`middle`,pointerEvents:`none`}}}},xe={inherit:`edge`,attrs:{line:{stroke:`#A2B1C3`,strokeWidth:2,targetMarker:{name:`block`,width:8,height:6,fill:`#A2B1C3`},cursor:`pointer`}}};function Se(e=!1){let t={background:e?`#18181c`:`#ffffff`,gridPrimary:e?`rgba(255, 255, 255, 0.08)`:`#eee`,gridSecondary:e?`rgba(255, 255, 255, 0.04)`:`#ddd`};return{background:{color:t.background},grid:{visible:!0,type:`doubleMesh`,args:[{color:t.gridPrimary,thickness:1},{color:t.gridSecondary,thickness:1,factor:4}]},mousewheel:{enabled:!0,zoomAtMousePosition:!0,modifiers:`ctrl`,minScale:.5,maxScale:3},connecting:{router:`manhattan`,connector:{name:`rounded`,args:{radius:8}},allowBlank:!1,allowLoop:!1,allowNode:!1,snap:!0,allowEdge:!1},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:!0,rubberband:!0,showNodeSelectionBox:!0},resizing:!0,rotating:!1,snapline:!0,keyboard:!0,clipboard:!0}}Se();const Ce={"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`}}},we=[{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}],Te={key:0,class:`property-panel`},Ee={class:`property-item`},De={class:`property-item`},Oe={key:0,class:`property-item`},ke={key:1,class:`property-item`},Ae={class:`form-actions`};var je=O({__name:`BPMNPropertyEditor`,props:k({show:{type:Boolean}},{editingElement:{},editingElementModifiers:{}}),emits:k([`update:show`,`save`,`delete`],[`update:editingElement`]),setup(e,{emit:t}){let n=H(e,`editingElement`),i=t,a=x(()=>ve[n.value?.shape]||n.value?.shape||``);return(e,t)=>(I(),S(V(s),{show:e.show,width:`300`,title:`属性设置`,"onUpdate:show":t[6]||=e=>i(`update:show`,e)},{default:W(()=>[n.value?(I(),w(`div`,Te,[T(`div`,Ee,[t[7]||=T(`div`,{class:`property-label`},`名称`,-1),D(V(m),{value:n.value.label,"onUpdate:value":t[0]||=e=>n.value.label=e,placeholder:`请输入名称`,size:`small`},null,8,[`value`])]),T(`div`,De,[t[8]||=T(`div`,{class:`property-label`},`类型`,-1),D(V(m),{value:a.value,readonly:``,size:`small`},null,8,[`value`])]),n.value.shape===`activity`?(I(),w(`div`,Oe,[t[9]||=T(`div`,{class:`property-label`},`描述`,-1),D(V(m),{value:n.value.description,"onUpdate:value":t[1]||=e=>n.value.description=e,type:`textarea`,rows:3,placeholder:`请输入活动描述`,size:`small`},null,8,[`value`])])):C(`v-if`,!0),n.value.shape===`activity`?(I(),w(`div`,ke,[t[10]||=T(`div`,{class:`property-label`},`执行人`,-1),D(V(m),{value:n.value.assignee,"onUpdate:value":t[2]||=e=>n.value.assignee=e,placeholder:`请输入执行人`,size:`small`},null,8,[`value`])])):C(`v-if`,!0),T(`div`,Ae,[D(V(v),null,{default:W(()=>[D(V(r),{onClick:t[3]||=e=>i(`save`),type:`primary`,size:`small`},{default:W(()=>t[11]||=[E(` 保存 `,-1)]),_:1,__:[11]}),D(V(r),{onClick:t[4]||=e=>i(`update:show`,!1),size:`small`},{default:W(()=>t[12]||=[E(` 取消 `,-1)]),_:1,__:[12]}),D(V(r),{onClick:t[5]||=e=>i(`delete`),type:`error`,size:`small`},{default:W(()=>t[13]||=[E(` 删除 `,-1)]),_:1,__:[13]})]),_:1})])])):C(`v-if`,!0)]),_:1},8,[`show`]))}});const Me={class:`bpmn-layout`},Ne={key:0,class:`top-toolbar`},Pe={class:`toolbar-section`},Fe={class:`toolbar-group`},Ie={class:`toolbar-group`},Le={class:`toolbar-group`},Re={class:`main-content`},ze={key:0,class:`left-panel`},Be={class:`element-grid`},Ve=[`onClick`,`title`],He={class:`graph-wrapper`};var Ue=t(O({__name:`index`,props:{data:{},showToolbar:{type:Boolean,default:!0},readonly:{type:Boolean,default:!1},width:{default:`100%`},height:{default:`600px`},theme:{}},emits:[`ready`,`data-change`],setup(t,{expose:n,emit:i}){let a=t,o=i,s=L(),{graph:c,initGraph:u,centerContent:d,zoomToFit:f}=Y(s,x(()=>a.theme===`dark`)),{exportOptions:p,handleExport:m}=Z(c,`bpmn-diagram`),{bindInteractions:h}=Q(c,{portPositions:$,onDataChange:()=>H()}),g=L(!1),_=L(),v=e=>String(e.attr(`text/text`)||e.attr(`label/text`)||``),y=e=>{if(!e)return[];if(Array.isArray(e))return e;let t=[];return Object.values(e).forEach(e=>{Array.isArray(e)&&t.push(...e)}),t},S=()=>{let e=$.map(e=>({tagName:`circle`,selector:`port-${e}`})),t=[`event`,`activity`,`gateway`],n={event:`circle`,activity:`rect`,gateway:`polygon`};t.forEach(t=>{G.registerNode(t,{...be[t],markup:[{tagName:n[t],selector:`body`},{tagName:`text`,selector:`text`},...e],attrs:{...be[t].attrs,...ye($,n[t])}},!0)}),G.registerEdge(`bpmn-edge`,xe,!0)},O=e=>{if(!c.value||!e.length)return;let t=e.map(e=>{let{data:t,...n}=e,r=e.shape===`bpmn-edge`?c.value.createEdge(n):c.value.createNode(n);return t&&r.setData(t),r});c.value.resetCells(t),setTimeout(()=>c.value.zoomToFit({padding:50,maxScale:1}),200)},k=e=>{if(!c.value)return;let t=Ce[e];if(!t)return;let n=c.value.options.width/2,r=c.value.options.height/2,{data:i,...a}={id:`${e}-${Date.now()}`,x:n+Math.random()*100-50,y:r+Math.random()*100-50,...t},o=c.value.createNode(a);i&&o.setData(i),c.value.addCell(o),H()},A=()=>{c.value?.clearCells(),H()},j=e=>{let t=e.getData()||{};_.value={id:e.id,shape:e.shape,label:v(e),description:t.description||``,assignee:t.assignee||``,x:0,y:0},g.value=!0},N=()=>{if(!c.value||!_.value)return;let e=c.value.getCellById(_.value.id);e&&(e.setData({description:_.value.description,assignee:_.value.assignee}),e.attr(`text/text`,_.value.label||``),e.attr(`label/text`,_.value.label||``)),g.value=!1,H()},F=()=>{!c.value||!_.value||(c.value.getCellById(_.value.id)?.remove(),g.value=!1,H())},z=()=>c.value?[...c.value.getNodes().map(e=>({id:e.id,shape:e.shape,x:e.getPosition().x,y:e.getPosition().y,width:e.getSize().width,height:e.getSize().height,label:v(e),data:e.getData()||{}})),...c.value.getEdges().map(e=>({id:e.id,shape:`bpmn-edge`,source:e.getSourceCellId()||``,target:e.getTargetCellId()||``,label:v(e),x:0,y:0}))]:[],H=()=>o(`data-change`,z());return U(c,e=>{e instanceof G&&(a.readonly||(h(),e.on(`node:dblclick`,({node:e})=>j(e)),e.on(`node:moved`,H)),o(`ready`,e),O(we))},{immediate:!0}),U(()=>a.data,e=>{if(!e||!c.value)return;let t=y(e);t.length>0&&O(t)},{deep:!0}),P(async()=>{S();let e=Se();await u({...e,connecting:{...e.connecting,createEdge:()=>c.value.createEdge({shape:`bpmn-edge`}),validateConnection:({sourceView:e,targetView:t,sourceMagnet:n,targetMagnet:r})=>e!==t&&!!n&&!!r&&n.getAttribute(`magnet`)===`true`&&r.getAttribute(`magnet`)===`true`}})}),n({getGraph:()=>c.value,getData:z,loadData:O}),(t,n)=>(I(),w(`div`,Me,[t.showToolbar?(I(),w(`div`,Ne,[T(`div`,Pe,[T(`div`,Fe,[D(V(r),{onClick:A,size:`small`},{icon:W(()=>[D(e,{name:`mdi:delete-outline`,size:16})]),default:W(()=>[n[3]||=E(` 清空 `,-1)]),_:1,__:[3]})]),T(`div`,Ie,[D(V(r),{onClick:V(d),size:`small`},{icon:W(()=>[D(e,{name:`mdi:image-filter-center-focus`,size:16})]),default:W(()=>[n[4]||=E(` 居中 `,-1)]),_:1,__:[4]},8,[`onClick`]),D(V(r),{onClick:V(f),size:`small`},{icon:W(()=>[D(e,{name:`mdi:fit-to-screen`,size:16})]),default:W(()=>[n[5]||=E(` 适应 `,-1)]),_:1,__:[5]},8,[`onClick`])]),T(`div`,Le,[D(V(l),{options:V(p),onSelect:n[0]||=e=>V(m)(e,z)},{default:W(()=>[D(V(r),{size:`small`},{icon:W(()=>[D(e,{name:`mdi:export`,size:16})]),default:W(()=>[n[6]||=E(` 导出 `,-1)]),_:1,__:[6]})]),_:1},8,[`options`])])])])):C(`v-if`,!0),T(`div`,Re,[t.showToolbar?(I(),w(`div`,ze,[n[7]||=T(`div`,{class:`panel-title`},`组件`,-1),T(`div`,Be,[(I(!0),w(b,null,R(V(_e),(e,t)=>(I(),w(`div`,{key:t,class:`element-item`,onClick:e=>k(t),title:e.title},[T(`div`,{class:M([`element-icon`,e.iconClass])},null,2),T(`span`,null,B(e.name),1)],8,Ve))),128))])])):C(`v-if`,!0),T(`div`,He,[T(`div`,{ref_key:`containerRef`,ref:s,class:`graph-container`},null,512)])]),D(je,{show:g.value,"editing-element":_.value,"onUpdate:editingElement":n[1]||=e=>_.value=e,"onUpdate:show":n[2]||=e=>g.value=e,onSave:N,onDelete:F},null,8,[`show`,`editing-element`])]))}}),[[`__scopeId`,`data-v-c27dede7`]]);const We={key:0,class:`class-editor`},Ge={class:`section`},Ke={class:`section-header`},qe={style:{"font-size":`13px`}},Je={class:`section`},Ye={class:`section-header`},Xe={style:{"font-size":`13px`}};var Ze=t(O({__name:`UMLClassEditor`,props:k({show:{type:Boolean}},{editingClass:{},editingClassModifiers:{}}),emits:k([`update:show`,`save`,`delete`],[`update:editingClass`]),setup(t,{emit:n}){let a=H(t,`editingClass`),c=n;return(t,n)=>(I(),S(V(s),{show:t.show,width:`450`,title:`编辑类`,"onUpdate:show":n[6]||=e=>c(`update:show`,e)},{default:W(()=>[a.value?(I(),w(`div`,We,[D(V(u),{"label-placement":`top`},{default:W(()=>[D(V(d),{label:`类名`},{default:W(()=>[D(V(m),{value:a.value.name,"onUpdate:value":n[0]||=e=>a.value.name=e,placeholder:`请输入类名`},null,8,[`value`])]),_:1}),D(V(o),{style:{margin:`20px 0`}},{default:W(()=>n[7]||=[E(`属性`,-1)]),_:1,__:[7]}),T(`div`,Ge,[(I(!0),w(b,null,R(a.value.attributes,(e,t)=>(I(),w(`div`,{key:t,class:`item`},[D(V(i),{size:`small`,style:{"margin-bottom":`12px`}},{header:W(()=>[T(`div`,Ke,[T(`span`,qe,`#`+B(t+1)+` `+B(e.name||`新属性`),1),D(V(r),{onClick:e=>a.value.attributes.splice(t,1),size:`tiny`,type:`error`,quaternary:``,style:{"margin-left":`auto`}},{default:W(()=>n[8]||=[E(` 删除 `,-1)]),_:2,__:[8]},1032,[`onClick`])])]),default:W(()=>[D(V(v),{vertical:``,size:`small`},{default:W(()=>[D(V(v),null,{default:W(()=>[D(V(d),{label:`属性名`,style:{margin:`0`,flex:`1`}},{default:W(()=>[D(V(m),{value:e.name,"onUpdate:value":t=>e.name=t,placeholder:`属性名`,size:`small`},null,8,[`value`,`onUpdate:value`])]),_:2},1024),D(V(d),{label:`类型`,style:{margin:`0`,flex:`1`}},{default:W(()=>[D(V(m),{value:e.type,"onUpdate:value":t=>e.type=t,placeholder:`类型`,size:`small`},null,8,[`value`,`onUpdate:value`])]),_:2},1024)]),_:2},1024),D(V(d),{label:`可见性`,style:{margin:`0`}},{default:W(()=>[D(V(g),{value:e.visibility,"onUpdate:value":t=>e.visibility=t,size:`small`},{default:W(()=>[D(V(h),{value:`public`},{default:W(()=>n[9]||=[E(`+ public`,-1)]),_:1,__:[9]}),D(V(h),{value:`private`},{default:W(()=>n[10]||=[E(`- private`,-1)]),_:1,__:[10]}),D(V(h),{value:`protected`},{default:W(()=>n[11]||=[E(`# protected`,-1)]),_:1,__:[11]})]),_:2},1032,[`value`,`onUpdate:value`])]),_:2},1024)]),_:2},1024)]),_:2},1024)]))),128)),D(V(r),{onClick:n[1]||=e=>a.value.attributes.push({name:`newAttribute`,type:`string`,visibility:`private`}),dashed:``,block:``,type:`primary`,ghost:``,size:`small`},{icon:W(()=>[D(e,{name:`mdi:plus`,size:16})]),default:W(()=>[n[12]||=E(` 添加属性 `,-1)]),_:1,__:[12]})]),D(V(o),{style:{margin:`20px 0`}},{default:W(()=>n[13]||=[E(`方法`,-1)]),_:1,__:[13]}),T(`div`,Je,[(I(!0),w(b,null,R(a.value.methods,(e,t)=>(I(),w(`div`,{key:t,class:`item`},[D(V(i),{size:`small`,style:{"margin-bottom":`12px`}},{header:W(()=>[T(`div`,Ye,[T(`span`,Xe,`#`+B(t+1)+` `+B(e.name||`新方法`),1),D(V(r),{onClick:e=>a.value.methods.splice(t,1),size:`tiny`,type:`error`,quaternary:``,style:{"margin-left":`auto`}},{default:W(()=>n[14]||=[E(` 删除 `,-1)]),_:2,__:[14]},1032,[`onClick`])])]),default:W(()=>[D(V(v),{vertical:``,size:`small`},{default:W(()=>[D(V(v),null,{default:W(()=>[D(V(d),{label:`方法名`,style:{margin:`0`,flex:`1`}},{default:W(()=>[D(V(m),{value:e.name,"onUpdate:value":t=>e.name=t,placeholder:`方法名`,size:`small`},null,8,[`value`,`onUpdate:value`])]),_:2},1024),D(V(d),{label:`返回类型`,style:{margin:`0`,flex:`1`}},{default:W(()=>[D(V(m),{value:e.returnType,"onUpdate:value":t=>e.returnType=t,placeholder:`返回类型`,size:`small`},null,8,[`value`,`onUpdate:value`])]),_:2},1024)]),_:2},1024),D(V(d),{label:`可见性`,style:{margin:`0`}},{default:W(()=>[D(V(g),{value:e.visibility,"onUpdate:value":t=>e.visibility=t,size:`small`},{default:W(()=>[D(V(h),{value:`public`},{default:W(()=>n[15]||=[E(`+ public`,-1)]),_:1,__:[15]}),D(V(h),{value:`private`},{default:W(()=>n[16]||=[E(`- private`,-1)]),_:1,__:[16]}),D(V(h),{value:`protected`},{default:W(()=>n[17]||=[E(`# protected`,-1)]),_:1,__:[17]})]),_:2},1032,[`value`,`onUpdate:value`])]),_:2},1024)]),_:2},1024)]),_:2},1024)]))),128)),D(V(r),{onClick:n[2]||=e=>a.value.methods.push({name:`newMethod`,returnType:`void`,visibility:`public`}),dashed:``,block:``,type:`primary`,ghost:``,size:`small`},{icon:W(()=>[D(e,{name:`mdi:plus`,size:16})]),default:W(()=>[n[18]||=E(` 添加方法 `,-1)]),_:1,__:[18]})]),D(V(o),{style:{margin:`20px 0`}}),D(V(v),{justify:`space-between`},{default:W(()=>[D(V(r),{onClick:n[3]||=e=>c(`delete`),type:`error`,ghost:``},{icon:W(()=>[D(e,{name:`mdi:delete`,size:16})]),default:W(()=>[n[19]||=E(` 删除类 `,-1)]),_:1,__:[19]}),D(V(v),null,{default:W(()=>[D(V(r),{onClick:n[4]||=e=>c(`update:show`,!1)},{default:W(()=>n[20]||=[E(`取消`,-1)]),_:1,__:[20]}),D(V(r),{onClick:n[5]||=e=>c(`save`),type:`primary`},{default:W(()=>n[21]||=[E(` 保存 `,-1)]),_:1,__:[21]})]),_:1})]),_:1})]),_:1})])):C(`v-if`,!0)]),_:1},8,[`show`]))}}),[[`__scopeId`,`data-v-e47033f6`]]);const Qe={public:`+`,private:`-`,protected:`#`},$e={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`}}},et=[`top`,`right`,`bottom`,`left`].reduce((e,t)=>{let n=t===`top`?{refX:.5,refY:0}:t===`right`?{refX:1,refY:.5}:t===`bottom`?{refX:.5,refY:1}:{refX:0,refY:.5};return e[`port-${t}`]={ref:`body`,...n,r:4,fill:`#31d0c6`,stroke:`#ffffff`,strokeWidth:2,magnet:!0,style:{cursor:`crosshair`,opacity:0,transition:`opacity 0.2s`}},e},{}),tt={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:!1,style:{cursor:`move`}},"name-rect":{fill:`#5f95ff`,stroke:`#fff`,strokeWidth:.5,magnet:!1,style:{cursor:`move`}},"attrs-rect":{fill:`#eff4ff`,stroke:`#fff`,strokeWidth:.5,magnet:!1,style:{cursor:`move`}},"methods-rect":{fill:`#eff4ff`,stroke:`#fff`,strokeWidth:.5,magnet:!1,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`},...et}},nt={router:`manhattan`,connector:{name:`rounded`,args:{radius:8}},allowBlank:!1,allowLoop:!1,allowNode:!1,snap:!0,allowEdge:!1},rt={magnetAvailable:{name:`stroke`,args:{attrs:{fill:`#31d0c6`,stroke:`#31d0c6`,opacity:1}}},magnetAdsorbed:{name:`stroke`,args:{attrs:{fill:`#5F95FF`,stroke:`#5F95FF`,opacity:1}}}},it={shape:`extends`,attrs:{line:{stroke:`#722ed1`,strokeWidth:2,targetMarker:{name:`block`,width:8,height:6,fill:`#722ed1`}}}},at=[{id:`animal`,name:`<<Abstract>>
+动物`,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>>
+飞翔`,x:762,y:608,attributes:[{name:`下蛋`,type:`boolean`,visibility:`public`}],methods:[]},{id:`qemu`,name:`气球`,x:981,y:608,attributes:[],methods:[]}],ot=[{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`}],st=e=>Qe[e]||`+`,ct={name:`新类`,attributes:[{name:`attribute`,type:`string`,visibility:`private`}],methods:[{name:`method`,returnType:`void`,visibility:`public`}],position:{x:100,y:100}},lt={class:`uml-layout`},ut={key:0,class:`toolbar`};var dt=t(O({__name:`index`,props:{data:{},showToolbar:{type:Boolean,default:!0},readonly:{type:Boolean,default:!1},width:{default:`100%`},height:{default:`600px`},theme:{}},emits:[`ready`,`data-change`],setup(t,{expose:n,emit:i}){let a=t,o=i,s=L(),{graph:c,initGraph:u,centerContent:d,zoomToFit:f}=Y(s,x(()=>a.theme===`dark`)),{exportOptions:p,handleExport:m}=Z(c,`uml-diagram`),{bindInteractions:h}=Q(c,{defaultColor:`#722ed1`,portPositions:[`top`,`right`,`bottom`,`left`],onDataChange:()=>F()}),g=L(!1),_=L(),y=()=>{G.registerNode(`class`,{...tt,propHooks(e){let{name:t,attributes:n,methods:r,...i}=e;if(!(t&&n&&r))return e;let a=0;return[{type:`name`,text:t},{type:`attrs`,text:n},{type:`methods`,text:r}].forEach(e=>{let t=Array.isArray(e.text)?e.text.length*12+16:32;K.setByPath(i,`attrs/${e.type}-text/text`,Array.isArray(e.text)?e.text.join(`
+`):e.text),K.setByPath(i,`attrs/${e.type}-rect/height`,t),K.setByPath(i,`attrs/${e.type}-rect/transform`,`translate(0,${a})`),a+=t}),i.size={width:160,height:a},i}},!0),Object.entries($e).forEach(([e,t])=>{G.registerEdge(e,{inherit:`edge`,attrs:{line:{strokeWidth:2,stroke:`#722ed1`,...t}}},!0)})},b=e=>{if(!c.value||!e.length)return;let t=[`extends`,`composition`,`implement`,`aggregation`,`association`],n=[];e.forEach(e=>{if(t.includes(e.shape))n.push(c.value.createEdge(e));else{let{data:t,...r}=e,i=c.value.createNode(r);t&&i.setData(t),n.push(i)}}),c.value.resetCells(n),setTimeout(()=>c.value.zoomToFit({padding:10,maxScale:1}),200)},S=e=>({name:e.name,attributes:e.attributes.map(e=>`${st(e.visibility)} ${e.name}: ${e.type}`),methods:e.methods.map(e=>`${st(e.visibility)} ${e.name}(): ${e.returnType}`)}),O=()=>{if(!c.value)return;let e={id:`class_${Date.now()}`,...ct},t={id:e.id,shape:`class`,x:e.position.x,y:e.position.y,...S(e),data:e};c.value.addCell(c.value.createNode(t)),F()},k=e=>{_.value={...e,attributes:[...e.attributes||[]],methods:[...e.methods||[]]},g.value=!0},A=()=>{if(!c.value||!_.value)return;let e=c.value.getCellById(_.value.id);e&&(e.setData(_.value),e.prop(S(_.value))),g.value=!1,F()},j=()=>{!c.value||!_.value||(c.value.getCellById(_.value.id)?.remove(),g.value=!1,F())},M=()=>({classes:c.value?.getNodes().map(e=>({...e.getData(),position:e.getPosition()}))||[],relations:c.value?.getEdges().map(e=>({id:e.id,type:e.shape,source:e.getSourceCellId()||``,target:e.getTargetCellId()||``}))||[]}),F=()=>o(`data-change`,M());return U(c,e=>{e instanceof G&&(y(),h(),e.on(`node:dblclick`,({node:e})=>{!a.readonly&&e.getData()&&k(e.getData())}),o(`ready`,e),b([...at.map(e=>({id:e.id,shape:`class`,x:e.x,y:e.y,...S(e),data:{id:e.id,name:e.name,attributes:e.attributes,methods:e.methods,position:{x:e.x,y:e.y}}})),...ot]))},{immediate:!0}),U(()=>a.data,e=>{if(c.value&&e?.classes){let t=[`extends`,`composition`,`implement`,`aggregation`,`association`];b([...e.classes.map(e=>({id:e.id,shape:`class`,x:e.position?.x??50,y:e.position?.y??50,...S(e),data:e})),...(e.relations||[]).filter(e=>t.includes(e.type)).map(e=>({shape:e.type,source:e.source,target:e.target}))])}},{deep:!0}),P(()=>{u({interacting:!0,connecting:{...nt,createEdge:()=>c.value.createEdge(it),validateConnection:({sourceView:e,targetView:t,sourceMagnet:n,targetMagnet:r})=>e!==t&&!!n&&!!r&&n.getAttribute(`magnet`)===`true`&&r.getAttribute(`magnet`)===`true`},highlighting:rt})}),n({getGraph:()=>c.value,getData:M,addClass:O,centerContent:d,zoomToFit:f}),(t,n)=>(I(),w(`div`,lt,[t.showToolbar?(I(),w(`div`,ut,[D(V(v),null,{default:W(()=>[D(V(r),{onClick:O,type:`primary`,size:`small`},{icon:W(()=>[D(e,{name:`mdi:plus-box`,size:16})]),default:W(()=>[n[3]||=E(` 添加类 `,-1)]),_:1,__:[3]}),D(V(r),{onClick:V(d),size:`small`},{icon:W(()=>[D(e,{name:`mdi:image-filter-center-focus`,size:16})]),default:W(()=>[n[4]||=E(` 居中 `,-1)]),_:1,__:[4]},8,[`onClick`]),D(V(r),{onClick:V(f),size:`small`},{icon:W(()=>[D(e,{name:`mdi:fit-to-screen`,size:16})]),default:W(()=>[n[5]||=E(` 适应 `,-1)]),_:1,__:[5]},8,[`onClick`]),D(V(l),{options:V(p),onSelect:n[0]||=e=>V(m)(e,M)},{default:W(()=>[D(V(r),{size:`small`},{icon:W(()=>[D(e,{name:`mdi:export`,size:16})]),default:W(()=>[n[6]||=E(` 导出 `,-1)]),_:1,__:[6]})]),_:1},8,[`options`])]),_:1})])):C(`v-if`,!0),T(`div`,{ref_key:`containerRef`,ref:s,class:`graph-container`,style:N({width:a.width,height:a.height})},null,4),D(Ze,{show:g.value,"editing-class":_.value,"onUpdate:editingClass":n[1]||=e=>_.value=e,"onUpdate:show":n[2]||=e=>g.value=e,onSave:A,onDelete:j},null,8,[`show`,`editing-class`])]))}}),[[`__scopeId`,`data-v-1092fbdb`]]);const ft={class:`c-antv-container`};var pt=t(O({name:`C_AntV`,__name:`index`,props:{type:{},data:{},width:{default:`100%`},height:{default:`600px`},readonly:{type:Boolean,default:!1},showToolbar:{type:Boolean,default:!0},theme:{default:`light`}},emits:[`ready`,`data-change`],setup(e,{expose:t,emit:n}){let r=e,i=n,a=L(),o={er:he,bpmn:Ue,uml:dt},s=x(()=>o[r.type]),c=x(()=>{let e={width:r.width,height:r.height,readonly:r.readonly,showToolbar:r.showToolbar,theme:r.theme},t=r.data;if(r.type===`bpmn`&&r.data){let e=r.data;e&&typeof e==`object`&&`nodes`in e&&`edges`in e&&(t=[...(e.nodes||[]).map(e=>({...e,shape:e.type||e.shape||`rect`,x:e.x??0,y:e.y??0})),...(e.edges||[]).map(e=>({...e,shape:`edge`,x:0,y:0}))])}return{...e,data:t}}),l=e=>{i(`ready`,e)},u=e=>{let t;t=r.type===`bpmn`&&Array.isArray(e)?{nodes:e.filter(e=>e.shape!==`edge`).map(e=>{let{shape:t,x:n,y:r,...i}=e;return{...i,type:t===`rect`?`task`:t,x:n||0,y:r||0}}),edges:e.filter(e=>e.shape===`edge`).map(e=>{let{shape:t,x:n,y:r,...i}=e;return i}),flows:[]}:e,i(`data-change`,t)};return t({getGraph:()=>a.value?.getGraph?.(),getData:()=>{let e=a.value?.getData?.();return r.type===`bpmn`&&Array.isArray(e)?{nodes:e.filter(e=>e.shape!==`edge`),edges:e.filter(e=>e.shape===`edge`),flows:[]}:e}}),(e,t)=>(I(),w(`div`,ft,[(I(),S(z(s.value),A(c.value,{onReady:l,onDataChange:u,ref_key:`layoutRef`,ref:a}),null,16))]))}}),[[`__scopeId`,`data-v-f1ab77ea`]]);export{Y as i,Q as n,Z as r,pt as t};
 //# sourceMappingURL=C_AntV2.js.map