base-paint 0.3.13 → 0.3.15

package/dist/components/photo-compare/style.js

@@ -0,0 +1,396 @@
+/** photo-compare · **样式段**（本件唯一的样式来源）。**重做件**：拖动之外还要给得出「变了多少」。
+ *
+ *  四条重做口径（`重做设计口径.md` §0）逐条落在这一段里：
+ *   ① **占位物读得出它是什么**：定形框（`aspect-ratio`）＋ 四角取景角标 ＋ 中央相机记号 ＋ 题注条；
+ *   ② **状态除色之外还有第二样**：差值行有**方向记号（↓／↑／＝）**与**正负号**，颜色只是第三样；
+ *   ③ **层次不靠投影与圆角**：台面靠一圈发丝线，题注条靠软底色，差值行靠**发丝线 ＋ 缩进**；
+ *   ④ **骨架对得上这类数据**：`<figure>` 装照片、`<ul>` 装差值行（一件就是「两张图 ＋ N 行差值」）。
+ *
+ *  两档是**同一份标记**：宽档两张叠着（`grid-area: 1/1` ＋ 裁切），窄档同一对 `<figure>` 左右并排，
+ *  拖动条收起、差值条上屏。判的是**本件自己的宽度**（`@container`），不是视口宽度。
+ *
+ *  纪律：只经 `skinVar()` 读皮肤；scope 在 `.<prefix>page-ui` 之下；零 `:root`／`!important`；
+ *  媒体查询只判设备能力（`hover`／`prefers-reduced-motion`）。
+ */
+import { skinVar } from '../skin/contract.js';
+import { PHOTO_COMPARE_MIN_HIT_PX, PHOTO_COMPARE_SPLIT_VAR, photoCompareSlot, } from './attrs.js';
+/** 换行（仓库口径：不写字面换行转义）。 */
+const LF = String.fromCharCode(10);
+/** 取景角标的臂长／线宽／内距（px，与 `photo-grid` 同一套做法：占位要读得出是相片）。 */
+export const PHOTO_COMPARE_MARK_ARM_PX = 12;
+export const PHOTO_COMPARE_MARK_THICK_PX = 2;
+export const PHOTO_COMPARE_MARK_INSET_PX = 6;
+/** 窄容器阈值（px）：宽于它两张叠着拖，窄于它退成左右并排 ＋ 差值条。 */
+export const PHOTO_COMPARE_NARROW_PX = 520;
+/** 台面比例与高度上限（宽档用：盒先定形，图到位不跳版；高度封顶免得一张竖版照片占满屏）。 */
+export const PHOTO_COMPARE_STAGE_RATIO = '4 / 3';
+export const PHOTO_COMPARE_STAGE_MAX_PX = 460;
+/** 四角取景角标：8 层背景（每角一横一竖），不加元素、不用伪元素。 */
+function marksCss() {
+    const color = skinVar('line');
+    const bar = 'linear-gradient(' + color + ', ' + color + ')';
+    const arm = String(PHOTO_COMPARE_MARK_ARM_PX) + 'px';
+    const thick = String(PHOTO_COMPARE_MARK_THICK_PX) + 'px';
+    const inset = String(PHOTO_COMPARE_MARK_INSET_PX) + 'px';
+    const right = 'calc(100% - ' + inset + ')';
+    const bottom = 'calc(100% - ' + inset + ')';
+    const pos = [];
+    for (const [y, x] of [[inset, inset], [inset, right], [bottom, inset], [bottom, right]]) {
+        pos.push(x + ' ' + y, x + ' ' + y);
+    }
+    const size = [arm + ' ' + thick, thick + ' ' + arm].join(', ');
+    return [
+        '  background-image: ' + new Array(8).fill(bar).join(', ') + ';',
+        '  background-size: ' + new Array(4).fill(size).join(', ') + ';',
+        '  background-position: ' + pos.join(', ') + ';',
+        '  background-repeat: no-repeat;',
+    ];
+}
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export function photoCompareCss(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-photo-compare';
+    const slotSel = (s) => '.' + photoCompareSlot(s, p);
+    const s = (slot) => root + ' ' + slotSel(slot);
+    const split = 'var(' + PHOTO_COMPARE_SPLIT_VAR + ', 50%)';
+    const out = [
+        '/* photo-compare（前后对比 · 形态 A「拖动对照」）：两张叠着拖 ＋ 两张的日期标签 ＋ 数值差值行。',
+        '   **重做件**：原型只给拖动，读者读不出「变了多少」——差值行就是补上的那个读数。',
+        '   零阴影、零圆角下层次靠发丝线、软底色与裁切边 ⇒ 三套皮肤都成立。 */',
+        box + ' {',
+        '  container-type: inline-size;',
+        '  display: grid;',
+        '  gap: 12px;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font') + ';',
+        '  font-size: ' + skinVar('fs-body') + ';',
+        '  line-height: 1.5;',
+        '}',
+        '/* 台面：盒先定形（`aspect-ratio` ＋ 高度上限），图到位不跳版；两张 `<figure>` 落在同一格里叠着。 */',
+        s('stage') + ' {',
+        '  position: relative;',
+        '  display: grid;',
+        '  grid-template-columns: minmax(0, 1fr);',
+        '  gap: 0;',
+        '  aspect-ratio: ' + PHOTO_COMPARE_STAGE_RATIO + ';',
+        '  max-height: ' + String(PHOTO_COMPARE_STAGE_MAX_PX) + 'px;',
+        '  min-width: 0;',
+        '  box-sizing: border-box;',
+        '  border: 1px solid ' + skinVar('edge') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: ' + skinVar('surface-2') + ';',
+        '  overflow: hidden;',
+        '}',
+        '/* 两张：宽档**同一格**（后一张压在先一张上面，从左边裁开）；窄档改并排（见文末那段）。 */',
+        s('layer') + ' {',
+        '  position: relative;',
+        '  grid-area: 1 / 1;',
+        '  display: grid;',
+        '  grid-template-rows: minmax(0, 1fr) auto;',
+        '  gap: 0;',
+        '  min-width: 0;',
+        '  height: 100%;',
+        '  margin: 0;',
+        '}',
+        s('layer') + '.is-after {',
+        '  clip-path: inset(0 0 0 ' + split + ');',
+        '}',
+        '/* 定形框：宽档铺满台面那一格（图 `object-fit: cover`），窄档由自己的比例定形。',
+        '   注意这一档要把比例**让开**（`aspect-ratio: auto`）：台面的盒已经定过形了，',
+        '   框再按 4/5 撑一遍会把整层顶到 613×766，题注条被台面的 `overflow: hidden` 裁掉（重做时踩过）。 */',
+        s('frame') + ' {',
+        '  position: relative;',
+        '  display: grid;',
+        '  place-items: center;',
+        '  width: 100%;',
+        '  height: 100%;',
+        '  min-width: 0;',
+        '  min-height: 0;',
+        '  box-sizing: border-box;',
+        '  overflow: hidden;',
+        '  background: ' + skinVar('surface') + ';',
+        '}',
+        root + ' .' + photoCompareSlot('frame', p) + '-4-5 { aspect-ratio: 4 / 5; }',
+        root + ' .' + photoCompareSlot('layer', p) + ' > .' + photoCompareSlot('frame', p) + ' { aspect-ratio: auto; }',
+        '/* ④ 四角取景角标 ＋ 相机记号：没真图时一眼看出「这里放一张照片」。 */',
+        s('marks') + ' {',
+        '  position: absolute;',
+        '  inset: 0;',
+        '  pointer-events: none;',
+        ...marksCss(),
+        '}',
+        s('lens') + ' {',
+        '  position: relative;',
+        '  grid-area: 1 / 1;',
+        '  align-self: end;',
+        '  margin-bottom: 6px;',
+        '  width: 34px;',
+        '  height: 26px;',
+        '  box-sizing: border-box;',
+        '  border: ' + String(PHOTO_COMPARE_MARK_THICK_PX) + 'px solid ' + skinVar('ink-2') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '}',
+        s('lens') + '::before {',
+        '  content: "";',
+        '  position: absolute;',
+        '  left: 50%;',
+        '  top: 50%;',
+        '  width: 10px;',
+        '  height: 10px;',
+        '  margin: -6px 0 0 -6px;',
+        '  box-sizing: border-box;',
+        '  border: ' + String(PHOTO_COMPARE_MARK_THICK_PX) + 'px solid ' + skinVar('ink-2') + ';',
+        '  border-radius: 50%;',
+        '}',
+        s('alt') + ' {',
+        '  grid-area: 2 / 1;',
+        '  align-self: start;',
+        '  justify-self: center;',
+        '  max-width: 100%;',
+        '  padding: 0 10px;',
+        '  box-sizing: border-box;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 700;',
+        '  text-align: center;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('img') + ' {',
+        '  display: block;',
+        '  grid-area: 1 / 1;',
+        '  width: 100%;',
+        '  height: 100%;',
+        '  max-width: 100%;',
+        '  object-fit: cover;',
+        '}',
+        '/* **日期标签**（左／右角）：各自贴在自己那张上——这是「哪天比哪天」的第一处落点。 */',
+        s('tag') + ' {',
+        '  position: absolute;',
+        '  top: ' + String(PHOTO_COMPARE_MARK_INSET_PX) + 'px;',
+        '  z-index: 3;',
+        '  padding: 2px 9px;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: ' + skinVar('surface') + ';',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 700;',
+        '  font-variant-numeric: tabular-nums;',
+        '}',
+        s('layer') + '.is-before ' + slotSel('tag') + ' { left: ' + String(PHOTO_COMPARE_MARK_INSET_PX) + 'px; }',
+        s('layer') + '.is-after ' + slotSel('tag') + ' { right: ' + String(PHOTO_COMPARE_MARK_INSET_PX) + 'px; }',
+        '/* 占位格上那枚相机记号与那句「放什么」：**各自贴着自己那张的可见半边**——',
+        '   宽档两张叠着，居中的话两个记号会在裁切线上撞成一团（后一张只露右半边）。 */',
+        s('layer') + '.is-before ' + slotSel('lens') + ', ' + s('layer') + '.is-before ' + slotSel('alt') + ' { justify-self: start; }',
+        s('layer') + '.is-after ' + slotSel('lens') + ', ' + s('layer') + '.is-after ' + slotSel('alt') + ' { justify-self: end; }',
+        s('layer') + '.is-after ' + slotSel('alt') + ' { text-align: right; }',
+        '/* 题注条：框下那一行（位置／朝向 ＋ 读数）。后一张靠右对齐——它被从左边裁开，',
+        '   靠左的字会落在裁掉的那半边里（正是重做时最容易漏的一处）。 */',
+        s('caption') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: baseline;',
+        '  gap: 2px 8px;',
+        '  min-width: 0;',
+        '  padding: 5px 9px;',
+        '  box-sizing: border-box;',
+        '  border-top: 1px solid ' + skinVar('line') + ';',
+        '  background: ' + skinVar('surface-2') + ';',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '}',
+        s('layer') + '.is-after ' + slotSel('caption') + ' { justify-content: flex-end; }',
+        s('text') + ' { overflow-wrap: anywhere; }',
+        s('size') + ' {',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-variant-numeric: tabular-nums;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 中间那根竖线：位置只从 `--photo-compare-split` 算（一个事实一处存）。 */',
+        s('divider') + ' {',
+        '  position: absolute;',
+        '  top: 0;',
+        '  bottom: 0;',
+        '  left: ' + split + ';',
+        '  width: 2px;',
+        '  margin-left: -1px;',
+        '  background: ' + skinVar('accent') + ';',
+        '  pointer-events: none;',
+        '}',
+        '/* 拖动条：**原生 `range`**（键盘 ←／→ 各一档、指针与触摸都交给原生）；',
+        '   命中盒铺满台面（≫44×44），把手本体 44×44 透明圆、里面画一枚 22px 的可见把手。 */',
+        s('range') + ' {',
+        '  position: absolute;',
+        '  inset: 0;',
+        '  z-index: 4;',
+        '  width: 100%;',
+        '  height: 100%;',
+        '  min-height: ' + String(PHOTO_COMPARE_MIN_HIT_PX) + 'px;',
+        '  margin: 0;',
+        '  padding: 0;',
+        '  border: 0;',
+        '  background: none;',
+        '  cursor: ew-resize;',
+        '  -webkit-appearance: none;',
+        '  appearance: none;',
+        '}',
+        s('range') + '::-webkit-slider-runnable-track {',
+        '  height: 3px;',
+        '  border-radius: ' + skinVar('radius-pill') + ';',
+        '  background: ' + skinVar('line') + ';',
+        '}',
+        s('range') + '::-webkit-slider-thumb {',
+        '  -webkit-appearance: none;',
+        '  appearance: none;',
+        '  width: ' + String(PHOTO_COMPARE_MIN_HIT_PX) + 'px;',
+        '  height: ' + String(PHOTO_COMPARE_MIN_HIT_PX) + 'px;',
+        '  margin-top: -' + String(Math.round(PHOTO_COMPARE_MIN_HIT_PX / 2)) + 'px;',
+        '  border: 0;',
+        '  border-radius: 50%;',
+        '  background-color: transparent;',
+        '  background-image: radial-gradient(circle at 50% 50%, '
+            + skinVar('surface') + ' 0 9px, ' + skinVar('accent') + ' 9px 12px, transparent 12px);',
+        '}',
+        s('range') + '::-moz-range-track {',
+        '  height: 3px;',
+        '  border-radius: ' + skinVar('radius-pill') + ';',
+        '  background: ' + skinVar('line') + ';',
+        '}',
+        s('range') + '::-moz-range-thumb {',
+        '  width: ' + String(PHOTO_COMPARE_MIN_HIT_PX) + 'px;',
+        '  height: ' + String(PHOTO_COMPARE_MIN_HIT_PX) + 'px;',
+        '  border: 0;',
+        '  border-radius: 50%;',
+        '  background-color: transparent;',
+        '  background-image: radial-gradient(circle at 50% 50%, '
+            + skinVar('surface') + ' 0 9px, ' + skinVar('accent') + ' 9px 12px, transparent 12px);',
+        '}',
+        s('range') + ':focus-visible {',
+        '  outline: 2px solid ' + skinVar('accent') + ';',
+        '  outline-offset: 2px;',
+        '}',
+        '/* **数值差值行**：这一件重做补上的那个读数（拖动读不出「变了多少」）。 */',
+        s('deltas') + ' {',
+        '  display: grid;',
+        '  gap: 0;',
+        '  margin: 0;',
+        '  padding: 0;',
+        '  min-width: 0;',
+        '  list-style: none;',
+        '}',
+        s('delta') + ' {',
+        '  display: grid;',
+        '  grid-template-columns: auto minmax(0, 1fr) auto;',
+        '  gap: 2px 10px;',
+        '  min-width: 0;',
+        '  padding: 8px 0;',
+        '  border-top: 1px solid ' + skinVar('line') + ';',
+        '  align-items: baseline;',
+        '}',
+        s('delta-mark') + ' {',
+        '  grid-column: 1;',
+        '  grid-row: 1;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-weight: 700;',
+        '}',
+        s('delta-label') + ' {',
+        '  grid-column: 2;',
+        '  grid-row: 1;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('delta-value') + ' {',
+        '  grid-column: 3;',
+        '  grid-row: 1;',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: baseline;',
+        '  gap: 0 6px;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 700;',
+        '  font-variant-numeric: tabular-nums;',
+        '}',
+        s('delta-arrow') + ' {',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-weight: 600;',
+        '}',
+        '/* 「变了多少」：**正负号 ＋ 方向记号 ＋ 色**三样齐全（色只是第三样）。 */',
+        s('delta-change') + ' {',
+        '  grid-column: 2 / 4;',
+        '  grid-row: 2;',
+        '  min-width: 0;',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 700;',
+        '  font-variant-numeric: tabular-nums;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('delta') + '.is-down ' + slotSel('delta-change') + ' { color: ' + skinVar('ok') + '; }',
+        s('delta') + '.is-up ' + slotSel('delta-change') + ' { color: ' + skinVar('danger') + '; }',
+        s('delta') + '.is-same ' + slotSel('delta-change') + ' { color: ' + skinVar('ink-2') + '; }',
+        '/* 差值条：**窄档才上屏**（宽档已有差值行，同一件事不说两遍）。 */',
+        s('verdict') + ' {',
+        '  display: none;',
+        '  margin: 0;',
+        '  padding: 8px 10px;',
+        '  box-sizing: border-box;',
+        '  border-left: 3px solid ' + skinVar('accent') + ';',
+        '  background: ' + skinVar('surface-2') + ';',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 700;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('note') + ' {',
+        '  margin: 0;',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  line-height: 1.7;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 窄容器（<' + String(PHOTO_COMPARE_NARROW_PX) + 'px）：拖动退成**左右并排两张 ＋ 差值条**',
+        '   （不许变成没法用的小滑块）：同一对 `<figure>` 改并排、裁切撤掉、拖动条收起。 */',
+        '@container (max-width: ' + String(PHOTO_COMPARE_NARROW_PX) + 'px) {',
+        '  ' + s('stage') + ' {',
+        '    grid-template-columns: repeat(2, minmax(0, 1fr));',
+        '    gap: 10px;',
+        '    aspect-ratio: auto;',
+        '    max-height: none;',
+        '    padding: 10px;',
+        '    align-items: start;',
+        '  }',
+        '  ' + s('layer') + ' {',
+        '    grid-area: auto;',
+        '    grid-template-rows: auto auto;',
+        '    clip-path: none;',
+        '    height: auto;',
+        '    gap: 6px;',
+        '  }',
+        '  /* 窄档两张并排：比例回到框自己身上（台面这一档不再给形状）。 */',
+        '  ' + s('layer') + ' > ' + slotSel('frame') + ', ' + s('frame') + ' { aspect-ratio: 4 / 5; }',
+        '  ' + s('layer') + '.is-after ' + slotSel('caption') + ' { justify-content: flex-start; }',
+        '  /* 窄档两张各占一格：记号与那句「放什么」回到各自那格的正中（不再让位给裁切线）。 */',
+        '  ' + s('lens') + ', ' + s('alt') + ' {',
+        '    justify-self: center;',
+        '    text-align: center;',
+        '  }',
+        '  ' + s('frame') + ' { height: auto; border: 1px solid ' + skinVar('edge') + '; }',
+        '  ' + s('divider') + ', ' + s('range') + ' { display: none; }',
+        '  ' + s('verdict') + ' { display: block; }',
+        '}',
+        '/* 这一段里**没有任何 `transition`／`animation`／`@keyframes`**：拖动是直接操作，不做补间，',
+        '   所以「减动效」这档下也没有东西会卡在半路（判据直接断这一段里零动效）。 */',
+    ];
+    return out.join(LF);
+}

package/dist/components/photo-compare/style.js.map

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

package/dist/components/photo-grid/attrs.d.ts

@@ -0,0 +1,78 @@
+/** photo-grid · **标记契约**（渲染与调用方共用的唯一事实：类名／形态闭集／比例闭集／入参类型）。
+ *
+ *  这一件是**重做件**（原型墙 3/3/3，`.scratch/ui-组件墙/重做设计口径.md` §3）：原型拿渐变块当照片，
+ *  三套皮肤下都只是「一块灰」——读者看不出那是相片位。重做后一格由三样定形：
+ *   **定形框**（`aspect-ratio`，加载不跳版）＋ **四角取景角标**（取景器的样子）＋ **底部题注条**（日期／位置）。
+ *  末尾一格是虚线框「加一张」，与内容格在**边框样式**上就分得开（不靠颜色）。
+ *
+ *  成组两件事：同一天多张时格上带**张数角标**；按月分组时组头写**月份与张数**。
+ */
+/** 本件的类名根。 */
+export declare const PHOTO_GRID_CLASS = "ilife-block-photo-grid";
+/** 槽位闭集。 */
+export declare const PHOTO_GRID_SLOTS: readonly ["group", "group-head", "month", "group-count", "grid", "cell", "frame", "marks", "lens", "alt", "img", "stack", "caption", "date", "text", "add", "add-mark", "add-label", "add-hint", "empty", "foot", "count", "note"];
+export type PhotoGridSlot = (typeof PHOTO_GRID_SLOTS)[number];
+/** 槽类的类名（唯一拼法）。 */
+export declare function photoGridSlot(slot: PhotoGridSlot, prefix?: string): string;
+/** 形态闭集：本件只落地了形态 A「网格 ＋ 加一张」。 */
+export declare const PHOTO_GRID_FORMS: readonly ["grid"];
+export type PhotoGridForm = (typeof PHOTO_GRID_FORMS)[number];
+/** 定形框的比例闭集（骨相档：竖版人像／方照／横版）。**真图与占位共用同一个框**，换档只换这一格。 */
+export declare const PHOTO_GRID_RATIOS: readonly ["4-5", "1-1", "3-4", "4-3"];
+export type PhotoGridRatio = (typeof PHOTO_GRID_RATIOS)[number];
+/** 张数角标的下限：到几张才值得标（1 张就是 1 张，标了是噪音）。 */
+export declare const PHOTO_GRID_MIN_STACK = 2;
+/** 末尾那一格的加号与字。 */
+export declare const PHOTO_GRID_ADD_MARK = "\uFF0B";
+export declare const PHOTO_GRID_ADD_LABEL = "\u52A0\u4E00\u5F20";
+/** 一格都没有时那句话（**是空态，不是错误**：新账本／新物品本来就没有照片）。 */
+export declare const PHOTO_GRID_EMPTY_TEXT = "\u8FD8\u6CA1\u6709\u7167\u7247";
+/** 缺值那一栏的写法（日期拿不到时不再编一个）——**本件用不到，留作同族口径**：
+ *  一格照片宁可只写题注（没有日期那一栏就不出），也不要写一个假的 `—`。 */
+export declare const PHOTO_GRID_MISSING = "\u2014";
+/** 一格照片。 */
+export interface PhotoGridItem {
+    /** 图源（`data:` 内嵌串或文件名）。不给＝占位格（读者看到的是「这里放一张照片」）。 */
+    readonly src?: string;
+    /** 这一格该放什么照片（「正面 · 晨起」）。**必填**——它是占位格上唯一说得清「放什么」的那句话。 */
+    readonly alt: string;
+    /** 日期（「09-25」）。进题注条，也进分组的「几天」计数。 */
+    readonly date?: string;
+    /** 题注说明（位置／朝向：「侧面」「沙发 · 修复前」）。 */
+    readonly caption?: string;
+    /** 这一格是**几张叠着**（同一天多张）；`>= PHOTO_GRID_MIN_STACK` 才出角标。 */
+    readonly count?: number;
+    /** 脚注用的一行读数（「1120×1480 · 1.8 MB」）；不给＝不出。 */
+    readonly size?: string;
+}
+/** 一个月一组（按月分组的形态）。 */
+export interface PhotoGridGroup {
+    /** 组头（「2026 年 9 月」）。**非空**。 */
+    readonly month: string;
+    /** 组的补充（「共 4.2 MB」）；不给＝组头只有月份与计数。 */
+    readonly note?: string;
+    /** 这一组的格（组内顺序即入参顺序）。 */
+    readonly photos: readonly PhotoGridItem[];
+}
+/** 照片网格的入参。`photos` 与 `groups` **恰好给一个**（两个都给＝说不清按不按月分，一律 `badInput`）。 */
+export interface PhotoGridInput {
+    /** 平铺的格（不按月分组时用这个）。 */
+    readonly photos?: readonly PhotoGridItem[];
+    /** 按月分组（给了它就按组分块；组头写月份与张数）。 */
+    readonly groups?: readonly PhotoGridGroup[];
+    /** 定形框的比例（闭集，缺省 `4-5`：照片墙本来就是竖版居多）。整墙同一个比例——那才是「网格」。 */
+    readonly ratio?: PhotoGridRatio;
+    /** 末尾那格的字（缺省「加一张」）。 */
+    readonly addLabel?: string;
+    /** 末尾那格的一句补充（「支持 JPG／PNG，单张 ≤ 10 MB」）；不给＝只有加号与字。 */
+    readonly addHint?: string;
+    /** 脚注口径（「按拍摄日期分组」之类）。串＝一句话；数组＝分段。 */
+    readonly note?: string | readonly string[];
+    /** 一页不显示末尾那格时给 `false`（如只读的归档页）。 */
+    readonly add?: boolean;
+    /** 形态键（闭集，缺省 `grid`）。 */
+    readonly form?: PhotoGridForm;
+    /** 附加类名（空格分隔；逐个过类名正则）。 */
+    readonly extraClass?: string;
+}
+//# sourceMappingURL=attrs.d.ts.map

package/dist/components/photo-grid/attrs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attrs.d.ts","sourceRoot":"","sources":["../../../src/components/photo-grid/attrs.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,cAAc;AACd,eAAO,MAAM,gBAAgB,2BAA2B,CAAC;AAEzD,YAAY;AACZ,eAAO,MAAM,gBAAgB,oOA+CnB,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,iCAAiC;AACjC,eAAO,MAAM,gBAAgB,mBAAoB,CAAC;AAClD,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE9D,wDAAwD;AACxD,eAAO,MAAM,iBAAiB,uCAAwC,CAAC;AACvE,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhE,wCAAwC;AACxC,eAAO,MAAM,oBAAoB,IAAI,CAAC;AAEtC,kBAAkB;AAClB,eAAO,MAAM,mBAAmB,WAAM,CAAC;AACvC,eAAO,MAAM,oBAAoB,uBAAQ,CAAC;AAE1C,8CAA8C;AAC9C,eAAO,MAAM,qBAAqB,mCAAU,CAAC;AAE7C;2CAC2C;AAC3C,eAAO,MAAM,kBAAkB,WAAM,CAAC;AAEtC,YAAY;AACZ,MAAM,WAAW,aAAa;IAC5B,mDAAmD;IACnD,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,yDAAyD;IACzD,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,kCAAkC;IAClC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,0DAA0D;IAC1D,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,4CAA4C;IAC5C,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,sBAAsB;AACtB,MAAM,WAAW,cAAc;IAC7B,+BAA+B;IAC/B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,qCAAqC;IACrC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,wBAAwB;IACxB,QAAQ,CAAC,MAAM,EAAE,SAAS,aAAa,EAAE,CAAC;CAC3C;AAED,0EAA0E;AAC1E,MAAM,WAAW,cAAc;IAC7B,uBAAuB;IACvB,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,aAAa,EAAE,CAAC;IAC3C,+BAA+B;IAC/B,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,cAAc,EAAE,CAAC;IAC5C,wDAAwD;IACxD,QAAQ,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC;IAChC,uBAAuB;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,oDAAoD;IACpD,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,qCAAqC;IACrC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;IAC3C,oCAAoC;IACpC,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC;IACvB,yBAAyB;IACzB,QAAQ,CAAC,IAAI,CAAC,EAAE,aAAa,CAAC;IAC9B,0BAA0B;IAC1B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B"}

package/dist/components/photo-grid/attrs.js

@@ -0,0 +1,78 @@
+/** photo-grid · **标记契约**（渲染与调用方共用的唯一事实：类名／形态闭集／比例闭集／入参类型）。
+ *
+ *  这一件是**重做件**（原型墙 3/3/3，`.scratch/ui-组件墙/重做设计口径.md` §3）：原型拿渐变块当照片，
+ *  三套皮肤下都只是「一块灰」——读者看不出那是相片位。重做后一格由三样定形：
+ *   **定形框**（`aspect-ratio`，加载不跳版）＋ **四角取景角标**（取景器的样子）＋ **底部题注条**（日期／位置）。
+ *  末尾一格是虚线框「加一张」，与内容格在**边框样式**上就分得开（不靠颜色）。
+ *
+ *  成组两件事：同一天多张时格上带**张数角标**；按月分组时组头写**月份与张数**。
+ */
+/** 本件的类名根。 */
+export const PHOTO_GRID_CLASS = 'ilife-block-photo-grid';
+/** 槽位闭集。 */
+export const PHOTO_GRID_SLOTS = [
+    /** 按月分组时的一个月（组头 ＋ 一行格）。 */
+    'group',
+    /** 组头那一排（月份 ＋ 计数 ＋ 可选补充）。 */
+    'group-head',
+    /** 月份（「2026 年 9 月」）。 */
+    'month',
+    /** 组计数（「3 天 · 6 张」，由本件算）。 */
+    'group-count',
+    /** 格子的容器（一行，列数随容器变）。 */
+    'grid',
+    /** 一格（`<figure>`）；带 `is-photo` 或 `is-stack`。 */
+    'cell',
+    /** **定形框**：`aspect-ratio` 在它身上，图与占位共用同一个框。 */
+    'frame',
+    /** 四角取景角标（纯装饰，`aria-hidden`）。 */
+    'marks',
+    /** 中央那枚相机记号（只有占位时才出：一眼看出「这里放一张照片」）。 */
+    'lens',
+    /** 占位时写在框里的那句话（＝这一格该放什么照片）。 */
+    'alt',
+    /** 真图的 `<img>`（比例由框定，`object-fit: cover`）。 */
+    'img',
+    /** 张数角标（同一天多张时出：「3 张」）。 */
+    'stack',
+    /** 题注条：底部那一行（日期 ＋ 说明）。 */
+    'caption',
+    /** 题注条里的日期。 */
+    'date',
+    /** 题注条里的说明（位置／朝向）。 */
+    'text',
+    /** 末尾那一格「加一张」（虚线框＋加号；**内容格**，不是按钮）。 */
+    'add',
+    /** 加号（纯装饰）。 */
+    'add-mark',
+    /** 「加一张」四个字。 */
+    'add-label',
+    /** 末尾那格的一句补充（「支持 JPG／PNG」）；不给＝不出。 */
+    'add-hint',
+    /** 一格都没有时的空态。 */
+    'empty',
+    /** 脚注：共几张 ＋ 调用方给的口径。 */
+    'foot',
+    /** 脚注里的张数（由本件算）。 */
+    'count',
+    /** 脚注里的口径行。 */
+    'note',
+];
+/** 槽类的类名（唯一拼法）。 */
+export function photoGridSlot(slot, prefix = 'ilife-') {
+    return prefix + 'block-photo-grid-' + slot;
+}
+/** 形态闭集：本件只落地了形态 A「网格 ＋ 加一张」。 */
+export const PHOTO_GRID_FORMS = ['grid'];
+/** 定形框的比例闭集（骨相档：竖版人像／方照／横版）。**真图与占位共用同一个框**，换档只换这一格。 */
+export const PHOTO_GRID_RATIOS = ['4-5', '1-1', '3-4', '4-3'];
+/** 张数角标的下限：到几张才值得标（1 张就是 1 张，标了是噪音）。 */
+export const PHOTO_GRID_MIN_STACK = 2;
+/** 末尾那一格的加号与字。 */
+export const PHOTO_GRID_ADD_MARK = '＋';
+export const PHOTO_GRID_ADD_LABEL = '加一张';
+/** 一格都没有时那句话（**是空态，不是错误**：新账本／新物品本来就没有照片）。 */
+export const PHOTO_GRID_EMPTY_TEXT = '还没有照片';
+/** 缺值那一栏的写法（日期拿不到时不再编一个）——**本件用不到，留作同族口径**：
+ *  一格照片宁可只写题注（没有日期那一栏就不出），也不要写一个假的 `—`。 */
+export const PHOTO_GRID_MISSING = '—';

package/dist/components/photo-grid/attrs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attrs.js","sourceRoot":"","sources":["../../../src/components/photo-grid/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,2BAA2B;IAC3B,OAAO;IACP,6BAA6B;IAC7B,YAAY;IACZ,wBAAwB;IACxB,OAAO;IACP,6BAA6B;IAC7B,aAAa;IACb,wBAAwB;IACxB,MAAM;IACN,gDAAgD;IAChD,MAAM;IACN,8CAA8C;IAC9C,OAAO;IACP,iCAAiC;IACjC,OAAO;IACP,uCAAuC;IACvC,MAAM;IACN,+BAA+B;IAC/B,KAAK;IACL,8CAA8C;IAC9C,KAAK;IACL,2BAA2B;IAC3B,OAAO;IACP,0BAA0B;IAC1B,SAAS;IACT,eAAe;IACf,MAAM;IACN,sBAAsB;IACtB,MAAM;IACN,uCAAuC;IACvC,KAAK;IACL,eAAe;IACf,UAAU;IACV,gBAAgB;IAChB,WAAW;IACX,qCAAqC;IACrC,UAAU;IACV,iBAAiB;IACjB,OAAO;IACP,wBAAwB;IACxB,MAAM;IACN,oBAAoB;IACpB,OAAO;IACP,eAAe;IACf,MAAM;CACE,CAAC;AAGX,mBAAmB;AACnB,MAAM,UAAU,aAAa,CAAC,IAAmB,EAAE,MAAM,GAAG,QAAQ;IAClE,OAAO,MAAM,GAAG,mBAAmB,GAAG,IAAI,CAAC;AAC7C,CAAC;AAED,iCAAiC;AACjC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,MAAM,CAAU,CAAC;AAGlD,wDAAwD;AACxD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAU,CAAC;AAGvE,wCAAwC;AACxC,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,CAAC;AAEtC,kBAAkB;AAClB,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAC;AACvC,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC;AAE1C,8CAA8C;AAC9C,MAAM,CAAC,MAAM,qBAAqB,GAAG,OAAO,CAAC;AAE7C;2CAC2C;AAC3C,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAC"}

package/dist/components/photo-grid/index.d.ts

@@ -0,0 +1,13 @@
+/** photo-grid · **组件出口**（本组件对外的唯一名字面）。
+ *
+ *  六个运行名：`renderPhotoGrid(input)`（产标记，零 DOM）／`photoGridCss()`（样式段）／
+ *  形态闭集 `PHOTO_GRID_FORMS`（只落地形态 A「网格 ＋ 加一张」）／比例闭集 `PHOTO_GRID_RATIOS`／
+ *  类名根 `PHOTO_GRID_CLASS`／末尾那格的加号与字。另出四个几何事实与五个类型名（入参面）。
+ *
+ *  用法与参数表见同目录 `README.md`。消费方走 `base-paint/blocks`（组件层出口），不走根出口。
+ */
+export { PHOTO_GRID_ADD_LABEL, PHOTO_GRID_ADD_MARK, PHOTO_GRID_CLASS, PHOTO_GRID_EMPTY_TEXT, PHOTO_GRID_FORMS, PHOTO_GRID_MIN_STACK, PHOTO_GRID_MISSING, PHOTO_GRID_RATIOS, } from './attrs.js';
+export type { PhotoGridForm, PhotoGridGroup, PhotoGridInput, PhotoGridItem, PhotoGridRatio } from './attrs.js';
+export { renderPhotoGrid } from './render.js';
+export { PHOTO_GRID_MARK_ARM_PX, PHOTO_GRID_MARK_INSET_PX, PHOTO_GRID_MARK_THICK_PX, PHOTO_GRID_TOUCH_PX, PHOTO_GRID_TWO_COL_MAX_PX, photoGridCss, } from './style.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/photo-grid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/photo-grid/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC/G,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EACL,sBAAsB,EACtB,wBAAwB,EACxB,wBAAwB,EACxB,mBAAmB,EACnB,yBAAyB,EACzB,YAAY,GACb,MAAM,YAAY,CAAC"}

package/dist/components/photo-grid/index.js

@@ -0,0 +1,11 @@
+/** photo-grid · **组件出口**（本组件对外的唯一名字面）。
+ *
+ *  六个运行名：`renderPhotoGrid(input)`（产标记，零 DOM）／`photoGridCss()`（样式段）／
+ *  形态闭集 `PHOTO_GRID_FORMS`（只落地形态 A「网格 ＋ 加一张」）／比例闭集 `PHOTO_GRID_RATIOS`／
+ *  类名根 `PHOTO_GRID_CLASS`／末尾那格的加号与字。另出四个几何事实与五个类型名（入参面）。
+ *
+ *  用法与参数表见同目录 `README.md`。消费方走 `base-paint/blocks`（组件层出口），不走根出口。
+ */
+export { PHOTO_GRID_ADD_LABEL, PHOTO_GRID_ADD_MARK, PHOTO_GRID_CLASS, PHOTO_GRID_EMPTY_TEXT, PHOTO_GRID_FORMS, PHOTO_GRID_MIN_STACK, PHOTO_GRID_MISSING, PHOTO_GRID_RATIOS, } from './attrs.js';
+export { renderPhotoGrid } from './render.js';
+export { PHOTO_GRID_MARK_ARM_PX, PHOTO_GRID_MARK_INSET_PX, PHOTO_GRID_MARK_THICK_PX, PHOTO_GRID_TOUCH_PX, PHOTO_GRID_TWO_COL_MAX_PX, photoGridCss, } from './style.js';

package/dist/components/photo-grid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/photo-grid/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EACL,sBAAsB,EACtB,wBAAwB,EACxB,wBAAwB,EACxB,mBAAmB,EACnB,yBAAyB,EACzB,YAAY,GACb,MAAM,YAAY,CAAC"}