base-paint 0.3.13 → 0.3.15

package/dist/components/slider-row/style.js

@@ -0,0 +1,330 @@
+/** slider-row · **样式段**（本件唯一的样式来源）。
+ *
+ *  纪律（与本层其余件同一份）：只经 `skinVar()` 读皮肤／全部规则 scope 在 `.<prefix>page-ui` 之下／
+ *  零 `:root`／零 `!important`／零自定义属性／宽度只由 `@container` 判（`@media` 只判设备能力）。
+ *
+ *  几何契约（判据钉住）：两端键与常用档 ≥`SLIDER_ROW_TOUCH_PX`（44），相邻留 `SLIDER_ROW_GAP_PX`（8）；
+ *  轨道（含拇指）高 `SLIDER_ROW_TRACK_PX`（44）＝原生 `range` 的命中盒；底与已填两条线各
+ *  `SLIDER_ROW_LINE_PX`（8）高——**自绘是因为三套皮肤下原生轨道的取值不受控**（换皮只换颜色，
+ *  形状归本件）。原生 `range` 本身只留拇指（透明轨道），键盘与读屏器仍走原生语义。
+ */
+import { skinVar } from '../skin/contract.js';
+import { SLIDER_ROW_GAP_PX, SLIDER_ROW_LINE_PX, SLIDER_ROW_THUMB_PX, SLIDER_ROW_TOUCH_PX, SLIDER_ROW_TRACK_PX, sliderRowSlot, } from './attrs.js';
+/** 换行（仓库口径：不写字面换行转义）。 */
+const LF = String.fromCharCode(10);
+/** 窄容器阈值（px）：**本件自己的宽度**。低于它时两端键与轨道分成两行（轨道独占一行更宽好拖）。 */
+const NARROW_PX = 380;
+/** 按下反馈的时长（ms）：≤80ms。 */
+const PRESS_MS = 80;
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export function sliderRowCss(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-slider-row';
+    const s = (slot) => root + ' .' + sliderRowSlot(slot, p);
+    /** 拼在 `box` **后面**的槽类（不再带 `.<prefix>page-ui`，否则会拼出嵌套的假选择器）。 */
+    const inBox = (slot) => ' .' + sliderRowSlot(slot, p);
+    const trackH = String(SLIDER_ROW_TRACK_PX) + 'px';
+    const lineH = String(SLIDER_ROW_LINE_PX) + 'px';
+    const thumb = String(SLIDER_ROW_THUMB_PX) + 'px';
+    return [
+        '/* slider-row（滑块行 · 形态 A「滑块＋常用档＋加减」）：一条轨道、两端各一枚走一档的键、',
+        '   一排常用档、**右侧永远同步一个大数字**。层次靠发丝线与软底块（小票纸零阴影、大字报刊零圆角）。 */',
+        box + ' {',
+        /* 宽度判据的落点：本件是**自己的容器**。 */
+        '  container-type: inline-size;',
+        '  display: grid;',
+        '  gap: 10px;',
+        '  min-width: 0;',
+        '  padding: 12px 14px 14px;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius') + ';',
+        '  background: ' + skinVar('surface') + ';',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font') + ';',
+        '  font-size: ' + skinVar('fs-body') + ';',
+        '  line-height: 1.5;',
+        '}',
+        box + ' > * {',
+        '  min-width: 0;',
+        '}',
+        '/* 第一行：标签 ＋ 状态字 ＋ **右侧那个大数字**（`margin-left:auto` 顶到右缘，永远在右边）。 */',
+        s('head') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: baseline;',
+        '  gap: 4px 12px;',
+        '  min-width: 0;',
+        '}',
+        s('label') + ' {',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 600;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 状态字：一小枚带发丝线的签，**宽度锁住**（四档词长短不一，锁住就不跳版）。 */',
+        s('state') + ' {',
+        '  box-sizing: border-box;',
+        '  min-width: 5em;',
+        '  padding: 1px 6px;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 700;',
+        '  letter-spacing: .04em;',
+        '  text-align: center;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 大数字：本形态的识别特征（右侧那一枚），等宽数字 ＋ 等宽占位（位数变了不跳版）。 */',
+        s('value') + ' {',
+        '  display: inline-flex;',
+        '  align-items: baseline;',
+        '  gap: 3px;',
+        '  margin-left: auto;',
+        '  min-width: 5ch;',
+        '  justify-content: flex-end;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-variant-numeric: tabular-nums;',
+        '  text-align: right;',
+        '}',
+        s('number') + ' {',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-size: calc(' + skinVar('fs-body') + ' * 3);',
+        '  font-weight: 700;',
+        '  line-height: 1.05;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('unit') + ' {',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-h3') + ';',
+        '  font-weight: 600;',
+        '}',
+        '/* 轨道那一排：− 键 ＋ 轨道 ＋ ＋ 键；相邻留 ' + String(SLIDER_ROW_GAP_PX) + 'px 缝（不做连体键）。 */',
+        s('row') + ' {',
+        '  display: flex;',
+        '  flex-wrap: nowrap;',
+        '  align-items: center;',
+        '  gap: ' + String(SLIDER_ROW_GAP_PX) + 'px;',
+        '  min-width: 0;',
+        '}',
+        s('dec') + ',',
+        s('inc') + ' {',
+        '  flex: 0 0 auto;',
+        '  display: inline-flex;',
+        '  align-items: center;',
+        '  justify-content: center;',
+        '  box-sizing: border-box;',
+        '  width: ' + String(SLIDER_ROW_TOUCH_PX) + 'px;',
+        '  min-width: ' + String(SLIDER_ROW_TOUCH_PX) + 'px;',
+        '  height: ' + String(SLIDER_ROW_TOUCH_PX) + 'px;',
+        '  padding: 0;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: ' + skinVar('surface') + ';',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: inherit;',
+        '  font-size: ' + skinVar('fs-h2') + ';',
+        '  font-weight: 700;',
+        '  line-height: 1;',
+        '  cursor: pointer;',
+        '  touch-action: manipulation;',
+        '  transition: transform ' + String(PRESS_MS) + 'ms cubic-bezier(.22,1,.36,1);',
+        '}',
+        '/* 轨道：自绘「底 ＋ 已填」两条线，原生 `range` 压在上面（透明轨道 ＋ 自绘拇指）。 */',
+        s('track') + ' {',
+        '  position: relative;',
+        '  flex: 1 1 0;',
+        '  min-width: 0;',
+        '  display: flex;',
+        '  align-items: center;',
+        '  height: ' + trackH + ';',
+        '}',
+        s('base') + ',',
+        s('fill') + ' {',
+        '  position: absolute;',
+        '  top: 50%;',
+        '  left: 0;',
+        '  height: ' + lineH + ';',
+        '  transform: translateY(-50%);',
+        '  border-radius: ' + skinVar('radius-pill') + ';',
+        '}',
+        s('base') + ' {',
+        '  right: 0;',
+        '  background: ' + skinVar('line') + ';',
+        '}',
+        '/* 已填：强调色只做**非文本**的底（这一条是它该出现的地方）。 */',
+        s('fill') + ' {',
+        '  background: ' + skinVar('accent') + ';',
+        '}',
+        s('input') + ' {',
+        '  position: relative;',
+        '  box-sizing: border-box;',
+        '  width: 100%;',
+        '  height: ' + trackH + ';',
+        '  margin: 0;',
+        '  padding: 0;',
+        '  border: 0;',
+        '  background: transparent;',
+        '  appearance: none;',
+        '  -webkit-appearance: none;',
+        '  cursor: pointer;',
+        '  touch-action: manipulation;',
+        '}',
+        /* 原生轨道的线是自绘的：这里必须**透明**（否则两套线叠在一起，皮肤一换就对不齐）。 */
+        s('input') + '::-webkit-slider-runnable-track {',
+        '  height: ' + lineH + ';',
+        '  background: transparent;',
+        '}',
+        s('input') + '::-webkit-slider-thumb {',
+        '  appearance: none;',
+        '  -webkit-appearance: none;',
+        '  box-sizing: border-box;',
+        '  width: ' + thumb + ';',
+        '  height: ' + thumb + ';',
+        '  margin-top: calc((' + lineH + ' - ' + thumb + ') / 2);',
+        '  border: 3px solid ' + skinVar('accent') + ';',
+        '  border-radius: 50%;',
+        '  background: ' + skinVar('surface') + ';',
+        '}',
+        s('input') + '::-moz-range-track {',
+        '  height: ' + lineH + ';',
+        '  background: transparent;',
+        '}',
+        s('input') + '::-moz-range-thumb {',
+        '  box-sizing: border-box;',
+        '  width: ' + thumb + ';',
+        '  height: ' + thumb + ';',
+        '  border: 3px solid ' + skinVar('accent') + ';',
+        '  border-radius: 50%;',
+        '  background: ' + skinVar('surface') + ';',
+        '}',
+        '/* 常用档那一排：当前值命中哪一枚，哪一枚走**强调面**——软底 `accent-soft` ＋ 主色字 `accent-text`',
+        '   ＋ 主色描边 `accent` ＋ 加粗（**形＋字＋色**三样一起给）。',
+        '   口径住 `docs/base/base-render/选中态与皮肤语言.md` 第三节：**有文字的选中面**不许写成"实心反白"',
+        '   （旧写法 `accent` 底 ＋ `accent-ink` 字）——实心块＋反白字在纸面语言里没有对应语汇。 */',
+        s('presets') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: center;',
+        '  gap: ' + String(SLIDER_ROW_GAP_PX) + 'px;',
+        '  min-width: 0;',
+        '}',
+        s('preset') + ' {',
+        '  display: inline-flex;',
+        '  align-items: center;',
+        '  justify-content: center;',
+        '  box-sizing: border-box;',
+        '  min-width: 64px;',
+        '  min-height: ' + String(SLIDER_ROW_TOUCH_PX) + 'px;',
+        '  padding: 0 14px;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-pill') + ';',
+        '  background: ' + skinVar('surface') + ';',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '  font-variant-numeric: tabular-nums;',
+        '  cursor: pointer;',
+        '  touch-action: manipulation;',
+        '  transition: transform ' + String(PRESS_MS) + 'ms cubic-bezier(.22,1,.36,1);',
+        '}',
+        s('preset') + '[aria-pressed="true"] {',
+        '  background: ' + skinVar('accent-soft') + ';',
+        '  border-color: ' + skinVar('accent') + ';',
+        '  color: ' + skinVar('accent-text') + ';',
+        '  font-weight: 700;',
+        '}',
+        '/* 悬停：只包在设备能力查询里（`hover:hover`），且**不是唯一通路**。 */',
+        '@media (hover:hover) and (pointer:fine) {',
+        '  ' + s('dec') + ':hover:not([disabled]),',
+        '  ' + s('inc') + ':hover:not([disabled]) {',
+        '    background: ' + skinVar('surface-2') + ';',
+        '  }',
+        /* 悬停提示只给**未选中**的那几档：选中的那一档描边是 `accent`，被 `ink-2` 顶掉就等于悬停时掉回墨色。 */
+        '  ' + s('preset') + ':not([aria-pressed="true"]):hover:not([disabled]) {',
+        '    border-color: ' + skinVar('ink-2') + ';',
+        '  }',
+        '}',
+        '/* 真按下：只动 `transform`（80ms 内看得见）。 */',
+        s('dec') + ':active:not([disabled]),',
+        s('inc') + ':active:not([disabled]),',
+        s('preset') + ':active:not([disabled]) {',
+        '  transform: scale(.98);',
+        '}',
+        '/* 可见焦点：两端键、常用档与轨道（原生 `range`）都要看得见。 */',
+        box + ' :focus-visible {',
+        '  outline: 2px solid ' + skinVar('accent') + ';',
+        '  outline-offset: 2px;',
+        '}',
+        '/* 更新中：大数字与轨道保持原样（宽度锁住），状态字那一枚换成「更新中」。 */',
+        box + '.is-loading [aria-disabled="true"] {',
+        '  cursor: progress;',
+        '}',
+        '/* 禁用：说不出为什么不能拖是不许留的中间档（渲染期就要求给 `disabledReason`）。 */',
+        box + ' [disabled],',
+        box + '.is-disabled [aria-disabled="true"] {',
+        '  background: ' + skinVar('surface-2') + ';',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  border-color: ' + skinVar('line') + ';',
+        '  cursor: not-allowed;',
+        '}',
+        box + '.is-disabled' + inBox('track') + ',',
+        box + '.is-disabled' + inBox('value') + ' {',
+        '  opacity: .55;',
+        '}',
+        '/* 未设置：大数字写 `—`、已填为 0（渲染期内联写死 `width: 0%`，状态字说「未设置」）——',
+        '   空态是设计过的，不是漏渲染。 */',
+        '/* 错误说明：写在控件旁边（控件 `aria-describedby` 指向它），**不只染色**。 */',
+        s('error') + ' {',
+        '  margin: 0;',
+        '  padding-left: 8px;',
+        '  border-left: 2px solid ' + skinVar('danger') + ';',
+        '  color: ' + skinVar('danger') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  line-height: 1.6;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        box + '.is-invalid' + inBox('input') + '::-webkit-slider-thumb {',
+        '  border-color: ' + skinVar('danger') + ';',
+        '}',
+        '/* 口径行：区间与常用档怎么定的（**要读的正文**，走 ink-2 不走更浅的弱文字档）。 */',
+        s('caliber') + ' {',
+        '  margin: 0;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  line-height: 1.6;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 窄容器（<' + String(NARROW_PX) + 'px）：两端键与轨道分成两行——轨道独占一行更好拖，',
+        '   数字也不被挤。判的是**本件自己的宽度**（不用 `@media` 判宽度）。 */',
+        '@container (max-width: ' + String(NARROW_PX) + 'px) {',
+        '  ' + s('row') + ' {',
+        '    display: grid;',
+        '    grid-template-columns: auto minmax(0, 1fr) auto;',
+        '    grid-template-areas: "dec track inc";',
+        '  }',
+        '  ' + s('dec') + ' {',
+        '    grid-area: dec;',
+        '  }',
+        '  ' + s('inc') + ' {',
+        '    grid-area: inc;',
+        '  }',
+        '  ' + s('track') + ' {',
+        '    grid-area: track;',
+        '  }',
+        '}',
+        '/* 减动效档：不许有东西卡在半路。 */',
+        '@media (prefers-reduced-motion:reduce) {',
+        '  ' + s('dec') + ',',
+        '  ' + s('inc') + ',',
+        '  ' + s('preset') + ' {',
+        '    transition: none;',
+        '  }',
+        '}',
+    ].join(LF);
+}

