base-paint 0.3.13 → 0.3.15

package/dist/components/multi-checks/style.js

@@ -0,0 +1,380 @@
+/** multi-checks · **样式段**（本件唯一的样式来源）。
+ *
+ *  纪律（与本节其余件同一份）：
+ *   · 只经 `skinVar()` 读皮肤——组件里**不写**手写的 CSS 变量（兜底链只许住在 `skin/contract.ts`）；
+ *   · 全部规则 scope 在 `.<prefix>page-ui` 之下；不写 `:root`／`!important`、不新增 token 名；
+ *   · **宽度只许容器判**：本件自己是容器（`container-type: inline-size`，落在盒子上），
+ *     窄档调整走 `@container`；`@media` 只判设备能力，不判宽度。
+ *
+ *  几何契约（判据钉住）：
+ *   · 整行／整块是命中区 ⇒ 触控目标 ≥44×44（行 48px、全选块与组头 44px、动作按钮 44px）；
+ *   · 勾选态**至少两重标记**：勾选框里的对钩（字）＋ 勾中那一行左端的 4px 竖条（形状）；
+ *     底色是第三重（颜色）；皮肤「大字报刊」下强调色＝墨黑 ⇒ 前两重必须自己扛。
+ */
+import { skinVar } from '../skin/contract.js';
+import { MULTI_CHECKS_PRIMARY_ATTR, multiChecksSlot } from './attrs.js';
+/** 换行（仓库口径：不写字面换行转义）。 */
+const LF = String.fromCharCode(10);
+/** 触控目标的地板（px）：全宽口径，不只窄屏。 */
+export const MULTI_CHECKS_MIN_TARGET_PX = 44;
+/** 一行的高度下限（px）：比地板高一档（行里有两行字的情形也放得下）。 */
+export const MULTI_CHECKS_ROW_MIN_HEIGHT_PX = 48;
+/** 勾选框的方径（px）：装饰盒，可以小于地板（命中区由整行承担）。 */
+export const MULTI_CHECKS_BOX_PX = 22;
+/** 勾中时左端那道竖条的宽度（px）——**形状**那一重标记。 */
+export const MULTI_CHECKS_BAR_PX = 4;
+/** 窄容器阈值（px）：行右端的金额改走「另起一行、左对齐」。**判的是本件自己的宽度**。 */
+export const MULTI_CHECKS_NARROW_PX = 420;
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export function multiChecksCss(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-multi-checks';
+    const s = (slot) => root + ' .' + multiChecksSlot(slot, p);
+    /** **裸类名**：用在复合选择器的中段（`X > .槽`、`X ~ .槽`）。
+     *  `s()` 自带作用域前缀，只许当选择器的**开头**——把它接在 `>` 后面会拼出
+     *  `.ilife-page-ui X > .ilife-page-ui .槽`，那种规则永远匹配不到
+     *  （2026-09 实拍：勾选框里的对钩一个都没画出来，就是这一处拼错）。 */
+    const c = (slot) => '.' + multiChecksSlot(slot, p);
+    const row = s('row');
+    return [
+        '/* multi-checks（多选清单 · 形态 A「顶上全选 ＋ 分组复选 ＋ 底下动作」）：批量改之前先挑。',
+        '   层次不靠阴影与大圆角（小票纸零阴影、大字报刊零圆角）：靠发丝线、字重与尺度差 ⇒ 换皮只换取值。 */',
+        box + ' {',
+        '  display: block;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font') + ';',
+        '  font-size: ' + skinVar('fs-body') + ';',
+        '  line-height: 1.5;',
+        '}',
+        '/* 盒子自带纸面（不必外挂纸面页框）：边界清楚，否则"清单到哪儿为止"看不出来。 */',
+        s('box') + ' {',
+        /* 宽度判据的落点：本件是**自己的容器**——嵌进侧栏／面板／卡片时照样按自己的宽度折行。 */
+        '  container-type: inline-size;',
+        '  display: grid;',
+        '  gap: 8px;',
+        '  min-width: 0;',
+        '  box-sizing: border-box;',
+        '  padding: 12px;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius') + ';',
+        '  background: ' + skinVar('surface') + ';',
+        '}',
+        '/* 顶上那句「这清单是干什么的」：主字 ＋ 次段，都能换行（**不许 `…` 截断**）。 */',
+        s('label') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: baseline;',
+        '  gap: 4px 10px;',
+        '  margin: 0;',
+        '  min-width: 0;',
+        '}',
+        s('label') + ' > b {',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-weight: 700;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('hint') + ' {',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 400;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 全选头：一枚总开关 ＋ 已选数。发丝线把它与清单分开。 */',
+        s('top') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: center;',
+        '  gap: 4px 12px;',
+        '  padding-bottom: 8px;',
+        '  border-bottom: 1px solid ' + skinVar('line') + ';',
+        '}',
+        s('all') + ' {',
+        '  position: relative;',
+        '  display: inline-flex;',
+        '  align-items: center;',
+        '  gap: 10px;',
+        '  box-sizing: border-box;',
+        '  min-height: ' + String(MULTI_CHECKS_MIN_TARGET_PX) + 'px;',
+        '  padding: 0 8px 0 4px;',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 700;',
+        '  cursor: pointer;',
+        '}',
+        '/* 已选数：等宽数字（数位一变宽就不跳版）。**不写 `nowrap`**：溢出比换行更难看。 */',
+        s('count') + ' {',
+        '  margin-left: auto;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 700;',
+        '  font-variant-numeric: tabular-nums;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 勾选框：方盒（未勾）→ 方盒＋对钩（勾上）。盒与钩是**形状**，不靠色。 */',
+        s('cb') + ' {',
+        '  position: relative;',
+        '  display: block;',
+        '  flex: none;',
+        '  width: ' + String(MULTI_CHECKS_BOX_PX) + 'px;',
+        '  height: ' + String(MULTI_CHECKS_BOX_PX) + 'px;',
+        '  box-sizing: border-box;',
+        '  border: 2px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: ' + skinVar('surface') + ';',
+        '}',
+        '/* 真状态永远住在原生框上：勾上／半勾的显形都从 `:checked` 与 `:indeterminate` 出发。 */',
+        s('all') + ' > input:checked ~ ' + c('cb') + ',',
+        s('gh') + ' > input:checked ~ ' + c('cb') + ',',
+        row + ' > input:checked ~ ' + c('cb') + ',',
+        s('all') + ' > input:indeterminate ~ ' + c('cb') + ',',
+        s('gh') + ' > input:indeterminate ~ ' + c('cb') + ' {',
+        '  border-color: ' + skinVar('accent') + ';',
+        '  background: ' + skinVar('accent') + ';',
+        '}',
+        '/* 对钩（第二重：字）；半勾用一道横杠（形状分得出「勾了一部分」与「全勾」）。 */',
+        s('all') + ' > input:checked ~ ' + c('cb') + '::after,',
+        s('gh') + ' > input:checked ~ ' + c('cb') + '::after,',
+        row + ' > input:checked ~ ' + c('cb') + '::after {',
+        '  content: "\\2713";',
+        '  position: absolute;',
+        '  inset: 0;',
+        '  display: flex;',
+        '  align-items: center;',
+        '  justify-content: center;',
+        '  color: ' + skinVar('accent-ink') + ';',
+        '  font-size: 13px;',
+        '  font-weight: 800;',
+        '  line-height: 1;',
+        '}',
+        s('all') + ' > input:indeterminate ~ ' + c('cb') + '::after,',
+        s('gh') + ' > input:indeterminate ~ ' + c('cb') + '::after {',
+        '  content: "";',
+        '  position: absolute;',
+        '  left: 4px;',
+        '  right: 4px;',
+        '  top: 50%;',
+        '  height: 2px;',
+        '  margin-top: -1px;',
+        '  background: ' + skinVar('accent-ink') + ';',
+        '}',
+        '/* 原生框：视觉隐藏但**仍在无障碍树里**（1px 盒 ＋ `opacity:0`，不是 `display:none`）。 */',
+        s('all') + ' > input[type="checkbox"],',
+        s('gh') + ' > input[type="checkbox"],',
+        row + ' > input[type="checkbox"] {',
+        '  position: absolute;',
+        '  width: 1px;',
+        '  height: 1px;',
+        '  opacity: 0;',
+        '  pointer-events: none;',
+        '}',
+        '/* 逐条那一列：分组之间一条发丝线。 */',
+        s('list') + ' {',
+        '  display: grid;',
+        '  min-width: 0;',
+        '}',
+        s('grp') + ' {',
+        '  display: grid;',
+        '  min-width: 0;',
+        '}',
+        '/* 分组头：整块是命中区（勾上＝这一组全勾）；底色与行分开，一眼看出哪几行是一组。 */',
+        s('gh') + ' {',
+        '  position: relative;',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: center;',
+        '  gap: 2px 10px;',
+        '  box-sizing: border-box;',
+        '  min-height: ' + String(MULTI_CHECKS_MIN_TARGET_PX) + 'px;',
+        '  padding: 6px 8px;',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: ' + skinVar('surface-2') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 700;',
+        '  cursor: pointer;',
+        '}',
+        s('gh-title') + ' {',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('gh-note') + ' {',
+        '  margin-left: auto;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 700;',
+        '  font-variant-numeric: tabular-nums;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 一行：勾选框 ＋ 主字（带副语）＋ 右端金额。整行是命中区（≥48px）。 */',
+        row + ' {',
+        '  position: relative;',
+        '  display: grid;',
+        '  grid-template-columns: ' + String(MULTI_CHECKS_BOX_PX) + 'px minmax(0, 1fr) auto;',
+        '  gap: 2px 10px;',
+        '  align-items: center;',
+        '  box-sizing: border-box;',
+        '  min-height: ' + String(MULTI_CHECKS_ROW_MIN_HEIGHT_PX) + 'px;',
+        '  padding: 7px 8px;',
+        '  cursor: pointer;',
+        '}',
+        s('grp') + ' > ' + c('row') + ' + ' + c('row') + ' {',
+        '  border-top: 1px solid ' + skinVar('line') + ';',
+        '}',
+        s('nm') + ' {',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 600;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 副语与禁用原因：各占一行小字（不给就不出，不留空位）。 */',
+        s('note') + ', ' + s('why') + ' {',
+        '  display: block;',
+        '  margin-top: 1px;',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-style: normal;',
+        '  font-weight: 500;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 金额：右端等宽数字。**不写 `nowrap`**：金额长到装不下时宁可换行，也不横着溢出。 */',
+        s('amt') + ' {',
+        '  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;',
+        '}',
+        '/* 勾中的行：第一重（形状）＝左端竖条；第三重（颜色）＝软底。 */',
+        row + ':has(input:checked) {',
+        '  background: ' + skinVar('accent-soft') + ';',
+        '  box-shadow: inset ' + String(MULTI_CHECKS_BAR_PX) + 'px 0 0 ' + skinVar('accent') + ';',
+        '}',
+        '/* 鼠标悬停只是**提示**，不是唯一通路（勾选与焦点各有自己的标记）。 */',
+        '@media (hover: hover) and (pointer: fine) {',
+        '  ' + row + ':not(:has(input:checked)):not(:has(input[disabled])):hover {',
+        '    background: ' + skinVar('surface-2') + ';',
+        '  }',
+        '  ' + s('act') + ':not([disabled]):hover {',
+        '    border-color: ' + skinVar('ink-3') + ';',
+        '  }',
+        '}',
+        '/* 焦点：原生框收到键盘焦点时，整行／整块显形（**可见焦点，≥2px**）。 */',
+        row + ':has(input:focus-visible),',
+        s('all') + ':has(input:focus-visible),',
+        s('gh') + ':has(input:focus-visible) {',
+        '  outline: 2px solid ' + skinVar('accent') + ';',
+        '  outline-offset: -2px;',
+        '}',
+        s('act') + ':focus-visible {',
+        '  outline: 2px solid ' + skinVar('accent') + ';',
+        '  outline-offset: 2px;',
+        '}',
+        '/* 底下那一排：合计 ＋ 动作按钮（按钮在**下面**，正是本形态的样子）。 */',
+        s('bar') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: center;',
+        '  gap: 8px;',
+        '  padding-top: 10px;',
+        '  border-top: 1px solid ' + skinVar('line') + ';',
+        '}',
+        s('sum') + ' {',
+        '  margin-right: auto;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 600;',
+        '  font-variant-numeric: tabular-nums;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('act') + ' {',
+        '  box-sizing: border-box;',
+        '  min-height: ' + String(MULTI_CHECKS_MIN_TARGET_PX) + 'px;',
+        '  padding: 0 14px;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: ' + skinVar('surface') + ';',
+        '  color: ' + skinVar('ink') + ';',
+        '  font: inherit;',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 700;',
+        '  cursor: pointer;',
+        '  transition: transform 80ms cubic-bezier(.22, 1, .36, 1);',
+        '}',
+        '/* 主按钮：强调底 ＋ 强调底上的字（`accent-ink` 是**强调底上的字色**那一档）。',
+        '   挂在 `data-*` 标记上（不挂 `is-primary` 这类修饰类：短类名会与别件撞名）。 */',
+        s('act') + '[' + MULTI_CHECKS_PRIMARY_ATTR + '="1"] {',
+        '  border-color: ' + skinVar('accent') + ';',
+        '  background: ' + skinVar('accent') + ';',
+        '  color: ' + skinVar('accent-ink') + ';',
+        '}',
+        '/* 真按下：缩一格（≤80ms 内回弹；只动 transform，不触发布局）。 */',
+        s('act') + ':active {',
+        '  transform: scale(.98);',
+        '}',
+        '/* 按不动：`cursor: not-allowed` ＋ 把"为什么"指给底下那句读数（`aria-describedby`）。 */',
+        s('act') + '[disabled] {',
+        '  cursor: not-allowed;',
+        '  border-color: ' + skinVar('line') + ';',
+        '  background: ' + skinVar('surface-2') + ';',
+        '  color: ' + skinVar('ink-3') + ';',
+        '}',
+        '/* 禁用与加载：行点不动（原因那句由标记渲染在行里）。判禁用走**原生** `:has(input[disabled])`；',
+        '   判加载走根上的 `data-*`——状态只有一处事实，不另挂修饰类。 */',
+        row + ':has(input[disabled]) {',
+        '  cursor: not-allowed;',
+        '}',
+        row + ':has(input[disabled]) ' + c('nm') + ', ' + row + ':has(input[disabled]) ' + c('amt') + ' {',
+        '  color: ' + skinVar('ink-2') + ';',
+        '}',
+        '/* 空态与加载态那一句：弱文字 ＋ 设计过的内距（不是留白）。 */',
+        s('empty') + ', ' + s('loading') + ' {',
+        '  margin: 0;',
+        '  padding: 12px 14px;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius') + ';',
+        '  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(MULTI_CHECKS_NARROW_PX) + 'px）：金额另起一行、左对齐（不再与主字抢那一行）。',
+        '   判的是**本件自己的宽度**：本件会被嵌进侧栏／面板／卡片，视口宽 ≠ 组件宽（所以这里不用 `@media`）。 */',
+        '@container (max-width: ' + String(MULTI_CHECKS_NARROW_PX) + 'px) {',
+        '  ' + row + ' {',
+        '    grid-template-columns: ' + String(MULTI_CHECKS_BOX_PX) + 'px minmax(0, 1fr);',
+        '  }',
+        '  ' + s('amt') + ' {',
+        '    grid-column: 2;',
+        '    text-align: left;',
+        '  }',
+        '}',
+        '/* 动效偏好：只关过渡，不关状态（状态不许卡在半路 ⇒ 不用 `transitionend` 驱动任何东西）。 */',
+        '@media (prefers-reduced-motion: reduce) {',
+        '  ' + s('act') + ' {',
+        '    transition: none;',
+        '  }',
+        '}',
+    ].join(LF);
+}

