base-paint 0.3.14 → 0.3.16

package/dist/components/stacked-bar/render.js

@@ -0,0 +1,75 @@
+/** stacked-bar · **渲染**（纯函数产 HTML；本件只有形态 A「100% 堆叠 ＋ 图例」一种骨架）。
+ *
+ *  —— 形态 A：100% 堆叠 ＋ 图例 ——
+ *
+ *  一整块按占比切成几段：**段宽 ＝ 占比**（行内 `flex` 给千分比整数，各段之和恰好 1000），
+ *  够宽的段里直接写读数（≥20% 连名字一起写、≥12% 只写百分数），更窄的段**一个字都不写**、
+ *  数字退回图例——段里字少不等于没数。它替掉的三种错法：
+ *   · 只给一张占比表 —— 看不出谁占大头（没有"一整块"这个形）；
+ *   · 色块没图例 —— 颜色就是全部信息（本件的图例必带数值，段里还有字）；
+ *   · 逐项一根独立条 —— 那是 `renderDistributionRows` 的活，看的是"各项各多少"，
+ *     不是"一整块怎么分"。
+ *
+ *  三条硬口径（判据断的就是它们）：
+ *   · **段宽之和恰好 100%**：`flex` 是千分比整数、末段吃下舍入余数 ⇒ 条永远填满整宽；
+ *   · **色不是唯一信息**：段内文字（顺序 ＋ 名字 ＋ 读数）＋ 图例（名字 ＋ 百分数 ＋ 数量）三条同时在；
+ *   · 段里塞不下的读数**退回图例**、**不截断**（`…` 与压字都不是本件的做法）。
+ */
+import { esc } from '../shared/escape.js';
+import { STACKED_BAR_CLASS, stackedBarSlot, } from './attrs.js';
+import { normalizeStackedBar } from './model.js';
+/** 一段：行内 `flex` ＝ 这一段的千分比（`grow shrink basis`），段里那行读数够宽才出。 */
+function segmentHtml(seg) {
+    const parts = ['<span class="' + stackedBarSlot('seg') + ' is-k' + String(seg.series)
+            + ' is-' + seg.labelKind + '" style="flex: ' + String(seg.flex) + ' 1 0">'];
+    if (seg.labelKind !== 'none') {
+        parts.push('<b class="' + stackedBarSlot('seg-text') + '">' + esc(seg.label) + '</b>');
+    }
+    parts.push('</span>');
+    return parts.join('');
+}
+/** 图例：逐行「色块 ｜ 名字 ｜ 百分数 ｜ 数量」——**数字必带**（色只是第二次提醒）。 */
+function legendHtml(m) {
+    const parts = ['<ul class="' + stackedBarSlot('legend') + '">'];
+    for (const seg of m.segments) {
+        parts.push('<li class="' + stackedBarSlot('legend-item') + '">');
+        parts.push('<i class="' + stackedBarSlot('swatch') + ' is-k' + String(seg.series) + '" aria-hidden="true"></i>');
+        parts.push('<span class="' + stackedBarSlot('name') + '">' + esc(seg.name) + '</span>');
+        parts.push('<span class="' + stackedBarSlot('pct') + '">' + esc(seg.pctText) + '</span>');
+        parts.push('<span class="' + stackedBarSlot('amount') + '">'
+            + esc(seg.valueText + (m.unit === undefined ? '' : ' ' + m.unit)) + '</span>');
+        parts.push('</li>');
+    }
+    parts.push('</ul>');
+    return parts.join('');
+}
+/** 形态 A 的骨架：卡头 → 构成条 → 图例 → 脚注。 */
+function renderStack(m) {
+    const parts = [];
+    parts.push('<div class="' + stackedBarSlot('hd') + '">');
+    parts.push('<h4 class="' + stackedBarSlot('title') + '">' + esc(m.title) + '</h4>');
+    if (m.stamp !== undefined) {
+        parts.push('<span class="' + stackedBarSlot('stamp') + '">' + esc(m.stamp) + '</span>');
+    }
+    parts.push('</div>');
+    /* 整条构成是**一张图**：读屏拿到 aria-label 里那句逐段读数，图例是给眼睛的第二条通路。 */
+    parts.push('<div class="' + stackedBarSlot('bar') + '" role="img" aria-label="' + esc(m.ariaLabel) + '">'
+        + m.segments.map(segmentHtml).join('') + '</div>');
+    parts.push(legendHtml(m));
+    if (m.note !== undefined) {
+        parts.push('<p class="' + stackedBarSlot('note') + '">' + esc(m.note) + '</p>');
+    }
+    return parts.join('');
+}
+/** 形态 → 骨架（本件只有一格；分派写在这里，加第二形态就是加一支）。 */
+const SKELETONS = {
+    stack: renderStack,
+};
+/** 渲染构成条（纯函数：同样的入参恒产同样的字节；转义只经 `shared/escape.ts`）。 */
+export function renderStackedBar(input) {
+    const m = normalizeStackedBar(input);
+    const extra = m.extraClass === undefined ? '' : ' ' + m.extraClass;
+    return '<div class="' + STACKED_BAR_CLASS + ' is-' + m.form + extra + '">'
+        + SKELETONS[m.form](m) + '</div>';
+}
+//# sourceMappingURL=render.js.map

