@lumal/cockpit 0.0.1-beta → 0.0.3-beta

package/dist/resolveComponent-QbJRsdxR.js

@@ -1,308 +0,0 @@
-import { createElementBlock as e, createElementVNode as t, createTextVNode as n, createVNode as r, defineAsyncComponent as i, defineComponent as a, inject as o, nextTick as s, onBeforeUnmount as c, onErrorCaptured as l, onMounted as u, openBlock as d, provide as f, ref as p, renderSlot as m, shallowRef as h, unref as g, withCtx as _ } from "vue";
-import { ElButton as v } from "element-plus";
-import { LumalIcon as ee } from "@lumal/icons-vue";
-//#region src/composables/useCanvasScale.ts
-function y(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 b(e, t) {
-	let n = h({
-		scale: 1,
-		scaledWidth: t.baseWidth(),
-		scaledHeight: t.baseHeight(),
-		offsetX: 0,
-		offsetY: 0
-	}), r = p(!1), i = null, a = 0;
-	function o() {
-		let i = e.value;
-		i && (n.value = y(i.clientWidth, i.clientHeight, t.baseWidth(), t.baseHeight()), r.value = !0);
-	}
-	function s() {
-		if (typeof requestAnimationFrame > "u") {
-			o();
-			return;
-		}
-		a && cancelAnimationFrame(a), a = requestAnimationFrame(() => {
-			a = 0, o();
-		});
-	}
-	return u(() => {
-		o(), typeof ResizeObserver < "u" && e.value && (i = new ResizeObserver(s), i.observe(e.value));
-	}), c(() => {
-		a && typeof cancelAnimationFrame < "u" && cancelAnimationFrame(a), i?.disconnect(), i = null;
-	}), {
-		result: n,
-		ready: r,
-		measure: o
-	};
-}
-//#endregion
-//#region src/composables/useCockpitContext.ts
-var x = Symbol("lumal-cockpit-context");
-function S(e) {
-	f(x, e);
-}
-function C(e = !1) {
-	let t = o(x, null);
-	if (!t && !e) throw Error("[cockpit] 未找到驾驶舱渲染上下文，请确认组件在 LumalCockpit 内渲染。");
-	return t;
-}
-//#endregion
-//#region src/config/defaults.ts
-var w = 3, T = 320, E = 420, D = 100, O = 0;
-function k(e = "ck") {
-	O += 1;
-	let t = Date.now().toString(36), n = Math.random().toString(36).slice(2, 8);
-	return `${e}-${t}-${O.toString(36)}-${n}`;
-}
-function A(e, t) {
-	return {
-		id: k("widget"),
-		type: e,
-		title: t
-	};
-}
-function j(e = 320) {
-	return {
-		id: k("column"),
-		width: e
-	};
-}
-function M(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 N() {
-	return { id: k("cell") };
-}
-function P(e, t = "grid", n = 100) {
-	return {
-		id: k("row"),
-		height: n,
-		mode: t,
-		cells: t === "grid" ? Array.from({ length: Math.max(1, e) }, N) : [],
-		widgets: []
-	};
-}
-function F(e = 1, t = 1, n = 420) {
-	let r = Array.from({ length: Math.max(1, e) }, () => j()), i = {
-		width: n,
-		columns: r,
-		rows: Array.from({ length: Math.max(1, t) }, () => P(r.length, "grid", 100 / Math.max(1, t)))
-	};
-	return M(i), i;
-}
-function I(e = "新布局") {
-	return {
-		id: k("layout"),
-		title: e,
-		left: F(),
-		right: F()
-	};
-}
-function L(e = k("cockpit")) {
-	let t = I("布局 1");
-	return {
-		schemaVersion: 3,
-		id: e,
-		title: "驾驶舱",
-		activeLayoutId: t.id,
-		layouts: [t]
-	};
-}
-//#endregion
-//#region src/config/normalize.ts
-function R(e) {
-	return typeof e == "object" && !!e && !Array.isArray(e);
-}
-function z(e) {
-	return Array.isArray(e) ? e : [];
-}
-function B(e, t) {
-	return typeof e == "string" && e.trim() ? e : t;
-}
-function V(e, t) {
-	let n = typeof e == "number" ? e : Number(e);
-	return Number.isFinite(n) && n > 0 ? n : t;
-}
-function H(e) {
-	if (!(!R(e) || typeof e.type != "string" || !e.type.trim())) return {
-		id: B(e.id, k("widget")),
-		type: e.type,
-		title: typeof e.title == "string" && e.title.trim() ? e.title : void 0
-	};
-}
-function U(e) {
-	let t = R(e) ? e : {};
-	return {
-		id: B(t.id, k("cell")),
-		widget: H(t.widget)
-	};
-}
-function W(e) {
-	let t = z(e).map((e) => {
-		let t = R(e) ? e : {};
-		return {
-			id: B(t.id, k("column")),
-			width: Math.round(V(t.width, 320))
-		};
-	});
-	return t.length ? t : [j()];
-}
-function G(e, t) {
-	let n = R(e) ? e : {}, r = n.mode === "tabs" ? "tabs" : "grid", i = {
-		id: B(n.id, k("row")),
-		height: V(n.height, 100),
-		mode: r,
-		cells: [],
-		widgets: []
-	};
-	if (r === "tabs") {
-		i.widgets = z(n.widgets).map(H).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 = z(n.cells).map(U).slice(0, t);
-		for (; e.length < t;) e.push(N());
-		i.cells = e;
-	}
-	return i;
-}
-function K(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 q(e) {
-	let t = R(e) ? e : {}, n = W(t.columns), r = n.reduce((e, t) => e + t.width, 0), i = Math.round(V(t.width, r > 0 ? r : 420)), a = z(t.rows).map((e) => G(e, n.length));
-	a.length || a.push(P(n.length)), K(a);
-	let o = {
-		width: i,
-		columns: n,
-		rows: a
-	};
-	return M(o), o;
-}
-function J(e) {
-	let t = R(e) ? e : {}, n = I(B(t.title, "未命名布局"));
-	return n.id = B(t.id, n.id), n.left = q(t.left), n.right = q(t.right), n;
-}
-function Y(e) {
-	let t = R(e) ? e : {}, n = z(t.layouts).map(J), r = {
-		schemaVersion: 3,
-		id: B(t.id, k("cockpit")),
-		title: B(t.title, "驾驶舱"),
-		layouts: n.length ? n : [I("布局 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;
-}
-//#endregion
-//#region src/messaging/createCockpitMessageBus.ts
-function X() {
-	let e = /* @__PURE__ */ new Map();
-	function t(t) {
-		let n = e.get(t.topic);
-		if (!n || n.size === 0) return;
-		let r = [...n];
-		for (let e of r) {
-			let n = t.targetId === void 0, r = e.targetId !== void 0 && e.targetId === t.targetId;
-			if (!(!n && !r)) try {
-				e.handler(t);
-			} catch (e) {
-				console.error(`[cockpit] 消息订阅处理器异常（topic: ${t.topic}）`, e);
-			}
-		}
-	}
-	function n(t, n, r) {
-		let i = e.get(t);
-		i || (i = /* @__PURE__ */ new Set(), e.set(t, i));
-		let a = {
-			handler: n,
-			targetId: r?.targetId
-		};
-		return i.add(a), function() {
-			let n = e.get(t);
-			n && (n.delete(a), n.size === 0 && e.delete(t));
-		};
-	}
-	function r(t) {
-		for (let [n, r] of e) {
-			for (let e of [...r]) e.targetId === t && r.delete(e);
-			r.size === 0 && e.delete(n);
-		}
-	}
-	return {
-		publish: t,
-		subscribe: n,
-		clearInstance: r
-	};
-}
-//#endregion
-//#region src/runtime/CockpitErrorBoundary.vue?vue&type=script&setup=true&lang.ts
-var Z = { class: "lumal-cockpit-error-boundary" }, Q = {
-	class: "lumal-cockpit-error-boundary__fallback",
-	role: "alert"
-}, te = /* @__PURE__ */ a({
-	__name: "CockpitErrorBoundary",
-	emits: ["error"],
-	setup(i, { emit: a }) {
-		let o = a, c = p(!1), u = p(null), f = p(0);
-		l((e) => (c.value = !0, u.value = e, o("error", e), !1));
-		async function h() {
-			c.value = !1, u.value = null, await s(), f.value += 1;
-		}
-		return (i, a) => (d(), e("div", Z, [c.value ? m(i.$slots, "error", {
-			key: 0,
-			error: u.value,
-			retry: h
-		}, () => [t("div", Q, [a[1] ||= t("p", { class: "lumal-cockpit-error-boundary__message" }, " 组件渲染失败 ", -1), r(g(v), {
-			class: "lumal-cockpit-error-boundary__retry",
-			onClick: h
-		}, {
-			default: _(() => [r(g(ee), {
-				name: "lumal:refresh",
-				size: 15
-			}), a[0] ||= n(" 重试 ", -1)]),
-			_: 1
-		})])]) : m(i.$slots, "default", { key: f.value })]));
-	}
-}), $ = /* @__PURE__ */ new WeakMap();
-function ne(e) {
-	if (typeof e == "function") {
-		let t = e, n = $.get(t);
-		if (n) return n;
-		let r = i(e);
-		return $.set(t, r), r;
-	}
-	return e;
-}
-//#endregion
-export { M as _, w as a, y as b, D as c, N as d, j as f, A as g, F as h, Y as i, k as l, I as m, te as n, T as o, P as p, X as r, E as s, ne as t, L as u, S as v, b as x, C as y };

package/dist/runtime-wzWMTWrS.cjs

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