base-paint 0.3.13 → 0.3.15

package/dist/components/key-value-list/model.d.ts

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

package/dist/components/key-value-list/model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../src/components/key-value-list/model.ts"],"names":[],"mappings":"AAUA,OAAO,EAEL,KAAK,YAAY,EAElB,MAAM,YAAY,CAAC;AAEpB,+CAA+C;AAC/C,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,IAAI,EAAE,SAAS;QACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;QACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;QACvB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QACvB,QAAQ,CAAC,GAAG,EAAE,OAAO,CAAC;KACvB,EAAE,CAAC;IACJ,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AAsBD,qEAAqE;AACrE,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,OAAO,GAAG,aAAa,CAoBnE"}

package/dist/components/key-value-list/model.js

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

package/dist/components/key-value-list/model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/key-value-list/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,eAAe,GAGhB,MAAM,YAAY,CAAC;AAepB,qDAAqD;AACrD,SAAS,YAAY,CAAC,KAAc,EAAE,KAAa;IACjD,MAAM,EAAE,GAAG,6BAA6B,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC;IAC/D,iBAAiB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAC7B,MAAM,GAAG,GAAG,KAAoB,CAAC;IAEjC,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,MAAM,GAAG,GAAY,GAAG,CAAC,GAAG,CAAC;IAC7B,IAAI,GAAG,KAAK,SAAS,IAAI,OAAO,GAAG,KAAK,SAAS;QAAE,QAAQ,CAAC,EAAE,GAAG,aAAa,CAAC,CAAC;IAEhF,OAAO;QACL,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,GAAG,QAAQ,CAAC;QACxC,KAAK,EAAE,KAAK;QACZ,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,GAAG,OAAO,CAAC;QACrC,GAAG,EAAE,GAAG,KAAK,IAAI;KAClB,CAAC;AACJ,CAAC;AAED,qEAAqE;AACrE,MAAM,UAAU,qBAAqB,CAAC,KAAc;IAClD,iBAAiB,CAAC,KAAK,EAAE,2BAA2B,CAAC,CAAC;IACtD,MAAM,GAAG,GAAG,KAAgC,CAAC;IAE7C,MAAM,IAAI,GAAG,GAAG,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC;IACpE,IAAI,CAAE,eAAsC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;QAC5D,QAAQ,CAAC,iCAAiC,GAAG,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC;cAClE,qBAAqB,CAAC,CAAC;IAC7B,CAAC;IAED,MAAM,IAAI,GAAY,GAAG,CAAC,IAAI,CAAC;IAC/B,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;QAAE,QAAQ,CAAC,kCAAkC,CAAC,CAAC;IACvE,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;IAExD,OAAO;QACL,IAAI,EAAE,IAAoB;QAC1B,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,+BAA+B,CAAC;QAC9D,IAAI;QACJ,UAAU,EAAE,aAAa,CAAC,GAAG,CAAC,UAAU,EAAE,kCAAkC,CAAC;KAC9E,CAAC;AACJ,CAAC"}

package/dist/components/key-value-list/render.d.ts

@@ -0,0 +1,5 @@
+import { type KeyValueListInput } from './attrs.js';
+/** 档案行：一串「字段：值」的清单。纯函数产标记，零 DOM。
+ *  `rows` 为空时返回空串（**空清单不是档案**：空壳子只会在页面上留一条空线）。 */
+export declare function renderKeyValueList(input: KeyValueListInput): string;
+//# sourceMappingURL=render.d.ts.map

package/dist/components/key-value-list/render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/components/key-value-list/render.ts"],"names":[],"mappings":"AAgBA,OAAO,EAIL,KAAK,iBAAiB,EAEvB,MAAM,YAAY,CAAC;AAwCpB;kDACkD;AAClD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,iBAAiB,GAAG,MAAM,CAKnE"}

package/dist/components/key-value-list/render.js

