@akiraka/quark-big-screen-ui 0.1.7 → 0.1.9

package/dist/components/BigScreenBuildDistribution.vue.d.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    items?: Array<{
+        name: string;
+        count: number;
+    }>;
+    total?: number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    items: Array<{
+        name: string;
+        count: number;
+    }>;
+    total: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=BigScreenBuildDistribution.vue.d.ts.map

package/dist/components/BigScreenBuildDistribution.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BigScreenBuildDistribution.vue.d.ts","sourceRoot":"","sources":["../../src/components/BigScreenBuildDistribution.vue"],"names":[],"mappings":"AASA,KAAK,WAAW,GAAG;IAAE,KAAK,CAAC,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;;WAAzD,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;WAAU,MAAM;;AAyEnF,wBAOG"}

package/dist/components/BigScreenHeader.vue.d.ts

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    title?: string;
+    subtitle?: string;
+    timeText?: string;
+    dateText?: string;
+    weekdayText?: string;
+    showClock?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    title: string;
+    subtitle: string;
+    timeText: string;
+    dateText: string;
+    weekdayText: string;
+    showClock: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=BigScreenHeader.vue.d.ts.map

package/dist/components/BigScreenHeader.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BigScreenHeader.vue.d.ts","sourceRoot":"","sources":["../../src/components/BigScreenHeader.vue"],"names":[],"mappings":"AAsBA,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAC;;WANQ,MAAM;cACH,MAAM;cACN,MAAM;cACN,MAAM;iBACH,MAAM;eACR,OAAO;;AA8FrB,wBAOG"}

package/dist/components/BigScreenMetricCard.vue.d.ts

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    label: string;
+    value?: string | number;
+    tone?: string;
+    compact?: boolean;
+};
+declare var __VLS_1: {}, __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    compact: boolean;
+    value: string | number;
+    tone: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=BigScreenMetricCard.vue.d.ts.map

package/dist/components/BigScreenMetricCard.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BigScreenMetricCard.vue.d.ts","sourceRoot":"","sources":["../../src/components/BigScreenMetricCard.vue"],"names":[],"mappings":"AA8BA,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;AAyEF,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAsB/C,QAAA,MAAM,eAAe;aAnGT,OAAO;WAFT,MAAM,GAAG,MAAM;UAChB,MAAM;6EA2Gb,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/index.css