package/dist/components/multi-checks/style.js.map

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

package/dist/components/note-block/attrs.d.ts

@@ -0,0 +1,56 @@
+/** note-block · **标记契约**（渲染与调用方共用的唯一事实：类名／形态闭集／语气闭集／入参类型）。
+ *
+ *  这一件是**重做件**（原型墙 3/3/3，`.scratch/ui-组件墙/重做设计口径.md` §5）：
+ *  原型的**引语形态（B）三套皮肤全 2 分**——那个骨架（一根短横线 ＋ 一句斜体话）**直接砍掉**。
+ *  留下的骨架靠**竖线 ＋ 缩进 ＋ 底色块**立层次：这三样在**零阴影、零圆角**的皮肤下都成立（投影一没，靠"浮起来"分家的件就塌）。
+ *
+ *  长备注**默认收起**（原生 `<details>`，首行给一句摘要）；带**归属**（「08-30 的备注」）与可选时间。
+ *  **可编辑形态不在这里**：改备注走既有的 `editable-value`（同一条「值即入口」的路），本件不另造一套编辑入口。
+ */
+/** 本件的类名根。 */
+export declare const NOTE_BLOCK_CLASS = "ilife-block-note-block";
+/** 槽位闭集。 */
+export declare const NOTE_BLOCK_SLOTS: readonly ["head", "caret", "owner", "time", "tone", "len", "peek", "body", "line", "att"];
+export type NoteBlockSlot = (typeof NOTE_BLOCK_SLOTS)[number];
+/** 槽类的类名（唯一拼法）。 */
+export declare function noteBlockSlot(slot: NoteBlockSlot, prefix?: string): string;
+/** 形态闭集：本件只落地了形态 A「竖线备注」。**引语形态（B）已砍**（三套皮肤全 2 分，骨架不成立）。 */
+export declare const NOTE_BLOCK_FORMS: readonly ["note"];
+export type NoteBlockForm = (typeof NOTE_BLOCK_FORMS)[number];
+/** 语气闭集（只改**取值**：竖线与底色块的颜色）。 */
+export declare const NOTE_BLOCK_TONES: readonly ["quiet", "warn", "danger"];
+export type NoteBlockTone = (typeof NOTE_BLOCK_TONES)[number];
+/** 收起与否的那条线（字数）：正文长过它默认收起。 */
+export declare const NOTE_BLOCK_COLLAPSE_CHARS = 80;
+/** 摘要最多写几个字（首行截出来的那一句）。 */
+export declare const NOTE_BLOCK_PEEK_CHARS = 24;
+/** 摘要截断记号（**只用在摘要那一行**：正文里一个字都不许截）。 */
+export declare const NOTE_BLOCK_ELLIPSIS = "\u2026";
+/** 字数那一格的说法（「412 字」）。 */
+export declare const NOTE_BLOCK_LEN_SUFFIX = " \u5B57";
+/** 归属行中间那个前导号（样式画，不由标记写；这里只记它是什么）。 */
+export declare const NOTE_BLOCK_ATT_PREFIX = "\u9644\u7740\u4E8E";
+/** 备注块的入参。`text` 必填——没有正文的「备注块」是一个空壳。 */
+export interface NoteBlockInput {
+    /** 备注正文（「当时为什么这么记」）。**非空**；换行按段拆成逐段 `<p>`。 */
+    readonly text: string;
+    /** 归属（「08-30 的备注」）；不给＝头上只有时间／语气。 */
+    readonly owner?: string;
+    /** 可选时间（「最后改于 09-25 20:14」）。 */
+    readonly time?: string;
+    /** 语气档（缺省 `quiet`）。**非 `quiet` 时 `toneLabel` 必填**：色不是唯一信息。 */
+    readonly tone?: NoteBlockTone;
+    /** 语气字（「存疑」「口径待核」）：说清这个语气**是什么**。 */
+    readonly toneLabel?: string;
+    /** 收起时那行摘要；不给＝本件从正文首行截一句（最多 `NOTE_BLOCK_PEEK_CHARS` 字）。 */
+    readonly summary?: string;
+    /** 附着在哪条记录上（「09-25 体重」）；给了它，正文末尾出归属行。 */
+    readonly attachedTo?: string;
+    /** 强制收起／强制展开；不给＝按正文字数自动判（`NOTE_BLOCK_COLLAPSE_CHARS`）。 */
+    readonly collapse?: boolean;
+    /** 形态键（闭集，缺省 `note`）。 */
+    readonly form?: NoteBlockForm;
+    /** 附加类名（空格分隔；逐个过类名正则）。 */
+    readonly extraClass?: string;
+}
+//# sourceMappingURL=attrs.d.ts.map

