@billtaofbj/diagram 1.0.0 → 1.1.0

package/dist/index.es.js

@@ -5,23 +5,42 @@ import { ElMessage as P } from "element-plus";
 import F from "axios";
 import * as I from "yjs";
 import { HocuspocusProvider as L } from "@hocuspocus/provider";
-import { ArrowDown as R, ArrowLeft as z, Bell as B, Clock as V, Close as H, Delete as U, Link as W, Loading as G, Monitor as K, Picture as q, Plus as J, Promotion as Y, Setting as X, Share as ee } from "@element-plus/icons-vue";
-//#region ../../src/api/index.js
-var Z = F.create({
+import { ArrowDown as R, ArrowLeft as z, Bell as B, Clock as V, Close as H, Delete as U, Link as W, Loading as G, Monitor as K, Picture as ee, Plus as q, Promotion as te, Setting as J, Share as Y } from "@element-plus/icons-vue";
+F.create({
 	baseURL: "/api",
 	timeout: 3e4
-}), te = {
-	list: (e) => Z.get("/documents/", { params: e }),
-	get: (e) => Z.get(`/documents/${e}`),
-	create: (e) => Z.post("/documents/", e),
-	update: (e, t) => Z.put(`/documents/${e}`, t),
-	delete: (e) => Z.delete(`/documents/${e}`),
-	addAttachment: (e, t) => Z.post(`/documents/${e}/attachments`, t),
-	listAttachments: (e) => Z.get(`/documents/${e}/attachments`)
-};
+});
+function ne(e = "/api") {
+	let t = F.create({
+		baseURL: e,
+		timeout: 3e4
+	});
+	return {
+		list: (e) => t.get("/documents/", { params: e }),
+		get: (e) => t.get(`/documents/${e}`),
+		create: (e) => t.post("/documents/", e),
+		update: (e, n) => t.put(`/documents/${e}`, n),
+		delete: (e) => t.delete(`/documents/${e}`),
+		addAttachment: (e, n) => t.post(`/documents/${e}/attachments`, n),
+		listAttachments: (e) => t.get(`/documents/${e}/attachments`)
+	};
+}
+function re(e = "/api") {
+	let t = F.create({
+		baseURL: e,
+		timeout: 3e4
+	});
+	return {
+		get: (e) => t.get(`/questionnaires/${e}`),
+		create: (e) => t.post("/questionnaires/", e),
+		update: (e, n) => t.put(`/questionnaires/${e}`, n)
+	};
+}
+re("/api");
+var ie = ne("/api");
 //#endregion
 //#region ../../src/composables/useCollaboration.js
