base-paint 0.3.13 → 0.3.15

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

@@ -0,0 +1,341 @@
+/** spread-dist · **样式段**（本件唯一的样式来源）。
+ *
+ *  纪律（与本节其余件同一份）：
+ *   · 只经 `skinVar()` 读皮肤 —— 组件里**不写** `var(--ilife-…)`（兜底链只许住在 `skin/contract.ts`）；
+ *   · 全部规则 scope 在 `.<prefix>page-ui` 之下（不开本配方页零命中）；不写 `:root`／`!important`、
+ *     不新增 token 名、零代码里写死的色值（面与条一律从强调色系出）；
+ *   · **宽度只许容器判**：布局靠 `@container` ＋ 内在尺寸 ＋ 纯 CSS 等分；本件不写任何 `@media`。
+ *
+ *  两处几何契约（判据钉住）：
+ *   · **刻度与柱子同一把尺**：纵轴刻度列与逐日柱区**同高**（都取 `SPREAD_DIST_DAYS_PX`），
+ *     刻度的位置是行内算出来的 `top`（`forms.ts` 里由 `upPct()` 给，与柱子的 `bottom` 同一支函数）；
+ *     首末两枚刻度各用 `translateY(∓50%)` 把**中心**对到轴顶与轴底，故读者按刻度量一根柱量得准。
+ *   · **色不是唯一信息**：范围条是强调色的**淡洗**（面），中位块是强调色**实底**（条）——
+ *     一深一浅两种形 ＋ 图例给字；分位尺那边正中那一档是「有文字的面」⇒ 软底＋主色字＋主色描边，
+ *     而**无文字的图形**（条）才走 `accent` 实底。**没有一处拿正文墨色当"面"**。
+ */
+import { skinVar } from '../skin/contract.js';
+import { SPREAD_DIST_NARROW_PX, spreadDistSlot } from './attrs.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;',
+        /* 与柱区**同高**：刻度列的高度就是尺子本身（不是"看起来差不多"）。
+           两档各自与 `.days` 取**同一个常量** —— 两处写死必然走散（窄档实测过：柱区 128px 而刻度列留 150px，
+           轴底刻度整整低了 22px，读者按刻度读出来的值系统性偏小）。 */
+        '  height: ' + String(SPREAD_DIST_DAYS_PX) + 'px;',
+        '  display: flex;',
+        '  flex-direction: column;',
+        '  justify-content: space-between;',
+        '  align-items: flex-end;',
+        '  min-width: 0;',
+        '}',
+        s('ytick') + ' {',
+        '  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;',
+        '}',
+        /* 首末两枚把**中心**对到轴顶与轴底（平移不改布局，只改观感）：读者按刻度量的位置就是柱子的位置。 */
+        s('ytick') + ':first-child {',
+        '  transform: translateY(-50%);',
+        '}',
+        s('ytick') + ':last-child {',
+        '  transform: translateY(50%);',
+        '}',
+        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 档：结论一句话在上、读数在下 ── */
+        s('lead') + ' {',
+        '  margin: 0;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font-display') + ';',
+        '  font-size: ' + skinVar('fs-body') + ';',
+        '  font-weight: 700;',
+        '  line-height: 1.5;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        /* 一档一格：`auto-fit` ＋ `minmax` ⇒ 宽档并排、窄档自动折行（**一档不减**，减档＝删读数）。
+           档间距走皮肤自己的 `space`（大字报刊那套更大 ⇒ 那一档下留白自动多一层，不用写皮肤名分支）。 */
+        s('stops') + ' {',
+        '  display: grid;',
+        '  grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));',
+        '  gap: ' + skinVar('space') + ';',
+        '  min-width: 0;',
+        '}',
+        s('stop') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: baseline;',
+        '  gap: 2px 6px;',
+        '  min-width: 0;',
+        '  padding: 10px 12px;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: ' + skinVar('surface-2') + ';',
+        '}',
+        s('stop-name') + ' {',
+        '  flex: 0 1 auto;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 700;',
+        '  font-variant-numeric: tabular-nums;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('stop-label') + ' {',
+        '  flex: 0 1 auto;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '  line-height: 1.45;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        /* 那个数另起一行（`flex-basis: 100%`）：一格里两层——上面一行说这是哪一档，下面一行是数。 */
+        s('stop-value') + ' {',
+        '  flex-basis: 100%;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-size: ' + skinVar('fs-h3') + ';',
+        '  font-weight: 700;',
+        '  font-variant-numeric: tabular-nums;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        /* 正中那一档（中位）：**有文字的选中面** ⇒ 软底 ＋ 主色字 ＋ 主色描边（三样同时在）。 */
+        s('stop') + '.is-median {',
+        '  border-color: ' + skinVar('accent') + ';',
+        '  background: ' + skinVar('accent-soft') + ';',
+        '}',
+        /* 三处字一起换成主色文本档（档名／说明句／那个数），**一条选择器写全**——
+           拆成三行会让「一行即一条选择器」的源码级判据读不到另外两行。 */
+        s('stop') + '.is-median ' + c('stop-name') + ', ' + s('stop') + '.is-median ' + c('stop-label')
+            + ', ' + s('stop') + '.is-median ' + c('stop-value') + ' {',
+        '  color: ' + skinVar('accent-text') + ';',
+        '}',
+        /* ── 两档共用 ── */
+        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);',
+        '  }',
+        '}',
+    ].join(LF);
+}

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,58 @@
+/** 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 = '—';

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,11 @@
+/** 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';

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"}