base-paint 0.3.13 → 0.3.15

package/dist/components/sheet-frame/style.js

@@ -0,0 +1,105 @@
+/** sheet-frame · **样式段**（本组件的唯一样式来源，同时是**本族的样式汇总入口** `sheetCss()`）。
+ *
+ *  两条纪律（与本层其余件同一份，见 `src/components/README.md`）：
+ *   1. **颜色一律经 `skinVar()` 读皮肤**：纸面／纸边／桌面色都是**材料色**，写死就不跟皮肤
+ *      （换到 `ink` 下仍是小票纸的奶白）。此处不许再出现 `#rrggbb`／`rgba()` 字面量。
+ *      `variant`（素纸／小票纸）是**结构**差异（撕口／裁切线／更方的角），**不是**靠写死颜色区分：
+ *      两档各自取一档 token（素纸 `surface`／`line`，小票纸 `surface-2`／`edge`），值由皮肤给。
+ *      字面同理：纸面的正文字面显式取 `font`、本族的数字位取 `font-num`。
+ *   2. 全部规则 scope 在 `.<prefix>page-ui` 之下 ⇒ **不开 `pageUi` 的页零命中**（加法式的机械保证）。
+ *
+ *  几何契约（钉在测试里）：
+ *   · 撕口是**画在纸边上**的两枚半圆（圆心落在纸边线上），不占版面宽度 ⇒ 开关它不改任何列的 x；
+ *   · 裁切线与纸面同宽（左右各探出一个内距），底下不占高度。
+ */
+import { skinVar } from '../skin/contract.js';
+import { entryRowsCss } from '../entry-rows/style.js';
+import { ledgerRowsCss } from '../ledger-rows/style.js';
+import { punchStripCss } from '../punch-strip/style.js';
+import { scaleBarCss } from '../scale-bar/style.js';
+import { summaryHeadCss } from '../summary-head/style.js';
+/** 换行（仓库口径：不写字面换行转义，与本层其余件同）。 */
+const LF = String.fromCharCode(10);
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export function sheetFrameCss(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-sheet';
+    /* 材料色四枚 ＋ 桌面色一枚（全部经皮肤读法；本件源码里不出现手写的 `var(--ilife-…)`）。 */
+    const surface = skinVar('surface');
+    const surface2 = skinVar('surface-2');
+    const line = skinVar('line');
+    const edge = skinVar('edge');
+    const ground = skinVar('ground');
+    return [
+        '/* sheet-frame（纸面页框）：一整页的纸张层。素纸＝中性卡片纸，小票纸＝暖白＋纸边＋撕口＋裁切线。 */',
+        s + ' {',
+        '  position: relative;',
+        '  box-sizing: border-box;',
+        /* 纸的**正文**字面：经 `skinVar('font')` 读皮肤的正文栈（挂皮肤＝纸面正文也跟着换）。
+           注意：纸上那些**数字**不走这一串——它们各自取 `skinVar('font-num')`（本族的数字位读法）。 */
+        '  font-family: ' + skinVar('font') + ';',
+        '  background: ' + surface + ';',
+        '  border: 1px solid ' + line + ';',
+        '  border-radius: ' + 14 + 'px;',
+        '  box-shadow: ' + skinVar('shadow') + ';',
+        '  padding: 18px 20px 16px;',
+        '}',
+        '/* 小票纸：暖一档的纸面 ＋ 纸边 ＋ 更方的角（单据不是卡片）。色全走 token ⇒ 换皮时它自己跟着换。 */',
+        s + '.is-receipt {',
+        '  background: ' + surface2 + ';',
+        '  border-color: ' + edge + ';',
+        '  border-radius: ' + 6 + 'px;',
+        '}',
+        s + '-body {',
+        '  min-width: 0;',
+        '}',
+        '/* 撕口：圆心落在纸边线上的两枚半圆，用**桌面色**（`ground`）挖出来 ⇒ 换页面底色它自己跟着走。 */',
+        s + '-notch {',
+        '  position: absolute;',
+        '  top: 34px;',
+        '  width: 16px;',
+        '  height: 16px;',
+        '  border-radius: 50%;',
+        '  background: ' + ground + ';',
+        '  box-shadow: inset 0 0 0 1px ' + edge + ';',
+        '}',
+        s + '-notch.is-left { left: -9px; }',
+        s + '-notch.is-right { right: -9px; }',
+        '/* 裁切线：纸面宽度上的一条虚线，两端各一枚小孔（提示"沿这里撕"）。 */',
+        s + '-cut {',
+        '  position: relative;',
+        '  margin: 14px -20px 0;',
+        '  border-top: 1px dashed ' + edge + ';',
+        '}',
+        s + '-cut::before,',
+        s + '-cut::after {',
+        '  content: "";',
+        '  position: absolute;',
+        '  top: -5px;',
+        '  width: 9px;',
+        '  height: 9px;',
+        '  border-radius: 50%;',
+        '  background: ' + ground + ';',
+        '}',
+        s + '-cut::before { left: 8px; }',
+        s + '-cut::after { right: 8px; }',
+    ].join(LF);
+}
+/** **本族样式的汇总入口**（纸面 ＋ 主数字头 ＋ 刻度条 ＋ 账目行 ＋ 明细行 ＋ 打孔格带）。
+ *
+ *  为什么汇总在"纸"这一件：这一族的五个内容件都只在纸上成立（同一份纸边、同一套内距与行距），
+ *  调用方一行 `sheetCss()` 就能把它们一起挂上，不必记住五个函数名——
+ *  与 `pageShapeCss()` 汇总导航族／横条族是同一条口径。
+ *  恒返回非空 CSS 文本。 */
+export function sheetCss(input) {
+    return [
+        sheetFrameCss(input),
+        summaryHeadCss(input),
+        scaleBarCss(input),
+        ledgerRowsCss(input),
+        entryRowsCss(input),
+        punchStripCss(input),
+    ].join(LF);
+}

