1
const gridColumnCount = (grid: HTMLElement): number => {
2
    const gap = 12;
3
    const minTrack = 132;
4
    const width =
5
        grid.getBoundingClientRect().width ||
6
        Math.min(1180, Math.max(320, window.innerWidth - 48));
7
    return Math.max(2, Math.floor((width + gap) / (minTrack + gap)));
8
};

1
const featuredCount = (count: number): number =>
2
    count < 7 ? 0 : Math.max(1, Math.round(count / 7));
3

4
const shapePool = (count: number, columns: number) => {
5
    const target = featuredCount(count);
6
    if (!target || columns < 4) return [];   // 窄屏不做大卡
7
    const wide  = { type: "wide",  w: 2, h: 1 };
8
    const tall  = { type: "tall",  w: 1, h: 2 };
9
    const large = { type: "large", w: 2, h: 2 };
10
    if (columns < 5) return Array.from({ length: Math.min(target, 2) }, () => wide);
11
    if (target === 1) return [large];
12
    if (target === 2) return [large, wide];
13
    if (target === 3) return [large, wide, tall];
14
    if (target === 4) return [large, large, wide, tall];
15
    return [large, large, wide, wide, tall].slice(0, Math.min(target, 5));
16
};

1
const scored = candidates.map((candidate) => {
2
    const cx = candidate.x + candidate.w / 2;
3
    const cy = candidate.y + candidate.h / 2;
4
    // 与已放置大卡的距离越远越好（散开，别挤成一坨）
5
    const distance = placed.length
6
        ? Math.min(...placed.map((item) => Math.hypot(cx - (item.x + item.w / 2), cy - (item.y + item.h / 2))))
7
        : 0;
8
    let score = distance * 2.2 - candidate.y * 0.55 + Math.random() * 0.6;
9
    if (candidate.type === "large" && candidate.x + candidate.w >= columns) score -= 2.2;
10
    if (candidate.type === "wide"  && candidate.y > lowerLine) score += 1.4;
11
    if (candidate.type === "tall"  && candidate.y > lowerLine) score -= 3.4;
12
    // ...其余规则见源码
13
    return { candidate, score };
14
}).sort((a, b) => b.score - a.score);
15

16
placed.push(scored[0].candidate);

1
const scoreLayout = (layout, columns) => {
2
    // 统计：洞（被包围的空格）、空行、行首空隙、下半部分行首空隙、
3
    //      末行空格、大卡间距总和、左右重量差、靠下的 tall、贴右边缘的 large
4
    return (
5
        featureDistance * 1.8 - holes * 11 - emptyRows * 80 - leadingGaps * 10
6
        - lowerLeadingGaps * 16 - finalEmpty * 0.8 - height * 3.5
7
        - balance * 0.9 - badTall * 10 - edgeLarge * 4 - floatingFeature * 90
8
    );
9
};

1
const buildBestLayout = (count, columns, assignments) => {
2
    let best = null;
3
    for (let attempt = 0; attempt < 500; attempt++) {
4
        const smallIndexes = /* 未被选为大卡的下标 */;
5
        const features = placeFeatures(assignments, columns, count);
6
        if (!features) continue;
7
        const layout = fillSmallCards(features, smallIndexes, columns);
8
        const score = scoreLayout(layout, columns);
9
        if (!best || score > best.score) best = { layout, score };
10
    }
11
    return new Map((best?.layout || []).map((item) => [item.index, item]));
12
};