package/dist/components/note-block/attrs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attrs.d.ts","sourceRoot":"","sources":["../../../src/components/note-block/attrs.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,cAAc;AACd,eAAO,MAAM,gBAAgB,2BAA2B,CAAC;AAEzD,YAAY;AACZ,eAAO,MAAM,gBAAgB,2FAqBnB,CAAC;AACX,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE9D,mBAAmB;AACnB,wBAAgB,aAAa,CAAC,IAAI,EAAE,aAAa,EAAE,MAAM,SAAW,GAAG,MAAM,CAE5E;AAED,4DAA4D;AAC5D,eAAO,MAAM,gBAAgB,mBAAoB,CAAC;AAClD,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE9D,gCAAgC;AAChC,eAAO,MAAM,gBAAgB,sCAAuC,CAAC;AACrE,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE9D,8BAA8B;AAC9B,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAE5C,2BAA2B;AAC3B,eAAO,MAAM,qBAAqB,KAAK,CAAC;AAExC,uCAAuC;AACvC,eAAO,MAAM,mBAAmB,WAAM,CAAC;AAEvC,yBAAyB;AACzB,eAAO,MAAM,qBAAqB,YAAO,CAAC;AAE1C,sCAAsC;AACtC,eAAO,MAAM,qBAAqB,uBAAQ,CAAC;AAE3C,yCAAyC;AACzC,MAAM,WAAW,cAAc;IAC7B,8CAA8C;IAC9C,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,oCAAoC;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,gCAAgC;IAChC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,8DAA8D;IAC9D,QAAQ,CAAC,IAAI,CAAC,EAAE,aAAa,CAAC;IAC9B,qCAAqC;IACrC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,2DAA2D;IAC3D,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,yCAAyC;IACzC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,0DAA0D;IAC1D,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,yBAAyB;IACzB,QAAQ,CAAC,IAAI,CAAC,EAAE,aAAa,CAAC;IAC9B,0BAA0B;IAC1B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B"}

