@billtaofbj/explosion-image 1.0.0

package/dist/index.es.js

@@ -0,0 +1,2298 @@
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, h as l, nextTick as u, normalizeClass as d, normalizeStyle as f, onMounted as p, onUnmounted as m, openBlock as h, reactive as g, ref as _, renderList as v, resolveComponent as y, resolveDynamicComponent 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 N, Bell as P, Brush as F, Clock as I, Close as L, Connection as R, Delete as z, Download as B, InfoFilled as V, Link as H, Loading as ee, Location as U, Minus as W, Monitor as G, MoreFilled as K, Plus as te, Promotion as ne, Right as re, SemiSelect as q, Share as ie, TrendCharts as J, Upload as ae, UploadFilled as oe } from "@element-plus/icons-vue";
+import Y from "axios";
+import * as X from "yjs";
+import { HocuspocusProvider as se } from "@hocuspocus/provider";
+//#region \0plugin-vue:export-helper
+var Z = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, ce = { class: "chat-header" }, le = { class: "chat-header-left" }, ue = { class: "chat-title" }, Q = { class: "online-users-list" }, de = { class: "online-user-item" }, fe = { class: "online-user-name" }, pe = { key: 1 }, me = { class: "online-user-name" }, he = { class: "chat-header-right" }, ge = {
+	key: 0,
+	class: "chat-empty"
+}, _e = { class: "chat-empty-hint" }, ve = { key: 1 }, ye = { class: "message-content" }, be = {
+	key: 0,
+	class: "message-meta"
+}, $ = {
+	key: 0,
+	class: "message-mention"
+}, xe = ["innerHTML"], Se = { class: "message-time" }, Ce = {
+	key: 1,
+	class: "chat-message chat-message-ai"
+}, we = { class: "message-avatar ai" }, Te = { class: "chat-input-area" }, Ee = {
+	key: 0,
+	class: "mention-popup"
+}, De = ["onClick", "onMouseenter"], Oe = { key: 1 }, ke = /*#__PURE__*/ Z({
+	__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(c, { emit: l }) {
+		let p = c, m = l, g = _(""), b = _(null), D = _(null), O = _(!1), k = _([]), A = _(0), j = "", M = -1, N = {
+			id: "ai-assistant",
+			name: "AI助手",
+			color: "#409EFF",
+			isAi: !0
+		}, F = t(() => {
+			let e = p.currentUser.id, t = /* @__PURE__ */ new Set();
+			return [N, ...p.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);
+			})];
+		}), I = t(() => F.value.length + 1), R = (e) => e.role === "ai" ? "chat-message-ai" : p.isCollab && e.user_id && e.user_id !== p.currentUser.id ? "chat-message-other" : "chat-message-user", B = (e) => e.role === "ai" ? { background: "linear-gradient(135deg, #409EFF, #337ECC)" } : { background: e.user_color || "#67C23A" }, V = (e) => (e.user_name || "U").charAt(0), H = (e) => {
+			if (!p.isCollab) return;
+			let t = typeof e == "string" ? e : e.target?.value || g.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 = F.value.filter((t) => t.name && t.name.toLowerCase().includes(e.toLowerCase())), O.value = k.value.length > 0, A.value = 0;
+					return;
+				}
+			}
+			O.value = !1;
+		}, ee = () => {
+			O.value && (A.value = Math.min(A.value + 1, k.value.length - 1));
+		}, U = () => {
+			O.value && (A.value = Math.max(A.value - 1, 0));
+		}, W = (e) => {
+			let t = g.value.slice(0, M), n = g.value.slice(M + j.length + 1);
+			g.value = `${t}@${e.name} ${n}`, O.value = !1;
+		}, K = (e) => {
+			if (e) {
+				if (e.shiftKey) return;
+				if (O.value) {
+					let t = k.value[A.value];
+					if (t) {
+						e.preventDefault(), W(t);
+						return;
+					}
+				}
+				e.preventDefault();
+			}
+			let t = g.value.trim();
+			if (!t || p.loading) return;
+			let n = null;
+			if (p.isCollab) {
+				let e = t.match(/@(\S+)/);
+				e && (n = e[1]);
+			}
+			m("send", t, { mentionedUser: n }), g.value = "", O.value = !1;
+		}, te = () => {
+			u(() => {
+				b.value && (b.value.scrollTop = b.value.scrollHeight);
+			});
+		};
+		return C(() => p.messages.length, te), C(() => p.messages, te, { deep: !0 }), (t, l) => {
+			let u = y("el-icon"), p = y("el-tag"), _ = y("el-popover"), C = y("el-button"), j = y("el-input");
+			return c.visible ? (h(), i("div", {
+				key: 0,
+				class: "ai-chat-panel",
+				style: f({ width: c.panelWidth + "px" })
+			}, [
+				a("div", ce, [a("div", le, [
+					s(u, {
+						size: 18,
+						color: "#409EFF"
+					}, {
+						default: w(() => [s(S(G))]),
+						_: 1
+					}),
+					a("span", ue, x(c.isCollab ? "协作聊天" : "AI 助手"), 1),
+					c.isCollab ? (h(), n(_, {
+						key: 0,
+						width: 200,
+						placement: "bottom-start",
+						trigger: "click"
+					}, {
+						reference: w(() => [s(p, {
+							size: "small",
+							type: "success",
+							effect: "plain",
+							class: "online-tag"
+						}, {
+							default: w(() => [o(x(I.value) + "人在线 ", 1)]),
+							_: 1
+						})]),
+						default: w(() => [a("div", Q, [a("div", de, [
+							a("div", {
+								class: "online-user-avatar",
+								style: f({ background: c.currentUser.color || "#409EFF" })
+							}, x((c.currentUser.name || "U").charAt(0)), 5),
+							a("span", fe, x(c.currentUser.name || "我"), 1),
+							s(p, {
+								size: "small",
+								type: c.isOwner ? "warning" : "success",
+								effect: "plain",
+								class: "role-tag"
+							}, {
+								default: w(() => [o(x(c.isOwner ? "发起人" : "协作人"), 1)]),
+								_: 1
+							}, 8, ["type"]),
+							l[4] ||= a("span", { class: "self-tag" }, "（我）", -1)
+						]), (h(!0), i(e, null, v(F.value, (e) => (h(), i("div", {
+							key: e.id || e.clientId,
+							class: "online-user-item"
+						}, [
+							a("div", {
+								class: "online-user-avatar",
+								style: f({ background: e.color || "#909399" })
+							}, [e.isAi ? (h(), n(u, {
+								key: 0,
+								size: 14
+							}, {
+								default: w(() => [s(S(G))]),
+								_: 1
+							})) : (h(), i("span", pe, x((e.name || "U").charAt(0)), 1))], 4),
+							a("span", me, x(e.name || "未知用户"), 1),
+							e.isAi ? (h(), n(p, {
+								key: 0,
+								size: "small",
+								type: "primary",
+								effect: "plain",
+								class: "role-tag"
+							}, {
+								default: w(() => [...l[5] ||= [o("AI助手", -1)]]),
+								_: 1
+							})) : (h(), n(p, {
+								key: 1,
+								size: "small",
+								type: "success",
+								effect: "plain",
+								class: "role-tag"
+							}, {
+								default: w(() => [...l[6] ||= [o("协作人", -1)]]),
+								_: 1
+							}))
+						]))), 128))])]),
+						_: 1
+					})) : r("", !0)
+				]), a("div", he, [
+					c.isCollab && c.unreadMention ? (h(), i("div", {
+						key: 0,
+						class: "mention-bell",
+						title: "有新消息",
+						onClick: l[0] ||= (e) => m("clear-unread")
+					}, [s(u, {
+						size: 18,
+						color: "#F56C6C"
+					}, {
+						default: w(() => [s(S(P))]),
+						_: 1
+					})])) : r("", !0),
+					s(C, {
+						text: "",
+						circle: "",
+						size: "small",
+						onClick: l[1] ||= (e) => t.$emit("clear"),
+						title: "清空对话"
+					}, {
+						default: w(() => [s(u, null, {
+							default: w(() => [s(S(z))]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					s(C, {
+						text: "",
+						circle: "",
+						size: "small",
+						onClick: l[2] ||= (e) => t.$emit("close"),
+						title: "关闭"
+					}, {
+						default: w(() => [s(u, null, {
+							default: w(() => [s(S(L))]),
+							_: 1
+						})]),
+						_: 1
+					})
+				])]),
+				a("div", {
+					class: "chat-messages",
+					ref_key: "messagesRef",
+					ref: b
+				}, [
+					c.messages.length === 0 ? (h(), i("div", ge, [
+						s(u, {
+							size: 40,
+							color: "#c0c4cc"
+						}, {
+							default: w(() => [s(S(G))]),
+							_: 1
+						}),
+						a("p", null, x(c.isCollab ? "协作聊天室" : "你好！我是 AI 助手"), 1),
+						a("p", _e, x(c.isCollab ? "与团队成员和AI助手实时聊天" : "可以问我任何关于文档编辑的问题"), 1)
+					])) : r("", !0),
+					(h(!0), i(e, null, v(c.messages, (e) => (h(), i("div", {
+						key: e._msgId || e.time + e.content,
+						class: d(["chat-message", R(e)])
+					}, [a("div", {
+						class: "message-avatar",
+						style: f(B(e))
+					}, [e.role === "ai" ? (h(), n(u, {
+						key: 0,
+						size: 16
+					}, {
+						default: w(() => [s(S(G))]),
+						_: 1
+					})) : (h(), i("span", ve, x(V(e)), 1))], 4), a("div", ye, [
+						c.isCollab && e.role === "user" ? (h(), i("div", be, [a("span", {
+							class: "message-sender",
+							style: f({ color: e.user_color || "#67C23A" })
+						}, x(e.user_name || "用户"), 5), e.mentioned_user ? (h(), i("span", $, "@" + x(e.mentioned_user), 1)) : r("", !0)])) : r("", !0),
+						a("div", {
+							class: "message-text",
+							innerHTML: e.content
+						}, null, 8, xe),
+						a("div", Se, x(e.time), 1)
+					])], 2))), 128)),
+					c.loading ? (h(), i("div", Ce, [a("div", we, [s(u, { size: 16 }, {
+						default: w(() => [s(S(G))]),
+						_: 1
+					})]), l[7] ||= a("div", { class: "message-content" }, [a("div", { class: "message-text typing-indicator" }, [
+						a("span"),
+						a("span"),
+						a("span")
+					])], -1)])) : r("", !0)
+				], 512),
+				a("div", Te, [a("div", {
+					class: "chat-input-wrapper",
+					ref_key: "inputWrapperRef",
+					ref: D
+				}, [
+					s(j, {
+						modelValue: g.value,
+						"onUpdate:modelValue": l[3] ||= (e) => g.value = e,
+						type: "textarea",
+						autosize: {
+							minRows: 1,
+							maxRows: 4
+						},
+						placeholder: c.isCollab ? "输入消息... @提及成员" : "输入消息...",
+						onKeydown: [
+							T(E(K, ["exact"]), ["enter"]),
+							T(E(ee, ["prevent"]), ["down"]),
+							T(E(U, ["prevent"]), ["up"])
+						],
+						onInput: H,
+						resize: "none"
+					}, null, 8, [
+						"modelValue",
+						"placeholder",
+						"onKeydown"
+					]),
+					O.value ? (h(), i("div", Ee, [(h(!0), i(e, null, v(k.value, (e, t) => (h(), i("div", {
+						key: e.id || e.clientId,
+						class: d(["mention-item", { active: t === A.value }]),
+						onClick: (t) => W(e),
+						onMouseenter: (e) => A.value = t
+					}, [a("div", {
+						class: "mention-avatar",
+						style: f({ background: e.color || "#909399" })
+					}, [e.isAi ? (h(), n(u, {
+						key: 0,
+						size: 12
+					}, {
+						default: w(() => [s(S(G))]),
+						_: 1
+					})) : (h(), i("span", Oe, x((e.name || "U").charAt(0)), 1))], 4), a("span", null, x(e.name), 1)], 42, De))), 128))])) : r("", !0),
+					s(C, {
+						class: "send-btn",
+						type: "primary",
+						circle: "",
+						disabled: !g.value.trim() || c.loading,
+						onClick: K
+					}, {
+						default: w(() => [s(u, null, {
+							default: w(() => [s(S(ne))]),
+							_: 1
+						})]),
+						_: 1
+					}, 8, ["disabled"])
+				], 512)])
+			], 4)) : r("", !0);
+		};
+	}
+}, [["__scopeId", "data-v-01960100"]]);
+//#endregion
+//#region ../../src/composables/useChat.js
+function Ae() {
+	let e = _([]), t = _(!1), n = _(!1), r = _([]), i = _({
+		id: "",
+		name: "",
+		color: ""
+	}), a = _(!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
+		};
+	}, h = (e) => {
+		r.value = e || [];
+	}, g = () => {
+		let e = /* @__PURE__ */ new Date();
+		return `${e.getHours().toString().padStart(2, "0")}:${e.getMinutes().toString().padStart(2, "0")}`;
+	}, v = 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 Y.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 Y.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 Y.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 Y.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 m(() => T()), {
+		messages: e,
+		loading: t,
+		isCollabMode: n,
+		collabUsers: r,
+		currentUser: i,
+		unreadMention: a,
+		setCollabContext: f,
+		setCurrentUser: p,
+		updateCollabUsers: h,
+		sendMessage: v,
+		sendAiMessage: y,
+		loadHistory: b,
+		clearMessages: x,
+		clearUnreadMention: w,
+		destroy: T
+	};
+}
+//#endregion
+//#region ../../src/composables/useVersionHistory.js
+var je = "/api/document-versions", Me = 5e3, Ne = () => {
+	let e = _([]), t = _(!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 Y.post(je, {
+					document_id: e,
+					doc_type: t,
+					content: typeof n == "string" ? n : JSON.stringify(n),
+					user_id: r || null,
+					user_name: i || null
+				}, { timeout: Me });
+				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 Y.get(je, {
+					params: { document_id: n },
+					timeout: Me
+				});
+				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 Y.get(`${je}/${e}`, { timeout: Me });
+				return t;
+			} catch (e) {
+				return console.warn("[useVersionHistory] Failed to get version content:", e), null;
+			}
+		}
+	};
+}, Pe = { class: "version-history-panel" }, Fe = {
+	key: 0,
+	class: "loading-state"
+}, Ie = {
+	key: 1,
+	class: "empty-state"
+}, Le = {
+	key: 2,
+	class: "version-list"
+}, Re = {
+	key: 0,
+	class: "current-version"
+}, ze = { class: "current-version-header" }, Be = { class: "version-number" }, Ve = ["onClick"], He = { class: "version-number" }, Ue = { class: "version-user" }, We = { class: "panel-footer" }, Ge = /*#__PURE__*/ Z({
+	__name: "VersionHistoryPanel",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		documentId: {
+			type: [Number, String],
+			default: null
+		}
+	},
+	emits: ["update:modelValue", "apply"],
+	setup(t, { expose: c, emit: l }) {
+		let u = t, f = l, { versions: p, loading: m, loadVersions: g, getVersionContent: b } = Ne(), T = _(!1), E = _(null), D = _(!1), O = _(null);
+		C(() => u.modelValue, (e) => {
+			T.value = e, e && u.documentId && (E.value = null, g(u.documentId).then((e) => {
+				e && e.length > 0 && (O.value = e[0]);
+			}));
+		}), C(T, (e) => {
+			f("update:modelValue", e);
+		});
+		let k = (e) => {
+			E.value = e;
+		}, j = async () => {
+			if (E.value) {
+				D.value = !0;
+				try {
+					let e = await b(E.value.id);
+					e && e.content ? (O.value = E.value, E.value = null, f("apply", e.content), A.success("已切换到版本 v" + O.value.version_number)) : A.error("获取版本内容失败");
+				} finally {
+					D.value = !1;
+				}
+			}
+		}, M = () => {
+			T.value = !1;
+		}, N = (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 c({ currentVersion: O }), (t, c) => {
+			let l = y("el-icon"), u = y("el-tag"), f = y("el-timeline-item"), g = y("el-timeline"), _ = y("el-button"), b = y("el-drawer");
+			return h(), n(b, {
+				modelValue: T.value,
+				"onUpdate:modelValue": c[0] ||= (e) => T.value = e,
+				title: "更新履历",
+				direction: "rtl",
+				size: "420px",
+				"before-close": M
+			}, {
+				footer: w(() => [a("div", We, [s(_, {
+					type: "primary",
+					disabled: !E.value,
+					loading: D.value,
+					onClick: j
+				}, {
+					default: w(() => [...c[4] ||= [o(" 切换到此版本 ", -1)]]),
+					_: 1
+				}, 8, ["disabled", "loading"])])]),
+				default: w(() => [a("div", Pe, [S(m) ? (h(), i("div", Fe, [s(l, { class: "is-loading" }, {
+					default: w(() => [s(S(ee))]),
+					_: 1
+				}), c[1] ||= a("span", null, "加载中...", -1)])) : S(p).length === 0 ? (h(), i("div", Ie, [s(l, {
+					size: 48,
+					color: "#c0c4cc"
+				}, {
+					default: w(() => [s(S(I))]),
+					_: 1
+				}), c[2] ||= a("p", null, "暂无历史版本", -1)])) : (h(), i("div", Le, [O.value ? (h(), i("div", Re, [a("div", ze, [s(u, {
+					type: "success",
+					size: "small"
+				}, {
+					default: w(() => [...c[3] ||= [o("当前版本", -1)]]),
+					_: 1
+				}), a("span", Be, "v" + x(O.value.version_number), 1)])])) : r("", !0), s(g, null, {
+					default: w(() => [(h(!0), i(e, null, v(S(p), (e) => (h(), n(f, {
+						key: e.id,
+						timestamp: N(e.created_at),
+						placement: "top",
+						type: E.value?.id === e.id ? "primary" : "",
+						hollow: E.value?.id !== e.id
+					}, {
+						default: w(() => [a("div", {
+							class: d(["version-item", { active: E.value?.id === e.id }]),
+							onClick: (t) => k(e)
+						}, [a("span", He, "版本号：v" + x(e.version_number), 1), a("span", Ue, "提交人：" + x(e.user_name || "未知用户"), 1)], 10, Ve)]),
+						_: 2
+					}, 1032, [
+						"timestamp",
+						"type",
+						"hollow"
+					]))), 128))]),
+					_: 1
+				})]))])]),
+				_: 1
+			}, 8, ["modelValue"]);
+		};
+	}
+}, [["__scopeId", "data-v-87924b7c"]]), Ke = { class: "toolbar" }, qe = { class: "toolbar-left" }, Je = { class: "toolbar-center" }, Ye = { class: "group-popover" }, Xe = { class: "group-popover-header" }, Ze = { class: "group-list" }, Qe = ["onClick"], $e = { class: "group-name" }, et = { class: "group-item-actions" }, tt = {
+	key: 1,
+	class: "group-empty"
+}, nt = { class: "toolbar-right" }, rt = {
+	key: 0,
+	class: "collab-users"
+}, it = ["title"], at = /*#__PURE__*/ Z({
+	__name: "Toolbar",
+	props: {
+		title: {
+			type: String,
+			default: ""
+		},
+		lineStyle: {
+			type: String,
+			default: "straight"
+		},
+		groups: {
+			type: Array,
+			default: () => []
+		},
+		activeGroupId: {
+			type: String,
+			default: null
+		},
+		collapsedGroups: {
+			type: Array,
+			default: () => []
+		},
+		isConnected: Boolean,
+		onlineUsers: {
+			type: Array,
+			default: () => []
+		},
+		isJoinMode: Boolean,
+		showHistory: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"update:title",
+		"back",
+		"add-annotation",
+		"set-line-style",
+		"add-group",
+		"group-action",
+		"clear-group-filter",
+		"export",
+		"import-json",
+		"save",
+		"toggle-collab",
+		"share-collab",
+		"history"
+	],
+	setup(c) {
+		let l = c, u = _(l.title);
+		C(() => l.title, (e) => u.value = e);
+		let p = {
+			straight: {
+				label: "直线",
+				icon: q
+			},
+			polyline: {
+				label: "折线",
+				icon: R
+			},
+			"right-angle": {
+				label: "直角折线",
+				icon: re
+			},
+			curve: {
+				label: "曲线",
+				icon: J
+			},
+			wave: {
+				label: "波浪线",
+				icon: J
+			},
+			dashed: {
+				label: "虚线",
+				icon: W
+			},
+			dotted: {
+				label: "点线",
+				icon: K
+			},
+			dashdot: {
+				label: "点划线",
+				icon: q
+			}
+		}, m = t(() => p[l.lineStyle]?.label || "引线"), g = t(() => p[l.lineStyle]?.icon || q);
+		return (t, l) => {
+			let p = y("el-icon"), _ = y("el-button"), C = y("el-input"), T = y("el-tooltip"), D = y("el-divider"), O = y("el-dropdown-item"), k = y("el-dropdown-menu"), A = y("el-dropdown"), j = y("el-badge"), P = y("el-tag"), V = y("el-popover");
+			return h(), i("div", Ke, [
+				a("div", qe, [s(_, {
+					onClick: l[0] ||= (e) => t.$emit("back"),
+					size: "small",
+					circle: ""
+				}, {
+					default: w(() => [s(p, null, {
+						default: w(() => [s(S(N))]),
+						_: 1
+					})]),
+					_: 1
+				}), s(C, {
+					modelValue: u.value,
+					"onUpdate:modelValue": l[1] ||= (e) => u.value = e,
+					onBlur: l[2] ||= (e) => t.$emit("update:title", u.value),
+					placeholder: "输入标题",
+					class: "title-input",
+					size: "small"
+				}, null, 8, ["modelValue"])]),
+				a("div", Je, [
+					s(T, {
+						content: "添加标注",
+						placement: "bottom"
+					}, {
+						default: w(() => [s(_, {
+							size: "small",
+							circle: "",
+							onClick: l[3] ||= (e) => t.$emit("add-annotation")
+						}, {
+							default: w(() => [s(p, null, {
+								default: w(() => [s(S(U))]),
+								_: 1
+							})]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					s(D, { direction: "vertical" }),
+					s(A, {
+						trigger: "click",
+						onCommand: l[4] ||= (e) => t.$emit("set-line-style", e)
+					}, {
+						dropdown: w(() => [s(k, null, {
+							default: w(() => [
+								s(O, {
+									command: "straight",
+									class: d({ "is-active": c.lineStyle === "straight" })
+								}, {
+									default: w(() => [s(p, null, {
+										default: w(() => [s(S(q))]),
+										_: 1
+									}), l[14] ||= o("直线 ", -1)]),
+									_: 1
+								}, 8, ["class"]),
+								s(O, {
+									command: "polyline",
+									class: d({ "is-active": c.lineStyle === "polyline" })
+								}, {
+									default: w(() => [s(p, null, {
+										default: w(() => [s(S(R))]),
+										_: 1
+									}), l[15] ||= o("折线 ", -1)]),
+									_: 1
+								}, 8, ["class"]),
+								s(O, {
+									command: "right-angle",
+									class: d({ "is-active": c.lineStyle === "right-angle" })
+								}, {
+									default: w(() => [s(p, null, {
+										default: w(() => [s(S(re))]),
+										_: 1
+									}), l[16] ||= o("直角折线 ", -1)]),
+									_: 1
+								}, 8, ["class"]),
+								s(O, {
+									command: "curve",
+									class: d({ "is-active": c.lineStyle === "curve" })
+								}, {
+									default: w(() => [s(p, null, {
+										default: w(() => [s(S(J))]),
+										_: 1
+									}), l[17] ||= o("曲线 ", -1)]),
+									_: 1
+								}, 8, ["class"]),
+								s(O, {
+									command: "wave",
+									class: d({ "is-active": c.lineStyle === "wave" })
+								}, {
+									default: w(() => [s(p, null, {
+										default: w(() => [s(S(J))]),
+										_: 1
+									}), l[18] ||= o("波浪线 ", -1)]),
+									_: 1
+								}, 8, ["class"]),
+								s(O, {
+									divided: "",
+									command: "dashed",
+									class: d({ "is-active": c.lineStyle === "dashed" })
+								}, {
+									default: w(() => [s(p, null, {
+										default: w(() => [s(S(W))]),
+										_: 1
+									}), l[19] ||= o("虚线 ", -1)]),
+									_: 1
+								}, 8, ["class"]),
+								s(O, {
+									command: "dotted",
+									class: d({ "is-active": c.lineStyle === "dotted" })
+								}, {
+									default: w(() => [s(p, null, {
+										default: w(() => [s(S(K))]),
+										_: 1
+									}), l[20] ||= o("点线 ", -1)]),
+									_: 1
+								}, 8, ["class"]),
+								s(O, {
+									command: "dashdot",
+									class: d({ "is-active": c.lineStyle === "dashdot" })
+								}, {
+									default: w(() => [s(p, null, {
+										default: w(() => [s(S(q))]),
+										_: 1
+									}), l[21] ||= o("点划线 ", -1)]),
+									_: 1
+								}, 8, ["class"])
+							]),
+							_: 1
+						})]),
+						default: w(() => [s(_, { size: "small" }, {
+							default: w(() => [
+								s(p, null, {
+									default: w(() => [(h(), n(b(g.value)))]),
+									_: 1
+								}),
+								o(" " + x(m.value) + " ", 1),
+								s(p, { class: "el-icon--right" }, {
+									default: w(() => [s(S(M))]),
+									_: 1
+								})
+							]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					s(D, { direction: "vertical" }),
+					s(V, {
+						placement: "bottom",
+						width: 280,
+						trigger: "click"
+					}, {
+						reference: w(() => [s(_, { size: "small" }, {
+							default: w(() => [
+								l[22] ||= o(" 分组 ", -1),
+								c.activeGroupId ? (h(), n(j, {
+									key: 0,
+									value: 1,
+									offset: [-2, -2],
+									class: "group-badge"
+								})) : r("", !0),
+								s(p, { class: "el-icon--right" }, {
+									default: w(() => [s(S(M))]),
+									_: 1
+								})
+							]),
+							_: 1
+						})]),
+						default: w(() => [a("div", Ye, [
+							a("div", Xe, [s(_, {
+								size: "small",
+								onClick: l[5] ||= (e) => t.$emit("add-group", "new"),
+								type: "primary",
+								plain: ""
+							}, {
+								default: w(() => [s(p, null, {
+									default: w(() => [s(S(te))]),
+									_: 1
+								}), l[23] ||= o("新建分组 ", -1)]),
+								_: 1
+							}), c.activeGroupId ? (h(), n(_, {
+								key: 0,
+								size: "small",
+								onClick: l[6] ||= (e) => t.$emit("clear-group-filter")
+							}, {
+								default: w(() => [s(p, null, {
+									default: w(() => [s(S(L))]),
+									_: 1
+								}), l[24] ||= o("显示全部 ", -1)]),
+								_: 1
+							})) : r("", !0)]),
+							c.groups.length ? (h(), n(D, {
+								key: 0,
+								style: { margin: "8px 0" }
+							})) : r("", !0),
+							a("div", Ze, [(h(!0), i(e, null, v(c.groups, (e) => (h(), i("div", {
+								key: e.id,
+								class: d(["group-item", { active: c.activeGroupId === e.id }])
+							}, [a("div", {
+								class: "group-item-main",
+								onClick: (n) => t.$emit("group-action", "filter", e.id)
+							}, [a("span", $e, x(e.name), 1), c.activeGroupId === e.id ? (h(), n(P, {
+								key: 0,
+								size: "small",
+								type: "primary"
+							}, {
+								default: w(() => [...l[25] ||= [o("筛选", -1)]]),
+								_: 1
+							})) : r("", !0)], 8, Qe), a("div", et, [
+								s(T, {
+									content: "展开/折叠",
+									placement: "top"
+								}, {
+									default: w(() => [s(_, {
+										size: "small",
+										circle: "",
+										onClick: E((n) => t.$emit("group-action", "collapse", e.id), ["stop"])
+									}, {
+										default: w(() => [s(p, null, {
+											default: w(() => [(h(), n(b(c.collapsedGroups.includes(e.id) ? "View" : "Hide")))]),
+											_: 2
+										}, 1024)]),
+										_: 2
+									}, 1032, ["onClick"])]),
+									_: 2
+								}, 1024),
+								s(T, {
+									content: "修改颜色",
+									placement: "top"
+								}, {
+									default: w(() => [s(_, {
+										size: "small",
+										circle: "",
+										onClick: E((n) => t.$emit("group-action", "color", e.id), ["stop"])
+									}, {
+										default: w(() => [s(p, null, {
+											default: w(() => [s(S(F))]),
+											_: 1
+										})]),
+										_: 1
+									}, 8, ["onClick"])]),
+									_: 2
+								}, 1024),
+								s(T, {
+									content: "删除分组",
+									placement: "top"
+								}, {
+									default: w(() => [s(_, {
+										size: "small",
+										circle: "",
+										type: "danger",
+										onClick: E((n) => t.$emit("group-action", "delete", e.id), ["stop"])
+									}, {
+										default: w(() => [s(p, null, {
+											default: w(() => [s(S(z))]),
+											_: 1
+										})]),
+										_: 1
+									}, 8, ["onClick"])]),
+									_: 2
+								}, 1024)
+							])], 2))), 128))]),
+							c.groups.length ? r("", !0) : (h(), i("div", tt, "暂无分组"))
+						])]),
+						_: 1
+					})
+				]),
+				a("div", nt, [
+					c.onlineUsers.length > 0 ? (h(), i("div", rt, [(h(!0), i(e, null, v(c.onlineUsers.slice(0, 5), (e) => (h(), i("div", {
+						key: e.clientId,
+						class: "collab-avatar",
+						style: f({ background: e.color }),
+						title: e.name
+					}, x(e.name?.charAt(0)), 13, it))), 128))])) : r("", !0),
+					c.isJoinMode ? r("", !0) : (h(), n(_, {
+						key: 1,
+						size: "small",
+						type: c.isConnected ? "success" : "default",
+						onClick: l[7] ||= (e) => t.$emit("toggle-collab")
+					}, {
+						default: w(() => [s(p, null, {
+							default: w(() => [s(S(ie))]),
+							_: 1
+						}), a("span", null, x(c.isConnected ? "协作中" : "协作"), 1)]),
+						_: 1
+					}, 8, ["type"])),
+					!c.isJoinMode && c.isConnected ? (h(), n(_, {
+						key: 2,
+						size: "small",
+						circle: "",
+						onClick: l[8] ||= (e) => t.$emit("share-collab"),
+						title: "分享链接"
+					}, {
+						default: w(() => [s(p, null, {
+							default: w(() => [s(S(H))]),
+							_: 1
+						})]),
+						_: 1
+					})) : r("", !0),
+					s(D, { direction: "vertical" }),
+					s(A, {
+						trigger: "click",
+						onCommand: l[9] ||= (e) => t.$emit("export", e)
+					}, {
+						dropdown: w(() => [s(k, null, {
+							default: w(() => [
+								c.activeGroupId ? (h(), n(O, {
+									key: 0,
+									command: "png-filtered"
+								}, {
+									default: w(() => [...l[27] ||= [o("PNG（当前分组）", -1)]]),
+									_: 1
+								})) : r("", !0),
+								s(O, { command: "png" }, {
+									default: w(() => [...l[28] ||= [o("PNG（全部）", -1)]]),
+									_: 1
+								}),
+								s(O, { command: "svg" }, {
+									default: w(() => [...l[29] ||= [o("SVG", -1)]]),
+									_: 1
+								}),
+								s(O, { command: "pdf" }, {
+									default: w(() => [...l[30] ||= [o("PDF", -1)]]),
+									_: 1
+								}),
+								s(O, { command: "html" }, {
+									default: w(() => [...l[31] ||= [o("HTML", -1)]]),
+									_: 1
+								}),
+								s(O, {
+									divided: "",
+									command: "json"
+								}, {
+									default: w(() => [...l[32] ||= [o("JSON（完整数据）", -1)]]),
+									_: 1
+								})
+							]),
+							_: 1
+						})]),
+						default: w(() => [s(_, { size: "small" }, {
+							default: w(() => [l[26] ||= o("导出", -1), s(p, { class: "el-icon--right" }, {
+								default: w(() => [s(S(M))]),
+								_: 1
+							})]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					s(T, {
+						content: "导入JSON",
+						placement: "bottom"
+					}, {
+						default: w(() => [s(_, {
+							size: "small",
+							circle: "",
+							onClick: l[10] ||= (e) => t.$refs.jsonInput.click()
+						}, {
+							default: w(() => [s(p, null, {
+								default: w(() => [s(S(ae))]),
+								_: 1
+							})]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					a("input", {
+						ref: "jsonInput",
+						type: "file",
+						accept: ".json",
+						style: { display: "none" },
+						onChange: l[11] ||= (e) => t.$emit("import-json", e)
+					}, null, 544),
+					s(_, {
+						size: "small",
+						onClick: l[12] ||= (e) => t.$emit("save")
+					}, {
+						default: w(() => [s(p, null, {
+							default: w(() => [s(S(B))]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					c.showHistory ? (h(), n(_, {
+						key: 3,
+						size: "small",
+						circle: "",
+						title: "更新履历",
+						onClick: l[13] ||= (e) => t.$emit("history")
+					}, {
+						default: w(() => [s(p, null, {
+							default: w(() => [s(S(I))]),
+							_: 1
+						})]),
+						_: 1
+					})) : r("", !0)
+				])
+			]);
+		};
+	}
+}, [["__scopeId", "data-v-081fbd64"]]), ot = ["src"], st = ["onMousedown"], ct = {
+	class: "leader-line-svg",
+	style: {
+		left: 0,
+		top: 0,
+		width: "100%",
+		height: "100%"
+	}
+}, lt = ["id", "fill"], ut = [
+	"d",
+	"stroke",
+	"stroke-width",
+	"stroke-dasharray",
+	"marker-start"
+], dt = ["onMousedown"], ft = ["onBlur"], pt = ["onMousedown"], mt = ["onMousedown"], ht = ["onMousedown"], gt = /*#__PURE__*/ Z({
+	__name: "AnnotationCanvas",
+	props: {
+		imageUrl: String,
+		annotations: {
+			type: Array,
+			default: () => []
+		},
+		collapsedGroups: {
+			type: Array,
+			default: () => []
+		},
+		selectedId: [
+			String,
+			Number,
+			null
+		],
+		lineStyle: {
+			type: String,
+			default: "straight"
+		}
+	},
+	emits: [
+		"select",
+		"upload-image",
+		"change"
+	],
+	setup(n, { expose: r, emit: o }) {
+		let c = n, l = o, u = _(null), p = _(null), m = _(800), g = _(600), b = _(!1), C = _(null), T = t(() => c.annotations.filter((e) => e.groupId ? !c.collapsedGroups.includes(e.groupId) : !0)), D = t(() => c.lineStyle === "dashed" ? "8,4" : c.lineStyle === "dotted" ? "3,3" : c.lineStyle === "dashdot" ? "8,3,2,3" : "none"), O = () => {
+			let e = u.value, t = p.value;
+			if (!e || !t) return;
+			let n = t.naturalWidth, r = t.naturalHeight, i = e.clientWidth - 40, a = e.clientHeight - 40, o = i / n, s = a / r, c = Math.min(o, s, 1);
+			m.value = Math.round(n * c), g.value = Math.round(r * c);
+		}, k = () => {
+			O();
+		}, A = (e) => {
+			O();
+		}, j = (e) => {
+			let t = e.x / 100 * m.value, n = e.y / 100 * g.value, r = t + (e.labelX || 0), i = n + (e.labelY || 0), a = [
+				"dashed",
+				"dotted",
+				"dashdot"
+			].includes(c.lineStyle) ? "straight" : c.lineStyle;
+			if (a === "straight" || a === "dashed" || a === "dotted" || a === "dashdot") return `M${t},${n} L${r},${i}`;
+			if (a === "polyline") return `M${t},${n} L${e.x < 50 ? t + 20 : t - 20},${n} L${r},${i}`;
+			if (a === "right-angle") return `M${t},${n} L${t},${i} L${r},${i}`;
+			if (a === "curve") return `M${t},${n} C${e.x < 50 ? t + 30 : t - 30},${n} ${r},${i} ${r},${i}`;
+			if (a === "wave") {
+				let e = r - t, a = i - n, o = Math.sqrt(e * e + a * a), s = Math.max(2, Math.floor(o / 20)), c = `M${t},${n}`;
+				for (let r = 1; r <= s; r++) {
+					let i = r / s, o = t + e * i, l = n + a * i + Math.sin(i * Math.PI * s / 2) * 8;
+					c += ` L${o},${l}`;
+				}
+				return c;
+			}
+			return `M${t},${n} L${r},${i}`;
+		}, M = (e) => {
+			let t = e.x / 100 * m.value, n = e.y / 100 * g.value, r = {
+				left: `${t + (e.labelX || 0)}px`,
+				top: `${n + (e.labelY || 0)}px`
+			};
+			if (e.labelBgColor) {
+				let t = (e.labelBgOpacity ?? 100) / 100, n = e.labelBgColor;
+				r.background = `rgba(${parseInt(n.slice(1, 3), 16)}, ${parseInt(n.slice(3, 5), 16)}, ${parseInt(n.slice(5, 7), 16)}, ${t})`;
+			}
+			return r;
+		}, N = (e) => ({ background: e.numberColor || e.color || "#e74c3c" }), P = (e) => {
+			let t = {
+				fontFamily: e.fontFamily || "inherit",
+				fontSize: e.fontSize ? e.fontSize + "px" : "inherit"
+			};
+			return e.textColor && (t.color = e.textColor), e.fontWeight === "bold" ? t.fontWeight = "bold" : e.fontWeight === "bolder" && (t.fontWeight = "bolder"), e.fontStyle === "italic" && (t.fontStyle = "italic"), e.fontStyle === "oblique" && (t.fontStyle = "oblique"), e.textDecoration === "underline" ? t.textDecoration = "underline" : e.textDecoration === "line-through" ? t.textDecoration = "line-through" : e.textDecoration === "underline line-through" && (t.textDecoration = "underline line-through"), t;
+		}, F = (e) => ({
+			left: e.x + "%",
+			top: e.y + "%"
+		}), I = (e) => {
+			let t = {
+				left: e.x + "%",
+				top: e.y + "%",
+				background: e.color || "#e74c3c"
+			};
+			return e.pointStyle === "square" ? t.borderRadius = "2px" : e.pointStyle === "diamond" ? (t.borderRadius = "2px", t.transform = "translate(-50%, -50%) rotate(45deg)") : e.pointStyle === "arrow" && (t.background = "transparent", t.border = "none", t.width = "0", t.height = "0", t.boxShadow = "none"), t;
+		}, L = null, R = null, z = (e, t) => {
+			l("select", e), R = "label", C.value = e.id, b.value = !0, L = {
+				ann: e,
+				startX: t.clientX,
+				startY: t.clientY,
+				origLabelX: e.labelX || 0,
+				origLabelY: e.labelY || 0
+			}, document.addEventListener("mousemove", V), document.addEventListener("mouseup", H);
+		}, B = (e, t) => {
+			l("select", e), R = "dot", C.value = e.id, b.value = !0, L = {
+				ann: e,
+				startX: t.clientX,
+				startY: t.clientY,
+				origX: e.x,
+				origY: e.y
+			}, document.addEventListener("mousemove", V), document.addEventListener("mouseup", H);
+		}, V = (e) => {
+			if (!L) return;
+			let t = e.clientX - L.startX, n = e.clientY - L.startY;
+			if (R === "label") L.ann.labelX = L.origLabelX + t, L.ann.labelY = L.origLabelY + n;
+			else if (R === "dot") {
+				let e = u.value;
+				if (!e) return;
+				let r = e.querySelector(".image-wrapper").getBoundingClientRect(), i = Math.max(0, Math.min(100, L.origX + t / r.width * 100)), a = Math.max(0, Math.min(100, L.origY + n / r.height * 100));
+				L.ann.x = Math.round(i * 10) / 10, L.ann.y = Math.round(a * 10) / 10;
+			}
+		}, H = () => {
+			b.value = !1, C.value = null, L = null, R = null, l("change"), document.removeEventListener("mousemove", V), document.removeEventListener("mouseup", H);
+		};
+		return r({ recalculateSize: k }), (t, r) => {
+			let o = y("el-icon");
+			return h(), i("div", {
+				class: d(["annotation-canvas", { "is-dragging": b.value }]),
+				ref_key: "containerRef",
+				ref: u
+			}, [n.imageUrl ? (h(), i("div", {
+				key: 0,
+				class: "image-wrapper",
+				style: f({
+					width: m.value + "px",
+					height: g.value + "px"
+				})
+			}, [a("img", {
+				src: n.imageUrl,
+				onLoad: A,
+				ref_key: "imgRef",
+				ref: p,
+				class: "annotation-image",
+				draggable: "false"
+			}, null, 40, ot), (h(!0), i(e, null, v(T.value, (e) => (h(), i("div", {
+				key: e.id,
+				class: d(["annotation-group", {
+					selected: n.selectedId === e.id,
+					"is-active": n.selectedId === e.id
+				}]),
+				onMousedown: E((n) => t.$emit("select", e), ["stop"])
+			}, [
+				(h(), i("svg", ct, [a("defs", null, [a("marker", {
+					id: "arrow-start-" + e.id,
+					markerWidth: "10",
+					markerHeight: "7",
+					refX: "1",
+					refY: "3.5",
+					orient: "auto",
+					fill: e.lineColor || (n.selectedId === e.id ? "#409EFF" : e.color || "#e74c3c")
+				}, [...r[2] ||= [a("polygon", { points: "10 0, 0 3.5, 10 7" }, null, -1)]], 8, lt)]), a("path", {
+					d: j(e),
+					fill: "none",
+					stroke: e.lineColor || (n.selectedId === e.id ? "#409EFF" : e.color || "#e74c3c"),
+					"stroke-width": e.strokeWidth || 1.5,
+					"stroke-dasharray": D.value,
+					"marker-start": e.pointStyle === "arrow" ? `url(#arrow-start-${e.id})` : ""
+				}, null, 8, ut)])),
+				a("div", {
+					class: d(["annotation-label", { dragging: b.value && C.value === e.id }]),
+					style: f(M(e)),
+					onMousedown: E((t) => z(e, t), ["stop"])
+				}, [a("span", {
+					class: "annotation-number",
+					style: f(N(e))
+				}, x(e.number), 5), a("span", {
+					class: "annotation-text",
+					style: f(P(e)),
+					contenteditable: "",
+					onBlur: (t) => {
+						e.text = t.target.textContent, l("change");
+					},
+					onMousedown: r[0] ||= E(() => {}, ["stop"])
+				}, x(e.text), 45, ft)], 46, dt),
+				e.pointStyle === "flag" ? (h(), i("div", {
+					key: 0,
+					class: "annotation-flag",
+					style: f(F(e)),
+					onMousedown: E((t) => B(e, t), ["stop"])
+				}, [a("div", {
+					class: "flag-pole",
+					style: f({ background: e.color || "#e74c3c" })
+				}, null, 4), a("div", {
+					class: "flag-cloth",
+					style: f({ background: e.color || "#e74c3c" })
+				}, null, 4)], 44, pt)) : e.pointStyle === "arrow" ? (h(), i("div", {
+					key: 2,
+					class: d(["annotation-dot arrow-point", { dragging: b.value && C.value === e.id }]),
+					style: f(I(e)),
+					onMousedown: E((t) => B(e, t), ["stop"])
+				}, null, 46, ht)) : (h(), i("div", {
+					key: 1,
+					class: d(["annotation-dot", [e.pointStyle || "circle", { dragging: b.value && C.value === e.id }]]),
+					style: f(I(e)),
+					onMousedown: E((t) => B(e, t), ["stop"])
+				}, null, 46, mt))
+			], 42, st))), 128))], 4)) : (h(), i("div", {
+				key: 1,
+				class: "upload-placeholder",
+				onClick: r[1] ||= (e) => t.$emit("upload-image")
+			}, [s(o, { size: "48" }, {
+				default: w(() => [s(S(oe))]),
+				_: 1
+			}), r[3] ||= a("p", null, "点击上传图片", -1)]))], 2);
+		};
+	}
+}, [["__scopeId", "data-v-d9ef76f4"]]);
+//#endregion
+//#region ../../src/composables/useExplosionCollaboration.js
+function _t(e, { roomPrefix: t, syncKey: n = "_data" } = {}) {
+	let r = new X.Doc(), i = _(!1), a = _(!1), o = _(!1), s = _(!1), c = _([]), l = null, u = null, d = null, f = null, p = !1, h = null, g = `ws://${window.location.hostname || "localhost"}:1234`, v = `${t}-${e}`, y = () => {
+		b(), h = 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 = () => {
+		h &&= (clearInterval(h), null);
+	};
+	l = new se({
+		url: g,
+		name: v,
+		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 m(() => 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/useExplosionImageCollaboration.js
+var vt = (e, { onRemoteChange: t } = {}) => {
+	let n = _t(e, {
+		roomPrefix: "explosion-image",
+		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-Image] remote data parse error:", e);
+			}
+		}
+	});
+	let r = (e) => {
+		n.pushToYjs({
+			title: e.title,
+			imageUrl: e.imageUrl,
+			annotations: e.annotations,
+			groups: e.groups
+		});
+	}, i = () => n.pullFromYjs();
+	return {
+		...n,
+		pushToYjs: r,
+		pullFromYjs: i
+	};
+}, yt = { class: "explosion-image-editor" }, bt = { class: "editor-body" }, xt = { class: "canvas-area" }, St = { class: "props-panel" }, Ct = { class: "prop-row" }, wt = { class: "prop-row" }, Tt = { class: "prop-row" }, Et = { class: "prop-row" }, Dt = { class: "prop-row" }, Ot = { class: "prop-row" }, kt = { class: "prop-row" }, At = { class: "prop-row" }, jt = { class: "prop-row" }, Mt = { class: "prop-row" }, Nt = { class: "prop-row" }, Pt = { class: "prop-row" }, Ft = { class: "font-style-btns" }, It = { class: "prop-row" }, Lt = { class: "font-style-btns" }, Rt = { class: "prop-row" }, zt = { class: "prop-row" }, Bt = { class: "prop-row" }, Vt = { class: "prop-row" }, Ht = {
+	key: 0,
+	class: "prop-row filter-info"
+}, Ut = {
+	key: 1,
+	class: "no-selection"
+}, Wt = { class: "color-dialog-body" }, Gt = "explosion-image", Kt = /*#__PURE__*/ Z({
+	__name: "ExplosionImageEditor",
+	setup(c) {
+		let l = O(), u = k(), d = _(null), f = _(null), b = _(!1), T = _(!1), { saveVersion: E } = Ne(), D = Ae(), M = g({
+			title: "图片标注",
+			imageUrl: "",
+			annotations: [],
+			groups: []
+		}), N = _(!1), P = _(!1), F = _(!1), I = null, R = _("straight"), z = _(null), B = _(null), H = _(null), ee = 0, U = _(null), W = _([]), G = t(() => U.value ? M.annotations.filter((e) => e.groupId === U.value) : M.annotations), K = () => f.value?.click(), te = async (e) => {
+			let t = e.target.files?.[0];
+			if (!t) return;
+			let n = new FormData();
+			n.append("file", t);
+			try {
+				let e = await Y.post("/api/files/upload/image", n);
+				M.imageUrl = e.data.url || e.data.file_path, $();
+			} catch {
+				A.error("上传失败");
+			}
+		}, ne = () => {
+			if (!M.imageUrl) {
+				A.warning("请先上传图片");
+				return;
+			}
+			let e = M.annotations.reduce((e, t) => Math.max(e, t.number), 0);
+			M.annotations.push({
+				id: `ann-${++ee}-${Date.now()}`,
+				number: e + 1,
+				text: "",
+				x: 50,
+				y: 50,
+				labelX: 80,
+				labelY: -30,
+				color: "#e74c3c",
+				numberColor: "",
+				textColor: "",
+				labelBgColor: "",
+				labelBgOpacity: 100,
+				lineColor: "",
+				strokeWidth: 1.5,
+				pointStyle: "circle",
+				fontFamily: "",
+				fontSize: 13,
+				fontWeight: "",
+				fontStyle: "",
+				textDecoration: "",
+				groupId: ""
+			}), $();
+		}, re = (e) => {
+			z.value = e.id, B.value = e;
+		}, q = (e, t) => {
+			B.value && (B.value[e] === t ? B.value[e] = "" : B.value[e] = t);
+		}, ie = () => {
+			B.value && (B.value.fontFamily = "", B.value.fontSize = 13, B.value.fontWeight = "", B.value.fontStyle = "", B.value.textDecoration = "");
+		}, J = () => {
+			M.annotations = M.annotations.filter((e) => e.id !== z.value), z.value = null, B.value = null, $();
+		}, ae = (e) => {
+			e === "new" && j.prompt("分组名称", "新建分组", { inputPlaceholder: "名称" }).then(({ value: e }) => {
+				e && (M.groups.push({
+					id: `grp-${Date.now()}`,
+					name: e
+				}), $());
+			}).catch(() => {});
+		}, oe = (e, t) => {
+			e === "filter" ? U.value = U.value === t ? null : t : e === "collapse" ? le(t) : e === "color" ? (se.value = t, X.value = !0) : e === "delete" && j.confirm("确定删除该分组？分组内的标注将保留，但分组关系将被移除。", "删除分组", { type: "warning" }).then(() => {
+				M.annotations.forEach((e) => {
+					e.groupId === t && (e.groupId = "");
+				}), M.groups = M.groups.filter((e) => e.id !== t), U.value === t && (U.value = null), A.success("分组已删除"), $();
+			}).catch(() => {});
+		}, X = _(!1), se = _(null), Z = _("#e74c3c"), ce = () => {
+			M.annotations.forEach((e) => {
+				e.groupId === se.value && (e.color = Z.value, e.numberColor = Z.value, e.lineColor = Z.value, e.textColor = Z.value);
+			}), X.value = !1, A.success("颜色已更新"), $();
+		}, le = (e) => {
+			let t = W.value.indexOf(e);
+			t === -1 ? W.value.push(e) : W.value.splice(t, 1);
+		}, ue = () => {
+			U.value = null, W.value = [];
+		}, Q = async () => {
+			if (N.value && I?.collaborationClosed.value && !F.value) {
+				A.warning("协作已关闭，无法保存");
+				return;
+			}
+			try {
+				let e = {
+					title: M.title,
+					view_type: "image",
+					config: JSON.stringify({
+						imageUrl: M.imageUrl,
+						annotations: M.annotations,
+						groups: M.groups,
+						lineStyle: R.value
+					})
+				};
+				d.value ? await Y.put(`/api/explosion-views/${d.value}`, e) : d.value = (await Y.post("/api/explosion-views/", e)).data.id, A.success("保存成功"), E({
+					documentId: d.value,
+					docType: "image",
+					content: JSON.stringify({
+						imageUrl: M.imageUrl,
+						annotations: M.annotations,
+						groups: M.groups,
+						lineStyle: R.value
+					}),
+					userId: String(D.currentUser.value?.id || ""),
+					userName: D.currentUser.value?.name || "未知"
+				});
+			} catch {
+				A.error("保存失败");
+			}
+		}, de = async () => {
+			if (l.params.id) try {
+				let e = (await Y.get(`/api/explosion-views/${l.params.id}`)).data;
+				if (d.value = e.id, M.title = e.title, e.config) {
+					let t = JSON.parse(e.config);
+					M.imageUrl = t.imageUrl || "", M.annotations = t.annotations || [], M.groups = t.groups || [], R.value = t.lineStyle || "straight";
+				}
+			} catch (e) {
+				console.error(e);
+			}
+		}, fe = () => u.push("/"), pe = [
+			"我可以帮您优化图片标注、检查注释内容，或者提供标注建议。请问有什么需要帮助的？",
+			"这张图片的标注很详细。建议检查标注线条是否清晰，避免与其他标注重叠。",
+			"根据当前的标注内容，我建议为关键部件添加更详细的文字说明。",
+			"我可以帮您检查标注中是否有遗漏的区域或重复的编号。需要我逐个分析吗？",
+			"建议使用不同颜色的标注来区分不同类别的部件，提高可读性。",
+			"图片标注的分组功能可以帮助您管理复杂的标注。建议按功能模块进行分组。",
+			"我可以帮您将标注信息整理成表格，方便后续查阅和修改。",
+			"标注的连线样式建议统一，直线适合简单标注，折线适合复杂场景。"
+		], me = async (e, t = {}) => {
+			let n = d.value ? `${Gt}-${d.value}` : null;
+			await D.sendMessage(e, {
+				...t,
+				roomId: n
+			});
+			let r = t.mentionedUser, i = r && r.toLowerCase().includes("ai"), a = D.collabUsers.value.filter((e) => e.name !== D.currentUser.value.name);
+			(!r || i || a.length === 0) && (D.loading.value = !0, setTimeout(() => {
+				D.sendAiMessage(pe[Math.floor(Math.random() * pe.length)], n), D.loading.value = !1;
+			}, 800 + Math.random() * 1200));
+		}, he = () => {
+			let e = d.value ? `${Gt}-${d.value}` : null;
+			D.clearMessages(e);
+		}, ge = () => {
+			if (!d.value) {
+				A.warning("请先保存文档");
+				return;
+			}
+			T.value = !0;
+		}, _e = (e) => {
+			try {
+				let t = typeof e == "string" ? JSON.parse(e) : e;
+				t.imageUrl && (M.imageUrl = t.imageUrl), t.annotations && (M.annotations = t.annotations), t.groups && (M.groups = t.groups), t.lineStyle && (R.value = t.lineStyle), z.value = null, B.value = null;
+			} catch (e) {
+				console.error("Version apply error:", e);
+			}
+		}, ve = (e) => {
+			if (e === "png" || e === "png-filtered") {
+				let t = document.querySelector(".annotation-image");
+				if (!t) return A.error("未找到图片");
+				let n = document.createElement("canvas");
+				n.width = t.naturalWidth, n.height = t.naturalHeight;
+				let r = n.getContext("2d");
+				r.drawImage(t, 0, 0);
+				let i = n.width / t.clientWidth, a = n.height / t.clientHeight, o = Math.max(i, a), s = e === "png-filtered" ? G.value : M.annotations, c = [
+					"dashed",
+					"dotted",
+					"dashdot"
+				].includes(R.value) ? "straight" : R.value, l = s.map((e) => {
+					let t = e.x / 100 * n.width, r = e.y / 100 * n.height;
+					return {
+						ann: e,
+						x: t,
+						y: r,
+						lx: t + (e.labelX || 0) * i,
+						ly: r + (e.labelY || 0) * a
+					};
+				});
+				l.forEach(({ ann: e, x: t, y: n, lx: s, ly: l }) => {
+					let u = e.color || "#e74c3c", d = e.lineColor || u, f = (e.strokeWidth || 1.5) * o;
+					if (r.strokeStyle = d, r.lineWidth = f, r.setLineDash([]), c === "dashed" ? r.setLineDash([8 * i, 4 * a]) : c === "dotted" ? r.setLineDash([3 * i, 3 * a]) : c === "dashdot" && r.setLineDash([
+						8 * i,
+						3 * a,
+						2 * i,
+						3 * a
+					]), r.beginPath(), c === "polyline") {
+						let a = e.x < 50 ? t + 20 * i : t - 20 * i;
+						r.moveTo(t, n), r.lineTo(a, n), r.lineTo(s, l);
+					} else if (c === "right-angle") r.moveTo(t, n), r.lineTo(t, l), r.lineTo(s, l);
+					else if (c === "curve") {
+						let a = e.x < 50 ? t + 30 * i : t - 30 * i;
+						r.moveTo(t, n), r.bezierCurveTo(a, n, s, l, s, l);
+					} else if (c === "wave") {
+						let e = s - t, o = l - n, c = Math.sqrt(e * e + o * o), u = Math.max(2, Math.floor(c / (20 * i)));
+						r.moveTo(t, n);
+						for (let i = 1; i <= u; i++) {
+							let s = i / u;
+							r.lineTo(t + e * s, n + o * s + Math.sin(s * Math.PI * u / 2) * 8 * a);
+						}
+					} else r.moveTo(t, n), r.lineTo(s, l);
+					r.stroke(), r.setLineDash([]);
+					let p = 10 * o, m = e.pointStyle || "circle";
+					if (m === "square") r.fillStyle = u, r.fillRect(t - p, n - p, p * 2, p * 2);
+					else if (m === "diamond") r.fillStyle = u, r.beginPath(), r.moveTo(t, n - p * 1.2), r.lineTo(t + p * 1.2, n), r.lineTo(t, n + p * 1.2), r.lineTo(t - p * 1.2, n), r.closePath(), r.fill();
+					else if (m === "arrow") {
+						r.fillStyle = d, r.beginPath();
+						let e = Math.atan2(l - n, s - t), i = p * 1.5;
+						r.moveTo(t + Math.cos(e) * i, n + Math.sin(e) * i), r.lineTo(t + Math.cos(e + 2.5) * i * .6, n + Math.sin(e + 2.5) * i * .6), r.lineTo(t + Math.cos(e - 2.5) * i * .6, n + Math.sin(e - 2.5) * i * .6), r.closePath(), r.fill();
+					} else m === "flag" ? (r.strokeStyle = u, r.lineWidth = 2 * o, r.beginPath(), r.moveTo(t, n), r.lineTo(t, n - 20 * a), r.stroke(), r.fillStyle = u, r.beginPath(), r.moveTo(t, n - 20 * a), r.lineTo(t + 14 * i, n - 15 * a), r.lineTo(t, n - 10 * a), r.closePath(), r.fill()) : (r.fillStyle = u, r.beginPath(), r.arc(t, n, p, 0, Math.PI * 2), r.fill());
+				}), 10 * o, l.forEach(({ ann: e, lx: t, ly: n }) => {
+					let i = e.color || "#e74c3c", a = e.numberColor || i, s = 11 * o;
+					if (r.fillStyle = a, r.beginPath(), r.arc(t, n, s, 0, Math.PI * 2), r.fill(), r.fillStyle = "#fff", r.font = `bold ${s}px sans-serif`, r.textAlign = "center", r.textBaseline = "middle", r.fillText(String(e.number), t, n), e.text) {
+						let i = (e.fontSize || 13) * o, a = e.fontWeight === "bold" || e.fontWeight === "bolder" ? "bold " : "";
+						r.font = `${e.fontStyle === "italic" || e.fontStyle === "oblique" ? "italic " : ""}${a}${i}px ${e.fontFamily || "sans-serif"}`;
+						let c = r.measureText(e.text).width, l = 4 * o, u = t + s + l, d = u - l, f = n - i / 2 - l, p = c + l * 2, m = i + l * 2;
+						if (e.labelBgColor) {
+							let t = (e.labelBgOpacity ?? 100) / 100, n = e.labelBgColor;
+							r.fillStyle = `rgba(${parseInt(n.slice(1, 3), 16)}, ${parseInt(n.slice(3, 5), 16)}, ${parseInt(n.slice(5, 7), 16)}, ${t})`;
+						} else r.fillStyle = "rgba(255,255,255,0.9)";
+						r.beginPath(), r.roundRect(d, f, p, m, 3 * o), r.fill(), r.fillStyle = e.textColor || "#333", r.textAlign = "left", r.textBaseline = "middle", r.fillText(e.text, u, n);
+					}
+				}), n.toBlob((e) => {
+					let t = document.createElement("a");
+					t.href = URL.createObjectURL(e), t.download = `${M.title || "图片标注"}.png`, t.click();
+				});
+			} else e === "json" ? ye() : A.info(`导出 ${e} 开发中`);
+		}, ye = () => {
+			let e = {
+				title: M.title,
+				imageUrl: M.imageUrl,
+				annotations: M.annotations,
+				groups: M.groups,
+				lineStyle: R.value,
+				exportTime: (/* @__PURE__ */ new Date()).toISOString()
+			}, t = new Blob([JSON.stringify(e, null, 2)], { type: "application/json" }), n = document.createElement("a");
+			n.href = URL.createObjectURL(t), n.download = `${M.title || "爆炸图"}.json`, n.click(), A.success("JSON已导出");
+		}, be = (e) => {
+			let t = e.target.files[0];
+			if (!t) return;
+			let n = new FileReader();
+			n.onload = (e) => {
+				try {
+					let t = JSON.parse(e.target.result);
+					if (!t.imageUrl && (!t.annotations || !t.annotations.length)) {
+						A.error("JSON格式无效：缺少图片或标注数据");
+						return;
+					}
+					M.title = t.title || "图片标注", M.imageUrl = t.imageUrl || "", M.annotations = t.annotations || [], M.groups = t.groups || [], R.value = t.lineStyle || "straight", z.value = null, B.value = null, $(), A.success("导入成功");
+				} catch {
+					A.error("JSON解析失败，请检查文件格式");
+				}
+			}, n.readAsText(t), e.target.value = "";
+		}, $ = () => {
+			N.value && I && I.pushToYjs(M);
+		};
+		C(B, () => {
+			$();
+		}, { deep: !0 });
+		let xe = (e) => {
+			I &&= (I.destroy(), null), I = vt(e, { onRemoteChange: (e) => {
+				e.title && (M.title = e.title), e.imageUrl && (M.imageUrl = e.imageUrl), e.annotations && (M.annotations = e.annotations), e.groups && (M.groups = e.groups);
+			} }), I._setSyncReady(!1);
+		}, Se = async () => {
+			if (N.value) return;
+			if (!d.value && (await Q(), !d.value)) {
+				A.error("请先保存文档");
+				return;
+			}
+			xe(String(d.value)), I.connect();
+			let e = {
+				name: `用户${Math.floor(Math.random() * 1e3)}`,
+				color: `#${Math.floor(Math.random() * 16777215).toString(16).padStart(6, "0")}`
+			}, t = () => {
+				if (I.provider && I.provider.synced) {
+					I._setSyncReady(!0), I.setLocalUser(e);
+					let t = I.pullFromYjs();
+					t ? (t.title && (M.title = t.title), t.imageUrl && (M.imageUrl = t.imageUrl), t.annotations && (M.annotations = t.annotations), t.groups && (M.groups = t.groups)) : (M.annotations.length > 0 || M.imageUrl) && I.pushToYjs(M), N.value = !0, F.value = !0, P.value = !1, D.setCollabContext({
+						ydoc: I.ydoc,
+						provider: I.provider,
+						onlineUsers: I.onlineUsers
+					}), D.setCurrentUser({
+						id: I.provider.awareness.clientID,
+						name: e.name,
+						color: e.color
+					}), A.success("协作已开启");
+				} else setTimeout(t, 100);
+			};
+			setTimeout(t, 200);
+		}, Ce = () => {
+			I && (I.closeCollaboration(), N.value = !1, F.value = !1, A.info("协作已关闭"));
+		}, we = () => {
+			let e = l.params.id;
+			if (!e) return;
+			xe(e), I.connect();
+			let t = {
+				name: `协作人${Math.floor(Math.random() * 1e3)}`,
+				color: `#${Math.floor(Math.random() * 16777215).toString(16).padStart(6, "0")}`
+			}, n = () => {
+				if (I.provider && I.provider.synced) {
+					if (I.checkCollaborationClosed()) {
+						I.disconnect(), N.value = !1, A.warning("该协作已关闭，无法加入");
+						return;
+					}
+					I._setSyncReady(!0), I.setLocalUser(t);
+					let e = I.pullFromYjs();
+					e && (e.title && (M.title = e.title), e.imageUrl && (M.imageUrl = e.imageUrl), e.annotations && (M.annotations = e.annotations), e.groups && (M.groups = e.groups)), N.value = !0, F.value = !1, D.setCollabContext({
+						ydoc: I.ydoc,
+						provider: I.provider,
+						onlineUsers: I.onlineUsers
+					}), D.setCurrentUser({
+						id: I.provider.awareness.clientID,
+						name: t.name,
+						color: t.color
+					}), A.success("已加入协作");
+				} else setTimeout(n, 100);
+			};
+			setTimeout(n, 200);
+		}, Te = () => {
+			N.value ? Ce() : Se();
+		}, Ee = async () => {
+			if (N.value || await Se(), !d.value && (await Q(), !d.value)) {
+				A.warning("请先保存文档后再分享");
+				return;
+			}
+			let e = `${window.location.origin}/explosion-image/${d.value}?collab=1`;
+			try {
+				await navigator.clipboard.writeText(e), A.success("协作链接已复制到剪贴板");
+			} catch {
+				A.info("协作链接: " + e);
+			}
+		};
+		p(async () => {
+			let e = localStorage.getItem("editor-user-name") || `用户${Math.floor(Math.random() * 1e3)}`;
+			localStorage.setItem("editor-user-name", e), D.setCurrentUser({
+				id: Date.now(),
+				name: e,
+				color: "#409eff"
+			}), await de(), l.params.id && l.query.collab === "1" && we();
+		});
+		let De = (e) => {
+			e.key === "Delete" && z.value && J();
+		};
+		return p(() => document.addEventListener("keydown", De)), m(() => {
+			document.removeEventListener("keydown", De), I &&= (I.destroy(), null);
+		}), (t, c) => {
+			let u = y("el-input-number"), p = y("el-input"), m = y("el-color-picker"), g = y("el-option"), _ = y("el-select"), C = y("el-slider"), E = y("el-button"), O = y("el-icon"), k = y("el-tag"), A = y("el-dialog"), j = y("Monitor");
+			return h(), i("div", yt, [
+				s(at, {
+					title: M.title,
+					"onUpdate:title": c[0] ||= (e) => M.title = e,
+					"line-style": R.value,
+					groups: M.groups,
+					"active-group-id": U.value,
+					"collapsed-groups": W.value,
+					"is-connected": N.value,
+					"online-users": S(I) ? S(I).onlineUsers.value : [],
+					"is-join-mode": S(l).query.collab === "1",
+					onBack: fe,
+					onAddAnnotation: ne,
+					onSetLineStyle: c[1] ||= (e) => R.value = e,
+					onAddGroup: ae,
+					onGroupAction: oe,
+					onClearGroupFilter: ue,
+					onExport: ve,
+					onImportJson: be,
+					onSave: Q,
+					onToggleCollab: Te,
+					onShareCollab: Ee,
+					"show-history": !!d.value,
+					onHistory: ge
+				}, null, 8, [
+					"title",
+					"line-style",
+					"groups",
+					"active-group-id",
+					"collapsed-groups",
+					"is-connected",
+					"online-users",
+					"is-join-mode",
+					"show-history"
+				]),
+				a("div", bt, [a("div", xt, [s(gt, {
+					ref_key: "annotationCanvasRef",
+					ref: H,
+					"image-url": M.imageUrl,
+					annotations: G.value,
+					"collapsed-groups": W.value,
+					"selected-id": z.value,
+					"line-style": R.value,
+					onSelect: re,
+					onUploadImage: K,
+					onChange: $
+				}, null, 8, [
+					"image-url",
+					"annotations",
+					"collapsed-groups",
+					"selected-id",
+					"line-style"
+				]), a("input", {
+					ref_key: "fileInputRef",
+					ref: f,
+					type: "file",
+					accept: "image/*",
+					style: { display: "none" },
+					onChange: te
+				}, null, 544)]), a("div", St, [c[58] ||= a("h4", null, "标注属性", -1), B.value ? (h(), i(e, { key: 0 }, [
+					a("div", Ct, [c[31] ||= a("label", null, "编号", -1), s(u, {
+						modelValue: B.value.number,
+						"onUpdate:modelValue": c[2] ||= (e) => B.value.number = e,
+						min: 1,
+						size: "small"
+					}, null, 8, ["modelValue"])]),
+					a("div", wt, [c[32] ||= a("label", null, "文字", -1), s(p, {
+						modelValue: B.value.text,
+						"onUpdate:modelValue": c[3] ||= (e) => B.value.text = e,
+						size: "small"
+					}, null, 8, ["modelValue"])]),
+					a("div", Tt, [c[33] ||= a("label", null, "引线颜色", -1), s(m, {
+						modelValue: B.value.lineColor,
+						"onUpdate:modelValue": c[4] ||= (e) => B.value.lineColor = e,
+						size: "small",
+						"show-alpha": ""
+					}, null, 8, ["modelValue"])]),
+					a("div", Et, [c[34] ||= a("label", null, "标注点样式", -1), s(_, {
+						modelValue: B.value.pointStyle,
+						"onUpdate:modelValue": c[5] ||= (e) => B.value.pointStyle = e,
+						size: "small"
+					}, {
+						default: w(() => [
+							s(g, {
+								label: "圆形",
+								value: "circle"
+							}),
+							s(g, {
+								label: "方形",
+								value: "square"
+							}),
+							s(g, {
+								label: "菱形",
+								value: "diamond"
+							}),
+							s(g, {
+								label: "箭头",
+								value: "arrow"
+							}),
+							s(g, {
+								label: "红旗",
+								value: "flag"
+							})
+						]),
+						_: 1
+					}, 8, ["modelValue"])]),
+					a("div", Dt, [c[35] ||= a("label", null, "标注点颜色", -1), s(m, {
+						modelValue: B.value.color,
+						"onUpdate:modelValue": c[6] ||= (e) => B.value.color = e,
+						size: "small"
+					}, null, 8, ["modelValue"])]),
+					a("div", Ot, [c[36] ||= a("label", null, "编号颜色", -1), s(m, {
+						modelValue: B.value.numberColor,
+						"onUpdate:modelValue": c[7] ||= (e) => B.value.numberColor = e,
+						size: "small"
+					}, null, 8, ["modelValue"])]),
+					a("div", kt, [c[37] ||= a("label", null, "文字颜色", -1), s(m, {
+						modelValue: B.value.textColor,
+						"onUpdate:modelValue": c[8] ||= (e) => B.value.textColor = e,
+						size: "small"
+					}, null, 8, ["modelValue"])]),
+					a("div", At, [c[38] ||= a("label", null, "文字背景色", -1), s(m, {
+						modelValue: B.value.labelBgColor,
+						"onUpdate:modelValue": c[9] ||= (e) => B.value.labelBgColor = e,
+						size: "small",
+						"show-alpha": ""
+					}, null, 8, ["modelValue"])]),
+					a("div", jt, [c[39] ||= a("label", null, "背景透明度", -1), s(C, {
+						modelValue: B.value.labelBgOpacity,
+						"onUpdate:modelValue": c[10] ||= (e) => B.value.labelBgOpacity = e,
+						min: 0,
+						max: 100,
+						step: 5,
+						"show-input": "",
+						"input-size": "small"
+					}, null, 8, ["modelValue"])]),
+					a("div", Mt, [c[40] ||= a("label", null, "字体", -1), s(_, {
+						modelValue: B.value.fontFamily,
+						"onUpdate:modelValue": c[11] ||= (e) => B.value.fontFamily = e,
+						size: "small",
+						clearable: ""
+					}, {
+						default: w(() => [
+							s(g, {
+								label: "默认",
+								value: ""
+							}),
+							s(g, {
+								label: "宋体",
+								value: "SimSun"
+							}),
+							s(g, {
+								label: "黑体",
+								value: "SimHei"
+							}),
+							s(g, {
+								label: "微软雅黑",
+								value: "Microsoft YaHei"
+							}),
+							s(g, {
+								label: "楷体",
+								value: "KaiTi"
+							}),
+							s(g, {
+								label: "Arial",
+								value: "Arial"
+							}),
+							s(g, {
+								label: "Times New Roman",
+								value: "Times New Roman"
+							})
+						]),
+						_: 1
+					}, 8, ["modelValue"])]),
+					a("div", Nt, [c[41] ||= a("label", null, "字号", -1), s(u, {
+						modelValue: B.value.fontSize,
+						"onUpdate:modelValue": c[12] ||= (e) => B.value.fontSize = e,
+						min: 10,
+						max: 32,
+						size: "small"
+					}, null, 8, ["modelValue"])]),
+					a("div", Pt, [c[46] ||= a("label", null, "字体样式", -1), a("div", Ft, [
+						s(E, {
+							type: B.value.fontWeight === "bold" ? "primary" : "",
+							size: "small",
+							onClick: c[13] ||= (e) => q("fontWeight", "bold")
+						}, {
+							default: w(() => [...c[42] ||= [a("b", null, "B", -1)]]),
+							_: 1
+						}, 8, ["type"]),
+						s(E, {
+							type: B.value.fontWeight === "bolder" ? "primary" : "",
+							size: "small",
+							onClick: c[14] ||= (e) => q("fontWeight", "bolder")
+						}, {
+							default: w(() => [...c[43] ||= [a("b", { style: { "font-size": "14px" } }, "B", -1)]]),
+							_: 1
+						}, 8, ["type"]),
+						s(E, {
+							type: B.value.fontStyle === "italic" ? "primary" : "",
+							size: "small",
+							onClick: c[15] ||= (e) => q("fontStyle", "italic")
+						}, {
+							default: w(() => [...c[44] ||= [a("i", null, "I", -1)]]),
+							_: 1
+						}, 8, ["type"]),
+						s(E, {
+							type: B.value.fontStyle === "oblique" ? "primary" : "",
+							size: "small",
+							onClick: c[16] ||= (e) => q("fontStyle", "oblique")
+						}, {
+							default: w(() => [...c[45] ||= [a("i", { style: { "font-style": "oblique" } }, "I", -1)]]),
+							_: 1
+						}, 8, ["type"])
+					])]),
+					a("div", It, [c[51] ||= a("label", null, "装饰", -1), a("div", Lt, [
+						s(E, {
+							type: B.value.textDecoration === "underline" ? "primary" : "",
+							size: "small",
+							onClick: c[17] ||= (e) => q("textDecoration", "underline")
+						}, {
+							default: w(() => [...c[47] ||= [a("u", null, "U", -1)]]),
+							_: 1
+						}, 8, ["type"]),
+						s(E, {
+							type: B.value.textDecoration === "line-through" ? "primary" : "",
+							size: "small",
+							onClick: c[18] ||= (e) => q("textDecoration", "line-through")
+						}, {
+							default: w(() => [...c[48] ||= [a("s", null, "S", -1)]]),
+							_: 1
+						}, 8, ["type"]),
+						s(E, {
+							type: B.value.textDecoration === "underline line-through" ? "primary" : "",
+							size: "small",
+							onClick: c[19] ||= (e) => q("textDecoration", "underline line-through")
+						}, {
+							default: w(() => [...c[49] ||= [a("u", null, [a("s", null, "U")], -1)]]),
+							_: 1
+						}, 8, ["type"]),
+						s(E, {
+							size: "small",
+							onClick: ie
+						}, {
+							default: w(() => [...c[50] ||= [o("清除", -1)]]),
+							_: 1
+						})
+					])]),
+					a("div", Rt, [c[52] ||= a("label", null, "X% (点)", -1), s(C, {
+						modelValue: B.value.x,
+						"onUpdate:modelValue": c[20] ||= (e) => B.value.x = e,
+						min: 0,
+						max: 100,
+						step: .5,
+						"show-input": "",
+						"input-size": "small"
+					}, null, 8, ["modelValue"])]),
+					a("div", zt, [c[53] ||= a("label", null, "Y% (点)", -1), s(C, {
+						modelValue: B.value.y,
+						"onUpdate:modelValue": c[21] ||= (e) => B.value.y = e,
+						min: 0,
+						max: 100,
+						step: .5,
+						"show-input": "",
+						"input-size": "small"
+					}, null, 8, ["modelValue"])]),
+					a("div", Bt, [c[54] ||= a("label", null, "线宽", -1), s(u, {
+						modelValue: B.value.strokeWidth,
+						"onUpdate:modelValue": c[22] ||= (e) => B.value.strokeWidth = e,
+						min: 1,
+						max: 5,
+						size: "small"
+					}, null, 8, ["modelValue"])]),
+					a("div", Vt, [c[55] ||= a("label", null, "分组", -1), s(_, {
+						modelValue: B.value.groupId,
+						"onUpdate:modelValue": c[23] ||= (e) => B.value.groupId = e,
+						size: "small",
+						clearable: ""
+					}, {
+						default: w(() => [(h(!0), i(e, null, v(M.groups, (e) => (h(), n(g, {
+							key: e.id,
+							label: e.name,
+							value: e.id
+						}, null, 8, ["label", "value"]))), 128))]),
+						_: 1
+					}, 8, ["modelValue"])]),
+					U.value ? (h(), i("div", Ht, [s(k, {
+						size: "small",
+						type: "info"
+					}, {
+						default: w(() => [o(" 当前筛选: " + x(M.groups.find((e) => e.id === U.value)?.name || "未知分组") + " ", 1), s(O, {
+							class: "el-tag__close",
+							onClick: ue
+						}, {
+							default: w(() => [s(S(L))]),
+							_: 1
+						})]),
+						_: 1
+					})])) : r("", !0),
+					s(E, {
+						size: "small",
+						type: "danger",
+						onClick: J
+					}, {
+						default: w(() => [...c[56] ||= [o("删除", -1)]]),
+						_: 1
+					})
+				], 64)) : (h(), i("div", Ut, [s(O, {
+					size: "48",
+					color: "#ccc"
+				}, {
+					default: w(() => [s(S(V))]),
+					_: 1
+				}), c[57] ||= a("p", null, "点击标注进行编辑", -1)]))])]),
+				s(A, {
+					modelValue: X.value,
+					"onUpdate:modelValue": c[26] ||= (e) => X.value = e,
+					title: "批量修改颜色",
+					width: "320px",
+					"show-close": !0
+				}, {
+					footer: w(() => [s(E, { onClick: c[25] ||= (e) => X.value = !1 }, {
+						default: w(() => [...c[60] ||= [o("取消", -1)]]),
+						_: 1
+					}), s(E, {
+						type: "primary",
+						onClick: ce
+					}, {
+						default: w(() => [...c[61] ||= [o("确定", -1)]]),
+						_: 1
+					})]),
+					default: w(() => [a("div", Wt, [c[59] ||= a("span", null, "选择颜色：", -1), s(m, {
+						modelValue: Z.value,
+						"onUpdate:modelValue": c[24] ||= (e) => Z.value = e,
+						"show-alpha": ""
+					}, null, 8, ["modelValue"])])]),
+					_: 1
+				}, 8, ["modelValue"]),
+				s(E, {
+					class: "ai-chat-fab",
+					type: b.value ? "primary" : "default",
+					circle: "",
+					size: "large",
+					onClick: c[27] ||= (e) => b.value = !b.value,
+					title: "AI助手"
+				}, {
+					default: w(() => [s(O, null, {
+						default: w(() => [s(j)]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["type"]),
+				s(ke, {
+					visible: b.value,
+					messages: S(D).messages.value,
+					loading: S(D).loading.value,
+					"is-collab": S(D).isCollabMode.value,
+					"collab-users": S(D).collabUsers.value,
+					"current-user": S(D).currentUser.value,
+					"is-owner": F.value,
+					onSend: me,
+					onClose: c[28] ||= (e) => b.value = !1,
+					"unread-mention": S(D).unreadMention.value,
+					onClearUnread: c[29] ||= (e) => S(D).clearUnreadMention(),
+					onClear: he
+				}, null, 8, [
+					"visible",
+					"messages",
+					"loading",
+					"is-collab",
+					"collab-users",
+					"current-user",
+					"is-owner",
+					"unread-mention"
+				]),
+				s(Ge, {
+					modelValue: T.value,
+					"onUpdate:modelValue": c[30] ||= (e) => T.value = e,
+					"document-id": d.value,
+					onApply: _e
+				}, null, 8, ["modelValue", "document-id"])
+			]);
+		};
+	}
+}, [["__scopeId", "data-v-8aef20c7"]]), qt = c({
+	name: "YourCompanyExplosionImage",
+	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 () => l("div", {
+			class: "yourcompany-explosion-image-wrapper",
+			style: "position:relative"
+		}, [l(Kt, { ...e }), l(D)]);
+	}
+});
+//#endregion
+export { qt as default };