@akiraka/quark-big-screen-ui 0.1.0 → 0.1.2

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

@@ -1,20 +1,36 @@
+type PanelCornerMode = 'none' | 'tl-br' | 'all';
+type PanelPadding = 'md' | 'compact' | 'tight';
+type PanelBodyLayout = 'default' | 'metric';
+type PanelTitleSize = 'md' | 'sm';
 type __VLS_Props = {
     title?: string;
-    accent?: string;
-    status?: string;
-    preview?: boolean;
+    liveLabel?: string;
+    showBar?: boolean;
+    corners?: PanelCornerMode;
+    padding?: PanelPadding;
+    bodyLayout?: PanelBodyLayout;
+    titleSize?: PanelTitleSize;
+    overflowHidden?: boolean;
 };
-declare var __VLS_1: {}, __VLS_3: {};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {};
 type __VLS_Slots = {} & {
-    header?: (props: typeof __VLS_1) => any;
+    'header-prefix'?: (props: typeof __VLS_1) => any;
 } & {
-    default?: (props: typeof __VLS_3) => any;
+    'header-center'?: (props: typeof __VLS_3) => any;
+} & {
+    'header-extra'?: (props: typeof __VLS_5) => any;
+} & {
+    default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     title: string;
-    accent: string;
-    status: string;
-    preview: boolean;
+    liveLabel: string;
+    showBar: boolean;
+    corners: PanelCornerMode;
+    padding: PanelPadding;
+    bodyLayout: PanelBodyLayout;
+    titleSize: PanelTitleSize;
+    overflowHidden: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"BigScreenPanel.vue.d.ts","sourceRoot":"","sources":["../../src/components/BigScreenPanel.vue"],"names":[],"mappings":"AAqCA,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;AAgEF,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,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAoB/C,QAAA,MAAM,eAAe;WA3FX,MAAM;YACL,MAAM;YACN,MAAM;aACL,OAAO;6EA+FjB,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"}
+{"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"}

package/dist/index.css

@@ -1 +1 @@
-:root{--qbs-surface-top: rgba(13, 24, 39, .92);--qbs-surface-bottom: rgba(8, 16, 28, .96);--qbs-border: rgba(142, 161, 178, .2);--qbs-text: #f6f8fb;--qbs-muted: #9fb2c7;--qbs-radius: 20px;--qbs-shadow: 0 18px 48px rgba(4, 10, 18, .28)}.qbs-panel[data-v-ba1d5ebb]{display:flex;height:100%;min-height:0;flex-direction:column;overflow:hidden;border:1px solid var(--qbs-border);border-radius:var(--qbs-radius);background:linear-gradient(180deg,var(--qbs-surface-top),var(--qbs-surface-bottom));box-shadow:inset 0 1px #ffffff0d,var(--qbs-shadow);color:var(--qbs-text)}.qbs-panel__header[data-v-ba1d5ebb]{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;border-bottom:1px solid rgba(142,161,178,.14)}.qbs-panel__accent[data-v-ba1d5ebb]{width:8px;height:8px;border-radius:50%;background:var(--qbs-accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--qbs-accent) 18%,transparent)}h3[data-v-ba1d5ebb]{margin:0;overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.qbs-panel__status[data-v-ba1d5ebb]{margin-left:auto;color:var(--qbs-muted);font-size:11px}.qbs-panel__body[data-v-ba1d5ebb]{min-height:0;flex:1;padding:14px 16px 16px}
+: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}}

package/dist/index.js

