base-paint 0.3.13 → 0.3.15

package/dist/components/sub-list/style.js

@@ -0,0 +1,327 @@
+/** sub-list · **样式段**（本件唯一的样式来源）。
+ *
+ *  纪律（与本层其余件同一份）：
+ *   · 只经 `skinVar()` 读皮肤 —— 组件里**不写** `var(--ilife-…)`（兜底链只许住在 `skin/contract.ts`）；
+ *   · 全部规则 scope 在 `.<prefix>page-ui` 之下（不开本配方的页零命中）；不写 `:root`／`!important`、不新增 token 名；
+ *   · 宽度判**容器**：布局靠内在尺寸 ＋ `minmax(0,1fr)`；媒体查询只判设备能力（`hover`／`prefers-reduced-motion`）。
+ *
+ *  交互件的那几档（本件唯一的可点元素是折页头 `<summary>`，开合是**浏览器原生**行为）：
+ *   · `rest` ／ `:hover`（包在 `@media (hover:hover) and (pointer:fine)` 里，且**不是唯一通路**：
+ *     方向标 ＋ `cursor:pointer` ＋ 原生 `<details>` 的键盘行为都在）／`:active`（色阶，60ms）
+ *     ／`:focus-visible`（可见焦点；画在框内，因为折页盒 `overflow:hidden` 会裁掉外溢）
+ *     ／`empty`（设计过的空态：虚线卡）；
+ *   · 折页头**命中区 ≥44px**（`RANGE` 取 48px，判据真机量得出）；
+ *   · 语义不只靠色：子项"备好"＝勾（形）＋ 名字转弱（色）＋ 折页头的「N/M 已备」（字）。
+ */
+import { skinVar } from '../skin/contract.js';
+import { subListSlot } from './attrs.js';
+/** 换行（仓库口径：不写字面换行转义）。 */
+const LF = String.fromCharCode(10);
+/** 折页头的最小高度（px）：本件唯一的可点元素，命中区不许小于 44（触摸地板）。 */
+export const SUB_LIST_HEAD_MIN_HEIGHT_PX = 48;
+/** 窄容器阈值（px）：折页头与子项区的内距各收一档，把宽度让给名字与读数。
+ *  **这是本件自己的宽度**（`@container` 判的），不是视口宽度。 */
+export const SUB_LIST_NARROW_PX = 420;
+/** 按下时的色阶过渡（ms）：≤80ms（"按下要立刻有回应"）。 */
+export const SUB_LIST_PRESS_MS = 60;
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export function subListCss(input) {
+    const p = input !== undefined && input !== null
+        && typeof input.prefix === 'string' && input.prefix !== '' ? input.prefix : 'ilife-';
+    const root = '.' + p + 'page-ui';
+    /* 槽位类的**唯一拼法**：scope（`.ilife-page-ui`）＋ 本件类名 —— 一条独立规则的完整选择器。
+       要把两个槽拼成**后代选择器**时，后半截用 `c()`（`c()` 不带 scope）：两个 `s()` 拼一起会写出
+       `.ilife-page-ui … .ilife-page-ui …`，那条规则永远命中不到。判据断的是"scope 恰好出现一次"。 */
+    const s = (slot) => root + ' .' + subListSlot(slot, p);
+    const c = (slot) => '.' + subListSlot(slot, p);
+    return [
+        '/* sub-list（分组清单 · 形态 A「折叠组＋组级小计＋备货进度」）：一组一枚原生 `<details>`；',
+        '   折页头＝方向标／组名＋计数／小计／进度条＋「N/M 已备」。**零脚本**：开合是浏览器原生行为。',
+        '   层次不靠阴影与大圆角（小票纸零阴影、大字报刊零圆角）：靠发丝线、字重与深浅阶梯 ⇒ 换皮只换取值。 */',
+        root + ' .' + p + 'block-sub-list {',
+        '  display: grid;',
+        '  gap: 8px;',
+        '  min-width: 0;',
+        /* 本件是**自己的容器**：下面那条 `@container (max-width: SUB_LIST_NARROW_PX)` 判的是
+           **本件宽度**（件会被嵌进侧栏／面板，视口宽 ≠ 件宽）。少了这一行，那条查询会去找**祖先**里
+           最近的容器——件里没有、页上也可能没有，于是「窄档收内距」这条规则**永远不生效**（死规则）。 */
+        '  container-type: inline-size;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font') + ';',
+        '  font-size: ' + skinVar('fs-body') + ';',
+        '  line-height: 1.5;',
+        '}',
+        '/* 头部：标题 ＋ 用途 ＋ 合计（合计顶右缘；容器一窄，三件自己折行，谁也不压谁）。 */',
+        s('hd') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: baseline;',
+        '  gap: 4px 10px;',
+        '  min-width: 0;',
+        '}',
+        s('title') + ' {',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font-display') + ';',
+        '  font-size: ' + skinVar('fs-h2') + ';',
+        '  font-weight: 700;',
+        '  line-height: 1.25;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('use') + ' {',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('sum') + ' {',
+        '  display: flex;',
+        '  align-items: baseline;',
+        '  gap: 6px;',
+        '  margin-left: auto;',
+        '  min-width: 0;',
+        '}',
+        s('sum-label') + ' {',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '}',
+        s('sum-value') + ' {',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-size: ' + skinVar('fs-h3') + ';',
+        '  font-weight: 700;',
+        '  font-variant-numeric: tabular-nums;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('list') + ' {',
+        '  display: grid;',
+        '  gap: 6px;',
+        '  min-width: 0;',
+        '}',
+        '/* 一个分组：卡内的一张折页（发丝边 ＋ 皮肤圆角）；`overflow:hidden` 让折页头的底色不越出圆角。 */',
+        s('g') + ' {',
+        '  min-width: 0;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius') + ';',
+        '  background: ' + skinVar('surface') + ';',
+        '  overflow: hidden;',
+        '}',
+        '/* 折页头（`<summary>`）：**本件唯一的可点元素** —— 命中区 ≥44px，光标是手，键盘原生可开合。',
+        '   两行网格：第一行＝组名＋计数／小计，第二行＝进度条／进度读数。 */',
+        s('head') + ' {',
+        '  box-sizing: border-box;',
+        '  display: grid;',
+        '  grid-template-columns: 16px minmax(0, 1fr) auto;',
+        '  grid-template-rows: auto auto;',
+        '  gap: 3px 8px;',
+        '  align-items: center;',
+        '  min-height: ' + String(SUB_LIST_HEAD_MIN_HEIGHT_PX) + 'px;',
+        '  padding: 8px 14px;',
+        '  cursor: pointer;',
+        '  list-style: none;',
+        '  transition: background-color ' + String(SUB_LIST_PRESS_MS) + 'ms linear;',
+        '}',
+        '/* 原生三角标（Safari／Chrome 各一枚）由样式关掉，方向标改画在左端那一枚上。 */',
+        s('head') + '::-webkit-details-marker {',
+        '  display: none;',
+        '}',
+        s('ar') + ' {',
+        '  grid-row: 1 / 3;',
+        '  display: flex;',
+        '  align-items: center;',
+        '  justify-content: center;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-size: 11px;',
+        '  font-style: normal;',
+        '  line-height: 1;',
+        '}',
+        '/* 方向标：收起 `▸`／展开 `▾`（**形状通路**：不看颜色也知道这一组开着还是关着）。 */',
+        s('ar') + '::before {',
+        '  content: "\\25B8";',
+        '}',
+        s('g') + '[open] ' + c('ar') + '::before {',
+        '  content: "\\25BE";',
+        '}',
+        s('h') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: baseline;',
+        '  gap: 6px;',
+        '  min-width: 0;',
+        '}',
+        s('label') + ' {',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font-display') + ';',
+        '  font-size: ' + skinVar('fs-h3') + ';',
+        '  font-weight: 700;',
+        '  line-height: 1.3;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('count') + ' {',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '  font-variant-numeric: tabular-nums;',
+        '  text-decoration: none;',
+        '  white-space: nowrap;',
+        '}',
+        s('sub') + ' {',
+        '  justify-self: end;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 700;',
+        '  font-variant-numeric: tabular-nums;',
+        '  white-space: nowrap;',
+        '}',
+        '/* 进度条：一条轨 ＋ 一段填充（长度＝已备占比）；它是**非文本**形状，读数另有「N/M 已备」。 */',
+        s('pg') + ' {',
+        '  grid-column: 2;',
+        '  display: block;',
+        '  min-width: 0;',
+        '  height: 5px;',
+        '  border-radius: ' + skinVar('radius-pill') + ';',
+        '  background: ' + skinVar('line') + ';',
+        '  overflow: hidden;',
+        '}',
+        s('pg-fill') + ' {',
+        '  display: block;',
+        '  height: 100%;',
+        '  background: ' + skinVar('accent') + ';',
+        '}',
+        s('st') + ' {',
+        '  justify-self: end;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-size: 10.5px;',
+        '  font-weight: 600;',
+        '  font-variant-numeric: tabular-nums;',
+        '  white-space: nowrap;',
+        '}',
+        '/* 子项区：勾／名／数量／值四栏；名字长了自己折行，数量与值 `nowrap`（不许截断）。 */',
+        s('body') + ' {',
+        '  display: grid;',
+        '  gap: 0;',
+        '  padding: 0 14px 12px;',
+        '  min-width: 0;',
+        '}',
+        s('r') + ' {',
+        '  display: grid;',
+        '  grid-template-columns: 16px minmax(0, 1fr) auto auto;',
+        '  gap: 8px;',
+        '  align-items: center;',
+        '  min-width: 0;',
+        '  padding: 6px 0;',
+        '  border-top: 1px solid ' + skinVar('line') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '}',
+        '/* 勾：**形状通路**（有没有备好不只靠颜色）；空的那一枚留同样大的框，行高不跳。 */',
+        s('ck') + ' {',
+        '  display: flex;',
+        '  align-items: center;',
+        '  justify-content: center;',
+        '  box-sizing: border-box;',
+        '  width: 16px;',
+        '  height: 16px;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  color: ' + skinVar('ok') + ';',
+        '  font-size: 11px;',
+        '  font-style: normal;',
+        '  line-height: 1;',
+        '}',
+        s('r') + '.is-done ' + c('ck') + ' {',
+        '  border-color: ' + skinVar('ok') + ';',
+        '  background: ' + skinVar('ok-soft') + ';',
+        '}',
+        s('n') + ' {',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 备好的那一项：名字转弱（色）——与勾（形）、折页头的读数（字）一起，三路说同一件事。 */',
+        s('r') + '.is-done ' + c('n') + ' {',
+        '  color: ' + skinVar('ink-2') + ';',
+        '}',
+        s('q') + ' {',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-variant-numeric: tabular-nums;',
+        '  white-space: nowrap;',
+        '}',
+        s('v') + ' {',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 600;',
+        '  font-variant-numeric: tabular-nums;',
+        '  white-space: nowrap;',
+        '}',
+        '/* 设计过的空态：虚线卡 ＋ 一句人话（不是"页面裂开一角"）。 */',
+        s('empty') + ' {',
+        '  margin: 0;',
+        '  min-width: 0;',
+        '  padding: 14px;',
+        '  border: 1px dashed ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius') + ';',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  line-height: 1.6;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('note') + ' {',
+        '  margin: 0;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  line-height: 1.6;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 焦点：画在框内（折页盒 `overflow:hidden`，外溢的环会被裁掉）。',
+        '   本件只有折页头可聚焦，这条同时也是其余可聚焦元素的地板（调用方塞了链接也看得见焦点）。 */',
+        root + ' .' + p + 'block-sub-list :focus-visible {',
+        '  outline: 2px solid ' + skinVar('accent') + ';',
+        '  outline-offset: -2px;',
+        '}',
+        '/* 悬停与按下：**只在真有指针的机器上**给悬停底色（触屏上"悬停"是个假状态）；',
+        '   按下给一档更实的色——两者都不是唯一通路（方向标与原生开合一直在）。 */',
+        '@media (hover: hover) and (pointer: fine) {',
+        '  ' + s('head') + ':hover {',
+        '    background: ' + skinVar('surface-2') + ';',
+        '  }',
+        '}',
+        s('head') + ':active {',
+        '  background: ' + skinVar('accent-soft') + ';',
+        '}',
+        '/* 减动效：过渡关掉（按下仍是立刻变色，不会有东西卡在半路）。 */',
+        '@media (prefers-reduced-motion: reduce) {',
+        '  ' + s('head') + ' {',
+        '    transition: none;',
+        '  }',
+        '}',
+        '/* 窄容器（<' + String(SUB_LIST_NARROW_PX) + 'px）：折页头与子项区各收一档内距',
+        '   （判的是**本件自己的宽度**：本件会被嵌进侧栏／面板／卡片，视口宽 ≠ 组件宽）。 */',
+        '@container (max-width: ' + String(SUB_LIST_NARROW_PX) + 'px) {',
+        '  ' + s('head') + ' {',
+        '    padding: 8px 10px;',
+        '    gap: 3px 6px;',
+        '  }',
+        '  ' + s('body') + ' {',
+        '    padding: 0 10px 10px;',
+        '  }',
+        '  ' + s('r') + ' {',
+        '    gap: 6px;',
+        '  }',
+        '}',
+    ].join(LF);
+}

package/dist/components/sub-list/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/sub-list/style.ts"],"names":[],"mappings":"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"}

package/dist/components/summary-head/index.d.ts

@@ -0,0 +1,12 @@
+/** summary-head · **组件出口**（本组件对外的唯一名字面）。
+ *
+ *  四件出口：`renderSummaryHead(input)`（产标记，零 DOM）／`summaryHeadCss()`（样式段）／
+ *  两个闭集常量（`SUMMARY_HEAD_SIZES`／`SUMMARY_HEAD_FACES`）与第三种语气闭集
+ *  （`SUMMARY_HEAD_STAMP_TONES`），加三档字号读数 `SUMMARY_HEAD_VALUE_PX`。
+ *
+ *  用法与参数表见同目录 `README.md`。消费方走 `base-paint/blocks`（组件层出口），不走根出口。
+ */
+export { SUMMARY_HEAD_FACES, SUMMARY_HEAD_SIZES, SUMMARY_HEAD_STAMP_TONES, renderSummaryHead, } from './render.js';
+export type { SummaryHeadFace, SummaryHeadInput, SummaryHeadSize, SummaryHeadStampTone, } from './render.js';
+export { SUMMARY_HEAD_VALUE_PX, summaryHeadCss } from './style.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/summary-head/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/summary-head/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EACL,kBAAkB,EAClB,kBAAkB,EAClB,wBAAwB,EACxB,iBAAiB,GAClB,MAAM,aAAa,CAAC;AACrB,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,oBAAoB,GACrB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/summary-head/index.js

@@ -0,0 +1,10 @@
+/** summary-head · **组件出口**（本组件对外的唯一名字面）。
+ *
+ *  四件出口：`renderSummaryHead(input)`（产标记，零 DOM）／`summaryHeadCss()`（样式段）／
+ *  两个闭集常量（`SUMMARY_HEAD_SIZES`／`SUMMARY_HEAD_FACES`）与第三种语气闭集
+ *  （`SUMMARY_HEAD_STAMP_TONES`），加三档字号读数 `SUMMARY_HEAD_VALUE_PX`。
+ *
+ *  用法与参数表见同目录 `README.md`。消费方走 `base-paint/blocks`（组件层出口），不走根出口。
+ */
+export { SUMMARY_HEAD_FACES, SUMMARY_HEAD_SIZES, SUMMARY_HEAD_STAMP_TONES, renderSummaryHead, } from './render.js';
+export { SUMMARY_HEAD_VALUE_PX, summaryHeadCss } from './style.js';

package/dist/components/summary-head/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/summary-head/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EACL,kBAAkB,EAClB,kBAAkB,EAClB,wBAAwB,EACxB,iBAAiB,GAClB,MAAM,aAAa,CAAC;AAOrB,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/summary-head/render.d.ts

@@ -0,0 +1,32 @@
+/** 主数字的字号档：`m`＝46px（**小票原型那一档**，缺省）／`l`＝56px（中间档）／`xl`＝92px（大字原型：整页只有一个数时用）。 */
+export declare const SUMMARY_HEAD_SIZES: readonly ["m", "l", "xl"];
+export type SummaryHeadSize = (typeof SUMMARY_HEAD_SIZES)[number];
+/** 数字的字面：`sans`＝无衬线（缺省，界面语汇）／`serif`＝衬线（排版语汇，大数字当"标题"用）。 */
+export declare const SUMMARY_HEAD_FACES: readonly ["sans", "serif"];
+export type SummaryHeadFace = (typeof SUMMARY_HEAD_FACES)[number];
+/** 印章的语气闭集（与全仓语义色同一套；不给＝中性灰）。 */
+export declare const SUMMARY_HEAD_STAMP_TONES: readonly ["ok", "warn", "danger"];
+export type SummaryHeadStampTone = (typeof SUMMARY_HEAD_STAMP_TONES)[number];
+export interface SummaryHeadInput {
+    /** 这一行数字说的是什么（人话短标签，如「当日摄入」）。不给＝不出这一行。 */
+    readonly eyebrow?: string;
+    /** 主读数（**已是给人看的样子**；取整与单位口径由调用方定）。 */
+    readonly value: string;
+    /** 主读数的单位（`卡`／`ml`／`kg`）；给了就小一号跟在同一行。 */
+    readonly unit?: string;
+    /** 分母／标尺（如 `/ 1850 卡`）；给了就排在主数字之后。 */
+    readonly denominator?: string;
+    /** 脚行左侧那句人话（如「已吃目标的 46%」）。 */
+    readonly note?: string;
+    /** 脚行右侧那枚印章（一页至多一枚）。 */
+    readonly stamp?: {
+        readonly text: string;
+        readonly tone?: SummaryHeadStampTone;
+    };
+    readonly size?: SummaryHeadSize;
+    readonly face?: SummaryHeadFace;
+    readonly extraClass?: string;
+}
+/** 主数字头：一页的"主要读数"唯一的落点。 */
+export declare function renderSummaryHead(input: SummaryHeadInput): string;
+//# sourceMappingURL=render.d.ts.map

package/dist/components/summary-head/render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/components/summary-head/render.ts"],"names":[],"mappings":"AAmBA,gFAAgF;AAChF,eAAO,MAAM,kBAAkB,2BAA4B,CAAC;AAC5D,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AAElE,4DAA4D;AAC5D,eAAO,MAAM,kBAAkB,4BAA6B,CAAC;AAC7D,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AAElE,iCAAiC;AACjC,eAAO,MAAM,wBAAwB,mCAAoC,CAAC;AAC1E,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,wBAAwB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7E,MAAM,WAAW,gBAAgB;IAC/B,0CAA0C;IAC1C,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,sCAAsC;IACtC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,yCAAyC;IACzC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,sCAAsC;IACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,8BAA8B;IAC9B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,wBAAwB;IACxB,QAAQ,CAAC,KAAK,CAAC,EAAE;QAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,oBAAoB,CAAA;KAAE,CAAC;IACjF,QAAQ,CAAC,IAAI,CAAC,EAAE,eAAe,CAAC;IAChC,QAAQ,CAAC,IAAI,CAAC,EAAE,eAAe,CAAC;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,2BAA2B;AAC3B,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,GAAG,MAAM,CAiDjE"}

package/dist/components/summary-head/render.js

@@ -0,0 +1,73 @@
+/** summary-head · **渲染**（主数字头：一页只该有一个"主要读数"）。
+ *
+ *  —— 主数字头 ——
+ *
+ *  形状：eyebrow（"当日摄入"）／主数字（`860` ＋ 可选单位）／分母（`/ 1850 卡`）／
+ *  脚行（左：一句人话；右：一枚**印章**"还可吃 990 卡"）。
+ *
+ *  它替掉的是哪几种错法：
+ *   · 同一个数在首屏说两到三遍（结论句一遍、KPI 卡一遍、"事实条"再一遍）；
+ *   · 主数字与目标并排却**同级同字号** ⇒ 读者分不出哪个是读数、哪个是标尺；
+ *   · 「还剩 990 卡」这类一句话没有落点，被塞进 KPI 卡的值位（与"目标"那一卡同形）。
+ *
+ *  为什么把**印章**放在本件里（而不是另立一个"徽标"组件）：`renderStatusBadge` 已经是
+ *  「态」的形状（实心胶囊、四种语义色），而印章是「**这一页那一句要注意的话**」——一页至多一枚、
+ *  描边、微斜。它只在本头的脚行里出现，立成独立组件就是给同一件事开第二条路。
+ */
+import { esc } from '../shared/escape.js';
+import { assertPlainObject, badInput, optExtraClass, optText, reqText } from '../shared/validate.js';
+/** 主数字的字号档：`m`＝46px（**小票原型那一档**，缺省）／`l`＝56px（中间档）／`xl`＝92px（大字原型：整页只有一个数时用）。 */
+export const SUMMARY_HEAD_SIZES = ['m', 'l', 'xl'];
+/** 数字的字面：`sans`＝无衬线（缺省，界面语汇）／`serif`＝衬线（排版语汇，大数字当"标题"用）。 */
+export const SUMMARY_HEAD_FACES = ['sans', 'serif'];
+/** 印章的语气闭集（与全仓语义色同一套；不给＝中性灰）。 */
+export const SUMMARY_HEAD_STAMP_TONES = ['ok', 'warn', 'danger'];
+/** 主数字头：一页的"主要读数"唯一的落点。 */
+export function renderSummaryHead(input) {
+    assertPlainObject(input, 'renderSummaryHead: input');
+    const value = reqText(input.value, 'summary-head: input.value');
+    const size = input.size ?? 'l';
+    if (!SUMMARY_HEAD_SIZES.includes(size)) {
+        badInput('summary-head: input.size 必须是 ' + SUMMARY_HEAD_SIZES.join('／') + ' 之一');
+    }
+    const face = input.face ?? 'sans';
+    if (!SUMMARY_HEAD_FACES.includes(face)) {
+        badInput('summary-head: input.face 必须是 ' + SUMMARY_HEAD_FACES.join('／') + ' 之一');
+    }
+    const eyebrow = optText(input.eyebrow, 'summary-head: input.eyebrow');
+    const unit = optText(input.unit, 'summary-head: input.unit');
+    const denominator = optText(input.denominator, 'summary-head: input.denominator');
+    const note = optText(input.note, 'summary-head: input.note');
+    const extra = optExtraClass(input.extraClass, 'summary-head: input.extraClass');
+    const parts = ['<div class="ilife-block-summary-head is-' + size + ' is-' + face
+            + (extra === undefined ? '' : ' ' + extra) + '">'];
+    if (eyebrow !== undefined) {
+        parts.push('<span class="ilife-block-summary-head-eyebrow">' + esc(eyebrow) + '</span>');
+    }
+    parts.push('<span class="ilife-block-summary-head-line">');
+    parts.push('<span class="ilife-block-summary-head-value">' + esc(value)
+        + (unit === undefined ? '' : '<small>' + esc(unit) + '</small>') + '</span>');
+    if (denominator !== undefined) {
+        parts.push('<span class="ilife-block-summary-head-denom">' + esc(denominator) + '</span>');
+    }
+    parts.push('</span>');
+    let stampHtml = '';
+    if (input.stamp !== undefined) {
+        assertPlainObject(input.stamp, 'summary-head: input.stamp');
+        const stampText = reqText(input.stamp.text, 'summary-head: input.stamp.text');
+        const tone = input.stamp.tone;
+        if (tone !== undefined && !SUMMARY_HEAD_STAMP_TONES.includes(tone)) {
+            badInput('summary-head: input.stamp.tone 必须是 ' + SUMMARY_HEAD_STAMP_TONES.join('／') + ' 之一');
+        }
+        stampHtml = '<span class="ilife-block-summary-head-stamp'
+            + (tone === undefined ? '' : ' is-' + tone) + '">' + esc(stampText) + '</span>';
+    }
+    if (note !== undefined || stampHtml !== '') {
+        parts.push('<span class="ilife-block-summary-head-foot">');
+        parts.push(note === undefined ? '<span></span>' : '<span class="ilife-block-summary-head-note">' + esc(note) + '</span>');
+        parts.push(stampHtml);
+        parts.push('</span>');
+    }
+    parts.push('</div>');
+    return parts.join('');
+}

package/dist/components/summary-head/render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.js","sourceRoot":"","sources":["../../../src/components/summary-head/render.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAErG,gFAAgF;AAChF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAU,CAAC;AAG5D,4DAA4D;AAC5D,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,MAAM,EAAE,OAAO,CAAU,CAAC;AAG7D,iCAAiC;AACjC,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAU,CAAC;AAqB1E,2BAA2B;AAC3B,MAAM,UAAU,iBAAiB,CAAC,KAAuB;IACvD,iBAAiB,CAAC,KAAK,EAAE,0BAA0B,CAAC,CAAC;IACrD,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,2BAA2B,CAAC,CAAC;IAChE,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,GAAG,CAAC;IAC/B,IAAI,CAAE,kBAAwC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;QAC9D,QAAQ,CAAC,+BAA+B,GAAG,kBAAkB,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;IACnF,CAAC;IACD,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,MAAM,CAAC;IAClC,IAAI,CAAE,kBAAwC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;QAC9D,QAAQ,CAAC,+BAA+B,GAAG,kBAAkB,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;IACnF,CAAC;IACD,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,EAAE,6BAA6B,CAAC,CAAC;IACtE,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,0BAA0B,CAAC,CAAC;IAC7D,MAAM,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,iCAAiC,CAAC,CAAC;IAClF,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,0BAA0B,CAAC,CAAC;IAC7D,MAAM,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,UAAU,EAAE,gCAAgC,CAAC,CAAC;IAEhF,MAAM,KAAK,GAAa,CAAC,0CAA0C,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI;cACtF,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC;IACrD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,KAAK,CAAC,IAAI,CAAC,iDAAiD,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC,CAAC;IAC3F,CAAC;IACD,KAAK,CAAC,IAAI,CAAC,8CAA8C,CAAC,CAAC;IAC3D,KAAK,CAAC,IAAI,CAAC,+CAA+C,GAAG,GAAG,CAAC,KAAK,CAAC;UACnE,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC,GAAG,SAAS,CAAC,CAAC;IAChF,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;QAC9B,KAAK,CAAC,IAAI,CAAC,+CAA+C,GAAG,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC,CAAC;IAC7F,CAAC;IACD,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAEtB,IAAI,SAAS,GAAG,EAAE,CAAC;IACnB,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;QAC9B,iBAAiB,CAAC,KAAK,CAAC,KAAK,EAAE,2BAA2B,CAAC,CAAC;QAC5D,MAAM,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,gCAAgC,CAAC,CAAC;QAC9E,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC;QAC9B,IAAI,IAAI,KAAK,SAAS,IAAI,CAAE,wBAA8C,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;YAC1F,QAAQ,CAAC,qCAAqC,GAAG,wBAAwB,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;QAC/F,CAAC;QACD,SAAS,GAAG,6CAA6C;cACrD,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,IAAI,GAAG,GAAG,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IACpF,CAAC;IACD,IAAI,IAAI,KAAK,SAAS,IAAI,SAAS,KAAK,EAAE,EAAE,CAAC;QAC3C,KAAK,CAAC,IAAI,CAAC,8CAA8C,CAAC,CAAC;QAC3D,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,8CAA8C,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC;QAC1H,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACtB,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACxB,CAAC;IACD,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACrB,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxB,CAAC"}

package/dist/components/summary-head/style.d.ts

@@ -0,0 +1,14 @@
+import { SUMMARY_HEAD_SIZES } from './render.js';
+/** 三档主数字字号（px）。档名是闭集、数字只住这里一处，样式段与测试都读它。
+ *  `m` = **小票原型的真数**（`.total .n` 是 46px，2026-09-24 用户裁定「收到样张那一档」）——
+ *  本族页面的主数字都走这一档；`l`（56）是中间档；`xl`（92）＝大字原型的整页一个大数档。 */
+export declare const SUMMARY_HEAD_VALUE_PX: Readonly<Record<(typeof SUMMARY_HEAD_SIZES)[number], number>>;
+/** 本件的内容容器名（`@container` 按它命中，不会跟别件的容器串味）。 */
+export declare const SUMMARY_HEAD_CONTAINER = "ilife-summary-head";
+/** 窄档断点（px）：**容器**窄于它就把 `xl` 主数字收一档（是容器断点，不是视口断点）。 */
+export declare const SUMMARY_HEAD_NARROW_MAX_PX = 640;
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export declare function summaryHeadCss(input?: {
+    readonly prefix?: string;
+}): string;
+//# sourceMappingURL=style.d.ts.map

package/dist/components/summary-head/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/summary-head/style.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAKjD;;uDAEuD;AACvD,eAAO,MAAM,qBAAqB,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAE/F,CAAC;AAEF,8CAA8C;AAC9C,eAAO,MAAM,sBAAsB,uBAAuB,CAAC;AAC3D,sDAAsD;AACtD,eAAO,MAAM,0BAA0B,MAAM,CAAC;AAK9C,4BAA4B;AAC5B,wBAAgB,cAAc,CAAC,KAAK,CAAC,EAAE;IAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CA8H3E"}