package/dist/components/slider-row/style.js.map

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

package/dist/components/small-multiples/attrs.d.ts

@@ -0,0 +1,76 @@
+/** small-multiples · **标记契约**（渲染与调用方共用的唯一事实：类名／槽位闭集／形态闭集／入参类型）。
+ *
+ *  这一件落地的是原型墙 `.scratch/ui-组件墙/新件/parts-数据与仪表.mjs` 里 **68 小倍数面板**的
+ *  **C 档「期间并排迷你柱阵 ＋ 均值线」**（2026-09 用户在墙上给这一格打 4 分；同一件的 A 档
+ *  「每格一张面积 sparkline」与 B 档「对齐基线的多条 sparkline」没全过，故不落）。
+ *  C 档是：同一个读数的若干**期间并排**成一根一根迷你柱（同一套归一化刻度），横着比相对高低，
+ *  一条虚线给出这几期的均值，每根柱下面写着那一期的绝对读数。
+ *
+ *  它替掉的两种错法（原型那一件的 `p` 那两句）：
+ *   · 把 N 段拼成一张多线图 —— 线全缠在一起，谁是谁看不出来；
+ *   · 只给最后一期 —— 看不出这一段是涨还是跌。
+ *  与同族件的分工：
+ *   · `heat-grid`（热力格）的格是**色阶**（同一种量、只看浓淡、格内没有形状、读不出数）；
+ *     小倍数每一格是一根**有高度的柱**，且每格下面写着它自己的读数；
+ *   · `calendar-month`（月历格）按**日子**排，小倍数是**任意期间轴**（哪几周／哪几段由调用方给）；
+ *   · `rank-list`（榜单）是**一期之内**的名次；小倍数问的是**同一个读数跨期**怎么变。
+ *
+ *  形态键写在 `SMALL_MULTIPLES_FORMS`（闭集）：闭集外的值一律 `badInput`（不静默降级——
+ *  降级会让调用方以为自己拿到了另一种骨架）。日后 A／B 两档复看过了线，是在这个闭集里加一格，
+ *  不是新开一件（「形态是骨架，不是地址」）。
+ */
+/** 本件的类名根：全部槽位类名都是 `SMALL_MULTIPLES_CLASS + '-' + 槽名`。 */
+export declare const SMALL_MULTIPLES_CLASS = "ilife-block-small-multiples";
+/** 槽位闭集（`render.ts`、`style.ts` 与判据都从这里取名字，不各抄一份字面量）。 */
+export declare const SMALL_MULTIPLES_SLOTS: readonly ["hd", "title", "stamp", "tail", "cols", "mean", "mean-label", "col", "bar", "xax", "xlabel", "xperiod", "xvalue", "nowmark", "note"];
+export type SmallMultiplesSlot = (typeof SMALL_MULTIPLES_SLOTS)[number];
+/** 槽类的类名（唯一拼法：别处不许再写 `SMALL_MULTIPLES_CLASS + '-' + …`）。 */
+export declare function smallMultiplesSlot(slot: SmallMultiplesSlot, prefix?: string): string;
+/** 形态闭集：本件只落地**原型墙 no.68 的 C 档**「期间并排迷你柱阵 ＋ 均值线」。
+ *  档键取骨架的名字（`columns`＝一行并排的期间列），`C` 是原型墙那一格的格号、不是接口名
+ *  （同批 `cash-waterline` 同此口径：档键写骨架，格号写注记）。 */
+export declare const SMALL_MULTIPLES_FORMS: readonly ["columns"];
+export type SmallMultiplesForm = (typeof SMALL_MULTIPLES_FORMS)[number];
+/** 期间数的上下限：**一期看不出跨期怎么变**（最少 2）；**超过 8 期**，窄容器（390）里
+ *  每列不到 42px，期间名与读数只能压字——再多请调用方先合并期间（先例同族 `scatter-fit` 的分箱上限 8）。 */
+export declare const SMALL_MULTIPLES_MIN_PERIODS = 2;
+export declare const SMALL_MULTIPLES_MAX_PERIODS = 8;
+/** 柱高的映射区间（百分比）：**不做 0 起点**——最低那一根画在 20%、最高那一根画在 84%。
+ *  0 起点会让几根读数相近的柱子看起来一样高（原型那一档的口径原话：「柱高在最低与最高之间归一化」）；
+ *  上下留白给均值线的那枚标注与柱顶的余量。**这两个数是本件唯一的坐标事实**（映射函数住 `scale.ts`）；
+ *  喂进那个映射的值一律夹在轴域内（均值也一样）⇒ 柱与均值线都在柱阵框内。 */
+export declare const SMALL_MULTIPLES_BAR_FLOOR_PCT = 20;
+export declare const SMALL_MULTIPLES_BAR_CEIL_PCT = 84;
+/** 本期那一列轴上的那枚字：本期那一列**不靠颜色**（形＝贯穿柱阵的竖标，字＝这枚词，色＝强调色）。 */
+export declare const SMALL_MULTIPLES_NOW_LABEL = "\u672C\u671F";
+/** 一个期间：期间名 ＋ 那一期的读数（＋ 是不是本期）。 */
+export interface SmallMultiplesPeriod {
+    /** 期间名（`第 35 周`／`W35`／`上午`）——上屏在横轴，**永不 `…` 截断**（长了换行）。
+     *  **与别的期间同名一律报错**：期间名是这一列的坐标（写在轴上、也进无障碍名），
+     *  两列同名，那张图就答不了「哪一列是谁」。 */
+    readonly label: string;
+    /** 这一期的读数（**有限数**；**负读数照收**——差值型读数就长这样，归一化只看这组数的最低与最高）。
+     *  本件**不认缺值**：某一期没数就别给这一期（见 README 常见错法）。 */
+    readonly value: number;
+    /** 是不是「本期」那一列（缺省＝不是）。**最多标一期**——本期只有一期，标两期当场报错。 */
+    readonly now?: boolean;
+}
+/** 小倍数件入参。`title`／`periods` 两样恒必填——没有标题说不出这一张是什么读数，
+ *  没有期间谈不上「并排着比」。 */
+export interface SmallMultiplesInput {
+    /** 卡头标题（`日均摄入 · 六周并排`）。 */
+    readonly title: string;
+    /** 期间与读数（**2–8 期**，顺序就是横轴上的顺序）。 */
+    readonly periods: readonly SmallMultiplesPeriod[];
+    /** 读数单位（`卡`／`小时`）；**建议写中文**（写「卡」而不是 `kcal`）：会进可见文本与无障碍名。 */
+    readonly unit?: string;
+    /** 卡头里那枚期间范围（`W35 – W40`）；不给＝不出。 */
+    readonly stamp?: string;
+    /** 形态键（闭集，缺省 `columns`）：本件只有「期间并排迷你柱阵 ＋ 均值线」这一档。 */
+    readonly form?: SmallMultiplesForm;
+    /** 脚注一句人话；**不给＝用本件算出来的口径句**（那句里写着归一化的上下界与「均值不是目标」）。 */
+    readonly note?: string;
+    /** 附加类名（空格分隔；逐个过类名正则）。 */
+    readonly extraClass?: string;
+}
+//# sourceMappingURL=attrs.d.ts.map

