mirror of
https://github.com/hansjone/mind-map.git
synced 2026-10-09 05:43:14 +08:00
oliver
200c8bd450
Replace raw JSON on card faces with key-value lists, simulate frosted glass on canvas, and use a list editor plus real backdrop blur for the selected overlay. Co-authored-by: Cursor <cursoragent@cursor.com>
48 lines
1.5 KiB
TypeScript
48 lines
1.5 KiB
TypeScript
import type { MindNode } from "@mind-map/shared";
|
|
import { descriptionChips } from "./description-display";
|
|
|
|
export const CARD_WIDTH = { comfortable: 288, compact: 248 } as const;
|
|
export const CARD_HEADER_H = 40;
|
|
export const CARD_PAD_Y = 12;
|
|
export const CARD_PAD_X = 14;
|
|
export const CARD_GAP = 10;
|
|
export const CARD_HERO_H = { comfortable: 108, compact: 90 } as const;
|
|
export const CARD_CHIP_H = 18;
|
|
export const CARD_FOOTER_H = 24;
|
|
|
|
/** Layout / hit-test height for a glass card node (title → image → note → chips → footer). */
|
|
export function estimateCardSize(
|
|
node: MindNode,
|
|
dens: boolean,
|
|
_forced: ReadonlySet<string> = new Set(),
|
|
): { w: number; h: number } {
|
|
const w = dens ? CARD_WIDTH.compact : CARD_WIDTH.comfortable;
|
|
let body = 0;
|
|
|
|
if (node.imageUrl?.trim()) {
|
|
body += (dens ? CARD_HERO_H.compact : CARD_HERO_H.comfortable) + CARD_GAP;
|
|
}
|
|
|
|
if (node.note?.trim()) {
|
|
body += (dens ? 40 : 48) + CARD_GAP;
|
|
}
|
|
|
|
const chips = descriptionChips(node.description);
|
|
if (chips.length) {
|
|
body += chips.length * CARD_CHIP_H + Math.max(0, chips.length - 1) * 4 + CARD_GAP;
|
|
}
|
|
|
|
const hasFooter =
|
|
Boolean(node.tags?.length) ||
|
|
Boolean(node.links?.length) ||
|
|
node.startAt != null ||
|
|
node.dueAt != null ||
|
|
Boolean(node.pinned);
|
|
if (hasFooter) {
|
|
body += CARD_FOOTER_H + CARD_GAP;
|
|
}
|
|
|
|
if (body > 0) body -= CARD_GAP;
|
|
const h = CARD_HEADER_H + CARD_PAD_Y * 2 + Math.max(body, 8);
|
|
return { w, h: Math.max(h, dens ? 88 : 104) };
|
|
}
|