-function ne(e, t = {}) {
+function ae(e, t = {}) {
 	let n = new I.Doc(), r = y(!1), i = y(!1), a = y(null), o = y([]), s = y(!1), c = v({
 		name: `用户${Math.floor(Math.random() * 1e3)}`,
 		color: `#${Math.floor(Math.random() * 16777215).toString(16).padStart(6, "0")}`
@@ -157,7 +176,7 @@ function ne(e, t = {}) {
 }
 //#endregion
 //#region ../../src/utils/diagram-themes.js
-var re = {
+var X = {
 	classic: {
 		name: "经典",
 		description: "扁平化设计，简洁清晰",
@@ -488,7 +507,7 @@ var re = {
 		},
 		animation: { defaultDuration: 2 }
 	}
-}, ie = {
+}, oe = {
 	none: {
 		name: "无",
 		description: "默认无动画",
@@ -559,7 +578,7 @@ var re = {
 		description: "霓虹灯边框流动效果",
 		category: "glow"
 	}
-}, ae = {
+}, se = {
 	none: {
 		name: "无",
 		description: "默认无动画"
@@ -585,8 +604,8 @@ var re = {
 		description: "霓虹灯效果流动"
 	}
 };
-function oe(e, t, n) {
-	let r = (re[e] || re.classic).nodeStyle;
+function ce(e, t, n) {
+	let r = (X[e] || X.classic).nodeStyle;
 	return t ? {
 		color: "#409eff",
 		width: 3,
@@ -607,13 +626,13 @@ function oe(e, t, n) {
 		dasharray: "none"
 	};
 }
-function se(e) {
-	let t = (re[e] || re.classic).nodeStyle;
+function le(e) {
+	let t = (X[e] || X.classic).nodeStyle;
 	return t.sketchStyle ? "sketch" : t.shadow ? t.glowEffect ? "neon-glow" : t.backdropFilter ? "glass-shadow" : "shadow" : "none";
 }
 //#endregion
 //#region ../../src/composables/useProcessDiagram.js
-var ce = {
+var ue = {
 	start: {
 		label: "开始",
 		desc: "流程的起点，每个流程图只能有一个开始节点",
@@ -785,22 +804,22 @@ var ce = {
 		shape: "rect",
 		color: "#dcdfe6"
 	}
-}, le = ie, ue = {
+}, de = oe, fe = {
 	solid: { label: "实线" },
 	dashed: { label: "虚线" },
 	dotted: { label: "点线" },
 	animated: { label: "动画线" }
-}, de = {
+}, pe = {
 	flow: "业务流程图",
 	swimlane: "泳道图",
 	architecture: "架构图"
-}, fe = {
+}, me = {
 	approval: "审批流程图",
 	execution: "执行流程图",
 	dataflow: "数据流程图"
 };
-function pe(e, t, n, r = {}) {
-	let i = ce[e] || ce.process;
+function Z(e, t, n, r = {}) {
+	let i = ue[e] || ue.process;
 	return {
 		id: "node_" + Date.now() + "_" + Math.random().toString(36).substr(2, 6),
 		type: e,
@@ -831,7 +850,7 @@ function pe(e, t, n, r = {}) {
 		...r
 	};
 }
-function me(e, t, n = {}) {
+function he(e, t, n = {}) {
 	return {
 		id: "edge_" + Date.now() + "_" + Math.random().toString(36).substr(2, 6),
 		sourceId: e,
@@ -853,7 +872,7 @@ function me(e, t, n = {}) {
 		...n
 	};
 }
-function he(e, t = "horizontal", n = {}) {
+function ge(e, t = "horizontal", n = {}) {
 	return {
 		id: "swim_" + Date.now() + "_" + Math.random().toString(36).substr(2, 6),
 		name: e,
@@ -876,7 +895,7 @@ function he(e, t = "horizontal", n = {}) {
 		...n
 	};
 }
-function ge(e, t, n = {}) {
+function _e(e, t, n = {}) {
 	return {
 		id: "lane_" + Date.now() + "_" + Math.random().toString(36).substr(2, 6),
 		swimlaneId: e,
@@ -895,7 +914,7 @@ function ge(e, t, n = {}) {
 		...n
 	};
 }
-function _e(e = "process", n = null) {
+function ve(e = "process", n = null) {
 	let r = e === "process", i = [
 		"start",
 		"end",
@@ -958,7 +977,7 @@ function _e(e = "process", n = null) {
 			dataflow: o,
 			execution: s
 		}[g.value] || i;
-		return Object.fromEntries(e.map((e) => [e, ce[e]]));
+		return Object.fromEntries(e.map((e) => [e, ue[e]]));
 	}), w = t(() => c.find((e) => e.id === d.value) || null), T = t(() => l.find((e) => e.id === f.value) || null), E = () => {
 		x.value.push(JSON.parse(JSON.stringify({
 			nodes: c,
@@ -985,23 +1004,23 @@ function _e(e = "process", n = null) {
 		c.length = 0, l.length = 0, u.length = 0, c.push(...e.nodes), l.push(...e.edges), u.push(...e.swimlanes);
 	}, k = (e, t, n, r) => {
 		E();
-		let i = pe(e, t, n, r);
+		let i = Z(e, t, n, r);
 		return c.push(i), i;
 	}, A = (e, t, n) => {
 		let r = l.find((n) => n.sourceId === e && n.targetId === t);
 		if (r) return r;
 		E();
-		let i = me(e, t, n);
+		let i = he(e, t, n);
 		return l.push(i), i;
 	}, j = (e, t, n) => {
 		E();
-		let r = he(e, t, n);
+		let r = ge(e, t, n);
 		return u.push(r), r;
 	}, M = (e, t, n) => {
 		E();
 		let r = u.find((t) => t.id === e);
 		if (!r) return null;
-		let i = r.lanes?.reduce((e, t) => e + (t.width || 200), 0) || 0, a = r.lanes?.length || 0, o = ge(e, t, {
+		let i = r.lanes?.reduce((e, t) => e + (t.width || 200), 0) || 0, a = r.lanes?.length || 0, o = _e(e, t, {
 			width: r.direction === "vertical" && a > 0 ? Math.floor(i / a) : 200,
 			...n
 		});
@@ -1052,28 +1071,28 @@ function _e(e = "process", n = null) {
 		c.forEach((r, i) => {
 			e === "vertical" ? (r.x = 300, r.y = n, n += r.height + t) : (r.x = 50 + i * (r.width + t), r.y = 200);
 		});
-	}, q = (e) => {
+	}, ee = (e) => {
 		switch (R(), e) {
 			case "approval":
-				J();
+				q();
 				break;
 			case "execution":
-				Y();
+				te();
 				break;
 			case "dataflow":
-				X();
+				J();
 				break;
 			case "business":
-				ee();
+				Y();
 				break;
 			case "h-swimlane":
-				Z();
+				ne();
 				break;
 			case "v-swimlane":
-				te();
+				re();
 				break;
 		}
-	}, J = () => {
+	}, q = () => {
 		_.value = "审批流程";
 		let e = k("start", 300, 30), t = k("person", 290, 130);
 		t.label = "申请人";
@@ -1087,7 +1106,7 @@ function _e(e = "process", n = null) {
 		a.label = "系统通知";
 		let o = k("end", 300, 730);
 		A(e.id, t.id), A(t.id, n.id), A(n.id, r.id), A(r.id, i.id, { label: "否" }), A(r.id, a.id, { label: "是" }), A(i.id, a.id), A(a.id, o.id);
-	}, Y = () => {
+	}, te = () => {
 		_.value = "程序执行流程";
 		let e = k("start", 300, 30), t = k("api", 260, 130);
 		t.label = "接收请求";
@@ -1103,7 +1122,7 @@ function _e(e = "process", n = null) {
 		o.label = "返回响应";
 		let s = k("end", 300, 850), c = k("code", 480, 370);
 		c.label = "返回错误码", A(e.id, t.id), A(t.id, n.id), A(n.id, r.id), A(r.id, i.id, { label: "是" }), A(r.id, c.id, { label: "否" }), A(i.id, a.id), A(a.id, o.id), A(o.id, s.id), A(c.id, s.id);
-	}, X = () => {
+	}, J = () => {
 		_.value = "数据流程图";
 		let e = k("start", 300, 30), t = k("data", 260, 130);
 		t.label = "数据源输入";
@@ -1119,7 +1138,7 @@ function _e(e = "process", n = null) {
 		o.label = "生成报表";
 		let s = k("end", 300, 890);
 		A(e.id, t.id), A(t.id, n.id), A(n.id, r.id), A(r.id, i.id), A(i.id, a.id, { label: "通过" }), A(a.id, o.id), A(o.id, s.id);
-	}, ee = () => {
+	}, Y = () => {
 		_.value = "业务流程图";
 		let e = k("start", 300, 30);
 		e.label = "客户提交申请";
@@ -1143,7 +1162,7 @@ function _e(e = "process", n = null) {
 		l.label = "退回补正";
 		let u = k("annotation", 480, 610);
 		u.label = "驳回并说明原因", A(e.id, t.id), A(t.id, n.id), A(n.id, r.id), A(r.id, i.id, { label: "是" }), A(r.id, l.id, { label: "否" }), A(l.id, t.id), A(i.id, a.id), A(a.id, o.id, { label: "通过" }), A(a.id, u.id, { label: "驳回" }), A(u.id, c.id), A(o.id, s.id), A(s.id, c.id);
-	}, Z = () => {
+	}, ne = () => {
 		_.value = "水平泳道图 - 订单处理";
 		let e = j("订单处理流程", "horizontal", {
 			width: 900,
@@ -1168,7 +1187,7 @@ function _e(e = "process", n = null) {
 		c.label = "安排物流";
 		let l = k("end", 460, 370);
 		l.label = "送达客户", A(t.id, n.id), A(n.id, r.id), A(r.id, i.id), A(i.id, a.id), A(a.id, o.id, { label: "有货" }), A(a.id, s.id, { label: "缺货" }), A(o.id, s.id), A(s.id, c.id), A(c.id, l.id);
-	}, te = () => {
+	}, re = () => {
 		_.value = "垂直泳道图 - 审批流程";
 		let e = j("审批流程", "vertical", {
 			width: 750,
@@ -1194,8 +1213,8 @@ function _e(e = "process", n = null) {
 	};
 	return {
 		NODE_TYPES: C,
-		ANIMATION_TYPES: le,
-		LINE_STYLES: ue,
+		ANIMATION_TYPES: de,
+		LINE_STYLES: fe,
 		nodes: c,
 		edges: l,
 		swimlanes: u,
@@ -1232,14 +1251,14 @@ function _e(e = "process", n = null) {
 		toJSON: W,
 		fromJSON: G,
 		autoLayout: K,
-		loadTemplate: q,
-		createNode: pe,
-		createEdge: me,
-		PROCESS_TYPE_LABELS: de,
-		EXECUTION_TYPE_LABELS: fe,
-		THEMES: re,
-		ANIMATIONS: ie,
-		EDGE_ANIMATIONS: ae
+		loadTemplate: ee,
+		createNode: Z,
+		createEdge: he,
+		PROCESS_TYPE_LABELS: pe,
+		EXECUTION_TYPE_LABELS: me,
+		THEMES: X,
+		ANIMATIONS: oe,
+		EDGE_ANIMATIONS: se
 	};
 }
 //#endregion
@@ -1248,22 +1267,22 @@ var Q = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, $ = { class: "chat-header" }, ve = { class: "chat-header-left" }, ye = { class: "chat-title" }, be = { class: "online-users-list" }, xe = { class: "online-user-item" }, Se = { class: "online-user-name" }, Ce = { key: 1 }, we = { class: "online-user-name" }, Te = { class: "chat-header-right" }, Ee = {
+}, ye = { class: "chat-header" }, be = { class: "chat-header-left" }, xe = { class: "chat-title" }, Se = { class: "online-users-list" }, Ce = { class: "online-user-item" }, we = { class: "online-user-name" }, $ = { key: 1 }, Te = { class: "online-user-name" }, Ee = { class: "chat-header-right" }, De = {
 	key: 0,
 	class: "chat-empty"
-}, De = { class: "chat-empty-hint" }, Oe = { key: 1 }, ke = { class: "message-content" }, Ae = {
+}, Oe = { class: "chat-empty-hint" }, ke = { key: 1 }, Ae = { class: "message-content" }, je = {
 	key: 0,
 	class: "message-meta"
-}, je = {
+}, Me = {
 	key: 0,
 	class: "message-mention"
-}, Me = ["innerHTML"], Ne = { class: "message-time" }, Pe = {
+}, Ne = ["innerHTML"], Pe = { class: "message-time" }, Fe = {
 	key: 1,
 	class: "chat-message chat-message-ai"
-}, Fe = { class: "message-avatar ai" }, Ie = { class: "chat-input-area" }, Le = {
+}, Ie = { class: "message-avatar ai" }, Le = { class: "chat-input-area" }, Re = {
 	key: 0,
 	class: "mention-popup"
-}, Re = ["onClick", "onMouseenter"], ze = { key: 1 }, Be = /*#__PURE__*/ Q({
+}, ze = ["onClick", "onMouseenter"], Be = { key: 1 }, Ve = /*#__PURE__*/ Q({
 	__name: "AiChatPanel",
 	props: {
 		visible: {
@@ -1345,7 +1364,7 @@ var Q = (e, t) => {
 		}, G = (e) => {
 			let t = h.value.slice(0, M), n = h.value.slice(M + j.length + 1);
 			h.value = `${t}@${e.name} ${n}`, w.value = !1;
-		}, q = (e) => {
+		}, ee = (e) => {
 			if (e) {
 				if (e.shiftKey) return;
 				if (w.value) {
@@ -1365,19 +1384,19 @@ var Q = (e, t) => {
 				e && (n = e[1]);
 			}
 			d("send", t, { mentionedUser: n }), h.value = "", w.value = !1;
-		}, J = () => {
+		}, q = () => {
 			f(() => {
 				g.value && (g.value.scrollTop = g.value.scrollHeight);
 			});
 		};
-		return E(() => u.messages.length, J), E(() => u.messages, J, { deep: !0 }), (t, l) => {
+		return E(() => u.messages.length, q), E(() => u.messages, q, { deep: !0 }), (t, l) => {
 			let u = x("el-icon"), f = x("el-tag"), y = x("el-popover"), E = x("el-button"), j = x("el-input");
 			return o.visible ? (_(), i("div", {
 				key: 0,
 				class: "ai-chat-panel",
 				style: m({ width: o.panelWidth + "px" })
 			}, [
-				a("div", $, [a("div", ve, [
+				a("div", ye, [a("div", be, [
 					c(u, {
 						size: 18,
 						color: "#409EFF"
@@ -1385,7 +1404,7 @@ var Q = (e, t) => {
 						default: D(() => [c(C(K))]),
 						_: 1
 					}),
-					a("span", ye, S(o.isCollab ? "协作聊天" : "AI 助手"), 1),
+					a("span", xe, S(o.isCollab ? "协作聊天" : "AI 助手"), 1),
 					o.isCollab ? (_(), n(y, {
 						key: 0,
 						width: 200,
@@ -1401,12 +1420,12 @@ var Q = (e, t) => {
 							default: D(() => [s(S(F.value) + "人在线 ", 1)]),
 							_: 1
 						})]),
-						default: D(() => [a("div", be, [a("div", xe, [
+						default: D(() => [a("div", Se, [a("div", Ce, [
 							a("div", {
 								class: "online-user-avatar",
 								style: m({ background: o.currentUser.color || "#409EFF" })
 							}, S((o.currentUser.name || "U").charAt(0)), 5),
-							a("span", Se, S(o.currentUser.name || "我"), 1),
+							a("span", we, S(o.currentUser.name || "我"), 1),
 							c(f, {
 								size: "small",
 								type: o.isOwner ? "warning" : "success",
@@ -1430,8 +1449,8 @@ var Q = (e, t) => {
 							}, {
 								default: D(() => [c(C(K))]),
 								_: 1
-							})) : (_(), i("span", Ce, S((e.name || "U").charAt(0)), 1))], 4),
-							a("span", we, S(e.name || "未知用户"), 1),
+							})) : (_(), i("span", $, S((e.name || "U").charAt(0)), 1))], 4),
+							a("span", Te, S(e.name || "未知用户"), 1),
 							e.isAi ? (_(), n(f, {
 								key: 0,
 								size: "small",
@@ -1454,7 +1473,7 @@ var Q = (e, t) => {
 						]))), 128))])]),
 						_: 1
 					})) : r("", !0)
-				]), a("div", Te, [
+				]), a("div", Ee, [
 					o.isCollab && o.unreadMention ? (_(), i("div", {
 						key: 0,
 						class: "mention-bell",
@@ -1499,7 +1518,7 @@ var Q = (e, t) => {
 					ref_key: "messagesRef",
 					ref: g
 				}, [
-					o.messages.length === 0 ? (_(), i("div", Ee, [
+					o.messages.length === 0 ? (_(), i("div", De, [
 						c(u, {
 							size: 40,
 							color: "#c0c4cc"
@@ -1508,7 +1527,7 @@ var Q = (e, t) => {
 							_: 1
 						}),
 						a("p", null, S(o.isCollab ? "协作聊天室" : "你好！我是 AI 助手"), 1),
-						a("p", De, S(o.isCollab ? "与团队成员和AI助手实时聊天" : "可以问我任何关于文档编辑的问题"), 1)
+						a("p", Oe, S(o.isCollab ? "与团队成员和AI助手实时聊天" : "可以问我任何关于文档编辑的问题"), 1)
 					])) : r("", !0),
 					(_(!0), i(e, null, b(o.messages, (e) => (_(), i("div", {
 						key: e._msgId || e.time + e.content,
@@ -1522,18 +1541,18 @@ var Q = (e, t) => {
 					}, {
 						default: D(() => [c(C(K))]),
 						_: 1
-					})) : (_(), i("span", Oe, S(R(e)), 1))], 4), a("div", ke, [
-						o.isCollab && e.role === "user" ? (_(), i("div", Ae, [a("span", {
+					})) : (_(), i("span", ke, S(R(e)), 1))], 4), a("div", Ae, [
+						o.isCollab && e.role === "user" ? (_(), i("div", je, [a("span", {
 							class: "message-sender",
 							style: m({ color: e.user_color || "#67C23A" })
-						}, S(e.user_name || "用户"), 5), e.mentioned_user ? (_(), i("span", je, "@" + S(e.mentioned_user), 1)) : r("", !0)])) : r("", !0),
+						}, S(e.user_name || "用户"), 5), e.mentioned_user ? (_(), i("span", Me, "@" + S(e.mentioned_user), 1)) : r("", !0)])) : r("", !0),
 						a("div", {
 							class: "message-text",
 							innerHTML: e.content
-						}, null, 8, Me),
-						a("div", Ne, S(e.time), 1)
+						}, null, 8, Ne),
+						a("div", Pe, S(e.time), 1)
 					])], 2))), 128)),
-					o.loading ? (_(), i("div", Pe, [a("div", Fe, [c(u, { size: 16 }, {
+					o.loading ? (_(), i("div", Fe, [a("div", Ie, [c(u, { size: 16 }, {
 						default: D(() => [c(C(K))]),
 						_: 1
 					})]), l[7] ||= a("div", { class: "message-content" }, [a("div", { class: "message-text typing-indicator" }, [
@@ -1542,7 +1561,7 @@ var Q = (e, t) => {
 						a("span")
 					])], -1)])) : r("", !0)
 				], 512),
-				a("div", Ie, [a("div", {
+				a("div", Le, [a("div", {
 					class: "chat-input-wrapper",
 					ref_key: "inputWrapperRef",
 					ref: v
@@ -1557,7 +1576,7 @@ var Q = (e, t) => {
 						},
 						placeholder: o.isCollab ? "输入消息... @提及成员" : "输入消息...",
 						onKeydown: [
-							k(A(q, ["exact"]), ["enter"]),
+							k(A(ee, ["exact"]), ["enter"]),
 							k(A(V, ["prevent"]), ["down"]),
 							k(A(W, ["prevent"]), ["up"])
 						],
@@ -1568,7 +1587,7 @@ var Q = (e, t) => {
 						"placeholder",
 						"onKeydown"
 					]),
-					w.value ? (_(), i("div", Le, [(_(!0), i(e, null, b(T.value, (e, t) => (_(), i("div", {
+					w.value ? (_(), i("div", Re, [(_(!0), i(e, null, b(T.value, (e, t) => (_(), i("div", {
 						key: e.id || e.clientId,
 						class: p(["mention-item", { active: t === O.value }]),
 						onClick: (t) => G(e),
@@ -1582,16 +1601,16 @@ var Q = (e, t) => {
 					}, {
 						default: D(() => [c(C(K))]),
 						_: 1
-					})) : (_(), i("span", ze, S((e.name || "U").charAt(0)), 1))], 4), a("span", null, S(e.name), 1)], 42, Re))), 128))])) : r("", !0),
+					})) : (_(), i("span", Be, S((e.name || "U").charAt(0)), 1))], 4), a("span", null, S(e.name), 1)], 42, ze))), 128))])) : r("", !0),
 					c(E, {
 						class: "send-btn",
 						type: "primary",
 						circle: "",
 						disabled: !h.value.trim() || o.loading,
-						onClick: q
+						onClick: ee
 					}, {
 						default: D(() => [c(u, null, {
-							default: D(() => [c(C(Y))]),
+							default: D(() => [c(C(te))]),
 							_: 1
 						})]),
 						_: 1
@@ -1603,7 +1622,7 @@ var Q = (e, t) => {
 }, [["__scopeId", "data-v-01960100"]]);
 //#endregion
 //#region ../../src/composables/useChat.js
-function Ve() {
+function He() {
 	let e = y([]), t = y(!1), n = y(!1), r = y([]), i = y({
 		id: "",
 		name: "",
@@ -1751,7 +1770,7 @@ function Ve() {
 }
 //#endregion
 //#region ../../src/composables/useVersionHistory.js
-var He = "/api/document-versions", Ue = 5e3, We = () => {
+var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 	let e = y([]), t = y(!1);
 	return {
 		versions: e,
@@ -1759,13 +1778,13 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 		saveVersion: async ({ documentId: e, docType: t, content: n, userId: r, userName: i }) => {
 			if (!e || !t || !n) return null;
 			try {
-				let { data: a } = await F.post(He, {
+				let { data: a } = await F.post(Ue, {
 					document_id: e,
 					doc_type: t,
 					content: typeof n == "string" ? n : JSON.stringify(n),
 					user_id: r || null,
 					user_name: i || null
-				}, { timeout: Ue });
+				}, { timeout: We });
 				return a;
 			} catch (e) {
 				return console.warn("[useVersionHistory] Failed to save version:", e), null;
@@ -1775,9 +1794,9 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 			if (!n) return [];
 			t.value = !0;
 			try {
-				let { data: t } = await F.get(He, {
+				let { data: t } = await F.get(Ue, {
 					params: { document_id: n },
-					timeout: Ue
+					timeout: We
 				});
 				return e.value = t, t;
 			} catch (t) {
@@ -1788,26 +1807,26 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 		},
 		getVersionContent: async (e) => {
 			try {
-				let { data: t } = await F.get(`${He}/${e}`, { timeout: Ue });
+				let { data: t } = await F.get(`${Ue}/${e}`, { timeout: We });
 				return t;
 			} catch (e) {
 				return console.warn("[useVersionHistory] Failed to get version content:", e), null;
 			}
 		}
 	};
-}, Ge = { class: "version-history-panel" }, Ke = {
+}, Ke = { class: "version-history-panel" }, qe = {
 	key: 0,
 	class: "loading-state"
-}, qe = {
+}, Je = {
 	key: 1,
 	class: "empty-state"
-}, Je = {
+}, Ye = {
 	key: 2,
 	class: "version-list"
-}, Ye = {
+}, Xe = {
 	key: 0,
 	class: "current-version"
-}, Xe = { class: "current-version-header" }, Ze = { class: "version-number" }, Qe = ["onClick"], $e = { class: "version-number" }, et = { class: "version-user" }, tt = { class: "panel-footer" }, nt = /*#__PURE__*/ Q({
+}, Ze = { class: "current-version-header" }, Qe = { class: "version-number" }, $e = ["onClick"], et = { class: "version-number" }, tt = { class: "version-user" }, nt = { class: "panel-footer" }, rt = /*#__PURE__*/ Q({
 	__name: "VersionHistoryPanel",
 	props: {
 		modelValue: {
@@ -1821,7 +1840,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 	},
 	emits: ["update:modelValue", "apply"],
 	setup(t, { expose: o, emit: l }) {
-		let u = t, d = l, { versions: f, loading: m, loadVersions: h, getVersionContent: g } = We(), v = y(!1), w = y(null), T = y(!1), O = y(null);
+		let u = t, d = l, { versions: f, loading: m, loadVersions: h, getVersionContent: g } = Ge(), v = y(!1), w = y(null), T = y(!1), O = y(null);
 		E(() => u.modelValue, (e) => {
 			v.value = e, e && u.documentId && (w.value = null, h(u.documentId).then((e) => {
 				e && e.length > 0 && (O.value = e[0]);
@@ -1858,7 +1877,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				size: "420px",
 				"before-close": j
 			}, {
-				footer: D(() => [a("div", tt, [c(g, {
+				footer: D(() => [a("div", nt, [c(g, {
 					type: "primary",
 					disabled: !w.value,
 					loading: T.value,
@@ -1867,22 +1886,22 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					default: D(() => [...o[4] ||= [s(" 切换到此版本 ", -1)]]),
 					_: 1
 				}, 8, ["disabled", "loading"])])]),
-				default: D(() => [a("div", Ge, [C(m) ? (_(), i("div", Ke, [c(l, { class: "is-loading" }, {
+				default: D(() => [a("div", Ke, [C(m) ? (_(), i("div", qe, [c(l, { class: "is-loading" }, {
 					default: D(() => [c(C(G))]),
 					_: 1
-				}), o[1] ||= a("span", null, "加载中...", -1)])) : C(f).length === 0 ? (_(), i("div", qe, [c(l, {
+				}), o[1] ||= a("span", null, "加载中...", -1)])) : C(f).length === 0 ? (_(), i("div", Je, [c(l, {
 					size: 48,
 					color: "#c0c4cc"
 				}, {
 					default: D(() => [c(C(V))]),
 					_: 1
-				}), o[2] ||= a("p", null, "暂无历史版本", -1)])) : (_(), i("div", Je, [O.value ? (_(), i("div", Ye, [a("div", Xe, [c(u, {
+				}), o[2] ||= a("p", null, "暂无历史版本", -1)])) : (_(), i("div", Ye, [O.value ? (_(), i("div", Xe, [a("div", Ze, [c(u, {
 					type: "success",
 					size: "small"
 				}, {
 					default: D(() => [...o[3] ||= [s("当前版本", -1)]]),
 					_: 1
-				}), a("span", Ze, "v" + S(O.value.version_number), 1)])])) : r("", !0), c(h, null, {
+				}), a("span", Qe, "v" + S(O.value.version_number), 1)])])) : r("", !0), c(h, null, {
 					default: D(() => [(_(!0), i(e, null, b(C(f), (e) => (_(), n(d, {
 						key: e.id,
 						timestamp: M(e.created_at),
@@ -1893,7 +1912,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						default: D(() => [a("div", {
 							class: p(["version-item", { active: w.value?.id === e.id }]),
 							onClick: (t) => k(e)
-						}, [a("span", $e, "版本号：v" + S(e.version_number), 1), a("span", et, "提交人：" + S(e.user_name || "未知用户"), 1)], 10, Qe)]),
+						}, [a("span", et, "版本号：v" + S(e.version_number), 1), a("span", tt, "提交人：" + S(e.user_name || "未知用户"), 1)], 10, $e)]),
 						_: 2
 					}, 1032, [
 						"timestamp",
@@ -1906,77 +1925,77 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 			}, 8, ["modelValue"]);
 		};
 	}
-}, [["__scopeId", "data-v-87924b7c"]]), rt = { class: "node-palette" }, it = { class: "palette-header" }, at = { class: "palette-search" }, ot = { class: "palette-list" }, st = ["onDragstart"], ct = {
+}, [["__scopeId", "data-v-87924b7c"]]), it = { class: "node-palette" }, at = { class: "palette-header" }, ot = { class: "palette-search" }, st = { class: "palette-list" }, ct = ["onDragstart"], lt = {
 	key: 0,
 	width: "24",
 	height: "24",
 	viewBox: "0 0 24 24"
-}, lt = {
+}, ut = {
 	key: 1,
 	width: "24",
 	height: "24",
 	viewBox: "0 0 24 24"
-}, ut = ["fill"], dt = {
+}, dt = ["fill"], ft = {
 	key: 2,
 	width: "24",
 	height: "24",
 	viewBox: "0 0 24 24"
-}, ft = ["fill"], pt = {
+}, pt = ["fill"], mt = {
 	key: 3,
 	width: "24",
 	height: "24",
 	viewBox: "0 0 24 24"
-}, mt = ["fill"], ht = ["stroke"], gt = {
+}, ht = ["fill"], gt = ["stroke"], _t = {
 	key: 4,
 	width: "24",
 	height: "24",
 	viewBox: "0 0 24 24"
-}, _t = ["fill"], vt = ["fill"], yt = {
+}, vt = ["fill"], yt = ["fill"], bt = {
 	key: 5,
 	width: "24",
 	height: "24",
 	viewBox: "0 0 24 24"
-}, bt = ["fill"], xt = {
+}, xt = ["fill"], St = {
 	key: 6,
 	width: "24",
 	height: "24",
 	viewBox: "0 0 24 24"
-}, St = ["fill"], Ct = {
+}, Ct = ["fill"], wt = {
 	key: 7,
 	width: "24",
 	height: "24",
 	viewBox: "0 0 24 24"
-}, wt = ["fill"], Tt = {
+}, Tt = ["fill"], Et = {
 	key: 8,
 	width: "24",
 	height: "24",
 	viewBox: "0 0 24 24"
-}, Et = ["fill"], Dt = {
+}, Dt = ["fill"], Ot = {
 	key: 9,
 	width: "24",
 	height: "24",
 	viewBox: "0 0 24 24"
-}, Ot = ["fill"], kt = {
+}, kt = ["fill"], At = {
 	key: 10,
 	width: "24",
 	height: "24",
 	viewBox: "0 0 24 24"
-}, At = ["fill"], jt = ["fill"], Mt = {
+}, jt = ["fill"], Mt = ["fill"], Nt = {
 	key: 11,
 	width: "24",
 	height: "24",
 	viewBox: "0 0 24 24"
-}, Nt = ["fill"], Pt = ["fill"], Ft = {
+}, Pt = ["fill"], Ft = ["fill"], It = {
 	key: 12,
 	width: "24",
 	height: "24",
 	viewBox: "0 0 24 24"
-}, It = ["fill"], Lt = {
+}, Lt = ["fill"], Rt = {
 	key: 13,
 	width: "24",
 	height: "24",
 	viewBox: "0 0 24 24"
-}, Rt = ["fill"], zt = { class: "palette-label" }, Bt = /*#__PURE__*/ Q({
+}, zt = ["fill"], Bt = { class: "palette-label" }, Vt = /*#__PURE__*/ Q({
 	__name: "NodePalette",
 	props: {
 		NODE_TYPES: {
@@ -1990,68 +2009,73 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 		typeDisabled: {
 			type: Boolean,
 			default: !1
+		},
+		showTypeSelector: {
+			type: Boolean,
+			default: !0
 		}
 	},
 	emits: ["set-type"],
-	setup(r, { emit: o }) {
-		let l = r, u = y(""), d = t(() => {
-			if (!u.value) return l.NODE_TYPES;
-			let e = u.value.toLowerCase(), t = {};
-			for (let [n, r] of Object.entries(l.NODE_TYPES)) (r.label.toLowerCase().includes(e) || r.desc && r.desc.toLowerCase().includes(e)) && (t[n] = r);
+	setup(o, { emit: l }) {
+		let u = o, d = y(""), f = t(() => {
+			if (!d.value) return u.NODE_TYPES;
+			let e = d.value.toLowerCase(), t = {};
+			for (let [n, r] of Object.entries(u.NODE_TYPES)) (r.label.toLowerCase().includes(e) || r.desc && r.desc.toLowerCase().includes(e)) && (t[n] = r);
 			return t;
-		}), f = (e, t) => {
+		}), p = (e, t) => {
 			e.dataTransfer.setData("node-type", t), e.dataTransfer.effectAllowed = "copy";
 		};
-		return (t, o) => {
-			let l = x("el-icon"), p = x("el-button"), h = x("el-dropdown-item"), g = x("el-dropdown-menu"), v = x("el-dropdown"), y = x("el-input"), w = x("el-tooltip");
-			return _(), i("div", rt, [
-				a("div", it, [o[6] ||= a("h4", null, "组件库", -1), c(v, {
+		return (t, l) => {
+			let u = x("el-icon"), h = x("el-button"), g = x("el-dropdown-item"), v = x("el-dropdown-menu"), y = x("el-dropdown"), w = x("el-input"), T = x("el-tooltip");
+			return _(), i("div", it, [
+				a("div", at, [l[6] ||= a("h4", null, "组件库", -1), o.showTypeSelector ? (_(), n(y, {
+					key: 0,
 					trigger: "click",
-					onCommand: o[0] ||= (e) => t.$emit("set-type", e),
+					onCommand: l[0] ||= (e) => t.$emit("set-type", e),
 					size: "small"
 				}, {
-					dropdown: D(() => [c(g, null, {
+					dropdown: D(() => [c(v, null, {
 						default: D(() => [
-							c(h, { command: "flow" }, {
-								default: D(() => [...o[2] ||= [s("业务流程图", -1)]]),
+							c(g, { command: "flow" }, {
+								default: D(() => [...l[2] ||= [s("业务流程图", -1)]]),
 								_: 1
 							}),
-							c(h, { command: "approval" }, {
-								default: D(() => [...o[3] ||= [s("审批流程图", -1)]]),
+							c(g, { command: "approval" }, {
+								default: D(() => [...l[3] ||= [s("审批流程图", -1)]]),
 								_: 1
 							}),
-							c(h, { command: "execution" }, {
-								default: D(() => [...o[4] ||= [s("执行流程图", -1)]]),
+							c(g, { command: "execution" }, {
+								default: D(() => [...l[4] ||= [s("执行流程图", -1)]]),
 								_: 1
 							}),
-							c(h, { command: "dataflow" }, {
-								default: D(() => [...o[5] ||= [s("数据流程图", -1)]]),
+							c(g, { command: "dataflow" }, {
+								default: D(() => [...l[5] ||= [s("数据流程图", -1)]]),
 								_: 1
 							})
 						]),
 						_: 1
 					})]),
-					default: D(() => [c(p, {
+					default: D(() => [c(h, {
 						size: "small",
-						disabled: r.typeDisabled
+						disabled: o.typeDisabled
 					}, {
-						default: D(() => [s(S(r.diagramTypeLabel) + " ", 1), c(l, null, {
+						default: D(() => [s(S(o.diagramTypeLabel) + " ", 1), c(u, null, {
 							default: D(() => [c(C(R))]),
 							_: 1
 						})]),
 						_: 1
 					}, 8, ["disabled"])]),
 					_: 1
-				})]),
-				a("div", at, [c(y, {
+				})) : r("", !0)]),
+				a("div", ot, [c(w, {
 					size: "small",
-					modelValue: u.value,
-					"onUpdate:modelValue": o[1] ||= (e) => u.value = e,
+					modelValue: d.value,
+					"onUpdate:modelValue": l[1] ||= (e) => d.value = e,
 					placeholder: "搜索...",
 					clearable: "",
 					"prefix-icon": "Search"
 				}, null, 8, ["modelValue"])]),
-				a("div", ot, [(_(!0), i(e, null, b(d.value, (e, t) => (_(), n(w, {
+				a("div", st, [(_(!0), i(e, null, b(f.value, (e, t) => (_(), n(T, {
 					key: t,
 					content: e.desc || e.label,
 					placement: "right",
@@ -2061,11 +2085,11 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					default: D(() => [a("div", {
 						class: "palette-item",
 						draggable: "true",
-						onDragstart: (e) => f(e, t)
+						onDragstart: (e) => p(e, t)
 					}, [a("div", {
 						class: "palette-icon",
 						style: m({ background: e.color })
-					}, [t === "custom" ? (_(), i("svg", ct, [...o[7] ||= [
+					}, [t === "custom" ? (_(), i("svg", lt, [...l[7] ||= [
 						a("rect", {
 							x: "3",
 							y: "3",
@@ -2093,7 +2117,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 							stroke: "#909399",
 							"stroke-width": "1.5"
 						}, null, -1)
-					]])) : e.shape === "ellipse" ? (_(), i("svg", lt, [a("ellipse", {
+					]])) : e.shape === "ellipse" ? (_(), i("svg", ut, [a("ellipse", {
 						cx: "12",
 						cy: "12",
 						rx: "10",
@@ -2101,22 +2125,22 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						fill: e.color,
 						stroke: "#fff",
 						"stroke-width": "1"
-					}, null, 8, ut)])) : e.shape === "diamond" ? (_(), i("svg", dt, [a("polygon", {
+					}, null, 8, dt)])) : e.shape === "diamond" ? (_(), i("svg", ft, [a("polygon", {
 						points: "12,2 22,12 12,22 2,12",
 						fill: e.color,
 						stroke: "#fff",
 						"stroke-width": "1"
-					}, null, 8, ft)])) : e.shape === "person" ? (_(), i("svg", pt, [a("circle", {
+					}, null, 8, pt)])) : e.shape === "person" ? (_(), i("svg", mt, [a("circle", {
 						cx: "12",
 						cy: "8",
 						r: "4",
 						fill: e.color
-					}, null, 8, mt), a("path", {
+					}, null, 8, ht), a("path", {
 						d: "M4 22 Q12 14 20 22",
 						fill: "none",
 						stroke: e.color,
 						"stroke-width": "2"
-					}, null, 8, ht)])) : e.shape === "cylinder" ? (_(), i("svg", gt, [
+					}, null, 8, gt)])) : e.shape === "cylinder" ? (_(), i("svg", _t, [
 						a("ellipse", {
 							cx: "12",
 							cy: "7",
@@ -2125,21 +2149,21 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 							fill: e.color,
 							stroke: "#fff",
 							"stroke-width": "0.5"
-						}, null, 8, _t),
+						}, null, 8, vt),
 						a("rect", {
 							x: "3",
 							y: "7",
 							width: "18",
 							height: "10",
 							fill: e.color
-						}, null, 8, vt),
-						o[8] ||= a("path", {
+						}, null, 8, yt),
+						l[8] ||= a("path", {
 							d: "M3 7 Q3 17 12 17 Q21 17 21 7",
 							fill: "none",
 							stroke: "#fff",
 							"stroke-width": "0.5"
 						}, null, -1),
-						o[9] ||= a("ellipse", {
+						l[9] ||= a("ellipse", {
 							cx: "12",
 							cy: "7",
 							rx: "9",
@@ -2148,12 +2172,12 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 							stroke: "#fff",
 							"stroke-width": "1"
 						}, null, -1)
-					])) : e.shape === "hexagon" ? (_(), i("svg", yt, [a("polygon", {
+					])) : e.shape === "hexagon" ? (_(), i("svg", bt, [a("polygon", {
 						points: "7,2 17,2 22,12 17,22 7,22 2,12",
 						fill: e.color,
 						stroke: "#fff",
 						"stroke-width": "1"
-					}, null, 8, bt)])) : e.shape === "timer" ? (_(), i("svg", xt, [
+					}, null, 8, xt)])) : e.shape === "timer" ? (_(), i("svg", St, [
 						a("circle", {
 							cx: "12",
 							cy: "12",
@@ -2161,8 +2185,8 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 							fill: e.color,
 							stroke: "#fff",
 							"stroke-width": "1"
-						}, null, 8, St),
-						o[10] ||= a("line", {
+						}, null, 8, Ct),
+						l[10] ||= a("line", {
 							x1: "12",
 							y1: "12",
 							x2: "12",
@@ -2171,7 +2195,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 							"stroke-width": "1.5",
 							"stroke-linecap": "round"
 						}, null, -1),
-						o[11] ||= a("line", {
+						l[11] ||= a("line", {
 							x1: "12",
 							y1: "12",
 							x2: "16",
@@ -2180,7 +2204,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 							"stroke-width": "1",
 							"stroke-linecap": "round"
 						}, null, -1)
-					])) : e.shape === "subprocess" ? (_(), i("svg", Ct, [a("rect", {
+					])) : e.shape === "subprocess" ? (_(), i("svg", wt, [a("rect", {
 						x: "2",
 						y: "4",
 						width: "20",
@@ -2189,44 +2213,44 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						fill: e.color,
 						stroke: "#fff",
 						"stroke-width": "1"
-					}, null, 8, wt), o[12] ||= a("rect", {
+					}, null, 8, Tt), l[12] ||= a("rect", {
 						x: "4",
 						y: "16",
 						width: "16",
 						height: "2",
 						rx: "1",
 						fill: "rgba(255,255,255,0.4)"
-					}, null, -1)])) : e.shape === "document" ? (_(), i("svg", Tt, [a("path", {
+					}, null, -1)])) : e.shape === "document" ? (_(), i("svg", Et, [a("path", {
 						d: "M4 2 H20 V16 Q15 13 12 16 Q9 19 4 16 Z",
 						fill: e.color,
 						stroke: "#fff",
 						"stroke-width": "1"
-					}, null, 8, Et)])) : e.shape === "parallelogram" ? (_(), i("svg", Dt, [a("polygon", {
+					}, null, 8, Dt)])) : e.shape === "parallelogram" ? (_(), i("svg", Ot, [a("polygon", {
 						points: "5,4 22,4 19,20 2,20",
 						fill: e.color,
 						stroke: "#fff",
 						"stroke-width": "1"
-					}, null, 8, Ot)])) : e.shape === "folder" ? (_(), i("svg", kt, [a("path", {
+					}, null, 8, kt)])) : e.shape === "folder" ? (_(), i("svg", At, [a("path", {
 						d: "M2 8 H22 V21 H2 Z",
 						fill: e.color,
 						stroke: "#fff",
 						"stroke-width": "0.5"
-					}, null, 8, At), a("path", {
+					}, null, 8, jt), a("path", {
 						d: "M2 8 V5 H9 L11 8",
 						fill: e.color,
 						stroke: "#fff",
 						"stroke-width": "1"
-					}, null, 8, jt)])) : e.shape === "note" ? (_(), i("svg", Mt, [a("path", {
+					}, null, 8, Mt)])) : e.shape === "note" ? (_(), i("svg", Nt, [a("path", {
 						d: "M2 2 H22 V18 L18 22 H2 Z",
 						fill: e.color,
 						stroke: "#fff",
 						"stroke-width": "0.5"
-					}, null, 8, Nt), a("path", {
+					}, null, 8, Pt), a("path", {
 						d: "M18 18 V22 L22 18",
 						fill: e.color,
 						stroke: "#fff",
 						"stroke-width": "0.5"
-					}, null, 8, Pt)])) : e.shape === "rounded闪电" ? (_(), i("svg", Ft, [a("rect", {
+					}, null, 8, Ft)])) : e.shape === "rounded闪电" ? (_(), i("svg", It, [a("rect", {
 						x: "2",
 						y: "6",
 						width: "20",
@@ -2235,11 +2259,11 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						fill: e.color,
 						stroke: "#fff",
 						"stroke-width": "1"
-					}, null, 8, It), o[13] ||= a("path", {
+					}, null, 8, Lt), l[13] ||= a("path", {
 						d: "M14 8 L10 12 H13 L11 16 L15 12 H12 Z",
 						fill: "#fff",
 						opacity: "0.9"
-					}, null, -1)])) : (_(), i("svg", Lt, [a("rect", {
+					}, null, -1)])) : (_(), i("svg", Rt, [a("rect", {
 						x: "2",
 						y: "4",
 						width: "20",
@@ -2248,16 +2272,19 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						fill: e.color,
 						stroke: "#fff",
 						"stroke-width": "1"
-					}, null, 8, Rt)]))], 4), a("span", zt, S(e.label), 1)], 40, st)]),
+					}, null, 8, zt)]))], 4), a("span", Bt, S(e.label), 1)], 40, ct)]),
 					_: 2
 				}, 1032, ["content"]))), 128))])
 			]);
 		};
 	}
-}, [["__scopeId", "data-v-a24fcbed"]]), Vt = { class: "process-toolbar" }, Ht = { class: "toolbar-group" }, Ut = {
+}, [["__scopeId", "data-v-ccb25fe4"]]), Ht = { class: "process-toolbar" }, Ut = {
 	key: 0,
 	class: "toolbar-group"
-}, Wt = { class: "toolbar-group" }, Gt = { class: "toolbar-group" }, Kt = { class: "toolbar-group" }, qt = { class: "toolbar-group" }, Jt = { class: "toolbar-group" }, Yt = { class: "toolbar-group" }, Xt = /*#__PURE__*/ Q({
+}, Wt = {
+	key: 1,
+	class: "toolbar-group"
+}, Gt = { class: "toolbar-group" }, Kt = { class: "toolbar-group" }, qt = { class: "toolbar-group" }, Jt = { class: "toolbar-group" }, Yt = { class: "toolbar-group" }, Xt = { class: "toolbar-group" }, Zt = /*#__PURE__*/ Q({
 	__name: "ProcessToolbar",
 	props: {
 		animationPlaying: {
@@ -2287,6 +2314,10 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 		showHistory: {
 			type: Boolean,
 			default: !1
+		},
+		showTemplateSelector: {
+			type: Boolean,
+			default: !0
 		}
 	},
 	emits: [
@@ -2317,8 +2348,8 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 		};
 		return (t, o) => {
 			let h = x("ArrowDown"), g = x("el-icon"), v = x("el-button"), y = x("el-dropdown-item"), b = x("el-dropdown-menu"), w = x("el-dropdown"), T = x("RefreshLeft"), E = x("RefreshRight"), O = x("Grid"), k = x("el-option"), A = x("el-select"), j = x("Delete"), M = x("Check"), N = x("Clock"), P = x("el-input"), F = x("el-dialog");
-			return _(), i("div", Vt, [
-				a("div", Ht, [c(w, {
+			return _(), i("div", Ht, [
+				e.showTemplateSelector ? (_(), i("div", Ut, [c(w, {
 					trigger: "click",
 					onCommand: o[0] ||= (e) => t.$emit("set-template", e),
 					size: "small"
@@ -2363,15 +2394,15 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						_: 1
 					}, 8, ["disabled"])]),
 					_: 1
-				})]),
-				e.isJoinedCollab ? r("", !0) : (_(), i("div", Ut, [c(v, {
+				})])) : r("", !0),
+				e.isJoinedCollab ? r("", !0) : (_(), i("div", Wt, [c(v, {
 					size: "small",
 					type: e.isCollaborating ? "success" : "default",
 					onClick: o[1] ||= (n) => e.isCollaborating ? t.$emit("stop-collab") : t.$emit("start-collab"),
 					title: "协作"
 				}, {
 					default: D(() => [c(g, null, {
-						default: D(() => [c(C(ee))]),
+						default: D(() => [c(C(Y))]),
 						_: 1
 					}), a("span", null, S(e.isCollaborating ? "协作中" : "协作"), 1)]),
 					_: 1
@@ -2388,7 +2419,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					})]),
 					_: 1
 				})) : r("", !0)])),
-				a("div", Wt, [c(w, {
+				a("div", Gt, [c(w, {
 					trigger: "click",
 					onCommand: p
 				}, {
@@ -2411,7 +2442,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					})]),
 					_: 1
 				})]),
-				a("div", Gt, [c(v, {
+				a("div", Kt, [c(v, {
 					size: "small",
 					circle: "",
 					onClick: o[3] ||= (e) => t.$emit("undo"),
@@ -2436,7 +2467,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					})]),
 					_: 1
 				}, 8, ["disabled"])]),
-				a("div", Kt, [
+				a("div", qt, [
 					c(v, {
 						size: "small",
 						onClick: o[5] ||= (e) => t.$emit("auto-layout"),
@@ -2480,7 +2511,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						_: 1
 					}, 8, ["modelValue"])
 				]),
-				a("div", qt, [c(w, {
+				a("div", Jt, [c(w, {
 					trigger: "click",
 					onCommand: m
 				}, {
@@ -2525,7 +2556,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					default: D(() => [...o[33] ||= [s(" 导入 ", -1)]]),
 					_: 1
 				}, 8, ["disabled"])]),
-				a("div", Jt, [c(v, {
+				a("div", Yt, [c(v, {
 					size: "small",
 					onClick: o[10] ||= (e) => t.$emit("clear"),
 					disabled: e.disabled,
@@ -2552,7 +2583,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					_: 1
 				})]),
 				o[38] ||= a("div", { class: "toolbar-spacer" }, null, -1),
-				a("div", Yt, [c(v, {
+				a("div", Xt, [c(v, {
 					size: "small",
 					type: "primary",
 					onClick: o[12] ||= (e) => t.$emit("save")
@@ -2610,16 +2641,16 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 			]);
 		};
 	}
-}, [["__scopeId", "data-v-34fc94b1"]]), Zt = ["transform"], Qt = { key: 0 }, $t = ["id"], en = ["offset", "stop-color"], tn = [
+}, [["__scopeId", "data-v-e290baee"]]), Qt = ["transform"], $t = { key: 0 }, en = ["id"], tn = ["offset", "stop-color"], nn = [
 	"width",
 	"height",
 	"rx"
-], nn = [
+], rn = [
 	"width",
 	"height",
 	"rx",
 	"stroke"
-], rn = [
+], an = [
 	"width",
 	"height",
 	"rx",
@@ -2627,19 +2658,19 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 	"stroke-width",
 	"stroke-dasharray",
 	"filter"
-], an = [
+], on = [
 	"x1",
 	"y1",
 	"x2",
 	"y2",
 	"stroke"
-], on = [
+], sn = [
 	"x1",
 	"y1",
 	"x2",
 	"y2",
 	"stroke"
-], sn = [
+], cn = [
 	"width",
 	"height",
 	"rx",
@@ -2647,11 +2678,11 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 	"stroke",
 	"stroke-width",
 	"filter"
-], cn = [
+], ln = [
 	"href",
 	"width",
 	"height"
-], ln = [
+], un = [
 	"cx",
 	"cy",
 	"rx",
@@ -2660,41 +2691,41 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 	"stroke",
 	"stroke-width",
 	"filter"
-], un = [
+], dn = [
 	"points",
 	"fill",
 	"stroke",
 	"stroke-width",
 	"filter"
-], dn = { key: 10 }, fn = [
+], fn = { key: 10 }, pn = [
 	"cx",
 	"fill",
 	"stroke",
 	"stroke-width",
 	"filter"
-], pn = ["d", "stroke"], mn = [
+], mn = ["d", "stroke"], hn = [
 	"x1",
 	"x2",
 	"stroke"
-], hn = [
+], gn = [
 	"x1",
 	"x2",
 	"stroke"
-], gn = [
+], _n = [
 	"x1",
 	"x2",
 	"stroke"
-], _n = [
+], vn = [
 	"x1",
 	"x2",
 	"y2",
 	"stroke"
-], vn = [
+], yn = [
 	"x1",
 	"x2",
 	"y2",
 	"stroke"
-], yn = { key: 11 }, bn = [
+], bn = { key: 11 }, xn = [
 	"width",
 	"height",
 	"rx",
@@ -2702,47 +2733,47 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 	"stroke",
 	"stroke-width",
 	"filter"
-], xn = ["y", "width"], Sn = { key: 12 }, Cn = [
+], Sn = ["y", "width"], Cn = { key: 12 }, wn = [
 	"d",
 	"fill",
 	"stroke",
 	"stroke-width",
 	"filter"
-], wn = { key: 13 }, Tn = [
+], Tn = { key: 13 }, En = [
 	"points",
 	"fill",
 	"stroke",
 	"stroke-width",
 	"filter"
-], En = { key: 14 }, Dn = [
+], Dn = { key: 14 }, On = [
 	"d",
 	"fill",
 	"stroke",
 	"stroke-width",
 	"filter"
-], On = [
+], kn = [
 	"d",
 	"fill",
 	"stroke",
 	"stroke-width"
-], kn = { key: 15 }, An = [
+], An = { key: 15 }, jn = [
 	"d",
 	"fill",
 	"stroke",
 	"stroke-width",
 	"filter"
-], jn = [
+], Mn = [
 	"d",
 	"fill",
 	"stroke",
 	"stroke-width"
-], Mn = { key: 16 }, Nn = [
+], Nn = { key: 16 }, Pn = [
 	"d",
 	"fill",
 	"stroke",
 	"stroke-width",
 	"filter"
-], Pn = [
+], Fn = [
 	"cx",
 	"cy",
 	"rx",
@@ -2750,18 +2781,18 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 	"fill",
 	"stroke",
 	"stroke-width"
-], Fn = [
+], In = [
 	"cx",
 	"cy",
 	"rx",
 	"ry"
-], In = { key: 17 }, Ln = [
+], Ln = { key: 17 }, Rn = [
 	"points",
 	"fill",
 	"stroke",
 	"stroke-width",
 	"filter"
-], Rn = { key: 18 }, zn = [
+], zn = { key: 18 }, Bn = [
 	"cx",
 	"cy",
 	"r",
@@ -2769,21 +2800,21 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 	"stroke",
 	"stroke-width",
 	"filter"
-], Bn = [
+], Vn = [
 	"cx",
 	"cy",
 	"r"
-], Vn = [
+], Hn = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Hn = [
+], Un = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Un = ["cx", "cy"], Wn = { key: 19 }, Gn = [
+], Wn = ["cx", "cy"], Gn = { key: 19 }, Kn = [
 	"width",
 	"height",
 	"rx",
@@ -2791,7 +2822,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 	"stroke",
 	"stroke-width",
 	"filter"
-], Kn = ["d"], qn = [
+], qn = ["d"], Jn = [
 	"width",
 	"height",
 	"rx",
@@ -2799,22 +2830,22 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 	"stroke",
 	"stroke-width",
 	"filter"
-], Jn = [
+], Yn = [
 	"width",
 	"height",
 	"rx",
 	"stroke"
-], Yn = [
+], Xn = [
 	"width",
 	"height",
 	"rx",
 	"stroke"
-], Xn = [
+], Zn = [
 	"width",
 	"height",
 	"rx",
 	"stroke"
-], Zn = [
+], Qn = [
 	"x",
 	"y",
 	"text-anchor",
@@ -2822,14 +2853,14 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 	"fill",
 	"font-size",
 	"transform"
-], Qn = {
+], $n = {
 	key: 0,
 	class: "resize-handles"
-}, $n = [
+}, er = [
 	"x",
 	"y",
 	"onMousedown"
-], er = ["cx", "cy"], tr = ["cx", "cy"], nr = /*#__PURE__*/ Q({
+], tr = ["cx", "cy"], nr = ["cx", "cy"], rr = /*#__PURE__*/ Q({
 	__name: "DiagramNode",
 	props: {
 		node: {
@@ -2874,7 +2905,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 		"hover-remark"
 	],
 	setup(n, { expose: o, emit: s }) {
-		let c = n, l = s, u = y(null), d = y(!1), f = null, h = !1, g = null, v = null, x = t(() => c.connectMode || c.autoConnectMode), C = t(() => re[c.theme] || re.classic), w = () => ({
+		let c = n, l = s, u = y(null), d = y(!1), f = null, h = !1, g = null, v = null, x = t(() => c.connectMode || c.autoConnectMode), C = t(() => X[c.theme] || X.classic), w = () => ({
 			"#67c23a": "success",
 			"#909399": "info",
 			"#409eff": "primary",
@@ -2963,13 +2994,13 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 			return r = Math.round(d(p, f, c + 1 / 3) * 255), i = Math.round(d(p, f, c) * 255), a = Math.round(d(p, f, c - 1 / 3) * 255), `rgb(${r}, ${i}, ${a})`;
 		}
 		let j = t(() => T.value.type === "gradient" ? `url(#grad-${c.node.id})` : (T.value.type, T.value.color)), M = t(() => {
-			let e = oe(c.theme, c.selected, c.node.strokeColor), t = c.node.strokeWidth === void 0 ? e.width : c.node.strokeWidth, n = e.sketch ? "4,2" : "none";
+			let e = ce(c.theme, c.selected, c.node.strokeColor), t = c.node.strokeWidth === void 0 ? e.width : c.node.strokeWidth, n = e.sketch ? "4,2" : "none";
 			return {
 				...e,
 				width: t,
 				dasharray: n
 			};
-		}), N = t(() => c.theme === "neon" ? "#ffffff" : c.node.textColor), P = t(() => se(c.theme)), F = t(() => {
+		}), N = t(() => c.theme === "neon" ? "#ffffff" : c.node.textColor), P = t(() => le(c.theme)), F = t(() => {
 			let e = c.node.labelPosition || "center", t = c.node.width, n = c.node.height;
 			switch (e) {
 				case "top": return {
@@ -3129,14 +3160,14 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 			d.value = !1, f &&= (clearTimeout(f), null);
 		}, K = () => {
 			d.value = !1, G();
-		}, q = () => {
+		}, ee = () => {
 			(c.connectMode || c.autoConnectMode) && l("end-connect", h ? null : c.node.id);
-		}, J = () => {
+		}, q = () => {
 			l("select", c.node.id);
-		}, Y = () => {
+		}, te = () => {
 			g &&= (g(), null);
-		}, X = (e, t) => {
-			Y();
+		}, J = (e, t) => {
+			te();
 			let n = t.clientX, r = t.clientY, i = c.node.width, a = c.node.height, o = (t) => {
 				let o = t.clientX - n, s = t.clientY - r, u = Math.max(60, i + o * e.dx), d = Math.max(30, a + s * e.dy);
 				l("resize", c.node.id, u, d);
@@ -3148,7 +3179,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 			}, window.addEventListener("mousemove", o), window.addEventListener("mouseup", s);
 		};
 		return E(() => c.selected, (e) => {
-			e || (Y(), U());
+			e || (te(), U());
 		}), o({ clearAutoConnect: K }), (t, o) => (_(), i("g", {
 			class: p(["diagram-node", {
 				selected: n.selected,
@@ -3160,8 +3191,8 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				cursor: n.connectMode || n.autoConnectMode ? "crosshair" : "move"
 			}),
 			onMousedown: A(W, ["stop"]),
-			onMouseup: A(q, ["stop"]),
-			onClick: A(J, ["stop"]),
+			onMouseup: A(ee, ["stop"]),
+			onClick: A(q, ["stop"]),
 			onDblclick: o[0] ||= (e) => t.$emit("select", n.node.id),
 			onContextmenu: o[1] ||= A((e) => t.$emit("reset-state"), ["prevent"]),
 			onMouseenter: o[2] ||= (e) => t.$emit("hover-remark", {
@@ -3179,7 +3210,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				class: p(["node-shape", `anim-${n.node.animation}`]),
 				style: m(z.value)
 			}, [
-				T.value.type === "gradient" ? (_(), i("defs", Qt, [a("linearGradient", {
+				T.value.type === "gradient" ? (_(), i("defs", $t, [a("linearGradient", {
 					id: `grad-${n.node.id}`,
 					x1: "0%",
 					y1: "0%",
@@ -3189,7 +3220,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					key: t,
 					offset: `${t / (T.value.colors.length - 1) * 100}%`,
 					"stop-color": e
-				}, null, 8, en))), 128))], 8, $t)])) : r("", !0),
+				}, null, 8, tn))), 128))], 8, en)])) : r("", !0),
 				C.value.nodeStyle.glassHighlight ? (_(), i(e, { key: 1 }, [n.node.shape === "rect" ? (_(), i("rect", {
 					key: 0,
 					width: n.node.width,
@@ -3197,7 +3228,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					rx: C.value.nodeStyle.borderRadius,
 					fill: "rgba(255,255,255,0.15)",
 					style: { "pointer-events": "none" }
-				}, null, 8, tn)) : r("", !0)], 64)) : r("", !0),
+				}, null, 8, nn)) : r("", !0)], 64)) : r("", !0),
 				C.value.nodeStyle.glowEffect && n.selected ? (_(), i(e, { key: 2 }, [n.node.shape === "rect" ? (_(), i("rect", {
 					key: 0,
 					x: -4,
@@ -3210,7 +3241,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					"stroke-width": 3,
 					filter: "url(#neon-glow-strong)",
 					class: "glow-rect"
-				}, null, 8, nn)) : r("", !0)], 64)) : r("", !0),
+				}, null, 8, rn)) : r("", !0)], 64)) : r("", !0),
 				n.node.type === "custom" && (n.selected || n.node.strokeWidth > 0) ? (_(), i("rect", {
 					key: 3,
 					width: n.node.width,
@@ -3221,7 +3252,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					"stroke-width": n.selected ? 3 : n.node.strokeWidth,
 					"stroke-dasharray": n.node.strokeWidth > 0 ? "8,4" : "none",
 					filter: `url(#${P.value})`
-				}, null, 8, rn)) : r("", !0),
+				}, null, 8, an)) : r("", !0),
 				n.node.type === "custom" && (n.selected || n.node.strokeWidth > 0) ? (_(), i("line", {
 					key: 4,
 					x1: n.node.width / 2,
@@ -3230,7 +3261,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					y2: n.node.height * .7,
 					stroke: n.selected ? "#409eff" : "#909399",
 					"stroke-width": "2"
-				}, null, 8, an)) : r("", !0),
+				}, null, 8, on)) : r("", !0),
 				n.node.type === "custom" && (n.selected || n.node.strokeWidth > 0) ? (_(), i("line", {
 					key: 5,
 					x1: n.node.width * .3,
@@ -3239,7 +3270,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					y2: n.node.height / 2,
 					stroke: n.selected ? "#409eff" : "#909399",
 					"stroke-width": "2"
-				}, null, 8, on)) : n.node.shape === "rect" ? (_(), i("rect", {
+				}, null, 8, sn)) : n.node.shape === "rect" ? (_(), i("rect", {
 					key: 6,
 					width: n.node.width,
 					height: n.node.height,
@@ -3248,7 +3279,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					stroke: M.value.color,
 					"stroke-width": n.selected ? 3 : M.value.width,
 					filter: `url(#${P.value})`
-				}, null, 8, sn)) : r("", !0),
+				}, null, 8, cn)) : r("", !0),
 				n.node.type === "custom" && n.node.image ? (_(), i("image", {
 					key: 7,
 					href: n.node.image,
@@ -3256,7 +3287,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					height: n.node.height,
 					preserveAspectRatio: "none",
 					style: { "pointer-events": "none" }
-				}, null, 8, cn)) : n.node.shape === "ellipse" ? (_(), i("ellipse", {
+				}, null, 8, ln)) : n.node.shape === "ellipse" ? (_(), i("ellipse", {
 					key: 8,
 					cx: n.node.width / 2,
 					cy: n.node.height / 2,
@@ -3266,14 +3297,14 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					stroke: M.value.color,
 					"stroke-width": n.selected ? 3 : M.value.width,
 					filter: `url(#${P.value})`
-				}, null, 8, ln)) : n.node.shape === "diamond" ? (_(), i("polygon", {
+				}, null, 8, un)) : n.node.shape === "diamond" ? (_(), i("polygon", {
 					key: 9,
 					points: I.value,
 					fill: j.value,
 					stroke: M.value.color,
 					"stroke-width": n.selected ? 3 : M.value.width,
 					filter: `url(#${P.value})`
-				}, null, 8, un)) : n.node.shape === "person" ? (_(), i("g", dn, [
+				}, null, 8, dn)) : n.node.shape === "person" ? (_(), i("g", fn, [
 					a("ellipse", {
 						cx: n.node.width / 2,
 						cy: 18,
@@ -3283,14 +3314,14 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						stroke: M.value.color,
 						"stroke-width": n.selected ? 3 : M.value.width,
 						filter: `url(#${P.value})`
-					}, null, 8, fn),
+					}, null, 8, pn),
 					a("path", {
 						d: `M ${n.node.width / 2 - 18} 70 Q ${n.node.width / 2} 45 ${n.node.width / 2 + 18} 70`,
 						fill: "none",
 						stroke: M.value.color,
 						"stroke-width": "5",
 						"stroke-linecap": "round"
-					}, null, 8, pn),
+					}, null, 8, mn),
 					a("line", {
 						x1: n.node.width / 2,
 						y1: 32,
@@ -3299,7 +3330,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						stroke: M.value.color,
 						"stroke-width": "5",
 						"stroke-linecap": "round"
-					}, null, 8, mn),
+					}, null, 8, hn),
 					a("line", {
 						x1: n.node.width / 2,
 						y1: 38,
@@ -3308,7 +3339,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						stroke: M.value.color,
 						"stroke-width": "4",
 						"stroke-linecap": "round"
-					}, null, 8, hn),
+					}, null, 8, gn),
 					a("line", {
 						x1: n.node.width / 2,
 						y1: 38,
@@ -3317,7 +3348,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						stroke: M.value.color,
 						"stroke-width": "4",
 						"stroke-linecap": "round"
-					}, null, 8, gn),
+					}, null, 8, _n),
 					a("line", {
 						x1: n.node.width / 2,
 						y1: 70,
@@ -3326,7 +3357,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						stroke: M.value.color,
 						"stroke-width": "4",
 						"stroke-linecap": "round"
-					}, null, 8, _n),
+					}, null, 8, vn),
 					a("line", {
 						x1: n.node.width / 2,
 						y1: 70,
@@ -3335,8 +3366,8 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						stroke: M.value.color,
 						"stroke-width": "4",
 						"stroke-linecap": "round"
-					}, null, 8, vn)
-				])) : n.node.shape === "subprocess" ? (_(), i("g", yn, [a("rect", {
+					}, null, 8, yn)
+				])) : n.node.shape === "subprocess" ? (_(), i("g", bn, [a("rect", {
 					width: n.node.width,
 					height: n.node.height,
 					rx: C.value.nodeStyle.borderRadius,
@@ -3344,48 +3375,48 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					stroke: M.value.color,
 					"stroke-width": n.selected ? 3 : M.value.width,
 					filter: `url(#${P.value})`
-				}, null, 8, bn), a("rect", {
+				}, null, 8, xn), a("rect", {
 					x: 4,
 					y: n.node.height - 14,
 					width: n.node.width - 8,
 					height: "10",
 					rx: "2",
 					fill: "rgba(255,255,255,0.3)"
-				}, null, 8, xn)])) : n.node.shape === "document" ? (_(), i("g", Sn, [a("path", {
+				}, null, 8, Sn)])) : n.node.shape === "document" ? (_(), i("g", Cn, [a("path", {
 					d: `M 0 0 H ${n.node.width} V ${n.node.height * .8} Q ${n.node.width * .75} ${n.node.height * .65} ${n.node.width * .5} ${n.node.height * .8} Q ${n.node.width * .25} ${n.node.height * .95} 0 ${n.node.height * .8} Z`,
 					fill: j.value,
 					stroke: M.value.color,
 					"stroke-width": n.selected ? 3 : M.value.width,
 					filter: `url(#${P.value})`
-				}, null, 8, Cn)])) : n.node.shape === "parallelogram" ? (_(), i("g", wn, [a("polygon", {
+				}, null, 8, wn)])) : n.node.shape === "parallelogram" ? (_(), i("g", Tn, [a("polygon", {
 					points: `${n.node.width * .15} 0, ${n.node.width} 0, ${n.node.width * .85} ${n.node.height}, 0 ${n.node.height}`,
 					fill: j.value,
 					stroke: M.value.color,
 					"stroke-width": n.selected ? 3 : M.value.width,
 					filter: `url(#${P.value})`
-				}, null, 8, Tn)])) : n.node.shape === "folder" ? (_(), i("g", En, [a("path", {
+				}, null, 8, En)])) : n.node.shape === "folder" ? (_(), i("g", Dn, [a("path", {
 					d: `M 0 12 H ${n.node.width} V ${n.node.height} H 0 Z`,
 					fill: j.value,
 					stroke: M.value.color,
 					"stroke-width": n.selected ? 3 : M.value.width,
 					filter: `url(#${P.value})`
-				}, null, 8, Dn), a("path", {
+				}, null, 8, On), a("path", {
 					d: `M 0 12 V 0 H ${n.node.width * .35} L ${n.node.width * .45} 12`,
 					fill: j.value,
 					stroke: M.value.color,
 					"stroke-width": n.selected ? 3 : M.value.width
-				}, null, 8, On)])) : n.node.shape === "note" ? (_(), i("g", kn, [a("path", {
+				}, null, 8, kn)])) : n.node.shape === "note" ? (_(), i("g", An, [a("path", {
 					d: `M 0 0 H ${n.node.width} V ${n.node.height - 15} L ${n.node.width - 15} ${n.node.height} H 0 Z`,
 					fill: j.value,
 					stroke: M.value.color,
 					"stroke-width": n.selected ? 3 : M.value.width,
 					filter: `url(#${P.value})`
-				}, null, 8, An), a("path", {
+				}, null, 8, jn), a("path", {
 					d: `M ${n.node.width - 15} ${n.node.height - 15} V ${n.node.height} L ${n.node.width} ${n.node.height - 15}`,
 					fill: j.value,
 					stroke: M.value.color,
 					"stroke-width": n.selected ? 3 : M.value.width
-				}, null, 8, jn)])) : n.node.shape === "cylinder" ? (_(), i("g", Mn, [
+				}, null, 8, Mn)])) : n.node.shape === "cylinder" ? (_(), i("g", Nn, [
 					a("path", {
 						d: `M 0 ${n.node.height * .15} 
             Q 0 ${n.node.height * .05} ${n.node.width * .1} ${n.node.height * .02} 
@@ -3399,7 +3430,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						stroke: M.value.color,
 						"stroke-width": n.selected ? 3 : M.value.width,
 						filter: `url(#${P.value})`
-					}, null, 8, Nn),
+					}, null, 8, Pn),
 					a("ellipse", {
 						cx: n.node.width / 2,
 						cy: n.node.height * .15,
@@ -3408,7 +3439,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						fill: j.value,
 						stroke: M.value.color,
 						"stroke-width": n.selected ? 3 : M.value.width
-					}, null, 8, Pn),
+					}, null, 8, Fn),
 					a("ellipse", {
 						cx: n.node.width / 2,
 						cy: n.node.height * .15,
@@ -3416,14 +3447,14 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						ry: n.node.height * .08,
 						fill: "rgba(255,255,255,0.2)",
 						stroke: "none"
-					}, null, 8, Fn)
-				])) : n.node.shape === "hexagon" ? (_(), i("g", In, [a("polygon", {
+					}, null, 8, In)
+				])) : n.node.shape === "hexagon" ? (_(), i("g", Ln, [a("polygon", {
 					points: L.value,
 					fill: j.value,
 					stroke: M.value.color,
 					"stroke-width": n.selected ? 3 : M.value.width,
 					filter: `url(#${P.value})`
-				}, null, 8, Ln)])) : n.node.shape === "timer" ? (_(), i("g", Rn, [
+				}, null, 8, Rn)])) : n.node.shape === "timer" ? (_(), i("g", zn, [
 					a("circle", {
 						cx: n.node.width / 2,
 						cy: n.node.height / 2,
@@ -3432,7 +3463,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						stroke: M.value.color,
 						"stroke-width": n.selected ? 3 : M.value.width,
 						filter: `url(#${P.value})`
-					}, null, 8, zn),
+					}, null, 8, Bn),
 					a("circle", {
 						cx: n.node.width / 2,
 						cy: n.node.height / 2,
@@ -3440,7 +3471,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						fill: "none",
 						stroke: "rgba(255,255,255,0.4)",
 						"stroke-width": "1"
-					}, null, 8, Bn),
+					}, null, 8, Vn),
 					a("line", {
 						x1: n.node.width / 2,
 						y1: n.node.height / 2,
@@ -3449,7 +3480,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						stroke: "#fff",
 						"stroke-width": "2",
 						"stroke-linecap": "round"
-					}, null, 8, Vn),
+					}, null, 8, Hn),
 					a("line", {
 						x1: n.node.width / 2,
 						y1: n.node.height / 2,
@@ -3458,14 +3489,14 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						stroke: "#fff",
 						"stroke-width": "1.5",
 						"stroke-linecap": "round"
-					}, null, 8, Hn),
+					}, null, 8, Un),
 					a("circle", {
 						cx: n.node.width / 2,
 						cy: n.node.height / 2,
 						r: "3",
 						fill: "#fff"
-					}, null, 8, Un)
-				])) : n.node.shape === "rounded闪电" ? (_(), i("g", Wn, [a("rect", {
+					}, null, 8, Wn)
+				])) : n.node.shape === "rounded闪电" ? (_(), i("g", Gn, [a("rect", {
 					width: n.node.width,
 					height: n.node.height,
 					rx: n.node.height / 3,
@@ -3473,7 +3504,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					stroke: M.value.color,
 					"stroke-width": n.selected ? 3 : M.value.width,
 					filter: `url(#${P.value})`
-				}, null, 8, Gn), a("path", {
+				}, null, 8, Kn), a("path", {
 					d: `M ${n.node.width * .55} ${n.node.height * .15} 
             L ${n.node.width * .35} ${n.node.height * .45} 
             H ${n.node.width * .52} 
@@ -3482,7 +3513,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
             H ${n.node.width * .48} Z`,
 					fill: "#fff",
 					opacity: "0.9"
-				}, null, 8, Kn)])) : (_(), i("rect", {
+				}, null, 8, qn)])) : (_(), i("rect", {
 					key: 20,
 					width: n.node.width,
 					height: n.node.height,
@@ -3491,7 +3522,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					stroke: M.value.color,
 					"stroke-width": n.selected ? 3 : M.value.width,
 					filter: `url(#${P.value})`
-				}, null, 8, qn)),
+				}, null, 8, Jn)),
 				n.node.animation === "breathing" ? (_(), i("rect", {
 					key: 21,
 					width: n.node.width + 6,
@@ -3504,7 +3535,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					"stroke-width": "2",
 					class: "breathing-ring",
 					style: m(V.value)
-				}, null, 12, Jn)) : r("", !0),
+				}, null, 12, Yn)) : r("", !0),
 				n.node.animation === "glowPulse" ? (_(), i("rect", {
 					key: 22,
 					width: n.node.width,
@@ -3515,7 +3546,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					"stroke-width": "2",
 					class: "glow-pulse-ring",
 					style: m(B.value)
-				}, null, 12, Yn)) : r("", !0),
+				}, null, 12, Xn)) : r("", !0),
 				n.node.animation === "ripple" ? (_(), i("rect", {
 					key: 23,
 					x: -10,
@@ -3528,7 +3559,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					"stroke-width": "2",
 					class: "ripple-ring",
 					style: m(H.value)
-				}, null, 12, Xn)) : r("", !0)
+				}, null, 12, Zn)) : r("", !0)
 			], 6),
 			a("text", {
 				x: F.value.x,
@@ -3546,8 +3577,8 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					"pointer-events": "none",
 					"user-select": "none"
 				}
-			}, S(n.node.label), 11, Zn),
-			n.selected && !n.node.locked ? (_(), i("g", Qn, [(_(!0), i(e, null, b(R.value, (e) => (_(), i("rect", {
+			}, S(n.node.label), 11, Qn),
+			n.selected && !n.node.locked ? (_(), i("g", $n, [(_(!0), i(e, null, b(R.value, (e) => (_(), i("rect", {
 				key: e.cursor,
 				x: e.x - 4,
 				y: e.y - 4,
@@ -3557,8 +3588,8 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				stroke: "#fff",
 				"stroke-width": "1",
 				style: m({ cursor: e.cursor }),
-				onMousedown: A((t) => X(e, t), ["stop"])
-			}, null, 44, $n))), 128))])) : r("", !0),
+				onMousedown: A((t) => J(e, t), ["stop"])
+			}, null, 44, er))), 128))])) : r("", !0),
 			x.value ? (_(), i("circle", {
 				key: 1,
 				cx: n.node.width / 2,
@@ -3567,7 +3598,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				fill: "#409eff",
 				opacity: "0.6",
 				class: "connect-target"
-			}, null, 8, er)) : r("", !0),
+			}, null, 8, tr)) : r("", !0),
 			d.value ? (_(), i("circle", {
 				key: 2,
 				cx: n.node.width / 2,
@@ -3579,49 +3610,49 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				"stroke-dasharray": "113",
 				"stroke-dashoffset": "113",
 				class: "long-press-ring"
-			}, null, 8, tr)) : r("", !0)
-		], 46, Zt));
+			}, null, 8, nr)) : r("", !0)
+		], 46, Qt));
 	}
-}, [["__scopeId", "data-v-e89a49e8"]]), rr = ["d", "stroke-width"], ir = [
+}, [["__scopeId", "data-v-e89a49e8"]]), ir = ["d", "stroke-width"], ar = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], ar = ["dur"], or = ["fill"], sr = ["dur", "path"], cr = ["fill"], lr = [
+], or = ["dur"], sr = ["fill"], cr = ["dur", "path"], lr = ["fill"], ur = [
 	"dur",
 	"path",
 	"begin"
-], ur = ["fill"], dr = [
+], dr = ["fill"], fr = [
 	"dur",
 	"path",
 	"begin"
-], fr = ["fill"], pr = ["dur", "path"], mr = ["dur"], hr = ["dur"], gr = ["fill"], _r = [
+], pr = ["fill"], mr = ["dur", "path"], hr = ["dur"], gr = ["dur"], _r = ["fill"], vr = [
 	"dur",
 	"path",
 	"begin"
-], vr = ["dur"], yr = ["fill"], br = [
+], yr = ["dur"], br = ["fill"], xr = [
 	"dur",
 	"path",
 	"begin"
-], xr = ["dur"], Sr = ["fill"], Cr = ["dur", "path"], wr = ["dur"], Tr = ["dur"], Er = ["fill"], Dr = [
+], Sr = ["dur"], Cr = ["fill"], wr = ["dur", "path"], Tr = ["dur"], Er = ["dur"], Dr = ["fill"], Or = [
 	"dur",
 	"path",
 	"begin"
-], Or = ["dur"], kr = ["dur"], Ar = ["fill"], jr = ["dur", "path"], Mr = ["dur"], Nr = ["fill"], Pr = [
+], kr = ["dur"], Ar = ["dur"], jr = ["fill"], Mr = ["dur", "path"], Nr = ["dur"], Pr = ["fill"], Fr = [
 	"dur",
 	"path",
 	"begin"
-], Fr = ["dur"], Ir = ["transform"], Lr = ["x", "width"], Rr = {
+], Ir = ["dur"], Lr = ["transform"], Rr = ["x", "width"], zr = {
 	"text-anchor": "middle",
 	"dominant-baseline": "central",
 	fill: "#333",
 	"font-size": "12",
 	class: "edge-label"
-}, zr = [
+}, Br = [
 	"points",
 	"fill",
 	"transform"
-], Br = /*#__PURE__*/ Q({
+], Vr = /*#__PURE__*/ Q({
 	__name: "DiagramEdge",
 	props: {
 		edge: {
@@ -3743,7 +3774,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				stroke: "transparent",
 				"stroke-width": Math.max(e.edge.lineWidth + 8, 12),
 				class: "edge-hit-area"
-			}, null, 8, rr),
+			}, null, 8, ir),
 			a("path", {
 				d: c.value,
 				fill: "none",
@@ -3763,7 +3794,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				to: "-24",
 				dur: (e.edge.animationDuration || 2) + "s",
 				repeatCount: "indefinite"
-			}, null, 8, ar)) : r("", !0)], 14, ir),
+			}, null, 8, or)) : r("", !0)], 14, ar),
 			e.animationPlaying && e.edge.animation === "flow" ? (_(), i("circle", {
 				key: 0,
 				r: "4",
@@ -3774,7 +3805,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				dur: (e.edge.animationDuration || 2) + "s",
 				repeatCount: "indefinite",
 				path: c.value
-			}, null, 8, sr)], 12, or)) : r("", !0),
+			}, null, 8, cr)], 12, sr)) : r("", !0),
 			e.animationPlaying && e.edge.animation === "flow" ? (_(), i("circle", {
 				key: 1,
 				r: "3",
@@ -3787,7 +3818,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				repeatCount: "indefinite",
 				path: c.value,
 				begin: (e.edge.animationDuration || 2) / 3 + "s"
-			}, null, 8, lr)], 12, cr)) : r("", !0),
+			}, null, 8, ur)], 12, lr)) : r("", !0),
 			e.animationPlaying && e.edge.animation === "flow" ? (_(), i("circle", {
 				key: 2,
 				r: "3",
@@ -3800,7 +3831,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				repeatCount: "indefinite",
 				path: c.value,
 				begin: (e.edge.animationDuration || 2) * 2 / 3 + "s"
-			}, null, 8, dr)], 12, ur)) : r("", !0),
+			}, null, 8, fr)], 12, dr)) : r("", !0),
 			e.animationPlaying && e.edge.animation === "particleGlow" ? (_(), i("circle", {
 				key: 3,
 				r: "5",
@@ -3811,20 +3842,20 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					dur: (e.edge.animationDuration || 2) + "s",
 					repeatCount: "indefinite",
 					path: c.value
-				}, null, 8, pr),
+				}, null, 8, mr),
 				a("animate", {
 					attributeName: "r",
 					values: "3;6;3",
 					dur: (e.edge.animationDuration || 2) + "s",
 					repeatCount: "indefinite"
-				}, null, 8, mr),
+				}, null, 8, hr),
 				a("animate", {
 					attributeName: "opacity",
 					values: "0.5;1;0.5",
 					dur: (e.edge.animationDuration || 2) + "s",
 					repeatCount: "indefinite"
-				}, null, 8, hr)
-			], 8, fr)) : r("", !0),
+				}, null, 8, gr)
+			], 8, pr)) : r("", !0),
 			e.animationPlaying && e.edge.animation === "particleGlow" ? (_(), i("circle", {
 				key: 4,
 				r: "4",
@@ -3836,12 +3867,12 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				repeatCount: "indefinite",
 				path: c.value,
 				begin: (e.edge.animationDuration || 2) / 3 + "s"
-			}, null, 8, _r), a("animate", {
+			}, null, 8, vr), a("animate", {
 				attributeName: "r",
 				values: "2;5;2",
 				dur: (e.edge.animationDuration || 2) + "s",
 				repeatCount: "indefinite"
-			}, null, 8, vr)], 8, gr)) : r("", !0),
+			}, null, 8, yr)], 8, _r)) : r("", !0),
 			e.animationPlaying && e.edge.animation === "particleGlow" ? (_(), i("circle", {
 				key: 5,
 				r: "4",
@@ -3853,12 +3884,12 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				repeatCount: "indefinite",
 				path: c.value,
 				begin: (e.edge.animationDuration || 2) * 2 / 3 + "s"
-			}, null, 8, br), a("animate", {
+			}, null, 8, xr), a("animate", {
 				attributeName: "r",
 				values: "2;5;2",
 				dur: (e.edge.animationDuration || 2) + "s",
 				repeatCount: "indefinite"
-			}, null, 8, xr)], 8, yr)) : r("", !0),
+			}, null, 8, Sr)], 8, br)) : r("", !0),
 			e.animationPlaying && e.edge.animation === "pulse" ? (_(), i("circle", {
 				key: 6,
 				r: "6",
@@ -3870,20 +3901,20 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					dur: (e.edge.animationDuration || 2) + "s",
 					repeatCount: "indefinite",
 					path: c.value
-				}, null, 8, Cr),
+				}, null, 8, wr),
 				a("animate", {
 					attributeName: "r",
 					values: "2;8;2",
 					dur: (e.edge.animationDuration || 2) + "s",
 					repeatCount: "indefinite"
-				}, null, 8, wr),
+				}, null, 8, Tr),
 				a("animate", {
 					attributeName: "opacity",
 					values: "0;0.8;0",
 					dur: (e.edge.animationDuration || 2) + "s",
 					repeatCount: "indefinite"
-				}, null, 8, Tr)
-			], 8, Sr)) : r("", !0),
+				}, null, 8, Er)
+			], 8, Cr)) : r("", !0),
 			e.animationPlaying && e.edge.animation === "pulse" ? (_(), i("circle", {
 				key: 7,
 				r: "6",
@@ -3896,20 +3927,20 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					repeatCount: "indefinite",
 					path: c.value,
 					begin: (e.edge.animationDuration || 2) / 2 + "s"
-				}, null, 8, Dr),
+				}, null, 8, Or),
 				a("animate", {
 					attributeName: "r",
 					values: "2;8;2",
 					dur: (e.edge.animationDuration || 2) + "s",
 					repeatCount: "indefinite"
-				}, null, 8, Or),
+				}, null, 8, kr),
 				a("animate", {
 					attributeName: "opacity",
 					values: "0;0.8;0",
 					dur: (e.edge.animationDuration || 2) + "s",
 					repeatCount: "indefinite"
-				}, null, 8, kr)
-			], 8, Er)) : r("", !0),
+				}, null, 8, Ar)
+			], 8, Dr)) : r("", !0),
 			e.animationPlaying && e.edge.animation === "neon" ? (_(), i("circle", {
 				key: 8,
 				r: "4",
@@ -3919,12 +3950,12 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				dur: (e.edge.animationDuration || 2) + "s",
 				repeatCount: "indefinite",
 				path: c.value
-			}, null, 8, jr), a("animate", {
+			}, null, 8, Mr), a("animate", {
 				attributeName: "r",
 				values: "2;5;2",
 				dur: (e.edge.animationDuration || 2) + "s",
 				repeatCount: "indefinite"
-			}, null, 8, Mr)], 8, Ar)) : r("", !0),
+			}, null, 8, Nr)], 8, jr)) : r("", !0),
 			e.animationPlaying && e.edge.animation === "neon" ? (_(), i("circle", {
 				key: 9,
 				r: "4",
@@ -3936,12 +3967,12 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				repeatCount: "indefinite",
 				path: c.value,
 				begin: (e.edge.animationDuration || 2) / 2 + "s"
-			}, null, 8, Pr), a("animate", {
+			}, null, 8, Fr), a("animate", {
 				attributeName: "r",
 				values: "2;5;2",
 				dur: (e.edge.animationDuration || 2) + "s",
 				repeatCount: "indefinite"
-			}, null, 8, Fr)], 8, Nr)) : r("", !0),
+			}, null, 8, Ir)], 8, Pr)) : r("", !0),
 			e.edge.label ? (_(), i("g", {
 				key: 10,
 				transform: `translate(${l.value.x}, ${l.value.y})`
@@ -3954,32 +3985,32 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				fill: "#fff",
 				stroke: "#e4e7ed",
 				"stroke-width": "1"
-			}, null, 8, Lr), a("text", Rr, S(e.edge.label), 1)], 8, Ir)) : r("", !0),
+			}, null, 8, Rr), a("text", zr, S(e.edge.label), 1)], 8, Lr)) : r("", !0),
 			e.edge.arrowType === "none" ? r("", !0) : (_(), i("polygon", {
 				key: 11,
 				points: g.value,
 				fill: e.selected ? "#409eff" : e.edge.lineColor,
 				transform: `translate(${s.value.x}, ${s.value.y}) rotate(${h.value})`
-			}, null, 8, zr))
+			}, null, 8, Br))
 		], 34)) : r("", !0);
 	}
