base-paint 0.3.14 → 0.3.16

package/dist/components/invoice-lines/model.js

@@ -0,0 +1,181 @@
+/** invoice-lines · **入参归一化与校验**（把 `any` 与说不出的 `unknown` 挡在门外，产出内部类型）。
+ *
+ *  三条口径：
+ *   1. **非法入参一律 `badInput()`**（抛 `BlocksError`）——不静默降级；
+ *   2. **说不出「为什么」的减项／加项一律拒**：这一件重做就是为了让每行读得出原因；
+ *   3. **算得出来的都不许调用方再给**：实付金额、比原价少了多少、合几折、均摊每人多少、
+ *      瀑布条的段宽，全部本件算——同一个数两处算，偏差无处可查。
+ */
+import { assertPlainObject, badInput, optExtraClass, optText, reqText } from '../shared/validate.js';
+import { INVOICE_LINES_DECIMALS, INVOICE_LINES_FORMS, INVOICE_LINES_KIND_MARKS, INVOICE_LINES_SEGMENT_MIN_PCT, INVOICE_LINES_SHARE_WORD, INVOICE_LINES_SYMBOL, INVOICE_LINES_TOTAL_LABEL, INVOICE_LINE_KINDS, } from './attrs.js';
+/** 千分位（自算、不依赖 locale：同一入参在任何机器上排一样，判据才断得准）。 */
+function groupThousands(s) {
+    const dot = s.indexOf('.');
+    const int = dot < 0 ? s : s.slice(0, dot);
+    const frac = dot < 0 ? '' : s.slice(dot);
+    const sign = int.startsWith('-') ? '-' : '';
+    const digits = sign === '' ? int : int.slice(1);
+    const parts = [];
+    for (let i = digits.length; i > 0; i -= 3)
+        parts.unshift(digits.slice(Math.max(0, i - 3), i));
+    return sign + parts.join(',') + frac;
+}
+/** 金额 → 屏上的字（钱按两位小数：`1,093.25`）。 */
+export function formatInvoiceAmount(value) {
+    if (!Number.isFinite(value))
+        badInput('invoice-lines: 要排的金额必须是有限数');
+    return groupThousands((Math.round(Math.abs(value) * 100) / 100).toFixed(INVOICE_LINES_DECIMALS));
+}
+/** 有限数（必填）。 */
+function reqNum(value, field) {
+    if (typeof value !== 'number' || !Number.isFinite(value))
+        badInput(field + ' 必须是有限数字');
+    return value;
+}
+/** 一行：校验 ＋ 排金额（`money` 是**已经带上钱符号**的那条排法，本件只造一份）。 */
+function lineModel(value, index, money) {
+    const field = 'invoice-lines: input.lines[' + index + ']';
+    assertPlainObject(value, field);
+    const raw = value;
+    const kindGiven = raw.kind;
+    if (!INVOICE_LINE_KINDS.includes(kindGiven)) {
+        badInput(field + '.kind 必须是 ' + INVOICE_LINE_KINDS.join('／') + ' 之一');
+    }
+    const kind = kindGiven;
+    if (index === 0 && kind !== 'base')
+        badInput(field + '：第一行必须是 kind: "base" 的原价（没有原价就没有「拆」这件事）');
+    if (index > 0 && kind === 'base')
+        badInput(field + '：原价只许出现在第一行');
+    const amount = reqNum(raw.amount, field + '.amount');
+    if (amount <= 0)
+        badInput(field + '.amount 必须是**正的量**（符号由 kind 定：减项前面挂 −）');
+    const why = optText(raw.why, field + '.why');
+    if (kind !== 'base' && why === undefined) {
+        badInput(field + '.why 必填（' + (kind === 'cut' ? '减项' : '加项')
+            + '说不出「为什么」，这一行就只剩一个金额——正是本件要替掉的那种读法）');
+    }
+    return {
+        label: reqText(raw.label, field + '.label'),
+        kind,
+        amount,
+        amountText: INVOICE_LINES_KIND_MARKS[kind] + money(amount),
+        why,
+    };
+}
+/** 串或串数组 → 段数组（与 `page-head` 同口径）。 */
+function textList(value, field) {
+    if (value === undefined)
+        return [];
+    if (typeof value === 'string') {
+        const one = optText(value, field);
+        return one === undefined ? [] : [one];
+    }
+    if (!Array.isArray(value))
+        badInput(field + ' 必须是字符串，或字符串数组（逐段一枚）');
+    const out = [];
+    for (let i = 0; i < value.length; i += 1) {
+        const one = optText(value[i], field + '[' + i + ']');
+        if (one !== undefined)
+            out.push(one);
+    }
+    return out;
+}
+/** 入参归一化。**唯一入口**：`render.ts` 只吃它产出的 `InvoiceLinesModel`。 */
+export function normalizeInvoiceLines(input) {
+    assertPlainObject(input, 'renderInvoiceLines: input');
+    const raw = input;
+    const form = raw.form === undefined ? INVOICE_LINES_FORMS[0] : raw.form;
+    if (!INVOICE_LINES_FORMS.includes(form)) {
+        badInput('invoice-lines: input.form 必须是 ' + INVOICE_LINES_FORMS.join('／') + ' 之一');
+    }
+    const given = raw.lines;
+    if (!Array.isArray(given))
+        badInput('invoice-lines: input.lines 必须是数组');
+    if (given.length < 2) {
+        badInput('invoice-lines: input.lines 至少要两行（只有原价＝没得拆；只有一行减项＝没有原价可比）');
+    }
+    /* 钱符号先定下来：**每一行的金额都带它**（只有实付带符号、减项不带，读者会以为减项不是钱）。 */
+    const symbol = optText(raw.symbol, 'invoice-lines: input.symbol') ?? INVOICE_LINES_SYMBOL;
+    const totalLabel = optText(raw.totalLabel, 'invoice-lines: input.totalLabel') ?? INVOICE_LINES_TOTAL_LABEL;
+    const money = (n) => symbol + formatInvoiceAmount(n);
+    const lines = given.map((l, i) => lineModel(l, i, money));
+    const baseLine = lines[0];
+    const base = baseLine.amount;
+    let cuts = 0;
+    let adds = 0;
+    for (const line of lines) {
+        if (line.kind === 'cut')
+            cuts += line.amount;
+        else if (line.kind === 'add')
+            adds += line.amount;
+    }
+    cuts = Math.round(cuts * 100) / 100;
+    adds = Math.round(adds * 100) / 100;
+    const total = Math.round((base - cuts + adds) * 100) / 100;
+    if (total < 0)
+        badInput('invoice-lines: 减项合计超过了原价（实付成了负数：' + money(total) + '）——先核对这几行的金额');
+    const diff = Math.round((base - total) * 100) / 100;
+    const deltaText = diff > 0 ? '比原价少 ' + money(diff)
+        : (diff < 0 ? '比原价多 ' + money(-diff) : '与原价相同');
+    /* 折扣：**折**是按十成算的（实付 ÷ 原价 × 10），不是百分数 —— 134／168 ＝ 8.0 折。 */
+    const discountText = diff > 0 && base > 0
+        ? '合 ' + (Math.round((total / base) * 100) / 10).toFixed(1) + ' 折'
+        : undefined;
+    /* 均摊：写进实付那一行的副语。除不尽时**说清差的那几分钱去哪了**，不四舍五入糊过去。 */
+    let shareText;
+    let shareNote;
+    const shareGiven = raw.share;
+    if (shareGiven !== undefined) {
+        assertPlainObject(shareGiven, 'invoice-lines: input.share');
+        const share = shareGiven;
+        const people = reqNum(share.people, 'invoice-lines: input.share.people');
+        if (!Number.isInteger(people) || people < 2)
+            badInput('invoice-lines: input.share.people 必须是 >= 2 的整数');
+        const each = Math.round((total / people) * 100) / 100;
+        shareText = INVOICE_LINES_SHARE_WORD + ' ' + String(people) + ' 人，每人 ' + money(each);
+        const rest = Math.round((total - each * people) * 100) / 100;
+        shareNote = optText(share.note, 'invoice-lines: input.share.note')
+            ?? (rest === 0 ? undefined
+                : '除不尽：先按每人 ' + money(each) + ' 算，差的 ' + money(rest) + ' 记在付款人头上');
+    }
+    /* 瀑布条：条长满分 ＝ 原价 ＋ 加项合计（减项与实付合起来正好铺满；加项自己抬高了起点）。 */
+    const span = Math.round((base + adds) * 100) / 100;
+    const pctOf = (n) => Math.round((n / span) * 10000) / 100;
+    const segments = [{
+            kind: 'total',
+            label: totalLabel,
+            amountText: money(total),
+            pct: pctOf(total),
+            wide: pctOf(total) >= INVOICE_LINES_SEGMENT_MIN_PCT,
+        }];
+    for (const line of lines) {
+        if (line.kind !== 'cut')
+            continue;
+        const pct = pctOf(line.amount);
+        segments.push({
+            kind: 'cut', label: line.label, amountText: line.amountText, pct, wide: pct >= INVOICE_LINES_SEGMENT_MIN_PCT,
+        });
+    }
+    return {
+        form: form,
+        lines,
+        base,
+        baseText: money(base),
+        cuts,
+        adds,
+        total,
+        totalText: money(total),
+        totalLabel,
+        symbol,
+        deltaText,
+        discountText,
+        shareText,
+        shareNote,
+        segments,
+        span,
+        spanText: money(span),
+        note: textList(raw.note, 'invoice-lines: input.note'),
+        extraClass: optExtraClass(raw.extraClass, 'invoice-lines: input.extraClass'),
+    };
+}
+//# sourceMappingURL=model.js.map

