base-paint 0.3.14 → 0.3.16

package/dist/components/rank-list/attrs.js

@@ -0,0 +1,62 @@
+/** rank-list · **标记契约**（渲染与调用方共用的唯一事实：类名／形态闭集／枚举闭集／入参类型）。
+ *
+ *  这一件落地的是原型墙（`.scratch/ui-组件墙/parts-03-对照与榜单.mjs`，2026-09 用户裁定）
+ *  里的**形态 A「领奖台」**：前三名各占一张卡（第 1 名在中间、大一号），其余名次逐行排在下面；
+ *  **每一行都给条**（条比长度、数字读准值、占比读精确份额）。
+ *
+ *  它替掉的错法：只给名次与数值（读者读不出差多少）；只给条不给数（读者读不出准值）；
+ *  榜首与第 20 名同形同字号（读者一眼看不出谁在榜首）。
+ *
+ *  形态键写在 `RANK_LIST_FORMS`（闭集）：本件只有一格，但键必须存在——
+ *  「形态是骨架，不是地址」，日后加第二形态是在闭集里加一格，不是新开一件。
+ */
+/** 本件的类名根：全部槽位类名都是 `RANK_LIST_CLASS + '-' + 槽名`。 */
+export const RANK_LIST_CLASS = 'ilife-block-rank-list';
+/** 槽位闭集（`render.ts` 与判据都用这里的名字拼类名，不各抄一份字面量）。 */
+export const RANK_LIST_SLOTS = [
+    /** 领奖台那一区（前三名并排的三张卡）。 */
+    'podium',
+    /** 领奖台上的一张卡（名次／名称／值＋单位／占比／条）。 */
+    'card',
+    /** 名次（领奖台档写「第 N 名」，其余行写序号）。**放行首**：扫读榜单先看名次。 */
+    'rank',
+    /** 名称（榜单的主角：条与值都从它派生）。 */
+    'name',
+    /** 名称下的副语（「早餐 · 1 个」／「3 次 · 晚餐为主」）；不给＝不出这一行。 */
+    'note',
+    /** 值的单位（`元`／`次`／`卡`）：小一号跟在数字后。 */
+    'unit',
+    /** 这一名的读数（含单位）。 */
+    'value',
+    /** 占比（`31.7%`）：份额的精确读法，口径归调用方。 */
+    'share',
+    /** 第 4 名及以后的那一组行。 */
+    'list',
+    /** 第 4 名及以后的一行。 */
+    'row',
+    /** 行里「名称 ＋ 条」合成的那一格（**条在名称下面另起一行**：窄档也不挤名字）。 */
+    'mid',
+    /** 条的外框（全榜共用一条刻度：长度＝这一名的值 ÷ 榜首的值）。 */
+    'bar',
+    /** 条的填充。 */
+    'fill',
+    /** 口径行：这条榜单的数怎么算的、占比按什么合计（弱文字，可很长、必须能换行）。 */
+    'caliber',
+];
+/** 槽类的类名（唯一拼法：别处不许再写 `RANK_LIST_CLASS + '-' + …`）。 */
+export function rankListSlot(slot, prefix = 'ilife-') {
+    return prefix + 'block-rank-list-' + slot;
+}
+/** 形态闭集：本件只落地了形态 A「领奖台」。 */
+export const RANK_LIST_FORMS = ['podium'];
+/** 领奖台的位数：前三名进卡，第 4 名起进逐行区。**改这个数就是改形态**，故住标记契约。 */
+export const RANK_LIST_PODIUM_SIZE = 3;
+/** 领奖台上某一张卡的位次类名（**唯一拼法**）。件内的状态名一律带件内语义前缀（`is-place-`），
+ *  **不许用 `is-first`／`is-second` 这类泛名**：泛名会与别的件标记里的同名状态撞上——
+ *  皮肤矩阵的「跨件零交集」按「一件的样式段不许提到另一件标记里的类名」守这一条。 */
+export function rankListPlaceClass(rank) {
+    return 'is-place-' + String(rank);
+}
+/** 口径行左端的标签（与页头／其余件同一条写法）。 */
+export const RANK_LIST_CALIBER_LABEL = '口径';
+//# sourceMappingURL=attrs.js.map

package/dist/components/rank-list/attrs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attrs.js","sourceRoot":"","sources":["../../../src/components/rank-list/attrs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,oDAAoD;AACpD,MAAM,CAAC,MAAM,eAAe,GAAG,uBAAuB,CAAC;AAEvD,gDAAgD;AAChD,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,yBAAyB;IACzB,QAAQ;IACR,iCAAiC;IACjC,MAAM;IACN,gDAAgD;IAChD,MAAM;IACN,0BAA0B;IAC1B,MAAM;IACN,gDAAgD;IAChD,MAAM;IACN,kCAAkC;IAClC,MAAM;IACN,mBAAmB;IACnB,OAAO;IACP,kCAAkC;IAClC,OAAO;IACP,qBAAqB;IACrB,MAAM;IACN,mBAAmB;IACnB,KAAK;IACL,gDAAgD;IAChD,KAAK;IACL,sCAAsC;IACtC,KAAK;IACL,YAAY;IACZ,MAAM;IACN,6CAA6C;IAC7C,SAAS;CACD,CAAC;AAGX,sDAAsD;AACtD,MAAM,UAAU,YAAY,CAAC,IAAkB,EAAE,MAAM,GAAG,QAAQ;IAChE,OAAO,MAAM,GAAG,kBAAkB,GAAG,IAAI,CAAC;AAC5C,CAAC;AAED,4BAA4B;AAC5B,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,QAAQ,CAAU,CAAC;AAGnD,oDAAoD;AACpD,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,CAAC;AAEvC;;8CAE8C;AAC9C,MAAM,UAAU,kBAAkB,CAAC,IAAY;IAC7C,OAAO,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,CAAC;AAED,8BAA8B;AAC9B,MAAM,CAAC,MAAM,uBAAuB,GAAG,IAAI,CAAC"}