@@ -0,0 +1,61 @@
+/** key-value-list · **渲染**（纯函数产 HTML；本件只有形态 A「档案行」一种骨架）。
+ *
+ *  —— 形态 A：档案行（两列，值右对齐）——
+ *
+ *  骨架：根 `<div class="… is-rows">` →（可省的小标题 `<p class="…-heading">`）→
+ *  一张档案 `<dl class="…-list">` → 逐行 `<div class="…-row"><dt class="…-term">字段</dt><dd class="…-value">值</dd></div>`。
+ *
+ *  它替掉的两种错法：
+ *   · 用点线撑起"字段 … 值"（点线是**账目行**的语汇：那是"一份账的读数"，本件是"一份档案的字段"）；
+ *   · 值与标签同级同重（读者分不出哪一半是主角）——本件靠字重（700）与字号（`fs-h3`）压住标签（`fs-sm`）。
+ *
+ *  两条硬口径（判据断的就是它们）：
+ *   · **值右对齐**（形态 A 的识别特征）：同一张档案里所有行的值右缘对齐，多行扫读才成列；
+ *   · **标记里不写分隔符**（点线／冒号／`·` 一个都不写）：字段与值之间的缝由两列列距承担。
+ */
+import { esc } from '../shared/escape.js';
+import { KEY_VALUE_CLASS, keyValueSlot, } from './attrs.js';
+import { normalizeKeyValueList } from './model.js';
+/** 单行：字段名（配角）＋ 值（主角，右对齐）＋ 可选后缀说明。 */
+function rowHtml(row) {
+    const parts = ['<div class="' + keyValueSlot('row') + '">'];
+    parts.push('<dt class="' + keyValueSlot('term') + '">' + esc(row.label) + '</dt>');
+    parts.push('<dd class="' + keyValueSlot('value') + (row.num ? ' ' + keyValueSlot('value-num') : '')
+        + '">' + esc(row.value) + '</dd>');
+    if (row.note !== undefined) {
+        /* 后缀说明住在**值位那一格的下一行**（不给 `<dt>` 添第二格）：多行时它跟着值一起右对齐，
+           不与值抢同一行——值一长就把说明挤没，正是要避免的错法。 */
+        parts.push('<dd class="' + keyValueSlot('note') + '">' + esc(row.note) + '</dd>');
+    }
+    parts.push('</div>');
+    return parts.join('');
+}
+/** 形态键 → 形态类名（**闭集里那一格**；`Record<KeyValueForm, …>` 让"加了形态却忘了补类名"当场红）。 */
+const FORM_SLOTS = Object.freeze({
+    rows: 'form-rows',
+});
+/** 形态 A 的骨架。 */
+function renderRows(m) {
+    const parts = ['<div class="' + KEY_VALUE_CLASS + ' ' + keyValueSlot(FORM_SLOTS[m.form])
+            + (m.extraClass === undefined ? '' : ' ' + m.extraClass) + '">'];
+    if (m.heading !== undefined) {
+        parts.push('<p class="' + keyValueSlot('heading') + '">' + esc(m.heading) + '</p>');
+    }
+    parts.push('<dl class="' + keyValueSlot('list') + '">');
+    for (const row of m.rows)
+        parts.push(rowHtml(row));
+    parts.push('</dl></div>');
+    return parts.join('');
+}
+const RENDERERS = Object.freeze({
+    rows: renderRows,
+});
+/** 档案行：一串「字段：值」的清单。纯函数产标记，零 DOM。
+ *  `rows` 为空时返回空串（**空清单不是档案**：空壳子只会在页面上留一条空线）。 */
+export function renderKeyValueList(input) {
+    const m = normalizeKeyValueList(input);
+    if (m.rows.length === 0)
+        return '';
+    const render = RENDERERS[m.form];
+    return render(m);
+}

package/dist/components/key-value-list/render.js.map

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

package/dist/components/key-value-list/style.d.ts

@@ -0,0 +1,5 @@
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export declare function keyValueListCss(input?: {
+    readonly prefix?: string;
+}): string;
+//# sourceMappingURL=style.d.ts.map

package/dist/components/key-value-list/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/key-value-list/style.ts"],"names":[],"mappings":"AA0BA,4BAA4B;AAC5B,wBAAgB,eAAe,CAAC,KAAK,CAAC,EAAE;IAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAqH5E"}

package/dist/components/key-value-list/style.js

