base-paint 0.3.13 → 0.3.15

package/dist/components/page-bars/index.d.ts

@@ -0,0 +1,98 @@
+/** #950 · 页面级横条三件：**时间格带**（`renderDayStrip`）、**等式条**（`renderEquationBar`）、
+ *  **态声明条**（`renderStateBanner`）。样式随本件出（`pageBarsCss()` 由 `pageShapeCss()` 汇总进页）。
+ *
+ *  **住址**：目录化批次①把它从 `src/pageBars.ts` 搬到这里（同批 `pageBarsCss.ts` → `./style.ts`），
+ *  进出面一字未动（根出口仍出 `CAPTION_TONES`／`DAY_STRIP_EMPTY_MARK`／`STATE_TONES`／
+ *  `pageBarsCss`／三个 `render*` 与六个类型）；判据＝产物逐字节相同
+ *  （`docs/base/base-render/组件目录架构.md`）。
+ *
+ *  为什么要这三件（第一性：**三种「一行说不完」的信息各有其形**）：
+ *   · **时间格带**：N 天窗口里「哪几天有记录、哪几天缺数」此前被压成一句「有记录 1/7 天」——
+ *     句子说得出数量，说不出**哪几天**。一格一天的形状把它画出来（缺数格留空槽，不补零）。
+ *   · **等式条**：`A ＋ B ＝ C` 这类加减关系（摄入＋缺口＝消耗、收入−支出＝结余）此前写成一整句，
+ *     句长随要素增长（实测 33 字把一张读数卡撑到同排最高）；两段轨道 ＋ 端点标签是它的最小形状。
+ *   · **态声明条**：**「态」与「结论」不是一回事**——结论讲读数，态讲「这句话在什么前提下成立」
+ *     （目标暂停中／首次使用／窗口内无记录）。公共层此前只有「提示」（可关闭的 toast 形）与
+ *     「结论」（讲读数），中间这个位子空着，于是被写成结论句的前缀。
+ *
+ *  为什么另立一件（不并进 `pageShapes.ts`）：那一件已 452 行、越过本包 350 行告警线。
+ *  **已超线，需要根据规则进行重构**（指 `pageShapes.ts`，非本件）：本件即按该拆法新立的姊妹件之一。
+ *
+ *  色值与圆角只用冻结 token 与圆角闭集 `{8,14,20,999}`，不新增。
+ *  **单位归调用方**：本层的值位只吃「已经是给人看的样子」的串（数字取整与单位口径由各包显示层定），
+ *  与 `pageShapes.ts` 的事实条同口径。
+ */
+/** 缺数占位（与全仓「缺数一律写 —」同字）。 */
+export declare const DAY_STRIP_EMPTY_MARK = "\u2014";
+/** 带下事实条的语气闭集（`plain` ＝ 中性灰，缺省）。 */
+export declare const CAPTION_TONES: readonly ["plain", "ok", "warn", "danger"];
+export type CaptionTone = (typeof CAPTION_TONES)[number];
+export interface DayCellInput {
+    /** 格上的日期串（如 `09-17`；「今天」二字由调用方决定要不要带）。 */
+    readonly label: string;
+    /** 那天的读数（**已是给人看的样子**）；`null` ＝ 那天缺数（印 `emptyMark`、圆点转灰）。 */
+    readonly value: string | null;
+    /** 今天那格（高亮）；缺省 `false`。 */
+    readonly today?: boolean;
+}
+export interface DayStripCaptionInput {
+    /** 带下一句事实（如「本窗 1/7 天有记录」）。 */
+    readonly text: string;
+    readonly tone?: CaptionTone;
+}
+export interface DayStripInput {
+    /** 逐天的格子（顺序＝时间顺序）；0 格＝空串。 */
+    readonly days: readonly DayCellInput[];
+    /** 缺数格里的占位字，缺省 `—`。 */
+    readonly emptyMark?: string;
+    /** 带下事实条；0 条＝不出那一条。 */
+    readonly caption?: readonly DayStripCaptionInput[];
+    /** 密度：`comfortable`（缺省）／`compact`（值字号降一档，用于卡内窄位）。 */
+    readonly density?: 'comfortable' | 'compact';
+    readonly extraClass?: string;
+}
+/** 时间格带：把「哪几天有记录」画出来。空数组出不了一个字。
+ *  窄屏（≤640）由样式段收成「只留日号」，`today` 格靠高亮认，不再靠文字。 */
+export declare function renderDayStrip(input: DayStripInput): string;
+export interface EquationSegmentInput {
+    /** 这一段是什么（人话短名，如「摄入」「缺口」）。 */
+    readonly label: string;
+    /** 这一段的量（与 `total` 同单位）。 */
+    readonly value: number;
+}
+export interface EquationBarInput {
+    /** 两段（或三段）；0 段＝空串。宽度按 `value / total` 铺满。 */
+    readonly segments: readonly EquationSegmentInput[];
+    /** 等式右边那个量（`a+b=c` 的 `c`）；非零有限数，作宽度的分母。 */
+    readonly total: number;
+    /** 顶部一行：左标右值（值位是**结论数**，如「2012 卡」）。不给＝不出那行。 */
+    readonly heading?: {
+        readonly label: string;
+        readonly value: string;
+    };
+    /** 底部逐段读数后是否再补一枚「合计」格（`total`）。缺省 `false`。 */
+    readonly endLabels?: boolean;
+    readonly extraClass?: string;
+}
+/** 等式条：`A ＋ B ＝ C` 的形状。`total` 作分母；越界值夹到 0–100，不报错（同 `renderMiniBar` 口径）。 */
+export declare function renderEquationBar(input: EquationBarInput): string;
+/** 语气闭集（`info` 中性说明／`warn` 前提未生效／`danger` 数据不足）。 */
+export declare const STATE_TONES: readonly ["info", "warn", "danger"];
+export type StateTone = (typeof STATE_TONES)[number];
+export interface StateBannerInput {
+    readonly tone: StateTone;
+    /** 短词（如「目标暂停中」）；一枚徽标，不是一句话。 */
+    readonly badge: string;
+    /** 一句话说明（可省）。 */
+    readonly text?: string;
+    /** 可点动作：给 `actionId` 时页面运行时按 `data-action-id` 委派（本层不自建交互）。 */
+    readonly action?: {
+        readonly label: string;
+        readonly actionId: string;
+    };
+    readonly extraClass?: string;
+}
+/** 态声明条：一行「徽标 ＋ 说明（＋ 动作）」。语气色与状态徽章同一套语义色。 */
+export declare function renderStateBanner(input: StateBannerInput): string;
+export { pageBarsCss } from './style.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/page-bars/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/page-bars/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAwCH,4BAA4B;AAC5B,eAAO,MAAM,oBAAoB,WAAW,CAAC;AAE7C,oCAAoC;AACpC,eAAO,MAAM,aAAa,4CAA6C,CAAC;AACxE,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAEzD,MAAM,WAAW,YAAY;IAC3B,0CAA0C;IAC1C,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,6DAA6D;IAC7D,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,2BAA2B;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,oBAAoB;IACnC,8BAA8B;IAC9B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;CAC7B;AAED,MAAM,WAAW,aAAa;IAC5B,6BAA6B;IAC7B,QAAQ,CAAC,IAAI,EAAE,SAAS,YAAY,EAAE,CAAC;IACvC,uBAAuB;IACvB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,uBAAuB;IACvB,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,oBAAoB,EAAE,CAAC;IACnD,qDAAqD;IACrD,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAC7C,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED;gDACgD;AAChD,wBAAgB,cAAc,CAAC,KAAK,EAAE,aAAa,GAAG,MAAM,CA0C3D;AAMD,MAAM,WAAW,oBAAoB;IACnC,8BAA8B;IAC9B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,4BAA4B;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,gBAAgB;IAC/B,6CAA6C;IAC7C,QAAQ,CAAC,QAAQ,EAAE,SAAS,oBAAoB,EAAE,CAAC;IACnD,2CAA2C;IAC3C,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,+CAA+C;IAC/C,QAAQ,CAAC,OAAO,CAAC,EAAE;QAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACtE,8CAA8C;IAC9C,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,6EAA6E;AAC7E,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,GAAG,MAAM,CAiCjE;AAMD,oDAAoD;AACpD,eAAO,MAAM,WAAW,qCAAsC,CAAC;AAC/D,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAErD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;IACzB,+BAA+B;IAC/B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,iBAAiB;IACjB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,8DAA8D;IAC9D,QAAQ,CAAC,MAAM,CAAC,EAAE;QAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;IACxE,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,6CAA6C;AAC7C,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,GAAG,MAAM,CAoBjE;AAED,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/page-bars/index.js