package/dist/components/rank-list/index.d.ts

@@ -0,0 +1,14 @@
+/** rank-list · **组件出口**（本组件对外的唯一名字面）。
+ *
+ *  三个运行名：`renderRankList(input)`（产标记，零 DOM）／`rankListCss()`（样式段）／
+ *  形态闭集 `RANK_LIST_FORMS`（本件只落地形态 A「领奖台」）。
+ *  标记契约也一并转出（类名根 ＋ 槽位拼法 ＋ 领奖台位数 ＋ 口径标签）：
+ *  判据与调用方都从这一份事实派生，不各抄一份字面量。
+ *
+ *  用法与参数表见同目录 `README.md`。消费方走 `base-paint/blocks`（组件层出口），不走根出口。
+ */
+export { RANK_LIST_CALIBER_LABEL, RANK_LIST_CLASS, RANK_LIST_FORMS, RANK_LIST_PODIUM_SIZE, RANK_LIST_SLOTS, rankListPlaceClass, rankListSlot, } from './attrs.js';
+export type { RankListForm, RankListInput, RankListRow, RankListSlot } from './attrs.js';
+export { renderRankList } from './render.js';
+export { RANK_LIST_BAR_MIN_PX, RANK_LIST_BAR_THICKNESS_PX, RANK_LIST_CARD_MIN_EM, RANK_LIST_FIRST_VALUE_SCALE, RANK_LIST_NARROW_PX, rankListCss, } from './style.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/rank-list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/rank-list/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EACL,uBAAuB,EACvB,eAAe,EACf,eAAe,EACf,qBAAqB,EACrB,eAAe,EACf,kBAAkB,EAClB,YAAY,GACb,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AACzF,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EACL,oBAAoB,EACpB,0BAA0B,EAC1B,qBAAqB,EACrB,2BAA2B,EAC3B,mBAAmB,EACnB,WAAW,GACZ,MAAM,YAAY,CAAC"}

package/dist/components/rank-list/index.js

@@ -0,0 +1,13 @@
+/** rank-list · **组件出口**（本组件对外的唯一名字面）。
+ *
+ *  三个运行名：`renderRankList(input)`（产标记，零 DOM）／`rankListCss()`（样式段）／
+ *  形态闭集 `RANK_LIST_FORMS`（本件只落地形态 A「领奖台」）。
+ *  标记契约也一并转出（类名根 ＋ 槽位拼法 ＋ 领奖台位数 ＋ 口径标签）：
+ *  判据与调用方都从这一份事实派生，不各抄一份字面量。
+ *
+ *  用法与参数表见同目录 `README.md`。消费方走 `base-paint/blocks`（组件层出口），不走根出口。
+ */
+export { RANK_LIST_CALIBER_LABEL, RANK_LIST_CLASS, RANK_LIST_FORMS, RANK_LIST_PODIUM_SIZE, RANK_LIST_SLOTS, rankListPlaceClass, rankListSlot, } from './attrs.js';
+export { renderRankList } from './render.js';
+export { RANK_LIST_BAR_MIN_PX, RANK_LIST_BAR_THICKNESS_PX, RANK_LIST_CARD_MIN_EM, RANK_LIST_FIRST_VALUE_SCALE, RANK_LIST_NARROW_PX, rankListCss, } from './style.js';
+//# sourceMappingURL=index.js.map

package/dist/components/rank-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/rank-list/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EACL,uBAAuB,EACvB,eAAe,EACf,eAAe,EACf,qBAAqB,EACrB,eAAe,EACf,kBAAkB,EAClB,YAAY,GACb,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EACL,oBAAoB,EACpB,0BAA0B,EAC1B,qBAAqB,EACrB,2BAA2B,EAC3B,mBAAmB,EACnB,WAAW,GACZ,MAAM,YAAY,CAAC"}

package/dist/components/rank-list/model.d.ts

@@ -0,0 +1,30 @@
+import { type RankListForm } from './attrs.js';
+/** 显示串：千分位 ＋ 最多两位小数（尾零去掉）＋ 负号。本件所有数字只经它上屏。 */
+export declare function showNumber(value: number): string;
+/** 一名归一化后的形状：名次文本、显示串、条长都在这里定下来，`render.ts` 只拼标记。 */
+export interface RankListRowModel {
+    /** 名次（从 1 数起：`rows` 的顺序就是名次）。 */
+    readonly rank: number;
+    /** 名次文本：进领奖台的写「第 N 名」，其余行写序号。 */
+    readonly rankText: string;
+    readonly name: string;
+    readonly note?: string;
+    readonly valueText: string;
+    readonly shareText: string;
+    readonly width: string;
+}
+/** 归一化后的入参（`render.ts` 只吃它，不再自己碰 `any`）。 */
+export interface RankListModel {
+    readonly form: RankListForm;
+    /** 前三名（不足三名就有几名给几名）。 */
+    readonly podium: readonly RankListRowModel[];
+    /** 第 4 名及以后。 */
+    readonly rest: readonly RankListRowModel[];
+    readonly caliberLabel: string;
+    readonly unit?: string;
+    readonly caliber?: string;
+    readonly extraClass?: string;
+}
+/** 入参归一化。**唯一入口**：`render.ts` 只吃它产出的 `RankListModel`。 */
+export declare function normalizeRankList(input: unknown): RankListModel;
+//# sourceMappingURL=model.d.ts.map