package/dist/components/small-multiples/attrs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attrs.d.ts","sourceRoot":"","sources":["../../../src/components/small-multiples/attrs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,0DAA0D;AAC1D,eAAO,MAAM,qBAAqB,gCAAgC,CAAC;AAEnE,wDAAwD;AACxD,eAAO,MAAM,qBAAqB,gJAgCxB,CAAC;AACX,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AAExE,4DAA4D;AAC5D,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,kBAAkB,EAAE,MAAM,SAAW,GAAG,MAAM,CAEtF;AAED;;8CAE8C;AAC9C,eAAO,MAAM,qBAAqB,sBAAuB,CAAC;AAC1D,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AAExE;qEACqE;AACrE,eAAO,MAAM,2BAA2B,IAAI,CAAC;AAC7C,eAAO,MAAM,2BAA2B,IAAI,CAAC;AAE7C;;;2CAG2C;AAC3C,eAAO,MAAM,6BAA6B,KAAK,CAAC;AAChD,eAAO,MAAM,4BAA4B,KAAK,CAAC;AAE/C,wDAAwD;AACxD,eAAO,MAAM,yBAAyB,iBAAO,CAAC;AAE9C,kCAAkC;AAClC,MAAM,WAAW,oBAAoB;IACnC;;+BAE2B;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB;iDAC6C;IAC7C,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,mDAAmD;IACnD,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;qBACqB;AACrB,MAAM,WAAW,mBAAmB;IAClC,2BAA2B;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,mCAAmC;IACnC,QAAQ,CAAC,OAAO,EAAE,SAAS,oBAAoB,EAAE,CAAC;IAClD,4DAA4D;IAC5D,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,oCAAoC;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,oDAAoD;IACpD,QAAQ,CAAC,IAAI,CAAC,EAAE,kBAAkB,CAAC;IACnC,uDAAuD;IACvD,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,0BAA0B;IAC1B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B"}

