base-paint 0.3.13 → 0.3.15

package/dist/components/scatter-fit/render.js

@@ -0,0 +1,140 @@
+/** scatter-fit · **渲染**（纯函数产 HTML；三个形态各一支骨架：散点／分箱／滞后）。
+ *
+ *  —— 三个形态 ——
+ *   · `scatter` 点是一片云、趋势是一条线、带子是大概率的范围；
+ *   · `bin` 按横轴分箱，每箱一根竖条（下四分位到上四分位）＋ 中间一根粗线（中位数）；
+ *   · `lag` 逐档一根条，从中线往左或往右（负号＝方向相反），最强那档再写一遍字。
+ *  它替掉的两种错法：
+ *   · 只给一个相关系数 —— 看不出是结构，还是离群点拉出来的；
+ *   · 用两根并排柱冒充关系 —— 那是同一指标的两个值，不是两个指标的关系。
+ *
+ *  三条硬口径（判据断的就是它们）：
+ *   · **坐标与算数都在 `model.ts`**：这一支只拼标记，`left`／`bottom`／`clip-path`／`width`
+ *     那几行行内样式是**算出来的百分比**（一条记录一个数），静态规则一律住 `style.ts`；
+ *   · **色不是唯一信息**：刻度文字给数字、图例给形与字、离群点与最强档都**再写一遍字**；
+ *   · **不靠颜色表方向**：滞后档的条从中线往左或往右（形）＋ 数字带正负号（字）；
+ *   · **算不出拟合就不出线与带**：`bandShape`／`fitShape` 为空串时**一个多边形都不出**
+ *     （留一个空 `clip-path` 会画出"一条常数线"，读者会当成趋势）。
+ */
+import { esc } from '../shared/escape.js';
+import { SCATTER_FIT_CLASS, scatterFitSlot } from './attrs.js';
+import { normalizeScatterFit } from './model.js';
+/** 卡头：标题 ＋ 口径那枚时间窗 ＋ **从数据算出来**的统计那句。 */
+function headHtml(m) {
+    const parts = ['<div class="' + scatterFitSlot('hd') + '">'];
+    parts.push('<h4 class="' + scatterFitSlot('title') + '">' + esc(m.title) + '</h4>');
+    if (m.stamp !== undefined) {
+        parts.push('<span class="' + scatterFitSlot('stamp') + '">' + esc(m.stamp) + '</span>');
+    }
+    parts.push('<span class="' + scatterFitSlot('tail') + '">' + esc(m.tail) + '</span>');
+    parts.push('</div>');
+    return parts.join('');
+}
+/** 纵轴刻度列（三档：与图区同高的上／中／下；只有第一枚带单位）。 */
+function yTicksHtml(m) {
+    return '<div class="' + scatterFitSlot('yticks') + '">'
+        + m.yTicks.map((t) => '<span class="' + scatterFitSlot('ytick') + '">' + esc(t) + '</span>').join('')
+        + '</div>';
+}
+/** 图例：每一项是「形 ＋ 字」——形由 `is-*` 给，字说清那是什么。 */
+function legendHtml(m) {
+    if (m.legend.length === 0)
+        return '';
+    return '<ul class="' + scatterFitSlot('legend') + '">'
+        + m.legend.map((one) => '<li class="' + scatterFitSlot('legend-item') + '">'
+            + '<i class="' + scatterFitSlot('legend-mark') + ' is-' + one.kind + '" aria-hidden="true"></i>'
+            + esc(one.text) + '</li>').join('')
+        + '</ul>';
+}
+/** 脚注一句人话（不给就用本形态的口径句）。 */
+function noteHtml(m) {
+    return '<p class="' + scatterFitSlot('note') + '">' + esc(m.note) + '</p>';
+}
+/** 形态 A：坐标框（纵轴刻度列 ‖ 点阵区）＋ 横轴刻度行 → 图例 → 脚注。 */
+function renderScatter(m) {
+    const parts = [headHtml(m)];
+    parts.push('<div class="' + scatterFitSlot('plotbox') + '">');
+    parts.push(yTicksHtml(m));
+    parts.push('<div class="' + scatterFitSlot('plot') + '" role="img" aria-label="' + esc(m.ariaLabel) + '">');
+    /* **算不出拟合就一个多边形都不出**（`bandShape`／`fitShape` 为空串＝不画）：留一个空 `clip-path`
+       会画出"一条常数线"，读者会当成趋势（判据断的是形，不只是字）。 */
+    if (m.bandShape !== '') {
+        parts.push('<span class="' + scatterFitSlot('band') + '" aria-hidden="true" style="clip-path: '
+            + esc(m.bandShape) + '"></span>');
+    }
+    if (m.fitShape !== '') {
+        parts.push('<span class="' + scatterFitSlot('fitline') + '" aria-hidden="true" style="clip-path: '
+            + esc(m.fitShape) + '"></span>');
+    }
+    for (const dot of m.dots) {
+        parts.push('<span class="' + scatterFitSlot('dot') + (dot.outlier ? ' is-outlier' : '')
+            + '" style="left: ' + String(dot.leftPct) + '%; bottom: ' + String(dot.upPct) + '%" title="'
+            + esc(dot.title) + '"></span>');
+    }
+    parts.push('</div>');
+    parts.push('<div class="' + scatterFitSlot('xticks') + '">'
+        + m.xTicks.map((t) => '<span class="' + scatterFitSlot('xtick') + '">' + esc(t) + '</span>').join('')
+        + '</div>');
+    parts.push('</div>');
+    parts.push(legendHtml(m));
+    parts.push(noteHtml(m));
+    return parts.join('');
+}
+/** 形态 B：坐标框（纵轴刻度列 ‖ 分箱区）＋ 箱标签行 → 图例 → 脚注。 */
+function renderBin(m) {
+    const parts = [headHtml(m)];
+    parts.push('<div class="' + scatterFitSlot('plotbox') + '">');
+    parts.push(yTicksHtml(m));
+    parts.push('<div class="' + scatterFitSlot('bins') + '" role="img" aria-label="' + esc(m.ariaLabel) + '">');
+    for (const bin of m.bins) {
+        parts.push('<span class="' + scatterFitSlot('bincol') + '" title="' + esc(bin.title) + '">');
+        parts.push('<i class="' + scatterFitSlot('bin-range') + '" aria-hidden="true" style="bottom: '
+            + String(bin.bottomPct) + '%; height: ' + String(bin.heightPct) + '%"></i>');
+        parts.push('<i class="' + scatterFitSlot('bin-median') + '" aria-hidden="true" style="bottom: '
+            + String(bin.medianPct) + '%"></i>');
+        parts.push('</span>');
+    }
+    parts.push('</div>');
+    parts.push('<div class="' + scatterFitSlot('xticks') + '">'
+        + m.xTicks.map((t) => '<span class="' + scatterFitSlot('bintick') + '">' + esc(t) + '</span>').join('')
+        + '</div>');
+    parts.push('</div>');
+    parts.push(legendHtml(m));
+    parts.push(noteHtml(m));
+    return parts.join('');
+}
+/** 形态 C：表头一行（错开 ｜ 相关强度 ｜ 系数）＋ 逐档一行 → 脚注。 */
+function renderLag(m) {
+    const parts = [headHtml(m)];
+    parts.push('<div class="' + scatterFitSlot('laghead') + '"><span>错开</span>'
+        + '<span>相关强度（中线往左右各半 ＝ ±1）</span><span>系数</span></div>');
+    parts.push('<div class="' + scatterFitSlot('lag') + '" role="img" aria-label="' + esc(m.ariaLabel) + '">');
+    for (const row of m.lags) {
+        parts.push('<div class="' + scatterFitSlot('lagrow') + (row.negative ? ' is-negative' : '')
+            + (row.strong ? ' is-strong' : '') + '">');
+        parts.push('<span class="' + scatterFitSlot('lag-label') + '">' + esc(row.label) + '</span>');
+        parts.push('<span class="' + scatterFitSlot('lag-track') + '"><i class="'
+            + scatterFitSlot('lag-bar') + '" aria-hidden="true" style="width: ' + String(row.widthPct)
+            + '%"></i></span>');
+        parts.push('<span class="' + scatterFitSlot('lag-value') + '">'
+            + (row.strong ? '<b class="' + scatterFitSlot('lag-strong') + '">' + esc(row.valueText + ' 最强') + '</b>'
+                : esc(row.valueText)) + '</span>');
+        parts.push('</div>');
+    }
+    parts.push('</div>');
+    parts.push(noteHtml(m));
+    return parts.join('');
+}
+/** 形态 → 骨架（分派写在这里，加第四形态就是加一支）。 */
+const SKELETONS = {
+    scatter: renderScatter,
+    bin: renderBin,
+    lag: renderLag,
+};
+/** 渲染相关性散点（纯函数：同样的入参恒产同样的字节；转义只经 `shared/escape.ts`）。 */
+export function renderScatterFit(input) {
+    const m = normalizeScatterFit(input);
+    const extra = m.extraClass === undefined ? '' : ' ' + m.extraClass;
+    return '<div class="' + SCATTER_FIT_CLASS + ' is-' + m.form + extra + '">'
+        + SKELETONS[m.form](m) + '</div>';
+}