package/dist/components/stacked-bar/render.js.map

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

package/dist/components/stacked-bar/style.d.ts

@@ -0,0 +1,7 @@
+/** 构成条的高度（px）：宽容器一档、窄容器一档（窄档再高就把版面顶长了）。 */
+export declare const STACKED_BAR_HEIGHT_PX = 46;
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export declare function stackedBarCss(input?: {
+    readonly prefix?: string;
+}): string;
+//# sourceMappingURL=style.d.ts.map

package/dist/components/stacked-bar/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/stacked-bar/style.ts"],"names":[],"mappings":"AAsBA,2CAA2C;AAC3C,eAAO,MAAM,qBAAqB,KAAK,CAAC;AAWxC,4BAA4B;AAC5B,wBAAgB,aAAa,CAAC,KAAK,CAAC,EAAE;IAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAsM1E"}

package/dist/components/stacked-bar/style.js

@@ -0,0 +1,229 @@
+/** stacked-bar · **样式段**（本件唯一的样式来源）。
+ *
+ *  纪律（与本节其余件同一份）：
+ *   · 只经 `skinVar()` 读皮肤 —— 组件里**不写** `var(--ilife-…)`（兜底链只许住在 `skin/contract.ts`）；
+ *   · 全部规则 scope 在 `.<prefix>page-ui` 之下（不开本配方页零命中）；不写 `:root`／`!important`、不新增 token 名；
+ *   · **宽度只许容器判**：布局靠 `@container` ＋ 内在尺寸 ＋ `flex-wrap`；本件不写任何 `@media`（视口宽 ≠ 组件宽）。
+ *
+ *  几何契约（判据钉住）：
+ *   · 段宽之和恒为 100%（行内 `flex` 是千分比整数）⇒ 条永远填满整宽、根不留横向滚动；
+ *   · 数据色**全部算出来**：`is-k1`…`is-k5` 从强调色往**它的文本档**（深端）／往卡面（浅端）混，
+ *     强调色变黑时自动退化成灰阶（浅端仍与卡面分得开）；`is-k6` 是"其他"，取分隔线那一支中性色。
+ *     **系列色不与文字墨色（`ink`／`ink-2`／`ink-3`）共用**：那三支只做字。
+ *   · 段里读数的可见性由**占比档**决定（`is-name`／`is-value`／`is-none`，渲染期定），
+ *     窄容器再退一档：`is-value` 那批的段内字让位图例（**图例必带数值**，所以数字不丢）。
+ *   · **段内字色逐档定**（面与它面上的字）：段内那枚是**正文级读数**，它坐的填充越浅、字越深——
+ *     k1 走 `accent-ink`，k2…k6 走 `ink`；逐档 × 四套皮肤都算过 4.5:1 地板。 */
+import { skinVar } from '../skin/contract.js';
+import { stackedBarSlot } from './attrs.js';
+/** 换行（仓库口径：不写字面换行转义）。 */
+const LF = String.fromCharCode(10);
+/** 构成条的高度（px）：宽容器一档、窄容器一档（窄档再高就把版面顶长了）。 */
+export const STACKED_BAR_HEIGHT_PX = 46;
+const NARROW_HEIGHT_PX = 38;
+/** 窄容器阈值（px）：段内字退一档、条矮一档。**这是本件自己的宽度**（`@container` 判的）。 */
+const NARROW_PX = 420;
+/** 一档数据色：从 `accent` 往 `mixWith` 混 `weight`%。**全在样式段里算，源码里没有色值**。 */
+function series(weight, mixWith) {
+    return 'color-mix(in srgb, ' + skinVar('accent') + ' ' + String(weight) + '%, ' + mixWith + ')';
+}
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export function stackedBarCss(input) {
+    const p = input !== undefined && input !== null
+        && typeof input.prefix === 'string' && input.prefix !== '' ? input.prefix : 'ilife-';
+    const root = '.' + p + 'page-ui';
+    const box = root + ' .' + p + 'block-stacked-bar';
+    const s = (slot) => root + ' .' + stackedBarSlot(slot, p);
+    /* 槽类名（**不带 scope**）：只用在**已经落进本件某条选择器内部**的位置（前缀由外层那条选择器给）。
+       拿 `s()` 去拼后代／兄弟选择器会拼出 `.page-ui .a .page-ui .b` —— 第二条 `.page-ui` 永远匹配不到，
+       规则「看着在、其实不生效」（2026-09 样张页上抓到过一次：段内字让位与深端字色都没生效）。 */
+    const c = (slot) => '.' + stackedBarSlot(slot, p);
+    return [
+        '/* stacked-bar（构成条 · 形态 A「100% 堆叠 ＋ 图例」）：一整块按占比切成几段，图例必带数值。',
+        '   六档数据色从强调色算出来（往强调色的文本档混＝深端、往卡面混＝浅端，第六档取中性档）：',
+        '   换皮只换取值，色序不写死、也不与文字墨色共用。 */',
+        box + ' {',
+        /* 宽度判据的落点：本件是**自己的容器**——嵌进侧栏／面板／卡片时照样按自己的宽度折行。 */
+        '  container-type: inline-size;',
+        /* 宿主页不保证是 `border-box`：本件有「`width:100%` ＋ 1px 边框」那一根条，
+           在默认的 content-box 下它会比容器宽出两像素 ⇒ 390 档实测 392 > 390（皮肤矩阵判据抓到的）。
+           所以本件在**自己的子树里**把 `box-sizing` 钉成 `border-box`（只碰本件的元素，不改宿主页）。 */
+        '  box-sizing: border-box;',
+        '  display: grid;',
+        '  gap: 10px;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font') + ';',
+        '  font-size: ' + skinVar('fs-body') + ';',
+        '  line-height: 1.5;',
+        '}',
+        box + ' * {',
+        '  box-sizing: border-box;',
+        '}',
+        s('hd') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: baseline;',
+        '  gap: 3px 10px;',
+        '  min-width: 0;',
+        '}',
+        s('title') + ' {',
+        '  margin: 0;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font-display') + ';',
+        '  font-size: ' + skinVar('fs-h3') + ';',
+        '  font-weight: 700;',
+        '  line-height: 1.35;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('stamp') + ' {',
+        '  flex: none;',
+        '  margin-left: auto;',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '  font-variant-numeric: tabular-nums;',
+        '  white-space: nowrap;',
+        '}',
+        /* 六档数据色：`is-k1` 最深 → `is-k6` 最浅（`is-k6` 是"其他"，走上一条中性档）。
+           深端往**强调色自己的文本档**混（不能用"主文字"——那支 token 与文字墨色共用，
+           `ink` 皮肤下会把标题与数据条染成同一支色）。强调色本身是**非文本**档，正合用在这里。 */
+        s('seg') + '.is-k1, ' + s('swatch') + '.is-k1 {',
+        '  background: ' + series(82, skinVar('accent-text')) + ';',
+        '}',
+        s('seg') + '.is-k2, ' + s('swatch') + '.is-k2 {',
+        '  background: ' + series(55, skinVar('surface')) + ';',
+        '}',
+        s('seg') + '.is-k3, ' + s('swatch') + '.is-k3 {',
+        '  background: ' + series(36, skinVar('surface')) + ';',
+        '}',
+        s('seg') + '.is-k4, ' + s('swatch') + '.is-k4 {',
+        '  background: ' + series(22, skinVar('surface')) + ';',
+        '}',
+        s('seg') + '.is-k5, ' + s('swatch') + '.is-k5 {',
+        '  background: ' + series(12, skinVar('surface')) + ';',
+        '}',
+        '/* 第六档＝"其他/其余"那一档：不参加强调色的深浅序，取分隔线那一支中性色——',
+        '   与 k5 的极浅强调色一眼分得开，也不跟任何文字墨色撞（文字那三支都深得多）。 */',
+        s('seg') + '.is-k6, ' + s('swatch') + '.is-k6 {',
+        '  background: ' + skinVar('line') + ';',
+        '}',
+        /* 那一根条：段宽由行内 `flex` 给（千分比整数，之和恰好 1000）⇒ 永远填满整宽。 */
+        s('bar') + ' {',
+        '  display: flex;',
+        '  width: 100%;',
+        '  height: ' + String(STACKED_BAR_HEIGHT_PX) + 'px;',
+        '  min-width: 0;',
+        '  overflow: hidden;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: ' + skinVar('surface') + ';',
+        '}',
+        s('seg') + ' {',
+        '  display: flex;',
+        '  align-items: center;',
+        '  justify-content: center;',
+        '  min-width: 0;',
+        '  overflow: hidden;',
+        '}',
+        '/* 段与段之间那道缝：用卡面色画，等于"把条切开"（不写边框，免得相邻两段各画一条）。 */',
+        s('seg') + ' + ' + c('seg') + ' {',
+        '  border-left: 1px solid ' + skinVar('surface') + ';',
+        '}',
+        /* 段内读数是**正文级读数**（不是图形）：它坐在哪一档的填充上，字色就由那一档的深浅定，
+           判据＝**逐档 × 逐皮肤都 ≥4.5:1**（算出来的，不是眼看出来的；读数见返修报告）。
+           · k1（最深档）：只有 `accent-ink` 这一支在四套里最高（paper 5.92／broadsheet 18.82／
+             neutral **4.26**／ink 5.39）——neutral 那格卡在皮肤层的品牌蓝上（`accent-ink on accent` 4.02
+             同一件事），件里没有别的 token 能更高（`ink` 3.95、`accent-text` 1.34）；
+           · k2…k6（往卡面混的浅档）：一律 `ink`（paper 6.38／broadsheet 4.53／neutral 7.91／ink 6.69，
+             k3…k6 更高）——`accent-ink` 在这几档只有 2.13–4.16，**过不了**。 */
+        s('seg-text') + ' {',
+        '  padding: 0 6px;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 700;',
+        '  font-variant-numeric: tabular-nums;',
+        '  white-space: nowrap;',
+        '}',
+        s('seg') + '.is-k1 ' + c('seg-text') + ' {',
+        '  color: ' + skinVar('accent-ink') + ';',
+        '}',
+        '/* 图例：色块 ｜ 名字 ｜ 百分数 ｜ 数量。名字列可换行，**两列数字右对齐、永不换行**。 */',
+        s('legend') + ' {',
+        '  list-style: none;',
+        '  display: grid;',
+        '  grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));',
+        '  gap: 0 20px;',
+        '  margin: 0;',
+        '  padding: 0;',
+        '  min-width: 0;',
+        '}',
+        s('legend-item') + ' {',
+        '  display: grid;',
+        '  grid-template-columns: 12px minmax(0, 1fr) 3.4em minmax(4.6em, auto);',
+        '  gap: 8px;',
+        '  align-items: baseline;',
+        '  min-width: 0;',
+        '  padding: 7px 0;',
+        '  border-top: 1px solid ' + skinVar('line') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '}',
+        s('swatch') + ' {',
+        '  display: block;',
+        '  width: 12px;',
+        '  height: 12px;',
+        '  align-self: center;',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '}',
+        s('name') + ' {',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('pct') + ' {',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-weight: 700;',
+        '  font-variant-numeric: tabular-nums;',
+        '  text-align: right;',
+        '  white-space: nowrap;',
+        '}',
+        s('amount') + ' {',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-weight: 700;',
+        '  font-variant-numeric: tabular-nums;',
+        '  text-align: right;',
+        '  white-space: nowrap;',
+        '}',
+        s('note') + ' {',
+        '  margin: 0;',
+        '  padding-top: 10px;',
+        '  border-top: 1px solid ' + skinVar('line') + ';',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  line-height: 1.6;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 本件自身不带可点元素。这一条是**地板**：调用方把图例包成筛选入口时，焦点必须看得见。 */',
+        box + ' :focus-visible {',
+        '  outline: 2px solid ' + skinVar('accent') + ';',
+        '  outline-offset: 2px;',
+        '}',
+        '/* 窄容器（<' + String(NARROW_PX) + 'px）：条矮一档；「只写百分数」那批段的段内字**让位图例**',
+        '   ——14% 的段在更窄的容器里塞不下那两个字，硬塞就是压字或 `…`；数字在图例里一个字不少。 */',
+        '@container (max-width: ' + String(NARROW_PX) + 'px) {',
+        '  ' + s('bar') + ' {',
+        '    height: ' + String(NARROW_HEIGHT_PX) + 'px;',
+        '  }',
+        '  ' + s('seg') + '.is-value ' + c('seg-text') + ' {',
+        '    display: none;',
+        '  }',
+        '  ' + s('legend') + ' {',
+        '    grid-template-columns: minmax(0, 1fr);',
+        '  }',
+        '}',
+    ].join(LF);
+}
+//# sourceMappingURL=style.js.map