package/dist/components/sheet-frame/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/sheet-frame/style.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,iCAAiC;AACjC,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,aAAa,CAAC;IAC1C,0DAA0D;IAC1D,MAAM,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IACnC,MAAM,QAAQ,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;IACtC,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IAC7B,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IAC7B,MAAM,MAAM,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IACjC,OAAO;QACL,4DAA4D;QAC5D,CAAC,GAAG,IAAI;QACR,uBAAuB;QACvB,2BAA2B;QAC3B;wEACgE;QAChE,iBAAiB,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,GAAG;QACzC,gBAAgB,GAAG,OAAO,GAAG,GAAG;QAChC,sBAAsB,GAAG,IAAI,GAAG,GAAG;QACnC,mBAAmB,GAAG,EAAE,GAAG,KAAK;QAChC,gBAAgB,GAAG,OAAO,CAAC,QAAQ,CAAC,GAAG,GAAG;QAC1C,4BAA4B;QAC5B,GAAG;QACH,6DAA6D;QAC7D,CAAC,GAAG,eAAe;QACnB,gBAAgB,GAAG,QAAQ,GAAG,GAAG;QACjC,kBAAkB,GAAG,IAAI,GAAG,GAAG;QAC/B,mBAAmB,GAAG,CAAC,GAAG,KAAK;QAC/B,GAAG;QACH,CAAC,GAAG,SAAS;QACb,iBAAiB;QACjB,GAAG;QACH,6DAA6D;QAC7D,CAAC,GAAG,UAAU;QACd,uBAAuB;QACvB,cAAc;QACd,gBAAgB;QAChB,iBAAiB;QACjB,uBAAuB;QACvB,gBAAgB,GAAG,MAAM,GAAG,GAAG;QAC/B,gCAAgC,GAAG,IAAI,GAAG,GAAG;QAC7C,GAAG;QACH,CAAC,GAAG,gCAAgC;QACpC,CAAC,GAAG,kCAAkC;QACtC,yCAAyC;QACzC,CAAC,GAAG,QAAQ;QACZ,uBAAuB;QACvB,yBAAyB;QACzB,2BAA2B,GAAG,IAAI,GAAG,GAAG;QACxC,GAAG;QACH,CAAC,GAAG,eAAe;QACnB,CAAC,GAAG,eAAe;QACnB,gBAAgB;QAChB,uBAAuB;QACvB,cAAc;QACd,eAAe;QACf,gBAAgB;QAChB,uBAAuB;QACvB,gBAAgB,GAAG,MAAM,GAAG,GAAG;QAC/B,GAAG;QACH,CAAC,GAAG,6BAA6B;QACjC,CAAC,GAAG,6BAA6B;KAClC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACb,CAAC;AAED;;;;;oBAKoB;AACpB,MAAM,UAAU,QAAQ,CAAC,KAAoC;IAC3D,OAAO;QACL,aAAa,CAAC,KAAK,CAAC;QACpB,cAAc,CAAC,KAAK,CAAC;QACrB,WAAW,CAAC,KAAK,CAAC;QAClB,aAAa,CAAC,KAAK,CAAC;QACpB,YAAY,CAAC,KAAK,CAAC;QACnB,aAAa,CAAC,KAAK,CAAC;KACrB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACb,CAAC"}

package/dist/components/skeleton/attrs.d.ts