package/dist/components/scatter-fit/render.js.map

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

package/dist/components/scatter-fit/scale.d.ts

@@ -0,0 +1,60 @@
+/** scatter-fit · **数字与坐标**（本件第三份源码件：`forms.ts` 的三个骨架都用它，它谁都不用）。
+ *
+ *  为什么有这一件：一次落三个形态，校验 ＋ 装配 ＋ 算数挤在一件里会超本包告警线 350
+ *  （`packages/base-render/AGENTS.md`）。切口按「算数面／装配面／入参面」分：
+ *   · 本件：纯算数与格式化（轴域、坐标映射、刻度文字、最小二乘拟合、概率带多边形）；
+ *   · `forms.ts`：已校验的入参 → 三个骨架的模型（调本件）；
+ *   · `model.ts`：入参校验与归一化入口。
+ *  拆分只搬「住哪个文件」，产出一个字节都没改。
+ *
+ *  两条口径：
+ *   1. **坐标只有一处算**：`upPct()` 是本件唯一的坐标映射（数据 → 3%…97% 的百分比），点的 `bottom`、
+ *      区间条的 `bottom ＋ height`、拟合线与概率带的多边形**都从它出**；刻度文字也从同一个轴域出——
+ *      两处各写一套必然走散（读者按刻度数点一定数得对）。
+ *   2. 本件不认形态、不碰标记：输入是数，输出还是数（或数拼成的字形）。
+ */
+import { type ScatterFitPoint } from './attrs.js';
+/** 拟合线的半厚（占图高的百分比；170px 高的图上约 2px）。 */
+export declare const LINE_HALF_PCT = 1.1;
+/** 两位小数（所有出出去的百分比都过它：行内样式里不许出现 0.30000000000000004）。 */
+export declare const round2: (v: number) => number;
+/** 读数里的数字（`title`／无障碍名用：最多两位小数，末尾的零去掉）。 */
+export declare function plainText(v: number): string;
+/** 相关系数：两位小数，带正负号（负号用 U+2212 减号，与数字同宽）。 */
+export declare function signed(v: number): string;
+/** 「相关强度」那句话说**多强**、不说方向（方向由正负号给）：口径与原型墙同档（0.62 算中等）。 */
+export declare function strengthText(r: number): string;
+/** 轴域：好看的上下界 ＋ 间隔 ＋ 间隔的小数位。 */
+export interface Axis {
+    readonly lo: number;
+    readonly hi: number;
+    readonly step: number;
+    readonly decimals: number;
+}
+/** 把数据区间撑成一段好看的轴域。
+ *
+ *  **轴顶＝`loNice ＋ (ticks-1) × step`**（不是 `ceil(hi/step)*step`）：这两条以前是解耦的，
+ *  取整之后区间数会掉到 `ticks-1` 以下，而刻度文字仍按 `lo ＋ step × i` 算 ⇒ **刻度跑到轴顶之外**，
+ *  读者按刻度读出来的位置系统性偏小（4630/8000 组随机区间里顶刻度 ≠ 轴顶，实测过 +30% 的读数偏差）。
+ *  撑不下就把步长往上抬一档（`hiNice < hi` 时），保证轴域永远盖得住数据。 */
+export declare function niceAxis(min: number, max: number, ticks: number): Axis;
+/** 一段轴域的刻度文字（第一枚带单位：`1,200 卡`／`69.0 公斤`）；`top` ＝ 纵轴（从大往小写）。 */
+export declare function tickTexts(axis: Axis, ticks: number, unit: string | undefined, top: boolean): string[];
+/** **唯一的坐标映射**：数据 → 「从下往上」的百分比（3…97；CSS 的 `bottom`／`height` 那一套）。 */
+export declare function upPct(value: number, axis: Axis): number;
+interface FitResult {
+    readonly slope: number;
+    readonly intercept: number;
+    /** 概率带的半宽（纵轴的数据单位）。 */
+    readonly half: number;
+    /** 相关系数；算不出时 `null`。 */
+    readonly r: number | null;
+    /** 算不出的原因（`r === null` 时才非空）。 */
+    readonly why: string;
+}
+/** 最小二乘拟合 ＋ 皮尔逊相关系数 ＋ 残差标准差（一个循环算完，不来回扫三遍）。 */
+export declare function fitOf(points: readonly ScatterFitPoint[]): FitResult;
+/** 一条「带」的多边形：沿横轴取段，上下各让开 `halfUp` 个百分比 —— 概率带与拟合线共用这一支。 */
+export declare function bandPolygon(axisX: Axis, axisY: Axis, fit: FitResult, halfUp: number): string;
+export {};
+//# sourceMappingURL=scale.d.ts.map