package/dist/components/note-block/attrs.js

@@ -0,0 +1,52 @@
+/** note-block · **标记契约**（渲染与调用方共用的唯一事实：类名／形态闭集／语气闭集／入参类型）。
+ *
+ *  这一件是**重做件**（原型墙 3/3/3，`.scratch/ui-组件墙/重做设计口径.md` §5）：
+ *  原型的**引语形态（B）三套皮肤全 2 分**——那个骨架（一根短横线 ＋ 一句斜体话）**直接砍掉**。
+ *  留下的骨架靠**竖线 ＋ 缩进 ＋ 底色块**立层次：这三样在**零阴影、零圆角**的皮肤下都成立（投影一没，靠"浮起来"分家的件就塌）。
+ *
+ *  长备注**默认收起**（原生 `<details>`，首行给一句摘要）；带**归属**（「08-30 的备注」）与可选时间。
+ *  **可编辑形态不在这里**：改备注走既有的 `editable-value`（同一条「值即入口」的路），本件不另造一套编辑入口。
+ */
+/** 本件的类名根。 */
+export const NOTE_BLOCK_CLASS = 'ilife-block-note-block';
+/** 槽位闭集。 */
+export const NOTE_BLOCK_SLOTS = [
+    /** 收起时的那一排（原生 `<summary>`：归属 ＋ 时间 ＋ 字数 ＋ 摘要）。 */
+    'head',
+    /** 展开三角（纯装饰；`<details>` 自己管开关，这里只画形状）。 */
+    'caret',
+    /** 归属（「08-30 的备注」）。 */
+    'owner',
+    /** 可选时间（「最后改于 09-25 20:14」）。 */
+    'time',
+    /** 语气字（「存疑」）：**语气非无时必出**——色不是唯一信息。 */
+    'tone',
+    /** 字数（「412 字」，由本件算）。 */
+    'len',
+    /** 收起时那行摘要（正文首行截出来的那一句）。 */
+    'peek',
+    /** 正文块（竖线 ＋ 缩进 ＋ 底色块就在它身上）。 */
+    'body',
+    /** 正文里的一段（一段一枚 `<p>`；换行按段拆）。 */
+    'line',
+    /** 归属行（展开后落在正文末尾：「附着于 09-25 体重」）。 */
+    'att',
+];
+/** 槽类的类名（唯一拼法）。 */
+export function noteBlockSlot(slot, prefix = 'ilife-') {
+    return prefix + 'block-note-block-' + slot;
+}
+/** 形态闭集：本件只落地了形态 A「竖线备注」。**引语形态（B）已砍**（三套皮肤全 2 分，骨架不成立）。 */
+export const NOTE_BLOCK_FORMS = ['note'];
+/** 语气闭集（只改**取值**：竖线与底色块的颜色）。 */
+export const NOTE_BLOCK_TONES = ['quiet', 'warn', 'danger'];
+/** 收起与否的那条线（字数）：正文长过它默认收起。 */
+export const NOTE_BLOCK_COLLAPSE_CHARS = 80;
+/** 摘要最多写几个字（首行截出来的那一句）。 */
+export const NOTE_BLOCK_PEEK_CHARS = 24;
+/** 摘要截断记号（**只用在摘要那一行**：正文里一个字都不许截）。 */
+export const NOTE_BLOCK_ELLIPSIS = '…';
+/** 字数那一格的说法（「412 字」）。 */
+export const NOTE_BLOCK_LEN_SUFFIX = ' 字';
+/** 归属行中间那个前导号（样式画，不由标记写；这里只记它是什么）。 */
+export const NOTE_BLOCK_ATT_PREFIX = '附着于';