-}, [["__scopeId", "data-v-737212ef"]]), Vr = ["transform"], Hr = [
+}, [["__scopeId", "data-v-737212ef"]]), Hr = ["transform"], Ur = [
 	"width",
 	"height",
 	"fill",
 	"stroke",
 	"stroke-width"
-], Ur = [
+], Wr = [
 	"width",
 	"height",
 	"fill",
 	"opacity"
-], Wr = [
+], Gr = [
 	"width",
 	"height",
 	"fill",
 	"opacity"
-], Gr = [
+], Kr = [
 	"x",
 	"y",
 	"fill",
@@ -3988,7 +4019,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 	"font-weight",
 	"font-style",
 	"transform"
-], Kr = [
+], qr = [
 	"x",
 	"y",
 	"text-anchor",
@@ -3997,63 +4028,63 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 	"font-family",
 	"font-weight",
 	"font-style"
-], qr = ["y", "width"], Jr = {
+], Jr = ["y", "width"], Yr = {
 	xmlns: "http://www.w3.org/1999/xhtml",
 	class: "edit-name-container"
-}, Yr = ["x", "height"], Xr = {
+}, Xr = ["x", "height"], Zr = {
 	xmlns: "http://www.w3.org/1999/xhtml",
 	class: "edit-name-container vertical"
-}, Zr = [
+}, Qr = [
 	"x1",
 	"x2",
 	"onClick"
-], Qr = [
+], $r = [
 	"x1",
 	"x2",
 	"stroke"
-], $r = [
+], ei = [
 	"y1",
 	"x2",
 	"y2",
 	"onClick",
 	"onMousedown"
-], ei = [
+], ti = [
 	"x1",
 	"x2",
 	"y2",
 	"onClick",
 	"onMousedown"
-], ti = [
+], ni = [
 	"y1",
 	"x2",
 	"y2",
 	"stroke"
-], ni = [
+], ri = [
 	"x1",
 	"x2",
 	"y2",
 	"stroke"
-], ri = [
+], ii = [
 	"y1",
 	"x2",
 	"y2",
 	"onClick"
-], ii = [
+], ai = [
 	"y1",
 	"x2",
 	"y2",
 	"stroke"
-], ai = [
+], oi = [
 	"x1",
 	"x2",
 	"y2",
 	"onClick"
-], oi = [
+], si = [
 	"x1",
 	"x2",
 	"y2",
 	"stroke"
-], si = [
+], ci = [
 	"x",
 	"y",
 	"width",
@@ -4063,7 +4094,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 	"stroke-width",
 	"opacity",
 	"onClick"
-], ci = [
+], li = [
 	"x",
 	"y",
 	"width",
@@ -4073,17 +4104,17 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 	"stroke-width",
 	"opacity",
 	"onClick"
-], li = [
+], ui = [
 	"x",
 	"y",
 	"width",
 	"fill"
-], ui = [
+], di = [
 	"x",
 	"y",
 	"width",
 	"fill"
-], di = [
+], fi = [
 	"x",
 	"y",
 	"text-anchor",
@@ -4094,7 +4125,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 	"font-style",
 	"onClick",
 	"onDblclick"
-], fi = [
+], pi = [
 	"x",
 	"y",
 	"text-anchor",
@@ -4105,29 +4136,29 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 	"font-style",
 	"onClick",
 	"onDblclick"
-], pi = [
+], mi = [
 	"x",
 	"y",
 	"width"
-], mi = {
+], hi = {
 	xmlns: "http://www.w3.org/1999/xhtml",
 	class: "edit-lane-container"
-}, hi = ["onBlur", "onKeydown"], gi = [
+}, gi = ["onBlur", "onKeydown"], _i = [
 	"x",
 	"y",
 	"width"
-], _i = {
+], vi = {
 	xmlns: "http://www.w3.org/1999/xhtml",
 	class: "edit-lane-container"
-}, vi = ["onBlur", "onKeydown"], yi = ["x", "y"], bi = ["x", "y"], xi = ["x", "y"], Si = [
+}, yi = ["onBlur", "onKeydown"], bi = ["x", "y"], xi = ["x", "y"], Si = ["x", "y"], Ci = [
 	"y1",
 	"x2",
 	"y2"
-], Ci = [
+], wi = [
 	"x1",
 	"x2",
 	"y2"
-], wi = /*#__PURE__*/ Q({
+], Ti = /*#__PURE__*/ Q({
 	__name: "SwimlaneNode",
 	props: {
 		swimlane: {
@@ -4212,17 +4243,17 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				window.removeEventListener("mousemove", a), window.removeEventListener("mouseup", o);
 			};
 			window.addEventListener("mousemove", a), window.addEventListener("mouseup", o);
-		}, K = y(null), q = y(0), J = y(0), Y = y(0), X = (e, t) => {
-			e.preventDefault(), K.value = t, s.swimlane.direction === "horizontal" ? (q.value = h(t), Y.value = s.swimlane.lanes[t].height) : (J.value = g(t), Y.value = s.swimlane.lanes[t].width || v(t));
+		}, K = y(null), ee = y(0), q = y(0), te = y(0), J = (e, t) => {
+			e.preventDefault(), K.value = t, s.swimlane.direction === "horizontal" ? (ee.value = h(t), te.value = s.swimlane.lanes[t].height) : (q.value = g(t), te.value = s.swimlane.lanes[t].width || v(t));
 			let n = {
 				x: e.clientX,
 				y: e.clientY
 			}, r = (e) => {
 				if (s.swimlane.direction === "horizontal") {
-					let r = e.clientY - n.y, i = Math.max(40, Y.value + r);
+					let r = e.clientY - n.y, i = Math.max(40, te.value + r);
 					c("resize-lane", s.swimlane.id, s.swimlane.lanes[t].id, i);
 				} else {
-					let r = e.clientX - n.x, i = Math.max(80, Y.value + r);
+					let r = e.clientX - n.x, i = Math.max(80, te.value + r);
 					c("resize-lane", s.swimlane.id, s.swimlane.lanes[t].id, null, i);
 				}
 			}, i = () => {
@@ -4244,7 +4275,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				rx: "4",
 				class: "swimlane-bg",
 				onClick: o[0] ||= A((e) => t.$emit("select"), ["stop"])
-			}, null, 8, Hr),
+			}, null, 8, Ur),
 			n.swimlane.direction === "horizontal" ? (_(), i("rect", {
 				key: 0,
 				width: l.value,
@@ -4255,7 +4286,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				class: "swimlane-header",
 				onClick: A(j, ["stop"]),
 				onDblclick: A(D, ["stop"])
-			}, null, 40, Ur)) : (_(), i("rect", {
+			}, null, 40, Wr)) : (_(), i("rect", {
 				key: 1,
 				width: n.swimlane.width,
 				height: u.value,
@@ -4265,7 +4296,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				class: "swimlane-header",
 				onClick: A(j, ["stop"]),
 				onDblclick: A(D, ["stop"])
-			}, null, 40, Wr)),
+			}, null, 40, Gr)),
 			!x.value && n.swimlane.direction === "horizontal" ? (_(), i("text", {
 				key: 2,
 				x: l.value / 2,
@@ -4280,7 +4311,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				"pointer-events": "none",
 				transform: `rotate(-90, ${l.value / 2}, ${d.value / 2})`,
 				dy: "0.35em"
-			}, S(n.swimlane.name), 9, Gr)) : !x.value && n.swimlane.direction === "vertical" ? (_(), i("text", {
+			}, S(n.swimlane.name), 9, Kr)) : !x.value && n.swimlane.direction === "vertical" ? (_(), i("text", {
 				key: 3,
 				x: n.swimlane.textAlign === "left" ? 8 : n.swimlane.textAlign === "right" ? n.swimlane.width - 8 : n.swimlane.width / 2,
 				y: u.value / 2,
@@ -4293,14 +4324,14 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				class: "swimlane-title",
 				"pointer-events": "none",
 				"dominant-baseline": "central"
-			}, S(n.swimlane.name), 9, Kr)) : r("", !0),
+			}, S(n.swimlane.name), 9, qr)) : r("", !0),
 			x.value && n.swimlane.direction === "horizontal" ? (_(), i("foreignObject", {
 				key: 4,
 				x: 0,
 				y: d.value / 2 - 14,
 				width: l.value,
 				height: 28
-			}, [a("div", Jr, [O(a("input", {
+			}, [a("div", Yr, [O(a("input", {
 				ref_key: "nameInputRef",
 				ref: E,
 				"onUpdate:modelValue": o[1] ||= (e) => C.value = e,
@@ -4315,14 +4346,14 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				onBlur: M,
 				onKeydown: [k(M, ["enter"]), k(N, ["escape"])],
 				onClick: o[2] ||= A(() => {}, ["stop"])
-			}, null, 36), [[w, C.value]])])], 8, qr)) : r("", !0),
+			}, null, 36), [[w, C.value]])])], 8, Jr)) : r("", !0),
 			x.value && n.swimlane.direction === "vertical" ? (_(), i("foreignObject", {
 				key: 5,
 				x: n.swimlane.textAlign === "left" ? 0 : n.swimlane.textAlign === "right" ? n.swimlane.width - 120 : n.swimlane.width / 2 - 60,
 				y: 0,
 				width: 120,
 				height: u.value
-			}, [a("div", Xr, [O(a("input", {
+			}, [a("div", Zr, [O(a("input", {
 				ref_key: "nameInputRef",
 				ref: E,
 				"onUpdate:modelValue": o[3] ||= (e) => C.value = e,
@@ -4338,7 +4369,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				onBlur: M,
 				onKeydown: [k(M, ["enter"]), k(N, ["escape"])],
 				onClick: o[4] ||= A(() => {}, ["stop"])
-			}, null, 36), [[w, C.value]])])], 8, Yr)) : r("", !0),
+			}, null, 36), [[w, C.value]])])], 8, Xr)) : r("", !0),
 			n.swimlane.lanes && n.swimlane.lanes.length ? (_(!0), i(e, { key: 6 }, b(n.swimlane.lanes, (t, s) => (_(), i("g", { key: t.id }, [
 				s === 0 && n.swimlane.direction === "horizontal" ? (_(), i(e, { key: 0 }, [a("line", {
 					x1: l.value,
@@ -4350,8 +4381,8 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					class: "lane-divider-hit",
 					style: { cursor: "ns-resize" },
 					onClick: A((e) => P(t.id), ["stop"]),
-					onMousedown: o[5] ||= A((e) => X(e, 0), ["stop"])
-				}, null, 40, Zr), a("line", {
+					onMousedown: o[5] ||= A((e) => J(e, 0), ["stop"])
+				}, null, 40, Qr), a("line", {
 					x1: l.value,
 					y1: 0,
 					x2: n.swimlane.width,
@@ -4361,7 +4392,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					"stroke-dasharray": "4,2",
 					class: "lane-divider",
 					"pointer-events": "none"
-				}, null, 8, Qr)], 64)) : r("", !0),
+				}, null, 8, $r)], 64)) : r("", !0),
 				s > 0 ? (_(), i(e, { key: 1 }, [n.swimlane.direction === "horizontal" ? (_(), i("line", {
 					key: 0,
 					x1: 0,
@@ -4373,8 +4404,8 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					class: "lane-divider-hit",
 					style: { cursor: "ns-resize" },
 					onClick: A((e) => P(n.swimlane.lanes[s - 1].id), ["stop"]),
-					onMousedown: A((e) => X(e, s - 1), ["stop"])
-				}, null, 40, $r)) : (_(), i("line", {
+					onMousedown: A((e) => J(e, s - 1), ["stop"])
+				}, null, 40, ei)) : (_(), i("line", {
 					key: 1,
 					x1: g(s),
 					y1: 0,
@@ -4385,8 +4416,8 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					class: "lane-divider-hit",
 					style: { cursor: "ew-resize" },
 					onClick: A((e) => P(n.swimlane.lanes[s - 1].id), ["stop"]),
-					onMousedown: A((e) => X(e, s - 1), ["stop"])
-				}, null, 40, ei)), n.swimlane.direction === "horizontal" ? (_(), i("line", {
+					onMousedown: A((e) => J(e, s - 1), ["stop"])
+				}, null, 40, ti)), n.swimlane.direction === "horizontal" ? (_(), i("line", {
 					key: 2,
 					x1: 0,
 					y1: h(s),
@@ -4397,7 +4428,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					"stroke-dasharray": "4,2",
 					class: "lane-divider",
 					"pointer-events": "none"
-				}, null, 8, ti)) : (_(), i("line", {
+				}, null, 8, ni)) : (_(), i("line", {
 					key: 3,
 					x1: g(s),
 					y1: 0,
@@ -4408,7 +4439,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					"stroke-dasharray": "4,2",
 					class: "lane-divider",
 					"pointer-events": "none"
-				}, null, 8, ni))], 64)) : r("", !0),
+				}, null, 8, ri))], 64)) : r("", !0),
 				s === n.swimlane.lanes.length - 1 && n.swimlane.direction === "horizontal" ? (_(), i(e, { key: 2 }, [a("line", {
 					x1: 0,
 					y1: d.value,
@@ -4419,8 +4450,8 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					class: "lane-divider-hit",
 					style: { cursor: "ns-resize" },
 					onClick: A((e) => P(t.id), ["stop"]),
-					onMousedown: o[6] ||= A((e) => X(e, n.swimlane.lanes.length - 1), ["stop"])
-				}, null, 40, ri), a("line", {
+					onMousedown: o[6] ||= A((e) => J(e, n.swimlane.lanes.length - 1), ["stop"])
+				}, null, 40, ii), a("line", {
 					x1: 0,
 					y1: d.value,
 					x2: n.swimlane.width,
@@ -4430,7 +4461,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					"stroke-dasharray": "4,2",
 					class: "lane-divider",
 					"pointer-events": "none"
-				}, null, 8, ii)], 64)) : r("", !0),
+				}, null, 8, ai)], 64)) : r("", !0),
 				s === n.swimlane.lanes.length - 1 && n.swimlane.direction === "vertical" ? (_(), i(e, { key: 3 }, [a("line", {
 					x1: g(n.swimlane.lanes.length),
 					y1: 0,
@@ -4441,8 +4472,8 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					class: "lane-divider-hit",
 					style: { cursor: "ew-resize" },
 					onClick: A((e) => P(t.id), ["stop"]),
-					onMousedown: o[7] ||= A((e) => X(e, n.swimlane.lanes.length - 1), ["stop"])
-				}, null, 40, ai), a("line", {
+					onMousedown: o[7] ||= A((e) => J(e, n.swimlane.lanes.length - 1), ["stop"])
+				}, null, 40, oi), a("line", {
 					x1: g(n.swimlane.lanes.length),
 					y1: 0,
 					x2: g(n.swimlane.lanes.length),
@@ -4452,7 +4483,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					"stroke-dasharray": "4,2",
 					class: "lane-divider",
 					"pointer-events": "none"
-				}, null, 8, oi)], 64)) : r("", !0),
+				}, null, 8, si)], 64)) : r("", !0),
 				n.swimlane.direction === "horizontal" ? (_(), i("rect", {
 					key: 4,
 					x: l.value + 4,
@@ -4466,7 +4497,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					opacity: t.opacity ?? .5,
 					class: "lane-bg",
 					onClick: A((e) => P(t.id), ["stop"])
-				}, null, 8, si)) : (_(), i("rect", {
+				}, null, 8, ci)) : (_(), i("rect", {
 					key: 5,
 					x: g(s) + 4,
 					y: u.value + 4,
@@ -4479,7 +4510,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					opacity: t.opacity ?? .5,
 					class: "lane-bg",
 					onClick: A((e) => P(t.id), ["stop"])
-				}, null, 8, ci)),
+				}, null, 8, li)),
 				t.headerColor ? O((_(), i("rect", {
 					key: 6,
 					x: l.value + 4,
@@ -4489,7 +4520,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					fill: t.headerColor,
 					rx: "2",
 					"pointer-events": "none"
-				}, null, 8, li)), [[T, n.swimlane.direction === "horizontal"]]) : r("", !0),
+				}, null, 8, ui)), [[T, n.swimlane.direction === "horizontal"]]) : r("", !0),
 				t.headerColor ? O((_(), i("rect", {
 					key: 7,
 					x: g(s) + 4,
@@ -4499,7 +4530,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					fill: t.headerColor,
 					rx: "2",
 					"pointer-events": "none"
-				}, null, 8, ui)), [[T, n.swimlane.direction === "vertical"]]) : r("", !0),
+				}, null, 8, di)), [[T, n.swimlane.direction === "vertical"]]) : r("", !0),
 				n.swimlane.direction === "horizontal" && F.value !== t.id ? (_(), i("text", {
 					key: 8,
 					x: t.textAlign === "center" ? (l.value + n.swimlane.width) / 2 : t.textAlign === "right" ? n.swimlane.width - 10 : l.value + 10,
@@ -4514,7 +4545,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					class: "lane-label",
 					onClick: A((e) => P(t.id), ["stop"]),
 					onDblclick: A((e) => R(t), ["stop"])
-				}, S(t.name), 41, di)) : n.swimlane.direction === "vertical" && F.value !== t.id ? (_(), i("text", {
+				}, S(t.name), 41, fi)) : n.swimlane.direction === "vertical" && F.value !== t.id ? (_(), i("text", {
 					key: 9,
 					x: t.textAlign === "center" ? g(s) + v(s) / 2 : t.textAlign === "right" ? g(s) + v(s) - 10 : g(s) + 10,
 					y: u.value + 17,
@@ -4528,14 +4559,14 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					class: "lane-label",
 					onClick: A((e) => P(t.id), ["stop"]),
 					onDblclick: A((e) => R(t), ["stop"])
-				}, S(t.name), 41, fi)) : r("", !0),
+				}, S(t.name), 41, pi)) : r("", !0),
 				F.value === t.id && n.swimlane.direction === "horizontal" ? (_(), i("foreignObject", {
 					key: 10,
 					x: l.value + 8,
 					y: h(s) + 4,
 					width: n.swimlane.width - l.value - 16,
 					height: 26
-				}, [a("div", mi, [O(a("input", {
+				}, [a("div", hi, [O(a("input", {
 					ref_for: !0,
 					ref_key: "laneNameInputRef",
 					ref: L,
@@ -4552,14 +4583,14 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					onBlur: (e) => z(t),
 					onKeydown: [k((e) => z(t), ["enter"]), k(B, ["escape"])],
 					onClick: o[9] ||= A(() => {}, ["stop"])
-				}, null, 44, hi), [[w, I.value]])])], 8, pi)) : r("", !0),
+				}, null, 44, gi), [[w, I.value]])])], 8, mi)) : r("", !0),
 				F.value === t.id && n.swimlane.direction === "vertical" ? (_(), i("foreignObject", {
 					key: 11,
 					x: g(s) + 8,
 					y: u.value + 4,
 					width: v(s) - 16,
 					height: 26
-				}, [a("div", _i, [O(a("input", {
+				}, [a("div", vi, [O(a("input", {
 					ref_for: !0,
 					ref_key: "laneNameInputRef",
 					ref: L,
@@ -4576,7 +4607,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					onBlur: (e) => z(t),
 					onKeydown: [k((e) => z(t), ["enter"]), k(B, ["escape"])],
 					onClick: o[11] ||= A(() => {}, ["stop"])
-				}, null, 44, vi), [[w, I.value]])])], 8, gi)) : r("", !0)
+				}, null, 44, yi), [[w, I.value]])])], 8, _i)) : r("", !0)
 			]))), 128)) : r("", !0),
 			n.selected ? (_(), i(e, { key: 7 }, [
 				a("rect", {
@@ -4590,7 +4621,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					style: { cursor: "ew-resize" },
 					onMousedown: o[12] ||= A((e) => W(e, "right"), ["stop", "prevent"]),
 					onClick: o[13] ||= A(() => {}, ["stop"])
-				}, null, 40, yi),
+				}, null, 40, bi),
 				a("rect", {
 					x: n.swimlane.width / 2 - 10,
 					y: d.value - 4,
@@ -4602,7 +4633,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					style: { cursor: "ns-resize" },
 					onMousedown: o[14] ||= A((e) => W(e, "bottom"), ["stop", "prevent"]),
 					onClick: o[15] ||= A(() => {}, ["stop"])
-				}, null, 40, bi),
+				}, null, 40, xi),
 				a("rect", {
 					x: g(n.swimlane.lanes?.length || 0) - 6,
 					y: d.value - 6,
@@ -4614,34 +4645,34 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					style: { cursor: "nwse-resize" },
 					onMousedown: o[16] ||= A((e) => W(e, "corner"), ["stop", "prevent"]),
 					onClick: o[17] ||= A(() => {}, ["stop"])
-				}, null, 40, xi)
+				}, null, 40, Si)
 			], 64)) : r("", !0),
 			K.value === null ? r("", !0) : (_(), i(e, { key: 8 }, [n.swimlane.direction === "horizontal" ? (_(), i("line", {
 				key: 0,
 				x1: 0,
-				y1: q.value,
+				y1: ee.value,
 				x2: n.swimlane.width,
-				y2: q.value,
+				y2: ee.value,
 				stroke: "#409eff",
 				"stroke-width": "2",
 				"stroke-dasharray": "6,3"
-			}, null, 8, Si)) : (_(), i("line", {
+			}, null, 8, Ci)) : (_(), i("line", {
 				key: 1,
-				x1: J.value,
+				x1: q.value,
 				y1: 0,
-				x2: J.value,
+				x2: q.value,
 				y2: d.value,
 				stroke: "#409eff",
 				"stroke-width": "2",
 				"stroke-dasharray": "6,3"
-			}, null, 8, Ci))], 64))
-		], 42, Vr));
+			}, null, 8, wi))], 64))
+		], 42, Hr));
 	}