package/dist/components/scatter-fit/scale.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scale.d.ts","sourceRoot":"","sources":["../../../src/components/scatter-fit/scale.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAA0B,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAK1E,uCAAuC;AACvC,eAAO,MAAM,aAAa,MAAM,CAAC;AAOjC,wDAAwD;AACxD,eAAO,MAAM,MAAM,GAAI,GAAG,MAAM,KAAG,MAA8B,CAAC;AAyBlE,2CAA2C;AAC3C,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAK3C;AAED,2CAA2C;AAC3C,wBAAgB,MAAM,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAExC;AAED,yDAAyD;AACzD,wBAAgB,YAAY,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAO9C;AAID,+BAA+B;AAC/B,MAAM,WAAW,IAAI;IACnB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;CAC3B;AA4BD;;;;;iDAKiD;AACjD,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAoBtE;AAED,+DAA+D;AAC/D,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,GAAG,EAAE,OAAO,GAAG,MAAM,EAAE,CAKrG;AAID,qEAAqE;AACrE,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,GAAG,MAAM,CAGvD;AAOD,UAAU,SAAS;IACjB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,uBAAuB;IACvB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,wBAAwB;IACxB,QAAQ,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,iCAAiC;IACjC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;CACtB;AAED,+CAA+C;AAC/C,wBAAgB,KAAK,CAAC,MAAM,EAAE,SAAS,eAAe,EAAE,GAAG,SAAS,CAgCnE;AAED,2DAA2D;AAC3D,wBAAgB,WAAW,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAW5F"}