package/dist/components/small-multiples/attrs.js

@@ -0,0 +1,77 @@
+/** small-multiples · **标记契约**（渲染与调用方共用的唯一事实：类名／槽位闭集／形态闭集／入参类型）。
+ *
+ *  这一件落地的是原型墙 `.scratch/ui-组件墙/新件/parts-数据与仪表.mjs` 里 **68 小倍数面板**的
+ *  **C 档「期间并排迷你柱阵 ＋ 均值线」**（2026-09 用户在墙上给这一格打 4 分；同一件的 A 档
+ *  「每格一张面积 sparkline」与 B 档「对齐基线的多条 sparkline」没全过，故不落）。
+ *  C 档是：同一个读数的若干**期间并排**成一根一根迷你柱（同一套归一化刻度），横着比相对高低，
+ *  一条虚线给出这几期的均值，每根柱下面写着那一期的绝对读数。
+ *
+ *  它替掉的两种错法（原型那一件的 `p` 那两句）：
+ *   · 把 N 段拼成一张多线图 —— 线全缠在一起，谁是谁看不出来；
+ *   · 只给最后一期 —— 看不出这一段是涨还是跌。
+ *  与同族件的分工：
+ *   · `heat-grid`（热力格）的格是**色阶**（同一种量、只看浓淡、格内没有形状、读不出数）；
+ *     小倍数每一格是一根**有高度的柱**，且每格下面写着它自己的读数；
+ *   · `calendar-month`（月历格）按**日子**排，小倍数是**任意期间轴**（哪几周／哪几段由调用方给）；
+ *   · `rank-list`（榜单）是**一期之内**的名次；小倍数问的是**同一个读数跨期**怎么变。
+ *
+ *  形态键写在 `SMALL_MULTIPLES_FORMS`（闭集）：闭集外的值一律 `badInput`（不静默降级——
+ *  降级会让调用方以为自己拿到了另一种骨架）。日后 A／B 两档复看过了线，是在这个闭集里加一格，
+ *  不是新开一件（「形态是骨架，不是地址」）。
+ */
+/** 本件的类名根：全部槽位类名都是 `SMALL_MULTIPLES_CLASS + '-' + 槽名`。 */
+export const SMALL_MULTIPLES_CLASS = 'ilife-block-small-multiples';
+/** 槽位闭集（`render.ts`、`style.ts` 与判据都从这里取名字，不各抄一份字面量）。 */
+export const SMALL_MULTIPLES_SLOTS = [
+    /** 卡头那一排：标题 ＋ 期间范围 ＋ 算出来的那句（虚线是什么）。 */
+    'hd',
+    /** 卡头标题（`日均摄入 · 六周并排`）。 */
+    'title',
+    /** 卡头里那枚期间范围（`W35 – W40`）；不给＝不出。 */
+    'stamp',
+    /** 卡头右端那句**从数据算出来**的话（`虚线＝6 期均值`）——它就是均值线的「字」，不靠颜色认线。 */
+    'tail',
+    /** 柱阵区（`role="img"`；一行并排的期间列，**含**那条均值线）。 */
+    'cols',
+    /** 均值线（纯装饰：`border-top` 虚线，位置＝算出来的百分比；字在 `mean-label`）。
+     *  线在刻度中线之上时另带 `is-under`（那枚标注画到**线下**，保证标注也在柱阵框内）。 */
+    'mean',
+    /** 均值那一枚标注（**有字**：`均值 1,810 卡`）——线型（虚线）之外的第二样「非色」信息。 */
+    'mean-label',
+    /** 一列（一个期间）；本期那一列另带 `is-now`（竖标＝形）。 */
+    'col',
+    /** 一列里的那根柱（**无文字的条 ⇒ `accent` 实底**；高度是算出来的百分比）。 */
+    'bar',
+    /** 横轴标签行（`<ul>`：与柱阵同一份列数与同一份间距 ⇒ 永远对着它那一根柱）。 */
+    'xax',
+    /** 一枚标签（一个期间：上面是期间名，下面是那一期的绝对读数）。 */
+    'xlabel',
+    /** 一枚标签里的期间名（**永不 `…` 截断**：它是这一列的坐标）。 */
+    'xperiod',
+    /** 一枚标签里的绝对读数（数字，等宽数字位）。 */
+    'xvalue',
+    /** 本期那一枚字（`本期`）——本期那一列的第三样信息（形 ＋ 字 ＋ 色）。 */
+    'nowmark',
+    /** 脚注一句人话（口径：柱高怎么归一化的、均值不是目标）。 */
+    'note',
+];
+/** 槽类的类名（唯一拼法：别处不许再写 `SMALL_MULTIPLES_CLASS + '-' + …`）。 */
+export function smallMultiplesSlot(slot, prefix = 'ilife-') {
+    return prefix + 'block-small-multiples-' + slot;
+}
+/** 形态闭集：本件只落地**原型墙 no.68 的 C 档**「期间并排迷你柱阵 ＋ 均值线」。
+ *  档键取骨架的名字（`columns`＝一行并排的期间列），`C` 是原型墙那一格的格号、不是接口名
+ *  （同批 `cash-waterline` 同此口径：档键写骨架，格号写注记）。 */
+export const SMALL_MULTIPLES_FORMS = ['columns'];
+/** 期间数的上下限：**一期看不出跨期怎么变**（最少 2）；**超过 8 期**，窄容器（390）里
+ *  每列不到 42px，期间名与读数只能压字——再多请调用方先合并期间（先例同族 `scatter-fit` 的分箱上限 8）。 */
+export const SMALL_MULTIPLES_MIN_PERIODS = 2;
+export const SMALL_MULTIPLES_MAX_PERIODS = 8;
+/** 柱高的映射区间（百分比）：**不做 0 起点**——最低那一根画在 20%、最高那一根画在 84%。
+ *  0 起点会让几根读数相近的柱子看起来一样高（原型那一档的口径原话：「柱高在最低与最高之间归一化」）；
+ *  上下留白给均值线的那枚标注与柱顶的余量。**这两个数是本件唯一的坐标事实**（映射函数住 `scale.ts`）；
+ *  喂进那个映射的值一律夹在轴域内（均值也一样）⇒ 柱与均值线都在柱阵框内。 */
+export const SMALL_MULTIPLES_BAR_FLOOR_PCT = 20;
+export const SMALL_MULTIPLES_BAR_CEIL_PCT = 84;
+/** 本期那一列轴上的那枚字：本期那一列**不靠颜色**（形＝贯穿柱阵的竖标，字＝这枚词，色＝强调色）。 */
+export const SMALL_MULTIPLES_NOW_LABEL = '本期';

