feat(auth): 实现登录注册功能并重构 App 组件
- 新增登录和注册页面组件
- 实现用户认证和权限管理逻辑
- 重构 App 组件，使用 Router 和 AuthProvider
- 添加管理员面板和论坛页面组件
Change-Id: Iaa4502616970e75e3268537f73c75dac8f60e24d
diff --git a/src/features/torrents/pages/UploadTorrentPage.jsx b/src/features/torrents/pages/UploadTorrentPage.jsx
new file mode 100644
index 0000000..8e17a9e
--- /dev/null
+++ b/src/features/torrents/pages/UploadTorrentPage.jsx
@@ -0,0 +1,857 @@
+import React, { useState } from "react";
+import {
+ Typography,
+ Tabs,
+ Form,
+ Input,
+ Upload,
+ Button,
+ Select,
+ DatePicker,
+ InputNumber,
+ Radio,
+ Checkbox,
+ Collapse,
+ Alert,
+ Divider,
+ Space,
+ message,
+} from "antd";
+import {
+ UploadOutlined,
+ InboxOutlined,
+ InfoCircleOutlined,
+} from "@ant-design/icons";
+
+const { Title, Paragraph, Text } = Typography;
+const { TabPane } = Tabs;
+const { Option } = Select;
+const { TextArea } = Input;
+const { Panel } = Collapse;
+const { Dragger } = Upload;
+
+// 通用的上传组件配置
+const uploadProps = {
+ name: "torrent",
+ multiple: false,
+ action: "/api/upload-torrent",
+ accept: ".torrent",
+ maxCount: 1,
+ onChange(info) {
+ const { status } = info.file;
+ if (status === "done") {
+ message.success(`${info.file.name} 文件上传成功`);
+ } else if (status === "error") {
+ message.error(`${info.file.name} 文件上传失败`);
+ }
+ },
+ beforeUpload(file) {
+ const isTorrent = file.type === "application/x-bittorrent" || file.name.endsWith(".torrent");
+ if (!isTorrent) {
+ message.error("您只能上传 .torrent 文件！");
+ }
+ return isTorrent || Upload.LIST_IGNORE;
+ },
+};
+
+// 注意事项内容
+const NoticeContent = () => (
+ <div className="space-y-4">
+ <Alert
+ message="请仔细阅读以下注意事项"
+ description="上传种子前，请确保您了解并同意以下规则，否则您的种子可能会被删除或您的账号可能会被处罚。"
+ type="info"
+ showIcon
+ />
+
+ <Collapse defaultActiveKey={["1"]}>
+ <Panel header="一般规则" key="1">
+ <ul className="list-disc pl-8 space-y-2">
+ <li>您上传的资源必须是合法的，不得上传侵犯版权的内容。</li>
+ <li>禁止上传含有恶意代码的文件，所有上传内容会经过安全检查。</li>
+ <li>资源标题必须清晰描述内容，不得使用误导性标题。</li>
+ <li>请确保您提供的信息准确完整，包括分类、标签、简介等。</li>
+ <li>如发现重复资源，管理员有权合并或删除。</li>
+ <li>新用户需要达到一定等级后才能上传资源，具体请参考用户等级规则。</li>
+ </ul>
+ </Panel>
+ <Panel header="做种要求" key="2">
+ <ul className="list-disc pl-8 space-y-2">
+ <li>上传者必须保证做种至少 7 天，或直到至少有 3 个其他用户完成下载。</li>
+ <li>对于大型资源（{'>'}20GB），请确保您有足够的上传带宽。</li>
+ <li>对于稀有资源，请尽可能长期做种，这将获得额外的积分奖励。</li>
+ <li>故意停止做种可能导致警告或账号处罚。</li>
+ </ul>
+ </Panel>
+ <Panel header="奖励政策" key="3">
+ <ul className="list-disc pl-8 space-y-2">
+ <li>首发资源将获得额外的积分奖励。</li>
+ <li>高质量的资源（高分辨率、完整音轨等）将获得质量加成。</li>
+ <li>稀有、珍贵的资源会获得特殊奖励。</li>
+ <li>长期保持良好的做种习惯将提高您的用户级别。</li>
+ </ul>
+ </Panel>
+ </Collapse>
+ </div>
+);
+
+// 通用版规组件
+const CategoryRules = ({ category }) => {
+ const rules = {
+ movie: "电影资源上传规则...",
+ tv: "剧集资源上传规则...",
+ music: "音乐资源上传规则...",
+ anime: "动漫资源上传规则...",
+ game: "游戏资源上传规则...",
+ variety: "综艺资源上传规则...",
+ sports: "体育资源上传规则...",
+ software: "软件资源上传规则...",
+ learning: "学习资源上传规则...",
+ documentary: "纪录片资源上传规则...",
+ other: "其他资源上传规则...",
+ };
+
+ return (
+ <Collapse className="mb-6">
+ <Panel header={`${category}资源版规`} key="1">
+ <Paragraph>{rules[category] || "暂无特定规则"}</Paragraph>
+ </Panel>
+ </Collapse>
+ );
+};
+
+// 基础表单组件
+const BaseFormItems = ({ category }) => (
+ <>
+ <Form.Item
+ name="torrentFile"
+ label="种子文件"
+ rules={[{ required: true, message: "请上传种子文件" }]}
+ >
+ <Dragger {...uploadProps}>
+ <p className="ant-upload-drag-icon">
+ <InboxOutlined />
+ </p>
+ <p className="ant-upload-text">点击或拖拽种子文件到此区域上传</p>
+ <p className="ant-upload-hint">
+ 支持单个.torrent文件上传，请确保种子文件有效
+ </p>
+ </Dragger>
+ </Form.Item>
+
+ <Form.Item
+ name="title"
+ label="标题"
+ rules={[{ required: true, message: "请输入资源标题" }]}
+ >
+ <Input placeholder="请输入完整、准确的资源标题" />
+ </Form.Item>
+
+ <Form.Item
+ name="chineseName"
+ label="中文名"
+ rules={[{ required: true, message: "请输入资源中文名" }]}
+ >
+ <Input placeholder="请输入资源中文名称" />
+ </Form.Item>
+
+ <Form.Item
+ name="englishName"
+ label="英文名/原名"
+ >
+ <Input placeholder="请输入资源英文名称或原名" />
+ </Form.Item>
+
+ <Form.Item
+ name="year"
+ label="年份"
+ rules={[{ required: true, message: "请选择年份" }]}
+ >
+ <DatePicker picker="year" placeholder="选择年份" />
+ </Form.Item>
+
+ <Form.Item
+ name="region"
+ label="地区"
+ rules={[{ required: true, message: "请选择地区" }]}
+ >
+ <Select placeholder="请选择地区">
+ <Option value="china">中国大陆</Option>
+ <Option value="hongkong">中国香港</Option>
+ <Option value="taiwan">中国台湾</Option>
+ <Option value="japan">日本</Option>
+ <Option value="korea">韩国</Option>
+ <Option value="usa">美国</Option>
+ <Option value="uk">英国</Option>
+ <Option value="france">法国</Option>
+ <Option value="germany">德国</Option>
+ <Option value="italy">意大利</Option>
+ <Option value="spain">西班牙</Option>
+ <Option value="other">其他</Option>
+ </Select>
+ </Form.Item>
+
+ <Form.Item
+ name="language"
+ label="语言"
+ rules={[{ required: true, message: "请选择语言" }]}
+ >
+ <Select placeholder="请选择语言" mode="multiple">
+ <Option value="chinese">中文</Option>
+ <Option value="english">英语</Option>
+ <Option value="japanese">日语</Option>
+ <Option value="korean">韩语</Option>
+ <Option value="french">法语</Option>
+ <Option value="german">德语</Option>
+ <Option value="italian">意大利语</Option>
+ <Option value="spanish">西班牙语</Option>
+ <Option value="russian">俄语</Option>
+ <Option value="other">其他</Option>
+ </Select>
+ </Form.Item>
+
+ <Form.Item
+ name="hasSubtitle"
+ valuePropName="checked"
+ >
+ <Checkbox>包含中文字幕</Checkbox>
+ </Form.Item>
+
+ <Form.Item
+ name="description"
+ label="资源简介"
+ rules={[{ required: true, message: "请输入资源简介" }]}
+ >
+ <TextArea rows={6} placeholder="请详细描述资源内容、特点等信息" />
+ </Form.Item>
+
+ <Form.Item
+ name="mediaInfo"
+ label="MediaInfo"
+ >
+ <TextArea rows={4} placeholder="请粘贴MediaInfo信息（如有）" />
+ </Form.Item>
+
+ <Form.Item
+ name="screenshots"
+ label="截图"
+ >
+ <Upload
+ listType="picture-card"
+ action="/api/upload-screenshot"
+ accept=".jpg,.jpeg,.png,.webp"
+ multiple
+ >
+ <div>
+ <UploadOutlined />
+ <div style={{ marginTop: 8 }}>上传截图</div>
+ </div>
+ </Upload>
+ </Form.Item>
+ </>
+);
+
+// 电影特定表单项
+const MovieFormItems = () => (
+ <>
+ <Form.Item
+ name="director"
+ label="导演"
+ >
+ <Input placeholder="请输入导演名称，多个导演请用逗号分隔" />
+ </Form.Item>
+
+ <Form.Item
+ name="actors"
+ label="主演"
+ >
+ <Input placeholder="请输入主演名称，多个主演请用逗号分隔" />
+ </Form.Item>
+
+ <Form.Item
+ name="movieType"
+ label="电影类型"
+ rules={[{ required: true, message: "请选择电影类型" }]}
+ >
+ <Select placeholder="请选择电影类型" mode="multiple">
+ <Option value="action">动作</Option>
+ <Option value="comedy">喜剧</Option>
+ <Option value="romance">爱情</Option>
+ <Option value="sci-fi">科幻</Option>
+ <Option value="horror">恐怖</Option>
+ <Option value="drama">剧情</Option>
+ <Option value="war">战争</Option>
+ <Option value="documentary">纪录</Option>
+ <Option value="animation">动画</Option>
+ <Option value="thriller">惊悚</Option>
+ <Option value="crime">犯罪</Option>
+ <Option value="fantasy">奇幻</Option>
+ <Option value="adventure">冒险</Option>
+ <Option value="history">历史</Option>
+ <Option value="other">其他</Option>
+ </Select>
+ </Form.Item>
+
+ <Form.Item
+ name="resolution"
+ label="分辨率"
+ rules={[{ required: true, message: "请选择分辨率" }]}
+ >
+ <Select placeholder="请选择分辨率">
+ <Option value="4K">4K</Option>
+ <Option value="2K">2K</Option>
+ <Option value="1080p">1080p</Option>
+ <Option value="720p">720p</Option>
+ <Option value="480p">480p</Option>
+ <Option value="other">其他</Option>
+ </Select>
+ </Form.Item>
+
+ <Form.Item
+ name="source"
+ label="片源"
+ rules={[{ required: true, message: "请选择片源" }]}
+ >
+ <Select placeholder="请选择片源">
+ <Option value="bluray">蓝光原盘</Option>
+ <Option value="remux">蓝光重灌</Option>
+ <Option value="encode">压制</Option>
+ <Option value="web-dl">WEB-DL</Option>
+ <Option value="dvd">DVD</Option>
+ <Option value="hdtv">HDTV</Option>
+ <Option value="other">其他</Option>
+ </Select>
+ </Form.Item>
+
+ <Form.Item
+ name="duration"
+ label="片长(分钟)"
+ >
+ <InputNumber min={1} placeholder="请输入片长" />
+ </Form.Item>
+
+ <Form.Item
+ name="imdbId"
+ label="IMDb ID"
+ >
+ <Input placeholder="例如：tt0111161" />
+ </Form.Item>
+
+ <Form.Item
+ name="doubanId"
+ label="豆瓣ID"
+ >
+ <Input placeholder="例如：1292052" />
+ </Form.Item>
+ </>
+);
+
+// 剧集特定表单项
+const TVFormItems = () => (
+ <>
+ <Form.Item
+ name="season"
+ label="季数"
+ >
+ <InputNumber min={1} placeholder="第几季" />
+ </Form.Item>
+
+ <Form.Item
+ name="episode"
+ label="集数"
+ >
+ <Input placeholder="例如：1-12、全集、SP" />
+ </Form.Item>
+
+ <Form.Item
+ name="isComplete"
+ valuePropName="checked"
+ >
+ <Checkbox>已完结</Checkbox>
+ </Form.Item>
+
+ <Form.Item
+ name="director"
+ label="导演"
+ >
+ <Input placeholder="请输入导演名称，多个导演请用逗号分隔" />
+ </Form.Item>
+
+ <Form.Item
+ name="actors"
+ label="主演"
+ >
+ <Input placeholder="请输入主演名称，多个主演请用逗号分隔" />
+ </Form.Item>
+
+ <Form.Item
+ name="tvType"
+ label="剧集类型"
+ rules={[{ required: true, message: "请选择剧集类型" }]}
+ >
+ <Select placeholder="请选择剧集类型" mode="multiple">
+ <Option value="action">动作</Option>
+ <Option value="comedy">喜剧</Option>
+ <Option value="romance">爱情</Option>
+ <Option value="sci-fi">科幻</Option>
+ <Option value="horror">恐怖</Option>
+ <Option value="drama">剧情</Option>
+ <Option value="crime">犯罪</Option>
+ <Option value="fantasy">奇幻</Option>
+ <Option value="adventure">冒险</Option>
+ <Option value="mystery">悬疑</Option>
+ <Option value="thriller">惊悚</Option>
+ <Option value="other">其他</Option>
+ </Select>
+ </Form.Item>
+
+ <Form.Item
+ name="resolution"
+ label="分辨率"
+ rules={[{ required: true, message: "请选择分辨率" }]}
+ >
+ <Select placeholder="请选择分辨率">
+ <Option value="4K">4K</Option>
+ <Option value="2K">2K</Option>
+ <Option value="1080p">1080p</Option>
+ <Option value="720p">720p</Option>
+ <Option value="480p">480p</Option>
+ <Option value="other">其他</Option>
+ </Select>
+ </Form.Item>
+
+ <Form.Item
+ name="source"
+ label="片源"
+ rules={[{ required: true, message: "请选择片源" }]}
+ >
+ <Select placeholder="请选择片源">
+ <Option value="bluray">蓝光原盘</Option>
+ <Option value="remux">蓝光重灌</Option>
+ <Option value="encode">压制</Option>
+ <Option value="web-dl">WEB-DL</Option>
+ <Option value="dvd">DVD</Option>
+ <Option value="hdtv">HDTV</Option>
+ <Option value="other">其他</Option>
+ </Select>
+ </Form.Item>
+
+ <Form.Item
+ name="imdbId"
+ label="IMDb ID"
+ >
+ <Input placeholder="例如：tt0111161" />
+ </Form.Item>
+
+ <Form.Item
+ name="doubanId"
+ label="豆瓣ID"
+ >
+ <Input placeholder="例如：1292052" />
+ </Form.Item>
+ </>
+);
+
+// 音乐特定表单项
+const MusicFormItems = () => (
+ <>
+ <Form.Item
+ name="artist"
+ label="艺术家"
+ rules={[{ required: true, message: "请输入艺术家名称" }]}
+ >
+ <Input placeholder="请输入艺术家名称" />
+ </Form.Item>
+
+ <Form.Item
+ name="album"
+ label="专辑名称"
+ >
+ <Input placeholder="请输入专辑名称（如果是专辑）" />
+ </Form.Item>
+
+ <Form.Item
+ name="musicType"
+ label="音乐类型"
+ rules={[{ required: true, message: "请选择音乐类型" }]}
+ >
+ <Select placeholder="请选择音乐类型" mode="multiple">
+ <Option value="pop">流行</Option>
+ <Option value="rock">摇滚</Option>
+ <Option value="electronic">电子</Option>
+ <Option value="folk">民谣</Option>
+ <Option value="hip-hop">嘻哈</Option>
+ <Option value="classical">古典</Option>
+ <Option value="jazz">爵士</Option>
+ <Option value="soundtrack">原声带</Option>
+ <Option value="other">其他</Option>
+ </Select>
+ </Form.Item>
+
+ <Form.Item
+ name="format"
+ label="音频格式"
+ rules={[{ required: true, message: "请选择音频格式" }]}
+ >
+ <Select placeholder="请选择音频格式">
+ <Option value="flac">FLAC</Option>
+ <Option value="ape">APE</Option>
+ <Option value="wav">WAV</Option>
+ <Option value="mp3">MP3</Option>
+ <Option value="aac">AAC</Option>
+ <Option value="other">其他</Option>
+ </Select>
+ </Form.Item>
+
+ <Form.Item
+ name="bitrate"
+ label="比特率"
+ >
+ <Select placeholder="请选择比特率">
+ <Option value="lossless">无损</Option>
+ <Option value="320">320Kbps</Option>
+ <Option value="256">256Kbps</Option>
+ <Option value="192">192Kbps</Option>
+ <Option value="128">128Kbps</Option>
+ <Option value="other">其他</Option>
+ </Select>
+ </Form.Item>
+
+ <Form.Item
+ name="tracks"
+ label="曲目数"
+ >
+ <InputNumber min={1} placeholder="请输入曲目数量" />
+ </Form.Item>
+ </>
+);
+
+// 动漫特定表单项
+const AnimeFormItems = () => (
+ <>
+ <Form.Item
+ name="season"
+ label="季数"
+ >
+ <InputNumber min={1} placeholder="第几季" />
+ </Form.Item>
+
+ <Form.Item
+ name="episode"
+ label="集数"
+ >
+ <Input placeholder="例如：1-12、全集、SP、剧场版" />
+ </Form.Item>
+
+ <Form.Item
+ name="isComplete"
+ valuePropName="checked"
+ >
+ <Checkbox>已完结</Checkbox>
+ </Form.Item>
+
+ <Form.Item
+ name="animeType"
+ label="动漫类型"
+ rules={[{ required: true, message: "请选择动漫类型" }]}
+ >
+ <Select placeholder="请选择动漫类型" mode="multiple">
+ <Option value="tv">TV版</Option>
+ <Option value="movie">剧场版</Option>
+ <Option value="ova">OVA</Option>
+ <Option value="special">特别篇</Option>
+ </Select>
+ </Form.Item>
+
+ <Form.Item
+ name="resolution"
+ label="分辨率"
+ rules={[{ required: true, message: "请选择分辨率" }]}
+ >
+ <Select placeholder="请选择分辨率">
+ <Option value="4K">4K</Option>
+ <Option value="2K">2K</Option>
+ <Option value="1080p">1080p</Option>
+ <Option value="720p">720p</Option>
+ <Option value="480p">480p</Option>
+ <Option value="other">其他</Option>
+ </Select>
+ </Form.Item>
+
+ <Form.Item
+ name="source"
+ label="片源"
+ rules={[{ required: true, message: "请选择片源" }]}
+ >
+ <Select placeholder="请选择片源">
+ <Option value="bluray">蓝光原盘</Option>
+ <Option value="remux">蓝光重灌</Option>
+ <Option value="encode">压制</Option>
+ <Option value="web-dl">WEB-DL</Option>
+ <Option value="dvd">DVD</Option>
+ <Option value="hdtv">HDTV</Option>
+ <Option value="other">其他</Option>
+ </Select>
+ </Form.Item>
+
+ <Form.Item
+ name="subTeam"
+ label="字幕组"
+ >
+ <Input placeholder="请输入字幕组名称" />
+ </Form.Item>
+ </>
+);
+
+// 游戏特定表单项
+const GameFormItems = () => (
+ <>
+ <Form.Item
+ name="platform"
+ label="平台"
+ rules={[{ required: true, message: "请选择游戏平台" }]}
+ >
+ <Select placeholder="请选择游戏平台" mode="multiple">
+ <Option value="pc">PC</Option>
+ <Option value="ps5">PS5</Option>
+ <Option value="ps4">PS4</Option>
+ <Option value="ps3">PS3</Option>
+ <Option value="xbox-series">Xbox Series X/S</Option>
+ <Option value="xbox-one">Xbox One</Option>
+ <Option value="switch">Nintendo Switch</Option>
+ <Option value="ns">Nintendo Switch</Option>
+ <Option value="3ds">Nintendo 3DS</Option>
+ <Option value="mobile">手机</Option>
+ <Option value="other">其他</Option>
+ </Select>
+ </Form.Item>
+
+ <Form.Item
+ name="gameType"
+ label="游戏类型"
+ rules={[{ required: true, message: "请选择游戏类型" }]}
+ >
+ <Select placeholder="请选择游戏类型" mode="multiple">
+ <Option value="rpg">角色扮演</Option>
+ <Option value="action">动作</Option>
+ <Option value="fps">第一人称射击</Option>
+ <Option value="tps">第三人称射击</Option>
+ <Option value="strategy">策略</Option>
+ <Option value="simulation">模拟</Option>
+ <Option value="adventure">冒险</Option>
+ <Option value="sports">体育</Option>
+ <Option value="racing">竞速</Option>
+ <Option value="fighting">格斗</Option>
+ <Option value="other">其他</Option>
+ </Select>
+ </Form.Item>
+
+ <Form.Item
+ name="version"
+ label="版本"
+ >
+ <Input placeholder="请输入游戏版本，例如：V1.02.3" />
+ </Form.Item>
+
+ <Form.Item
+ name="developer"
+ label="开发商"
+ >
+ <Input placeholder="请输入游戏开发商" />
+ </Form.Item>
+
+ <Form.Item
+ name="publisher"
+ label="发行商"
+ >
+ <Input placeholder="请输入游戏发行商" />
+ </Form.Item>
+
+ <Form.Item
+ name="language"
+ label="语言"
+ rules={[{ required: true, message: "请选择游戏语言" }]}
+ >
+ <Select placeholder="请选择游戏语言" mode="multiple">
+ <Option value="chinese">中文</Option>
+ <Option value="english">英文</Option>
+ <Option value="japanese">日文</Option>
+ <Option value="korean">韩文</Option>
+ <Option value="french">法文</Option>
+ <Option value="german">德文</Option>
+ <Option value="russian">俄文</Option>
+ <Option value="multi">多语言</Option>
+ </Select>
+ </Form.Item>
+
+ <Form.Item
+ name="hasCrack"
+ valuePropName="checked"
+ >
+ <Checkbox>已破解/免安装</Checkbox>
+ </Form.Item>
+ </>
+);
+
+// 其他类型特定的表单项（简化）
+const OtherFormItems = ({ category }) => {
+ if (category === "variety") {
+ return (
+ <>
+ <Form.Item name="host" label="主持人">
+ <Input placeholder="请输入主持人名称" />
+ </Form.Item>
+ <Form.Item name="episode" label="期数">
+ <Input placeholder="例如：第1-12期、20200101" />
+ </Form.Item>
+ </>
+ );
+ }
+
+ if (category === "sports") {
+ return (
+ <>
+ <Form.Item name="league" label="联赛/赛事名称">
+ <Input placeholder="请输入联赛或赛事名称" />
+ </Form.Item>
+ <Form.Item name="match" label="比赛">
+ <Input placeholder="例如：队伍A vs 队伍B" />
+ </Form.Item>
+ </>
+ );
+ }
+
+ if (category === "software") {
+ return (
+ <>
+ <Form.Item name="version" label="版本">
+ <Input placeholder="请输入软件版本" />
+ </Form.Item>
+ <Form.Item name="os" label="操作系统">
+ <Select placeholder="请选择操作系统" mode="multiple">
+ <Option value="windows">Windows</Option>
+ <Option value="macos">macOS</Option>
+ <Option value="linux">Linux</Option>
+ <Option value="android">Android</Option>
+ <Option value="ios">iOS</Option>
+ </Select>
+ </Form.Item>
+ </>
+ );
+ }
+
+ if (category === "learning") {
+ return (
+ <>
+ <Form.Item name="subject" label="学科/主题">
+ <Input placeholder="请输入学科或主题" />
+ </Form.Item>
+ <Form.Item name="level" label="难度级别">
+ <Select placeholder="请选择难度级别">
+ <Option value="beginner">入门</Option>
+ <Option value="intermediate">中级</Option>
+ <Option value="advanced">高级</Option>
+ </Select>
+ </Form.Item>
+ </>
+ );
+ }
+
+ if (category === "documentary") {
+ return (
+ <>
+ <Form.Item name="docType" label="纪录片类型">
+ <Select placeholder="请选择纪录片类型" mode="multiple">
+ <Option value="nature">自然</Option>
+ <Option value="history">历史</Option>
+ <Option value="science">科学</Option>
+ <Option value="culture">人文</Option>
+ <Option value="society">社会</Option>
+ <Option value="biography">传记</Option>
+ </Select>
+ </Form.Item>
+ <Form.Item name="episodes" label="集数">
+ <Input placeholder="例如：共8集" />
+ </Form.Item>
+ </>
+ );
+ }
+
+ return null;
+};
+
+// 主组件
+const UploadTorrentPage = () => {
+ const [form] = Form.useForm();
+ const [activeCategory, setActiveCategory] = useState("notice");
+
+ const onFinish = (values) => {
+ console.log("提交的表单数据:", values);
+ message.success("种子上传成功！");
+ };
+
+ const renderFormByCategory = (category) => {
+ if (category === "notice") {
+ return <NoticeContent />;
+ }
+
+ return (
+ <Form
+ form={form}
+ layout="vertical"
+ onFinish={onFinish}
+ scrollToFirstError
+ >
+ <CategoryRules category={category} />
+
+ <BaseFormItems category={category} />
+
+ {/* 根据类别渲染特定的表单项 */}
+ {category === "movie" && <MovieFormItems />}
+ {category === "tv" && <TVFormItems />}
+ {category === "music" && <MusicFormItems />}
+ {category === "anime" && <AnimeFormItems />}
+ {category === "game" && <GameFormItems />}
+ {["variety", "sports", "software", "learning", "documentary", "other"].includes(category) && (
+ <OtherFormItems category={category} />
+ )}
+
+ <Divider />
+
+ <Form.Item>
+ <Space>
+ <Button type="primary" htmlType="submit">
+ 提交
+ </Button>
+ <Button onClick={() => form.resetFields()}>重置</Button>
+ </Space>
+ </Form.Item>
+ </Form>
+ );
+ };
+
+ return (
+ <div className="space-y-6">
+ <Title level={2}>发布种子</Title>
+
+ <Tabs activeKey={activeCategory} onChange={setActiveCategory} type="card">
+ <TabPane tab="注意事项" key="notice" />
+ <TabPane tab="电影" key="movie" />
+ <TabPane tab="剧集" key="tv" />
+ <TabPane tab="音乐" key="music" />
+ <TabPane tab="动漫" key="anime" />
+ <TabPane tab="游戏" key="game" />
+ <TabPane tab="综艺" key="variety" />
+ <TabPane tab="体育" key="sports" />
+ <TabPane tab="软件" key="software" />
+ <TabPane tab="学习" key="learning" />
+ <TabPane tab="纪录片" key="documentary" />
+ <TabPane tab="其他" key="other" />
+ </Tabs>
+
+ <div>{renderFormByCategory(activeCategory)}</div>
+ </div>
+ );
+};
+
+export default UploadTorrentPage;
\ No newline at end of file