package/dist/components/rank-list/model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../src/components/rank-list/model.ts"],"names":[],"mappings":"AAUA,OAAO,EAIL,KAAK,YAAY,EAClB,MAAM,YAAY,CAAC;AAEpB,8CAA8C;AAC9C,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAQhD;AAaD,qDAAqD;AACrD,MAAM,WAAW,gBAAgB;IAC/B,iCAAiC;IACjC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,iCAAiC;IACjC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,4CAA4C;AAC5C,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAC;IAC5B,wBAAwB;IACxB,QAAQ,CAAC,MAAM,EAAE,SAAS,gBAAgB,EAAE,CAAC;IAC7C,gBAAgB;IAChB,QAAQ,CAAC,IAAI,EAAE,SAAS,gBAAgB,EAAE,CAAC;IAC3C,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AA2CD,yDAAyD;AACzD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,OAAO,GAAG,aAAa,CAsC/D"}

package/dist/components/rank-list/model.js

@@ -0,0 +1,103 @@
+/** rank-list · **入参归一化与校验**（把 `any` 与说不出的 `unknown` 挡在门外，产出内部类型）。
+ *
+ *  三条口径：
+ *   1. **非法入参一律 `badInput()`**（抛 `BlocksError`）——不静默降级：猜出来的骨架会在页面上长成
+ *      另一种东西，而调用方以为拿到了本件。
+ *   2. **值给数、不给串**：条长按它算、数字也由它出——两处同源，才不会有「条长按 A、数字写 B」的榜。
+ *   3. **占比不是本件算的**：窗内合计归调用方（末尾常有「其他 N 笔」聚合行），本件只把 0–100 的数
+ *      写成一枚 `xx.x%`。名次同样归调用方：`rows` 的顺序就是名次，本件不排序也不并列。
+ */
+import { assertPlainObject, badInput, optExtraClass, optText, reqText } from '../shared/validate.js';
+import { RANK_LIST_CALIBER_LABEL, RANK_LIST_FORMS, RANK_LIST_PODIUM_SIZE, } from './attrs.js';
+/** 显示串：千分位 ＋ 最多两位小数（尾零去掉）＋ 负号。本件所有数字只经它上屏。 */
+export function showNumber(value) {
+    const rounded = Math.round(value * 100) / 100;
+    const text = String(Math.abs(rounded));
+    const dot = text.indexOf('.');
+    const int = dot < 0 ? text : text.slice(0, dot);
+    const frac = dot < 0 ? '' : text.slice(dot + 1);
+    const grouped = int.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+    return (rounded < 0 ? '-' : '') + grouped + (frac === '' ? '' : '.' + frac);
+}
+/** 占比的显示串：一位小数 ＋ `%`（`31.7%`）。 */
+function showShare(share) {
+    return (Math.round(share * 10) / 10).toFixed(1) + '%';
+}
+/** 条长：这一名的值 ÷ 全榜最大值（0–100 的一位小数）。**每一行都给条**（原型 A 的逐行区原本没有条）。 */
+function widthOf(value, max) {
+    if (max <= 0)
+        return '0';
+    return String(Math.round((value / max) * 1000) / 10);
+}
+/** 必须是**有限数且 ≥ 0**（金额／次数／热量都不该是负的；负值的条长无从谈起）。 */
+function reqAmount(value, field) {
+    if (typeof value !== 'number' || !Number.isFinite(value))
+        badInput(field + ' 必须是有限数（榜单的值给数、不给串）');
+    if (value < 0)
+        badInput(field + ' 必须 ≥ 0（条长按「值 ÷ 全榜最大值」算，负值无长度可言）');
+    return value;
+}
+/** 占比：0–100 的有限数（越界是调用方口径错了——不夹取、不静默）。 */
+function reqShare(value, field) {
+    if (typeof value !== 'number' || !Number.isFinite(value))
+        badInput(field + ' 必须是有限数（0–100 的占比）');
+    if (value < 0 || value > 100)
+        badInput(field + ' 必须在 0–100 之间（占比口径归调用方，本件不夹取）');
+    return value;
+}
+/** 一名：名称必填非空；值 ≥ 0；占比 0–100；副语可省。 */
+function rowModel(raw, index) {
+    const field = 'rank-list: input.rows[' + index + ']';
+    assertPlainObject(raw, field);
+    const row = raw;
+    const name = reqText(row.name, field + '.name');
+    const value = reqAmount(row.value, field + '.value');
+    const share = reqShare(row.share, field + '.share');
+    const note = optText(row.note, field + '.note');
+    return {
+        name,
+        value,
+        valueText: showNumber(value),
+        shareText: showShare(share),
+        ...(note === undefined ? {} : { note }),
+    };
+}
+/** 入参归一化。**唯一入口**：`render.ts` 只吃它产出的 `RankListModel`。 */
+export function normalizeRankList(input) {
+    assertPlainObject(input, 'renderRankList: input');
+    const raw = input;
+    const form = raw.form === undefined ? RANK_LIST_FORMS[0] : raw.form;
+    if (!RANK_LIST_FORMS.includes(form)) {
+        badInput('rank-list: input.form 必须是 ' + RANK_LIST_FORMS.join('／') + ' 之一（本件只落地形态 A「领奖台」）');
+    }
+    const unit = optText(raw.unit, 'rank-list: input.unit');
+    const caliber = optText(raw.caliber, 'rank-list: input.caliber');
+    const extra = optExtraClass(raw.extraClass, 'rank-list: input.extraClass');
+    const list = raw.rows;
+    if (!Array.isArray(list))
+        badInput('rank-list: input.rows 必须是数组（顺序就是名次）');
+    const rows = list.map((row, i) => rowModel(row, i));
+    const max = rows.reduce((acc, r) => Math.max(acc, r.value), 0);
+    const placed = rows.map((r, i) => {
+        const rank = i + 1;
+        return {
+            rank,
+            rankText: rank <= RANK_LIST_PODIUM_SIZE ? '第 ' + String(rank) + ' 名' : String(rank),
+            name: r.name,
+            ...(r.note === undefined ? {} : { note: r.note }),
+            valueText: r.valueText,
+            shareText: r.shareText,
+            width: widthOf(r.value, max),
+        };
+    });
+    return {
+        form: form,
+        podium: placed.slice(0, RANK_LIST_PODIUM_SIZE),
+        rest: placed.slice(RANK_LIST_PODIUM_SIZE),
+        caliberLabel: RANK_LIST_CALIBER_LABEL,
+        ...(unit === undefined ? {} : { unit }),
+        ...(caliber === undefined ? {} : { caliber }),
+        ...(extra === undefined ? {} : { extraClass: extra }),
+    };
+}
+//# sourceMappingURL=model.js.map

