@akiraka/quark-big-screen-ui 0.1.1 → 0.1.3

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.
@@ -4,6 +4,7 @@ type PanelBodyLayout = 'default' | 'metric';
4
4
  type PanelTitleSize = 'md' | 'sm';
5
5
  type __VLS_Props = {
6
6
  title?: string;
7
+ accent?: string;
7
8
  liveLabel?: string;
8
9
  showBar?: boolean;
9
10
  corners?: PanelCornerMode;
@@ -24,6 +25,7 @@ type __VLS_Slots = {} & {
24
25
  };
25
26
  declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
26
27
  title: string;
28
+ accent: string;
27
29
  liveLabel: string;
28
30
  showBar: boolean;
29
31
  corners: PanelCornerMode;
@@ -1 +1 @@
1
- {"version":3,"file":"BigScreenPanel.vue.d.ts","sourceRoot":"","sources":["../../src/components/BigScreenPanel.vue"],"names":[],"mappings":"AA8EA,KAAK,eAAe,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAA;AAC/C,KAAK,YAAY,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAAA;AAC9C,KAAK,eAAe,GAAG,SAAS,GAAG,QAAQ,CAAA;AAC3C,KAAK,cAAc,GAAG,IAAI,GAAG,IAAI,CAAA;AAEjC,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAC;AAiKF,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AACjF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACpD;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACpD;IAAE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACnD;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAqB/C,QAAA,MAAM,eAAe;WAnMX,MAAM;eACF,MAAM;aACR,OAAO;aACP,eAAe;aACf,YAAY;gBACT,eAAe;eAChB,cAAc;oBACT,OAAO;6EAmMxB,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"}
1
+ {"version":3,"file":"BigScreenPanel.vue.d.ts","sourceRoot":"","sources":["../../src/components/BigScreenPanel.vue"],"names":[],"mappings":"AAiFA,KAAK,eAAe,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAA;AAC/C,KAAK,YAAY,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAAA;AAC9C,KAAK,eAAe,GAAG,SAAS,GAAG,QAAQ,CAAA;AAC3C,KAAK,cAAc,GAAG,IAAI,GAAG,IAAI,CAAA;AAEjC,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAC;AAoKF,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AACjF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACpD;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACpD;IAAE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACnD;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAqB/C,QAAA,MAAM,eAAe;WAvMX,MAAM;YACL,MAAM;eACH,MAAM;aACR,OAAO;aACP,eAAe;aACf,YAAY;gBACT,eAAe;eAChB,cAAc;oBACT,OAAO;6EAsMxB,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-dd717923]{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-dd717923]{overflow:hidden}.qbs-panel--padding-md[data-v-dd717923]{padding:14px 16px}.qbs-panel--padding-compact[data-v-dd717923]{padding:10px 12px}.qbs-panel--padding-tight[data-v-dd717923]{padding:12px 8px}.qbs-panel__corner[data-v-dd717923]{position:absolute;width:12px;height:12px;border:2px solid oklch(.82 .13 200);pointer-events:none}.qbs-panel__corner--tl[data-v-dd717923]{top:-1px;left:-1px;border-right:0;border-bottom:0}.qbs-panel__corner--tr[data-v-dd717923]{top:-1px;right:-1px;border-left:0;border-bottom:0}.qbs-panel__corner--bl[data-v-dd717923]{bottom:-1px;left:-1px;border-right:0;border-top:0}.qbs-panel__corner--br[data-v-dd717923]{right:-1px;bottom:-1px;border-left:0;border-top:0}.qbs-panel__header[data-v-dd717923]{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-dd717923]{font-size:14px}.qbs-panel__header--sm[data-v-dd717923]{margin-bottom:8px;font-size:13px}.qbs-panel__bar[data-v-dd717923]{width:4px;height:14px;flex-shrink:0;border-radius:2px;background:#34dde5;box-shadow:0 0 8px #34dde5}.qbs-panel__title[data-v-dd717923]{flex-shrink:0}.qbs-panel__header-prefix[data-v-dd717923]{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.qbs-panel__header-center[data-v-dd717923]{display:inline-flex;flex:1;min-width:0;justify-content:center}.qbs-panel__header-extra[data-v-dd717923]{display:inline-flex;align-items:center;justify-content:flex-end;flex-shrink:0;margin-left:auto}.qbs-panel__live[data-v-dd717923]{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-dd717923]{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-dd717923 1s steps(1,end) infinite}.qbs-panel__body[data-v-dd717923]{display:flex;flex:1;min-height:0;flex-direction:column}.qbs-panel--layout-metric .qbs-panel__body[data-v-dd717923]{align-items:center;justify-content:center;gap:4px;text-align:center}@keyframes qbs-panel-blink-dd717923{50%{opacity:.25}}
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}}
package/dist/index.js CHANGED
@@ -1,38 +1,39 @@
1
- import { defineComponent as b, openBlock as s, createElementBlock as a, normalizeClass as i, createCommentVNode as n, toDisplayString as u, renderSlot as d, createElementVNode as c, createTextVNode as p } from "vue";
2
- const _ = {
1
+ import { defineComponent as b, openBlock as s, createElementBlock as a, normalizeStyle as p, normalizeClass as i, createCommentVNode as n, toDisplayString as u, renderSlot as d, createElementVNode as c, createTextVNode as _ } from "vue";
2
+ const y = {
3
3
  key: 0,
4
4
  class: "qbs-panel__corner qbs-panel__corner--tl"
5
- }, y = {
5
+ }, h = {
6
6
  key: 1,
7
7
  class: "qbs-panel__corner qbs-panel__corner--tr"
8
- }, h = {
8
+ }, m = {
9
9
  key: 2,
10
10
  class: "qbs-panel__corner qbs-panel__corner--bl"
11
- }, m = {
11
+ }, f = {
12
12
  key: 3,
13
13
  class: "qbs-panel__corner qbs-panel__corner--br"
14
- }, f = {
14
+ }, q = {
15
15
  key: 0,
16
16
  class: "qbs-panel__bar"
17
17
  }, g = {
18
18
  key: 1,
19
19
  class: "qbs-panel__title"
20
- }, q = {
20
+ }, v = {
21
21
  key: 2,
22
22
  class: "qbs-panel__header-prefix"
23
- }, v = {
23
+ }, k = {
24
24
  key: 3,
25
25
  class: "qbs-panel__header-center"
26
- }, k = {
26
+ }, $ = {
27
27
  key: 4,
28
28
  class: "qbs-panel__header-extra"
29
- }, $ = {
29
+ }, w = {
30
30
  key: 0,
31
31
  class: "qbs-panel__live"
32
- }, w = { class: "qbs-panel__body" }, B = /* @__PURE__ */ b({
32
+ }, B = { class: "qbs-panel__body" }, S = /* @__PURE__ */ b({
33
33
  __name: "BigScreenPanel",
34
34
  props: {
35
35
  title: { default: "" },
36
+ accent: { default: "oklch(.82 .13 200)" },
36
37
  liveLabel: { default: "" },
37
38
  showBar: { type: Boolean, default: !0 },
38
39
  corners: { default: "tl-br" },
@@ -51,44 +52,45 @@ const _ = {
51
52
  `qbs-panel--padding-${e.padding}`,
52
53
  `qbs-panel--layout-${e.bodyLayout}`,
53
54
  { "qbs-panel--overflow-hidden": e.overflowHidden }
54
- ]])
55
+ ]]),
56
+ style: p({ "--qbs-accent": e.accent })
55
57
  }, [
56
- l("tl") ? (s(), a("span", _)) : n("", !0),
57
- l("tr") ? (s(), a("span", y)) : n("", !0),
58
- l("bl") ? (s(), a("span", h)) : n("", !0),
59
- l("br") ? (s(), a("span", m)) : n("", !0),
58
+ l("tl") ? (s(), a("span", y)) : n("", !0),
59
+ l("tr") ? (s(), a("span", h)) : n("", !0),
60
+ l("bl") ? (s(), a("span", m)) : n("", !0),
61
+ l("br") ? (s(), a("span", f)) : n("", !0),
60
62
  e.title || e.liveLabel || t.$slots["header-center"] || t.$slots["header-extra"] ? (s(), a("header", {
61
63
  key: 4,
62
64
  class: i(["qbs-panel__header", `qbs-panel__header--${e.titleSize}`])
63
65
  }, [
64
- e.showBar ? (s(), a("span", f)) : n("", !0),
66
+ e.showBar ? (s(), a("span", q)) : n("", !0),
65
67
  e.title ? (s(), a("span", g, u(e.title), 1)) : n("", !0),
66
- t.$slots["header-prefix"] ? (s(), a("span", q, [
68
+ t.$slots["header-prefix"] ? (s(), a("span", v, [
67
69
  d(t.$slots, "header-prefix", {}, void 0, !0)
68
70
  ])) : n("", !0),
69
- t.$slots["header-center"] ? (s(), a("span", v, [
71
+ t.$slots["header-center"] ? (s(), a("span", k, [
70
72
  d(t.$slots, "header-center", {}, void 0, !0)
71
73
  ])) : n("", !0),
72
- t.$slots["header-extra"] || e.liveLabel ? (s(), a("span", k, [
74
+ t.$slots["header-extra"] || e.liveLabel ? (s(), a("span", $, [
73
75
  d(t.$slots, "header-extra", {}, () => [
74
- e.liveLabel ? (s(), a("span", $, [
76
+ e.liveLabel ? (s(), a("span", w, [
75
77
  o[0] || (o[0] = c("span", { class: "qbs-panel__live-dot" }, null, -1)),
76
- p(u(e.liveLabel), 1)
78
+ _(u(e.liveLabel), 1)
77
79
  ])) : n("", !0)
78
80
  ], !0)
79
81
  ])) : n("", !0)
80
82
  ], 2)) : n("", !0),
81
- c("div", w, [
83
+ c("div", B, [
82
84
  d(t.$slots, "default", {}, void 0, !0)
83
85
  ])
84
- ], 2));
86
+ ], 6));
85
87
  }
86
88
  }), L = (e, r) => {
87
89
  const l = e.__vccOpts || e;
88
90
  for (const [t, o] of r)
89
91
  l[t] = o;
90
92
  return l;
91
- }, N = /* @__PURE__ */ L(B, [["__scopeId", "data-v-dd717923"]]), C = {
93
+ }, C = /* @__PURE__ */ L(S, [["__scopeId", "data-v-749400b6"]]), z = {
92
94
  robot: { status: "online", mode: "guard", emotion: "neutral", summary: { dutyGroups: 3, todayAlerts: 12, buildingCount: 4, endpointNodes: 86 } },
93
95
  buildProjects: { summary: { buildingCount: 4, todayBuilds: 28, successRate: 98.6 }, items: [{ pipelineId: 1, buildId: 101, jobName: "eagle-eye-web", statusText: "构建中", currentStage: "测试", buildUser: "system", progress: 68 }] },
94
96
  dutyToday: { totalGroups: 3, totalUsers: 8, groups: [{ groupId: 1, groupName: "平台组", users: [{ userId: 1, nickName: "张工", username: "zhang" }] }] },
@@ -97,6 +99,6 @@ const _ = {
97
99
  endpointDistribution: { nodes: [{ id: "edge-01", name: "边缘节点 01", status: "online" }, { id: "edge-02", name: "边缘节点 02", status: "warning" }] }
98
100
  };
99
101
  export {
100
- N as BigScreenPanel,
101
- C as bigScreenPreviewFixtures
102
+ C as BigScreenPanel,
103
+ z as bigScreenPreviewFixtures
102
104
  };
@@ -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 r={key:0,class:"qbs-panel__corner qbs-panel__corner--tl"},d={key:1,class:"qbs-panel__corner qbs-panel__corner--tr"},i={key:2,class:"qbs-panel__corner qbs-panel__corner--bl"},c={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"},u={key:3,class:"qbs-panel__header-center"},f={key:4,class:"qbs-panel__header-extra"},_={key:0,class:"qbs-panel__live"},k={class:"qbs-panel__body"},y=((t,a)=>{const l=t.__vccOpts||t;for(const[n,s]of a)l[n]=s;return l})(e.defineComponent({__name:"BigScreenPanel",props:{title:{default:""},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 a=t;function l(n){return a.corners==="all"?!0:a.corners==="none"?!1:n==="tl"||n==="br"}return(n,s)=>(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}]])},[l("tl")?(e.openBlock(),e.createElementBlock("span",r)):e.createCommentVNode("",!0),l("tr")?(e.openBlock(),e.createElementBlock("span",d)):e.createCommentVNode("",!0),l("bl")?(e.openBlock(),e.createElementBlock("span",i)):e.createCommentVNode("",!0),l("br")?(e.openBlock(),e.createElementBlock("span",c)):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",m)):e.createCommentVNode("",!0),t.title?(e.openBlock(),e.createElementBlock("span",p,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",u,[e.renderSlot(n.$slots,"header-center",{},void 0,!0)])):e.createCommentVNode("",!0),n.$slots["header-extra"]||t.liveLabel?(e.openBlock(),e.createElementBlock("span",f,[e.renderSlot(n.$slots,"header-extra",{},()=>[t.liveLabel?(e.openBlock(),e.createElementBlock("span",_,[s[0]||(s[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(n.$slots,"default",{},void 0,!0)])],2))}}),[["__scopeId","data-v-dd717923"]]),B={robot:{status:"online",mode:"guard",emotion:"neutral",summary:{dutyGroups:3,todayAlerts:12,buildingCount:4,endpointNodes:86}},buildProjects:{summary:{buildingCount:4,todayBuilds:28,successRate:98.6},items:[{pipelineId:1,buildId:101,jobName:"eagle-eye-web",statusText:"构建中",currentStage:"测试",buildUser:"system",progress:68}]},dutyToday:{totalGroups:3,totalUsers:8,groups:[{groupId:1,groupName:"平台组",users:[{userId:1,nickName:"张工",username:"zhang"}]}]},alertLatest:{total:3,items:[{id:"preview-alert-1",level:"warning",title:"边缘节点延迟升高",createdAt:"10:24"}]},buildDistribution:{items:[{label:"应用构建",value:42,tone:"info"},{label:"镜像构建",value:27,tone:"success"}]},endpointDistribution:{nodes:[{id:"edge-01",name:"边缘节点 01",status:"online"},{id:"edge-02",name:"边缘节点 02",status:"warning"}]}};o.BigScreenPanel=y,o.bigScreenPreviewFixtures=B,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})}));
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 r={key:0,class:"qbs-panel__corner qbs-panel__corner--tl"},c={key:1,class:"qbs-panel__corner qbs-panel__corner--tr"},d={key:2,class:"qbs-panel__corner qbs-panel__corner--bl"},i={key:3,class:"qbs-panel__corner qbs-panel__corner--br"},m={key:0,class:"qbs-panel__bar"},b={key:1,class:"qbs-panel__title"},p={key:2,class:"qbs-panel__header-prefix"},u={key:3,class:"qbs-panel__header-center"},f={key:4,class:"qbs-panel__header-extra"},k={key:0,class:"qbs-panel__live"},y={class:"qbs-panel__body"},_=((t,a)=>{const l=t.__vccOpts||t;for(const[n,s]of a)l[n]=s;return l})(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 a=t;function l(n){return a.corners==="all"?!0:a.corners==="none"?!1:n==="tl"||n==="br"}return(n,s)=>(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})},[l("tl")?(e.openBlock(),e.createElementBlock("span",r)):e.createCommentVNode("",!0),l("tr")?(e.openBlock(),e.createElementBlock("span",c)):e.createCommentVNode("",!0),l("bl")?(e.openBlock(),e.createElementBlock("span",d)):e.createCommentVNode("",!0),l("br")?(e.openBlock(),e.createElementBlock("span",i)):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",m)):e.createCommentVNode("",!0),t.title?(e.openBlock(),e.createElementBlock("span",b,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),n.$slots["header-prefix"]?(e.openBlock(),e.createElementBlock("span",p,[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"]||t.liveLabel?(e.openBlock(),e.createElementBlock("span",f,[e.renderSlot(n.$slots,"header-extra",{},()=>[t.liveLabel?(e.openBlock(),e.createElementBlock("span",k,[s[0]||(s[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",y,[e.renderSlot(n.$slots,"default",{},void 0,!0)])],6))}}),[["__scopeId","data-v-749400b6"]]),h={robot:{status:"online",mode:"guard",emotion:"neutral",summary:{dutyGroups:3,todayAlerts:12,buildingCount:4,endpointNodes:86}},buildProjects:{summary:{buildingCount:4,todayBuilds:28,successRate:98.6},items:[{pipelineId:1,buildId:101,jobName:"eagle-eye-web",statusText:"构建中",currentStage:"测试",buildUser:"system",progress:68}]},dutyToday:{totalGroups:3,totalUsers:8,groups:[{groupId:1,groupName:"平台组",users:[{userId:1,nickName:"张工",username:"zhang"}]}]},alertLatest:{total:3,items:[{id:"preview-alert-1",level:"warning",title:"边缘节点延迟升高",createdAt:"10:24"}]},buildDistribution:{items:[{label:"应用构建",value:42,tone:"info"},{label:"镜像构建",value:27,tone:"success"}]},endpointDistribution:{nodes:[{id:"edge-01",name:"边缘节点 01",status:"online"},{id:"edge-02",name:"边缘节点 02",status:"warning"}]}};o.BigScreenPanel=_,o.bigScreenPreviewFixtures=h,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})}));
package/dist/types.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  export type BigScreenTone = 'info' | 'success' | 'warning' | 'danger';
2
2
  export interface BigScreenPanelProps {
3
3
  title?: string;
4
+ accent?: string;
4
5
  liveLabel?: string;
5
6
  showBar?: boolean;
6
7
  corners?: 'none' | 'tl-br' | 'all';
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;AAErE,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,CAAA;IAClC,OAAO,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,OAAO,CAAA;IACpC,UAAU,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IACjC,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACvB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC9B,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACtC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAClC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpC,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC1C,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAC9C"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;AAErE,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,CAAA;IAClC,OAAO,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,OAAO,CAAA;IACpC,UAAU,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IACjC,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACvB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC9B,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACtC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAClC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpC,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC1C,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAC9C"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@akiraka/quark-big-screen-ui",
3
- "version": "0.1.1",
3
+ "version": "0.1.3",
4
4
  "description": "Shared visual components for Quark big-screen applications.",
5
5
  "type": "module",
6
6
  "files": [
@@ -34,8 +34,5 @@
34
34
  },
35
35
  "publishConfig": {
36
36
  "access": "public"
37
- },
38
- "dependencies": {
39
- "@akiraka/quark-big-screen-ui": "file:akiraka-quark-big-screen-ui-0.1.1.tgz"
40
37
  }
41
38
  }