base-paint 0.3.14 → 0.3.16

package/dist/components/spread-dist/style.js

@@ -0,0 +1,282 @@
+/** spread-dist · **样式段**（本件唯一的样式来源；三个形态各一段，另两段住同目录
+ *  `style-quantile.ts`（C 分位尺）与 `style-box.ts`（A 箱线），由这里按行序汇总）。
+ *
+ *  纪律（与本节其余件同一份）：
+ *   · 只经 `skinVar()` 读皮肤 —— 组件里**不写** `var(--ilife-…)`（兜底链只许住在 `skin/contract.ts`）；
+ *   · 全部规则 scope 在 `.<prefix>page-ui` 之下（不开本配方页零命中）；不写 `:root`／`!important`、
+ *     不新增 token 名、零代码里写死的色值（面与条一律从强调色系出）；
+ *   · **宽度只许容器判**：布局靠 `@container` ＋ 内在尺寸 ＋ 纯 CSS 等分；本件不写任何 `@media`。
+ *
+ *  两处几何契约（判据钉住）：
+ *   · **刻度与柱子同一把尺**：纵轴刻度列与逐日柱区**同高**（都取 `SPREAD_DIST_DAYS_PX`），
+ *     刻度的位置是行内算出来的 `bottom`（`forms.ts` 里由 `upPct()` 给，与柱子的 `bottom` 同一支函数）；
+ *     首末两枚刻度各用 `translateY(50%)` 把**中心**对到轴顶与轴底，故读者按刻度量一根柱量得准。
+ *   · **色不是唯一信息**：范围条是强调色的**淡洗**（面），中位块是强调色**实底**（条）——
+ *     一深一浅两种形 ＋ 图例给字；分位尺那边正中那一档是「有文字的面」⇒ 软底＋主色字＋主色描边，
+ *     而**无文字的图形**（条）才走 `accent` 实底。**没有一处拿正文墨色当"面"**。
+ */
+import { skinVar } from '../skin/contract.js';
+import { SPREAD_DIST_NARROW_PX, spreadDistSlot } from './attrs.js';
+import { spreadDistBoxCss } from './style-box.js';
+import { spreadDistQuantileCss } from './style-quantile.js';
+/** 换行（仓库口径：不写字面换行转义）。 */
+const LF = String.fromCharCode(10);
+/** 逐日柱区高度（px）：宽容器一档、窄容器一档。两份取值都在本文件里，判据读这里。 */
+export const SPREAD_DIST_DAYS_PX = 150;
+export const SPREAD_DIST_NARROW_DAYS_PX = 128;
+/** 一个百分比档：强调色往卡面掺 `weight`%（淡洗＝合法的面；不是"拿墨色当面"）。 */
+const wash = (weight) => 'color-mix(in srgb, ' + skinVar('accent') + ' ' + String(weight)
+    + '%, ' + skinVar('surface') + ')';
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export function spreadDistCss(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-spread-dist';
+    /* 槽类名（**不带 scope**）：只用在**已经落进本件某条选择器内部**的位置（前缀由外层那条选择器给）。
+       拿 `s()` 去拼后代／兄弟选择器会拼出 `.page-ui .a .page-ui .b` —— 第二条 `.page-ui` 永远匹配不到，
+       规则「看着在、其实不生效」。本文件只用 `s()`；要拼嵌在选择器内部的裸槽类时，才在那一处现加 `c()`。 */
+    const s = (slot) => root + ' .' + spreadDistSlot(slot, p);
+    const c = (slot) => '.' + spreadDistSlot(slot, p);
+    return [
+        '/* spread-dist（分布与分位 · 三个形态：箱线／逐日范围柱／分位尺）：一批读数摊开成形状。',
+        '   色一律从强调色系出（淡洗给区间面与箱体、实底给中位条、软底给有文字的中位档）：换皮只换取值、',
+        '   不换结构；任何一档都不拿文字墨色当面。 */',
+        box + ' {',
+        /* 宽度判据的落点：本件是**自己的容器**——嵌进侧栏／面板／卡片时照样按自己的宽度排。 */
+        '  container-type: inline-size;',
+        /* 宿主页不保证是 `border-box`（真页面默认 content-box）：本件带边框／内距的位子
+           在那种页里会比容器宽出边框那几像素 ⇒ 在本件**自己的子树里**把 `box-sizing` 钉成 `border-box`。 */
+        '  box-sizing: border-box;',
+        '  display: grid;',
+        '  gap: 10px;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font') + ';',
+        '  font-size: ' + skinVar('fs-body') + ';',
+        '  line-height: 1.5;',
+        '}',
+        box + ' * {',
+        '  box-sizing: border-box;',
+        '}',
+        /* ── 卡头 ── */
+        s('hd') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: baseline;',
+        '  gap: 3px 10px;',
+        '  min-width: 0;',
+        '}',
+        s('title') + ' {',
+        '  margin: 0;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font-display') + ';',
+        '  font-size: ' + skinVar('fs-h3') + ';',
+        '  font-weight: 700;',
+        '  line-height: 1.35;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('stamp') + ' {',
+        /* 内容撑宽是横溢的来源：调用方给一句长口径时，`flex: none` ＋ `nowrap` 会让这一项拒绝收窄
+           ⇒ 父行跟着溢出。故 `flex: 0 1 auto`（可收窄）＋ `min-width: 0` ＋ 允许在词内断行。 */
+        '  flex: 0 1 auto;',
+        '  min-width: 0;',
+        '  margin-left: auto;',
+        '  padding: 1px 8px;',
+        '  border-radius: ' + skinVar('radius-pill') + ';',
+        '  background: ' + skinVar('surface-2') + ';',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('tail') + ' {',
+        '  flex: 0 1 auto;',
+        '  min-width: 0;',
+        '  margin-left: auto;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 700;',
+        '  font-variant-numeric: tabular-nums;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        /* ── B 档：坐标框（纵轴刻度列 ‖ 逐日柱区）＋ 横轴日子行 ── */
+        '/* `padding-top` 与 `row-gap` 是给两处「长出框外」的余量：首末两枚刻度各平移半个字高',
+        '   （把中心对到轴顶与轴底）、中位块在极值处平移半个块高 —— 都只长进这两处留白里，不压到别的东西。 */',
+        s('plotbox') + ' {',
+        '  display: grid;',
+        '  grid-template-columns: max-content minmax(0, 1fr);',
+        '  column-gap: 8px;',
+        '  row-gap: 12px;',
+        '  min-width: 0;',
+        '  padding-top: 8px;',
+        '}',
+        s('yticks') + ' {',
+        '  grid-column: 1;',
+        '  grid-row: 1;',
+        '  position: relative;',
+        /* 与柱区**同高**：刻度列的高度就是尺子本身（不是"看起来差不多"）。
+           两档各自与 `.days` 取**同一个常量** —— 两处写死必然走散（窄档实测过：柱区 128px 而刻度列留 150px，
+           轴底刻度整整低了 22px，读者按刻度读出来的值系统性偏小）。 */
+        '  height: ' + String(SPREAD_DIST_DAYS_PX) + 'px;',
+        '  min-width: 0;',
+        '}',
+        s('ytick') + ' {',
+        '  position: absolute;',
+        '  right: 0;',
+        '  transform: translateY(50%);',
+        '  min-width: 0;',
+        /* 刻度列是 `max-content` 宽：**要给它一个上限**，否则一句很长的单位会把柱子挤没、把容器撑宽。
+           到了上限就在词内断行（刻度是数字 ＋ 单位，断了照样读得出来），容器永不被撑宽。 */
+        '  max-width: 7em;',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '  font-variant-numeric: tabular-nums;',
+        '  line-height: 1.2;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        /* 隐形撑子：与刻度同字同限（字号／字重／7em 上限／词内断行照抄，列宽与在流时一致），只撑列宽不上屏。 */
+        s('yticks-sizer') + ' {',
+        '  display: block;',
+        '  visibility: hidden;',
+        '  min-width: 0;',
+        '  max-width: 7em;',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('days') + ' {',
+        '  grid-column: 2;',
+        '  grid-row: 1;',
+        '  display: flex;',
+        /* 列距 **8px**：与柱区同一份划分的横轴行也用它 ⇒ 日子永远对着它那一列；
+           这个数同时是**触控地板**那一档（调用方把某一天做成入口时，相邻命中盒之间不许小于 8px）。 */
+        '  gap: 8px;',
+        '  align-items: stretch;',
+        '  height: ' + String(SPREAD_DIST_DAYS_PX) + 'px;',
+        '  min-width: 0;',
+        '  border-bottom: 1px solid ' + skinVar('line') + ';',
+        '}',
+        s('day') + ' {',
+        '  position: relative;',
+        '  flex: 1 1 0;',
+        '  min-width: 0;',
+        '}',
+        /* 区间条：强调色 22% 的淡洗（"当天落在这之间"是面，不是条）；
+           **宽度按「列宽的 40%，但不超过 64px」**：只给百分比时，天数少（两三列）的图里一根条会摊成一大块；
+           `min-height` 是**零高度也有形**的地板（最低与最高那天相同＝一根读数，画成一条 4px 的短条）。 */
+        s('day-range') + ' {',
+        '  position: absolute;',
+        '  left: 50%;',
+        '  width: min(40%, 64px);',
+        '  transform: translateX(-50%);',
+        '  min-height: 4px;',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: ' + wash(22) + ';',
+        '}',
+        /* 中位块：**无文字的图形 ⇒ `accent` 实底**；`translate(-50%, 50%)` 把块中心对到中位数那个位置
+           （横向居中、纵向半高）。宽度同样封顶，免得两三列时它拉成一根通栏横线。 */
+        s('day-median') + ' {',
+        '  position: absolute;',
+        '  left: 50%;',
+        '  width: min(76%, 96px);',
+        '  height: 6px;',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: ' + skinVar('accent') + ';',
+        '  transform: translate(-50%, 50%);',
+        '}',
+        s('xax') + ' {',
+        '  grid-column: 2;',
+        '  grid-row: 2;',
+        '  display: flex;',
+        /* 与柱区**同一份列划分**（同一个 `gap` ＋ `flex: 1 1 0`）：任何天数下日子都对着它那一列。 */
+        '  gap: 8px;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '}',
+        s('xlabel') + ' {',
+        '  flex: 1 1 0;',
+        '  min-width: 0;',
+        '  text-align: center;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        /* ── C 档：结论一句话在上、读数在下（`style-quantile.ts`） ── */
+        spreadDistQuantileCss({ prefix: p }),
+        /* ── 各档共用 ── */
+        s('legend') + ' {',
+        '  list-style: none;',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: center;',
+        '  gap: 5px 14px;',
+        '  margin: 0;',
+        '  padding: 9px 0 0;',
+        '  border-top: 1px solid ' + skinVar('line') + ';',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '}',
+        s('legend-item') + ' {',
+        '  display: flex;',
+        '  align-items: center;',
+        '  gap: 5px;',
+        '  min-width: 0;',
+        '  list-style: none;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('legend-mark') + ' {',
+        '  display: block;',
+        '  flex: 0 0 auto;',
+        '  width: 12px;',
+        '  height: 12px;',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: ' + skinVar('accent') + ';',
+        '}',
+        s('legend-mark') + '.is-range {',
+        '  background: ' + wash(22) + ';',
+        '}',
+        s('legend-mark') + '.is-median {',
+        '  height: 3px;',
+        '  border-radius: ' + skinVar('radius-pill') + ';',
+        '}',
+        s('note') + ' {',
+        '  margin: 0;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  line-height: 1.6;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 本件自身不带可点元素。这一条是**地板**：调用方把某一天／某一档包成入口时焦点必须看得见。 */',
+        box + ' :focus-visible {',
+        '  outline: 2px solid ' + skinVar('accent') + ';',
+        '  outline-offset: 2px;',
+        '}',
+        /* 窄容器（<阈值，阈值住 `attrs.ts`）：柱区矮一档、区间条加宽一档、列间距收一档 —— **一列不减**。
+           宽度靠 `flex: 1 1 0`／`auto-fit` 自己变窄，不横滑、也不藏横滑。 */
+        '@container (max-width: ' + String(SPREAD_DIST_NARROW_PX) + 'px) {',
+        '  ' + s('days') + ' {',
+        '    height: ' + String(SPREAD_DIST_NARROW_DAYS_PX) + 'px;',
+        '  }',
+        /* 刻度列跟着柱区一起矮：两处取同一个窄档常量（高矮不同＝刻度与柱子不是同一把尺）。 */
+        '  ' + s('yticks') + ' {',
+        '    height: ' + String(SPREAD_DIST_NARROW_DAYS_PX) + 'px;',
+        '  }',
+        '  ' + s('day-range') + ' {',
+        '    width: min(52%, 64px);',
+        '  }',
+        '  ' + s('day-median') + ' {',
+        '    width: min(88%, 96px);',
+        '  }',
+        '}',
+        /* ── A 档（`box` 箱线）：一行一组、同一把尺子横着量（`style-box.ts`） ──
+           接在最后：前两档那两段一个字节不动，加的这一段只在开 A 档时命中。 */
+        spreadDistBoxCss({ prefix: p }),
+    ].join(LF);
+}
+//# sourceMappingURL=style.js.map