package/dist/components/stacked-bar/style.js.map

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

package/dist/components/stat-inline/attrs.d.ts

@@ -0,0 +1,45 @@
+/** stat-inline · **标记契约**（渲染与调用方共用的唯一事实：类名／槽位／形态闭集／入参类型）。
+ *
+ *  这一件落地的是原型墙（`.scratch/ui-组件墙/parts-02-读数与账目.mjs`，2026-09 用户裁定）
+ *  里的**形态 A「分隔点行内串（可折行）」**——一句话里嵌几个数：
+ *  「餐费 12 笔 · 合计 ¥2,140.00 · 占 49.9% · 较上月 +15.1%」。
+ *
+ *  形态键写在 `STAT_INLINE_FORMS`（闭集）：本件只有一格，但键必须存在——
+ *  「形态是骨架，不是地址」，日后加第二形态是在闭集里加一格，不是新开一件。
+ *  闭集外的值一律 `badInput`（不静默降级）。
+ */
+/** 本件的类名根：全部槽位类名都是 `STAT_INLINE_CLASS + '-' + 槽名`。 */
+export declare const STAT_INLINE_CLASS = "ilife-block-stat-inline";
+/** 槽位闭集（标记契约的一部分：`render.ts` 与判据都用这里的名字拼类名，不各抄一份字面量）。 */
+export declare const STAT_INLINE_SLOTS: readonly ["item", "label", "value", "sep", "form-dots"];
+export type StatInlineSlot = (typeof STAT_INLINE_SLOTS)[number];
+/** 槽类的类名（唯一拼法：别处不许再写 `STAT_INLINE_CLASS + '-' + …`）。 */
+export declare function statInlineSlot(slot: StatInlineSlot, prefix?: string): string;
+/** 形态闭集：本件只落地了形态 A「分隔点行内串」。 */
+export declare const STAT_INLINE_FORMS: readonly ["dots"];
+export type StatInlineForm = (typeof STAT_INLINE_FORMS)[number];
+/** 分隔点的字形（U+00B7 MIDDLE DOT）：闭集外的写法不许出现（`・`／`•`／`、` 各有各的语义）。 */
+export declare const STAT_INLINE_SEP = "\u00B7";
+/** 缺值的写法：**缺值写成 `—`，不许写 0、不许留空**（全仓同一条地板）。 */
+export declare const STAT_INLINE_MISSING = "\u2014";
+/** 一项读数：值（必填）＋ 前后可各带一段标签。 */
+export interface StatInlineItem {
+    /** 值（**已是给人看的样子**：取整、千分位、单位口径归调用方）。**非空**；缺值写 `—`。 */
+    readonly value: string;
+    /** 值**前**的标签（`合计`／`餐费`）：同一项内与值不许分家（项恒 `nowrap`）。 */
+    readonly label?: string;
+    /** 值**后**的字（`笔`／`元`／`天`）：量词或单位。 */
+    readonly unit?: string;
+}
+/** 行内读数入参。`items` 必填（空数组＝空串）。 */
+export interface StatInlineInput {
+    /** 逐项读数。空数组＝本件一个字都不出。 */
+    readonly items: readonly StatInlineItem[];
+    /** 项与项之间出不出分隔点；缺省出（原型那一档）。整行只一项时出不出都一样。 */
+    readonly interpunct?: boolean;
+    /** 形态键（闭集，缺省 `dots`）。 */
+    readonly form?: StatInlineForm;
+    /** 附加类名（空格分隔；逐个过类名正则）。 */
+    readonly extraClass?: string;
+}
+//# sourceMappingURL=attrs.d.ts.map

