@lumal/cockpit 0.0.5-beta → 0.0.6-beta

package/dist/{runtime-DTxtlBRg.js → runtime-CwH1dl9E.js}

@@ -1,7 +1,7 @@
-import { i as e, n as t, r as n, t as r, v as i, x as a } from "./resolveComponent-_XUQaM5w.js";
-import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createSlots as f, createTextVNode as p, createVNode as m, defineComponent as h, guardReactiveProps as g, inject as _, mergeModels as v, nextTick as y, normalizeClass as b, normalizeProps as x, normalizeStyle as S, onBeforeUnmount as C, openBlock as w, provide as ee, reactive as T, ref as E, renderList as D, renderSlot as O, resolveDynamicComponent as k, shallowReactive as A, shallowRef as j, toDisplayString as M, toValue as N, unref as P, useId as F, useModel as I, useSlots as te, vShow as L, watch as R, watchEffect as z, withCtx as B, withDirectives as V } from "vue";
-import { ElButton as H, ElSwitch as ne, ElTooltip as re } from "element-plus";
-import { LumalIcon as ie } from "@lumal/icons-vue";
+import { i as e, n as t, r as n, t as r, v as i, x as a } from "./resolveComponent-DK0l5LAa.js";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createSlots as f, createTextVNode as p, createVNode as m, defineComponent as h, guardReactiveProps as g, inject as _, mergeModels as v, nextTick as y, normalizeClass as b, normalizeProps as x, normalizeStyle as S, onBeforeUnmount as C, openBlock as w, provide as ee, reactive as T, ref as E, renderList as D, renderSlot as O, resolveDynamicComponent as k, shallowReactive as A, shallowRef as j, toDisplayString as M, toValue as N, unref as P, useId as F, useModel as I, useSlots as te, useTemplateRef as L, vShow as R, watch as z, watchEffect as B, withCtx as V, withDirectives as ne } from "vue";
+import { ElButton as re, ElSwitch as ie, ElTooltip as ae } from "element-plus";
+import { LumalIcon as H } from "@lumal/icons-vue";
 //#region src/composables/useCockpit.ts
 function U(e) {
 	let t = s(() => {
@@ -47,9 +47,9 @@ function K(e) {
 	function o() {
 		!document.hidden && t.value && r("interval");
 	}
-	return typeof document < "u" && document.addEventListener("visibilitychange", o), R(t, (e) => {
+	return typeof document < "u" && document.addEventListener("visibilitychange", o), z(t, (e) => {
 		e ? a() : i();
-	}, { immediate: !0 }), R(() => N(e.intervalMs), () => {
+	}, { immediate: !0 }), z(() => N(e.intervalMs), () => {
 		t.value && a();
 	}), C(() => {
 		i(), typeof document < "u" && document.removeEventListener("visibilitychange", o);
@@ -68,20 +68,20 @@ function J() {
 }
 //#endregion
 //#region src/runtime/LumalCockpitWidgetHost.vue?vue&type=script&setup=true&lang.ts
-var Y = [
+var oe = [
 	"data-widget-type",
 	"data-instance-id",
 	"data-cockpit-node-id",
 	"data-cockpit-side"
-], ae = { class: "lumal-cockpit-widget__body" }, oe = {
+], se = { class: "lumal-cockpit-widget__body" }, ce = {
 	key: 1,
 	class: "lumal-cockpit-widget__missing",
 	role: "status"
-}, se = {
+}, le = {
 	key: 1,
 	class: "lumal-cockpit-widget__error",
 	role: "alert"
-}, X = /* @__PURE__ */ h({
+}, Y = /* @__PURE__ */ h({
 	__name: "LumalCockpitWidgetHost",
 	props: {
 		layoutId: {},
@@ -100,7 +100,7 @@ var Y = [
 			mode: a.mode,
 			messages: a.messages
 		});
-		z(() => {
+		B(() => {
 			_.cockpitId = a.cockpitId, _.layoutId = n.layoutId, _.instanceId = n.widget.id, _.mode = a.mode, _.messages = a.messages;
 		}), i(_), C(() => {
 			a.messages.clearInstance(n.widget.id);
@@ -117,51 +117,51 @@ var Y = [
 			"data-cockpit-node-id": e.widget.id,
 			"data-cockpit-side": e.side
 		}, [(w(), c(k(y.value), x(g(b.value)), f({
-			default: B(() => [d("div", ae, [l.value ? (w(), c(t, { key: 1 }, {
-				error: B(({ retry: t }) => [P(a).slots.error ? (w(), c(k(P(a).slots.error), {
+			default: V(() => [d("div", se, [l.value ? (w(), c(t, { key: 1 }, {
+				error: V(({ retry: t }) => [P(a).slots.error ? (w(), c(k(P(a).slots.error), {
 					key: 0,
 					retry: t,
 					"instance-id": e.widget.id
-				}, null, 8, ["retry", "instance-id"])) : (w(), u("div", se, [r[1] ||= d("span", null, "模块加载失败", -1), m(P(H), {
+				}, null, 8, ["retry", "instance-id"])) : (w(), u("div", le, [r[1] ||= d("span", null, "模块加载失败", -1), m(P(re), {
 					text: "",
 					type: "primary",
 					onClick: t
 				}, {
-					default: B(() => [m(P(ie), {
+					default: V(() => [m(P(H), {
 						name: "lumal:refresh",
 						size: 14
 					}), r[0] ||= p(" 重试 ", -1)]),
 					_: 1
 				}, 8, ["onClick"])]))]),
-				default: B(() => [(w(), c(k(h.value), { context: P(_) }, null, 8, ["context"]))]),
+				default: V(() => [(w(), c(k(h.value), { context: P(_) }, null, 8, ["context"]))]),
 				_: 1
 			})) : (w(), u(o, { key: 0 }, [P(a).slots["missing-widget"] ? (w(), c(k(P(a).slots["missing-widget"]), {
 				key: 0,
 				type: e.widget.type,
 				"instance-id": e.widget.id
-			}, null, 8, ["type", "instance-id"])) : (w(), u("div", oe, " 未注册模块：" + M(e.widget.type), 1))], 64))])]),
+			}, null, 8, ["type", "instance-id"])) : (w(), u("div", ce, " 未注册模块：" + M(e.widget.type), 1))], 64))])]),
 			_: 2
 		}, [!e.embedded && P(a).slots["widget-title"] ? {
 			name: "title",
-			fn: B(() => [(w(), c(k(P(a).slots["widget-title"]), {
+			fn: V(() => [(w(), c(k(P(a).slots["widget-title"]), {
 				widget: e.widget,
 				title: v.value
 			}, null, 8, ["widget", "title"]))]),
 			key: "0"
-		} : void 0]), 1040))], 8, Y));
+		} : void 0]), 1040))], 8, oe));
 	}
-}), ce = ["data-cockpit-node-id", "data-cockpit-side"], le = ["data-cockpit-node-id", "data-cockpit-side"], ue = {
+}), ue = ["data-cockpit-node-id", "data-cockpit-side"], de = ["data-cockpit-node-id", "data-cockpit-side"], fe = {
 	key: 1,
 	class: "lumal-cockpit-container__empty",
 	role: "status"
-}, de = {
+}, pe = {
 	key: 0,
 	class: "lumal-cockpit-container__tabpanel"
-}, fe = {
+}, me = {
 	key: 1,
 	class: "lumal-cockpit-container__empty",
 	role: "status"
-}, Z = /* @__PURE__ */ h({
+}, X = /* @__PURE__ */ h({
 	__name: "LumalCockpitContainer",
 	props: {
 		columns: {},
@@ -179,14 +179,14 @@ var Y = [
 			let e = t.row.activeWidgetId;
 			return t.row.widgets.some((t) => t.id === e) ? e : t.row.widgets[0]?.id;
 		}
-		return R(() => [t.row.id, t.row.activeWidgetId], () => {
+		return z(() => [t.row.id, t.row.activeWidgetId], () => {
 			i.value = h();
-		}, { immediate: !0 }), R(() => t.row.widgets.map((e) => e.id).join(","), () => {
+		}, { immediate: !0 }), z(() => t.row.widgets.map((e) => e.id).join(","), () => {
 			let e = new Set(t.row.widgets.map((e) => e.id));
 			a.forEach((t) => {
 				e.has(t) || a.delete(t);
 			}), t.row.widgets.some((e) => e.id === i.value) || (i.value = h());
-		}), R(i, (e) => {
+		}), z(i, (e) => {
 			e && a.add(e);
 		}, { immediate: !0 }), (t, s) => (w(), u("section", {
 			class: b(["lumal-cockpit-container", { "is-tabs": e.row.mode === "tabs" }]),
@@ -204,7 +204,7 @@ var Y = [
 			"data-cockpit-node": "cell",
 			"data-cockpit-node-id": t.id,
 			"data-cockpit-side": e.side
-		}, [t.widget ? (w(), c(X, {
+		}, [t.widget ? (w(), c(Y, {
 			key: t.widget.id,
 			"layout-id": e.layoutId,
 			side: e.side,
@@ -213,13 +213,13 @@ var Y = [
 			"layout-id",
 			"side",
 			"widget"
-		])) : (w(), u("div", ue, " 空模块槽 "))], 8, le))), 128))], 4)) : (w(), u(o, { key: 1 }, [e.row.widgets.length ? (w(), c(k(P(d).cardComponent), {
+		])) : (w(), u("div", fe, " 空模块槽 "))], 8, de))), 128))], 4)) : (w(), u(o, { key: 1 }, [e.row.widgets.length ? (w(), c(k(P(d).cardComponent), {
 			key: 0,
 			"active-tab-id": i.value,
 			"onUpdate:activeTabId": s[0] ||= (e) => i.value = e,
 			tabs: p.value
 		}, f({
-			default: B(() => [(w(!0), u(o, null, D(e.row.widgets, (t) => (w(), u(o, { key: t.id }, [(P(d).cachePages ? a.has(t.id) : t.id === i.value) ? V((w(), u("div", de, [m(X, {
+			default: V(() => [(w(!0), u(o, null, D(e.row.widgets, (t) => (w(), u(o, { key: t.id }, [(P(d).cachePages ? a.has(t.id) : t.id === i.value) ? ne((w(), u("div", pe, [m(Y, {
 				embedded: "",
 				"layout-id": e.layoutId,
 				side: e.side,
@@ -228,29 +228,29 @@ var Y = [
 				"layout-id",
 				"side",
 				"widget"
-			])], 512)), [[L, t.id === i.value]]) : l("", !0)], 64))), 128))]),
+			])], 512)), [[R, t.id === i.value]]) : l("", !0)], 64))), 128))]),
 			_: 2
 		}, [P(d).slots["widget-title"] ? {
 			name: "title",
-			fn: B(({ title: e, widget: t }) => [(w(), c(k(P(d).slots["widget-title"]), {
+			fn: V(({ title: e, widget: t }) => [(w(), c(k(P(d).slots["widget-title"]), {
 				widget: t,
 				title: e
 			}, null, 8, ["widget", "title"]))]),
 			key: "0"
 		} : void 0, P(d).slots["widget-title"] ? {
 			name: "tab",
-			fn: B(({ tab: e }) => [(w(), c(k(P(d).slots["widget-title"]), {
+			fn: V(({ tab: e }) => [(w(), c(k(P(d).slots["widget-title"]), {
 				widget: e.widget,
 				title: e.title
 			}, null, 8, ["widget", "title"]))]),
 			key: "1"
-		} : void 0]), 1064, ["active-tab-id", "tabs"])) : (w(), u("div", fe, " 空 Tab 行 "))], 64))], 14, ce));
+		} : void 0]), 1064, ["active-tab-id", "tabs"])) : (w(), u("div", me, " 空 Tab 行 "))], 64))], 14, ue));
 	}
-}), pe = [
+}), he = [
 	"data-side",
 	"data-cockpit-node-id",
 	"data-cockpit-side"
-], Q = /* @__PURE__ */ h({
+], Z = /* @__PURE__ */ h({
 	__name: "LumalCockpitRegion",
 	props: {
 		layoutId: {},
@@ -266,7 +266,7 @@ var Y = [
 			"data-cockpit-node-id": `${e.layoutId}:${e.side}`,
 			"data-cockpit-side": e.side,
 			style: S(r.value)
-		}, [(w(!0), u(o, null, D(e.region.rows, (t) => (w(), c(Z, {
+		}, [(w(!0), u(o, null, D(e.region.rows, (t) => (w(), c(X, {
 			key: t.id,
 			"layout-id": e.layoutId,
 			side: e.side,
@@ -277,9 +277,9 @@ var Y = [
 			"side",
 			"columns",
 			"row"
-		]))), 128))], 12, pe));
+		]))), 128))], 12, he));
 	}
-}), me = ["data-scale", "data-viewport-mode"], he = { class: "lumal-cockpit-canvas__header" }, ge = { class: "lumal-cockpit-canvas__header-prefix" }, _e = { class: "lumal-cockpit-canvas__title" }, ve = { class: "lumal-cockpit-canvas__header-actions" }, ye = { class: "lumal-cockpit-canvas__body" }, be = { class: "lumal-cockpit-canvas__center" }, xe = { class: "lumal-cockpit-canvas__left" }, Se = { class: "lumal-cockpit-canvas__right" }, Ce = /* @__PURE__ */ h({
+}), ge = ["data-scale", "data-viewport-mode"], _e = { class: "lumal-cockpit-canvas__header" }, ve = { class: "lumal-cockpit-canvas__header-prefix" }, ye = { class: "lumal-cockpit-canvas__title" }, be = { class: "lumal-cockpit-canvas__header-actions" }, xe = { class: "lumal-cockpit-canvas__body" }, Se = { class: "lumal-cockpit-canvas__center" }, Ce = { class: "lumal-cockpit-canvas__left" }, we = { class: "lumal-cockpit-canvas__right" }, Q = /* @__PURE__ */ h({
 	__name: "LumalCockpitCanvas",
 	props: {
 		title: {},
@@ -290,9 +290,10 @@ var Y = [
 		viewportMode: {}
 	},
 	setup(e) {
-		let t = e, n = E(null), { result: r } = a(n, {
+		let t = e, n = L("containerRef"), { result: r } = a(n, {
 			baseWidth: () => t.baseWidth,
-			baseHeight: () => t.baseHeight
+			baseHeight: () => t.baseHeight,
+			enabled: () => t.viewportMode === "scale"
 		}), i = s(() => t.viewportMode === "vwvh" ? {
 			width: "100vw",
 			height: "100vh",
@@ -320,55 +321,55 @@ var Y = [
 		}, [d("div", {
 			class: "lumal-cockpit-canvas__stage",
 			style: S(i.value)
-		}, [d("header", he, [
-			d("div", ge, [O(t.$slots, "header-prefix")]),
-			d("div", _e, [O(t.$slots, "header-title", { title: e.title }, () => [d("h1", null, M(e.title), 1)])]),
-			d("div", ve, [O(t.$slots, "header-actions")])
-		]), d("div", ye, [
-			d("main", be, [O(t.$slots, "center", {
+		}, [d("header", _e, [
+			d("div", ve, [O(t.$slots, "header-prefix")]),
+			d("div", ye, [O(t.$slots, "header-title", { title: e.title }, () => [d("h1", null, M(e.title), 1)])]),
+			d("div", be, [O(t.$slots, "header-actions")])
+		]), d("div", xe, [
+			d("main", Se, [O(t.$slots, "center", {
 				context: e.centerContext,
 				layout: e.layout
 			}, () => [a[0] ||= d("div", {
 				class: "lumal-cockpit-center__empty",
 				role: "status"
 			}, " 由应用提供中央内容 ", -1)])]),
-			d("div", xe, [O(t.$slots, "left", {
+			d("div", Ce, [O(t.$slots, "left", {
 				layout: e.layout,
 				region: e.layout.left,
 				side: "left"
-			}, () => [m(Q, {
+			}, () => [m(Z, {
 				side: "left",
 				"layout-id": e.layout.id,
 				region: e.layout.left
 			}, null, 8, ["layout-id", "region"])])]),
-			d("div", Se, [O(t.$slots, "right", {
+			d("div", we, [O(t.$slots, "right", {
 				layout: e.layout,
 				region: e.layout.right,
 				side: "right"
-			}, () => [m(Q, {
+			}, () => [m(Z, {
 				side: "right",
 				"layout-id": e.layout.id,
 				region: e.layout.right
 			}, null, 8, ["layout-id", "region"])])])
-		])], 4)], 8, me));
+		])], 4)], 8, ge));
 	}
-}), we = {
+}), Te = {
 	key: 0,
 	class: "lumal-cockpit-card__header"
-}, Te = {
+}, Ee = {
 	class: "lumal-cockpit-card__tablist",
 	role: "tablist",
 	"aria-label": "模块切换"
-}, Ee = [
+}, De = [
 	"id",
 	"aria-selected",
 	"tabindex",
 	"onClick",
 	"onKeydown"
-], De = {
+], Oe = {
 	key: 1,
 	class: "lumal-cockpit-card__header"
-}, Oe = { class: "lumal-cockpit-card__title" }, ke = [
+}, ke = { class: "lumal-cockpit-card__title" }, Ae = [
 	"id",
 	"role",
 	"aria-labelledby",
@@ -408,10 +409,10 @@ var Y = [
 			}[e.key], i = n.tabs[r];
 			i && (e.preventDefault(), S(i.id), y(() => a.get(i.id)?.focus()));
 		}
-		return R(() => [n.activeTabId, n.tabs.map((e) => e.id).join(",")], () => {
+		return z(() => [n.activeTabId, n.tabs.map((e) => e.id).join(",")], () => {
 			let e = m.value;
 			c.value && e && e !== n.activeTabId && r("update:activeTabId", e);
-		}, { immediate: !0 }), (t, n) => (w(), u("section", { class: b(["lumal-cockpit-card", { "is-tabs": c.value }]) }, [c.value ? (w(), u("header", we, [d("div", Te, [(w(!0), u(o, null, D(e.tabs, (e, n) => (w(), u("button", {
+		}, { immediate: !0 }), (t, n) => (w(), u("section", { class: b(["lumal-cockpit-card", { "is-tabs": c.value }]) }, [c.value ? (w(), u("header", Te, [d("div", Ee, [(w(!0), u(o, null, D(e.tabs, (e, n) => (w(), u("button", {
 			id: v(n),
 			key: e.id,
 			ref_for: !0,
@@ -427,7 +428,7 @@ var Y = [
 		}, [O(t.$slots, "tab", {
 			tab: e,
 			active: e.id === m.value
-		}, () => [p(M(e.title), 1)])], 42, Ee))), 128))])])) : g.value || t.$slots.title ? (w(), u("header", De, [d("div", Oe, [O(t.$slots, "title", {
+		}, () => [p(M(e.title), 1)])], 42, De))), 128))])])) : g.value || t.$slots.title ? (w(), u("header", Oe, [d("div", ke, [O(t.$slots, "title", {
 			title: g.value,
 			widget: h.value
 		}, () => [p(M(g.value), 1)])])])) : l("", !0), d("div", {
@@ -436,16 +437,16 @@ var Y = [
 			role: c.value ? "tabpanel" : void 0,
 			"aria-labelledby": c.value ? v(Math.max(0, e.tabs.findIndex((e) => e.id === m.value))) : void 0,
 			tabindex: c.value ? 0 : void 0
-		}, [O(t.$slots, "default", { activeTabId: m.value })], 8, ke)], 2));
+		}, [O(t.$slots, "default", { activeTabId: m.value })], 8, Ae)], 2));
 	}
-}), Ae = [
+}), je = [
 	"data-mode",
 	"data-cockpit-theme",
 	"data-viewport-mode"
-], je = {
+], Me = {
 	key: 0,
 	class: "lumal-cockpit__auto-refresh"
-}, Me = { class: "lumal-cockpit__auto-refresh-control" }, Ne = /* @__PURE__ */ h({
+}, Ne = { class: "lumal-cockpit__auto-refresh-control" }, Pe = /* @__PURE__ */ h({
 	__name: "LumalCockpit",
 	props: /*@__PURE__*/ v({
 		config: {},
@@ -487,7 +488,7 @@ var Y = [
 	]),
 	setup(t, { expose: r, emit: i }) {
 		let a = t, c = i, f = I(t, "activeLayoutId"), p = I(t, "themeMode"), h = I(t, "autoRefreshEnabled"), _ = te(), v = j(null), y = j(null), b = "", S = "";
-		z(() => {
+		B(() => {
 			try {
 				let t = JSON.stringify(a.config);
 				if (t === b) {
@@ -504,7 +505,7 @@ var Y = [
 			config: v.value,
 			error: y.value
 		}));
-		R(() => C.value.error, (e) => {
+		z(() => C.value.error, (e) => {
 			e && c("configError", e);
 		}, { immediate: !0 });
 		let T = a.messageBus ?? n(), D = A({
@@ -516,7 +517,7 @@ var Y = [
 			slots: _,
 			cardComponent: a.cardComponent ?? $
 		});
-		z(() => {
+		B(() => {
 			D.cockpitId = v.value?.id ?? a.config.id, D.mode = a.renderMode, D.registry = a.registry, D.cachePages = a.cachePages, D.cardComponent = a.cardComponent ?? $;
 		}), ee(q, D);
 		let k = U({
@@ -532,7 +533,7 @@ var Y = [
 				messages: T
 			};
 		}), N = E(!1);
-		R([() => a.autoRefresh, h], ([e, t]) => {
+		z([() => a.autoRefresh, h], ([e, t]) => {
 			N.value = !!(e && t);
 		}, { immediate: !0 });
 		let F = s(() => {
@@ -543,31 +544,31 @@ var Y = [
 			sourceId: () => v.value?.id ?? a.config.id,
 			intervalMs: () => a.autoRefreshIntervalMs,
 			enabled: N
-		}), V = E(null);
-		async function H() {
-			V.value?.requestFullscreen && await V.value.requestFullscreen();
+		}), R = E(null);
+		async function ne() {
+			R.value?.requestFullscreen && await R.value.requestFullscreen();
 		}
-		async function ie() {
+		async function re() {
 			document.fullscreenElement && await document.exitFullscreen();
 		}
-		function W() {
+		function H() {
 			p.value = p.value === "dark" ? "light" : "dark";
 		}
 		r({
-			enterFullscreen: H,
-			exitFullscreen: ie,
+			enterFullscreen: ne,
+			exitFullscreen: re,
 			messages: T,
-			toggleTheme: W,
+			toggleTheme: H,
 			refreshNow: L
 		});
-		let G = s(() => !!v.value?.layouts.length);
-		function J() {
+		let W = s(() => !!v.value?.layouts.length);
+		function G() {
 			c("configure");
 		}
-		function Y(e) {
+		function J(e) {
 			if (a.renderMode !== "design") return;
 			let t = (e.target instanceof Element ? e.target : null)?.closest("[data-cockpit-node]");
-			if (!t || !V.value?.contains(t)) return;
+			if (!t || !R.value?.contains(t)) return;
 			let n = t.dataset.cockpitNode, r = t.dataset.cockpitNodeId;
 			!n || !r || c("nodeSelect", {
 				kind: n,
@@ -577,19 +578,19 @@ var Y = [
 		}
 		return (e, n) => (w(), u("div", {
 			ref_key: "rootRef",
-			ref: V,
+			ref: R,
 			class: "lumal-cockpit",
 			"data-mode": t.renderMode,
 			"data-cockpit-theme": p.value,
 			"data-viewport-mode": t.viewportMode,
-			onClickCapture: Y
+			onClickCapture: J
 		}, [C.value.error ? O(e.$slots, "error", {
 			key: 0,
 			error: C.value.error
 		}, () => [n[1] ||= d("div", {
 			class: "lumal-cockpit__error",
 			role: "alert"
-		}, " 配置加载失败 ", -1)]) : G.value ? P(k).activeLayout.value && M.value ? (w(), u(o, { key: 2 }, [m(Ce, {
+		}, " 配置加载失败 ", -1)]) : W.value ? P(k).activeLayout.value && M.value ? (w(), u(o, { key: 2 }, [m(Q, {
 			title: v.value.title,
 			"base-width": t.baseWidth,
 			"base-height": t.baseHeight,
@@ -597,10 +598,10 @@ var Y = [
 			layout: P(k).activeLayout.value,
 			"center-context": M.value
 		}, {
-			"header-prefix": B(() => [O(e.$slots, "header-prefix")]),
-			"header-title": B((t) => [O(e.$slots, "header-title", x(g(t)))]),
-			"header-actions": B(() => [t.autoRefresh ? (w(), u("div", je, [m(P(re), { content: h.value ? `关闭自动刷新（每 ${F.value}）` : `开启自动刷新（每 ${F.value}）` }, {
-				default: B(() => [d("label", Me, [n[3] ||= d("span", null, "自动刷新", -1), m(P(ne), {
+			"header-prefix": V(() => [O(e.$slots, "header-prefix")]),
+			"header-title": V((t) => [O(e.$slots, "header-title", x(g(t)))]),
+			"header-actions": V(() => [t.autoRefresh ? (w(), u("div", Me, [m(P(ae), { content: h.value ? `关闭自动刷新（每 ${F.value}）` : `开启自动刷新（每 ${F.value}）` }, {
+				default: V(() => [d("label", Ne, [n[3] ||= d("span", null, "自动刷新", -1), m(P(ie), {
 					modelValue: h.value,
 					"onUpdate:modelValue": n[0] ||= (e) => h.value = e,
 					size: "small",
@@ -609,9 +610,9 @@ var Y = [
 				}, null, 8, ["modelValue", "aria-label"])])]),
 				_: 1
 			}, 8, ["content"])])) : l("", !0), O(e.$slots, "header-actions")]),
-			center: B((t) => [O(e.$slots, "center", x(g(t)))]),
-			left: B((t) => [O(e.$slots, "left", x(g(t)))]),
-			right: B((t) => [O(e.$slots, "right", x(g(t)))]),
+			center: V((t) => [O(e.$slots, "center", x(g(t)))]),
+			left: V((t) => [O(e.$slots, "left", x(g(t)))]),
+			right: V((t) => [O(e.$slots, "right", x(g(t)))]),
 			_: 3
 		}, 8, [
 			"title",
@@ -620,20 +621,20 @@ var Y = [
 			"viewport-mode",
 			"layout",
 			"center-context"
-		]), O(e.$slots, "configure-trigger", { configure: J })], 64)) : l("", !0) : O(e.$slots, "empty", { key: 1 }, () => [n[2] ||= d("div", {
+		]), O(e.$slots, "configure-trigger", { configure: G })], 64)) : l("", !0) : O(e.$slots, "empty", { key: 1 }, () => [n[2] ||= d("div", {
 			class: "lumal-cockpit__empty",
 			role: "status"
-		}, " 空驾驶舱 ", -1)])], 40, Ae));
+		}, " 空驾驶舱 ", -1)])], 40, je));
 	}
 });
 //#endregion
 //#region src/runtime/index.ts
-function Pe(e, t) {
+function Fe(e, t) {
 	let n = e;
 	return n.install = function(n) {
 		n.component(t, e);
 	}, n;
 }
-var Fe = Pe(Ne, "LumalCockpit"), Ie = Pe($, "LumalCockpitCard");
+var Ie = Fe(Pe, "LumalCockpit"), Le = Fe($, "LumalCockpitCard");
 //#endregion
-export { Z as a, J as c, W as d, U as f, Q as i, G as l, Ie as n, X as o, Ce as r, q as s, Fe as t, K as u };
+export { X as a, J as c, W as d, U as f, Z as i, G as l, Le as n, Y as o, Q as r, q as s, Ie as t, K as u };

package/dist/runtime.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./resolveComponent-DXwlDKov.cjs"),t=require("./runtime-Be4SmioJ.cjs");exports.LumalCockpit=t.t,exports.LumalCockpitCanvas=t.r,exports.LumalCockpitCard=t.n,exports.LumalCockpitContainer=t.a,exports.LumalCockpitRegion=t.i,exports.LumalCockpitWidgetHost=t.o,exports.cockpitRuntimeEnvKey=t.s,exports.resolveCockpitComponent=e.t,exports.useCockpitRuntimeEnv=t.c;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./resolveComponent-C-IZ1bCO.cjs"),t=require("./runtime-Cpp-LGxT.cjs");exports.LumalCockpit=t.t,exports.LumalCockpitCanvas=t.r,exports.LumalCockpitCard=t.n,exports.LumalCockpitContainer=t.a,exports.LumalCockpitRegion=t.i,exports.LumalCockpitWidgetHost=t.o,exports.cockpitRuntimeEnvKey=t.s,exports.resolveCockpitComponent=e.t,exports.useCockpitRuntimeEnv=t.c;

package/dist/runtime.js

@@ -1,3 +1,3 @@
-import { t as e } from "./resolveComponent-_XUQaM5w.js";
-import { a as t, c as n, i as r, n as i, o as a, r as o, s, t as c } from "./runtime-DTxtlBRg.js";
+import { t as e } from "./resolveComponent-DK0l5LAa.js";
+import { a as t, c as n, i as r, n as i, o as a, r as o, s, t as c } from "./runtime-CwH1dl9E.js";
 export { c as LumalCockpit, o as LumalCockpitCanvas, i as LumalCockpitCard, t as LumalCockpitContainer, r as LumalCockpitRegion, a as LumalCockpitWidgetHost, s as cockpitRuntimeEnvKey, e as resolveCockpitComponent, n as useCockpitRuntimeEnv };

package/dist/src/composables/useCanvasScale.d.ts

@@ -23,9 +23,9 @@ export interface UseCanvasScaleOptions {
  * 监听容器尺寸，实时计算画布缩放。
  * 使用 requestAnimationFrame 节流 ResizeObserver 回调，避免频繁重排。
  */
-export declare function useCanvasScale(containerRef: Ref<HTMLElement | null>, options: UseCanvasScaleOptions): {
+export declare function useCanvasScale(containerRef: Readonly<Ref<HTMLElement | null>>, options: UseCanvasScaleOptions): {
     result: import("vue").ShallowRef<CanvasScaleResult, CanvasScaleResult>;
-    ready: Ref<boolean, boolean>;
+    ready: import("vue").ShallowRef<boolean, boolean>;
     measure: () => void;
 };
 //# sourceMappingURL=useCanvasScale.d.ts.map

package/dist/src/composables/useCanvasScale.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCanvasScale.d.ts","sourceRoot":"","sources":["../../../src/composables/useCanvasScale.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAGhD,oDAAoD;AAEpD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,sBAAsB;IACtB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,gBAAgB;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;CAChB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,cAAc,EAAE,MAAM,EACtB,eAAe,EAAE,MAAM,EACvB,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,MAAM,GACjB,iBAAiB,CAcnB;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,MAAM,MAAM,CAAA;IACvB,UAAU,EAAE,MAAM,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;CACpC;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAC5B,YAAY,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,EACrC,OAAO,EAAE,qBAAqB;;;mBAcV,IAAI;EAuDzB"}
+{"version":3,"file":"useCanvasScale.d.ts","sourceRoot":"","sources":["../../../src/composables/useCanvasScale.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAIhD,oDAAoD;AAEpD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,sBAAsB;IACtB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,gBAAgB;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;CAChB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,cAAc,EAAE,MAAM,EACtB,eAAe,EAAE,MAAM,EACvB,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,MAAM,GACjB,iBAAiB,CAGnB;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,MAAM,MAAM,CAAA;IACvB,UAAU,EAAE,MAAM,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;CACpC;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAC5B,YAAY,EAAE,QAAQ,CAAC,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,EAC/C,OAAO,EAAE,qBAAqB;;;;EAe/B"}

package/dist/src/runtime/LumalCockpitCanvas.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LumalCockpitCanvas.vue.d.ts","sourceRoot":"","sources":["../../../src/runtime/LumalCockpitCanvas.vue"],"names":[],"mappings":"AA+FA,OAAO,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAK9F,kDAAkD;AAElD,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,mBAAmB,CAAA;IAC3B,aAAa,EAAE,oBAAoB,CAAA;IACnC,YAAY,EAAE,mBAAmB,CAAA;CAClC,CAAC;AA0JF,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO;;CAAU,EAAE,OAAO,IAAU,EAAE,OAAO;;;CAAU,EAAE,OAAO;;;;CAAU,EAAE,QAAQ;;;;CAAY,CAAE;AACzH,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACpD;IAAE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACnD;IAAE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACrD;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO9C,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"LumalCockpitCanvas.vue.d.ts","sourceRoot":"","sources":["../../../src/runtime/LumalCockpitCanvas.vue"],"names":[],"mappings":"AAgGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAK9F,kDAAkD;AAElD,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,mBAAmB,CAAA;IAC3B,aAAa,EAAE,oBAAoB,CAAA;IACnC,YAAY,EAAE,mBAAmB,CAAA;CAClC,CAAC;AA2JF,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO;;CAAU,EAAE,OAAO,IAAU,EAAE,OAAO;;;CAAU,EAAE,OAAO;;;;CAAU,EAAE,QAAQ;;;;CAAY,CAAE;AACzH,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACpD;IAAE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACnD;IAAE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACrD;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO9C,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/{validate-ip4tDXsj.js → validate-Clt5g664.js}

@@ -1,4 +1,4 @@
-import "./resolveComponent-_XUQaM5w.js";
+import "./resolveComponent-DK0l5LAa.js";
 //#region src/config/validate.ts
 function e(e, t, n, r, i) {
 	e.has(n) && t.push({

package/dist/{validate-CRxxljQ8.cjs → validate-DFdf73T_.cjs}

@@ -1 +1 @@
-require("./resolveComponent-DXwlDKov.cjs");function e(e,t,n,r,i){e.has(n)&&t.push({level:`error`,message:`${r} 存在重复 id：${n}`,path:i}),e.add(n)}function t(t,n,r,i,a){t.height>0||a.push({level:`error`,message:`行高必须大于 0%。`,path:r}),t.mode===`grid`&&t.cells.length!==n.columns.length&&a.push({level:`error`,message:`普通行的单元格数量必须与列数一致。`,path:r}),t.mode===`tabs`&&t.cells.length&&a.push({level:`error`,message:`Tab 行不能保留普通单元格。`,path:r}),(t.mode===`tabs`?t.widgets:t.cells.flatMap(e=>e.widget?[e.widget]:[])).forEach(t=>{e(i,a,t.id,`模块实例`,[...r,t.id]),t.type.trim()||a.push({level:`error`,message:`模块类型不能为空。`,path:[...r,t.id]})}),t.mode===`tabs`&&t.activeWidgetId&&!t.widgets.some(e=>e.id===t.activeWidgetId)&&a.push({level:`error`,message:`当前 Tab 不存在。`,path:r})}function n(n,r,i,a){n.columns.length||a.push({level:`error`,message:`区域至少需要一列。`,path:r}),n.rows.length||a.push({level:`error`,message:`区域至少需要一行。`,path:r}),n.width>0||a.push({level:`error`,message:`区域宽度必须大于 0 像素。`,path:r});let o=new Set,s=n.columns.reduce((e,t)=>e+t.width,0);n.columns.forEach(t=>{e(o,a,t.id,`列`,[...r,t.id]),t.width>0||a.push({level:`error`,message:`列宽必须大于 0 像素。`,path:[...r,t.id]})}),n.columns.length&&n.width>0&&s!==n.width&&a.push({level:`error`,message:`列宽总和必须等于区域宽度。`,path:r});let c=new Set;n.rows.forEach(o=>{e(c,a,o.id,`行`,[...r,o.id]),t(o,n,[...r,o.id],i,a)});let l=n.rows.reduce((e,t)=>e+t.height,0);Math.abs(l-100)>.01&&a.push({level:`error`,message:`区域行高总和必须为 100%。`,path:r})}function r(t){let r=[];t.schemaVersion!==3&&r.push({level:`error`,message:`配置版本必须为 v3。`}),t.layouts.length||r.push({level:`error`,message:`驾驶舱至少需要一个布局。`});let i=new Set,a=new Set;return t.layouts.forEach(t=>{e(i,r,t.id,`布局`,[t.id]),t.title.trim()||r.push({level:`error`,message:`布局名称不能为空。`,path:[t.id]}),n(t.left,[t.id,`left`],a,r),n(t.right,[t.id,`right`],a,r)}),{valid:!r.some(e=>e.level===`error`),issues:r}}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});
+require("./resolveComponent-C-IZ1bCO.cjs");function e(e,t,n,r,i){e.has(n)&&t.push({level:`error`,message:`${r} 存在重复 id：${n}`,path:i}),e.add(n)}function t(t,n,r,i,a){t.height>0||a.push({level:`error`,message:`行高必须大于 0%。`,path:r}),t.mode===`grid`&&t.cells.length!==n.columns.length&&a.push({level:`error`,message:`普通行的单元格数量必须与列数一致。`,path:r}),t.mode===`tabs`&&t.cells.length&&a.push({level:`error`,message:`Tab 行不能保留普通单元格。`,path:r}),(t.mode===`tabs`?t.widgets:t.cells.flatMap(e=>e.widget?[e.widget]:[])).forEach(t=>{e(i,a,t.id,`模块实例`,[...r,t.id]),t.type.trim()||a.push({level:`error`,message:`模块类型不能为空。`,path:[...r,t.id]})}),t.mode===`tabs`&&t.activeWidgetId&&!t.widgets.some(e=>e.id===t.activeWidgetId)&&a.push({level:`error`,message:`当前 Tab 不存在。`,path:r})}function n(n,r,i,a){n.columns.length||a.push({level:`error`,message:`区域至少需要一列。`,path:r}),n.rows.length||a.push({level:`error`,message:`区域至少需要一行。`,path:r}),n.width>0||a.push({level:`error`,message:`区域宽度必须大于 0 像素。`,path:r});let o=new Set,s=n.columns.reduce((e,t)=>e+t.width,0);n.columns.forEach(t=>{e(o,a,t.id,`列`,[...r,t.id]),t.width>0||a.push({level:`error`,message:`列宽必须大于 0 像素。`,path:[...r,t.id]})}),n.columns.length&&n.width>0&&s!==n.width&&a.push({level:`error`,message:`列宽总和必须等于区域宽度。`,path:r});let c=new Set;n.rows.forEach(o=>{e(c,a,o.id,`行`,[...r,o.id]),t(o,n,[...r,o.id],i,a)});let l=n.rows.reduce((e,t)=>e+t.height,0);Math.abs(l-100)>.01&&a.push({level:`error`,message:`区域行高总和必须为 100%。`,path:r})}function r(t){let r=[];t.schemaVersion!==3&&r.push({level:`error`,message:`配置版本必须为 v3。`}),t.layouts.length||r.push({level:`error`,message:`驾驶舱至少需要一个布局。`});let i=new Set,a=new Set;return t.layouts.forEach(t=>{e(i,r,t.id,`布局`,[t.id]),t.title.trim()||r.push({level:`error`,message:`布局名称不能为空。`,path:[t.id]}),n(t.left,[t.id,`left`],a,r),n(t.right,[t.id,`right`],a,r)}),{valid:!r.some(e=>e.level===`error`),issues:r}}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lumal/cockpit",
   "type": "module",
-  "version": "0.0.5-beta",
+  "version": "0.0.6-beta",
   "description": "Lumal generic cockpit orchestration framework: layout runtime, component registry, designer and message bus.",
   "license": "MIT",
   "keywords": [
@@ -59,8 +59,9 @@
     }
   },
   "dependencies": {
-    "@lumal/core": "0.0.5-beta",
-    "@lumal/icons-vue": "0.0.5-beta",
+    "@lumal/core": "0.0.6-beta",
+    "@lumal/icons-vue": "0.0.6-beta",
+    "@lumal/viewport": "0.0.6-beta",
     "sortablejs": "^1.15.7"
   },
   "devDependencies": {

package/dist/resolveComponent-DXwlDKov.cjs

@@ -1 +0,0 @@
-let e=require("vue"),t=require("element-plus"),n=require("@lumal/icons-vue");function r(e,t,n,r){if(n<=0||r<=0||e<=0||t<=0)return{scale:1,scaledWidth:n,scaledHeight:r,offsetX:0,offsetY:0};let i=Math.min(e/n,t/r),a=n*i,o=r*i;return{scale:i,scaledWidth:a,scaledHeight:o,offsetX:(e-a)/2,offsetY:(t-o)/2}}function i(t,n){let i=(0,e.shallowRef)({scale:1,scaledWidth:n.baseWidth(),scaledHeight:n.baseHeight(),offsetX:0,offsetY:0}),a=(0,e.ref)(!1),o=null,s=0;function c(){let e=t.value;e&&(i.value=r(e.clientWidth,e.clientHeight,n.baseWidth(),n.baseHeight()),a.value=!0)}function l(){if(typeof requestAnimationFrame>`u`){c();return}s&&cancelAnimationFrame(s),s=requestAnimationFrame(()=>{s=0,c()})}function u(){o?.disconnect(),o=null}function d(){u(),!(n.enabled!==void 0&&!(0,e.toValue)(n.enabled))&&(c(),typeof ResizeObserver<`u`&&t.value&&(o=new ResizeObserver(l),o.observe(t.value)))}return(0,e.watch)([t,n.baseWidth,n.baseHeight,()=>n.enabled===void 0||(0,e.toValue)(n.enabled)],d,{flush:`post`,immediate:!0}),(0,e.onBeforeUnmount)(()=>{s&&typeof cancelAnimationFrame<`u`&&cancelAnimationFrame(s),u()}),{result:i,ready:a,measure:c}}var a=Symbol(`lumal-cockpit-context`);function o(t){(0,e.provide)(a,t)}function s(t=!1){let n=(0,e.inject)(a,null);if(!n&&!t)throw Error(`[cockpit] 未找到驾驶舱渲染上下文，请确认组件在 LumalCockpit 内渲染。`);return n}var c=3,l=320,u=420,d=100,f=0;function p(e=`ck`){f+=1;let t=Date.now().toString(36),n=Math.random().toString(36).slice(2,8);return`${e}-${t}-${f.toString(36)}-${n}`}function m(e,t){return{id:p(`widget`),type:e,title:t}}function h(e=320){return{id:p(`column`),width:e}}function g(e){let t=Math.max(1,e.columns.length),n=Math.max(t,Math.round(e.width)||420);e.width=n;let r=Math.floor(n/t),i=n-r*t;e.columns.forEach(e=>{e.width=r+ +(i>0),i>0&&--i})}function _(){return{id:p(`cell`)}}function v(e,t=`grid`,n=100){return{id:p(`row`),height:n,mode:t,cells:t===`grid`?Array.from({length:Math.max(1,e)},_):[],widgets:[]}}function y(e=1,t=1,n=420){let r=Array.from({length:Math.max(1,e)},()=>h()),i={width:n,columns:r,rows:Array.from({length:Math.max(1,t)},()=>v(r.length,`grid`,100/Math.max(1,t)))};return g(i),i}function b(e=`新布局`){return{id:p(`layout`),title:e,left:y(),right:y()}}function x(e=p(`cockpit`)){let t=b(`布局 1`);return{schemaVersion:3,id:e,title:`驾驶舱`,activeLayoutId:t.id,layouts:[t]}}function S(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}function C(e){return Array.isArray(e)?e:[]}function w(e,t){return typeof e==`string`&&e.trim()?e:t}function T(e,t){let n=typeof e==`number`?e:Number(e);return Number.isFinite(n)&&n>0?n:t}function E(e){if(!(!S(e)||typeof e.type!=`string`||!e.type.trim()))return{id:w(e.id,p(`widget`)),type:e.type,title:typeof e.title==`string`&&e.title.trim()?e.title:void 0}}function D(e){let t=S(e)?e:{};return{id:w(t.id,p(`cell`)),widget:E(t.widget)}}function O(e){let t=C(e).map(e=>{let t=S(e)?e:{};return{id:w(t.id,p(`column`)),width:Math.round(T(t.width,320))}});return t.length?t:[h()]}function k(e,t){let n=S(e)?e:{},r=n.mode===`tabs`?`tabs`:`grid`,i={id:w(n.id,p(`row`)),height:T(n.height,100),mode:r,cells:[],widgets:[]};if(r===`tabs`){i.widgets=C(n.widgets).map(E).filter(e=>!!e);let e=typeof n.activeWidgetId==`string`?n.activeWidgetId:void 0;i.activeWidgetId=i.widgets.some(t=>t.id===e)?e:i.widgets[0]?.id}else{let e=C(n.cells).map(D).slice(0,t);for(;e.length<t;)e.push(_());i.cells=e}return i}function A(e){let t=e.reduce((e,t)=>e+t.height,0);if(t<=0){let t=100/e.length;e.forEach(e=>{e.height=t});return}e.forEach(e=>{e.height=Number((e.height/t*100).toFixed(3))});let n=Number((100-e.reduce((e,t)=>e+t.height,0)).toFixed(3));e[e.length-1]&&(e[e.length-1].height=Number((e[e.length-1].height+n).toFixed(3)))}function j(e){let t=S(e)?e:{},n=O(t.columns),r=n.reduce((e,t)=>e+t.width,0),i=Math.round(T(t.width,r>0?r:420)),a=C(t.rows).map(e=>k(e,n.length));a.length||a.push(v(n.length)),A(a);let o={width:i,columns:n,rows:a};return g(o),o}function M(e){let t=S(e)?e:{},n=b(w(t.title,`未命名布局`));return n.id=w(t.id,n.id),n.left=j(t.left),n.right=j(t.right),n}function N(e){let t=S(e)?e:{},n=C(t.layouts).map(M),r={schemaVersion:3,id:w(t.id,p(`cockpit`)),title:w(t.title,`驾驶舱`),layouts:n.length?n:[b(`布局 1`)]},i=typeof t.activeLayoutId==`string`?t.activeLayoutId:void 0;return r.activeLayoutId=r.layouts.some(e=>e.id===i)?i:r.layouts[0].id,r}function P(e={}){let t=new Map;function n(t,n){let r=e=>{console.error(`[cockpit] 消息订阅处理器异常（topic: ${n}）`,e)};try{e.onError?Promise.resolve(e.onError(t,n)).catch(r):r(t)}catch(e){r(e)}}function r(e){let r=t.get(e.topic);if(!r||r.size===0)return;let i=[...r];for(let t of i){let r=e.targetId===void 0,i=t.targetId!==void 0&&t.targetId===e.targetId;if(!(!r&&!i))try{let r=t.handler(e);r&&Promise.resolve(r).catch(t=>n(t,e.topic))}catch(t){n(t,e.topic)}}}function i(e,n,r){let i=t.get(e);i||(i=new Set,t.set(e,i));let a={handler:n,targetId:r?.targetId};return i.add(a),function(){let n=t.get(e);n&&(n.delete(a),n.size===0&&t.delete(e))}}function a(e){for(let[n,r]of t){for(let t of[...r])t.targetId===e&&r.delete(t);r.size===0&&t.delete(n)}}return{publish:r,subscribe:i,clearInstance:a}}var F={class:`lumal-cockpit-error-boundary`},I={class:`lumal-cockpit-error-boundary__fallback`,role:`alert`},L=(0,e.defineComponent)({__name:`CockpitErrorBoundary`,emits:[`error`],setup(r,{emit:i}){let a=i,o=(0,e.ref)(!1),s=(0,e.ref)(null),c=(0,e.ref)(0);(0,e.onErrorCaptured)(e=>(o.value=!0,s.value=e,a(`error`,e),!1));async function l(){o.value=!1,s.value=null,await(0,e.nextTick)(),c.value+=1}return(r,i)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,F,[o.value?(0,e.renderSlot)(r.$slots,`error`,{key:0,error:s.value,retry:l},()=>[(0,e.createElementVNode)(`div`,I,[i[1]||=(0,e.createElementVNode)(`p`,{class:`lumal-cockpit-error-boundary__message`},` 组件渲染失败 `,-1),(0,e.createVNode)((0,e.unref)(t.ElButton),{class:`lumal-cockpit-error-boundary__retry`,onClick:l},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(n.LumalIcon),{name:`lumal:refresh`,size:15}),i[0]||=(0,e.createTextVNode)(` 重试 `,-1)]),_:1})])]):(0,e.renderSlot)(r.$slots,`default`,{key:c.value})]))}}),R=new WeakMap;function z(t){if(typeof t==`function`){let n=t,r=R.get(n);if(r)return r;let i=(0,e.defineAsyncComponent)(t);return R.set(n,i),i}return t}Object.defineProperty(exports,"_",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"b",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return N}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return P}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"v",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"x",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"y",{enumerable:!0,get:function(){return s}});