package/dist/components/spread-dist/style.js.map

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

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

@@ -0,0 +1,56 @@
+/** stacked-bar · **标记契约**（渲染与调用方共用的唯一事实：类名／形态闭集／入参类型）。
+ *
+ *  这一件落地的是原型墙（`.scratch/ui-组件墙/parts-04-形状与比例.mjs`，2026-09 用户裁定）
+ *  里的**形态 A「100% 堆叠 ＋ 图例」**——一整块按占比切成几段：段宽＝占比，
+ *  够宽的段里直接写读数（名字 ＋ 百分数或只剩百分数），**窄段让位图例**，图例必带数值。
+ *
+ *  形态键写在 `STACKED_BAR_FORMS`（闭集）：本件只有一格，但键必须存在——
+ *  「形态是骨架，不是地址」，日后加第二形态是在闭集里加一格，不是新开一件。
+ *  闭集外的值一律 `badInput`（不静默降级：降级会让调用方以为自己拿到了另一种骨架）。
+ */
+/** 本件的类名根：全部槽位类名都是 `STACKED_BAR_CLASS + '-' + 槽名`。 */
+export declare const STACKED_BAR_CLASS = "ilife-block-stacked-bar";
+/** 槽位闭集（标记契约的一部分：`render.ts`、`style.ts` 与判据都用这里的名字拼类名，不各抄一份字面量）。 */
+export declare const STACKED_BAR_SLOTS: readonly ["hd", "title", "stamp", "bar", "seg", "seg-text", "legend", "legend-item", "swatch", "name", "pct", "amount", "note"];
+export type StackedBarSlot = (typeof STACKED_BAR_SLOTS)[number];
+/** 槽类的类名（唯一拼法：别处不许再写 `STACKED_BAR_CLASS + '-' + …`）。 */
+export declare function stackedBarSlot(slot: StackedBarSlot, prefix?: string): string;
+/** 形态闭集：本件只落地了形态 A「100% 堆叠 ＋ 图例」。 */
+export declare const STACKED_BAR_FORMS: readonly ["stack"];
+export type StackedBarForm = (typeof STACKED_BAR_FORMS)[number];
+/** 数据色档数（`is-k1`…`is-k6`）：段数上限就是它——**色序只有这么长，超了必然重色**。
+ *  原型的口径是「段数收在 5 段以内才看得清」，尾巴并成「其他」是**调用方的聚合**，不是本件的形状。 */
+export declare const STACKED_BAR_SERIES = 6;
+/** 段数上限（＝ 色档数）。 */
+export declare const STACKED_BAR_MAX_SEGMENTS = 6;
+/** 段里连名字一起写的最低占比（%）。低于它就只写百分数、或整段让位图例。 */
+export declare const STACKED_BAR_NAME_MIN_PCT = 20;
+/** 段里写百分数的最低占比（%）。低于它 ⇒ 段里一个字都不写，**数字退回图例**（图例必带数值）。 */
+export declare const STACKED_BAR_VALUE_MIN_PCT = 12;
+/** 缺值的写法：**缺值写成 `—`，不许写 0、不许留空**（全仓同一条地板）。 */
+export declare const STACKED_BAR_MISSING = "\u2014";
+/** 构成条的一段：名字 ＋ 数量（**数量必须 > 0**：零段看不见、也不该占一格图例）。 */
+export interface StackedBarSegment {
+    /** 名字（如「餐饮」）；**允许换行，但不许被 `…` 截断**——图例里那一列是它。 */
+    readonly name: string;
+    /** 数量（与同批其它段同单位）。必须 > 0；占比由本件按各段之和算，**调用方不给占比**。 */
+    readonly value: number;
+}
+/** 构成条入参。`title`／`segments` 必填——**没有分段就没有「构成」**（一个数一根条走 `scale-bar`）。 */
+export interface StackedBarInput {
+    /** 卡头标题（如「3 月消费结构」）。 */
+    readonly title: string;
+    /** 卡头右端那句（如「合计 ¥7 000」）；不给＝不出。 */
+    readonly stamp?: string;
+    /** 各分段（**至少一段、至多 `STACKED_BAR_MAX_SEGMENTS` 段**；占比按各段之和算）。 */
+    readonly segments: readonly StackedBarSegment[];
+    /** 数量单位（`元`／`克`／`条`）：跟在图例的数量后面，不参与占比口径。 */
+    readonly unit?: string;
+    /** 脚注一句人话（这张图读出来的结论）；不给＝不出。 */
+    readonly note?: string;
+    /** 形态键（闭集，缺省 `stack`）。 */
+    readonly form?: StackedBarForm;
+    /** 附加类名（空格分隔；逐个过类名正则）。 */
+    readonly extraClass?: string;
+}
+//# sourceMappingURL=attrs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"attrs.d.ts","sourceRoot":"","sources":["../../../src/components/stacked-bar/attrs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,sDAAsD;AACtD,eAAO,MAAM,iBAAiB,4BAA4B,CAAC;AAE3D,oEAAoE;AACpE,eAAO,MAAM,iBAAiB,iIA2BpB,CAAC;AACX,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhE,wDAAwD;AACxD,wBAAgB,cAAc,CAAC,IAAI,EAAE,cAAc,EAAE,MAAM,SAAW,GAAG,MAAM,CAE9E;AAED,qCAAqC;AACrC,eAAO,MAAM,iBAAiB,oBAAqB,CAAC;AACpD,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhE;0DAC0D;AAC1D,eAAO,MAAM,kBAAkB,IAAI,CAAC;AAEpC,mBAAmB;AACnB,eAAO,MAAM,wBAAwB,IAAqB,CAAC;AAE3D,0CAA0C;AAC1C,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAE3C,wDAAwD;AACxD,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAE5C,8CAA8C;AAC9C,eAAO,MAAM,mBAAmB,WAAM,CAAC;AAEvC,mDAAmD;AACnD,MAAM,WAAW,iBAAiB;IAChC,gDAAgD;IAChD,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,oDAAoD;IACpD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,yEAAyE;AACzE,MAAM,WAAW,eAAe;IAC9B,wBAAwB;IACxB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,kCAAkC;IAClC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,8DAA8D;IAC9D,QAAQ,CAAC,QAAQ,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAChD,2CAA2C;IAC3C,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,+BAA+B;IAC/B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,0BAA0B;IAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,cAAc,CAAC;IAC/B,0BAA0B;IAC1B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B"}

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