package/dist/components/rank-list/model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/rank-list/model.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrG,OAAO,EACL,uBAAuB,EACvB,eAAe,EACf,qBAAqB,GAEtB,MAAM,YAAY,CAAC;AAEpB,8CAA8C;AAC9C,MAAM,UAAU,UAAU,CAAC,KAAa;IACtC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;IAC9C,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;IACvC,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IAC9B,MAAM,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAChD,MAAM,IAAI,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;IAChD,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC,uBAAuB,EAAE,GAAG,CAAC,CAAC;IAC1D,OAAO,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,OAAO,GAAG,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC;AAC9E,CAAC;AAED,kCAAkC;AAClC,SAAS,SAAS,CAAC,KAAa;IAC9B,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;AACxD,CAAC;AAED,gEAAgE;AAChE,SAAS,OAAO,CAAC,KAAa,EAAE,GAAW;IACzC,IAAI,GAAG,IAAI,CAAC;QAAE,OAAO,GAAG,CAAC;IACzB,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;AACvD,CAAC;AA4BD,iDAAiD;AACjD,SAAS,SAAS,CAAC,KAAc,EAAE,KAAa;IAC9C,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAE,QAAQ,CAAC,KAAK,GAAG,qBAAqB,CAAC,CAAC;IAClG,IAAI,KAAK,GAAG,CAAC;QAAE,QAAQ,CAAC,KAAK,GAAG,kCAAkC,CAAC,CAAC;IACpE,OAAO,KAAK,CAAC;AACf,CAAC;AAED,0CAA0C;AAC1C,SAAS,QAAQ,CAAC,KAAc,EAAE,KAAa;IAC7C,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAE,QAAQ,CAAC,KAAK,GAAG,oBAAoB,CAAC,CAAC;IACjG,IAAI,KAAK,GAAG,CAAC,IAAI,KAAK,GAAG,GAAG;QAAE,QAAQ,CAAC,KAAK,GAAG,+BAA+B,CAAC,CAAC;IAChF,OAAO,KAAK,CAAC;AACf,CAAC;AAWD,qCAAqC;AACrC,SAAS,QAAQ,CAAC,GAAY,EAAE,KAAa;IAC3C,MAAM,KAAK,GAAG,wBAAwB,GAAG,KAAK,GAAG,GAAG,CAAC;IACrD,iBAAiB,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAC9B,MAAM,GAAG,GAAG,GAA8B,CAAC;IAC3C,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,GAAG,OAAO,CAAC,CAAC;IAChD,MAAM,KAAK,GAAG,SAAS,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,GAAG,QAAQ,CAAC,CAAC;IACrD,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,GAAG,QAAQ,CAAC,CAAC;IACpD,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,GAAG,OAAO,CAAC,CAAC;IAChD,OAAO;QACL,IAAI;QACJ,KAAK;QACL,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC;QAC5B,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC;QAC3B,GAAG,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC;KACxC,CAAC;AACJ,CAAC;AAED,yDAAyD;AACzD,MAAM,UAAU,iBAAiB,CAAC,KAAc;IAC9C,iBAAiB,CAAC,KAAK,EAAE,uBAAuB,CAAC,CAAC;IAClD,MAAM,GAAG,GAAG,KAAgC,CAAC;IAE7C,MAAM,IAAI,GAAG,GAAG,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC;IACpE,IAAI,CAAE,eAAsC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;QAC5D,QAAQ,CAAC,4BAA4B,GAAG,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,qBAAqB,CAAC,CAAC;IAC7F,CAAC;IACD,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,uBAAuB,CAAC,CAAC;IACxD,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,0BAA0B,CAAC,CAAC;IACjE,MAAM,KAAK,GAAG,aAAa,CAAC,GAAG,CAAC,UAAU,EAAE,6BAA6B,CAAC,CAAC;IAE3E,MAAM,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC;IACtB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;QAAE,QAAQ,CAAC,qCAAqC,CAAC,CAAC;IAC1E,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;IACpD,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAC/D,MAAM,MAAM,GAAuB,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACnD,MAAM,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC;QACnB,OAAO;YACL,IAAI;YACJ,QAAQ,EAAE,IAAI,IAAI,qBAAqB,CAAC,CAAC,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC;YACnF,IAAI,EAAE,CAAC,CAAC,IAAI;YACZ,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;YACjD,SAAS,EAAE,CAAC,CAAC,SAAS;YACtB,SAAS,EAAE,CAAC,CAAC,SAAS;YACtB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,CAAC;SAC7B,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO;QACL,IAAI,EAAE,IAAoB;QAC1B,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,qBAAqB,CAAC;QAC9C,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,qBAAqB,CAAC;QACzC,YAAY,EAAE,uBAAuB;QACrC,GAAG,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC;QACvC,GAAG,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC;QAC7C,GAAG,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC;KACtD,CAAC;AACJ,CAAC"}

package/dist/components/rank-list/render.d.ts

@@ -0,0 +1,4 @@
+/** 渲染榜单（纯函数：同样的入参恒产同样的字节；转义只经 `shared/escape.ts`）。
+ *  `rows: []` ⇒ **空串**（没有名次就没有榜；空壳、空标题都留不住）。 */
+export declare function renderRankList(input: unknown): string;
+//# sourceMappingURL=render.d.ts.map

package/dist/components/rank-list/render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/components/rank-list/render.ts"],"names":[],"mappings":"AAkFA;gDACgD;AAChD,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAKrD"}