@@ -0,0 +1,47 @@
+/** skeleton · **标记契约**（渲染与调用方共用的唯一事实：类名／槽位／`data-*`／闭集／入参类型）。
+ *
+ *  这一件落地的是原型墙 `.scratch/ui-组件墙/parts-09-选择与反馈.mjs` 里 48 加载骨架的
+ *  **形态 A「读数 ＋ 明细行骨架」**（2026-09 用户裁定落地的那一形态），按层规重写
+ *  （原型是一次性代码：无判据、无错误处理、读的是墙稿变量）。
+ *
+ *  这一件替掉两种错法：
+ *   · 一排等宽灰杠 —— 读的人看不出「等来的是什么版式」，加载完那一下「啪」地换掉；
+ *   · 转圈圈 —— 说不出「在等什么、还要多久」，还把版面撑成一个没有形状的方块。
+ *  所以本件的骨架**照真版式排**：一条读数用的**大字位**＋ 若干条**明细行**（时间槽／两行名称位／值位），
+ *  行与行之间是发丝线 —— 与 `entry-rows`（明细行）同一副盒子，真数据进来时**不跳版**。
+ *
+ *  形态键住 `SKELETON_FORMS` 闭集（今天只有 `reading-list` 一格）：加第二形态是往闭集里加一格，
+ *  不是新开一件。闭集外的值一律 `badInput`（不静默降级：降级会让调用方以为自己拿到了另一种骨架）。
+ *
+ *  **本件没有运行时段**：骨架不接事件、不点不动（它是"正在读"的样子，不是控件）。
+ */
+/** 本件的类名根：全部槽位类名都是 `SKELETON_CLASS + '-' + 槽名`。 */
+export declare const SKELETON_CLASS = "ilife-block-skeleton";
+/** 槽位闭集（标记契约的一部分：`render.ts` 与判据都读这里的名字拼类名，不各抄一份字面量）。 */
+export declare const SKELETON_SLOTS: readonly ["cap", "cap-text", "cap-eta", "card", "reading", "reading-value", "reading-sub", "list", "row", "row-time", "row-lines", "line", "line-short", "row-value"];
+export type SkeletonSlot = (typeof SKELETON_SLOTS)[number];
+/** 槽类的类名（唯一拼法：别处不许再写 `SKELETON_CLASS + '-' + …`）。 */
+export declare function skeletonSlot(slot: SkeletonSlot, prefix?: string): string;
+/** 形态键属性（值＝`SkeletonForm`）。 */
+export declare const SKELETON_FORM_ATTR = "data-ilife-skeleton-form";
+/** 行数（机器读数：版面高度＝关于它的线性式，页面据此预留空间）。 */
+export declare const SKELETON_ROWS_ATTR = "data-ilife-skeleton-rows";
+/** 形态闭集：本件只落地形态 A「读数 ＋ 明细行骨架」。 */
+export declare const SKELETON_FORMS: readonly ["reading-list"];
+export type SkeletonForm = (typeof SKELETON_FORMS)[number];
+/** 占位行数的上限（防呆）：一行不留的把戏没人看，几百行的骨架是 bug（真数据该分页）。 */
+export declare const SKELETON_MAX_ROWS = 12;
+/** 加载骨架入参。 */
+export interface SkeletonInput {
+    /** 正在读什么（人话，如「正在读取今日饮食…」）：非空，**必填**。 */
+    readonly label: string;
+    /** 明细行占位几条（整数 1..`SKELETON_MAX_ROWS`）：与真件的行数一致，加载完才不跳版。 */
+    readonly rows: number;
+    /** 还要多久／读多少（如「通常 1 秒」「共 8 条」）：不给＝排头只有那句人话。 */
+    readonly eta?: string;
+    /** 形态键（闭集，缺省 `reading-list`）。 */
+    readonly form?: SkeletonForm;
+    /** 附加类名（空格分隔；逐个过类名正则）。 */
+    readonly extraClass?: string;
+}
+//# sourceMappingURL=attrs.d.ts.map

package/dist/components/skeleton/attrs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attrs.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/attrs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,mDAAmD;AACnD,eAAO,MAAM,cAAc,yBAAyB,CAAC;AAErD,yDAAyD;AACzD,eAAO,MAAM,cAAc,uKA6BjB,CAAC;AACX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE3D,qDAAqD;AACrD,wBAAgB,YAAY,CAAC,IAAI,EAAE,YAAY,EAAE,MAAM,SAAW,GAAG,MAAM,CAE1E;AAED,+BAA+B;AAC/B,eAAO,MAAM,kBAAkB,6BAA6B,CAAC;AAC7D,sCAAsC;AACtC,eAAO,MAAM,kBAAkB,6BAA6B,CAAC;AAE7D,kCAAkC;AAClC,eAAO,MAAM,cAAc,2BAA4B,CAAC;AACxD,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE3D,kDAAkD;AAClD,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,cAAc;AACd,MAAM,WAAW,aAAa;IAC5B,wCAAwC;IACxC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,2DAA2D;IAC3D,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,iCAAiC;IACjC,QAAQ,CAAC,IAAI,CAAC,EAAE,YAAY,CAAC;IAC7B,0BAA0B;IAC1B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B"}

package/dist/components/skeleton/attrs.js

