base-paint 0.3.13 → 0.3.15

package/dist/components/radio-cards/style.js

@@ -0,0 +1,284 @@
+/** radio-cards · **样式段**（本件唯一的样式来源）。
+ *
+ *  纪律（与本节其余件同一份）：
+ *   · 只经 `skinVar()` 读皮肤——组件里**不写**手写的 CSS 变量（兜底链只许住在 `skin/contract.ts`）；
+ *   · 全部规则 scope 在 `.<prefix>page-ui` 之下（不开本配方的页零命中）；不写 `:root`／`!important`、不新增 token 名；
+ *   · **宽度只许容器判**：本件自己是容器（`container-type: inline-size`），折行靠内在尺寸 ＋ `flex-wrap`，
+ *     窄档调整走 `@container`；`@media` 只判设备能力（`hover`／`pointer`／`prefers-reduced-motion`），不判宽度。
+ *
+ *  几何契约（判据钉住）：
+ *   · 整卡是命中区 ⇒ 触控目标 ≥44×44（`RADIO_CARDS_CARD_MIN_HEIGHT_PX` ＝ 64 > 44）；
+ *   · 选中态**至少两重标记**：左端 4px 竖条（形状）＋ 标记位里的对钩（字）；边框与底色是第三重（颜色）。
+ *     皮肤「大字报刊」下强调色＝墨黑 ⇒ 只染色会塌，故形状与字必须自己扛。
+ */
+import { skinVar } from '../skin/contract.js';
+import { RADIO_CARDS_LOADING_ATTR, radioCardsSlot } from './attrs.js';
+/** 换行（仓库口径：不写字面换行转义）。 */
+const LF = String.fromCharCode(10);
+/** 触控目标的地板（px）：全宽口径，不只窄屏——低于它的命中区就是不许留的中间档。 */
+export const RADIO_CARDS_MIN_TARGET_PX = 44;
+/** 一张卡的最小高度（px）：大于地板（卡里有说明行，本来就比 44 高）。 */
+export const RADIO_CARDS_CARD_MIN_HEIGHT_PX = 64;
+/** 标记位方径（px）：装饰盒，可以小于地板（命中区由整卡承担）。 */
+export const RADIO_CARDS_MARK_PX = 20;
+/** 图标位方径（px）。 */
+export const RADIO_CARDS_LEAD_PX = 34;
+/** 选中时左端那道竖条的宽度（px）——**形状**那一重标记。 */
+export const RADIO_CARDS_BAR_PX = 4;
+/** 窄容器阈值（px）：标题与读数改走「读数另起一行」。**判的是本件自己的宽度**，不是视口。 */
+export const RADIO_CARDS_NARROW_PX = 420;
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export function radioCardsCss(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-radio-cards';
+    const s = (slot) => root + ' .' + radioCardsSlot(slot, p);
+    /** **裸类名**：用在复合选择器的中段（`X > .槽`、`X:has(…) > .槽`）。
+     *  `s()` 自带作用域前缀，只许当选择器的**开头**——把它接在 `>` 后面会拼出
+     *  `.ilife-page-ui X > .ilife-page-ui .槽`，那种规则永远匹配不到
+     *  （2026-09 实拍：选中态的对钩一个都没画出来，就是这一处拼错）。 */
+    const c = (slot) => '.' + radioCardsSlot(slot, p);
+    const card = s('card');
+    return [
+        '/* radio-cards（单选卡组 · 形态 A「竖排卡」）：一列卡，每张里是标记 ＋ 图标位 ＋ 标题 ＋ 读数 ＋ 一行说明。',
+        '   层次不靠阴影与大圆角（小票纸零阴影、大字报刊零圆角）：靠发丝线、字重与尺度差 ⇒ 换皮只换取值。 */',
+        box + ' {',
+        /* 宽度判据的落点：本件是**自己的容器**——嵌进侧栏／面板／卡片时照样按自己的宽度折行。 */
+        '  container-type: inline-size;',
+        '  display: grid;',
+        '  gap: 8px;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font') + ';',
+        '  font-size: ' + skinVar('fs-body') + ';',
+        '  line-height: 1.5;',
+        '}',
+        '/* 组名行：主段（在选什么）＋ 次段（补充说明）。两段都能换行——**不许 `…` 截断**。 */',
+        s('legend') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: baseline;',
+        '  gap: 4px 10px;',
+        '  margin: 0;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 600;',
+        '}',
+        s('legend-title') + ' {',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-weight: 700;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('legend-hint') + ' {',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 400;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('list') + ' {',
+        '  display: grid;',
+        '  gap: 8px;',
+        '  min-width: 0;',
+        '}',
+        '/* 一张卡：整张是 `<label>`（命中区）。列宽写死两枚记号位，余下全给文字（`minmax(0,1fr)` 防压字）。 */',
+        card + ' {',
+        '  position: relative;',
+        '  display: grid;',
+        '  grid-template-columns: ' + String(RADIO_CARDS_MARK_PX) + 'px ' + String(RADIO_CARDS_LEAD_PX) + 'px minmax(0, 1fr);',
+        '  grid-template-areas: "mk lead line" "mk lead desc";',
+        '  gap: 3px 10px;',
+        '  align-items: center;',
+        '  box-sizing: border-box;',
+        '  min-height: ' + String(RADIO_CARDS_CARD_MIN_HEIGHT_PX) + 'px;',
+        '  padding: 11px 12px;',
+        '  border: 2px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius') + ';',
+        '  background: ' + skinVar('surface') + ';',
+        '  cursor: pointer;',
+        '  transition: transform 80ms cubic-bezier(.22, 1, .36, 1);',
+        '}',
+        '/* 标记位：空圆环（未选）→ 实心圆＋对钩（选中）。环／圆是**形状**，不靠色。 */',
+        card + ' > ' + c('mk') + ' {',
+        '  grid-area: mk;',
+        '  position: relative;',
+        '  display: block;',
+        '  width: ' + String(RADIO_CARDS_MARK_PX) + 'px;',
+        '  height: ' + String(RADIO_CARDS_MARK_PX) + 'px;',
+        '  border: 2px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-pill') + ';',
+        '  background: ' + skinVar('surface') + ';',
+        '}',
+        s('lead') + ' {',
+        '  grid-area: lead;',
+        '  display: flex;',
+        '  align-items: center;',
+        '  justify-content: center;',
+        '  width: ' + String(RADIO_CARDS_LEAD_PX) + 'px;',
+        '  height: ' + String(RADIO_CARDS_LEAD_PX) + 'px;',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: ' + skinVar('surface-2') + ';',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 700;',
+        '  line-height: 1;',
+        '}',
+        s('line') + ' {',
+        '  grid-area: line;',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: baseline;',
+        '  gap: 2px 10px;',
+        '  min-width: 0;',
+        '}',
+        s('title') + ' {',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-weight: 700;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 读数：右端等宽数字。**不写 `nowrap`**：金额换行难看，但溢出更难看（零横向溢出的判据在这儿收口）。 */',
+        s('reading') + ' {',
+        '  margin-left: auto;',
+        '  text-align: right;',
+        '  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('reading-label') + ' {',
+        '  margin-right: 4px;',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '}',
+        s('desc') + ' {',
+        '  grid-area: desc;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  line-height: 1.55;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 禁用原因：跟说明同槽位（读屏也读得到"为什么不能选"）。 */',
+        s('why') + ' {',
+        '  display: block;',
+        '  margin-top: 2px;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-style: normal;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 鼠标悬停只是**提示**，不是唯一通路（焦点态与选中态各有自己的标记）。 */',
+        '@media (hover: hover) and (pointer: fine) {',
+        '  ' + card + ':not(:has(input:checked)):not(:has(input[disabled])):hover {',
+        '    border-color: ' + skinVar('ink-3') + ';',
+        '  }',
+        '}',
+        '/* 真按下：缩一格（≤80ms 内回弹；只动 transform，不触发布局）。 */',
+        card + ':active {',
+        '  transform: scale(.98);',
+        '}',
+        '/* 选中态第一重（形状）：左端一道竖条。`inset` 光影不占盒、不推字。',
+        '   判选中走**原生** `:has(input:checked)`：状态只有一处事实（`<input checked>`），不另挂修饰类。 */',
+        card + ':has(input:checked) {',
+        '  border-color: ' + skinVar('accent') + ';',
+        '  background: ' + skinVar('accent-soft') + ';',
+        '  box-shadow: inset ' + String(RADIO_CARDS_BAR_PX) + 'px 0 0 ' + skinVar('accent') + ';',
+        '}',
+        '/* 选中态第二重（字）：标记位变实心圆 ＋ 对钩。 */',
+        card + ':has(input:checked) > ' + c('mk') + ' {',
+        '  border-color: ' + skinVar('accent') + ';',
+        '  background: ' + skinVar('accent') + ';',
+        '}',
+        card + ':has(input:checked) > ' + c('mk') + '::after {',
+        '  content: "\\2713";',
+        '  position: absolute;',
+        '  inset: 0;',
+        '  display: flex;',
+        '  align-items: center;',
+        '  justify-content: center;',
+        '  color: ' + skinVar('accent-ink') + ';',
+        '  font-size: 12px;',
+        '  font-weight: 800;',
+        '  line-height: 1;',
+        '}',
+        '/* 焦点：原生 `input` 收到键盘焦点时，整卡与标记位一起显形（**可见焦点，≥2px**）。 */',
+        card + ':has(input:focus-visible) {',
+        '  outline: 2px solid ' + skinVar('accent') + ';',
+        '  outline-offset: 2px;',
+        '}',
+        card + ' > input:focus-visible ~ ' + c('mk') + ' {',
+        '  outline: 2px solid ' + skinVar('accent') + ';',
+        '  outline-offset: 2px;',
+        '}',
+        '/* 原生单选：视觉隐藏但**仍在无障碍树里**（1px 盒 ＋ `opacity:0`，不是 `display:none`）。 */',
+        card + ' > input[type="radio"] {',
+        '  position: absolute;',
+        '  width: 1px;',
+        '  height: 1px;',
+        '  opacity: 0;',
+        '  pointer-events: none;',
+        '}',
+        '/* 禁用：`cursor: not-allowed` ＋ 说明为什么（原因那句由标记渲染在卡里）。 */',
+        card + ':has(input[disabled]) {',
+        '  cursor: not-allowed;',
+        '}',
+        card + ':has(input[disabled]) > ' + c('title') + ', ' + card + ':has(input[disabled]) > ' + c('desc') + ',',
+        card + ':has(input[disabled]) > ' + c('line') + ' {',
+        '  color: ' + skinVar('ink-2') + ';',
+        '}',
+        '/* 加载态：读数在原地换成那句话（盒模型不动 ⇒ 不跳版）。加载是**整组**的事，故读根上的标记。',
+        '   注意中段一律用**裸槽类** `c(...)`：`card` 自带 `.ilife-page-ui ` 前缀，接在根后面会拼出',
+        '   「件根 里再套一层 page-ui」的要求 ⇒ 这条规则永远不命中（2026-09 被判据从产物里扫出来）。 */',
+        box + '[' + RADIO_CARDS_LOADING_ATTR + '="1"] ' + c('card') + ' > ' + c('line') + ' > ' + c('reading') + ' {',
+        '  color: ' + skinVar('ink-3') + ';',
+        '}',
+        '/* 空态与加载态那一句：弱文字 ＋ 设计过的内距（不是留白）。 */',
+        s('empty') + ', ' + s('loading') + ' {',
+        '  margin: 0;',
+        '  padding: 12px 14px;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius') + ';',
+        '  background: ' + skinVar('surface') + ';',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 错态：写在控件旁边（不是只染色），并带一枚记号字。 */',
+        s('error') + ' {',
+        '  display: flex;',
+        '  gap: 6px;',
+        '  margin: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 600;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('error') + '::before {',
+        '  content: "\\26A0";',
+        '  flex: none;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '}',
+        '/* 窄容器（<' + String(RADIO_CARDS_NARROW_PX) + 'px）：标题与读数不再挤同一行（读数另起一行、左对齐）。',
+        '   判的是**本件自己的宽度**：本件会被嵌进侧栏／面板／卡片，视口宽 ≠ 组件宽（所以这里不用 `@media`）。 */',
+        '@container (max-width: ' + String(RADIO_CARDS_NARROW_PX) + 'px) {',
+        '  ' + s('line') + ' {',
+        '    display: grid;',
+        '    gap: 2px;',
+        '  }',
+        '  ' + s('reading') + ' {',
+        '    margin-left: 0;',
+        '    text-align: left;',
+        '  }',
+        '}',
+        '/* 动效偏好：只关过渡，不关状态（状态不许卡在半路 ⇒ 不用 `transitionend` 驱动任何东西）。 */',
+        '@media (prefers-reduced-motion: reduce) {',
+        '  ' + card + ' {',
+        '    transition: none;',
+        '  }',
+        '}',
+    ].join(LF);
+}