package/dist/components/rank-list/render.js

@@ -0,0 +1,84 @@
+/** rank-list · **渲染**（纯函数产 HTML；本件只有形态 A「领奖台」一种骨架）。
+ *
+ *  —— 形态 A：领奖台 ——
+ *
+ *  前三名各占一张卡，**第 1 名住在中间**（宽档靠 `order` 摆位：DOM 顺序仍是 1→2→3，读屏与键盘顺序不乱），
+ *  第 4 名起逐行排在下面。**每一名都给条**：长度＝这一名的值 ÷ 全榜最大值，数字给准值，占比给精确份额。
+ *
+ *  它替掉的两种错法：
+ *   · 只给名次与数值 ⇒ 读者读不出第一名与第二名差多少（条把那点差摊开）；
+ *   · 榜首与第 20 名同形同字号 ⇒ 一眼看不出谁在榜首（领奖台那一档大一号 ＋ 更粗的顶边）。
+ *
+ *  三条硬口径（判据断的就是它们）：
+ *   · 条长与数字**同源**（都来自入参的值）：长度按「值 ÷ 全榜最大值」，不是拍出来的百分比；
+ *   · **条在名称下面另起一行**（行里那一格是「名称 ＋ 条」上下叠着）⇒ 窄档也绝不把名称挤成竖排；
+ *   · 名称／副语／口径行长了一律换行，**不许 `…` 截断**。
+ */
+import { esc } from '../shared/escape.js';
+import { rankListPlaceClass, rankListSlot, RANK_LIST_CLASS } from './attrs.js';
+import { normalizeRankList } from './model.js';
+/** 值那一格（含单位）：单位小一号、跟在数字后（与账目行／明细行同一条写法）。 */
+function valueHtml(m, text) {
+    return '<b class="' + rankListSlot('value') + '">' + esc(text)
+        + (m.unit === undefined ? '' : '<small class="' + rankListSlot('unit') + '">' + esc(m.unit) + '</small>')
+        + '</b>';
+}
+/** 名称那一格（含可选副语）：副语另起一行，不给就不出。 */
+function nameHtml(row) {
+    return '<span class="' + rankListSlot('name') + '">' + esc(row.name)
+        + (row.note === undefined ? '' : '<small class="' + rankListSlot('note') + '">' + esc(row.note) + '</small>')
+        + '</span>';
+}
+/** 条的外框（填充宽度＝这一名的值 ÷ 全榜最大值）。条是**装饰**：值已经以文本上屏，故 `aria-hidden`。 */
+function barHtml(width) {
+    return '<span class="' + rankListSlot('bar') + '" aria-hidden="true">'
+        + '<i class="' + rankListSlot('fill') + '" style="width: ' + width + '%"></i></span>';
+}
+/** 领奖台上的一张卡：名次（「第 N 名」）／名称（＋副语）／值／占比／条。
+ *  位次类名（`is-place-1/2/3`）只用于宽档摆位：第 1 名居中、卡更高。 */
+function cardHtml(m, row, index) {
+    return '<div class="' + rankListSlot('card') + ' ' + rankListPlaceClass(index + 1) + '">'
+        + '<b class="' + rankListSlot('rank') + '">' + esc(row.rankText) + '</b>'
+        + nameHtml(row)
+        + valueHtml(m, row.valueText)
+        + '<span class="' + rankListSlot('share') + '">' + esc(row.shareText) + '</span>'
+        + barHtml(row.width)
+        + '</div>';
+}
+/** 第 4 名及以后的一行：名次（序号）／「名称 ＋ 条」那一格／值／占比。 */
+function rowHtml(m, row) {
+    return '<div class="' + rankListSlot('row') + '">'
+        + '<b class="' + rankListSlot('rank') + '">' + esc(row.rankText) + '</b>'
+        + '<span class="' + rankListSlot('mid') + '">' + nameHtml(row) + barHtml(row.width) + '</span>'
+        + valueHtml(m, row.valueText)
+        + '<span class="' + rankListSlot('share') + '">' + esc(row.shareText) + '</span>'
+        + '</div>';
+}
+/** 口径行：左端一枚标签（「口径」）＋ 一句话（数怎么算的、占比按什么合计）。 */
+function caliberHtml(m) {
+    if (m.caliber === undefined)
+        return '';
+    return '<p class="' + rankListSlot('caliber') + '"><b>' + esc(m.caliberLabel) + '</b>'
+        + '<span>' + esc(m.caliber) + '</span></p>';
+}
+/** 形态 A 的骨架。 */
+function renderPodium(m) {
+    const cards = m.podium.map((row, i) => cardHtml(m, row, i)).join('');
+    const rest = m.rest.length === 0 ? ''
+        : '<div class="' + rankListSlot('list') + '">' + m.rest.map((row) => rowHtml(m, row)).join('') + '</div>';
+    return '<div class="' + rankListSlot('podium') + '">' + cards + '</div>' + rest + caliberHtml(m);
+}
+/** 形态 → 骨架（本件只有一格；分派写在这里，加第二形态就是加一支）。 */
+const SKELETONS = {
+    podium: renderPodium,
+};
+/** 渲染榜单（纯函数：同样的入参恒产同样的字节；转义只经 `shared/escape.ts`）。
+ *  `rows: []` ⇒ **空串**（没有名次就没有榜；空壳、空标题都留不住）。 */
+export function renderRankList(input) {
+    const m = normalizeRankList(input);
+    if (m.podium.length === 0)
+        return '';
+    const extra = m.extraClass === undefined ? '' : ' ' + m.extraClass;
+    return '<div class="' + RANK_LIST_CLASS + ' is-' + m.form + extra + '">' + SKELETONS[m.form](m) + '</div>';
+}
+//# sourceMappingURL=render.js.map