@@ -0,0 +1,180 @@
+/** #950 · 页面级横条三件：**时间格带**（`renderDayStrip`）、**等式条**（`renderEquationBar`）、
+ *  **态声明条**（`renderStateBanner`）。样式随本件出（`pageBarsCss()` 由 `pageShapeCss()` 汇总进页）。
+ *
+ *  **住址**：目录化批次①把它从 `src/pageBars.ts` 搬到这里（同批 `pageBarsCss.ts` → `./style.ts`），
+ *  进出面一字未动（根出口仍出 `CAPTION_TONES`／`DAY_STRIP_EMPTY_MARK`／`STATE_TONES`／
+ *  `pageBarsCss`／三个 `render*` 与六个类型）；判据＝产物逐字节相同
+ *  （`docs/base/base-render/组件目录架构.md`）。
+ *
+ *  为什么要这三件（第一性：**三种「一行说不完」的信息各有其形**）：
+ *   · **时间格带**：N 天窗口里「哪几天有记录、哪几天缺数」此前被压成一句「有记录 1/7 天」——
+ *     句子说得出数量，说不出**哪几天**。一格一天的形状把它画出来（缺数格留空槽，不补零）。
+ *   · **等式条**：`A ＋ B ＝ C` 这类加减关系（摄入＋缺口＝消耗、收入−支出＝结余）此前写成一整句，
+ *     句长随要素增长（实测 33 字把一张读数卡撑到同排最高）；两段轨道 ＋ 端点标签是它的最小形状。
+ *   · **态声明条**：**「态」与「结论」不是一回事**——结论讲读数，态讲「这句话在什么前提下成立」
+ *     （目标暂停中／首次使用／窗口内无记录）。公共层此前只有「提示」（可关闭的 toast 形）与
+ *     「结论」（讲读数），中间这个位子空着，于是被写成结论句的前缀。
+ *
+ *  为什么另立一件（不并进 `pageShapes.ts`）：那一件已 452 行、越过本包 350 行告警线。
+ *  **已超线，需要根据规则进行重构**（指 `pageShapes.ts`，非本件）：本件即按该拆法新立的姊妹件之一。
+ *
+ *  色值与圆角只用冻结 token 与圆角闭集 `{8,14,20,999}`，不新增。
+ *  **单位归调用方**：本层的值位只吃「已经是给人看的样子」的串（数字取整与单位口径由各包显示层定），
+ *  与 `pageShapes.ts` 的事实条同口径。
+ */
+/** 换行（仓库口径：不写字面换行转义，与 `blocks.ts`／`pageShapes.ts` 同）。 */
+const LF = String.fromCharCode(10);
+/** 五字符转义表（与 `blocks.ts` 的 `esc` 逐字同口径，本件不引区块层内部件）。 */
+function esc(value) {
+    return value.replace(/[&<>"']/g, (ch) => {
+        if (ch === '&')
+            return '&amp;';
+        if (ch === '<')
+            return '&lt;';
+        if (ch === '>')
+            return '&gt;';
+        if (ch === '"')
+            return '&quot;';
+        return '&#39;';
+    });
+}
+function reqText(value, field) {
+    if (typeof value !== 'string' || value.trim() === '') {
+        throw new Error('pageBars: ' + field + ' 必须是非空字符串');
+    }
+    return value;
+}
+function optText(value, field) {
+    if (value === undefined || value === null)
+        return undefined;
+    if (typeof value !== 'string')
+        throw new Error('pageBars: ' + field + ' 必须是字符串');
+    return value === '' ? undefined : value;
+}
+function reqFinite(value, field) {
+    if (typeof value !== 'number' || !Number.isFinite(value)) {
+        throw new Error('pageBars: ' + field + ' 必须是有限数');
+    }
+    return value;
+}
+/* ══════════════════════════════════════════════════════════════
+ * ① 时间格带：一格一天（有记录／缺数／今天三态）
+ * ══════════════════════════════════════════════════════════════ */
+/** 缺数占位（与全仓「缺数一律写 —」同字）。 */
+export const DAY_STRIP_EMPTY_MARK = '\u2014';
+/** 带下事实条的语气闭集（`plain` ＝ 中性灰，缺省）。 */
+export const CAPTION_TONES = ['plain', 'ok', 'warn', 'danger'];
+/** 时间格带：把「哪几天有记录」画出来。空数组出不了一个字。
+ *  窄屏（≤640）由样式段收成「只留日号」，`today` 格靠高亮认，不再靠文字。 */
+export function renderDayStrip(input) {
+    const days = input.days;
+    if (!Array.isArray(days))
+        throw new Error('pageBars: renderDayStrip: input.days 必须是数组');
+    if (days.length === 0)
+        return '';
+    const emptyMark = optText(input.emptyMark, 'renderDayStrip: input.emptyMark') ?? DAY_STRIP_EMPTY_MARK;
+    const density = input.density ?? 'comfortable';
+    if (density !== 'comfortable' && density !== 'compact') {
+        throw new Error('pageBars: renderDayStrip: input.density 必须是 comfortable／compact 之一');
+    }
+    const extra = optText(input.extraClass, 'renderDayStrip: input.extraClass');
+    const cells = days.map((raw, i) => {
+        const field = 'renderDayStrip: input.days[' + i + ']';
+        const day = raw;
+        const label = reqText(day.label, field + '.label');
+        const value = day.value === null || day.value === undefined ? null : reqText(day.value, field + '.value');
+        const has = value !== null;
+        const classes = 'ilife-block-day-strip-cell'
+            + (has ? ' is-has' : '')
+            + (day.today === true ? ' is-today' : '');
+        return '<div class="' + classes + '">'
+            + '<span class="ilife-block-day-strip-date">' + esc(label) + '</span>'
+            + '<span class="ilife-block-day-strip-dot" aria-hidden="true"></span>'
+            + '<span class="ilife-block-day-strip-val">' + esc(has ? value : emptyMark) + '</span>'
+            + '</div>';
+    }).join('');
+    const capItems = input.caption === undefined ? [] : input.caption;
+    if (!Array.isArray(capItems))
+        throw new Error('pageBars: renderDayStrip: input.caption 必须是数组');
+    const cap = capItems.map((raw, i) => {
+        const field = 'renderDayStrip: input.caption[' + i + ']';
+        const item = raw;
+        const text = reqText(item.text, field + '.text');
+        const tone = item.tone ?? 'plain';
+        if (!CAPTION_TONES.includes(tone)) {
+            throw new Error('pageBars: ' + field + '.tone 必须是 ' + CAPTION_TONES.join('／') + ' 之一');
+        }
+        return '<span class="ilife-block-day-strip-cap-item ilife-block-day-strip-cap-item-' + tone + '">'
+            + esc(text) + '</span>';
+    }).join('');
+    return '<div class="ilife-block-day-strip is-' + density + (extra === undefined ? '' : ' ' + extra) + '">'
+        + '<div class="ilife-block-day-strip-cells">' + cells + '</div>'
+        + (cap === '' ? '' : '<div class="ilife-block-day-strip-cap">' + cap + '</div>')
+        + '</div>';
+}
+/** 等式条：`A ＋ B ＝ C` 的形状。`total` 作分母；越界值夹到 0–100，不报错（同 `renderMiniBar` 口径）。 */
+export function renderEquationBar(input) {
+    const segments = input.segments;
+    if (!Array.isArray(segments))
+        throw new Error('pageBars: renderEquationBar: input.segments 必须是数组');
+    if (segments.length === 0)
+        return '';
+    const total = reqFinite(input.total, 'renderEquationBar: input.total');
+    if (total <= 0)
+        throw new Error('pageBars: renderEquationBar: input.total 必须大于 0');
+    const extra = optText(input.extraClass, 'renderEquationBar: input.extraClass');
+    const parts = segments.map((raw, i) => {
+        const field = 'renderEquationBar: input.segments[' + i + ']';
+        const seg = raw;
+        const label = reqText(seg.label, field + '.label');
+        const value = reqFinite(seg.value, field + '.value');
+        const pct = Math.min(100, Math.max(0, (value / total) * 100));
+        const width = String(Math.round(pct * 10) / 10);
+        return {
+            fill: '<span class="ilife-block-equation-bar-seg is-' + (i === 0 ? 'a' : 'b')
+                + '" style="width: ' + width + '%"></span>',
+            cap: '<span class="ilife-block-equation-bar-cap-item">' + esc(label) + ' ' + esc(String(value)) + '</span>',
+        };
+    });
+    const head = input.heading === undefined ? ''
+        : '<div class="ilife-block-equation-bar-top">'
+            + '<span class="ilife-block-equation-bar-label">' + esc(reqText(input.heading.label, 'renderEquationBar: input.heading.label')) + '</span>'
+            + '<span class="ilife-block-equation-bar-value">' + esc(reqText(input.heading.value, 'renderEquationBar: input.heading.value')) + '</span>'
+            + '</div>';
+    const totalCap = input.endLabels === true
+        ? '<span class="ilife-block-equation-bar-cap-item is-total">合计 ' + esc(String(total)) + '</span>'
+        : '';
+    return '<div class="ilife-block-equation-bar' + (extra === undefined ? '' : ' ' + extra) + '">'
+        + head
+        + '<div class="ilife-block-equation-bar-track">' + parts.map((x) => x.fill).join('') + '</div>'
+        + '<div class="ilife-block-equation-bar-cap">' + parts.map((x) => x.cap).join('') + totalCap + '</div>'
+        + '</div>';
+}
+/* ══════════════════════════════════════════════════════════════
+ * ③ 态声明条：一句话成立的前提（目标暂停中／首次使用／窗口内无记录）
+ * ══════════════════════════════════════════════════════════════ */
+/** 语气闭集（`info` 中性说明／`warn` 前提未生效／`danger` 数据不足）。 */
+export const STATE_TONES = ['info', 'warn', 'danger'];
+/** 态声明条：一行「徽标 ＋ 说明（＋ 动作）」。语气色与状态徽章同一套语义色。 */
+export function renderStateBanner(input) {
+    const tone = input.tone;
+    if (!STATE_TONES.includes(tone)) {
+        throw new Error('pageBars: renderStateBanner: input.tone 必须是 ' + STATE_TONES.join('／') + ' 之一');
+    }
+    const badge = reqText(input.badge, 'renderStateBanner: input.badge');
+    const text = optText(input.text, 'renderStateBanner: input.text');
+    const extra = optText(input.extraClass, 'renderStateBanner: input.extraClass');
+    let action = '';
+    if (input.action !== undefined) {
+        const actionId = reqText(input.action.actionId, 'renderStateBanner: input.action.actionId');
+        const label = reqText(input.action.label, 'renderStateBanner: input.action.label');
+        action = '<button type="button" class="ilife-block-state-banner-action" data-action-id="'
+            + esc(actionId) + '">' + esc(label) + '</button>';
+    }
+    return '<div class="ilife-block-state-banner is-' + tone + (extra === undefined ? '' : ' ' + extra) + '">'
+        + '<span class="ilife-block-state-banner-badge">' + esc(badge) + '</span>'
+        + (text === undefined ? '' : '<span class="ilife-block-state-banner-text">' + esc(text) + '</span>')
+        + action
+        + '</div>';
+}
+export { pageBarsCss } from './style.js';

