base-paint 0.3.13 → 0.3.15

package/dist/components/command-palette/style.js

@@ -0,0 +1,346 @@
+/** command-palette · **样式段**（本件唯一的样式来源）。
+ *
+ *  纪律（与本节其余件同一份）：
+ *   · 只经 `skinVar()` 读皮肤 —— 组件里**不写** `var(--ilife-…)`（兜底链只许住在 `skin/contract.ts`）；
+ *   · 全部规则 scope 在 `.<prefix>page-ui` 之下（不开本配方的页零命中）；不写 `:root`／`!important`、不新增 token 名；
+ *   · **宽度只许容器判**：面板自己声明 `container`，行内的折行走 `@container`；媒体查询只判设备能力
+ *     （悬停是不是增强、要不要减动效），**一条视口宽度查询都没有**。
+ *
+ *  两条几何事实（判据钉住，数只写在这里一处）：
+ *   · 入口键与行右那一格都 ≥`COMMAND_PALETTE_TOUCH_PX`（44）高；行的命中盒＝**整行**（≥48 高、通栏）；
+ *   · 相邻两行之间留 `COMMAND_PALETTE_GAP_PX`（8）px 缝——同一组里的行是连续项，
+ *     缝就是相邻触控目标之间那道让手的地方（原型里是 1px 发丝线，落地按要求改成 8px 缝）。
+ *
+ *  浮面语言（与 `dialog`／`drawer-sheet`／`popover-menu` 同一套）：**硬边 ＋ 零模糊外圈**，
+ *  不拿 `shadow`／`shadow-pop` 表达「浮起来」——`paper`／`broadsheet` 两套皮肤里投影本就是 none，
+ *  拿它撑层次会让那两套里的浮面塌掉。面板外面那层遮罩走 `::backdrop`（浏览器给），色是皮肤主色的淡洗。
+ */
+import { skinVar } from '../skin/contract.js';
+import { COMMAND_PALETTE_CONTAINER, COMMAND_PALETTE_EDGE_PX, COMMAND_PALETTE_GAP_PX, COMMAND_PALETTE_HOVER_QUERY, COMMAND_PALETTE_NARROW_PX, COMMAND_PALETTE_PANEL_MAX_PX, COMMAND_PALETTE_ROW_MIN_PX, COMMAND_PALETTE_TOUCH_PX, commandPaletteSlot, } from './attrs.js';
+/** 换行（仓库口径：不写字面换行转义）。 */
+const LF = String.fromCharCode(10);
+/** 面板高上限：屏幕的 78%（手机横屏也留得出关掉键与脚注）或宽档上限，取小的那个。 */
+const COMMAND_PALETTE_PANEL_MAX_H = 'min(78dvh, ' + String(COMMAND_PALETTE_PANEL_MAX_PX) + 'px)';
+/** 行的两侧格（来源技能片／行右那格）各自的宽度上限：**八个字**（`em` 随皮肤字号走）。
+ *  行内三条轨是 `auto minmax(0, 1fr) auto`——两侧那两条 `auto` 轨吃内容宽，内容一长就把主文字挤到 0
+ *  （实测 200 字 `skill` ⇒ `grid列=518px 0px 50px`、200 字 `go` ⇒ `54px 0px 514px`）。
+ *  两条侧轨封顶之后，主文字那一条恒吃剩下的那一段；侧格里的字照旧**换行、不 `…` 截断**。 */
+const COMMAND_PALETTE_SIDE_MAX = '8em';
+/** 窄档（面板 < `COMMAND_PALETTE_NARROW_PX`）行内左右内边距：宽档 12px，窄档各收 2px 给主文字。 */
+const COMMAND_PALETTE_NARROW_PAD_PX = 10;
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export function commandPaletteCss(input) {
+    const p = input !== undefined && input !== null
+        && typeof input.prefix === 'string' && input.prefix !== '' ? input.prefix : 'ilife-';
+    const root = '.' + p + 'page-ui';
+    /** 带 scope 的完整选择器（一条规则打头用）。 */
+    const s = (slot) => root + ' ' + sc(slot);
+    /** **槽类名**（不带 scope）：写「某槽下的子件」时只许用它——把带 scope 的选择器再拼一次，
+     *  会拼出 `.…page-ui .A > .…page-ui .B` 这种**永不命中**的死规则。 */
+    function sc(slot) {
+        return '.' + commandPaletteSlot(slot, p);
+    }
+    const hover = '@media ' + COMMAND_PALETTE_HOVER_QUERY;
+    /** 行这一格的子件（`.…-row > .…-sk` 这种）。**结构层级必须与 `render.ts` 的标记逐层对齐**：
+     *  少写一层就是永不命中的死规则（本件真踩过——主文字与副文字住在 `-tx` 里，写成 `-row > …` 之后
+     *  两行挤成一行，只有把截图放大才看得出来；判据那边另加了一条「每条选择器都要命中至少一个真节点」）。 */
+    const rowChild = (slot) => s('row') + ' > ' + sc(slot);
+    /** 文字格里的子件（主文字／副文字住在 `-tx` 这一格里）。 */
+    const txChild = (slot) => s('tx') + ' > ' + sc(slot);
+    return [
+        '/* command-palette（命令面板 · 形态 A「单栏分组结果（动作在前／页面在后）」）：',
+        '   入口＝一页顶部一枚看得见的按钮；面板＝顶层浮面（原生 `popover`），✕ 与点面板外都在界面上。 */',
+        root + ' ' + '.' + p + 'block-command-palette {',
+        '  display: grid;',
+        '  gap: 6px;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font') + ';',
+        '  font-size: ' + skinVar('fs-body') + ';',
+        '  line-height: 1.5;',
+        '}',
+        '/* 入口那一排：**看得见、点得到**是这一件的底线（隐式入口在手机上等于不存在）。',
+        '   键与提示各占一段，容器一窄就整段折到下一行（不压字、不横滑）。 */',
+        s('entry') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: center;',
+        '  gap: ' + String(COMMAND_PALETTE_GAP_PX) + 'px 10px;',
+        '  min-width: 0;',
+        '}',
+        s('open') + ' {',
+        '  display: inline-flex;',
+        '  align-items: center;',
+        '  gap: 8px;',
+        '  min-height: ' + String(COMMAND_PALETTE_TOUCH_PX) + 'px;',
+        '  padding: 0 16px;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-pill') + ';',
+        '  background: ' + skinVar('surface') + ';',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 600;',
+        '  line-height: 1;',
+        '  cursor: pointer;',
+        '  transition: transform 80ms ease;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('mark') + ' { display: inline-flex; align-items: center; }',
+        s('mark') + ' > svg { display: block; color: ' + skinVar('accent') + '; }',
+        '/* 面板开着的时候，入口键自己就是「当前这一档」（强调软底 ＋ 主色字 ＋ 主色描边）。 */',
+        s('open') + '[aria-expanded="true"] {',
+        '  background: ' + skinVar('accent-soft') + ';',
+        '  border-color: ' + skinVar('accent') + ';',
+        '  color: ' + skinVar('accent-text') + ';',
+        '}',
+        s('open') + ':active { transform: scale(.98); }',
+        s('hint') + ' {',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  line-height: 1.5;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 面板：顶层浮面。宽＝min(上限, 视口 let 开两边边距)，高＝min(屏高 78%, 上限)，内容长了内部滚。',
+        '   面板**自己就是容器**：行内的折行按面板的宽度判（@container），不按视口。 */',
+        s('panel') + ' {',
+        '  position: fixed;',
+        '  inset: 0;',
+        '  margin: auto;',
+        '  width: min(' + String(COMMAND_PALETTE_PANEL_MAX_PX) + 'px, calc(100% - '
+            + String(COMMAND_PALETTE_EDGE_PX * 2) + 'px));',
+        '  max-height: ' + COMMAND_PALETTE_PANEL_MAX_H + ';',
+        '  overflow-y: auto;',
+        '  overscroll-behavior: contain;',
+        '  padding: 0;',
+        '  border: 1px solid color-mix(in srgb, ' + skinVar('ink') + ' 30%, ' + skinVar('line') + ');',
+        '  border-radius: ' + skinVar('radius') + ';',
+        '  background: ' + skinVar('surface') + ';',
+        '  color: ' + skinVar('ink') + ';',
+        '  box-shadow: 0 0 0 3px color-mix(in srgb, ' + skinVar('ink') + ' 9%, transparent);',
+        '  font-family: ' + skinVar('font') + ';',
+        '  font-size: ' + skinVar('fs-body') + ';',
+        '  container: ' + COMMAND_PALETTE_CONTAINER + ' / inline-size;',
+        '}',
+        '/* 面板外那层：浏览器给的遮罩（点它那一下就是「点面板外」，关的动作归浏览器）。 */',
+        s('panel') + '::backdrop { background: color-mix(in srgb, ' + skinVar('ink') + ' 42%, transparent); }',
+        '/* 输入行：输入框通栏，关掉键固定 44×44。 */',
+        s('in') + ' {',
+        '  display: flex;',
+        '  align-items: center;',
+        '  gap: 10px;',
+        '  padding: 2px 10px 2px 14px;',
+        '  border-bottom: 1px solid ' + skinVar('line') + ';',
+        '}',
+        s('q') + ' {',
+        '  flex: 1 1 auto;',
+        '  min-width: 0;',
+        '  min-height: 50px;',
+        '  border: 0;',
+        '  background: none;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font') + ';',
+        '  font-size: ' + skinVar('fs-body') + ';',
+        '  line-height: 1.4;',
+        '}',
+        s('q') + '::placeholder { color: ' + skinVar('ink-3') + '; }',
+        s('q') + ':focus-visible {',
+        '  outline: 2px solid ' + skinVar('accent') + ';',
+        '  outline-offset: -3px;',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '}',
+        s('x') + ' {',
+        '  flex: none;',
+        '  display: inline-flex;',
+        '  align-items: center;',
+        '  justify-content: center;',
+        '  width: ' + String(COMMAND_PALETTE_TOUCH_PX) + 'px;',
+        '  height: ' + String(COMMAND_PALETTE_TOUCH_PX) + 'px;',
+        '  border: 0;',
+        '  background: none;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-body') + ';',
+        '  cursor: pointer;',
+        '  transition: transform 80ms ease;',
+        '}',
+        s('x') + ':active { transform: scale(.98); }',
+        '/* 错态写在输入框旁边（不只染色）：句子由 `render` 落进这一行，`aria-describedby` 指的就是它。 */',
+        s('err') + ' {',
+        '  margin: 0;',
+        '  padding: 0 14px 8px;',
+        '  color: ' + skinVar('danger') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  line-height: 1.6;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 分组标题：标题 ＋ 括号里那句说明（这一组是就地做还是跳走）。 */',
+        s('grp') + ' {',
+        '  display: block;',
+        '  margin: 0;',
+        '  padding: 10px 14px 6px;',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 700;',
+        '  letter-spacing: .05em;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('grp') + ' > b { font-weight: 500; }',
+        '/* 行与行之间那道缝：相邻触控目标的让手位（8px）。 */',
+        s('rows') + ' {',
+        '  display: grid;',
+        '  gap: ' + String(COMMAND_PALETTE_GAP_PX) + 'px;',
+        '  padding: 0 14px 10px;',
+        '  min-width: 0;',
+        '}',
+        '/* 一行＝一颗按钮（整行都是命中区）；`hidden` 是运行时段筛出来的「这一行现在不露」。',
+        '   三条轨：来源技能片 ＋ 主文字（吃剩余宽）＋ 行右那格。两侧各自封顶（`COMMAND_PALETTE_SIDE_MAX`）——',
+        '   不封顶时那两条 `auto` 轨会把主文字挤到 0（实测见常量那一处注释）。 */',
+        s('row') + ' {',
+        '  display: grid;',
+        '  grid-template-columns: auto minmax(0, 1fr) auto;',
+        '  gap: 10px;',
+        '  align-items: center;',
+        '  min-height: ' + String(COMMAND_PALETTE_ROW_MIN_PX) + 'px;',
+        '  padding: 6px 12px;',
+        '  border: 0;',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: none;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font') + ';',
+        '  font-size: ' + skinVar('fs-body') + ';',
+        '  text-align: left;',
+        '  cursor: pointer;',
+        '}',
+        s('row') + '[hidden] { display: none; }',
+        '/* **不给来源技能片的那一行**（README 允许）：三列里最左那一列就空着 ⇒ 主文字落到那条 `auto` 轨上',
+        '   （只剩六十几像素）、行右那格被那条 `1fr` 轨拉成通栏。哪一行真没有这枚片，就按两列排：',
+        '   主文字照旧吃剩余宽，行右那格照旧贴右缘。 */',
+        s('row') + ':not(:has(' + sc('sk') + ')) { grid-template-columns: minmax(0, 1fr) auto; }',
+        rowChild('sk') + ' {',
+        '  display: inline-flex;',
+        '  align-items: center;',
+        '  justify-content: center;',
+        '  min-height: 26px;',
+        '  max-width: ' + COMMAND_PALETTE_SIDE_MAX + ';',
+        '  padding: 0 8px;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: ' + skinVar('surface-2') + ';',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        rowChild('tx') + ' { min-width: 0; overflow-wrap: anywhere; }',
+        txChild('lb') + ' {',
+        '  display: block;',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 600;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        txChild('nt') + ' {',
+        '  display: block;',
+        '  font-style: normal;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  line-height: 1.45;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 行右那一格：这一行要干什么（执行／打开）。它是整行那颗按钮的写法，不是第二颗按钮。 */',
+        rowChild('act') + ' {',
+        '  display: inline-flex;',
+        '  align-items: center;',
+        '  justify-content: center;',
+        '  min-height: ' + String(COMMAND_PALETTE_TOUCH_PX) + 'px;',
+        '  max-width: ' + COMMAND_PALETTE_SIDE_MAX + ';',
+        '  padding: 0 12px;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-pill') + ';',
+        '  background: ' + skinVar('surface-2') + ';',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 700;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 命中词：底是主色的淡洗、形是下划线、字加粗——形与字重两样，不只靠颜色。 */',
+        s('hit') + ' {',
+        '  background: color-mix(in srgb, ' + skinVar('accent') + ' 24%, transparent);',
+        '  border-bottom: 2px solid ' + skinVar('accent') + ';',
+        '  color: inherit;',
+        '  font-weight: 700;',
+        '}',
+        '/* 手指落下那一档：整行换次要面 ＋ 左侧一道主色标；行右那格抬到强调软底。',
+        '   侧标 **2px** 是「整行／整块选中」那一档的口径（`docs/base/base-render/选中态与皮肤语言.md` 第三节法则表；',
+        '   原型写的是 4px，落地按法条收成 2px）。强调实底上不写正文级小字（对比地板），所以那一格走的是软底那一档。 */',
+        s('row') + ':active {',
+        '  background: ' + skinVar('surface-2') + ';',
+        '  box-shadow: inset 2px 0 0 ' + skinVar('accent') + ';',
+        '}',
+        s('row') + ':active > ' + sc('act') + ', ' + s('row') + '.is-primary > ' + sc('act') + ' {',
+        '  background: ' + skinVar('accent-soft') + ';',
+        '  border-color: ' + skinVar('accent') + ';',
+        '  color: ' + skinVar('accent-text') + ';',
+        '}',
+        '/* 无障碍地板：真实键盘用户的焦点必须看得见（焦点是**增强**，不是通路——每一行都点得到）。 */',
+        s('row') + ':focus-visible {',
+        '  outline: 2px solid ' + skinVar('accent') + ';',
+        '  outline-offset: -2px;',
+        '}',
+        s('open') + ':focus-visible, ' + s('x') + ':focus-visible {',
+        '  outline: 2px solid ' + skinVar('accent') + ';',
+        '  outline-offset: 2px;',
+        '}',
+        '/* 停用档：点不动，而且**说得清为什么**（原因写在那一行的副文字那一位）。 */',
+        s('row') + '.is-off { cursor: not-allowed; color: ' + skinVar('ink-2') + '; }',
+        s('row') + '.is-off > ' + sc('act') + ' {',
+        '  background: none;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '}',
+        '/* 空态：一条都没命中时出来（脚注同时换成「换个短一点的词试试」）。 */',
+        s('empty') + ' {',
+        '  display: block;',
+        '  margin: 0;',
+        '  padding: 12px 14px;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  line-height: 1.6;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('empty') + '[hidden], ' + s('grp') + '[hidden] { display: none; }',
+        '/* 脚注：这一屏现在是什么状态（常用去处／命中几条／换个词／正在找）——原地换字，不跳版。 */',
+        s('foot') + ' {',
+        '  display: block;',
+        '  margin: 0;',
+        '  padding: 10px 14px;',
+        '  border-top: 1px solid ' + skinVar('line') + ';',
+        '  background: ' + skinVar('surface-2') + ';',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '  line-height: 1.6;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 悬停只是增强（而且只在真有指针的设备上），点得到不靠它。 */',
+        hover + ' {',
+        '  ' + s('open') + ':hover { border-color: ' + skinVar('accent') + '; }',
+        '  ' + s('x') + ':hover { color: ' + skinVar('ink') + '; }',
+        '  ' + s('row') + ':hover { background: ' + skinVar('surface-2') + '; }',
+        '}',
+        '/* 减动效：按下那一档的缩放直接关掉（没有东西卡在半路——状态不靠 transitionend）。 */',
+        '@media (prefers-reduced-motion: reduce) {',
+        '  ' + s('open') + ', ' + s('x') + ' { transition: none; }',
+        '}',
+        '/* 窄档（**面板自己的宽度** < ' + String(COMMAND_PALETTE_NARROW_PX) + 'px）：**列一道也不折**。',
+        '   原型 `parts-交互与流程.mjs:133-134` 原文写着「窄档结果行仍留三列（来源技能片在最左）：把技能片顶成',
+        '   单独一行会让每行多占 22px，而这 22px 换来的只是『行首空一格』——三列在 390 下逐字算得下',
+        '   （片 22 ＋ 标题 236 ＋ 按钮 62）」；实测三列在 390 下每行 58 高（折成两列是 88）。',
+        '   窄档真正要收的是那两道缝与行内左右内边距：缝 10px→8px（与行间那道缝同一口径）、内边距各收 2px，',
+        '   把这 8px 让给主文字那一列。 */',
+        '@container ' + COMMAND_PALETTE_CONTAINER + ' (max-width: ' + String(COMMAND_PALETTE_NARROW_PX) + 'px) {',
+        '  ' + s('row') + ' {',
+        '    column-gap: ' + String(COMMAND_PALETTE_GAP_PX) + 'px;',
+        '    padding: 6px ' + String(COMMAND_PALETTE_NARROW_PAD_PX) + 'px;',
+        '  }',
+        '}',
+    ].join(LF);
+}

