${items.map(it => `
${it.ok ? '✓' : '⚠'}
${it.name}
${esc(it.detail)}
`).join('')}
`;
}
/* ================= 变体微调 ================= */
function reVariant(opts) {
const p = state.activePlan;
if (!p) return;
const opt = {
...(state.genParam || {}),
layoutId: p.layoutId,
styleId: p.styleId,
anim: p.anim,
...opts
};
const v = HGB_EmojiGen.generateVariant(opt);
// 整组以新底图重新展开，保持「同图 × 全动画」一致性
state.plans = HGB_EmojiGen.expandAnimations(v);
state.activePlan = state.plans[0] || null;
renderPlans();
renderPreview();
}
function variantColor() {
// 换配色：轮换到下一套风格（配色/背景跟随风格）
const styles = HGB_Styles.slice();
const cur = styles.findIndex(s => s.id === state.activePlan.styleId);
const next = styles[(cur + 1) % styles.length];
reVariant({ styleId: next.id });
toast('🎨 已换底图配色/风格');
}
function variantLayout() {
const layouts = HGB_EmojiGen.EMOJI_LAYOUTS;
const cur = layouts.indexOf(state.activePlan.layoutId);
const next = layouts[(cur + 1) % layouts.length];
reVariant({ layoutId: next });
toast('🅰 已换底图布局');
}
/* ================= 换一张底图 ================= */
function regenerate() {
if (!state.activePlan) { generate(); return; }
// 随机组合风格 + 布局（保留用户图标），保证换出的底图与当前不同
const styles = HGB_Styles.slice();
const style = styles[Math.floor(Math.random() * styles.length)];
const layouts = HGB_EmojiGen.EMOJI_LAYOUTS;
const layout = layouts[Math.floor(Math.random() * layouts.length)];
reVariant({ styleId: style.id, layoutId: layout });
toast('🎲 已换一张底图（' + style.name + ' · ' + layout + '）');
}
/* ================= 导出 ================= */
function exportOpts() {
const size = Number(document.querySelector('input[name="em-size"]:checked').value);
const fps = Number(document.getElementById('em-fps').value);
const bg = document.querySelector('input[name="em-bg"]:checked').value;
const a = HGB_Motion.normalize({ ...state.activePlan.anim, fps });
return { size, fps, bg, anim: a };
}
async function exportGif() {
const p = state.activePlan;
if (!p) return;
const { size, bg, anim } = exportOpts();
toast('⏳ 正在生成 GIF（' + HGB_Motion.frameCount(anim) + ' 帧）…');
try {
const blob = await HGB_EmojiGen.exportGif(p, size, anim, { bg });
download(blob, safeName(p) + '_' + anim.type + '_' + size + 'px.gif');
toast('✅ GIF 已导出（' + (blob.size / 1024).toFixed(0) + 'KB）');
} catch (err) { toast('❌ GIF 导出失败：' + err.message); }
}
async function exportWebm() {
const p = state.activePlan;
if (!p) return;
const { size, bg, anim } = exportOpts();
toast('⏳ 正在录制 WebM…');
try {
const blob = await HGB_EmojiGen.exportWebm(p, size, anim, { bg });
download(blob, safeName(p) + '_' + anim.type + '_' + size + 'px.webm');
toast('✅ WebM 已导出');
} catch (err) { toast('❌ WebM 导出失败：' + err.message); }
}
async function exportPng() {
const p = state.activePlan;
if (!p) return;
const { size, bg } = exportOpts();
try {
const canvas = await HGB_EmojiGen.exportPng(p, size, bg);
canvas.toBlob(b => { if (b) download(b, safeName(p) + '_' + size + 'px.png'); });
toast('✅ 静态 PNG 已导出（' + size + 'px）');
} catch (err) { toast('❌ PNG 导出失败：' + err.message); }
}
/* ================= 内置库选择（简化版） ================= */
let builtinList = [], builtinOffset = 0, builtinQuery = '';
async function openBuiltin() {
builtinQuery = '';
document.getElementById('builtin-search').value = '';
document.getElementById('builtin-modal').classList.remove('hidden');
// 预载表情主力单色源，保证搜索可用
const core = (typeof HGB_AvatarGen !== 'undefined' && HGB_AvatarGen.AVATAR_CORE_SOURCES) ||
['lucide', 'tabler', 'feather', 'mdi', 'fluent', 'solar'];
await HGB_IconLib.preload(core);
await searchBuiltin();
}
async function searchBuiltin(append) {
const kw = builtinQuery.toLowerCase();
let hits;
if (kw) {
hits = HGB_IconLib.searchLoaded(kw, 60);
if (hits.length < 30) {
const idx = HGB_IconLib.searchIndex(kw, 60);
for (const it of idx) {
if (!HGB_IconLib.loaded(it.source)) { await HGB_IconLib.loadSource(it.source).catch(() => null); }
}
hits = HGB_IconLib.searchLoaded(kw, 60);
}
} else {
// 无关键词：遍历已加载源前若干
hits = [];
for (const sid of HGB_IconLib.loadedIds()) {
for (const ic of HGB_IconLib.getSource(sid).icons || []) {
hits.push({ id: sid + ':' + ic.name, name: ic.name, svg: ic.svg, source: sid, type: ic.type });
if (hits.length >= 200) break;
}
if (hits.length >= 200) break;
}
}
builtinList = hits;
builtinOffset = append ? builtinOffset : 0;
renderBuiltinGrid();
}
function renderBuiltinGrid() {
const grid = document.getElementById('builtin-grid');
const page = builtinList.slice(builtinOffset, builtinOffset + 30);
const selIds = new Set(state.icons.map(i => i.id));
if (builtinOffset === 0) grid.innerHTML = '';
grid.insertAdjacentHTML('beforeend', page.map(ic => `