消息

{/* Notification banner */}

开启系统通知，及时收到互动推送去开启 ×

{/* Body scrollable */}

{/* 4 category icons */}

{M_CATEGORIES.map(c => (

onSubPage(c.id)} style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 6, cursor: 'pointer', }}> {c.label}

))}

{/* Threads */} {M_THREADS.map((t, i) => ( 0}/> ))}

); } function MIcon({ d, w = 18, sw = 1.5, stroke = M_TEXT, fill = 'none' }) { return ( ); } function CategoryIcon({ kind }) { const sz = 30; const sw = 1.6; if (kind === 'bubble') return ( ); if (kind === 'heart') return ( ); if (kind === 'star') return ( ); if (kind === 'eye') return ( ); return null; } function ThreadRow({ t, divider }) { return (

{t.title} {t.mute && }

{t.subtitle}

{t.time &&

{t.time}

} {t.badge && (

{t.badge}

)}

); } function ThreadIcon({ kind }) { const stroke = '#fff'; if (kind === 'q') return ; if (kind === 'person') return ; if (kind === 'circle') return ; if (kind === 'inbox') return ; if (kind === 'bulb') return ; if (kind === 'bookmark') return ; if (kind === 'scroll') return ; /* default doc */ return ; } // ---------- Sub-page ---------- function MessageSubPage({ catId, onBack }) { const cat = M_CATEGORIES.find(c => c.id === catId); const [tab, setTab] = React.useState('past'); // past | mirror return (

{cat.label}

⋯

{catId === 'like' && (

查看全部感谢 ›

)} {/* Tab row: 以往 | 镜像回答 */}

setTab('past')}/> setTab('mirror')}/>

{tab === 'past' && } {tab === 'mirror' && }

); } function TabLabel({ label, mirror, active, onClick }) { return (

{label} {active && (

)}

); } // ---------- Past / Mirror lists (per category) ---------- // 用 mock-user.jsx 的随机生成器一次性出 8 个数组. 这样: // - 不暴露任何特定真实事件 / 真人名字 // - 每次浏览器刷新看到的都是不同内容 (验证下游是否真的用了 CURRENT_USER) const _MSGS = (typeof generateMockMessageLists === 'function') ? generateMockMessageLists() : { pastCmt: [], mirrorCmt: [], pastLike: [], mirrorLike: [], pastFav: [], mirrorFav: [], pastSub: [], mirrorSub: [] }; const PAST_CMT = _MSGS.pastCmt; const MIRROR_CMT = _MSGS.mirrorCmt; const PAST_LIKE = _MSGS.pastLike; const MIRROR_LIKE = _MSGS.mirrorLike; const PAST_FAV = _MSGS.pastFav; const MIRROR_FAV = _MSGS.mirrorFav; const PAST_SUB = _MSGS.pastSub; const MIRROR_SUB = _MSGS.mirrorSub; function PastList({ catId }) { if (catId === 'cmt') return ; if (catId === 'like') return ; if (catId === 'fav') return ; if (catId === 'sub') return ; return null; } function MirrorList({ catId }) { if (catId === 'cmt') return ; if (catId === 'like') return ; if (catId === 'fav') return ; if (catId === 'sub') return ; return null; } function Avatar({ color, mirror }) { return (

); } function CommentList({ items, mirror }) { return (

{items.map((it, i) => (

{it.name} {it.date}

⋯

{it.head} {it.headTag && ( {it.headTag} )}

{it.body}

{it.qTitle}

{it.stats}

{it.thumb &&

}

🥲

))}

); } function LikeList({ items, mirror }) { return (

{items.map((it, i) => (

{it.name} {it.date}

{it.body}

{it.qTitle}

{it.stats}

{it.thumb &&

}

🥲{it.thanksBtn}

))}

); } function FavList({ items, mirror }) { return (

{items.map((it, i) => (

{it.name} {it.date}

{it.body}

{it.qTitle}

{it.stats}

{it.thumb &&

}

))}

); } function SubList({ items, mirror }) { return (

{items.map((it, i) => (

{it.name} {it.verified && ( )} 关注了你

{it.subline &&

{it.subline}

}

{it.date}

{it.followAction === '回关' || it.followAction === '回订阅' ? '↩' : '+'} {it.followAction}

))}

); } function PillBtn({ children }) { return (

{children}

); } Object.assign(window, { MessagesPage, MessageSubPage });