package/dist/components/command-palette/style.js.map

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

package/dist/components/compare-columns/attrs.d.ts

@@ -0,0 +1,79 @@
+/** compare-columns · **标记契约**（渲染与调用方共用的唯一事实：类名／形态闭集／枚举闭集／入参类型）。
+ *
+ *  这一件落地的是原型墙（`.scratch/ui-组件墙/parts-03-对照与榜单.mjs`，2026-09 用户裁定）
+ *  里的**形态 A「背靠背条形」**：两个窗口逐项并排——左侧窗口的值与条伸向中线、右侧同款，
+ *  项名住在中缝那一列；**差额单独一行**压在下面。
+ *
+ *  它替掉的错法：两窗的读数各写成一张表（读者要自己在两处对齐同一项）；只报差额不报两侧
+ *  （读者不知道差额从哪来）；把两窗拼成一张 `renderDataTable`（两列同名、表头无处放差额）。
+ *
+ *  形态键写在 `COMPARE_COLUMNS_FORMS`（闭集）：本件只有一格，但键必须存在——
+ *  「形态是骨架，不是地址」，日后加第二形态是在闭集里加一格，不是新开一件。
+ */
+/** 本件的类名根：全部槽位类名都是 `COMPARE_COLUMNS_CLASS + '-' + 槽名`。 */
+export declare const COMPARE_COLUMNS_CLASS = "ilife-block-compare-columns";
+/** 槽位闭集（`render.ts` 与判据都用这里的名字拼类名，不各抄一份字面量）。 */
+export declare const COMPARE_COLUMNS_SLOTS: readonly ["head", "head-left", "head-right", "list", "row", "side", "side-name", "value", "unit", "bar", "fill", "label", "diff", "diff-label", "diff-value", "caliber"];
+export type CompareColumnsSlot = (typeof COMPARE_COLUMNS_SLOTS)[number];
+/** 槽类的类名（唯一拼法：别处不许再写 `COMPARE_COLUMNS_CLASS + '-' + …`）。 */
+export declare function compareColumnsSlot(slot: CompareColumnsSlot, prefix?: string): string;
+/** 这一侧的状态类（**唯一拼法**）。件内的状态名一律带件内语义前缀（`is-side-`／`is-dir-`／`is-tone-`），
+ *  **不许用 `is-left`／`is-up` 这类泛名**：泛名会与别的件标记里的同名状态撞上（实测 `sheet-frame`
+ *  的样式段就写着自己的 `.is-left` / `.is-right`）——皮肤矩阵的「跨件零交集」按这一条守。 */
+export declare function compareColumnsSideClass(side: 'left' | 'right'): string;
+/** 差额的方向状态类（`up`／`down`／`flat`）。 */
+export declare function compareColumnsDirectionClass(direction: CompareColumnsDirection): string;
+/** 差额的语气状态类（只在 `sense` 点名时上）。 */
+export declare function compareColumnsToneClass(tone: 'good' | 'bad'): string;
+/** 形态闭集：本件只落地了形态 A「背靠背条形」。 */
+export declare const COMPARE_COLUMNS_FORMS: readonly ["back-to-back"];
+export type CompareColumnsForm = (typeof COMPARE_COLUMNS_FORMS)[number];
+/** 方向字形：**色不是唯一信息**——涨／跌／持平一律「字形 ＋ 正负号 ＋ 色阶」三样里至少两样都在。
+ *  字形住 `aria-hidden` 的 `<i>` 里（`＋`／`−` 本身就是可读文本，不靠字形传达语义）。 */
+export declare const COMPARE_COLUMNS_UP = "\u25B2";
+export declare const COMPARE_COLUMNS_DOWN = "\u25BC";
+export declare const COMPARE_COLUMNS_FLAT = "\uFF1D";
+/** 差额的正负号（全角加号 ＋ 数学减号：与小票／报刊两套语言的数字宽度一致；ASCII `-` 在等宽栈里偏窄）。 */
+export declare const COMPARE_COLUMNS_PLUS = "\uFF0B";
+export declare const COMPARE_COLUMNS_MINUS = "\u2212";
+/** 方向闭集（`up`＝右窗比左窗大）。 */
+export declare const COMPARE_COLUMNS_DIRECTIONS: readonly ["up", "down", "flat"];
+export type CompareColumnsDirection = (typeof COMPARE_COLUMNS_DIRECTIONS)[number];
+/** 语气闭集：**涨是好是坏由调用方定**（记账涨＝坏、作息涨＝好、卡路里涨＝坏），本件不猜。
+ *  `neutral`＝只给字形与正负号、不上语义色（缺省）；另两档给差配上「好／坏」色阶。 */
+export declare const COMPARE_COLUMNS_SENSES: readonly ["neutral", "up-good", "down-good"];
+export type CompareColumnsSense = (typeof COMPARE_COLUMNS_SENSES)[number];
+/** 差额行的标签（差额只要出，就带它：读者一眼看出这一行是「两个窗口之差」）。 */
+export declare const COMPARE_COLUMNS_DIFF_LABEL = "\u5DEE\u989D\u5408\u8BA1";
+/** 口径行左端的标签（与页头／其余件同一条写法）。 */
+export declare const COMPARE_COLUMNS_CALIBER_LABEL = "\u53E3\u5F84";
+/** 一项：两窗都有的那个项名 ＋ 两侧的**数**（不是串）。
+ *  给数不给串，是因为条长按它算——条长与数字必须同源；显示串由本件按 `showNumber()` 出。 */
+export interface CompareColumnsRow {
+    /** 项名（「餐费」／「睡眠时长」）；中缝那一列，长了换行、不许 `…`。 */
+    readonly label: string;
+    /** 左窗口这一项的数值（**有限数、≥ 0**；单位由 `unit` 给一次）。 */
+    readonly left: number;
+    /** 右窗口这一项的数值（同上）。 */
+    readonly right: number;
+}
+/** 双列对照入参。`leftLabel`／`rightLabel`／`rows` 必填——说不出「比的是哪两个窗口」的页不走本件。 */
+export interface CompareColumnsInput {
+    /** 左窗口名（「上月」／「之前 30 天」）。 */
+    readonly leftLabel: string;
+    /** 右窗口名（「本月」／「最近 30 天」）。 */
+    readonly rightLabel: string;
+    /** 逐项：**只列两窗都有的项**（交集归调用方算；本件不猜「另一边没有」该怎么写）。 */
+    readonly rows: readonly CompareColumnsRow[];
+    /** 单位（`元`／`次`／`卡`／`分钟`）；给了就每格与差额各跟一枚 `small`，不给就不出。 */
+    readonly unit?: string;
+    /** 差额的语气（闭集，缺省 `neutral`）。 */
+    readonly sense?: CompareColumnsSense;
+    /** 口径行：这两个窗口起止是什么、差额怎么算的（如「上月满月、本月未满月」）；不给＝不出这一行。 */
+    readonly caliber?: string;
+    /** 形态键（闭集，缺省 `back-to-back`）。 */
+    readonly form?: CompareColumnsForm;
+    /** 附加类名（空格分隔；逐个过类名正则）。 */
+    readonly extraClass?: string;
+}
+//# sourceMappingURL=attrs.d.ts.map