package/dist/components/stat-inline/attrs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attrs.d.ts","sourceRoot":"","sources":["../../../src/components/stat-inline/attrs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,sDAAsD;AACtD,eAAO,MAAM,iBAAiB,4BAA4B,CAAC;AAE3D,yDAAyD;AACzD,eAAO,MAAM,iBAAiB,yDAWpB,CAAC;AACX,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhE,wDAAwD;AACxD,wBAAgB,cAAc,CAAC,IAAI,EAAE,cAAc,EAAE,MAAM,SAAW,GAAG,MAAM,CAE9E;AAED,+BAA+B;AAC/B,eAAO,MAAM,iBAAiB,mBAAoB,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhE,gEAAgE;AAChE,eAAO,MAAM,eAAe,WAAW,CAAC;AAExC,8CAA8C;AAC9C,eAAO,MAAM,mBAAmB,WAAM,CAAC;AAEvC,6BAA6B;AAC7B,MAAM,WAAW,cAAc;IAC7B,sDAAsD;IACtD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,oDAAoD;IACpD,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,mCAAmC;IACnC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,iCAAiC;AACjC,MAAM,WAAW,eAAe;IAC9B,yBAAyB;IACzB,QAAQ,CAAC,KAAK,EAAE,SAAS,cAAc,EAAE,CAAC;IAC1C,2CAA2C;IAC3C,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,yBAAyB;IACzB,QAAQ,CAAC,IAAI,CAAC,EAAE,cAAc,CAAC;IAC/B,0BAA0B;IAC1B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B"}

