/* global React */
const { useMemo: useMemo_sb } = React;
// A figure counts as non-Chinese (for pinyin-suppression) when they have an
// English-name override in __CAUCASIAN_NAMES — these are the explicitly
// identified British, Indian, Malay, etc. figures in the chronicles whose
// only "Chinese name" is itself a transliteration.
function isCaucasian(person) {
if (!person) return false;
if (window.__CAUCASIAN_NAMES && window.__CAUCASIAN_NAMES[person.id]) return true;
if (person.originZh === '英国') return true;
return false;
}
window.isCaucasian = isCaucasian;
/* ============================================================
Portrait — uses Wikipedia photo if available, NameSeal otherwise.
============================================================ */
function Portrait({ person, size = 56 }) {
if (!person) return null;
const photoUrl = window.__PHOTOS?.[person.id];
if (photoUrl) {
const dColor = window.dialectColor(person);
return (
{ e.currentTarget.style.display = 'none'; }} />
);
}
return ;
}
window.Portrait = Portrait;
/* ============================================================
NameSeal — stylized 印章-style portrait placeholder
Renders the surname character on a dialect-colored disk.
============================================================ */
function NameSeal({ person, size = 56 }) {
if (!person) return null;
const color = window.dialectColor(person);
const name = person.zh || '';
// Use the first character (surname) — for two-character compound names
// (欧阳, 司马, 诸葛, 上官, etc.) take both. Detect via known list.
const compound = ['欧阳','司马','诸葛','上官','夏侯','令狐','慕容','尉迟','长孙','宇文','皇甫','西门','闾丘'];
const head = compound.find(c => name.startsWith(c)) || name.charAt(0);
const charCount = head.length;
const fontSize = charCount === 1 ? size * 0.52 : size * 0.32;
const subdued = !person.focus;
return (
);
}
window.NameSeal = NameSeal;
/* ============================================================
BiographyCard — right rail
============================================================ */
function BiographyCard({ person, onClose, onBack, historyDepth = 0, allNodes, allLinks, onSelect, onExpandMap }) {
// Hooks must run unconditionally — collect connections even if person is null.
const connections = useMemo_sb(() => {
if (!person) return [];
const me = person.id;
const out = [];
for (const l of allLinks) {
if (l.s === me) {
const other = allNodes.find(n => n.id === l.t);
if (other) out.push({ other, rel: l, direction: 'out' });
} else if (l.t === me) {
const other = allNodes.find(n => n.id === l.s);
if (other) out.push({ other, rel: l, direction: 'in' });
}
}
const order = ['三代以内直系血亲及夫妻', '普通亲戚', '密切伙伴', '普通伙伴', '轻度社交'];
out.sort((a, b) => {
const oa = order.indexOf(a.rel.classZh);
const ob = order.indexOf(b.rel.classZh);
if (oa !== ob) return oa - ob;
return (a.other.zh || '').localeCompare(b.other.zh || '');
});
return out;
}, [person, allLinks, allNodes]);
const dColor = person ? window.dialectColor(person) : 'transparent';
const isEmpty = !person;
// Compute top-degree focused figures for the empty-state featured list.
const featured = useMemo_sb(() => {
if (!isEmpty) return [];
const deg = new Map();
for (const l of allLinks) {
deg.set(l.s, (deg.get(l.s) || 0) + 1);
deg.set(l.t, (deg.get(l.t) || 0) + 1);
}
return allNodes
.filter(n => n.focus)
.map(n => ({ n, d: deg.get(n.id) || 0 }))
.sort((a, b) => b.d - a.d)
.slice(0, 10);
}, [isEmpty, allNodes, allLinks]);
return (
);
}
function Field({ label, zh, en, value, inline }) {
const hasAny = (zh && zh !== 'null') || en || value;
if (!hasAny) return null;
return (