@@ -0,0 +1,136 @@
+/** key-value-list · **样式段**（本件唯一的样式来源）。
+ *
+ *  纪律（与本节其余件同一份）：
+ *   · 只经 `skinVar()` 读皮肤 —— 组件里**不写** `var(--ilife-…)`（兜底链只许住在 `skin/contract.ts`）；
+ *     颜色／圆角／字面／字号一个都不写死在选择器里；
+ *   · 全部规则 scope 在 `.<prefix>page-ui` 之下（不开本配方的页零命中）；不写 `:root`／`!important`、不新增 token 名；
+ *   · **宽度只许容器判**：两列切换走 `@container` ＋ `minmax(0,…)`；`@media` 只判设备能力。
+ *
+ *  几何契约（判据钉住）：值列右对齐（`justify-self:end` ＋ `text-align:right`）、`tabular-nums`；
+ *  长值 `overflow-wrap:anywhere`（**永不 `…` 截断**）；行高下限 ＝ `KEY_VALUE_MIN_ROW_PX`。
+ */
+import { skinVar } from '../skin/contract.js';
+import { KEY_VALUE_MIN_ROW_PX, keyValueSlot, } from './attrs.js';
+/** 换行（仓库口径：不写字面换行转义）。 */
+const LF = String.fromCharCode(10);
+/** 窄容器阈值（px）：两列收成一列（字段名一行、值一行，都靠左）。
+ *  **这是本件自己的宽度**（`@container` 判的），不是视口宽度。 */
+const NARROW_PX = 400;
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export function keyValueListCss(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-key-value-list';
+    /** 槽位的**裸类名**（不带 scope）：**只用在组合器的右边**（`+`／`>`／后代那一段），
+     *  左边（选择器开头）一律走 `s()`——开头那次 scope 不能省，省了整条就裸着（与别件串味）。 */
+    const slot = (name) => '.' + keyValueSlot(name, p);
+    /** 带 scope 的完整选择器：**每条规则的左端**都用它。 */
+    const s = (name) => root + ' ' + slot(name);
+    return [
+        '/* key-value-list（档案行 · 形态 A「两列，值右对齐」）：一串「字段：值」的清单。',
+        '   值与标签的层次靠字重与字号，**不画点线**（点线是账目行 ledger-rows 的语汇）。 */',
+        box + ' {',
+        /* 宽度判据的落点：本件是**自己的容器**——嵌进侧栏／面板／卡片时照样按自己的宽度收列。 */
+        '  container-type: inline-size;',
+        '  display: block;',
+        '  min-width: 0;',
+        '}',
+        '/* 小标题：与账目行／明细行的小标题同一套字距语汇（同一族里只有一种小标题写法）。 */',
+        s('heading') + ' {',
+        '  margin: 0 0 4px;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-family: ' + skinVar('font') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 700;',
+        '  letter-spacing: .06em;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('list') + ' {',
+        '  margin: 0;',
+        '  min-width: 0;',
+        '}',
+        '/* 一行两列：字段名定宽比例（36%）、值占其余；两列的 `minmax(0,…)` 让长串**换行而不撑破**。 */',
+        s('row') + ' {',
+        '  display: grid;',
+        '  grid-template-columns: minmax(0, 36%) minmax(0, 1fr);',
+        '  align-items: baseline;',
+        '  gap: 2px 10px;',
+        '  box-sizing: border-box;',
+        '  min-width: 0;',
+        '  min-height: ' + String(KEY_VALUE_MIN_ROW_PX) + 'px;',
+        '  padding: 6px 0;',
+        '}',
+        '/* 相邻行之间一条发丝线（**行的分隔**是线，字段与值之间**不是**：那一段由列距承担）。',
+        '   `+` 右边用**裸槽类**：右边再要求一次 scope 就会变成「同一个件里再套一层 page-ui」，永不命中。 */',
+        s('row') + ' + ' + slot('row') + ' {',
+        '  border-top: 1px solid ' + skinVar('line') + ';',
+        '}',
+        s('term') + ' {',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-family: ' + skinVar('font') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 600;',
+        '  line-height: 1.5;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 值：主角。右对齐 ⇒ 同一张档案里所有行的值右缘成列（多行扫读才成列）。 */',
+        s('value') + ' {',
+        '  justify-self: end;',
+        '  margin: 0;',
+        '  min-width: 0;',
+        '  max-width: 100%;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font') + ';',
+        '  font-size: ' + skinVar('fs-h3') + ';',
+        '  font-weight: 700;',
+        '  line-height: 1.4;',
+        '  text-align: right;',
+        '  font-variant-numeric: tabular-nums;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 数字档：等宽字面（多行值右对齐时这一档才真对齐：等宽下每个数的宽度一致）。 */',
+        s('value-num') + ' {',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '}',
+        '/* 后缀说明：住在值位那一格的**下一行**（同一格不给第二列），右对齐、弱一档。 */',
+        s('note') + ' {',
+        '  grid-column: 2;',
+        '  justify-self: end;',
+        '  margin: 0;',
+        '  min-width: 0;',
+        '  max-width: 100%;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-family: ' + skinVar('font') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '  line-height: 1.5;',
+        '  text-align: right;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 焦点地板：本件自身不带可点元素；调用方若把值位包成"改这一项"的入口，焦点必须看得见',
+        '   ——不许只写 `outline:none` 而不给替代。 */',
+        box + ' :focus-visible {',
+        '  outline: 2px solid ' + skinVar('accent') + ';',
+        '  outline-offset: 2px;',
+        '}',
+        '/* 窄容器（<' + String(NARROW_PX) + 'px）：两列收成一列 —— 字段名一行、值一行，都靠左端。',
+        '   窄档再右对齐会与左端的标签拉出一大段空档（读者要在两行之间来回找），故窄档一律左端对齐。',
+        '   判的是**本件自己的宽度**：本件会被嵌进侧栏／面板／卡片，视口宽 ≠ 组件宽。 */',
+        '@container (max-width: ' + String(NARROW_PX) + 'px) {',
+        '  ' + s('row') + ' {',
+        '    grid-template-columns: minmax(0, 1fr);',
+        '  }',
+        '  ' + s('value') + ' {',
+        '    justify-self: start;',
+        '    text-align: left;',
+        '  }',
+        '  ' + s('note') + ' {',
+        '    grid-column: 1;',
+        '    justify-self: start;',
+        '    text-align: left;',
+        '  }',
+        '}',
+    ].join(LF);
+}