package/dist/components/invoice-lines/model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/invoice-lines/model.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrG,OAAO,EACL,sBAAsB,EACtB,mBAAmB,EACnB,wBAAwB,EACxB,6BAA6B,EAC7B,wBAAwB,EACxB,oBAAoB,EACpB,yBAAyB,EACzB,kBAAkB,GAKnB,MAAM,YAAY,CAAC;AAyDpB,+CAA+C;AAC/C,SAAS,cAAc,CAAC,CAAS;IAC/B,MAAM,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IAC3B,MAAM,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAC1C,MAAM,IAAI,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACzC,MAAM,IAAI,GAAG,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5C,MAAM,MAAM,GAAG,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAChD,MAAM,KAAK,GAAa,EAAE,CAAC;IAC3B,KAAK,IAAI,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;QAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAC9F,OAAO,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;AACvC,CAAC;AAED,oCAAoC;AACpC,MAAM,UAAU,mBAAmB,CAAC,KAAa;IAC/C,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAE,QAAQ,CAAC,4BAA4B,CAAC,CAAC;IACpE,OAAO,cAAc,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAC,CAAC;AACnG,CAAC;AAED,eAAe;AACf,SAAS,MAAM,CAAC,KAAc,EAAE,KAAa;IAC3C,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAE,QAAQ,CAAC,KAAK,GAAG,UAAU,CAAC,CAAC;IACvF,OAAO,KAAK,CAAC;AACf,CAAC;AAED,qDAAqD;AACrD,SAAS,SAAS,CAAC,KAAc,EAAE,KAAa,EAAE,KAA4B;IAC5E,MAAM,KAAK,GAAG,6BAA6B,GAAG,KAAK,GAAG,GAAG,CAAC;IAC1D,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAChC,MAAM,GAAG,GAAG,KAAoB,CAAC;IACjC,MAAM,SAAS,GAAY,GAAG,CAAC,IAAI,CAAC;IACpC,IAAI,CAAE,kBAAyC,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;QACpE,QAAQ,CAAC,KAAK,GAAG,YAAY,GAAG,kBAAkB,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;IACxE,CAAC;IACD,MAAM,IAAI,GAAG,SAA4B,CAAC;IAC1C,IAAI,KAAK,KAAK,CAAC,IAAI,IAAI,KAAK,MAAM;QAAE,QAAQ,CAAC,KAAK,GAAG,yCAAyC,CAAC,CAAC;IAChG,IAAI,KAAK,GAAG,CAAC,IAAI,IAAI,KAAK,MAAM;QAAE,QAAQ,CAAC,KAAK,GAAG,aAAa,CAAC,CAAC;IAClE,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK,GAAG,SAAS,CAAC,CAAC;IACrD,IAAI,MAAM,IAAI,CAAC;QAAE,QAAQ,CAAC,KAAK,GAAG,wCAAwC,CAAC,CAAC;IAC5E,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,GAAG,MAAM,CAAC,CAAC;IAC7C,IAAI,IAAI,KAAK,MAAM,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;QACzC,QAAQ,CAAC,KAAK,GAAG,UAAU,GAAG,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;cACxD,oCAAoC,CAAC,CAAC;IAC5C,CAAC;IACD,OAAO;QACL,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,GAAG,QAAQ,CAAC;QAC3C,IAAI;QACJ,MAAM;QACN,UAAU,EAAE,wBAAwB,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC;QAC1D,GAAG;KACJ,CAAC;AACJ,CAAC;AAED,sCAAsC;AACtC,SAAS,QAAQ,CAAC,KAAc,EAAE,KAAa;IAC7C,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,EAAE,CAAC;IACnC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,MAAM,GAAG,GAAG,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAClC,OAAO,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IACxC,CAAC;IACD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,QAAQ,CAAC,KAAK,GAAG,sBAAsB,CAAC,CAAC;IACpE,MAAM,GAAG,GAAa,EAAE,CAAC;IACzB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;QACzC,MAAM,GAAG,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC;QACrD,IAAI,GAAG,KAAK,SAAS;YAAE,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACvC,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAED,6DAA6D;AAC7D,MAAM,UAAU,qBAAqB,CAAC,KAAc;IAClD,iBAAiB,CAAC,KAAK,EAAE,2BAA2B,CAAC,CAAC;IACtD,MAAM,GAAG,GAAG,KAAgC,CAAC;IAE7C,MAAM,IAAI,GAAG,GAAG,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC;IACxE,IAAI,CAAE,mBAA0C,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;QAChE,QAAQ,CAAC,gCAAgC,GAAG,mBAAmB,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;IACrF,CAAC;IAED,MAAM,KAAK,GAAY,GAAG,CAAC,KAAK,CAAC;IACjC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,QAAQ,CAAC,kCAAkC,CAAC,CAAC;IACxE,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACrB,QAAQ,CAAC,0DAA0D,CAAC,CAAC;IACvE,CAAC;IACD,qDAAqD;IACrD,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,6BAA6B,CAAC,IAAI,oBAAoB,CAAC;IAC1F,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,iCAAiC,CAAC,IAAI,yBAAyB,CAAC;IAC3G,MAAM,KAAK,GAAG,CAAC,CAAS,EAAU,EAAE,CAAC,MAAM,GAAG,mBAAmB,CAAC,CAAC,CAAC,CAAC;IACrE,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;IAE1D,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IAC1B,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC;IAC7B,IAAI,IAAI,GAAG,CAAC,CAAC;IACb,IAAI,IAAI,GAAG,CAAC,CAAC;IACb,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK;YAAE,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC;aACxC,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK;YAAE,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC;IACpD,CAAC;IACD,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;IACpC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;IACpC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;IAC3D,IAAI,KAAK,GAAG,CAAC;QAAE,QAAQ,CAAC,kCAAkC,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,cAAc,CAAC,CAAC;IAE5F,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;IACpD,MAAM,SAAS,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC;QAChD,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAClD,4DAA4D;IAC5D,MAAM,YAAY,GAAG,IAAI,GAAG,CAAC,IAAI,IAAI,GAAG,CAAC;QACvC,CAAC,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI;QAClE,CAAC,CAAC,SAAS,CAAC;IAEd,iDAAiD;IACjD,IAAI,SAA6B,CAAC;IAClC,IAAI,SAA6B,CAAC;IAClC,MAAM,UAAU,GAAY,GAAG,CAAC,KAAK,CAAC;IACtC,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;QAC7B,iBAAiB,CAAC,UAAU,EAAE,4BAA4B,CAAC,CAAC;QAC5D,MAAM,KAAK,GAAG,UAA0B,CAAC;QACzC,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,mCAAmC,CAAC,CAAC;QACzE,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,MAAM,GAAG,CAAC;YAAE,QAAQ,CAAC,gDAAgD,CAAC,CAAC;QACxG,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,MAAM,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;QACtD,SAAS,GAAG,wBAAwB,GAAG,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;QACrF,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,IAAI,GAAG,MAAM,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;QAC7D,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,iCAAiC,CAAC;eAC7D,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS;gBACxB,CAAC,CAAC,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC,CAAC;IACzE,CAAC;IAED,mDAAmD;IACnD,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;IACnD,MAAM,KAAK,GAAG,CAAC,CAAS,EAAU,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC;IAC1E,MAAM,QAAQ,GAA0B,CAAC;YACvC,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,UAAU;YACjB,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC;YACxB,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC;YACjB,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,6BAA6B;SACpD,CAAC,CAAC;IACH,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK;YAAE,SAAS;QAClC,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC/B,QAAQ,CAAC,IAAI,CAAC;YACZ,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,IAAI,6BAA6B;SAC7G,CAAC,CAAC;IACL,CAAC;IAED,OAAO;QACL,IAAI,EAAE,IAAwB;QAC9B,KAAK;QACL,IAAI;QACJ,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC;QACrB,IAAI;QACJ,IAAI;QACJ,KAAK;QACL,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC;QACvB,UAAU;QACV,MAAM;QACN,SAAS;QACT,YAAY;QACZ,SAAS;QACT,SAAS;QACT,QAAQ;QACR,IAAI;QACJ,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC;QACrB,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,IAAI,EAAE,2BAA2B,CAAC;QACrD,UAAU,EAAE,aAAa,CAAC,GAAG,CAAC,UAAU,EAAE,iCAAiC,CAAC;KAC7E,CAAC;AACJ,CAAC"}

