@akiraka/quark-big-screen-ui 0.1.6 → 0.1.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/components/BigScreenAlertRow.vue.d.ts +37 -0
  2. package/dist/components/BigScreenAlertRow.vue.d.ts.map +1 -0
  3. package/dist/components/BigScreenMetricCard.vue.d.ts +25 -0
  4. package/dist/components/BigScreenMetricCard.vue.d.ts.map +1 -0
  5. package/dist/index.css +1 -1
  6. package/dist/index.d.ts +2 -0
  7. package/dist/index.d.ts.map +1 -1
  8. package/dist/index.js +191 -95
  9. package/dist/index.umd.cjs +1 -1
  10. package/package.json +1 -1
package/dist/components/BigScreenAlertRow.vue.d.ts ADDED
@@ -0,0 +1,37 @@
1
+ type __VLS_Props = {
2
+ title: string;
3
+ group?: string;
4
+ owner?: string;
5
+ time?: string;
6
+ tag?: string;
7
+ statusText?: string;
8
+ accent?: string;
9
+ detailWide?: boolean;
10
+ };
11
+ declare var __VLS_1: {}, __VLS_3: {};
12
+ type __VLS_Slots = {} & {
13
+ status?: (props: typeof __VLS_1) => any;
14
+ } & {
15
+ aside?: (props: typeof __VLS_3) => any;
16
+ };
17
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
18
+ select: () => any;
19
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
20
+ onSelect?: (() => any) | undefined;
21
+ }>, {
22
+ accent: string;
23
+ time: string;
24
+ group: string;
25
+ owner: string;
26
+ tag: string;
27
+ statusText: string;
28
+ detailWide: boolean;
29
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
30
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
31
+ export default _default;
32
+ type __VLS_WithSlots<T, S> = T & {
33
+ new (): {
34
+ $slots: S;
35
+ };
36
+ };
37
+ //# sourceMappingURL=BigScreenAlertRow.vue.d.ts.map
package/dist/components/BigScreenAlertRow.vue.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BigScreenAlertRow.vue.d.ts","sourceRoot":"","sources":["../../src/components/BigScreenAlertRow.vue"],"names":[],"mappings":"AAqCA,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAC;AA4GF,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAqB7C,QAAA,MAAM,eAAe;;;;;YAtIV,MAAM;UAHR,MAAM;WAFL,MAAM;WACN,MAAM;SAER,MAAM;gBACC,MAAM;gBAEN,OAAO;6EA6IpB,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/components/BigScreenMetricCard.vue.d.ts ADDED
@@ -0,0 +1,25 @@
1
+ type __VLS_Props = {
2
+ label: string;
3
+ value?: string | number;
4
+ tone?: string;
5
+ compact?: boolean;
6
+ };
7
+ declare var __VLS_1: {}, __VLS_7: {};
8
+ type __VLS_Slots = {} & {
9
+ default?: (props: typeof __VLS_1) => any;
10
+ } & {
11
+ default?: (props: typeof __VLS_7) => any;
12
+ };
13
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
14
+ compact: boolean;
15
+ value: string | number;
16
+ tone: string;
17
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
18
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
19
+ export default _default;
20
+ type __VLS_WithSlots<T, S> = T & {
21
+ new (): {
22
+ $slots: S;
23
+ };
24
+ };
25
+ //# sourceMappingURL=BigScreenMetricCard.vue.d.ts.map
package/dist/components/BigScreenMetricCard.vue.d.ts.map ADDED
@@ -0,0 +1 @@
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 CHANGED
@@ -1 +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}
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%}.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}
package/dist/index.d.ts CHANGED
@@ -1,5 +1,7 @@
1
1
  export { default as BigScreenPanel } from './components/BigScreenPanel.vue';
2
2
  export { default as BigScreenDutyContent } from './components/BigScreenDutyContent.vue';
3
+ export { default as BigScreenAlertRow } from './components/BigScreenAlertRow.vue';
4
+ export { default as BigScreenMetricCard } from './components/BigScreenMetricCard.vue';
3
5
  export type { BigScreenDutyGroup, BigScreenDutyUser } from './components/BigScreenDutyContent.vue';
4
6
  export { bigScreenPreviewFixtures, getBigScreenPreviewData } from './fixtures/big-screen';