@@ -0,0 +1,59 @@
+/** stacked-bar · **标记契约**（渲染与调用方共用的唯一事实：类名／形态闭集／入参类型）。
+ *
+ *  这一件落地的是原型墙（`.scratch/ui-组件墙/parts-04-形状与比例.mjs`，2026-09 用户裁定）
+ *  里的**形态 A「100% 堆叠 ＋ 图例」**——一整块按占比切成几段：段宽＝占比，
+ *  够宽的段里直接写读数（名字 ＋ 百分数或只剩百分数），**窄段让位图例**，图例必带数值。
+ *
+ *  形态键写在 `STACKED_BAR_FORMS`（闭集）：本件只有一格，但键必须存在——
+ *  「形态是骨架，不是地址」，日后加第二形态是在闭集里加一格，不是新开一件。
+ *  闭集外的值一律 `badInput`（不静默降级：降级会让调用方以为自己拿到了另一种骨架）。
+ */
+/** 本件的类名根：全部槽位类名都是 `STACKED_BAR_CLASS + '-' + 槽名`。 */
+export const STACKED_BAR_CLASS = 'ilife-block-stacked-bar';
+/** 槽位闭集（标记契约的一部分：`render.ts`、`style.ts` 与判据都用这里的名字拼类名，不各抄一份字面量）。 */
+export const STACKED_BAR_SLOTS = [
+    /** 卡头那一排：标题 ＋ 右侧口径。 */
+    'hd',
+    /** 卡头标题（如「3 月消费结构」）。 */
+    'title',
+    /** 卡头右端那句（合计／单位），可换行。 */
+    'stamp',
+    /** 那根构成条本身（`role="img"`，段宽＝占比）。 */
+    'bar',
+    /** 构成条里的一段（**宽 ＝ 这一段的占比**，由行内 `flex` 给出）。 */
+    'seg',
+    /** 段里那行读数（够宽才出：≥ 名字档连名字一起写，≥ 数值档只写百分数）。 */
+    'seg-text',
+    /** 图例（**必带数值**：名字 ｜ 百分数 ｜ 数量）。 */
+    'legend',
+    /** 图例的一行。 */
+    'legend-item',
+    /** 图例左端那枚色块（纯装饰：色只是第二次提醒，数字在右边）。 */
+    'swatch',
+    /** 图例里的名字（可换行，**允许截断的只有它**）。 */
+    'name',
+    /** 图例里的百分数（数字，永不换行、永不截断）。 */
+    'pct',
+    /** 图例里的数量（数字，永不换行、永不截断）。 */
+    'amount',
+    /** 脚注一句人话。 */
+    'note',
+];
+/** 槽类的类名（唯一拼法：别处不许再写 `STACKED_BAR_CLASS + '-' + …`）。 */
+export function stackedBarSlot(slot, prefix = 'ilife-') {
+    return prefix + 'block-stacked-bar-' + slot;
+}
+/** 形态闭集：本件只落地了形态 A「100% 堆叠 ＋ 图例」。 */
+export const STACKED_BAR_FORMS = ['stack'];
+/** 数据色档数（`is-k1`…`is-k6`）：段数上限就是它——**色序只有这么长，超了必然重色**。
+ *  原型的口径是「段数收在 5 段以内才看得清」，尾巴并成「其他」是**调用方的聚合**，不是本件的形状。 */
+export const STACKED_BAR_SERIES = 6;
+/** 段数上限（＝ 色档数）。 */
+export const STACKED_BAR_MAX_SEGMENTS = STACKED_BAR_SERIES;
+/** 段里连名字一起写的最低占比（%）。低于它就只写百分数、或整段让位图例。 */
+export const STACKED_BAR_NAME_MIN_PCT = 20;
+/** 段里写百分数的最低占比（%）。低于它 ⇒ 段里一个字都不写，**数字退回图例**（图例必带数值）。 */
+export const STACKED_BAR_VALUE_MIN_PCT = 12;
+/** 缺值的写法：**缺值写成 `—`，不许写 0、不许留空**（全仓同一条地板）。 */
+export const STACKED_BAR_MISSING = '—';
+//# sourceMappingURL=attrs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"attrs.js","sourceRoot":"","sources":["../../../src/components/stacked-bar/attrs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,sDAAsD;AACtD,MAAM,CAAC,MAAM,iBAAiB,GAAG,yBAAyB,CAAC;AAE3D,oEAAoE;AACpE,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,uBAAuB;IACvB,IAAI;IACJ,wBAAwB;IACxB,OAAO;IACP,yBAAyB;IACzB,OAAO;IACP,mCAAmC;IACnC,KAAK;IACL,6CAA6C;IAC7C,KAAK;IACL,2CAA2C;IAC3C,UAAU;IACV,kCAAkC;IAClC,QAAQ;IACR,aAAa;IACb,aAAa;IACb,oCAAoC;IACpC,QAAQ;IACR,gCAAgC;IAChC,MAAM;IACN,6BAA6B;IAC7B,KAAK;IACL,4BAA4B;IAC5B,QAAQ;IACR,cAAc;IACd,MAAM;CACE,CAAC;AAGX,wDAAwD;AACxD,MAAM,UAAU,cAAc,CAAC,IAAoB,EAAE,MAAM,GAAG,QAAQ;IACpE,OAAO,MAAM,GAAG,oBAAoB,GAAG,IAAI,CAAC;AAC9C,CAAC;AAED,qCAAqC;AACrC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,OAAO,CAAU,CAAC;AAGpD;0DAC0D;AAC1D,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,CAAC;AAEpC,mBAAmB;AACnB,MAAM,CAAC,MAAM,wBAAwB,GAAG,kBAAkB,CAAC;AAE3D,0CAA0C;AAC1C,MAAM,CAAC,MAAM,wBAAwB,GAAG,EAAE,CAAC;AAE3C,wDAAwD;AACxD,MAAM,CAAC,MAAM,yBAAyB,GAAG,EAAE,CAAC;AAE5C,8CAA8C;AAC9C,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAC"}

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