package/dist/components/note-block/attrs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attrs.js","sourceRoot":"","sources":["../../../src/components/note-block/attrs.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,cAAc;AACd,MAAM,CAAC,MAAM,gBAAgB,GAAG,wBAAwB,CAAC;AAEzD,YAAY;AACZ,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,iDAAiD;IACjD,MAAM;IACN,0CAA0C;IAC1C,OAAO;IACP,uBAAuB;IACvB,OAAO;IACP,gCAAgC;IAChC,MAAM;IACN,sCAAsC;IACtC,MAAM;IACN,wBAAwB;IACxB,KAAK;IACL,4BAA4B;IAC5B,MAAM;IACN,+BAA+B;IAC/B,MAAM;IACN,gCAAgC;IAChC,MAAM;IACN,qCAAqC;IACrC,KAAK;CACG,CAAC;AAGX,mBAAmB;AACnB,MAAM,UAAU,aAAa,CAAC,IAAmB,EAAE,MAAM,GAAG,QAAQ;IAClE,OAAO,MAAM,GAAG,mBAAmB,GAAG,IAAI,CAAC;AAC7C,CAAC;AAED,4DAA4D;AAC5D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,MAAM,CAAU,CAAC;AAGlD,gCAAgC;AAChC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAU,CAAC;AAGrE,8BAA8B;AAC9B,MAAM,CAAC,MAAM,yBAAyB,GAAG,EAAE,CAAC;AAE5C,2BAA2B;AAC3B,MAAM,CAAC,MAAM,qBAAqB,GAAG,EAAE,CAAC;AAExC,uCAAuC;AACvC,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAC;AAEvC,yBAAyB;AACzB,MAAM,CAAC,MAAM,qBAAqB,GAAG,IAAI,CAAC;AAE1C,sCAAsC;AACtC,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC"}

