@billtaofbj/explosion-image 1.0.0 → 1.1.0

package/dist/index.es.js

@@ -2,31 +2,31 @@ import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r
 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 { ArrowDown as M, ArrowLeft as ee, Bell as N, Brush as P, Clock as F, Close as I, Connection as L, Delete as R, Download as z, InfoFilled as B, Link as V, Loading as H, Location as U, Minus as te, Monitor as W, MoreFilled as G, Plus as K, Promotion as ne, Right as re, SemiSelect as q, Share as ie, TrendCharts as ae, Upload as J, UploadFilled as oe } from "@element-plus/icons-vue";
 import Y from "axios";
-import * as X from "yjs";
-import { HocuspocusProvider as se } from "@hocuspocus/provider";
+import * as se from "yjs";
+import { HocuspocusProvider as ce } from "@hocuspocus/provider";
 //#region \0plugin-vue:export-helper
-var Z = (e, t) => {
+var X = (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 = {
+}, Z = { class: "chat-header" }, le = { class: "chat-header-left" }, Q = { class: "chat-title" }, ue = { 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"
-}, $ = {
+}, xe = {
 	key: 0,
 	class: "message-mention"
-}, xe = ["innerHTML"], Se = { class: "message-time" }, Ce = {
+}, Se = ["innerHTML"], Ce = { class: "message-time" }, $ = {
 	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({
+}, De = ["onClick", "onMouseenter"], Oe = { key: 1 }, ke = /*#__PURE__*/ X({
 	__name: "AiChatPanel",
 	props: {
 		visible: {
@@ -77,44 +77,44 @@ var Z = (e, t) => {
 		"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 = {
+		let p = c, m = l, g = _(""), b = _(null), D = _(null), O = _(!1), k = _([]), A = _(0), j = "", M = -1, ee = {
 			id: "ai-assistant",
 			name: "AI助手",
 			color: "#409EFF",
 			isAi: !0
-		}, F = t(() => {
+		}, P = t(() => {
 			let e = p.currentUser.id, t = /* @__PURE__ */ new Set();
-			return [N, ...p.collabUsers.filter((n) => {
+			return [ee, ...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) => {
+		}), F = t(() => P.value.length + 1), L = (e) => e.role === "ai" ? "chat-message-ai" : p.isCollab && e.user_id && e.user_id !== p.currentUser.id ? "chat-message-other" : "chat-message-user", z = (e) => e.role === "ai" ? { background: "linear-gradient(135deg, #409EFF, #337ECC)" } : { background: e.user_color || "#67C23A" }, B = (e) => (e.user_name || "U").charAt(0), V = (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;
+					j = e, M = r, k.value = P.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 = () => {
+		}, H = () => {
 			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) => {
+		}, te = (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) => {
+		}, G = (e) => {
 			if (e) {
 				if (e.shiftKey) return;
 				if (O.value) {
 					let t = k.value[A.value];
 					if (t) {
-						e.preventDefault(), W(t);
+						e.preventDefault(), te(t);
 						return;
 					}
 				}
@@ -128,27 +128,27 @@ var Z = (e, t) => {
 				e && (n = e[1]);
 			}
 			m("send", t, { mentionedUser: n }), g.value = "", O.value = !1;
-		}, te = () => {
+		}, K = () => {
 			u(() => {
 				b.value && (b.value.scrollTop = b.value.scrollHeight);
 			});
 		};
-		return C(() => p.messages.length, te), C(() => p.messages, te, { deep: !0 }), (t, l) => {
+		return C(() => p.messages.length, K), C(() => p.messages, K, { 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, [
+				a("div", Z, [a("div", le, [
 					s(u, {
 						size: 18,
 						color: "#409EFF"
 					}, {
-						default: w(() => [s(S(G))]),
+						default: w(() => [s(S(W))]),
 						_: 1
 					}),
-					a("span", ue, x(c.isCollab ? "协作聊天" : "AI 助手"), 1),
+					a("span", Q, x(c.isCollab ? "协作聊天" : "AI 助手"), 1),
 					c.isCollab ? (h(), n(_, {
 						key: 0,
 						width: 200,
@@ -161,10 +161,10 @@ var Z = (e, t) => {
 							effect: "plain",
 							class: "online-tag"
 						}, {
-							default: w(() => [o(x(I.value) + "人在线 ", 1)]),
+							default: w(() => [o(x(F.value) + "人在线 ", 1)]),
 							_: 1
 						})]),
-						default: w(() => [a("div", Q, [a("div", de, [
+						default: w(() => [a("div", ue, [a("div", de, [
 							a("div", {
 								class: "online-user-avatar",
 								style: f({ background: c.currentUser.color || "#409EFF" })
@@ -180,7 +180,7 @@ var Z = (e, t) => {
 								_: 1
 							}, 8, ["type"]),
 							l[4] ||= a("span", { class: "self-tag" }, "（我）", -1)
-						]), (h(!0), i(e, null, v(F.value, (e) => (h(), i("div", {
+						]), (h(!0), i(e, null, v(P.value, (e) => (h(), i("div", {
 							key: e.id || e.clientId,
 							class: "online-user-item"
 						}, [
@@ -191,7 +191,7 @@ var Z = (e, t) => {
 								key: 0,
 								size: 14
 							}, {
-								default: w(() => [s(S(G))]),
+								default: w(() => [s(S(W))]),
 								_: 1
 							})) : (h(), i("span", pe, x((e.name || "U").charAt(0)), 1))], 4),
 							a("span", me, x(e.name || "未知用户"), 1),
@@ -227,7 +227,7 @@ var Z = (e, t) => {
 						size: 18,
 						color: "#F56C6C"
 					}, {
-						default: w(() => [s(S(P))]),
+						default: w(() => [s(S(N))]),
 						_: 1
 					})])) : r("", !0),
 					s(C, {
@@ -238,7 +238,7 @@ var Z = (e, t) => {
 						title: "清空对话"
 					}, {
 						default: w(() => [s(u, null, {
-							default: w(() => [s(S(z))]),
+							default: w(() => [s(S(R))]),
 							_: 1
 						})]),
 						_: 1
@@ -251,7 +251,7 @@ var Z = (e, t) => {
 						title: "关闭"
 					}, {
 						default: w(() => [s(u, null, {
-							default: w(() => [s(S(L))]),
+							default: w(() => [s(S(I))]),
 							_: 1
 						})]),
 						_: 1
@@ -267,7 +267,7 @@ var Z = (e, t) => {
 							size: 40,
 							color: "#c0c4cc"
 						}, {
-							default: w(() => [s(S(G))]),
+							default: w(() => [s(S(W))]),
 							_: 1
 						}),
 						a("p", null, x(c.isCollab ? "协作聊天室" : "你好！我是 AI 助手"), 1),
@@ -275,29 +275,29 @@ var Z = (e, t) => {
 					])) : 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)])
+						class: d(["chat-message", L(e)])
 					}, [a("div", {
 						class: "message-avatar",
-						style: f(B(e))
+						style: f(z(e))
 					}, [e.role === "ai" ? (h(), n(u, {
 						key: 0,
 						size: 16
 					}, {
-						default: w(() => [s(S(G))]),
+						default: w(() => [s(S(W))]),
 						_: 1
-					})) : (h(), i("span", ve, x(V(e)), 1))], 4), a("div", ye, [
+					})) : (h(), i("span", ve, x(B(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),
+						}, x(e.user_name || "用户"), 5), e.mentioned_user ? (h(), i("span", xe, "@" + 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)
+						}, null, 8, Se),
+						a("div", Ce, x(e.time), 1)
 					])], 2))), 128)),
-					c.loading ? (h(), i("div", Ce, [a("div", we, [s(u, { size: 16 }, {
-						default: w(() => [s(S(G))]),
+					c.loading ? (h(), i("div", $, [a("div", we, [s(u, { size: 16 }, {
+						default: w(() => [s(S(W))]),
 						_: 1
 					})]), l[7] ||= a("div", { class: "message-content" }, [a("div", { class: "message-text typing-indicator" }, [
 						a("span"),
@@ -320,11 +320,11 @@ var Z = (e, t) => {
 						},
 						placeholder: c.isCollab ? "输入消息... @提及成员" : "输入消息...",
 						onKeydown: [
-							T(E(K, ["exact"]), ["enter"]),
-							T(E(ee, ["prevent"]), ["down"]),
+							T(E(G, ["exact"]), ["enter"]),
+							T(E(H, ["prevent"]), ["down"]),
 							T(E(U, ["prevent"]), ["up"])
 						],
-						onInput: H,
+						onInput: V,
 						resize: "none"
 					}, null, 8, [
 						"modelValue",
@@ -334,7 +334,7 @@ var Z = (e, t) => {
 					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),
+						onClick: (t) => te(e),
 						onMouseenter: (e) => A.value = t
 					}, [a("div", {
 						class: "mention-avatar",
@@ -343,7 +343,7 @@ var Z = (e, t) => {
 						key: 0,
 						size: 12
 					}, {
-						default: w(() => [s(S(G))]),
+						default: w(() => [s(S(W))]),
 						_: 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, {
@@ -351,7 +351,7 @@ var Z = (e, t) => {
 						type: "primary",
 						circle: "",
 						disabled: !g.value.trim() || c.loading,
-						onClick: K
+						onClick: G
 					}, {
 						default: w(() => [s(u, null, {
 							default: w(() => [s(S(ne))]),
@@ -570,7 +570,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 }, 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({
+}, 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__*/ X({
 	__name: "VersionHistoryPanel",
 	props: {
 		modelValue: {
@@ -606,7 +606,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 			}
 		}, M = () => {
 			T.value = !1;
-		}, N = (e) => {
+		}, 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())}`;
@@ -631,13 +631,13 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 					_: 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))]),
+					default: w(() => [s(S(H))]),
 					_: 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))]),
+					default: w(() => [s(S(F))]),
 					_: 1
 				}), c[2] ||= a("p", null, "暂无历史版本", -1)])) : (h(), i("div", Le, [O.value ? (h(), i("div", Re, [a("div", ze, [s(u, {
 					type: "success",
@@ -648,7 +648,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 				}), 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),
+						timestamp: ee(e.created_at),
 						placement: "top",
 						type: E.value?.id === e.id ? "primary" : "",
 						hollow: E.value?.id !== e.id
@@ -675,7 +675,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 }, nt = { class: "toolbar-right" }, rt = {
 	key: 0,
 	class: "collab-users"
-}, it = ["title"], at = /*#__PURE__*/ Z({
+}, it = ["title"], at = /*#__PURE__*/ X({
 	__name: "Toolbar",
 	props: {
 		title: {
@@ -707,6 +707,14 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 		showHistory: {
 			type: Boolean,
 			default: !1
+		},
+		showBackButton: {
+			type: Boolean,
+			default: !0
+		},
+		titleDisabled: {
+			type: Boolean,
+			default: !1
 		}
 	},
 	emits: [
@@ -734,7 +742,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 			},
 			polyline: {
 				label: "折线",
-				icon: R
+				icon: L
 			},
 			"right-angle": {
 				label: "直角折线",
@@ -742,19 +750,19 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 			},
 			curve: {
 				label: "曲线",
-				icon: J
+				icon: ae
 			},
 			wave: {
 				label: "波浪线",
-				icon: J
+				icon: ae
 			},
 			dashed: {
 				label: "虚线",
-				icon: W
+				icon: te
 			},
 			dotted: {
 				label: "点线",
-				icon: K
+				icon: G
 			},
 			dashdot: {
 				label: "点划线",
@@ -762,26 +770,28 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 			}
 		}, 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");
+			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"), N = y("el-tag"), B = y("el-popover");
 			return h(), i("div", Ke, [
-				a("div", qe, [s(_, {
+				a("div", qe, [c.showBackButton ? (h(), n(_, {
+					key: 0,
 					onClick: l[0] ||= (e) => t.$emit("back"),
 					size: "small",
 					circle: ""
 				}, {
 					default: w(() => [s(p, null, {
-						default: w(() => [s(S(N))]),
+						default: w(() => [s(S(ee))]),
 						_: 1
 					})]),
 					_: 1
-				}), s(C, {
+				})) : r("", !0), s(C, {
 					modelValue: u.value,
 					"onUpdate:modelValue": l[1] ||= (e) => u.value = e,
 					onBlur: l[2] ||= (e) => t.$emit("update:title", u.value),
+					disabled: c.titleDisabled,
 					placeholder: "输入标题",
 					class: "title-input",
 					size: "small"
-				}, null, 8, ["modelValue"])]),
+				}, null, 8, ["modelValue", "disabled"])]),
 				a("div", Je, [
 					s(T, {
 						content: "添加标注",
@@ -822,7 +832,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 									class: d({ "is-active": c.lineStyle === "polyline" })
 								}, {
 									default: w(() => [s(p, null, {
-										default: w(() => [s(S(R))]),
+										default: w(() => [s(S(L))]),
 										_: 1
 									}), l[15] ||= o("折线 ", -1)]),
 									_: 1
@@ -842,7 +852,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 									class: d({ "is-active": c.lineStyle === "curve" })
 								}, {
 									default: w(() => [s(p, null, {
-										default: w(() => [s(S(J))]),
+										default: w(() => [s(S(ae))]),
 										_: 1
 									}), l[17] ||= o("曲线 ", -1)]),
 									_: 1
@@ -852,7 +862,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 									class: d({ "is-active": c.lineStyle === "wave" })
 								}, {
 									default: w(() => [s(p, null, {
-										default: w(() => [s(S(J))]),
+										default: w(() => [s(S(ae))]),
 										_: 1
 									}), l[18] ||= o("波浪线 ", -1)]),
 									_: 1
@@ -863,7 +873,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 									class: d({ "is-active": c.lineStyle === "dashed" })
 								}, {
 									default: w(() => [s(p, null, {
-										default: w(() => [s(S(W))]),
+										default: w(() => [s(S(te))]),
 										_: 1
 									}), l[19] ||= o("虚线 ", -1)]),
 									_: 1
@@ -873,7 +883,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 									class: d({ "is-active": c.lineStyle === "dotted" })
 								}, {
 									default: w(() => [s(p, null, {
-										default: w(() => [s(S(K))]),
+										default: w(() => [s(S(G))]),
 										_: 1
 									}), l[20] ||= o("点线 ", -1)]),
 									_: 1
@@ -908,7 +918,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 						_: 1
 					}),
 					s(D, { direction: "vertical" }),
-					s(V, {
+					s(B, {
 						placement: "bottom",
 						width: 280,
 						trigger: "click"
@@ -937,7 +947,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 								plain: ""
 							}, {
 								default: w(() => [s(p, null, {
-									default: w(() => [s(S(te))]),
+									default: w(() => [s(S(K))]),
 									_: 1
 								}), l[23] ||= o("新建分组 ", -1)]),
 								_: 1
@@ -947,7 +957,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 								onClick: l[6] ||= (e) => t.$emit("clear-group-filter")
 							}, {
 								default: w(() => [s(p, null, {
-									default: w(() => [s(S(L))]),
+									default: w(() => [s(S(I))]),
 									_: 1
 								}), l[24] ||= o("显示全部 ", -1)]),
 								_: 1
@@ -962,7 +972,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 							}, [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, {
+							}, [a("span", $e, x(e.name), 1), c.activeGroupId === e.id ? (h(), n(N, {
 								key: 0,
 								size: "small",
 								type: "primary"
@@ -997,7 +1007,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 										onClick: E((n) => t.$emit("group-action", "color", e.id), ["stop"])
 									}, {
 										default: w(() => [s(p, null, {
-											default: w(() => [s(S(F))]),
+											default: w(() => [s(S(P))]),
 											_: 1
 										})]),
 										_: 1
@@ -1015,7 +1025,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 										onClick: E((n) => t.$emit("group-action", "delete", e.id), ["stop"])
 									}, {
 										default: w(() => [s(p, null, {
-											default: w(() => [s(S(z))]),
+											default: w(() => [s(S(R))]),
 											_: 1
 										})]),
 										_: 1
@@ -1055,7 +1065,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 						title: "分享链接"
 					}, {
 						default: w(() => [s(p, null, {
-							default: w(() => [s(S(H))]),
+							default: w(() => [s(S(V))]),
 							_: 1
 						})]),
 						_: 1
@@ -1119,7 +1129,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 							onClick: l[10] ||= (e) => t.$refs.jsonInput.click()
 						}, {
 							default: w(() => [s(p, null, {
-								default: w(() => [s(S(ae))]),
+								default: w(() => [s(S(J))]),
 								_: 1
 							})]),
 							_: 1
@@ -1138,7 +1148,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 						onClick: l[12] ||= (e) => t.$emit("save")
 					}, {
 						default: w(() => [s(p, null, {
-							default: w(() => [s(S(B))]),
+							default: w(() => [s(S(z))]),
 							_: 1
 						})]),
 						_: 1
@@ -1151,7 +1161,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 						onClick: l[13] ||= (e) => t.$emit("history")
 					}, {
 						default: w(() => [s(p, null, {
-							default: w(() => [s(S(I))]),
+							default: w(() => [s(S(F))]),
 							_: 1
 						})]),
 						_: 1
@@ -1160,7 +1170,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 			]);
 		};
 	}
-}, [["__scopeId", "data-v-081fbd64"]]), ot = ["src"], st = ["onMousedown"], ct = {
+}, [["__scopeId", "data-v-1c493741"]]), ot = ["src"], st = ["onMousedown"], ct = {
 	class: "leader-line-svg",
 	style: {
 		left: 0,
@@ -1174,7 +1184,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 	"stroke-width",
 	"stroke-dasharray",
 	"marker-start"
-], dt = ["onMousedown"], ft = ["onBlur"], pt = ["onMousedown"], mt = ["onMousedown"], ht = ["onMousedown"], gt = /*#__PURE__*/ Z({
+], dt = ["onMousedown"], ft = ["onBlur"], pt = ["onMousedown"], mt = ["onMousedown"], ht = ["onMousedown"], gt = /*#__PURE__*/ X({
 	__name: "AnnotationCanvas",
 	props: {
 		imageUrl: String,
@@ -1240,50 +1250,50 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 				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) => {
+		}, ee = (e) => ({ background: e.numberColor || e.color || "#e74c3c" }), N = (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) => ({
+		}, P = (e) => ({
 			left: e.x + "%",
 			top: e.y + "%"
-		}), I = (e) => {
+		}), F = (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 = {
+		}, I = null, L = null, R = (e, t) => {
+			l("select", e), L = "label", C.value = e.id, b.value = !0, I = {
 				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 = {
+			}, document.addEventListener("mousemove", B), document.addEventListener("mouseup", V);
+		}, z = (e, t) => {
+			l("select", e), L = "dot", C.value = e.id, b.value = !0, I = {
 				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") {
+			}, document.addEventListener("mousemove", B), document.addEventListener("mouseup", V);
+		}, B = (e) => {
+			if (!I) return;
+			let t = e.clientX - I.startX, n = e.clientY - I.startY;
+			if (L === "label") I.ann.labelX = I.origLabelX + t, I.ann.labelY = I.origLabelY + n;
+			else if (L === "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;
+				let r = e.querySelector(".image-wrapper").getBoundingClientRect(), i = Math.max(0, Math.min(100, I.origX + t / r.width * 100)), a = Math.max(0, Math.min(100, I.origY + n / r.height * 100));
+				I.ann.x = Math.round(i * 10) / 10, I.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);
+		}, V = () => {
+			b.value = !1, C.value = null, I = null, L = null, l("change"), document.removeEventListener("mousemove", B), document.removeEventListener("mouseup", V);
 		};
 		return r({ recalculateSize: k }), (t, r) => {
 			let o = y("el-icon");
@@ -1332,13 +1342,13 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 				a("div", {
 					class: d(["annotation-label", { dragging: b.value && C.value === e.id }]),
 					style: f(M(e)),
-					onMousedown: E((t) => z(e, t), ["stop"])
+					onMousedown: E((t) => R(e, t), ["stop"])
 				}, [a("span", {
 					class: "annotation-number",
-					style: f(N(e))
+					style: f(ee(e))
 				}, x(e.number), 5), a("span", {
 					class: "annotation-text",
-					style: f(P(e)),
+					style: f(N(e)),
 					contenteditable: "",
 					onBlur: (t) => {
 						e.text = t.target.textContent, l("change");
@@ -1348,8 +1358,8 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 				e.pointStyle === "flag" ? (h(), i("div", {
 					key: 0,
 					class: "annotation-flag",
-					style: f(F(e)),
-					onMousedown: E((t) => B(e, t), ["stop"])
+					style: f(P(e)),
+					onMousedown: E((t) => z(e, t), ["stop"])
 				}, [a("div", {
 					class: "flag-pole",
 					style: f({ background: e.color || "#e74c3c" })
@@ -1359,13 +1369,13 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 				}, 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"])
+					style: f(F(e)),
+					onMousedown: E((t) => z(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"])
+					style: f(F(e)),
+					onMousedown: E((t) => z(e, t), ["stop"])
 				}, null, 46, mt))
 			], 42, st))), 128))], 4)) : (h(), i("div", {
 				key: 1,
@@ -1381,7 +1391,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 //#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 = () => {
+	let r = new se.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();
@@ -1392,7 +1402,7 @@ function _t(e, { roomPrefix: t, syncKey: n = "_data" } = {}) {
 	}, b = () => {
 		h &&= (clearInterval(h), null);
 	};
-	l = new se({
+	l = new ce({
 		url: g,
 		name: v,
 		document: r,
@@ -1531,33 +1541,68 @@ var vt = (e, { onRemoteChange: t } = {}) => {
 }, Ut = {
 	key: 1,
 	class: "no-selection"
-}, Wt = { class: "color-dialog-body" }, Gt = "explosion-image", Kt = /*#__PURE__*/ Z({
+}, Wt = { class: "color-dialog-body" }, Gt = "explosion-image", Kt = /*#__PURE__*/ X({
 	__name: "ExplosionImageEditor",
+	props: {
+		docId: {
+			type: [Number, String],
+			default: null
+		},
+		apiBase: {
+			type: String,
+			default: "/api"
+		},
+		saveApi: {
+			type: [String, Function],
+			default: null
+		},
+		loadApi: {
+			type: [String, Function],
+			default: null
+		},
+		wsUrl: {
+			type: String,
+			default: ""
+		},
+		user: {
+			type: Object,
+			default: null
+		},
+		uiConfig: {
+			type: Object,
+			default: () => ({})
+		}
+	},
 	setup(c) {
-		let l = O(), u = k(), d = _(null), f = _(null), b = _(!1), T = _(!1), { saveVersion: E } = Ne(), D = Ae(), M = g({
+		let l = c, u = t(() => ({
+			backButton: "show",
+			titleEditable: !0,
+			authorEditable: !0,
+			...l.uiConfig
+		})), d = t(() => l.docId ?? f.params.id), f = O(), b = k(), T = _(l.docId ?? null), E = _(null), D = _(!1), M = _(!1), { saveVersion: ee } = Ne(), N = Ae(), P = 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) => {
+		}), F = _(!1), L = _(!1), R = _(!1), z = null, V = _("straight"), H = _(null), U = _(null), te = _(null), W = 0, G = _(null), K = _([]), ne = t(() => G.value ? P.annotations.filter((e) => e.groupId === G.value) : P.annotations), re = () => E.value?.click(), q = 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, $();
+				let e = await Y.post(`${l.apiBase}/files/upload/image`, n);
+				P.imageUrl = e.data.url || e.data.file_path, $();
 			} catch {
 				A.error("上传失败");
 			}
-		}, ne = () => {
-			if (!M.imageUrl) {
+		}, ie = () => {
+			if (!P.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()}`,
+			let e = P.annotations.reduce((e, t) => Math.max(e, t.number), 0);
+			P.annotations.push({
+				id: `ann-${++W}-${Date.now()}`,
 				number: e + 1,
 				text: "",
 				x: 50,
@@ -1579,78 +1624,94 @@ var vt = (e, { onRemoteChange: t } = {}) => {
 				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) => {
+			H.value = e.id, U.value = e;
+		}, J = (e, t) => {
+			U.value && (U.value[e] === t ? U.value[e] = "" : U.value[e] = t);
+		}, oe = () => {
+			U.value && (U.value.fontFamily = "", U.value.fontSize = 13, U.value.fontWeight = "", U.value.fontStyle = "", U.value.textDecoration = "");
+		}, se = () => {
+			P.annotations = P.annotations.filter((e) => e.id !== H.value), H.value = null, U.value = null, $();
+		}, ce = (e) => {
 			e === "new" && j.prompt("分组名称", "新建分组", { inputPlaceholder: "名称" }).then(({ value: e }) => {
-				e && (M.groups.push({
+				e && (P.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) => {
+		}, X = (e, t) => {
+			e === "filter" ? G.value = G.value === t ? null : t : e === "collapse" ? de(t) : e === "color" ? (le.value = t, Z.value = !0) : e === "delete" && j.confirm("确定删除该分组？分组内的标注将保留，但分组关系将被移除。", "删除分组", { type: "warning" }).then(() => {
+				P.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("分组已删除"), $();
+				}), P.groups = P.groups.filter((e) => e.id !== t), G.value === t && (G.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) {
+		}, Z = _(!1), le = _(null), Q = _("#e74c3c"), ue = () => {
+			P.annotations.forEach((e) => {
+				e.groupId === le.value && (e.color = Q.value, e.numberColor = Q.value, e.lineColor = Q.value, e.textColor = Q.value);
+			}), Z.value = !1, A.success("颜色已更新"), $();
+		}, de = (e) => {
+			let t = K.value.indexOf(e);
+			t === -1 ? K.value.push(e) : K.value.splice(t, 1);
+		}, fe = () => {
+			G.value = null, K.value = [];
+		}, pe = async () => {
+			if (F.value && z?.collaborationClosed.value && !R.value) {
 				A.warning("协作已关闭，无法保存");
 				return;
 			}
 			try {
 				let e = {
-					title: M.title,
+					title: P.title,
 					view_type: "image",
 					config: JSON.stringify({
-						imageUrl: M.imageUrl,
-						annotations: M.annotations,
-						groups: M.groups,
-						lineStyle: R.value
+						imageUrl: P.imageUrl,
+						annotations: P.annotations,
+						groups: P.groups,
+						lineStyle: V.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,
+				if (typeof l.saveApi == "function") {
+					let t = await l.saveApi(e, T.value);
+					t?.id && (T.value = t.id);
+				} else if (typeof l.saveApi == "string") T.value ? await Y.put(l.saveApi, e) : T.value = (await Y.post(l.saveApi, e)).data.id;
+				else {
+					let t = l.apiBase;
+					T.value ? await Y.put(`${t}/explosion-views/${T.value}`, e) : T.value = (await Y.post(`${t}/explosion-views/`, e)).data.id;
+				}
+				A.success("保存成功"), ee({
+					documentId: T.value,
 					docType: "image",
 					content: JSON.stringify({
-						imageUrl: M.imageUrl,
-						annotations: M.annotations,
-						groups: M.groups,
-						lineStyle: R.value
+						imageUrl: P.imageUrl,
+						annotations: P.annotations,
+						groups: P.groups,
+						lineStyle: V.value
 					}),
-					userId: String(D.currentUser.value?.id || ""),
-					userName: D.currentUser.value?.name || "未知"
+					userId: String(N.currentUser.value?.id || ""),
+					userName: N.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) {
+		}, me = async () => {
+			if (d.value) try {
+				let e;
+				if (typeof l.loadApi == "function") e = await l.loadApi(d.value);
+				else if (typeof l.loadApi == "string") e = (await Y.get(l.loadApi)).data;
+				else {
+					let t = l.apiBase;
+					e = (await Y.get(`${t}/explosion-views/${d.value}`)).data;
+				}
+				if (T.value = e.id, P.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";
+					P.imageUrl = t.imageUrl || "", P.annotations = t.annotations || [], P.groups = t.groups || [], V.value = t.lineStyle || "straight";
 				}
 			} catch (e) {
 				console.error(e);
 			}
-		}, fe = () => u.push("/"), pe = [
+		}, he = () => {
+			l.docId ?? b.push("/");
+		}, ge = [
 			"我可以帮您优化图片标注、检查注释内容，或者提供标注建议。请问有什么需要帮助的？",
 			"这张图片的标注很详细。建议检查标注线条是否清晰，避免与其他标注重叠。",
 			"根据当前的标注内容，我建议为关键部件添加更详细的文字说明。",
@@ -1659,33 +1720,33 @@ var vt = (e, { onRemoteChange: t } = {}) => {
 			"图片标注的分组功能可以帮助您管理复杂的标注。建议按功能模块进行分组。",
 			"我可以帮您将标注信息整理成表格，方便后续查阅和修改。",
 			"标注的连线样式建议统一，直线适合简单标注，折线适合复杂场景。"
-		], me = async (e, t = {}) => {
-			let n = d.value ? `${Gt}-${d.value}` : null;
-			await D.sendMessage(e, {
+		], _e = async (e, t = {}) => {
+			let n = T.value ? `${Gt}-${T.value}` : null;
+			await N.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;
+			let r = t.mentionedUser, i = r && r.toLowerCase().includes("ai"), a = N.collabUsers.value.filter((e) => e.name !== N.currentUser.value.name);
+			(!r || i || a.length === 0) && (N.loading.value = !0, setTimeout(() => {
+				N.sendAiMessage(ge[Math.floor(Math.random() * ge.length)], n), N.loading.value = !1;
 			}, 800 + Math.random() * 1200));
-		}, he = () => {
-			let e = d.value ? `${Gt}-${d.value}` : null;
-			D.clearMessages(e);
-		}, ge = () => {
-			if (!d.value) {
+		}, ve = () => {
+			let e = T.value ? `${Gt}-${T.value}` : null;
+			N.clearMessages(e);
+		}, ye = () => {
+			if (!T.value) {
 				A.warning("请先保存文档");
 				return;
 			}
-			T.value = !0;
-		}, _e = (e) => {
+			M.value = !0;
+		}, be = (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;
+				t.imageUrl && (P.imageUrl = t.imageUrl), t.annotations && (P.annotations = t.annotations), t.groups && (P.groups = t.groups), t.lineStyle && (V.value = t.lineStyle), H.value = null, U.value = null;
 			} catch (e) {
 				console.error("Version apply error:", e);
 			}
-		}, ve = (e) => {
+		}, xe = (e) => {
 			if (e === "png" || e === "png-filtered") {
 				let t = document.querySelector(".annotation-image");
 				if (!t) return A.error("未找到图片");
@@ -1693,11 +1754,11 @@ var vt = (e, { onRemoteChange: t } = {}) => {
 				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 = [
+				let i = n.width / t.clientWidth, a = n.height / t.clientHeight, o = Math.max(i, a), s = e === "png-filtered" ? ne.value : P.annotations, c = [
 					"dashed",
 					"dotted",
 					"dashdot"
-				].includes(R.value) ? "straight" : R.value, l = s.map((e) => {
+				].includes(V.value) ? "straight" : V.value, l = s.map((e) => {
 					let t = e.x / 100 * n.width, r = e.y / 100 * n.height;
 					return {
 						ann: e,
@@ -1752,20 +1813,20 @@ var vt = (e, { onRemoteChange: t } = {}) => {
 					}
 				}), n.toBlob((e) => {
 					let t = document.createElement("a");
-					t.href = URL.createObjectURL(e), t.download = `${M.title || "图片标注"}.png`, t.click();
+					t.href = URL.createObjectURL(e), t.download = `${P.title || "图片标注"}.png`, t.click();
 				});
-			} else e === "json" ? ye() : A.info(`导出 ${e} 开发中`);
-		}, ye = () => {
+			} else e === "json" ? Se() : A.info(`导出 ${e} 开发中`);
+		}, Se = () => {
 			let e = {
-				title: M.title,
-				imageUrl: M.imageUrl,
-				annotations: M.annotations,
-				groups: M.groups,
-				lineStyle: R.value,
+				title: P.title,
+				imageUrl: P.imageUrl,
+				annotations: P.annotations,
+				groups: P.groups,
+				lineStyle: V.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) => {
+			n.href = URL.createObjectURL(t), n.download = `${P.title || "爆炸图"}.json`, n.click(), A.success("JSON已导出");
+		}, Ce = (e) => {
 			let t = e.target.files[0];
 			if (!t) return;
 			let n = new FileReader();
@@ -1776,84 +1837,84 @@ var vt = (e, { onRemoteChange: t } = {}) => {
 						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("导入成功");
+					P.title = t.title || "图片标注", P.imageUrl = t.imageUrl || "", P.annotations = t.annotations || [], P.groups = t.groups || [], V.value = t.lineStyle || "straight", H.value = null, U.value = null, $(), A.success("导入成功");
 				} catch {
 					A.error("JSON解析失败，请检查文件格式");
 				}
 			}, n.readAsText(t), e.target.value = "";
 		}, $ = () => {
-			N.value && I && I.pushToYjs(M);
+			F.value && z && z.pushToYjs(P);
 		};
-		C(B, () => {
+		C(U, () => {
 			$();
 		}, { 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)) {
+		let we = (e) => {
+			z &&= (z.destroy(), null), z = vt(e, { onRemoteChange: (e) => {
+				e.title && (P.title = e.title), e.imageUrl && (P.imageUrl = e.imageUrl), e.annotations && (P.annotations = e.annotations), e.groups && (P.groups = e.groups);
+			} }), z._setSyncReady(!1);
+		}, Te = async () => {
+			if (F.value) return;
+			if (!T.value && (await pe(), !T.value)) {
 				A.error("请先保存文档");
 				return;
 			}
-			xe(String(d.value)), I.connect();
+			we(String(T.value)), z.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,
+				if (z.provider && z.provider.synced) {
+					z._setSyncReady(!0), z.setLocalUser(e);
+					let t = z.pullFromYjs();
+					t ? (t.title && (P.title = t.title), t.imageUrl && (P.imageUrl = t.imageUrl), t.annotations && (P.annotations = t.annotations), t.groups && (P.groups = t.groups)) : (P.annotations.length > 0 || P.imageUrl) && z.pushToYjs(P), F.value = !0, R.value = !0, L.value = !1, N.setCollabContext({
+						ydoc: z.ydoc,
+						provider: z.provider,
+						onlineUsers: z.onlineUsers
+					}), N.setCurrentUser({
+						id: z.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;
+		}, Ee = () => {
+			z && (z.closeCollaboration(), F.value = !1, R.value = !1, A.info("协作已关闭"));
+		}, De = () => {
+			let e = f.params.id;
 			if (!e) return;
-			xe(e), I.connect();
+			we(e), z.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("该协作已关闭，无法加入");
+				if (z.provider && z.provider.synced) {
+					if (z.checkCollaborationClosed()) {
+						z.disconnect(), F.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,
+					z._setSyncReady(!0), z.setLocalUser(t);
+					let e = z.pullFromYjs();
+					e && (e.title && (P.title = e.title), e.imageUrl && (P.imageUrl = e.imageUrl), e.annotations && (P.annotations = e.annotations), e.groups && (P.groups = e.groups)), F.value = !0, R.value = !1, N.setCollabContext({
+						ydoc: z.ydoc,
+						provider: z.provider,
+						onlineUsers: z.onlineUsers
+					}), N.setCurrentUser({
+						id: z.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)) {
+		}, Oe = () => {
+			F.value ? Ee() : Te();
+		}, je = async () => {
+			if (F.value || await Te(), !T.value && (await pe(), !T.value)) {
 				A.warning("请先保存文档后再分享");
 				return;
 			}
-			let e = `${window.location.origin}/explosion-image/${d.value}?collab=1`;
+			let e = `${window.location.origin}/explosion-image/${T.value}?collab=1`;
 			try {
 				await navigator.clipboard.writeText(e), A.success("协作链接已复制到剪贴板");
 			} catch {
@@ -1861,44 +1922,46 @@ var vt = (e, { onRemoteChange: t } = {}) => {
 			}
 		};
 		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(),
+			let e = l.user?.name || localStorage.getItem("editor-user-name") || `用户${Math.floor(Math.random() * 1e3)}`;
+			localStorage.setItem("editor-user-name", e), N.setCurrentUser({
+				id: l.user?.id || Date.now(),
 				name: e,
-				color: "#409eff"
-			}), await de(), l.params.id && l.query.collab === "1" && we();
+				color: l.user?.color || "#409eff"
+			}), await me(), d.value && f.query.collab === "1" && De();
 		});
-		let De = (e) => {
-			e.key === "Delete" && z.value && J();
+		let Me = (e) => {
+			e.key === "Delete" && H.value && se();
 		};
-		return p(() => document.addEventListener("keydown", De)), m(() => {
-			document.removeEventListener("keydown", De), I &&= (I.destroy(), null);
+		return p(() => document.addEventListener("keydown", Me)), m(() => {
+			document.removeEventListener("keydown", Me), z &&= (z.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");
+			let l = y("el-input-number"), d = y("el-input"), p = y("el-color-picker"), m = y("el-option"), g = y("el-select"), _ = y("el-slider"), b = y("el-button"), C = y("el-icon"), O = y("el-tag"), k = y("el-dialog"), A = 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
+					title: P.title,
+					"onUpdate:title": c[0] ||= (e) => P.title = e,
+					"line-style": V.value,
+					groups: P.groups,
+					"active-group-id": G.value,
+					"collapsed-groups": K.value,
+					"is-connected": F.value,
+					"online-users": S(z) ? S(z).onlineUsers.value : [],
+					"is-join-mode": S(f).query.collab === "1",
+					"show-back-button": u.value.backButton === "show",
+					"title-disabled": !u.value.titleEditable,
+					onBack: he,
+					onAddAnnotation: ie,
+					onSetLineStyle: c[1] ||= (e) => V.value = e,
+					onAddGroup: ce,
+					onGroupAction: X,
+					onClearGroupFilter: fe,
+					onExport: xe,
+					onImportJson: Ce,
+					onSave: pe,
+					onToggleCollab: Oe,
+					onShareCollab: je,
+					"show-history": !!T.value,
+					onHistory: ye
 				}, null, 8, [
 					"title",
 					"line-style",
@@ -1908,18 +1971,20 @@ var vt = (e, { onRemoteChange: t } = {}) => {
 					"is-connected",
 					"online-users",
 					"is-join-mode",
+					"show-back-button",
+					"title-disabled",
 					"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,
+					ref: te,
+					"image-url": P.imageUrl,
+					annotations: ne.value,
+					"collapsed-groups": K.value,
+					"selected-id": H.value,
+					"line-style": V.value,
+					onSelect: ae,
+					onUploadImage: re,
 					onChange: $
 				}, null, 8, [
 					"image-url",
@@ -1929,317 +1994,317 @@ var vt = (e, { onRemoteChange: t } = {}) => {
 					"line-style"
 				]), a("input", {
 					ref_key: "fileInputRef",
-					ref: f,
+					ref: E,
 					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,
+					onChange: q
+				}, null, 544)]), a("div", St, [c[58] ||= a("h4", null, "标注属性", -1), U.value ? (h(), i(e, { key: 0 }, [
+					a("div", Ct, [c[31] ||= a("label", null, "编号", -1), s(l, {
+						modelValue: U.value.number,
+						"onUpdate:modelValue": c[2] ||= (e) => U.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,
+					a("div", wt, [c[32] ||= a("label", null, "文字", -1), s(d, {
+						modelValue: U.value.text,
+						"onUpdate:modelValue": c[3] ||= (e) => U.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,
+					a("div", Tt, [c[33] ||= a("label", null, "引线颜色", -1), s(p, {
+						modelValue: U.value.lineColor,
+						"onUpdate:modelValue": c[4] ||= (e) => U.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,
+					a("div", Et, [c[34] ||= a("label", null, "标注点样式", -1), s(g, {
+						modelValue: U.value.pointStyle,
+						"onUpdate:modelValue": c[5] ||= (e) => U.value.pointStyle = e,
 						size: "small"
 					}, {
 						default: w(() => [
-							s(g, {
+							s(m, {
 								label: "圆形",
 								value: "circle"
 							}),
-							s(g, {
+							s(m, {
 								label: "方形",
 								value: "square"
 							}),
-							s(g, {
+							s(m, {
 								label: "菱形",
 								value: "diamond"
 							}),
-							s(g, {
+							s(m, {
 								label: "箭头",
 								value: "arrow"
 							}),
-							s(g, {
+							s(m, {
 								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,
+					a("div", Dt, [c[35] ||= a("label", null, "标注点颜色", -1), s(p, {
+						modelValue: U.value.color,
+						"onUpdate:modelValue": c[6] ||= (e) => U.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,
+					a("div", Ot, [c[36] ||= a("label", null, "编号颜色", -1), s(p, {
+						modelValue: U.value.numberColor,
+						"onUpdate:modelValue": c[7] ||= (e) => U.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,
+					a("div", kt, [c[37] ||= a("label", null, "文字颜色", -1), s(p, {
+						modelValue: U.value.textColor,
+						"onUpdate:modelValue": c[8] ||= (e) => U.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,
+					a("div", At, [c[38] ||= a("label", null, "文字背景色", -1), s(p, {
+						modelValue: U.value.labelBgColor,
+						"onUpdate:modelValue": c[9] ||= (e) => U.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,
+					a("div", jt, [c[39] ||= a("label", null, "背景透明度", -1), s(_, {
+						modelValue: U.value.labelBgOpacity,
+						"onUpdate:modelValue": c[10] ||= (e) => U.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,
+					a("div", Mt, [c[40] ||= a("label", null, "字体", -1), s(g, {
+						modelValue: U.value.fontFamily,
+						"onUpdate:modelValue": c[11] ||= (e) => U.value.fontFamily = e,
 						size: "small",
 						clearable: ""
 					}, {
 						default: w(() => [
-							s(g, {
+							s(m, {
 								label: "默认",
 								value: ""
 							}),
-							s(g, {
+							s(m, {
 								label: "宋体",
 								value: "SimSun"
 							}),
-							s(g, {
+							s(m, {
 								label: "黑体",
 								value: "SimHei"
 							}),
-							s(g, {
+							s(m, {
 								label: "微软雅黑",
 								value: "Microsoft YaHei"
 							}),
-							s(g, {
+							s(m, {
 								label: "楷体",
 								value: "KaiTi"
 							}),
-							s(g, {
+							s(m, {
 								label: "Arial",
 								value: "Arial"
 							}),
-							s(g, {
+							s(m, {
 								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,
+					a("div", Nt, [c[41] ||= a("label", null, "字号", -1), s(l, {
+						modelValue: U.value.fontSize,
+						"onUpdate:modelValue": c[12] ||= (e) => U.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" : "",
+						s(b, {
+							type: U.value.fontWeight === "bold" ? "primary" : "",
 							size: "small",
-							onClick: c[13] ||= (e) => q("fontWeight", "bold")
+							onClick: c[13] ||= (e) => J("fontWeight", "bold")
 						}, {
 							default: w(() => [...c[42] ||= [a("b", null, "B", -1)]]),
 							_: 1
 						}, 8, ["type"]),
-						s(E, {
-							type: B.value.fontWeight === "bolder" ? "primary" : "",
+						s(b, {
+							type: U.value.fontWeight === "bolder" ? "primary" : "",
 							size: "small",
-							onClick: c[14] ||= (e) => q("fontWeight", "bolder")
+							onClick: c[14] ||= (e) => J("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" : "",
+						s(b, {
+							type: U.value.fontStyle === "italic" ? "primary" : "",
 							size: "small",
-							onClick: c[15] ||= (e) => q("fontStyle", "italic")
+							onClick: c[15] ||= (e) => J("fontStyle", "italic")
 						}, {
 							default: w(() => [...c[44] ||= [a("i", null, "I", -1)]]),
 							_: 1
 						}, 8, ["type"]),
-						s(E, {
-							type: B.value.fontStyle === "oblique" ? "primary" : "",
+						s(b, {
+							type: U.value.fontStyle === "oblique" ? "primary" : "",
 							size: "small",
-							onClick: c[16] ||= (e) => q("fontStyle", "oblique")
+							onClick: c[16] ||= (e) => J("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" : "",
+						s(b, {
+							type: U.value.textDecoration === "underline" ? "primary" : "",
 							size: "small",
-							onClick: c[17] ||= (e) => q("textDecoration", "underline")
+							onClick: c[17] ||= (e) => J("textDecoration", "underline")
 						}, {
 							default: w(() => [...c[47] ||= [a("u", null, "U", -1)]]),
 							_: 1
 						}, 8, ["type"]),
-						s(E, {
-							type: B.value.textDecoration === "line-through" ? "primary" : "",
+						s(b, {
+							type: U.value.textDecoration === "line-through" ? "primary" : "",
 							size: "small",
-							onClick: c[18] ||= (e) => q("textDecoration", "line-through")
+							onClick: c[18] ||= (e) => J("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" : "",
+						s(b, {
+							type: U.value.textDecoration === "underline line-through" ? "primary" : "",
 							size: "small",
-							onClick: c[19] ||= (e) => q("textDecoration", "underline line-through")
+							onClick: c[19] ||= (e) => J("textDecoration", "underline line-through")
 						}, {
 							default: w(() => [...c[49] ||= [a("u", null, [a("s", null, "U")], -1)]]),
 							_: 1
 						}, 8, ["type"]),
-						s(E, {
+						s(b, {
 							size: "small",
-							onClick: ie
+							onClick: oe
 						}, {
 							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,
+					a("div", Rt, [c[52] ||= a("label", null, "X% (点)", -1), s(_, {
+						modelValue: U.value.x,
+						"onUpdate:modelValue": c[20] ||= (e) => U.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,
+					a("div", zt, [c[53] ||= a("label", null, "Y% (点)", -1), s(_, {
+						modelValue: U.value.y,
+						"onUpdate:modelValue": c[21] ||= (e) => U.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,
+					a("div", Bt, [c[54] ||= a("label", null, "线宽", -1), s(l, {
+						modelValue: U.value.strokeWidth,
+						"onUpdate:modelValue": c[22] ||= (e) => U.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,
+					a("div", Vt, [c[55] ||= a("label", null, "分组", -1), s(g, {
+						modelValue: U.value.groupId,
+						"onUpdate:modelValue": c[23] ||= (e) => U.value.groupId = e,
 						size: "small",
 						clearable: ""
 					}, {
-						default: w(() => [(h(!0), i(e, null, v(M.groups, (e) => (h(), n(g, {
+						default: w(() => [(h(!0), i(e, null, v(P.groups, (e) => (h(), n(m, {
 							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, {
+					G.value ? (h(), i("div", Ht, [s(O, {
 						size: "small",
 						type: "info"
 					}, {
-						default: w(() => [o(" 当前筛选: " + x(M.groups.find((e) => e.id === U.value)?.name || "未知分组") + " ", 1), s(O, {
+						default: w(() => [o(" 当前筛选: " + x(P.groups.find((e) => e.id === G.value)?.name || "未知分组") + " ", 1), s(C, {
 							class: "el-tag__close",
-							onClick: ue
+							onClick: fe
 						}, {
-							default: w(() => [s(S(L))]),
+							default: w(() => [s(S(I))]),
 							_: 1
 						})]),
 						_: 1
 					})])) : r("", !0),
-					s(E, {
+					s(b, {
 						size: "small",
 						type: "danger",
-						onClick: J
+						onClick: se
 					}, {
 						default: w(() => [...c[56] ||= [o("删除", -1)]]),
 						_: 1
 					})
-				], 64)) : (h(), i("div", Ut, [s(O, {
+				], 64)) : (h(), i("div", Ut, [s(C, {
 					size: "48",
 					color: "#ccc"
 				}, {
-					default: w(() => [s(S(V))]),
+					default: w(() => [s(S(B))]),
 					_: 1
 				}), c[57] ||= a("p", null, "点击标注进行编辑", -1)]))])]),
-				s(A, {
-					modelValue: X.value,
-					"onUpdate:modelValue": c[26] ||= (e) => X.value = e,
+				s(k, {
+					modelValue: Z.value,
+					"onUpdate:modelValue": c[26] ||= (e) => Z.value = e,
 					title: "批量修改颜色",
 					width: "320px",
 					"show-close": !0
 				}, {
-					footer: w(() => [s(E, { onClick: c[25] ||= (e) => X.value = !1 }, {
+					footer: w(() => [s(b, { onClick: c[25] ||= (e) => Z.value = !1 }, {
 						default: w(() => [...c[60] ||= [o("取消", -1)]]),
 						_: 1
-					}), s(E, {
+					}), s(b, {
 						type: "primary",
-						onClick: ce
+						onClick: ue
 					}, {
 						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,
+					default: w(() => [a("div", Wt, [c[59] ||= a("span", null, "选择颜色：", -1), s(p, {
+						modelValue: Q.value,
+						"onUpdate:modelValue": c[24] ||= (e) => Q.value = e,
 						"show-alpha": ""
 					}, null, 8, ["modelValue"])])]),
 					_: 1
 				}, 8, ["modelValue"]),
-				s(E, {
+				s(b, {
 					class: "ai-chat-fab",
-					type: b.value ? "primary" : "default",
+					type: D.value ? "primary" : "default",
 					circle: "",
 					size: "large",
-					onClick: c[27] ||= (e) => b.value = !b.value,
+					onClick: c[27] ||= (e) => D.value = !D.value,
 					title: "AI助手"
 				}, {
-					default: w(() => [s(O, null, {
-						default: w(() => [s(j)]),
+					default: w(() => [s(C, null, {
+						default: w(() => [s(A)]),
 						_: 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
+					visible: D.value,
+					messages: S(N).messages.value,
+					loading: S(N).loading.value,
+					"is-collab": S(N).isCollabMode.value,
+					"collab-users": S(N).collabUsers.value,
+					"current-user": S(N).currentUser.value,
+					"is-owner": R.value,
+					onSend: _e,
+					onClose: c[28] ||= (e) => D.value = !1,
+					"unread-mention": S(N).unreadMention.value,
+					onClearUnread: c[29] ||= (e) => S(N).clearUnreadMention(),
+					onClear: ve
 				}, null, 8, [
 					"visible",
 					"messages",
@@ -2251,15 +2316,15 @@ var vt = (e, { onRemoteChange: t } = {}) => {
 					"unread-mention"
 				]),
 				s(Ge, {
-					modelValue: T.value,
-					"onUpdate:modelValue": c[30] ||= (e) => T.value = e,
-					"document-id": d.value,
-					onApply: _e
+					modelValue: M.value,
+					"onUpdate:modelValue": c[30] ||= (e) => M.value = e,
+					"document-id": T.value,
+					onApply: be
 				}, null, 8, ["modelValue", "document-id"])
 			]);
 		};
 	}
-}, [["__scopeId", "data-v-8aef20c7"]]), qt = c({
+}, [["__scopeId", "data-v-b215517d"]]), qt = c({
 	name: "YourCompanyExplosionImage",
 	props: {
 		docId: {
@@ -2270,6 +2335,14 @@ var vt = (e, { onRemoteChange: t } = {}) => {
 			type: String,
 			default: "/api"
 		},
+		saveApi: {
+			type: [String, Function],
+			default: null
+		},
+		loadApi: {
+			type: [String, Function],
+			default: null
+		},
 		wsUrl: {
 			type: String,
 			default: ""
@@ -2285,6 +2358,10 @@ var vt = (e, { onRemoteChange: t } = {}) => {
 		roomId: {
 			type: String,
 			default: ""
+		},
+		uiConfig: {
+			type: Object,
+			default: () => ({})
 		}
 	},
 	setup(e, { slots: t }) {