package/dist/components/key-value-list/style.js.map

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

package/dist/components/ledger-rows/index.d.ts

@@ -0,0 +1,11 @@
+/** ledger-rows · **组件出口**（本组件对外的唯一名字面）。
+ *
+ *  四件出口：`renderLedgerRows(input)`（产标记，零 DOM）／`ledgerRowsCss()`（样式段）／
+ *  两个闭集常量（`LEDGER_ROW_KINDS`／`LEDGER_LEADERS`）。
+ *
+ *  用法与参数表见同目录 `README.md`。消费方走 `base-paint/blocks`（组件层出口），不走根出口。
+ */
+export { LEDGER_LEADERS, LEDGER_ROW_KINDS, renderLedgerRows } from './render.js';
+export type { LedgerLeader, LedgerRowInput, LedgerRowKind, LedgerRowsInput } from './render.js';
+export { ledgerRowsCss } from './style.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ledger-rows/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ledger-rows/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AACjF,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAChG,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/ledger-rows/index.js

@@ -0,0 +1,9 @@
+/** ledger-rows · **组件出口**（本组件对外的唯一名字面）。
+ *
+ *  四件出口：`renderLedgerRows(input)`（产标记，零 DOM）／`ledgerRowsCss()`（样式段）／
+ *  两个闭集常量（`LEDGER_ROW_KINDS`／`LEDGER_LEADERS`）。
+ *
+ *  用法与参数表见同目录 `README.md`。消费方走 `base-paint/blocks`（组件层出口），不走根出口。
+ */
+export { LEDGER_LEADERS, LEDGER_ROW_KINDS, renderLedgerRows } from './render.js';
+export { ledgerRowsCss } from './style.js';

package/dist/components/ledger-rows/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ledger-rows/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEjF,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/ledger-rows/render.d.ts

