@billtaofbj/explosion-diagram 1.0.0

package/dist/index.es.js

@@ -0,0 +1,2758 @@
+import { Fragment as e, Transition as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, h as u, nextTick as d, normalizeClass as f, normalizeStyle as p, onMounted as m, onUnmounted as h, openBlock as g, reactive as _, ref as v, renderList as y, resolveComponent as b, toDisplayString as x, unref as S, watch as C, withCtx as w, withKeys as T, withModifiers as E } from "vue";
+import { BrandWatermark as D } from "@billtaofbj/core";
+import { useRoute as O, useRouter as k } from "vue-router";
+import { ElMessage as A, ElMessageBox as j } from "element-plus";
+import { ArrowDown as M, ArrowLeft as ee, Back as te, Bell as N, Clock as P, Close as F, Connection as I, Delete as L, Download as R, Files as z, Link as B, Loading as V, Monitor as H, Promotion as U, RefreshLeft as W, RefreshRight as ne, Share as re, Upload as G, ZoomIn as ie, ZoomOut as K } from "@element-plus/icons-vue";
+import q from "axios";
+import * as J from "yjs";
+import { HocuspocusProvider as ae } from "@hocuspocus/provider";
+//#region \0plugin-vue:export-helper
+var Y = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, oe = { class: "chat-header" }, se = { class: "chat-header-left" }, X = { class: "chat-title" }, ce = { class: "online-users-list" }, le = { class: "online-user-item" }, ue = { class: "online-user-name" }, de = { key: 1 }, fe = { class: "online-user-name" }, pe = { class: "chat-header-right" }, Z = {
+	key: 0,
+	class: "chat-empty"
+}, me = { class: "chat-empty-hint" }, he = { key: 1 }, ge = { class: "message-content" }, Q = {
+	key: 0,
+	class: "message-meta"
+}, _e = {
+	key: 0,
+	class: "message-mention"
+}, ve = ["innerHTML"], ye = { class: "message-time" }, $ = {
+	key: 1,
+	class: "chat-message chat-message-ai"
+}, be = { class: "message-avatar ai" }, xe = { class: "chat-input-area" }, Se = {
+	key: 0,
+	class: "mention-popup"
+}, Ce = ["onClick", "onMouseenter"], we = { key: 1 }, Te = /*#__PURE__*/ Y({
+	__name: "AiChatPanel",
+	props: {
+		visible: {
+			type: Boolean,
+			default: !1
+		},
+		messages: {
+			type: Array,
+			default: () => []
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		panelWidth: {
+			type: Number,
+			default: 360
+		},
+		isCollab: {
+			type: Boolean,
+			default: !1
+		},
+		collabUsers: {
+			type: Array,
+			default: () => []
+		},
+		currentUser: {
+			type: Object,
+			default: () => ({
+				id: "",
+				name: "",
+				color: ""
+			})
+		},
+		isOwner: {
+			type: Boolean,
+			default: !0
+		},
+		unreadMention: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"send",
+		"close",
+		"clear",
+		"clear-unread"
+	],
+	setup(t, { emit: l }) {
+		let u = t, m = l, h = v(""), _ = v(null), D = v(null), O = v(!1), k = v([]), A = v(0), j = "", M = -1, ee = {
+			id: "ai-assistant",
+			name: "AI助手",
+			color: "#409EFF",
+			isAi: !0
+		}, te = n(() => {
+			let e = u.currentUser.id, t = /* @__PURE__ */ new Set();
+			return [ee, ...u.collabUsers.filter((n) => {
+				let r = n.clientId || n.id || "";
+				if (r && r === e) return !1;
+				let i = String(r || n.name || "");
+				return t.has(i) ? !1 : (t.add(i), !0);
+			})];
+		}), P = n(() => te.value.length + 1), I = (e) => e.role === "ai" ? "chat-message-ai" : u.isCollab && e.user_id && e.user_id !== u.currentUser.id ? "chat-message-other" : "chat-message-user", R = (e) => e.role === "ai" ? { background: "linear-gradient(135deg, #409EFF, #337ECC)" } : { background: e.user_color || "#67C23A" }, z = (e) => (e.user_name || "U").charAt(0), B = (e) => {
+			if (!u.isCollab) return;
+			let t = typeof e == "string" ? e : e.target?.value || h.value, n = t.length, r = t.lastIndexOf("@", n);
+			if (r !== -1 && r < n) {
+				let e = t.slice(r + 1, n);
+				if (!e.includes(" ") && !e.includes("\n")) {
+					j = e, M = r, k.value = te.value.filter((t) => t.name && t.name.toLowerCase().includes(e.toLowerCase())), O.value = k.value.length > 0, A.value = 0;
+					return;
+				}
+			}
+			O.value = !1;
+		}, V = () => {
+			O.value && (A.value = Math.min(A.value + 1, k.value.length - 1));
+		}, W = () => {
+			O.value && (A.value = Math.max(A.value - 1, 0));
+		}, ne = (e) => {
+			let t = h.value.slice(0, M), n = h.value.slice(M + j.length + 1);
+			h.value = `${t}@${e.name} ${n}`, O.value = !1;
+		}, re = (e) => {
+			if (e) {
+				if (e.shiftKey) return;
+				if (O.value) {
+					let t = k.value[A.value];
+					if (t) {
+						e.preventDefault(), ne(t);
+						return;
+					}
+				}
+				e.preventDefault();
+			}
+			let t = h.value.trim();
+			if (!t || u.loading) return;
+			let n = null;
+			if (u.isCollab) {
+				let e = t.match(/@(\S+)/);
+				e && (n = e[1]);
+			}
+			m("send", t, { mentionedUser: n }), h.value = "", O.value = !1;
+		}, G = () => {
+			d(() => {
+				_.value && (_.value.scrollTop = _.value.scrollHeight);
+			});
+		};
+		return C(() => u.messages.length, G), C(() => u.messages, G, { deep: !0 }), (n, l) => {
+			let u = b("el-icon"), d = b("el-tag"), v = b("el-popover"), C = b("el-button"), j = b("el-input");
+			return t.visible ? (g(), a("div", {
+				key: 0,
+				class: "ai-chat-panel",
+				style: p({ width: t.panelWidth + "px" })
+			}, [
+				o("div", oe, [o("div", se, [
+					c(u, {
+						size: 18,
+						color: "#409EFF"
+					}, {
+						default: w(() => [c(S(H))]),
+						_: 1
+					}),
+					o("span", X, x(t.isCollab ? "协作聊天" : "AI 助手"), 1),
+					t.isCollab ? (g(), r(v, {
+						key: 0,
+						width: 200,
+						placement: "bottom-start",
+						trigger: "click"
+					}, {
+						reference: w(() => [c(d, {
+							size: "small",
+							type: "success",
+							effect: "plain",
+							class: "online-tag"
+						}, {
+							default: w(() => [s(x(P.value) + "人在线 ", 1)]),
+							_: 1
+						})]),
+						default: w(() => [o("div", ce, [o("div", le, [
+							o("div", {
+								class: "online-user-avatar",
+								style: p({ background: t.currentUser.color || "#409EFF" })
+							}, x((t.currentUser.name || "U").charAt(0)), 5),
+							o("span", ue, x(t.currentUser.name || "我"), 1),
+							c(d, {
+								size: "small",
+								type: t.isOwner ? "warning" : "success",
+								effect: "plain",
+								class: "role-tag"
+							}, {
+								default: w(() => [s(x(t.isOwner ? "发起人" : "协作人"), 1)]),
+								_: 1
+							}, 8, ["type"]),
+							l[4] ||= o("span", { class: "self-tag" }, "（我）", -1)
+						]), (g(!0), a(e, null, y(te.value, (e) => (g(), a("div", {
+							key: e.id || e.clientId,
+							class: "online-user-item"
+						}, [
+							o("div", {
+								class: "online-user-avatar",
+								style: p({ background: e.color || "#909399" })
+							}, [e.isAi ? (g(), r(u, {
+								key: 0,
+								size: 14
+							}, {
+								default: w(() => [c(S(H))]),
+								_: 1
+							})) : (g(), a("span", de, x((e.name || "U").charAt(0)), 1))], 4),
+							o("span", fe, x(e.name || "未知用户"), 1),
+							e.isAi ? (g(), r(d, {
+								key: 0,
+								size: "small",
+								type: "primary",
+								effect: "plain",
+								class: "role-tag"
+							}, {
+								default: w(() => [...l[5] ||= [s("AI助手", -1)]]),
+								_: 1
+							})) : (g(), r(d, {
+								key: 1,
+								size: "small",
+								type: "success",
+								effect: "plain",
+								class: "role-tag"
+							}, {
+								default: w(() => [...l[6] ||= [s("协作人", -1)]]),
+								_: 1
+							}))
+						]))), 128))])]),
+						_: 1
+					})) : i("", !0)
+				]), o("div", pe, [
+					t.isCollab && t.unreadMention ? (g(), a("div", {
+						key: 0,
+						class: "mention-bell",
+						title: "有新消息",
+						onClick: l[0] ||= (e) => m("clear-unread")
+					}, [c(u, {
+						size: 18,
+						color: "#F56C6C"
+					}, {
+						default: w(() => [c(S(N))]),
+						_: 1
+					})])) : i("", !0),
+					c(C, {
+						text: "",
+						circle: "",
+						size: "small",
+						onClick: l[1] ||= (e) => n.$emit("clear"),
+						title: "清空对话"
+					}, {
+						default: w(() => [c(u, null, {
+							default: w(() => [c(S(L))]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					c(C, {
+						text: "",
+						circle: "",
+						size: "small",
+						onClick: l[2] ||= (e) => n.$emit("close"),
+						title: "关闭"
+					}, {
+						default: w(() => [c(u, null, {
+							default: w(() => [c(S(F))]),
+							_: 1
+						})]),
+						_: 1
+					})
+				])]),
+				o("div", {
+					class: "chat-messages",
+					ref_key: "messagesRef",
+					ref: _
+				}, [
+					t.messages.length === 0 ? (g(), a("div", Z, [
+						c(u, {
+							size: 40,
+							color: "#c0c4cc"
+						}, {
+							default: w(() => [c(S(H))]),
+							_: 1
+						}),
+						o("p", null, x(t.isCollab ? "协作聊天室" : "你好！我是 AI 助手"), 1),
+						o("p", me, x(t.isCollab ? "与团队成员和AI助手实时聊天" : "可以问我任何关于文档编辑的问题"), 1)
+					])) : i("", !0),
+					(g(!0), a(e, null, y(t.messages, (e) => (g(), a("div", {
+						key: e._msgId || e.time + e.content,
+						class: f(["chat-message", I(e)])
+					}, [o("div", {
+						class: "message-avatar",
+						style: p(R(e))
+					}, [e.role === "ai" ? (g(), r(u, {
+						key: 0,
+						size: 16
+					}, {
+						default: w(() => [c(S(H))]),
+						_: 1
+					})) : (g(), a("span", he, x(z(e)), 1))], 4), o("div", ge, [
+						t.isCollab && e.role === "user" ? (g(), a("div", Q, [o("span", {
+							class: "message-sender",
+							style: p({ color: e.user_color || "#67C23A" })
+						}, x(e.user_name || "用户"), 5), e.mentioned_user ? (g(), a("span", _e, "@" + x(e.mentioned_user), 1)) : i("", !0)])) : i("", !0),
+						o("div", {
+							class: "message-text",
+							innerHTML: e.content
+						}, null, 8, ve),
+						o("div", ye, x(e.time), 1)
+					])], 2))), 128)),
+					t.loading ? (g(), a("div", $, [o("div", be, [c(u, { size: 16 }, {
+						default: w(() => [c(S(H))]),
+						_: 1
+					})]), l[7] ||= o("div", { class: "message-content" }, [o("div", { class: "message-text typing-indicator" }, [
+						o("span"),
+						o("span"),
+						o("span")
+					])], -1)])) : i("", !0)
+				], 512),
+				o("div", xe, [o("div", {
+					class: "chat-input-wrapper",
+					ref_key: "inputWrapperRef",
+					ref: D
+				}, [
+					c(j, {
+						modelValue: h.value,
+						"onUpdate:modelValue": l[3] ||= (e) => h.value = e,
+						type: "textarea",
+						autosize: {
+							minRows: 1,
+							maxRows: 4
+						},
+						placeholder: t.isCollab ? "输入消息... @提及成员" : "输入消息...",
+						onKeydown: [
+							T(E(re, ["exact"]), ["enter"]),
+							T(E(V, ["prevent"]), ["down"]),
+							T(E(W, ["prevent"]), ["up"])
+						],
+						onInput: B,
+						resize: "none"
+					}, null, 8, [
+						"modelValue",
+						"placeholder",
+						"onKeydown"
+					]),
+					O.value ? (g(), a("div", Se, [(g(!0), a(e, null, y(k.value, (e, t) => (g(), a("div", {
+						key: e.id || e.clientId,
+						class: f(["mention-item", { active: t === A.value }]),
+						onClick: (t) => ne(e),
+						onMouseenter: (e) => A.value = t
+					}, [o("div", {
+						class: "mention-avatar",
+						style: p({ background: e.color || "#909399" })
+					}, [e.isAi ? (g(), r(u, {
+						key: 0,
+						size: 12
+					}, {
+						default: w(() => [c(S(H))]),
+						_: 1
+					})) : (g(), a("span", we, x((e.name || "U").charAt(0)), 1))], 4), o("span", null, x(e.name), 1)], 42, Ce))), 128))])) : i("", !0),
+					c(C, {
+						class: "send-btn",
+						type: "primary",
+						circle: "",
+						disabled: !h.value.trim() || t.loading,
+						onClick: re
+					}, {
+						default: w(() => [c(u, null, {
+							default: w(() => [c(S(U))]),
+							_: 1
+						})]),
+						_: 1
+					}, 8, ["disabled"])
+				], 512)])
+			], 4)) : i("", !0);
+		};
+	}
+}, [["__scopeId", "data-v-01960100"]]);
+//#endregion
+//#region ../../src/composables/useChat.js
+function Ee() {
+	let e = v([]), t = v(!1), n = v(!1), r = v([]), i = v({
+		id: "",
+		name: "",
+		color: ""
+	}), a = v(!1), o = null, s = null, c = null, l = /* @__PURE__ */ new Set(), u = "/api/chat", d = null, f = ({ ydoc: t, provider: s, onlineUsers: u }) => {
+		if (t) {
+			n.value = !0, c = u, d && d(), d = C(c, (e) => {
+				r.value = Array.isArray(e) ? e : [];
+			}, {
+				immediate: !0,
+				deep: !0
+			});
+			try {
+				o = t.getArray("chat-messages"), o.observe((t) => {
+					try {
+						t.changes.added.forEach((t) => {
+							t.content.getContent().forEach((t) => {
+								t && t._msgId && !l.has(t._msgId) && (l.add(t._msgId), e.value = [...e.value, t], t.mentioned_user && t.user_id !== i.value.id && (a.value = !0));
+							});
+						});
+					} catch (e) {
+						console.warn("[useChat] Y.Array observer error:", e);
+					}
+				});
+			} catch (e) {
+				console.warn("[useChat] Failed to create Y.Array:", e);
+			}
+		}
+	}, p = (e) => {
+		i.value = {
+			...i.value,
+			...e
+		};
+	}, m = (e) => {
+		r.value = e || [];
+	}, g = () => {
+		let e = /* @__PURE__ */ new Date();
+		return `${e.getHours().toString().padStart(2, "0")}:${e.getMinutes().toString().padStart(2, "0")}`;
+	}, _ = async (t, r = {}) => {
+		let a = {
+			_msgId: `msg-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
+			role: "user",
+			content: t,
+			time: g(),
+			user_id: i.value.id,
+			user_name: i.value.name,
+			user_color: i.value.color,
+			mentioned_user: r.mentionedUser || null
+		};
+		if (l.add(a._msgId), e.value = [...e.value, a], o && S(n)) try {
+			o.push([a]);
+		} catch (e) {
+			console.warn("[useChat] Failed to push to Y.Array:", e);
+		}
+		if (r.roomId) try {
+			await q.post(u, {
+				room_id: r.roomId,
+				role: "user",
+				content: t,
+				user_id: i.value.id,
+				user_name: i.value.name,
+				mentioned_user: r.mentionedUser || null
+			});
+		} catch (e) {
+			console.warn("[useChat] Failed to persist message:", e);
+		}
+	}, y = async (t, r) => {
+		let i = {
+			_msgId: `msg-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
+			role: "ai",
+			content: t,
+			time: g(),
+			user_id: "ai-assistant",
+			user_name: "AI助手"
+		};
+		if (l.add(i._msgId), e.value = [...e.value, i], o && S(n)) try {
+			o.push([i]);
+		} catch (e) {
+			console.warn("[useChat] Failed to push AI message to Y.Array:", e);
+		}
+		if (r) try {
+			await q.post(u, {
+				room_id: r,
+				role: "ai",
+				content: t,
+				user_id: "ai-assistant",
+				user_name: "AI助手"
+			});
+		} catch (e) {
+			console.warn("[useChat] Failed to persist AI message:", e);
+		}
+	}, b = async (t) => {
+		if (t) try {
+			let n = await q.get(u, { params: { room_id: t } });
+			if (Array.isArray(n.data)) {
+				let t = n.data.map((e) => ({
+					_msgId: e._msgId || `hist-${e.id || Date.now()}`,
+					role: e.role,
+					content: e.content,
+					time: e.time || g(),
+					user_id: e.user_id || "",
+					user_name: e.user_name || "",
+					user_color: e.user_color || "",
+					mentioned_user: e.mentioned_user || null
+				}));
+				t.forEach((e) => l.add(e._msgId)), e.value = [...t, ...e.value];
+			}
+		} catch (e) {
+			console.warn("[useChat] Failed to load history:", e);
+		}
+	}, x = async (t) => {
+		if (e.value = [], l.clear(), t) try {
+			await q.delete(u, { params: { room_id: t } });
+		} catch (e) {
+			console.warn("[useChat] Failed to clear messages on server:", e);
+		}
+	}, w = () => {
+		a.value = !1;
+	}, T = () => {
+		if (d &&= (d(), null), o && s) {
+			try {
+				o.unobserve(s);
+			} catch {}
+			s = null;
+		}
+		o = null, c = null, l.clear();
+	};
+	return h(() => T()), {
+		messages: e,
+		loading: t,
+		isCollabMode: n,
+		collabUsers: r,
+		currentUser: i,
+		unreadMention: a,
+		setCollabContext: f,
+		setCurrentUser: p,
+		updateCollabUsers: m,
+		sendMessage: _,
+		sendAiMessage: y,
+		loadHistory: b,
+		clearMessages: x,
+		clearUnreadMention: w,
+		destroy: T
+	};
+}
+//#endregion
+//#region ../../src/composables/useVersionHistory.js
+var De = "/api/document-versions", Oe = 5e3, ke = () => {
+	let e = v([]), t = v(!1);
+	return {
+		versions: e,
+		loading: t,
+		saveVersion: async ({ documentId: e, docType: t, content: n, userId: r, userName: i }) => {
+			if (!e || !t || !n) return null;
+			try {
+				let { data: a } = await q.post(De, {
+					document_id: e,
+					doc_type: t,
+					content: typeof n == "string" ? n : JSON.stringify(n),
+					user_id: r || null,
+					user_name: i || null
+				}, { timeout: Oe });
+				return a;
+			} catch (e) {
+				return console.warn("[useVersionHistory] Failed to save version:", e), null;
+			}
+		},
+		loadVersions: async (n) => {
+			if (!n) return [];
+			t.value = !0;
+			try {
+				let { data: t } = await q.get(De, {
+					params: { document_id: n },
+					timeout: Oe
+				});
+				return e.value = t, t;
+			} catch (t) {
+				return console.warn("[useVersionHistory] Failed to load versions:", t), e.value = [], [];
+			} finally {
+				t.value = !1;
+			}
+		},
+		getVersionContent: async (e) => {
+			try {
+				let { data: t } = await q.get(`${De}/${e}`, { timeout: Oe });
+				return t;
+			} catch (e) {
+				return console.warn("[useVersionHistory] Failed to get version content:", e), null;
+			}
+		}
+	};
+}, Ae = { class: "version-history-panel" }, je = {
+	key: 0,
+	class: "loading-state"
+}, Me = {
+	key: 1,
+	class: "empty-state"
+}, Ne = {
+	key: 2,
+	class: "version-list"
+}, Pe = {
+	key: 0,
+	class: "current-version"
+}, Fe = { class: "current-version-header" }, Ie = { class: "version-number" }, Le = ["onClick"], Re = { class: "version-number" }, ze = { class: "version-user" }, Be = { class: "panel-footer" }, Ve = /*#__PURE__*/ Y({
+	__name: "VersionHistoryPanel",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		documentId: {
+			type: [Number, String],
+			default: null
+		}
+	},
+	emits: ["update:modelValue", "apply"],
+	setup(t, { expose: n, emit: l }) {
+		let u = t, d = l, { versions: p, loading: m, loadVersions: h, getVersionContent: _ } = ke(), T = v(!1), E = v(null), D = v(!1), O = v(null);
+		C(() => u.modelValue, (e) => {
+			T.value = e, e && u.documentId && (E.value = null, h(u.documentId).then((e) => {
+				e && e.length > 0 && (O.value = e[0]);
+			}));
+		}), C(T, (e) => {
+			d("update:modelValue", e);
+		});
+		let k = (e) => {
+			E.value = e;
+		}, j = async () => {
+			if (E.value) {
+				D.value = !0;
+				try {
+					let e = await _(E.value.id);
+					e && e.content ? (O.value = E.value, E.value = null, d("apply", e.content), A.success("已切换到版本 v" + O.value.version_number)) : A.error("获取版本内容失败");
+				} finally {
+					D.value = !1;
+				}
+			}
+		}, M = () => {
+			T.value = !1;
+		}, ee = (e) => {
+			if (!e) return "";
+			let t = new Date(e), n = (e) => String(e).padStart(2, "0");
+			return `${t.getFullYear()}-${n(t.getMonth() + 1)}-${n(t.getDate())} ${n(t.getHours())}:${n(t.getMinutes())}:${n(t.getSeconds())}`;
+		};
+		return n({ currentVersion: O }), (t, n) => {
+			let l = b("el-icon"), u = b("el-tag"), d = b("el-timeline-item"), h = b("el-timeline"), _ = b("el-button"), v = b("el-drawer");
+			return g(), r(v, {
+				modelValue: T.value,
+				"onUpdate:modelValue": n[0] ||= (e) => T.value = e,
+				title: "更新履历",
+				direction: "rtl",
+				size: "420px",
+				"before-close": M
+			}, {
+				footer: w(() => [o("div", Be, [c(_, {
+					type: "primary",
+					disabled: !E.value,
+					loading: D.value,
+					onClick: j
+				}, {
+					default: w(() => [...n[4] ||= [s(" 切换到此版本 ", -1)]]),
+					_: 1
+				}, 8, ["disabled", "loading"])])]),
+				default: w(() => [o("div", Ae, [S(m) ? (g(), a("div", je, [c(l, { class: "is-loading" }, {
+					default: w(() => [c(S(V))]),
+					_: 1
+				}), n[1] ||= o("span", null, "加载中...", -1)])) : S(p).length === 0 ? (g(), a("div", Me, [c(l, {
+					size: 48,
+					color: "#c0c4cc"
+				}, {
+					default: w(() => [c(S(P))]),
+					_: 1
+				}), n[2] ||= o("p", null, "暂无历史版本", -1)])) : (g(), a("div", Ne, [O.value ? (g(), a("div", Pe, [o("div", Fe, [c(u, {
+					type: "success",
+					size: "small"
+				}, {
+					default: w(() => [...n[3] ||= [s("当前版本", -1)]]),
+					_: 1
+				}), o("span", Ie, "v" + x(O.value.version_number), 1)])])) : i("", !0), c(h, null, {
+					default: w(() => [(g(!0), a(e, null, y(S(p), (e) => (g(), r(d, {
+						key: e.id,
+						timestamp: ee(e.created_at),
+						placement: "top",
+						type: E.value?.id === e.id ? "primary" : "",
+						hollow: E.value?.id !== e.id
+					}, {
+						default: w(() => [o("div", {
+							class: f(["version-item", { active: E.value?.id === e.id }]),
+							onClick: (t) => k(e)
+						}, [o("span", Re, "版本号：v" + x(e.version_number), 1), o("span", ze, "提交人：" + x(e.user_name || "未知用户"), 1)], 10, Le)]),
+						_: 2
+					}, 1032, [
+						"timestamp",
+						"type",
+						"hollow"
+					]))), 128))]),
+					_: 1
+				})]))])]),
+				_: 1
+			}, 8, ["modelValue"]);
+		};
+	}
+}, [["__scopeId", "data-v-87924b7c"]]), He = { class: "toolbar" }, Ue = { class: "toolbar-left" }, We = { class: "toolbar-center" }, Ge = { class: "toolbar-right" }, Ke = {
+	key: 0,
+	class: "collab-users"
+}, qe = ["title"], Je = /*#__PURE__*/ Y({
+	__name: "Toolbar",
+	props: {
+		title: {
+			type: String,
+			default: ""
+		},
+		canUndo: Boolean,
+		canRedo: Boolean,
+		connectingMode: Boolean,
+		isConnected: Boolean,
+		onlineUsers: {
+			type: Array,
+			default: () => []
+		},
+		isJoinMode: Boolean,
+		showHistory: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"update:title",
+		"back",
+		"add-component",
+		"group-selected",
+		"toggle-connecting",
+		"auto-layout",
+		"undo",
+		"redo",
+		"zoom-in",
+		"zoom-out",
+		"export",
+		"save",
+		"toggle-collab",
+		"share-collab",
+		"export-json",
+		"import-json",
+		"history"
+	],
+	setup(t) {
+		let n = t, l = v(n.title);
+		return C(() => n.title, (e) => l.value = e), (n, u) => {
+			let d = b("el-icon"), f = b("el-button"), m = b("el-input"), h = b("el-dropdown-item"), _ = b("el-dropdown-menu"), v = b("el-dropdown"), C = b("el-tooltip"), T = b("el-divider");
+			return g(), a("div", He, [
+				o("div", Ue, [c(f, {
+					onClick: u[0] ||= (e) => n.$emit("back"),
+					size: "small",
+					circle: ""
+				}, {
+					default: w(() => [c(d, null, {
+						default: w(() => [c(S(ee))]),
+						_: 1
+					})]),
+					_: 1
+				}), c(m, {
+					modelValue: l.value,
+					"onUpdate:modelValue": u[1] ||= (e) => l.value = e,
+					onBlur: u[2] ||= (e) => n.$emit("update:title", l.value),
+					placeholder: "输入标题",
+					class: "title-input",
+					size: "small"
+				}, null, 8, ["modelValue"])]),
+				o("div", We, [
+					c(v, {
+						trigger: "click",
+						onCommand: u[3] ||= (e) => n.$emit("add-component", e)
+					}, {
+						dropdown: w(() => [c(_, null, {
+							default: w(() => [
+								c(h, { command: "rect" }, {
+									default: w(() => [...u[19] ||= [s("矩形", -1)]]),
+									_: 1
+								}),
+								c(h, { command: "circle" }, {
+									default: w(() => [...u[20] ||= [s("圆形", -1)]]),
+									_: 1
+								}),
+								c(h, { command: "diamond" }, {
+									default: w(() => [...u[21] ||= [s("菱形", -1)]]),
+									_: 1
+								}),
+								c(h, { command: "triangle" }, {
+									default: w(() => [...u[22] ||= [s("三角形", -1)]]),
+									_: 1
+								}),
+								c(h, { command: "text" }, {
+									default: w(() => [...u[23] ||= [s("文本", -1)]]),
+									_: 1
+								}),
+								c(h, {
+									divided: "",
+									command: "image"
+								}, {
+									default: w(() => [...u[24] ||= [s("图片零件", -1)]]),
+									_: 1
+								}),
+								c(h, { command: "polygon" }, {
+									default: w(() => [...u[25] ||= [s("自定义多边形", -1)]]),
+									_: 1
+								}),
+								c(h, { command: "svg" }, {
+									default: w(() => [...u[26] ||= [s("SVG导入", -1)]]),
+									_: 1
+								})
+							]),
+							_: 1
+						})]),
+						default: w(() => [c(f, { size: "small" }, {
+							default: w(() => [u[18] ||= s("形状", -1), c(d, { class: "el-icon--right" }, {
+								default: w(() => [c(S(M))]),
+								_: 1
+							})]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					c(C, {
+						content: "导出JSON",
+						placement: "bottom"
+					}, {
+						default: w(() => [c(f, {
+							size: "small",
+							circle: "",
+							onClick: u[4] ||= (e) => n.$emit("export-json")
+						}, {
+							default: w(() => [c(d, null, {
+								default: w(() => [c(S(R))]),
+								_: 1
+							})]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					c(C, {
+						content: "导入JSON",
+						placement: "bottom"
+					}, {
+						default: w(() => [c(f, {
+							size: "small",
+							circle: "",
+							onClick: u[5] ||= (e) => n.$emit("import-json")
+						}, {
+							default: w(() => [c(d, null, {
+								default: w(() => [c(S(G))]),
+								_: 1
+							})]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					c(C, {
+						content: "组合",
+						placement: "bottom"
+					}, {
+						default: w(() => [c(f, {
+							size: "small",
+							circle: "",
+							onClick: u[6] ||= (e) => n.$emit("group-selected"),
+							title: "将选中零件组合为一个"
+						}, {
+							default: w(() => [c(d, null, {
+								default: w(() => [c(S(z))]),
+								_: 1
+							})]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					c(T, { direction: "vertical" }),
+					c(C, {
+						content: "连线模式",
+						placement: "bottom"
+					}, {
+						default: w(() => [c(f, {
+							size: "small",
+							circle: "",
+							type: t.connectingMode ? "primary" : "",
+							onClick: u[7] ||= (e) => n.$emit("toggle-connecting")
+						}, {
+							default: w(() => [c(d, null, {
+								default: w(() => [c(S(I))]),
+								_: 1
+							})]),
+							_: 1
+						}, 8, ["type"])]),
+						_: 1
+					}),
+					c(f, {
+						size: "small",
+						onClick: u[8] ||= (e) => n.$emit("auto-layout")
+					}, {
+						default: w(() => [...u[27] ||= [s("自动布局", -1)]]),
+						_: 1
+					}),
+					c(T, { direction: "vertical" }),
+					c(f, {
+						size: "small",
+						circle: "",
+						onClick: u[9] ||= (e) => n.$emit("undo"),
+						disabled: !t.canUndo
+					}, {
+						default: w(() => [c(d, null, {
+							default: w(() => [c(S(W))]),
+							_: 1
+						})]),
+						_: 1
+					}, 8, ["disabled"]),
+					c(f, {
+						size: "small",
+						circle: "",
+						onClick: u[10] ||= (e) => n.$emit("redo"),
+						disabled: !t.canRedo
+					}, {
+						default: w(() => [c(d, null, {
+							default: w(() => [c(S(ne))]),
+							_: 1
+						})]),
+						_: 1
+					}, 8, ["disabled"]),
+					c(T, { direction: "vertical" }),
+					c(f, {
+						size: "small",
+						circle: "",
+						onClick: u[11] ||= (e) => n.$emit("zoom-in")
+					}, {
+						default: w(() => [c(d, null, {
+							default: w(() => [c(S(ie))]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					c(f, {
+						size: "small",
+						circle: "",
+						onClick: u[12] ||= (e) => n.$emit("zoom-out")
+					}, {
+						default: w(() => [c(d, null, {
+							default: w(() => [c(S(K))]),
+							_: 1
+						})]),
+						_: 1
+					})
+				]),
+				o("div", Ge, [
+					t.onlineUsers.length > 0 ? (g(), a("div", Ke, [(g(!0), a(e, null, y(t.onlineUsers.slice(0, 5), (e) => (g(), a("div", {
+						key: e.clientId,
+						class: "collab-avatar",
+						style: p({ background: e.color }),
+						title: e.name
+					}, x(e.name?.charAt(0)), 13, qe))), 128))])) : i("", !0),
+					t.isJoinMode ? i("", !0) : (g(), r(f, {
+						key: 1,
+						size: "small",
+						type: t.isConnected ? "success" : "default",
+						onClick: u[13] ||= (e) => n.$emit("toggle-collab")
+					}, {
+						default: w(() => [c(d, null, {
+							default: w(() => [c(S(re))]),
+							_: 1
+						}), o("span", null, x(t.isConnected ? "协作中" : "协作"), 1)]),
+						_: 1
+					}, 8, ["type"])),
+					!t.isJoinMode && t.isConnected ? (g(), r(f, {
+						key: 2,
+						size: "small",
+						circle: "",
+						onClick: u[14] ||= (e) => n.$emit("share-collab"),
+						title: "分享链接"
+					}, {
+						default: w(() => [c(d, null, {
+							default: w(() => [c(S(B))]),
+							_: 1
+						})]),
+						_: 1
+					})) : i("", !0),
+					c(T, { direction: "vertical" }),
+					c(v, {
+						trigger: "click",
+						onCommand: u[15] ||= (e) => n.$emit("export", e)
+					}, {
+						dropdown: w(() => [c(_, null, {
+							default: w(() => [
+								c(h, { command: "png" }, {
+									default: w(() => [...u[29] ||= [s("PNG", -1)]]),
+									_: 1
+								}),
+								c(h, { command: "svg" }, {
+									default: w(() => [...u[30] ||= [s("SVG", -1)]]),
+									_: 1
+								}),
+								c(h, { command: "pdf" }, {
+									default: w(() => [...u[31] ||= [s("PDF", -1)]]),
+									_: 1
+								}),
+								c(h, { command: "html" }, {
+									default: w(() => [...u[32] ||= [s("HTML", -1)]]),
+									_: 1
+								})
+							]),
+							_: 1
+						})]),
+						default: w(() => [c(f, { size: "small" }, {
+							default: w(() => [u[28] ||= s("导出", -1), c(d, { class: "el-icon--right" }, {
+								default: w(() => [c(S(M))]),
+								_: 1
+							})]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					c(f, {
+						size: "small",
+						onClick: u[16] ||= (e) => n.$emit("save")
+					}, {
+						default: w(() => [c(d, null, {
+							default: w(() => [c(S(R))]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					t.showHistory ? (g(), r(f, {
+						key: 3,
+						size: "small",
+						circle: "",
+						title: "更新履历",
+						onClick: u[17] ||= (e) => n.$emit("history")
+					}, {
+						default: w(() => [c(d, null, {
+							default: w(() => [c(S(P))]),
+							_: 1
+						})]),
+						_: 1
+					})) : i("", !0)
+				])
+			]);
+		};
+	}
+}, [["__scopeId", "data-v-919c0dae"]]), Ye = ["viewBox"], Xe = ["id"], Ze = [
+	"x",
+	"y",
+	"width",
+	"height"
+], Qe = [
+	"transform",
+	"onMousedown",
+	"onDblclick",
+	"onMouseenter"
+], $e = [
+	"href",
+	"width",
+	"height"
+], et = ["innerHTML", "transform"], tt = [
+	"points",
+	"fill",
+	"stroke",
+	"stroke-width"
+], nt = [
+	"width",
+	"height",
+	"fill",
+	"stroke",
+	"stroke-width"
+], rt = [
+	"width",
+	"height",
+	"fill",
+	"stroke",
+	"stroke-width"
+], it = [
+	"cx",
+	"cy",
+	"rx",
+	"ry",
+	"fill",
+	"stroke",
+	"stroke-width"
+], at = [
+	"points",
+	"fill",
+	"stroke",
+	"stroke-width"
+], ot = [
+	"points",
+	"fill",
+	"stroke",
+	"stroke-width"
+], st = [
+	"width",
+	"height",
+	"stroke",
+	"stroke-width"
+], ct = [
+	"x",
+	"y",
+	"fill",
+	"font-size"
+], lt = ["x", "y"], ut = [
+	"x",
+	"y",
+	"fill",
+	"font-size"
+], dt = [
+	"x",
+	"y",
+	"fill",
+	"font-size"
+], ft = ["x", "y"], pt = { key: 12 }, mt = [
+	"x",
+	"y",
+	"onMousedown"
+], ht = ["y", "onMousedown"], gt = ["x", "onMousedown"], _t = ["onMousedown"], vt = { key: 13 }, yt = [
+	"cx",
+	"cy",
+	"onMousedown"
+], bt = ["x", "y"], xt = [
+	"d",
+	"stroke",
+	"stroke-width",
+	"stroke-dasharray",
+	"onMousedown"
+], St = ["x", "y"], Ct = [
+	"x1",
+	"y1",
+	"x2",
+	"y2"
+], wt = { key: 1 }, Tt = [
+	"cx",
+	"cy",
+	"onMousedown"
+], Et = [
+	"href",
+	"x",
+	"y",
+	"width",
+	"height",
+	"clip-path"
+], Dt = { class: "popup-tooltip-key" }, Ot = { class: "popup-tooltip-val" }, kt = /*#__PURE__*/ Y({
+	__name: "DiagramCanvas",
+	props: {
+		components: {
+			type: Array,
+			default: () => []
+		},
+		connections: {
+			type: Array,
+			default: () => []
+		},
+		selectedId: [
+			String,
+			Number,
+			null
+		],
+		selectedIds: {
+			type: Array,
+			default: () => []
+		},
+		connectingMode: Boolean,
+		drawingConn: Object,
+		editingPolygon: Object,
+		viewBox: {
+			type: String,
+			default: "0 0 2000 1500"
+		},
+		isExpanded: Boolean,
+		expandedGroupId: [
+			String,
+			Number,
+			null
+		]
+	},
+	emits: [
+		"select",
+		"edit",
+		"clear-selection",
+		"start-connect",
+		"start-resize",
+		"move-component",
+		"drag-polygon-vertex"
+	],
+	setup(t, { emit: r }) {
+		let s = t, c = r, l = v(null), u = v(null), d = v(null), f = v({
+			x: 0,
+			y: 0
+		}), m = n(() => {
+			let e = s.components.filter((e) => e.shape === "group"), t = s.components.filter((e) => e.shape !== "group");
+			return [...e, ...t];
+		}), h = n(() => s.viewBox), _ = n(() => s.components.filter((e) => e.shape === "group" && e.imageUrl)), b = (e) => !s.isExpanded && e.groupId, S = (e) => {
+			if (s.isExpanded) return !1;
+			let t = s.components.find((t) => t.id === e.fromId), n = s.components.find((t) => t.id === e.toId);
+			return t && t.groupId || n && n.groupId;
+		}, C = n(() => s.editingPolygon ? (s.editingPolygon.points || "").trim().split(/\s+/).map((e) => {
+			let [t, n] = e.split(",").map(Number);
+			return {
+				x: t,
+				y: n
+			};
+		}) : []), w = (e) => [
+			{
+				x: e.width / 2,
+				y: 0,
+				dir: "top"
+			},
+			{
+				x: e.width,
+				y: e.height / 2,
+				dir: "right"
+			},
+			{
+				x: e.width / 2,
+				y: e.height,
+				dir: "bottom"
+			},
+			{
+				x: 0,
+				y: e.height / 2,
+				dir: "left"
+			}
+		], T = (e) => {
+			let t = s.components.find((t) => t.id === e.fromId), n = s.components.find((t) => t.id === e.toId);
+			if (!t || !n) return "";
+			let r = t.x + (e.fromAnchor?.x ?? t.width / 2), i = t.y + (e.fromAnchor?.y ?? t.height / 2), a = n.x + (e.toAnchor?.x ?? n.width / 2), o = n.y + (e.toAnchor?.y ?? n.height / 2), c = a - r;
+			return `M${r},${i} C${r + c * .3},${i} ${a - c * .3},${o} ${a},${o}`;
+		}, D = (e) => {
+			let t = s.components.find((t) => t.id === e.fromId), n = s.components.find((t) => t.id === e.toId);
+			return !t || !n ? {
+				x: 0,
+				y: 0
+			} : {
+				x: (t.x + n.x) / 2,
+				y: (t.y + n.y) / 2
+			};
+		}, O = (e, t) => {
+			if (!e.popupConfig || !e.popupConfig.length) return;
+			d.value = e;
+			let n = l.value.getBoundingClientRect();
+			f.value = {
+				x: t.clientX - n.left,
+				y: t.clientY - n.top
+			};
+		}, k = (e) => {
+			let t = u.value;
+			if (!t) return {
+				x: 0,
+				y: 0
+			};
+			let n = t.getBoundingClientRect(), r = t.viewBox.baseVal;
+			return {
+				x: (e.clientX - n.left) / n.width * r.width + r.x,
+				y: (e.clientY - n.top) / n.height * r.height + r.y
+			};
+		}, A = (e, t) => {
+			if (t.ctrlKey || t.metaKey) {
+				c("select", e, "component", t);
+				return;
+			}
+			if (c("select", e, "component", t), s.connectingMode) return;
+			let n = k(t), r = e.x, i = e.y, a = !1, o = (t) => {
+				let o = k(t), s = o.x - n.x, l = o.y - n.y;
+				(Math.abs(s) > 2 || Math.abs(l) > 2) && (a = !0), c("move-component", e.id, r + s, i + l);
+			}, l = () => {
+				document.removeEventListener("mousemove", o), document.removeEventListener("mouseup", l), a && c("move-component", e.id, e.x, e.y, !0);
+			};
+			document.addEventListener("mousemove", o), document.addEventListener("mouseup", l);
+		}, j = (e, t, n) => {
+			e.width, e.height;
+			let r = (e.points || "").trim().split(/\s+/).map((e) => e.split(",").map(Number)), i = (n) => {
+				let i = k(n);
+				r[t] = [Math.max(0, Math.min(e.width, Math.round(i.x - e.x))), Math.max(0, Math.min(e.height, Math.round(i.y - e.y)))], e.points = r.map((e) => e.join(",")).join(" ");
+			}, a = () => {
+				document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", a), c("drag-polygon-vertex", e);
+			};
+			document.addEventListener("mousemove", i), document.addEventListener("mouseup", a);
+		};
+		return (n, r) => (g(), a("div", {
+			class: "diagram-canvas",
+			ref_key: "containerRef",
+			ref: l
+		}, [(g(), a("svg", {
+			ref_key: "svgRef",
+			ref: u,
+			class: "diagram-svg",
+			viewBox: h.value,
+			onMousedown: r[1] ||= E((e) => n.$emit("clear-selection"), ["self"])
+		}, [
+			o("defs", null, [r[2] ||= o("marker", {
+				id: "arrowhead-end",
+				markerWidth: "10",
+				markerHeight: "7",
+				refX: "9",
+				refY: "3.5",
+				orient: "auto"
+			}, [o("polygon", {
+				points: "0 0, 10 3.5, 0 7",
+				fill: "#666"
+			})], -1), (g(!0), a(e, null, y(_.value, (e) => (g(), a("clipPath", {
+				key: "clip-" + e.id,
+				id: "clip-" + e.id
+			}, [o("rect", {
+				x: e.x,
+				y: e.y,
+				width: e.width,
+				height: e.height,
+				rx: "4"
+			}, null, 8, Ze)], 8, Xe))), 128))]),
+			(g(!0), a(e, null, y(m.value, (s) => (g(), a("g", {
+				key: s.id,
+				transform: `translate(${s.x}, ${s.y})`,
+				onMousedown: E((e) => b(s) ? null : A(s, e), ["stop"]),
+				onDblclick: E((e) => b(s) ? null : n.$emit("edit", s), ["stop"]),
+				onMouseenter: (e) => O(s, e),
+				onMouseleave: r[0] ||= (e) => d.value = null,
+				style: p(b(s) ? "pointer-events:none;opacity:0.7;" : "cursor:move;")
+			}, [
+				s.shape === "image" ? (g(), a("image", {
+					key: 0,
+					href: s.imageUrl,
+					width: s.width,
+					height: s.height,
+					preserveAspectRatio: "xMidYMid meet",
+					style: p({ pointerEvents: b(s) ? "none" : "all" })
+				}, null, 12, $e)) : s.shape === "svg" ? (g(), a("g", {
+					key: 1,
+					innerHTML: s.svgContent || "",
+					transform: `scale(${s.width / (s.svgWidth || 100)}, ${s.height / (s.svgHeight || 100)})`,
+					style: p({ pointerEvents: b(s) ? "none" : "all" })
+				}, null, 12, et)) : s.shape === "polygon" ? (g(), a("polygon", {
+					key: 2,
+					points: s.points || "",
+					fill: s.fill || "#fff",
+					stroke: t.selectedIds.includes(s.id) ? "#409EFF" : s.stroke || "#ccc",
+					"stroke-width": t.selectedIds.includes(s.id) ? 2 : 1,
+					style: p({ pointerEvents: b(s) ? "none" : "all" })
+				}, null, 12, tt)) : s.shape === "group" && s.id !== t.expandedGroupId ? (g(), a("rect", {
+					key: 3,
+					width: s.width,
+					height: s.height,
+					fill: s.imageUrl ? "none" : "rgba(64,158,255,0.05)",
+					stroke: (t.selectedIds.includes(s.id), "#409EFF"),
+					"stroke-dasharray": "6,3",
+					"stroke-width": t.selectedIds.includes(s.id) ? 2 : 1,
+					style: { "pointer-events": "all" }
+				}, null, 8, nt)) : s.shape === "rect" ? (g(), a("rect", {
+					key: 4,
+					width: s.width,
+					height: s.height,
+					rx: 4,
+					fill: s.fill || "#fff",
+					stroke: t.selectedIds.includes(s.id) ? "#409EFF" : s.stroke || "#ccc",
+					"stroke-width": t.selectedIds.includes(s.id) ? 2 : 1,
+					style: p({ pointerEvents: b(s) ? "none" : "all" })
+				}, null, 12, rt)) : s.shape === "circle" ? (g(), a("ellipse", {
+					key: 5,
+					cx: s.width / 2,
+					cy: s.height / 2,
+					rx: s.width / 2,
+					ry: s.height / 2,
+					fill: s.fill || "#fff",
+					stroke: t.selectedIds.includes(s.id) ? "#409EFF" : s.stroke || "#ccc",
+					"stroke-width": t.selectedIds.includes(s.id) ? 2 : 1,
+					style: p({ pointerEvents: b(s) ? "none" : "all" })
+				}, null, 12, it)) : s.shape === "diamond" ? (g(), a("polygon", {
+					key: 6,
+					points: `${s.width / 2},0 ${s.width},${s.height / 2} ${s.width / 2},${s.height} 0,${s.height / 2}`,
+					fill: s.fill || "#fff",
+					stroke: t.selectedIds.includes(s.id) ? "#409EFF" : s.stroke || "#ccc",
+					"stroke-width": t.selectedIds.includes(s.id) ? 2 : 1,
+					style: p({ pointerEvents: b(s) ? "none" : "all" })
+				}, null, 12, at)) : s.shape === "triangle" ? (g(), a("polygon", {
+					key: 7,
+					points: `${s.width / 2},0 ${s.width},${s.height} 0,${s.height}`,
+					fill: s.fill || "#fff",
+					stroke: t.selectedIds.includes(s.id) ? "#409EFF" : s.stroke || "#ccc",
+					"stroke-width": t.selectedIds.includes(s.id) ? 2 : 1,
+					style: p({ pointerEvents: b(s) ? "none" : "all" })
+				}, null, 12, ot)) : (g(), a("rect", {
+					key: 8,
+					width: s.width,
+					height: s.height,
+					fill: "#fff",
+					stroke: t.selectedIds.includes(s.id) ? "#409EFF" : "#ccc",
+					"stroke-width": t.selectedIds.includes(s.id) ? 2 : 1,
+					style: p({ pointerEvents: b(s) ? "none" : "all" })
+				}, null, 12, st)),
+				s.shape === "image" ? (g(), a(e, { key: 9 }, [o("text", {
+					x: s.width / 2,
+					y: s.height + 10,
+					"text-anchor": "middle",
+					"dominant-baseline": "hanging",
+					fill: s.textColor || "#333",
+					"font-size": s.fontSize || 14,
+					style: { "pointer-events": "none" }
+				}, x(s.label), 9, ct), s.description ? (g(), a("text", {
+					key: 0,
+					x: s.width / 2,
+					y: s.height + 10 + (s.fontSize || 14) + 2,
+					"text-anchor": "middle",
+					"dominant-baseline": "hanging",
+					fill: "#999",
+					"font-size": "11",
+					style: { "pointer-events": "none" }
+				}, x(s.description), 9, lt)) : i("", !0)], 64)) : s.shape === "group" && s.id !== t.expandedGroupId ? (g(), a("text", {
+					key: 10,
+					x: s.width / 2,
+					y: s.height + 10,
+					"text-anchor": "middle",
+					"dominant-baseline": "hanging",
+					fill: s.textColor || "#333",
+					"font-size": s.fontSize || 14,
+					style: { "pointer-events": "none" }
+				}, x(s.label), 9, ut)) : s.shape === "group" ? i("", !0) : (g(), a(e, { key: 11 }, [o("text", {
+					x: s.width / 2,
+					y: s.height / 2 - (s.description ? 6 : 0),
+					"text-anchor": "middle",
+					"dominant-baseline": "central",
+					fill: s.textColor || "#333",
+					"font-size": s.fontSize || 14,
+					style: { "pointer-events": "none" }
+				}, x(s.label), 9, dt), s.description ? (g(), a("text", {
+					key: 0,
+					x: s.width / 2,
+					y: s.height / 2 + 12,
+					"text-anchor": "middle",
+					"dominant-baseline": "central",
+					fill: "#999",
+					"font-size": "11",
+					style: { "pointer-events": "none" }
+				}, x(s.description), 9, ft)) : i("", !0)], 64)),
+				t.selectedIds.includes(s.id) && !b(s) ? (g(), a("g", pt, [
+					o("rect", {
+						x: s.width - 5,
+						y: s.height - 5,
+						width: "10",
+						height: "10",
+						fill: "#409EFF",
+						stroke: "#fff",
+						"stroke-width": "1",
+						style: { cursor: "nwse-resize" },
+						onMousedown: E((e) => n.$emit("start-resize", s, "se", e), ["stop"])
+					}, null, 40, mt),
+					o("rect", {
+						x: -5,
+						y: s.height - 5,
+						width: "10",
+						height: "10",
+						fill: "#409EFF",
+						stroke: "#fff",
+						"stroke-width": "1",
+						style: { cursor: "nesw-resize" },
+						onMousedown: E((e) => n.$emit("start-resize", s, "sw", e), ["stop"])
+					}, null, 40, ht),
+					o("rect", {
+						x: s.width - 5,
+						y: -5,
+						width: "10",
+						height: "10",
+						fill: "#409EFF",
+						stroke: "#fff",
+						"stroke-width": "1",
+						style: { cursor: "nesw-resize" },
+						onMousedown: E((e) => n.$emit("start-resize", s, "ne", e), ["stop"])
+					}, null, 40, gt),
+					o("rect", {
+						x: -5,
+						y: -5,
+						width: "10",
+						height: "10",
+						fill: "#409EFF",
+						stroke: "#fff",
+						"stroke-width": "1",
+						style: { cursor: "nwse-resize" },
+						onMousedown: E((e) => n.$emit("start-resize", s, "nw", e), ["stop"])
+					}, null, 40, _t)
+				])) : i("", !0),
+				(t.selectedIds.includes(s.id) || t.connectingMode) && !b(s) && !(t.editingPolygon && t.editingPolygon.id === s.id) ? (g(), a("g", vt, [(g(!0), a(e, null, y(w(s), (e, t) => (g(), a("circle", {
+					key: t,
+					cx: e.x,
+					cy: e.y,
+					r: "4",
+					fill: "#409EFF",
+					stroke: "#fff",
+					"stroke-width": "1",
+					style: { cursor: "crosshair" },
+					onMousedown: E((t) => n.$emit("start-connect", s, e, t), ["stop"])
+				}, null, 40, yt))), 128))])) : i("", !0),
+				t.editingPolygon && t.editingPolygon.id === s.id ? (g(), a("text", {
+					key: 14,
+					x: s.width / 2,
+					y: s.height + 16,
+					"text-anchor": "middle",
+					fill: "#409EFF",
+					"font-size": "11",
+					style: { "pointer-events": "none" }
+				}, "双击退出编辑", 8, bt)) : i("", !0)
+			], 44, Qe))), 128)),
+			(g(!0), a(e, null, y(t.connections, (e) => (g(), a("g", {
+				key: e.id,
+				style: p(S(e) ? "pointer-events:none;opacity:0.5;" : "")
+			}, [o("path", {
+				d: T(e),
+				fill: "none",
+				stroke: t.selectedId === e.id ? "#409EFF" : "#666",
+				"stroke-width": e.lineWidth || 2,
+				"stroke-dasharray": e.dashed ? "6,3" : "none",
+				"marker-end": "url(#arrowhead-end)",
+				"pointer-events": "stroke",
+				style: { cursor: "pointer" },
+				onMousedown: E((t) => n.$emit("select", e, "connection", t), ["stop"])
+			}, null, 40, xt), e.label ? (g(), a("text", {
+				key: 0,
+				x: D(e).x,
+				y: D(e).y - 6,
+				"text-anchor": "middle",
+				fill: "#666",
+				"font-size": "12"
+			}, x(e.label), 9, St)) : i("", !0)], 4))), 128)),
+			t.drawingConn ? (g(), a("line", {
+				key: 0,
+				x1: t.drawingConn.x1,
+				y1: t.drawingConn.y1,
+				x2: t.drawingConn.x2,
+				y2: t.drawingConn.y2,
+				stroke: "#409EFF",
+				"stroke-width": "2",
+				"stroke-dasharray": "4,4"
+			}, null, 8, Ct)) : i("", !0),
+			t.editingPolygon ? (g(), a("g", wt, [(g(!0), a(e, null, y(C.value, (e, n) => (g(), a("circle", {
+				key: "pv-" + n,
+				cx: t.editingPolygon.x + e.x,
+				cy: t.editingPolygon.y + e.y,
+				r: "5",
+				fill: "#409EFF",
+				stroke: "#fff",
+				"stroke-width": "1.5",
+				style: { cursor: "move" },
+				onMousedown: E((e) => j(t.editingPolygon, n, e), ["stop"])
+			}, null, 40, Tt))), 128))])) : i("", !0),
+			(g(!0), a(e, null, y(m.value, (e) => (g(), a("g", { key: "img-" + e.id }, [e.shape === "group" && e.imageUrl && e.id !== t.expandedGroupId ? (g(), a("image", {
+				key: 0,
+				href: e.imageUrl,
+				x: e.x,
+				y: e.y,
+				width: e.width,
+				height: e.height,
+				preserveAspectRatio: "xMidYMid slice",
+				"clip-path": `url(#clip-${e.id})`,
+				style: { "pointer-events": "none" }
+			}, null, 8, Et)) : i("", !0)]))), 128))
+		], 40, Ye)), d.value && d.value.popupConfig && d.value.popupConfig.length ? (g(), a("div", {
+			key: 0,
+			class: "popup-tooltip",
+			style: p({
+				left: f.value.x + 12 + "px",
+				top: f.value.y + 12 + "px"
+			})
+		}, [(g(!0), a(e, null, y(d.value.popupConfig, (e, t) => (g(), a("div", {
+			key: t,
+			class: "popup-tooltip-row"
+		}, [o("span", Dt, x(e.key) + "：", 1), o("span", Ot, x(e.value), 1)]))), 128))], 4)) : i("", !0)], 512));
+	}
+}, [["__scopeId", "data-v-f89f4797"]]);
+//#endregion
+//#region ../../src/composables/useExplosionCollaboration.js
+function At(e, { roomPrefix: t, syncKey: n = "_data" } = {}) {
+	let r = new J.Doc(), i = v(!1), a = v(!1), o = v(!1), s = v(!1), c = v([]), l = null, u = null, d = null, f = null, p = !1, m = null, g = `ws://${window.location.hostname || "localhost"}:1234`, _ = `${t}-${e}`, y = () => {
+		b(), m = setInterval(() => {
+			if (l && l.connection && l.connection.ws && l.connection.ws.readyState === WebSocket.CLOSED) try {
+				l.connect();
+			} catch (e) {
+				console.warn("[ExplosionCollab] reconnect failed:", e);
+			}
+		}, 3e4);
+	}, b = () => {
+		m &&= (clearInterval(m), null);
+	};
+	l = new ae({
+		url: g,
+		name: _,
+		document: r,
+		connect: !1,
+		reconnect: !0,
+		onConnect: () => {
+			i.value = !0, y();
+		},
+		onClose: () => {
+			i.value = !1, a.value = !1;
+		},
+		onSynced: ({ state: e }) => {
+			a.value = e;
+		}
+	}), l.awareness.on("change", () => {
+		c.value = Array.from(l.awareness.getStates().entries()).filter(([e, t]) => t.user).map(([e, t]) => ({
+			clientId: e,
+			...t.user
+		}));
+	}), u = r.getMap(t);
+	let x = r.getMap("_meta");
+	x.observe((e) => {
+		e.keysChanged.has("_closed") && (s.value = x.get("_closed") === !0, s.value && console.log("[ExplosionCollab] collaboration closed by owner"));
+	});
+	let S = () => {
+		l.connect();
+	}, C = () => {
+		if (b(), l) {
+			try {
+				l.disconnect(), l.destroy();
+			} catch (e) {
+				console.warn("[ExplosionCollab] disconnect error:", e);
+			}
+			l = null;
+		}
+		i.value = !1, a.value = !1, c.value = [];
+	}, w = (e = {}) => (p = !1, l.connect(), new Promise((t) => {
+		let n = () => {
+			l && a.value ? (p = !0, e.userInfo && l.awareness.setLocalStateField("user", e.userInfo), t()) : setTimeout(n, 100);
+		};
+		setTimeout(n, 200);
+	})), T = (e) => {
+		!i.value || !u || (d && clearTimeout(d), d = setTimeout(() => {
+			let t = JSON.stringify(e);
+			f = t, r.transact(() => {
+				u.set(n, t);
+			});
+		}, 50));
+	}, E = () => {
+		if (!u) return null;
+		let e = u.get(n);
+		if (!e) return null;
+		f = e;
+		try {
+			return JSON.parse(e);
+		} catch {
+			return null;
+		}
+	}, D = (e) => {
+		l && l.awareness.setLocalStateField("user", {
+			id: e.id || `user-${Date.now()}`,
+			name: e.name || `用户${Math.floor(Math.random() * 1e3)}`,
+			color: e.color || `#${Math.floor(Math.random() * 16777215).toString(16).padStart(6, "0")}`,
+			...e
+		});
+	}, O = () => {
+		s.value = !0, r.transact(() => {
+			x.set("_closed", !0);
+		}), p = !1, l?.awareness?.setLocalState(null), C(), o.value = !1;
+	}, k = () => x.get("_closed") === !0 ? (s.value = !0, !0) : !1, A = () => {
+		C(), r.destroy();
+	};
+	return h(() => A()), {
+		ydoc: r,
+		provider: l,
+		yMap: u,
+		isConnected: i,
+		isSynced: a,
+		isCollabOwner: o,
+		collaborationClosed: s,
+		onlineUsers: c,
+		connect: S,
+		disconnect: C,
+		init: w,
+		pushToYjs: T,
+		pullFromYjs: E,
+		setLocalUser: D,
+		closeCollaboration: O,
+		checkCollaborationClosed: k,
+		destroy: A,
+		_getSyncReady: () => p,
+		_setSyncReady: (e) => {
+			p = e;
+		},
+		_getLastSyncedValue: () => f,
+		_setLastSyncedValue: (e) => {
+			f = e;
+		}
+	};
+}
+//#endregion
+//#region ../../src/composables/useExplosionDiagramCollaboration.js
+var jt = (e, { onRemoteChange: t } = {}) => {
+	let n = At(e, {
+		roomPrefix: "explosion-diagram",
+		syncKey: "_data"
+	});
+	t && n.yMap.observe((e) => {
+		if (!n._getSyncReady()) return;
+		let r = n.yMap.get("_data");
+		if (r && r !== n._getLastSyncedValue()) {
+			n._setLastSyncedValue(r);
+			try {
+				t(JSON.parse(r));
+			} catch (e) {
+				console.error("[EV-Diagram] remote data parse error:", e);
+			}
+		}
+	});
+	let r = (e) => {
+		n.pushToYjs({
+			title: e.title,
+			components: e.components,
+			connections: e.connections
+		});
+	}, i = () => n.pullFromYjs();
+	return {
+		...n,
+		pushToYjs: r,
+		pullFromYjs: i
+	};
+}, Mt = { class: "explosion-diagram-editor" }, Nt = {
+	key: 0,
+	class: "group-breadcrumb"
+}, Pt = { class: "editor-body" }, Ft = {
+	key: 0,
+	class: "props-panel"
+}, It = { class: "prop-row" }, Lt = { class: "prop-row" }, Rt = { class: "prop-row" }, zt = { class: "prop-row" }, Bt = { class: "prop-row" }, Vt = {
+	key: 0,
+	class: "group-image-preview"
+}, Ht = ["src"], Ut = { class: "prop-row" }, Wt = { class: "prop-row" }, Gt = { class: "prop-row" }, Kt = { class: "prop-row" }, qt = { class: "prop-row" }, Jt = { class: "prop-row" }, Yt = { class: "prop-row" }, Xt = { class: "prop-row" }, Zt = { class: "prop-row" }, Qt = { style: {
+	"margin-bottom": "8px",
+	display: "flex",
+	gap: "8px"
+} }, $t = "explosion-diagram", en = /*#__PURE__*/ Y({
+	__name: "ExplosionDiagramEditor",
+	setup(l) {
+		let u = O(), d = k(), f = v(null), p = v(!1), C = v(!1), { saveVersion: T } = ke(), E = Ee(), D = _({
+			title: "爆炸图",
+			components: [],
+			connections: []
+		}), M = v(!1), ee = v(!1), N = v(!1), P = null, F = v([]), I = v(-1), L = v(null), R = v([]), z = v(null), B = v(null), V = v(!1), H = v(null), U = v(null), W = v([]), ne = v(null), re = v(null), G = v(!1), ie = v(null), K = v([]), J = n(() => W.value.length ? W.value[W.value.length - 1] : null), ae = n(() => {
+			if (!J.value) return D.components;
+			let e = (t) => {
+				let n = /* @__PURE__ */ new Set([t]);
+				return D.components.filter((e) => e.groupId === t).forEach((t) => {
+					n.add(t.id), t.shape === "group" && e(t.id).forEach((e) => n.add(e));
+				}), n;
+			}, t = e(J.value);
+			return D.components.filter((e) => t.has(e.id));
+		}), Y = n(() => {
+			if (!J.value) return D.connections;
+			let e = new Set(ae.value.map((e) => e.id));
+			return D.connections.filter((t) => e.has(t.fromId) || e.has(t.toId));
+		}), oe = n(() => {
+			if (!J.value) return "0 0 2000 1500";
+			let e = D.components.find((e) => e.id === J.value);
+			if (!e) return "0 0 2000 1500";
+			let t = ae.value.filter((e) => e.id !== J.value);
+			if (!t.length) return `${e.x} ${e.y} ${e.width} ${e.height}`;
+			let n = Infinity, r = Infinity, i = -Infinity, a = -Infinity;
+			return t.forEach((e) => {
+				n = Math.min(n, e.x), r = Math.min(r, e.y), i = Math.max(i, e.x + e.width), a = Math.max(a, e.y + e.height);
+			}), `${n - 40} ${r - 40} ${i - n + 80} ${a - r + 80}`;
+		}), se = (e) => D.components.find((t) => t.id === e), X = () => {
+			F.value = F.value.slice(0, I.value + 1), F.value.push(JSON.stringify({
+				components: D.components,
+				connections: D.connections
+			})), I.value = F.value.length - 1, ce();
+		}, ce = () => {
+			M.value && P && P.pushToYjs(D);
+		}, le = () => {
+			if (I.value > 0) {
+				I.value--;
+				let e = JSON.parse(F.value[I.value]);
+				D.components = e.components, D.connections = e.connections, ce();
+			}
+		}, ue = () => {
+			if (I.value < F.value.length - 1) {
+				I.value++;
+				let e = JSON.parse(F.value[I.value]);
+				D.components = e.components, D.connections = e.connections, ce();
+			}
+		}, de = () => {}, fe = () => {}, pe = 0, Z = () => `comp-${++pe}-${Date.now()}`, me = {
+			rect: [140, 60],
+			circle: [80, 80],
+			diamond: [100, 80],
+			triangle: [100, 80],
+			text: [120, 40],
+			image: [150, 150],
+			polygon: [150, 120],
+			svg: [120, 120],
+			group: [200, 150]
+		}, he = v(null), ge = v(null), Q = null, _e = (e) => {
+			if (e === "image") {
+				Q = "image", he.value?.click();
+				return;
+			}
+			if (e === "svg") {
+				Q = "svg", ge.value?.click();
+				return;
+			}
+			if (e === "polygon") {
+				let e = {
+					id: Z(),
+					shape: "polygon",
+					label: `${D.components.length + 1}`,
+					description: "",
+					x: 300 + Math.random() * 200,
+					y: 200 + Math.random() * 200,
+					width: 150,
+					height: 120,
+					points: "0,60 40,0 110,0 150,60 110,120 40,120",
+					fill: "#fff",
+					stroke: "#ccc",
+					textColor: "#333",
+					fontSize: 14
+				};
+				J.value && (e.groupId = J.value), D.components.push(e), X();
+				return;
+			}
+			if (e === "group") {
+				let e = {
+					id: Z(),
+					shape: "group",
+					label: `${D.components.length + 1}`,
+					description: "",
+					x: 300 + Math.random() * 200,
+					y: 200 + Math.random() * 200,
+					width: 200,
+					height: 150,
+					childIds: [],
+					fill: "transparent",
+					stroke: "#409EFF",
+					textColor: "#333",
+					fontSize: 14
+				};
+				J.value && (e.groupId = J.value), D.components.push(e), X();
+				return;
+			}
+			let [t, n] = me[e] || [120, 60], r = {
+				id: Z(),
+				shape: e,
+				label: `${D.components.length + 1}`,
+				description: "",
+				x: 300 + Math.random() * 200,
+				y: 200 + Math.random() * 200,
+				width: t,
+				height: n,
+				fill: "#fff",
+				stroke: "#ccc",
+				textColor: "#333",
+				fontSize: 14
+			};
+			J.value && (r.groupId = J.value), D.components.push(r), X();
+		}, ve = async (e) => {
+			let t = e.target.files?.[0];
+			if (!t) return;
+			let n = new FormData();
+			n.append("file", t), Q === "image" && n.append("remove_bg", "true");
+			try {
+				let e = await q.post("/api/files/upload/image", n), r = e.data.url || e.data.file_path;
+				if (Q === "image") {
+					let e = {
+						id: Z(),
+						shape: "image",
+						label: `${D.components.length + 1}`,
+						description: "",
+						x: 300 + Math.random() * 200,
+						y: 200 + Math.random() * 200,
+						width: 150,
+						height: 150,
+						imageUrl: r,
+						fill: "transparent",
+						stroke: "#ccc",
+						textColor: "#333",
+						fontSize: 14
+					};
+					J.value && (e.groupId = J.value), D.components.push(e);
+				} else if (Q === "svg") {
+					let e = await t.text(), n = new DOMParser().parseFromString(e, "image/svg+xml").querySelector("svg"), r = n?.getAttribute("width") || 100, i = n?.getAttribute("height") || 100, a = n?.getAttribute("viewBox"), o = parseFloat(r), s = parseFloat(i);
+					if (a) {
+						let e = a.split(/[\s,]+/).map(Number);
+						o = e[2] || o, s = e[3] || s;
+					}
+					let c = n?.innerHTML || "", l = {
+						id: Z(),
+						shape: "svg",
+						label: `${D.components.length + 1}`,
+						description: "",
+						x: 300 + Math.random() * 200,
+						y: 200 + Math.random() * 200,
+						width: o,
+						height: s,
+						svgContent: c,
+						svgWidth: o,
+						svgHeight: s,
+						fill: "#fff",
+						stroke: "#ccc",
+						textColor: "#333",
+						fontSize: 14
+					};
+					J.value && (l.groupId = J.value), D.components.push(l);
+				}
+				X();
+			} catch {
+				A.error("上传失败");
+			}
+			e.target.value = "";
+		}, ye = (e, t, n) => {
+			if (n && (n.ctrlKey || n.metaKey)) {
+				R.value.includes(e.id) ? R.value = R.value.filter((t) => t !== e.id) : R.value.push(e.id), L.value = R.value[R.value.length - 1] || null, B.value = L.value ? D.components.find((e) => e.id === L.value) : null, z.value = "component";
+				return;
+			}
+			L.value = e.id, R.value = [e.id], z.value = t, B.value = e, U.value = null;
+		}, $ = () => {
+			L.value = null, R.value = [], z.value = null, B.value = null, U.value = null;
+		}, be = (e, t, n) => {
+			let r = xe(n), i = e.x, a = e.y, o = e.width, s = e.height, c = e.shape === "polygon" ? (e.points || "").trim().split(/\s+/).map((e) => e.split(",").map(Number)) : null, l = e.shape === "group", u = l ? D.components.filter((t) => t.groupId === e.id && t.id !== e.id) : [], d = u.map((e) => ({
+				id: e.id,
+				x: e.x,
+				y: e.y,
+				w: e.width,
+				h: e.height
+			})), f = new Set(l ? u.map((e) => e.id) : [e.id]), p = D.connections.filter((e) => f.has(e.fromId) || f.has(e.toId)).map((e) => ({
+				conn: e,
+				fromAnchor: e.fromAnchor ? {
+					x: e.fromAnchor.x,
+					y: e.fromAnchor.y
+				} : null,
+				toAnchor: e.toAnchor ? {
+					x: e.toAnchor.x,
+					y: e.toAnchor.y
+				} : null
+			})), m = (n) => {
+				let m = xe(n), h = m.x - r.x, g = m.y - r.y, _ = o, v = s, y = i, b = a;
+				if (t === "se" ? (_ = o + h, v = s + g) : t === "sw" ? (y = i + h, _ = o - h, v = s + g) : t === "ne" ? (_ = o + h, b = a + g, v = s - g) : t === "nw" && (y = i + h, b = a + g, _ = o - h, v = s - g), _ = Math.max(30, _), v = Math.max(20, v), e.x = y, e.y = b, e.width = _, e.height = v, c && o > 0 && s > 0 && (e.points = c.map(([e, t]) => `${Math.round(e * _ / o)},${Math.round(t * v / s)}`).join(" ")), o > 0 && s > 0) {
+					let e = _ / o, t = v / s;
+					l && u.forEach((n, r) => {
+						let o = d[r];
+						if (n.x = y + (o.x - i) * e, n.y = b + (o.y - a) * t, n.width = o.w * e, n.height = o.h * t, n.shape === "polygon" && n.points) {
+							let r = o._origPoints || (n.points || "").trim().split(/\s+/).map((e) => e.split(",").map(Number));
+							o._origPoints ||= r, n.points = r.map(([n, r]) => `${Math.round(n * e)},${Math.round(r * t)}`).join(" ");
+						}
+					}), p.forEach(({ conn: n, fromAnchor: r, toAnchor: i }) => {
+						r && f.has(n.fromId) && (n.fromAnchor = {
+							x: r.x * e,
+							y: r.y * t
+						}), i && f.has(n.toId) && (n.toAnchor = {
+							x: i.x * e,
+							y: i.y * t
+						});
+					});
+				}
+			}, h = () => {
+				document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", h), X();
+			};
+			document.addEventListener("mousemove", m), document.addEventListener("mouseup", h);
+		}, xe = (e) => {
+			let t = document.querySelector(".diagram-svg");
+			if (!t) return {
+				x: 0,
+				y: 0
+			};
+			let n = t.getBoundingClientRect(), r = t.viewBox.baseVal;
+			return {
+				x: (e.clientX - n.left) / n.width * r.width + r.x,
+				y: (e.clientY - n.top) / n.height * r.height + r.y
+			};
+		}, Se = (e, t, n, r = !1) => {
+			let i = D.components.find((t) => t.id === e);
+			if (!i) return;
+			let a = t - i.x, o = n - i.y;
+			i.x = t, i.y = n, i.shape === "group" && i.id && D.components.forEach((e) => {
+				e.groupId === i.id && e.id !== i.id && (e.x += a, e.y += o);
+			}), r && X();
+		}, Ce = (e) => {
+			if (e.shape === "group") {
+				je(e);
+				return;
+			}
+			if (e.shape === "polygon") {
+				U.value && U.value.id === e.id ? U.value = null : U.value = e;
+				return;
+			}
+			j.prompt("编辑标签", "组件", {
+				inputValue: e.label,
+				inputPlaceholder: "标签文字"
+			}).then(({ value: t }) => {
+				t !== null && (e.label = t);
+			}).catch(() => {});
+		}, we = () => {
+			L.value && (z.value === "component" ? (D.components = D.components.filter((e) => e.id !== L.value), D.connections = D.connections.filter((e) => e.fromId !== L.value && e.toId !== L.value)) : D.connections = D.connections.filter((e) => e.id !== L.value), $(), X());
+		}, De = (e, t, n) => {
+			V.value = !0;
+			let r = e.x + t.x, i = e.y + t.y;
+			H.value = {
+				x1: r,
+				y1: i,
+				x2: r,
+				y2: i
+			};
+			let a = n.target.closest("svg"), o = (e) => {
+				if (!a) return;
+				let t = a.getBoundingClientRect(), n = a.viewBox.baseVal;
+				H.value.x2 = (e.clientX - t.left) / t.width * n.width + n.x, H.value.y2 = (e.clientY - t.top) / t.height * n.height + n.y;
+			}, s = (n) => {
+				if (document.removeEventListener("mousemove", o), document.removeEventListener("mouseup", s), H.value = null, !a) {
+					V.value = !1;
+					return;
+				}
+				let r = a.getBoundingClientRect(), i = a.viewBox.baseVal, c = (n.clientX - r.left) / r.width * i.width + i.x, l = (n.clientY - r.top) / r.height * i.height + i.y, u = null, d = 30;
+				for (let t of D.components) {
+					if (t.id === e.id) continue;
+					let n = [
+						{
+							x: t.x + t.width / 2,
+							y: t.y
+						},
+						{
+							x: t.x + t.width,
+							y: t.y + t.height / 2
+						},
+						{
+							x: t.x + t.width / 2,
+							y: t.y + t.height
+						},
+						{
+							x: t.x,
+							y: t.y + t.height / 2
+						}
+					];
+					for (let e of n) {
+						let n = Math.sqrt((c - e.x) ** 2 + (l - e.y) ** 2);
+						n < d && (d = n, u = t);
+					}
+				}
+				if (!u) {
+					for (let t of D.components) if (t.id !== e.id && c >= t.x && c <= t.x + t.width && l >= t.y && l <= t.y + t.height) {
+						u = t;
+						break;
+					}
+				}
+				u && (D.connections.find((t) => t.fromId === e.id && t.toId === u.id) || (D.connections.push({
+					id: Z(),
+					fromId: e.id,
+					toId: u.id,
+					fromAnchor: {
+						x: t.x,
+						y: t.y
+					},
+					toAnchor: {
+						x: u.width / 2,
+						y: u.height / 2
+					},
+					label: "",
+					lineWidth: 2,
+					dashed: !1
+				}), X())), V.value = !1;
+			};
+			document.addEventListener("mousemove", o), document.addEventListener("mouseup", s);
+		}, Oe = () => {
+			let e = D.components.filter((e) => R.value.includes(e.id));
+			if (e.length < 2) {
+				A.warning("请至少选择2个零件进行组合");
+				return;
+			}
+			let t = Infinity, n = Infinity, r = -Infinity, i = -Infinity;
+			e.forEach((e) => {
+				t = Math.min(t, e.x), n = Math.min(n, e.y), r = Math.max(r, e.x + e.width), i = Math.max(i, e.y + e.height);
+			});
+			let a = Z();
+			e.forEach((e) => {
+				e.groupId = a;
+			});
+			let o = {
+				id: a,
+				shape: "group",
+				label: "组合",
+				description: "",
+				x: t - 10,
+				y: n - 10,
+				width: r - t + 20,
+				height: i - n + 20,
+				fill: "transparent",
+				stroke: "#409EFF",
+				textColor: "#333",
+				fontSize: 14,
+				movable: !1
+			};
+			J.value && (o.groupId = J.value), D.components = [
+				...D.components.filter((e) => !R.value.includes(e.id)),
+				o,
+				...e
+			], R.value = [], X();
+		}, Ae = (e) => {
+			let t = D.components.filter((t) => t.groupId === e.id && t.id !== e.id);
+			if (!t.length) return;
+			let n = Infinity, r = Infinity, i = -Infinity, a = -Infinity;
+			t.forEach((e) => {
+				n = Math.min(n, e.x), r = Math.min(r, e.y), i = Math.max(i, e.x + e.width), a = Math.max(a, e.y + e.height);
+			}), e.x = n - 10, e.y = r - 10, e.width = i - n + 20, e.height = a - r + 20, X();
+		}, je = (e) => {
+			W.value.push(e.id), $();
+		}, Me = () => {
+			W.value.length && (W.value.pop(), $());
+		}, Ne = (e) => {
+			W.value = W.value.slice(0, e + 1), $();
+		}, Pe = async (e) => {
+			let t = e.target.files?.[0];
+			if (!t || !B.value) return;
+			let n = new FormData();
+			n.append("file", t);
+			try {
+				let e = await q.post("/api/files/upload/image", n);
+				B.value.imageUrl = e.data.url || e.data.file_path, Ae(B.value);
+			} catch {
+				A.error("上传失败");
+			}
+			e.target.value = "";
+		}, Fe = () => {
+			let e = D.components;
+			if (!e.length) return;
+			let t = Math.ceil(Math.sqrt(e.length));
+			D.components = e.map((e, n) => ({
+				...e,
+				x: 100 + n % t * 200,
+				y: 100 + Math.floor(n / t) * 120
+			})), X();
+		}, Ie = () => d.push("/"), Le = [
+			"我可以帮您优化爆炸图布局、检查组件标注，或者提供装配顺序建议。请问有什么需要帮助的？",
+			"这个爆炸图的组件分布很清晰。建议检查连接线是否准确反映了实际装配关系。",
+			"根据当前的爆炸图结构，我建议为关键组件添加编号说明，便于阅读理解。",
+			"我可以帮您检查爆炸图中是否有遗漏的零部件或多余的标注。需要我逐个分析吗？",
+			"建议在爆炸图中添加装配方向指示箭头，这样可以让装配流程更加直观。",
+			"这个爆炸图的层次感不错。如果需要，我可以帮您优化组件间距和标注位置。",
+			"我可以帮您将爆炸图的数据导出为BOM清单格式，方便采购和生产管理。",
+			"文档中的组件信息很详细。建议补充每个组件的规格参数和供应商信息。"
+		], Re = async (e, t = {}) => {
+			let n = f.value ? `${$t}-${f.value}` : null;
+			await E.sendMessage(e, {
+				...t,
+				roomId: n
+			});
+			let r = t.mentionedUser, i = r && r.toLowerCase().includes("ai"), a = E.collabUsers.value.filter((e) => e.name !== E.currentUser.value.name);
+			(!r || i || a.length === 0) && (E.loading.value = !0, setTimeout(() => {
+				E.sendAiMessage(Le[Math.floor(Math.random() * Le.length)], n), E.loading.value = !1;
+			}, 800 + Math.random() * 1200));
+		}, ze = () => {
+			let e = f.value ? `${$t}-${f.value}` : null;
+			E.clearMessages(e);
+		}, Be = () => {
+			if (!f.value) {
+				A.warning("请先保存文档");
+				return;
+			}
+			C.value = !0;
+		}, He = (e) => {
+			try {
+				let t = typeof e == "string" ? JSON.parse(e) : e;
+				t.components && (D.components = t.components), t.connections && (D.connections = t.connections), $();
+			} catch (e) {
+				console.error("Version apply error:", e);
+			}
+		}, Ue = async () => {
+			if (M.value && P?.collaborationClosed.value && !N.value) {
+				A.warning("协作已关闭，无法保存");
+				return;
+			}
+			try {
+				let e = {
+					title: D.title,
+					view_type: "diagram",
+					config: JSON.stringify({
+						components: D.components,
+						connections: D.connections
+					})
+				};
+				f.value ? await q.put(`/api/explosion-views/${f.value}`, e) : f.value = (await q.post("/api/explosion-views/", e)).data.id, A.success("保存成功"), T({
+					documentId: f.value,
+					docType: "diagram",
+					content: JSON.stringify({
+						components: D.components,
+						connections: D.connections
+					}),
+					userId: String(E.currentUser.value?.id || ""),
+					userName: E.currentUser.value?.name || "未知"
+				});
+			} catch {
+				A.error("保存失败");
+			}
+		}, We = async () => {
+			if (u.params.id) try {
+				let e = (await q.get(`/api/explosion-views/${u.params.id}`)).data;
+				if (f.value = e.id, D.title = e.title, e.config) {
+					let t = JSON.parse(e.config);
+					D.components = t.components || [], D.connections = t.connections || [];
+				}
+				X();
+			} catch (e) {
+				console.error("load error", e);
+			}
+			else X();
+		}, Ge = async (e) => {
+			try {
+				let t = document.querySelector(".diagram-svg");
+				if (!t) return A.error("未找到SVG元素");
+				let n = new XMLSerializer().serializeToString(t);
+				if (e === "svg") {
+					let e = new Blob([n], { type: "image/svg+xml;charset=utf-8" }), t = URL.createObjectURL(e), r = document.createElement("a");
+					r.href = t, r.download = `${D.title || "爆炸图"}.svg`, r.click(), URL.revokeObjectURL(t);
+				} else if (e === "png") {
+					let e = document.createElement("canvas"), t = e.getContext("2d"), r = new Image(), i = new Blob([n], { type: "image/svg+xml;charset=utf-8" }), a = URL.createObjectURL(i);
+					r.onload = () => {
+						e.width = r.width, e.height = r.height, t.fillStyle = "#fff", t.fillRect(0, 0, e.width, e.height), t.drawImage(r, 0, 0), e.toBlob((e) => {
+							let t = document.createElement("a");
+							t.href = URL.createObjectURL(e), t.download = `${D.title || "爆炸图"}.png`, t.click();
+						}), URL.revokeObjectURL(a);
+					}, r.src = a;
+				} else A.info(`导出 ${e} 开发中`);
+			} catch {
+				A.error("导出失败");
+			}
+		}, Ke = (e) => {
+			P &&= (P.destroy(), null), P = jt(e, { onRemoteChange: (e) => {
+				e.title && (D.title = e.title), e.components && (D.components = e.components), e.connections && (D.connections = e.connections), $();
+			} }), P._setSyncReady(!1);
+		}, qe = async () => {
+			if (M.value) return;
+			if (!f.value && (await Ue(), !f.value)) {
+				A.error("请先保存文档");
+				return;
+			}
+			Ke(String(f.value)), P.connect();
+			let e = {
+				name: `用户${Math.floor(Math.random() * 1e3)}`,
+				color: `#${Math.floor(Math.random() * 16777215).toString(16).padStart(6, "0")}`
+			}, t = () => {
+				if (P.provider && P.provider.synced) {
+					P._setSyncReady(!0), P.setLocalUser(e);
+					let t = P.pullFromYjs();
+					t ? (t.title && (D.title = t.title), t.components && (D.components = t.components), t.connections && (D.connections = t.connections), $()) : D.components.length > 0 && P.pushToYjs(D), M.value = !0, N.value = !0, ee.value = !1, E.setCollabContext({
+						ydoc: P.ydoc,
+						provider: P.provider,
+						onlineUsers: P.onlineUsers
+					}), E.setCurrentUser({
+						id: P.provider.awareness.clientID,
+						name: e.name,
+						color: e.color
+					}), A.success("协作已开启");
+				} else setTimeout(t, 100);
+			};
+			setTimeout(t, 200);
+		}, Ye = () => {
+			P && (P.closeCollaboration(), M.value = !1, N.value = !1, A.info("协作已关闭"));
+		}, Xe = () => {
+			let e = u.params.id;
+			if (!e) return;
+			Ke(e), P.connect();
+			let t = {
+				name: `协作人${Math.floor(Math.random() * 1e3)}`,
+				color: `#${Math.floor(Math.random() * 16777215).toString(16).padStart(6, "0")}`
+			}, n = () => {
+				if (P.provider && P.provider.synced) {
+					if (P.checkCollaborationClosed()) {
+						P.disconnect(), M.value = !1, A.warning("该协作已关闭，无法加入");
+						return;
+					}
+					P._setSyncReady(!0), P.setLocalUser(t);
+					let e = P.pullFromYjs();
+					e && (e.title && (D.title = e.title), e.components && (D.components = e.components), e.connections && (D.connections = e.connections), $()), M.value = !0, N.value = !1, E.setCollabContext({
+						ydoc: P.ydoc,
+						provider: P.provider,
+						onlineUsers: P.onlineUsers
+					}), E.setCurrentUser({
+						id: P.provider.awareness.clientID,
+						name: t.name,
+						color: t.color
+					}), A.success("已加入协作");
+				} else setTimeout(n, 100);
+			};
+			setTimeout(n, 200);
+		}, Ze = () => {
+			M.value ? Ye() : qe();
+		}, Qe = async () => {
+			if (M.value || await qe(), !f.value && (await Ue(), !f.value)) {
+				A.warning("请先保存文档后再分享");
+				return;
+			}
+			let e = `${window.location.origin}/explosion-diagram/${f.value}?collab=1`;
+			try {
+				await navigator.clipboard.writeText(e), A.success("协作链接已复制到剪贴板");
+			} catch {
+				A.info("协作链接: " + e);
+			}
+		}, $e = () => {
+			K.value = (B.value?.popupConfig || []).map((e) => ({ ...e })), G.value = !0;
+		}, et = () => {
+			K.value.push({
+				key: "",
+				value: ""
+			});
+		}, tt = () => {
+			B.value.popupConfig = K.value.filter((e) => e.key.trim()), G.value = !1, X();
+		}, nt = (e) => {
+			let t = e.target.files?.[0];
+			if (!t) return;
+			let n = new FileReader();
+			n.onload = () => {
+				try {
+					let e = JSON.parse(n.result);
+					Array.isArray(e) ? K.value = e.map((e) => ({
+						key: String(e.key || ""),
+						value: String(e.value || "")
+					})) : typeof e == "object" && (K.value = Object.entries(e).map(([e, t]) => ({
+						key: e,
+						value: String(t)
+					}))), A.success("导入成功");
+				} catch {
+					A.error("JSON解析失败");
+				}
+			}, n.readAsText(t), e.target.value = "";
+		}, rt = () => {
+			let e = JSON.stringify({
+				title: D.title,
+				components: D.components,
+				connections: D.connections
+			}, null, 2), t = new Blob([e], { type: "application/json" }), n = URL.createObjectURL(t), r = document.createElement("a");
+			r.href = n, r.download = `${D.title || "爆炸图"}.json`, r.click(), URL.revokeObjectURL(n), A.success("导出成功");
+		}, it = (e) => {
+			let t = e.target.files?.[0];
+			if (!t) return;
+			let n = new FileReader();
+			n.onload = () => {
+				try {
+					let e = JSON.parse(n.result);
+					e.title && (D.title = e.title), e.components && (D.components = e.components), e.connections && (D.connections = e.connections), $(), X(), A.success("导入成功");
+				} catch {
+					A.error("JSON解析失败");
+				}
+			}, n.readAsText(t), e.target.value = "";
+		};
+		m(async () => {
+			let e = localStorage.getItem("editor-user-name") || `用户${Math.floor(Math.random() * 1e3)}`;
+			localStorage.setItem("editor-user-name", e), E.setCurrentUser({
+				id: Date.now(),
+				name: e,
+				color: "#409eff"
+			}), await We(), u.params.id && u.query.collab === "1" && Xe();
+		});
+		let at = (e) => {
+			e.key === "Delete" && L.value && we(), (e.ctrlKey || e.metaKey) && e.key === "z" && (e.preventDefault(), le()), (e.ctrlKey || e.metaKey) && e.key === "y" && (e.preventDefault(), ue());
+		};
+		return m(() => document.addEventListener("keydown", at)), h(() => {
+			document.removeEventListener("keydown", at), P &&= (P.destroy(), null);
+		}), (n, l) => {
+			let d = b("el-breadcrumb-item"), m = b("el-breadcrumb"), h = b("el-icon"), _ = b("el-button"), v = b("el-tooltip"), T = b("el-input"), O = b("el-input-number"), k = b("el-color-picker"), A = b("el-switch"), j = b("el-table-column"), ee = b("el-table"), q = b("el-dialog"), ce = b("Monitor");
+			return g(), a("div", Mt, [
+				c(Je, {
+					title: D.title,
+					"onUpdate:title": l[0] ||= (e) => D.title = e,
+					"can-undo": I.value > 0,
+					"can-redo": I.value < F.value.length - 1,
+					"connecting-mode": V.value,
+					"is-connected": M.value,
+					"online-users": S(P) ? S(P).onlineUsers.value : [],
+					"is-join-mode": S(u).query.collab === "1",
+					onBack: Ie,
+					onAddComponent: _e,
+					onToggleConnecting: l[1] ||= (e) => V.value = !V.value,
+					onGroupSelected: Oe,
+					onAutoLayout: Fe,
+					onUndo: le,
+					onRedo: ue,
+					onZoomIn: de,
+					onZoomOut: fe,
+					onExport: Ge,
+					onSave: Ue,
+					onToggleCollab: Ze,
+					onShareCollab: Qe,
+					onExportJson: rt,
+					onImportJson: l[2] ||= (e) => re.value?.click(),
+					"show-history": !!f.value,
+					onHistory: Be
+				}, null, 8, [
+					"title",
+					"can-undo",
+					"can-redo",
+					"connecting-mode",
+					"is-connected",
+					"online-users",
+					"is-join-mode",
+					"show-history"
+				]),
+				o("input", {
+					ref_key: "fileInputRef",
+					ref: he,
+					type: "file",
+					accept: "image/*,.svg",
+					style: { display: "none" },
+					onChange: ve
+				}, null, 544),
+				o("input", {
+					ref_key: "svgInputRef",
+					ref: ge,
+					type: "file",
+					accept: ".svg",
+					style: { display: "none" },
+					onChange: ve
+				}, null, 544),
+				o("input", {
+					ref_key: "groupImageInputRef",
+					ref: ne,
+					type: "file",
+					accept: "image/*",
+					style: { display: "none" },
+					onChange: Pe
+				}, null, 544),
+				o("input", {
+					ref_key: "importJsonInputRef",
+					ref: re,
+					type: "file",
+					accept: ".json",
+					style: { display: "none" },
+					onChange: it
+				}, null, 544),
+				W.value.length ? (g(), a("div", Nt, [c(m, { separator: "/" }, {
+					default: w(() => [c(d, {
+						onClick: l[3] ||= (e) => Ne(-1),
+						style: { cursor: "pointer" }
+					}, {
+						default: w(() => [...l[27] ||= [s("根目录", -1)]]),
+						_: 1
+					}), (g(!0), a(e, null, y(W.value, (e, t) => (g(), r(d, {
+						key: e,
+						onClick: (e) => Ne(t),
+						style: { cursor: "pointer" }
+					}, {
+						default: w(() => [s(x(se(e)?.label || "组合"), 1)]),
+						_: 2
+					}, 1032, ["onClick"]))), 128))]),
+					_: 1
+				}), c(v, {
+					content: "返回上一层",
+					placement: "bottom"
+				}, {
+					default: w(() => [c(_, {
+						size: "small",
+						circle: "",
+						onClick: Me
+					}, {
+						default: w(() => [c(h, null, {
+							default: w(() => [c(S(te))]),
+							_: 1
+						})]),
+						_: 1
+					})]),
+					_: 1
+				})])) : i("", !0),
+				o("div", Pt, [c(kt, {
+					components: ae.value,
+					connections: Y.value,
+					"selected-id": L.value,
+					"selected-ids": R.value,
+					"connecting-mode": V.value,
+					"drawing-conn": H.value,
+					"editing-polygon": U.value,
+					"view-box": oe.value,
+					"is-expanded": !!J.value,
+					"expanded-group-id": J.value,
+					onSelect: ye,
+					onEdit: Ce,
+					onClearSelection: $,
+					onStartConnect: De,
+					onStartResize: be,
+					onMoveComponent: Se,
+					onDragPolygonVertex: X
+				}, null, 8, [
+					"components",
+					"connections",
+					"selected-id",
+					"selected-ids",
+					"connecting-mode",
+					"drawing-conn",
+					"editing-polygon",
+					"view-box",
+					"is-expanded",
+					"expanded-group-id"
+				]), c(t, { name: "slide" }, {
+					default: w(() => [B.value ? (g(), a("div", Ft, [o("h4", null, x(z.value === "component" ? "组件属性" : "连线属性"), 1), z.value === "component" ? (g(), a(e, { key: 0 }, [
+						o("div", It, [l[28] ||= o("label", null, "标签", -1), c(T, {
+							modelValue: B.value.label,
+							"onUpdate:modelValue": l[4] ||= (e) => B.value.label = e,
+							size: "small"
+						}, null, 8, ["modelValue"])]),
+						o("div", Lt, [l[29] ||= o("label", null, "描述", -1), c(T, {
+							modelValue: B.value.description,
+							"onUpdate:modelValue": l[5] ||= (e) => B.value.description = e,
+							size: "small"
+						}, null, 8, ["modelValue"])]),
+						B.value.shape === "group" ? (g(), a(e, { key: 0 }, [
+							o("div", Rt, [l[30] ||= o("label", null, "宽度", -1), c(O, {
+								modelValue: B.value.width,
+								"onUpdate:modelValue": l[6] ||= (e) => B.value.width = e,
+								min: 40,
+								max: 2e3,
+								size: "small"
+							}, null, 8, ["modelValue"])]),
+							o("div", zt, [l[31] ||= o("label", null, "高度", -1), c(O, {
+								modelValue: B.value.height,
+								"onUpdate:modelValue": l[7] ||= (e) => B.value.height = e,
+								min: 30,
+								max: 1500,
+								size: "small"
+							}, null, 8, ["modelValue"])]),
+							o("div", Bt, [l[34] ||= o("label", null, "显示图片", -1), B.value.imageUrl ? (g(), a("div", Vt, [o("img", {
+								src: B.value.imageUrl,
+								style: {
+									"max-width": "100%",
+									"max-height": "80px",
+									border: "1px solid #e4e7ed",
+									"border-radius": "4px"
+								}
+							}, null, 8, Ht), c(_, {
+								size: "small",
+								type: "danger",
+								text: "",
+								onClick: l[8] ||= (e) => B.value.imageUrl = ""
+							}, {
+								default: w(() => [...l[32] ||= [s("移除", -1)]]),
+								_: 1
+							})])) : (g(), r(_, {
+								key: 1,
+								size: "small",
+								onClick: l[9] ||= (e) => ne.value?.click()
+							}, {
+								default: w(() => [...l[33] ||= [s("上传图片", -1)]]),
+								_: 1
+							}))]),
+							c(_, {
+								size: "small",
+								onClick: l[10] ||= (e) => Ae(B.value)
+							}, {
+								default: w(() => [...l[35] ||= [s("适配子零件", -1)]]),
+								_: 1
+							})
+						], 64)) : (g(), a(e, { key: 1 }, [o("div", Ut, [l[36] ||= o("label", null, "宽度", -1), c(O, {
+							modelValue: B.value.width,
+							"onUpdate:modelValue": l[11] ||= (e) => B.value.width = e,
+							min: 40,
+							max: 400,
+							size: "small"
+						}, null, 8, ["modelValue"])]), o("div", Wt, [l[37] ||= o("label", null, "高度", -1), c(O, {
+							modelValue: B.value.height,
+							"onUpdate:modelValue": l[12] ||= (e) => B.value.height = e,
+							min: 30,
+							max: 300,
+							size: "small"
+						}, null, 8, ["modelValue"])])], 64)),
+						o("div", Gt, [l[38] ||= o("label", null, "填充色", -1), c(k, {
+							modelValue: B.value.fill,
+							"onUpdate:modelValue": l[13] ||= (e) => B.value.fill = e,
+							size: "small"
+						}, null, 8, ["modelValue"])]),
+						o("div", Kt, [l[39] ||= o("label", null, "边框色", -1), c(k, {
+							modelValue: B.value.stroke,
+							"onUpdate:modelValue": l[14] ||= (e) => B.value.stroke = e,
+							size: "small"
+						}, null, 8, ["modelValue"])]),
+						o("div", qt, [l[40] ||= o("label", null, "文字色", -1), c(k, {
+							modelValue: B.value.textColor,
+							"onUpdate:modelValue": l[15] ||= (e) => B.value.textColor = e,
+							size: "small"
+						}, null, 8, ["modelValue"])]),
+						o("div", Jt, [l[41] ||= o("label", null, "字号", -1), c(O, {
+							modelValue: B.value.fontSize,
+							"onUpdate:modelValue": l[16] ||= (e) => B.value.fontSize = e,
+							min: 10,
+							max: 32,
+							size: "small"
+						}, null, 8, ["modelValue"])]),
+						c(_, {
+							size: "small",
+							onClick: $e
+						}, {
+							default: w(() => [...l[42] ||= [s("属性弹框设置", -1)]]),
+							_: 1
+						}),
+						c(_, {
+							size: "small",
+							type: "danger",
+							onClick: we
+						}, {
+							default: w(() => [...l[43] ||= [s("删除", -1)]]),
+							_: 1
+						})
+					], 64)) : z.value === "connection" ? (g(), a(e, { key: 1 }, [
+						o("div", Yt, [l[44] ||= o("label", null, "标签", -1), c(T, {
+							modelValue: B.value.label,
+							"onUpdate:modelValue": l[17] ||= (e) => B.value.label = e,
+							size: "small"
+						}, null, 8, ["modelValue"])]),
+						o("div", Xt, [l[45] ||= o("label", null, "线宽", -1), c(O, {
+							modelValue: B.value.lineWidth,
+							"onUpdate:modelValue": l[18] ||= (e) => B.value.lineWidth = e,
+							min: 1,
+							max: 6,
+							size: "small"
+						}, null, 8, ["modelValue"])]),
+						o("div", Zt, [l[46] ||= o("label", null, "虚线", -1), c(A, {
+							modelValue: B.value.dashed,
+							"onUpdate:modelValue": l[19] ||= (e) => B.value.dashed = e
+						}, null, 8, ["modelValue"])]),
+						c(_, {
+							size: "small",
+							type: "danger",
+							onClick: we
+						}, {
+							default: w(() => [...l[47] ||= [s("删除", -1)]]),
+							_: 1
+						})
+					], 64)) : i("", !0)])) : i("", !0)]),
+					_: 1
+				})]),
+				c(q, {
+					modelValue: G.value,
+					"onUpdate:modelValue": l[22] ||= (e) => G.value = e,
+					title: "属性弹框设置",
+					width: "500",
+					"append-to-body": ""
+				}, {
+					footer: w(() => [c(_, { onClick: l[21] ||= (e) => G.value = !1 }, {
+						default: w(() => [...l[51] ||= [s("取消", -1)]]),
+						_: 1
+					}), c(_, {
+						type: "primary",
+						onClick: tt
+					}, {
+						default: w(() => [...l[52] ||= [s("保存", -1)]]),
+						_: 1
+					})]),
+					default: w(() => [o("div", Qt, [
+						c(_, {
+							size: "small",
+							onClick: et
+						}, {
+							default: w(() => [...l[48] ||= [s("+ 添加一行", -1)]]),
+							_: 1
+						}),
+						c(_, {
+							size: "small",
+							onClick: l[20] ||= (e) => ie.value?.click()
+						}, {
+							default: w(() => [...l[49] ||= [s("导入JSON", -1)]]),
+							_: 1
+						}),
+						o("input", {
+							ref_key: "popupConfigImportRef",
+							ref: ie,
+							type: "file",
+							accept: ".json",
+							style: { display: "none" },
+							onChange: nt
+						}, null, 544)
+					]), c(ee, {
+						data: K.value,
+						border: "",
+						size: "small",
+						"max-height": "300"
+					}, {
+						default: w(() => [
+							c(j, {
+								label: "属性名",
+								"min-width": "120"
+							}, {
+								default: w(({ row: e }) => [c(T, {
+									modelValue: e.key,
+									"onUpdate:modelValue": (t) => e.key = t,
+									size: "small",
+									placeholder: "属性名"
+								}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+								_: 1
+							}),
+							c(j, {
+								label: "悬浮内容",
+								"min-width": "200"
+							}, {
+								default: w(({ row: e }) => [c(T, {
+									modelValue: e.value,
+									"onUpdate:modelValue": (t) => e.value = t,
+									size: "small",
+									placeholder: "悬浮显示内容"
+								}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+								_: 1
+							}),
+							c(j, {
+								width: "60",
+								label: "操作"
+							}, {
+								default: w(({ $index: e }) => [c(_, {
+									size: "small",
+									type: "danger",
+									text: "",
+									onClick: (t) => K.value.splice(e, 1)
+								}, {
+									default: w(() => [...l[50] ||= [s("删除", -1)]]),
+									_: 1
+								}, 8, ["onClick"])]),
+								_: 1
+							})
+						]),
+						_: 1
+					}, 8, ["data"])]),
+					_: 1
+				}, 8, ["modelValue"]),
+				c(_, {
+					class: "ai-chat-fab",
+					type: p.value ? "primary" : "default",
+					circle: "",
+					size: "large",
+					onClick: l[23] ||= (e) => p.value = !p.value,
+					title: "AI助手"
+				}, {
+					default: w(() => [c(h, null, {
+						default: w(() => [c(ce)]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["type"]),
+				c(Te, {
+					visible: p.value,
+					messages: S(E).messages.value,
+					loading: S(E).loading.value,
+					"is-collab": S(E).isCollabMode.value,
+					"collab-users": S(E).collabUsers.value,
+					"current-user": S(E).currentUser.value,
+					"is-owner": N.value,
+					onSend: Re,
+					onClose: l[24] ||= (e) => p.value = !1,
+					"unread-mention": S(E).unreadMention.value,
+					onClearUnread: l[25] ||= (e) => S(E).clearUnreadMention(),
+					onClear: ze
+				}, null, 8, [
+					"visible",
+					"messages",
+					"loading",
+					"is-collab",
+					"collab-users",
+					"current-user",
+					"is-owner",
+					"unread-mention"
+				]),
+				c(Ve, {
+					modelValue: C.value,
+					"onUpdate:modelValue": l[26] ||= (e) => C.value = e,
+					"document-id": f.value,
+					onApply: He
+				}, null, 8, ["modelValue", "document-id"])
+			]);
+		};
+	}
+}, [["__scopeId", "data-v-f2d3d8e9"]]), tn = l({
+	name: "YourCompanyExplosionDiagram",
+	props: {
+		docId: {
+			type: [Number, String],
+			default: null
+		},
+		apiBase: {
+			type: String,
+			default: "/api"
+		},
+		wsUrl: {
+			type: String,
+			default: ""
+		},
+		user: {
+			type: Object,
+			default: () => ({
+				id: "",
+				name: "",
+				color: ""
+			})
+		},
+		roomId: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(e, { slots: t }) {
+		return () => u("div", {
+			class: "yourcompany-explosion-diagram-wrapper",
+			style: "position:relative"
+		}, [u(en, { ...e }), u(D)]);
+	}
+});
+//#endregion
+export { tn as default };