package/dist/components/compare-columns/attrs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attrs.d.ts","sourceRoot":"","sources":["../../../src/components/compare-columns/attrs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,0DAA0D;AAC1D,eAAO,MAAM,qBAAqB,gCAAgC,CAAC;AAEnE,gDAAgD;AAChD,eAAO,MAAM,qBAAqB,0KAiCxB,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;;+DAE+D;AAC/D,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAEtE;AAED,oCAAoC;AACpC,wBAAgB,4BAA4B,CAAC,SAAS,EAAE,uBAAuB,GAAG,MAAM,CAEvF;AAED,iCAAiC;AACjC,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAEpE;AAED,8BAA8B;AAC9B,eAAO,MAAM,qBAAqB,2BAA4B,CAAC;AAC/D,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AAExE;8DAC8D;AAC9D,eAAO,MAAM,kBAAkB,WAAM,CAAC;AACtC,eAAO,MAAM,oBAAoB,WAAM,CAAC;AACxC,eAAO,MAAM,oBAAoB,WAAM,CAAC;AAExC,+DAA+D;AAC/D,eAAO,MAAM,oBAAoB,WAAM,CAAC;AACxC,eAAO,MAAM,qBAAqB,WAAM,CAAC;AAEzC,yBAAyB;AACzB,eAAO,MAAM,0BAA0B,iCAAkC,CAAC;AAC1E,MAAM,MAAM,uBAAuB,GAAG,CAAC,OAAO,0BAA0B,CAAC,CAAC,MAAM,CAAC,CAAC;AAElF;mDACmD;AACnD,eAAO,MAAM,sBAAsB,8CAA+C,CAAC;AACnF,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1E,4CAA4C;AAC5C,eAAO,MAAM,0BAA0B,6BAAS,CAAC;AAEjD,8BAA8B;AAC9B,eAAO,MAAM,6BAA6B,iBAAO,CAAC;AAElD;0DAC0D;AAC1D,MAAM,WAAW,iBAAiB;IAChC,yCAAyC;IACzC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,6CAA6C;IAC7C,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,qBAAqB;IACrB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,sEAAsE;AACtE,MAAM,WAAW,mBAAmB;IAClC,4BAA4B;IAC5B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,4BAA4B;IAC5B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,gDAAgD;IAChD,QAAQ,CAAC,IAAI,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAC5C,uDAAuD;IACvD,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,8BAA8B;IAC9B,QAAQ,CAAC,KAAK,CAAC,EAAE,mBAAmB,CAAC;IACrC,qDAAqD;IACrD,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,iCAAiC;IACjC,QAAQ,CAAC,IAAI,CAAC,EAAE,kBAAkB,CAAC;IACnC,0BAA0B;IAC1B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B"}