@@ -0,0 +1,27 @@
+/** 行的两种身份：`item`＝普通项（缺省）／`total`＝合计行。 */
+export declare const LEDGER_ROW_KINDS: readonly ["item", "total"];
+export type LedgerRowKind = (typeof LEDGER_ROW_KINDS)[number];
+/** 引导线的两形态：`dots`＝点线（缺省，纸质单据语汇）／`none`＝不画（干净版）。 */
+export declare const LEDGER_LEADERS: readonly ["dots", "none"];
+export type LedgerLeader = (typeof LEDGER_LEADERS)[number];
+export interface LedgerRowInput {
+    /** 这一行说的是什么（人话短标签，如「目标」「餐别覆盖」）。 */
+    readonly label: string;
+    /** 这一行的值（**已是给人看的样子**）。 */
+    readonly value: string;
+    /** 值的单位（`卡`／`g`／`天`）；给了就小一号跟值后面。 */
+    readonly unit?: string;
+    readonly kind?: LedgerRowKind;
+}
+export interface LedgerRowsInput {
+    /** 一行一条账目；0 条＝空串（与"没内容不留空块"同口径）。 */
+    readonly rows: readonly LedgerRowInput[];
+    /** 小标题（如「账目」）；不给＝不出。字距由样式段统一，调用方不要自己加空格的写法。 */
+    readonly heading?: string;
+    /** 引导线；缺省 `dots`。 */
+    readonly leader?: LedgerLeader;
+    readonly extraClass?: string;
+}
+/** 账目行：一列"标签 → 值"的对齐清单。空数组出不了一个字。 */
+export declare function renderLedgerRows(input: LedgerRowsInput): string;
+//# sourceMappingURL=render.d.ts.map

package/dist/components/ledger-rows/render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/components/ledger-rows/render.ts"],"names":[],"mappings":"AAoBA,yCAAyC;AACzC,eAAO,MAAM,gBAAgB,4BAA6B,CAAC;AAC3D,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE9D,mDAAmD;AACnD,eAAO,MAAM,cAAc,2BAA4B,CAAC;AACxD,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE3D,MAAM,WAAW,cAAc;IAC7B,mCAAmC;IACnC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,2BAA2B;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,oCAAoC;IACpC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,IAAI,CAAC,EAAE,aAAa,CAAC;CAC/B;AAED,MAAM,WAAW,eAAe;IAC9B,oCAAoC;IACpC,QAAQ,CAAC,IAAI,EAAE,SAAS,cAAc,EAAE,CAAC;IACzC,+CAA+C;IAC/C,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,qBAAqB;IACrB,QAAQ,CAAC,MAAM,CAAC,EAAE,YAAY,CAAC;IAC/B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,qCAAqC;AACrC,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,eAAe,GAAG,MAAM,CA+B/D"}

package/dist/components/ledger-rows/render.js