package/dist/components/rank-list/render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.js","sourceRoot":"","sources":["../../../src/components/rank-list/render.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,eAAe,EAAqB,MAAM,YAAY,CAAC;AAClG,OAAO,EAAE,iBAAiB,EAA6C,MAAM,YAAY,CAAC;AAE1F,4CAA4C;AAC5C,SAAS,SAAS,CAAC,CAAgB,EAAE,IAAY;IAC/C,OAAO,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,GAAG,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC;UAC1D,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB,GAAG,YAAY,CAAC,MAAM,CAAC,GAAG,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC;UACvG,MAAM,CAAC;AACb,CAAC;AAED,iCAAiC;AACjC,SAAS,QAAQ,CAAC,GAAqB;IACrC,OAAO,eAAe,GAAG,YAAY,CAAC,MAAM,CAAC,GAAG,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC;UAChE,CAAC,GAAG,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB,GAAG,YAAY,CAAC,MAAM,CAAC,GAAG,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC;UAC3G,SAAS,CAAC;AAChB,CAAC;AAED,kEAAkE;AAClE,SAAS,OAAO,CAAC,KAAa;IAC5B,OAAO,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,uBAAuB;UAClE,YAAY,GAAG,YAAY,CAAC,MAAM,CAAC,GAAG,kBAAkB,GAAG,KAAK,GAAG,gBAAgB,CAAC;AAC1F,CAAC;AAED;iDACiD;AACjD,SAAS,QAAQ,CAAC,CAAgB,EAAE,GAAqB,EAAE,KAAa;IACtE,OAAO,cAAc,GAAG,YAAY,CAAC,MAAM,CAAC,GAAG,GAAG,GAAG,kBAAkB,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,IAAI;UACrF,YAAY,GAAG,YAAY,CAAC,MAAM,CAAC,GAAG,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,MAAM;UACvE,QAAQ,CAAC,GAAG,CAAC;UACb,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC,SAAS,CAAC;UAC3B,eAAe,GAAG,YAAY,CAAC,OAAO,CAAC,GAAG,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,SAAS;UAC/E,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;UAClB,QAAQ,CAAC;AACf,CAAC;AAED,2CAA2C;AAC3C,SAAS,OAAO,CAAC,CAAgB,EAAE,GAAqB;IACtD,OAAO,cAAc,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,IAAI;UAC9C,YAAY,GAAG,YAAY,CAAC,MAAM,CAAC,GAAG,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,MAAM;UACvE,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,IAAI,GAAG,QAAQ,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,SAAS;UAC7F,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC,SAAS,CAAC;UAC3B,eAAe,GAAG,YAAY,CAAC,OAAO,CAAC,GAAG,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,SAAS;UAC/E,QAAQ,CAAC;AACf,CAAC;AAED,4CAA4C;AAC5C,SAAS,WAAW,CAAC,CAAgB;IACnC,IAAI,CAAC,CAAC,OAAO,KAAK,SAAS;QAAE,OAAO,EAAE,CAAC;IACvC,OAAO,YAAY,GAAG,YAAY,CAAC,SAAS,CAAC,GAAG,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,GAAG,MAAM;UAClF,QAAQ,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,aAAa,CAAC;AAChD,CAAC;AAED,gBAAgB;AAChB,SAAS,YAAY,CAAC,CAAgB;IACpC,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACrE,MAAM,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE;QACnC,CAAC,CAAC,cAAc,GAAG,YAAY,CAAC,MAAM,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC;IAC5G,OAAO,cAAc,GAAG,YAAY,CAAC,QAAQ,CAAC,GAAG,IAAI,GAAG,KAAK,GAAG,QAAQ,GAAG,IAAI,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;AACnG,CAAC;AAED,yCAAyC;AACzC,MAAM,SAAS,GAAiE;IAC9E,MAAM,EAAE,YAAY;CACrB,CAAC;AAEF;gDACgD;AAChD,MAAM,UAAU,cAAc,CAAC,KAAc;IAC3C,MAAM,CAAC,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACnC,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,EAAE,CAAC;IACrC,MAAM,KAAK,GAAG,CAAC,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,UAAU,CAAC;IACnE,OAAO,cAAc,GAAG,eAAe,GAAG,MAAM,GAAG,CAAC,CAAC,IAAI,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC;AAC7G,CAAC"}

package/dist/components/rank-list/style.d.ts

@@ -0,0 +1,15 @@
+/** 窄容器阈值（px）：领奖台三张卡改竖排一列。判的是**本件自己的宽度**（`@container`），不是视口宽度。 */
+export declare const RANK_LIST_NARROW_PX = 560;
+/** 领奖台上每张卡的最小宽度（em）：窄于它就不放三列（`auto-fit` 自己收成一列）。 */
+export declare const RANK_LIST_CARD_MIN_EM = 9.5;
+/** 第 1 名的读数相对其余两名的倍数（领奖台上「大一号」的那一格尺寸事实）。 */
+export declare const RANK_LIST_FIRST_VALUE_SCALE = 1.2;
+/** 条的厚度（px）：领奖台卡与逐行区同一厚度（同一族只有一种条的读法）。 */
+export declare const RANK_LIST_BAR_THICKNESS_PX = 6;
+/** 条的最小宽度（px）：列挤到极限时仍留得下一条可见的长度。 */
+export declare const RANK_LIST_BAR_MIN_PX = 8;
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export declare function rankListCss(input?: {
+    readonly prefix?: string;
+}): string;
+//# sourceMappingURL=style.d.ts.map

package/dist/components/rank-list/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/rank-list/style.ts"],"names":[],"mappings":"AAoBA,iEAAiE;AACjE,eAAO,MAAM,mBAAmB,MAAM,CAAC;AAEvC,oDAAoD;AACpD,eAAO,MAAM,qBAAqB,MAAM,CAAC;AAEzC,4CAA4C;AAC5C,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAE/C,0CAA0C;AAC1C,eAAO,MAAM,0BAA0B,IAAI,CAAC;AAE5C,oCAAoC;AACpC,eAAO,MAAM,oBAAoB,IAAI,CAAC;AAEtC,4BAA4B;AAC5B,wBAAgB,WAAW,CAAC,KAAK,CAAC,EAAE;IAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CA0NxE"}