-}, [["__scopeId", "data-v-8e00b7cb"]]), Ti = [
+}, [["__scopeId", "data-v-8e00b7cb"]]), Ei = [
 	"width",
 	"height",
 	"viewBox"
-], Ei = ["width", "height"], Di = ["d"], Oi = ["transform"], ki = {
+], Di = ["width", "height"], Oi = ["d"], ki = ["transform"], Ai = {
 	key: 0,
 	x: "-5000",
 	y: "-5000",
@@ -4649,12 +4680,12 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 	height: "10000",
 	fill: "url(#grid)",
 	class: "grid-bg"
-}, Ai = { key: 1 }, ji = [
+}, ji = { key: 1 }, Mi = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Mi = { class: "tooltip-content" }, Ni = { class: "zoom-controls" }, Pi = { class: "zoom-label" }, Fi = /*#__PURE__*/ Q({
+], Ni = { class: "tooltip-content" }, Pi = { class: "zoom-controls" }, Fi = { class: "zoom-label" }, Ii = /*#__PURE__*/ Q({
 	__name: "DiagramCanvas",
 	props: {
 		nodes: {
@@ -4764,7 +4795,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				x: e.clientX,
 				y: e.clientY
 			}, e.preventDefault());
-		}, q = (e) => {
+		}, ee = (e) => {
 			if (M.value) {
 				let t = e.clientX - N.value.x, n = e.clientY - N.value.y;
 				(Math.abs(t) > 3 || Math.abs(n) > 3) && (G = !0), E.value += t, D.value += n, N.value = {
@@ -4779,28 +4810,28 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					y: (e.clientY - t.top - D.value) / T.value
 				};
 			}
-		}, J = () => {
+		}, q = () => {
 			M.value = !1, j.value = !1, d.autoConnectMode && f("end-connect", null);
-		}, Y = (e) => {
+		}, te = (e) => {
 			let t = e.deltaY > 0 ? -.1 : .1;
 			T.value = Math.min(Math.max(T.value + t, .2), 3);
-		}, X = () => {
+		}, J = () => {
 			T.value = Math.min(T.value + .1, 3);
-		}, ee = () => {
+		}, Y = () => {
 			T.value = Math.max(T.value - .1, .2);
-		}, Z = () => {
+		}, ne = () => {
 			T.value = 1, E.value = 0, D.value = 0;
-		}, te = () => {
+		}, re = () => {
 			f("fit-view");
-		}, ne = (e, t, n) => {
+		}, ie = (e, t, n) => {
 			f("node-drag", e, t, n);
-		}, re = (e, t, n) => {
+		}, ae = (e, t, n) => {
 			f("node-resize", e, t, n);
-		}, ie = (e, t, n, r) => {
+		}, X = (e, t, n, r) => {
 			f("update-waypoint", e, t, n, r);
-		}, ae = (e) => {
-			(e.key === "Delete" || e.key === "Backspace") && d.selectedNodeId && f("select-node", null), e.key === "Escape" && f("reset-state");
 		}, oe = (e) => {
+			(e.key === "Delete" || e.key === "Backspace") && d.selectedNodeId && f("select-node", null), e.key === "Escape" && f("reset-state");
+		}, se = (e) => {
 			e.preventDefault();
 			let t = e.dataTransfer.getData("node-type");
 			if (!t) return;
@@ -4808,26 +4839,26 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 			f("drop-node", t, (e.clientX - n.left - E.value) / T.value, (e.clientY - n.top - D.value) / T.value);
 		};
 		return h(() => {
-			v.value?.addEventListener("drop", oe), v.value?.addEventListener("dragover", (e) => e.preventDefault()), window.addEventListener("keydown", u);
+			v.value?.addEventListener("drop", se), v.value?.addEventListener("dragover", (e) => e.preventDefault()), window.addEventListener("keydown", u);
 		}), g(() => {
-			v.value?.removeEventListener("drop", oe), window.removeEventListener("keydown", u);
+			v.value?.removeEventListener("drop", se), window.removeEventListener("keydown", u);
 		}), s({
-			fitView: te,
-			resetView: Z,
-			zoomIn: X,
-			zoomOut: ee,
+			fitView: re,
+			resetView: ne,
+			zoomIn: J,
+			zoomOut: Y,
 			svgRef: x
 		}), (t, s) => (_(), i("div", {
 			class: "diagram-canvas",
 			ref_key: "containerRef",
 			ref: v,
 			onMousedown: K,
-			onMousemove: q,
-			onMouseup: J,
-			onWheel: A(Y, ["prevent"]),
+			onMousemove: ee,
+			onMouseup: q,
+			onWheel: A(te, ["prevent"]),
 			onClick: U,
 			onContextmenu: A(W, ["prevent"]),
-			onKeydown: ae,
+			onKeydown: oe,
 			tabindex: "0"
 		}, [
 			(_(), i("svg", {
@@ -4847,8 +4878,8 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				fill: "none",
 				stroke: "#e8e8e8",
 				"stroke-width": "1"
-			}, null, 8, Di)], 8, Ei), s[11] ||= o("<filter id=\"shadow\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\" data-v-878b95c1><feDropShadow dx=\"2\" dy=\"2\" stdDeviation=\"3\" flood-opacity=\"0.15\" data-v-878b95c1></feDropShadow></filter><filter id=\"glow\" data-v-878b95c1><feGaussianBlur stdDeviation=\"3\" result=\"coloredBlur\" data-v-878b95c1></feGaussianBlur><feMerge data-v-878b95c1><feMergeNode in=\"coloredBlur\" data-v-878b95c1></feMergeNode><feMergeNode in=\"SourceGraphic\" data-v-878b95c1></feMergeNode></feMerge></filter><filter id=\"glass-shadow\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\" data-v-878b95c1><feDropShadow dx=\"4\" dy=\"4\" stdDeviation=\"8\" flood-opacity=\"0.1\" data-v-878b95c1></feDropShadow><feGaussianBlur in=\"SourceAlpha\" stdDeviation=\"1\" result=\"blur\" data-v-878b95c1></feGaussianBlur><feOffset in=\"blur\" dx=\"0\" dy=\"-2\" result=\"offsetBlur\" data-v-878b95c1></feOffset><feFlood flood-color=\"white\" flood-opacity=\"0.2\" result=\"color\" data-v-878b95c1></feFlood><feComposite in=\"color\" in2=\"offsetBlur\" operator=\"in\" result=\"shadow\" data-v-878b95c1></feComposite><feMerge data-v-878b95c1><feMergeNode in=\"shadow\" data-v-878b95c1></feMergeNode><feMergeNode in=\"SourceGraphic\" data-v-878b95c1></feMergeNode></feMerge></filter><filter id=\"neon-glow\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\" data-v-878b95c1><feGaussianBlur stdDeviation=\"4\" result=\"blur\" data-v-878b95c1></feGaussianBlur><feFlood flood-color=\"currentColor\" flood-opacity=\"0.6\" result=\"color\" data-v-878b95c1></feFlood><feComposite in=\"color\" in2=\"blur\" operator=\"in\" result=\"glow\" data-v-878b95c1></feComposite><feMerge data-v-878b95c1><feMergeNode in=\"glow\" data-v-878b95c1></feMergeNode><feMergeNode in=\"glow\" data-v-878b95c1></feMergeNode><feMergeNode in=\"SourceGraphic\" data-v-878b95c1></feMergeNode></feMerge></filter><filter id=\"neon-glow-strong\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\" data-v-878b95c1><feGaussianBlur stdDeviation=\"6\" result=\"blur\" data-v-878b95c1></feGaussianBlur><feFlood flood-color=\"currentColor\" flood-opacity=\"0.8\" result=\"color\" data-v-878b95c1></feFlood><feComposite in=\"color\" in2=\"blur\" operator=\"in\" result=\"glow\" data-v-878b95c1></feComposite><feMerge data-v-878b95c1><feMergeNode in=\"glow\" data-v-878b95c1></feMergeNode><feMergeNode in=\"glow\" data-v-878b95c1></feMergeNode><feMergeNode in=\"glow\" data-v-878b95c1></feMergeNode><feMergeNode in=\"SourceGraphic\" data-v-878b95c1></feMergeNode></feMerge></filter><filter id=\"sketch\" x=\"-10%\" y=\"-10%\" width=\"120%\" height=\"120%\" data-v-878b95c1><feTurbulence type=\"turbulence\" baseFrequency=\"0.03\" numOctaves=\"3\" seed=\"1\" result=\"turbulence\" data-v-878b95c1></feTurbulence><feDisplacementMap in=\"SourceGraphic\" in2=\"turbulence\" scale=\"4\" xChannelSelector=\"R\" yChannelSelector=\"G\" data-v-878b95c1></feDisplacementMap></filter>", 6)]), a("g", { transform: `translate(${E.value}, ${D.value}) scale(${T.value})` }, [
-				O.value ? (_(), i("rect", ki)) : r("", !0),
+			}, null, 8, Oi)], 8, Di), s[11] ||= o("<filter id=\"shadow\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\" data-v-878b95c1><feDropShadow dx=\"2\" dy=\"2\" stdDeviation=\"3\" flood-opacity=\"0.15\" data-v-878b95c1></feDropShadow></filter><filter id=\"glow\" data-v-878b95c1><feGaussianBlur stdDeviation=\"3\" result=\"coloredBlur\" data-v-878b95c1></feGaussianBlur><feMerge data-v-878b95c1><feMergeNode in=\"coloredBlur\" data-v-878b95c1></feMergeNode><feMergeNode in=\"SourceGraphic\" data-v-878b95c1></feMergeNode></feMerge></filter><filter id=\"glass-shadow\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\" data-v-878b95c1><feDropShadow dx=\"4\" dy=\"4\" stdDeviation=\"8\" flood-opacity=\"0.1\" data-v-878b95c1></feDropShadow><feGaussianBlur in=\"SourceAlpha\" stdDeviation=\"1\" result=\"blur\" data-v-878b95c1></feGaussianBlur><feOffset in=\"blur\" dx=\"0\" dy=\"-2\" result=\"offsetBlur\" data-v-878b95c1></feOffset><feFlood flood-color=\"white\" flood-opacity=\"0.2\" result=\"color\" data-v-878b95c1></feFlood><feComposite in=\"color\" in2=\"offsetBlur\" operator=\"in\" result=\"shadow\" data-v-878b95c1></feComposite><feMerge data-v-878b95c1><feMergeNode in=\"shadow\" data-v-878b95c1></feMergeNode><feMergeNode in=\"SourceGraphic\" data-v-878b95c1></feMergeNode></feMerge></filter><filter id=\"neon-glow\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\" data-v-878b95c1><feGaussianBlur stdDeviation=\"4\" result=\"blur\" data-v-878b95c1></feGaussianBlur><feFlood flood-color=\"currentColor\" flood-opacity=\"0.6\" result=\"color\" data-v-878b95c1></feFlood><feComposite in=\"color\" in2=\"blur\" operator=\"in\" result=\"glow\" data-v-878b95c1></feComposite><feMerge data-v-878b95c1><feMergeNode in=\"glow\" data-v-878b95c1></feMergeNode><feMergeNode in=\"glow\" data-v-878b95c1></feMergeNode><feMergeNode in=\"SourceGraphic\" data-v-878b95c1></feMergeNode></feMerge></filter><filter id=\"neon-glow-strong\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\" data-v-878b95c1><feGaussianBlur stdDeviation=\"6\" result=\"blur\" data-v-878b95c1></feGaussianBlur><feFlood flood-color=\"currentColor\" flood-opacity=\"0.8\" result=\"color\" data-v-878b95c1></feFlood><feComposite in=\"color\" in2=\"blur\" operator=\"in\" result=\"glow\" data-v-878b95c1></feComposite><feMerge data-v-878b95c1><feMergeNode in=\"glow\" data-v-878b95c1></feMergeNode><feMergeNode in=\"glow\" data-v-878b95c1></feMergeNode><feMergeNode in=\"glow\" data-v-878b95c1></feMergeNode><feMergeNode in=\"SourceGraphic\" data-v-878b95c1></feMergeNode></feMerge></filter><filter id=\"sketch\" x=\"-10%\" y=\"-10%\" width=\"120%\" height=\"120%\" data-v-878b95c1><feTurbulence type=\"turbulence\" baseFrequency=\"0.03\" numOctaves=\"3\" seed=\"1\" result=\"turbulence\" data-v-878b95c1></feTurbulence><feDisplacementMap in=\"SourceGraphic\" in2=\"turbulence\" scale=\"4\" xChannelSelector=\"R\" yChannelSelector=\"G\" data-v-878b95c1></feDisplacementMap></filter>", 6)]), a("g", { transform: `translate(${E.value}, ${D.value}) scale(${T.value})` }, [
+				O.value ? (_(), i("rect", Ai)) : r("", !0),
 				a("rect", {
 					x: "-5000",
 					y: "-5000",
@@ -4858,7 +4889,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					class: "canvas-bg",
 					onClick: s[0] ||= (e) => f("select-canvas")
 				}),
-				(_(!0), i(e, null, b(n.swimlanes, (e) => (_(), i("g", { key: e.id }, [c(wi, {
+				(_(!0), i(e, null, b(n.swimlanes, (e) => (_(), i("g", { key: e.id }, [c(Ti, {
 					swimlane: e,
 					selected: n.selectedSwimlaneId === e.id,
 					"selected-lane-id": n.selectedLaneId,
@@ -4876,14 +4907,14 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					"onSelect",
 					"onSelectLane"
 				])]))), 128)),
-				(_(!0), i(e, null, b(n.edges, (e) => (_(), i("g", { key: e.id }, [c(Br, {
+				(_(!0), i(e, null, b(n.edges, (e) => (_(), i("g", { key: e.id }, [c(Vr, {
 					edge: e,
 					source: H(e.sourceId),
 					target: H(e.targetId),
 					selected: n.selectedEdgeId === e.id,
 					"animation-playing": n.animationPlaying,
 					onSelect: (n) => t.$emit("select-edge", e.id),
-					onUpdateWaypoint: ie,
+					onUpdateWaypoint: X,
 					onResetState: s[6] ||= (e) => t.$emit("reset-state"),
 					onHoverRemark: V
 				}, null, 8, [
@@ -4894,7 +4925,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					"animation-playing",
 					"onSelect"
 				])]))), 128)),
-				(_(!0), i(e, null, b(I.value, (e) => (_(), i("g", { key: e.id }, [c(nr, {
+				(_(!0), i(e, null, b(I.value, (e) => (_(), i("g", { key: e.id }, [c(rr, {
 					node: e,
 					selected: n.selectedNodeId === e.id,
 					"connect-mode": n.connectMode,
@@ -4906,8 +4937,8 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					onStartConnect: (n) => t.$emit("start-connect", e.id),
 					onEndConnect: (n) => t.$emit("end-connect", e.id),
 					onAutoConnectStart: (n) => t.$emit("auto-connect-start", e.id),
-					onDrag: ne,
-					onResize: re,
+					onDrag: ie,
+					onResize: ae,
 					onDragEnd: s[7] ||= (e) => t.$emit("node-drag-end", e),
 					onResizeEnd: s[8] ||= (e) => t.$emit("node-resize-end", e),
 					onResetState: s[9] ||= (e) => t.$emit("reset-state"),
@@ -4925,7 +4956,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					"onEndConnect",
 					"onAutoConnectStart"
 				])]))), 128)),
-				L.value && P.value ? (_(), i("g", Ai, [a("line", {
+				L.value && P.value ? (_(), i("g", ji, [a("line", {
 					x1: L.value.x + L.value.width / 2,
 					y1: L.value.y + L.value.height / 2,
 					x2: P.value.x,
@@ -4933,8 +4964,8 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					stroke: "#409eff",
 					"stroke-width": "2",
 					"stroke-dasharray": "5,5"
-				}, null, 8, ji)])) : r("", !0)
-			], 8, Oi)], 8, Ti)),
+				}, null, 8, Mi)])) : r("", !0)
+			], 8, ki)], 8, Ei)),
 			R.value && R.value.remark ? (_(), i("div", {
 				key: 0,
 				class: "remark-tooltip",
@@ -4942,23 +4973,23 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					left: z.value + "px",
 					top: B.value + "px"
 				})
-			}, [a("div", Mi, S(R.value.remark), 1)], 4)) : r("", !0),
-			a("div", Ni, [
+			}, [a("div", Ni, S(R.value.remark), 1)], 4)) : r("", !0),
+			a("div", Pi, [
 				a("button", {
-					onClick: X,
+					onClick: J,
 					title: "放大"
 				}, "+"),
-				a("span", Pi, S(Math.round(T.value * 100)) + "%", 1),
+				a("span", Fi, S(Math.round(T.value * 100)) + "%", 1),
 				a("button", {
-					onClick: ee,
+					onClick: Y,
 					title: "缩小"
 				}, "-"),
 				a("button", {
-					onClick: Z,
+					onClick: ne,
 					title: "重置视图"
 				}, "⌂"),
 				a("button", {
-					onClick: te,
+					onClick: re,
 					title: "适应画布"
 				}, "⊞"),
 				a("button", {
@@ -4969,10 +5000,10 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 			])
 		], 544));
 	}
-}, [["__scopeId", "data-v-878b95c1"]]), Ii = { class: "param-dialog" }, Li = { class: "json-import" }, Ri = { class: "param-list" }, zi = { class: "col-index" }, Bi = { class: "col-action" }, Vi = {
+}, [["__scopeId", "data-v-878b95c1"]]), Li = { class: "param-dialog" }, Ri = { class: "json-import" }, zi = { class: "param-list" }, Bi = { class: "col-index" }, Vi = { class: "col-action" }, Hi = {
 	key: 0,
 	class: "param-empty"
-}, Hi = /*#__PURE__*/ Q({
+}, Ui = /*#__PURE__*/ Q({
 	__name: "NodeParamDialog",
 	props: {
 		modelValue: {
@@ -5046,8 +5077,8 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					default: D(() => [...l[6] ||= [s("确定", -1)]]),
 					_: 1
 				})]),
-				default: D(() => [a("div", Ii, [
-					a("div", Li, [c(u, {
+				default: D(() => [a("div", Li, [
+					a("div", Ri, [c(u, {
 						modelValue: p.value,
 						"onUpdate:modelValue": l[0] ||= (e) => p.value = e,
 						type: "textarea",
@@ -5063,7 +5094,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						_: 1
 					})]),
 					c(T),
-					a("div", Ri, [
+					a("div", zi, [
 						l[3] ||= a("div", { class: "param-list-header" }, [
 							a("span", { class: "col-index" }, "#"),
 							a("span", { class: "col-name" }, "参数名"),
@@ -5076,7 +5107,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 							key: t,
 							class: "param-list-row"
 						}, [
-							a("span", zi, S(t + 1), 1),
+							a("span", Bi, S(t + 1), 1),
 							c(u, {
 								modelValue: e.name,
 								"onUpdate:modelValue": (t) => e.name = t,
@@ -5124,7 +5155,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 								]),
 								_: 1
 							}, 8, ["modelValue", "onUpdate:modelValue"]),
-							a("span", Bi, [c(y, {
+							a("span", Vi, [c(y, {
 								size: "small",
 								type: "danger",
 								circle: "",
@@ -5137,7 +5168,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 								_: 1
 							}, 8, ["onClick"])])
 						]))), 128)),
-						f.value.length === 0 ? (_(), i("div", Vi, " 暂无参数，点击下方按钮添加 ")) : r("", !0)
+						f.value.length === 0 ? (_(), i("div", Hi, " 暂无参数，点击下方按钮添加 ")) : r("", !0)
 					]),
 					c(y, {
 						size: "small",
@@ -5145,7 +5176,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						style: { "margin-top": "8px" }
 					}, {
 						default: D(() => [c(k, null, {
-							default: D(() => [c(C(J))]),
+							default: D(() => [c(C(q))]),
 							_: 1
 						}), l[4] ||= s(" 添加参数 ", -1)]),
 						_: 1
@@ -5155,48 +5186,48 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 			}, 8, ["modelValue", "title"]);
 		};
 	}
-}, [["__scopeId", "data-v-8ae88a5a"]]), Ui = { class: "properties-panel" }, Wi = { class: "panel-section theme-section" }, Gi = { class: "theme-grid" }, Ki = ["onClick"], qi = { class: "theme-name" }, Ji = {
+}, [["__scopeId", "data-v-8ae88a5a"]]), Wi = { class: "properties-panel" }, Gi = { class: "panel-section theme-section" }, Ki = { class: "theme-grid" }, qi = ["onClick"], Ji = { class: "theme-name" }, Yi = {
 	key: 0,
 	class: "panel-section"
-}, Yi = { class: "prop-row" }, Xi = {
+}, Xi = { class: "prop-row" }, Zi = {
 	key: 0,
 	class: "prop-row prop-row-col"
-}, Zi = { style: {
+}, Qi = { style: {
 	display: "flex",
 	gap: "4px",
 	width: "100%",
 	"align-items": "center"
-} }, Qi = {
+} }, $i = {
 	key: 0,
 	class: "image-preview"
-}, $i = ["src"], ea = { class: "prop-row" }, ta = { class: "prop-row" }, na = { class: "prop-row" }, ra = { class: "prop-row" }, ia = { class: "prop-row" }, aa = { class: "prop-row" }, oa = { class: "prop-row" }, sa = { class: "prop-row" }, ca = { class: "prop-row" }, la = {
+}, ea = ["src"], ta = { class: "prop-row" }, na = { class: "prop-row" }, ra = { class: "prop-row" }, ia = { class: "prop-row" }, aa = { class: "prop-row" }, oa = { class: "prop-row" }, sa = { class: "prop-row" }, ca = { class: "prop-row" }, la = { class: "prop-row" }, ua = {
 	key: 1,
 	class: "prop-row prop-row-col"
-}, ua = { class: "prop-row-main" }, da = { class: "prop-row" }, fa = {
+}, da = { class: "prop-row-main" }, fa = { class: "prop-row" }, pa = {
 	key: 2,
 	class: "prop-row"
-}, pa = {
+}, ma = {
 	key: 3,
 	class: "prop-row"
-}, ma = { class: "prop-row" }, ha = { class: "prop-row prop-row-col" }, ga = { class: "prop-row" }, _a = { class: "prop-row" }, va = { class: "prop-row" }, ya = { class: "prop-actions" }, ba = {
+}, ha = { class: "prop-row" }, ga = { class: "prop-row prop-row-col" }, _a = { class: "prop-row" }, va = { class: "prop-row" }, ya = { class: "prop-row" }, ba = { class: "prop-actions" }, xa = {
 	key: 1,
 	class: "panel-section"
-}, xa = { class: "prop-row" }, Sa = { class: "prop-row" }, Ca = { class: "prop-row" }, wa = { class: "prop-row" }, Ta = { class: "prop-row" }, Ea = { class: "prop-row" }, Da = { class: "prop-row" }, Oa = {
+}, Sa = { class: "prop-row" }, Ca = { class: "prop-row" }, wa = { class: "prop-row" }, Ta = { class: "prop-row" }, Ea = { class: "prop-row" }, Da = { class: "prop-row" }, Oa = { class: "prop-row" }, ka = {
 	key: 0,
 	class: "prop-row"
-}, ka = {
+}, Aa = {
 	key: 1,
 	class: "prop-row"
-}, Aa = { class: "prop-row prop-row-col" }, ja = { class: "prop-actions" }, Ma = {
+}, ja = { class: "prop-row prop-row-col" }, Ma = { class: "prop-actions" }, Na = {
 	key: 2,
 	class: "panel-section"
-}, Na = { class: "prop-row" }, Pa = { class: "prop-row" }, Fa = { class: "prop-row" }, Ia = { class: "prop-row" }, La = { class: "prop-row" }, Ra = { class: "prop-row" }, za = { class: "prop-row" }, Ba = { class: "prop-row" }, Va = { class: "prop-row" }, Ha = { class: "prop-row" }, Ua = { class: "prop-row" }, Wa = {
+}, Pa = { class: "prop-row" }, Fa = { class: "prop-row" }, Ia = { class: "prop-row" }, La = { class: "prop-row" }, Ra = { class: "prop-row" }, za = { class: "prop-row" }, Ba = { class: "prop-row" }, Va = { class: "prop-row" }, Ha = { class: "prop-row" }, Ua = { class: "prop-row" }, Wa = { class: "prop-row" }, Ga = {
 	key: 3,
 	class: "panel-section"
-}, Ga = { class: "prop-row" }, Ka = { class: "prop-row" }, qa = { class: "prop-row" }, Ja = { class: "prop-row" }, Ya = { class: "prop-row" }, Xa = { class: "prop-row" }, Za = { class: "prop-row" }, Qa = { class: "prop-row" }, $a = { class: "prop-row" }, eo = { class: "prop-row" }, to = { class: "prop-row" }, no = { class: "prop-row" }, ro = { class: "prop-row" }, io = { class: "prop-actions" }, ao = {
+}, Ka = { class: "prop-row" }, qa = { class: "prop-row" }, Ja = { class: "prop-row" }, Ya = { class: "prop-row" }, Xa = { class: "prop-row" }, Za = { class: "prop-row" }, Qa = { class: "prop-row" }, $a = { class: "prop-row" }, eo = { class: "prop-row" }, to = { class: "prop-row" }, no = { class: "prop-row" }, ro = { class: "prop-row" }, io = { class: "prop-row" }, ao = { class: "prop-actions" }, oo = {
 	key: 4,
 	class: "panel-section empty"
-}, oo = /*#__PURE__*/ Q({
+}, so = /*#__PURE__*/ Q({
 	__name: "PropertiesPanel",
 	props: {
 		selectedNode: {
@@ -5287,24 +5318,24 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 		};
 		return (t, l) => {
 			let u = x("el-tag"), d = x("el-input"), y = x("el-icon"), L = x("el-button"), R = x("el-upload"), z = x("el-input-number"), B = x("el-color-picker"), V = x("el-option"), H = x("el-select"), W = x("el-checkbox"), G = x("el-slider"), K = x("el-dialog");
-			return _(), i("div", Ui, [
-				a("div", Wi, [l[61] ||= a("h4", null, "画布主题", -1), a("div", Gi, [(_(!0), i(e, null, b(C(re), (e, n) => (_(), i("div", {
+			return _(), i("div", Wi, [
+				a("div", Gi, [l[61] ||= a("h4", null, "画布主题", -1), a("div", Ki, [(_(!0), i(e, null, b(C(X), (e, n) => (_(), i("div", {
 					key: n,
 					class: p(["theme-item", { active: o.currentTheme === n }]),
 					onClick: (e) => t.$emit("change-theme", n)
-				}, [a("div", { class: p(["theme-preview", `theme-preview-${n}`]) }, [...l[60] ||= [a("div", { class: "preview-rect" }, null, -1), a("div", { class: "preview-circle" }, null, -1)]], 2), a("span", qi, S(e.name), 1)], 10, Ki))), 128))])]),
-				o.selectedNode ? (_(), i("div", Ji, [
+				}, [a("div", { class: p(["theme-preview", `theme-preview-${n}`]) }, [...l[60] ||= [a("div", { class: "preview-rect" }, null, -1), a("div", { class: "preview-circle" }, null, -1)]], 2), a("span", Ji, S(e.name), 1)], 10, qi))), 128))])]),
+				o.selectedNode ? (_(), i("div", Yi, [
 					l[86] ||= a("h4", null, "节点属性", -1),
-					a("div", Yi, [l[62] ||= a("label", null, "类型", -1), c(u, {
+					a("div", Xi, [l[62] ||= a("label", null, "类型", -1), c(u, {
 						size: "small",
 						type: "info"
 					}, {
 						default: D(() => [s(S(O(o.selectedNode.type)), 1)]),
 						_: 1
 					})]),
-					o.selectedNode.type === "custom" ? (_(), i("div", Xi, [
+					o.selectedNode.type === "custom" ? (_(), i("div", Zi, [
 						l[63] ||= a("label", null, "组件图片", -1),
-						a("div", Zi, [
+						a("div", Qi, [
 							c(d, {
 								modelValue: o.selectedNode.image,
 								"onUpdate:modelValue": l[0] ||= (e) => o.selectedNode.image = e,
@@ -5322,7 +5353,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 									circle: ""
 								}, {
 									default: D(() => [c(y, null, {
-										default: D(() => [c(C(q))]),
+										default: D(() => [c(C(ee))]),
 										_: 1
 									})]),
 									_: 1
@@ -5343,7 +5374,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 								_: 1
 							})) : r("", !0)
 						]),
-						o.selectedNode.image ? (_(), i("div", Qi, [a("img", {
+						o.selectedNode.image ? (_(), i("div", $i, [a("img", {
 							src: o.selectedNode.image,
 							style: {
 								"max-width": "100%",
@@ -5351,15 +5382,15 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 								border: "1px solid #e4e7ed",
 								"border-radius": "4px"
 							}
-						}, null, 8, $i)])) : r("", !0)
+						}, null, 8, ea)])) : r("", !0)
 					])) : r("", !0),
-					a("div", ea, [l[64] ||= a("label", null, "名称", -1), c(d, {
+					a("div", ta, [l[64] ||= a("label", null, "名称", -1), c(d, {
 						size: "small",
 						modelValue: o.selectedNode.label,
 						"onUpdate:modelValue": l[1] ||= (e) => o.selectedNode.label = e,
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", ta, [l[65] ||= a("label", null, "宽度", -1), c(z, {
+					a("div", na, [l[65] ||= a("label", null, "宽度", -1), c(z, {
 						size: "small",
 						modelValue: o.selectedNode.width,
 						"onUpdate:modelValue": l[2] ||= (e) => o.selectedNode.width = e,
@@ -5367,7 +5398,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						max: 500,
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", na, [l[66] ||= a("label", null, "高度", -1), c(z, {
+					a("div", ra, [l[66] ||= a("label", null, "高度", -1), c(z, {
 						size: "small",
 						modelValue: o.selectedNode.height,
 						"onUpdate:modelValue": l[3] ||= (e) => o.selectedNode.height = e,
@@ -5375,19 +5406,19 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						max: 400,
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", ra, [l[67] ||= a("label", null, "填充色", -1), c(B, {
+					a("div", ia, [l[67] ||= a("label", null, "填充色", -1), c(B, {
 						size: "small",
 						modelValue: o.selectedNode.color,
 						"onUpdate:modelValue": l[4] ||= (e) => o.selectedNode.color = e,
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", ia, [l[68] ||= a("label", null, "边框色", -1), c(B, {
+					a("div", aa, [l[68] ||= a("label", null, "边框色", -1), c(B, {
 						size: "small",
 						modelValue: o.selectedNode.strokeColor,
 						"onUpdate:modelValue": l[5] ||= (e) => o.selectedNode.strokeColor = e,
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", aa, [l[69] ||= a("label", null, "边框宽度", -1), c(z, {
+					a("div", oa, [l[69] ||= a("label", null, "边框宽度", -1), c(z, {
 						size: "small",
 						modelValue: o.selectedNode.strokeWidth,
 						"onUpdate:modelValue": l[6] ||= (e) => o.selectedNode.strokeWidth = e,
@@ -5395,13 +5426,13 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						max: 10,
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", oa, [l[70] ||= a("label", null, "文字色", -1), c(B, {
+					a("div", sa, [l[70] ||= a("label", null, "文字色", -1), c(B, {
 						size: "small",
 						modelValue: o.selectedNode.textColor,
 						"onUpdate:modelValue": l[7] ||= (e) => o.selectedNode.textColor = e,
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", sa, [l[71] ||= a("label", null, "字号", -1), c(z, {
+					a("div", ca, [l[71] ||= a("label", null, "字号", -1), c(z, {
 						size: "small",
 						modelValue: o.selectedNode.fontSize,
 						"onUpdate:modelValue": l[8] ||= (e) => o.selectedNode.fontSize = e,
@@ -5409,7 +5440,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						max: 36,
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", ca, [l[72] ||= a("label", null, "文字位置", -1), c(H, {
+					a("div", la, [l[72] ||= a("label", null, "文字位置", -1), c(H, {
 						size: "small",
 						modelValue: o.selectedNode.labelPosition,
 						"onUpdate:modelValue": l[9] ||= (e) => o.selectedNode.labelPosition = e,
@@ -5443,7 +5474,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						]),
 						_: 1
 					}, 8, ["modelValue"])]),
-					o.selectedNode.labelPosition === "left" || o.selectedNode.labelPosition === "right" ? (_(), i("div", la, [a("div", ua, [l[73] ||= a("label", null, "文字方向", -1), c(z, {
+					o.selectedNode.labelPosition === "left" || o.selectedNode.labelPosition === "right" ? (_(), i("div", ua, [a("div", da, [l[73] ||= a("label", null, "文字方向", -1), c(z, {
 						size: "small",
 						modelValue: o.selectedNode.textRotation,
 						"onUpdate:modelValue": l[10] ||= (e) => o.selectedNode.textRotation = e,
@@ -5452,7 +5483,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						step: 15,
 						onChange: N
 					}, null, 8, ["modelValue"])]), l[74] ||= a("span", { class: "prop-hint" }, "-90°=向上 \xA0 0°=向右 \xA0 90°=向下", -1)])) : r("", !0),
-					a("div", da, [l[75] ||= a("label", null, "动画", -1), c(H, {
+					a("div", fa, [l[75] ||= a("label", null, "动画", -1), c(H, {
 						size: "small",
 						modelValue: o.selectedNode.animation,
 						"onUpdate:modelValue": l[11] ||= (e) => o.selectedNode.animation = e,
@@ -5465,7 +5496,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						}, null, 8, ["value", "label"]))), 128))]),
 						_: 1
 					}, 8, ["modelValue"])]),
-					o.selectedNode.animation === "none" ? r("", !0) : (_(), i("div", fa, [l[76] ||= a("label", null, "动画时长(秒)", -1), c(z, {
+					o.selectedNode.animation === "none" ? r("", !0) : (_(), i("div", pa, [l[76] ||= a("label", null, "动画时长(秒)", -1), c(z, {
 						size: "small",
 						modelValue: o.selectedNode.animationDuration,
 						"onUpdate:modelValue": l[12] ||= (e) => o.selectedNode.animationDuration = e,
@@ -5474,7 +5505,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						step: .5,
 						onChange: N
 					}, null, 8, ["modelValue"])])),
-					o.selectedNode.animation === "none" ? r("", !0) : (_(), i("div", pa, [l[77] ||= a("label", null, "延迟(秒)", -1), c(z, {
+					o.selectedNode.animation === "none" ? r("", !0) : (_(), i("div", ma, [l[77] ||= a("label", null, "延迟(秒)", -1), c(z, {
 						size: "small",
 						modelValue: o.selectedNode.animationDelay,
 						"onUpdate:modelValue": l[13] ||= (e) => o.selectedNode.animationDelay = e,
@@ -5483,7 +5514,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						step: .5,
 						onChange: N
 					}, null, 8, ["modelValue"])])),
-					a("div", ma, [c(W, {
+					a("div", ha, [c(W, {
 						modelValue: o.selectedNode.locked,
 						"onUpdate:modelValue": l[14] ||= (e) => o.selectedNode.locked = e,
 						onChange: N
@@ -5491,7 +5522,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						default: D(() => [...l[78] ||= [s("锁定", -1)]]),
 						_: 1
 					}, 8, ["modelValue"])]),
-					a("div", ha, [l[79] ||= a("label", null, "备注说明", -1), c(d, {
+					a("div", ga, [l[79] ||= a("label", null, "备注说明", -1), c(d, {
 						modelValue: o.selectedNode.remark,
 						"onUpdate:modelValue": l[15] ||= (e) => o.selectedNode.remark = e,
 						type: "textarea",
@@ -5499,7 +5530,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						placeholder: "输入备注说明...",
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", ga, [
+					a("div", _a, [
 						l[80] ||= a("label", null, "输入参数", -1),
 						c(u, {
 							size: "small",
@@ -5514,13 +5545,13 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 							onClick: g
 						}, {
 							default: D(() => [c(y, null, {
-								default: D(() => [c(C(X))]),
+								default: D(() => [c(C(J))]),
 								_: 1
 							})]),
 							_: 1
 						})
 					]),
-					a("div", _a, [
+					a("div", va, [
 						l[81] ||= a("label", null, "输出参数", -1),
 						c(u, {
 							size: "small",
@@ -5535,24 +5566,24 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 							onClick: v
 						}, {
 							default: D(() => [c(y, null, {
-								default: D(() => [c(C(X))]),
+								default: D(() => [c(C(J))]),
 								_: 1
 							})]),
 							_: 1
 						})
 					]),
-					a("div", va, [l[82] ||= a("label", null, "动作设置", -1), c(L, {
+					a("div", ya, [l[82] ||= a("label", null, "动作设置", -1), c(L, {
 						size: "small",
 						circle: "",
 						onClick: l[16] ||= (e) => h.value = !0
 					}, {
 						default: D(() => [c(y, null, {
-							default: D(() => [c(C(X))]),
+							default: D(() => [c(C(J))]),
 							_: 1
 						})]),
 						_: 1
 					})]),
-					a("div", ya, [
+					a("div", ba, [
 						c(L, {
 							size: "small",
 							onClick: l[17] ||= (e) => t.$emit("bring-front")
@@ -5576,15 +5607,15 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 							_: 1
 						})
 					])
-				])) : o.selectedEdge ? (_(), i("div", ba, [
+				])) : o.selectedEdge ? (_(), i("div", xa, [
 					l[98] ||= a("h4", null, "连线属性", -1),
-					a("div", xa, [l[87] ||= a("label", null, "标签", -1), c(d, {
+					a("div", Sa, [l[87] ||= a("label", null, "标签", -1), c(d, {
 						size: "small",
 						modelValue: o.selectedEdge.label,
 						"onUpdate:modelValue": l[20] ||= (e) => o.selectedEdge.label = e,
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", Sa, [l[88] ||= a("label", null, "线型", -1), c(H, {
+					a("div", Ca, [l[88] ||= a("label", null, "线型", -1), c(H, {
 						size: "small",
 						modelValue: o.selectedEdge.lineStyle,
 						"onUpdate:modelValue": l[21] ||= (e) => o.selectedEdge.lineStyle = e,
@@ -5597,13 +5628,13 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						}, null, 8, ["value", "label"]))), 128))]),
 						_: 1
 					}, 8, ["modelValue"])]),
-					a("div", Ca, [l[89] ||= a("label", null, "线色", -1), c(B, {
+					a("div", wa, [l[89] ||= a("label", null, "线色", -1), c(B, {
 						size: "small",
 						modelValue: o.selectedEdge.lineColor,
 						"onUpdate:modelValue": l[22] ||= (e) => o.selectedEdge.lineColor = e,
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", wa, [l[90] ||= a("label", null, "线宽", -1), c(z, {
+					a("div", Ta, [l[90] ||= a("label", null, "线宽", -1), c(z, {
 						size: "small",
 						modelValue: o.selectedEdge.lineWidth,
 						"onUpdate:modelValue": l[23] ||= (e) => o.selectedEdge.lineWidth = e,
@@ -5611,7 +5642,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						max: 8,
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", Ta, [l[91] ||= a("label", null, "箭头", -1), c(H, {
+					a("div", Ea, [l[91] ||= a("label", null, "箭头", -1), c(H, {
 						size: "small",
 						modelValue: o.selectedEdge.arrowType,
 						"onUpdate:modelValue": l[24] ||= (e) => o.selectedEdge.arrowType = e,
@@ -5626,7 +5657,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						})]),
 						_: 1
 					}, 8, ["modelValue"])]),
-					a("div", Ea, [l[92] ||= a("label", null, "曲线", -1), c(H, {
+					a("div", Da, [l[92] ||= a("label", null, "曲线", -1), c(H, {
 						size: "small",
 						modelValue: o.selectedEdge.curveType,
 						"onUpdate:modelValue": l[25] ||= (e) => o.selectedEdge.curveType = e,
@@ -5641,7 +5672,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						})]),
 						_: 1
 					}, 8, ["modelValue"])]),
-					a("div", Da, [l[93] ||= a("label", null, "动画", -1), c(H, {
+					a("div", Oa, [l[93] ||= a("label", null, "动画", -1), c(H, {
 						size: "small",
 						modelValue: o.selectedEdge.animation,
 						"onUpdate:modelValue": l[26] ||= (e) => o.selectedEdge.animation = e,
@@ -5654,7 +5685,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						}, null, 8, ["value", "label"])), 64))]),
 						_: 1
 					}, 8, ["modelValue"])]),
-					o.selectedEdge.animation === "none" ? r("", !0) : (_(), i("div", Oa, [l[94] ||= a("label", null, "动画时长(秒)", -1), c(z, {
+					o.selectedEdge.animation === "none" ? r("", !0) : (_(), i("div", ka, [l[94] ||= a("label", null, "动画时长(秒)", -1), c(z, {
 						size: "small",
 						modelValue: o.selectedEdge.animationDuration,
 						"onUpdate:modelValue": l[27] ||= (e) => o.selectedEdge.animationDuration = e,
@@ -5663,13 +5694,13 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						step: .5,
 						onChange: N
 					}, null, 8, ["modelValue"])])),
-					o.selectedEdge.animation === "none" ? r("", !0) : (_(), i("div", ka, [l[95] ||= a("label", null, "粒子颜色", -1), c(B, {
+					o.selectedEdge.animation === "none" ? r("", !0) : (_(), i("div", Aa, [l[95] ||= a("label", null, "粒子颜色", -1), c(B, {
 						size: "small",
 						modelValue: o.selectedEdge.particleColor,
 						"onUpdate:modelValue": l[28] ||= (e) => o.selectedEdge.particleColor = e,
 						onChange: N
 					}, null, 8, ["modelValue"])])),
-					a("div", Aa, [l[96] ||= a("label", null, "备注说明", -1), c(d, {
+					a("div", ja, [l[96] ||= a("label", null, "备注说明", -1), c(d, {
 						modelValue: o.selectedEdge.remark,
 						"onUpdate:modelValue": l[29] ||= (e) => o.selectedEdge.remark = e,
 						type: "textarea",
@@ -5677,7 +5708,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						placeholder: "输入备注说明...",
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", ja, [c(L, {
+					a("div", Ma, [c(L, {
 						size: "small",
 						type: "danger",
 						onClick: l[30] ||= (e) => t.$emit("delete-edge")
@@ -5685,15 +5716,15 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						default: D(() => [...l[97] ||= [s("删除连线", -1)]]),
 						_: 1
 					})])
-				])) : o.selectedLane ? (_(), i("div", Ma, [
+				])) : o.selectedLane ? (_(), i("div", Na, [
 					l[110] ||= a("h4", null, "泳道名称属性", -1),
-					a("div", Na, [l[99] ||= a("label", null, "名称", -1), c(d, {
+					a("div", Pa, [l[99] ||= a("label", null, "名称", -1), c(d, {
 						size: "small",
 						modelValue: o.selectedLane.name,
 						"onUpdate:modelValue": l[31] ||= (e) => o.selectedLane.name = e,
 						onChange: P
 					}, null, 8, ["modelValue"])]),
-					a("div", Pa, [l[100] ||= a("label", null, "高度", -1), c(z, {
+					a("div", Fa, [l[100] ||= a("label", null, "高度", -1), c(z, {
 						size: "small",
 						modelValue: o.selectedLane.height,
 						"onUpdate:modelValue": l[32] ||= (e) => o.selectedLane.height = e,
@@ -5701,20 +5732,20 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						max: 500,
 						onChange: P
 					}, null, 8, ["modelValue"])]),
-					a("div", Fa, [l[101] ||= a("label", null, "背景色", -1), c(B, {
+					a("div", Ia, [l[101] ||= a("label", null, "背景色", -1), c(B, {
 						size: "small",
 						modelValue: o.selectedLane.color,
 						"onUpdate:modelValue": l[33] ||= (e) => o.selectedLane.color = e,
 						onChange: P
 					}, null, 8, ["modelValue"])]),
-					a("div", Ia, [l[102] ||= a("label", null, "名称行背景", -1), c(B, {
+					a("div", La, [l[102] ||= a("label", null, "名称行背景", -1), c(B, {
 						size: "small",
 						modelValue: o.selectedLane.headerColor,
 						"onUpdate:modelValue": l[34] ||= (e) => o.selectedLane.headerColor = e,
 						"show-alpha": "",
 						onChange: P
 					}, null, 8, ["modelValue"])]),
-					a("div", La, [l[103] ||= a("label", null, "背景透明度", -1), c(G, {
+					a("div", Ra, [l[103] ||= a("label", null, "背景透明度", -1), c(G, {
 						size: "small",
 						modelValue: j.value,
 						"onUpdate:modelValue": l[35] ||= (e) => j.value = e,
@@ -5727,13 +5758,13 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						},
 						onChange: M
 					}, null, 8, ["modelValue"])]),
-					a("div", Ra, [l[104] ||= a("label", null, "文字色", -1), c(B, {
+					a("div", za, [l[104] ||= a("label", null, "文字色", -1), c(B, {
 						size: "small",
 						modelValue: o.selectedLane.textColor,
 						"onUpdate:modelValue": l[36] ||= (e) => o.selectedLane.textColor = e,
 						onChange: P
 					}, null, 8, ["modelValue"])]),
-					a("div", za, [l[105] ||= a("label", null, "字号", -1), c(z, {
+					a("div", Ba, [l[105] ||= a("label", null, "字号", -1), c(z, {
 						size: "small",
 						modelValue: o.selectedLane.fontSize,
 						"onUpdate:modelValue": l[37] ||= (e) => o.selectedLane.fontSize = e,
@@ -5741,7 +5772,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						max: 36,
 						onChange: P
 					}, null, 8, ["modelValue"])]),
-					a("div", Ba, [l[106] ||= a("label", null, "字体", -1), c(H, {
+					a("div", Va, [l[106] ||= a("label", null, "字体", -1), c(H, {
 						size: "small",
 						modelValue: o.selectedLane.fontFamily,
 						"onUpdate:modelValue": l[38] ||= (e) => o.selectedLane.fontFamily = e,
@@ -5783,7 +5814,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						]),
 						_: 1
 					}, 8, ["modelValue"])]),
-					a("div", Va, [l[107] ||= a("label", null, "字重", -1), c(H, {
+					a("div", Ha, [l[107] ||= a("label", null, "字重", -1), c(H, {
 						size: "small",
 						modelValue: o.selectedLane.fontWeight,
 						"onUpdate:modelValue": l[39] ||= (e) => o.selectedLane.fontWeight = e,
@@ -5809,7 +5840,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						]),
 						_: 1
 					}, 8, ["modelValue"])]),
-					a("div", Ha, [l[108] ||= a("label", null, "字体样式", -1), c(H, {
+					a("div", Ua, [l[108] ||= a("label", null, "字体样式", -1), c(H, {
 						size: "small",
 						modelValue: o.selectedLane.fontStyle,
 						"onUpdate:modelValue": l[40] ||= (e) => o.selectedLane.fontStyle = e,
@@ -5831,7 +5862,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						]),
 						_: 1
 					}, 8, ["modelValue"])]),
-					a("div", Ua, [l[109] ||= a("label", null, "文本对齐", -1), c(H, {
+					a("div", Wa, [l[109] ||= a("label", null, "文本对齐", -1), c(H, {
 						size: "small",
 						modelValue: o.selectedLane.textAlign,
 						"onUpdate:modelValue": l[41] ||= (e) => o.selectedLane.textAlign = e,
@@ -5853,19 +5884,19 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						]),
 						_: 1
 					}, 8, ["modelValue"])])
-				])) : o.selectedSwimlane ? (_(), i("div", Wa, [
+				])) : o.selectedSwimlane ? (_(), i("div", Ga, [
 					l[126] ||= a("h4", null, "泳道属性", -1),
-					a("div", Ga, [l[111] ||= a("label", null, "名称", -1), c(d, {
+					a("div", Ka, [l[111] ||= a("label", null, "名称", -1), c(d, {
 						size: "small",
 						modelValue: o.selectedSwimlane.name,
 						"onUpdate:modelValue": l[42] ||= (e) => o.selectedSwimlane.name = e,
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", Ka, [l[112] ||= a("label", null, "方向", -1), c(u, { size: "small" }, {
+					a("div", qa, [l[112] ||= a("label", null, "方向", -1), c(u, { size: "small" }, {
 						default: D(() => [s(S(o.selectedSwimlane.direction === "horizontal" ? "水平" : "垂直"), 1)]),
 						_: 1
 					})]),
-					a("div", qa, [l[113] ||= a("label", null, "宽度", -1), c(z, {
+					a("div", Ja, [l[113] ||= a("label", null, "宽度", -1), c(z, {
 						size: "small",
 						modelValue: o.selectedSwimlane.width,
 						"onUpdate:modelValue": l[43] ||= (e) => o.selectedSwimlane.width = e,
@@ -5873,7 +5904,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						max: 2e3,
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", Ja, [l[114] ||= a("label", null, "高度", -1), c(z, {
+					a("div", Ya, [l[114] ||= a("label", null, "高度", -1), c(z, {
 						size: "small",
 						modelValue: o.selectedSwimlane.height,
 						"onUpdate:modelValue": l[44] ||= (e) => o.selectedSwimlane.height = e,
@@ -5881,19 +5912,19 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						max: 1e3,
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", Ya, [l[115] ||= a("label", null, "背景色", -1), c(B, {
+					a("div", Xa, [l[115] ||= a("label", null, "背景色", -1), c(B, {
 						size: "small",
 						modelValue: o.selectedSwimlane.color,
 						"onUpdate:modelValue": l[45] ||= (e) => o.selectedSwimlane.color = e,
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", Xa, [l[116] ||= a("label", null, "标题背景色", -1), c(B, {
+					a("div", Za, [l[116] ||= a("label", null, "标题背景色", -1), c(B, {
 						size: "small",
 						modelValue: o.selectedSwimlane.headerColor,
 						"onUpdate:modelValue": l[46] ||= (e) => o.selectedSwimlane.headerColor = e,
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", Za, [l[117] ||= a("label", null, "标题透明度", -1), c(G, {
+					a("div", Qa, [l[117] ||= a("label", null, "标题透明度", -1), c(G, {
 						size: "small",
 						modelValue: k.value,
 						"onUpdate:modelValue": l[47] ||= (e) => k.value = e,
@@ -5906,13 +5937,13 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						},
 						onChange: A
 					}, null, 8, ["modelValue"])]),
-					a("div", Qa, [l[118] ||= a("label", null, "标题文字色", -1), c(B, {
+					a("div", $a, [l[118] ||= a("label", null, "标题文字色", -1), c(B, {
 						size: "small",
 						modelValue: o.selectedSwimlane.headerTextColor,
 						"onUpdate:modelValue": l[48] ||= (e) => o.selectedSwimlane.headerTextColor = e,
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", $a, [l[119] ||= a("label", null, "字号", -1), c(z, {
+					a("div", eo, [l[119] ||= a("label", null, "字号", -1), c(z, {
 						size: "small",
 						modelValue: o.selectedSwimlane.fontSize,
 						"onUpdate:modelValue": l[49] ||= (e) => o.selectedSwimlane.fontSize = e,
@@ -5920,7 +5951,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						max: 36,
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", eo, [l[120] ||= a("label", null, "字体", -1), c(H, {
+					a("div", to, [l[120] ||= a("label", null, "字体", -1), c(H, {
 						size: "small",
 						modelValue: o.selectedSwimlane.fontFamily,
 						"onUpdate:modelValue": l[50] ||= (e) => o.selectedSwimlane.fontFamily = e,
@@ -5962,7 +5993,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						]),
 						_: 1
 					}, 8, ["modelValue"])]),
-					a("div", to, [l[121] ||= a("label", null, "字重", -1), c(H, {
+					a("div", no, [l[121] ||= a("label", null, "字重", -1), c(H, {
 						size: "small",
 						modelValue: o.selectedSwimlane.fontWeight,
 						"onUpdate:modelValue": l[51] ||= (e) => o.selectedSwimlane.fontWeight = e,
@@ -5988,7 +6019,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						]),
 						_: 1
 					}, 8, ["modelValue"])]),
-					a("div", no, [l[122] ||= a("label", null, "字体样式", -1), c(H, {
+					a("div", ro, [l[122] ||= a("label", null, "字体样式", -1), c(H, {
 						size: "small",
 						modelValue: o.selectedSwimlane.fontStyle,
 						"onUpdate:modelValue": l[52] ||= (e) => o.selectedSwimlane.fontStyle = e,
@@ -6010,7 +6041,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						]),
 						_: 1
 					}, 8, ["modelValue"])]),
-					a("div", ro, [l[123] ||= a("label", null, "文本对齐", -1), c(H, {
+					a("div", io, [l[123] ||= a("label", null, "文本对齐", -1), c(H, {
 						size: "small",
 						modelValue: o.selectedSwimlane.textAlign,
 						"onUpdate:modelValue": l[53] ||= (e) => o.selectedSwimlane.textAlign = e,
@@ -6032,7 +6063,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						]),
 						_: 1
 					}, 8, ["modelValue"])]),
-					a("div", io, [c(L, {
+					a("div", ao, [c(L, {
 						size: "small",
 						onClick: l[54] ||= (e) => t.$emit("add-lane")
 					}, {
@@ -6046,15 +6077,15 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						default: D(() => [...l[125] ||= [s("删除", -1)]]),
 						_: 1
 					})])
-				])) : (_(), i("div", ao, [...l[127] ||= [a("p", null, "选择节点或连线查看属性", -1)]])),
-				c(Hi, {
+				])) : (_(), i("div", oo, [...l[127] ||= [a("p", null, "选择节点或连线查看属性", -1)]])),
+				c(Ui, {
 					modelValue: f.value,
 					"onUpdate:modelValue": l[56] ||= (e) => f.value = e,
 					title: "输入参数设置",
 					parameters: o.selectedNode?.inputParams || [],
 					onConfirm: w
 				}, null, 8, ["modelValue", "parameters"]),
-				c(Hi, {
+				c(Ui, {
 					modelValue: m.value,
 					"onUpdate:modelValue": l[57] ||= (e) => m.value = e,
 					title: "输出参数设置",
@@ -6083,61 +6114,99 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 			]);
 		};
 	}
-}, [["__scopeId", "data-v-8d0fe2b9"]]), so = { class: "process-diagram-editor" }, co = { class: "editor-header" }, lo = { class: "header-left" }, uo = { class: "header-right" }, fo = {
+}, [["__scopeId", "data-v-8d0fe2b9"]]), co = { class: "process-diagram-editor" }, lo = { class: "editor-header" }, uo = { class: "header-left" }, fo = { class: "header-right" }, po = {
 	key: 0,
 	class: "collab-users"
-}, po = ["title"], mo = {
+}, mo = ["title"], ho = {
 	key: 0,
 	class: "collab-more"
-}, ho = { class: "editor-body" }, go = { class: "editor-main" }, _o = "diagram", vo = /*#__PURE__*/ Q({
+}, go = { class: "editor-body" }, _o = { class: "editor-main" }, vo = "diagram", yo = /*#__PURE__*/ Q({
 	__name: "DiagramEditor",
-	setup(n) {
-		let o = N(), s = M(), l = s.name === "ProcessDiagram" || s.name === "NewProcessDiagram", u = l ? "process" : "execution", f = l ? "process-diagram-" : "exec-diagram-", p = y(!1), g = y(!1), { saveVersion: v } = We(), w = Ve(), T = s.query.type, O = ne(t(() => s.params.id || "new-doc")), k = null, A = y(null), j = y(null), F = y(!0), I = y(1), L = y(!1), R = y(!1), B = y([]), V = y(!1), H = y(null), U = y(s.params.id || null), W = y(localStorage.getItem("diagram-user-name") || ""), G = null;
-		E(W, (e) => {
+	props: {
+		docId: {
+			type: [Number, String],
+			default: null
+		},
+		apiBase: {
+			type: String,
+			default: "/api"
+		},
+		saveApi: {
+			type: [String, Function],
+			default: null
+		},
+		loadApi: {
+			type: [String, Function],
+			default: null
+		},
+		wsUrl: {
+			type: String,
+			default: ""
+		},
+		user: {
+			type: Object,
+			default: null
+		},
+		uiConfig: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	setup(o) {
+		let s = o, l = N(), u = M(), f = u.name === "ProcessDiagram" || u.name === "NewProcessDiagram", p = f ? "process" : "execution", g = f ? "process-diagram-" : "exec-diagram-", v = t(() => ({
+			backButton: "show",
+			titleEditable: !0,
+			authorEditable: !0,
+			showTypeSelector: !0,
+			showTemplateSelector: !0,
+			initialDiagramType: null,
+			...s.uiConfig
+		})), w = t(() => s.docId ?? u.params.id), T = t(() => s.apiBase && s.apiBase !== "/api" ? ne(s.apiBase) : ie), O = y(!1), k = y(!1), { saveVersion: A } = Ge(), j = He(), I = u.query.type, L = ae(t(() => w.value || "new-doc")), R = null, B = y(null), V = y(null), H = y(!0), U = y(1), W = y(!1), G = y(!1), ee = y([]), q = y(!1), te = y(null), J = y(w.value || null), Y = y(s.user?.name || localStorage.getItem("diagram-user-name") || ""), re = null;
+		E(Y, (e) => {
 			localStorage.setItem("diagram-user-name", e || "");
 		});
-		let q = y(null), J = y(!1), Y = y(!1), X = null, ee = () => {
+		let X = y(null), oe = y(!1), se = y(!1), ce = null, le = () => {
 			if (!$.value?.trim()) {
 				P.warning("请输入流程图名称");
 				return;
 			}
-			if (!W.value?.trim()) {
+			if (!Y.value?.trim()) {
 				P.warning("请输入用户名称");
 				return;
 			}
 			try {
-				let e = s.params.id || `diagram-${Date.now()}`;
-				H.value = e, O.connect(e), O.setLocalUser({ name: W.value.trim() }), L.value = !0;
-				let t = O.awareness.value;
+				let e = w.value || `diagram-${Date.now()}`;
+				te.value = e, L.connect(e, s.wsUrl || void 0), L.setLocalUser({ name: Y.value.trim() }), W.value = !0;
+				let t = L.awareness.value;
 				t.on("change", () => {
-					B.value = Array.from(t.getStates().entries()).filter(([e, t]) => t.user).map(([e, t]) => ({
+					ee.value = Array.from(t.getStates().entries()).filter(([e, t]) => t.user).map(([e, t]) => ({
 						clientId: e,
 						...t.user
 					}));
-				}), w.setCollabContext({
-					ydoc: O.doc,
+				}), j.setCollabContext({
+					ydoc: L.doc,
 					provider: t?.provider || null,
-					onlineUsers: B
-				}), w.setCurrentUser({
+					onlineUsers: ee
+				}), j.setCurrentUser({
 					id: t.clientID,
-					name: W.value.trim(),
+					name: Y.value.trim(),
 					color: `#${Math.floor(Math.random() * 16777215).toString(16).padStart(6, "0")}`
-				}), O.onRemoteChange("diagram", (e) => {
-					e && (V.value = !0, Re(e), V.value = !1);
-				}), O.syncToYjs("diagram", Le()), k && k();
+				}), L.onRemoteChange("diagram", (e) => {
+					e && (q.value = !0, Je(e), q.value = !1);
+				}), L.syncToYjs("diagram", qe()), R && R();
 				let n = null, r = () => {
-					n && clearTimeout(n), L.value && !V.value && O.isConnected.value && O.syncToYjs("diagram", Le());
+					n && clearTimeout(n), W.value && !q.value && L.isConnected.value && L.syncToYjs("diagram", qe());
 				};
-				X = r, k = E([
-					se,
-					ce,
-					le
+				ce = r, R = E([
+					Z,
+					he,
+					ge
 				], () => {
-					Y.value || (n && clearTimeout(n), n = setTimeout(r, 300));
-				}, { deep: !0 }), G && G(), G = E(() => O.isConnected.value, (e, t) => {
-					e && !t && L.value && O.syncToYjs("diagram", Le());
+					se.value || (n && clearTimeout(n), n = setTimeout(r, 300));
+				}, { deep: !0 }), re && re(), re = E(() => L.isConnected.value, (e, t) => {
+					e && !t && W.value && L.syncToYjs("diagram", qe());
 				});
-				let i = l ? "process-diagram" : "execution-diagram", a = `${window.location.origin}/${i}/${e}?collab=1`;
+				let i = f ? "process-diagram" : "execution-diagram", a = `${window.location.origin}/${i}/${e}?collab=1`;
 				navigator.clipboard.writeText(a).then(() => {
 					P.success("协作已开启，分享链接已复制");
 				}).catch(() => {
@@ -6146,44 +6215,44 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 			} catch (e) {
 				console.error("协作连接失败:", e), P.error("协作连接失败: " + (e.message || e));
 			}
-		}, Z = () => {
-			k &&= (k(), null), G &&= (G(), null), O.closeCollaboration(), L.value = !1, P.info("协作已关闭");
-		}, re = async () => {
-			if (!L.value) {
-				ee();
+		}, ue = () => {
+			R &&= (R(), null), re &&= (re(), null), L.closeCollaboration(), W.value = !1, P.info("协作已关闭");
+		}, de = async () => {
+			if (!W.value) {
+				le();
 				return;
 			}
-			let e = H.value || s.params.id;
+			let e = te.value || u.params.id;
 			if (!e) {
 				P.warning("请先开启协作");
 				return;
 			}
-			let t = l ? "process-diagram" : "execution-diagram", n = `${window.location.origin}/${t}/${e}?collab=1`;
+			let t = f ? "process-diagram" : "execution-diagram", n = `${window.location.origin}/${t}/${e}?collab=1`;
 			try {
 				await navigator.clipboard.writeText(n), P.success("分享链接已复制");
 			} catch {
 				P.info(`分享链接: ${n}`);
 			}
-		}, { NODE_TYPES: ie, ANIMATION_TYPES: ae, LINE_STYLES: oe, nodes: se, edges: ce, swimlanes: le, selectedNodeId: ue, selectedEdgeId: de, selectedSwimlaneId: fe, selectedNode: pe, selectedEdge: me, connectMode: he, connectSource: ge, diagramType: Q, diagramTitle: $, currentTheme: ve, undoStack: ye, redoStack: be, undo: xe, redo: Se, addNode: Ce, addEdge: we, addSwimlane: Te, addLane: Ee, updateNode: De, updateEdge: Oe, removeNode: ke, removeEdge: Ae, removeSwimlane: je, clearAll: Me, selectNode: Ne, selectEdge: Pe, bringToFront: Fe, sendToBack: Ie, toJSON: Le, fromJSON: Re, autoLayout: ze, loadTemplate: He, PROCESS_TYPE_LABELS: Ue, EXECUTION_TYPE_LABELS: Ge } = _e(u, T), Ke = t(() => ({
-			...Ue,
-			...Ge
-		})[Q.value] || "流程图"), qe = t(() => le.find((e) => e.id === fe.value) || null), Je = y(null), Ye = t(() => !qe.value || !Je.value ? null : qe.value.lanes?.find((e) => e.id === Je.value) || null), Xe = () => {
-			ue.value = null, de.value = null, fe.value = null, Je.value = null, he.value = !1, ge.value = null;
-		}, Ze = () => {
-			Xe(), J.value = !1, q.value = null;
-		}, Qe = (e, t) => {
-			fe.value = e, Je.value = t;
-		}, $e = (e, t) => {
-			let n = le.find((t) => t.id === e);
+		}, { NODE_TYPES: fe, ANIMATION_TYPES: pe, LINE_STYLES: me, nodes: Z, edges: he, swimlanes: ge, selectedNodeId: _e, selectedEdgeId: Q, selectedSwimlaneId: ye, selectedNode: be, selectedEdge: xe, connectMode: Se, connectSource: Ce, diagramType: we, diagramTitle: $, currentTheme: Te, undoStack: Ee, redoStack: De, undo: Oe, redo: ke, addNode: Ae, addEdge: je, addSwimlane: Me, addLane: Ne, updateNode: Pe, updateEdge: Fe, removeNode: Ie, removeEdge: Le, removeSwimlane: Re, clearAll: ze, selectNode: Be, selectEdge: Ue, bringToFront: We, sendToBack: Ke, toJSON: qe, fromJSON: Je, autoLayout: Ye, loadTemplate: Xe, PROCESS_TYPE_LABELS: Ze, EXECUTION_TYPE_LABELS: Qe } = ve(p, v.value.initialDiagramType || I), $e = t(() => ({
+			...Ze,
+			...Qe
+		})[we.value] || "流程图"), et = t(() => ge.find((e) => e.id === ye.value) || null), tt = y(null), nt = t(() => !et.value || !tt.value ? null : et.value.lanes?.find((e) => e.id === tt.value) || null), it = () => {
+			_e.value = null, Q.value = null, ye.value = null, tt.value = null, Se.value = !1, Ce.value = null;
+		}, at = () => {
+			it(), oe.value = !1, X.value = null;
+		}, ot = (e, t) => {
+			ye.value = e, tt.value = t;
+		}, st = (e, t) => {
+			let n = ge.find((t) => t.id === e);
 			n && Object.assign(n, t);
-		}, et = (e, t, n) => {
-			let r = le.find((t) => t.id === e);
+		}, ct = (e, t, n) => {
+			let r = ge.find((t) => t.id === e);
 			if (r) {
 				let e = r.lanes?.find((e) => e.id === t);
 				e && Object.assign(e, n);
 			}
-		}, tt = (e, t, n) => {
-			let r = le.find((t) => t.id === e);
+		}, lt = (e, t, n) => {
+			let r = ge.find((t) => t.id === e);
 			if (r) {
 				if (r.direction === "horizontal" && r.lanes?.length) {
 					let e = r.lanes.reduce((e, t) => e + t.height, 0);
@@ -6205,86 +6274,86 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				}
 				r.width = t, r.height = n;
 			}
-		}, rt = (e, t, n, r) => {
-			let i = le.find((t) => t.id === e);
+		}, ut = (e, t, n, r) => {
+			let i = ge.find((t) => t.id === e);
 			if (i) {
 				let e = i.lanes?.find((e) => e.id === t);
 				e && (n != null && (e.height = n), r != null && (e.width = r, i.direction === "vertical" && i.lanes?.length && (i.width = i.lanes.reduce((e, t) => e + (t.width || 200), 0))));
 			}
-		}, it = (e, t, n) => {
-			let r = le.find((t) => t.id === e);
+		}, dt = (e, t, n) => {
+			let r = ge.find((t) => t.id === e);
 			r && (r.x = t, r.y = n);
-		}, at = (e) => {
-			Q.value = e;
-		}, ot = (e) => {
-			He(e);
-		}, st = (e) => {
-			ve.value = e;
-		}, ct = (e, t, n) => {
-			ue.value = Ce(e, t, n).id;
-		}, lt = (e) => {
-			J.value = !1, q.value = null, ge.value = e;
-		}, ut = (e) => {
-			q.value = e, J.value = !0;
-		}, dt = (e) => {
-			let t = q.value || ge.value;
-			t && e && t !== e && we(t, e), ge.value = null, q.value = null, J.value = !1;
-		}, ft = (e, t, n) => {
-			Y.value = !0;
-			let r = se.find((t) => t.id === e);
+		}, ft = (e) => {
+			we.value = e;
+		}, pt = (e) => {
+			Xe(e);
+		}, mt = (e) => {
+			Te.value = e;
+		}, ht = (e, t, n) => {
+			_e.value = Ae(e, t, n).id;
+		}, gt = (e) => {
+			oe.value = !1, X.value = null, Ce.value = e;
+		}, _t = (e) => {
+			X.value = e, oe.value = !0;
+		}, vt = (e) => {
+			let t = X.value || Ce.value;
+			t && e && t !== e && je(t, e), Ce.value = null, X.value = null, oe.value = !1;
+		}, yt = (e, t, n) => {
+			se.value = !0;
+			let r = Z.find((t) => t.id === e);
 			r && !r.locked && (r.x += t, r.y += n);
-		}, pt = () => {
-			Y.value = !1, X && X();
-		}, mt = (e, t, n) => {
-			Y.value = !0;
-			let r = se.find((t) => t.id === e);
+		}, bt = () => {
+			se.value = !1, ce && ce();
+		}, xt = (e, t, n) => {
+			se.value = !0;
+			let r = Z.find((t) => t.id === e);
 			r && (r.width = t, r.height = n);
-		}, ht = () => {
-			Y.value = !1, X && X();
-		}, gt = (e) => {
-			let t = Te("泳道 " + (le.length + 1), e);
-			Ee(t.id, "角色A"), fe.value = t.id;
-		}, _t = () => {
-			qe.value && Ee(qe.value.id, "新泳道");
-		}, vt = () => {
-			qe.value && Ye.value && et(qe.value.id, Ye.value.id, {});
-		}, yt = () => {
-			if (se.length === 0) return;
-			let e = Math.min(...se.map((e) => e.x)), t = Math.min(...se.map((e) => e.y)), n = Math.max(...se.map((e) => e.x + e.width)), r = Math.max(...se.map((e) => e.y + e.height)), i = n - e || 1, a = r - t || 1, o = document.querySelector(".diagram-canvas");
+		}, St = () => {
+			se.value = !1, ce && ce();
+		}, Ct = (e) => {
+			let t = Me("泳道 " + (ge.length + 1), e);
+			Ne(t.id, "角色A"), ye.value = t.id;
+		}, wt = () => {
+			et.value && Ne(et.value.id, "新泳道");
+		}, Tt = () => {
+			et.value && nt.value && ct(et.value.id, nt.value.id, {});
+		}, Et = () => {
+			if (Z.length === 0) return;
+			let e = Math.min(...Z.map((e) => e.x)), t = Math.min(...Z.map((e) => e.y)), n = Math.max(...Z.map((e) => e.x + e.width)), r = Math.max(...Z.map((e) => e.y + e.height)), i = n - e || 1, a = r - t || 1, o = document.querySelector(".diagram-canvas");
 			if (!o) return;
 			let s = o.getBoundingClientRect(), c = (s.width - 120) / i, l = (s.height - 120) / a, u = Math.min(c, l, 2);
-			se.forEach((n) => {
+			Z.forEach((n) => {
 				n.x = 60 + (n.x - e) * u, n.y = 60 + (n.y - t) * u, n.width *= u, n.height *= u;
-			}), A.value && A.value.resetView();
-		}, bt = async (e) => {
-			let t = Le();
+			}), B.value && B.value.resetView();
+		}, Dt = async (e) => {
+			let t = qe();
 			switch (e) {
 				case "json":
-					xt(t);
+					Ot(t);
 					break;
 				case "svg":
-					St();
+					kt();
 					break;
 				case "png":
-					Ct("png");
+					At("png");
 					break;
 				case "html":
-					wt(t);
+					jt(t);
 					break;
 				case "pdf":
-					Et();
+					Nt();
 					break;
 			}
-		}, xt = (e) => {
+		}, Ot = (e) => {
 			let t = new Blob([JSON.stringify(e, null, 2)], { type: "application/json" }), n = URL.createObjectURL(t), r = document.createElement("a");
 			r.href = n, r.download = `${$.value || "流程图"}.json`, r.click(), URL.revokeObjectURL(n), P.success("JSON已导出");
-		}, St = () => {
-			let e = A.value?.svgRef;
+		}, kt = () => {
+			let e = B.value?.svgRef;
 			if (!e) return;
 			let t = e.cloneNode(!0), n = new XMLSerializer().serializeToString(t), r = new Blob([n], { type: "image/svg+xml" }), i = URL.createObjectURL(r), a = document.createElement("a");
 			a.href = i, a.download = `${$.value || "流程图"}.svg`, a.click(), URL.revokeObjectURL(i), P.success("SVG已导出");
-		}, Ct = async (e) => {
-			let t = A.value?.svgRef;
+		}, At = async (e) => {
+			let t = B.value?.svgRef;
 			if (!t) return;
 			let n = new XMLSerializer().serializeToString(t), r = document.createElement("canvas"), i = r.getContext("2d"), a = new Image(), o = new Blob([n], { type: "image/svg+xml;charset=utf-8" }), s = URL.createObjectURL(o);
 			a.onload = () => {
@@ -6293,7 +6362,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 					n.href = URL.createObjectURL(t), n.download = `${$.value || "流程图"}.${e}`, n.click(), P.success(`${e.toUpperCase()}已导出`);
 				}, `image/${e}`);
 			}, a.src = s;
-		}, wt = (e) => {
+		}, jt = (e) => {
 			let t = `<!DOCTYPE html>
 <html lang="zh-CN">
 <head>
@@ -6315,13 +6384,13 @@ svg { max-width: 100%; height: auto; }
 <div class="container">
 <h1>${e.title}</h1>
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4000 3000">
-${Tt(e)}
+${Mt(e)}
 </svg>
 </div>
 </body>
 </html>`, n = new Blob([t], { type: "text/html;charset=utf-8" }), r = URL.createObjectURL(n), i = document.createElement("a");
 			i.href = r, i.download = `${e.title || "流程图"}.html`, i.click(), URL.revokeObjectURL(r), P.success("HTML已导出");
-		}, Tt = (e) => {
+		}, Mt = (e) => {
 			let t = "";
 			return (e.nodes || []).forEach((e) => {
 				let n = e.color || "#409eff", r = e.strokeColor || "#333";
@@ -6338,8 +6407,8 @@ ${Tt(e)}
 					t += `<line x1="${e}" y1="${a}" x2="${o}" y2="${s}" stroke="${n.lineColor}" stroke-width="${n.lineWidth}" marker-end="url(#arrowhead)"/>`;
 				}
 			}), t;
-		}, Et = () => {
-			let e = A.value?.svgRef;
+		}, Nt = () => {
+			let e = B.value?.svgRef;
 			if (!e) return;
 			let t = new XMLSerializer().serializeToString(e), n = window.open("", "_blank");
 			n.document.write(`
@@ -6352,21 +6421,21 @@ ${Tt(e)}
     </body>
     </html>
   `), n.document.close();
-		}, Dt = () => {
-			j.value?.click();
-		}, Ot = (e) => {
+		}, Pt = () => {
+			V.value?.click();
+		}, Ft = (e) => {
 			let t = e.target.files[0];
 			if (!t) return;
 			let n = new FileReader();
 			n.onload = (e) => {
 				try {
-					Re(JSON.parse(e.target.result)) ? P.success("导入成功") : P.error("无效的流程图文件");
+					Je(JSON.parse(e.target.result)) ? P.success("导入成功") : P.error("无效的流程图文件");
 				} catch {
 					P.error("文件解析失败");
 				}
 			}, n.readAsText(t), e.target.value = "";
-		}, kt = async () => {
-			if (R.value && O.collaborationClosed.value) {
+		}, It = async () => {
+			if (G.value && L.collaborationClosed.value) {
 				P.error("协作已关闭，无法提交保存");
 				return;
 			}
@@ -6374,45 +6443,57 @@ ${Tt(e)}
 				P.warning("请输入流程图名称");
 				return;
 			}
-			if (!W.value?.trim()) {
+			if (!Y.value?.trim()) {
 				P.warning("请输入用户名称");
 				return;
 			}
 			try {
-				let e = Le(), t = {
+				let e = qe(), t = {
 					title: $.value || "流程图",
 					content: JSON.stringify(e),
-					doc_type: l ? "process-diagram" : "exec-diagram"
-				}, n = s.params.id;
-				if (n && n !== "new") await te.update(n, t), U.value = n;
+					doc_type: f ? "process-diagram" : "exec-diagram"
+				}, n = w.value, r = typeof s.saveApi == "function" ? s.saveApi : s.saveApi ? (e) => {
+					let t = n ? `${s.saveApi}/${n}` : s.saveApi;
+					return n ? F.put(t, e) : F.post(t, e);
+				} : null;
+				if (r) J.value = (await r(t, n)).data?.id || n;
+				else if (n && n !== "new") await T.value.update(n, t), J.value = n;
 				else {
-					let e = await te.create(t);
-					U.value = e.data.id, o.replace(`/${l ? "process-diagram" : "execution-diagram"}/${e.data.id}`);
+					let e = await T.value.create(t);
+					J.value = e.data.id, s.docId || l.replace(`/${f ? "process-diagram" : "execution-diagram"}/${e.data.id}`);
 				}
-				P.success("已保存"), v({
-					documentId: String(U.value || ""),
-					docType: l ? "process-diagram" : "exec-diagram",
+				P.success("已保存"), A({
+					documentId: String(J.value || ""),
+					docType: f ? "process-diagram" : "exec-diagram",
 					content: JSON.stringify(e),
-					userId: String(w.currentUser.value?.id || ""),
-					userName: w.currentUser.value?.name || W.value || "未知"
+					userId: String(j.currentUser.value?.id || ""),
+					userName: j.currentUser.value?.name || Y.value || "未知"
 				});
 			} catch (e) {
 				P.error("保存失败: " + (e.message || e));
 			}
-		}, At = async () => {
-			let e = s.params.id;
+		}, Lt = async () => {
+			let e = w.value;
 			if (e && e !== "new") try {
-				let t = await te.get(e);
-				t.data && t.data.content && (Re(JSON.parse(t.data.content)), $.value = t.data.title || $.value);
+				if (typeof s.loadApi == "function") {
+					let t = await s.loadApi(e);
+					t.data && t.data.content && (Je(JSON.parse(t.data.content)), $.value = t.data.title || $.value);
+				} else if (s.loadApi) {
+					let t = await F.get(`${s.loadApi}/${e}`);
+					t.data && t.data.content && (Je(JSON.parse(t.data.content)), $.value = t.data.title || $.value);
+				} else {
+					let t = await T.value.get(e);
+					t.data && t.data.content && (Je(JSON.parse(t.data.content)), $.value = t.data.title || $.value);
+				}
 			} catch {
-				let t = localStorage.getItem(f + e);
+				let t = localStorage.getItem(g + e);
 				if (t) try {
-					Re(JSON.parse(t));
+					Je(JSON.parse(t));
 				} catch {}
 			}
-		}, jt = () => {
-			o.push("/");
-		}, Mt = [
+		}, Rt = () => {
+			l.push("/");
+		}, zt = [
 			"我可以帮您优化流程图布局、检查节点逻辑，或者提供流程设计建议。请问有什么需要帮助的？",
 			"这个流程图的节点连接看起来很清晰。建议检查一下是否有遗漏的分支或异常处理路径。",
 			"根据当前的流程结构，我建议在关键决策节点后添加明确的条件标注，使流程更易理解。",
@@ -6421,125 +6502,131 @@ ${Tt(e)}
 			"建议在流程开始和结束节点使用统一的样式，这样可以让读者更快识别流程的起止点。",
 			"这个执行图的逻辑链路比较长，建议在中间添加一些检查点节点，便于流程监控和调试。",
 			"我可以帮您生成流程图的文字说明文档，方便团队成员理解流程细节。"
-		], Nt = async (e, t = {}) => {
-			let n = s.params.id ? `${_o}-${s.params.id}` : null;
-			await w.sendMessage(e, {
+		], Bt = async (e, t = {}) => {
+			let n = w.value ? `${vo}-${w.value}` : null;
+			await j.sendMessage(e, {
 				...t,
 				roomId: n
 			});
-			let r = t.mentionedUser, i = r && r.toLowerCase().includes("ai"), a = w.collabUsers.value.filter((e) => e.name !== w.currentUser.value.name);
-			(!r || i || a.length === 0) && (w.loading.value = !0, setTimeout(() => {
-				w.sendAiMessage(Mt[Math.floor(Math.random() * Mt.length)], n), w.loading.value = !1;
+			let r = t.mentionedUser, i = r && r.toLowerCase().includes("ai"), a = j.collabUsers.value.filter((e) => e.name !== j.currentUser.value.name);
+			(!r || i || a.length === 0) && (j.loading.value = !0, setTimeout(() => {
+				j.sendAiMessage(zt[Math.floor(Math.random() * zt.length)], n), j.loading.value = !1;
 			}, 800 + Math.random() * 1200));
-		}, Pt = () => {
-			let e = s.params.id ? `${_o}-${s.params.id}` : null;
-			w.clearMessages(e);
-		}, Ft = () => {
-			if (!s.params.id) {
+		}, Ht = () => {
+			let e = w.value ? `${vo}-${w.value}` : null;
+			j.clearMessages(e);
+		}, Ut = () => {
+			if (!w.value) {
 				P.warning("请先保存文档");
 				return;
 			}
-			g.value = !0;
-		}, It = (e) => {
+			k.value = !0;
+		}, Wt = (e) => {
 			try {
 				let t = typeof e == "string" ? JSON.parse(e) : e;
-				Re && Re(t);
+				Je && Je(t);
 			} catch (e) {
 				console.error("Version apply error:", e);
 			}
 		};
 		return h(() => {
-			At().then(() => {
-				if (s.query.collab === "1") {
-					R.value = !0, ee();
-					let e = E(() => O.isSynced.value, (t) => {
-						t && (e(), O.checkCollaborationClosed() && (O.disconnect(), R.value = !1, L.value = !1, P.warning("该协作已关闭，无法加入")));
+			Lt().then(() => {
+				if (u.query.collab === "1") {
+					G.value = !0, le();
+					let e = E(() => L.isSynced.value, (t) => {
+						t && (e(), L.checkCollaborationClosed() && (L.disconnect(), G.value = !1, W.value = !1, P.warning("该协作已关闭，无法加入")));
 					});
-					O.isSynced.value && O.checkCollaborationClosed() && (O.disconnect(), R.value = !1, L.value = !1, P.warning("该协作已关闭，无法加入"));
+					L.isSynced.value && L.checkCollaborationClosed() && (L.disconnect(), G.value = !1, W.value = !1, P.warning("该协作已关闭，无法加入"));
 				}
 			});
-		}), (t, n) => {
-			let o = x("el-icon"), s = x("el-button"), l = x("el-input");
-			return _(), i("div", so, [
-				a("div", co, [a("div", lo, [
-					c(s, {
+		}), (t, o) => {
+			let s = x("el-icon"), l = x("el-button"), u = x("el-input");
+			return _(), i("div", co, [
+				a("div", lo, [a("div", uo, [
+					v.value.backButton === "hide" ? r("", !0) : (_(), n(l, {
+						key: 0,
 						size: "small",
 						circle: "",
-						onClick: jt
+						disabled: v.value.backButton === "disable",
+						onClick: Rt
 					}, {
-						default: D(() => [c(o, null, {
+						default: D(() => [c(s, null, {
 							default: D(() => [c(C(z))]),
 							_: 1
 						})]),
 						_: 1
-					}),
-					c(l, {
+					}, 8, ["disabled"])),
+					c(u, {
 						modelValue: C($),
-						"onUpdate:modelValue": n[0] ||= (e) => d($) ? $.value = e : null,
+						"onUpdate:modelValue": o[0] ||= (e) => d($) ? $.value = e : null,
 						size: "small",
 						class: "title-input",
 						placeholder: "流程图标题 *",
-						disabled: R.value
+						disabled: G.value || !v.value.titleEditable
 					}, null, 8, ["modelValue", "disabled"]),
-					c(l, {
-						modelValue: W.value,
-						"onUpdate:modelValue": n[1] ||= (e) => W.value = e,
+					c(u, {
+						modelValue: Y.value,
+						"onUpdate:modelValue": o[1] ||= (e) => Y.value = e,
 						size: "small",
 						class: "user-name-input",
-						placeholder: "用户名称 *"
-					}, null, 8, ["modelValue"])
-				]), a("div", uo, [!R.value && C(O).peers.value.length > 0 ? (_(), i("div", fo, [(_(!0), i(e, null, b(C(O).peers.value.slice(0, 5), (e) => (_(), i("div", {
+						placeholder: "用户名称 *",
+						disabled: !v.value.authorEditable
+					}, null, 8, ["modelValue", "disabled"])
+				]), a("div", fo, [!G.value && C(L).peers.value.length > 0 ? (_(), i("div", po, [(_(!0), i(e, null, b(C(L).peers.value.slice(0, 5), (e) => (_(), i("div", {
 					key: e.clientId,
 					class: "collab-avatar",
 					style: m({ background: e.color }),
 					title: e.name
-				}, S(e.name?.charAt(0)), 13, po))), 128)), C(O).peers.value.length > 5 ? (_(), i("span", mo, "+" + S(C(O).peers.value.length - 5), 1)) : r("", !0)])) : r("", !0), c(s, {
+				}, S(e.name?.charAt(0)), 13, mo))), 128)), C(L).peers.value.length > 5 ? (_(), i("span", ho, "+" + S(C(L).peers.value.length - 5), 1)) : r("", !0)])) : r("", !0), c(l, {
 					size: "small",
 					circle: "",
-					type: p.value ? "primary" : "default",
-					onClick: n[2] ||= (e) => p.value = !p.value,
+					type: O.value ? "primary" : "default",
+					onClick: o[2] ||= (e) => O.value = !O.value,
 					title: "AI助手"
 				}, {
-					default: D(() => [c(o, null, {
+					default: D(() => [c(s, null, {
 						default: D(() => [c(C(K))]),
 						_: 1
 					})]),
 					_: 1
 				}, 8, ["type"])])]),
-				a("div", ho, [
-					c(Bt, {
-						NODE_TYPES: C(ie),
-						"diagram-type-label": Ke.value,
-						"type-disabled": R.value,
-						onSetType: at
+				a("div", go, [
+					c(Vt, {
+						NODE_TYPES: C(fe),
+						"diagram-type-label": $e.value,
+						"type-disabled": G.value,
+						"show-type-selector": v.value.showTypeSelector,
+						onSetType: ft
 					}, null, 8, [
 						"NODE_TYPES",
 						"diagram-type-label",
-						"type-disabled"
+						"type-disabled",
+						"show-type-selector"
 					]),
-					a("div", go, [c(Xt, {
-						"animation-playing": F.value,
-						"can-undo": C(ye).length > 0,
-						"can-redo": C(be).length > 0,
-						disabled: R.value,
-						"is-collaborating": L.value,
-						"is-joined-collab": R.value,
-						onAddSwimlane: gt,
-						onUndo: C(xe),
-						onRedo: C(Se),
-						onAutoLayout: C(ze),
-						onToggleAnimation: n[3] ||= (e) => F.value = !F.value,
-						onSetAnimationSpeed: n[4] ||= (e) => I.value = e,
-						onExport: bt,
-						onImportJson: Dt,
-						onClear: C(Me),
-						onSetTemplate: ot,
-						onStartCollab: ee,
-						onStopCollab: Z,
-						onShareCollab: re,
-						onSave: kt,
-						"show-history": !!U.value,
-						onHistory: Ft
+					a("div", _o, [c(Zt, {
+						"animation-playing": H.value,
+						"can-undo": C(Ee).length > 0,
+						"can-redo": C(De).length > 0,
+						disabled: G.value,
+						"is-collaborating": W.value,
+						"is-joined-collab": G.value,
+						"show-template-selector": v.value.showTemplateSelector,
+						onAddSwimlane: Ct,
+						onUndo: C(Oe),
+						onRedo: C(ke),
+						onAutoLayout: C(Ye),
+						onToggleAnimation: o[3] ||= (e) => H.value = !H.value,
+						onSetAnimationSpeed: o[4] ||= (e) => U.value = e,
+						onExport: Dt,
+						onImportJson: Pt,
+						onClear: C(ze),
+						onSetTemplate: pt,
+						onStartCollab: le,
+						onStopCollab: ue,
+						onShareCollab: de,
+						onSave: It,
+						"show-history": !!J.value,
+						onHistory: Ut
 					}, null, 8, [
 						"animation-playing",
 						"can-undo",
@@ -6547,47 +6634,48 @@ ${Tt(e)}
 						"disabled",
 						"is-collaborating",
 						"is-joined-collab",
+						"show-template-selector",
 						"onUndo",
 						"onRedo",
 						"onAutoLayout",
 						"onClear",
 						"show-history"
-					]), c(Fi, {
+					]), c(Ii, {
 						ref_key: "canvasRef",
-						ref: A,
-						nodes: C(se),
-						edges: C(ce),
-						swimlanes: C(le),
-						"selected-node-id": C(ue),
-						"selected-edge-id": C(de),
-						"selected-swimlane-id": C(fe),
-						"selected-lane-id": Je.value,
-						"connect-mode": C(he),
-						"connect-source": C(ge),
-						"animation-playing": F.value,
-						theme: C(ve),
-						onSelectNode: C(Ne),
-						onSelectEdge: C(Pe),
-						onSelectSwimlane: n[5] ||= (e) => fe.value = e,
-						onSelectLane: Qe,
-						onUpdateSwimlane: $e,
-						onUpdateLane: et,
-						onResizeSwimlane: tt,
-						onResizeLane: rt,
-						onMoveSwimlane: it,
-						onSelectCanvas: Xe,
-						"auto-connect-source": q.value,
-						"auto-connect-mode": J.value,
-						onStartConnect: lt,
-						onEndConnect: dt,
-						onAutoConnectStart: ut,
-						onNodeDrag: ft,
-						onNodeResize: mt,
-						onNodeDragEnd: pt,
-						onNodeResizeEnd: ht,
-						onDropNode: ct,
-						onResetState: Ze,
-						onFitView: yt
+						ref: B,
+						nodes: C(Z),
+						edges: C(he),
+						swimlanes: C(ge),
+						"selected-node-id": C(_e),
+						"selected-edge-id": C(Q),
+						"selected-swimlane-id": C(ye),
+						"selected-lane-id": tt.value,
+						"connect-mode": C(Se),
+						"connect-source": C(Ce),
+						"animation-playing": H.value,
+						theme: C(Te),
+						onSelectNode: C(Be),
+						onSelectEdge: C(Ue),
+						onSelectSwimlane: o[5] ||= (e) => ye.value = e,
+						onSelectLane: ot,
+						onUpdateSwimlane: st,
+						onUpdateLane: ct,
+						onResizeSwimlane: lt,
+						onResizeLane: ut,
+						onMoveSwimlane: dt,
+						onSelectCanvas: it,
+						"auto-connect-source": X.value,
+						"auto-connect-mode": oe.value,
+						onStartConnect: gt,
+						onEndConnect: vt,
+						onAutoConnectStart: _t,
+						onNodeDrag: yt,
+						onNodeResize: xt,
+						onNodeDragEnd: bt,
+						onNodeResizeEnd: St,
+						onDropNode: ht,
+						onResetState: at,
+						onFitView: Et
 					}, null, 8, [
 						"nodes",
 						"edges",
@@ -6605,23 +6693,23 @@ ${Tt(e)}
 						"auto-connect-source",
 						"auto-connect-mode"
 					])]),
-					c(oo, {
-						"selected-node": C(pe),
-						"selected-edge": C(me),
-						"selected-swimlane": qe.value,
-						"selected-lane": Ye.value,
-						NODE_TYPES: C(ie),
-						ANIMATION_TYPES: C(ae),
-						LINE_STYLES: C(oe),
-						"current-theme": C(ve),
-						onDeleteNode: n[6] ||= (e) => C(pe) && C(ke)(C(pe).id),
-						onDeleteEdge: n[7] ||= (e) => C(me) && C(Ae)(C(me).id),
-						onDeleteSwimlane: n[8] ||= (e) => qe.value && C(je)(qe.value.id),
-						onBringFront: n[9] ||= (e) => C(pe) && C(Fe)(C(pe).id),
-						onSendBack: n[10] ||= (e) => C(pe) && C(Ie)(C(pe).id),
-						onAddLane: _t,
-						onUpdateLane: vt,
-						onChangeTheme: st
+					c(so, {
+						"selected-node": C(be),
+						"selected-edge": C(xe),
+						"selected-swimlane": et.value,
+						"selected-lane": nt.value,
+						NODE_TYPES: C(fe),
+						ANIMATION_TYPES: C(pe),
+						LINE_STYLES: C(me),
+						"current-theme": C(Te),
+						onDeleteNode: o[6] ||= (e) => C(be) && C(Ie)(C(be).id),
+						onDeleteEdge: o[7] ||= (e) => C(xe) && C(Le)(C(xe).id),
+						onDeleteSwimlane: o[8] ||= (e) => et.value && C(Re)(et.value.id),
+						onBringFront: o[9] ||= (e) => C(be) && C(We)(C(be).id),
+						onSendBack: o[10] ||= (e) => C(be) && C(Ke)(C(be).id),
+						onAddLane: wt,
+						onUpdateLane: Tt,
+						onChangeTheme: mt
 					}, null, 8, [
 						"selected-node",
 						"selected-edge",
@@ -6635,25 +6723,25 @@ ${Tt(e)}
 				]),
 				a("input", {
 					ref_key: "fileInput",
-					ref: j,
+					ref: V,
 					type: "file",
 					accept: ".json",
 					style: { display: "none" },
-					onChange: Ot
+					onChange: Ft
 				}, null, 544),
-				c(Be, {
-					visible: p.value,
-					messages: C(w).messages.value,
-					loading: C(w).loading.value,
-					"is-collab": C(w).isCollabMode.value,
-					"collab-users": C(w).collabUsers.value,
-					"current-user": C(w).currentUser.value,
-					"is-owner": !R.value,
-					onSend: Nt,
-					onClose: n[11] ||= (e) => p.value = !1,
-					"unread-mention": C(w).unreadMention.value,
-					onClearUnread: n[12] ||= (e) => C(w).clearUnreadMention(),
-					onClear: Pt
+				c(Ve, {
+					visible: O.value,
+					messages: C(j).messages.value,
+					loading: C(j).loading.value,
+					"is-collab": C(j).isCollabMode.value,
+					"collab-users": C(j).collabUsers.value,
+					"current-user": C(j).currentUser.value,
+					"is-owner": !G.value,
+					onSend: Bt,
+					onClose: o[11] ||= (e) => O.value = !1,
+					"unread-mention": C(j).unreadMention.value,
+					onClearUnread: o[12] ||= (e) => C(j).clearUnreadMention(),
+					onClear: Ht
 				}, null, 8, [
 					"visible",
 					"messages",
@@ -6664,16 +6752,16 @@ ${Tt(e)}
 					"is-owner",
 					"unread-mention"
 				]),
-				c(nt, {
-					modelValue: g.value,
-					"onUpdate:modelValue": n[13] ||= (e) => g.value = e,
-					"document-id": U.value,
-					onApply: It
+				c(rt, {
+					modelValue: k.value,
+					"onUpdate:modelValue": o[13] ||= (e) => k.value = e,
+					"document-id": J.value,
+					onApply: Wt
 				}, null, 8, ["modelValue", "document-id"])
 			]);
 		};
 	}
-}, [["__scopeId", "data-v-8ecfadf7"]]), yo = l({
+}, [["__scopeId", "data-v-1f3850ad"]]), bo = l({
 	name: "YourCompanyDiagram",
 	props: {
 		docId: {
@@ -6684,6 +6772,14 @@ ${Tt(e)}
 			type: String,
 			default: "/api"
 		},
+		saveApi: {
+			type: [String, Function],
+			default: null
+		},
+		loadApi: {
+			type: [String, Function],
+			default: null
+		},
 		wsUrl: {
 			type: String,
 			default: ""
@@ -6699,14 +6795,18 @@ ${Tt(e)}
 		roomId: {
 			type: String,
 			default: ""
+		},
+		uiConfig: {
+			type: Object,
+			default: () => ({})
 		}
 	},
 	setup(e, { slots: t }) {
 		return () => u("div", {
 			class: "yourcompany-diagram-wrapper",
 			style: "position:relative"
-		}, [u(vo, { ...e }), u(j)]);
+		}, [u(yo, { ...e }), u(j)]);
 	}
 });
 //#endregion
-export { yo as default };
+export { bo as default };