package/dist/components/compare-columns/attrs.js

@@ -0,0 +1,86 @@
+/** compare-columns · **标记契约**（渲染与调用方共用的唯一事实：类名／形态闭集／枚举闭集／入参类型）。
+ *
+ *  这一件落地的是原型墙（`.scratch/ui-组件墙/parts-03-对照与榜单.mjs`，2026-09 用户裁定）
+ *  里的**形态 A「背靠背条形」**：两个窗口逐项并排——左侧窗口的值与条伸向中线、右侧同款，
+ *  项名住在中缝那一列；**差额单独一行**压在下面。
+ *
+ *  它替掉的错法：两窗的读数各写成一张表（读者要自己在两处对齐同一项）；只报差额不报两侧
+ *  （读者不知道差额从哪来）；把两窗拼成一张 `renderDataTable`（两列同名、表头无处放差额）。
+ *
+ *  形态键写在 `COMPARE_COLUMNS_FORMS`（闭集）：本件只有一格，但键必须存在——
+ *  「形态是骨架，不是地址」，日后加第二形态是在闭集里加一格，不是新开一件。
+ */
+/** 本件的类名根：全部槽位类名都是 `COMPARE_COLUMNS_CLASS + '-' + 槽名`。 */
+export const COMPARE_COLUMNS_CLASS = 'ilife-block-compare-columns';
+/** 槽位闭集（`render.ts` 与判据都用这里的名字拼类名，不各抄一份字面量）。 */
+export const COMPARE_COLUMNS_SLOTS = [
+    /** 两列的表头行：左窗名 ＋ 右窗名（中缝那一列留空）。窄容器下整行收起，改由每侧的窗口名承担。 */
+    'head',
+    /** 表头行左侧：**左**窗口名（如「上月」）。 */
+    'head-left',
+    /** 表头行右侧：**右**窗口名（如「本月」）。 */
+    'head-right',
+    /** 逐项并排的那一组行。 */
+    'list',
+    /** 一项一行。 */
+    'row',
+    /** 一侧（左／右）的一格：窗口名（窄档才现）／值（＋单位）／条。 */
+    'side',
+    /** 一侧的窗口名：**只在窄容器下出现**（宽档由表头行给，两处不重复念）。 */
+    'side-name',
+    /** 这一侧的读数（含单位，`<small>` 跟在同一格）。 */
+    'value',
+    /** 值的单位（`元`／`次`／`卡`）；差额行复用同一个槽。 */
+    'unit',
+    /** 条的外框（两窗共用一条刻度，长度可直接比）。 */
+    'bar',
+    /** 条的填充（宽度＝这一侧的值 ÷ 两窗共同的最大值）。 */
+    'fill',
+    /** 中缝那一列：项名（两窗都有的项才列出来，归调用方保证）。 */
+    'label',
+    /** 差额单独一行（**不是**脚注：它是本形态的结论位）。 */
+    'diff',
+    /** 差额行的标签（固定「差额合计」，见 `COMPARE_COLUMNS_DIFF_LABEL`）。 */
+    'diff-label',
+    /** 差额的读数（带方向字形与正负号）。 */
+    'diff-value',
+    /** 口径行：这两个窗口到底是什么、差额怎么算的（弱文字，可很长、必须能换行）。 */
+    'caliber',
+];
+/** 槽类的类名（唯一拼法：别处不许再写 `COMPARE_COLUMNS_CLASS + '-' + …`）。 */
+export function compareColumnsSlot(slot, prefix = 'ilife-') {
+    return prefix + 'block-compare-columns-' + slot;
+}
+/** 这一侧的状态类（**唯一拼法**）。件内的状态名一律带件内语义前缀（`is-side-`／`is-dir-`／`is-tone-`），
+ *  **不许用 `is-left`／`is-up` 这类泛名**：泛名会与别的件标记里的同名状态撞上（实测 `sheet-frame`
+ *  的样式段就写着自己的 `.is-left` / `.is-right`）——皮肤矩阵的「跨件零交集」按这一条守。 */
+export function compareColumnsSideClass(side) {
+    return 'is-side-' + side;
+}
+/** 差额的方向状态类（`up`／`down`／`flat`）。 */
+export function compareColumnsDirectionClass(direction) {
+    return 'is-dir-' + direction;
+}
+/** 差额的语气状态类（只在 `sense` 点名时上）。 */
+export function compareColumnsToneClass(tone) {
+    return 'is-tone-' + tone;
+}
+/** 形态闭集：本件只落地了形态 A「背靠背条形」。 */
+export const COMPARE_COLUMNS_FORMS = ['back-to-back'];
+/** 方向字形：**色不是唯一信息**——涨／跌／持平一律「字形 ＋ 正负号 ＋ 色阶」三样里至少两样都在。
+ *  字形住 `aria-hidden` 的 `<i>` 里（`＋`／`−` 本身就是可读文本，不靠字形传达语义）。 */
+export const COMPARE_COLUMNS_UP = '▲';
+export const COMPARE_COLUMNS_DOWN = '▼';
+export const COMPARE_COLUMNS_FLAT = '＝';
+/** 差额的正负号（全角加号 ＋ 数学减号：与小票／报刊两套语言的数字宽度一致；ASCII `-` 在等宽栈里偏窄）。 */
+export const COMPARE_COLUMNS_PLUS = '＋';
+export const COMPARE_COLUMNS_MINUS = '−';
+/** 方向闭集（`up`＝右窗比左窗大）。 */
+export const COMPARE_COLUMNS_DIRECTIONS = ['up', 'down', 'flat'];
+/** 语气闭集：**涨是好是坏由调用方定**（记账涨＝坏、作息涨＝好、卡路里涨＝坏），本件不猜。
+ *  `neutral`＝只给字形与正负号、不上语义色（缺省）；另两档给差配上「好／坏」色阶。 */
+export const COMPARE_COLUMNS_SENSES = ['neutral', 'up-good', 'down-good'];
+/** 差额行的标签（差额只要出，就带它：读者一眼看出这一行是「两个窗口之差」）。 */
+export const COMPARE_COLUMNS_DIFF_LABEL = '差额合计';
+/** 口径行左端的标签（与页头／其余件同一条写法）。 */
+export const COMPARE_COLUMNS_CALIBER_LABEL = '口径';

