@akiraka/quark-big-screen-ui 0.1.4 → 0.1.5
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.
- package/dist/fixtures/big-screen.d.ts +182 -3
- package/dist/fixtures/big-screen.d.ts.map +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +93 -44
- package/dist/index.umd.cjs +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,183 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
/**
|
|
2
|
+
* Stable, representative data for editor previews.
|
|
3
|
+
*
|
|
4
|
+
* These objects contain no runtime state or customer data. Consumers must use
|
|
5
|
+
* `getBigScreenPreviewData()` instead of mutating this constant directly.
|
|
6
|
+
*/
|
|
7
|
+
export declare const bigScreenPreviewFixtures: {
|
|
8
|
+
readonly screen_header: {
|
|
9
|
+
readonly dateText: "2026-07-27";
|
|
10
|
+
readonly timeText: "14:30";
|
|
11
|
+
readonly weekdayText: "星期一";
|
|
12
|
+
};
|
|
13
|
+
readonly robot: {
|
|
14
|
+
readonly status: "online";
|
|
15
|
+
readonly mode: "guard";
|
|
16
|
+
readonly emotion: "neutral";
|
|
17
|
+
readonly generatedAt: "2026-07-27 14:30:00";
|
|
18
|
+
readonly summary: {
|
|
19
|
+
readonly dutyGroups: 3;
|
|
20
|
+
readonly todayAlerts: 12;
|
|
21
|
+
readonly buildingCount: 4;
|
|
22
|
+
readonly endpointNodes: 86;
|
|
23
|
+
};
|
|
24
|
+
readonly alerts: {
|
|
25
|
+
readonly todayTotal: 12;
|
|
26
|
+
readonly todayPending: 3;
|
|
27
|
+
readonly criticalCount: 1;
|
|
28
|
+
readonly warningCount: 5;
|
|
29
|
+
};
|
|
30
|
+
readonly builds: {
|
|
31
|
+
readonly buildingCount: 4;
|
|
32
|
+
readonly todayBuilds: 28;
|
|
33
|
+
readonly successRate: 98.6;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
readonly duty_today: {
|
|
37
|
+
readonly date: "2026-07-27";
|
|
38
|
+
readonly totalGroups: 3;
|
|
39
|
+
readonly totalUsers: 8;
|
|
40
|
+
readonly groups: readonly [{
|
|
41
|
+
readonly groupId: 1;
|
|
42
|
+
readonly groupName: "平台组";
|
|
43
|
+
readonly users: readonly [{
|
|
44
|
+
readonly userId: 101;
|
|
45
|
+
readonly nickName: "张工";
|
|
46
|
+
readonly username: "zhang";
|
|
47
|
+
}, {
|
|
48
|
+
readonly userId: 102;
|
|
49
|
+
readonly nickName: "李工";
|
|
50
|
+
readonly username: "li";
|
|
51
|
+
}];
|
|
52
|
+
}, {
|
|
53
|
+
readonly groupId: 2;
|
|
54
|
+
readonly groupName: "网络组";
|
|
55
|
+
readonly users: readonly [{
|
|
56
|
+
readonly userId: 103;
|
|
57
|
+
readonly nickName: "王工";
|
|
58
|
+
readonly username: "wang";
|
|
59
|
+
}];
|
|
60
|
+
}];
|
|
61
|
+
};
|
|
62
|
+
readonly alert_latest: {
|
|
63
|
+
readonly total: 3;
|
|
64
|
+
readonly stats: {
|
|
65
|
+
readonly todayTotal: 12;
|
|
66
|
+
readonly todayPending: 3;
|
|
67
|
+
readonly overdueTotal: 1;
|
|
68
|
+
readonly criticalCount: 1;
|
|
69
|
+
readonly warningCount: 5;
|
|
70
|
+
readonly infoCount: 6;
|
|
71
|
+
};
|
|
72
|
+
readonly items: readonly [{
|
|
73
|
+
readonly id: 1;
|
|
74
|
+
readonly alertId: "AL-20260727-001";
|
|
75
|
+
readonly title: "边缘节点延迟升高";
|
|
76
|
+
readonly severity: "WARN";
|
|
77
|
+
readonly severityText: "警告";
|
|
78
|
+
readonly status: "pending";
|
|
79
|
+
readonly statusText: "待处理";
|
|
80
|
+
readonly source: "edge-01";
|
|
81
|
+
readonly firedAt: "14:20";
|
|
82
|
+
readonly groupNames: readonly ["网络组"];
|
|
83
|
+
}, {
|
|
84
|
+
readonly id: 2;
|
|
85
|
+
readonly alertId: "AL-20260727-002";
|
|
86
|
+
readonly title: "构建队列等待时间过长";
|
|
87
|
+
readonly severity: "CRITICAL";
|
|
88
|
+
readonly severityText: "严重";
|
|
89
|
+
readonly status: "processing";
|
|
90
|
+
readonly statusText: "处理中";
|
|
91
|
+
readonly source: "CI/CD";
|
|
92
|
+
readonly firedAt: "14:08";
|
|
93
|
+
readonly groupNames: readonly ["平台组"];
|
|
94
|
+
}, {
|
|
95
|
+
readonly id: 3;
|
|
96
|
+
readonly alertId: "AL-20260727-003";
|
|
97
|
+
readonly title: "磁盘使用率接近阈值";
|
|
98
|
+
readonly severity: "INFO";
|
|
99
|
+
readonly severityText: "提示";
|
|
100
|
+
readonly status: "pending";
|
|
101
|
+
readonly statusText: "待处理";
|
|
102
|
+
readonly source: "node-03";
|
|
103
|
+
readonly firedAt: "13:56";
|
|
104
|
+
readonly groupNames: readonly ["运维组"];
|
|
105
|
+
}];
|
|
106
|
+
};
|
|
107
|
+
readonly build_projects: {
|
|
108
|
+
readonly summary: {
|
|
109
|
+
readonly buildingCount: 4;
|
|
110
|
+
readonly todayBuilds: 28;
|
|
111
|
+
readonly successRate: 98.6;
|
|
112
|
+
};
|
|
113
|
+
readonly items: readonly [{
|
|
114
|
+
readonly pipelineId: 1;
|
|
115
|
+
readonly buildId: 101;
|
|
116
|
+
readonly jobName: "eagle-eye-web";
|
|
117
|
+
readonly statusText: "构建中";
|
|
118
|
+
readonly currentStage: "测试";
|
|
119
|
+
readonly buildUser: "system";
|
|
120
|
+
readonly progress: 68;
|
|
121
|
+
}, {
|
|
122
|
+
readonly pipelineId: 2;
|
|
123
|
+
readonly buildId: 102;
|
|
124
|
+
readonly jobName: "quark-api";
|
|
125
|
+
readonly statusText: "构建中";
|
|
126
|
+
readonly currentStage: "镜像打包";
|
|
127
|
+
readonly buildUser: "李工";
|
|
128
|
+
readonly progress: 42;
|
|
129
|
+
}];
|
|
130
|
+
};
|
|
131
|
+
readonly build_distribution: {
|
|
132
|
+
readonly total: 100;
|
|
133
|
+
readonly items: readonly [{
|
|
134
|
+
readonly name: "应用构建";
|
|
135
|
+
readonly count: 42;
|
|
136
|
+
}, {
|
|
137
|
+
readonly name: "镜像构建";
|
|
138
|
+
readonly count: 27;
|
|
139
|
+
}, {
|
|
140
|
+
readonly name: "基础设施";
|
|
141
|
+
readonly count: 18;
|
|
142
|
+
}, {
|
|
143
|
+
readonly name: "其他任务";
|
|
144
|
+
readonly count: 13;
|
|
145
|
+
}];
|
|
146
|
+
};
|
|
147
|
+
readonly endpoint_distribution: {
|
|
148
|
+
readonly summary: {
|
|
149
|
+
readonly total: 3;
|
|
150
|
+
};
|
|
151
|
+
readonly items: readonly [{
|
|
152
|
+
readonly id: 1;
|
|
153
|
+
readonly nodeName: "edge-01";
|
|
154
|
+
readonly nodeIp: "10.10.2.11";
|
|
155
|
+
readonly nodeStatus: true;
|
|
156
|
+
readonly heartbeatResults: readonly [{
|
|
157
|
+
readonly targetName: "API Gateway";
|
|
158
|
+
readonly targetIp: "10.10.1.10";
|
|
159
|
+
readonly latencyMs: 12.4;
|
|
160
|
+
}];
|
|
161
|
+
}, {
|
|
162
|
+
readonly id: 2;
|
|
163
|
+
readonly nodeName: "edge-02";
|
|
164
|
+
readonly nodeIp: "10.10.2.12";
|
|
165
|
+
readonly nodeStatus: true;
|
|
166
|
+
readonly heartbeatResults: readonly [{
|
|
167
|
+
readonly targetName: "API Gateway";
|
|
168
|
+
readonly targetIp: "10.10.1.10";
|
|
169
|
+
readonly latencyMs: 18.7;
|
|
170
|
+
}];
|
|
171
|
+
}, {
|
|
172
|
+
readonly id: 3;
|
|
173
|
+
readonly nodeName: "edge-03";
|
|
174
|
+
readonly nodeIp: "10.10.2.13";
|
|
175
|
+
readonly nodeStatus: false;
|
|
176
|
+
readonly heartbeatResults: readonly [];
|
|
177
|
+
}];
|
|
178
|
+
};
|
|
179
|
+
};
|
|
180
|
+
export type BigScreenPreviewWidgetType = keyof typeof bigScreenPreviewFixtures;
|
|
181
|
+
/** Returns a fresh object so an editor preview can never mutate package fixtures. */
|
|
182
|
+
export declare function getBigScreenPreviewData(type: BigScreenPreviewWidgetType): Record<string, unknown>;
|
|
4
183
|
//# sourceMappingURL=big-screen.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"big-screen.d.ts","sourceRoot":"","sources":["../../src/fixtures/big-screen.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"big-screen.d.ts","sourceRoot":"","sources":["../../src/fixtures/big-screen.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+C3B,CAAA;AAEV,MAAM,MAAM,0BAA0B,GAAG,MAAM,OAAO,wBAAwB,CAAA;AAE9E,qFAAqF;AACrF,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,0BAA0B,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAEjG"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export { default as BigScreenPanel } from './components/BigScreenPanel.vue';
|
|
2
|
-
export { bigScreenPreviewFixtures } from './fixtures/big-screen';
|
|
2
|
+
export { bigScreenPreviewFixtures, getBigScreenPreviewData } from './fixtures/big-screen';
|
|
3
|
+
export type { BigScreenPreviewWidgetType } from './fixtures/big-screen';
|
|
3
4
|
export type { BigScreenPanelProps, BigScreenPreviewFixtures, BigScreenTone } from './types';
|
|
4
5
|
//# sourceMappingURL=index.d.ts.map
|
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,wBAAwB,EAAE,MAAM,uBAAuB,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,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 b, openBlock as
|
|
2
|
-
const
|
|
1
|
+
import { defineComponent as b, openBlock as a, createElementBlock as s, normalizeStyle as p, normalizeClass as i, createCommentVNode as n, toDisplayString as u, renderSlot as d, createElementVNode as c, createTextVNode as y } from "vue";
|
|
2
|
+
const m = {
|
|
3
3
|
key: 0,
|
|
4
4
|
class: "qbs-panel__corner qbs-panel__corner--tl"
|
|
5
|
-
},
|
|
5
|
+
}, g = {
|
|
6
6
|
key: 1,
|
|
7
7
|
class: "qbs-panel__corner qbs-panel__corner--tr"
|
|
8
|
-
},
|
|
8
|
+
}, _ = {
|
|
9
9
|
key: 2,
|
|
10
10
|
class: "qbs-panel__corner qbs-panel__corner--bl"
|
|
11
|
-
},
|
|
11
|
+
}, h = {
|
|
12
12
|
key: 3,
|
|
13
13
|
class: "qbs-panel__corner qbs-panel__corner--br"
|
|
14
|
-
},
|
|
14
|
+
}, f = {
|
|
15
15
|
key: 0,
|
|
16
16
|
class: "qbs-panel__bar"
|
|
17
|
-
},
|
|
17
|
+
}, v = {
|
|
18
18
|
key: 1,
|
|
19
19
|
class: "qbs-panel__title"
|
|
20
|
-
},
|
|
20
|
+
}, q = {
|
|
21
21
|
key: 2,
|
|
22
22
|
class: "qbs-panel__header-prefix"
|
|
23
|
-
},
|
|
23
|
+
}, I = {
|
|
24
24
|
key: 3,
|
|
25
25
|
class: "qbs-panel__header-center"
|
|
26
|
-
},
|
|
26
|
+
}, N = {
|
|
27
27
|
key: 4,
|
|
28
28
|
class: "qbs-panel__header-extra"
|
|
29
|
-
},
|
|
29
|
+
}, k = {
|
|
30
30
|
key: 0,
|
|
31
31
|
class: "qbs-panel__live"
|
|
32
|
-
},
|
|
32
|
+
}, C = { class: "qbs-panel__body" }, S = /* @__PURE__ */ b({
|
|
33
33
|
__name: "BigScreenPanel",
|
|
34
34
|
props: {
|
|
35
35
|
title: { default: "" },
|
|
@@ -43,11 +43,11 @@ const y = {
|
|
|
43
43
|
overflowHidden: { type: Boolean, default: !0 }
|
|
44
44
|
},
|
|
45
45
|
setup(e) {
|
|
46
|
-
const
|
|
47
|
-
function
|
|
48
|
-
return
|
|
46
|
+
const o = e;
|
|
47
|
+
function r(t) {
|
|
48
|
+
return o.corners === "all" ? !0 : o.corners === "none" ? !1 : t === "tl" || t === "br";
|
|
49
49
|
}
|
|
50
|
-
return (t,
|
|
50
|
+
return (t, l) => (a(), s("section", {
|
|
51
51
|
class: i(["qbs-panel", [
|
|
52
52
|
`qbs-panel--padding-${e.padding}`,
|
|
53
53
|
`qbs-panel--layout-${e.bodyLayout}`,
|
|
@@ -55,50 +55,99 @@ const y = {
|
|
|
55
55
|
]]),
|
|
56
56
|
style: p({ "--qbs-accent": e.accent })
|
|
57
57
|
}, [
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
e.title || e.liveLabel || t.$slots["header-center"] || t.$slots["header-extra"] ? (
|
|
58
|
+
r("tl") ? (a(), s("span", m)) : n("", !0),
|
|
59
|
+
r("tr") ? (a(), s("span", g)) : n("", !0),
|
|
60
|
+
r("bl") ? (a(), s("span", _)) : n("", !0),
|
|
61
|
+
r("br") ? (a(), s("span", h)) : n("", !0),
|
|
62
|
+
e.title || e.liveLabel || t.$slots["header-center"] || t.$slots["header-extra"] ? (a(), s("header", {
|
|
63
63
|
key: 4,
|
|
64
64
|
class: i(["qbs-panel__header", `qbs-panel__header--${e.titleSize}`])
|
|
65
65
|
}, [
|
|
66
|
-
e.showBar ? (
|
|
67
|
-
e.title ? (
|
|
68
|
-
t.$slots["header-prefix"] ? (
|
|
66
|
+
e.showBar ? (a(), s("span", f)) : n("", !0),
|
|
67
|
+
e.title ? (a(), s("span", v, u(e.title), 1)) : n("", !0),
|
|
68
|
+
t.$slots["header-prefix"] ? (a(), s("span", q, [
|
|
69
69
|
d(t.$slots, "header-prefix", {}, void 0, !0)
|
|
70
70
|
])) : n("", !0),
|
|
71
|
-
t.$slots["header-center"] ? (
|
|
71
|
+
t.$slots["header-center"] ? (a(), s("span", I, [
|
|
72
72
|
d(t.$slots, "header-center", {}, void 0, !0)
|
|
73
73
|
])) : n("", !0),
|
|
74
|
-
t.$slots["header-extra"] || e.liveLabel ? (
|
|
74
|
+
t.$slots["header-extra"] || e.liveLabel ? (a(), s("span", N, [
|
|
75
75
|
d(t.$slots, "header-extra", {}, () => [
|
|
76
|
-
e.liveLabel ? (
|
|
77
|
-
|
|
78
|
-
|
|
76
|
+
e.liveLabel ? (a(), s("span", k, [
|
|
77
|
+
l[0] || (l[0] = c("span", { class: "qbs-panel__live-dot" }, null, -1)),
|
|
78
|
+
y(u(e.liveLabel), 1)
|
|
79
79
|
])) : n("", !0)
|
|
80
80
|
], !0)
|
|
81
81
|
])) : n("", !0)
|
|
82
82
|
], 2)) : n("", !0),
|
|
83
|
-
c("div",
|
|
83
|
+
c("div", C, [
|
|
84
84
|
d(t.$slots, "default", {}, void 0, !0)
|
|
85
85
|
])
|
|
86
86
|
], 6));
|
|
87
87
|
}
|
|
88
|
-
}),
|
|
89
|
-
const
|
|
90
|
-
for (const [t,
|
|
91
|
-
|
|
92
|
-
return
|
|
93
|
-
},
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
88
|
+
}), T = (e, o) => {
|
|
89
|
+
const r = e.__vccOpts || e;
|
|
90
|
+
for (const [t, l] of o)
|
|
91
|
+
r[t] = l;
|
|
92
|
+
return r;
|
|
93
|
+
}, A = /* @__PURE__ */ T(S, [["__scopeId", "data-v-749400b6"]]), w = {
|
|
94
|
+
screen_header: {
|
|
95
|
+
dateText: "2026-07-27",
|
|
96
|
+
timeText: "14:30",
|
|
97
|
+
weekdayText: "星期一"
|
|
98
|
+
},
|
|
99
|
+
robot: {
|
|
100
|
+
status: "online",
|
|
101
|
+
mode: "guard",
|
|
102
|
+
emotion: "neutral",
|
|
103
|
+
generatedAt: "2026-07-27 14:30:00",
|
|
104
|
+
summary: { dutyGroups: 3, todayAlerts: 12, buildingCount: 4, endpointNodes: 86 },
|
|
105
|
+
alerts: { todayTotal: 12, todayPending: 3, criticalCount: 1, warningCount: 5 },
|
|
106
|
+
builds: { buildingCount: 4, todayBuilds: 28, successRate: 98.6 }
|
|
107
|
+
},
|
|
108
|
+
duty_today: {
|
|
109
|
+
date: "2026-07-27",
|
|
110
|
+
totalGroups: 3,
|
|
111
|
+
totalUsers: 8,
|
|
112
|
+
groups: [
|
|
113
|
+
{ groupId: 1, groupName: "平台组", users: [{ userId: 101, nickName: "张工", username: "zhang" }, { userId: 102, nickName: "李工", username: "li" }] },
|
|
114
|
+
{ groupId: 2, groupName: "网络组", users: [{ userId: 103, nickName: "王工", username: "wang" }] }
|
|
115
|
+
]
|
|
116
|
+
},
|
|
117
|
+
alert_latest: {
|
|
118
|
+
total: 3,
|
|
119
|
+
stats: { todayTotal: 12, todayPending: 3, overdueTotal: 1, criticalCount: 1, warningCount: 5, infoCount: 6 },
|
|
120
|
+
items: [
|
|
121
|
+
{ id: 1, alertId: "AL-20260727-001", title: "边缘节点延迟升高", severity: "WARN", severityText: "警告", status: "pending", statusText: "待处理", source: "edge-01", firedAt: "14:20", groupNames: ["网络组"] },
|
|
122
|
+
{ id: 2, alertId: "AL-20260727-002", title: "构建队列等待时间过长", severity: "CRITICAL", severityText: "严重", status: "processing", statusText: "处理中", source: "CI/CD", firedAt: "14:08", groupNames: ["平台组"] },
|
|
123
|
+
{ id: 3, alertId: "AL-20260727-003", title: "磁盘使用率接近阈值", severity: "INFO", severityText: "提示", status: "pending", statusText: "待处理", source: "node-03", firedAt: "13:56", groupNames: ["运维组"] }
|
|
124
|
+
]
|
|
125
|
+
},
|
|
126
|
+
build_projects: {
|
|
127
|
+
summary: { buildingCount: 4, todayBuilds: 28, successRate: 98.6 },
|
|
128
|
+
items: [
|
|
129
|
+
{ pipelineId: 1, buildId: 101, jobName: "eagle-eye-web", statusText: "构建中", currentStage: "测试", buildUser: "system", progress: 68 },
|
|
130
|
+
{ pipelineId: 2, buildId: 102, jobName: "quark-api", statusText: "构建中", currentStage: "镜像打包", buildUser: "李工", progress: 42 }
|
|
131
|
+
]
|
|
132
|
+
},
|
|
133
|
+
build_distribution: {
|
|
134
|
+
total: 100,
|
|
135
|
+
items: [{ name: "应用构建", count: 42 }, { name: "镜像构建", count: 27 }, { name: "基础设施", count: 18 }, { name: "其他任务", count: 13 }]
|
|
136
|
+
},
|
|
137
|
+
endpoint_distribution: {
|
|
138
|
+
summary: { total: 3 },
|
|
139
|
+
items: [
|
|
140
|
+
{ id: 1, nodeName: "edge-01", nodeIp: "10.10.2.11", nodeStatus: !0, heartbeatResults: [{ targetName: "API Gateway", targetIp: "10.10.1.10", latencyMs: 12.4 }] },
|
|
141
|
+
{ id: 2, nodeName: "edge-02", nodeIp: "10.10.2.12", nodeStatus: !0, heartbeatResults: [{ targetName: "API Gateway", targetIp: "10.10.1.10", latencyMs: 18.7 }] },
|
|
142
|
+
{ id: 3, nodeName: "edge-03", nodeIp: "10.10.2.13", nodeStatus: !1, heartbeatResults: [] }
|
|
143
|
+
]
|
|
144
|
+
}
|
|
100
145
|
};
|
|
146
|
+
function $(e) {
|
|
147
|
+
return JSON.parse(JSON.stringify(w[e]));
|
|
148
|
+
}
|
|
101
149
|
export {
|
|
102
|
-
|
|
103
|
-
|
|
150
|
+
A as BigScreenPanel,
|
|
151
|
+
w as bigScreenPreviewFixtures,
|
|
152
|
+
$ as getBigScreenPreviewData
|
|
104
153
|
};
|
package/dist/index.umd.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(
|
|
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 d={key:0,class:"qbs-panel__corner qbs-panel__corner--tl"},i={key:1,class:"qbs-panel__corner qbs-panel__corner--tr"},c={key:2,class:"qbs-panel__corner qbs-panel__corner--bl"},u={key:3,class:"qbs-panel__corner qbs-panel__corner--br"},m={key:0,class:"qbs-panel__bar"},p={key:1,class:"qbs-panel__title"},b={key:2,class:"qbs-panel__header-prefix"},y={key:3,class:"qbs-panel__header-center"},g={key:4,class:"qbs-panel__header-extra"},f={key:0,class:"qbs-panel__live"},k={class:"qbs-panel__body"},_=((t,s)=>{const o=t.__vccOpts||t;for(const[a,r]of s)o[a]=r;return o})(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 o(a){return s.corners==="all"?!0:s.corners==="none"?!1:a==="tl"||a==="br"}return(a,r)=>(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})},[o("tl")?(e.openBlock(),e.createElementBlock("span",d)):e.createCommentVNode("",!0),o("tr")?(e.openBlock(),e.createElementBlock("span",i)):e.createCommentVNode("",!0),o("bl")?(e.openBlock(),e.createElementBlock("span",c)):e.createCommentVNode("",!0),o("br")?(e.openBlock(),e.createElementBlock("span",u)):e.createCommentVNode("",!0),t.title||t.liveLabel||a.$slots["header-center"]||a.$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",m)):e.createCommentVNode("",!0),t.title?(e.openBlock(),e.createElementBlock("span",p,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),a.$slots["header-prefix"]?(e.openBlock(),e.createElementBlock("span",b,[e.renderSlot(a.$slots,"header-prefix",{},void 0,!0)])):e.createCommentVNode("",!0),a.$slots["header-center"]?(e.openBlock(),e.createElementBlock("span",y,[e.renderSlot(a.$slots,"header-center",{},void 0,!0)])):e.createCommentVNode("",!0),a.$slots["header-extra"]||t.liveLabel?(e.openBlock(),e.createElementBlock("span",g,[e.renderSlot(a.$slots,"header-extra",{},()=>[t.liveLabel?(e.openBlock(),e.createElementBlock("span",f,[r[0]||(r[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",k,[e.renderSlot(a.$slots,"default",{},void 0,!0)])],6))}}),[["__scopeId","data-v-749400b6"]]),l={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 h(t){return JSON.parse(JSON.stringify(l[t]))}n.BigScreenPanel=_,n.bigScreenPreviewFixtures=l,n.getBigScreenPreviewData=h,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})}));
|