package/dist/components/rank-list/style.js

@@ -0,0 +1,248 @@
+/** rank-list · **样式段**（本件唯一的样式来源）。
+ *
+ *  纪律（与本节其余件同一份）：
+ *   · 只经 `skinVar()` 读皮肤 —— 组件里**不写** `var(--ilife-…)`（兜底链只许住在 `skin/contract.ts`）；
+ *   · 全部规则 scope 在 `.<prefix>page-ui` 之下，且只读本件自己的类名；不写 `:root`／`!important`、不新增 token 名；
+ *   · **宽度只许容器判**：本件设 `container-type: inline-size`，窄档调整走 `@container`；本件**一条 `@media` 都没有**
+ *     （媒体查询只许判设备能力，不许判宽度——这些页面会被嵌进侧栏／面板／卡片）。
+ *
+ *  几何契约（判据钉住）：
+ *   · 宽档＝领奖台三张等宽卡并排（第 1 名居中、卡更高），第 4 名起逐行；窄档＝卡改成竖排一列（名次顺序）。
+ *   · **条永远在名称下面另起一行**（行里那一格是「名称 ＋ 条」上下叠着）⇒ 窄档也不把名称挤成竖排。
+ *   · 领奖台三张卡等宽 ⇒ 卡里的条彼此可比；逐行区的条也等宽 ⇒ 行与行可比。跨两段的两条长度不可直比
+ *     （轨道宽度不同）——跨段读份额请看占比那一列。
+ */
+import { skinVar } from '../skin/contract.js';
+import { rankListPlaceClass, rankListSlot } from './attrs.js';
+/** 换行（仓库口径：不写字面换行转义）。 */
+const LF = String.fromCharCode(10);
+/** 窄容器阈值（px）：领奖台三张卡改竖排一列。判的是**本件自己的宽度**（`@container`），不是视口宽度。 */
+export const RANK_LIST_NARROW_PX = 560;
+/** 领奖台上每张卡的最小宽度（em）：窄于它就不放三列（`auto-fit` 自己收成一列）。 */
+export const RANK_LIST_CARD_MIN_EM = 9.5;
+/** 第 1 名的读数相对其余两名的倍数（领奖台上「大一号」的那一格尺寸事实）。 */
+export const RANK_LIST_FIRST_VALUE_SCALE = 1.2;
+/** 条的厚度（px）：领奖台卡与逐行区同一厚度（同一族只有一种条的读法）。 */
+export const RANK_LIST_BAR_THICKNESS_PX = 6;
+/** 条的最小宽度（px）：列挤到极限时仍留得下一条可见的长度。 */
+export const RANK_LIST_BAR_MIN_PX = 8;
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export function rankListCss(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-rank-list';
+    const s = (slot) => root + ' .' + rankListSlot(slot, p);
+    /** **组合符右侧一律用它**：带 scope 前缀的选择器只能出现在**最左**——`.scope .a > .scope .b` 里
+     *  第二个 `.scope` 改成要求「`.a` 的直接子元素里那个 `.scope`」，于是整条规则**永不命中**（实测踩过：
+     *  第一名的字号与名次色、逐行区的读数档都因此没生效）。右侧只写本件自己的类名。 */
+    const inner = (slot) => '.' + rankListSlot(slot, p);
+    const card = box + '-card';
+    const podium = box + '-podium';
+    const row = box + '-row';
+    const mid = box + '-mid';
+    const value = box + '-value';
+    const rankBare = inner('rank');
+    const nameBare = inner('name');
+    const valueBare = inner('value');
+    const rowBare = inner('row');
+    return [
+        '/* rank-list（榜单 · 形态 A「领奖台」）：前三名三张卡 ＋ 第 4 名起逐行；名次／名称／条／值／占比。',
+        '   层次不靠阴影与大圆角：靠发丝线、底色块、字重与顶边那道语义条 ⇒ 换皮只换取值。 */',
+        box + ' {',
+        /* 宽度判据的落点：本件是**自己的容器**——嵌进侧栏／面板／卡片时照样按自己的宽度改档。 */
+        '  container-type: inline-size;',
+        '  display: grid;',
+        '  gap: 6px;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font') + ';',
+        '  font-size: ' + skinVar('fs-body') + ';',
+        '  line-height: 1.5;',
+        '}',
+        '/* 领奖台：三张等宽卡。`auto-fit` ＋ 固定下限 ⇒ 只有一两名时卡不会缩成三分之一宽。',
+        '   DOM 顺序仍是 1→2→3（读屏与键盘顺序不乱），宽档的「第 1 名居中」靠 `order` 摆。 */',
+        s('podium') + ' {',
+        '  display: grid;',
+        '  grid-template-columns: repeat(auto-fit, minmax(' + String(RANK_LIST_CARD_MIN_EM) + 'em, 1fr));',
+        '  align-items: end;',
+        '  gap: 8px;',
+        '  min-width: 0;',
+        '}',
+        '/* 卡：`surface` 底 ＋ 一圈 `edge` 发丝线（零阴影的两套皮肤下靠这条线立起来）＋ 顶边一条语义色。 */',
+        card + ' {',
+        '  display: grid;',
+        '  gap: 4px;',
+        '  min-width: 0;',
+        '  padding: 10px 10px 12px;',
+        '  background: ' + skinVar('surface') + ';',
+        '  border: 1px solid ' + skinVar('edge') + ';',
+        '  border-top: 3px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '}',
+        '/* 第 1 名：顶边换成强调色 ＋ 更粗 ／ 读数大一号（`RANK_LIST_FIRST_VALUE_SCALE`）／名次走强调色的文本档。',
+        '   三样一起给，色不是唯一信息（换到墨黑强调的报刊皮肤，粗顶边与大字号照样读得出）。 */',
+        card + '.' + rankListPlaceClass(1) + ' {',
+        '  order: 2;',
+        '  padding-top: 14px;',
+        '  border-top-width: 5px;',
+        '  border-top-color: ' + skinVar('accent') + ';',
+        '}',
+        card + '.' + rankListPlaceClass(2) + ' {',
+        '  order: 1;',
+        '}',
+        card + '.' + rankListPlaceClass(3) + ' {',
+        '  order: 3;',
+        '}',
+        s('rank') + ' {',
+        '  min-width: 1.6em;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 700;',
+        '  font-variant-numeric: tabular-nums;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        card + '.' + rankListPlaceClass(1) + ' > ' + rankBare + ' {',
+        '  color: ' + skinVar('accent-text') + ';',
+        '}',
+        '/* 名称：本件的主角（条与值都从它派生）。长了换行，**不许 `…`**。 */',
+        s('name') + ' {',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 700;',
+        '  line-height: 1.4;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('note') + ' {',
+        '  display: block;',
+        '  margin-top: 2px;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 400;',
+        '  line-height: 1.5;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 读数：数字走 `font-num` ＋ 等宽数字；不写 `nowrap`（长读数宁可换行，也不许顶破容器）。 */',
+        value + ' {',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-size: ' + skinVar('fs-h2') + ';',
+        '  font-weight: 700;',
+        '  line-height: 1.15;',
+        '  font-variant-numeric: tabular-nums;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        card + '.' + rankListPlaceClass(1) + ' > ' + valueBare + ' {',
+        '  font-size: calc(' + skinVar('fs-h2') + ' * ' + String(RANK_LIST_FIRST_VALUE_SCALE) + ');',
+        '}',
+        s('unit') + ' {',
+        '  margin-left: 3px;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '}',
+        '/* 占比：份额的精确读法（跨两段比份额看它，不看条长）。 */',
+        s('share') + ' {',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 700;',
+        '  font-variant-numeric: tabular-nums;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 条：全榜共用一条刻度（长度＝这一名的值 ÷ 全榜最大值）。轨道走 `surface-2`，与皮肤无关地看得见。 */',
+        s('bar') + ' {',
+        '  display: block;',
+        '  min-width: 0;',
+        '  height: ' + String(RANK_LIST_BAR_THICKNESS_PX) + 'px;',
+        '  background: ' + skinVar('surface-2') + ';',
+        '  border-radius: ' + skinVar('radius-pill') + ';',
+        '  overflow: hidden;',
+        '}',
+        s('fill') + ' {',
+        '  display: block;',
+        '  height: 100%;',
+        '  background: ' + skinVar('accent') + ';',
+        '  border-radius: ' + skinVar('radius-pill') + ';',
+        '}',
+        s('list') + ' {',
+        '  display: grid;',
+        '  min-width: 0;',
+        '  margin-top: 4px;',
+        '}',
+        '/* 逐行：名次 ｜「名称 ＋ 条」那一格 ｜ 值 ｜ 占比。条在名称**下面**另起一行 ⇒ 名称永不与条抢宽度。 */',
+        row + ' {',
+        '  display: grid;',
+        '  grid-template-columns: auto minmax(0, 1fr) auto auto;',
+        '  gap: 0 8px;',
+        '  align-items: baseline;',
+        '  min-width: 0;',
+        '  padding: 8px 0;',
+        '}',
+        row + ' + ' + rowBare + ' {',
+        '  border-top: 1px solid ' + skinVar('line') + ';',
+        '}',
+        mid + ' {',
+        '  display: grid;',
+        '  gap: 5px;',
+        '  min-width: 0;',
+        '}',
+        row + ' > ' + valueBare + ' {',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 700;',
+        '}',
+        mid + ' > ' + nameBare + ' {',
+        '  font-weight: 600;',
+        '}',
+        '/* 口径行：这条榜单的数怎么算的、占比按什么合计（要读的正文，走 `ink-2` 不走更浅的一档）。 */',
+        s('caliber') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: baseline;',
+        '  gap: 4px 8px;',
+        '  margin: 0;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  line-height: 1.7;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('caliber') + ' > b {',
+        '  flex: none;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-weight: 700;',
+        '  letter-spacing: .06em;',
+        '}',
+        s('caliber') + ' > span {',
+        '  min-width: 0;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 本件自身不带可点元素。这一条是**地板**：调用方若把某一名包成链接，焦点必须看得见。 */',
+        box + ' :focus-visible {',
+        '  outline: 2px solid ' + skinVar('accent') + ';',
+        '  outline-offset: 2px;',
+        '}',
+        '/* 窄容器（<' + String(RANK_LIST_NARROW_PX) + 'px）：三张卡并排会把名称与读数挤成竖排 ⇒ 卡改竖排一列、',
+        '   名次回到自然顺序（1→2→3）；逐行区四列不动（条本来就在名称下面，名字那一格仍是弹性那一格）。 */',
+        '@container (max-width: ' + String(RANK_LIST_NARROW_PX) + 'px) {',
+        '  ' + s('podium') + ' {',
+        '    grid-template-columns: minmax(0, 1fr);',
+        '  }',
+        '  ' + card + '.' + rankListPlaceClass(1) + ',',
+        '  ' + card + '.' + rankListPlaceClass(2) + ',',
+        '  ' + card + '.' + rankListPlaceClass(3) + ' {',
+        '    order: 0;',
+        '  }',
+        '  ' + card + '.' + rankListPlaceClass(1) + ' {',
+        '    padding-top: 10px;',
+        '  }',
+        '  ' + row + ' {',
+        '    gap: 0 6px;',
+        '  }',
+        '}',
+    ].join(LF);
+}
+//# sourceMappingURL=style.js.map