// icons.jsx — 小企鹅吉祥物 + 金币 + 分类/导航图标
// 全部导出到 window，供 app.jsx 使用。无外部依赖。
// ---------- 小企鹅吉祥物 ----------
// 用一张透明 PNG (app/penguin.png) 渲染。
// glow: 是否在身后加一圈青色柔光（深色屏幕 / 锁屏用）。
// mood 参数保留以兼容调用处，图片版本不再区分表情。
function Penguin({ size = 120, mood = 'happy', glow = false, style }) {
// 阴影随尺寸自适应：深色投影做出立体感，淡白描边在深色背景下勾出轮廓
const blur = Math.max(3, Math.round(size * 0.08));
const dy = Math.max(1, Math.round(size * 0.05));
const rim = Math.max(1, Math.round(size * 0.03));
let filter =
`drop-shadow(0 ${dy}px ${blur}px rgba(0,0,0,.45)) ` +
`drop-shadow(0 0 ${rim}px rgba(255,255,255,.35))`;
if (glow) filter += ` drop-shadow(0 0 ${Math.round(size * 0.16)}px rgba(34,211,238,.5))`;
return (
);
}
// ---------- 金币 ----------
function Coin({ size = 24, style }) {
return (
);
}
// ---------- 通用小图标 (24x24, currentColor stroke) ----------
const Ic = (p) => (
);
const IconHome = (p) => ;
const IconPlus = (p) => ;
const IconChat = (p) => ;
const IconBack = (p) => ;
const IconLock = (p) => ;
const IconDelete = (p) => ;
const IconSend = (p) => ;
const IconUp = (p) => ;
const IconDown = (p) => ;
const IconCheck = (p) => ;
const IconSpark = (p) => ;
const IconSun = (p) => ;
const IconMoon = (p) => ;
const IconHistory = (p) => ;
const IconTrash = (p) => ;
// 梦想（灯泡/愿望）
const IconDream = (p) => ;
// 气球（放飞）
const IconBalloon = (p) => ;
// 主题切换按钮
function ThemeToggle({ theme, onToggle }) {
return (
);
}
// ---------- 分类图标 (emoji 风的纯 SVG, 36x36) ----------
function CatIcon({ id, size = 32 }) {
const wrap = (children, bg) => (
);
switch (id) {
case 'allowance': // 家长存零花钱 - 钱袋
return wrap(<>
, '#fff3c4');
case 'reward': // 奖励 - 奖牌
return wrap(<>
, '#fff3c4');
case 'toy': // 玩具 - 积木
return wrap(<>
, '#d8f3ff');
case 'snack': // 零食 - 棒棒糖/糖果
return wrap(<>
, '#ffe1e8');
case 'stationery': // 文具 - 铅笔
return wrap(<>
, '#fff0cf');
case 'gift': // 礼物
return wrap(<>
, '#ece5ff');
case 'book': // 书/学习
return wrap(<>
, '#e6f7ff');
case 'wish': // 许愿 - 流星愿望
return wrap(<>
, '#fff0cf');
default: // 其他 - 星星
return wrap(<>
, '#f1ecff');
}
}
Object.assign(window, {
Penguin, Coin, CatIcon,
IconHome, IconPlus, IconChat, IconBack, IconLock, IconDelete,
IconSend, IconUp, IconDown, IconCheck, IconSpark, IconSun, IconMoon, ThemeToggle,
IconHistory, IconTrash, IconDream, IconBalloon,
});