base-paint 0.3.13 → 0.3.15

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

@@ -0,0 +1,86 @@
+/** photo-compare · **标记契约**（渲染与运行时共用的唯一事实：类名／形态闭集／方向闭集／入参类型）。
+ *
+ *  这一件是**重做件**（原型墙 3/3/3，`.scratch/ui-组件墙/重做设计口径.md` §4）：原型只给了「拖动」，
+ *  读者拖半天读不出「变了多少」。重做后**三个读数一起给**：
+ *   ① 拖动的视觉（竖线 ＋ 把手，钉在照片上）；
+ *   ② **两张的日期标签**（左／右角，各自贴在自己那张上）；
+ *   ③ **数值差值行**（体重 70.8 → 68.4 千克，Δ −2.4 千克）——拖动读不出来的那件事，这里读得出。
+ *
+ *  门槛与降级：拖动把手命中盒 **≥ PHOTO_COMPARE_MIN_HIT_PX（44px）**、键盘 `←`／`→` 可调（原生 `range`）；
+ *  容器窄于 `PHOTO_COMPARE_NARROW_PX` 时**退成左右并排两张 ＋ 中间差值条**（不许变成没法用的小滑块）。
+ *
+ *  占位物同 `photo-grid`：定形框 ＋ 四角取景角标 ＋ 题注条 ⇒ 没真图时也读得出那是相片位。
+ */
+/** 本件的类名根。 */
+export const PHOTO_COMPARE_CLASS = 'ilife-block-photo-compare';
+/** 槽位闭集。 */
+export const PHOTO_COMPARE_SLOTS = [
+    /** 叠着两张的那块台面（宽档两张重叠，窄档并排）。 */
+    'stage',
+    /** 一张（`<figure>`）；`is-before`／`is-after` 分前后。 */
+    'layer',
+    /** **定形框**：`aspect-ratio` 在它身上，真图与占位共用同一个框。 */
+    'frame',
+    /** 四角取景角标（纯装饰）。 */
+    'marks',
+    /** 中央那枚相机记号（只有占位时才出）。 */
+    'lens',
+    /** 占位时写在框里的那句话。 */
+    'alt',
+    /** 真图的 `<img>`。 */
+    'img',
+    /** **日期标签**（左／右角，贴在自己那张上：`08-30`）。 */
+    'tag',
+    /** 题注条（框下面那一行：位置／朝向 ＋ 可选读数）。 */
+    'caption',
+    /** 题注条里的说明。 */
+    'text',
+    /** 题注条里的读数（「1120×1480 · 1.8 MB」）。 */
+    'size',
+    /** 中间那根可拖的竖线。 */
+    'divider',
+    /** 拖动条（原生 `range`；命中盒铺满台面，把手 44×44）。 */
+    'range',
+    /** **数值差值行**的容器。 */
+    'deltas',
+    /** 一行差值：读数名 ／ 前值 → 后值 ／ 变了多少。 */
+    'delta',
+    /** 方向记号（↓／↑／＝，纯装饰：正负号已经写在「变了多少」那句里）。 */
+    'delta-mark',
+    /** 差值行的读数名（「体重」）。 */
+    'delta-label',
+    /** 前值 → 后值（两个数之间的箭头由样式画，不由标记写）。 */
+    'delta-value',
+    /** 前值与后值之间那个箭头（纯装饰：两个数自己就排得清前后）。 */
+    'delta-arrow',
+    /** 「变了多少」那一格（**带正负号**：色只是第二样）。 */
+    'delta-change',
+    /** 窄档才出的**差值条**（一句话把「变了多少」写清）。 */
+    'verdict',
+    /** 底下那句口径（「拖照片上那根竖线：左边 08-30，右边 09-25」）。 */
+    'note',
+];
+/** 槽类的类名（唯一拼法）。 */
+export function photoCompareSlot(slot, prefix = 'ilife-') {
+    return prefix + 'block-photo-compare-' + slot;
+}
+/** 形态闭集：本件只落地了形态 A「拖动对照」。 */
+export const PHOTO_COMPARE_FORMS = ['drag'];
+/** 「变了多少」的方向闭集（**只改视觉档**：正负号写在那句话里，色只是第二样）。 */
+export const PHOTO_COMPARE_TONES = ['down', 'up', 'same'];
+/** 方向 → 屏上那个记号（钉在差值行左端，色之外的第二样）。 */
+export const PHOTO_COMPARE_TONE_MARKS = Object.freeze({
+    down: '↓',
+    up: '↑',
+    same: '＝',
+});
+/** 拖动把手的命中下限（px）：**命中盒不得小于它**（视觉圆可以小，命中盒必须够）。 */
+export const PHOTO_COMPARE_MIN_HIT_PX = 44;
+/** 拖动位置住在**本件自己的一个局部自定义属性**里（竖线、把手、裁切三处都从它算——一个事实一处存）。
+ *  它是**几何量**，不是皮肤 token：不占 `--ilife-` 名字空间，也不经 `skinVar()` 读。
+ *  唯一出处在本行，`render.ts`（渲初值）／`style.ts`（算位置）／`runtime.ts`（写新值）三处都引它。 */
+export const PHOTO_COMPARE_SPLIT_VAR = '--photo-compare-split';
+/** 拖动的档数（`←`／`→` 各移一格；`range` 的 `step`）。 */
+export const PHOTO_COMPARE_STEP = 2;
+/** 缺值那一栏的写法（缺的读数不编数）。 */
+export const PHOTO_COMPARE_MISSING = '—';

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

