// 页面组件库 // 首页、团队简介、发展沿革、使命方向、核心项目、成员、团队赋、通知书、申请入队、申请记录 const { useState, useEffect } = React; // ============================================ // 首页 // ============================================ function HomePage({ onNavigate }) { const h = teamData.hero; return (
{/* Hero 区 */}
{/* 快速入口卡片 */}
onNavigate("history")} /> onNavigate("mission")} /> onNavigate("projects")} />
onNavigate("cangjie")} >
倉
 onNavigate("entanglement")} >
綴
 onNavigate("semantic")} >
場
 onNavigate("soundform")} >
造
{/* 赋文选读 */}

{teamData.ode.paragraphs[0].slice(0, 100)}......

{teamData.ode.paragraphs[1].slice(0, 120)}......

{/* 入队号召 */}
愿共襄文明之盛举乎？

此非田心一人之业，实乃千秋万代之功也！
新文明团队诚邀有志之士，共赴文字重构之征途。

); } // ============================================ // 团队简介 // ============================================ function AboutPage({ onNavigate }) { const a = teamData.about; return (
起 源

{a.origin.title}

{a.origin.content}

定 位

{a.positioning.title}

{a.positioning.content}

变 故

{a.split.title}

{a.split.content}

愿 景

{a.vision.title}

{a.vision.content}

壬寅冬月之变，摧氏率三十部众裂土而去。当是时也，田心独守空庭，秉烛三昼夜，终悟「孤阳不长」之理——

「孤阳不长，独阴不生」

遂更名「新文明」，誓以残躯续文明火种。好悬加盟时，正值春分节气，象征阴阳调和，双璧辉映之局始成。

); } // ============================================ // 发展沿革 // ============================================ function HistoryPage({ onNavigate }) { return (
大事年表·终

观其十二载征程，若江河行地，虽经九曲而终归沧海。
今新文明团队正筹「人类语义长城计划」，前路漫漫，来日方长。

); } // ============================================ // 使命方向 // ============================================ function MissionPage({ onNavigate }) { return (
{teamData.missions.map((m, idx) => (
{/* 序号印章 */}
{m.num}

{m.title}

{m.subtitle}

{m.desc}

))}
三 位 一 体

三使命非各自独立，而是相辅相成、互为表里：基因库为体，语义场为魂，未来书写为用。 三者合一，方成新文明之全幅图景。

); } // ============================================ // 核心项目 // ============================================ function ProjectsPage({ onNavigate }) { return (
{teamData.projects.map((p, idx) => (
{p.tag}

{p.name}

{p.desc}

{p.highlights.map((h, i) => ( {h} ))}
))}
人 类 语 义 长 城 计 划

欲将仓颉系统接入星链，使汉字基因漫射寰宇。异日若得成功，则我华夏文明，当如凤凰涅槃，于数字纪元重焕生机。此非田心一人之业，实乃千秋万代之功也！

); } // ============================================ // 成员风采 // ============================================ function MembersPage({ onNavigate }) { return (
{teamData.members.map((m, idx) => (
{/* 顶部装饰条 */}
{m.name.slice(0, 1)}

{m.name}

{m.title}
{m.role}

{m.desc}

数字身份密钥
{m.code}
◈ 主要成就
    {m.achievements.map((a, i) => (
  • · {a}
    • ))}
))}

新文明团队成员合计三十二人，各司其职，共襄盛举。
期待更多有志之士加入，共续文明薪火。

); } // ============================================ // 团队赋全文 // ============================================ function OdePage({ onNavigate }) { return (
{teamData.ode.paragraphs.map((p, idx) => (

{p}

))}
{/* 落款 */}
田心 谨撰
乙巳年仲春
{/* 注释 */}
{teamData.ode.notes.map((note, idx) => (
{note.num.slice(-1)}
{note.num}

{note.content}

))}
); } // ============================================ // 入队通知书原文展示 // ============================================ // 申请入队 // ============================================ function ApplyPage({ onNavigate }) { const [formData, setFormData] = useState({ name: "", position: "", intro: "", reason: "", contact: "" }); const [submitting, setSubmitting] = useState(false); const [submitted, setSubmitted] = useState(false); const [noticeData, setNoticeData] = useState(null); const [dupWarning, setDupWarning] = useState(null); const [nameError, setNameError] = useState(null); // { type, message, duplicate? } // 必填字段清单 const REQUIRED_FIELDS = ["name", "position", "intro", "reason", "contact"]; // 计算表单是否完整（所有必填项 trim 后非空） const isFormComplete = REQUIRED_FIELDS.every( f => formData[f] && formData[f].toString().trim().length > 0 ); // 是否可以提交：信息完整 + 无姓名错误 + 无重名警告 const canSubmit = isFormComplete && !nameError && !dupWarning; const handleChange = (field, value) => { setFormData({ ...formData, [field]: value }); // 姓名实时校验：黑名单 + 申请记录查重 if (field === "name") { const result = ApplyStore.validateName(value); if (!result.valid) { setNameError({ type: result.type, message: result.message, duplicate: result.duplicate }); setDupWarning(result.duplicate || null); } else { setNameError(null); setDupWarning(null); } } }; const handleSubmit = (e) => { e.preventDefault(); if (!isFormComplete) return; if (submitting) return; const name = formData.name.trim(); // 提交前兜底校验姓名 const nameCheck = ApplyStore.validateName(name); if (!nameCheck.valid) { setNameError({ type: nameCheck.type, message: nameCheck.message, duplicate: nameCheck.duplicate }); setDupWarning(nameCheck.duplicate || null); return; } setSubmitting(true); // 模拟提交过程（1.2 秒） setTimeout(() => { const { dateStr, fuxiStr } = ApplyStore.formatDates(); const record = { name, position: formData.position, intro: formData.intro, reason: formData.reason, contact: formData.contact, date: dateStr, fuxiDate: fuxiStr }; const result = ApplyStore.add(record); if (!result.success && result.duplicate) { setDupWarning(result.duplicate); setSubmitting(false); return; } setNoticeData(result.record); setSubmitted(true); setSubmitting(false); // 滚动到通知书 setTimeout(() => { document.getElementById("generated-notice")?.scrollIntoView({ behavior: "smooth" }); }, 100); }, 1200); }; const handlePrint = () => { window.print(); }; const handleReset = () => { setSubmitted(false); setNoticeData(null); setFormData({ name: "", title: "", position: "", intro: "", reason: "", contact: "" }); setDupWarning(null); window.scrollTo({ top: 0, behavior: "smooth" }); }; return (
{/* 申请表单 */}

申请入队表

同一申请人无需多次申请。提交后您的申请将自动保存，可前往「申请记录」查看或修改。

{/* 重复申请提示 */} {dupWarning && (
检测到您已提交过申请
姓名 {dupWarning.name}（密钥 {dupWarning.idKey}）已于 {new Date(dupWarning.createdAt).toLocaleDateString("zh-CN")} 提交过申请。 请勿重复提交，您可直接前往「申请记录」查看或修改。
)}
handleChange("name", e.target.value)} onBlur={(e) => handleChange("name", e.target.value)} placeholder="请输入您的姓名" required disabled={submitting} style={nameError ? { borderColor: "var(--seal)", boxShadow: "0 0 0 2px rgba(180,40,40,0.08)" } : {}} /> {nameError && (
※ {nameError.message}
)}