@lumal/cockpit 0.0.1-beta → 0.0.2-beta

package/dist/{runtime-CXiih7DE.js → runtime-jYdPGqNX.js}

@@ -1,10 +1,27 @@
-import { i as e, n as t, r as n, t as r, v as i, x as a } from "./resolveComponent-QbJRsdxR.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, toDisplayString as A, toValue as j, unref as M, useId as N, useModel as P, useSlots as te, vShow as F, watch as I, withCtx as L, withDirectives as R } from "vue";
-import { ElButton as z, ElSwitch as ne, ElTooltip as re } from "element-plus";
-import { LumalIcon as B } from "@lumal/icons-vue";
-//#region src/messaging/topics.ts
-var V = "cockpit:refresh", H = 300 * 1e3;
+import { i as e, n as t, r as n, t as r, v as i, x as a } from "./resolveComponent-BZJb6nHc.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";
+//#region src/composables/useCockpit.ts
 function U(e) {
+	let t = s(() => {
+		let t = e.config().layouts;
+		if (!t.length) return;
+		let n = e.activeLayoutId.value ?? e.config().activeLayoutId;
+		return t.find((e) => e.id === n) ?? t[0];
+	});
+	function n(t) {
+		e.activeLayoutId.value = t;
+	}
+	return {
+		activeLayout: t,
+		selectLayout: n
+	};
+}
+//#endregion
+//#region src/messaging/topics.ts
+var W = "cockpit:refresh", G = 300 * 1e3;
+function K(e) {
 	let t = e.enabled ?? E(e.defaultEnabled ?? !1), n;
 	function r(t = "manual") {
 		let n = {
@@ -12,8 +29,8 @@ function U(e) {
 			at: Date.now()
 		};
 		e.messages.publish({
-			topic: V,
-			sourceId: j(e.sourceId),
+			topic: W,
+			sourceId: N(e.sourceId),
 			payload: n
 		});
 	}
@@ -22,48 +39,36 @@ function U(e) {
 	}
 	function a() {
 		i();
-		let t = Math.max(1e3, j(e.intervalMs) ?? 3e5);
+		let t = Math.max(1e3, N(e.intervalMs) ?? 3e5);
 		n = setInterval(() => {
-			r("interval");
+			typeof document < "u" && document.hidden || r("interval");
 		}, t);
 	}
-	return I(t, (e) => {
+	function o() {
+		!document.hidden && t.value && r("interval");
+	}
+	return typeof document < "u" && document.addEventListener("visibilitychange", o), R(t, (e) => {
 		e ? a() : i();
-	}, { immediate: !0 }), I(() => j(e.intervalMs), () => {
+	}, { immediate: !0 }), R(() => N(e.intervalMs), () => {
 		t.value && a();
-	}), C(i), {
+	}), C(() => {
+		i(), typeof document < "u" && document.removeEventListener("visibilitychange", o);
+	}), {
 		enabled: t,
 		refreshNow: r
 	};
 }
 //#endregion
-//#region src/composables/useCockpit.ts
-function W(e) {
-	let t = s(() => {
-		let t = e.config().layouts;
-		if (!t.length) return;
-		let n = e.activeLayoutId.value ?? e.config().activeLayoutId;
-		return t.find((e) => e.id === n) ?? t[0];
-	});
-	function n(t) {
-		e.activeLayoutId.value = t;
-	}
-	return {
-		activeLayout: t,
-		selectLayout: n
-	};
-}
-//#endregion
 //#region src/runtime/context.ts
-var G = Symbol("lumal-cockpit-runtime-env");
-function K() {
-	let e = _(G, null);
+var q = Symbol("lumal-cockpit-runtime-env");
+function J() {
+	let e = _(q, null);
 	if (!e) throw Error("[cockpit] 运行时环境缺失，组件必须在 LumalCockpit 内渲染。");
 	return e;
 }
 //#endregion
 //#region src/runtime/LumalCockpitWidgetHost.vue?vue&type=script&setup=true&lang.ts
-var ie = [
+var Y = [
 	"data-widget-type",
 	"data-instance-id",
 	"data-cockpit-node-id",
@@ -76,7 +81,7 @@ var ie = [
 	key: 1,
 	class: "lumal-cockpit-widget__error",
 	role: "alert"
-}, q = /* @__PURE__ */ h({
+}, X = /* @__PURE__ */ h({
 	__name: "LumalCockpitWidgetHost",
 	props: {
 		layoutId: {},
@@ -85,17 +90,19 @@ var ie = [
 		embedded: { type: Boolean }
 	},
 	setup(e) {
-		let n = e, a = K(), l = s(() => a.registry.resolveWidget(n.widget.type)), h = s(() => {
+		let n = e, a = J(), l = s(() => a.registry.resolveWidget(n.widget.type)), h = s(() => {
 			let e = l.value;
 			return e ? r(e.component) : null;
-		}), _ = s(() => ({
+		}), _ = A({
 			cockpitId: a.cockpitId,
 			layoutId: n.layoutId,
 			instanceId: n.widget.id,
 			mode: a.mode,
 			messages: a.messages
-		}));
-		i(_.value), C(() => {
+		});
+		z(() => {
+			_.cockpitId = a.cockpitId, _.layoutId = n.layoutId, _.instanceId = n.widget.id, _.mode = a.mode, _.messages = a.messages;
+		}), i(_), C(() => {
 			a.messages.clearInstance(n.widget.id);
 		});
 		let v = s(() => n.widget.title ?? l.value?.label ?? n.widget.type), y = s(() => n.embedded ? "div" : a.cardComponent), b = s(() => n.embedded ? { class: "lumal-cockpit-widget__embedded" } : {
@@ -110,38 +117,38 @@ var ie = [
 			"data-cockpit-node-id": e.widget.id,
 			"data-cockpit-side": e.side
 		}, [(w(), c(k(y.value), x(g(b.value)), f({
-			default: L(() => [d("div", ae, [l.value ? (w(), c(t, { key: 1 }, {
-				error: L(({ retry: t }) => [M(a).slots.error ? (w(), c(k(M(a).slots.error), {
+			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), {
 					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(M(z), {
+				}, null, 8, ["retry", "instance-id"])) : (w(), u("div", se, [r[1] ||= d("span", null, "模块加载失败", -1), m(P(H), {
 					text: "",
 					type: "primary",
 					onClick: t
 				}, {
-					default: L(() => [m(M(B), {
+					default: B(() => [m(P(ie), {
 						name: "lumal:refresh",
 						size: 14
 					}), r[0] ||= p(" 重试 ", -1)]),
 					_: 1
 				}, 8, ["onClick"])]))]),
-				default: L(() => [(w(), c(k(h.value), { context: _.value }, null, 8, ["context"]))]),
+				default: B(() => [(w(), c(k(h.value), { context: P(_) }, null, 8, ["context"]))]),
 				_: 1
-			})) : (w(), u(o, { key: 0 }, [M(a).slots["missing-widget"] ? (w(), c(k(M(a).slots["missing-widget"]), {
+			})) : (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, " 未注册模块：" + A(e.widget.type), 1))], 64))])]),
+			}, null, 8, ["type", "instance-id"])) : (w(), u("div", oe, " 未注册模块：" + M(e.widget.type), 1))], 64))])]),
 			_: 2
-		}, [!e.embedded && M(a).slots["widget-title"] ? {
+		}, [!e.embedded && P(a).slots["widget-title"] ? {
 			name: "title",
-			fn: L(() => [(w(), c(k(M(a).slots["widget-title"]), {
+			fn: B(() => [(w(), c(k(P(a).slots["widget-title"]), {
 				widget: e.widget,
 				title: v.value
 			}, null, 8, ["widget", "title"]))]),
 			key: "0"
-		} : void 0]), 1040))], 8, ie));
+		} : void 0]), 1040))], 8, Y));
 	}
 }), ce = ["data-cockpit-node-id", "data-cockpit-side"], le = ["data-cockpit-node-id", "data-cockpit-side"], ue = {
 	key: 1,
@@ -154,7 +161,7 @@ var ie = [
 	key: 1,
 	class: "lumal-cockpit-container__empty",
 	role: "status"
-}, J = /* @__PURE__ */ h({
+}, Z = /* @__PURE__ */ h({
 	__name: "LumalCockpitContainer",
 	props: {
 		columns: {},
@@ -163,7 +170,7 @@ var ie = [
 		side: {}
 	},
 	setup(e) {
-		let t = e, n = s(() => ({ height: `${t.row.height}%` })), r = s(() => ({ gridTemplateColumns: t.columns.map((e) => `calc(${e.width} * var(--lumal-cockpit-x-unit, 1px))`).join(" ") })), i = E(), a = T(/* @__PURE__ */ new Set()), d = K(), p = s(() => t.row.widgets.map((e) => ({
+		let t = e, n = s(() => ({ height: `${t.row.height}%` })), r = s(() => ({ gridTemplateColumns: t.columns.map((e) => `calc(${e.width} * var(--lumal-cockpit-x-unit, 1px))`).join(" ") })), i = E(), a = T(/* @__PURE__ */ new Set()), d = J(), p = s(() => t.row.widgets.map((e) => ({
 			id: e.id,
 			title: e.title ?? d.registry.resolveWidget(e.type)?.label ?? e.type,
 			widget: e
@@ -172,14 +179,14 @@ var ie = [
 			let e = t.row.activeWidgetId;
 			return t.row.widgets.some((t) => t.id === e) ? e : t.row.widgets[0]?.id;
 		}
-		return I(() => [t.row.id, t.row.activeWidgetId], () => {
+		return R(() => [t.row.id, t.row.activeWidgetId], () => {
 			i.value = h();
-		}, { immediate: !0 }), I(() => t.row.widgets.map((e) => e.id).join(","), () => {
+		}, { immediate: !0 }), R(() => 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());
-		}), I(i, (e) => {
+		}), R(i, (e) => {
 			e && a.add(e);
 		}, { immediate: !0 }), (t, s) => (w(), u("section", {
 			class: b(["lumal-cockpit-container", { "is-tabs": e.row.mode === "tabs" }]),
@@ -197,7 +204,7 @@ var ie = [
 			"data-cockpit-node": "cell",
 			"data-cockpit-node-id": t.id,
 			"data-cockpit-side": e.side
-		}, [t.widget ? (w(), c(q, {
+		}, [t.widget ? (w(), c(X, {
 			key: t.widget.id,
 			"layout-id": e.layoutId,
 			side: e.side,
@@ -206,13 +213,13 @@ var ie = [
 			"layout-id",
 			"side",
 			"widget"
-		])) : (w(), u("div", ue, " 空模块槽 "))], 8, le))), 128))], 4)) : (w(), u(o, { key: 1 }, [e.row.widgets.length ? (w(), c(k(M(d).cardComponent), {
+		])) : (w(), u("div", ue, " 空模块槽 "))], 8, le))), 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: L(() => [(w(!0), u(o, null, D(e.row.widgets, (t) => (w(), u(o, { key: t.id }, [a.has(t.id) ? R((w(), u("div", de, [m(q, {
+			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, {
 				embedded: "",
 				"layout-id": e.layoutId,
 				side: e.side,
@@ -221,18 +228,18 @@ var ie = [
 				"layout-id",
 				"side",
 				"widget"
-			])], 512)), [[F, t.id === i.value]]) : l("", !0)], 64))), 128))]),
+			])], 512)), [[L, t.id === i.value]]) : l("", !0)], 64))), 128))]),
 			_: 2
-		}, [M(d).slots["widget-title"] ? {
+		}, [P(d).slots["widget-title"] ? {
 			name: "title",
-			fn: L(({ title: e, widget: t }) => [(w(), c(k(M(d).slots["widget-title"]), {
+			fn: B(({ title: e, widget: t }) => [(w(), c(k(P(d).slots["widget-title"]), {
 				widget: t,
 				title: e
 			}, null, 8, ["widget", "title"]))]),
 			key: "0"
-		} : void 0, M(d).slots["widget-title"] ? {
+		} : void 0, P(d).slots["widget-title"] ? {
 			name: "tab",
-			fn: L(({ tab: e }) => [(w(), c(k(M(d).slots["widget-title"]), {
+			fn: B(({ tab: e }) => [(w(), c(k(P(d).slots["widget-title"]), {
 				widget: e.widget,
 				title: e.title
 			}, null, 8, ["widget", "title"]))]),
@@ -243,7 +250,7 @@ var ie = [
 	"data-side",
 	"data-cockpit-node-id",
 	"data-cockpit-side"
-], Y = /* @__PURE__ */ h({
+], Q = /* @__PURE__ */ h({
 	__name: "LumalCockpitRegion",
 	props: {
 		layoutId: {},
@@ -259,7 +266,7 @@ var ie = [
 			"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(J, {
+		}, [(w(!0), u(o, null, D(e.region.rows, (t) => (w(), c(Z, {
 			key: t.id,
 			"layout-id": e.layoutId,
 			side: e.side,
@@ -272,7 +279,7 @@ var ie = [
 			"row"
 		]))), 128))], 12, pe));
 	}
-}), 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" }, X = { class: "lumal-cockpit-canvas__body" }, ye = { class: "lumal-cockpit-canvas__center" }, be = { class: "lumal-cockpit-canvas__left" }, xe = { class: "lumal-cockpit-canvas__right" }, Z = /* @__PURE__ */ h({
+}), 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({
 	__name: "LumalCockpitCanvas",
 	props: {
 		title: {},
@@ -308,65 +315,65 @@ var ie = [
 			ref_key: "containerRef",
 			ref: n,
 			class: "lumal-cockpit-canvas",
-			"data-scale": M(r).scale.toFixed(3),
+			"data-scale": P(r).scale.toFixed(3),
 			"data-viewport-mode": e.viewportMode
 		}, [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, A(e.title), 1)])]),
+			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", X, [
-			d("main", ye, [O(t.$slots, "center", {
+		]), d("div", ye, [
+			d("main", be, [O(t.$slots, "center", {
 				context: e.centerContext,
 				layout: e.layout
 			}, () => [a[0] ||= d("div", {
 				class: "lumal-cockpit-center__empty",
 				role: "status"
 			}, " 由应用提供中央内容 ", -1)])]),
-			d("div", be, [O(t.$slots, "left", {
+			d("div", xe, [O(t.$slots, "left", {
 				layout: e.layout,
 				region: e.layout.left,
 				side: "left"
-			}, () => [m(Y, {
+			}, () => [m(Q, {
 				side: "left",
 				"layout-id": e.layout.id,
 				region: e.layout.left
 			}, null, 8, ["layout-id", "region"])])]),
-			d("div", xe, [O(t.$slots, "right", {
+			d("div", Se, [O(t.$slots, "right", {
 				layout: e.layout,
 				region: e.layout.right,
 				side: "right"
-			}, () => [m(Y, {
+			}, () => [m(Q, {
 				side: "right",
 				"layout-id": e.layout.id,
 				region: e.layout.right
 			}, null, 8, ["layout-id", "region"])])])
 		])], 4)], 8, me));
 	}
-}), Se = {
+}), we = {
 	key: 0,
 	class: "lumal-cockpit-card__header"
-}, Ce = {
+}, Te = {
 	class: "lumal-cockpit-card__tablist",
 	role: "tablist",
 	"aria-label": "模块切换"
-}, we = [
+}, Ee = [
 	"id",
 	"aria-selected",
 	"tabindex",
 	"onClick",
 	"onKeydown"
-], Te = {
+], De = {
 	key: 1,
 	class: "lumal-cockpit-card__header"
-}, Ee = { class: "lumal-cockpit-card__title" }, De = [
+}, Oe = { class: "lumal-cockpit-card__title" }, ke = [
 	"id",
 	"role",
 	"aria-labelledby",
 	"tabindex"
-], Q = /* @__PURE__ */ h({
+], $ = /* @__PURE__ */ h({
 	__name: "LumalCockpitCard",
 	props: {
 		title: {},
@@ -376,7 +383,7 @@ var ie = [
 	},
 	emits: ["update:activeTabId"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = N(), a = /* @__PURE__ */ new Map(), c = s(() => n.tabs.length > 1), f = s(() => n.tabs[0]), m = s(() => {
+		let n = e, r = t, i = F(), a = /* @__PURE__ */ new Map(), c = s(() => n.tabs.length > 1), f = s(() => n.tabs[0]), m = s(() => {
 			let e = n.activeTabId;
 			return n.tabs.some((t) => t.id === e) ? e : n.tabs[0]?.id;
 		}), h = s(() => n.widget ?? f.value?.widget), g = s(() => n.title ?? n.widget?.title ?? f.value?.title ?? h.value?.title ?? h.value?.type), _ = `${i}-tabpanel`;
@@ -401,10 +408,10 @@ var ie = [
 			}[e.key], i = n.tabs[r];
 			i && (e.preventDefault(), S(i.id), y(() => a.get(i.id)?.focus()));
 		}
-		return I(() => [n.activeTabId, n.tabs.map((e) => e.id).join(",")], () => {
+		return R(() => [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", Se, [d("div", Ce, [(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", we, [d("div", Te, [(w(!0), u(o, null, D(e.tabs, (e, n) => (w(), u("button", {
 			id: v(n),
 			key: e.id,
 			ref_for: !0,
@@ -420,25 +427,25 @@ var ie = [
 		}, [O(t.$slots, "tab", {
 			tab: e,
 			active: e.id === m.value
-		}, () => [p(A(e.title), 1)])], 42, we))), 128))])])) : g.value || t.$slots.title ? (w(), u("header", Te, [d("div", Ee, [O(t.$slots, "title", {
+		}, () => [p(M(e.title), 1)])], 42, Ee))), 128))])])) : g.value || t.$slots.title ? (w(), u("header", De, [d("div", Oe, [O(t.$slots, "title", {
 			title: g.value,
 			widget: h.value
-		}, () => [p(A(g.value), 1)])])])) : l("", !0), d("div", {
+		}, () => [p(M(g.value), 1)])])])) : l("", !0), d("div", {
 			id: c.value ? _ : void 0,
 			class: "lumal-cockpit-card__body",
 			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, De)], 2));
+		}, [O(t.$slots, "default", { activeTabId: m.value })], 8, ke)], 2));
 	}
-}), Oe = [
+}), Ae = [
 	"data-mode",
 	"data-cockpit-theme",
 	"data-viewport-mode"
-], ke = {
+], je = {
 	key: 0,
 	class: "lumal-cockpit__auto-refresh"
-}, Ae = { class: "lumal-cockpit__auto-refresh-control" }, je = /* @__PURE__ */ h({
+}, Me = { class: "lumal-cockpit__auto-refresh-control" }, Ne = /* @__PURE__ */ h({
 	__name: "LumalCockpit",
 	props: /*@__PURE__*/ v({
 		config: {},
@@ -457,7 +464,7 @@ var ie = [
 			type: Boolean,
 			default: !1
 		},
-		autoRefreshIntervalMs: { default: H }
+		autoRefreshIntervalMs: { default: G }
 	}, {
 		activeLayoutId: {},
 		activeLayoutIdModifiers: {},
@@ -479,83 +486,88 @@ var ie = [
 		"update:autoRefreshEnabled"
 	]),
 	setup(t, { expose: r, emit: i }) {
-		let a = t, c = i, f = P(t, "activeLayoutId"), p = P(t, "themeMode"), h = P(t, "autoRefreshEnabled"), _ = te(), v = s(() => {
+		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(() => {
 			try {
-				return {
-					config: e(a.config),
-					error: null
-				};
+				let t = JSON.stringify(a.config);
+				if (t === b) {
+					y.value = null;
+					return;
+				}
+				let n = e(a.config), r = JSON.stringify(n);
+				b = t, y.value = null, r !== S && (v.value = n, S = r);
 			} catch (e) {
-				return {
-					config: null,
-					error: e
-				};
+				y.value = e;
 			}
-		}), y = s(() => v.value.config);
-		I(() => v.value.error, (e) => {
+		});
+		let C = s(() => ({
+			config: v.value,
+			error: y.value
+		}));
+		R(() => C.value.error, (e) => {
 			e && c("configError", e);
 		}, { immediate: !0 });
-		let b = a.messageBus ?? n();
-		ee(G, {
+		let T = a.messageBus ?? n(), D = A({
 			cockpitId: a.config.id,
 			mode: a.renderMode,
 			registry: a.registry,
-			messages: b,
+			messages: T,
 			cachePages: a.cachePages,
 			slots: _,
-			get cardComponent() {
-				return a.cardComponent ?? Q;
-			}
+			cardComponent: a.cardComponent ?? $
 		});
-		let S = W({
-			config: () => y.value ?? a.config,
+		z(() => {
+			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({
+			config: () => v.value ?? a.config,
 			activeLayoutId: f
-		}), C = s(() => {
-			let e = S.activeLayout.value;
+		}), M = s(() => {
+			let e = k.activeLayout.value;
 			if (e) return {
-				cockpitId: y.value?.id ?? a.config.id,
+				cockpitId: v.value?.id ?? a.config.id,
 				layoutId: e.id,
 				instanceId: `${e.id}:center`,
 				mode: a.renderMode,
-				messages: b
+				messages: T
 			};
-		}), T = E(!1);
-		I([() => a.autoRefresh, h], ([e, t]) => {
-			T.value = !!(e && t);
+		}), N = E(!1);
+		R([() => a.autoRefresh, h], ([e, t]) => {
+			N.value = !!(e && t);
 		}, { immediate: !0 });
-		let D = s(() => {
+		let F = s(() => {
 			let e = Math.round(a.autoRefreshIntervalMs / 6e4);
 			return e >= 1 ? `${e} 分钟` : `${Math.round(a.autoRefreshIntervalMs / 1e3)} 秒`;
-		}), { refreshNow: k } = U({
-			messages: b,
-			sourceId: () => y.value?.id ?? a.config.id,
+		}), { refreshNow: L } = K({
+			messages: T,
+			sourceId: () => v.value?.id ?? a.config.id,
 			intervalMs: () => a.autoRefreshIntervalMs,
-			enabled: T
-		}), A = E(null);
-		async function j() {
-			A.value?.requestFullscreen && await A.value.requestFullscreen();
+			enabled: N
+		}), V = E(null);
+		async function H() {
+			V.value?.requestFullscreen && await V.value.requestFullscreen();
 		}
-		async function N() {
+		async function ie() {
 			document.fullscreenElement && await document.exitFullscreen();
 		}
-		function F() {
+		function W() {
 			p.value = p.value === "dark" ? "light" : "dark";
 		}
 		r({
-			enterFullscreen: j,
-			exitFullscreen: N,
-			messages: b,
-			toggleTheme: F,
-			refreshNow: k
+			enterFullscreen: H,
+			exitFullscreen: ie,
+			messages: T,
+			toggleTheme: W,
+			refreshNow: L
 		});
-		let R = s(() => !!y.value?.layouts.length);
-		function z() {
+		let G = s(() => !!v.value?.layouts.length);
+		function J() {
 			c("configure");
 		}
-		function B(e) {
+		function Y(e) {
 			if (a.renderMode !== "design") return;
 			let t = (e.target instanceof Element ? e.target : null)?.closest("[data-cockpit-node]");
-			if (!t || !A.value?.contains(t)) return;
+			if (!t || !V.value?.contains(t)) return;
 			let n = t.dataset.cockpitNode, r = t.dataset.cockpitNodeId;
 			!n || !r || c("nodeSelect", {
 				kind: n,
@@ -565,41 +577,41 @@ var ie = [
 		}
 		return (e, n) => (w(), u("div", {
 			ref_key: "rootRef",
-			ref: A,
+			ref: V,
 			class: "lumal-cockpit",
 			"data-mode": t.renderMode,
 			"data-cockpit-theme": p.value,
 			"data-viewport-mode": t.viewportMode,
-			onClickCapture: B
-		}, [v.value.error ? O(e.$slots, "error", {
+			onClickCapture: Y
+		}, [C.value.error ? O(e.$slots, "error", {
 			key: 0,
-			error: v.value.error
+			error: C.value.error
 		}, () => [n[1] ||= d("div", {
 			class: "lumal-cockpit__error",
 			role: "alert"
-		}, " 配置加载失败 ", -1)]) : R.value ? M(S).activeLayout.value && C.value ? (w(), u(o, { key: 2 }, [m(Z, {
-			title: y.value.title,
+		}, " 配置加载失败 ", -1)]) : G.value ? P(k).activeLayout.value && M.value ? (w(), u(o, { key: 2 }, [m(Ce, {
+			title: v.value.title,
 			"base-width": t.baseWidth,
 			"base-height": t.baseHeight,
 			"viewport-mode": t.viewportMode,
-			layout: M(S).activeLayout.value,
-			"center-context": C.value
+			layout: P(k).activeLayout.value,
+			"center-context": M.value
 		}, {
-			"header-prefix": L(() => [O(e.$slots, "header-prefix")]),
-			"header-title": L((t) => [O(e.$slots, "header-title", x(g(t)))]),
-			"header-actions": L(() => [t.autoRefresh ? (w(), u("div", ke, [m(M(re), { content: h.value ? `关闭自动刷新（每 ${D.value}）` : `开启自动刷新（每 ${D.value}）` }, {
-				default: L(() => [d("label", Ae, [n[3] ||= d("span", null, "自动刷新", -1), m(M(ne), {
+			"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), {
 					modelValue: h.value,
 					"onUpdate:modelValue": n[0] ||= (e) => h.value = e,
 					size: "small",
 					"data-action": "cockpit-auto-refresh",
-					"aria-label": `全局自动刷新，间隔 ${D.value}`
+					"aria-label": `全局自动刷新，间隔 ${F.value}`
 				}, null, 8, ["modelValue", "aria-label"])])]),
 				_: 1
 			}, 8, ["content"])])) : l("", !0), O(e.$slots, "header-actions")]),
-			center: L((t) => [O(e.$slots, "center", x(g(t)))]),
-			left: L((t) => [O(e.$slots, "left", x(g(t)))]),
-			right: L((t) => [O(e.$slots, "right", x(g(t)))]),
+			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)))]),
 			_: 3
 		}, 8, [
 			"title",
@@ -608,20 +620,20 @@ var ie = [
 			"viewport-mode",
 			"layout",
 			"center-context"
-		]), O(e.$slots, "configure-trigger", { configure: z })], 64)) : l("", !0) : O(e.$slots, "empty", { key: 1 }, () => [n[2] ||= d("div", {
+		]), O(e.$slots, "configure-trigger", { configure: J })], 64)) : l("", !0) : O(e.$slots, "empty", { key: 1 }, () => [n[2] ||= d("div", {
 			class: "lumal-cockpit__empty",
 			role: "status"
-		}, " 空驾驶舱 ", -1)])], 40, Oe));
+		}, " 空驾驶舱 ", -1)])], 40, Ae));
 	}
 });
 //#endregion
 //#region src/runtime/index.ts
-function $(e, t) {
+function Pe(e, t) {
 	let n = e;
 	return n.install = function(n) {
 		n.component(t, e);
 	}, n;
 }
-var Me = $(je, "LumalCockpit"), Ne = $(Q, "LumalCockpitCard");
+var Fe = Pe(Ne, "LumalCockpit"), Ie = Pe($, "LumalCockpitCard");
 //#endregion
-export { J as a, K as c, U as d, V as f, Y as i, W as l, Ne as n, q as o, Z as r, G as s, Me as t, H as u };
+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 };

package/dist/runtime.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./resolveComponent-BF1aCxAk.cjs"),t=require("./runtime-wzWMTWrS.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-BwChMZGV.cjs"),t=require("./runtime-CZWB99yu.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;