package/dist/components/small-multiples/attrs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attrs.js","sourceRoot":"","sources":["../../../src/components/small-multiples/attrs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,0DAA0D;AAC1D,MAAM,CAAC,MAAM,qBAAqB,GAAG,6BAA6B,CAAC;AAEnE,wDAAwD;AACxD,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,uCAAuC;IACvC,IAAI;IACJ,2BAA2B;IAC3B,OAAO;IACP,oCAAoC;IACpC,OAAO;IACP,yDAAyD;IACzD,MAAM;IACN,6CAA6C;IAC7C,MAAM;IACN;2DACuD;IACvD,MAAM;IACN,wDAAwD;IACxD,YAAY;IACZ,uCAAuC;IACvC,KAAK;IACL,mDAAmD;IACnD,KAAK;IACL,gDAAgD;IAChD,KAAK;IACL,qCAAqC;IACrC,QAAQ;IACR,yCAAyC;IACzC,SAAS;IACT,4BAA4B;IAC5B,QAAQ;IACR,4CAA4C;IAC5C,SAAS;IACT,kCAAkC;IAClC,MAAM;CACE,CAAC;AAGX,4DAA4D;AAC5D,MAAM,UAAU,kBAAkB,CAAC,IAAwB,EAAE,MAAM,GAAG,QAAQ;IAC5E,OAAO,MAAM,GAAG,wBAAwB,GAAG,IAAI,CAAC;AAClD,CAAC;AAED;;8CAE8C;AAC9C,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,SAAS,CAAU,CAAC;AAG1D;qEACqE;AACrE,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,CAAC;AAC7C,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,CAAC;AAE7C;;;2CAG2C;AAC3C,MAAM,CAAC,MAAM,6BAA6B,GAAG,EAAE,CAAC;AAChD,MAAM,CAAC,MAAM,4BAA4B,GAAG,EAAE,CAAC;AAE/C,wDAAwD;AACxD,MAAM,CAAC,MAAM,yBAAyB,GAAG,IAAI,CAAC"}