@@ -0,0 +1,58 @@
+/** ledger-rows · **渲染**（账目行：一页的读数逐项列成"账"）。
+ *
+ *  —— 账目行 ——
+ *
+ *  形状：`标签 …………… 值 单位`——标签靠左、值靠右、中间一条点线把两只眼睛连起来（读的时候不会串行）。
+ *  两种行：`item`＝普通项（缺省）／`total`＝合计行（上一条实线、加粗）。
+ *
+ *  它替掉的是哪几种错法：
+ *   · 一行里"标签：值"用冒号串起来，多行排下来右边的值参差不齐（列没对齐 ⇒ 没法纵向比数）；
+ *   · 用表格做"只有两列、且第二列是值"的清单（表格的表头、斑马纹、列宽规则都是多余的）；
+ *   · 同一页里"目标／剩余／记录条数"各占一张 KPI 卡（三张卡说三行字）。
+ *
+ *  与既有件的关系（**选型先看这三条**）：
+ *   · 值是一排**并列的格子**、要横着比（拍摄时间／标签／文件名）→ 用 `renderFactStrip`；
+ *   · 值是**一列**、要竖着比、且行数不定（本件）→ 用账目行；
+ *   · 要"改前 → 改后"两列对照 → 用 `renderChangeRows`。
+ */
+import { esc } from '../shared/escape.js';
+import { assertPlainObject, badInput, optExtraClass, optText, reqText } from '../shared/validate.js';
+/** 行的两种身份：`item`＝普通项（缺省）／`total`＝合计行。 */
+export const LEDGER_ROW_KINDS = ['item', 'total'];
+/** 引导线的两形态：`dots`＝点线（缺省，纸质单据语汇）／`none`＝不画（干净版）。 */
+export const LEDGER_LEADERS = ['dots', 'none'];
+/** 账目行：一列"标签 → 值"的对齐清单。空数组出不了一个字。 */
+export function renderLedgerRows(input) {
+    assertPlainObject(input, 'renderLedgerRows: input');
+    if (!Array.isArray(input.rows))
+        badInput('ledger-rows: input.rows 必须是数组');
+    if (input.rows.length === 0)
+        return '';
+    const leader = input.leader ?? 'dots';
+    if (!LEDGER_LEADERS.includes(leader)) {
+        badInput('ledger-rows: input.leader 必须是 ' + LEDGER_LEADERS.join('／') + ' 之一');
+    }
+    const heading = optText(input.heading, 'ledger-rows: input.heading');
+    const extra = optExtraClass(input.extraClass, 'ledger-rows: input.extraClass');
+    const p = 'ilife-block-ledger-row';
+    const rows = input.rows.map((raw, i) => {
+        const field = 'ledger-rows: input.rows[' + i + ']';
+        assertPlainObject(raw, field);
+        const label = reqText(raw.label, field + '.label');
+        const value = reqText(raw.value, field + '.value');
+        const unit = optText(raw.unit, field + '.unit');
+        const kind = raw.kind ?? 'item';
+        if (!LEDGER_ROW_KINDS.includes(kind)) {
+            badInput('ledger-rows: ' + field + '.kind 必须是 ' + LEDGER_ROW_KINDS.join('／') + ' 之一');
+        }
+        return '<div class="' + p + (kind === 'item' ? '' : ' is-' + kind) + '">'
+            + '<span class="' + p + '-label">' + esc(label) + '</span>'
+            + (leader === 'dots' ? '<span class="' + p + '-leader" aria-hidden="true"></span>' : '')
+            + '<span class="' + p + '-value">' + esc(value)
+            + (unit === undefined ? '' : '<small>' + esc(unit) + '</small>') + '</span>'
+            + '</div>';
+    }).join('');
+    return '<div class="ilife-block-ledger-rows' + (extra === undefined ? '' : ' ' + extra) + '">'
+        + (heading === undefined ? '' : '<div class="ilife-block-ledger-rows-heading">' + esc(heading) + '</div>')
+        + rows + '</div>';
+}

package/dist/components/ledger-rows/render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.js","sourceRoot":"","sources":["../../../src/components/ledger-rows/render.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;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,yCAAyC;AACzC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,OAAO,CAAU,CAAC;AAG3D,mDAAmD;AACnD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,MAAM,EAAE,MAAM,CAAU,CAAC;AAuBxD,qCAAqC;AACrC,MAAM,UAAU,gBAAgB,CAAC,KAAsB;IACrD,iBAAiB,CAAC,KAAK,EAAE,yBAAyB,CAAC,CAAC;IACpD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC;QAAE,QAAQ,CAAC,+BAA+B,CAAC,CAAC;IAC1E,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,EAAE,CAAC;IACvC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,MAAM,CAAC;IACtC,IAAI,CAAE,cAAoC,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;QAC5D,QAAQ,CAAC,gCAAgC,GAAG,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;IAChF,CAAC;IACD,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,EAAE,4BAA4B,CAAC,CAAC;IACrE,MAAM,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,UAAU,EAAE,+BAA+B,CAAC,CAAC;IAC/E,MAAM,CAAC,GAAG,wBAAwB,CAAC;IACnC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;QACrC,MAAM,KAAK,GAAG,0BAA0B,GAAG,CAAC,GAAG,GAAG,CAAC;QACnD,iBAAiB,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QAC9B,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,GAAG,QAAQ,CAAC,CAAC;QACnD,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,GAAG,QAAQ,CAAC,CAAC;QACnD,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,GAAG,OAAO,CAAC,CAAC;QAChD,MAAM,IAAI,GAAG,GAAG,CAAC,IAAI,IAAI,MAAM,CAAC;QAChC,IAAI,CAAE,gBAAsC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;YAC5D,QAAQ,CAAC,eAAe,GAAG,KAAK,GAAG,YAAY,GAAG,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;QACxF,CAAC;QACD,OAAO,cAAc,GAAG,CAAC,GAAG,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,IAAI;cACrE,eAAe,GAAG,CAAC,GAAG,UAAU,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,SAAS;cACzD,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,eAAe,GAAG,CAAC,GAAG,qCAAqC,CAAC,CAAC,CAAC,EAAE,CAAC;cACtF,eAAe,GAAG,CAAC,GAAG,UAAU,GAAG,GAAG,CAAC,KAAK,CAAC;cAC7C,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC,GAAG,SAAS;cAC1E,QAAQ,CAAC;IACf,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACZ,OAAO,qCAAqC,GAAG,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,IAAI;UAC1F,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,+CAA+C,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,QAAQ,CAAC;UACxG,IAAI,GAAG,QAAQ,CAAC;AACtB,CAAC"}

