base-paint 0.3.14 → 0.3.16

package/dist/components/sync-status/style.js

@@ -0,0 +1,257 @@
+/** sync-status · **样式段**（本件唯一的样式来源）。
+ *
+ *  纪律（与本层其余件同一份）：
+ *   · 只经 `skinVar()` 读皮肤 —— 组件里**不写** `var(--ilife-…)`（兜底链只许住在 `skin/contract.ts`）；
+ *   · 全部规则 scope 在 `.<prefix>page-ui` 之下；不写 `:root`／`!important`、不新增 token 名；
+ *   · **宽度只许容器判**：`@container` ＋ 内在尺寸 ＋ `flex-wrap`；媒体查询只判设备能力
+ *     （`@media (hover:hover) and (pointer:fine)` 与 `(prefers-reduced-motion:reduce)`）。
+ *
+ *  交互状态矩阵（判据逐条断；按钮本体见文末那一段）：
+ *   rest／`:hover`（包在 hover 能力查询里，且**不是唯一通路**：静止态也写清了「按下去会怎样」）／
+ *   `:active`（`scale(.98)`，80ms）／`:focus-visible`（2px 可见焦点）／`:disabled`（`not-allowed` ＋ 字换「同步中…」）／
+ *   `running`（原地换字、**宽度锁住**：两枚字占同一格）／`error`（写在控件旁边 ＋ 描述关系）／`empty`（空态）。
+ *
+ *  零阴影下层次：行间发丝线、失败行靠**左竖条 ＋ 软底**、按钮靠**一圈发丝线** ⇒ 三套皮肤都成立。
+ */
+import { skinVar } from '../skin/contract.js';
+import { syncStatusSlot } from './attrs.js';
+/** 换行（仓库口径：不写字面换行转义）。 */
+const LF = String.fromCharCode(10);
+/** 触控目标下限（px）：按钮的**命中盒**不得小于它（视觉盒可以小，命中盒必须够）。 */
+export const SYNC_STATUS_TOUCH_PX = 44;
+/** 窄容器阈值（px）：名字／时间／徽标由「一行三列」改走「上下两行」。
+ *  **这是本件自己的宽度**（`@container` 判的），不是视口宽度。 */
+export const SYNC_STATUS_NARROW_PX = 520;
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export function syncStatusCss(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-sync-status';
+    const slotSel = (s) => '.' + syncStatusSlot(s, p);
+    const s = (slot) => root + ' ' + slotSel(slot);
+    const running = box + '[data-ilife-sync-state="running"] ';
+    return [
+        '/* sync-status（同步状态 · 形态 B「带『同步一次』动作」）：汇总行／逐目标一行（名字 · 时间 · 徽标）／',
+        '   失败行的原因与怎么修／按钮那一排。零阴影下靠发丝线、左竖条与字重分家 ⇒ 换皮只换取值。 */',
+        box + ' {',
+        '  container-type: inline-size;',
+        '  display: grid;',
+        '  gap: 10px;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font') + ';',
+        '  font-size: ' + skinVar('fs-body') + ';',
+        '  line-height: 1.5;',
+        '}',
+        '/* 焦点地板：本件里可点的只有那枚按钮；这一条先立好，按钮自己的那条在下面覆盖它。 */',
+        box + ' :focus-visible {',
+        '  outline: 2px solid ' + skinVar('accent') + ';',
+        '  outline-offset: 2px;',
+        '}',
+        '/* 汇总行：逐段一枚 span、段间只靠列距（标记里不写分隔符）。 */',
+        s('meta') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: baseline;',
+        '  gap: 4px 12px;',
+        '  margin: 0;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  line-height: 1.6;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('list') + ' {',
+        '  display: grid;',
+        '  gap: 0;',
+        '  margin: 0;',
+        '  padding: 0;',
+        '  min-width: 0;',
+        '  list-style: none;',
+        '  border-top: 1px solid ' + skinVar('line') + ';',
+        '}',
+        '/* 一行一个目标：**缺省＝宽档一行三列**（名字／时间／徽标）；窄档那一条在文末把它覆盖成两行。 */',
+        s('target') + ' {',
+        '  display: grid;',
+        '  grid-template-columns: minmax(0, 9em) minmax(0, 1fr) auto;',
+        '  gap: 3px 12px;',
+        '  min-width: 0;',
+        '  padding: 12px 0;',
+        '  border-bottom: 1px solid ' + skinVar('line') + ';',
+        '  align-items: center;',
+        '}',
+        s('name') + ' {',
+        '  grid-column: 1;',
+        '  grid-row: 1;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-size: ' + skinVar('fs-body') + ';',
+        '  font-weight: 700;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('detail') + ' {',
+        '  grid-column: 2;',
+        '  grid-row: 1;',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: baseline;',
+        '  gap: 3px 10px;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-variant-numeric: tabular-nums;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('detail') + ' > span { overflow-wrap: anywhere; }',
+        '/* 徽标：**记号 ＋ 字**（✓ 已同步 ／ ✗ 失败 ／ ○ 待运行）；色只是第三样。 */',
+        s('badge') + ' {',
+        '  grid-column: 3;',
+        '  grid-row: 1;',
+        '  justify-self: end;',
+        '  align-self: baseline;',
+        '  padding: 1px 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: 700;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('badge') + '.is-ok { color: ' + skinVar('ok') + '; border-color: ' + skinVar('ok') + '; }',
+        s('badge') + '.is-failed { color: ' + skinVar('danger') + '; border-color: ' + skinVar('danger') + '; }',
+        s('badge') + '.is-pending { color: ' + skinVar('ink-2') + '; }',
+        '/* 失败行那两句：**左竖条 ＋ 软底**（零阴影、零圆角下也立得住）。 */',
+        s('why') + ' {',
+        '  grid-column: 1 / 4;',
+        '  grid-row: 2;',
+        '  margin: 6px 0 0;',
+        '  padding: 9px 11px;',
+        '  border-left: 3px solid ' + skinVar('warn') + ';',
+        '  background: ' + skinVar('warn-soft') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  line-height: 1.7;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('why') + ' > b { color: ' + skinVar('ink') + '; }',
+        s('why') + ' > span { display: block; margin-top: 3px; }',
+        s('why') + ' > span > b { color: ' + skinVar('ink') + '; }',
+        '/* 按钮那一排：说明占满剩下一行，按钮永远是最右边那枚（窄档自己折到下一行）。 */',
+        s('tool') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  gap: 10px;',
+        '  align-items: center;',
+        '  justify-content: space-between;',
+        '  padding-top: 12px;',
+        '  border-top: 1px solid ' + skinVar('line') + ';',
+        '}',
+        s('hint') + ' {',
+        '  flex: 1 1 190px;',
+        '  min-width: 0;',
+        '  margin: 0;',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  line-height: 1.6;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 按钮：两枚字（静止／跑起来）**占同一格**，宽度取宽者 ⇒ 换字不跳版。 */',
+        s('button') + ' {',
+        '  flex: none;',
+        '  display: grid;',
+        '  min-height: ' + String(SYNC_STATUS_TOUCH_PX) + 'px;',
+        '  padding: 10px 18px;',
+        '  box-sizing: border-box;',
+        '  border: 1px solid ' + skinVar('accent') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: ' + skinVar('accent') + ';',
+        '  color: ' + skinVar('accent-ink') + ';',
+        '  font-family: ' + skinVar('font') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 700;',
+        '  letter-spacing: .02em;',
+        '  cursor: pointer;',
+        '  transition: transform .08s ease, opacity .08s ease;',
+        '}',
+        s('btn-rest') + ', ' + s('btn-busy') + ' {',
+        '  grid-area: 1 / 1;',
+        '  white-space: nowrap;',
+        '}',
+        s('btn-busy') + ' { visibility: hidden; }',
+        '/* running：字换成「同步中…」（原地、宽度锁住）；`:disabled` 一并给出——没有第二个色是必须的。',
+        '   后半截只用**裸槽类**：`running` 里已经带了 scope，再拼一次 `s()` 会得到',
+        '   「件内还要再套一层 page-ui」那种永远匹配不到的死规则。 */',
+        running + slotSel('btn-busy') + ' { visibility: visible; }',
+        running + slotSel('btn-rest') + ' { visibility: hidden; }',
+        s('button') + ':disabled {',
+        '  cursor: not-allowed;',
+        '  opacity: .72;',
+        '}',
+        '/* hover：只判设备能力（谁的页面被嵌进侧栏／面板都一样不吃亏），且**不是唯一通路**：',
+        '   静止态已经写清按下去会怎样（`-hint`），色与位移都只是加强。 */',
+        '@media (hover:hover) and (pointer:fine) {',
+        '  ' + s('button') + ':not(:disabled):hover {',
+        '    opacity: .92;',
+        '  }',
+        '}',
+        s('button') + ':not(:disabled):active {',
+        '  transform: scale(.98);',
+        '}',
+        s('button') + ':focus-visible {',
+        '  outline: 2px solid ' + skinVar('ink') + ';',
+        '  outline-offset: 2px;',
+        '}',
+        '/* 错误行：**写在控件旁边**（不是页角），左竖条 ＋ 危险软底；`hidden` 必须真的收起来',
+        '   （作者样式里的 display 会盖掉 UA 的 `[hidden]{display:none}`，所以这一条得自己写）。 */',
+        s('error') + ' {',
+        '  margin: 0;',
+        '  padding: 9px 11px;',
+        '  border-left: 3px solid ' + skinVar('danger') + ';',
+        '  background: ' + skinVar('danger-soft') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  line-height: 1.7;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('error') + '[hidden] { display: none; }',
+        '/* 空态：说清这里本来会写什么（一个目标都没接过不是错误，是还没开始）。 */',
+        s('empty') + ' {',
+        '  margin: 0;',
+        '  padding: 18px 14px;',
+        '  box-sizing: border-box;',
+        '  border: 1px dashed ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  text-align: center;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 窄容器（≤' + String(SYNC_STATUS_NARROW_PX) + 'px）：一行三列**覆盖**成两行',
+        '   （名字＋徽标／时间；失败行再落到第三行）——判的是**本件自己的宽度**，不是视口宽度。 */',
+        '@container (max-width: ' + String(SYNC_STATUS_NARROW_PX) + 'px) {',
+        '  ' + s('target') + ' {',
+        '    grid-template-columns: minmax(0, 1fr) auto;',
+        '    align-items: baseline;',
+        '  }',
+        '  ' + s('detail') + ' {',
+        '    grid-column: 1 / 3;',
+        '    grid-row: 2;',
+        '  }',
+        '  ' + s('badge') + ' {',
+        '    grid-column: 2;',
+        '    grid-row: 1;',
+        '  }',
+        '  ' + s('why') + ' { grid-column: 1 / 3; grid-row: 3; }',
+        '}',
+        '/* 动效只有那 80ms 的按下位移与 hover 透明度；这档下连它都不做——没有东西会卡在半路。 */',
+        '@media (prefers-reduced-motion:reduce) {',
+        '  ' + s('button') + ' { transition: none; }',
+        '  ' + s('button') + ':not(:disabled):active { transform: none; }',
+        '}',
+    ].join(LF);
+}
+//# sourceMappingURL=style.js.map

package/dist/components/sync-status/style.js.map

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

package/dist/components/task-list/attrs.d.ts

@@ -0,0 +1,97 @@
+/** task-list · **标记契约**（渲染与运行时共用的唯一事实：类名／`data-*`／事件名／形态闭集／入参类型）。
+ *
+ *  这一件落地的是原型墙（`.scratch/ui-组件墙/parts-06-状态与台账.mjs`，2026-09 用户裁定）
+ *  里的**形态 A「纯勾选 ＋ 组内进度」**——一条一行、整行是勾选命中区（触区＝行高 ≥44），
+ *  组头给「这一组勾了几样」，表头给整单进度。买菜清单／盘点／待办都用它。
+ *
+ *  **它是交互件**：勾选走真运行时（`runtime.ts` 产出 JS 文本）。标记与运行时只通过本文件的名字耦合：
+ *  行的机器键 `data-ilife-task`、勾选态的**唯一事实** `data-ilife-task-done`、计数锚 `data-ilife-task-counts`。
+ */
+export declare const TASK_LIST_CLASS = "ilife-block-task-list";
+/** 一行、以及行内命中区的类名（运行时也要认它们 ⇒ 与 `render.ts` 共用这一份）。 */
+export declare const TASK_ROW_CLASS: string;
+export declare const TASK_HIT_CLASS: string;
+export declare const TASK_LABEL_CLASS: string;
+export declare const TASK_CHECK_CLASS: string;
+/** 槽位闭集（渲染与判据都用这里的名字拼类名，不各抄一份字面量）。
+ *  数组里带注释 ⇒ 它不会被 `gen-components.mjs` 当成"形态闭集"。 */
+export declare const TASK_LIST_SLOTS: readonly ["head", "title", "progress", "bar", "bar-fill", "body", "group", "group-title", "group-name", "group-count", "label", "note", "amount", "err", "absent", "foot"];
+export type TaskListSlot = (typeof TASK_LIST_SLOTS)[number];
+/** 类名根。 */
+export declare function taskListClass(prefix?: string): string;
+/** 槽类的唯一拼法。 */
+export declare function taskListSlot(slot: TaskListSlot, prefix?: string): string;
+/** 形态闭集：本件只落地形态 A「纯勾选 ＋ 组内进度」。 */
+export declare const TASK_LIST_FORMS: readonly ["checklist"];
+export type TaskListForm = (typeof TASK_LIST_FORMS)[number];
+/** 行的机器键属性：**运行时的发现锚**（`[data-ilife-task]` 即一行）。 */
+export declare const TASK_KEY_ATTR = "data-ilife-task";
+/** 行的人类可读名（事件 `detail.label` 用它；也省得运行时去抠标记文本）。 */
+export declare const TASK_LABEL_ATTR = "data-ilife-task-label";
+/** 组键（组内进度按它归组；不给＝无组那一档）。 */
+export declare const TASK_GROUP_ATTR = "data-ilife-task-group";
+/** **勾选态的唯一事实**（`1`＝已勾，缺＝未勾）：页面读它、运行时写它、标记也照它渲染。 */
+export declare const TASK_DONE_ATTR = "data-ilife-task-done";
+/** 计数锚（计数文本的唯一写入口：`5 / 11`；组头与表头各一枚）。 */
+export declare const TASK_COUNTS_ATTR = "data-ilife-task-counts";
+/** 组头指向哪个组键（运行时按它对上号）。 */
+export declare const TASK_OF_ATTR = "data-ilife-task-of";
+/** 进度条填充（运行时只动它的 `transform: scaleX()`）。 */
+export declare const TASK_BAR_ATTR = "data-ilife-task-bar";
+/** 根上的清单键（一页可挂多张清单；事件里原样带回）。 */
+export declare const TASK_LIST_ATTR = "data-ilife-task-list";
+/** 忙态（整单正在写：`1`＝勾选不落账、不派发，复选框回弹到 `data-ilife-task-done` 记着的那个态）。 */
+export declare const TASK_BUSY_ATTR = "data-ilife-task-busy";
+/** 绑定完成标记（运行时幂等：重复注入只绑一次）。 */
+export declare const TASK_BOUND_ATTR = "data-ilife-task-bound";
+/** 已勾行的修饰类（渲染与运行时共用；样式段也认它）。 */
+export declare const TASK_ROW_DONE_CLASS = "is-done";
+/** 计数文本的格式（唯一写入口用；改这里运行时跟着改）。 */
+export declare const TASK_COUNTS_SEPARATOR = " / ";
+/** 勾选事件（冒泡 `CustomEvent`，`detail = { list, key, label, group, done, doneCount, totalCount }`）。
+ *  页面用 `root.addEventListener(TASK_EVENT_TOGGLE, …)` 接自己的存盘逻辑——**不引入任何全局**。 */
+export declare const TASK_EVENT_TOGGLE = "ilife:task-toggle";
+/** 清单键缺省值（不挂清单键的页也有一条稳定的键）。 */
+export declare const TASK_LIST_DEFAULT_KEY = "tasks";
+/** 一行。 */
+export interface TaskListRow {
+    /** 机器键（同页唯一；运行时按它派发与回写）。必填非空。 */
+    readonly key: string;
+    /** 这一条是什么（`螺丝椒 250g`）。必填非空。 */
+    readonly label: string;
+    /** 组名（`已买`／`待买`）。不给的行归到"无组"那一档（排在它首次出现的位置）。 */
+    readonly group?: string;
+    /** 行下小字（`家里还有 5g，只买 10g`）。 */
+    readonly note?: string;
+    /** 右侧读数（`¥6.5`）：等宽数字、**永不截断**。 */
+    readonly amount?: string;
+    /** 初始勾选态（缺省未勾）。**它只是起点**：勾选后的事实住 `data-ilife-task-done`。 */
+    readonly done?: boolean;
+    /** 锁定这一行（不许勾，如"已下架"）：**必须同时给 `note` 说明为什么**（含糊地禁用是不许留的中间档）。 */
+    readonly disabled?: boolean;
+    /** 这一行没存上的错（`没存上：网络错误`）：写在复选框旁边 ＋ `aria-describedby` 指过去。 */
+    readonly error?: string;
+}
+export interface TaskListInput {
+    /** 清单键（同一页多张清单时用来分辨；缺省 `TASK_LIST_DEFAULT_KEY`）。 */
+    readonly key?: string;
+    /** 清单标题（`买菜清单 · 今天 17:20`）。 */
+    readonly title?: string;
+    /** 整单进度里那个词（`已买`）；与 `progressUnit` 一起读作「已买 5 / 11 样」。 */
+    readonly progressLabel?: string;
+    /** 整单进度里的量词（`样`）。 */
+    readonly progressUnit?: string;
+    /** 清单逐行（**平铺**：归组靠每行的 `group`，不套一层 groups）。空数组且无 `absentLine` ⇒ 空串。 */
+    readonly rows: readonly TaskListRow[];
+    /** 空态那一句（`清单是空的`）——**这是"没什么"，不是一行**，所以住独立槽位、不进 `rows`。 */
+    readonly absentLine?: string;
+    /** 脚注（`合计 ¥57.4`）：串＝一句；数组＝逐段一枚。 */
+    readonly foot?: string | readonly string[];
+    /** 忙态：整单正在写（勾选被挡住、复选框回弹、不派发事件；`aria-busy="true"`）。 */
+    readonly busy?: boolean;
+    /** 形态键（闭集，缺省 `checklist`）。 */
+    readonly form?: TaskListForm;
+    /** 附加类名（空格分隔；逐个过类名正则）。 */
+    readonly extraClass?: string;
+}
+//# sourceMappingURL=attrs.d.ts.map

package/dist/components/task-list/attrs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attrs.d.ts","sourceRoot":"","sources":["../../../src/components/task-list/attrs.ts"],"names":[],"mappings":"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"}

package/dist/components/task-list/attrs.js

@@ -0,0 +1,77 @@
+/** task-list · **标记契约**（渲染与运行时共用的唯一事实：类名／`data-*`／事件名／形态闭集／入参类型）。
+ *
+ *  这一件落地的是原型墙（`.scratch/ui-组件墙/parts-06-状态与台账.mjs`，2026-09 用户裁定）
+ *  里的**形态 A「纯勾选 ＋ 组内进度」**——一条一行、整行是勾选命中区（触区＝行高 ≥44），
+ *  组头给「这一组勾了几样」，表头给整单进度。买菜清单／盘点／待办都用它。
+ *
+ *  **它是交互件**：勾选走真运行时（`runtime.ts` 产出 JS 文本）。标记与运行时只通过本文件的名字耦合：
+ *  行的机器键 `data-ilife-task`、勾选态的**唯一事实** `data-ilife-task-done`、计数锚 `data-ilife-task-counts`。
+ */
+export const TASK_LIST_CLASS = 'ilife-block-task-list';
+/** 一行、以及行内命中区的类名（运行时也要认它们 ⇒ 与 `render.ts` 共用这一份）。 */
+export const TASK_ROW_CLASS = TASK_LIST_CLASS + '-row';
+export const TASK_HIT_CLASS = TASK_LIST_CLASS + '-hit';
+export const TASK_LABEL_CLASS = TASK_LIST_CLASS + '-label';
+export const TASK_CHECK_CLASS = TASK_LIST_CLASS + '-check';
+/** 槽位闭集（渲染与判据都用这里的名字拼类名，不各抄一份字面量）。
+ *  数组里带注释 ⇒ 它不会被 `gen-components.mjs` 当成"形态闭集"。 */
+export const TASK_LIST_SLOTS = [
+    /* 表头：标题 ＋ 整单进度 ＋ 进度条。 */
+    'head',
+    'title',
+    'progress',
+    'bar',
+    'bar-fill',
+    /* 清单本体：分组与行。 */
+    'body',
+    'group',
+    'group-title',
+    'group-name',
+    'group-count',
+    'label',
+    'note',
+    'amount',
+    'err',
+    'absent',
+    'foot',
+];
+/** 类名根。 */
+export function taskListClass(prefix = 'ilife-') {
+    return prefix + 'block-task-list';
+}
+/** 槽类的唯一拼法。 */
+export function taskListSlot(slot, prefix = 'ilife-') {
+    return taskListClass(prefix) + '-' + slot;
+}
+/** 形态闭集：本件只落地形态 A「纯勾选 ＋ 组内进度」。 */
+export const TASK_LIST_FORMS = ['checklist'];
+/** 行的机器键属性：**运行时的发现锚**（`[data-ilife-task]` 即一行）。 */
+export const TASK_KEY_ATTR = 'data-ilife-task';
+/** 行的人类可读名（事件 `detail.label` 用它；也省得运行时去抠标记文本）。 */
+export const TASK_LABEL_ATTR = 'data-ilife-task-label';
+/** 组键（组内进度按它归组；不给＝无组那一档）。 */
+export const TASK_GROUP_ATTR = 'data-ilife-task-group';
+/** **勾选态的唯一事实**（`1`＝已勾，缺＝未勾）：页面读它、运行时写它、标记也照它渲染。 */
+export const TASK_DONE_ATTR = 'data-ilife-task-done';
+/** 计数锚（计数文本的唯一写入口：`5 / 11`；组头与表头各一枚）。 */
+export const TASK_COUNTS_ATTR = 'data-ilife-task-counts';
+/** 组头指向哪个组键（运行时按它对上号）。 */
+export const TASK_OF_ATTR = 'data-ilife-task-of';
+/** 进度条填充（运行时只动它的 `transform: scaleX()`）。 */
+export const TASK_BAR_ATTR = 'data-ilife-task-bar';
+/** 根上的清单键（一页可挂多张清单；事件里原样带回）。 */
+export const TASK_LIST_ATTR = 'data-ilife-task-list';
+/** 忙态（整单正在写：`1`＝勾选不落账、不派发，复选框回弹到 `data-ilife-task-done` 记着的那个态）。 */
+export const TASK_BUSY_ATTR = 'data-ilife-task-busy';
+/** 绑定完成标记（运行时幂等：重复注入只绑一次）。 */
+export const TASK_BOUND_ATTR = 'data-ilife-task-bound';
+/** 已勾行的修饰类（渲染与运行时共用；样式段也认它）。 */
+export const TASK_ROW_DONE_CLASS = 'is-done';
+/** 计数文本的格式（唯一写入口用；改这里运行时跟着改）。 */
+export const TASK_COUNTS_SEPARATOR = ' / ';
+/** 勾选事件（冒泡 `CustomEvent`，`detail = { list, key, label, group, done, doneCount, totalCount }`）。
+ *  页面用 `root.addEventListener(TASK_EVENT_TOGGLE, …)` 接自己的存盘逻辑——**不引入任何全局**。 */
+export const TASK_EVENT_TOGGLE = 'ilife:task-toggle';
+/** 清单键缺省值（不挂清单键的页也有一条稳定的键）。 */
+export const TASK_LIST_DEFAULT_KEY = 'tasks';
+//# sourceMappingURL=attrs.js.map

package/dist/components/task-list/attrs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attrs.js","sourceRoot":"","sources":["../../../src/components/task-list/attrs.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,uBAAuB,CAAC;AAEvD,qDAAqD;AACrD,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,GAAG,MAAM,CAAC;AACvD,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,GAAG,MAAM,CAAC;AACvD,MAAM,CAAC,MAAM,gBAAgB,GAAG,eAAe,GAAG,QAAQ,CAAC;AAC3D,MAAM,CAAC,MAAM,gBAAgB,GAAG,eAAe,GAAG,QAAQ,CAAC;AAE3D;mDACmD;AACnD,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,yBAAyB;IACzB,MAAM;IACN,OAAO;IACP,UAAU;IACV,KAAK;IACL,UAAU;IACV,gBAAgB;IAChB,MAAM;IACN,OAAO;IACP,aAAa;IACb,YAAY;IACZ,aAAa;IACb,OAAO;IACP,MAAM;IACN,QAAQ;IACR,KAAK;IACL,QAAQ;IACR,MAAM;CACE,CAAC;AAGX,WAAW;AACX,MAAM,UAAU,aAAa,CAAC,MAAM,GAAG,QAAQ;IAC7C,OAAO,MAAM,GAAG,iBAAiB,CAAC;AACpC,CAAC;AAED,eAAe;AACf,MAAM,UAAU,YAAY,CAAC,IAAkB,EAAE,MAAM,GAAG,QAAQ;IAChE,OAAO,aAAa,CAAC,MAAM,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC;AAC5C,CAAC;AAED,kCAAkC;AAClC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,WAAW,CAAU,CAAC;AAGtD,oDAAoD;AACpD,MAAM,CAAC,MAAM,aAAa,GAAG,iBAAiB,CAAC;AAC/C,kDAAkD;AAClD,MAAM,CAAC,MAAM,eAAe,GAAG,uBAAuB,CAAC;AACvD,6BAA6B;AAC7B,MAAM,CAAC,MAAM,eAAe,GAAG,uBAAuB,CAAC;AACvD,oDAAoD;AACpD,MAAM,CAAC,MAAM,cAAc,GAAG,sBAAsB,CAAC;AACrD,yCAAyC;AACzC,MAAM,CAAC,MAAM,gBAAgB,GAAG,wBAAwB,CAAC;AACzD,0BAA0B;AAC1B,MAAM,CAAC,MAAM,YAAY,GAAG,oBAAoB,CAAC;AACjD,4CAA4C;AAC5C,MAAM,CAAC,MAAM,aAAa,GAAG,qBAAqB,CAAC;AACnD,gCAAgC;AAChC,MAAM,CAAC,MAAM,cAAc,GAAG,sBAAsB,CAAC;AACrD,oEAAoE;AACpE,MAAM,CAAC,MAAM,cAAc,GAAG,sBAAsB,CAAC;AACrD,8BAA8B;AAC9B,MAAM,CAAC,MAAM,eAAe,GAAG,uBAAuB,CAAC;AACvD,gCAAgC;AAChC,MAAM,CAAC,MAAM,mBAAmB,GAAG,SAAS,CAAC;AAC7C,iCAAiC;AACjC,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC;AAE3C;+EAC+E;AAC/E,MAAM,CAAC,MAAM,iBAAiB,GAAG,mBAAmB,CAAC;AAErD,+BAA+B;AAC/B,MAAM,CAAC,MAAM,qBAAqB,GAAG,OAAO,CAAC"}

package/dist/components/task-list/index.d.ts

@@ -0,0 +1,33 @@
+/** task-list · **组件出口**（本件对外的唯一名字面）。
+ *
+ *  —— 勾选清单 ——
+ *
+ *  一句话：**一条一行、整行是命中区**，勾上的划掉变灰并沉到组里；组头与表头现数「勾了几样」。
+ *  买菜清单（私家大厨）／盘点（居家管家）／待办（备忘录）都用它。
+ *
+ *  什么时候用它（对照既有件想清楚再选）：
+ *   · 一行一条、要能勾（且勾了什么要当场看得出来）⇒ 用本件；
+ *   · 只是读一串行、不给勾 ⇒ 用 `entry-rows`（明细行）；
+ *   · 多选一次、勾完再确认（批量改分类）⇒ 用 `multi-checks`（多选清单）。
+ *
+ *  四件出口：
+ *   · `renderTaskList(input)` —— 产标记（纯函数，零 DOM）；
+ *   · `taskListCss()` —— 样式段（页面按需注入）；
+ *   · `buildTaskListJs()` —— 运行时（产出 JS 文本：`change` 委派 ＋ 当场重数 ＋ 忙态挡写）；
+ *   · 契约常量与入参类型（`TASK_KEY_ATTR`／`TASK_DONE_ATTR`／`TASK_EVENT_TOGGLE` …）。
+ *
+ *  页面怎么接自己的存盘逻辑（不引入任何全局）：
+ *  ```js
+ *  document.addEventListener('ilife:task-toggle', (e) => {
+ *    const { list, key, done, doneCount, totalCount } = e.detail;   // 界面已就地更新完毕
+ *    // 存盘、改脚注、重排…
+ *  });
+ *  ```
+ *  完整用法与参数表见同目录 `README.md`。消费方走 `base-paint/blocks`（组件层出口），不走根出口。
+ */
+export { TASK_BAR_ATTR, TASK_BOUND_ATTR, TASK_BUSY_ATTR, TASK_CHECK_CLASS, TASK_COUNTS_ATTR, TASK_COUNTS_SEPARATOR, TASK_DONE_ATTR, TASK_EVENT_TOGGLE, TASK_GROUP_ATTR, TASK_HIT_CLASS, TASK_KEY_ATTR, TASK_LABEL_ATTR, TASK_LABEL_CLASS, TASK_LIST_ATTR, TASK_LIST_CLASS, TASK_LIST_DEFAULT_KEY, TASK_LIST_FORMS, TASK_LIST_SLOTS, TASK_OF_ATTR, TASK_ROW_CLASS, TASK_ROW_DONE_CLASS, taskListClass, taskListSlot, } from './attrs.js';
+export type { TaskListForm, TaskListInput, TaskListRow, TaskListSlot } from './attrs.js';
+export { renderTaskList } from './render.js';
+export { TASK_LIST_BAR_HEIGHT_PX, TASK_LIST_CHECK_SIZE_PX, TASK_LIST_CONTAINER, TASK_LIST_HIT_MIN_HEIGHT_PX, TASK_LIST_NARROW_MAX_PX, taskListCss, } from './style.js';
+export { buildTaskListJs } from './runtime.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/task-list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/task-list/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,OAAO,EACL,aAAa,EACb,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,qBAAqB,EACrB,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,cAAc,EACd,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,qBAAqB,EACrB,eAAe,EACf,eAAe,EACf,YAAY,EACZ,cAAc,EACd,mBAAmB,EACnB,aAAa,EACb,YAAY,GACb,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AACzF,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,mBAAmB,EACnB,2BAA2B,EAC3B,uBAAuB,EACvB,WAAW,GACZ,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/task-list/index.js

@@ -0,0 +1,32 @@
+/** task-list · **组件出口**（本件对外的唯一名字面）。
+ *
+ *  —— 勾选清单 ——
+ *
+ *  一句话：**一条一行、整行是命中区**，勾上的划掉变灰并沉到组里；组头与表头现数「勾了几样」。
+ *  买菜清单（私家大厨）／盘点（居家管家）／待办（备忘录）都用它。
+ *
+ *  什么时候用它（对照既有件想清楚再选）：
+ *   · 一行一条、要能勾（且勾了什么要当场看得出来）⇒ 用本件；
+ *   · 只是读一串行、不给勾 ⇒ 用 `entry-rows`（明细行）；
+ *   · 多选一次、勾完再确认（批量改分类）⇒ 用 `multi-checks`（多选清单）。
+ *
+ *  四件出口：
+ *   · `renderTaskList(input)` —— 产标记（纯函数，零 DOM）；
+ *   · `taskListCss()` —— 样式段（页面按需注入）；
+ *   · `buildTaskListJs()` —— 运行时（产出 JS 文本：`change` 委派 ＋ 当场重数 ＋ 忙态挡写）；
+ *   · 契约常量与入参类型（`TASK_KEY_ATTR`／`TASK_DONE_ATTR`／`TASK_EVENT_TOGGLE` …）。
+ *
+ *  页面怎么接自己的存盘逻辑（不引入任何全局）：
+ *  ```js
+ *  document.addEventListener('ilife:task-toggle', (e) => {
+ *    const { list, key, done, doneCount, totalCount } = e.detail;   // 界面已就地更新完毕
+ *    // 存盘、改脚注、重排…
+ *  });
+ *  ```
+ *  完整用法与参数表见同目录 `README.md`。消费方走 `base-paint/blocks`（组件层出口），不走根出口。
+ */
+export { TASK_BAR_ATTR, TASK_BOUND_ATTR, TASK_BUSY_ATTR, TASK_CHECK_CLASS, TASK_COUNTS_ATTR, TASK_COUNTS_SEPARATOR, TASK_DONE_ATTR, TASK_EVENT_TOGGLE, TASK_GROUP_ATTR, TASK_HIT_CLASS, TASK_KEY_ATTR, TASK_LABEL_ATTR, TASK_LABEL_CLASS, TASK_LIST_ATTR, TASK_LIST_CLASS, TASK_LIST_DEFAULT_KEY, TASK_LIST_FORMS, TASK_LIST_SLOTS, TASK_OF_ATTR, TASK_ROW_CLASS, TASK_ROW_DONE_CLASS, taskListClass, taskListSlot, } from './attrs.js';
+export { renderTaskList } from './render.js';
+export { TASK_LIST_BAR_HEIGHT_PX, TASK_LIST_CHECK_SIZE_PX, TASK_LIST_CONTAINER, TASK_LIST_HIT_MIN_HEIGHT_PX, TASK_LIST_NARROW_MAX_PX, taskListCss, } from './style.js';
+export { buildTaskListJs } from './runtime.js';
+//# sourceMappingURL=index.js.map

package/dist/components/task-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/task-list/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,OAAO,EACL,aAAa,EACb,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,qBAAqB,EACrB,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,cAAc,EACd,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,qBAAqB,EACrB,eAAe,EACf,eAAe,EACf,YAAY,EACZ,cAAc,EACd,mBAAmB,EACnB,aAAa,EACb,YAAY,GACb,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,mBAAmB,EACnB,2BAA2B,EAC3B,uBAAuB,EACvB,WAAW,GACZ,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/task-list/model.d.ts

@@ -0,0 +1,33 @@
+import { type TaskListForm } from './attrs.js';
+/** 内部类型：每个字段都已校验、已归一。 */
+export interface TaskListModel {
+    readonly form: TaskListForm;
+    readonly key: string;
+    readonly title?: string;
+    readonly progressLabel?: string;
+    readonly progressUnit?: string;
+    readonly rows: readonly NormalizedTaskRow[];
+    readonly groups: readonly TaskGroupModel[];
+    readonly absentLine?: string;
+    readonly foot: readonly string[];
+    readonly busy: boolean;
+    readonly extraClass?: string;
+}
+export interface NormalizedTaskRow {
+    readonly key: string;
+    readonly label: string;
+    readonly group?: string;
+    readonly note?: string;
+    readonly amount?: string;
+    readonly done: boolean;
+    readonly disabled: boolean;
+    readonly error?: string;
+}
+/** 一组：`title` 缺省＝无组那一档（不出组头）。 */
+export interface TaskGroupModel {
+    readonly title: string;
+    readonly rows: readonly NormalizedTaskRow[];
+}
+/** 入参归一化。**唯一入口**：`render.ts` 只吃它产出的 `TaskListModel`，不再自己碰 `any`。 */
+export declare function normalizeTaskList(input: unknown): TaskListModel;
+//# sourceMappingURL=model.d.ts.map

package/dist/components/task-list/model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../src/components/task-list/model.ts"],"names":[],"mappings":"AAUA,OAAO,EAGL,KAAK,YAAY,EAElB,MAAM,YAAY,CAAC;AAEpB,yBAAyB;AACzB,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,IAAI,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAC5C,QAAQ,CAAC,MAAM,EAAE,SAAS,cAAc,EAAE,CAAC;IAC3C,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,CAAC;IACjC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,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,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,iCAAiC;AACjC,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,IAAI,EAAE,SAAS,iBAAiB,EAAE,CAAC;CAC7C;AAuDD,qEAAqE;AACrE,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,OAAO,GAAG,aAAa,CA+B/D"}