5
7
  export type { BigScreenPreviewWidgetType } from './fixtures/big-screen';
package/dist/index.d.ts.map CHANGED
@@ -1 +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,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"}
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,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,sCAAsC,CAAA;AACrF,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 CHANGED
@@ -1,35 +1,35 @@
1
- import { defineComponent as m, openBlock as a, createElementBlock as n, normalizeStyle as h, normalizeClass as p, createCommentVNode as r, toDisplayString as l, renderSlot as i, createElementVNode as s, createTextVNode as f, Fragment as y, renderList as b } from "vue";
2
- const v = {
1
+ import { defineComponent as c, openBlock as s, createElementBlock as a, normalizeStyle as m, normalizeClass as b, createCommentVNode as l, toDisplayString as r, renderSlot as u, createElementVNode as t, createTextVNode as y, Fragment as h, renderList as f, createBlock as q, withCtx as v } from "vue";
2
+ const $ = {
3
3
  key: 0,
4
4
  class: "qbs-panel__corner qbs-panel__corner--tl"
5
- }, q = {
5
+ }, k = {
6
6
  key: 1,
7
7
  class: "qbs-panel__corner qbs-panel__corner--tr"
8
- }, N = {
8
+ }, w = {
9
9
  key: 2,
10
10
  class: "qbs-panel__corner qbs-panel__corner--bl"
11
- }, k = {
11
+ }, I = {
12
12
  key: 3,
13
13
  class: "qbs-panel__corner qbs-panel__corner--br"
14
- }, I = {
14
+ }, N = {
15
15
  key: 0,
16
16
  class: "qbs-panel__bar"
17
- }, $ = {
17
+ }, C = {
18
18
  key: 1,
19
19
  class: "qbs-panel__title"
20
- }, T = {
20
+ }, S = {
21
21
  key: 2,
22
22
  class: "qbs-panel__header-prefix"
23
- }, C = {
23
+ }, B = {
24
24
  key: 3,
25
25
  class: "qbs-panel__header-center"
26
- }, S = {
26
+ }, T = {
27
27
  key: 4,
28
28
  class: "qbs-panel__header-extra"
29
- }, w = {
29
+ }, A = {
30
30
  key: 0,
31
31
  class: "qbs-panel__live"
32
- }, x = { class: "qbs-panel__body" }, B = /* @__PURE__ */ m({
32
+ }, x = { class: "qbs-panel__body" }, L = /* @__PURE__ */ c({
33
33
  __name: "BigScreenPanel",
34
34
  props: {
35
35
  title: { default: "" },
@@ -42,67 +42,67 @@ const v = {
42
42
  titleSize: { default: "md" },
43
43
  overflowHidden: { type: Boolean, default: !0 }
44
44
  },
45
- setup(e) {
46
- const o = e;
47
- function u(t) {
48
- return o.corners === "all" ? !0 : o.corners === "none" ? !1 : t === "tl" || t === "br";
45
+ setup(o) {
46
+ const e = o;
47
+ function d(n) {
48
+ return e.corners === "all" ? !0 : e.corners === "none" ? !1 : n === "tl" || n === "br";
49
49
  }
50
- return (t, d) => (a(), n("section", {
51
- class: p(["qbs-panel", [
52
- `qbs-panel--padding-${e.padding}`,
53
- `qbs-panel--layout-${e.bodyLayout}`,
54
- { "qbs-panel--overflow-hidden": e.overflowHidden }
50
+ return (n, i) => (s(), a("section", {
51
+ class: b(["qbs-panel", [
52
+ `qbs-panel--padding-${o.padding}`,
53
+ `qbs-panel--layout-${o.bodyLayout}`,
54
+ { "qbs-panel--overflow-hidden": o.overflowHidden }
55
55
  ]]),
56
- style: h({ "--qbs-accent": e.accent })
56
+ style: m({ "--qbs-accent": o.accent })
57
57
  }, [
58
- u("tl") ? (a(), n("span", v)) : r("", !0),
59
- u("tr") ? (a(), n("span", q)) : r("", !0),
60
- u("bl") ? (a(), n("span", N)) : r("", !0),
61
- u("br") ? (a(), n("span", k)) : r("", !0),
62
- e.title || e.liveLabel || t.$slots["header-center"] || t.$slots["header-extra"] ? (a(), n("header", {
58
+ d("tl") ? (s(), a("span", $)) : l("", !0),
59
+ d("tr") ? (s(), a("span", k)) : l("", !0),
60
+ d("bl") ? (s(), a("span", w)) : l("", !0),
61
+ d("br") ? (s(), a("span", I)) : l("", !0),
62
+ o.title || o.liveLabel || n.$slots["header-center"] || n.$slots["header-extra"] ? (s(), a("header", {
63
63
  key: 4,
64
- class: p(["qbs-panel__header", `qbs-panel__header--${e.titleSize}`])
64
+ class: b(["qbs-panel__header", `qbs-panel__header--${o.titleSize}`])
65
65
  }, [
66
- e.showBar ? (a(), n("span", I)) : r("", !0),
67
- e.title ? (a(), n("span", $, l(e.title), 1)) : r("", !0),
68
- t.$slots["header-prefix"] ? (a(), n("span", T, [
69
- i(t.$slots, "header-prefix", {}, void 0, !0)
70
- ])) : r("", !0),
71
- t.$slots["header-center"] ? (a(), n("span", C, [
72
- i(t.$slots, "header-center", {}, void 0, !0)
73
- ])) : r("", !0),
74
- t.$slots["header-extra"] || e.liveLabel ? (a(), n("span", S, [
75
- i(t.$slots, "header-extra", {}, () => [
76
- e.liveLabel ? (a(), n("span", w, [
77
- d[0] || (d[0] = s("span", { class: "qbs-panel__live-dot" }, null, -1)),
78
- f(l(e.liveLabel), 1)
79
- ])) : r("", !0)
66
+ o.showBar ? (s(), a("span", N)) : l("", !0),
67
+ o.title ? (s(), a("span", C, r(o.title), 1)) : l("", !0),
68
+ n.$slots["header-prefix"] ? (s(), a("span", S, [
69
+ u(n.$slots, "header-prefix", {}, void 0, !0)
70
+ ])) : l("", !0),
71
+ n.$slots["header-center"] ? (s(), a("span", B, [
72
+ u(n.$slots, "header-center", {}, void 0, !0)
73
+ ])) : l("", !0),
74
+ n.$slots["header-extra"] || o.liveLabel ? (s(), a("span", T, [
75
+ u(n.$slots, "header-extra", {}, () => [
76
+ o.liveLabel ? (s(), a("span", A, [
77
+ i[0] || (i[0] = t("span", { class: "qbs-panel__live-dot" }, null, -1)),
78
+ y(r(o.liveLabel), 1)
79
+ ])) : l("", !0)
80
80
  ], !0)
81
- ])) : r("", !0)
82
- ], 2)) : r("", !0),
83
- s("div", x, [
84
- i(t.$slots, "default", {}, void 0, !0)
81
+ ])) : l("", !0)
82
+ ], 2)) : l("", !0),
83
+ t("div", x, [
84
+ u(n.$slots, "default", {}, void 0, !0)
85
85
  ])
86
86
  ], 6));
87
87
  }
88
- }), g = (e, o) => {
89
- const u = e.__vccOpts || e;
90
- for (const [t, d] of o)
91
- u[t] = d;
92
- return u;
93
- }, Q = /* @__PURE__ */ g(B, [["__scopeId", "data-v-749400b6"]]), A = {
88
+ }), _ = (o, e) => {
89
+ const d = o.__vccOpts || o;
90
+ for (const [n, i] of e)
91
+ d[n] = i;
92
+ return d;
93
+ }, P = /* @__PURE__ */ _(L, [["__scopeId", "data-v-749400b6"]]), R = {
94
94
  key: 0,
95
95
  class: "qbs-duty-compact"
96
- }, 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 = {
96
+ }, G = { class: "qbs-duty-compact__avatar" }, z = { class: "qbs-duty-compact__info" }, D = { class: "qbs-duty-compact__name" }, U = { class: "qbs-duty-compact__phone" }, M = {
97
97
  key: 0,
98
98
  class: "qbs-duty-compact__tag"
99
- }, D = {
99
+ }, O = {
100
100
  key: 1,
101
101
  class: "qbs-duty"
102
- }, 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" }, E = { class: "qbs-duty__group-header" }, H = { class: "qbs-duty__users" }, J = {
102
+ }, j = { class: "qbs-duty__summary" }, F = { class: "qbs-duty__summary-chip" }, V = { class: "qbs-duty__summary-chip" }, W = { class: "qbs-duty__summary-chip" }, E = { class: "qbs-duty__list" }, H = { class: "qbs-duty__group-header" }, J = { class: "qbs-duty__users" }, K = {
103
103
  key: 0,
104
104
  class: "qbs-duty__empty"
105
- }, M = /* @__PURE__ */ m({
105
+ }, Q = /* @__PURE__ */ c({
106
106
  __name: "BigScreenDutyContent",
107
107
  props: {
108
108
  compact: { type: Boolean, default: !1 },
@@ -114,54 +114,148 @@ const v = {
114
114
  totalUsers: { default: void 0 },
115
115
  groups: { default: () => [] }
116
116
  },
117
- setup(e) {
118
- const o = e;
119
- return (u, t) => o.compact ? (a(), n("div", A, [
120
- s("div", L, l(o.personName.charAt(0) || "-"), 1),
121
- s("div", P, [
122
- s("span", R, l(o.personName || "暂未排班"), 1),
123
- s("span", G, l(o.personPhone || "—"), 1)
117
+ setup(o) {
118
+ const e = o;
119
+ return (d, n) => e.compact ? (s(), a("div", R, [
120
+ t("div", G, r(e.personName.charAt(0) || "-"), 1),
121
+ t("div", z, [
122
+ t("span", D, r(e.personName || "暂未排班"), 1),
123
+ t("span", U, r(e.personPhone || "—"), 1)
124
124
  ]),
125
- o.personTag ? (a(), n("span", z, l(o.personTag), 1)) : r("", !0)
126
- ])) : (a(), n("div", D, [
127
- s("div", U, [
128
- s("div", O, [
129
- t[0] || (t[0] = s("span", null, "日期", -1)),
130
- s("strong", null, l(o.date || "未同步"), 1)
125
+ e.personTag ? (s(), a("span", M, r(e.personTag), 1)) : l("", !0)
126
+ ])) : (s(), a("div", O, [
127
+ t("div", j, [
128
+ t("div", F, [
129
+ n[0] || (n[0] = t("span", null, "日期", -1)),
130
+ t("strong", null, r(e.date || "未同步"), 1)
131
131
  ]),
132
- s("div", j, [
133
- t[1] || (t[1] = s("span", null, "值班组", -1)),
134
- s("strong", null, l(o.totalGroups ?? o.groups.length), 1)
132
+ t("div", V, [
133
+ n[1] || (n[1] = t("span", null, "值班组", -1)),
134
+ t("strong", null, r(e.totalGroups ?? e.groups.length), 1)
135
135
  ]),
136
- s("div", F, [
137
- t[2] || (t[2] = s("span", null, "值班人数", -1)),
138
- s("strong", null, l(o.totalUsers ?? 0), 1)
136
+ t("div", W, [
137
+ n[2] || (n[2] = t("span", null, "值班人数", -1)),
138
+ t("strong", null, r(e.totalUsers ?? 0), 1)
139
139
  ])
140
140
  ]),
141
- s("div", V, [
142
- (a(!0), n(y, null, b(o.groups, (d) => {
143
- var _;
144
- return a(), n("article", {
145
- key: d.groupId,
141
+ t("div", E, [
142
+ (s(!0), a(h, null, f(e.groups, (i) => {
143
+ var g;
144
+ return s(), a("article", {
145
+ key: i.groupId,
146
146
  class: "qbs-duty__group"
147
147
  }, [
148
- s("div", E, [
149
- s("strong", null, l(d.groupName), 1),
150
- s("span", null, l(((_ = d.users) == null ? void 0 : _.length) || 0) + " 人", 1)
148
+ t("div", H, [
149
+ t("strong", null, r(i.groupName), 1),
150
+ t("span", null, r(((g = i.users) == null ? void 0 : g.length) || 0) + " 人", 1)
151
151
  ]),
152
- s("div", H, [
153
- (a(!0), n(y, null, b(d.users || [], (c) => (a(), n("span", {
154
- key: c.userId,
152
+ t("div", J, [
153
+ (s(!0), a(h, null, f(i.users || [], (p) => (s(), a("span", {
154
+ key: p.userId,
155
155
  class: "qbs-duty__user"
156
- }, l(c.nickName || c.username), 1))), 128))
156
+ }, r(p.nickName || p.username), 1))), 128))
157
157
  ])
158
158
  ]);
159
159
  }), 128)),
160
- o.groups.length ? r("", !0) : (a(), n("div", J, "暂无值班数据"))
160
+ e.groups.length ? l("", !0) : (s(), a("div", K, "暂无值班数据"))
161
161
  ])
162
162
  ]));
163
163
  }
164
- }), X = /* @__PURE__ */ g(M, [["__scopeId", "data-v-f5721bce"]]), W = {
164
+ }), pe = /* @__PURE__ */ _(Q, [["__scopeId", "data-v-f5721bce"]]), X = { class: "qbs-alert-row__main" }, Y = { class: "qbs-alert-row__copy" }, Z = ["title"], ee = { class: "qbs-alert-row__meta" }, te = { class: "qbs-alert-row__group" }, se = {
165
+ key: 0,
166
+ class: "qbs-alert-row__owner"
167
+ }, ae = {
168
+ key: 1,
169
+ class: "qbs-alert-row__time"
170
+ }, oe = {
171
+ key: 2,
172
+ class: "qbs-alert-row__tag"
173
+ }, ne = { class: "qbs-alert-row__status" }, re = {
174
+ key: 0,
175
+ class: "qbs-alert-row__aside"
176
+ }, le = /* @__PURE__ */ c({
177
+ __name: "BigScreenAlertRow",
178
+ props: {
179
+ title: {},
180
+ group: { default: "" },
181
+ owner: { default: "" },
182
+ time: { default: "" },
183
+ tag: { default: "" },
184
+ statusText: { default: "" },
185
+ accent: { default: "#f0a35a" },
186
+ detailWide: { type: Boolean, default: !1 }
187
+ },
188
+ emits: ["select"],
189
+ setup(o) {
190
+ const e = o;
191
+ return (d, n) => (s(), a("button", {
192
+ class: b(["qbs-alert-row", { "qbs-alert-row--detail-wide": e.detailWide }]),
193
+ style: m({ "--qbs-alert-accent": e.accent }),
194
+ type: "button",
195
+ onClick: n[0] || (n[0] = (i) => d.$emit("select"))
196
+ }, [
197
+ t("div", X, [
198
+ t("div", Y, [
199
+ t("div", {
200
+ class: "qbs-alert-row__title",
201
+ title: e.title
202
+ }, r(e.title), 9, Z),
203
+ t("div", ee, [
204
+ t("span", te, r(e.group), 1),
205
+ e.owner ? (s(), a("span", se, r(e.owner), 1)) : l("", !0),
206
+ e.time ? (s(), a("span", ae, r(e.time), 1)) : l("", !0),
207
+ e.tag ? (s(), a("span", oe, r(e.tag), 1)) : l("", !0)
208
+ ]),
209
+ t("div", ne, [
210
+ u(d.$slots, "status", {}, () => [
211
+ y(r(e.statusText || "待处理"), 1)
212
+ ], !0)
213
+ ])
214
+ ]),
215
+ d.$slots.aside ? (s(), a("aside", re, [
216
+ u(d.$slots, "aside", {}, void 0, !0)
217
+ ])) : l("", !0)
218
+ ])
219
+ ], 6));
220
+ }
221
+ }), be = /* @__PURE__ */ _(le, [["__scopeId", "data-v-83959767"]]), de = { class: "qbs-metric-card__value" }, ie = { class: "qbs-metric-card__label" }, ue = /* @__PURE__ */ c({
222
+ __name: "BigScreenMetricCard",
223
+ props: {
224
+ label: {},
225
+ value: { default: "—" },
226
+ tone: { default: "#7dd3fc" },
227
+ compact: { type: Boolean, default: !1 }
228
+ },
229
+ setup(o) {
230
+ const e = o;
231
+ return (d, n) => e.compact ? (s(), a("div", {
232
+ key: 0,
233
+ class: "qbs-metric-card qbs-metric-card--compact",
234
+ style: m({ "--qbs-metric-tone": e.tone })
235
+ }, [
236
+ t("span", null, r(e.label), 1),
237
+ t("strong", null, [
238
+ u(d.$slots, "default", {}, () => [
239
+ y(r(e.value), 1)
240
+ ], !0)
241
+ ])
242
+ ], 4)) : (s(), q(P, {
243
+ key: 1,
244
+ class: "qbs-metric-card",
245
+ "body-layout": "metric",
246
+ padding: "tight",
247
+ accent: e.tone
248
+ }, {
249
+ default: v(() => [
250
+ u(d.$slots, "default", {}, () => [
251
+ t("strong", de, r(e.value), 1)
252
+ ], !0),
253
+ t("span", ie, r(e.label), 1)
254
+ ]),
255
+ _: 3
256
+ }, 8, ["accent"]));
257
+ }
258
+ }), me = /* @__PURE__ */ _(ue, [["__scopeId", "data-v-07353599"]]), ce = {
165
259
  screen_header: {
166
260
  dateText: "2026-07-27",
167
261
  timeText: "14:30",
@@ -214,12 +308,14 @@ const v = {
214
308
  ]
215
309
  }
216
310
  };
217
- function Y(e) {
218
- return JSON.parse(JSON.stringify(W[e]));
311
+ function ye(o) {
312
+ return JSON.parse(JSON.stringify(ce[o]));
219
313
  }
220
314
  export {
221
- X as BigScreenDutyContent,
222
- Q as BigScreenPanel,
223
- W as bigScreenPreviewFixtures,
224
- Y as getBigScreenPreviewData
315
+ be as BigScreenAlertRow,
316
+ pe as BigScreenDutyContent,
317
+ me as BigScreenMetricCard,
318
+ P as BigScreenPanel,
319
+ ce as bigScreenPreviewFixtures,
320
+ ye as getBigScreenPreviewData
225
321
  };
package/dist/index.umd.cjs CHANGED
@@ -1 +1 @@
1
- (function(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o.QuarkBigScreenUi={},o.Vue))})(this,(function(o,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"},u={key:3,class:"qbs-panel__corner qbs-panel__corner--br"},y={key:0,class:"qbs-panel__bar"},g={key:1,class:"qbs-panel__title"},b={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"},h={class:"qbs-panel__body"},B=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(t){const s=t;function r(n){return s.corners==="all"?!0:s.corners==="none"?!1:n==="tl"||n==="br"}return(n,a)=>(e.openBlock(),e.createElementBlock("section",{class:e.normalizeClass(["qbs-panel",[`qbs-panel--padding-${t.padding}`,`qbs-panel--layout-${t.bodyLayout}`,{"qbs-panel--overflow-hidden":t.overflowHidden}]]),style:e.normalizeStyle({"--qbs-accent":t.accent})},[r("tl")?(e.openBlock(),e.createElementBlock("span",m)):e.createCommentVNode("",!0),r("tr")?(e.openBlock(),e.createElementBlock("span",p)):e.createCommentVNode("",!0),r("bl")?(e.openBlock(),e.createElementBlock("span",_)):e.createCommentVNode("",!0),r("br")?(e.openBlock(),e.createElementBlock("span",u)):e.createCommentVNode("",!0),t.title||t.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--${t.titleSize}`])},[t.showBar?(e.openBlock(),e.createElementBlock("span",y)):e.createCommentVNode("",!0),t.title?(e.openBlock(),e.createElementBlock("span",g,e.toDisplayString(t.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",k,[e.renderSlot(n.$slots,"header-center",{},void 0,!0)])):e.createCommentVNode("",!0),n.$slots["header-extra"]||t.liveLabel?(e.openBlock(),e.createElementBlock("span",N,[e.renderSlot(n.$slots,"header-extra",{},()=>[t.liveLabel?(e.openBlock(),e.createElementBlock("span",f,[a[0]||(a[0]=e.createElementVNode("span",{class:"qbs-panel__live-dot"},null,-1)),e.createTextVNode(e.toDisplayString(t.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))}}),d=(t,s)=>{const r=t.__vccOpts||t;for(const[n,a]of s)r[n]=a;return r},q=d(B,[["__scopeId","data-v-749400b6"]]),E={key:0,class:"qbs-duty-compact"},S={class:"qbs-duty-compact__avatar"},V={class:"qbs-duty-compact__info"},C={class:"qbs-duty-compact__name"},I={class:"qbs-duty-compact__phone"},$={key:0,class:"qbs-duty-compact__tag"},T={key:1,class:"qbs-duty"},D={class:"qbs-duty__summary"},w={class:"qbs-duty__summary-chip"},x={class:"qbs-duty__summary-chip"},P={class:"qbs-duty__summary-chip"},A={class:"qbs-duty__list"},L={class:"qbs-duty__group-header"},R={class:"qbs-duty__users"},z={key:0,class:"qbs-duty__empty"},G=d(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(t){const s=t;return(r,n)=>s.compact?(e.openBlock(),e.createElementBlock("div",E,[e.createElementVNode("div",S,e.toDisplayString(s.personName.charAt(0)||"-"),1),e.createElementVNode("div",V,[e.createElementVNode("span",C,e.toDisplayString(s.personName||"暂未排班"),1),e.createElementVNode("span",I,e.toDisplayString(s.personPhone||"—"),1)]),s.personTag?(e.openBlock(),e.createElementBlock("span",$,e.toDisplayString(s.personTag),1)):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",T,[e.createElementVNode("div",D,[e.createElementVNode("div",w,[n[0]||(n[0]=e.createElementVNode("span",null,"日期",-1)),e.createElementVNode("strong",null,e.toDisplayString(s.date||"未同步"),1)]),e.createElementVNode("div",x,[n[1]||(n[1]=e.createElementVNode("span",null,"值班组",-1)),e.createElementVNode("strong",null,e.toDisplayString(s.totalGroups??s.groups.length),1)]),e.createElementVNode("div",P,[n[2]||(n[2]=e.createElementVNode("span",null,"值班人数",-1)),e.createElementVNode("strong",null,e.toDisplayString(s.totalUsers??0),1)])]),e.createElementVNode("div",A,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.groups,a=>{var i;return e.openBlock(),e.createElementBlock("article",{key:a.groupId,class:"qbs-duty__group"},[e.createElementVNode("div",L,[e.createElementVNode("strong",null,e.toDisplayString(a.groupName),1),e.createElementVNode("span",null,e.toDisplayString(((i=a.users)==null?void 0:i.length)||0)+" 人",1)]),e.createElementVNode("div",R,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.users||[],l=>(e.openBlock(),e.createElementBlock("span",{key:l.userId,class:"qbs-duty__user"},e.toDisplayString(l.nickName||l.username),1))),128))])])}),128)),s.groups.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",z,"暂无值班数据"))])]))}}),[["__scopeId","data-v-f5721bce"]]),c={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 U(t){return JSON.parse(JSON.stringify(c[t]))}o.BigScreenDutyContent=G,o.BigScreenPanel=q,o.bigScreenPreviewFixtures=c,o.getBigScreenPreviewData=U,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})}));
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 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"},u={key:1,class:"qbs-panel__title"},k={key:2,class:"qbs-panel__header-prefix"},f={key:3,class:"qbs-panel__header-center"},B={key:4,class:"qbs-panel__header-extra"},N={key:0,class:"qbs-panel__live"},h={class:"qbs-panel__body"},q=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(s){const t=s;function a(o){return t.corners==="all"?!0:t.corners==="none"?!1:o==="tl"||o==="br"}return(o,l)=>(e.openBlock(),e.createElementBlock("section",{class:e.normalizeClass(["qbs-panel",[`qbs-panel--padding-${s.padding}`,`qbs-panel--layout-${s.bodyLayout}`,{"qbs-panel--overflow-hidden":s.overflowHidden}]]),style:e.normalizeStyle({"--qbs-accent":s.accent})},[a("tl")?(e.openBlock(),e.createElementBlock("span",p)):e.createCommentVNode("",!0),a("tr")?(e.openBlock(),e.createElementBlock("span",_)):e.createCommentVNode("",!0),a("bl")?(e.openBlock(),e.createElementBlock("span",y)):e.createCommentVNode("",!0),a("br")?(e.openBlock(),e.createElementBlock("span",g)):e.createCommentVNode("",!0),s.title||s.liveLabel||o.$slots["header-center"]||o.$slots["header-extra"]?(e.openBlock(),e.createElementBlock("header",{key:4,class:e.normalizeClass(["qbs-panel__header",`qbs-panel__header--${s.titleSize}`])},[s.showBar?(e.openBlock(),e.createElementBlock("span",b)):e.createCommentVNode("",!0),s.title?(e.openBlock(),e.createElementBlock("span",u,e.toDisplayString(s.title),1)):e.createCommentVNode("",!0),o.$slots["header-prefix"]?(e.openBlock(),e.createElementBlock("span",k,[e.renderSlot(o.$slots,"header-prefix",{},void 0,!0)])):e.createCommentVNode("",!0),o.$slots["header-center"]?(e.openBlock(),e.createElementBlock("span",f,[e.renderSlot(o.$slots,"header-center",{},void 0,!0)])):e.createCommentVNode("",!0),o.$slots["header-extra"]||s.liveLabel?(e.openBlock(),e.createElementBlock("span",B,[e.renderSlot(o.$slots,"header-extra",{},()=>[s.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(s.liveLabel),1)])):e.createCommentVNode("",!0)],!0)])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",h,[e.renderSlot(o.$slots,"default",{},void 0,!0)])],6))}}),r=(s,t)=>{const a=s.__vccOpts||s;for(const[o,l]of t)a[o]=l;return a},d=r(q,[["__scopeId","data-v-749400b6"]]),S={key:0,class:"qbs-duty-compact"},E={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"},D={class:"qbs-duty__summary"},T={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(s){const t=s;return(a,o)=>t.compact?(e.openBlock(),e.createElementBlock("div",S,[e.createElementVNode("div",E,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",D,[e.createElementVNode("div",T,[o[0]||(o[0]=e.createElementVNode("span",null,"日期",-1)),e.createElementVNode("strong",null,e.toDisplayString(t.date||"未同步"),1)]),e.createElementVNode("div",A,[o[1]||(o[1]=e.createElementVNode("span",null,"值班组",-1)),e.createElementVNode("strong",null,e.toDisplayString(t.totalGroups??t.groups.length),1)]),e.createElementVNode("div",P,[o[2]||(o[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 m;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(((m=l.users)==null?void 0:m.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"]]),M={class:"qbs-alert-row__main"},U={class:"qbs-alert-row__copy"},j=["title"],F={class:"qbs-alert-row__meta"},O={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(s){const t=s;return(a,o)=>(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:o[0]||(o[0]=l=>a.$emit("select"))},[e.createElementVNode("div",M,[e.createElementVNode("div",U,[e.createElementVNode("div",{class:"qbs-alert-row__title",title:t.title},e.toDisplayString(t.title),9,j),e.createElementVNode("div",F,[e.createElementVNode("span",O,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"]]),Y={class:"qbs-metric-card__value"},Z={class:"qbs-metric-card__label"},v=r(e.defineComponent({__name:"BigScreenMetricCard",props:{label:{},value:{default:"—"},tone:{default:"#7dd3fc"},compact:{type:Boolean,default:!1}},setup(s){const t=s;return(a,o)=>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(a.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.value),1)],!0)])],4)):(e.openBlock(),e.createBlock(d,{key:1,class:"qbs-metric-card","body-layout":"metric",padding:"tight",accent:t.tone},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},()=>[e.createElementVNode("strong",Y,e.toDisplayString(t.value),1)],!0),e.createElementVNode("span",Z,e.toDisplayString(t.label),1)]),_:3},8,["accent"]))}}),[["__scopeId","data-v-07353599"]]),i={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 ee(s){return JSON.parse(JSON.stringify(i[s]))}n.BigScreenAlertRow=X,n.BigScreenDutyContent=G,n.BigScreenMetricCard=v,n.BigScreenPanel=d,n.bigScreenPreviewFixtures=i,n.getBigScreenPreviewData=ee,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})}));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@akiraka/quark-big-screen-ui",
3
- "version": "0.1.6",
3
+ "version": "0.1.8",
4
4
  "description": "Shared visual components for Quark big-screen applications.",
5
5
  "type": "module",
6
6
  "files": [