// ============ 玄境 root ============ function CartDrawer({ open, onClose, items, setItems, lang }) { const en = lang === 'en'; const total = items.reduce((s, it) => s + it.price * it.qty, 0); const remove = (i) => setItems(items.filter((_, idx) => idx !== i)); const [stage, setStage] = useState('cart'); // cart | confirm | done const [order, setOrder] = useState(''); const [failed, setFailed] = useState(false); const [placing, setPlacing] = useState(false); useEffect(() => { if (!open) { const t = setTimeout(() => { setStage('cart'); setFailed(false); setOrder(''); }, 400); return () => clearTimeout(t); } }, [open]); const placeOrder = async () => { setPlacing(true); try { // Stripe 结账：只上送 SKU id + 数量，价格由服务端 CATALOG 复算 const res = await window.api('/api/checkout', { kind: 'cart', items: items.map(it => ({ id: it.id, qty: it.qty })) }); location.href = res.url; // 成功页 /thanks/?ref=… 由 Stripe 回跳 } catch (e) { // 支付通道异常：回退旧记录单（不收款，微信直连），再不行如实报错 try { const res = await window.api('/api/order', { items }); setOrder(res.ref); setFailed(false); } catch (e2) { setOrder(''); setFailed(true); } setPlacing(false); setStage('done'); } }; const sf = en ? 'var(--font-en-serif)' : 'var(--font-serif)'; return ( <>
); } // ============ 页面壳工厂:Nav + 购物车 + toast + 语言,子页只给 section 组合 ============ function makePageApp(renderSections) { return function App() { // 语言:URL 定语言(__PAGE_LANG 由静态壳注入);无壳页(旧首页行为)回退 localStorage const [lang] = useState(() => window.__PAGE_LANG || localStorage.getItem('xj_lang') || 'sc'); const changeLang = (next) => { if (next === lang) return; localStorage.setItem('xj_lang', next); const url = window.__LANG_URLS && window.__LANG_URLS[next]; if (url) { location.href = url; } else { location.reload(); } }; useEffect(() => { if (lang === 'sc') window.__t2sEnable(); }, []); const [cartOpen, setCartOpen] = useState(false); const [items, setItems] = useState([]); const [toastMsg, setToastMsg] = useState(''); const toastTimer = useRef(null); const toast = (msg) => { setToastMsg(msg); clearTimeout(toastTimer.current); toastTimer.current = setTimeout(() => setToastMsg(''), 2600); }; const addToCart = (item) => { setItems((prev) => { const ex = prev.findIndex((p) => p.id === item.id); if (ex >= 0) { const n = [...prev]; n[ex] = { ...n[ex], qty: n[ex].qty + item.qty }; return n; } return [...prev, item]; }); toast(lang === 'en' ? `Added to satchel · ${item.title} ✦` : `已納入緣囊 · ${item.title} ✦`); }; const count = items.reduce((s, it) => s + it.qty, 0); return (