package/dist/components/ledger-rows/style.d.ts

@@ -0,0 +1,5 @@
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export declare function ledgerRowsCss(input?: {
+    readonly prefix?: string;
+}): string;
+//# sourceMappingURL=style.d.ts.map

package/dist/components/ledger-rows/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/ledger-rows/style.ts"],"names":[],"mappings":"AAeA,4BAA4B;AAC5B,wBAAgB,aAAa,CAAC,KAAK,CAAC,EAAE;IAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAyE1E"}

package/dist/components/ledger-rows/style.js

@@ -0,0 +1,88 @@
+/** ledger-rows · **样式段**（本组件唯一的样式来源）。
+ *
+ *  纪律（与本层其余件同一份）：只读冻结 token，不新增 token 名；全部规则 scope 在 `.<prefix>page-ui` 下。
+ *  **字面经 `skinVar()` 读皮肤**：颜色走那 11 个冻结 token 名（皮肤作用域有旧名映射），字面没有旧名可映射 ⇒ 显式走皮肤读法。
+ *
+ *  几何契约（钉在测试里）：
+ *   · 值列**右对齐且数字位走皮肤的 `font-num`**（`tabular-nums`）⇒ 逐行竖读时小数点／单位在同一列；
+ *   · 引导线是**零高度的下边框**（`flex:1` 撑开、`translateY` 抬到基线），开关它不改任何行的行高；
+ *   · 行距与"明细行"同档（padding 6px 0）⇒ 两件混排时行高一致。
+ */
+import { skinVar } from '../skin/contract.js';
+/** 换行（仓库口径：不写字面换行转义）。 */
+const LF = String.fromCharCode(10);
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export function ledgerRowsCss(input) {
+    const p = input !== undefined && input !== null
+        && typeof input.prefix === 'string' && input.prefix !== '' ? input.prefix : 'ilife-';
+    const root = '.' + p + 'page-ui';
+    const s = root + ' .' + p + 'block-ledger-row';
+    /* 裸槽类（**不带** scope）：只用在"祖先已经由 `s` 给过"的嵌套／兄弟选择器里——
+       否则会拼成 `.+page-ui .a + .+page-ui .a`，那条规则要求"件里再套一层 page-ui"，**永远命中不到**。 */
+    const b = '.' + p + 'block-ledger-row';
+    return [
+        '/* ledger-rows（账目行）：标签 →（点线）→ 值；值列右对齐、等宽数字。 */',
+        root + ' .' + p + 'block-ledger-rows {',
+        '  display: flex;',
+        '  flex-direction: column;',
+        '  min-width: 0;',
+        '}',
+        root + ' .' + p + 'block-ledger-rows-heading {',
+        '  margin-bottom: 2px;',
+        '  color: var(--fg3);',
+        '  font-size: 11.5px;',
+        '  font-weight: 700;',
+        '  letter-spacing: .22em;',
+        '}',
+        s + ' {',
+        '  display: flex;',
+        '  align-items: baseline;',
+        '  gap: 8px;',
+        '  padding: 6px 0;',
+        '  min-width: 0;',
+        '  font-size: 13.5px;',
+        '}',
+        '/* 相邻行之间一条 hairline；首行不带（小标题已经把它和上文分开了）。 */',
+        s + ' + ' + b + ' {',
+        '  border-top: 1px solid var(--line);',
+        '}',
+        s + '-label {',
+        '  flex: 0 1 auto;',
+        '  color: var(--fg2);',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s + '-leader {',
+        '  flex: 1 1 auto;',
+        '  min-width: 12px;',
+        '  align-self: flex-end;',
+        '  margin-bottom: 4px;',
+        '  border-bottom: 1px dotted var(--line);',
+        '}',
+        s + '-value {',
+        '  flex: 0 0 auto;',
+        '  color: var(--fg);',
+        '  font-weight: 700;',
+        /* 值位是"数"：经 `skinVar('font-num')` 读皮肤的数字字面（与主数字头同一支字面）。 */
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  letter-spacing: -.01em;',
+        '  font-variant-numeric: tabular-nums;',
+        '  text-align: right;',
+        '}',
+        s + '-value small {',
+        '  margin-left: 3px;',
+        '  color: var(--fg2);',
+        '  font-size: 11.5px;',
+        '  font-weight: 600;',
+        '}',
+        '/* 合计行：上面一条实线（比 hairline 重一档）、字加粗——"这一行是加出来的"。 */',
+        s + '.is-total {',
+        '  margin-top: 2px;',
+        '  border-top: 1px solid var(--fg);',
+        '  font-weight: 800;',
+        '}',
+        s + '.is-total .' + p + 'block-ledger-row-label {',
+        '  color: var(--fg);',
+        '  font-weight: 700;',
+        '}',
+    ].join(LF);
+}