package/dist/components/compare-columns/attrs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attrs.js","sourceRoot":"","sources":["../../../src/components/compare-columns/attrs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,0DAA0D;AAC1D,MAAM,CAAC,MAAM,qBAAqB,GAAG,6BAA6B,CAAC;AAEnE,gDAAgD;AAChD,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,qDAAqD;IACrD,MAAM;IACN,6BAA6B;IAC7B,WAAW;IACX,6BAA6B;IAC7B,YAAY;IACZ,iBAAiB;IACjB,MAAM;IACN,YAAY;IACZ,KAAK;IACL,qCAAqC;IACrC,MAAM;IACN,2CAA2C;IAC3C,WAAW;IACX,mCAAmC;IACnC,OAAO;IACP,mCAAmC;IACnC,MAAM;IACN,6BAA6B;IAC7B,KAAK;IACL,iCAAiC;IACjC,MAAM;IACN,mCAAmC;IACnC,OAAO;IACP,kCAAkC;IAClC,MAAM;IACN,uDAAuD;IACvD,YAAY;IACZ,wBAAwB;IACxB,YAAY;IACZ,4CAA4C;IAC5C,SAAS;CACD,CAAC;AAGX,4DAA4D;AAC5D,MAAM,UAAU,kBAAkB,CAAC,IAAwB,EAAE,MAAM,GAAG,QAAQ;IAC5E,OAAO,MAAM,GAAG,wBAAwB,GAAG,IAAI,CAAC;AAClD,CAAC;AAED;;+DAE+D;AAC/D,MAAM,UAAU,uBAAuB,CAAC,IAAsB;IAC5D,OAAO,UAAU,GAAG,IAAI,CAAC;AAC3B,CAAC;AAED,oCAAoC;AACpC,MAAM,UAAU,4BAA4B,CAAC,SAAkC;IAC7E,OAAO,SAAS,GAAG,SAAS,CAAC;AAC/B,CAAC;AAED,iCAAiC;AACjC,MAAM,UAAU,uBAAuB,CAAC,IAAoB;IAC1D,OAAO,UAAU,GAAG,IAAI,CAAC;AAC3B,CAAC;AAED,8BAA8B;AAC9B,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,cAAc,CAAU,CAAC;AAG/D;8DAC8D;AAC9D,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAC;AACtC,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAC;AACxC,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAC;AAExC,+DAA+D;AAC/D,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAC;AACxC,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAC;AAEzC,yBAAyB;AACzB,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAU,CAAC;AAG1E;mDACmD;AACnD,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,WAAW,CAAU,CAAC;AAGnF,4CAA4C;AAC5C,MAAM,CAAC,MAAM,0BAA0B,GAAG,MAAM,CAAC;AAEjD,8BAA8B;AAC9B,MAAM,CAAC,MAAM,6BAA6B,GAAG,IAAI,CAAC"}