@@ -0,0 +1 @@
+{"version":3,"file":"attrs.js","sourceRoot":"","sources":["../../../src/components/photo-compare/attrs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,cAAc;AACd,MAAM,CAAC,MAAM,mBAAmB,GAAG,2BAA2B,CAAC;AAE/D,YAAY;AACZ,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,8BAA8B;IAC9B,OAAO;IACP,iDAAiD;IACjD,OAAO;IACP,+CAA+C;IAC/C,OAAO;IACP,mBAAmB;IACnB,OAAO;IACP,yBAAyB;IACzB,MAAM;IACN,mBAAmB;IACnB,KAAK;IACL,mBAAmB;IACnB,KAAK;IACL,sCAAsC;IACtC,KAAK;IACL,gCAAgC;IAChC,SAAS;IACT,eAAe;IACf,MAAM;IACN,qCAAqC;IACrC,MAAM;IACN,iBAAiB;IACjB,SAAS;IACT,wCAAwC;IACxC,OAAO;IACP,oBAAoB;IACpB,QAAQ;IACR,iCAAiC;IACjC,OAAO;IACP,wCAAwC;IACxC,YAAY;IACZ,qBAAqB;IACrB,aAAa;IACb,mCAAmC;IACnC,aAAa;IACb,oCAAoC;IACpC,aAAa;IACb,kCAAkC;IAClC,cAAc;IACd,kCAAkC;IAClC,SAAS;IACT,4CAA4C;IAC5C,MAAM;CACE,CAAC;AAGX,mBAAmB;AACnB,MAAM,UAAU,gBAAgB,CAAC,IAAsB,EAAE,MAAM,GAAG,QAAQ;IACxE,OAAO,MAAM,GAAG,sBAAsB,GAAG,IAAI,CAAC;AAChD,CAAC;AAED,6BAA6B;AAC7B,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,MAAM,CAAU,CAAC;AAGrD,+CAA+C;AAC/C,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,CAAU,CAAC;AAGnE,oCAAoC;AACpC,MAAM,CAAC,MAAM,wBAAwB,GAA+C,MAAM,CAAC,MAAM,CAAC;IAChG,IAAI,EAAE,GAAG;IACT,EAAE,EAAE,GAAG;IACP,IAAI,EAAE,GAAG;CACV,CAAC,CAAC;AAEH,iDAAiD;AACjD,MAAM,CAAC,MAAM,wBAAwB,GAAG,EAAE,CAAC;AAE3C;;uEAEuE;AACvE,MAAM,CAAC,MAAM,uBAAuB,GAAG,uBAAuB,CAAC;AAE/D,4CAA4C;AAC5C,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,CAAC;AAEpC,yBAAyB;AACzB,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAC"}

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

@@ -0,0 +1,16 @@
+/** photo-compare · **组件出口**（本组件对外的唯一名字面）。
+ *
+ *  七个运行名：`renderPhotoCompare(input)`（产标记，零 DOM）／`buildPhotoCompareJs()`（运行时段）／
+ *  `photoCompareCss()`（样式段）／形态闭集 `PHOTO_COMPARE_FORMS`／方向闭集 `PHOTO_COMPARE_TONES`
+ *  与记号表 `PHOTO_COMPARE_TONE_MARKS`／类名根 `PHOTO_COMPARE_CLASS`／
+ *  两个几何事实（`PHOTO_COMPARE_MIN_HIT_PX` 命中盒下限、`PHOTO_COMPARE_NARROW_PX` 窄档阈值）。
+ *  另出拖动位置那个局部自定义属性的名字与四个类型名（入参面）。
+ *
+ *  用法与参数表见同目录 `README.md`。消费方走 `base-paint/blocks`（组件层出口），不走根出口。
+ */
+export { PHOTO_COMPARE_CLASS, PHOTO_COMPARE_FORMS, PHOTO_COMPARE_MIN_HIT_PX, PHOTO_COMPARE_MISSING, PHOTO_COMPARE_SPLIT_VAR, PHOTO_COMPARE_STEP, PHOTO_COMPARE_TONES, PHOTO_COMPARE_TONE_MARKS, } from './attrs.js';
+export type { PhotoCompareDelta, PhotoCompareForm, PhotoCompareInput, PhotoCompareSide, PhotoCompareTone, } from './attrs.js';
+export { renderPhotoCompare } from './render.js';
+export { buildPhotoCompareJs } from './runtime.js';
+export { PHOTO_COMPARE_MARK_ARM_PX, PHOTO_COMPARE_NARROW_PX, PHOTO_COMPARE_STAGE_MAX_PX, photoCompareCss, } from './style.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/photo-compare/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,wBAAwB,EACxB,qBAAqB,EACrB,uBAAuB,EACvB,kBAAkB,EAClB,mBAAmB,EACnB,wBAAwB,GACzB,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EACL,yBAAyB,EACzB,uBAAuB,EACvB,0BAA0B,EAC1B,eAAe,GAChB,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,14 @@
+/** photo-compare · **组件出口**（本组件对外的唯一名字面）。
+ *
+ *  七个运行名：`renderPhotoCompare(input)`（产标记，零 DOM）／`buildPhotoCompareJs()`（运行时段）／
+ *  `photoCompareCss()`（样式段）／形态闭集 `PHOTO_COMPARE_FORMS`／方向闭集 `PHOTO_COMPARE_TONES`
+ *  与记号表 `PHOTO_COMPARE_TONE_MARKS`／类名根 `PHOTO_COMPARE_CLASS`／
+ *  两个几何事实（`PHOTO_COMPARE_MIN_HIT_PX` 命中盒下限、`PHOTO_COMPARE_NARROW_PX` 窄档阈值）。
+ *  另出拖动位置那个局部自定义属性的名字与四个类型名（入参面）。
+ *
+ *  用法与参数表见同目录 `README.md`。消费方走 `base-paint/blocks`（组件层出口），不走根出口。
+ */
+export { PHOTO_COMPARE_CLASS, PHOTO_COMPARE_FORMS, PHOTO_COMPARE_MIN_HIT_PX, PHOTO_COMPARE_MISSING, PHOTO_COMPARE_SPLIT_VAR, PHOTO_COMPARE_STEP, PHOTO_COMPARE_TONES, PHOTO_COMPARE_TONE_MARKS, } from './attrs.js';
+export { renderPhotoCompare } from './render.js';
+export { buildPhotoCompareJs } from './runtime.js';
+export { PHOTO_COMPARE_MARK_ARM_PX, PHOTO_COMPARE_NARROW_PX, PHOTO_COMPARE_STAGE_MAX_PX, photoCompareCss, } from './style.js';

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/photo-compare/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,wBAAwB,EACxB,qBAAqB,EACrB,uBAAuB,EACvB,kBAAkB,EAClB,mBAAmB,EACnB,wBAAwB,GACzB,MAAM,YAAY,CAAC;AAQpB,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EACL,yBAAyB,EACzB,uBAAuB,EACvB,0BAA0B,EAC1B,eAAe,GAChB,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,38 @@
+import { type PhotoCompareForm, type PhotoCompareTone } from './attrs.js';
+/** 归一化后的一张。 */
+export interface PhotoCompareSideModel {
+    readonly date: string;
+    readonly alt: string;
+    readonly src?: string;
+    readonly caption?: string;
+    readonly size?: string;
+    /** 题注条整条出不出（说明与读数两样都没有时不出，不留空条）。 */
+    readonly hasCaption: boolean;
+}
+/** 归一化后的一行差值。 */
+export interface PhotoCompareDeltaModel {
+    readonly label: string;
+    readonly before: string;
+    readonly after: string;
+    readonly change: string;
+    readonly tone: PhotoCompareTone;
+    /** 方向记号（↓／↑／＝）：**色之外的第二样**（正负号在 `change` 里，这是第三样）。 */
+    readonly mark: string;
+}
+/** 归一化后的入参。 */
+export interface PhotoCompareModel {
+    readonly form: PhotoCompareForm;
+    readonly before: PhotoCompareSideModel;
+    readonly after: PhotoCompareSideModel;
+    readonly deltas: readonly PhotoCompareDeltaModel[];
+    readonly verdict?: string;
+    readonly note?: string;
+    /** 拖动竖线的初始位置（0–100 的整数）。 */
+    readonly position: number;
+    /** `range` 的 `aria-label`（说清左右各是哪一天）。 */
+    readonly rangeLabel: string;
+    readonly extraClass?: string;
+}
+/** 入参归一化。**唯一入口**：`render.ts` 与 `runtime.ts` 都只吃它产出的 `PhotoCompareModel`。 */
+export declare function normalizePhotoCompare(input: unknown): PhotoCompareModel;
+//# sourceMappingURL=model.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../src/components/photo-compare/model.ts"],"names":[],"mappings":"AAQA,OAAO,EAML,KAAK,gBAAgB,EAErB,KAAK,gBAAgB,EACtB,MAAM,YAAY,CAAC;AAEpB,eAAe;AACf,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,oCAAoC;IACpC,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;CAC9B;AAED,iBAAiB;AACjB,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,EAAE,gBAAgB,CAAC;IAChC,sDAAsD;IACtD,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB;AAED,eAAe;AACf,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,IAAI,EAAE,gBAAgB,CAAC;IAChC,QAAQ,CAAC,MAAM,EAAE,qBAAqB,CAAC;IACvC,QAAQ,CAAC,KAAK,EAAE,qBAAqB,CAAC;IACtC,QAAQ,CAAC,MAAM,EAAE,SAAS,sBAAsB,EAAE,CAAC;IACnD,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,4BAA4B;IAC5B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,yCAAyC;IACzC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AAsCD,6EAA6E;AAC7E,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,OAAO,GAAG,iBAAiB,CA6CvE"}

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

@@ -0,0 +1,87 @@
+/** photo-compare · **入参归一化与校验**（把 `any` 与说不出的 `unknown` 挡在门外，产出内部类型）。
+ *
+ *  三条口径：
+ *   1. **非法入参一律 `badInput()`**（抛 `BlocksError`）——不静默降级；
+ *   2. **没有差值行的「前后对比」是错的**：`deltas` 空数组一律拒（本件重做就是为了「变了多少」这句）；
+ *   3. **算得出来的都不许调用方再给**：箭头的方向记号、拖动的初始百分比、`aria` 那句比较说明。
+ */
+import { assertPlainObject, badInput, optExtraClass, optText, reqText } from '../shared/validate.js';
+import { PHOTO_COMPARE_FORMS, PHOTO_COMPARE_STEP, PHOTO_COMPARE_TONES, PHOTO_COMPARE_TONE_MARKS, } from './attrs.js';
+/** 一张：日期与那段说明都必填（日期是这一件的第二个读数）。 */
+function sideModel(value, field) {
+    assertPlainObject(value, field);
+    const raw = value;
+    const caption = optText(raw.caption, field + '.caption');
+    const size = optText(raw.size, field + '.size');
+    return {
+        date: reqText(raw.date, field + '.date'),
+        alt: reqText(raw.alt, field + '.alt'),
+        src: optText(raw.src, field + '.src'),
+        caption,
+        size,
+        hasCaption: caption !== undefined || size !== undefined,
+    };
+}
+/** 一行差值：四格全必填（说不出「变了多少」的行没有存在的理由）。 */
+function deltaModel(value, index) {
+    const field = 'photo-compare: input.deltas[' + index + ']';
+    assertPlainObject(value, field);
+    const raw = value;
+    const toneGiven = raw.tone;
+    if (toneGiven !== undefined && !PHOTO_COMPARE_TONES.includes(toneGiven)) {
+        badInput(field + '.tone 必须是 ' + PHOTO_COMPARE_TONES.join('／') + ' 之一');
+    }
+    const tone = (toneGiven ?? 'same');
+    return {
+        label: reqText(raw.label, field + '.label'),
+        before: reqText(raw.before, field + '.before'),
+        after: reqText(raw.after, field + '.after'),
+        change: reqText(raw.change, field + '.change'),
+        tone,
+        mark: PHOTO_COMPARE_TONE_MARKS[tone],
+    };
+}
+/** 入参归一化。**唯一入口**：`render.ts` 与 `runtime.ts` 都只吃它产出的 `PhotoCompareModel`。 */
+export function normalizePhotoCompare(input) {
+    assertPlainObject(input, 'renderPhotoCompare: input');
+    const raw = input;
+    const form = raw.form === undefined ? PHOTO_COMPARE_FORMS[0] : raw.form;
+    if (!PHOTO_COMPARE_FORMS.includes(form)) {
+        badInput('photo-compare: input.form 必须是 ' + PHOTO_COMPARE_FORMS.join('／')
+            + ' 之一（本件只落地形态 A「拖动对照」）');
+    }
+    const before = sideModel(raw.before, 'photo-compare: input.before');
+    const after = sideModel(raw.after, 'photo-compare: input.after');
+    if (before.date === after.date) {
+        badInput('photo-compare: input.before.date 与 input.after.date 不许同一天（同一天没有"前后"）');
+    }
+    const given = raw.deltas;
+    if (!Array.isArray(given))
+        badInput('photo-compare: input.deltas 必须是数组');
+    if (given.length === 0) {
+        badInput('photo-compare: input.deltas 不许空数组——只给拖动，读者读不出「变了多少」（这正是本件要替掉的）');
+    }
+    const deltas = given.map((d, i) => deltaModel(d, i));
+    const posGiven = raw.position;
+    let position = 50;
+    if (posGiven !== undefined) {
+        if (typeof posGiven !== 'number' || !Number.isFinite(posGiven)) {
+            badInput('photo-compare: input.position 必须是 0–100 的数字');
+        }
+        if (posGiven < 0 || posGiven > 100)
+            badInput('photo-compare: input.position 必须落在 0–100');
+        position = Math.round(posGiven / PHOTO_COMPARE_STEP) * PHOTO_COMPARE_STEP;
+        position = Math.min(100, Math.max(0, position));
+    }
+    return {
+        form: form,
+        before,
+        after,
+        deltas,
+        verdict: optText(raw.verdict, 'photo-compare: input.verdict'),
+        note: optText(raw.note, 'photo-compare: input.note'),
+        position,
+        rangeLabel: '拖动竖线，比较 ' + before.date + ' 与 ' + after.date + ' 两张照片',
+        extraClass: optExtraClass(raw.extraClass, 'photo-compare: input.extraClass'),
+    };
+}

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

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

package/dist/components/photo-compare/render.d.ts

@@ -0,0 +1,3 @@
+/** 渲染前后对比（纯函数：同样的入参恒产同样的字节；转义只经 `shared/escape.ts`）。 */
+export declare function renderPhotoCompare(input: unknown): string;
+//# sourceMappingURL=render.d.ts.map

package/dist/components/photo-compare/render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/components/photo-compare/render.ts"],"names":[],"mappings":"AAiGA,wDAAwD;AACxD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAOzD"}

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

@@ -0,0 +1,98 @@
+/** photo-compare · **渲染**（纯函数产 HTML；本件只有形态 A「拖动对照」一种骨架）。
+ *
+ *  —— 形态 A：拖动对照（**三个读数一起给**）——
+ *
+ *  ① 台面上两张照片**叠着**（后一张从左边裁），中间一根竖线 ＋ 一个可拖的把手；
+ *  ② **两张的日期标签**各自贴在自己那张的角上（左角／右角）；
+ *  ③ 底下是**数值差值行**（体重 70.8 → 68.4 千克，Δ −2.4 千克）——拖动读不出来的那件事在这里读得出。
+ *
+ *  同一份标记**两档都用**：宽档两张重叠（`grid-area: 1/1`），窄档同一对 `<figure>`
+ *  改成左右并排（`grid-area: auto`），拖动条收起、差值条上屏——**不是两套标记**。
+ *  拖动位置只存一个**局部自定义属性**（根上的 `--photo-compare-split`，是个几何量，不是皮肤 token），
+ *  竖线、把手、裁切三处都从它算 ⇒ 一个事实一处存。
+ */
+import { esc } from '../shared/escape.js';
+import { PHOTO_COMPARE_CLASS, PHOTO_COMPARE_SPLIT_VAR, PHOTO_COMPARE_STEP, photoCompareSlot, } from './attrs.js';
+import { normalizePhotoCompare } from './model.js';
+/** 台面上那张照片的定形比例（窄档并排时由它定形；宽档台面自己带比例，框铺满）。 */
+const FRAME_RATIO = '4-5';
+/** 定形框上的比例类（与 `style.ts` 里那条 `aspect-ratio` 规则同一个名字）。 */
+function frameClass() {
+    return photoCompareSlot('frame') + '-' + FRAME_RATIO;
+}
+/** 一张：定形框（取景角标 ＋ 相机记号或真图）＋ 日期标签 ＋ 题注条。 */
+function layerHtml(side, which) {
+    const parts = ['<figure class="' + photoCompareSlot('layer') + ' is-' + which + '">'];
+    parts.push('<span class="' + photoCompareSlot('frame') + ' ' + frameClass() + '">');
+    parts.push('<i class="' + photoCompareSlot('marks') + '" aria-hidden="true"></i>');
+    if (side.src === undefined) {
+        parts.push('<i class="' + photoCompareSlot('lens') + '" aria-hidden="true"></i>');
+        parts.push('<span class="' + photoCompareSlot('alt') + '">' + esc(side.alt) + '</span>');
+    }
+    else {
+        parts.push('<img class="' + photoCompareSlot('img') + '" src="' + esc(side.src) + '" alt="' + esc(side.alt)
+            + '" loading="lazy" decoding="async">');
+    }
+    parts.push('</span>');
+    parts.push('<span class="' + photoCompareSlot('tag') + '">' + esc(side.date) + '</span>');
+    if (side.hasCaption) {
+        const caps = [];
+        if (side.caption !== undefined)
+            caps.push('<span class="' + photoCompareSlot('text') + '">' + esc(side.caption) + '</span>');
+        if (side.size !== undefined)
+            caps.push('<span class="' + photoCompareSlot('size') + '">' + esc(side.size) + '</span>');
+        parts.push('<figcaption class="' + photoCompareSlot('caption') + '">' + caps.join('') + '</figcaption>');
+    }
+    parts.push('</figure>');
+    return parts.join('');
+}
+/** 一行差值：方向记号 ／ 读数名 ／ 前值 → 后值 ／ 变了多少。 */
+function deltaHtml(d) {
+    return '<li class="' + photoCompareSlot('delta') + ' is-' + d.tone + '">'
+        + '<span class="' + photoCompareSlot('delta-mark') + '" aria-hidden="true">' + esc(d.mark) + '</span>'
+        + '<span class="' + photoCompareSlot('delta-label') + '">' + esc(d.label) + '</span>'
+        + '<span class="' + photoCompareSlot('delta-value') + '"><b>' + esc(d.before) + '</b>'
+        + '<span class="' + photoCompareSlot('delta-arrow') + '" aria-hidden="true">→</span>'
+        + '<b>' + esc(d.after) + '</b></span>'
+        + '<span class="' + photoCompareSlot('delta-change') + '">' + esc(d.change) + '</span>'
+        + '</li>';
+}
+/** 形态 A 的骨架。 */
+function renderDrag(m) {
+    const parts = [];
+    parts.push('<div class="' + photoCompareSlot('stage') + '">');
+    parts.push(layerHtml(m.before, 'before'));
+    parts.push(layerHtml(m.after, 'after'));
+    parts.push('<span class="' + photoCompareSlot('divider') + '" aria-hidden="true"></span>');
+    /* 拖动条是**原生 `range`**：键盘 `←`／`→` 各一档（`step`），指针拖、触摸拖都由原生接管；
+       命中盒铺满台面，把手 44×44（`PHOTO_COMPARE_MIN_HIT_PX`）——不靠脚本才成立。 */
+    parts.push('<input class="' + photoCompareSlot('range') + '" type="range" min="0" max="100" step="'
+        + String(PHOTO_COMPARE_STEP) + '" value="' + esc(String(m.position)) + '"'
+        + ' aria-label="' + esc(m.rangeLabel) + '"'
+        + ' aria-valuetext="' + esc('左 ' + m.before.date + '，右 ' + m.after.date) + '">');
+    parts.push('</div>');
+    if (m.verdict !== undefined) {
+        parts.push('<p class="' + photoCompareSlot('verdict') + '">' + esc(m.verdict) + '</p>');
+    }
+    parts.push('<ul class="' + photoCompareSlot('deltas') + '">');
+    for (const d of m.deltas)
+        parts.push(deltaHtml(d));
+    parts.push('</ul>');
+    if (m.note !== undefined) {
+        parts.push('<p class="' + photoCompareSlot('note') + '">' + esc(m.note) + '</p>');
+    }
+    return parts.join('');
+}
+/** 形态 → 骨架（本件只有一格；分派写在这里，加第二形态就是加一支）。 */
+const SKELETONS = {
+    drag: renderDrag,
+};
+/** 渲染前后对比（纯函数：同样的入参恒产同样的字节；转义只经 `shared/escape.ts`）。 */
+export function renderPhotoCompare(input) {
+    const m = normalizePhotoCompare(input);
+    const extra = m.extraClass === undefined ? '' : ' ' + m.extraClass;
+    return '<div class="' + PHOTO_COMPARE_CLASS + ' is-' + m.form + extra + '"'
+        + ' data-ilife-photo-compare=""'
+        + ' style="' + PHOTO_COMPARE_SPLIT_VAR + ': ' + esc(String(m.position)) + '%">'
+        + SKELETONS[m.form](m) + '</div>';
+}

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

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

package/dist/components/photo-compare/runtime.d.ts

@@ -0,0 +1,3 @@
+/** 产出运行时的 JS 文本（经典 script 作用域可跑的 IIFE；由页面拼进共享 helpers 槽）。 */
+export declare function buildPhotoCompareJs(): string;
+//# sourceMappingURL=runtime.d.ts.map

package/dist/components/photo-compare/runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../../../src/components/photo-compare/runtime.ts"],"names":[],"mappings":"AAeA,6DAA6D;AAC7D,wBAAgB,mBAAmB,IAAI,MAAM,CAuB5C"}

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

@@ -0,0 +1,39 @@
+/** photo-compare · **运行时**（产出 JS 文本；DOM 只允许出现在这段文本里）。
+ *
+ *  要它干什么：竖线、把手（原生 `range` 的把手由浏览器画）、后一张的裁切**三处**都从
+ *  **同一个**位置值算。位置值只有一处事实：根上的局部自定义属性 `--photo-compare-split`。
+ *  这段做的事就一件：把 `range` 的当前值写回那个属性。
+ *
+ *  行为契约（逐条对应判据）：
+ *   · **委派 ＋ 幂等**：`document` 上一枚 `input` 委派（拖动与键盘 `←`／`→` 都用它）；重复注入只绑一次。
+ *   · **初始化**：进页时按 `range` 的**当前值**补画一次 —— 浏览器前进／后退或表单还原会把 `value`
+ *     改回来（服务端渲的那一版只是初值），不补画就会出现「把手在 20%，竖线在 50%」这种自相矛盾。
+ *   · **无脚本降级**：这段不跑时，服务端渲的初值照样成立（竖线／裁切都在初值上），只是拖不动。
+ *   · **零 DOM 于模块代码**：`document` 只出现在本文件产出的字符串里。
+ */
+import { PHOTO_COMPARE_SPLIT_VAR, photoCompareSlot } from './attrs.js';
+/** 产出运行时的 JS 文本（经典 script 作用域可跑的 IIFE；由页面拼进共享 helpers 槽）。 */
+export function buildPhotoCompareJs() {
+    const q = (s) => JSON.stringify(s);
+    const rangeClass = photoCompareSlot('range');
+    const rootSel = '[data-ilife-photo-compare]';
+    return '(function(){' + '\n'
+        + '  var SEL_RANGE=' + q('.' + rangeClass) + ', SEL_ROOT=' + q(rootSel) + ';' + '\n'
+        + '  var CLASS_RANGE=' + q(rangeClass) + ', SPLIT=' + q(PHOTO_COMPARE_SPLIT_VAR) + ';' + '\n'
+        + '  var doc=document;' + '\n'
+        + '  if (doc.documentElement.getAttribute("data-ilife-compare-runtime")==="1") return;' + '\n'
+        + '  doc.documentElement.setAttribute("data-ilife-compare-runtime","1");' + '\n'
+        + '  function rootOf(el){ return el && el.closest ? el.closest(SEL_ROOT) : null; }' + '\n'
+        + '  function paint(range){' + '\n'
+        + '    var root=rootOf(range); if (!root) return;' + '\n'
+        + '    var v=range.value; if (v==="" || v===null || v===undefined) v="50";' + '\n'
+        + '    root.style.setProperty(SPLIT, v + "%");' + '\n'
+        + '  }' + '\n'
+        + '  function isRange(el){ return !!(el && el.classList && el.classList.contains(CLASS_RANGE)); }' + '\n'
+        + '  doc.addEventListener("input", function(e){ if (isRange(e.target)) paint(e.target); });' + '\n'
+        + '  doc.addEventListener("change", function(e){ if (isRange(e.target)) paint(e.target); });' + '\n'
+        /* 初始化：按当前值补画一次（表单还原／前进后退之后也自洽）。 */
+        + '  var all=doc.querySelectorAll(SEL_RANGE);' + '\n'
+        + '  for (var i=0;i<all.length;i+=1) paint(all[i]);' + '\n'
+        + '}());';
+}

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

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../../../src/components/photo-compare/runtime.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEvE,6DAA6D;AAC7D,MAAM,UAAU,mBAAmB;IACjC,MAAM,CAAC,GAAG,CAAC,CAAS,EAAU,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACnD,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC7C,MAAM,OAAO,GAAG,4BAA4B,CAAC;IAC7C,OAAO,cAAc,GAAG,IAAI;UACxB,kBAAkB,GAAG,CAAC,CAAC,GAAG,GAAG,UAAU,CAAC,GAAG,aAAa,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,GAAG,GAAG,IAAI;UAClF,oBAAoB,GAAG,CAAC,CAAC,UAAU,CAAC,GAAG,UAAU,GAAG,CAAC,CAAC,uBAAuB,CAAC,GAAG,GAAG,GAAG,IAAI;UAC3F,qBAAqB,GAAG,IAAI;UAC5B,qFAAqF,GAAG,IAAI;UAC5F,uEAAuE,GAAG,IAAI;UAC9E,iFAAiF,GAAG,IAAI;UACxF,0BAA0B,GAAG,IAAI;UACjC,gDAAgD,GAAG,IAAI;UACvD,yEAAyE,GAAG,IAAI;UAChF,6CAA6C,GAAG,IAAI;UACpD,KAAK,GAAG,IAAI;UACZ,gGAAgG,GAAG,IAAI;UACvG,0FAA0F,GAAG,IAAI;UACjG,2FAA2F,GAAG,IAAI;QACpG,mCAAmC;UACjC,4CAA4C,GAAG,IAAI;UACnD,kDAAkD,GAAG,IAAI;UACzD,OAAO,CAAC;AACd,CAAC"}

package/dist/components/photo-compare/style.d.ts

@@ -0,0 +1,14 @@
+/** 取景角标的臂长／线宽／内距（px，与 `photo-grid` 同一套做法：占位要读得出是相片）。 */
+export declare const PHOTO_COMPARE_MARK_ARM_PX = 12;
+export declare const PHOTO_COMPARE_MARK_THICK_PX = 2;
+export declare const PHOTO_COMPARE_MARK_INSET_PX = 6;
+/** 窄容器阈值（px）：宽于它两张叠着拖，窄于它退成左右并排 ＋ 差值条。 */
+export declare const PHOTO_COMPARE_NARROW_PX = 520;
+/** 台面比例与高度上限（宽档用：盒先定形，图到位不跳版；高度封顶免得一张竖版照片占满屏）。 */
+export declare const PHOTO_COMPARE_STAGE_RATIO = "4 / 3";
+export declare const PHOTO_COMPARE_STAGE_MAX_PX = 460;
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export declare function photoCompareCss(input?: {
+    readonly prefix?: string;
+}): string;
+//# sourceMappingURL=style.d.ts.map

package/dist/components/photo-compare/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/photo-compare/style.ts"],"names":[],"mappings":"AAyBA,wDAAwD;AACxD,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAC5C,eAAO,MAAM,2BAA2B,IAAI,CAAC;AAC7C,eAAO,MAAM,2BAA2B,IAAI,CAAC;AAE7C,0CAA0C;AAC1C,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAE3C,kDAAkD;AAClD,eAAO,MAAM,yBAAyB,UAAU,CAAC;AACjD,eAAO,MAAM,0BAA0B,MAAM,CAAC;AAwB9C,4BAA4B;AAC5B,wBAAgB,eAAe,CAAC,KAAK,CAAC,EAAE;IAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CA2V5E"}