@@ -0,0 +1,62 @@
+/** skeleton · **标记契约**（渲染与调用方共用的唯一事实：类名／槽位／`data-*`／闭集／入参类型）。
+ *
+ *  这一件落地的是原型墙 `.scratch/ui-组件墙/parts-09-选择与反馈.mjs` 里 48 加载骨架的
+ *  **形态 A「读数 ＋ 明细行骨架」**（2026-09 用户裁定落地的那一形态），按层规重写
+ *  （原型是一次性代码：无判据、无错误处理、读的是墙稿变量）。
+ *
+ *  这一件替掉两种错法：
+ *   · 一排等宽灰杠 —— 读的人看不出「等来的是什么版式」，加载完那一下「啪」地换掉；
+ *   · 转圈圈 —— 说不出「在等什么、还要多久」，还把版面撑成一个没有形状的方块。
+ *  所以本件的骨架**照真版式排**：一条读数用的**大字位**＋ 若干条**明细行**（时间槽／两行名称位／值位），
+ *  行与行之间是发丝线 —— 与 `entry-rows`（明细行）同一副盒子，真数据进来时**不跳版**。
+ *
+ *  形态键住 `SKELETON_FORMS` 闭集（今天只有 `reading-list` 一格）：加第二形态是往闭集里加一格，
+ *  不是新开一件。闭集外的值一律 `badInput`（不静默降级：降级会让调用方以为自己拿到了另一种骨架）。
+ *
+ *  **本件没有运行时段**：骨架不接事件、不点不动（它是"正在读"的样子，不是控件）。
+ */
+/** 本件的类名根：全部槽位类名都是 `SKELETON_CLASS + '-' + 槽名`。 */
+export const SKELETON_CLASS = 'ilife-block-skeleton';
+/** 槽位闭集（标记契约的一部分：`render.ts` 与判据都读这里的名字拼类名，不各抄一份字面量）。 */
+export const SKELETON_SLOTS = [
+    /** 排头那句人话（正在读什么 ＋ 还要多久），`role="status"`。 */
+    'cap',
+    /** 正在读什么。 */
+    'cap-text',
+    /** 还要多久／读多少。 */
+    'cap-eta',
+    /** 纸面（骨架落在它上面，占位块与真件的盒模型在这一层对齐）。 */
+    'card',
+    /** 读数位：真件这里是页头的主读数（大字）。 */
+    'reading',
+    /** 读数的大字占位块（高度＝主读数字号，**与 `page-head` 的主读数同尺度**）。 */
+    'reading-value',
+    /** 读数下的副行占位块（真件这里是「已吃目标的 46%」这类一句话）。 */
+    'reading-sub',
+    /** 明细行组（`rows` 条）。 */
+    'list',
+    /** 一条明细行的占位（三列：时间／名称／值）。 */
+    'row',
+    /** 时间槽占位（与 `entry-rows` 的时间槽同宽）。 */
+    'row-time',
+    /** 名称位：两行（真件是名称 ＋ 一行旁证）。 */
+    'row-lines',
+    /** 名称位的第一行（长）。 */
+    'line',
+    /** 名称位的第二行（短）。 */
+    'line-short',
+    /** 值位占位（右对齐）。 */
+    'row-value',
+];
+/** 槽类的类名（唯一拼法：别处不许再写 `SKELETON_CLASS + '-' + …`）。 */
+export function skeletonSlot(slot, prefix = 'ilife-') {
+    return prefix + 'block-skeleton-' + slot;
+}
+/** 形态键属性（值＝`SkeletonForm`）。 */
+export const SKELETON_FORM_ATTR = 'data-ilife-skeleton-form';
+/** 行数（机器读数：版面高度＝关于它的线性式，页面据此预留空间）。 */
+export const SKELETON_ROWS_ATTR = 'data-ilife-skeleton-rows';
+/** 形态闭集：本件只落地形态 A「读数 ＋ 明细行骨架」。 */
+export const SKELETON_FORMS = ['reading-list'];
+/** 占位行数的上限（防呆）：一行不留的把戏没人看，几百行的骨架是 bug（真数据该分页）。 */
+export const SKELETON_MAX_ROWS = 12;

package/dist/components/skeleton/attrs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attrs.js","sourceRoot":"","sources":["../../../src/components/skeleton/attrs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,mDAAmD;AACnD,MAAM,CAAC,MAAM,cAAc,GAAG,sBAAsB,CAAC;AAErD,yDAAyD;AACzD,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,4CAA4C;IAC5C,KAAK;IACL,aAAa;IACb,UAAU;IACV,gBAAgB;IAChB,SAAS;IACT,oCAAoC;IACpC,MAAM;IACN,2BAA2B;IAC3B,SAAS;IACT,oDAAoD;IACpD,eAAe;IACf,wCAAwC;IACxC,aAAa;IACb,sBAAsB;IACtB,MAAM;IACN,4BAA4B;IAC5B,KAAK;IACL,oCAAoC;IACpC,UAAU;IACV,4BAA4B;IAC5B,WAAW;IACX,kBAAkB;IAClB,MAAM;IACN,kBAAkB;IAClB,YAAY;IACZ,iBAAiB;IACjB,WAAW;CACH,CAAC;AAGX,qDAAqD;AACrD,MAAM,UAAU,YAAY,CAAC,IAAkB,EAAE,MAAM,GAAG,QAAQ;IAChE,OAAO,MAAM,GAAG,iBAAiB,GAAG,IAAI,CAAC;AAC3C,CAAC;AAED,+BAA+B;AAC/B,MAAM,CAAC,MAAM,kBAAkB,GAAG,0BAA0B,CAAC;AAC7D,sCAAsC;AACtC,MAAM,CAAC,MAAM,kBAAkB,GAAG,0BAA0B,CAAC;AAE7D,kCAAkC;AAClC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,cAAc,CAAU,CAAC;AAGxD,kDAAkD;AAClD,MAAM,CAAC,MAAM,iBAAiB,GAAG,EAAE,CAAC"}