package/dist/components/stat-inline/attrs.js

@@ -0,0 +1,36 @@
+/** stat-inline · **标记契约**（渲染与调用方共用的唯一事实：类名／槽位／形态闭集／入参类型）。
+ *
+ *  这一件落地的是原型墙（`.scratch/ui-组件墙/parts-02-读数与账目.mjs`，2026-09 用户裁定）
+ *  里的**形态 A「分隔点行内串（可折行）」**——一句话里嵌几个数：
+ *  「餐费 12 笔 · 合计 ¥2,140.00 · 占 49.9% · 较上月 +15.1%」。
+ *
+ *  形态键写在 `STAT_INLINE_FORMS`（闭集）：本件只有一格，但键必须存在——
+ *  「形态是骨架，不是地址」，日后加第二形态是在闭集里加一格，不是新开一件。
+ *  闭集外的值一律 `badInput`（不静默降级）。
+ */
+/** 本件的类名根：全部槽位类名都是 `STAT_INLINE_CLASS + '-' + 槽名`。 */
+export const STAT_INLINE_CLASS = 'ilife-block-stat-inline';
+/** 槽位闭集（标记契约的一部分：`render.ts` 与判据都用这里的名字拼类名，不各抄一份字面量）。 */
+export const STAT_INLINE_SLOTS = [
+    /** 每一项（`inline-flex` ＋ `nowrap`）：值与其标签**不许分家**。 */
+    'item',
+    /** 项里的文字（值前后的那两个字，如「合计」）。 */
+    'label',
+    /** 项里的数（`¥2,140.00`／`12 笔`）：主色 ＋ 等宽 ＋ `tabular-nums`。 */
+    'value',
+    /** 项与项之间的分隔点（`aria-hidden`；`interpunct: false` 时整槽不出）。 */
+    'sep',
+    /** 形态类（形态 A「分隔点行内串」）：`<prefix>block-stat-inline-form-dots`。 */
+    'form-dots',
+];
+/** 槽类的类名（唯一拼法：别处不许再写 `STAT_INLINE_CLASS + '-' + …`）。 */
+export function statInlineSlot(slot, prefix = 'ilife-') {
+    return prefix + 'block-stat-inline-' + slot;
+}
+/** 形态闭集：本件只落地了形态 A「分隔点行内串」。 */
+export const STAT_INLINE_FORMS = ['dots'];
+/** 分隔点的字形（U+00B7 MIDDLE DOT）：闭集外的写法不许出现（`・`／`•`／`、` 各有各的语义）。 */
+export const STAT_INLINE_SEP = '\u00B7';
+/** 缺值的写法：**缺值写成 `—`，不许写 0、不许留空**（全仓同一条地板）。 */
+export const STAT_INLINE_MISSING = '—';
+//# sourceMappingURL=attrs.js.map