@@ -1,41 +1,94 @@
-import { defineComponent as c, openBlock as a, createElementBlock as n, normalizeStyle as m, renderSlot as o, createElementVNode as l, toDisplayString as r, createCommentVNode as i } from "vue";
-const b = {
+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";
+const _ = {
   key: 0,
-  class: "qbs-panel__header"
-}, p = {
+  class: "qbs-panel__corner qbs-panel__corner--tl"
+}, y = {
+  key: 1,
+  class: "qbs-panel__corner qbs-panel__corner--tr"
+}, h = {
+  key: 2,
+  class: "qbs-panel__corner qbs-panel__corner--bl"
+}, m = {
+  key: 3,
+  class: "qbs-panel__corner qbs-panel__corner--br"
+}, f = {
   key: 0,
-  class: "qbs-panel__status"
-}, g = { class: "qbs-panel__body" }, y = /* @__PURE__ */ c({
+  class: "qbs-panel__bar"
+}, g = {
+  key: 1,
+  class: "qbs-panel__title"
+}, q = {
+  key: 2,
+  class: "qbs-panel__header-prefix"
+}, v = {
+  key: 3,
+  class: "qbs-panel__header-center"
+}, k = {
+  key: 4,
+  class: "qbs-panel__header-extra"
+}, $ = {
+  key: 0,
+  class: "qbs-panel__live"
+}, w = { class: "qbs-panel__body" }, B = /* @__PURE__ */ b({
   __name: "BigScreenPanel",
   props: {
     title: { default: "" },
-    accent: { default: "#8ca9c9" },
-    status: { default: "" },
-    preview: { type: Boolean, default: !1 }
+    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(e) {
-    return (t, s) => (a(), n("section", {
-      class: "qbs-panel",
-      style: m({ "--qbs-accent": e.accent })
+    const r = e;
+    function l(t) {
+      return r.corners === "all" ? !0 : r.corners === "none" ? !1 : t === "tl" || t === "br";
+    }
+    return (t, o) => (s(), a("section", {
+      class: i(["qbs-panel", [
+        `qbs-panel--padding-${e.padding}`,
+        `qbs-panel--layout-${e.bodyLayout}`,
+        { "qbs-panel--overflow-hidden": e.overflowHidden }
+      ]])
     }, [
-      e.title || t.$slots.header ? (a(), n("header", b, [
-        o(t.$slots, "header", {}, () => [
-          s[0] || (s[0] = l("span", { class: "qbs-panel__accent" }, null, -1)),
-          l("h3", null, r(e.title), 1)
-        ], !0),
-        e.status || e.preview ? (a(), n("span", p, r(e.preview ? "预览" : e.status), 1)) : i("", !0)
-      ])) : i("", !0),
-      l("div", g, [
-        o(t.$slots, "default", {}, void 0, !0)
+      l("tl") ? (s(), a("span", _)) : n("", !0),
+      l("tr") ? (s(), a("span", y)) : n("", !0),
+      l("bl") ? (s(), a("span", h)) : n("", !0),
+      l("br") ? (s(), a("span", m)) : n("", !0),
+      e.title || e.liveLabel || t.$slots["header-center"] || t.$slots["header-extra"] ? (s(), a("header", {
+        key: 4,
+        class: i(["qbs-panel__header", `qbs-panel__header--${e.titleSize}`])
+      }, [
+        e.showBar ? (s(), a("span", f)) : n("", !0),
+        e.title ? (s(), a("span", g, u(e.title), 1)) : n("", !0),
+        t.$slots["header-prefix"] ? (s(), a("span", q, [
+          d(t.$slots, "header-prefix", {}, void 0, !0)
+        ])) : n("", !0),
+        t.$slots["header-center"] ? (s(), a("span", v, [
+          d(t.$slots, "header-center", {}, void 0, !0)
+        ])) : n("", !0),
+        t.$slots["header-extra"] || e.liveLabel ? (s(), a("span", k, [
+          d(t.$slots, "header-extra", {}, () => [
+            e.liveLabel ? (s(), a("span", $, [
+              o[0] || (o[0] = c("span", { class: "qbs-panel__live-dot" }, null, -1)),
+              p(u(e.liveLabel), 1)
+            ])) : n("", !0)
+          ], !0)
+        ])) : n("", !0)
+      ], 2)) : n("", !0),
+      c("div", w, [
+        d(t.$slots, "default", {}, void 0, !0)
       ])
-    ], 4));
+    ], 2));
   }
-}), v = (e, t) => {
-  const s = e.__vccOpts || e;
-  for (const [u, d] of t)
-    s[u] = d;
-  return s;
-}, _ = /* @__PURE__ */ v(y, [["__scopeId", "data-v-ba1d5ebb"]]), h = {
+}), L = (e, r) => {
+  const l = e.__vccOpts || e;
+  for (const [t, o] of r)
+    l[t] = o;
+  return l;
+}, N = /* @__PURE__ */ L(B, [["__scopeId", "data-v-dd717923"]]), C = {
   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" }] }] },
@@ -44,6 +97,6 @@ const b = {
   endpointDistribution: { nodes: [{ id: "edge-01", name: "边缘节点 01", status: "online" }, { id: "edge-02", name: "边缘节点 02", status: "warning" }] }
 };
 export {
-  _ as BigScreenPanel,
-  h as bigScreenPreviewFixtures
+  N as BigScreenPanel,
+  C as bigScreenPreviewFixtures
 };

package/dist/index.umd.cjs

@@ -1 +1 @@
-(function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n.QuarkBigScreenUi={},n.Vue))})(this,(function(n,e){"use strict";const o={key:0,class:"qbs-panel__header"},i={key:0,class:"qbs-panel__status"},l={class:"qbs-panel__body"},r=((t,s)=>{const a=t.__vccOpts||t;for(const[c,u]of s)a[c]=u;return a})(e.defineComponent({__name:"BigScreenPanel",props:{title:{default:""},accent:{default:"#8ca9c9"},status:{default:""},preview:{type:Boolean,default:!1}},setup(t){return(s,a)=>(e.openBlock(),e.createElementBlock("section",{class:"qbs-panel",style:e.normalizeStyle({"--qbs-accent":t.accent})},[t.title||s.$slots.header?(e.openBlock(),e.createElementBlock("header",o,[e.renderSlot(s.$slots,"header",{},()=>[a[0]||(a[0]=e.createElementVNode("span",{class:"qbs-panel__accent"},null,-1)),e.createElementVNode("h3",null,e.toDisplayString(t.title),1)],!0),t.status||t.preview?(e.openBlock(),e.createElementBlock("span",i,e.toDisplayString(t.preview?"预览":t.status),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",l,[e.renderSlot(s.$slots,"default",{},void 0,!0)])],4))}}),[["__scopeId","data-v-ba1d5ebb"]]),d={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"}]}};n.BigScreenPanel=r,n.bigScreenPreviewFixtures=d,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})}));
+(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"})}));

package/dist/types.d.ts

@@ -1,9 +1,13 @@
 export type BigScreenTone = 'info' | 'success' | 'warning' | 'danger';
 export interface BigScreenPanelProps {
     title?: string;
-    accent?: string;
-    status?: string;
-    preview?: boolean;
+    liveLabel?: string;
+    showBar?: boolean;
+    corners?: 'none' | 'tl-br' | 'all';
+    padding?: 'md' | 'compact' | 'tight';
+    bodyLayout?: 'default' | 'metric';
+    titleSize?: 'md' | 'sm';
+    overflowHidden?: boolean;
 }
 export interface BigScreenPreviewFixtures {
     robot: Record<string, unknown>;

package/dist/types.d.ts.map

@@ -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,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;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"}
+{"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"}

package/package.json

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