package/dist/components/skeleton/index.d.ts

@@ -0,0 +1,25 @@
+/** skeleton · **组件出口**（本组件对外的唯一名字面）。
+ *
+ *  —— 加载骨架（等数据那一两秒）——
+ *
+ *  一句话：照**真版式**排的一片占位（一条主读数大字位 ＋ 若干条明细行），加载完真数据进来**不跳版**；
+ *  上面那句人话说明「正在读什么、还要多久」。
+ *
+ *  什么时候用它（对照既有件想清楚再选）：
+ *   · 页面已经知道**将要出现什么版式**，只差数据（读库那一两秒）→ 用它；
+ *   · 不知道会出什么、或者要用户表态 → 用 `empty-state`（空态）／`error-receipt`（错态）；
+ *   · 只是告知（「已保存」）→ 用 `toast`（提示条）。
+ *
+ *  三件出口：`renderSkeleton(input)`（产标记，纯函数零 DOM）／`skeletonCss()`（样式段）／
+ *  若干几何与动效常量（行距／主读数尺度／动效名与周期——**动效常量的家就在这里**，用户裁定）。
+ *
+ *  本件**没有运行时段**：骨架不接事件、不点不动（它是「正在读」的样子，不是控件）；
+ *  数据到手后由调用方**整块换成真件**（本件不负责换，也不该负责）。
+ *
+ *  用法与参数表见同目录 `README.md`。消费方走 `base-paint/blocks`（组件层出口），不走根出口。
+ */
+export { SKELETON_CLASS, SKELETON_FORM_ATTR, SKELETON_FORMS, SKELETON_MAX_ROWS, SKELETON_ROWS_ATTR, SKELETON_SLOTS, skeletonSlot, } from './attrs.js';
+export type { SkeletonForm, SkeletonInput, SkeletonSlot } from './attrs.js';
+export { renderSkeleton } from './render.js';
+export { SKELETON_NARROW_PX, SKELETON_PLACEHOLDER_MIX_PERCENT, SKELETON_PULSE_DURATION_MS, SKELETON_PULSE_MIN_OPACITY, SKELETON_PULSE_NAME, SKELETON_READING_SCALE, SKELETON_ROW_HEIGHT_PX, SKELETON_ROW_SEPARATOR_PX, SKELETON_STILL_OPACITY, SKELETON_VALUE_SLOT_PX, skeletonCss, } from './style.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/skeleton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EACL,cAAc,EAAE,kBAAkB,EAAE,cAAc,EAAE,iBAAiB,EAAE,kBAAkB,EACzF,cAAc,EAAE,YAAY,GAC7B,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EACL,kBAAkB,EAAE,gCAAgC,EAAE,0BAA0B,EAAE,0BAA0B,EAC5G,mBAAmB,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,yBAAyB,EAC9F,sBAAsB,EAAE,sBAAsB,EAAE,WAAW,GAC5D,MAAM,YAAY,CAAC"}

package/dist/components/skeleton/index.js

@@ -0,0 +1,23 @@
+/** skeleton · **组件出口**（本组件对外的唯一名字面）。
+ *
+ *  —— 加载骨架（等数据那一两秒）——
+ *
+ *  一句话：照**真版式**排的一片占位（一条主读数大字位 ＋ 若干条明细行），加载完真数据进来**不跳版**；
+ *  上面那句人话说明「正在读什么、还要多久」。
+ *
+ *  什么时候用它（对照既有件想清楚再选）：
+ *   · 页面已经知道**将要出现什么版式**，只差数据（读库那一两秒）→ 用它；
+ *   · 不知道会出什么、或者要用户表态 → 用 `empty-state`（空态）／`error-receipt`（错态）；
+ *   · 只是告知（「已保存」）→ 用 `toast`（提示条）。
+ *
+ *  三件出口：`renderSkeleton(input)`（产标记，纯函数零 DOM）／`skeletonCss()`（样式段）／
+ *  若干几何与动效常量（行距／主读数尺度／动效名与周期——**动效常量的家就在这里**，用户裁定）。
+ *
+ *  本件**没有运行时段**：骨架不接事件、不点不动（它是「正在读」的样子，不是控件）；
+ *  数据到手后由调用方**整块换成真件**（本件不负责换，也不该负责）。
+ *
+ *  用法与参数表见同目录 `README.md`。消费方走 `base-paint/blocks`（组件层出口），不走根出口。
+ */
+export { SKELETON_CLASS, SKELETON_FORM_ATTR, SKELETON_FORMS, SKELETON_MAX_ROWS, SKELETON_ROWS_ATTR, SKELETON_SLOTS, skeletonSlot, } from './attrs.js';
+export { renderSkeleton } from './render.js';
+export { SKELETON_NARROW_PX, SKELETON_PLACEHOLDER_MIX_PERCENT, SKELETON_PULSE_DURATION_MS, SKELETON_PULSE_MIN_OPACITY, SKELETON_PULSE_NAME, SKELETON_READING_SCALE, SKELETON_ROW_HEIGHT_PX, SKELETON_ROW_SEPARATOR_PX, SKELETON_STILL_OPACITY, SKELETON_VALUE_SLOT_PX, skeletonCss, } from './style.js';