package/dist/components/ledger-rows/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/ledger-rows/style.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,yBAAyB;AACzB,MAAM,EAAE,GAAG,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;AAEnC,4BAA4B;AAC5B,MAAM,UAAU,aAAa,CAAC,KAAoC;IAChE,MAAM,CAAC,GAAG,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI;WAC1C,OAAO,KAAK,CAAC,MAAM,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;IACvF,MAAM,IAAI,GAAG,GAAG,GAAG,CAAC,GAAG,SAAS,CAAC;IACjC,MAAM,CAAC,GAAG,IAAI,GAAG,IAAI,GAAG,CAAC,GAAG,kBAAkB,CAAC;IAC/C;gFAC4E;IAC5E,MAAM,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,kBAAkB,CAAC;IACvC,OAAO;QACL,gDAAgD;QAChD,IAAI,GAAG,IAAI,GAAG,CAAC,GAAG,qBAAqB;QACvC,kBAAkB;QAClB,2BAA2B;QAC3B,iBAAiB;QACjB,GAAG;QACH,IAAI,GAAG,IAAI,GAAG,CAAC,GAAG,6BAA6B;QAC/C,uBAAuB;QACvB,sBAAsB;QACtB,sBAAsB;QACtB,qBAAqB;QACrB,0BAA0B;QAC1B,GAAG;QACH,CAAC,GAAG,IAAI;QACR,kBAAkB;QAClB,0BAA0B;QAC1B,aAAa;QACb,mBAAmB;QACnB,iBAAiB;QACjB,sBAAsB;QACtB,GAAG;QACH,6CAA6C;QAC7C,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,IAAI;QACpB,sCAAsC;QACtC,GAAG;QACH,CAAC,GAAG,UAAU;QACd,mBAAmB;QACnB,sBAAsB;QACtB,4BAA4B;QAC5B,GAAG;QACH,CAAC,GAAG,WAAW;QACf,mBAAmB;QACnB,oBAAoB;QACpB,yBAAyB;QACzB,uBAAuB;QACvB,0CAA0C;QAC1C,GAAG;QACH,CAAC,GAAG,UAAU;QACd,mBAAmB;QACnB,qBAAqB;QACrB,qBAAqB;QACrB,0DAA0D;QAC1D,iBAAiB,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,GAAG;QAC7C,2BAA2B;QAC3B,uCAAuC;QACvC,sBAAsB;QACtB,GAAG;QACH,CAAC,GAAG,gBAAgB;QACpB,qBAAqB;QACrB,sBAAsB;QACtB,sBAAsB;QACtB,qBAAqB;QACrB,GAAG;QACH,mDAAmD;QACnD,CAAC,GAAG,aAAa;QACjB,oBAAoB;QACpB,oCAAoC;QACpC,qBAAqB;QACrB,GAAG;QACH,CAAC,GAAG,aAAa,GAAG,CAAC,GAAG,0BAA0B;QAClD,qBAAqB;QACrB,qBAAqB;QACrB,GAAG;KACJ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACb,CAAC"}