package/dist/components/small-multiples/index.d.ts

@@ -0,0 +1,14 @@
+/** small-multiples · **组件出口**（本组件对外的唯一名字面）。
+ *
+ *  五件出口：`renderSmallMultiples(input)`（产标记，零 DOM）／`smallMultiplesCss()`（样式段）／
+ *  `SMALL_MULTIPLES_FORMS`（形态闭集：本件只落地原型墙 no.68 的 C 档「期间并排迷你柱阵 ＋ 均值线」）／
+ *  `SMALL_MULTIPLES_CLASS` 与 `smallMultiplesSlot()`（标记契约）；另有尺常量（期间数上下限、
+ *  柱高的映射区间、柱阵区高度）。
+ *
+ *  用法与参数表见同目录 `README.md`。消费方走 `base-paint/blocks`（组件层出口），不走根出口。
+ */
+export { renderSmallMultiples } from './render.js';
+export type { SmallMultiplesForm, SmallMultiplesInput, SmallMultiplesPeriod, SmallMultiplesSlot, } from './attrs.js';
+export { SMALL_MULTIPLES_BAR_CEIL_PCT, SMALL_MULTIPLES_BAR_FLOOR_PCT, SMALL_MULTIPLES_CLASS, SMALL_MULTIPLES_FORMS, SMALL_MULTIPLES_MAX_PERIODS, SMALL_MULTIPLES_MIN_PERIODS, SMALL_MULTIPLES_SLOTS, smallMultiplesSlot, } from './attrs.js';
+export { SMALL_MULTIPLES_PLOT_PX, smallMultiplesCss } from './style.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/small-multiples/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/small-multiples/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,YAAY,EACV,kBAAkB,EAClB,mBAAmB,EACnB,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,4BAA4B,EAC5B,6BAA6B,EAC7B,qBAAqB,EACrB,qBAAqB,EACrB,2BAA2B,EAC3B,2BAA2B,EAC3B,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/small-multiples/index.js