package/dist/components/compare-columns/index.d.ts

@@ -0,0 +1,14 @@
+/** compare-columns · **组件出口**（本组件对外的唯一名字面）。
+ *
+ *  三个运行名：`renderCompareColumns(input)`（产标记，零 DOM）／`compareColumnsCss()`（样式段）／
+ *  形态闭集 `COMPARE_COLUMNS_FORMS`（本件只落地形态 A「背靠背条形」）。
+ *  标记契约也一并转出（类名根 ＋ 槽位拼法 ＋ 方向字形 ＋ 正负号 ＋ 语气闭集 ＋ 差额与口径两枚标签）：
+ *  判据与调用方都从这一份事实派生，不各抄一份字面量。
+ *
+ *  用法与参数表见同目录 `README.md`。消费方走 `base-paint/blocks`（组件层出口），不走根出口。
+ */
+export { COMPARE_COLUMNS_CALIBER_LABEL, COMPARE_COLUMNS_CLASS, COMPARE_COLUMNS_DIFF_LABEL, COMPARE_COLUMNS_DIRECTIONS, COMPARE_COLUMNS_DOWN, COMPARE_COLUMNS_FLAT, COMPARE_COLUMNS_FORMS, COMPARE_COLUMNS_MINUS, COMPARE_COLUMNS_PLUS, COMPARE_COLUMNS_SENSES, COMPARE_COLUMNS_SLOTS, COMPARE_COLUMNS_UP, compareColumnsDirectionClass, compareColumnsSideClass, compareColumnsSlot, compareColumnsToneClass, } from './attrs.js';
+export type { CompareColumnsDirection, CompareColumnsForm, CompareColumnsInput, CompareColumnsRow, CompareColumnsSense, CompareColumnsSlot, } from './attrs.js';
+export { renderCompareColumns } from './render.js';
+export { COMPARE_COLUMNS_BAR_MIN_PX, COMPARE_COLUMNS_BAR_THICKNESS_PX, COMPARE_COLUMNS_LABEL_BAND_EM, COMPARE_COLUMNS_NARROW_PX, compareColumnsCss, } from './style.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/compare-columns/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/compare-columns/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EACL,6BAA6B,EAC7B,qBAAqB,EACrB,0BAA0B,EAC1B,0BAA0B,EAC1B,oBAAoB,EACpB,oBAAoB,EACpB,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,sBAAsB,EACtB,qBAAqB,EACrB,kBAAkB,EAClB,4BAA4B,EAC5B,uBAAuB,EACvB,kBAAkB,EAClB,uBAAuB,GACxB,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,uBAAuB,EACvB,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EACL,0BAA0B,EAC1B,gCAAgC,EAChC,6BAA6B,EAC7B,yBAAyB,EACzB,iBAAiB,GAClB,MAAM,YAAY,CAAC"}

