@billtaofbj/explosion-diagram 1.0.0 → 1.1.0

package/dist/index.es.js

@@ -2,28 +2,28 @@ import { Fragment as e, Transition as t, computed as n, createBlock as r, create
 import { BrandWatermark as D } from "@billtaofbj/core";
 import { useRoute as O, useRouter as k } from "vue-router";
 import { ElMessage as A, ElMessageBox as j } from "element-plus";
-import { ArrowDown as M, ArrowLeft as ee, Back as te, Bell as N, Clock as P, Close as F, Connection as I, Delete as L, Download as R, Files as z, Link as B, Loading as V, Monitor as H, Promotion as U, RefreshLeft as W, RefreshRight as ne, Share as re, Upload as G, ZoomIn as ie, ZoomOut as K } from "@element-plus/icons-vue";
-import q from "axios";
-import * as J from "yjs";
+import { ArrowDown as M, ArrowLeft as N, Back as ee, Bell as P, Clock as F, Close as te, Connection as I, Delete as L, Download as R, Files as z, Link as B, Loading as V, Monitor as H, Promotion as U, RefreshLeft as W, RefreshRight as G, Share as K, Upload as q, ZoomIn as ne, ZoomOut as re } from "@element-plus/icons-vue";
+import J from "axios";
+import * as ie from "yjs";
 import { HocuspocusProvider as ae } from "@hocuspocus/provider";
 //#region \0plugin-vue:export-helper
 var Y = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, oe = { class: "chat-header" }, se = { class: "chat-header-left" }, X = { class: "chat-title" }, ce = { class: "online-users-list" }, le = { class: "online-user-item" }, ue = { class: "online-user-name" }, de = { key: 1 }, fe = { class: "online-user-name" }, pe = { class: "chat-header-right" }, Z = {
+}, X = { class: "chat-header" }, oe = { class: "chat-header-left" }, se = { class: "chat-title" }, ce = { class: "online-users-list" }, le = { class: "online-user-item" }, Z = { class: "online-user-name" }, ue = { key: 1 }, de = { class: "online-user-name" }, fe = { class: "chat-header-right" }, pe = {
 	key: 0,
 	class: "chat-empty"
-}, me = { class: "chat-empty-hint" }, he = { key: 1 }, ge = { class: "message-content" }, Q = {
+}, me = { class: "chat-empty-hint" }, he = { key: 1 }, Q = { class: "message-content" }, ge = {
 	key: 0,
 	class: "message-meta"
 }, _e = {
 	key: 0,
 	class: "message-mention"
-}, ve = ["innerHTML"], ye = { class: "message-time" }, $ = {
+}, ve = ["innerHTML"], ye = { class: "message-time" }, be = {
 	key: 1,
 	class: "chat-message chat-message-ai"
-}, be = { class: "message-avatar ai" }, xe = { class: "chat-input-area" }, Se = {
+}, xe = { class: "message-avatar ai" }, Se = { class: "chat-input-area" }, $ = {
 	key: 0,
 	class: "mention-popup"
 }, Ce = ["onClick", "onMouseenter"], we = { key: 1 }, Te = /*#__PURE__*/ Y({
@@ -77,26 +77,26 @@ var Y = (e, t) => {
 		"clear-unread"
 	],
 	setup(t, { emit: l }) {
-		let u = t, m = l, h = v(""), _ = v(null), D = v(null), O = v(!1), k = v([]), A = v(0), j = "", M = -1, ee = {
+		let u = t, m = l, h = v(""), _ = v(null), D = v(null), O = v(!1), k = v([]), A = v(0), j = "", M = -1, N = {
 			id: "ai-assistant",
 			name: "AI助手",
 			color: "#409EFF",
 			isAi: !0
-		}, te = n(() => {
+		}, ee = n(() => {
 			let e = u.currentUser.id, t = /* @__PURE__ */ new Set();
-			return [ee, ...u.collabUsers.filter((n) => {
+			return [N, ...u.collabUsers.filter((n) => {
 				let r = n.clientId || n.id || "";
 				if (r && r === e) return !1;
 				let i = String(r || n.name || "");
 				return t.has(i) ? !1 : (t.add(i), !0);
 			})];
-		}), P = n(() => te.value.length + 1), I = (e) => e.role === "ai" ? "chat-message-ai" : u.isCollab && e.user_id && e.user_id !== u.currentUser.id ? "chat-message-other" : "chat-message-user", R = (e) => e.role === "ai" ? { background: "linear-gradient(135deg, #409EFF, #337ECC)" } : { background: e.user_color || "#67C23A" }, z = (e) => (e.user_name || "U").charAt(0), B = (e) => {
+		}), F = n(() => ee.value.length + 1), I = (e) => e.role === "ai" ? "chat-message-ai" : u.isCollab && e.user_id && e.user_id !== u.currentUser.id ? "chat-message-other" : "chat-message-user", R = (e) => e.role === "ai" ? { background: "linear-gradient(135deg, #409EFF, #337ECC)" } : { background: e.user_color || "#67C23A" }, z = (e) => (e.user_name || "U").charAt(0), B = (e) => {
 			if (!u.isCollab) return;
 			let t = typeof e == "string" ? e : e.target?.value || h.value, n = t.length, r = t.lastIndexOf("@", n);
 			if (r !== -1 && r < n) {
 				let e = t.slice(r + 1, n);
 				if (!e.includes(" ") && !e.includes("\n")) {
-					j = e, M = r, k.value = te.value.filter((t) => t.name && t.name.toLowerCase().includes(e.toLowerCase())), O.value = k.value.length > 0, A.value = 0;
+					j = e, M = r, k.value = ee.value.filter((t) => t.name && t.name.toLowerCase().includes(e.toLowerCase())), O.value = k.value.length > 0, A.value = 0;
 					return;
 				}
 			}
@@ -105,16 +105,16 @@ var Y = (e, t) => {
 			O.value && (A.value = Math.min(A.value + 1, k.value.length - 1));
 		}, W = () => {
 			O.value && (A.value = Math.max(A.value - 1, 0));
-		}, ne = (e) => {
+		}, G = (e) => {
 			let t = h.value.slice(0, M), n = h.value.slice(M + j.length + 1);
 			h.value = `${t}@${e.name} ${n}`, O.value = !1;
-		}, re = (e) => {
+		}, K = (e) => {
 			if (e) {
 				if (e.shiftKey) return;
 				if (O.value) {
 					let t = k.value[A.value];
 					if (t) {
-						e.preventDefault(), ne(t);
+						e.preventDefault(), G(t);
 						return;
 					}
 				}
@@ -128,19 +128,19 @@ var Y = (e, t) => {
 				e && (n = e[1]);
 			}
 			m("send", t, { mentionedUser: n }), h.value = "", O.value = !1;
-		}, G = () => {
+		}, q = () => {
 			d(() => {
 				_.value && (_.value.scrollTop = _.value.scrollHeight);
 			});
 		};
-		return C(() => u.messages.length, G), C(() => u.messages, G, { deep: !0 }), (n, l) => {
+		return C(() => u.messages.length, q), C(() => u.messages, q, { deep: !0 }), (n, l) => {
 			let u = b("el-icon"), d = b("el-tag"), v = b("el-popover"), C = b("el-button"), j = b("el-input");
 			return t.visible ? (g(), a("div", {
 				key: 0,
 				class: "ai-chat-panel",
 				style: p({ width: t.panelWidth + "px" })
 			}, [
-				o("div", oe, [o("div", se, [
+				o("div", X, [o("div", oe, [
 					c(u, {
 						size: 18,
 						color: "#409EFF"
@@ -148,7 +148,7 @@ var Y = (e, t) => {
 						default: w(() => [c(S(H))]),
 						_: 1
 					}),
-					o("span", X, x(t.isCollab ? "协作聊天" : "AI 助手"), 1),
+					o("span", se, x(t.isCollab ? "协作聊天" : "AI 助手"), 1),
 					t.isCollab ? (g(), r(v, {
 						key: 0,
 						width: 200,
@@ -161,7 +161,7 @@ var Y = (e, t) => {
 							effect: "plain",
 							class: "online-tag"
 						}, {
-							default: w(() => [s(x(P.value) + "人在线 ", 1)]),
+							default: w(() => [s(x(F.value) + "人在线 ", 1)]),
 							_: 1
 						})]),
 						default: w(() => [o("div", ce, [o("div", le, [
@@ -169,7 +169,7 @@ var Y = (e, t) => {
 								class: "online-user-avatar",
 								style: p({ background: t.currentUser.color || "#409EFF" })
 							}, x((t.currentUser.name || "U").charAt(0)), 5),
-							o("span", ue, x(t.currentUser.name || "我"), 1),
+							o("span", Z, x(t.currentUser.name || "我"), 1),
 							c(d, {
 								size: "small",
 								type: t.isOwner ? "warning" : "success",
@@ -180,7 +180,7 @@ var Y = (e, t) => {
 								_: 1
 							}, 8, ["type"]),
 							l[4] ||= o("span", { class: "self-tag" }, "（我）", -1)
-						]), (g(!0), a(e, null, y(te.value, (e) => (g(), a("div", {
+						]), (g(!0), a(e, null, y(ee.value, (e) => (g(), a("div", {
 							key: e.id || e.clientId,
 							class: "online-user-item"
 						}, [
@@ -193,8 +193,8 @@ var Y = (e, t) => {
 							}, {
 								default: w(() => [c(S(H))]),
 								_: 1
-							})) : (g(), a("span", de, x((e.name || "U").charAt(0)), 1))], 4),
-							o("span", fe, x(e.name || "未知用户"), 1),
+							})) : (g(), a("span", ue, x((e.name || "U").charAt(0)), 1))], 4),
+							o("span", de, x(e.name || "未知用户"), 1),
 							e.isAi ? (g(), r(d, {
 								key: 0,
 								size: "small",
@@ -217,7 +217,7 @@ var Y = (e, t) => {
 						]))), 128))])]),
 						_: 1
 					})) : i("", !0)
-				]), o("div", pe, [
+				]), o("div", fe, [
 					t.isCollab && t.unreadMention ? (g(), a("div", {
 						key: 0,
 						class: "mention-bell",
@@ -227,7 +227,7 @@ var Y = (e, t) => {
 						size: 18,
 						color: "#F56C6C"
 					}, {
-						default: w(() => [c(S(N))]),
+						default: w(() => [c(S(P))]),
 						_: 1
 					})])) : i("", !0),
 					c(C, {
@@ -251,7 +251,7 @@ var Y = (e, t) => {
 						title: "关闭"
 					}, {
 						default: w(() => [c(u, null, {
-							default: w(() => [c(S(F))]),
+							default: w(() => [c(S(te))]),
 							_: 1
 						})]),
 						_: 1
@@ -262,7 +262,7 @@ var Y = (e, t) => {
 					ref_key: "messagesRef",
 					ref: _
 				}, [
-					t.messages.length === 0 ? (g(), a("div", Z, [
+					t.messages.length === 0 ? (g(), a("div", pe, [
 						c(u, {
 							size: 40,
 							color: "#c0c4cc"
@@ -285,8 +285,8 @@ var Y = (e, t) => {
 					}, {
 						default: w(() => [c(S(H))]),
 						_: 1
-					})) : (g(), a("span", he, x(z(e)), 1))], 4), o("div", ge, [
-						t.isCollab && e.role === "user" ? (g(), a("div", Q, [o("span", {
+					})) : (g(), a("span", he, x(z(e)), 1))], 4), o("div", Q, [
+						t.isCollab && e.role === "user" ? (g(), a("div", ge, [o("span", {
 							class: "message-sender",
 							style: p({ color: e.user_color || "#67C23A" })
 						}, x(e.user_name || "用户"), 5), e.mentioned_user ? (g(), a("span", _e, "@" + x(e.mentioned_user), 1)) : i("", !0)])) : i("", !0),
@@ -296,7 +296,7 @@ var Y = (e, t) => {
 						}, null, 8, ve),
 						o("div", ye, x(e.time), 1)
 					])], 2))), 128)),
-					t.loading ? (g(), a("div", $, [o("div", be, [c(u, { size: 16 }, {
+					t.loading ? (g(), a("div", be, [o("div", xe, [c(u, { size: 16 }, {
 						default: w(() => [c(S(H))]),
 						_: 1
 					})]), l[7] ||= o("div", { class: "message-content" }, [o("div", { class: "message-text typing-indicator" }, [
@@ -305,7 +305,7 @@ var Y = (e, t) => {
 						o("span")
 					])], -1)])) : i("", !0)
 				], 512),
-				o("div", xe, [o("div", {
+				o("div", Se, [o("div", {
 					class: "chat-input-wrapper",
 					ref_key: "inputWrapperRef",
 					ref: D
@@ -320,7 +320,7 @@ var Y = (e, t) => {
 						},
 						placeholder: t.isCollab ? "输入消息... @提及成员" : "输入消息...",
 						onKeydown: [
-							T(E(re, ["exact"]), ["enter"]),
+							T(E(K, ["exact"]), ["enter"]),
 							T(E(V, ["prevent"]), ["down"]),
 							T(E(W, ["prevent"]), ["up"])
 						],
@@ -331,10 +331,10 @@ var Y = (e, t) => {
 						"placeholder",
 						"onKeydown"
 					]),
-					O.value ? (g(), a("div", Se, [(g(!0), a(e, null, y(k.value, (e, t) => (g(), a("div", {
+					O.value ? (g(), a("div", $, [(g(!0), a(e, null, y(k.value, (e, t) => (g(), a("div", {
 						key: e.id || e.clientId,
 						class: f(["mention-item", { active: t === A.value }]),
-						onClick: (t) => ne(e),
+						onClick: (t) => G(e),
 						onMouseenter: (e) => A.value = t
 					}, [o("div", {
 						class: "mention-avatar",
@@ -351,7 +351,7 @@ var Y = (e, t) => {
 						type: "primary",
 						circle: "",
 						disabled: !h.value.trim() || t.loading,
-						onClick: re
+						onClick: K
 					}, {
 						default: w(() => [c(u, null, {
 							default: w(() => [c(S(U))]),
@@ -422,7 +422,7 @@ function Ee() {
 			console.warn("[useChat] Failed to push to Y.Array:", e);
 		}
 		if (r.roomId) try {
-			await q.post(u, {
+			await J.post(u, {
 				room_id: r.roomId,
 				role: "user",
 				content: t,
@@ -448,7 +448,7 @@ function Ee() {
 			console.warn("[useChat] Failed to push AI message to Y.Array:", e);
 		}
 		if (r) try {
-			await q.post(u, {
+			await J.post(u, {
 				room_id: r,
 				role: "ai",
 				content: t,
@@ -460,7 +460,7 @@ function Ee() {
 		}
 	}, b = async (t) => {
 		if (t) try {
-			let n = await q.get(u, { params: { room_id: t } });
+			let n = await J.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()}`,
@@ -479,7 +479,7 @@ function Ee() {
 		}
 	}, x = async (t) => {
 		if (e.value = [], l.clear(), t) try {
-			await q.delete(u, { params: { room_id: t } });
+			await J.delete(u, { params: { room_id: t } });
 		} catch (e) {
 			console.warn("[useChat] Failed to clear messages on server:", e);
 		}
@@ -522,7 +522,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 		saveVersion: async ({ documentId: e, docType: t, content: n, userId: r, userName: i }) => {
 			if (!e || !t || !n) return null;
 			try {
-				let { data: a } = await q.post(De, {
+				let { data: a } = await J.post(De, {
 					document_id: e,
 					doc_type: t,
 					content: typeof n == "string" ? n : JSON.stringify(n),
@@ -538,7 +538,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 			if (!n) return [];
 			t.value = !0;
 			try {
-				let { data: t } = await q.get(De, {
+				let { data: t } = await J.get(De, {
 					params: { document_id: n },
 					timeout: Oe
 				});
@@ -551,7 +551,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 		},
 		getVersionContent: async (e) => {
 			try {
-				let { data: t } = await q.get(`${De}/${e}`, { timeout: Oe });
+				let { data: t } = await J.get(`${De}/${e}`, { timeout: Oe });
 				return t;
 			} catch (e) {
 				return console.warn("[useVersionHistory] Failed to get version content:", e), null;
@@ -606,7 +606,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 			}
 		}, M = () => {
 			T.value = !1;
-		}, ee = (e) => {
+		}, 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())}`;
@@ -637,7 +637,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 					size: 48,
 					color: "#c0c4cc"
 				}, {
-					default: w(() => [c(S(P))]),
+					default: w(() => [c(S(F))]),
 					_: 1
 				}), n[2] ||= o("p", null, "暂无历史版本", -1)])) : (g(), a("div", Ne, [O.value ? (g(), a("div", Pe, [o("div", Fe, [c(u, {
 					type: "success",
@@ -648,7 +648,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 				}), o("span", Ie, "v" + x(O.value.version_number), 1)])])) : i("", !0), c(h, null, {
 					default: w(() => [(g(!0), a(e, null, y(S(p), (e) => (g(), r(d, {
 						key: e.id,
-						timestamp: ee(e.created_at),
+						timestamp: N(e.created_at),
 						placement: "top",
 						type: E.value?.id === e.id ? "primary" : "",
 						hollow: E.value?.id !== e.id
@@ -691,6 +691,14 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 		showHistory: {
 			type: Boolean,
 			default: !1
+		},
+		showBackButton: {
+			type: Boolean,
+			default: !0
+		},
+		titleDisabled: {
+			type: Boolean,
+			default: !1
 		}
 	},
 	emits: [
@@ -717,24 +725,26 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 		return C(() => n.title, (e) => l.value = e), (n, u) => {
 			let d = b("el-icon"), f = b("el-button"), m = b("el-input"), h = b("el-dropdown-item"), _ = b("el-dropdown-menu"), v = b("el-dropdown"), C = b("el-tooltip"), T = b("el-divider");
 			return g(), a("div", He, [
-				o("div", Ue, [c(f, {
+				o("div", Ue, [t.showBackButton ? (g(), r(f, {
+					key: 0,
 					onClick: u[0] ||= (e) => n.$emit("back"),
 					size: "small",
 					circle: ""
 				}, {
 					default: w(() => [c(d, null, {
-						default: w(() => [c(S(ee))]),
+						default: w(() => [c(S(N))]),
 						_: 1
 					})]),
 					_: 1
-				}), c(m, {
+				})) : i("", !0), c(m, {
 					modelValue: l.value,
 					"onUpdate:modelValue": u[1] ||= (e) => l.value = e,
 					onBlur: u[2] ||= (e) => n.$emit("update:title", l.value),
+					disabled: t.titleDisabled,
 					placeholder: "输入标题",
 					class: "title-input",
 					size: "small"
-				}, null, 8, ["modelValue"])]),
+				}, null, 8, ["modelValue", "disabled"])]),
 				o("div", We, [
 					c(v, {
 						trigger: "click",
@@ -816,7 +826,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 							onClick: u[5] ||= (e) => n.$emit("import-json")
 						}, {
 							default: w(() => [c(d, null, {
-								default: w(() => [c(S(G))]),
+								default: w(() => [c(S(q))]),
 								_: 1
 							})]),
 							_: 1
@@ -887,7 +897,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 						disabled: !t.canRedo
 					}, {
 						default: w(() => [c(d, null, {
-							default: w(() => [c(S(ne))]),
+							default: w(() => [c(S(G))]),
 							_: 1
 						})]),
 						_: 1
@@ -899,7 +909,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 						onClick: u[11] ||= (e) => n.$emit("zoom-in")
 					}, {
 						default: w(() => [c(d, null, {
-							default: w(() => [c(S(ie))]),
+							default: w(() => [c(S(ne))]),
 							_: 1
 						})]),
 						_: 1
@@ -910,7 +920,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 						onClick: u[12] ||= (e) => n.$emit("zoom-out")
 					}, {
 						default: w(() => [c(d, null, {
-							default: w(() => [c(S(K))]),
+							default: w(() => [c(S(re))]),
 							_: 1
 						})]),
 						_: 1
@@ -930,7 +940,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 						onClick: u[13] ||= (e) => n.$emit("toggle-collab")
 					}, {
 						default: w(() => [c(d, null, {
-							default: w(() => [c(S(re))]),
+							default: w(() => [c(S(K))]),
 							_: 1
 						}), o("span", null, x(t.isConnected ? "协作中" : "协作"), 1)]),
 						_: 1
@@ -1001,7 +1011,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 						onClick: u[17] ||= (e) => n.$emit("history")
 					}, {
 						default: w(() => [c(d, null, {
-							default: w(() => [c(S(P))]),
+							default: w(() => [c(S(F))]),
 							_: 1
 						})]),
 						_: 1
@@ -1010,7 +1020,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 			]);
 		};
 	}
-}, [["__scopeId", "data-v-919c0dae"]]), Ye = ["viewBox"], Xe = ["id"], Ze = [
+}, [["__scopeId", "data-v-5c549dd2"]]), Ye = ["viewBox"], Xe = ["id"], Ze = [
 	"x",
 	"y",
 	"width",
@@ -1536,7 +1546,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 //#endregion
 //#region ../../src/composables/useExplosionCollaboration.js
 function At(e, { roomPrefix: t, syncKey: n = "_data" } = {}) {
-	let r = new J.Doc(), i = v(!1), a = v(!1), o = v(!1), s = v(!1), c = v([]), l = null, u = null, d = null, f = null, p = !1, m = null, g = `ws://${window.location.hostname || "localhost"}:1234`, _ = `${t}-${e}`, y = () => {
+	let r = new ie.Doc(), i = v(!1), a = v(!1), o = v(!1), s = v(!1), c = v([]), l = null, u = null, d = null, f = null, p = !1, m = null, g = `ws://${window.location.hostname || "localhost"}:1234`, _ = `${t}-${e}`, y = () => {
 		b(), m = setInterval(() => {
 			if (l && l.connection && l.connection.ws && l.connection.ws.readyState === WebSocket.CLOSED) try {
 				l.connect();
@@ -1694,54 +1704,89 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 	gap: "8px"
 } }, $t = "explosion-diagram", en = /*#__PURE__*/ Y({
 	__name: "ExplosionDiagramEditor",
+	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(l) {
-		let u = O(), d = k(), f = v(null), p = v(!1), C = v(!1), { saveVersion: T } = ke(), E = Ee(), D = _({
+		let u = l, d = n(() => ({
+			backButton: "show",
+			titleEditable: !0,
+			authorEditable: !0,
+			...u.uiConfig
+		})), f = n(() => u.docId ?? p.params.id), p = O(), C = k(), T = v(u.docId ?? null), E = v(!1), D = v(!1), { saveVersion: M } = ke(), N = Ee(), P = _({
 			title: "爆炸图",
 			components: [],
 			connections: []
-		}), M = v(!1), ee = v(!1), N = v(!1), P = null, F = v([]), I = v(-1), L = v(null), R = v([]), z = v(null), B = v(null), V = v(!1), H = v(null), U = v(null), W = v([]), ne = v(null), re = v(null), G = v(!1), ie = v(null), K = v([]), J = n(() => W.value.length ? W.value[W.value.length - 1] : null), ae = n(() => {
-			if (!J.value) return D.components;
+		}), F = v(!1), te = v(!1), I = v(!1), L = null, R = v([]), z = v(-1), B = v(null), V = v([]), H = v(null), U = v(null), W = v(!1), G = v(null), K = v(null), q = v([]), ne = v(null), re = v(null), ie = v(!1), ae = v(null), Y = v([]), X = n(() => q.value.length ? q.value[q.value.length - 1] : null), oe = n(() => {
+			if (!X.value) return P.components;
 			let e = (t) => {
 				let n = /* @__PURE__ */ new Set([t]);
-				return D.components.filter((e) => e.groupId === t).forEach((t) => {
+				return P.components.filter((e) => e.groupId === t).forEach((t) => {
 					n.add(t.id), t.shape === "group" && e(t.id).forEach((e) => n.add(e));
 				}), n;
-			}, t = e(J.value);
-			return D.components.filter((e) => t.has(e.id));
-		}), Y = n(() => {
-			if (!J.value) return D.connections;
-			let e = new Set(ae.value.map((e) => e.id));
-			return D.connections.filter((t) => e.has(t.fromId) || e.has(t.toId));
-		}), oe = n(() => {
-			if (!J.value) return "0 0 2000 1500";
-			let e = D.components.find((e) => e.id === J.value);
+			}, t = e(X.value);
+			return P.components.filter((e) => t.has(e.id));
+		}), se = n(() => {
+			if (!X.value) return P.connections;
+			let e = new Set(oe.value.map((e) => e.id));
+			return P.connections.filter((t) => e.has(t.fromId) || e.has(t.toId));
+		}), ce = n(() => {
+			if (!X.value) return "0 0 2000 1500";
+			let e = P.components.find((e) => e.id === X.value);
 			if (!e) return "0 0 2000 1500";
-			let t = ae.value.filter((e) => e.id !== J.value);
+			let t = oe.value.filter((e) => e.id !== X.value);
 			if (!t.length) return `${e.x} ${e.y} ${e.width} ${e.height}`;
 			let n = Infinity, r = Infinity, i = -Infinity, a = -Infinity;
 			return t.forEach((e) => {
 				n = Math.min(n, e.x), r = Math.min(r, e.y), i = Math.max(i, e.x + e.width), a = Math.max(a, e.y + e.height);
 			}), `${n - 40} ${r - 40} ${i - n + 80} ${a - r + 80}`;
-		}), se = (e) => D.components.find((t) => t.id === e), X = () => {
-			F.value = F.value.slice(0, I.value + 1), F.value.push(JSON.stringify({
-				components: D.components,
-				connections: D.connections
-			})), I.value = F.value.length - 1, ce();
-		}, ce = () => {
-			M.value && P && P.pushToYjs(D);
-		}, le = () => {
-			if (I.value > 0) {
-				I.value--;
-				let e = JSON.parse(F.value[I.value]);
-				D.components = e.components, D.connections = e.connections, ce();
-			}
+		}), le = (e) => P.components.find((t) => t.id === e), Z = () => {
+			R.value = R.value.slice(0, z.value + 1), R.value.push(JSON.stringify({
+				components: P.components,
+				connections: P.connections
+			})), z.value = R.value.length - 1, ue();
 		}, ue = () => {
-			if (I.value < F.value.length - 1) {
-				I.value++;
-				let e = JSON.parse(F.value[I.value]);
-				D.components = e.components, D.connections = e.connections, ce();
+			F.value && L && L.pushToYjs(P);
+		}, de = () => {
+			if (z.value > 0) {
+				z.value--;
+				let e = JSON.parse(R.value[z.value]);
+				P.components = e.components, P.connections = e.connections, ue();
+			}
+		}, fe = () => {
+			if (z.value < R.value.length - 1) {
+				z.value++;
+				let e = JSON.parse(R.value[z.value]);
+				P.components = e.components, P.connections = e.connections, ue();
 			}
-		}, de = () => {}, fe = () => {}, pe = 0, Z = () => `comp-${++pe}-${Date.now()}`, me = {
+		}, pe = () => {}, me = () => {}, he = 0, Q = () => `comp-${++he}-${Date.now()}`, ge = {
 			rect: [140, 60],
 			circle: [80, 80],
 			diamond: [100, 80],
@@ -1751,20 +1796,20 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 			polygon: [150, 120],
 			svg: [120, 120],
 			group: [200, 150]
-		}, he = v(null), ge = v(null), Q = null, _e = (e) => {
+		}, _e = v(null), ve = v(null), ye = null, be = (e) => {
 			if (e === "image") {
-				Q = "image", he.value?.click();
+				ye = "image", _e.value?.click();
 				return;
 			}
 			if (e === "svg") {
-				Q = "svg", ge.value?.click();
+				ye = "svg", ve.value?.click();
 				return;
 			}
 			if (e === "polygon") {
 				let e = {
-					id: Z(),
+					id: Q(),
 					shape: "polygon",
-					label: `${D.components.length + 1}`,
+					label: `${P.components.length + 1}`,
 					description: "",
 					x: 300 + Math.random() * 200,
 					y: 200 + Math.random() * 200,
@@ -1776,14 +1821,14 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 					textColor: "#333",
 					fontSize: 14
 				};
-				J.value && (e.groupId = J.value), D.components.push(e), X();
+				X.value && (e.groupId = X.value), P.components.push(e), Z();
 				return;
 			}
 			if (e === "group") {
 				let e = {
-					id: Z(),
+					id: Q(),
 					shape: "group",
-					label: `${D.components.length + 1}`,
+					label: `${P.components.length + 1}`,
 					description: "",
 					x: 300 + Math.random() * 200,
 					y: 200 + Math.random() * 200,
@@ -1795,13 +1840,13 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 					textColor: "#333",
 					fontSize: 14
 				};
-				J.value && (e.groupId = J.value), D.components.push(e), X();
+				X.value && (e.groupId = X.value), P.components.push(e), Z();
 				return;
 			}
-			let [t, n] = me[e] || [120, 60], r = {
-				id: Z(),
+			let [t, n] = ge[e] || [120, 60], r = {
+				id: Q(),
 				shape: e,
-				label: `${D.components.length + 1}`,
+				label: `${P.components.length + 1}`,
 				description: "",
 				x: 300 + Math.random() * 200,
 				y: 200 + Math.random() * 200,
@@ -1812,19 +1857,19 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 				textColor: "#333",
 				fontSize: 14
 			};
-			J.value && (r.groupId = J.value), D.components.push(r), X();
-		}, ve = async (e) => {
+			X.value && (r.groupId = X.value), P.components.push(r), Z();
+		}, xe = async (e) => {
 			let t = e.target.files?.[0];
 			if (!t) return;
 			let n = new FormData();
-			n.append("file", t), Q === "image" && n.append("remove_bg", "true");
+			n.append("file", t), ye === "image" && n.append("remove_bg", "true");
 			try {
-				let e = await q.post("/api/files/upload/image", n), r = e.data.url || e.data.file_path;
-				if (Q === "image") {
+				let e = await J.post(`${u.apiBase}/files/upload/image`, n), r = e.data.url || e.data.file_path;
+				if (ye === "image") {
 					let e = {
-						id: Z(),
+						id: Q(),
 						shape: "image",
-						label: `${D.components.length + 1}`,
+						label: `${P.components.length + 1}`,
 						description: "",
 						x: 300 + Math.random() * 200,
 						y: 200 + Math.random() * 200,
@@ -1836,17 +1881,17 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 						textColor: "#333",
 						fontSize: 14
 					};
-					J.value && (e.groupId = J.value), D.components.push(e);
-				} else if (Q === "svg") {
+					X.value && (e.groupId = X.value), P.components.push(e);
+				} else if (ye === "svg") {
 					let e = await t.text(), n = new DOMParser().parseFromString(e, "image/svg+xml").querySelector("svg"), r = n?.getAttribute("width") || 100, i = n?.getAttribute("height") || 100, a = n?.getAttribute("viewBox"), o = parseFloat(r), s = parseFloat(i);
 					if (a) {
 						let e = a.split(/[\s,]+/).map(Number);
 						o = e[2] || o, s = e[3] || s;
 					}
 					let c = n?.innerHTML || "", l = {
-						id: Z(),
+						id: Q(),
 						shape: "svg",
-						label: `${D.components.length + 1}`,
+						label: `${P.components.length + 1}`,
 						description: "",
 						x: 300 + Math.random() * 200,
 						y: 200 + Math.random() * 200,
@@ -1860,29 +1905,29 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 						textColor: "#333",
 						fontSize: 14
 					};
-					J.value && (l.groupId = J.value), D.components.push(l);
+					X.value && (l.groupId = X.value), P.components.push(l);
 				}
-				X();
+				Z();
 			} catch {
 				A.error("上传失败");
 			}
 			e.target.value = "";
-		}, ye = (e, t, n) => {
+		}, Se = (e, t, n) => {
 			if (n && (n.ctrlKey || n.metaKey)) {
-				R.value.includes(e.id) ? R.value = R.value.filter((t) => t !== e.id) : R.value.push(e.id), L.value = R.value[R.value.length - 1] || null, B.value = L.value ? D.components.find((e) => e.id === L.value) : null, z.value = "component";
+				V.value.includes(e.id) ? V.value = V.value.filter((t) => t !== e.id) : V.value.push(e.id), B.value = V.value[V.value.length - 1] || null, U.value = B.value ? P.components.find((e) => e.id === B.value) : null, H.value = "component";
 				return;
 			}
-			L.value = e.id, R.value = [e.id], z.value = t, B.value = e, U.value = null;
+			B.value = e.id, V.value = [e.id], H.value = t, U.value = e, K.value = null;
 		}, $ = () => {
-			L.value = null, R.value = [], z.value = null, B.value = null, U.value = null;
-		}, be = (e, t, n) => {
-			let r = xe(n), i = e.x, a = e.y, o = e.width, s = e.height, c = e.shape === "polygon" ? (e.points || "").trim().split(/\s+/).map((e) => e.split(",").map(Number)) : null, l = e.shape === "group", u = l ? D.components.filter((t) => t.groupId === e.id && t.id !== e.id) : [], d = u.map((e) => ({
+			B.value = null, V.value = [], H.value = null, U.value = null, K.value = null;
+		}, Ce = (e, t, n) => {
+			let r = we(n), i = e.x, a = e.y, o = e.width, s = e.height, c = e.shape === "polygon" ? (e.points || "").trim().split(/\s+/).map((e) => e.split(",").map(Number)) : null, l = e.shape === "group", u = l ? P.components.filter((t) => t.groupId === e.id && t.id !== e.id) : [], d = u.map((e) => ({
 				id: e.id,
 				x: e.x,
 				y: e.y,
 				w: e.width,
 				h: e.height
-			})), f = new Set(l ? u.map((e) => e.id) : [e.id]), p = D.connections.filter((e) => f.has(e.fromId) || f.has(e.toId)).map((e) => ({
+			})), f = new Set(l ? u.map((e) => e.id) : [e.id]), p = P.connections.filter((e) => f.has(e.fromId) || f.has(e.toId)).map((e) => ({
 				conn: e,
 				fromAnchor: e.fromAnchor ? {
 					x: e.fromAnchor.x,
@@ -1893,7 +1938,7 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 					y: e.toAnchor.y
 				} : null
 			})), m = (n) => {
-				let m = xe(n), h = m.x - r.x, g = m.y - r.y, _ = o, v = s, y = i, b = a;
+				let m = we(n), h = m.x - r.x, g = m.y - r.y, _ = o, v = s, y = i, b = a;
 				if (t === "se" ? (_ = o + h, v = s + g) : t === "sw" ? (y = i + h, _ = o - h, v = s + g) : t === "ne" ? (_ = o + h, b = a + g, v = s - g) : t === "nw" && (y = i + h, b = a + g, _ = o - h, v = s - g), _ = Math.max(30, _), v = Math.max(20, v), e.x = y, e.y = b, e.width = _, e.height = v, c && o > 0 && s > 0 && (e.points = c.map(([e, t]) => `${Math.round(e * _ / o)},${Math.round(t * v / s)}`).join(" ")), o > 0 && s > 0) {
 					let e = _ / o, t = v / s;
 					l && u.forEach((n, r) => {
@@ -1913,10 +1958,10 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 					});
 				}
 			}, h = () => {
-				document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", h), X();
+				document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", h), Z();
 			};
 			document.addEventListener("mousemove", m), document.addEventListener("mouseup", h);
-		}, xe = (e) => {
+		}, we = (e) => {
 			let t = document.querySelector(".diagram-svg");
 			if (!t) return {
 				x: 0,
@@ -1927,20 +1972,20 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 				x: (e.clientX - n.left) / n.width * r.width + r.x,
 				y: (e.clientY - n.top) / n.height * r.height + r.y
 			};
-		}, Se = (e, t, n, r = !1) => {
-			let i = D.components.find((t) => t.id === e);
+		}, De = (e, t, n, r = !1) => {
+			let i = P.components.find((t) => t.id === e);
 			if (!i) return;
 			let a = t - i.x, o = n - i.y;
-			i.x = t, i.y = n, i.shape === "group" && i.id && D.components.forEach((e) => {
+			i.x = t, i.y = n, i.shape === "group" && i.id && P.components.forEach((e) => {
 				e.groupId === i.id && e.id !== i.id && (e.x += a, e.y += o);
-			}), r && X();
-		}, Ce = (e) => {
+			}), r && Z();
+		}, Oe = (e) => {
 			if (e.shape === "group") {
-				je(e);
+				Pe(e);
 				return;
 			}
 			if (e.shape === "polygon") {
-				U.value && U.value.id === e.id ? U.value = null : U.value = e;
+				K.value && K.value.id === e.id ? K.value = null : K.value = e;
 				return;
 			}
 			j.prompt("编辑标签", "组件", {
@@ -1949,12 +1994,12 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 			}).then(({ value: t }) => {
 				t !== null && (e.label = t);
 			}).catch(() => {});
-		}, we = () => {
-			L.value && (z.value === "component" ? (D.components = D.components.filter((e) => e.id !== L.value), D.connections = D.connections.filter((e) => e.fromId !== L.value && e.toId !== L.value)) : D.connections = D.connections.filter((e) => e.id !== L.value), $(), X());
-		}, De = (e, t, n) => {
-			V.value = !0;
+		}, Ae = () => {
+			B.value && (H.value === "component" ? (P.components = P.components.filter((e) => e.id !== B.value), P.connections = P.connections.filter((e) => e.fromId !== B.value && e.toId !== B.value)) : P.connections = P.connections.filter((e) => e.id !== B.value), $(), Z());
+		}, je = (e, t, n) => {
+			W.value = !0;
 			let r = e.x + t.x, i = e.y + t.y;
-			H.value = {
+			G.value = {
 				x1: r,
 				y1: i,
 				x2: r,
@@ -1963,14 +2008,14 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 			let a = n.target.closest("svg"), o = (e) => {
 				if (!a) return;
 				let t = a.getBoundingClientRect(), n = a.viewBox.baseVal;
-				H.value.x2 = (e.clientX - t.left) / t.width * n.width + n.x, H.value.y2 = (e.clientY - t.top) / t.height * n.height + n.y;
+				G.value.x2 = (e.clientX - t.left) / t.width * n.width + n.x, G.value.y2 = (e.clientY - t.top) / t.height * n.height + n.y;
 			}, s = (n) => {
-				if (document.removeEventListener("mousemove", o), document.removeEventListener("mouseup", s), H.value = null, !a) {
-					V.value = !1;
+				if (document.removeEventListener("mousemove", o), document.removeEventListener("mouseup", s), G.value = null, !a) {
+					W.value = !1;
 					return;
 				}
 				let r = a.getBoundingClientRect(), i = a.viewBox.baseVal, c = (n.clientX - r.left) / r.width * i.width + i.x, l = (n.clientY - r.top) / r.height * i.height + i.y, u = null, d = 30;
-				for (let t of D.components) {
+				for (let t of P.components) {
 					if (t.id === e.id) continue;
 					let n = [
 						{
@@ -1996,13 +2041,13 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 					}
 				}
 				if (!u) {
-					for (let t of D.components) if (t.id !== e.id && c >= t.x && c <= t.x + t.width && l >= t.y && l <= t.y + t.height) {
+					for (let t of P.components) if (t.id !== e.id && c >= t.x && c <= t.x + t.width && l >= t.y && l <= t.y + t.height) {
 						u = t;
 						break;
 					}
 				}
-				u && (D.connections.find((t) => t.fromId === e.id && t.toId === u.id) || (D.connections.push({
-					id: Z(),
+				u && (P.connections.find((t) => t.fromId === e.id && t.toId === u.id) || (P.connections.push({
+					id: Q(),
 					fromId: e.id,
 					toId: u.id,
 					fromAnchor: {
@@ -2016,11 +2061,11 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 					label: "",
 					lineWidth: 2,
 					dashed: !1
-				}), X())), V.value = !1;
+				}), Z())), W.value = !1;
 			};
 			document.addEventListener("mousemove", o), document.addEventListener("mouseup", s);
-		}, Oe = () => {
-			let e = D.components.filter((e) => R.value.includes(e.id));
+		}, Me = () => {
+			let e = P.components.filter((e) => V.value.includes(e.id));
 			if (e.length < 2) {
 				A.warning("请至少选择2个零件进行组合");
 				return;
@@ -2029,7 +2074,7 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 			e.forEach((e) => {
 				t = Math.min(t, e.x), n = Math.min(n, e.y), r = Math.max(r, e.x + e.width), i = Math.max(i, e.y + e.height);
 			});
-			let a = Z();
+			let a = Q();
 			e.forEach((e) => {
 				e.groupId = a;
 			});
@@ -2048,46 +2093,48 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 				fontSize: 14,
 				movable: !1
 			};
-			J.value && (o.groupId = J.value), D.components = [
-				...D.components.filter((e) => !R.value.includes(e.id)),
+			X.value && (o.groupId = X.value), P.components = [
+				...P.components.filter((e) => !V.value.includes(e.id)),
 				o,
 				...e
-			], R.value = [], X();
-		}, Ae = (e) => {
-			let t = D.components.filter((t) => t.groupId === e.id && t.id !== e.id);
+			], V.value = [], Z();
+		}, Ne = (e) => {
+			let t = P.components.filter((t) => t.groupId === e.id && t.id !== e.id);
 			if (!t.length) return;
 			let n = Infinity, r = Infinity, i = -Infinity, a = -Infinity;
 			t.forEach((e) => {
 				n = Math.min(n, e.x), r = Math.min(r, e.y), i = Math.max(i, e.x + e.width), a = Math.max(a, e.y + e.height);
-			}), e.x = n - 10, e.y = r - 10, e.width = i - n + 20, e.height = a - r + 20, X();
-		}, je = (e) => {
-			W.value.push(e.id), $();
-		}, Me = () => {
-			W.value.length && (W.value.pop(), $());
-		}, Ne = (e) => {
-			W.value = W.value.slice(0, e + 1), $();
-		}, Pe = async (e) => {
+			}), e.x = n - 10, e.y = r - 10, e.width = i - n + 20, e.height = a - r + 20, Z();
+		}, Pe = (e) => {
+			q.value.push(e.id), $();
+		}, Fe = () => {
+			q.value.length && (q.value.pop(), $());
+		}, Ie = (e) => {
+			q.value = q.value.slice(0, e + 1), $();
+		}, Le = async (e) => {
 			let t = e.target.files?.[0];
-			if (!t || !B.value) return;
+			if (!t || !U.value) return;
 			let n = new FormData();
 			n.append("file", t);
 			try {
-				let e = await q.post("/api/files/upload/image", n);
-				B.value.imageUrl = e.data.url || e.data.file_path, Ae(B.value);
+				let e = await J.post(`${u.apiBase}/files/upload/image`, n);
+				U.value.imageUrl = e.data.url || e.data.file_path, Ne(U.value);
 			} catch {
 				A.error("上传失败");
 			}
 			e.target.value = "";
-		}, Fe = () => {
-			let e = D.components;
+		}, Re = () => {
+			let e = P.components;
 			if (!e.length) return;
 			let t = Math.ceil(Math.sqrt(e.length));
-			D.components = e.map((e, n) => ({
+			P.components = e.map((e, n) => ({
 				...e,
 				x: 100 + n % t * 200,
 				y: 100 + Math.floor(n / t) * 120
-			})), X();
-		}, Ie = () => d.push("/"), Le = [
+			})), Z();
+		}, ze = () => {
+			u.docId ?? C.push("/");
+		}, Be = [
 			"我可以帮您优化爆炸图布局、检查组件标注，或者提供装配顺序建议。请问有什么需要帮助的？",
 			"这个爆炸图的组件分布很清晰。建议检查连接线是否准确反映了实际装配关系。",
 			"根据当前的爆炸图结构，我建议为关键组件添加编号说明，便于阅读理解。",
@@ -2096,183 +2143,197 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 			"这个爆炸图的层次感不错。如果需要，我可以帮您优化组件间距和标注位置。",
 			"我可以帮您将爆炸图的数据导出为BOM清单格式，方便采购和生产管理。",
 			"文档中的组件信息很详细。建议补充每个组件的规格参数和供应商信息。"
-		], Re = async (e, t = {}) => {
-			let n = f.value ? `${$t}-${f.value}` : null;
-			await E.sendMessage(e, {
+		], He = async (e, t = {}) => {
+			let n = T.value ? `${$t}-${T.value}` : null;
+			await N.sendMessage(e, {
 				...t,
 				roomId: n
 			});
-			let r = t.mentionedUser, i = r && r.toLowerCase().includes("ai"), a = E.collabUsers.value.filter((e) => e.name !== E.currentUser.value.name);
-			(!r || i || a.length === 0) && (E.loading.value = !0, setTimeout(() => {
-				E.sendAiMessage(Le[Math.floor(Math.random() * Le.length)], n), E.loading.value = !1;
+			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(Be[Math.floor(Math.random() * Be.length)], n), N.loading.value = !1;
 			}, 800 + Math.random() * 1200));
-		}, ze = () => {
-			let e = f.value ? `${$t}-${f.value}` : null;
-			E.clearMessages(e);
-		}, Be = () => {
-			if (!f.value) {
+		}, Ue = () => {
+			let e = T.value ? `${$t}-${T.value}` : null;
+			N.clearMessages(e);
+		}, We = () => {
+			if (!T.value) {
 				A.warning("请先保存文档");
 				return;
 			}
-			C.value = !0;
-		}, He = (e) => {
+			D.value = !0;
+		}, Ge = (e) => {
 			try {
 				let t = typeof e == "string" ? JSON.parse(e) : e;
-				t.components && (D.components = t.components), t.connections && (D.connections = t.connections), $();
+				t.components && (P.components = t.components), t.connections && (P.connections = t.connections), $();
 			} catch (e) {
 				console.error("Version apply error:", e);
 			}
-		}, Ue = async () => {
-			if (M.value && P?.collaborationClosed.value && !N.value) {
+		}, Ke = async () => {
+			if (F.value && L?.collaborationClosed.value && !I.value) {
 				A.warning("协作已关闭，无法保存");
 				return;
 			}
 			try {
 				let e = {
-					title: D.title,
+					title: P.title,
 					view_type: "diagram",
 					config: JSON.stringify({
-						components: D.components,
-						connections: D.connections
+						components: P.components,
+						connections: P.connections
 					})
 				};
-				f.value ? await q.put(`/api/explosion-views/${f.value}`, e) : f.value = (await q.post("/api/explosion-views/", e)).data.id, A.success("保存成功"), T({
-					documentId: f.value,
+				if (typeof u.saveApi == "function") {
+					let t = await u.saveApi(e, T.value);
+					t?.id && (T.value = t.id);
+				} else if (typeof u.saveApi == "string") T.value ? await J.put(u.saveApi, e) : T.value = (await J.post(u.saveApi, e)).data.id;
+				else {
+					let t = u.apiBase;
+					T.value ? await J.put(`${t}/explosion-views/${T.value}`, e) : T.value = (await J.post(`${t}/explosion-views/`, e)).data.id;
+				}
+				A.success("保存成功"), M({
+					documentId: T.value,
 					docType: "diagram",
 					content: JSON.stringify({
-						components: D.components,
-						connections: D.connections
+						components: P.components,
+						connections: P.connections
 					}),
-					userId: String(E.currentUser.value?.id || ""),
-					userName: E.currentUser.value?.name || "未知"
+					userId: String(N.currentUser.value?.id || ""),
+					userName: N.currentUser.value?.name || "未知"
 				});
 			} catch {
 				A.error("保存失败");
 			}
-		}, We = async () => {
-			if (u.params.id) try {
-				let e = (await q.get(`/api/explosion-views/${u.params.id}`)).data;
-				if (f.value = e.id, D.title = e.title, e.config) {
+		}, qe = async () => {
+			if (f.value) try {
+				let e;
+				if (typeof u.loadApi == "function") e = await u.loadApi(f.value);
+				else if (typeof u.loadApi == "string") e = (await J.get(u.loadApi)).data;
+				else {
+					let t = u.apiBase;
+					e = (await J.get(`${t}/explosion-views/${f.value}`)).data;
+				}
+				if (T.value = e.id, P.title = e.title, e.config) {
 					let t = JSON.parse(e.config);
-					D.components = t.components || [], D.connections = t.connections || [];
+					P.components = t.components || [], P.connections = t.connections || [];
 				}
-				X();
+				Z();
 			} catch (e) {
 				console.error("load error", e);
 			}
-			else X();
-		}, Ge = async (e) => {
+			else Z();
+		}, Ye = async (e) => {
 			try {
 				let t = document.querySelector(".diagram-svg");
 				if (!t) return A.error("未找到SVG元素");
 				let n = new XMLSerializer().serializeToString(t);
 				if (e === "svg") {
 					let e = new Blob([n], { type: "image/svg+xml;charset=utf-8" }), t = URL.createObjectURL(e), r = document.createElement("a");
-					r.href = t, r.download = `${D.title || "爆炸图"}.svg`, r.click(), URL.revokeObjectURL(t);
+					r.href = t, r.download = `${P.title || "爆炸图"}.svg`, r.click(), URL.revokeObjectURL(t);
 				} else if (e === "png") {
 					let e = document.createElement("canvas"), t = e.getContext("2d"), r = new Image(), i = new Blob([n], { type: "image/svg+xml;charset=utf-8" }), a = URL.createObjectURL(i);
 					r.onload = () => {
 						e.width = r.width, e.height = r.height, t.fillStyle = "#fff", t.fillRect(0, 0, e.width, e.height), t.drawImage(r, 0, 0), e.toBlob((e) => {
 							let t = document.createElement("a");
-							t.href = URL.createObjectURL(e), t.download = `${D.title || "爆炸图"}.png`, t.click();
+							t.href = URL.createObjectURL(e), t.download = `${P.title || "爆炸图"}.png`, t.click();
 						}), URL.revokeObjectURL(a);
 					}, r.src = a;
 				} else A.info(`导出 ${e} 开发中`);
 			} catch {
 				A.error("导出失败");
 			}
-		}, Ke = (e) => {
-			P &&= (P.destroy(), null), P = jt(e, { onRemoteChange: (e) => {
-				e.title && (D.title = e.title), e.components && (D.components = e.components), e.connections && (D.connections = e.connections), $();
-			} }), P._setSyncReady(!1);
-		}, qe = async () => {
-			if (M.value) return;
-			if (!f.value && (await Ue(), !f.value)) {
+		}, Xe = (e) => {
+			L &&= (L.destroy(), null), L = jt(e, { onRemoteChange: (e) => {
+				e.title && (P.title = e.title), e.components && (P.components = e.components), e.connections && (P.connections = e.connections), $();
+			} }), L._setSyncReady(!1);
+		}, Ze = async () => {
+			if (F.value) return;
+			if (!T.value && (await Ke(), !T.value)) {
 				A.error("请先保存文档");
 				return;
 			}
-			Ke(String(f.value)), P.connect();
+			Xe(String(T.value)), L.connect();
 			let e = {
 				name: `用户${Math.floor(Math.random() * 1e3)}`,
 				color: `#${Math.floor(Math.random() * 16777215).toString(16).padStart(6, "0")}`
 			}, t = () => {
-				if (P.provider && P.provider.synced) {
-					P._setSyncReady(!0), P.setLocalUser(e);
-					let t = P.pullFromYjs();
-					t ? (t.title && (D.title = t.title), t.components && (D.components = t.components), t.connections && (D.connections = t.connections), $()) : D.components.length > 0 && P.pushToYjs(D), M.value = !0, N.value = !0, ee.value = !1, E.setCollabContext({
-						ydoc: P.ydoc,
-						provider: P.provider,
-						onlineUsers: P.onlineUsers
-					}), E.setCurrentUser({
-						id: P.provider.awareness.clientID,
+				if (L.provider && L.provider.synced) {
+					L._setSyncReady(!0), L.setLocalUser(e);
+					let t = L.pullFromYjs();
+					t ? (t.title && (P.title = t.title), t.components && (P.components = t.components), t.connections && (P.connections = t.connections), $()) : P.components.length > 0 && L.pushToYjs(P), F.value = !0, I.value = !0, te.value = !1, N.setCollabContext({
+						ydoc: L.ydoc,
+						provider: L.provider,
+						onlineUsers: L.onlineUsers
+					}), N.setCurrentUser({
+						id: L.provider.awareness.clientID,
 						name: e.name,
 						color: e.color
 					}), A.success("协作已开启");
 				} else setTimeout(t, 100);
 			};
 			setTimeout(t, 200);
-		}, Ye = () => {
-			P && (P.closeCollaboration(), M.value = !1, N.value = !1, A.info("协作已关闭"));
-		}, Xe = () => {
-			let e = u.params.id;
+		}, Qe = () => {
+			L && (L.closeCollaboration(), F.value = !1, I.value = !1, A.info("协作已关闭"));
+		}, $e = () => {
+			let e = p.params.id;
 			if (!e) return;
-			Ke(e), P.connect();
+			Xe(e), L.connect();
 			let t = {
 				name: `协作人${Math.floor(Math.random() * 1e3)}`,
 				color: `#${Math.floor(Math.random() * 16777215).toString(16).padStart(6, "0")}`
 			}, n = () => {
-				if (P.provider && P.provider.synced) {
-					if (P.checkCollaborationClosed()) {
-						P.disconnect(), M.value = !1, A.warning("该协作已关闭，无法加入");
+				if (L.provider && L.provider.synced) {
+					if (L.checkCollaborationClosed()) {
+						L.disconnect(), F.value = !1, A.warning("该协作已关闭，无法加入");
 						return;
 					}
-					P._setSyncReady(!0), P.setLocalUser(t);
-					let e = P.pullFromYjs();
-					e && (e.title && (D.title = e.title), e.components && (D.components = e.components), e.connections && (D.connections = e.connections), $()), M.value = !0, N.value = !1, E.setCollabContext({
-						ydoc: P.ydoc,
-						provider: P.provider,
-						onlineUsers: P.onlineUsers
-					}), E.setCurrentUser({
-						id: P.provider.awareness.clientID,
+					L._setSyncReady(!0), L.setLocalUser(t);
+					let e = L.pullFromYjs();
+					e && (e.title && (P.title = e.title), e.components && (P.components = e.components), e.connections && (P.connections = e.connections), $()), F.value = !0, I.value = !1, N.setCollabContext({
+						ydoc: L.ydoc,
+						provider: L.provider,
+						onlineUsers: L.onlineUsers
+					}), N.setCurrentUser({
+						id: L.provider.awareness.clientID,
 						name: t.name,
 						color: t.color
 					}), A.success("已加入协作");
 				} else setTimeout(n, 100);
 			};
 			setTimeout(n, 200);
-		}, Ze = () => {
-			M.value ? Ye() : qe();
-		}, Qe = async () => {
-			if (M.value || await qe(), !f.value && (await Ue(), !f.value)) {
+		}, et = () => {
+			F.value ? Qe() : Ze();
+		}, tt = async () => {
+			if (F.value || await Ze(), !T.value && (await Ke(), !T.value)) {
 				A.warning("请先保存文档后再分享");
 				return;
 			}
-			let e = `${window.location.origin}/explosion-diagram/${f.value}?collab=1`;
+			let e = `${window.location.origin}/explosion-diagram/${T.value}?collab=1`;
 			try {
 				await navigator.clipboard.writeText(e), A.success("协作链接已复制到剪贴板");
 			} catch {
 				A.info("协作链接: " + e);
 			}
-		}, $e = () => {
-			K.value = (B.value?.popupConfig || []).map((e) => ({ ...e })), G.value = !0;
-		}, et = () => {
-			K.value.push({
+		}, nt = () => {
+			Y.value = (U.value?.popupConfig || []).map((e) => ({ ...e })), ie.value = !0;
+		}, rt = () => {
+			Y.value.push({
 				key: "",
 				value: ""
 			});
-		}, tt = () => {
-			B.value.popupConfig = K.value.filter((e) => e.key.trim()), G.value = !1, X();
-		}, nt = (e) => {
+		}, it = () => {
+			U.value.popupConfig = Y.value.filter((e) => e.key.trim()), ie.value = !1, Z();
+		}, at = (e) => {
 			let t = e.target.files?.[0];
 			if (!t) return;
 			let n = new FileReader();
 			n.onload = () => {
 				try {
 					let e = JSON.parse(n.result);
-					Array.isArray(e) ? K.value = e.map((e) => ({
+					Array.isArray(e) ? Y.value = e.map((e) => ({
 						key: String(e.key || ""),
 						value: String(e.value || "")
-					})) : typeof e == "object" && (K.value = Object.entries(e).map(([e, t]) => ({
+					})) : typeof e == "object" && (Y.value = Object.entries(e).map(([e, t]) => ({
 						key: e,
 						value: String(t)
 					}))), A.success("导入成功");
@@ -2280,68 +2341,70 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 					A.error("JSON解析失败");
 				}
 			}, n.readAsText(t), e.target.value = "";
-		}, rt = () => {
+		}, ot = () => {
 			let e = JSON.stringify({
-				title: D.title,
-				components: D.components,
-				connections: D.connections
+				title: P.title,
+				components: P.components,
+				connections: P.connections
 			}, null, 2), t = new Blob([e], { type: "application/json" }), n = URL.createObjectURL(t), r = document.createElement("a");
-			r.href = n, r.download = `${D.title || "爆炸图"}.json`, r.click(), URL.revokeObjectURL(n), A.success("导出成功");
-		}, it = (e) => {
+			r.href = n, r.download = `${P.title || "爆炸图"}.json`, r.click(), URL.revokeObjectURL(n), A.success("导出成功");
+		}, st = (e) => {
 			let t = e.target.files?.[0];
 			if (!t) return;
 			let n = new FileReader();
 			n.onload = () => {
 				try {
 					let e = JSON.parse(n.result);
-					e.title && (D.title = e.title), e.components && (D.components = e.components), e.connections && (D.connections = e.connections), $(), X(), A.success("导入成功");
+					e.title && (P.title = e.title), e.components && (P.components = e.components), e.connections && (P.connections = e.connections), $(), Z(), A.success("导入成功");
 				} catch {
 					A.error("JSON解析失败");
 				}
 			}, n.readAsText(t), e.target.value = "";
 		};
 		m(async () => {
-			let e = localStorage.getItem("editor-user-name") || `用户${Math.floor(Math.random() * 1e3)}`;
-			localStorage.setItem("editor-user-name", e), E.setCurrentUser({
-				id: Date.now(),
+			let e = u.user?.name || localStorage.getItem("editor-user-name") || `用户${Math.floor(Math.random() * 1e3)}`;
+			localStorage.setItem("editor-user-name", e), N.setCurrentUser({
+				id: u.user?.id || Date.now(),
 				name: e,
-				color: "#409eff"
-			}), await We(), u.params.id && u.query.collab === "1" && Xe();
+				color: u.user?.color || "#409eff"
+			}), await qe(), f.value && p.query.collab === "1" && $e();
 		});
-		let at = (e) => {
-			e.key === "Delete" && L.value && we(), (e.ctrlKey || e.metaKey) && e.key === "z" && (e.preventDefault(), le()), (e.ctrlKey || e.metaKey) && e.key === "y" && (e.preventDefault(), ue());
+		let ct = (e) => {
+			e.key === "Delete" && B.value && Ae(), (e.ctrlKey || e.metaKey) && e.key === "z" && (e.preventDefault(), de()), (e.ctrlKey || e.metaKey) && e.key === "y" && (e.preventDefault(), fe());
 		};
-		return m(() => document.addEventListener("keydown", at)), h(() => {
-			document.removeEventListener("keydown", at), P &&= (P.destroy(), null);
+		return m(() => document.addEventListener("keydown", ct)), h(() => {
+			document.removeEventListener("keydown", ct), L &&= (L.destroy(), null);
 		}), (n, l) => {
-			let d = b("el-breadcrumb-item"), m = b("el-breadcrumb"), h = b("el-icon"), _ = b("el-button"), v = b("el-tooltip"), T = b("el-input"), O = b("el-input-number"), k = b("el-color-picker"), A = b("el-switch"), j = b("el-table-column"), ee = b("el-table"), q = b("el-dialog"), ce = b("Monitor");
+			let u = b("el-breadcrumb-item"), f = b("el-breadcrumb"), m = b("el-icon"), h = b("el-button"), _ = b("el-tooltip"), v = b("el-input"), C = b("el-input-number"), O = b("el-color-picker"), k = b("el-switch"), A = b("el-table-column"), j = b("el-table"), M = b("el-dialog"), te = b("Monitor");
 			return g(), a("div", Mt, [
 				c(Je, {
-					title: D.title,
-					"onUpdate:title": l[0] ||= (e) => D.title = e,
-					"can-undo": I.value > 0,
-					"can-redo": I.value < F.value.length - 1,
-					"connecting-mode": V.value,
-					"is-connected": M.value,
-					"online-users": S(P) ? S(P).onlineUsers.value : [],
-					"is-join-mode": S(u).query.collab === "1",
-					onBack: Ie,
-					onAddComponent: _e,
-					onToggleConnecting: l[1] ||= (e) => V.value = !V.value,
-					onGroupSelected: Oe,
-					onAutoLayout: Fe,
-					onUndo: le,
-					onRedo: ue,
-					onZoomIn: de,
-					onZoomOut: fe,
-					onExport: Ge,
-					onSave: Ue,
-					onToggleCollab: Ze,
-					onShareCollab: Qe,
-					onExportJson: rt,
+					title: P.title,
+					"onUpdate:title": l[0] ||= (e) => P.title = e,
+					"can-undo": z.value > 0,
+					"can-redo": z.value < R.value.length - 1,
+					"connecting-mode": W.value,
+					"is-connected": F.value,
+					"online-users": S(L) ? S(L).onlineUsers.value : [],
+					"is-join-mode": S(p).query.collab === "1",
+					"show-back-button": d.value.backButton === "show",
+					"title-disabled": !d.value.titleEditable,
+					onBack: ze,
+					onAddComponent: be,
+					onToggleConnecting: l[1] ||= (e) => W.value = !W.value,
+					onGroupSelected: Me,
+					onAutoLayout: Re,
+					onUndo: de,
+					onRedo: fe,
+					onZoomIn: pe,
+					onZoomOut: me,
+					onExport: Ye,
+					onSave: Ke,
+					onToggleCollab: et,
+					onShareCollab: tt,
+					onExportJson: ot,
 					onImportJson: l[2] ||= (e) => re.value?.click(),
-					"show-history": !!f.value,
-					onHistory: Be
+					"show-history": !!T.value,
+					onHistory: We
 				}, null, 8, [
 					"title",
 					"can-undo",
@@ -2350,23 +2413,25 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 					"is-connected",
 					"online-users",
 					"is-join-mode",
+					"show-back-button",
+					"title-disabled",
 					"show-history"
 				]),
 				o("input", {
 					ref_key: "fileInputRef",
-					ref: he,
+					ref: _e,
 					type: "file",
 					accept: "image/*,.svg",
 					style: { display: "none" },
-					onChange: ve
+					onChange: xe
 				}, null, 544),
 				o("input", {
 					ref_key: "svgInputRef",
-					ref: ge,
+					ref: ve,
 					type: "file",
 					accept: ".svg",
 					style: { display: "none" },
-					onChange: ve
+					onChange: xe
 				}, null, 544),
 				o("input", {
 					ref_key: "groupImageInputRef",
@@ -2374,7 +2439,7 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 					type: "file",
 					accept: "image/*",
 					style: { display: "none" },
-					onChange: Pe
+					onChange: Le
 				}, null, 544),
 				o("input", {
 					ref_key: "importJsonInputRef",
@@ -2382,35 +2447,35 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 					type: "file",
 					accept: ".json",
 					style: { display: "none" },
-					onChange: it
+					onChange: st
 				}, null, 544),
-				W.value.length ? (g(), a("div", Nt, [c(m, { separator: "/" }, {
-					default: w(() => [c(d, {
-						onClick: l[3] ||= (e) => Ne(-1),
+				q.value.length ? (g(), a("div", Nt, [c(f, { separator: "/" }, {
+					default: w(() => [c(u, {
+						onClick: l[3] ||= (e) => Ie(-1),
 						style: { cursor: "pointer" }
 					}, {
 						default: w(() => [...l[27] ||= [s("根目录", -1)]]),
 						_: 1
-					}), (g(!0), a(e, null, y(W.value, (e, t) => (g(), r(d, {
+					}), (g(!0), a(e, null, y(q.value, (e, t) => (g(), r(u, {
 						key: e,
-						onClick: (e) => Ne(t),
+						onClick: (e) => Ie(t),
 						style: { cursor: "pointer" }
 					}, {
-						default: w(() => [s(x(se(e)?.label || "组合"), 1)]),
+						default: w(() => [s(x(le(e)?.label || "组合"), 1)]),
 						_: 2
 					}, 1032, ["onClick"]))), 128))]),
 					_: 1
-				}), c(v, {
+				}), c(_, {
 					content: "返回上一层",
 					placement: "bottom"
 				}, {
-					default: w(() => [c(_, {
+					default: w(() => [c(h, {
 						size: "small",
 						circle: "",
-						onClick: Me
+						onClick: Fe
 					}, {
-						default: w(() => [c(h, null, {
-							default: w(() => [c(S(te))]),
+						default: w(() => [c(m, null, {
+							default: w(() => [c(S(ee))]),
 							_: 1
 						})]),
 						_: 1
@@ -2418,23 +2483,23 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 					_: 1
 				})])) : i("", !0),
 				o("div", Pt, [c(kt, {
-					components: ae.value,
-					connections: Y.value,
-					"selected-id": L.value,
-					"selected-ids": R.value,
-					"connecting-mode": V.value,
-					"drawing-conn": H.value,
-					"editing-polygon": U.value,
-					"view-box": oe.value,
-					"is-expanded": !!J.value,
-					"expanded-group-id": J.value,
-					onSelect: ye,
-					onEdit: Ce,
+					components: oe.value,
+					connections: se.value,
+					"selected-id": B.value,
+					"selected-ids": V.value,
+					"connecting-mode": W.value,
+					"drawing-conn": G.value,
+					"editing-polygon": K.value,
+					"view-box": ce.value,
+					"is-expanded": !!X.value,
+					"expanded-group-id": X.value,
+					onSelect: Se,
+					onEdit: Oe,
 					onClearSelection: $,
-					onStartConnect: De,
-					onStartResize: be,
-					onMoveComponent: Se,
-					onDragPolygonVertex: X
+					onStartConnect: je,
+					onStartResize: Ce,
+					onMoveComponent: De,
+					onDragPolygonVertex: Z
 				}, null, 8, [
 					"components",
 					"connections",
@@ -2447,49 +2512,49 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 					"is-expanded",
 					"expanded-group-id"
 				]), c(t, { name: "slide" }, {
-					default: w(() => [B.value ? (g(), a("div", Ft, [o("h4", null, x(z.value === "component" ? "组件属性" : "连线属性"), 1), z.value === "component" ? (g(), a(e, { key: 0 }, [
-						o("div", It, [l[28] ||= o("label", null, "标签", -1), c(T, {
-							modelValue: B.value.label,
-							"onUpdate:modelValue": l[4] ||= (e) => B.value.label = e,
+					default: w(() => [U.value ? (g(), a("div", Ft, [o("h4", null, x(H.value === "component" ? "组件属性" : "连线属性"), 1), H.value === "component" ? (g(), a(e, { key: 0 }, [
+						o("div", It, [l[28] ||= o("label", null, "标签", -1), c(v, {
+							modelValue: U.value.label,
+							"onUpdate:modelValue": l[4] ||= (e) => U.value.label = e,
 							size: "small"
 						}, null, 8, ["modelValue"])]),
-						o("div", Lt, [l[29] ||= o("label", null, "描述", -1), c(T, {
-							modelValue: B.value.description,
-							"onUpdate:modelValue": l[5] ||= (e) => B.value.description = e,
+						o("div", Lt, [l[29] ||= o("label", null, "描述", -1), c(v, {
+							modelValue: U.value.description,
+							"onUpdate:modelValue": l[5] ||= (e) => U.value.description = e,
 							size: "small"
 						}, null, 8, ["modelValue"])]),
-						B.value.shape === "group" ? (g(), a(e, { key: 0 }, [
-							o("div", Rt, [l[30] ||= o("label", null, "宽度", -1), c(O, {
-								modelValue: B.value.width,
-								"onUpdate:modelValue": l[6] ||= (e) => B.value.width = e,
+						U.value.shape === "group" ? (g(), a(e, { key: 0 }, [
+							o("div", Rt, [l[30] ||= o("label", null, "宽度", -1), c(C, {
+								modelValue: U.value.width,
+								"onUpdate:modelValue": l[6] ||= (e) => U.value.width = e,
 								min: 40,
 								max: 2e3,
 								size: "small"
 							}, null, 8, ["modelValue"])]),
-							o("div", zt, [l[31] ||= o("label", null, "高度", -1), c(O, {
-								modelValue: B.value.height,
-								"onUpdate:modelValue": l[7] ||= (e) => B.value.height = e,
+							o("div", zt, [l[31] ||= o("label", null, "高度", -1), c(C, {
+								modelValue: U.value.height,
+								"onUpdate:modelValue": l[7] ||= (e) => U.value.height = e,
 								min: 30,
 								max: 1500,
 								size: "small"
 							}, null, 8, ["modelValue"])]),
-							o("div", Bt, [l[34] ||= o("label", null, "显示图片", -1), B.value.imageUrl ? (g(), a("div", Vt, [o("img", {
-								src: B.value.imageUrl,
+							o("div", Bt, [l[34] ||= o("label", null, "显示图片", -1), U.value.imageUrl ? (g(), a("div", Vt, [o("img", {
+								src: U.value.imageUrl,
 								style: {
 									"max-width": "100%",
 									"max-height": "80px",
 									border: "1px solid #e4e7ed",
 									"border-radius": "4px"
 								}
-							}, null, 8, Ht), c(_, {
+							}, null, 8, Ht), c(h, {
 								size: "small",
 								type: "danger",
 								text: "",
-								onClick: l[8] ||= (e) => B.value.imageUrl = ""
+								onClick: l[8] ||= (e) => U.value.imageUrl = ""
 							}, {
 								default: w(() => [...l[32] ||= [s("移除", -1)]]),
 								_: 1
-							})])) : (g(), r(_, {
+							})])) : (g(), r(h, {
 								key: 1,
 								size: "small",
 								onClick: l[9] ||= (e) => ne.value?.click()
@@ -2497,84 +2562,84 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 								default: w(() => [...l[33] ||= [s("上传图片", -1)]]),
 								_: 1
 							}))]),
-							c(_, {
+							c(h, {
 								size: "small",
-								onClick: l[10] ||= (e) => Ae(B.value)
+								onClick: l[10] ||= (e) => Ne(U.value)
 							}, {
 								default: w(() => [...l[35] ||= [s("适配子零件", -1)]]),
 								_: 1
 							})
-						], 64)) : (g(), a(e, { key: 1 }, [o("div", Ut, [l[36] ||= o("label", null, "宽度", -1), c(O, {
-							modelValue: B.value.width,
-							"onUpdate:modelValue": l[11] ||= (e) => B.value.width = e,
+						], 64)) : (g(), a(e, { key: 1 }, [o("div", Ut, [l[36] ||= o("label", null, "宽度", -1), c(C, {
+							modelValue: U.value.width,
+							"onUpdate:modelValue": l[11] ||= (e) => U.value.width = e,
 							min: 40,
 							max: 400,
 							size: "small"
-						}, null, 8, ["modelValue"])]), o("div", Wt, [l[37] ||= o("label", null, "高度", -1), c(O, {
-							modelValue: B.value.height,
-							"onUpdate:modelValue": l[12] ||= (e) => B.value.height = e,
+						}, null, 8, ["modelValue"])]), o("div", Wt, [l[37] ||= o("label", null, "高度", -1), c(C, {
+							modelValue: U.value.height,
+							"onUpdate:modelValue": l[12] ||= (e) => U.value.height = e,
 							min: 30,
 							max: 300,
 							size: "small"
 						}, null, 8, ["modelValue"])])], 64)),
-						o("div", Gt, [l[38] ||= o("label", null, "填充色", -1), c(k, {
-							modelValue: B.value.fill,
-							"onUpdate:modelValue": l[13] ||= (e) => B.value.fill = e,
+						o("div", Gt, [l[38] ||= o("label", null, "填充色", -1), c(O, {
+							modelValue: U.value.fill,
+							"onUpdate:modelValue": l[13] ||= (e) => U.value.fill = e,
 							size: "small"
 						}, null, 8, ["modelValue"])]),
-						o("div", Kt, [l[39] ||= o("label", null, "边框色", -1), c(k, {
-							modelValue: B.value.stroke,
-							"onUpdate:modelValue": l[14] ||= (e) => B.value.stroke = e,
+						o("div", Kt, [l[39] ||= o("label", null, "边框色", -1), c(O, {
+							modelValue: U.value.stroke,
+							"onUpdate:modelValue": l[14] ||= (e) => U.value.stroke = e,
 							size: "small"
 						}, null, 8, ["modelValue"])]),
-						o("div", qt, [l[40] ||= o("label", null, "文字色", -1), c(k, {
-							modelValue: B.value.textColor,
-							"onUpdate:modelValue": l[15] ||= (e) => B.value.textColor = e,
+						o("div", qt, [l[40] ||= o("label", null, "文字色", -1), c(O, {
+							modelValue: U.value.textColor,
+							"onUpdate:modelValue": l[15] ||= (e) => U.value.textColor = e,
 							size: "small"
 						}, null, 8, ["modelValue"])]),
-						o("div", Jt, [l[41] ||= o("label", null, "字号", -1), c(O, {
-							modelValue: B.value.fontSize,
-							"onUpdate:modelValue": l[16] ||= (e) => B.value.fontSize = e,
+						o("div", Jt, [l[41] ||= o("label", null, "字号", -1), c(C, {
+							modelValue: U.value.fontSize,
+							"onUpdate:modelValue": l[16] ||= (e) => U.value.fontSize = e,
 							min: 10,
 							max: 32,
 							size: "small"
 						}, null, 8, ["modelValue"])]),
-						c(_, {
+						c(h, {
 							size: "small",
-							onClick: $e
+							onClick: nt
 						}, {
 							default: w(() => [...l[42] ||= [s("属性弹框设置", -1)]]),
 							_: 1
 						}),
-						c(_, {
+						c(h, {
 							size: "small",
 							type: "danger",
-							onClick: we
+							onClick: Ae
 						}, {
 							default: w(() => [...l[43] ||= [s("删除", -1)]]),
 							_: 1
 						})
-					], 64)) : z.value === "connection" ? (g(), a(e, { key: 1 }, [
-						o("div", Yt, [l[44] ||= o("label", null, "标签", -1), c(T, {
-							modelValue: B.value.label,
-							"onUpdate:modelValue": l[17] ||= (e) => B.value.label = e,
+					], 64)) : H.value === "connection" ? (g(), a(e, { key: 1 }, [
+						o("div", Yt, [l[44] ||= o("label", null, "标签", -1), c(v, {
+							modelValue: U.value.label,
+							"onUpdate:modelValue": l[17] ||= (e) => U.value.label = e,
 							size: "small"
 						}, null, 8, ["modelValue"])]),
-						o("div", Xt, [l[45] ||= o("label", null, "线宽", -1), c(O, {
-							modelValue: B.value.lineWidth,
-							"onUpdate:modelValue": l[18] ||= (e) => B.value.lineWidth = e,
+						o("div", Xt, [l[45] ||= o("label", null, "线宽", -1), c(C, {
+							modelValue: U.value.lineWidth,
+							"onUpdate:modelValue": l[18] ||= (e) => U.value.lineWidth = e,
 							min: 1,
 							max: 6,
 							size: "small"
 						}, null, 8, ["modelValue"])]),
-						o("div", Zt, [l[46] ||= o("label", null, "虚线", -1), c(A, {
-							modelValue: B.value.dashed,
-							"onUpdate:modelValue": l[19] ||= (e) => B.value.dashed = e
+						o("div", Zt, [l[46] ||= o("label", null, "虚线", -1), c(k, {
+							modelValue: U.value.dashed,
+							"onUpdate:modelValue": l[19] ||= (e) => U.value.dashed = e
 						}, null, 8, ["modelValue"])]),
-						c(_, {
+						c(h, {
 							size: "small",
 							type: "danger",
-							onClick: we
+							onClick: Ae
 						}, {
 							default: w(() => [...l[47] ||= [s("删除", -1)]]),
 							_: 1
@@ -2582,58 +2647,58 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 					], 64)) : i("", !0)])) : i("", !0)]),
 					_: 1
 				})]),
-				c(q, {
-					modelValue: G.value,
-					"onUpdate:modelValue": l[22] ||= (e) => G.value = e,
+				c(M, {
+					modelValue: ie.value,
+					"onUpdate:modelValue": l[22] ||= (e) => ie.value = e,
 					title: "属性弹框设置",
 					width: "500",
 					"append-to-body": ""
 				}, {
-					footer: w(() => [c(_, { onClick: l[21] ||= (e) => G.value = !1 }, {
+					footer: w(() => [c(h, { onClick: l[21] ||= (e) => ie.value = !1 }, {
 						default: w(() => [...l[51] ||= [s("取消", -1)]]),
 						_: 1
-					}), c(_, {
+					}), c(h, {
 						type: "primary",
-						onClick: tt
+						onClick: it
 					}, {
 						default: w(() => [...l[52] ||= [s("保存", -1)]]),
 						_: 1
 					})]),
 					default: w(() => [o("div", Qt, [
-						c(_, {
+						c(h, {
 							size: "small",
-							onClick: et
+							onClick: rt
 						}, {
 							default: w(() => [...l[48] ||= [s("+ 添加一行", -1)]]),
 							_: 1
 						}),
-						c(_, {
+						c(h, {
 							size: "small",
-							onClick: l[20] ||= (e) => ie.value?.click()
+							onClick: l[20] ||= (e) => ae.value?.click()
 						}, {
 							default: w(() => [...l[49] ||= [s("导入JSON", -1)]]),
 							_: 1
 						}),
 						o("input", {
 							ref_key: "popupConfigImportRef",
-							ref: ie,
+							ref: ae,
 							type: "file",
 							accept: ".json",
 							style: { display: "none" },
-							onChange: nt
+							onChange: at
 						}, null, 544)
-					]), c(ee, {
-						data: K.value,
+					]), c(j, {
+						data: Y.value,
 						border: "",
 						size: "small",
 						"max-height": "300"
 					}, {
 						default: w(() => [
-							c(j, {
+							c(A, {
 								label: "属性名",
 								"min-width": "120"
 							}, {
-								default: w(({ row: e }) => [c(T, {
+								default: w(({ row: e }) => [c(v, {
 									modelValue: e.key,
 									"onUpdate:modelValue": (t) => e.key = t,
 									size: "small",
@@ -2641,11 +2706,11 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 								}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
 								_: 1
 							}),
-							c(j, {
+							c(A, {
 								label: "悬浮内容",
 								"min-width": "200"
 							}, {
-								default: w(({ row: e }) => [c(T, {
+								default: w(({ row: e }) => [c(v, {
 									modelValue: e.value,
 									"onUpdate:modelValue": (t) => e.value = t,
 									size: "small",
@@ -2653,15 +2718,15 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 								}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
 								_: 1
 							}),
-							c(j, {
+							c(A, {
 								width: "60",
 								label: "操作"
 							}, {
-								default: w(({ $index: e }) => [c(_, {
+								default: w(({ $index: e }) => [c(h, {
 									size: "small",
 									type: "danger",
 									text: "",
-									onClick: (t) => K.value.splice(e, 1)
+									onClick: (t) => Y.value.splice(e, 1)
 								}, {
 									default: w(() => [...l[50] ||= [s("删除", -1)]]),
 									_: 1
@@ -2673,33 +2738,33 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 					}, 8, ["data"])]),
 					_: 1
 				}, 8, ["modelValue"]),
-				c(_, {
+				c(h, {
 					class: "ai-chat-fab",
-					type: p.value ? "primary" : "default",
+					type: E.value ? "primary" : "default",
 					circle: "",
 					size: "large",
-					onClick: l[23] ||= (e) => p.value = !p.value,
+					onClick: l[23] ||= (e) => E.value = !E.value,
 					title: "AI助手"
 				}, {
-					default: w(() => [c(h, null, {
-						default: w(() => [c(ce)]),
+					default: w(() => [c(m, null, {
+						default: w(() => [c(te)]),
 						_: 1
 					})]),
 					_: 1
 				}, 8, ["type"]),
 				c(Te, {
-					visible: p.value,
-					messages: S(E).messages.value,
-					loading: S(E).loading.value,
-					"is-collab": S(E).isCollabMode.value,
-					"collab-users": S(E).collabUsers.value,
-					"current-user": S(E).currentUser.value,
-					"is-owner": N.value,
-					onSend: Re,
-					onClose: l[24] ||= (e) => p.value = !1,
-					"unread-mention": S(E).unreadMention.value,
-					onClearUnread: l[25] ||= (e) => S(E).clearUnreadMention(),
-					onClear: ze
+					visible: E.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": I.value,
+					onSend: He,
+					onClose: l[24] ||= (e) => E.value = !1,
+					"unread-mention": S(N).unreadMention.value,
+					onClearUnread: l[25] ||= (e) => S(N).clearUnreadMention(),
+					onClear: Ue
 				}, null, 8, [
 					"visible",
 					"messages",
@@ -2711,15 +2776,15 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 					"unread-mention"
 				]),
 				c(Ve, {
-					modelValue: C.value,
-					"onUpdate:modelValue": l[26] ||= (e) => C.value = e,
-					"document-id": f.value,
-					onApply: He
+					modelValue: D.value,
+					"onUpdate:modelValue": l[26] ||= (e) => D.value = e,
+					"document-id": T.value,
+					onApply: Ge
 				}, null, 8, ["modelValue", "document-id"])
 			]);
 		};
 	}
-}, [["__scopeId", "data-v-f2d3d8e9"]]), tn = l({
+}, [["__scopeId", "data-v-f79e9aab"]]), tn = l({
 	name: "YourCompanyExplosionDiagram",
 	props: {
 		docId: {
@@ -2730,6 +2795,14 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 			type: String,
 			default: "/api"
 		},
+		saveApi: {
+			type: [String, Function],
+			default: null
+		},
+		loadApi: {
+			type: [String, Function],
+			default: null
+		},
 		wsUrl: {
 			type: String,
 			default: ""
@@ -2745,6 +2818,10 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 		roomId: {
 			type: String,
 			default: ""
+		},
+		uiConfig: {
+			type: Object,
+			default: () => ({})
 		}
 	},
 	setup(e, { slots: t }) {