package/dist/components/scatter-fit/scale.js

@@ -0,0 +1,193 @@
+/** scatter-fit · **数字与坐标**（本件第三份源码件：`forms.ts` 的三个骨架都用它，它谁都不用）。
+ *
+ *  为什么有这一件：一次落三个形态，校验 ＋ 装配 ＋ 算数挤在一件里会超本包告警线 350
+ *  （`packages/base-render/AGENTS.md`）。切口按「算数面／装配面／入参面」分：
+ *   · 本件：纯算数与格式化（轴域、坐标映射、刻度文字、最小二乘拟合、概率带多边形）；
+ *   · `forms.ts`：已校验的入参 → 三个骨架的模型（调本件）；
+ *   · `model.ts`：入参校验与归一化入口。
+ *  拆分只搬「住哪个文件」，产出一个字节都没改。
+ *
+ *  两条口径：
+ *   1. **坐标只有一处算**：`upPct()` 是本件唯一的坐标映射（数据 → 3%…97% 的百分比），点的 `bottom`、
+ *      区间条的 `bottom ＋ height`、拟合线与概率带的多边形**都从它出**；刻度文字也从同一个轴域出——
+ *      两处各写一套必然走散（读者按刻度数点一定数得对）。
+ *   2. 本件不认形态、不碰标记：输入是数，输出还是数（或数拼成的字形）。
+ */
+import { SCATTER_FIT_AXIS_INSET } from './attrs.js';
+/** 概率带的半宽（z 值 × 残差标准差）：1.2816 是正态 80% 区间那一档。 */
+const BAND_Z = 1.2816;
+/** 拟合线的半厚（占图高的百分比；170px 高的图上约 2px）。 */
+export const LINE_HALF_PCT = 1.1;
+/** 概率带／拟合线切成几段（5 个端点够了：拟合线本来就是直的，带子也只是上下平移）。 */
+const SEGMENTS = 4;
+/* ── 小工具（数字 → 字；本件不引格式化库） ─────────────────────────── */
+/** 两位小数（所有出出去的百分比都过它：行内样式里不许出现 0.30000000000000004）。 */
+export const round2 = (v) => Number(v.toFixed(2));
+const clamp = (v, lo, hi) => (v < lo ? lo : (v > hi ? hi : v));
+/** 三位分组（`1200` → `1,200`；负号留在最前）。 */
+function groupInt(s) {
+    const neg = s.startsWith('-');
+    const body = neg ? s.slice(1) : s;
+    let out = '';
+    for (let i = 0; i < body.length; i += 1) {
+        if (i > 0 && (body.length - i) % 3 === 0)
+            out += ',';
+        out += body[i];
+    }
+    return (neg ? '-' : '') + out;
+}
+/** 定点位数上的数字（刻度用：位数由间隔定，同一根轴上位数一致）。
+ *  **量级大到 `toFixed` 只给指数写法时原样返回**（`1e+21`）——三位分组插进指数里会写成 `1e,+21`。 */
+function numText(v, decimals) {
+    const s = v.toFixed(decimals);
+    if (s.includes('e') || s.includes('E'))
+        return s;
+    const dot = s.indexOf('.');
+    return dot < 0 ? groupInt(s) : groupInt(s.slice(0, dot)) + s.slice(dot);
+}
+/** 读数里的数字（`title`／无障碍名用：最多两位小数，末尾的零去掉）。 */
+export function plainText(v) {
+    const s = String(Number(v.toFixed(2)));
+    if (s.includes('e') || s.includes('E'))
+        return s;
+    const dot = s.indexOf('.');
+    return dot < 0 ? groupInt(s) : groupInt(s.slice(0, dot)) + s.slice(dot);
+}
+/** 相关系数：两位小数，带正负号（负号用 U+2212 减号，与数字同宽）。 */
+export function signed(v) {
+    return (v < 0 ? '−' : (v > 0 ? '+' : '')) + Math.abs(v).toFixed(2);
+}
+/** 「相关强度」那句话说**多强**、不说方向（方向由正负号给）：口径与原型墙同档（0.62 算中等）。 */
+export function strengthText(r) {
+    const a = Math.abs(r);
+    if (a < 0.2)
+        return '几乎无关';
+    if (a < 0.4)
+        return '弱相关';
+    if (a < 0.7)
+        return '中等相关';
+    if (a < 0.85)
+        return '较强相关';
+    return '强相关';
+}
+/** 一步「好看」的间隔：1／2／2.5／5／10 × 10^k。 */
+function niceStep(raw) {
+    if (!Number.isFinite(raw) || raw <= 0)
+        return 1;
+    const mag = Math.pow(10, Math.floor(Math.log10(raw)));
+    for (const m of [1, 2, 2.5, 5])
+        if (raw <= m * mag * (1 + 1e-9))
+            return m * mag;
+    return 10 * mag;
+}
+/** 同一把尺上的**下一档**间隔（1 → 2 → 2.5 → 5 → 10 → 20 …）。 */
+function nextNiceStep(step) {
+    if (!Number.isFinite(step) || step <= 0)
+        return 1;
+    const mag = Math.pow(10, Math.floor(Math.log10(step)));
+    const mantissa = step / mag;
+    for (const m of [1, 2, 2.5, 5])
+        if (m > mantissa * (1 + 1e-9))
+            return m * mag;
+    return 10 * mag;
+}
+/** 间隔要几位小数才写得准（2.5 → 1 位；0.25 → 2 位）。 */
+function stepDecimals(step) {
+    for (let d = 0; d <= 6; d += 1) {
+        const scaled = step * Math.pow(10, d);
+        if (Math.abs(scaled - Math.round(scaled)) < 1e-6)
+            return d;
+    }
+    return 6;
+}
+/** 把数据区间撑成一段好看的轴域。
+ *
+ *  **轴顶＝`loNice ＋ (ticks-1) × step`**（不是 `ceil(hi/step)*step`）：这两条以前是解耦的，
+ *  取整之后区间数会掉到 `ticks-1` 以下，而刻度文字仍按 `lo ＋ step × i` 算 ⇒ **刻度跑到轴顶之外**，
+ *  读者按刻度读出来的位置系统性偏小（4630/8000 组随机区间里顶刻度 ≠ 轴顶，实测过 +30% 的读数偏差）。
+ *  撑不下就把步长往上抬一档（`hiNice < hi` 时），保证轴域永远盖得住数据。 */
+export function niceAxis(min, max, ticks) {
+    let lo = min;
+    let hi = max;
+    /* 全部读数同一个值：轴域没有宽度，撑一个"单位"出来（不然除零；也不许静默画成一条线）。 */
+    if (!(hi > lo)) {
+        const pad = Math.abs(lo) > 0 ? Math.abs(lo) * 0.1 : 1;
+        lo -= pad;
+        hi += pad;
+    }
+    let step = niceStep((hi - lo) / (ticks - 1));
+    let decimals = stepDecimals(step);
+    let loNice = Number((Math.floor(lo / step + 1e-9) * step).toFixed(decimals));
+    let hiNice = Number((loNice + step * (ticks - 1)).toFixed(decimals));
+    for (let guard = 0; guard < 64 && hiNice < hi; guard += 1) {
+        step = nextNiceStep(step);
+        decimals = stepDecimals(step);
+        loNice = Number((Math.floor(lo / step + 1e-9) * step).toFixed(decimals));
+        hiNice = Number((loNice + step * (ticks - 1)).toFixed(decimals));
+    }
+    return { lo: loNice, hi: hiNice, step, decimals };
+}
+/** 一段轴域的刻度文字（第一枚带单位：`1,200 卡`／`69.0 公斤`）；`top` ＝ 纵轴（从大往小写）。 */
+export function tickTexts(axis, ticks, unit, top) {
+    const values = [];
+    for (let i = 0; i < ticks; i += 1)
+        values.push(Number((axis.lo + axis.step * i).toFixed(axis.decimals)));
+    const ordered = top ? values.slice().reverse() : values;
+    return ordered.map((v, i) => numText(v, axis.decimals) + (i === 0 && unit !== undefined ? ' ' + unit : ''));
+}
+/* ── 坐标映射（本件唯一的映射） ───────────────────────────────────── */
+/** **唯一的坐标映射**：数据 → 「从下往上」的百分比（3…97；CSS 的 `bottom`／`height` 那一套）。 */
+export function upPct(value, axis) {
+    const t = (value - axis.lo) / (axis.hi - axis.lo);
+    return round2(clamp(SCATTER_FIT_AXIS_INSET + t * (100 - 2 * SCATTER_FIT_AXIS_INSET), 0, 100));
+}
+/** 多边形用的是**从左上角往下**的坐标（`clip-path` 的口径）：把上面那个翻过来。 */
+const flipPct = (up) => round2(100 - up);
+/** 最小二乘拟合 ＋ 皮尔逊相关系数 ＋ 残差标准差（一个循环算完，不来回扫三遍）。 */
+export function fitOf(points) {
+    const n = points.length;
+    let sx = 0;
+    let sy = 0;
+    for (const p of points) {
+        sx += p.x;
+        sy += p.y;
+    }
+    const mx = sx / n;
+    const my = sy / n;
+    let sxy = 0;
+    let sxx = 0;
+    let syy = 0;
+    for (const p of points) {
+        const dx = p.x - mx;
+        const dy = p.y - my;
+        sxy += dx * dy;
+        sxx += dx * dx;
+        syy += dy * dy;
+    }
+    /* 两个方向都得有变化才谈得上"相关"：x 全相同（一条竖线）或 y 全相同（一条横线）时 r 无定义。 */
+    const why = n < 2 ? '只有一个点' : (sxx <= 0 ? '横轴读数的值全相同' : (syy <= 0 ? '纵轴读数的值全相同' : ''));
+    if (why !== '')
+        return { slope: 0, intercept: my, half: 0, r: null, why };
+    const slope = sxy / sxx;
+    const intercept = my - slope * mx;
+    let ss = 0;
+    for (const p of points) {
+        const d = p.y - (intercept + slope * p.x);
+        ss += d * d;
+    }
+    const half = n > 2 ? BAND_Z * Math.sqrt(ss / (n - 2)) : 0;
+    return { slope, intercept, half, r: round2(clamp(sxy / Math.sqrt(sxx * syy), -1, 1)), why: '' };
+}
+/** 一条「带」的多边形：沿横轴取段，上下各让开 `halfUp` 个百分比 —— 概率带与拟合线共用这一支。 */
+export function bandPolygon(axisX, axisY, fit, halfUp) {
+    const upper = [];
+    const lower = [];
+    for (let i = 0; i <= SEGMENTS; i += 1) {
+        const x = axisX.lo + (axisX.hi - axisX.lo) * (i / SEGMENTS);
+        const yUp = upPct(fit.intercept + fit.slope * x, axisY);
+        const xPct = upPct(x, axisX);
+        upper.push(String(xPct) + '% ' + String(flipPct(clamp(yUp + halfUp, 0, 100))) + '%');
+        lower.push(String(xPct) + '% ' + String(flipPct(clamp(yUp - halfUp, 0, 100))) + '%');
+    }
+    return 'polygon(' + upper.concat(lower.reverse()).join(', ') + ')';
+}