package/dist/components/invoice-lines/render.d.ts

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

package/dist/components/invoice-lines/render.d.ts.map

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

package/dist/components/invoice-lines/render.js

@@ -0,0 +1,117 @@
+/** invoice-lines · **渲染**（纯函数产 HTML；两形态：`chain` 逐行分解 ／ `waterfall` 瀑布条）。
+ *
+ *  —— 形态 A：逐行分解 ＋ 收口 ——
+ *
+ *  原价 → 各减项／加项 → 实付，**一条链读下来**：减项／加项逐级**缩进**（谁从谁身上减下去，一眼看得出），
+ *  实付那一行由一条**重线**收口、**加粗放大**；均摊不另开一块，写进实付行的副语。
+ *  每个减项／加项自带**「为什么」**（左端一枚标签点出来）——说不出原因的行在 `model.ts` 就被拒了。
+ *
+ *  —— 形态 D：纯 CSS 瀑布条 ——
+ *
+ *  条长以「原价 ＋ 加项」为满分：段宽与金额等比，**减项与实付合起来正好铺满**（加项自己抬高了起点）。
+ *  段太窄写不下字时不写字（**金额仍然在图例里逐行出**，关键语义一个都不截）。
+ *
+ *  它替掉的两种错法：
+ *   · 只列一串金额（像普通账目行）——读者算不出「省了多少」；
+ *   · 把原因写成行尾灰字一笔带过——读者不知道为什么减、下次还踩同一个坑。
+ */
+import { esc } from '../shared/escape.js';
+import { INVOICE_LINES_CLASS, INVOICE_LINES_WHY_ADD, INVOICE_LINES_WHY_CUT, invoiceLinesSlot, } from './attrs.js';
+import { normalizeInvoiceLines } from './model.js';
+/** 一行（原价／减项／加项）。 */
+function lineHtml(line) {
+    const parts = ['<li class="' + invoiceLinesSlot('line') + ' is-' + line.kind
+            + '" data-ilife-invoice-kind="' + esc(line.kind) + '">'];
+    parts.push('<span class="' + invoiceLinesSlot('label') + '">' + esc(line.label) + '</span>');
+    parts.push('<span class="' + invoiceLinesSlot('amount') + '">' + esc(line.amountText) + '</span>');
+    if (line.why !== undefined) {
+        const tag = line.kind === 'base' ? '' : '<b>' + esc(line.kind === 'cut' ? INVOICE_LINES_WHY_CUT : INVOICE_LINES_WHY_ADD) + '</b>';
+        parts.push('<span class="' + invoiceLinesSlot('why') + '">' + tag + esc(line.why) + '</span>');
+    }
+    parts.push('</li>');
+    return parts.join('');
+}
+/** 实付那一行：重线收口 ＋ 加粗放大；均摊与前后的差额都写在它的副语里。 */
+function totalHtml(m) {
+    const parts = ['<li class="' + invoiceLinesSlot('line') + ' is-total" data-ilife-invoice-kind="total">'];
+    parts.push('<span class="' + invoiceLinesSlot('label') + '">' + esc(m.totalLabel) + '</span>');
+    parts.push('<span class="' + invoiceLinesSlot('amount') + '">' + esc(m.totalText) + '</span>');
+    const subs = ['<span>' + esc(m.deltaText) + '</span>'];
+    if (m.discountText !== undefined)
+        subs.push('<span>' + esc(m.discountText) + '</span>');
+    if (m.shareText !== undefined)
+        subs.push('<span>' + esc(m.shareText) + '</span>');
+    parts.push('<span class="' + invoiceLinesSlot('why') + '">' + subs.join('') + '</span>');
+    if (m.shareNote !== undefined) {
+        parts.push('<span class="' + invoiceLinesSlot('share') + '">' + esc(m.shareNote) + '</span>');
+    }
+    parts.push('</li>');
+    return parts.join('');
+}
+/** 形态 A 的骨架。 */
+function renderChain(m) {
+    const parts = ['<ol class="' + invoiceLinesSlot('list') + '">'];
+    for (const line of m.lines)
+        parts.push(lineHtml(line));
+    parts.push(totalHtml(m));
+    parts.push('</ol>');
+    if (m.note.length > 0) {
+        const spans = m.note.map((s) => '<span>' + esc(s) + '</span>').join('');
+        parts.push('<p class="' + invoiceLinesSlot('note') + '">' + spans + '</p>');
+    }
+    return parts.join('');
+}
+/** 形态 D 的骨架：一条纯 CSS 瀑布条 ＋ 逐行图例。 */
+function renderWaterfall(m) {
+    const parts = ['<div class="' + invoiceLinesSlot('bar') + '" role="img" aria-label="'
+            + esc('从 ' + m.baseText + ' 到 ' + m.totalText + ' 的分解：' + m.deltaText) + '">'];
+    for (const seg of m.segments) {
+        parts.push('<span class="' + invoiceLinesSlot('seg') + ' is-' + seg.kind + '" style="width: '
+            + esc(String(seg.pct)) + '%">'
+            + (seg.wide ? '<b>' + esc(seg.label) + '</b><i>' + esc(seg.amountText) + '</i>' : '')
+            + '</span>');
+    }
+    parts.push('</div>');
+    parts.push('<p class="' + invoiceLinesSlot('foot') + '">' + esc('条长以「原价 ＋ 加项」为满分：' + m.spanText
+        + '；减项与实付合起来正好铺满。') + '</p>');
+    parts.push('<ul class="' + invoiceLinesSlot('legend') + '">');
+    parts.push('<li class="' + invoiceLinesSlot('legend-row') + ' is-base">'
+        + '<i class="' + invoiceLinesSlot('legend-swatch') + ' is-base" aria-hidden="true"></i>'
+        + '<span class="' + invoiceLinesSlot('legend-label') + '">' + esc(m.lines[0].label) + '</span>'
+        + '<span class="' + invoiceLinesSlot('legend-amount') + '">' + esc(m.baseText) + '</span></li>');
+    for (const line of m.lines) {
+        if (line.kind === 'base')
+            continue;
+        parts.push('<li class="' + invoiceLinesSlot('legend-row') + ' is-' + line.kind + '">'
+            + '<i class="' + invoiceLinesSlot('legend-swatch') + ' is-' + line.kind + '" aria-hidden="true"></i>'
+            + '<span class="' + invoiceLinesSlot('legend-label') + '">' + esc(line.label) + '</span>'
+            + '<span class="' + invoiceLinesSlot('legend-amount') + '">' + esc(line.amountText) + '</span></li>');
+    }
+    parts.push('<li class="' + invoiceLinesSlot('legend-row') + ' is-total">'
+        + '<i class="' + invoiceLinesSlot('legend-swatch') + ' is-total" aria-hidden="true"></i>'
+        + '<span class="' + invoiceLinesSlot('legend-label') + '">' + esc(m.totalLabel) + '</span>'
+        + '<span class="' + invoiceLinesSlot('legend-amount') + '">' + esc(m.totalText) + '</span></li>');
+    parts.push('</ul>');
+    const subs = ['<span>' + esc(m.deltaText) + '</span>'];
+    if (m.discountText !== undefined)
+        subs.push('<span>' + esc(m.discountText) + '</span>');
+    if (m.shareText !== undefined)
+        subs.push('<span>' + esc(m.shareText) + '</span>');
+    for (const seg of m.note)
+        subs.push('<span>' + esc(seg) + '</span>');
+    parts.push('<p class="' + invoiceLinesSlot('note') + '">' + subs.join('') + '</p>');
+    return parts.join('');
+}
+/** 形态 → 骨架（分派写在这里，加第三形态就是加一支）。 */
+const SKELETONS = {
+    chain: renderChain,
+    waterfall: renderWaterfall,
+};
+/** 渲染金额分解（纯函数：同样的入参恒产同样的字节；转义只经 `shared/escape.ts`）。 */
+export function renderInvoiceLines(input) {
+    const m = normalizeInvoiceLines(input);
+    const extra = m.extraClass === undefined ? '' : ' ' + m.extraClass;
+    return '<div class="' + INVOICE_LINES_CLASS + ' is-' + m.form + extra + '">'
+        + SKELETONS[m.form](m) + '</div>';
+}
+//# sourceMappingURL=render.js.map