@@ -0,0 +1,13 @@
+/** stacked-bar · **组件出口**（本组件对外的唯一名字面）。
+ *
+ *  五件出口：`renderStackedBar(input)`（产标记，零 DOM）／`stackedBarCss()`（样式段）／
+ *  `STACKED_BAR_FORMS`（形态闭集）／`STACKED_BAR_CLASS` 与 `stackedBarSlot()`（标记契约）／
+ *  三个尺常量（段数上限、段内读数的两档占比阈值）。
+ *
+ *  用法与参数表见同目录 `README.md`。消费方走 `base-paint/blocks`（组件层出口），不走根出口。
+ */
+export { renderStackedBar } from './render.js';
+export type { StackedBarForm, StackedBarInput, StackedBarSegment, StackedBarSlot } from './attrs.js';
+export { STACKED_BAR_CLASS, STACKED_BAR_FORMS, STACKED_BAR_MAX_SEGMENTS, STACKED_BAR_MISSING, STACKED_BAR_NAME_MIN_PCT, STACKED_BAR_SERIES, STACKED_BAR_SLOTS, STACKED_BAR_VALUE_MIN_PCT, stackedBarSlot, } from './attrs.js';
+export { STACKED_BAR_HEIGHT_PX, stackedBarCss } from './style.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/stacked-bar/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AACrG,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,wBAAwB,EACxB,mBAAmB,EACnB,wBAAwB,EACxB,kBAAkB,EAClB,iBAAiB,EACjB,yBAAyB,EACzB,cAAc,GACf,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,12 @@
+/** stacked-bar · **组件出口**（本组件对外的唯一名字面）。
+ *
+ *  五件出口：`renderStackedBar(input)`（产标记，零 DOM）／`stackedBarCss()`（样式段）／
+ *  `STACKED_BAR_FORMS`（形态闭集）／`STACKED_BAR_CLASS` 与 `stackedBarSlot()`（标记契约）／
+ *  三个尺常量（段数上限、段内读数的两档占比阈值）。
+ *
+ *  用法与参数表见同目录 `README.md`。消费方走 `base-paint/blocks`（组件层出口），不走根出口。
+ */
+export { renderStackedBar } from './render.js';
+export { STACKED_BAR_CLASS, STACKED_BAR_FORMS, STACKED_BAR_MAX_SEGMENTS, STACKED_BAR_MISSING, STACKED_BAR_NAME_MIN_PCT, STACKED_BAR_SERIES, STACKED_BAR_SLOTS, STACKED_BAR_VALUE_MIN_PCT, stackedBarSlot, } from './attrs.js';
+export { STACKED_BAR_HEIGHT_PX, stackedBarCss } from './style.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/stacked-bar/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,wBAAwB,EACxB,mBAAmB,EACnB,wBAAwB,EACxB,kBAAkB,EAClB,iBAAiB,EACjB,yBAAyB,EACzB,cAAc,GACf,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,36 @@
+import { type StackedBarForm } from './attrs.js';
+/** 段里那行读数怎么写：`name`＝连名字一起（宽段）／`value`＝只写百分数（窄段）／`none`＝让位图例。 */
+export type StackedBarLabelKind = 'name' | 'value' | 'none';
+/** 一段的归一化结果（段宽、百分数、段内读数、色档都已定）。 */
+export interface StackedBarSegmentModel {
+    readonly name: string;
+    readonly value: number;
+    /** 数量（千分位空格分隔）。 */
+    readonly valueText: string;
+    /** 占比（%，一位小数）。 */
+    readonly pct: number;
+    /** 占比的显示串（整数不写 `.0`）。 */
+    readonly pctText: string;
+    /** 段宽：千分比整数，**各段之和恰好 1000**（末段吃下舍入的余数）。 */
+    readonly flex: number;
+    /** 色档（1…`STACKED_BAR_SERIES`）＝ `is-k<n>` 的 n，按段序发。 */
+    readonly series: number;
+    readonly labelKind: StackedBarLabelKind;
+    /** 段内那行字（`labelKind` 为 `none` 时是空串）。 */
+    readonly label: string;
+}
+/** 内部类型：每个字段都已校验、已归一、已算好（`render.ts` 只负责拼标记）。 */
+export interface StackedBarModel {
+    readonly form: StackedBarForm;
+    readonly title: string;
+    readonly stamp?: string;
+    readonly unit?: string;
+    readonly segments: readonly StackedBarSegmentModel[];
+    readonly note?: string;
+    /** 无障碍名（写给读屏的那一句：标题 ＋ 逐段名字与百分数）。 */
+    readonly ariaLabel: string;
+    readonly extraClass?: string;
+}
+/** 入参归一化。**唯一入口**：`render.ts` 只吃它产出的 `StackedBarModel`，不再自己碰 `any`。 */
+export declare function normalizeStackedBar(input: unknown): StackedBarModel;
+//# sourceMappingURL=model.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../src/components/stacked-bar/model.ts"],"names":[],"mappings":"AAUA,OAAO,EAML,KAAK,cAAc,EAEpB,MAAM,YAAY,CAAC;AAEpB,gEAAgE;AAChE,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAE5D,mCAAmC;AACnC,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,mBAAmB;IACnB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,kBAAkB;IAClB,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,2CAA2C;IAC3C,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,sDAAsD;IACtD,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,EAAE,mBAAmB,CAAC;IACxC,wCAAwC;IACxC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,iDAAiD;AACjD,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,IAAI,EAAE,cAAc,CAAC;IAC9B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,EAAE,SAAS,sBAAsB,EAAE,CAAC;IACrD,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,oCAAoC;IACpC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AAwDD,uEAAuE;AACvE,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,OAAO,GAAG,eAAe,CA8CnE"}

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