package/dist/components/scatter-fit/scale.js.map

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

package/dist/components/scatter-fit/style-forms.d.ts

@@ -0,0 +1,7 @@
+/** 分箱区高度（px）：宽容器一档、窄容器一档（`style.ts` 的窄档里覆盖）。 */
+export declare const SCATTER_FIT_BIN_PX = 180;
+/** 分箱段与滞后段的样式。恒返回非空 CSS 文本（由 `scatterFitCss()` 插在正确的位置上）。 */
+export declare function scatterFitFormsCss(input?: {
+    readonly prefix?: string;
+}): string;
+//# sourceMappingURL=style-forms.d.ts.map

package/dist/components/scatter-fit/style-forms.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-forms.d.ts","sourceRoot":"","sources":["../../../src/components/scatter-fit/style-forms.ts"],"names":[],"mappings":"AAiBA,gDAAgD;AAChD,eAAO,MAAM,kBAAkB,MAAM,CAAC;AAWtC,6DAA6D;AAC7D,wBAAgB,kBAAkB,CAAC,KAAK,CAAC,EAAE;IAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CA+I/E"}

package/dist/components/scatter-fit/style-forms.js

@@ -0,0 +1,168 @@
+/** scatter-fit · **分箱段与滞后段那两块样式**（同目录第二份样式来源；由 `style.ts` 的 `scatterFitCss()` 汇总）。
+ *
+ *  为什么有这一件：本件一次落三个形态，样式段一度到 393 行（本包告警线 350，`packages/base-render/AGENTS.md`）。
+ *  「分箱区」与「滞后表」各自是一段边界干净的形状（分箱＝等分列 ＋ 两根竖条；滞后＝三列表 ＋ 一根从中线出发的条），
+ *  独立成件；**取值一个字节都不许改**——搬的只是「住哪个文件」。
+ *
+ *  边界与另一半的分工：卡壳（卡头／标题／口径／脚注）与坐标框（纵轴刻度列 ‖ 图区）与散点（点／线／带）
+ *  仍住 `style.ts`（三个形态共用同一套刻度与图例规则）。纪律同 `style.ts`：
+ *  只经 `skinVar()` 读皮肤／全部规则 scope 在 `.<prefix>page-ui` 之下／零 `:root`／零 `!important`／
+ *  零颜色字面量（淡洗走 `color-mix`，**不拿 `ink` 系当面**）。
+ */
+import { skinVar } from '../skin/contract.js';
+import { SCATTER_FIT_NARROW_PX, scatterFitSlot } from './attrs.js';
+/** 换行（仓库口径：不写字面换行转义）。 */
+const LF = String.fromCharCode(10);
+/** 分箱区高度（px）：宽容器一档、窄容器一档（`style.ts` 的窄档里覆盖）。 */
+export const SCATTER_FIT_BIN_PX = 180;
+const NARROW_BIN_PX = 150;
+/** 滞后表的三列（错开 ｜ 轨道 ｜ 系数）：表头与逐档行**共用这一份**，列不许各写一套。 */
+const LAG_COLS = '58px minmax(0, 1fr) 64px';
+const NARROW_LAG_COLS = '52px minmax(0, 1fr) 64px';
+/** 一个百分比档：强调色往卡面掺 `weight`%（淡洗＝合法的面；不是"拿墨色当面"）。 */
+const wash = (weight) => 'color-mix(in srgb, ' + skinVar('accent') + ' ' + String(weight)
+    + '%, ' + skinVar('surface') + ')';
+/** 分箱段与滞后段的样式。恒返回非空 CSS 文本（由 `scatterFitCss()` 插在正确的位置上）。 */
+export function scatterFitFormsCss(input) {
+    const p = input !== undefined && input !== null
+        && typeof input.prefix === 'string' && input.prefix !== '' ? input.prefix : 'ilife-';
+    const root = '.' + p + 'page-ui';
+    const s = (slot) => root + ' .' + scatterFitSlot(slot, p);
+    /* 槽类名（**不带 scope**）：只用在**已经落进本件某条选择器内部**的位置（前缀由外层那条选择器给）。 */
+    const c = (slot) => '.' + scatterFitSlot(slot, p);
+    return [
+        '/* 分箱区：每箱 `flex: 1 1 0`（纯 CSS 等分，箱数由标记给）⇒ 箱标签行同一份口径，永远对着它那一箱。 */',
+        s('bins') + ' {',
+        '  grid-column: 2;',
+        '  grid-row: 1;',
+        '  display: flex;',
+        '  gap: 6px;',
+        '  align-items: stretch;',
+        '  height: ' + String(SCATTER_FIT_BIN_PX) + 'px;',
+        '  min-width: 0;',
+        '  border-bottom: 1px solid ' + skinVar('line') + ';',
+        '}',
+        s('bincol') + ' {',
+        '  position: relative;',
+        '  flex: 1 1 0;',
+        '  min-width: 0;',
+        '}',
+        /* 区间条：强调色 24% 的淡洗（"多半落在这一段"）；中位线是 `accent` 实底粗线——两者一深一浅，不靠色相区分。 */
+        s('bin-range') + ' {',
+        '  position: absolute;',
+        '  left: 26%;',
+        '  right: 26%;',
+        '  min-height: 4px;',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: ' + wash(24) + ';',
+        '}',
+        s('bin-median') + ' {',
+        '  position: absolute;',
+        '  left: 14%;',
+        '  right: 14%;',
+        '  height: 3px;',
+        '  border-radius: ' + skinVar('radius-pill') + ';',
+        '  background: ' + skinVar('accent') + ';',
+        '}',
+        s('bintick') + ' {',
+        '  flex: 1 1 0;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '  font-variant-numeric: tabular-nums;',
+        '  text-align: center;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 滞后表：三列（错开 ｜ 轨道 ｜ 系数）——列宽写在一处，表头与逐档行共用同一份。 */',
+        s('laghead') + ' {',
+        '  display: grid;',
+        '  grid-template-columns: ' + LAG_COLS + ';',
+        '  gap: 8px;',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('lag') + ' {',
+        '  display: grid;',
+        '  min-width: 0;',
+        '}',
+        s('lagrow') + ' {',
+        '  display: grid;',
+        '  grid-template-columns: ' + LAG_COLS + ';',
+        '  gap: 8px;',
+        '  align-items: center;',
+        '  min-height: 44px;',
+        '  min-width: 0;',
+        '  padding: 0 4px;',
+        '}',
+        s('lagrow') + ' + ' + c('lagrow') + ' {',
+        '  border-top: 1px solid ' + skinVar('line') + ';',
+        '}',
+        s('lag-label') + ' {',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 600;',
+        '  white-space: nowrap;',
+        '}',
+        /* 轨道：中线往左右各半 ＝ ±1；条是**无文字的图形 ⇒ `accent` 实底**，
+           方向（往左／往右）由 `is-negative` 给 —— 那是形，不是颜色。 */
+        s('lag-track') + ' {',
+        '  position: relative;',
+        '  height: 12px;',
+        '  min-width: 0;',
+        '  border-radius: ' + skinVar('radius-pill') + ';',
+        '  background: ' + skinVar('surface-2') + ';',
+        '}',
+        s('lag-bar') + ' {',
+        '  position: absolute;',
+        '  top: 0;',
+        '  bottom: 0;',
+        '  left: 50%;',
+        '  border-radius: ' + skinVar('radius-pill') + ';',
+        '  background: ' + skinVar('accent') + ';',
+        '}',
+        s('lagrow') + '.is-negative ' + c('lag-bar') + ' {',
+        '  left: auto;',
+        '  right: 50%;',
+        '}',
+        s('lag-value') + ' {',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 700;',
+        '  font-variant-numeric: tabular-nums;',
+        '  text-align: right;',
+        '  white-space: nowrap;',
+        '}',
+        /* 最强那一档：**有文字的面** ⇒ 软底 ＋ 强调色的文本档字 ＋ 强调色侧标（三样同时在：
+           条最长＝形、写着"最强"＝字、软底＝色）。 */
+        s('lagrow') + '.is-strong {',
+        '  background: ' + skinVar('accent-soft') + ';',
+        '  border-left: 2px solid ' + skinVar('accent') + ';',
+        '}',
+        s('lagrow') + '.is-strong ' + c('lag-value') + ' {',
+        '  color: ' + skinVar('accent-text') + ';',
+        '}',
+        s('lag-strong') + ' {',
+        '  font-weight: 700;',
+        '}',
+        /* 窄容器：分箱矮一档、滞后表的标签列窄一档 —— **一列不减**（减列就是把箱删掉），
+           宽度靠 `minmax(0,1fr)`／`flex: 1 1 0` 自己变窄，不横滑、不藏横滑。
+           阈值与 `style.ts` 那一处读**同一个常量**（`attrs.ts`），不写字面量。 */
+        '@container (max-width: ' + String(SCATTER_FIT_NARROW_PX) + 'px) {',
+        '  ' + s('bins') + ' {',
+        '    height: ' + String(NARROW_BIN_PX) + 'px;',
+        '    gap: 4px;',
+        '  }',
+        '  ' + s('lagrow') + ' {',
+        '    grid-template-columns: ' + NARROW_LAG_COLS + ';',
+        '  }',
+        '  ' + s('laghead') + ' {',
+        '    grid-template-columns: ' + NARROW_LAG_COLS + ';',
+        '  }',
+        '}',
+    ].join(LF);
+}

package/dist/components/scatter-fit/style-forms.js.map

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

package/dist/components/scatter-fit/style.d.ts

@@ -0,0 +1,8 @@
+/** 图区高度（px）：宽容器一档、窄容器一档（分箱那一档住 `style-forms.ts`）。 */
+export declare const SCATTER_FIT_PLOT_PX = 170;
+export { SCATTER_FIT_BIN_PX } from './style-forms.js';
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export declare function scatterFitCss(input?: {
+    readonly prefix?: string;
+}): string;
+//# sourceMappingURL=style.d.ts.map