package/dist/components/compare-columns/index.js

@@ -0,0 +1,12 @@
+/** compare-columns · **组件出口**（本组件对外的唯一名字面）。
+ *
+ *  三个运行名：`renderCompareColumns(input)`（产标记，零 DOM）／`compareColumnsCss()`（样式段）／
+ *  形态闭集 `COMPARE_COLUMNS_FORMS`（本件只落地形态 A「背靠背条形」）。
+ *  标记契约也一并转出（类名根 ＋ 槽位拼法 ＋ 方向字形 ＋ 正负号 ＋ 语气闭集 ＋ 差额与口径两枚标签）：
+ *  判据与调用方都从这一份事实派生，不各抄一份字面量。
+ *
+ *  用法与参数表见同目录 `README.md`。消费方走 `base-paint/blocks`（组件层出口），不走根出口。
+ */
+export { COMPARE_COLUMNS_CALIBER_LABEL, COMPARE_COLUMNS_CLASS, COMPARE_COLUMNS_DIFF_LABEL, COMPARE_COLUMNS_DIRECTIONS, COMPARE_COLUMNS_DOWN, COMPARE_COLUMNS_FLAT, COMPARE_COLUMNS_FORMS, COMPARE_COLUMNS_MINUS, COMPARE_COLUMNS_PLUS, COMPARE_COLUMNS_SENSES, COMPARE_COLUMNS_SLOTS, COMPARE_COLUMNS_UP, compareColumnsDirectionClass, compareColumnsSideClass, compareColumnsSlot, compareColumnsToneClass, } from './attrs.js';
+export { renderCompareColumns } from './render.js';
+export { COMPARE_COLUMNS_BAR_MIN_PX, COMPARE_COLUMNS_BAR_THICKNESS_PX, COMPARE_COLUMNS_LABEL_BAND_EM, COMPARE_COLUMNS_NARROW_PX, compareColumnsCss, } from './style.js';