package/dist/components/stat-inline/attrs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attrs.js","sourceRoot":"","sources":["../../../src/components/stat-inline/attrs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,sDAAsD;AACtD,MAAM,CAAC,MAAM,iBAAiB,GAAG,yBAAyB,CAAC;AAE3D,yDAAyD;AACzD,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,mDAAmD;IACnD,MAAM;IACN,6BAA6B;IAC7B,OAAO;IACP,yDAAyD;IACzD,OAAO;IACP,0DAA0D;IAC1D,KAAK;IACL,+DAA+D;IAC/D,WAAW;CACH,CAAC;AAGX,wDAAwD;AACxD,MAAM,UAAU,cAAc,CAAC,IAAoB,EAAE,MAAM,GAAG,QAAQ;IACpE,OAAO,MAAM,GAAG,oBAAoB,GAAG,IAAI,CAAC;AAC9C,CAAC;AAED,+BAA+B;AAC/B,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,MAAM,CAAU,CAAC;AAGnD,gEAAgE;AAChE,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC;AAExC,8CAA8C;AAC9C,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAC"}

package/dist/components/stat-inline/index.d.ts

@@ -0,0 +1,14 @@
+/** stat-inline · **组件出口**（本组件对外的唯一名字面）。
+ *
+ *  四个运行名：`renderStatInline(input)`（产标记，零 DOM）／`statInlineCss()`（样式段）／
+ *  形态闭集 `STAT_INLINE_FORMS`（本件只落地形态 A「分隔点行内串」）／类名根 `STAT_INLINE_CLASS`
+ *  ＋分隔点字形 `STAT_INLINE_SEP`（`·`）＋缺值写法 `STAT_INLINE_MISSING`（`—`）。加四个类型名（入参面）。
+ *
+ *  用法与参数表见同目录 `README.md`。消费方走 `base-paint/blocks`（组件层出口），不走根出口。
+ */
+export { STAT_INLINE_CLASS, STAT_INLINE_FORMS, STAT_INLINE_MISSING, STAT_INLINE_SEP, statInlineSlot, } from './attrs.js';
+export type { StatInlineForm, StatInlineInput, StatInlineItem, StatInlineSlot } from './attrs.js';
+export { normalizeStatInline } from './model.js';
+export { renderStatInline } from './render.js';
+export { statInlineCss } from './style.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/stat-inline/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/stat-inline/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,eAAe,EACf,cAAc,GACf,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAClG,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/stat-inline/index.js

@@ -0,0 +1,13 @@
+/** stat-inline · **组件出口**（本组件对外的唯一名字面）。
+ *
+ *  四个运行名：`renderStatInline(input)`（产标记，零 DOM）／`statInlineCss()`（样式段）／
+ *  形态闭集 `STAT_INLINE_FORMS`（本件只落地形态 A「分隔点行内串」）／类名根 `STAT_INLINE_CLASS`
+ *  ＋分隔点字形 `STAT_INLINE_SEP`（`·`）＋缺值写法 `STAT_INLINE_MISSING`（`—`）。加四个类型名（入参面）。
+ *
+ *  用法与参数表见同目录 `README.md`。消费方走 `base-paint/blocks`（组件层出口），不走根出口。
+ */
+export { STAT_INLINE_CLASS, STAT_INLINE_FORMS, STAT_INLINE_MISSING, STAT_INLINE_SEP, statInlineSlot, } from './attrs.js';
+export { normalizeStatInline } from './model.js';
+export { renderStatInline } from './render.js';
+export { statInlineCss } from './style.js';
+//# sourceMappingURL=index.js.map

package/dist/components/stat-inline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/stat-inline/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,eAAe,EACf,cAAc,GACf,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/stat-inline/model.d.ts

@@ -0,0 +1,15 @@
+import { type StatInlineForm } from './attrs.js';
+/** 内部类型：每个字段都已校验、已归一（`undefined` 一律换成「不给」）。 */
+export interface StatInlineModel {
+    readonly form: StatInlineForm;
+    readonly interpunct: boolean;
+    readonly items: readonly {
+        readonly value: string;
+        readonly label?: string;
+        readonly unit?: string;
+    }[];
+    readonly extraClass?: string;
+}
+/** 入参归一化。**唯一入口**：`render.ts` 只吃它产出的 `StatInlineModel`，不再自己碰 `any`。 */
+export declare function normalizeStatInline(input: unknown): StatInlineModel;
+//# sourceMappingURL=model.d.ts.map

