@lumal/cockpit 0.0.1-beta

package/dist/runtime-CXiih7DE.js

@@ -0,0 +1,627 @@
+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;
+function U(e) {
+	let t = e.enabled ?? E(e.defaultEnabled ?? !1), n;
+	function r(t = "manual") {
+		let n = {
+			reason: t,
+			at: Date.now()
+		};
+		e.messages.publish({
+			topic: V,
+			sourceId: j(e.sourceId),
+			payload: n
+		});
+	}
+	function i() {
+		n !== void 0 && (clearInterval(n), n = void 0);
+	}
+	function a() {
+		i();
+		let t = Math.max(1e3, j(e.intervalMs) ?? 3e5);
+		n = setInterval(() => {
+			r("interval");
+		}, t);
+	}
+	return I(t, (e) => {
+		e ? a() : i();
+	}, { immediate: !0 }), I(() => j(e.intervalMs), () => {
+		t.value && a();
+	}), C(i), {
+		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);
+	if (!e) throw Error("[cockpit] 运行时环境缺失，组件必须在 LumalCockpit 内渲染。");
+	return e;
+}
+//#endregion
+//#region src/runtime/LumalCockpitWidgetHost.vue?vue&type=script&setup=true&lang.ts
+var ie = [
+	"data-widget-type",
+	"data-instance-id",
+	"data-cockpit-node-id",
+	"data-cockpit-side"
+], ae = { class: "lumal-cockpit-widget__body" }, oe = {
+	key: 1,
+	class: "lumal-cockpit-widget__missing",
+	role: "status"
+}, se = {
+	key: 1,
+	class: "lumal-cockpit-widget__error",
+	role: "alert"
+}, q = /* @__PURE__ */ h({
+	__name: "LumalCockpitWidgetHost",
+	props: {
+		layoutId: {},
+		side: {},
+		widget: {},
+		embedded: { type: Boolean }
+	},
+	setup(e) {
+		let n = e, a = K(), l = s(() => a.registry.resolveWidget(n.widget.type)), h = s(() => {
+			let e = l.value;
+			return e ? r(e.component) : null;
+		}), _ = s(() => ({
+			cockpitId: a.cockpitId,
+			layoutId: n.layoutId,
+			instanceId: n.widget.id,
+			mode: a.mode,
+			messages: a.messages
+		}));
+		i(_.value), 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" } : {
+			title: v.value,
+			widget: n.widget
+		});
+		return (n, r) => (w(), u("section", {
+			class: "lumal-cockpit-widget",
+			"data-widget-type": e.widget.type,
+			"data-instance-id": e.widget.id,
+			"data-cockpit-node": "widget",
+			"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), {
+					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), {
+					text: "",
+					type: "primary",
+					onClick: t
+				}, {
+					default: L(() => [m(M(B), {
+						name: "lumal:refresh",
+						size: 14
+					}), r[0] ||= p(" 重试 ", -1)]),
+					_: 1
+				}, 8, ["onClick"])]))]),
+				default: L(() => [(w(), c(k(h.value), { context: _.value }, null, 8, ["context"]))]),
+				_: 1
+			})) : (w(), u(o, { key: 0 }, [M(a).slots["missing-widget"] ? (w(), c(k(M(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))])]),
+			_: 2
+		}, [!e.embedded && M(a).slots["widget-title"] ? {
+			name: "title",
+			fn: L(() => [(w(), c(k(M(a).slots["widget-title"]), {
+				widget: e.widget,
+				title: v.value
+			}, null, 8, ["widget", "title"]))]),
+			key: "0"
+		} : void 0]), 1040))], 8, ie));
+	}
+}), ce = ["data-cockpit-node-id", "data-cockpit-side"], le = ["data-cockpit-node-id", "data-cockpit-side"], ue = {
+	key: 1,
+	class: "lumal-cockpit-container__empty",
+	role: "status"
+}, de = {
+	key: 0,
+	class: "lumal-cockpit-container__tabpanel"
+}, fe = {
+	key: 1,
+	class: "lumal-cockpit-container__empty",
+	role: "status"
+}, J = /* @__PURE__ */ h({
+	__name: "LumalCockpitContainer",
+	props: {
+		columns: {},
+		layoutId: {},
+		row: {},
+		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) => ({
+			id: e.id,
+			title: e.title ?? d.registry.resolveWidget(e.type)?.label ?? e.type,
+			widget: e
+		})));
+		function h() {
+			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], () => {
+			i.value = h();
+		}, { immediate: !0 }), I(() => 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) => {
+			e && a.add(e);
+		}, { immediate: !0 }), (t, s) => (w(), u("section", {
+			class: b(["lumal-cockpit-container", { "is-tabs": e.row.mode === "tabs" }]),
+			style: S(n.value),
+			"data-cockpit-node": "row",
+			"data-cockpit-node-id": e.row.id,
+			"data-cockpit-side": e.side
+		}, [e.row.mode === "grid" ? (w(), u("div", {
+			key: 0,
+			class: "lumal-cockpit-container__grid",
+			style: S(r.value)
+		}, [(w(!0), u(o, null, D(e.row.cells, (t) => (w(), u("div", {
+			key: t.id,
+			class: "lumal-cockpit-container__cell",
+			"data-cockpit-node": "cell",
+			"data-cockpit-node-id": t.id,
+			"data-cockpit-side": e.side
+		}, [t.widget ? (w(), c(q, {
+			key: t.widget.id,
+			"layout-id": e.layoutId,
+			side: e.side,
+			widget: t.widget
+		}, null, 8, [
+			"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), {
+			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, {
+				embedded: "",
+				"layout-id": e.layoutId,
+				side: e.side,
+				widget: t
+			}, null, 8, [
+				"layout-id",
+				"side",
+				"widget"
+			])], 512)), [[F, t.id === i.value]]) : l("", !0)], 64))), 128))]),
+			_: 2
+		}, [M(d).slots["widget-title"] ? {
+			name: "title",
+			fn: L(({ title: e, widget: t }) => [(w(), c(k(M(d).slots["widget-title"]), {
+				widget: t,
+				title: e
+			}, null, 8, ["widget", "title"]))]),
+			key: "0"
+		} : void 0, M(d).slots["widget-title"] ? {
+			name: "tab",
+			fn: L(({ tab: e }) => [(w(), c(k(M(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));
+	}
+}), pe = [
+	"data-side",
+	"data-cockpit-node-id",
+	"data-cockpit-side"
+], Y = /* @__PURE__ */ h({
+	__name: "LumalCockpitRegion",
+	props: {
+		layoutId: {},
+		region: {},
+		side: {}
+	},
+	setup(e) {
+		let t = e, n = s(() => t.region.width > 0 ? t.region.width : t.region.columns.reduce((e, t) => e + t.width, 0)), r = s(() => ({ width: `calc(${n.value} * var(--lumal-cockpit-x-unit, 1px) + ${Math.max(0, t.region.columns.length - 1)} * var(--lumal-cockpit-gap-x, 12px))` }));
+		return (t, n) => (w(), u("section", {
+			class: "lumal-cockpit-region",
+			"data-side": e.side,
+			"data-cockpit-node": "region",
+			"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, {
+			key: t.id,
+			"layout-id": e.layoutId,
+			side: e.side,
+			columns: e.region.columns,
+			row: t
+		}, null, 8, [
+			"layout-id",
+			"side",
+			"columns",
+			"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({
+	__name: "LumalCockpitCanvas",
+	props: {
+		title: {},
+		baseWidth: {},
+		baseHeight: {},
+		layout: {},
+		centerContext: {},
+		viewportMode: {}
+	},
+	setup(e) {
+		let t = e, n = E(null), { result: r } = a(n, {
+			baseWidth: () => t.baseWidth,
+			baseHeight: () => t.baseHeight
+		}), i = s(() => t.viewportMode === "vwvh" ? {
+			width: "100vw",
+			height: "100vh",
+			"--lumal-cockpit-x-unit": `${100 / t.baseWidth}vw`,
+			"--lumal-cockpit-y-unit": `${100 / t.baseHeight}vh`
+		} : t.viewportMode === "external" ? {
+			width: `${t.baseWidth}px`,
+			height: `${t.baseHeight}px`,
+			"--lumal-cockpit-x-unit": "1px",
+			"--lumal-cockpit-y-unit": "1px"
+		} : {
+			width: `${t.baseWidth}px`,
+			height: `${t.baseHeight}px`,
+			transform: `translate(${r.value.offsetX}px, ${r.value.offsetY}px) scale(${r.value.scale})`,
+			transformOrigin: "top left",
+			"--lumal-cockpit-x-unit": "1px",
+			"--lumal-cockpit-y-unit": "1px"
+		});
+		return (t, a) => (w(), u("div", {
+			ref_key: "containerRef",
+			ref: n,
+			class: "lumal-cockpit-canvas",
+			"data-scale": M(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", ve, [O(t.$slots, "header-actions")])
+		]), d("div", X, [
+			d("main", ye, [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", {
+				layout: e.layout,
+				region: e.layout.left,
+				side: "left"
+			}, () => [m(Y, {
+				side: "left",
+				"layout-id": e.layout.id,
+				region: e.layout.left
+			}, null, 8, ["layout-id", "region"])])]),
+			d("div", xe, [O(t.$slots, "right", {
+				layout: e.layout,
+				region: e.layout.right,
+				side: "right"
+			}, () => [m(Y, {
+				side: "right",
+				"layout-id": e.layout.id,
+				region: e.layout.right
+			}, null, 8, ["layout-id", "region"])])])
+		])], 4)], 8, me));
+	}
+}), Se = {
+	key: 0,
+	class: "lumal-cockpit-card__header"
+}, Ce = {
+	class: "lumal-cockpit-card__tablist",
+	role: "tablist",
+	"aria-label": "模块切换"
+}, we = [
+	"id",
+	"aria-selected",
+	"tabindex",
+	"onClick",
+	"onKeydown"
+], Te = {
+	key: 1,
+	class: "lumal-cockpit-card__header"
+}, Ee = { class: "lumal-cockpit-card__title" }, De = [
+	"id",
+	"role",
+	"aria-labelledby",
+	"tabindex"
+], Q = /* @__PURE__ */ h({
+	__name: "LumalCockpitCard",
+	props: {
+		title: {},
+		widget: {},
+		tabs: { default: () => [] },
+		activeTabId: {}
+	},
+	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 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`;
+		function v(e) {
+			return `${i}-tab-${e}`;
+		}
+		function x(e, t) {
+			t instanceof HTMLButtonElement ? a.set(e, t) : a.delete(e);
+		}
+		function S(e) {
+			e !== m.value && r("update:activeTabId", e);
+		}
+		function C(e, t) {
+			if (!n.tabs.length) return;
+			let r = {
+				ArrowRight: (t + 1) % n.tabs.length,
+				ArrowDown: (t + 1) % n.tabs.length,
+				ArrowLeft: (t - 1 + n.tabs.length) % n.tabs.length,
+				ArrowUp: (t - 1 + n.tabs.length) % n.tabs.length,
+				Home: 0,
+				End: n.tabs.length - 1
+			}[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(",")], () => {
+			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", {
+			id: v(n),
+			key: e.id,
+			ref_for: !0,
+			ref: (t) => x(e.id, t),
+			type: "button",
+			role: "tab",
+			class: b(["lumal-cockpit-card__tab", { "is-active": e.id === m.value }]),
+			"aria-controls": _,
+			"aria-selected": e.id === m.value,
+			tabindex: e.id === m.value ? 0 : -1,
+			onClick: (t) => S(e.id),
+			onKeydown: (e) => C(e, n)
+		}, [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", {
+			title: g.value,
+			widget: h.value
+		}, () => [p(A(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));
+	}
+}), Oe = [
+	"data-mode",
+	"data-cockpit-theme",
+	"data-viewport-mode"
+], ke = {
+	key: 0,
+	class: "lumal-cockpit__auto-refresh"
+}, Ae = { class: "lumal-cockpit__auto-refresh-control" }, je = /* @__PURE__ */ h({
+	__name: "LumalCockpit",
+	props: /*@__PURE__*/ v({
+		config: {},
+		registry: {},
+		baseWidth: { default: 1920 },
+		baseHeight: { default: 1080 },
+		cachePages: {
+			type: Boolean,
+			default: !0
+		},
+		renderMode: { default: "runtime" },
+		viewportMode: { default: "scale" },
+		messageBus: {},
+		cardComponent: {},
+		autoRefresh: {
+			type: Boolean,
+			default: !1
+		},
+		autoRefreshIntervalMs: { default: H }
+	}, {
+		activeLayoutId: {},
+		activeLayoutIdModifiers: {},
+		themeMode: { default: "dark" },
+		themeModeModifiers: {},
+		autoRefreshEnabled: {
+			type: Boolean,
+			default: !1
+		},
+		autoRefreshEnabledModifiers: {}
+	}),
+	emits: /*@__PURE__*/ v([
+		"configure",
+		"configError",
+		"nodeSelect"
+	], [
+		"update:activeLayoutId",
+		"update:themeMode",
+		"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(() => {
+			try {
+				return {
+					config: e(a.config),
+					error: null
+				};
+			} catch (e) {
+				return {
+					config: null,
+					error: e
+				};
+			}
+		}), y = s(() => v.value.config);
+		I(() => v.value.error, (e) => {
+			e && c("configError", e);
+		}, { immediate: !0 });
+		let b = a.messageBus ?? n();
+		ee(G, {
+			cockpitId: a.config.id,
+			mode: a.renderMode,
+			registry: a.registry,
+			messages: b,
+			cachePages: a.cachePages,
+			slots: _,
+			get cardComponent() {
+				return a.cardComponent ?? Q;
+			}
+		});
+		let S = W({
+			config: () => y.value ?? a.config,
+			activeLayoutId: f
+		}), C = s(() => {
+			let e = S.activeLayout.value;
+			if (e) return {
+				cockpitId: y.value?.id ?? a.config.id,
+				layoutId: e.id,
+				instanceId: `${e.id}:center`,
+				mode: a.renderMode,
+				messages: b
+			};
+		}), T = E(!1);
+		I([() => a.autoRefresh, h], ([e, t]) => {
+			T.value = !!(e && t);
+		}, { immediate: !0 });
+		let D = 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,
+			intervalMs: () => a.autoRefreshIntervalMs,
+			enabled: T
+		}), A = E(null);
+		async function j() {
+			A.value?.requestFullscreen && await A.value.requestFullscreen();
+		}
+		async function N() {
+			document.fullscreenElement && await document.exitFullscreen();
+		}
+		function F() {
+			p.value = p.value === "dark" ? "light" : "dark";
+		}
+		r({
+			enterFullscreen: j,
+			exitFullscreen: N,
+			messages: b,
+			toggleTheme: F,
+			refreshNow: k
+		});
+		let R = s(() => !!y.value?.layouts.length);
+		function z() {
+			c("configure");
+		}
+		function B(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;
+			let n = t.dataset.cockpitNode, r = t.dataset.cockpitNodeId;
+			!n || !r || c("nodeSelect", {
+				kind: n,
+				id: r,
+				side: t.dataset.cockpitSide
+			});
+		}
+		return (e, n) => (w(), u("div", {
+			ref_key: "rootRef",
+			ref: A,
+			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", {
+			key: 0,
+			error: v.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,
+			"base-width": t.baseWidth,
+			"base-height": t.baseHeight,
+			"viewport-mode": t.viewportMode,
+			layout: M(S).activeLayout.value,
+			"center-context": C.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), {
+					modelValue: h.value,
+					"onUpdate:modelValue": n[0] ||= (e) => h.value = e,
+					size: "small",
+					"data-action": "cockpit-auto-refresh",
+					"aria-label": `全局自动刷新，间隔 ${D.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)))]),
+			_: 3
+		}, 8, [
+			"title",
+			"base-width",
+			"base-height",
+			"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", {
+			class: "lumal-cockpit__empty",
+			role: "status"
+		}, " 空驾驶舱 ", -1)])], 40, Oe));
+	}
+});
+//#endregion
+//#region src/runtime/index.ts
+function $(e, t) {
+	let n = e;
+	return n.install = function(n) {
+		n.component(t, e);
+	}, n;
+}
+var Me = $(je, "LumalCockpit"), Ne = $(Q, "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 };

package/dist/runtime-wzWMTWrS.cjs

@@ -0,0 +1 @@
+const e=require("./resolveComponent-BF1aCxAk.cjs");let t=require("vue"),n=require("element-plus"),r=require("@lumal/icons-vue");var i=`cockpit:refresh`,a=300*1e3;function o(e){let n=e.enabled??(0,t.ref)(e.defaultEnabled??!1),r;function a(n=`manual`){let r={reason:n,at:Date.now()};e.messages.publish({topic:i,sourceId:(0,t.toValue)(e.sourceId),payload:r})}function o(){r!==void 0&&(clearInterval(r),r=void 0)}function s(){o();let n=Math.max(1e3,(0,t.toValue)(e.intervalMs)??3e5);r=setInterval(()=>{a(`interval`)},n)}return(0,t.watch)(n,e=>{e?s():o()},{immediate:!0}),(0,t.watch)(()=>(0,t.toValue)(e.intervalMs),()=>{n.value&&s()}),(0,t.onBeforeUnmount)(o),{enabled:n,refreshNow:a}}function s(e){let n=(0,t.computed)(()=>{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 r(t){e.activeLayoutId.value=t}return{activeLayout:n,selectLayout:r}}var c=Symbol(`lumal-cockpit-runtime-env`);function l(){let e=(0,t.inject)(c,null);if(!e)throw Error(`[cockpit] 运行时环境缺失，组件必须在 LumalCockpit 内渲染。`);return e}var u=[`data-widget-type`,`data-instance-id`,`data-cockpit-node-id`,`data-cockpit-side`],d={class:`lumal-cockpit-widget__body`},f={key:1,class:`lumal-cockpit-widget__missing`,role:`status`},p={key:1,class:`lumal-cockpit-widget__error`,role:`alert`},m=(0,t.defineComponent)({__name:`LumalCockpitWidgetHost`,props:{layoutId:{},side:{},widget:{},embedded:{type:Boolean}},setup(i){let a=i,o=l(),s=(0,t.computed)(()=>o.registry.resolveWidget(a.widget.type)),c=(0,t.computed)(()=>{let t=s.value;return t?e.t(t.component):null}),m=(0,t.computed)(()=>({cockpitId:o.cockpitId,layoutId:a.layoutId,instanceId:a.widget.id,mode:o.mode,messages:o.messages}));e.v(m.value),(0,t.onBeforeUnmount)(()=>{o.messages.clearInstance(a.widget.id)});let h=(0,t.computed)(()=>a.widget.title??s.value?.label??a.widget.type),g=(0,t.computed)(()=>a.embedded?`div`:o.cardComponent),_=(0,t.computed)(()=>a.embedded?{class:`lumal-cockpit-widget__embedded`}:{title:h.value,widget:a.widget});return(a,l)=>((0,t.openBlock)(),(0,t.createElementBlock)(`section`,{class:`lumal-cockpit-widget`,"data-widget-type":i.widget.type,"data-instance-id":i.widget.id,"data-cockpit-node":`widget`,"data-cockpit-node-id":i.widget.id,"data-cockpit-side":i.side},[((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(g.value),(0,t.normalizeProps)((0,t.guardReactiveProps)(_.value)),(0,t.createSlots)({default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,d,[s.value?((0,t.openBlock)(),(0,t.createBlock)(e.n,{key:1},{error:(0,t.withCtx)(({retry:e})=>[(0,t.unref)(o).slots.error?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)((0,t.unref)(o).slots.error),{key:0,retry:e,"instance-id":i.widget.id},null,8,[`retry`,`instance-id`])):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,p,[l[1]||=(0,t.createElementVNode)(`span`,null,`模块加载失败`,-1),(0,t.createVNode)((0,t.unref)(n.ElButton),{text:``,type:`primary`,onClick:e},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(r.LumalIcon),{name:`lumal:refresh`,size:14}),l[0]||=(0,t.createTextVNode)(` 重试 `,-1)]),_:1},8,[`onClick`])]))]),default:(0,t.withCtx)(()=>[((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(c.value),{context:m.value},null,8,[`context`]))]),_:1})):((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:0},[(0,t.unref)(o).slots[`missing-widget`]?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)((0,t.unref)(o).slots[`missing-widget`]),{key:0,type:i.widget.type,"instance-id":i.widget.id},null,8,[`type`,`instance-id`])):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,f,` 未注册模块：`+(0,t.toDisplayString)(i.widget.type),1))],64))])]),_:2},[!i.embedded&&(0,t.unref)(o).slots[`widget-title`]?{name:`title`,fn:(0,t.withCtx)(()=>[((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)((0,t.unref)(o).slots[`widget-title`]),{widget:i.widget,title:h.value},null,8,[`widget`,`title`]))]),key:`0`}:void 0]),1040))],8,u))}}),h=[`data-cockpit-node-id`,`data-cockpit-side`],g=[`data-cockpit-node-id`,`data-cockpit-side`],_={key:1,class:`lumal-cockpit-container__empty`,role:`status`},v={key:0,class:`lumal-cockpit-container__tabpanel`},y={key:1,class:`lumal-cockpit-container__empty`,role:`status`},b=(0,t.defineComponent)({__name:`LumalCockpitContainer`,props:{columns:{},layoutId:{},row:{},side:{}},setup(e){let n=e,r=(0,t.computed)(()=>({height:`${n.row.height}%`})),i=(0,t.computed)(()=>({gridTemplateColumns:n.columns.map(e=>`calc(${e.width} * var(--lumal-cockpit-x-unit, 1px))`).join(` `)})),a=(0,t.ref)(),o=(0,t.reactive)(new Set),s=l(),c=(0,t.computed)(()=>n.row.widgets.map(e=>({id:e.id,title:e.title??s.registry.resolveWidget(e.type)?.label??e.type,widget:e})));function u(){let e=n.row.activeWidgetId;return n.row.widgets.some(t=>t.id===e)?e:n.row.widgets[0]?.id}return(0,t.watch)(()=>[n.row.id,n.row.activeWidgetId],()=>{a.value=u()},{immediate:!0}),(0,t.watch)(()=>n.row.widgets.map(e=>e.id).join(`,`),()=>{let e=new Set(n.row.widgets.map(e=>e.id));o.forEach(t=>{e.has(t)||o.delete(t)}),n.row.widgets.some(e=>e.id===a.value)||(a.value=u())}),(0,t.watch)(a,e=>{e&&o.add(e)},{immediate:!0}),(n,l)=>((0,t.openBlock)(),(0,t.createElementBlock)(`section`,{class:(0,t.normalizeClass)([`lumal-cockpit-container`,{"is-tabs":e.row.mode===`tabs`}]),style:(0,t.normalizeStyle)(r.value),"data-cockpit-node":`row`,"data-cockpit-node-id":e.row.id,"data-cockpit-side":e.side},[e.row.mode===`grid`?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:`lumal-cockpit-container__grid`,style:(0,t.normalizeStyle)(i.value)},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.row.cells,n=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:n.id,class:`lumal-cockpit-container__cell`,"data-cockpit-node":`cell`,"data-cockpit-node-id":n.id,"data-cockpit-side":e.side},[n.widget?((0,t.openBlock)(),(0,t.createBlock)(m,{key:n.widget.id,"layout-id":e.layoutId,side:e.side,widget:n.widget},null,8,[`layout-id`,`side`,`widget`])):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,_,` 空模块槽 `))],8,g))),128))],4)):((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:1},[e.row.widgets.length?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)((0,t.unref)(s).cardComponent),{key:0,"active-tab-id":a.value,"onUpdate:activeTabId":l[0]||=e=>a.value=e,tabs:c.value},(0,t.createSlots)({default:(0,t.withCtx)(()=>[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.row.widgets,n=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:n.id},[o.has(n.id)?(0,t.withDirectives)(((0,t.openBlock)(),(0,t.createElementBlock)(`div`,v,[(0,t.createVNode)(m,{embedded:``,"layout-id":e.layoutId,side:e.side,widget:n},null,8,[`layout-id`,`side`,`widget`])],512)),[[t.vShow,n.id===a.value]]):(0,t.createCommentVNode)(``,!0)],64))),128))]),_:2},[(0,t.unref)(s).slots[`widget-title`]?{name:`title`,fn:(0,t.withCtx)(({title:e,widget:n})=>[((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)((0,t.unref)(s).slots[`widget-title`]),{widget:n,title:e},null,8,[`widget`,`title`]))]),key:`0`}:void 0,(0,t.unref)(s).slots[`widget-title`]?{name:`tab`,fn:(0,t.withCtx)(({tab:e})=>[((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)((0,t.unref)(s).slots[`widget-title`]),{widget:e.widget,title:e.title},null,8,[`widget`,`title`]))]),key:`1`}:void 0]),1064,[`active-tab-id`,`tabs`])):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,y,` 空 Tab 行 `))],64))],14,h))}}),x=[`data-side`,`data-cockpit-node-id`,`data-cockpit-side`],S=(0,t.defineComponent)({__name:`LumalCockpitRegion`,props:{layoutId:{},region:{},side:{}},setup(e){let n=e,r=(0,t.computed)(()=>n.region.width>0?n.region.width:n.region.columns.reduce((e,t)=>e+t.width,0)),i=(0,t.computed)(()=>({width:`calc(${r.value} * var(--lumal-cockpit-x-unit, 1px) + ${Math.max(0,n.region.columns.length-1)} * var(--lumal-cockpit-gap-x, 12px))`}));return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`section`,{class:`lumal-cockpit-region`,"data-side":e.side,"data-cockpit-node":`region`,"data-cockpit-node-id":`${e.layoutId}:${e.side}`,"data-cockpit-side":e.side,style:(0,t.normalizeStyle)(i.value)},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.region.rows,n=>((0,t.openBlock)(),(0,t.createBlock)(b,{key:n.id,"layout-id":e.layoutId,side:e.side,columns:e.region.columns,row:n},null,8,[`layout-id`,`side`,`columns`,`row`]))),128))],12,x))}}),C=[`data-scale`,`data-viewport-mode`],w={class:`lumal-cockpit-canvas__header`},T={class:`lumal-cockpit-canvas__header-prefix`},E={class:`lumal-cockpit-canvas__title`},D={class:`lumal-cockpit-canvas__header-actions`},O={class:`lumal-cockpit-canvas__body`},k={class:`lumal-cockpit-canvas__center`},A={class:`lumal-cockpit-canvas__left`},j={class:`lumal-cockpit-canvas__right`},M=(0,t.defineComponent)({__name:`LumalCockpitCanvas`,props:{title:{},baseWidth:{},baseHeight:{},layout:{},centerContext:{},viewportMode:{}},setup(n){let r=n,i=(0,t.ref)(null),{result:a}=e.x(i,{baseWidth:()=>r.baseWidth,baseHeight:()=>r.baseHeight}),o=(0,t.computed)(()=>r.viewportMode===`vwvh`?{width:`100vw`,height:`100vh`,"--lumal-cockpit-x-unit":`${100/r.baseWidth}vw`,"--lumal-cockpit-y-unit":`${100/r.baseHeight}vh`}:r.viewportMode===`external`?{width:`${r.baseWidth}px`,height:`${r.baseHeight}px`,"--lumal-cockpit-x-unit":`1px`,"--lumal-cockpit-y-unit":`1px`}:{width:`${r.baseWidth}px`,height:`${r.baseHeight}px`,transform:`translate(${a.value.offsetX}px, ${a.value.offsetY}px) scale(${a.value.scale})`,transformOrigin:`top left`,"--lumal-cockpit-x-unit":`1px`,"--lumal-cockpit-y-unit":`1px`});return(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`containerRef`,ref:i,class:`lumal-cockpit-canvas`,"data-scale":(0,t.unref)(a).scale.toFixed(3),"data-viewport-mode":n.viewportMode},[(0,t.createElementVNode)(`div`,{class:`lumal-cockpit-canvas__stage`,style:(0,t.normalizeStyle)(o.value)},[(0,t.createElementVNode)(`header`,w,[(0,t.createElementVNode)(`div`,T,[(0,t.renderSlot)(e.$slots,`header-prefix`)]),(0,t.createElementVNode)(`div`,E,[(0,t.renderSlot)(e.$slots,`header-title`,{title:n.title},()=>[(0,t.createElementVNode)(`h1`,null,(0,t.toDisplayString)(n.title),1)])]),(0,t.createElementVNode)(`div`,D,[(0,t.renderSlot)(e.$slots,`header-actions`)])]),(0,t.createElementVNode)(`div`,O,[(0,t.createElementVNode)(`main`,k,[(0,t.renderSlot)(e.$slots,`center`,{context:n.centerContext,layout:n.layout},()=>[r[0]||=(0,t.createElementVNode)(`div`,{class:`lumal-cockpit-center__empty`,role:`status`},` 由应用提供中央内容 `,-1)])]),(0,t.createElementVNode)(`div`,A,[(0,t.renderSlot)(e.$slots,`left`,{layout:n.layout,region:n.layout.left,side:`left`},()=>[(0,t.createVNode)(S,{side:`left`,"layout-id":n.layout.id,region:n.layout.left},null,8,[`layout-id`,`region`])])]),(0,t.createElementVNode)(`div`,j,[(0,t.renderSlot)(e.$slots,`right`,{layout:n.layout,region:n.layout.right,side:`right`},()=>[(0,t.createVNode)(S,{side:`right`,"layout-id":n.layout.id,region:n.layout.right},null,8,[`layout-id`,`region`])])])])],4)],8,C))}}),N={key:0,class:`lumal-cockpit-card__header`},P={class:`lumal-cockpit-card__tablist`,role:`tablist`,"aria-label":`模块切换`},F=[`id`,`aria-selected`,`tabindex`,`onClick`,`onKeydown`],I={key:1,class:`lumal-cockpit-card__header`},L={class:`lumal-cockpit-card__title`},R=[`id`,`role`,`aria-labelledby`,`tabindex`],z=(0,t.defineComponent)({__name:`LumalCockpitCard`,props:{title:{},widget:{},tabs:{default:()=>[]},activeTabId:{}},emits:[`update:activeTabId`],setup(e,{emit:n}){let r=e,i=n,a=(0,t.useId)(),o=new Map,s=(0,t.computed)(()=>r.tabs.length>1),c=(0,t.computed)(()=>r.tabs[0]),l=(0,t.computed)(()=>{let e=r.activeTabId;return r.tabs.some(t=>t.id===e)?e:r.tabs[0]?.id}),u=(0,t.computed)(()=>r.widget??c.value?.widget),d=(0,t.computed)(()=>r.title??r.widget?.title??c.value?.title??u.value?.title??u.value?.type),f=`${a}-tabpanel`;function p(e){return`${a}-tab-${e}`}function m(e,t){t instanceof HTMLButtonElement?o.set(e,t):o.delete(e)}function h(e){e!==l.value&&i(`update:activeTabId`,e)}function g(e,n){if(!r.tabs.length)return;let i={ArrowRight:(n+1)%r.tabs.length,ArrowDown:(n+1)%r.tabs.length,ArrowLeft:(n-1+r.tabs.length)%r.tabs.length,ArrowUp:(n-1+r.tabs.length)%r.tabs.length,Home:0,End:r.tabs.length-1}[e.key],a=r.tabs[i];a&&(e.preventDefault(),h(a.id),(0,t.nextTick)(()=>o.get(a.id)?.focus()))}return(0,t.watch)(()=>[r.activeTabId,r.tabs.map(e=>e.id).join(`,`)],()=>{let e=l.value;s.value&&e&&e!==r.activeTabId&&i(`update:activeTabId`,e)},{immediate:!0}),(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`section`,{class:(0,t.normalizeClass)([`lumal-cockpit-card`,{"is-tabs":s.value}])},[s.value?((0,t.openBlock)(),(0,t.createElementBlock)(`header`,N,[(0,t.createElementVNode)(`div`,P,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.tabs,(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{id:p(r),key:e.id,ref_for:!0,ref:t=>m(e.id,t),type:`button`,role:`tab`,class:(0,t.normalizeClass)([`lumal-cockpit-card__tab`,{"is-active":e.id===l.value}]),"aria-controls":f,"aria-selected":e.id===l.value,tabindex:e.id===l.value?0:-1,onClick:t=>h(e.id),onKeydown:e=>g(e,r)},[(0,t.renderSlot)(n.$slots,`tab`,{tab:e,active:e.id===l.value},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.title),1)])],42,F))),128))])])):d.value||n.$slots.title?((0,t.openBlock)(),(0,t.createElementBlock)(`header`,I,[(0,t.createElementVNode)(`div`,L,[(0,t.renderSlot)(n.$slots,`title`,{title:d.value,widget:u.value},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(d.value),1)])])])):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,{id:s.value?f:void 0,class:`lumal-cockpit-card__body`,role:s.value?`tabpanel`:void 0,"aria-labelledby":s.value?p(Math.max(0,e.tabs.findIndex(e=>e.id===l.value))):void 0,tabindex:s.value?0:void 0},[(0,t.renderSlot)(n.$slots,`default`,{activeTabId:l.value})],8,R)],2))}}),B=[`data-mode`,`data-cockpit-theme`,`data-viewport-mode`],V={key:0,class:`lumal-cockpit__auto-refresh`},H={class:`lumal-cockpit__auto-refresh-control`},U=(0,t.defineComponent)({__name:`LumalCockpit`,props:(0,t.mergeModels)({config:{},registry:{},baseWidth:{default:1920},baseHeight:{default:1080},cachePages:{type:Boolean,default:!0},renderMode:{default:`runtime`},viewportMode:{default:`scale`},messageBus:{},cardComponent:{},autoRefresh:{type:Boolean,default:!1},autoRefreshIntervalMs:{default:a}},{activeLayoutId:{},activeLayoutIdModifiers:{},themeMode:{default:`dark`},themeModeModifiers:{},autoRefreshEnabled:{type:Boolean,default:!1},autoRefreshEnabledModifiers:{}}),emits:(0,t.mergeModels)([`configure`,`configError`,`nodeSelect`],[`update:activeLayoutId`,`update:themeMode`,`update:autoRefreshEnabled`]),setup(r,{expose:i,emit:a}){let l=r,u=a,d=(0,t.useModel)(r,`activeLayoutId`),f=(0,t.useModel)(r,`themeMode`),p=(0,t.useModel)(r,`autoRefreshEnabled`),m=(0,t.useSlots)(),h=(0,t.computed)(()=>{try{return{config:e.i(l.config),error:null}}catch(e){return{config:null,error:e}}}),g=(0,t.computed)(()=>h.value.config);(0,t.watch)(()=>h.value.error,e=>{e&&u(`configError`,e)},{immediate:!0});let _=l.messageBus??e.r();(0,t.provide)(c,{cockpitId:l.config.id,mode:l.renderMode,registry:l.registry,messages:_,cachePages:l.cachePages,slots:m,get cardComponent(){return l.cardComponent??z}});let v=s({config:()=>g.value??l.config,activeLayoutId:d}),y=(0,t.computed)(()=>{let e=v.activeLayout.value;if(e)return{cockpitId:g.value?.id??l.config.id,layoutId:e.id,instanceId:`${e.id}:center`,mode:l.renderMode,messages:_}}),b=(0,t.ref)(!1);(0,t.watch)([()=>l.autoRefresh,p],([e,t])=>{b.value=!!(e&&t)},{immediate:!0});let x=(0,t.computed)(()=>{let e=Math.round(l.autoRefreshIntervalMs/6e4);return e>=1?`${e} 分钟`:`${Math.round(l.autoRefreshIntervalMs/1e3)} 秒`}),{refreshNow:S}=o({messages:_,sourceId:()=>g.value?.id??l.config.id,intervalMs:()=>l.autoRefreshIntervalMs,enabled:b}),C=(0,t.ref)(null);async function w(){C.value?.requestFullscreen&&await C.value.requestFullscreen()}async function T(){document.fullscreenElement&&await document.exitFullscreen()}function E(){f.value=f.value===`dark`?`light`:`dark`}i({enterFullscreen:w,exitFullscreen:T,messages:_,toggleTheme:E,refreshNow:S});let D=(0,t.computed)(()=>!!g.value?.layouts.length);function O(){u(`configure`)}function k(e){if(l.renderMode!==`design`)return;let t=(e.target instanceof Element?e.target:null)?.closest(`[data-cockpit-node]`);if(!t||!C.value?.contains(t))return;let n=t.dataset.cockpitNode,r=t.dataset.cockpitNodeId;!n||!r||u(`nodeSelect`,{kind:n,id:r,side:t.dataset.cockpitSide})}return(e,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`rootRef`,ref:C,class:`lumal-cockpit`,"data-mode":r.renderMode,"data-cockpit-theme":f.value,"data-viewport-mode":r.viewportMode,onClickCapture:k},[h.value.error?(0,t.renderSlot)(e.$slots,`error`,{key:0,error:h.value.error},()=>[i[1]||=(0,t.createElementVNode)(`div`,{class:`lumal-cockpit__error`,role:`alert`},` 配置加载失败 `,-1)]):D.value?(0,t.unref)(v).activeLayout.value&&y.value?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:2},[(0,t.createVNode)(M,{title:g.value.title,"base-width":r.baseWidth,"base-height":r.baseHeight,"viewport-mode":r.viewportMode,layout:(0,t.unref)(v).activeLayout.value,"center-context":y.value},{"header-prefix":(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`header-prefix`)]),"header-title":(0,t.withCtx)(n=>[(0,t.renderSlot)(e.$slots,`header-title`,(0,t.normalizeProps)((0,t.guardReactiveProps)(n)))]),"header-actions":(0,t.withCtx)(()=>[r.autoRefresh?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,V,[(0,t.createVNode)((0,t.unref)(n.ElTooltip),{content:p.value?`关闭自动刷新（每 ${x.value}）`:`开启自动刷新（每 ${x.value}）`},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`label`,H,[i[3]||=(0,t.createElementVNode)(`span`,null,`自动刷新`,-1),(0,t.createVNode)((0,t.unref)(n.ElSwitch),{modelValue:p.value,"onUpdate:modelValue":i[0]||=e=>p.value=e,size:`small`,"data-action":`cockpit-auto-refresh`,"aria-label":`全局自动刷新，间隔 ${x.value}`},null,8,[`modelValue`,`aria-label`])])]),_:1},8,[`content`])])):(0,t.createCommentVNode)(``,!0),(0,t.renderSlot)(e.$slots,`header-actions`)]),center:(0,t.withCtx)(n=>[(0,t.renderSlot)(e.$slots,`center`,(0,t.normalizeProps)((0,t.guardReactiveProps)(n)))]),left:(0,t.withCtx)(n=>[(0,t.renderSlot)(e.$slots,`left`,(0,t.normalizeProps)((0,t.guardReactiveProps)(n)))]),right:(0,t.withCtx)(n=>[(0,t.renderSlot)(e.$slots,`right`,(0,t.normalizeProps)((0,t.guardReactiveProps)(n)))]),_:3},8,[`title`,`base-width`,`base-height`,`viewport-mode`,`layout`,`center-context`]),(0,t.renderSlot)(e.$slots,`configure-trigger`,{configure:O})],64)):(0,t.createCommentVNode)(``,!0):(0,t.renderSlot)(e.$slots,`empty`,{key:1},()=>[i[2]||=(0,t.createElementVNode)(`div`,{class:`lumal-cockpit__empty`,role:`status`},` 空驾驶舱 `,-1)])],40,B))}});function W(e,t){let n=e;return n.install=function(n){n.component(t,e)},n}var G=W(U,`LumalCockpit`),K=W(z,`LumalCockpitCard`);Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return K}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return M}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return G}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return a}});

package/dist/runtime.cjs

@@ -0,0 +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;

package/dist/runtime.js

@@ -0,0 +1,3 @@
+import { t as e } from "./resolveComponent-QbJRsdxR.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-CXiih7DE.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/index.d.ts

@@ -0,0 +1,9 @@
+export { computeCanvasScale, useCanvasScale, } from './useCanvasScale';
+export type { CanvasScaleResult, UseCanvasScaleOptions, } from './useCanvasScale';
+export { DEFAULT_COCKPIT_AUTO_REFRESH_INTERVAL_MS, useCockpitAutoRefresh, } from './useCockpitAutoRefresh';
+export type { UseCockpitAutoRefreshOptions, UseCockpitAutoRefreshReturn, } from './useCockpitAutoRefresh';
+export { useCockpit, } from './useCockpit';
+export type { UseCockpitOptions, UseCockpitReturn, } from './useCockpit';
+export { cockpitContextKey, provideCockpitContext, useCockpitContext, } from './useCockpitContext';
+export { useCockpitRefresh, } from './useCockpitRefresh';
+//# sourceMappingURL=index.d.ts.map