package/dist/components/compare-columns/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/compare-columns/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EACL,6BAA6B,EAC7B,qBAAqB,EACrB,0BAA0B,EAC1B,0BAA0B,EAC1B,oBAAoB,EACpB,oBAAoB,EACpB,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,sBAAsB,EACtB,qBAAqB,EACrB,kBAAkB,EAClB,4BAA4B,EAC5B,uBAAuB,EACvB,kBAAkB,EAClB,uBAAuB,GACxB,MAAM,YAAY,CAAC;AASpB,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EACL,0BAA0B,EAC1B,gCAAgC,EAChC,6BAA6B,EAC7B,yBAAyB,EACzB,iBAAiB,GAClB,MAAM,YAAY,CAAC"}

package/dist/components/compare-columns/model.d.ts

@@ -0,0 +1,35 @@
+import { type CompareColumnsDirection, type CompareColumnsForm } from './attrs.js';
+/** 显示串：千分位 ＋ 最多两位小数（尾零去掉）＋ 负号。本件所有数字只经它上屏（一处口径，两列与差额同款）。 */
+export declare function showNumber(value: number): string;
+/** 一行归一化后的形状：显示串与条长都在这里定下来，`render.ts` 只拼标记。 */
+export interface CompareColumnsRowModel {
+    readonly label: string;
+    readonly leftText: string;
+    readonly rightText: string;
+    readonly leftWidth: string;
+    readonly rightWidth: string;
+}
+/** 归一化后的入参（`render.ts` 只吃它，不再自己碰 `any`）。 */
+export interface CompareColumnsModel {
+    readonly form: CompareColumnsForm;
+    readonly leftLabel: string;
+    readonly rightLabel: string;
+    readonly rows: readonly CompareColumnsRowModel[];
+    /** 差额 ＝ 各共同项「右 − 左」之和（四舍五入到两位小数）。 */
+    readonly diff: number;
+    readonly diffDirection: CompareColumnsDirection;
+    /** 差额的方向字形（`aria-hidden` 的 `<i>` 里那一枚）。 */
+    readonly diffGlyph: string;
+    /** 差额的显示串（带 `＋`／`−` 号；持平不带号）。 */
+    readonly diffText: string;
+    /** 差额的语气色阶；`undefined` ＝ 不上语义色（缺省 / 持平）。 */
+    readonly diffTone?: 'good' | 'bad';
+    readonly diffLabel: string;
+    readonly caliberLabel: string;
+    readonly unit?: string;
+    readonly caliber?: string;
+    readonly extraClass?: string;
+}
+/** 入参归一化。**唯一入口**：`render.ts` 只吃它产出的 `CompareColumnsModel`。 */
+export declare function normalizeCompareColumns(input: unknown): CompareColumnsModel;
+//# sourceMappingURL=model.d.ts.map

package/dist/components/compare-columns/model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../src/components/compare-columns/model.ts"],"names":[],"mappings":"AAWA,OAAO,EAUL,KAAK,uBAAuB,EAC5B,KAAK,kBAAkB,EAExB,MAAM,YAAY,CAAC;AAgBpB,4DAA4D;AAC5D,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAQhD;AAQD,gDAAgD;AAChD,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;CAC7B;AAED,4CAA4C;AAC5C,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,IAAI,EAAE,kBAAkB,CAAC;IAClC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,IAAI,EAAE,SAAS,sBAAsB,EAAE,CAAC;IACjD,qCAAqC;IACrC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,aAAa,EAAE,uBAAuB,CAAC;IAChD,2CAA2C;IAC3C,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,iCAAiC;IACjC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,4CAA4C;IAC5C,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACnC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AAqBD,+DAA+D;AAC/D,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,OAAO,GAAG,mBAAmB,CAsD3E"}