@akiraka/quark-big-screen-ui 0.1.0

package/README.md

@@ -0,0 +1,15 @@
+# @akiraka/quark-big-screen-ui
+
+The single visual source for Quark big-screen cards. `QuarkAi` and `QuarkNovo` must consume this package instead of copying card CSS.
+
+## Scope
+
+- shared big-screen tokens and card primitives
+- reusable widget presentation components
+- deterministic editor preview fixtures
+
+It deliberately excludes application routing, authentication, API/SSE fetching, and either application's general UI library.
+
+## Release policy
+
+Publish a new version whenever a shared visual component changes. Upgrade both consumers to the same version and run visual checks at 1920×1080 and 3440×1440.

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

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    title?: string;
+    accent?: string;
+    status?: string;
+    preview?: boolean;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => 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;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=BigScreenPanel.vue.d.ts.map

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

@@ -0,0 +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"}

package/dist/fixtures/big-screen.d.ts

@@ -0,0 +1,4 @@
+import { BigScreenPreviewFixtures } from '../types';
+/** Stable, representative data for editor previews. Never use it at runtime. */
+export declare const bigScreenPreviewFixtures: BigScreenPreviewFixtures;
+//# sourceMappingURL=big-screen.d.ts.map

package/dist/fixtures/big-screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"big-screen.d.ts","sourceRoot":"","sources":["../../src/fixtures/big-screen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAA;AAExD,gFAAgF;AAChF,eAAO,MAAM,wBAAwB,EAAE,wBAOtC,CAAA"}

package/dist/index.css

@@ -0,0 +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}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { default as BigScreenPanel } from './components/BigScreenPanel.vue';
+export { bigScreenPreviewFixtures } from './fixtures/big-screen';
+export type { BigScreenPanelProps, BigScreenPreviewFixtures, BigScreenTone } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +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;AAChE,YAAY,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA"}

package/dist/index.js

@@ -0,0 +1,49 @@
+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 = {
+  key: 0,
+  class: "qbs-panel__header"
+}, p = {
+  key: 0,
+  class: "qbs-panel__status"
+}, g = { class: "qbs-panel__body" }, y = /* @__PURE__ */ c({
+  __name: "BigScreenPanel",
+  props: {
+    title: { default: "" },
+    accent: { default: "#8ca9c9" },
+    status: { default: "" },
+    preview: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    return (t, s) => (a(), n("section", {
+      class: "qbs-panel",
+      style: m({ "--qbs-accent": e.accent })
+    }, [
+      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)
+      ])
+    ], 4));
+  }
+}), 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 = {
+  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" }] }
+};
+export {
+  _ as BigScreenPanel,
+  h as bigScreenPreviewFixtures
+};

package/dist/index.umd.cjs

@@ -0,0 +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"})}));

package/dist/types.d.ts

@@ -0,0 +1,16 @@
+export type BigScreenTone = 'info' | 'success' | 'warning' | 'danger';
+export interface BigScreenPanelProps {
+    title?: string;
+    accent?: string;
+    status?: string;
+    preview?: boolean;
+}
+export interface BigScreenPreviewFixtures {
+    robot: Record<string, unknown>;
+    buildProjects: Record<string, unknown>;
+    dutyToday: Record<string, unknown>;
+    alertLatest: Record<string, unknown>;
+    buildDistribution: Record<string, unknown>;
+    endpointDistribution: Record<string, unknown>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +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"}

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@akiraka/quark-big-screen-ui",
+  "version": "0.1.0",
+  "description": "Shared visual components for Quark big-screen applications.",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.umd.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.umd.cjs"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "scripts": {
+    "build": "vue-tsc --noEmit && vite build",
+    "typecheck": "vue-tsc --noEmit"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^6.0.0",
+    "typescript": "^5.6.0",
+    "vite": "^6.0.0",
+    "vite-plugin-dts": "^5.0.3",
+    "vue": "^3.5.0",
+    "vue-tsc": "^2.1.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}