package/dist/components/invoice-lines/render.js.map

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

package/dist/components/invoice-lines/style.d.ts

@@ -0,0 +1,13 @@
+/** 减项／加项那一级的缩进（px）：**链**就靠这个逐级退让读出来。 */
+export declare const INVOICE_LINES_INDENT_PX = 14;
+/** 收口那条重线的宽度（px）。 */
+export declare const INVOICE_LINES_RULE_PX = 2;
+/** 图例换列的容器阈值（px）：**容器宽 ≤ 它一列，> 它两列**。
+ *  判的是**本件自己的宽度**（`@container`），不是视口宽度；这一档写成**窄档的上界**（`max-width`）、
+ *  两列当缺省——窄档才是要**覆盖**的那一档。 */
+export declare const INVOICE_LINES_LEGEND_MAX_PX = 620;
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export declare function invoiceLinesCss(input?: {
+    readonly prefix?: string;
+}): string;
+//# sourceMappingURL=style.d.ts.map

package/dist/components/invoice-lines/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/invoice-lines/style.ts"],"names":[],"mappings":"AAuBA,wCAAwC;AACxC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,qBAAqB;AACrB,eAAO,MAAM,qBAAqB,IAAI,CAAC;AACvC;;8BAE8B;AAC9B,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAE/C,4BAA4B;AAC5B,wBAAgB,eAAe,CAAC,KAAK,CAAC,EAAE;IAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAsP5E"}