@@ -1 +1 @@
-:root{--qbs-surface-top: rgba(13, 24, 39, .92);--qbs-surface-bottom: rgba(8, 16, 28, .96);--qbs-border: rgba(142, 161, 178, .2);--qbs-text: #f6f8fb;--qbs-muted: #9fb2c7;--qbs-radius: 20px;--qbs-shadow: 0 18px 48px rgba(4, 10, 18, .28)}.qbs-panel[data-v-749400b6]{position:relative;display:flex;height:100%;min-height:0;flex-direction:column;border:1px solid oklch(.6 .12 220 / .28);border-radius:10px;background:linear-gradient(160deg,#091b318c,#050f2066);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#c8e4e9}.qbs-panel--overflow-hidden[data-v-749400b6]{overflow:hidden}.qbs-panel--padding-md[data-v-749400b6]{padding:14px 16px}.qbs-panel--padding-compact[data-v-749400b6]{padding:10px 12px}.qbs-panel--padding-tight[data-v-749400b6]{padding:12px 8px}.qbs-panel__corner[data-v-749400b6]{position:absolute;width:12px;height:12px;border:2px solid var(--qbs-accent);pointer-events:none}.qbs-panel__corner--tl[data-v-749400b6]{top:-1px;left:-1px;border-right:0;border-bottom:0}.qbs-panel__corner--tr[data-v-749400b6]{top:-1px;right:-1px;border-left:0;border-bottom:0}.qbs-panel__corner--bl[data-v-749400b6]{bottom:-1px;left:-1px;border-right:0;border-top:0}.qbs-panel__corner--br[data-v-749400b6]{right:-1px;bottom:-1px;border-left:0;border-top:0}.qbs-panel__header[data-v-749400b6]{display:flex;align-items:center;gap:8px;margin:0 0 10px;min-width:0;font-weight:700;letter-spacing:1px}.qbs-panel__header--md[data-v-749400b6]{font-size:14px}.qbs-panel__header--sm[data-v-749400b6]{margin-bottom:8px;font-size:13px}.qbs-panel__bar[data-v-749400b6]{width:4px;height:14px;flex-shrink:0;border-radius:2px;background:var(--qbs-accent);box-shadow:0 0 8px var(--qbs-accent)}.qbs-panel__title[data-v-749400b6]{flex-shrink:0}.qbs-panel__header-prefix[data-v-749400b6]{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.qbs-panel__header-center[data-v-749400b6]{display:inline-flex;flex:1;min-width:0;justify-content:center}.qbs-panel__header-extra[data-v-749400b6]{display:inline-flex;align-items:center;justify-content:flex-end;flex-shrink:0;margin-left:auto}.qbs-panel__live[data-v-749400b6]{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;letter-spacing:1px;color:#ff5050;color:oklch(.68 .22 25)}.qbs-panel__live-dot[data-v-749400b6]{width:7px;height:7px;border-radius:50%;background:#ff5050;background:oklch(.68 .22 25);box-shadow:0 0 8px #ff5050;box-shadow:0 0 8px oklch(.68 .22 25);animation:qbs-panel-blink-749400b6 1s steps(1,end) infinite}.qbs-panel__body[data-v-749400b6]{display:flex;flex:1;min-height:0;flex-direction:column}.qbs-panel--layout-metric .qbs-panel__body[data-v-749400b6]{align-items:center;justify-content:center;gap:4px;text-align:center}@keyframes qbs-panel-blink-749400b6{50%{opacity:.25}}.qbs-duty-compact[data-v-f5721bce]{display:flex;align-items:center;gap:12px}.qbs-duty-compact__avatar[data-v-f5721bce]{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:10px;background:#34dde5;box-shadow:0 0 14px #34dde599;color:#050e1a;font-size:18px;font-weight:700}.qbs-duty-compact__info[data-v-f5721bce]{display:flex;flex-direction:column}.qbs-duty-compact__name[data-v-f5721bce]{color:#cfebf0;font-size:15px;font-weight:700}.qbs-duty-compact__phone[data-v-f5721bce]{color:#7d939e;font-family:var(--font-mono,monospace);font-size:12px}.qbs-duty-compact__tag[data-v-f5721bce]{margin-left:auto;padding:4px 10px;border:1px solid oklch(.82 .13 200 / .4);border-radius:20px;background:#34dde51a;color:#34dde5;font-size:11px}.qbs-duty[data-v-f5721bce]{display:flex;height:100%;min-height:0;flex-direction:column;gap:14px}.qbs-duty__summary[data-v-f5721bce]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.qbs-duty__summary-chip[data-v-f5721bce]{padding:10px 12px;border:1px solid rgba(157,176,198,.12);border-radius:14px;background:#0f1927bd}.qbs-duty__summary-chip span[data-v-f5721bce]{display:block;margin-bottom:6px;color:#8ca0b4;font-size:11px}.qbs-duty__summary-chip strong[data-v-f5721bce]{color:#f5f8fc;font-size:15px;line-height:1.2}.qbs-duty__list[data-v-f5721bce]{display:grid;min-height:0;gap:10px;overflow:auto}.qbs-duty__group[data-v-f5721bce]{padding:12px;border:1px solid rgba(157,176,198,.1);border-radius:16px;background:#0d1723c2}.qbs-duty__group-header[data-v-f5721bce]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:#edf3f9;font-size:13px}.qbs-duty__group-header span[data-v-f5721bce]{color:#8ca0b4}.qbs-duty__users[data-v-f5721bce]{display:flex;flex-wrap:wrap;gap:8px}.qbs-duty__user[data-v-f5721bce]{padding:5px 10px;border-radius:999px;background:#19293ed1;color:#bfd0e0;font-size:12px}.qbs-duty__empty[data-v-f5721bce]{display:grid;min-height:140px;place-items:center;border:1px dashed rgba(157,176,198,.14);border-radius:16px;background:#0c162280;color:#7d91a6;font-size:13px}.qbs-alert-row[data-v-83959767]{display:block;box-sizing:border-box;width:100%;margin:0;padding:8px 10px;border:0;border-left:3px solid var(--qbs-alert-accent);border-radius:6px;background:#1c293d66;color:inherit;text-align:left;cursor:pointer}.qbs-alert-row--detail-wide[data-v-83959767]{padding-top:10px;padding-bottom:10px}.qbs-alert-row__main[data-v-83959767]{display:flex;align-items:stretch;gap:12px}.qbs-alert-row__copy[data-v-83959767]{flex:0 0 40%;min-width:0}.qbs-alert-row--detail-wide .qbs-alert-row__copy[data-v-83959767]{flex-basis:36%}.qbs-alert-row__title[data-v-83959767]{overflow:hidden;margin-bottom:5px;color:#d0e2e6;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.qbs-alert-row__meta[data-v-83959767]{display:flex;align-items:center;gap:10px;min-width:0;color:#6e848f;font-size:11px}.qbs-alert-row__group[data-v-83959767]{overflow:hidden;max-width:110px;min-width:0;text-overflow:ellipsis;white-space:nowrap}.qbs-alert-row__owner[data-v-83959767]{color:#64b3c0}.qbs-alert-row__time[data-v-83959767]{font-family:var(--font-mono,monospace)}.qbs-alert-row__tag[data-v-83959767]{margin-left:auto;padding:1px 6px;border:1px solid oklch(.68 .22 25 / .5);border-radius:4px;color:#ff5050;color:oklch(.68 .22 25);font-size:10px}.qbs-alert-row__status[data-v-83959767]{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px;color:#869ca7;font-size:10px}.qbs-alert-row__aside[data-v-83959767]{flex:1 1 60%;width:60%;align-self:center}.qbs-alert-row--detail-wide .qbs-alert-row__aside[data-v-83959767]{flex-basis:64%;width:64%}
+:root{--qbs-surface-top: rgba(13, 24, 39, .92);--qbs-surface-bottom: rgba(8, 16, 28, .96);--qbs-border: rgba(142, 161, 178, .2);--qbs-text: #f6f8fb;--qbs-muted: #9fb2c7;--qbs-radius: 20px;--qbs-shadow: 0 18px 48px rgba(4, 10, 18, .28)}.qbs-panel[data-v-749400b6]{position:relative;display:flex;height:100%;min-height:0;flex-direction:column;border:1px solid oklch(.6 .12 220 / .28);border-radius:10px;background:linear-gradient(160deg,#091b318c,#050f2066);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#c8e4e9}.qbs-panel--overflow-hidden[data-v-749400b6]{overflow:hidden}.qbs-panel--padding-md[data-v-749400b6]{padding:14px 16px}.qbs-panel--padding-compact[data-v-749400b6]{padding:10px 12px}.qbs-panel--padding-tight[data-v-749400b6]{padding:12px 8px}.qbs-panel__corner[data-v-749400b6]{position:absolute;width:12px;height:12px;border:2px solid var(--qbs-accent);pointer-events:none}.qbs-panel__corner--tl[data-v-749400b6]{top:-1px;left:-1px;border-right:0;border-bottom:0}.qbs-panel__corner--tr[data-v-749400b6]{top:-1px;right:-1px;border-left:0;border-bottom:0}.qbs-panel__corner--bl[data-v-749400b6]{bottom:-1px;left:-1px;border-right:0;border-top:0}.qbs-panel__corner--br[data-v-749400b6]{right:-1px;bottom:-1px;border-left:0;border-top:0}.qbs-panel__header[data-v-749400b6]{display:flex;align-items:center;gap:8px;margin:0 0 10px;min-width:0;font-weight:700;letter-spacing:1px}.qbs-panel__header--md[data-v-749400b6]{font-size:14px}.qbs-panel__header--sm[data-v-749400b6]{margin-bottom:8px;font-size:13px}.qbs-panel__bar[data-v-749400b6]{width:4px;height:14px;flex-shrink:0;border-radius:2px;background:var(--qbs-accent);box-shadow:0 0 8px var(--qbs-accent)}.qbs-panel__title[data-v-749400b6]{flex-shrink:0}.qbs-panel__header-prefix[data-v-749400b6]{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.qbs-panel__header-center[data-v-749400b6]{display:inline-flex;flex:1;min-width:0;justify-content:center}.qbs-panel__header-extra[data-v-749400b6]{display:inline-flex;align-items:center;justify-content:flex-end;flex-shrink:0;margin-left:auto}.qbs-panel__live[data-v-749400b6]{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;letter-spacing:1px;color:#ff5050;color:oklch(.68 .22 25)}.qbs-panel__live-dot[data-v-749400b6]{width:7px;height:7px;border-radius:50%;background:#ff5050;background:oklch(.68 .22 25);box-shadow:0 0 8px #ff5050;box-shadow:0 0 8px oklch(.68 .22 25);animation:qbs-panel-blink-749400b6 1s steps(1,end) infinite}.qbs-panel__body[data-v-749400b6]{display:flex;flex:1;min-height:0;flex-direction:column}.qbs-panel--layout-metric .qbs-panel__body[data-v-749400b6]{align-items:center;justify-content:center;gap:4px;text-align:center}@keyframes qbs-panel-blink-749400b6{50%{opacity:.25}}.qbs-duty-compact[data-v-f5721bce]{display:flex;align-items:center;gap:12px}.qbs-duty-compact__avatar[data-v-f5721bce]{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:10px;background:#34dde5;box-shadow:0 0 14px #34dde599;color:#050e1a;font-size:18px;font-weight:700}.qbs-duty-compact__info[data-v-f5721bce]{display:flex;flex-direction:column}.qbs-duty-compact__name[data-v-f5721bce]{color:#cfebf0;font-size:15px;font-weight:700}.qbs-duty-compact__phone[data-v-f5721bce]{color:#7d939e;font-family:var(--font-mono,monospace);font-size:12px}.qbs-duty-compact__tag[data-v-f5721bce]{margin-left:auto;padding:4px 10px;border:1px solid oklch(.82 .13 200 / .4);border-radius:20px;background:#34dde51a;color:#34dde5;font-size:11px}.qbs-duty[data-v-f5721bce]{display:flex;height:100%;min-height:0;flex-direction:column;gap:14px}.qbs-duty__summary[data-v-f5721bce]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.qbs-duty__summary-chip[data-v-f5721bce]{padding:10px 12px;border:1px solid rgba(157,176,198,.12);border-radius:14px;background:#0f1927bd}.qbs-duty__summary-chip span[data-v-f5721bce]{display:block;margin-bottom:6px;color:#8ca0b4;font-size:11px}.qbs-duty__summary-chip strong[data-v-f5721bce]{color:#f5f8fc;font-size:15px;line-height:1.2}.qbs-duty__list[data-v-f5721bce]{display:grid;min-height:0;gap:10px;overflow:auto}.qbs-duty__group[data-v-f5721bce]{padding:12px;border:1px solid rgba(157,176,198,.1);border-radius:16px;background:#0d1723c2}.qbs-duty__group-header[data-v-f5721bce]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:#edf3f9;font-size:13px}.qbs-duty__group-header span[data-v-f5721bce]{color:#8ca0b4}.qbs-duty__users[data-v-f5721bce]{display:flex;flex-wrap:wrap;gap:8px}.qbs-duty__user[data-v-f5721bce]{padding:5px 10px;border-radius:999px;background:#19293ed1;color:#bfd0e0;font-size:12px}.qbs-duty__empty[data-v-f5721bce]{display:grid;min-height:140px;place-items:center;border:1px dashed rgba(157,176,198,.14);border-radius:16px;background:#0c162280;color:#7d91a6;font-size:13px}.qbs-alert-row[data-v-83959767]{display:block;box-sizing:border-box;width:100%;margin:0;padding:8px 10px;border:0;border-left:3px solid var(--qbs-alert-accent);border-radius:6px;background:#1c293d66;color:inherit;text-align:left;cursor:pointer}.qbs-alert-row--detail-wide[data-v-83959767]{padding-top:10px;padding-bottom:10px}.qbs-alert-row__main[data-v-83959767]{display:flex;align-items:stretch;gap:12px}.qbs-alert-row__copy[data-v-83959767]{flex:0 0 40%;min-width:0}.qbs-alert-row--detail-wide .qbs-alert-row__copy[data-v-83959767]{flex-basis:36%}.qbs-alert-row__title[data-v-83959767]{overflow:hidden;margin-bottom:5px;color:#d0e2e6;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.qbs-alert-row__meta[data-v-83959767]{display:flex;align-items:center;gap:10px;min-width:0;color:#6e848f;font-size:11px}.qbs-alert-row__group[data-v-83959767]{overflow:hidden;max-width:110px;min-width:0;text-overflow:ellipsis;white-space:nowrap}.qbs-alert-row__owner[data-v-83959767]{color:#64b3c0}.qbs-alert-row__time[data-v-83959767]{font-family:var(--font-mono,monospace)}.qbs-alert-row__tag[data-v-83959767]{margin-left:auto;padding:1px 6px;border:1px solid oklch(.68 .22 25 / .5);border-radius:4px;color:#ff5050;color:oklch(.68 .22 25);font-size:10px}.qbs-alert-row__status[data-v-83959767]{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px;color:#869ca7;font-size:10px}.qbs-alert-row__aside[data-v-83959767]{flex:1 1 60%;width:60%;align-self:center}.qbs-alert-row--detail-wide .qbs-alert-row__aside[data-v-83959767]{flex-basis:64%;width:64%}.qbs-metric-card--compact[data-v-07353599]{display:flex;min-width:0;flex-direction:column;padding:10px 12px;border:1px solid rgba(157,176,198,.12);border-radius:14px;background:#101a28c7}.qbs-metric-card--compact span[data-v-07353599]{margin-bottom:6px;color:#899eb1;font-size:11px}.qbs-metric-card--compact strong[data-v-07353599]{color:var(--qbs-metric-tone);font-size:18px;line-height:1.2}.qbs-metric-card__value[data-v-07353599]{color:var(--qbs-metric-tone);font-size:28px;font-weight:700;line-height:1}.qbs-metric-card__label[data-v-07353599]{color:#869ca7;font-size:11px;letter-spacing:1px;text-align:center}.qbs-header[data-v-cc041333]{position:relative;height:100%;min-height:0;overflow:hidden;border:1px solid rgba(149,169,189,.24);border-radius:24px;background:linear-gradient(90deg,#07111df0,#0a1825e6 44%,#080f19f2);box-shadow:inset 0 1px #ffffff0f,0 18px 42px #050b1438}.qbs-header__glow[data-v-cc041333]{position:absolute;bottom:-40%;left:-8%;width:42%;height:160%;background:radial-gradient(circle,rgba(98,140,182,.22),transparent 72%)}.qbs-header__body[data-v-cc041333]{position:relative;display:flex;height:100%;align-items:center;justify-content:space-between;gap:20px;padding:0 28px}.qbs-header__brand[data-v-cc041333]{display:flex;min-width:0;align-items:center;gap:16px}.qbs-header__crest[data-v-cc041333]{display:grid;width:42px;height:42px;flex:none;place-items:center;border:1px solid rgba(154,188,222,.26);border-radius:14px;background:linear-gradient(180deg,#172f4ad6,#091422f5)}.qbs-header__crest b[data-v-cc041333]{width:18px;height:18px;border-radius:6px;background:linear-gradient(180deg,#b7d3ef,#6f9cc7);box-shadow:0 0 20px #7ba3c947}.qbs-header p[data-v-cc041333]{margin:0 0 4px;color:#8da4bb;font-size:11px;letter-spacing:.28em}.qbs-header h1[data-v-cc041333]{margin:0;color:#f3f8fd;font-size:clamp(28px,2.2vw,42px);letter-spacing:.06em;line-height:1}.qbs-header__clock[data-v-cc041333]{display:grid;flex:none;justify-items:end;gap:4px}.qbs-header__clock strong[data-v-cc041333]{color:#f4f8fd;font-size:clamp(24px,1.8vw,34px);line-height:1}.qbs-header__clock span[data-v-cc041333]{color:#8ea5bb;font-size:12px;letter-spacing:.08em}.qbs-build-dist[data-v-608b33d9]{display:flex;height:100%;min-height:0;flex-direction:column;gap:12px}.qbs-build-dist article[data-v-608b33d9]{padding:12px;border:1px solid rgba(157,176,198,.1);border-radius:14px;background:#0e1723c2}.qbs-build-dist article>div[data-v-608b33d9]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.qbs-build-dist strong[data-v-608b33d9]{color:#eef4fb;font-size:13px}.qbs-build-dist span[data-v-608b33d9]{color:#9cb0c3;font-size:12px}.qbs-build-dist i[data-v-608b33d9]{display:block;height:8px;overflow:hidden;border-radius:999px;background:#ffffff12}.qbs-build-dist b[data-v-608b33d9]{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#617f9b,#9cb7d0)}.qbs-build-dist__empty[data-v-608b33d9]{display:grid;flex:1;place-items:center;border:1px dashed rgba(157,176,198,.14);border-radius:16px;background:#0c162280;color:#7d91a6;font-size:13px}

package/dist/index.d.ts

@@ -1,6 +1,9 @@
 export { default as BigScreenPanel } from './components/BigScreenPanel.vue';
 export { default as BigScreenDutyContent } from './components/BigScreenDutyContent.vue';
 export { default as BigScreenAlertRow } from './components/BigScreenAlertRow.vue';
+export { default as BigScreenMetricCard } from './components/BigScreenMetricCard.vue';
+export { default as BigScreenHeader } from './components/BigScreenHeader.vue';
+export { default as BigScreenBuildDistribution } from './components/BigScreenBuildDistribution.vue';
 export type { BigScreenDutyGroup, BigScreenDutyUser } from './components/BigScreenDutyContent.vue';
 export { bigScreenPreviewFixtures, getBigScreenPreviewData } from './fixtures/big-screen';
 export type { BigScreenPreviewWidgetType } from './fixtures/big-screen';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAA;AAE5B,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAC3E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,uCAAuC,CAAA;AACvF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AACjF,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAA;AAClG,OAAO,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AACzF,YAAY,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAA;AACvE,YAAY,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAA;AAE5B,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAC3E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,uCAAuC,CAAA;AACvF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AACjF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,sCAAsC,CAAA;AACrF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAC7E,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,6CAA6C,CAAA;AACnG,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAA;AAClG,OAAO,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AACzF,YAAY,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAA;AACvE,YAAY,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA"}

package/dist/index.js

@@ -1,35 +1,35 @@
-import { defineComponent as p, openBlock as s, createElementBlock as a, normalizeStyle as h, normalizeClass as _, createCommentVNode as l, toDisplayString as r, renderSlot as u, createElementVNode as t, createTextVNode as f, Fragment as m, renderList as g } from "vue";
-const q = {
+import { defineComponent as _, openBlock as a, createElementBlock as n, normalizeStyle as b, normalizeClass as y, createCommentVNode as d, toDisplayString as o, renderSlot as c, createElementVNode as e, createTextVNode as f, Fragment as g, renderList as h, createBlock as q, withCtx as v } from "vue";
+const $ = {
   key: 0,
   class: "qbs-panel__corner qbs-panel__corner--tl"
-}, v = {
+}, k = {
   key: 1,
   class: "qbs-panel__corner qbs-panel__corner--tr"
-}, $ = {
+}, w = {
   key: 2,
   class: "qbs-panel__corner qbs-panel__corner--bl"
-}, w = {
+}, I = {
   key: 3,
   class: "qbs-panel__corner qbs-panel__corner--br"
-}, k = {
+}, B = {
   key: 0,
   class: "qbs-panel__bar"
-}, I = {
+}, N = {
   key: 1,
   class: "qbs-panel__title"
-}, N = {
+}, T = {
   key: 2,
   class: "qbs-panel__header-prefix"
-}, T = {
+}, S = {
   key: 3,
   class: "qbs-panel__header-center"
-}, S = {
+}, x = {
   key: 4,
   class: "qbs-panel__header-extra"
 }, C = {
   key: 0,
   class: "qbs-panel__live"
-}, B = { class: "qbs-panel__body" }, A = /* @__PURE__ */ p({
+}, A = { class: "qbs-panel__body" }, L = /* @__PURE__ */ _({
   __name: "BigScreenPanel",
   props: {
     title: { default: "" },
@@ -42,67 +42,67 @@ const q = {
     titleSize: { default: "md" },
     overflowHidden: { type: Boolean, default: !0 }
   },
-  setup(o) {
-    const e = o;
-    function d(n) {
-      return e.corners === "all" ? !0 : e.corners === "none" ? !1 : n === "tl" || n === "br";
+  setup(s) {
+    const t = s;
+    function r(l) {
+      return t.corners === "all" ? !0 : t.corners === "none" ? !1 : l === "tl" || l === "br";
     }
-    return (n, i) => (s(), a("section", {
-      class: _(["qbs-panel", [
-        `qbs-panel--padding-${o.padding}`,
-        `qbs-panel--layout-${o.bodyLayout}`,
-        { "qbs-panel--overflow-hidden": o.overflowHidden }
+    return (l, i) => (a(), n("section", {
+      class: y(["qbs-panel", [
+        `qbs-panel--padding-${s.padding}`,
+        `qbs-panel--layout-${s.bodyLayout}`,
+        { "qbs-panel--overflow-hidden": s.overflowHidden }
       ]]),
-      style: h({ "--qbs-accent": o.accent })
+      style: b({ "--qbs-accent": s.accent })
     }, [
-      d("tl") ? (s(), a("span", q)) : l("", !0),
-      d("tr") ? (s(), a("span", v)) : l("", !0),
-      d("bl") ? (s(), a("span", $)) : l("", !0),
-      d("br") ? (s(), a("span", w)) : l("", !0),
-      o.title || o.liveLabel || n.$slots["header-center"] || n.$slots["header-extra"] ? (s(), a("header", {
+      r("tl") ? (a(), n("span", $)) : d("", !0),
+      r("tr") ? (a(), n("span", k)) : d("", !0),
+      r("bl") ? (a(), n("span", w)) : d("", !0),
+      r("br") ? (a(), n("span", I)) : d("", !0),
+      s.title || s.liveLabel || l.$slots["header-center"] || l.$slots["header-extra"] ? (a(), n("header", {
         key: 4,
-        class: _(["qbs-panel__header", `qbs-panel__header--${o.titleSize}`])
+        class: y(["qbs-panel__header", `qbs-panel__header--${s.titleSize}`])
       }, [
-        o.showBar ? (s(), a("span", k)) : l("", !0),
-        o.title ? (s(), a("span", I, r(o.title), 1)) : l("", !0),
-        n.$slots["header-prefix"] ? (s(), a("span", N, [
-          u(n.$slots, "header-prefix", {}, void 0, !0)
-        ])) : l("", !0),
-        n.$slots["header-center"] ? (s(), a("span", T, [
-          u(n.$slots, "header-center", {}, void 0, !0)
-        ])) : l("", !0),
-        n.$slots["header-extra"] || o.liveLabel ? (s(), a("span", S, [
-          u(n.$slots, "header-extra", {}, () => [
-            o.liveLabel ? (s(), a("span", C, [
-              i[0] || (i[0] = t("span", { class: "qbs-panel__live-dot" }, null, -1)),
-              f(r(o.liveLabel), 1)
-            ])) : l("", !0)
+        s.showBar ? (a(), n("span", B)) : d("", !0),
+        s.title ? (a(), n("span", N, o(s.title), 1)) : d("", !0),
+        l.$slots["header-prefix"] ? (a(), n("span", T, [
+          c(l.$slots, "header-prefix", {}, void 0, !0)
+        ])) : d("", !0),
+        l.$slots["header-center"] ? (a(), n("span", S, [
+          c(l.$slots, "header-center", {}, void 0, !0)
+        ])) : d("", !0),
+        l.$slots["header-extra"] || s.liveLabel ? (a(), n("span", x, [
+          c(l.$slots, "header-extra", {}, () => [
+            s.liveLabel ? (a(), n("span", C, [
+              i[0] || (i[0] = e("span", { class: "qbs-panel__live-dot" }, null, -1)),
+              f(o(s.liveLabel), 1)
+            ])) : d("", !0)
           ], !0)
-        ])) : l("", !0)
-      ], 2)) : l("", !0),
-      t("div", B, [
-        u(n.$slots, "default", {}, void 0, !0)
+        ])) : d("", !0)
+      ], 2)) : d("", !0),
+      e("div", A, [
+        c(l.$slots, "default", {}, void 0, !0)
       ])
     ], 6));
   }
-}), b = (o, e) => {
-  const d = o.__vccOpts || o;
-  for (const [n, i] of e)
-    d[n] = i;
-  return d;
-}, le = /* @__PURE__ */ b(A, [["__scopeId", "data-v-749400b6"]]), x = {
+}), p = (s, t) => {
+  const r = s.__vccOpts || s;
+  for (const [l, i] of t)
+    r[l] = i;
+  return r;
+}, P = /* @__PURE__ */ p(L, [["__scopeId", "data-v-749400b6"]]), R = {
   key: 0,
   class: "qbs-duty-compact"
-}, L = { class: "qbs-duty-compact__avatar" }, P = { class: "qbs-duty-compact__info" }, R = { class: "qbs-duty-compact__name" }, G = { class: "qbs-duty-compact__phone" }, z = {
+}, D = { class: "qbs-duty-compact__avatar" }, G = { class: "qbs-duty-compact__info" }, E = { class: "qbs-duty-compact__name" }, U = { class: "qbs-duty-compact__phone" }, z = {
   key: 0,
   class: "qbs-duty-compact__tag"
-}, D = {
+}, M = {
   key: 1,
   class: "qbs-duty"
-}, U = { class: "qbs-duty__summary" }, O = { class: "qbs-duty__summary-chip" }, j = { class: "qbs-duty__summary-chip" }, F = { class: "qbs-duty__summary-chip" }, V = { class: "qbs-duty__list" }, W = { class: "qbs-duty__group-header" }, E = { class: "qbs-duty__users" }, H = {
+}, F = { class: "qbs-duty__summary" }, H = { class: "qbs-duty__summary-chip" }, O = { class: "qbs-duty__summary-chip" }, j = { class: "qbs-duty__summary-chip" }, V = { class: "qbs-duty__list" }, W = { class: "qbs-duty__group-header" }, J = { class: "qbs-duty__users" }, K = {
   key: 0,
   class: "qbs-duty__empty"
-}, J = /* @__PURE__ */ p({
+}, Q = /* @__PURE__ */ _({
   __name: "BigScreenDutyContent",
   props: {
     compact: { type: Boolean, default: !1 },
@@ -114,66 +114,66 @@ const q = {
     totalUsers: { default: void 0 },
     groups: { default: () => [] }
   },
-  setup(o) {
-    const e = o;
-    return (d, n) => e.compact ? (s(), a("div", x, [
-      t("div", L, r(e.personName.charAt(0) || "-"), 1),
-      t("div", P, [
-        t("span", R, r(e.personName || "暂未排班"), 1),
-        t("span", G, r(e.personPhone || "—"), 1)
+  setup(s) {
+    const t = s;
+    return (r, l) => t.compact ? (a(), n("div", R, [
+      e("div", D, o(t.personName.charAt(0) || "-"), 1),
+      e("div", G, [
+        e("span", E, o(t.personName || "暂未排班"), 1),
+        e("span", U, o(t.personPhone || "—"), 1)
       ]),
-      e.personTag ? (s(), a("span", z, r(e.personTag), 1)) : l("", !0)
-    ])) : (s(), a("div", D, [
-      t("div", U, [
-        t("div", O, [
-          n[0] || (n[0] = t("span", null, "日期", -1)),
-          t("strong", null, r(e.date || "未同步"), 1)
+      t.personTag ? (a(), n("span", z, o(t.personTag), 1)) : d("", !0)
+    ])) : (a(), n("div", M, [
+      e("div", F, [
+        e("div", H, [
+          l[0] || (l[0] = e("span", null, "日期", -1)),
+          e("strong", null, o(t.date || "未同步"), 1)
         ]),
-        t("div", j, [
-          n[1] || (n[1] = t("span", null, "值班组", -1)),
-          t("strong", null, r(e.totalGroups ?? e.groups.length), 1)
+        e("div", O, [
+          l[1] || (l[1] = e("span", null, "值班组", -1)),
+          e("strong", null, o(t.totalGroups ?? t.groups.length), 1)
         ]),
-        t("div", F, [
-          n[2] || (n[2] = t("span", null, "值班人数", -1)),
-          t("strong", null, r(e.totalUsers ?? 0), 1)
+        e("div", j, [
+          l[2] || (l[2] = e("span", null, "值班人数", -1)),
+          e("strong", null, o(t.totalUsers ?? 0), 1)
         ])
       ]),
-      t("div", V, [
-        (s(!0), a(m, null, g(e.groups, (i) => {
-          var y;
-          return s(), a("article", {
+      e("div", V, [
+        (a(!0), n(g, null, h(t.groups, (i) => {
+          var u;
+          return a(), n("article", {
             key: i.groupId,
             class: "qbs-duty__group"
           }, [
-            t("div", W, [
-              t("strong", null, r(i.groupName), 1),
-              t("span", null, r(((y = i.users) == null ? void 0 : y.length) || 0) + " 人", 1)
+            e("div", W, [
+              e("strong", null, o(i.groupName), 1),
+              e("span", null, o(((u = i.users) == null ? void 0 : u.length) || 0) + " 人", 1)
             ]),
-            t("div", E, [
-              (s(!0), a(m, null, g(i.users || [], (c) => (s(), a("span", {
-                key: c.userId,
+            e("div", J, [
+              (a(!0), n(g, null, h(i.users || [], (m) => (a(), n("span", {
+                key: m.userId,
                 class: "qbs-duty__user"
-              }, r(c.nickName || c.username), 1))), 128))
+              }, o(m.nickName || m.username), 1))), 128))
             ])
           ]);
         }), 128)),
-        e.groups.length ? l("", !0) : (s(), a("div", H, "暂无值班数据"))
+        t.groups.length ? d("", !0) : (a(), n("div", K, "暂无值班数据"))
       ])
     ]));
   }
-}), de = /* @__PURE__ */ b(J, [["__scopeId", "data-v-f5721bce"]]), M = { class: "qbs-alert-row__main" }, K = { class: "qbs-alert-row__copy" }, Q = ["title"], X = { class: "qbs-alert-row__meta" }, Y = { class: "qbs-alert-row__group" }, Z = {
+}), ve = /* @__PURE__ */ p(Q, [["__scopeId", "data-v-f5721bce"]]), Y = { class: "qbs-alert-row__main" }, X = { class: "qbs-alert-row__copy" }, Z = ["title"], ee = { class: "qbs-alert-row__meta" }, te = { class: "qbs-alert-row__group" }, se = {
   key: 0,
   class: "qbs-alert-row__owner"
-}, ee = {
+}, ae = {
   key: 1,
   class: "qbs-alert-row__time"
-}, te = {
+}, ne = {
   key: 2,
   class: "qbs-alert-row__tag"
-}, se = { class: "qbs-alert-row__status" }, ae = {
+}, oe = { class: "qbs-alert-row__status" }, le = {
   key: 0,
   class: "qbs-alert-row__aside"
-}, ne = /* @__PURE__ */ p({
+}, re = /* @__PURE__ */ _({
   __name: "BigScreenAlertRow",
   props: {
     title: {},
@@ -186,39 +186,137 @@ const q = {
     detailWide: { type: Boolean, default: !1 }
   },
   emits: ["select"],
-  setup(o) {
-    const e = o;
-    return (d, n) => (s(), a("button", {
-      class: _(["qbs-alert-row", { "qbs-alert-row--detail-wide": e.detailWide }]),
-      style: h({ "--qbs-alert-accent": e.accent }),
+  setup(s) {
+    const t = s;
+    return (r, l) => (a(), n("button", {
+      class: y(["qbs-alert-row", { "qbs-alert-row--detail-wide": t.detailWide }]),
+      style: b({ "--qbs-alert-accent": t.accent }),
       type: "button",
-      onClick: n[0] || (n[0] = (i) => d.$emit("select"))
+      onClick: l[0] || (l[0] = (i) => r.$emit("select"))
     }, [
-      t("div", M, [
-        t("div", K, [
-          t("div", {
+      e("div", Y, [
+        e("div", X, [
+          e("div", {
             class: "qbs-alert-row__title",
-            title: e.title
-          }, r(e.title), 9, Q),
-          t("div", X, [
-            t("span", Y, r(e.group), 1),
-            e.owner ? (s(), a("span", Z, r(e.owner), 1)) : l("", !0),
-            e.time ? (s(), a("span", ee, r(e.time), 1)) : l("", !0),
-            e.tag ? (s(), a("span", te, r(e.tag), 1)) : l("", !0)
+            title: t.title
+          }, o(t.title), 9, Z),
+          e("div", ee, [
+            e("span", te, o(t.group), 1),
+            t.owner ? (a(), n("span", se, o(t.owner), 1)) : d("", !0),
+            t.time ? (a(), n("span", ae, o(t.time), 1)) : d("", !0),
+            t.tag ? (a(), n("span", ne, o(t.tag), 1)) : d("", !0)
           ]),
-          t("div", se, [
-            u(d.$slots, "status", {}, () => [
-              f(r(e.statusText || "待处理"), 1)
+          e("div", oe, [
+            c(r.$slots, "status", {}, () => [
+              f(o(t.statusText || "待处理"), 1)
             ], !0)
           ])
         ]),
-        d.$slots.aside ? (s(), a("aside", ae, [
-          u(d.$slots, "aside", {}, void 0, !0)
-        ])) : l("", !0)
+        r.$slots.aside ? (a(), n("aside", le, [
+          c(r.$slots, "aside", {}, void 0, !0)
+        ])) : d("", !0)
       ])
     ], 6));
   }
-}), ie = /* @__PURE__ */ b(ne, [["__scopeId", "data-v-83959767"]]), oe = {
+}), $e = /* @__PURE__ */ p(re, [["__scopeId", "data-v-83959767"]]), de = { class: "qbs-metric-card__value" }, ie = { class: "qbs-metric-card__label" }, ue = /* @__PURE__ */ _({
+  __name: "BigScreenMetricCard",
+  props: {
+    label: {},
+    value: { default: "—" },
+    tone: { default: "#7dd3fc" },
+    compact: { type: Boolean, default: !1 }
+  },
+  setup(s) {
+    const t = s;
+    return (r, l) => t.compact ? (a(), n("div", {
+      key: 0,
+      class: "qbs-metric-card qbs-metric-card--compact",
+      style: b({ "--qbs-metric-tone": t.tone })
+    }, [
+      e("span", null, o(t.label), 1),
+      e("strong", null, [
+        c(r.$slots, "default", {}, () => [
+          f(o(t.value), 1)
+        ], !0)
+      ])
+    ], 4)) : (a(), q(P, {
+      key: 1,
+      class: "qbs-metric-card",
+      "body-layout": "metric",
+      padding: "tight",
+      accent: t.tone
+    }, {
+      default: v(() => [
+        c(r.$slots, "default", {}, () => [
+          e("strong", de, o(t.value), 1)
+        ], !0),
+        e("span", ie, o(t.label), 1)
+      ]),
+      _: 3
+    }, 8, ["accent"]));
+  }
+}), ke = /* @__PURE__ */ p(ue, [["__scopeId", "data-v-07353599"]]), ce = { class: "qbs-header" }, _e = { class: "qbs-header__body" }, pe = { class: "qbs-header__brand" }, be = {
+  key: 0,
+  class: "qbs-header__clock"
+}, me = /* @__PURE__ */ _({
+  __name: "BigScreenHeader",
+  props: {
+    title: { default: "运维监控大屏" },
+    subtitle: { default: "QUARK EAGLE EYE" },
+    timeText: { default: "--:--" },
+    dateText: { default: "--" },
+    weekdayText: { default: "" },
+    showClock: { type: Boolean, default: !0 }
+  },
+  setup(s) {
+    return (t, r) => (a(), n("section", ce, [
+      r[1] || (r[1] = e("i", { class: "qbs-header__glow" }, null, -1)),
+      e("div", _e, [
+        e("div", pe, [
+          r[0] || (r[0] = e("i", { class: "qbs-header__crest" }, [
+            e("b")
+          ], -1)),
+          e("div", null, [
+            e("p", null, o(s.subtitle), 1),
+            e("h1", null, o(s.title), 1)
+          ])
+        ]),
+        s.showClock ? (a(), n("div", be, [
+          e("strong", null, o(s.timeText), 1),
+          e("span", null, o(s.dateText) + " " + o(s.weekdayText), 1)
+        ])) : d("", !0)
+      ])
+    ]));
+  }
+}), we = /* @__PURE__ */ p(me, [["__scopeId", "data-v-cc041333"]]), ye = { class: "qbs-build-dist" }, ge = {
+  key: 0,
+  class: "qbs-build-dist__empty"
+}, he = /* @__PURE__ */ _({
+  __name: "BigScreenBuildDistribution",
+  props: {
+    items: { default: () => [] },
+    total: { default: 0 }
+  },
+  setup(s) {
+    const t = s, r = (l) => `${(l / Math.max(1, t.total || t.items.reduce((i, u) => i + u.count, 0)) * 100).toFixed(1)}%`;
+    return (l, i) => (a(), n("div", ye, [
+      (a(!0), n(g, null, h(t.items.slice(0, 8), (u) => (a(), n("article", {
+        key: u.name
+      }, [
+        e("div", null, [
+          e("strong", null, o(u.name), 1),
+          e("span", null, o(u.count), 1)
+        ]),
+        e("i", null, [
+          e("b", {
+            style: b({ width: r(u.count) })
+          }, null, 4)
+        ])
+      ]))), 128)),
+      t.items.length ? d("", !0) : (a(), n("div", ge, "暂无构建分布数据"))
+    ]));
+  }
+}), Ie = /* @__PURE__ */ p(he, [["__scopeId", "data-v-608b33d9"]]), fe = {
   screen_header: {
     dateText: "2026-07-27",
     timeText: "14:30",
@@ -271,13 +369,16 @@ const q = {
     ]
   }
 };
-function ue(o) {
-  return JSON.parse(JSON.stringify(oe[o]));
+function Be(s) {
+  return JSON.parse(JSON.stringify(fe[s]));
 }
 export {
-  ie as BigScreenAlertRow,
-  de as BigScreenDutyContent,
-  le as BigScreenPanel,
-  oe as bigScreenPreviewFixtures,
-  ue as getBigScreenPreviewData
+  $e as BigScreenAlertRow,
+  Ie as BigScreenBuildDistribution,
+  ve as BigScreenDutyContent,
+  we as BigScreenHeader,
+  ke as BigScreenMetricCard,
+  P as BigScreenPanel,
+  fe as bigScreenPreviewFixtures,
+  Be as getBigScreenPreviewData
 };

package/dist/index.umd.cjs

@@ -1 +1 @@
-(function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n.QuarkBigScreenUi={},n.Vue))})(this,(function(n,e){"use strict";const m={key:0,class:"qbs-panel__corner qbs-panel__corner--tl"},p={key:1,class:"qbs-panel__corner qbs-panel__corner--tr"},_={key:2,class:"qbs-panel__corner qbs-panel__corner--bl"},y={key:3,class:"qbs-panel__corner qbs-panel__corner--br"},g={key:0,class:"qbs-panel__bar"},b={key:1,class:"qbs-panel__title"},u={key:2,class:"qbs-panel__header-prefix"},k={key:3,class:"qbs-panel__header-center"},N={key:4,class:"qbs-panel__header-extra"},f={key:0,class:"qbs-panel__live"},B={class:"qbs-panel__body"},h=e.defineComponent({__name:"BigScreenPanel",props:{title:{default:""},accent:{default:"oklch(.82 .13 200)"},liveLabel:{default:""},showBar:{type:Boolean,default:!0},corners:{default:"tl-br"},padding:{default:"md"},bodyLayout:{default:"default"},titleSize:{default:"md"},overflowHidden:{type:Boolean,default:!0}},setup(o){const t=o;function a(s){return t.corners==="all"?!0:t.corners==="none"?!1:s==="tl"||s==="br"}return(s,l)=>(e.openBlock(),e.createElementBlock("section",{class:e.normalizeClass(["qbs-panel",[`qbs-panel--padding-${o.padding}`,`qbs-panel--layout-${o.bodyLayout}`,{"qbs-panel--overflow-hidden":o.overflowHidden}]]),style:e.normalizeStyle({"--qbs-accent":o.accent})},[a("tl")?(e.openBlock(),e.createElementBlock("span",m)):e.createCommentVNode("",!0),a("tr")?(e.openBlock(),e.createElementBlock("span",p)):e.createCommentVNode("",!0),a("bl")?(e.openBlock(),e.createElementBlock("span",_)):e.createCommentVNode("",!0),a("br")?(e.openBlock(),e.createElementBlock("span",y)):e.createCommentVNode("",!0),o.title||o.liveLabel||s.$slots["header-center"]||s.$slots["header-extra"]?(e.openBlock(),e.createElementBlock("header",{key:4,class:e.normalizeClass(["qbs-panel__header",`qbs-panel__header--${o.titleSize}`])},[o.showBar?(e.openBlock(),e.createElementBlock("span",g)):e.createCommentVNode("",!0),o.title?(e.openBlock(),e.createElementBlock("span",b,e.toDisplayString(o.title),1)):e.createCommentVNode("",!0),s.$slots["header-prefix"]?(e.openBlock(),e.createElementBlock("span",u,[e.renderSlot(s.$slots,"header-prefix",{},void 0,!0)])):e.createCommentVNode("",!0),s.$slots["header-center"]?(e.openBlock(),e.createElementBlock("span",k,[e.renderSlot(s.$slots,"header-center",{},void 0,!0)])):e.createCommentVNode("",!0),s.$slots["header-extra"]||o.liveLabel?(e.openBlock(),e.createElementBlock("span",N,[e.renderSlot(s.$slots,"header-extra",{},()=>[o.liveLabel?(e.openBlock(),e.createElementBlock("span",f,[l[0]||(l[0]=e.createElementVNode("span",{class:"qbs-panel__live-dot"},null,-1)),e.createTextVNode(e.toDisplayString(o.liveLabel),1)])):e.createCommentVNode("",!0)],!0)])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",B,[e.renderSlot(s.$slots,"default",{},void 0,!0)])],6))}}),r=(o,t)=>{const a=o.__vccOpts||o;for(const[s,l]of t)a[s]=l;return a},q=r(h,[["__scopeId","data-v-749400b6"]]),E={key:0,class:"qbs-duty-compact"},S={class:"qbs-duty-compact__avatar"},V={class:"qbs-duty-compact__info"},$={class:"qbs-duty-compact__name"},C={class:"qbs-duty-compact__phone"},w={key:0,class:"qbs-duty-compact__tag"},I={key:1,class:"qbs-duty"},T={class:"qbs-duty__summary"},D={class:"qbs-duty__summary-chip"},A={class:"qbs-duty__summary-chip"},P={class:"qbs-duty__summary-chip"},x={class:"qbs-duty__list"},L={class:"qbs-duty__group-header"},R={class:"qbs-duty__users"},z={key:0,class:"qbs-duty__empty"},G=r(e.defineComponent({__name:"BigScreenDutyContent",props:{compact:{type:Boolean,default:!1},personName:{default:""},personPhone:{default:""},personTag:{default:""},date:{default:""},totalGroups:{default:void 0},totalUsers:{default:void 0},groups:{default:()=>[]}},setup(o){const t=o;return(a,s)=>t.compact?(e.openBlock(),e.createElementBlock("div",E,[e.createElementVNode("div",S,e.toDisplayString(t.personName.charAt(0)||"-"),1),e.createElementVNode("div",V,[e.createElementVNode("span",$,e.toDisplayString(t.personName||"暂未排班"),1),e.createElementVNode("span",C,e.toDisplayString(t.personPhone||"—"),1)]),t.personTag?(e.openBlock(),e.createElementBlock("span",w,e.toDisplayString(t.personTag),1)):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",I,[e.createElementVNode("div",T,[e.createElementVNode("div",D,[s[0]||(s[0]=e.createElementVNode("span",null,"日期",-1)),e.createElementVNode("strong",null,e.toDisplayString(t.date||"未同步"),1)]),e.createElementVNode("div",A,[s[1]||(s[1]=e.createElementVNode("span",null,"值班组",-1)),e.createElementVNode("strong",null,e.toDisplayString(t.totalGroups??t.groups.length),1)]),e.createElementVNode("div",P,[s[2]||(s[2]=e.createElementVNode("span",null,"值班人数",-1)),e.createElementVNode("strong",null,e.toDisplayString(t.totalUsers??0),1)])]),e.createElementVNode("div",x,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.groups,l=>{var i;return e.openBlock(),e.createElementBlock("article",{key:l.groupId,class:"qbs-duty__group"},[e.createElementVNode("div",L,[e.createElementVNode("strong",null,e.toDisplayString(l.groupName),1),e.createElementVNode("span",null,e.toDisplayString(((i=l.users)==null?void 0:i.length)||0)+" 人",1)]),e.createElementVNode("div",R,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.users||[],c=>(e.openBlock(),e.createElementBlock("span",{key:c.userId,class:"qbs-duty__user"},e.toDisplayString(c.nickName||c.username),1))),128))])])}),128)),t.groups.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",z,"暂无值班数据"))])]))}}),[["__scopeId","data-v-f5721bce"]]),U={class:"qbs-alert-row__main"},j={class:"qbs-alert-row__copy"},F=["title"],O={class:"qbs-alert-row__meta"},M={class:"qbs-alert-row__group"},W={key:0,class:"qbs-alert-row__owner"},H={key:1,class:"qbs-alert-row__time"},J={key:2,class:"qbs-alert-row__tag"},Q={class:"qbs-alert-row__status"},K={key:0,class:"qbs-alert-row__aside"},X=r(e.defineComponent({__name:"BigScreenAlertRow",props:{title:{},group:{default:""},owner:{default:""},time:{default:""},tag:{default:""},statusText:{default:""},accent:{default:"#f0a35a"},detailWide:{type:Boolean,default:!1}},emits:["select"],setup(o){const t=o;return(a,s)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["qbs-alert-row",{"qbs-alert-row--detail-wide":t.detailWide}]),style:e.normalizeStyle({"--qbs-alert-accent":t.accent}),type:"button",onClick:s[0]||(s[0]=l=>a.$emit("select"))},[e.createElementVNode("div",U,[e.createElementVNode("div",j,[e.createElementVNode("div",{class:"qbs-alert-row__title",title:t.title},e.toDisplayString(t.title),9,F),e.createElementVNode("div",O,[e.createElementVNode("span",M,e.toDisplayString(t.group),1),t.owner?(e.openBlock(),e.createElementBlock("span",W,e.toDisplayString(t.owner),1)):e.createCommentVNode("",!0),t.time?(e.openBlock(),e.createElementBlock("span",H,e.toDisplayString(t.time),1)):e.createCommentVNode("",!0),t.tag?(e.openBlock(),e.createElementBlock("span",J,e.toDisplayString(t.tag),1)):e.createCommentVNode("",!0)]),e.createElementVNode("div",Q,[e.renderSlot(a.$slots,"status",{},()=>[e.createTextVNode(e.toDisplayString(t.statusText||"待处理"),1)],!0)])]),a.$slots.aside?(e.openBlock(),e.createElementBlock("aside",K,[e.renderSlot(a.$slots,"aside",{},void 0,!0)])):e.createCommentVNode("",!0)])],6))}}),[["__scopeId","data-v-83959767"]]),d={screen_header:{dateText:"2026-07-27",timeText:"14:30",weekdayText:"星期一"},robot:{status:"online",mode:"guard",emotion:"neutral",generatedAt:"2026-07-27 14:30:00",summary:{dutyGroups:3,todayAlerts:12,buildingCount:4,endpointNodes:86},alerts:{todayTotal:12,todayPending:3,criticalCount:1,warningCount:5},builds:{buildingCount:4,todayBuilds:28,successRate:98.6}},duty_today:{date:"2026-07-27",totalGroups:3,totalUsers:8,groups:[{groupId:1,groupName:"平台组",users:[{userId:101,nickName:"张工",username:"zhang"},{userId:102,nickName:"李工",username:"li"}]},{groupId:2,groupName:"网络组",users:[{userId:103,nickName:"王工",username:"wang"}]}]},alert_latest:{total:3,stats:{todayTotal:12,todayPending:3,overdueTotal:1,criticalCount:1,warningCount:5,infoCount:6},items:[{id:1,alertId:"AL-20260727-001",title:"边缘节点延迟升高",severity:"WARN",severityText:"警告",status:"pending",statusText:"待处理",source:"edge-01",firedAt:"14:20",groupNames:["网络组"]},{id:2,alertId:"AL-20260727-002",title:"构建队列等待时间过长",severity:"CRITICAL",severityText:"严重",status:"processing",statusText:"处理中",source:"CI/CD",firedAt:"14:08",groupNames:["平台组"]},{id:3,alertId:"AL-20260727-003",title:"磁盘使用率接近阈值",severity:"INFO",severityText:"提示",status:"pending",statusText:"待处理",source:"node-03",firedAt:"13:56",groupNames:["运维组"]}]},build_projects:{summary:{buildingCount:4,todayBuilds:28,successRate:98.6},items:[{pipelineId:1,buildId:101,jobName:"eagle-eye-web",statusText:"构建中",currentStage:"测试",buildUser:"system",progress:68},{pipelineId:2,buildId:102,jobName:"quark-api",statusText:"构建中",currentStage:"镜像打包",buildUser:"李工",progress:42}]},build_distribution:{total:100,items:[{name:"应用构建",count:42},{name:"镜像构建",count:27},{name:"基础设施",count:18},{name:"其他任务",count:13}]},endpoint_distribution:{summary:{total:3},items:[{id:1,nodeName:"edge-01",nodeIp:"10.10.2.11",nodeStatus:!0,heartbeatResults:[{targetName:"API Gateway",targetIp:"10.10.1.10",latencyMs:12.4}]},{id:2,nodeName:"edge-02",nodeIp:"10.10.2.12",nodeStatus:!0,heartbeatResults:[{targetName:"API Gateway",targetIp:"10.10.1.10",latencyMs:18.7}]},{id:3,nodeName:"edge-03",nodeIp:"10.10.2.13",nodeStatus:!1,heartbeatResults:[]}]}};function Y(o){return JSON.parse(JSON.stringify(d[o]))}n.BigScreenAlertRow=X,n.BigScreenDutyContent=G,n.BigScreenPanel=q,n.bigScreenPreviewFixtures=d,n.getBigScreenPreviewData=Y,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})}));
+(function(a,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(a=typeof globalThis<"u"?globalThis:a||self,e(a.QuarkBigScreenUi={},a.Vue))})(this,(function(a,e){"use strict";const p={key:0,class:"qbs-panel__corner qbs-panel__corner--tl"},_={key:1,class:"qbs-panel__corner qbs-panel__corner--tr"},y={key:2,class:"qbs-panel__corner qbs-panel__corner--bl"},g={key:3,class:"qbs-panel__corner qbs-panel__corner--br"},b={key:0,class:"qbs-panel__bar"},k={key:1,class:"qbs-panel__title"},B={key:2,class:"qbs-panel__header-prefix"},u={key:3,class:"qbs-panel__header-center"},f={key:4,class:"qbs-panel__header-extra"},N={key:0,class:"qbs-panel__live"},h={class:"qbs-panel__body"},E=e.defineComponent({__name:"BigScreenPanel",props:{title:{default:""},accent:{default:"oklch(.82 .13 200)"},liveLabel:{default:""},showBar:{type:Boolean,default:!0},corners:{default:"tl-br"},padding:{default:"md"},bodyLayout:{default:"default"},titleSize:{default:"md"},overflowHidden:{type:Boolean,default:!0}},setup(o){const t=o;function s(n){return t.corners==="all"?!0:t.corners==="none"?!1:n==="tl"||n==="br"}return(n,l)=>(e.openBlock(),e.createElementBlock("section",{class:e.normalizeClass(["qbs-panel",[`qbs-panel--padding-${o.padding}`,`qbs-panel--layout-${o.bodyLayout}`,{"qbs-panel--overflow-hidden":o.overflowHidden}]]),style:e.normalizeStyle({"--qbs-accent":o.accent})},[s("tl")?(e.openBlock(),e.createElementBlock("span",p)):e.createCommentVNode("",!0),s("tr")?(e.openBlock(),e.createElementBlock("span",_)):e.createCommentVNode("",!0),s("bl")?(e.openBlock(),e.createElementBlock("span",y)):e.createCommentVNode("",!0),s("br")?(e.openBlock(),e.createElementBlock("span",g)):e.createCommentVNode("",!0),o.title||o.liveLabel||n.$slots["header-center"]||n.$slots["header-extra"]?(e.openBlock(),e.createElementBlock("header",{key:4,class:e.normalizeClass(["qbs-panel__header",`qbs-panel__header--${o.titleSize}`])},[o.showBar?(e.openBlock(),e.createElementBlock("span",b)):e.createCommentVNode("",!0),o.title?(e.openBlock(),e.createElementBlock("span",k,e.toDisplayString(o.title),1)):e.createCommentVNode("",!0),n.$slots["header-prefix"]?(e.openBlock(),e.createElementBlock("span",B,[e.renderSlot(n.$slots,"header-prefix",{},void 0,!0)])):e.createCommentVNode("",!0),n.$slots["header-center"]?(e.openBlock(),e.createElementBlock("span",u,[e.renderSlot(n.$slots,"header-center",{},void 0,!0)])):e.createCommentVNode("",!0),n.$slots["header-extra"]||o.liveLabel?(e.openBlock(),e.createElementBlock("span",f,[e.renderSlot(n.$slots,"header-extra",{},()=>[o.liveLabel?(e.openBlock(),e.createElementBlock("span",N,[l[0]||(l[0]=e.createElementVNode("span",{class:"qbs-panel__live-dot"},null,-1)),e.createTextVNode(e.toDisplayString(o.liveLabel),1)])):e.createCommentVNode("",!0)],!0)])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",h,[e.renderSlot(n.$slots,"default",{},void 0,!0)])],6))}}),c=(o,t)=>{const s=o.__vccOpts||o;for(const[n,l]of t)s[n]=l;return s},i=c(E,[["__scopeId","data-v-749400b6"]]),S={key:0,class:"qbs-duty-compact"},q={class:"qbs-duty-compact__avatar"},V={class:"qbs-duty-compact__info"},$={class:"qbs-duty-compact__name"},C={class:"qbs-duty-compact__phone"},w={key:0,class:"qbs-duty-compact__tag"},D={key:1,class:"qbs-duty"},T={class:"qbs-duty__summary"},I={class:"qbs-duty__summary-chip"},x={class:"qbs-duty__summary-chip"},A={class:"qbs-duty__summary-chip"},L={class:"qbs-duty__list"},P={class:"qbs-duty__group-header"},R={class:"qbs-duty__users"},z={key:0,class:"qbs-duty__empty"},F=c(e.defineComponent({__name:"BigScreenDutyContent",props:{compact:{type:Boolean,default:!1},personName:{default:""},personPhone:{default:""},personTag:{default:""},date:{default:""},totalGroups:{default:void 0},totalUsers:{default:void 0},groups:{default:()=>[]}},setup(o){const t=o;return(s,n)=>t.compact?(e.openBlock(),e.createElementBlock("div",S,[e.createElementVNode("div",q,e.toDisplayString(t.personName.charAt(0)||"-"),1),e.createElementVNode("div",V,[e.createElementVNode("span",$,e.toDisplayString(t.personName||"暂未排班"),1),e.createElementVNode("span",C,e.toDisplayString(t.personPhone||"—"),1)]),t.personTag?(e.openBlock(),e.createElementBlock("span",w,e.toDisplayString(t.personTag),1)):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",D,[e.createElementVNode("div",T,[e.createElementVNode("div",I,[n[0]||(n[0]=e.createElementVNode("span",null,"日期",-1)),e.createElementVNode("strong",null,e.toDisplayString(t.date||"未同步"),1)]),e.createElementVNode("div",x,[n[1]||(n[1]=e.createElementVNode("span",null,"值班组",-1)),e.createElementVNode("strong",null,e.toDisplayString(t.totalGroups??t.groups.length),1)]),e.createElementVNode("div",A,[n[2]||(n[2]=e.createElementVNode("span",null,"值班人数",-1)),e.createElementVNode("strong",null,e.toDisplayString(t.totalUsers??0),1)])]),e.createElementVNode("div",L,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.groups,l=>{var r;return e.openBlock(),e.createElementBlock("article",{key:l.groupId,class:"qbs-duty__group"},[e.createElementVNode("div",P,[e.createElementVNode("strong",null,e.toDisplayString(l.groupName),1),e.createElementVNode("span",null,e.toDisplayString(((r=l.users)==null?void 0:r.length)||0)+" 人",1)]),e.createElementVNode("div",R,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.users||[],d=>(e.openBlock(),e.createElementBlock("span",{key:d.userId,class:"qbs-duty__user"},e.toDisplayString(d.nickName||d.username),1))),128))])])}),128)),t.groups.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",z,"暂无值班数据"))])]))}}),[["__scopeId","data-v-f5721bce"]]),G={class:"qbs-alert-row__main"},M={class:"qbs-alert-row__copy"},U=["title"],j={class:"qbs-alert-row__meta"},H={class:"qbs-alert-row__group"},O={key:0,class:"qbs-alert-row__owner"},W={key:1,class:"qbs-alert-row__time"},J={key:2,class:"qbs-alert-row__tag"},Q={class:"qbs-alert-row__status"},K={key:0,class:"qbs-alert-row__aside"},Y=c(e.defineComponent({__name:"BigScreenAlertRow",props:{title:{},group:{default:""},owner:{default:""},time:{default:""},tag:{default:""},statusText:{default:""},accent:{default:"#f0a35a"},detailWide:{type:Boolean,default:!1}},emits:["select"],setup(o){const t=o;return(s,n)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["qbs-alert-row",{"qbs-alert-row--detail-wide":t.detailWide}]),style:e.normalizeStyle({"--qbs-alert-accent":t.accent}),type:"button",onClick:n[0]||(n[0]=l=>s.$emit("select"))},[e.createElementVNode("div",G,[e.createElementVNode("div",M,[e.createElementVNode("div",{class:"qbs-alert-row__title",title:t.title},e.toDisplayString(t.title),9,U),e.createElementVNode("div",j,[e.createElementVNode("span",H,e.toDisplayString(t.group),1),t.owner?(e.openBlock(),e.createElementBlock("span",O,e.toDisplayString(t.owner),1)):e.createCommentVNode("",!0),t.time?(e.openBlock(),e.createElementBlock("span",W,e.toDisplayString(t.time),1)):e.createCommentVNode("",!0),t.tag?(e.openBlock(),e.createElementBlock("span",J,e.toDisplayString(t.tag),1)):e.createCommentVNode("",!0)]),e.createElementVNode("div",Q,[e.renderSlot(s.$slots,"status",{},()=>[e.createTextVNode(e.toDisplayString(t.statusText||"待处理"),1)],!0)])]),s.$slots.aside?(e.openBlock(),e.createElementBlock("aside",K,[e.renderSlot(s.$slots,"aside",{},void 0,!0)])):e.createCommentVNode("",!0)])],6))}}),[["__scopeId","data-v-83959767"]]),X={class:"qbs-metric-card__value"},Z={class:"qbs-metric-card__label"},v=c(e.defineComponent({__name:"BigScreenMetricCard",props:{label:{},value:{default:"—"},tone:{default:"#7dd3fc"},compact:{type:Boolean,default:!1}},setup(o){const t=o;return(s,n)=>t.compact?(e.openBlock(),e.createElementBlock("div",{key:0,class:"qbs-metric-card qbs-metric-card--compact",style:e.normalizeStyle({"--qbs-metric-tone":t.tone})},[e.createElementVNode("span",null,e.toDisplayString(t.label),1),e.createElementVNode("strong",null,[e.renderSlot(s.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.value),1)],!0)])],4)):(e.openBlock(),e.createBlock(i,{key:1,class:"qbs-metric-card","body-layout":"metric",padding:"tight",accent:t.tone},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default",{},()=>[e.createElementVNode("strong",X,e.toDisplayString(t.value),1)],!0),e.createElementVNode("span",Z,e.toDisplayString(t.label),1)]),_:3},8,["accent"]))}}),[["__scopeId","data-v-07353599"]]),ee={class:"qbs-header"},te={class:"qbs-header__body"},oe={class:"qbs-header__brand"},ne={key:0,class:"qbs-header__clock"},se=c(e.defineComponent({__name:"BigScreenHeader",props:{title:{default:"运维监控大屏"},subtitle:{default:"QUARK EAGLE EYE"},timeText:{default:"--:--"},dateText:{default:"--"},weekdayText:{default:""},showClock:{type:Boolean,default:!0}},setup(o){return(t,s)=>(e.openBlock(),e.createElementBlock("section",ee,[s[1]||(s[1]=e.createElementVNode("i",{class:"qbs-header__glow"},null,-1)),e.createElementVNode("div",te,[e.createElementVNode("div",oe,[s[0]||(s[0]=e.createElementVNode("i",{class:"qbs-header__crest"},[e.createElementVNode("b")],-1)),e.createElementVNode("div",null,[e.createElementVNode("p",null,e.toDisplayString(o.subtitle),1),e.createElementVNode("h1",null,e.toDisplayString(o.title),1)])]),o.showClock?(e.openBlock(),e.createElementBlock("div",ne,[e.createElementVNode("strong",null,e.toDisplayString(o.timeText),1),e.createElementVNode("span",null,e.toDisplayString(o.dateText)+" "+e.toDisplayString(o.weekdayText),1)])):e.createCommentVNode("",!0)])]))}}),[["__scopeId","data-v-cc041333"]]),ae={class:"qbs-build-dist"},le={key:0,class:"qbs-build-dist__empty"},re=c(e.defineComponent({__name:"BigScreenBuildDistribution",props:{items:{default:()=>[]},total:{default:0}},setup(o){const t=o,s=n=>`${(n/Math.max(1,t.total||t.items.reduce((l,r)=>l+r.count,0))*100).toFixed(1)}%`;return(n,l)=>(e.openBlock(),e.createElementBlock("div",ae,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items.slice(0,8),r=>(e.openBlock(),e.createElementBlock("article",{key:r.name},[e.createElementVNode("div",null,[e.createElementVNode("strong",null,e.toDisplayString(r.name),1),e.createElementVNode("span",null,e.toDisplayString(r.count),1)]),e.createElementVNode("i",null,[e.createElementVNode("b",{style:e.normalizeStyle({width:s(r.count)})},null,4)])]))),128)),t.items.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",le,"暂无构建分布数据"))]))}}),[["__scopeId","data-v-608b33d9"]]),m={screen_header:{dateText:"2026-07-27",timeText:"14:30",weekdayText:"星期一"},robot:{status:"online",mode:"guard",emotion:"neutral",generatedAt:"2026-07-27 14:30:00",summary:{dutyGroups:3,todayAlerts:12,buildingCount:4,endpointNodes:86},alerts:{todayTotal:12,todayPending:3,criticalCount:1,warningCount:5},builds:{buildingCount:4,todayBuilds:28,successRate:98.6}},duty_today:{date:"2026-07-27",totalGroups:3,totalUsers:8,groups:[{groupId:1,groupName:"平台组",users:[{userId:101,nickName:"张工",username:"zhang"},{userId:102,nickName:"李工",username:"li"}]},{groupId:2,groupName:"网络组",users:[{userId:103,nickName:"王工",username:"wang"}]}]},alert_latest:{total:3,stats:{todayTotal:12,todayPending:3,overdueTotal:1,criticalCount:1,warningCount:5,infoCount:6},items:[{id:1,alertId:"AL-20260727-001",title:"边缘节点延迟升高",severity:"WARN",severityText:"警告",status:"pending",statusText:"待处理",source:"edge-01",firedAt:"14:20",groupNames:["网络组"]},{id:2,alertId:"AL-20260727-002",title:"构建队列等待时间过长",severity:"CRITICAL",severityText:"严重",status:"processing",statusText:"处理中",source:"CI/CD",firedAt:"14:08",groupNames:["平台组"]},{id:3,alertId:"AL-20260727-003",title:"磁盘使用率接近阈值",severity:"INFO",severityText:"提示",status:"pending",statusText:"待处理",source:"node-03",firedAt:"13:56",groupNames:["运维组"]}]},build_projects:{summary:{buildingCount:4,todayBuilds:28,successRate:98.6},items:[{pipelineId:1,buildId:101,jobName:"eagle-eye-web",statusText:"构建中",currentStage:"测试",buildUser:"system",progress:68},{pipelineId:2,buildId:102,jobName:"quark-api",statusText:"构建中",currentStage:"镜像打包",buildUser:"李工",progress:42}]},build_distribution:{total:100,items:[{name:"应用构建",count:42},{name:"镜像构建",count:27},{name:"基础设施",count:18},{name:"其他任务",count:13}]},endpoint_distribution:{summary:{total:3},items:[{id:1,nodeName:"edge-01",nodeIp:"10.10.2.11",nodeStatus:!0,heartbeatResults:[{targetName:"API Gateway",targetIp:"10.10.1.10",latencyMs:12.4}]},{id:2,nodeName:"edge-02",nodeIp:"10.10.2.12",nodeStatus:!0,heartbeatResults:[{targetName:"API Gateway",targetIp:"10.10.1.10",latencyMs:18.7}]},{id:3,nodeName:"edge-03",nodeIp:"10.10.2.13",nodeStatus:!1,heartbeatResults:[]}]}};function ce(o){return JSON.parse(JSON.stringify(m[o]))}a.BigScreenAlertRow=Y,a.BigScreenBuildDistribution=re,a.BigScreenDutyContent=F,a.BigScreenHeader=se,a.BigScreenMetricCard=v,a.BigScreenPanel=i,a.bigScreenPreviewFixtures=m,a.getBigScreenPreviewData=ce,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akiraka/quark-big-screen-ui",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "description": "Shared visual components for Quark big-screen applications.",
   "type": "module",
   "files": [