package/dist/components/page-bars/index.js.map

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

package/dist/components/page-bars/style.d.ts

@@ -0,0 +1,14 @@
+/** pageBarsCss · #950：本族样式的**唯一产出者**（自产出器那件整段搬来，选择器与值一字未改）。
+ *
+ *  **住址**：目录化批次①把它从 `src/pageBarsCss.ts` 搬到 `src/components/page-bars/style.ts`
+ *  （同批产出器 → `./index.ts`）；判据＝产物逐字节相同（`docs/base/base-render/组件目录架构.md`）。
+ *
+ *  为什么分开住：产出器那件带上这一整段就越过本包 350 行告警线；
+ *  照仓内先例（`src/render/reviewDocsCss.ts`：样式另立姊妹件、出口经件薄转出），本族样式单独一件，
+ *  产出器那件只留形状与类型，两边都落回线内。由 `pageShapeCss()` 汇总进页。
+ */
+/** 三件的样式唯一产出者。恒返回非空 CSS 文本（由 `pageShapeCss()` 汇总进页）。 */
+export declare function pageBarsCss(input?: {
+    readonly prefix?: string;
+}): string;
+//# sourceMappingURL=style.d.ts.map

package/dist/components/page-bars/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/page-bars/style.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AASH,wDAAwD;AACxD,wBAAgB,WAAW,CAAC,KAAK,CAAC,EAAE;IAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAuNxE"}