package/dist/components/note-block/index.d.ts

@@ -0,0 +1,14 @@
+/** note-block · **组件出口**（本组件对外的唯一名字面）。
+ *
+ *  五个运行名：`renderNoteBlock(input)`（产标记，零 DOM）／`noteBlockCss()`（样式段）／
+ *  形态闭集 `NOTE_BLOCK_FORMS`（只落地形态 A「竖线备注」；**引语形态已砍**）／
+ *  语气闭集 `NOTE_BLOCK_TONES`／类名根 `NOTE_BLOCK_CLASS`。
+ *  另出四个几何／口径事实与三个类型名（入参面）。
+ *
+ *  用法与参数表见同目录 `README.md`。消费方走 `base-paint/blocks`（组件层出口），不走根出口。
+ */
+export { NOTE_BLOCK_ATT_PREFIX, NOTE_BLOCK_CLASS, NOTE_BLOCK_COLLAPSE_CHARS, NOTE_BLOCK_ELLIPSIS, NOTE_BLOCK_FORMS, NOTE_BLOCK_LEN_SUFFIX, NOTE_BLOCK_PEEK_CHARS, NOTE_BLOCK_TONES, } from './attrs.js';
+export type { NoteBlockForm, NoteBlockInput, NoteBlockTone } from './attrs.js';
+export { renderNoteBlock } from './render.js';
+export { NOTE_BLOCK_INDENT_PX, NOTE_BLOCK_RULE_PX, NOTE_BLOCK_TOUCH_PX, noteBlockCss } from './style.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/note-block/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/note-block/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EACL,qBAAqB,EACrB,gBAAgB,EAChB,yBAAyB,EACzB,mBAAmB,EACnB,gBAAgB,EAChB,qBAAqB,EACrB,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/note-block/index.js