@@ -0,0 +1,12 @@
+/** small-multiples · **组件出口**（本组件对外的唯一名字面）。
+ *
+ *  五件出口：`renderSmallMultiples(input)`（产标记，零 DOM）／`smallMultiplesCss()`（样式段）／
+ *  `SMALL_MULTIPLES_FORMS`（形态闭集：本件只落地原型墙 no.68 的 C 档「期间并排迷你柱阵 ＋ 均值线」）／
+ *  `SMALL_MULTIPLES_CLASS` 与 `smallMultiplesSlot()`（标记契约）；另有尺常量（期间数上下限、
+ *  柱高的映射区间、柱阵区高度）。
+ *
+ *  用法与参数表见同目录 `README.md`。消费方走 `base-paint/blocks`（组件层出口），不走根出口。
+ */
+export { renderSmallMultiples } from './render.js';
+export { SMALL_MULTIPLES_BAR_CEIL_PCT, SMALL_MULTIPLES_BAR_FLOOR_PCT, SMALL_MULTIPLES_CLASS, SMALL_MULTIPLES_FORMS, SMALL_MULTIPLES_MAX_PERIODS, SMALL_MULTIPLES_MIN_PERIODS, SMALL_MULTIPLES_SLOTS, smallMultiplesSlot, } from './attrs.js';
+export { SMALL_MULTIPLES_PLOT_PX, smallMultiplesCss } from './style.js';