package/dist/components/page-bars/style.js

@@ -0,0 +1,231 @@
+/** pageBarsCss · #950：本族样式的**唯一产出者**（自产出器那件整段搬来，选择器与值一字未改）。
+ *
+ *  **住址**：目录化批次①把它从 `src/pageBarsCss.ts` 搬到 `src/components/page-bars/style.ts`
+ *  （同批产出器 → `./index.ts`）；判据＝产物逐字节相同（`docs/base/base-render/组件目录架构.md`）。
+ *
+ *  为什么分开住：产出器那件带上这一整段就越过本包 350 行告警线；
+ *  照仓内先例（`src/render/reviewDocsCss.ts`：样式另立姊妹件、出口经件薄转出），本族样式单独一件，
+ *  产出器那件只留形状与类型，两边都落回线内。由 `pageShapeCss()` 汇总进页。
+ */
+/** 换行（仓库口径：不写字面换行转义，与 `blocks.ts`／`pageShapes.ts` 同）。 */
+const LF = String.fromCharCode(10);
+/* ══════════════════════════════════════════════════════════════
+ * 样式（本族）：与产出器**分住两件**（本件）——照仓内 `reviewDocsCss.ts` 的先例，产出器那件只留形状与类型。
+ * ══════════════════════════════════════════════════════════════ */
+/** 三件的样式唯一产出者。恒返回非空 CSS 文本（由 `pageShapeCss()` 汇总进页）。 */
+export function pageBarsCss(input) {
+    const p = input !== undefined && input !== null
+        && typeof input.prefix === 'string' && input.prefix !== '' ? input.prefix : 'ilife-';
+    const root = '.' + p + 'page-ui';
+    return [
+        '/* ① 时间格带：7 格（或 N 格）等宽，一格一天；缺数格留空槽、不补零。 */',
+        root + ' .' + p + 'block-day-strip {',
+        '  background: var(--card);',
+        '  border: 1px solid var(--line);',
+        '  border-radius: ' + 14 + 'px;',
+        '  overflow: hidden;',
+        '}',
+        root + ' .' + p + 'block-day-strip-cells {',
+        '  display: grid;',
+        '  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));',
+        '}',
+        root + ' .' + p + 'block-day-strip-cell {',
+        '  display: flex;',
+        '  flex-direction: column;',
+        '  align-items: center;',
+        '  gap: 7px;',
+        '  padding: 11px 8px 13px;',
+        '  border-right: 1px solid var(--line);',
+        '}',
+        root + ' .' + p + 'block-day-strip-cell:last-child {',
+        '  border-right: 0;',
+        '}',
+        root + ' .' + p + 'block-day-strip-date {',
+        '  color: var(--fg3);',
+        '  font-size: 12px;',
+        '  font-variant-numeric: tabular-nums;',
+        '  white-space: nowrap;',
+        '}',
+        root + ' .' + p + 'block-day-strip-dot {',
+        '  width: 9px;',
+        '  height: 9px;',
+        '  border-radius: 50%;',
+        '  background: var(--line);',
+        '}',
+        root + ' .' + p + 'block-day-strip-val {',
+        '  color: var(--fg3);',
+        '  font-size: 13px;',
+        '  font-weight: 600;',
+        '  font-variant-numeric: tabular-nums;',
+        '}',
+        root + ' .' + p + 'block-day-strip-cell.is-has {',
+        '  background: rgba(0, 122, 255, .05);',
+        '}',
+        root + ' .' + p + 'block-day-strip-cell.is-has .' + p + 'block-day-strip-dot {',
+        '  background: var(--blue);',
+        '}',
+        root + ' .' + p + 'block-day-strip-cell.is-has .' + p + 'block-day-strip-val {',
+        '  color: var(--fg);',
+        '  font-weight: 700;',
+        '}',
+        root + ' .' + p + 'block-day-strip-cell.is-today {',
+        '  background: rgba(0, 122, 255, .12);',
+        '}',
+        root + ' .' + p + 'block-day-strip-cell.is-today .' + p + 'block-day-strip-date {',
+        '  color: var(--blue2);',
+        '  font-weight: 700;',
+        '}',
+        root + ' .' + p + 'block-day-strip.is-compact .' + p + 'block-day-strip-val {',
+        '  font-size: 12px;',
+        '}',
+        root + ' .' + p + 'block-day-strip-cap {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: center;',
+        '  gap: 10px 16px;',
+        '  padding: 10px 13px;',
+        '  border-top: 1px solid var(--line);',
+        '  background: var(--soft);',
+        '  color: var(--fg2);',
+        '  font-size: 13px;',
+        '}',
+        root + ' .' + p + 'block-day-strip-cap-item-ok {',
+        '  padding: 2px 9px;',
+        '  border-radius: 999px;',
+        '  background: rgba(52, 199, 89, .14);',
+        '  color: #1a7f4b;',
+        '  font-weight: 600;',
+        '}',
+        root + ' .' + p + 'block-day-strip-cap-item-warn {',
+        '  color: #a15a06;',
+        '  font-weight: 600;',
+        '}',
+        root + ' .' + p + 'block-day-strip-cap-item-danger {',
+        '  color: #8f2f24;',
+        '  font-weight: 600;',
+        '}',
+        '/* ② 等式条：两段轨道 ＋ 端点读数。 */',
+        root + ' .' + p + 'block-equation-bar {',
+        '  background: var(--card);',
+        '  border: 1px solid var(--line);',
+        '  border-radius: ' + 14 + 'px;',
+        '  padding: 14px 16px;',
+        '}',
+        root + ' .' + p + 'block-equation-bar-top {',
+        '  display: flex;',
+        '  align-items: baseline;',
+        '  justify-content: space-between;',
+        '  gap: 10px;',
+        '  margin-bottom: 10px;',
+        '}',
+        root + ' .' + p + 'block-equation-bar-label {',
+        '  color: var(--fg2);',
+        '  font-size: 13px;',
+        '  font-weight: 600;',
+        '}',
+        root + ' .' + p + 'block-equation-bar-value {',
+        '  font-size: 19px;',
+        '  font-weight: 700;',
+        '  font-variant-numeric: tabular-nums;',
+        '}',
+        root + ' .' + p + 'block-equation-bar-track {',
+        '  display: flex;',
+        '  height: 14px;',
+        '  border-radius: 999px;',
+        '  overflow: hidden;',
+        '  background: var(--line);',
+        '}',
+        root + ' .' + p + 'block-equation-bar-seg {',
+        '  display: block;',
+        '  height: 100%;',
+        '}',
+        root + ' .' + p + 'block-equation-bar-seg.is-a {',
+        '  background: var(--blue);',
+        '}',
+        root + ' .' + p + 'block-equation-bar-seg.is-b {',
+        '  background: #ff9f0a;',
+        '}',
+        root + ' .' + p + 'block-equation-bar-cap {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  justify-content: space-between;',
+        '  gap: 6px 12px;',
+        '  margin-top: 8px;',
+        '  color: var(--fg2);',
+        '  font-size: 12.5px;',
+        '  font-variant-numeric: tabular-nums;',
+        '}',
+        '/* ③ 态声明条：徽标 ＋ 说明（＋ 动作）。语气色与状态徽章同一套语义色。 */',
+        root + ' .' + p + 'block-state-banner {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: center;',
+        '  gap: 10px;',
+        '  padding: 11px 14px;',
+        '  border: 1px solid var(--line);',
+        '  border-radius: ' + 14 + 'px;',
+        '  background: var(--card);',
+        '  font-size: 14.5px;',
+        '}',
+        root + ' .' + p + 'block-state-banner-badge {',
+        '  padding: 3px 9px;',
+        '  border-radius: 999px;',
+        '  font-size: 12px;',
+        '  font-weight: 700;',
+        '}',
+        root + ' .' + p + 'block-state-banner.is-info {',
+        '  border-color: rgba(0, 122, 255, .28);',
+        '  background: rgba(0, 122, 255, .06);',
+        '}',
+        root + ' .' + p + 'block-state-banner.is-info .' + p + 'block-state-banner-badge {',
+        '  background: rgba(0, 122, 255, .14);',
+        '  color: var(--blue2);',
+        '}',
+        root + ' .' + p + 'block-state-banner.is-warn {',
+        '  border-color: rgba(255, 159, 10, .34);',
+        '  background: rgba(255, 159, 10, .12);',
+        '}',
+        root + ' .' + p + 'block-state-banner.is-warn .' + p + 'block-state-banner-badge {',
+        '  background: rgba(255, 159, 10, .22);',
+        '  color: #a15a06;',
+        '}',
+        root + ' .' + p + 'block-state-banner.is-danger {',
+        '  border-color: rgba(255, 59, 48, .3);',
+        '  background: rgba(255, 59, 48, .1);',
+        '}',
+        root + ' .' + p + 'block-state-banner.is-danger .' + p + 'block-state-banner-badge {',
+        '  background: rgba(255, 59, 48, .18);',
+        '  color: #8f2f24;',
+        '}',
+        root + ' .' + p + 'block-state-banner-action {',
+        '  margin-left: auto;',
+        '  box-sizing: border-box;',
+        '  min-height: 44px;',
+        '  padding: 0 14px;',
+        '  border: 1px solid var(--line);',
+        '  border-radius: 999px;',
+        '  background: var(--card);',
+        '  color: var(--fg);',
+        '  font-family: inherit;',
+        '  font-size: 13px;',
+        '  font-weight: 600;',
+        '  cursor: pointer;',
+        '}',
+        '@media (max-width: 640px) {',
+        '  ' + root + ' .' + p + 'block-day-strip-cell {',
+        '    padding: 9px 3px 11px;',
+        '  }',
+        '  ' + root + ' .' + p + 'block-day-strip-date {',
+        '    font-size: 12px;',
+        // #950 实拍修（真组件验收抓到）：窄档「09-23 今天」这类**调用方给的长日期串**会被格带的
+        // `overflow: hidden`（圆角需要它）裁掉半截。这里放开折行：标签在自身格内换行，格子仍等宽等高。
+        '    white-space: normal;',
+        '    text-align: center;',
+        '    line-height: 1.25;',
+        '  }',
+        '  ' + root + ' .' + p + 'block-day-strip-val {',
+        '    font-size: 12px;',
+        '  }',
+        '}',
+    ].join(LF);
+}