@@ -0,0 +1,107 @@
+/** stacked-bar · **入参归一化与校验**（把 `any` 与说不出的 `unknown` 挡在门外，产出内部类型）。
+ *
+ *  三条口径：
+ *   1. **非法入参一律 `badInput()`**（抛 `BlocksError`）——不静默降级、不「尽量猜」：
+ *      零段与负段画出来是"少了一段"，而调用方以为自己给了完整构成。
+ *   2. **占比由本件算、只算一次**：段宽（`flex`）、段内读数、图例百分数、无障碍名全部从
+ *      同一个 `value / sum` 出——三处各算一次必然走散（四舍五入到 100.1% 就是这么来的）。
+ *   3. 归一化只做「形状」与「算数」：**千分位由本件做**（这是排版），单位与聚合归调用方。
+ */
+import { assertPlainObject, badInput, optExtraClass, optText, reqText } from '../shared/validate.js';
+import { STACKED_BAR_FORMS, STACKED_BAR_MAX_SEGMENTS, STACKED_BAR_NAME_MIN_PCT, STACKED_BAR_SERIES, STACKED_BAR_VALUE_MIN_PCT, } from './attrs.js';
+/** 必须是有限数（本件唯一的数值校验；第三处要用时提为 `shared/` 件，同 `scale-bar` 的口径）。 */
+function reqFinite(value, field) {
+    if (typeof value !== 'number' || !Number.isFinite(value)) {
+        badInput(field + ' 必须是有限数');
+    }
+    return value;
+}
+/** 千分位：每三位插一个空格（与原型墙同款；读数一律 `tabular-nums`，空格不参与对位）。 */
+function group(s) {
+    const neg = s.startsWith('-');
+    const body = neg ? s.slice(1) : s;
+    let out = '';
+    for (let i = 0; i < body.length; i += 1) {
+        if (i > 0 && (body.length - i) % 3 === 0)
+            out += ' ';
+        out += body[i];
+    }
+    return (neg ? '-' : '') + out;
+}
+/** 数量 → 给人看的串：整数走千分位；小数最多两位（末尾的 0 去掉）。 */
+function fmtQty(n) {
+    if (Number.isInteger(n))
+        return group(String(n));
+    const rounded = Math.round(n * 100) / 100;
+    const s = String(rounded);
+    const dot = s.indexOf('.');
+    return group(s.slice(0, dot)) + s.slice(dot);
+}
+/** 百分数 → 一位小数；整数不写 `.0`。 */
+function fmtPct(pct) {
+    return String(Number.isInteger(pct) ? pct : pct.toFixed(1));
+}
+/** 各分段：逐段校验（段必须是对象；名字非空串；数量是**正**有限数）。 */
+function reqSegments(value) {
+    if (!Array.isArray(value) || value.length === 0) {
+        badInput('stacked-bar: input.segments 必须是非空数组（≥1 段；一个数一根条请用 scale-bar）');
+    }
+    if (value.length > STACKED_BAR_MAX_SEGMENTS) {
+        badInput('stacked-bar: input.segments 最多 ' + STACKED_BAR_MAX_SEGMENTS
+            + ' 段（数据色档只有 ' + STACKED_BAR_SERIES + ' 档，再多必然重色；尾巴请调用方并成「其他」）');
+    }
+    return value.map((item, i) => {
+        assertPlainObject(item, 'stacked-bar: input.segments[' + i + ']');
+        const seg = item;
+        const one = reqFinite(seg.value, 'stacked-bar: input.segments[' + i + '].value');
+        if (one <= 0) {
+            badInput('stacked-bar: input.segments[' + i + '].value 必须大于 0（零段看不见，也不该占一格图例）');
+        }
+        return { name: reqText(seg.name, 'stacked-bar: input.segments[' + i + '].name'), value: one };
+    });
+}
+/** 入参归一化。**唯一入口**：`render.ts` 只吃它产出的 `StackedBarModel`，不再自己碰 `any`。 */
+export function normalizeStackedBar(input) {
+    assertPlainObject(input, 'renderStackedBar: input');
+    const raw = input;
+    const form = raw.form === undefined ? STACKED_BAR_FORMS[0] : raw.form;
+    if (!STACKED_BAR_FORMS.includes(form)) {
+        badInput('stacked-bar: input.form 必须是 ' + STACKED_BAR_FORMS.join('／')
+            + ' 之一（本件只落地形态 A「100% 堆叠 ＋ 图例」）');
+    }
+    const segments = reqSegments(raw.segments);
+    const sum = segments.reduce((acc, seg) => acc + seg.value, 0);
+    let used = 0;
+    const built = segments.map((seg, i) => {
+        const pct = Math.round((seg.value / sum) * 1000) / 10;
+        /* 段宽走千分比整数：末段吃下舍入余数 ⇒ 各段之和恰好 1000，条永远填满整宽。 */
+        const flex = i === segments.length - 1 ? 1000 - used : Math.round((seg.value / sum) * 1000);
+        used += flex;
+        const labelKind = pct >= STACKED_BAR_NAME_MIN_PCT ? 'name'
+            : pct >= STACKED_BAR_VALUE_MIN_PCT ? 'value' : 'none';
+        const pctText = fmtPct(pct) + '%';
+        return {
+            name: seg.name,
+            value: seg.value,
+            valueText: fmtQty(seg.value),
+            pct,
+            pctText,
+            flex,
+            series: i + 1,
+            labelKind,
+            label: labelKind === 'name' ? seg.name + ' ' + pctText : labelKind === 'value' ? pctText : '',
+        };
+    });
+    const title = reqText(raw.title, 'stacked-bar: input.title');
+    return {
+        form: form,
+        title,
+        stamp: optText(raw.stamp, 'stacked-bar: input.stamp'),
+        unit: optText(raw.unit, 'stacked-bar: input.unit'),
+        segments: built,
+        note: optText(raw.note, 'stacked-bar: input.note'),
+        ariaLabel: title + '：' + built.map((s) => s.name + ' ' + s.pctText).join('、'),
+        extraClass: optExtraClass(raw.extraClass, 'stacked-bar: input.extraClass'),
+    };
+}
+//# sourceMappingURL=model.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/components/stacked-bar/render.ts"],"names":[],"mappings":"AA6EA,uDAAuD;AACvD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAKvD"}