package/dist/components/invoice-lines/style.js

@@ -0,0 +1,272 @@
+/** invoice-lines · **样式段**（本件唯一的样式来源）。**重做件**：要从「像普通账目行」里走出来。
+ *
+ *  四条重做口径（`重做设计口径.md` §0）逐条落在这一段里：
+ *   ① 该件没有"占位物"；
+ *   ② **状态除色之外还有第二样**：减项行带 **`−` 号 ＋ 缩进 ＋ 左竖线**，加项行带 **`＋` 号 ＋ 左竖线**，
+ *      实付行带 **重线 ＋ 加粗放大** —— 换皮换到墨黑强调，三类行照样分得开；
+ *   ③ **层次不靠投影与圆角**：链靠**逐级缩进 ＋ 发丝线**，收口靠**一条重线**，条靠实色块；
+ *   ④ **骨架对得上这类数据**：这是一笔钱的**减法链**（不是平铺读数），所以走有序表 ＋ 收口行。
+ *
+ *  纪律：只经 `skinVar()` 读皮肤；scope 在 `.<prefix>page-ui` 之下；零 `:root`／`!important`；
+ *  宽度只许容器判（`@container`），媒体查询只判设备能力（本件没用到）。
+ */
+import { skinVar } from '../skin/contract.js';
+import { INVOICE_LINES_SEGMENT_MIN_PCT, INVOICE_LINES_TOTAL_SCALE, invoiceLinesSlot, } from './attrs.js';
+/** 换行（仓库口径：不写字面换行转义）。 */
+const LF = String.fromCharCode(10);
+/** 减项／加项那一级的缩进（px）：**链**就靠这个逐级退让读出来。 */
+export const INVOICE_LINES_INDENT_PX = 14;
+/** 收口那条重线的宽度（px）。 */
+export const INVOICE_LINES_RULE_PX = 2;
+/** 图例换列的容器阈值（px）：**容器宽 ≤ 它一列，> 它两列**。
+ *  判的是**本件自己的宽度**（`@container`），不是视口宽度；这一档写成**窄档的上界**（`max-width`）、
+ *  两列当缺省——窄档才是要**覆盖**的那一档。 */
+export const INVOICE_LINES_LEGEND_MAX_PX = 620;
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export function invoiceLinesCss(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-invoice-lines';
+    const slotSel = (s) => '.' + invoiceLinesSlot(s, p);
+    const s = (slot) => root + ' ' + slotSel(slot);
+    const seg = (kind) => s('seg') + '.is-' + kind;
+    return [
+        '/* invoice-lines（金额分解 · 形态 A「逐行分解 ＋ 收口」／形态 D「瀑布条」）：',
+        '   每行读得出「为什么」，从原价到实付读成一条链，末尾实付加粗放大、均摊写进副语。',
+        '   **重做件**：原型读起来像一摞普通账目行；零阴影、零圆角下靠缩进、发丝线与重线分家。 */',
+        box + ' {',
+        '  container-type: inline-size;',
+        '  display: grid;',
+        '  gap: 10px;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font') + ';',
+        '  font-size: ' + skinVar('fs-body') + ';',
+        '  line-height: 1.5;',
+        '}',
+        '/* 链：行与行一条发丝线；**减项／加项逐级缩进**，读者一眼看出这一笔从哪儿减下去。 */',
+        s('list') + ' {',
+        '  display: grid;',
+        '  gap: 0;',
+        '  margin: 0;',
+        '  padding: 0;',
+        '  min-width: 0;',
+        '  list-style: none;',
+        '}',
+        s('line') + ' {',
+        '  display: grid;',
+        '  grid-template-columns: minmax(0, 1fr) auto;',
+        '  gap: 2px 12px;',
+        '  min-width: 0;',
+        '  padding: 8px 0;',
+        '  border-top: 1px solid ' + skinVar('line') + ';',
+        '  align-items: baseline;',
+        '}',
+        s('line') + ':first-child {',
+        '  border-top: 0;',
+        '}',
+        '/* 减项与加项：缩进 ＋ 一道左竖线（**缩进本身**就是「这一笔挂在上面那一行下面」的形状）。 */',
+        s('line') + '.is-cut, ' + s('line') + '.is-add {',
+        '  padding-left: ' + String(INVOICE_LINES_INDENT_PX) + 'px;',
+        '  border-left: 1px solid ' + skinVar('line') + ';',
+        '}',
+        '/* 实付：一条**重线**收口（不是投影、不是圆角），字号加倍 —— 收口那一行是全件的读数。 */',
+        s('line') + '.is-total {',
+        '  margin-top: 6px;',
+        '  padding-top: 12px;',
+        '  border-top: ' + String(INVOICE_LINES_RULE_PX) + 'px solid ' + skinVar('ink') + ';',
+        '  align-items: end;',
+        '}',
+        s('label') + ' {',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('line') + '.is-base ' + slotSel('label') + ' { color: ' + skinVar('ink') + '; }',
+        s('line') + '.is-total ' + slotSel('label') + ' {',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-size: ' + skinVar('fs-h3') + ';',
+        '  font-weight: 700;',
+        '}',
+        '/* 金额：等宽数字（同一条链上下对齐）；实付那一行加粗放大。 */',
+        s('amount') + ' {',
+        '  justify-self: end;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 700;',
+        '  font-variant-numeric: tabular-nums;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('line') + '.is-total ' + slotSel('amount') + ' {',
+        '  font-size: calc(' + skinVar('fs-h3') + ' * ' + String(INVOICE_LINES_TOTAL_SCALE) + ');',
+        '  line-height: 1.1;',
+        '}',
+        '/* 减项走 ok 档（省下来了）；加项走 warn 档（多花出去了）——**色只是第二样**：',
+        '   记号（−／＋）、缩进与那两枚「为什么」标签都在。 */',
+        s('line') + '.is-cut ' + slotSel('amount') + ' { color: ' + skinVar('ok') + '; }',
+        s('line') + '.is-add ' + slotSel('amount') + ' { color: ' + skinVar('warn') + '; }',
+        '/* 「为什么」：满行独占，左端一枚标签把原因点出来。 */',
+        s('why') + ' {',
+        '  grid-column: 1 / 3;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  line-height: 1.6;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('why') + ' > b {',
+        '  margin-right: 6px;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-weight: 700;',
+        '}',
+        s('why') + ' > span { margin-right: 10px; }',
+        '/* 均摊那句补充（除不尽时的那几分钱去哪了）：缩进 ＋ 一道更细的竖线，不跟正文抢层次。 */',
+        s('share') + ' {',
+        '  grid-column: 1 / 3;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  line-height: 1.6;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 瀑布条：段宽与金额等比（宽度落内联 style，比例由本件算）。 */',
+        s('bar') + ' {',
+        '  display: flex;',
+        '  min-width: 0;',
+        '  height: 40px;',
+        '  box-sizing: border-box;',
+        '  border: 1px solid ' + skinVar('edge') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: ' + skinVar('surface-2') + ';',
+        '  overflow: hidden;',
+        '}',
+        s('seg') + ' {',
+        '  display: flex;',
+        '  flex-direction: column;',
+        '  align-items: center;',
+        '  justify-content: center;',
+        '  min-width: 0;',
+        '  overflow: hidden;',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 700;',
+        '  font-variant-numeric: tabular-nums;',
+        '  box-sizing: border-box;',
+        '}',
+        seg('total') + ' {',
+        '  background: ' + skinVar('accent') + ';',
+        '  color: ' + skinVar('accent-ink') + ';',
+        '}',
+        '/* 减项段：底色从 token **算出来**（`ok` 掺进 `surface`）——`ok-soft` 在报刊／中性两套下接近白，',
+        '   段与条底分不开，「省了多少」在形状上就看不见了。 */',
+        seg('cut') + ' {',
+        '  background: color-mix(in srgb, ' + skinVar('ok') + ' 32%, ' + skinVar('surface') + ');',
+        '  color: ' + skinVar('ok') + ';',
+        '  border-left: 2px solid ' + skinVar('surface') + ';',
+        '}',
+        s('seg') + ' > b { font-weight: 700; }',
+        s('seg') + ' > i {',
+        '  font-style: normal;',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '}',
+        '/* 条下面那行口径：说清条长的满分是什么（**判据断言这一句在**）。 */',
+        s('foot') + ' {',
+        '  margin: 0;',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  line-height: 1.6;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 图例：条上写不下的金额，在这里**逐行全出**（关键语义不许被段的宽度截掉）。',
+        '   缺省（宽档）两列；窄档那一条在文末把它**覆盖**成一列。 */',
+        s('legend') + ' {',
+        '  display: grid;',
+        '  grid-template-columns: repeat(2, minmax(0, 1fr));',
+        '  gap: 0 20px;',
+        '  margin: 0;',
+        '  padding: 0;',
+        '  min-width: 0;',
+        '  list-style: none;',
+        '}',
+        s('legend-row') + ' {',
+        '  display: grid;',
+        '  grid-template-columns: auto minmax(0, 1fr) auto;',
+        '  gap: 2px 10px;',
+        '  min-width: 0;',
+        '  padding: 7px 0;',
+        '  border-top: 1px solid ' + skinVar('line') + ';',
+        '  align-items: baseline;',
+        '}',
+        s('legend-swatch') + ' {',
+        '  align-self: center;',
+        '  display: block;',
+        '  width: 11px;',
+        '  height: 11px;',
+        '  box-sizing: border-box;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: 2px;',
+        '}',
+        s('legend-swatch') + '.is-base { background: ' + skinVar('surface-2') + '; }',
+        s('legend-swatch') + '.is-cut { background: color-mix(in srgb, ' + skinVar('ok') + ' 32%, ' + skinVar('surface') + '); }',
+        s('legend-swatch') + '.is-add { background: ' + skinVar('warn-soft') + '; }',
+        s('legend-swatch') + '.is-total { background: ' + skinVar('accent') + '; }',
+        s('legend-label') + ' {',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('legend-amount') + ' {',
+        '  justify-self: end;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 700;',
+        '  font-variant-numeric: tabular-nums;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('legend-row') + '.is-total ' + slotSel('legend-amount') + ' {',
+        '  font-size: calc(' + skinVar('fs-sm') + ' * ' + String(INVOICE_LINES_TOTAL_SCALE) + ');',
+        '}',
+        s('legend-row') + '.is-cut ' + slotSel('legend-amount') + ' { color: ' + skinVar('ok') + '; }',
+        s('legend-row') + '.is-add ' + slotSel('legend-amount') + ' { color: ' + skinVar('warn') + '; }',
+        '/* 口径行：这一笔怎么拆的（逐段一枚 span，段间一条发丝线）。 */',
+        s('note') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: baseline;',
+        '  gap: 4px 8px;',
+        '  margin: 0;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  line-height: 1.7;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('note') + ' > span {',
+        '  padding-left: 8px;',
+        '  border-left: 1px solid ' + skinVar('line') + ';',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 焦点地板：本件不带可点元素；调用方若把某一行包成链接，焦点必须看得见。 */',
+        box + ' :focus-visible {',
+        '  outline: 2px solid ' + skinVar('accent') + ';',
+        '  outline-offset: 2px;',
+        '}',
+        '/* 窄容器（≤' + String(INVOICE_LINES_LEGEND_MAX_PX) + 'px）：图例两列**覆盖**成一列',
+        '   （判的是本件自己的宽度，不是视口宽度）。 */',
+        '@container (max-width: ' + String(INVOICE_LINES_LEGEND_MAX_PX) + 'px) {',
+        '  ' + s('legend') + ' {',
+        '    grid-template-columns: minmax(0, 1fr);',
+        '  }',
+        '}',
+        '/* 段宽下限常量（判据从源码读它）：窄于 ' + String(INVOICE_LINES_SEGMENT_MIN_PCT)
+            + '% 的段不写字，金额改在图例里逐行出。 */',
+    ].join(LF);
+}
+//# sourceMappingURL=style.js.map