package/dist/components/radio-cards/style.js.map

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

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

@@ -0,0 +1,96 @@
+/** range-bar · **标记契约**（渲染与调用方共用的唯一事实：类名／形态闭集／入参类型）。
+ *
+ *  这一件落地的是原型墙（`.scratch/ui-组件墙/parts-05-时间与分组.mjs`）里的
+ *  **形态 A「四类泳道（每类一行）＋行尾合计＋整点刻度」**：一条轴上摆起止区间，**长度就是「多久」**。
+ *
+ *  它替掉的三种错法：
+ *   · 只写开始时间（`09:30 开始工作`）——读不出"多长"；
+ *   · 用柱子画单点（9 点一根柱）——柱子没有长度，长短差被画成高度差；
+ *   · 把区间写成一句「上午工作、下午运动」——两段的起止与时长都得读者自己算。
+ *
+ *  形态键写在 `RANGE_BAR_FORMS`（闭集）：本件只有一格，但键必须存在——
+ *  「形态是骨架，不是地址」，日后加第二形态是在闭集里加一格，不是新开一件。
+ *  闭集外的值一律 `badInput`（不静默降级：降级会让调用方以为自己拿到了另一种骨架）。
+ */
+/** 本件的类名根：全部槽位类名都是 `RANGE_BAR_CLASS + '-' + 槽名`。 */
+export declare const RANGE_BAR_CLASS = "ilife-block-range-bar";
+/** 槽位闭集（标记契约的一部分：`render.ts` 与判据都用这里的名字拼类名，不各抄一份字面量）。 */
+export declare const RANGE_BAR_SLOTS: readonly ["hd", "title", "use", "sum", "sum-label", "sum-value", "ax", "ax-ticks", "lanes", "lane", "key", "mark", "total", "rail", "iv", "iv-text", "note"];
+export type RangeBarSlot = (typeof RANGE_BAR_SLOTS)[number];
+/** 槽类的类名（唯一拼法：别处不许再写 `RANGE_BAR_CLASS + '-' + …`）。 */
+export declare function rangeBarSlot(slot: RangeBarSlot, prefix?: string): string;
+/** 形态闭集：本件只落地了形态 A「四类泳道＋行尾合计＋整点刻度」。 */
+export declare const RANGE_BAR_FORMS: readonly ["lanes"];
+export type RangeBarForm = (typeof RANGE_BAR_FORMS)[number];
+/** 深浅档闭集（1 最浅、4 最深）：区间是**非文本**色块，用强调色的四档。 */
+export declare const RANGE_BAR_TONES: readonly [1, 2, 3, 4];
+export type RangeBarTone = (typeof RANGE_BAR_TONES)[number];
+/** 区间的缺省深浅档（1／2 是最常用的两档：一类一行时相邻两类不撞色）。 */
+export declare const RANGE_BAR_DEFAULT_TONE: RangeBarTone;
+/** **段内时长字上屏的最小占比**：区间窄于轴全长的这个比例时，段里不写时长字
+ *  （写了会挤成一团、或溢出被裁），时长仍由行尾合计给出——语义一个字都不丢。 */
+export declare const RANGE_BAR_TEXT_MIN_FRACTION = 0.22;
+/** 窄容器阈值（px）：左右两栏（类别名／合计）收一档，好让轨道在 390 档仍有足够长度。
+ *  **这是本件自己的宽度**（`@container` 判的），不是视口宽度。 */
+export declare const RANGE_BAR_NARROW_PX = 460;
+/** 段内时长字的**下线宽度**（px）：容器窄过它，时长字一律不上屏（轨道太短，放不下就必然压字）。 */
+export declare const RANGE_BAR_TEXT_HIDE_BELOW_PX = 320;
+/** 一个区间（轴上的起止，单位由调用方定：作息＝分钟）。 */
+export interface RangeBarIntervalInput {
+    /** 起点（闭区间）。 */
+    readonly from: number;
+    /** 终点（开区间；必须大于起点）。 */
+    readonly to: number;
+    /** 段里的时长字（如 `7h20m`）；**只在段占到轴长 `RANGE_BAR_TEXT_MIN_FRACTION` 以上时才上屏**。 */
+    readonly text?: string;
+    /** 深浅档（1..4，缺省 2）。 */
+    readonly tone?: RangeBarTone;
+}
+/** 一条泳道（一个类别一行）。 */
+export interface RangeBarLaneInput {
+    /** 类别名（如「睡眠」）。 */
+    readonly label: string;
+    /** 类别名前那枚记号（如 `●`；纯装饰，是"不只靠颜色"的第二路）。 */
+    readonly mark?: string;
+    /** 这一类的区间（**跨午夜／跨月请调用方拆成两段**：本件不做跨界推断）。 */
+    readonly intervals: readonly RangeBarIntervalInput[];
+    /** 行尾合计（如 `7h30m`／`15 天`）；不给＝不出。 */
+    readonly total?: string;
+}
+/** 轴的范围（区间都落在这个区间内）。 */
+export interface RangeBarDomain {
+    /** 起点（如一天的第 0 分钟、某月 1 日）。 */
+    readonly min: number;
+    /** 终点（如一天的第 1440 分钟、某月最后一日）。 */
+    readonly max: number;
+}
+/** 头部右端的合计位。 */
+export interface RangeBarSummary {
+    /** 标签（如「非空闲」）。 */
+    readonly label: string;
+    /** 值（如 `16h00m`）。 */
+    readonly value: string;
+}
+/** 区间条入参。`title`／`domain`／`lanes` 必填——**没有轴与泳道就不走本件**（本件只有形态 A 一种骨架）。 */
+export interface RangeBarInput {
+    /** 标题（如「5 月 14 日 周四」）；**不许 `…` 截断**，长了就换行。 */
+    readonly title: string;
+    /** 轴的范围（区间必须落在它里面，出界一律 `badInput`——本件不做出界裁剪）。 */
+    readonly domain: RangeBarDomain;
+    /** 泳道（0 条＝空串；顺序＝阅读顺序）。 */
+    readonly lanes: readonly RangeBarLaneInput[];
+    /** 用途说明（如「作息管家 · 一天里的区间」）；不给＝不出。 */
+    readonly use?: string;
+    /** 轴刻度（如 `['0','6','12','18','24']`／`['5/1','5/8','5/31']`）：**写法归调用方**，本件不猜时间与日期的格式；
+     *  不给＝不出刻度（泳道照旧）。 */
+    readonly axis?: readonly string[];
+    /** 头部右端的合计位；不给＝不出。 */
+    readonly summary?: RangeBarSummary;
+    /** 脚注（如「手柄是静态样张」那句口径）；不给＝不出。 */
+    readonly note?: string;
+    /** 形态键（闭集，缺省 `lanes`）。 */
+    readonly form?: RangeBarForm;
+    /** 附加类名（空格分隔；逐个过类名正则）。 */
+    readonly extraClass?: string;
+}
+//# sourceMappingURL=attrs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"attrs.d.ts","sourceRoot":"","sources":["../../../src/components/range-bar/attrs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,oDAAoD;AACpD,eAAO,MAAM,eAAe,0BAA0B,CAAC;AAEvD,yDAAyD;AACzD,eAAO,MAAM,eAAe,8JAmClB,CAAC;AACX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5D,sDAAsD;AACtD,wBAAgB,YAAY,CAAC,IAAI,EAAE,YAAY,EAAE,MAAM,SAAW,GAAG,MAAM,CAE1E;AAED,uCAAuC;AACvC,eAAO,MAAM,eAAe,oBAAqB,CAAC;AAClD,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5D,6CAA6C;AAC7C,eAAO,MAAM,eAAe,uBAAwB,CAAC;AACrD,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5D,0CAA0C;AAC1C,eAAO,MAAM,sBAAsB,EAAE,YAAgB,CAAC;AAEtD;4CAC4C;AAC5C,eAAO,MAAM,2BAA2B,OAAO,CAAC;AAEhD;6CAC6C;AAC7C,eAAO,MAAM,mBAAmB,MAAM,CAAC;AAEvC,wDAAwD;AACxD,eAAO,MAAM,4BAA4B,MAAM,CAAC;AAEhD,iCAAiC;AACjC,MAAM,WAAW,qBAAqB;IACpC,eAAe;IACf,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,0EAA0E;IAC1E,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,sBAAsB;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,YAAY,CAAC;CAC9B;AAED,oBAAoB;AACpB,MAAM,WAAW,iBAAiB;IAChC,kBAAkB;IAClB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,wCAAwC;IACxC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,2CAA2C;IAC3C,QAAQ,CAAC,SAAS,EAAE,SAAS,qBAAqB,EAAE,CAAC;IACrD,oCAAoC;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wBAAwB;AACxB,MAAM,WAAW,cAAc;IAC7B,6BAA6B;IAC7B,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,gCAAgC;IAChC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;CACtB;AAED,gBAAgB;AAChB,MAAM,WAAW,eAAe;IAC9B,kBAAkB;IAClB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,qBAAqB;IACrB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,yEAAyE;AACzE,MAAM,WAAW,aAAa;IAC5B,8CAA8C;IAC9C,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,iDAAiD;IACjD,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAC;IAChC,0BAA0B;IAC1B,QAAQ,CAAC,KAAK,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAC7C,oCAAoC;IACpC,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB;yBACqB;IACrB,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAClC,sBAAsB;IACtB,QAAQ,CAAC,OAAO,CAAC,EAAE,eAAe,CAAC;IACnC,gCAAgC;IAChC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,0BAA0B;IAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,YAAY,CAAC;IAC7B,0BAA0B;IAC1B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B"}

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