package/dist/components/page-bars/style.js.map

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

package/dist/components/page-head/attrs.d.ts

@@ -0,0 +1,57 @@
+/** page-head · **标记契约**（渲染与调用方共用的唯一事实：类名／形态闭集／入参类型）。
+ *
+ *  这一件落地的是原型墙（`.scratch/ui-组件墙/parts-01-纸面与页头.mjs`，2026-09 用户裁定）
+ *  里的**形态 B「读数当第二行」**——一页最上面那段：眉标（技能 · 域）／页标题（`<h1>`）／
+ *  **主读数第二行大字**／副题（时间窗／范围／条数）／口径行／可选右上工具位。
+ *
+ *  形态键写在 `PAGE_HEAD_FORMS`（闭集）：本件只有一格，但键必须存在——
+ *  「形态是骨架，不是地址」，日后加第二形态是在闭集里加一格，不是新开一件。
+ *  闭集外的值一律 `badInput`（不静默降级：降级会让调用方以为自己拿到了另一种骨架）。
+ */
+/** 本件的类名根：全部槽位类名都是 `PAGE_HEAD_CLASS + '-' + 槽名`。 */
+export declare const PAGE_HEAD_CLASS = "ilife-block-page-head";
+/** 槽位闭集（标记契约的一部分：`render.ts` 与判据都用这里的名字拼类名，不各抄一份字面量）。 */
+export declare const PAGE_HEAD_SLOTS: readonly ["top", "eyebrow", "mark", "skill", "domain", "tool", "title", "reading", "value", "unit", "denominator", "note", "sub", "caliber"];
+export type PageHeadSlot = (typeof PAGE_HEAD_SLOTS)[number];
+/** 槽类的类名（唯一拼法：别处不许再写 `PAGE_HEAD_CLASS + '-' + …`）。 */
+export declare function pageHeadSlot(slot: PageHeadSlot, prefix?: string): string;
+/** 形态闭集：本件只落地了形态 B「读数当第二行」。 */
+export declare const PAGE_HEAD_FORMS: readonly ["hero"];
+export type PageHeadForm = (typeof PAGE_HEAD_FORMS)[number];
+/** 缺值的写法：**缺值写成 `—`，不许写 0、不许留空**（全仓同一条地板）。 */
+export declare const PAGE_HEAD_MISSING = "\u2014";
+/** 口径行左端那枚标签（口径行只要出，就带它：读者一眼看出这一行是「怎么算的」）。 */
+export declare const PAGE_HEAD_CALIBER_LABEL = "\u53E3\u5F84";
+/** 主读数：值 ＋ 单位 ＋ 分母 ＋ 说明。**值只收「已经是给人看的样子」的串**（取整与单位口径归调用方）。 */
+export interface PageHeadReading {
+    /** 主读数。`null` ＝ **缺值**（写成 `—`，与「0」区分）；空串不是缺值，是错（`badInput`）。 */
+    readonly value: string | null;
+    /** 单位（`卡`／`元`／`件`）：小一号跟在值后，不参与任何机器口径。 */
+    readonly unit?: string;
+    /** 分母／标尺（`/ 1,800 卡`），排在主读数之后。 */
+    readonly denominator?: string;
+    /** 值后的说明（`七日合计`）；与单位不是一回事，两枚都在时依次排开。 */
+    readonly note?: string;
+}
+/** 页头入参。`skill`／`title`／`reading` 必填——**没有主读数的页不走本件**（本件只有形态 B 一种骨架）。 */
+export interface PageHeadInput {
+    /** 技能名（眉标主段，如「卡路里」）。 */
+    readonly skill: string;
+    /** 域（眉标次段，如「看本周饮食」）；不给＝眉标只有技能名。 */
+    readonly domain?: string;
+    /** 页标题（一页恰好一个；**不许 `…` 截断**，长了就换行）。 */
+    readonly title: string;
+    /** 主读数（形态 B 的识别特征：它是标题下面那一行大字）。 */
+    readonly reading: PageHeadReading;
+    /** 副题：时间窗／范围／条数。串＝一段；数组＝逐段一枚 `<span>`（不给＝不出这一行）。 */
+    readonly sub?: string | readonly string[];
+    /** 口径行：这一页的数字怎么算的。串＝一句话；数组＝分段（不给＝不出这一行）。 */
+    readonly caliber?: string | readonly string[];
+    /** 右上工具位：**只放一句读数或一枚状态字**（不放按钮——按钮归 `action-bar`）。 */
+    readonly tool?: string;
+    /** 形态键（闭集，缺省 `hero`）。 */
+    readonly form?: PageHeadForm;
+    /** 附加类名（空格分隔；逐个过类名正则）。 */
+    readonly extraClass?: string;
+}
+//# sourceMappingURL=attrs.d.ts.map