package/dist/components/skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/skeleton/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EACL,cAAc,EAAE,kBAAkB,EAAE,cAAc,EAAE,iBAAiB,EAAE,kBAAkB,EACzF,cAAc,EAAE,YAAY,GAC7B,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EACL,kBAAkB,EAAE,gCAAgC,EAAE,0BAA0B,EAAE,0BAA0B,EAC5G,mBAAmB,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,yBAAyB,EAC9F,sBAAsB,EAAE,sBAAsB,EAAE,WAAW,GAC5D,MAAM,YAAY,CAAC"}

package/dist/components/skeleton/model.d.ts

@@ -0,0 +1,15 @@
+import { type SkeletonForm } from './attrs.js';
+/** 内部类型：每个字段都已校验、已归一（`undefined` 一律换成「不给」）。 */
+export interface SkeletonModel {
+    readonly form: SkeletonForm;
+    /** 正在读什么。 */
+    readonly label: string;
+    /** 明细行占位几条（整数 1..SKELETON_MAX_ROWS）。 */
+    readonly rows: number;
+    /** 还要多久／读多少。 */
+    readonly eta?: string;
+    readonly extraClass?: string;
+}
+/** 入参归一化。**唯一入口**：`render.ts` 只吃它产出的 `SkeletonModel`，不再自己碰 `any`。 */
+export declare function normalizeSkeleton(input: unknown): SkeletonModel;
+//# sourceMappingURL=model.d.ts.map

package/dist/components/skeleton/model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/model.ts"],"names":[],"mappings":"AAQA,OAAO,EAAqC,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAElF,+CAA+C;AAC/C,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAC;IAC5B,aAAa;IACb,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,wCAAwC;IACxC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,gBAAgB;IAChB,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,qEAAqE;AACrE,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,OAAO,GAAG,aAAa,CA0B/D"}

package/dist/components/skeleton/model.js

@@ -0,0 +1,34 @@
+/** skeleton · **入参归一化与校验**（把 `any` 与说不出的 `unknown` 挡在门外，产出内部类型）。
+ *
+ *  两条口径：
+ *   1. **非法入参一律 `badInput()`**（抛 `BlocksError`）——不静默降级：行数被静默夹到上限，
+ *      会让「加载完不跳版」这条不变量在页面上悄悄失效（本件的高度是行数的线性式，夹了就不准了）；
+ *   2. 归一化只做「形状」：行数只收整数、只收 `1..SKELETON_MAX_ROWS`；文本一律逐字上屏。
+ */
+import { assertPlainObject, badInput, optExtraClass, optText, reqText } from '../shared/validate.js';
+import { SKELETON_FORMS, SKELETON_MAX_ROWS } from './attrs.js';
+/** 入参归一化。**唯一入口**：`render.ts` 只吃它产出的 `SkeletonModel`，不再自己碰 `any`。 */
+export function normalizeSkeleton(input) {
+    assertPlainObject(input, 'renderSkeleton: input');
+    const raw = input;
+    const form = raw.form === undefined ? SKELETON_FORMS[0] : raw.form;
+    if (!SKELETON_FORMS.includes(form)) {
+        badInput('skeleton: input.form 必须是 ' + SKELETON_FORMS.join('／') + ' 之一'
+            + '（本件只落地形态 A「读数 ＋ 明细行骨架」）');
+    }
+    const rows = raw.rows;
+    if (typeof rows !== 'number' || !Number.isInteger(rows)) {
+        badInput('skeleton: input.rows 必须是整数（行数是本件高度的唯一变量）');
+    }
+    if (rows < 1 || rows > SKELETON_MAX_ROWS) {
+        badInput('skeleton: input.rows 必须在 1..' + String(SKELETON_MAX_ROWS) + ' 之间（不给就静默夹，'
+            + '高度就不再是行数的线性式，「加载完不跳版」会悄悄失效）：' + String(rows));
+    }
+    return {
+        form: form,
+        label: reqText(raw.label, 'skeleton: input.label'),
+        rows,
+        eta: optText(raw.eta, 'skeleton: input.eta'),
+        extraClass: optExtraClass(raw.extraClass, 'skeleton: input.extraClass'),
+    };
+}