@@ -0,0 +1,71 @@
+/** range-bar · **标记契约**（渲染与调用方共用的唯一事实：类名／形态闭集／入参类型）。
+ *
+ *  这一件落地的是原型墙（`.scratch/ui-组件墙/parts-05-时间与分组.mjs`）里的
+ *  **形态 A「四类泳道（每类一行）＋行尾合计＋整点刻度」**：一条轴上摆起止区间，**长度就是「多久」**。
+ *
+ *  它替掉的三种错法：
+ *   · 只写开始时间（`09:30 开始工作`）——读不出"多长"；
+ *   · 用柱子画单点（9 点一根柱）——柱子没有长度，长短差被画成高度差；
+ *   · 把区间写成一句「上午工作、下午运动」——两段的起止与时长都得读者自己算。
+ *
+ *  形态键写在 `RANGE_BAR_FORMS`（闭集）：本件只有一格，但键必须存在——
+ *  「形态是骨架，不是地址」，日后加第二形态是在闭集里加一格，不是新开一件。
+ *  闭集外的值一律 `badInput`（不静默降级：降级会让调用方以为自己拿到了另一种骨架）。
+ */
+/** 本件的类名根：全部槽位类名都是 `RANGE_BAR_CLASS + '-' + 槽名`。 */
+export const RANGE_BAR_CLASS = 'ilife-block-range-bar';
+/** 槽位闭集（标记契约的一部分：`render.ts` 与判据都用这里的名字拼类名，不各抄一份字面量）。 */
+export const RANGE_BAR_SLOTS = [
+    /** 头部那一排：标题 ＋ 用途 ＋ 合计（窄档自己折行）。 */
+    'hd',
+    /** 标题（如「5 月 14 日 周四」／「5 月区间」）。 */
+    'title',
+    /** 用途说明（如「作息管家 · 一天里的区间」）。 */
+    'use',
+    /** 头部右端的合计位。 */
+    'sum',
+    /** 合计位的标签。 */
+    'sum-label',
+    /** 合计位的值（已经是给人看的样子）。 */
+    'sum-value',
+    /** 轴刻度那一排（与泳道共用同一张网格 ⇒ 刻度永远对得上轨道两端）。 */
+    'ax',
+    /** 轴刻度的五个位置（两端与中间三点）。 */
+    'ax-ticks',
+    /** 泳道与轴刻度共用的那张网格（`display:contents` 的泳道直接落进它的三条轨道）。 */
+    'lanes',
+    /** 一条泳道（＝一个类别一行）。 */
+    'lane',
+    /** 泳道左端的类别名。 */
+    'key',
+    /** 类别名前那枚记号（纯装饰，`aria-hidden`；它是"不只靠颜色"的第二路）。 */
+    'mark',
+    /** 泳道右端的合计（这一类的总时长／总天数）。 */
+    'total',
+    /** 轨道（区间的坐标系，两端各一条发丝线）。 */
+    'rail',
+    /** 一个区间（在轨道上的位置与长度就是它的起止与时长）。 */
+    'iv',
+    /** 区间里那枚时长字（**只在区间够宽时才上屏**；时长永远另有行尾合计兜底）。 */
+    'iv-text',
+    /** 脚注（弱文字，可很长、必须能换行）。 */
+    'note',
+];
+/** 槽类的类名（唯一拼法：别处不许再写 `RANGE_BAR_CLASS + '-' + …`）。 */
+export function rangeBarSlot(slot, prefix = 'ilife-') {
+    return prefix + 'block-range-bar-' + slot;
+}
+/** 形态闭集：本件只落地了形态 A「四类泳道＋行尾合计＋整点刻度」。 */
+export const RANGE_BAR_FORMS = ['lanes'];
+/** 深浅档闭集（1 最浅、4 最深）：区间是**非文本**色块，用强调色的四档。 */
+export const RANGE_BAR_TONES = [1, 2, 3, 4];
+/** 区间的缺省深浅档（1／2 是最常用的两档：一类一行时相邻两类不撞色）。 */
+export const RANGE_BAR_DEFAULT_TONE = 2;
+/** **段内时长字上屏的最小占比**：区间窄于轴全长的这个比例时，段里不写时长字
+ *  （写了会挤成一团、或溢出被裁），时长仍由行尾合计给出——语义一个字都不丢。 */
+export const RANGE_BAR_TEXT_MIN_FRACTION = 0.22;
+/** 窄容器阈值（px）：左右两栏（类别名／合计）收一档，好让轨道在 390 档仍有足够长度。
+ *  **这是本件自己的宽度**（`@container` 判的），不是视口宽度。 */
+export const RANGE_BAR_NARROW_PX = 460;
+/** 段内时长字的**下线宽度**（px）：容器窄过它，时长字一律不上屏（轨道太短，放不下就必然压字）。 */
+export const RANGE_BAR_TEXT_HIDE_BELOW_PX = 320;

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