@@ -0,0 +1,12 @@
+/** note-block · **组件出口**（本组件对外的唯一名字面）。
+ *
+ *  五个运行名：`renderNoteBlock(input)`（产标记，零 DOM）／`noteBlockCss()`（样式段）／
+ *  形态闭集 `NOTE_BLOCK_FORMS`（只落地形态 A「竖线备注」；**引语形态已砍**）／
+ *  语气闭集 `NOTE_BLOCK_TONES`／类名根 `NOTE_BLOCK_CLASS`。
+ *  另出四个几何／口径事实与三个类型名（入参面）。
+ *
+ *  用法与参数表见同目录 `README.md`。消费方走 `base-paint/blocks`（组件层出口），不走根出口。
+ */
+export { NOTE_BLOCK_ATT_PREFIX, NOTE_BLOCK_CLASS, NOTE_BLOCK_COLLAPSE_CHARS, NOTE_BLOCK_ELLIPSIS, NOTE_BLOCK_FORMS, NOTE_BLOCK_LEN_SUFFIX, NOTE_BLOCK_PEEK_CHARS, NOTE_BLOCK_TONES, } from './attrs.js';
+export { renderNoteBlock } from './render.js';
+export { NOTE_BLOCK_INDENT_PX, NOTE_BLOCK_RULE_PX, NOTE_BLOCK_TOUCH_PX, noteBlockCss } from './style.js';

