/* shared.jsx — 图标、状态栏、浣熊头像、通用小组件 */
/* global React */
const RACCOON_SRC = (typeof window !== 'undefined' && window.__resources && window.__resources.raccoon) || 'assets/office-raccoon-logo.svg';
/* ---------- 线性图标 (lucide 风格, stroke 1.5) ---------- */
function Icon({ d, size = 22, sw = 1.6, fill, children, ...rest }) {
return (
);
}
const Ic = {
menu: (p) => ,
mic: (p) => ,
arrowUp: (p) => ,
chevR: (p) => ,
chevL: (p) => ,
chevD: (p) => ,
back: (p) => ,
search: (p) => ,
gear: (p) => ,
plus: (p) => ,
x: (p) => ,
cloud: (p) => ,
laptop: (p) => ,
chart: (p) => ,
route: (p) => ,
slides: (p) => ,
pen: (p) => ,
doc: (p) => ,
folder: (p) => ,
books: (p) => ,
cal: (p) => ,
heart: (p) => ,
mail: (p) => ,
check: (p) => ,
checkCircle: (p) => ,
clock: (p) => ,
upload: (p) => ,
sparkle: (p) => ,
plug: (p) => ,
};
/* ---------- iOS 状态栏 ---------- */
function StatusBar({ time = '9:41' }) {
return (
{time}
{/* 信号 */}
{/* wifi */}
{/* 电池 */}
);
}
/* ---------- 浣熊头像 ---------- */
function Raccoon({ size = 'sm', brand = false }) {
return (
);
}
/* ---------- 屏幕外壳 ---------- */
function Screen({ tinted = false, time, children }) {
return (
);
}
/* ---------- 波形 (静态随机高度) ---------- */
function Wave({ n = 30 }) {
const hs = React.useMemo(
() => Array.from({ length: n }, (_, i) => {
const base = Math.sin(i * 0.7) * 0.5 + 0.5;
return 6 + Math.round(base * 18 + (i % 3) * 3);
}),
[n],
);
return (
{hs.map((h, i) => )}
);
}
Object.assign(window, { Icon, Ic, StatusBar, Raccoon, Screen, Wave, RACCOON_SRC });