package/dist/components/skeleton/model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/skeleton/model.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrG,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAqB,MAAM,YAAY,CAAC;AAclF,qEAAqE;AACrE,MAAM,UAAU,iBAAiB,CAAC,KAAc;IAC9C,iBAAiB,CAAC,KAAK,EAAE,uBAAuB,CAAC,CAAC;IAClD,MAAM,GAAG,GAAG,KAAgC,CAAC;IAE7C,MAAM,IAAI,GAAG,GAAG,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC;IACnE,IAAI,CAAE,cAAqC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;QAC3D,QAAQ,CAAC,2BAA2B,GAAG,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK;cACnE,yBAAyB,CAAC,CAAC;IACjC,CAAC;IAED,MAAM,IAAI,GAAY,GAAG,CAAC,IAAI,CAAC;IAC/B,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;QACxD,QAAQ,CAAC,0CAA0C,CAAC,CAAC;IACvD,CAAC;IACD,IAAI,IAAI,GAAG,CAAC,IAAI,IAAI,GAAG,iBAAiB,EAAE,CAAC;QACzC,QAAQ,CAAC,8BAA8B,GAAG,MAAM,CAAC,iBAAiB,CAAC,GAAG,aAAa;cAC/E,8BAA8B,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;IACrD,CAAC;IAED,OAAO;QACL,IAAI,EAAE,IAAoB;QAC1B,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,uBAAuB,CAAC;QAClD,IAAI;QACJ,GAAG,EAAE,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,qBAAqB,CAAC;QAC5C,UAAU,EAAE,aAAa,CAAC,GAAG,CAAC,UAAU,EAAE,4BAA4B,CAAC;KACxE,CAAC;AACJ,CAAC"}

package/dist/components/skeleton/render.d.ts

@@ -0,0 +1,3 @@
+/** 渲染加载骨架（纯函数：同样的入参恒产同样的字节；转义只经 `shared/escape.ts`）。 */
+export declare function renderSkeleton(input: unknown): string;
+//# sourceMappingURL=render.d.ts.map

package/dist/components/skeleton/render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/render.ts"],"names":[],"mappings":"AA0DA,wDAAwD;AACxD,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAQrD"}

package/dist/components/skeleton/render.js

@@ -0,0 +1,60 @@
+/** skeleton · **渲染**（纯函数产 HTML；零 DOM、零副作用。本件只有形态 A「读数 ＋ 明细行骨架」一种骨架）。
+ *
+ *  —— 形态 A：照真版式排的骨架 ——
+ *
+ *  三条硬口径：
+ *   · **按真实版式排，不是几条灰杠**：上面一条**大字位**（真件是页头的主读数）＋ 一条副行位；
+ *     下面是若干条**明细行**（时间槽／两行名称位／值位），行间一条发丝线 —— 与 `entry-rows`
+ *     同一副盒子（时间槽宽度直接读它的常量），所以真数据进来时**不跳版**；
+ *   · **排头说人话**：`label`（正在读什么）＋ `eta`（还要多久）—— 骨架不是「无话可说」的样子；
+ *   · **占位块全部 `aria-hidden`**：读屏只念排头那句（`role="status"`），不念十二个空盒子；
+ *     根上 `aria-busy="true"` 告诉辅助技术「这一块还在变」。
+ */
+import { esc } from '../shared/escape.js';
+import { SKELETON_CLASS, SKELETON_FORM_ATTR, SKELETON_ROWS_ATTR, skeletonSlot, } from './attrs.js';
+import { normalizeSkeleton } from './model.js';
+/** 一条明细行：时间槽 ＋ 名称位两行 ＋ 值位（三列的宽度由样式按真件的盒子钉死）。 */
+function rowHtml() {
+    return '<div class="' + skeletonSlot('row') + '">'
+        + '<span class="' + skeletonSlot('row-time') + '"></span>'
+        + '<span class="' + skeletonSlot('row-lines') + '">'
+        + '<span class="' + skeletonSlot('line') + '"></span>'
+        + '<span class="' + skeletonSlot('line-short') + '"></span>'
+        + '</span>'
+        + '<span class="' + skeletonSlot('row-value') + '"></span>'
+        + '</div>';
+}
+/** 形态 A 的骨架。 */
+function renderReadingList(m) {
+    const parts = [];
+    parts.push('<p class="' + skeletonSlot('cap') + '" role="status">');
+    parts.push('<span class="' + skeletonSlot('cap-text') + '">' + esc(m.label) + '</span>');
+    if (m.eta !== undefined)
+        parts.push('<b class="' + skeletonSlot('cap-eta') + '">' + esc(m.eta) + '</b>');
+    parts.push('</p>');
+    parts.push('<div class="' + skeletonSlot('card') + '">');
+    parts.push('<div class="' + skeletonSlot('reading') + '" aria-hidden="true">');
+    parts.push('<span class="' + skeletonSlot('reading-value') + '"></span>');
+    parts.push('<span class="' + skeletonSlot('reading-sub') + '"></span>');
+    parts.push('</div>');
+    parts.push('<div class="' + skeletonSlot('list') + '" aria-hidden="true">');
+    for (let i = 0; i < m.rows; i += 1)
+        parts.push(rowHtml());
+    parts.push('</div>');
+    parts.push('</div>');
+    return parts.join('');
+}
+/** 形态 → 骨架（本件只有一格；加第二形态就是加一支）。 */
+const SKELETONS = {
+    'reading-list': renderReadingList,
+};
+/** 渲染加载骨架（纯函数：同样的入参恒产同样的字节；转义只经 `shared/escape.ts`）。 */
+export function renderSkeleton(input) {
+    const m = normalizeSkeleton(input);
+    const extra = m.extraClass === undefined ? '' : ' ' + m.extraClass;
+    return '<div class="' + SKELETON_CLASS + ' is-' + m.form + extra + '"'
+        + ' aria-busy="true"'
+        + ' ' + SKELETON_FORM_ATTR + '="' + m.form + '"'
+        + ' ' + SKELETON_ROWS_ATTR + '="' + String(m.rows) + '"'
+        + '>' + SKELETONS[m.form](m) + '</div>';
+}