package/dist/components/stat-inline/model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../src/components/stat-inline/model.ts"],"names":[],"mappings":"AAUA,OAAO,EAEL,KAAK,cAAc,EAEpB,MAAM,YAAY,CAAC;AAEpB,+CAA+C;AAC/C,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,IAAI,EAAE,cAAc,CAAC;IAC9B,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,KAAK,EAAE,SAAS;QACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;QACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QACxB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;KACxB,EAAE,CAAC;IACJ,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AAkBD,uEAAuE;AACvE,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,OAAO,GAAG,eAAe,CAyBnE"}

package/dist/components/stat-inline/model.js

@@ -0,0 +1,50 @@
+/** stat-inline · **入参归一化与校验**（把 `any` 与说不出的 `unknown` 挡在门外，产出内部类型）。
+ *
+ *  三条口径（与同族其余件同一份）：
+ *   1. **非法入参一律 `badInput()`**（抛 `BlocksError`）——不静默降级、不「尽量猜」；
+ *   2. 必填缺、类型错、闭集外各点各的名（报错文案里带字段路径，逐项带下标）；
+ *   3. 归一化只做「形状」：取整、千分位、单位口径**归调用方**——本件只收「已经是给人看的样子」的串。
+ *
+ *  **缺值写成 `—`**（`STAT_INLINE_MISSING`）：空串不是缺值，是错（说不出「这一项到底有没有数」）。
+ */
+import { assertPlainObject, badInput, optExtraClass, optText, reqText } from '../shared/validate.js';
+import { STAT_INLINE_FORMS, } from './attrs.js';
+/** 一项：`value` 必填非空（且不许全是空白）；`label`／`unit` 可省。 */
+function normalizeItem(value, index) {
+    const at = 'stat-inline: input.items[' + String(index) + ']';
+    assertPlainObject(value, at);
+    const raw = value;
+    const shown = reqText(raw.value, at + '.value');
+    if (shown.trim() === '')
+        badInput(at + '.value 不许全是空白');
+    return {
+        value: shown,
+        label: optText(raw.label, at + '.label'),
+        unit: optText(raw.unit, at + '.unit'),
+    };
+}
+/** 入参归一化。**唯一入口**：`render.ts` 只吃它产出的 `StatInlineModel`，不再自己碰 `any`。 */
+export function normalizeStatInline(input) {
+    assertPlainObject(input, 'renderStatInline: input');
+    const raw = input;
+    const form = raw.form === undefined ? STAT_INLINE_FORMS[0] : raw.form;
+    if (!STAT_INLINE_FORMS.includes(form)) {
+        badInput('stat-inline: input.form 必须是 ' + STAT_INLINE_FORMS.join('／')
+            + ' 之一（本件只落地形态 A「分隔点行内串」）');
+    }
+    const interpunct = raw.interpunct;
+    if (interpunct !== undefined && typeof interpunct !== 'boolean') {
+        badInput('stat-inline: input.interpunct 必须是布尔值');
+    }
+    const list = raw.items;
+    if (!Array.isArray(list))
+        badInput('stat-inline: input.items 必须是数组');
+    const items = list.map((item, i) => normalizeItem(item, i));
+    return {
+        form: form,
+        interpunct: interpunct !== false,
+        items,
+        extraClass: optExtraClass(raw.extraClass, 'stat-inline: input.extraClass'),
+    };
+}
+//# sourceMappingURL=model.js.map

package/dist/components/stat-inline/model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/stat-inline/model.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrG,OAAO,EACL,iBAAiB,GAGlB,MAAM,YAAY,CAAC;AAcpB,kDAAkD;AAClD,SAAS,aAAa,CAAC,KAAc,EAAE,KAAa;IAClD,MAAM,EAAE,GAAG,2BAA2B,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC;IAC7D,iBAAiB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAC7B,MAAM,GAAG,GAAG,KAAuB,CAAC;IAEpC,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,GAAG,QAAQ,CAAC,CAAC;IAChD,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE;QAAE,QAAQ,CAAC,EAAE,GAAG,eAAe,CAAC,CAAC;IAExD,OAAO;QACL,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,GAAG,QAAQ,CAAC;QACxC,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,GAAG,OAAO,CAAC;KACtC,CAAC;AACJ,CAAC;AAED,uEAAuE;AACvE,MAAM,UAAU,mBAAmB,CAAC,KAAc;IAChD,iBAAiB,CAAC,KAAK,EAAE,yBAAyB,CAAC,CAAC;IACpD,MAAM,GAAG,GAAG,KAAgC,CAAC;IAE7C,MAAM,IAAI,GAAG,GAAG,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC;IACtE,IAAI,CAAE,iBAAwC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;QAC9D,QAAQ,CAAC,8BAA8B,GAAG,iBAAiB,CAAC,IAAI,CAAC,GAAG,CAAC;cACjE,wBAAwB,CAAC,CAAC;IAChC,CAAC;IAED,MAAM,UAAU,GAAY,GAAG,CAAC,UAAU,CAAC;IAC3C,IAAI,UAAU,KAAK,SAAS,IAAI,OAAO,UAAU,KAAK,SAAS,EAAE,CAAC;QAChE,QAAQ,CAAC,sCAAsC,CAAC,CAAC;IACnD,CAAC;IAED,MAAM,IAAI,GAAY,GAAG,CAAC,KAAK,CAAC;IAChC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;QAAE,QAAQ,CAAC,gCAAgC,CAAC,CAAC;IACrE,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;IAE5D,OAAO;QACL,IAAI,EAAE,IAAsB;QAC5B,UAAU,EAAE,UAAU,KAAK,KAAK;QAChC,KAAK;QACL,UAAU,EAAE,aAAa,CAAC,GAAG,CAAC,UAAU,EAAE,+BAA+B,CAAC;KAC3E,CAAC;AACJ,CAAC"}