package/dist/components/note-block/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/note-block/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EACL,qBAAqB,EACrB,gBAAgB,EAChB,yBAAyB,EACzB,mBAAmB,EACnB,gBAAgB,EAChB,qBAAqB,EACrB,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/note-block/model.d.ts

@@ -0,0 +1,22 @@
+import { type NoteBlockForm, type NoteBlockTone } from './attrs.js';
+/** 归一化后的入参。 */
+export interface NoteBlockModel {
+    readonly form: NoteBlockForm;
+    /** 正文逐段（换行拆开；空行丢掉）。 */
+    readonly lines: readonly string[];
+    /** 正文总字数（去掉空白的字符数：字数那一格读的就是它）。 */
+    readonly length: number;
+    readonly tone: NoteBlockTone;
+    readonly toneLabel?: string;
+    readonly owner?: string;
+    readonly time?: string;
+    /** 收起时那行摘要（调用方给的，或本件从首行截的）。 */
+    readonly peek?: string;
+    /** 这一块出不出 `<details>`。 */
+    readonly collapsed: boolean;
+    readonly attachedTo?: string;
+    readonly extraClass?: string;
+}
+/** 入参归一化。**唯一入口**：`render.ts` 只吃它产出的 `NoteBlockModel`。 */
+export declare function normalizeNoteBlock(input: unknown): NoteBlockModel;
+//# sourceMappingURL=model.d.ts.map

package/dist/components/note-block/model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../src/components/note-block/model.ts"],"names":[],"mappings":"AASA,OAAO,EAML,KAAK,aAAa,EAClB,KAAK,aAAa,EACnB,MAAM,YAAY,CAAC;AAEpB,eAAe;AACf,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC;IAC7B,uBAAuB;IACvB,QAAQ,CAAC,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IAClC,kCAAkC;IAClC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,+BAA+B;IAC/B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,0BAA0B;IAC1B,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AAoBD,0DAA0D;AAC1D,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,GAAG,cAAc,CA6CjE"}