package/dist/components/small-multiples/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/small-multiples/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAOnD,OAAO,EACL,4BAA4B,EAC5B,6BAA6B,EAC7B,qBAAqB,EACrB,qBAAqB,EACrB,2BAA2B,EAC3B,2BAA2B,EAC3B,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/small-multiples/model.d.ts

@@ -0,0 +1,34 @@
+import { type SmallMultiplesForm } from './attrs.js';
+/** 一列：柱高（算出来的百分比）＋ 是不是本期。 */
+export interface SmallMultiplesBarModel {
+    readonly heightPct: number;
+    readonly now: boolean;
+}
+/** 一枚横轴标签：期间名 ＋ 那一期的绝对读数（**已写成给人看的样子**）＋ 是不是本期。 */
+export interface SmallMultiplesTickModel {
+    readonly label: string;
+    readonly value: string;
+    readonly now: boolean;
+}
+/** 内部类型：形态 ＋ 卡头 ＋ 柱阵 ＋ 均值线 ＋ 口径句 ＋ 无障碍名。 */
+export interface SmallMultiplesModel {
+    readonly form: SmallMultiplesForm;
+    readonly title: string;
+    readonly stamp?: string;
+    /** 卡头右端那句**从数据算出来**的话（虚线是什么）。 */
+    readonly tail: string;
+    /** 均值线的位置（用**同一个** `barPct()` 把**未量化**的均值当读数算出来的百分比）。 */
+    readonly meanPct: number;
+    /** 均值那一枚标注画在**线下**吗（线在刻度中线之上时为真：标注朝柱阵里长，保证不出框）。 */
+    readonly meanUnder: boolean;
+    /** 均值那一枚标注上的字（`均值 1,810 卡`）。 */
+    readonly meanText: string;
+    readonly bars: readonly SmallMultiplesBarModel[];
+    readonly ticks: readonly SmallMultiplesTickModel[];
+    readonly note: string;
+    readonly ariaLabel: string;
+    readonly extraClass?: string;
+}
+/** 入参归一化。**唯一入口**：`render.ts` 只吃它产出的 `SmallMultiplesModel`，不再自己碰 `any`。 */
+export declare function normalizeSmallMultiples(input: unknown): SmallMultiplesModel;
+//# sourceMappingURL=model.d.ts.map

package/dist/components/small-multiples/model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../src/components/small-multiples/model.ts"],"names":[],"mappings":"AAWA,OAAO,EAOL,KAAK,kBAAkB,EAExB,MAAM,YAAY,CAAC;AAKpB,6BAA6B;AAC7B,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,GAAG,EAAE,OAAO,CAAC;CACvB;AAED,mDAAmD;AACnD,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,GAAG,EAAE,OAAO,CAAC;CACvB;AAED,4CAA4C;AAC5C,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,IAAI,EAAE,kBAAkB,CAAC;IAClC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,iCAAiC;IACjC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,yDAAyD;IACzD,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,mDAAmD;IACnD,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,gCAAgC;IAChC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,IAAI,EAAE,SAAS,sBAAsB,EAAE,CAAC;IACjD,QAAQ,CAAC,KAAK,EAAE,SAAS,uBAAuB,EAAE,CAAC;IACnD,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AAkHD,2EAA2E;AAC3E,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,OAAO,GAAG,mBAAmB,CAiB3E"}