package/dist/components/stat-inline/render.d.ts

@@ -0,0 +1,5 @@
+import { type StatInlineInput } from './attrs.js';
+/** 行内读数：一句里嵌几个数。纯函数产标记，零 DOM。
+ *  `items` 为空时返回空串（**空串只会在页面上留一条空线**）。 */
+export declare function renderStatInline(input: StatInlineInput): string;
+//# sourceMappingURL=render.d.ts.map

package/dist/components/stat-inline/render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/components/stat-inline/render.ts"],"names":[],"mappings":"AAgBA,OAAO,EAKL,KAAK,eAAe,EAErB,MAAM,YAAY,CAAC;AAqCpB;0CAC0C;AAC1C,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,eAAe,GAAG,MAAM,CAK/D"}

package/dist/components/stat-inline/render.js

@@ -0,0 +1,60 @@
+/** stat-inline · **渲染**（纯函数产 HTML；本件只有形态 A「分隔点行内串」一种骨架）。
+ *
+ *  —— 形态 A：分隔点行内串（可折行）——
+ *
+ *  骨架：根 `<div class="… is-dots">` → 逐项 `<span class="…-item">`（`label` ＋ `<b class="…-value">值</b>` ＋ `unit`）
+ *  → 项与项之间一枚 `<span class="…-sep" aria-hidden="true">·</span>`。
+ *
+ *  它替掉的两种错法：
+ *   · 把「合计 ¥2,140.00」拆成两行 —— 数值与它的标签分家，读者把数配错标签；
+ *   · 一行太长就 `overflow:hidden` 或 `…` 截断 —— 小结行、表头、脚注最经不起截断（那是结论位）。
+ *
+ *  两条硬口径（判据断的就是它们）：
+ *   · **每一项恒不换行**（`nowrap`）：窄档整行折行，但项内不分家；
+ *   · **缺值写成 `—`**（值里给 `—`，本件不给任何占位默认值）。
+ */
+import { esc } from '../shared/escape.js';
+import { STAT_INLINE_CLASS, STAT_INLINE_SEP, statInlineSlot, } from './attrs.js';
+import { normalizeStatInline } from './model.js';
+/** 一项：标签（可省）＋ 值（主角）＋ 字尾（可省）。三枚都在同一个 **nowrap** 的单元里。 */
+function itemHtml(item, slot) {
+    const parts = ['<span class="' + slot('item') + '">'];
+    if (item.label !== undefined)
+        parts.push('<span class="' + slot('label') + '">' + esc(item.label) + '</span>');
+    parts.push('<b class="' + slot('value') + '">' + esc(item.value) + '</b>');
+    if (item.unit !== undefined)
+        parts.push('<span class="' + slot('label') + '">' + esc(item.unit) + '</span>');
+    parts.push('</span>');
+    return parts.join('');
+}
+/** 形态键 → 形态类名（**闭集里那一格**；`Record<StatInlineForm, …>` 让"加了形态却忘了补类名"当场红）。 */
+const FORM_SLOTS = Object.freeze({
+    dots: 'form-dots',
+});
+/** 形态 A 的骨架。分隔点**逐缝一枚**、`aria-hidden`（读屏听到的是三段完整的话，不是逗号）。 */
+function renderDots(m) {
+    const slot = (s) => statInlineSlot(s);
+    const parts = ['<div class="' + STAT_INLINE_CLASS + ' ' + statInlineSlot(FORM_SLOTS[m.form])
+            + (m.extraClass === undefined ? '' : ' ' + m.extraClass) + '">'];
+    for (let i = 0; i < m.items.length; i += 1) {
+        if (i > 0 && m.interpunct) {
+            parts.push('<span class="' + slot('sep') + '" aria-hidden="true">' + esc(STAT_INLINE_SEP) + '</span>');
+        }
+        parts.push(itemHtml(m.items[i], slot));
+    }
+    parts.push('</div>');
+    return parts.join('');
+}
+const RENDERERS = Object.freeze({
+    dots: renderDots,
+});
+/** 行内读数：一句里嵌几个数。纯函数产标记，零 DOM。
+ *  `items` 为空时返回空串（**空串只会在页面上留一条空线**）。 */
+export function renderStatInline(input) {
+    const m = normalizeStatInline(input);
+    if (m.items.length === 0)
+        return '';
+    const render = RENDERERS[m.form];
+    return render(m);
+}
+//# sourceMappingURL=render.js.map