@@ -0,0 +1 @@
+{"version":3,"file":"attrs.js","sourceRoot":"","sources":["../../../src/components/range-bar/attrs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,oDAAoD;AACpD,MAAM,CAAC,MAAM,eAAe,GAAG,uBAAuB,CAAC;AAEvD,yDAAyD;AACzD,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,kCAAkC;IAClC,IAAI;IACJ,kCAAkC;IAClC,OAAO;IACP,8BAA8B;IAC9B,KAAK;IACL,gBAAgB;IAChB,KAAK;IACL,cAAc;IACd,WAAW;IACX,wBAAwB;IACxB,WAAW;IACX,wCAAwC;IACxC,IAAI;IACJ,yBAAyB;IACzB,UAAU;IACV,uDAAuD;IACvD,OAAO;IACP,qBAAqB;IACrB,MAAM;IACN,gBAAgB;IAChB,KAAK;IACL,iDAAiD;IACjD,MAAM;IACN,4BAA4B;IAC5B,OAAO;IACP,2BAA2B;IAC3B,MAAM;IACN,iCAAiC;IACjC,IAAI;IACJ,6CAA6C;IAC7C,SAAS;IACT,yBAAyB;IACzB,MAAM;CACE,CAAC;AAGX,sDAAsD;AACtD,MAAM,UAAU,YAAY,CAAC,IAAkB,EAAE,MAAM,GAAG,QAAQ;IAChE,OAAO,MAAM,GAAG,kBAAkB,GAAG,IAAI,CAAC;AAC5C,CAAC;AAED,uCAAuC;AACvC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAAO,CAAU,CAAC;AAGlD,6CAA6C;AAC7C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAU,CAAC;AAGrD,0CAA0C;AAC1C,MAAM,CAAC,MAAM,sBAAsB,GAAiB,CAAC,CAAC;AAEtD;4CAC4C;AAC5C,MAAM,CAAC,MAAM,2BAA2B,GAAG,IAAI,CAAC;AAEhD;6CAC6C;AAC7C,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAC;AAEvC,wDAAwD;AACxD,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,CAAC"}

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

@@ -0,0 +1,13 @@
+/** range-bar · **组件出口**（本组件对外的唯一名字面）。
+ *
+ *  三件出口：`renderRangeBar(input)`（产标记，零 DOM）／`rangeBarCss()`（样式段）／
+ *  标记契约常量（类名根、槽位闭集、形态闭集、深浅档闭集、两档栏宽与"段内时长字"的阈值）。
+ *
+ *  用法与参数表见同目录 `README.md`。消费方走 `base-paint/blocks`（组件层出口），不走根出口。
+ *  样式由页面按需注入 `rangeBarCss()`（**加法式**：不挂就零命中，别的页逐字节不变）。
+ */
+export { RANGE_BAR_CLASS, RANGE_BAR_DEFAULT_TONE, RANGE_BAR_FORMS, RANGE_BAR_NARROW_PX, RANGE_BAR_SLOTS, RANGE_BAR_TEXT_HIDE_BELOW_PX, RANGE_BAR_TEXT_MIN_FRACTION, RANGE_BAR_TONES, rangeBarSlot, } from './attrs.js';
+export type { RangeBarDomain, RangeBarForm, RangeBarInput, RangeBarIntervalInput, RangeBarLaneInput, RangeBarSlot, RangeBarSummary, RangeBarTone, } from './attrs.js';
+export { renderRangeBar } from './render.js';
+export { RANGE_BAR_KEY_COLUMN_NARROW_PX, RANGE_BAR_KEY_COLUMN_PX, RANGE_BAR_RAIL_HEIGHT_PX, RANGE_BAR_TICK_GAP_PX, RANGE_BAR_TOTAL_COLUMN_NARROW_PX, RANGE_BAR_TOTAL_COLUMN_PX, rangeBarCss, } from './style.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/range-bar/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EACL,eAAe,EACf,sBAAsB,EACtB,eAAe,EACf,mBAAmB,EACnB,eAAe,EACf,4BAA4B,EAC5B,2BAA2B,EAC3B,eAAe,EACf,YAAY,GACb,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,cAAc,EACd,YAAY,EACZ,aAAa,EACb,qBAAqB,EACrB,iBAAiB,EACjB,YAAY,EACZ,eAAe,EACf,YAAY,GACb,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EACL,8BAA8B,EAC9B,uBAAuB,EACvB,wBAAwB,EACxB,qBAAqB,EACrB,gCAAgC,EAChC,yBAAyB,EACzB,WAAW,GACZ,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,11 @@
+/** range-bar · **组件出口**（本组件对外的唯一名字面）。
+ *
+ *  三件出口：`renderRangeBar(input)`（产标记，零 DOM）／`rangeBarCss()`（样式段）／
+ *  标记契约常量（类名根、槽位闭集、形态闭集、深浅档闭集、两档栏宽与"段内时长字"的阈值）。
+ *
+ *  用法与参数表见同目录 `README.md`。消费方走 `base-paint/blocks`（组件层出口），不走根出口。
+ *  样式由页面按需注入 `rangeBarCss()`（**加法式**：不挂就零命中，别的页逐字节不变）。
+ */
+export { RANGE_BAR_CLASS, RANGE_BAR_DEFAULT_TONE, RANGE_BAR_FORMS, RANGE_BAR_NARROW_PX, RANGE_BAR_SLOTS, RANGE_BAR_TEXT_HIDE_BELOW_PX, RANGE_BAR_TEXT_MIN_FRACTION, RANGE_BAR_TONES, rangeBarSlot, } from './attrs.js';
+export { renderRangeBar } from './render.js';
+export { RANGE_BAR_KEY_COLUMN_NARROW_PX, RANGE_BAR_KEY_COLUMN_PX, RANGE_BAR_RAIL_HEIGHT_PX, RANGE_BAR_TICK_GAP_PX, RANGE_BAR_TOTAL_COLUMN_NARROW_PX, RANGE_BAR_TOTAL_COLUMN_PX, rangeBarCss, } from './style.js';

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/range-bar/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EACL,eAAe,EACf,sBAAsB,EACtB,eAAe,EACf,mBAAmB,EACnB,eAAe,EACf,4BAA4B,EAC5B,2BAA2B,EAC3B,eAAe,EACf,YAAY,GACb,MAAM,YAAY,CAAC;AAWpB,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EACL,8BAA8B,EAC9B,uBAAuB,EACvB,wBAAwB,EACxB,qBAAqB,EACrB,gCAAgC,EAChC,yBAAyB,EACzB,WAAW,GACZ,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,39 @@
+import { type RangeBarForm, type RangeBarTone } from './attrs.js';
+/** 归一后的一个区间（`left`／`width` 已是上屏的百分比串）。 */
+export interface RangeBarIntervalModel {
+    readonly from: number;
+    readonly to: number;
+    readonly tone: RangeBarTone;
+    /** 轴上的起点（百分比，如 `12.5`）。 */
+    readonly left: number;
+    /** 轴上的长度（百分比，如 `8.3333`）。 */
+    readonly width: number;
+    /** 段内时长字：**只在段够宽时**才有值（否则 `undefined`）。 */
+    readonly text?: string;
+}
+/** 归一后的一条泳道。 */
+export interface RangeBarLaneModel {
+    readonly label: string;
+    readonly mark?: string;
+    readonly total?: string;
+    readonly intervals: readonly RangeBarIntervalModel[];
+}
+/** 内部类型：每个字段都已校验、已归一（`undefined` 一律换成「不给」或空数组）。 */
+export interface RangeBarModel {
+    readonly form: RangeBarForm;
+    readonly title: string;
+    readonly use?: string;
+    readonly summary?: {
+        readonly label: string;
+        readonly value: string;
+    };
+    readonly axis: readonly string[];
+    readonly lanes: readonly RangeBarLaneModel[];
+    readonly note?: string;
+    readonly extraClass?: string;
+}
+/** 入参归一化。**唯一入口**：`render.ts` 只吃它产出的 `RangeBarModel`，不再自己碰 `any`。 */
+export declare function normalizeRangeBar(input: unknown): RangeBarModel;
+/** 轴上的百分比串（**几何是形状事实**：渲染只读它，判据也读它）。 */
+export declare function rangeBarPercent(value: number): string;
+//# sourceMappingURL=model.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../src/components/range-bar/model.ts"],"names":[],"mappings":"AAUA,OAAO,EAKL,KAAK,YAAY,EACjB,KAAK,YAAY,EAClB,MAAM,YAAY,CAAC;AAEpB,0CAA0C;AAC1C,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAC;IAC5B,2BAA2B;IAC3B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,6BAA6B;IAC7B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,2CAA2C;IAC3C,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,gBAAgB;AAChB,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,EAAE,SAAS,qBAAqB,EAAE,CAAC;CACtD;AAED,mDAAmD;AACnD,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,OAAO,CAAC,EAAE;QAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACtE,QAAQ,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,CAAC;IACjC,QAAQ,CAAC,KAAK,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAC7C,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AA+FD,qEAAqE;AACrE,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,OAAO,GAAG,aAAa,CA0B/D;AAED,wCAAwC;AACxC,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAGrD"}