package/dist/components/skeleton/render.js.map

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

package/dist/components/skeleton/style.d.ts

@@ -0,0 +1,27 @@
+/** 行盒高度（px）＝**行距**：真件明细行在正文 `line-height:1.5` 下的行高（`entry-rows` 的行盒子同高）。
+ *  行间那条发丝线（`SKELETON_ROW_SEPARATOR_PX`）**画在这个盒子里面**（`box-sizing:border-box`）
+ *  ⇒ 行盒高就是行距，加载前后逐行对得上（真机量的是相邻两行的 `top` 之差）。 */
+export declare const SKELETON_ROW_HEIGHT_PX = 35;
+/** 行间发丝线（px）：与 `entry-rows` 的行间点线同一副盒子（一条线，含在上面那个行盒里）。 */
+export declare const SKELETON_ROW_SEPARATOR_PX = 1;
+/** 主读数尺度：与 `page-head` 的主读数同尺度（读数 ＝ 页标题 × 2.2）—— 两件的读数是同一行字。 */
+export declare const SKELETON_READING_SCALE = 2.2;
+/** 值位列宽（px）：金额／热量那一列。 */
+export declare const SKELETON_VALUE_SLOT_PX = 64;
+/** 占位块与纸面的混合比（%）：`color-mix(in srgb, ink N%, surface)` —— **从 token 算出来**，不写死灰值。 */
+export declare const SKELETON_PLACEHOLDER_MIX_PERCENT = 13;
+/** 脉搏动效名（每帧只有 `opacity`）。 */
+export declare const SKELETON_PULSE_NAME = "ilife-block-skeleton-pulse";
+/** 脉搏周期（ms）。 */
+export declare const SKELETON_PULSE_DURATION_MS = 1400;
+/** 脉搏最暗一帧的可见度（不许低到看不见）。 */
+export declare const SKELETON_PULSE_MIN_OPACITY = 0.55;
+/** `prefers-reduced-motion: reduce` 下的静止可见度（动效停住，占位块照旧看得见）。 */
+export declare const SKELETON_STILL_OPACITY = 0.72;
+/** 窄容器阈值（px，`@container` 判的是**本件自己的宽度**）：排头那句人话改两台。 */
+export declare const SKELETON_NARROW_PX = 420;
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export declare function skeletonCss(input?: {
+    readonly prefix?: string;
+}): string;
+//# sourceMappingURL=style.d.ts.map

package/dist/components/skeleton/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/style.ts"],"names":[],"mappings":"AA2BA;;gDAEgD;AAChD,eAAO,MAAM,sBAAsB,KAAK,CAAC;AACzC,0DAA0D;AAC1D,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAC3C,gEAAgE;AAChE,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAC1C,yBAAyB;AACzB,eAAO,MAAM,sBAAsB,KAAK,CAAC;AACzC,oFAAoF;AACpF,eAAO,MAAM,gCAAgC,KAAK,CAAC;AACnD,6BAA6B;AAC7B,eAAO,MAAM,mBAAmB,+BAA+B,CAAC;AAChE,gBAAgB;AAChB,eAAO,MAAM,0BAA0B,OAAO,CAAC;AAC/C,2BAA2B;AAC3B,eAAO,MAAM,0BAA0B,OAAO,CAAC;AAC/C,+DAA+D;AAC/D,eAAO,MAAM,sBAAsB,OAAO,CAAC;AAC3C,uDAAuD;AACvD,eAAO,MAAM,kBAAkB,MAAM,CAAC;AAEtC,4BAA4B;AAC5B,wBAAgB,WAAW,CAAC,KAAK,CAAC,EAAE;IAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAgLxE"}