package/dist/components/page-head/attrs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attrs.d.ts","sourceRoot":"","sources":["../../../src/components/page-head/attrs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,oDAAoD;AACpD,eAAO,MAAM,eAAe,0BAA0B,CAAC;AAEvD,yDAAyD;AACzD,eAAO,MAAM,eAAe,8IA6BlB,CAAC;AACX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5D,sDAAsD;AACtD,wBAAgB,YAAY,CAAC,IAAI,EAAE,YAAY,EAAE,MAAM,SAAW,GAAG,MAAM,CAE1E;AAED,+BAA+B;AAC/B,eAAO,MAAM,eAAe,mBAAoB,CAAC;AACjD,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5D,8CAA8C;AAC9C,eAAO,MAAM,iBAAiB,WAAM,CAAC;AAErC,8CAA8C;AAC9C,eAAO,MAAM,uBAAuB,iBAAO,CAAC;AAE5C,8DAA8D;AAC9D,MAAM,WAAW,eAAe;IAC9B,gEAAgE;IAChE,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,yCAAyC;IACzC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,kCAAkC;IAClC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,wCAAwC;IACxC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,yEAAyE;AACzE,MAAM,WAAW,aAAa;IAC5B,wBAAwB;IACxB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,mCAAmC;IACnC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,uCAAuC;IACvC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,mCAAmC;IACnC,QAAQ,CAAC,OAAO,EAAE,eAAe,CAAC;IAClC,oDAAoD;IACpD,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;IAC1C,4CAA4C;IAC5C,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;IAC9C,sDAAsD;IACtD,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,yBAAyB;IACzB,QAAQ,CAAC,IAAI,CAAC,EAAE,YAAY,CAAC;IAC7B,0BAA0B;IAC1B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B"}