Yang-RuiQi/ele-HeiXiu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: 消除占位页面 + 删除 barrel 导出 — 页面集中注册 + 直接导入

Browse Source 
- 删除 8 个占位页面文件（Account/Vip/Recharge/Billing/Orders/Projects/Quota/ComplianceAssets）
- PageDispatcher: PAGE_MAP 支持无组件页面自动渲染 PlaceholderPage
- 新增页面只需在 PAGE_MAP 加一行配置，无需创建独立文件
- 删除 services/modules/index.ts barrel，13 个文件改为直接导入
- IDE 跳转到定义一步到位，import 自文档化
- TypeScript 编译零错误

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
YoungestSongMo
2026-06-09 14:32:14 +08:00
parent 7982b69219
commit 76e66a37c8
24 changed files with 80 additions and 212 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/pages/account/AccountPage.tsx
View File

@@ -1,11 +0,0 @@
// ============================================================
// AccountPage — 查帐户（占位组件，后续实现具体功能）
// ============================================================
export function AccountPage() {
return (
<div style={{ padding: 8 }}>
<p style={{ color: 'inherit', opacity: 0.6, margin: 0 }}>查帐户 — 页面开发中</p>
</div>
);
}

11
src/pages/billing/BillingPage.tsx
View File

@@ -1,11 +0,0 @@
// ============================================================
// BillingPage — 消费记录（占位组件，后续实现具体功能）
// ============================================================
export function BillingPage() {
return (
<div style={{ padding: 8 }}>
<p style={{ color: 'inherit', opacity: 0.6, margin: 0 }}>消费记录 — 页面开发中</p>
</div>
);
}

11
src/pages/compliance-assets/ComplianceAssetsPage.tsx
View File

@@ -1,11 +0,0 @@
// ============================================================
// ComplianceAssetsPage — 合规素材库（占位组件，后续实现具体功能）
// ============================================================
export function ComplianceAssetsPage() {
return (
<div style={{ padding: 8 }}>
<p style={{ color: 'inherit', opacity: 0.6, margin: 0 }}>合规素材库 — 页面开发中</p>
</div>
);
}

3
src/pages/home/HomeContent.tsx
View File

@@ -7,7 +7,8 @@ import { createContext, useContext, useState, useCallback, useRef, useEffect, us
import { theme as antTheme, Empty } from 'antd';
import { useAppContext } from '@/components/AppProvider';
import type { ModelsListResponseBody, TaskInfoItemResponseBody } from '@/services/modules';
import type { ModelsListResponseBody } from '@/services/modules/models';
import type { TaskInfoItemResponseBody } from '@/services/modules/task';
import { LeftPanel } from './components/LeftPanel';
import { CenterPanel } from './components/CenterPanel';
import { RightPanel } from './components/RightPanel';

2
src/pages/home/components/BannerCarousel.tsx
View File

@@ -14,7 +14,7 @@ import { CloseOutlined } from '@ant-design/icons';
import type { CarouselRef } from 'antd/es/carousel';
import { useBannerList } from '@/hooks/use-api';
import type { Banner } from '@/services/modules';
import type { Banner } from '@/services/modules/banner';
// ---------- 组件 Props ----------

3
src/pages/home/components/ModelInputForm.tsx
View File

@@ -29,7 +29,8 @@ import { useHomeContext } from '@/pages/home/HomeContent';
import { useAppContext } from '@/components/AppProvider';
import { useSubmitTask } from '@/hooks/use-api';
import { emit, EVENTS } from '@/utils/event-bus';
import type { ModelsListResponseBody, TaskInfoItemResponseBody } from '@/services/modules';
import type { ModelsListResponseBody } from '@/services/modules/models';
import type { TaskInfoItemResponseBody } from '@/services/modules/task';
const { Text, Title } = Typography;
const { TextArea } = Input;

3
src/pages/home/components/ModelSelector.tsx
View File

@@ -9,8 +9,7 @@ import { AppstoreOutlined } from '@ant-design/icons';
import { useModelList } from '@/hooks/use-api';
import { useHomeContext } from '@/pages/home/HomeContent';
import { resolveCategoryLabel, MODEL_CATEGORIES } from '@/services/modules';
import type { ModelsListResponseBody, ModelCategoryStringEnum } from '@/services/modules';
import { resolveCategoryLabel, MODEL_CATEGORIES, type ModelsListResponseBody, type ModelCategoryStringEnum } from '@/services/modules/models';
const { Text } = Typography;

2
src/pages/home/components/OutputPreview.tsx
View File

@@ -13,7 +13,7 @@ import {
import { useHomeContext } from '@/pages/home/HomeContent';
import { useTaskDetail } from '@/hooks/use-api';
import type { TaskStatusString } from '@/services/modules';
import type { TaskStatusString } from '@/services/modules/task';
const { Text } = Typography;

4
src/pages/home/components/TaskHistory.tsx
View File

@@ -26,8 +26,8 @@ import type {
TaskInfoItemResponseBody,
TaskListRequestParams,
TaskStatusString,
} from '@/services/modules';
import { TaskStatusMap, OutputTypeMap } from '@/services/modules';
} from '@/services/modules/task';
import { TaskStatusMap, OutputTypeMap } from '@/services/modules/task';
const { Text } = Typography;

2
src/pages/login/components/ChangePasswordModal.tsx
View File

@@ -13,7 +13,7 @@ import { Modal, Input, Button, Typography, App } from 'antd';
import { LockOutlined, KeyOutlined, SafetyOutlined } from '@ant-design/icons';
import { useTheme } from '@/components/ThemeProvider';
import { AuthAPI } from '@/services/modules';
import { AuthAPI } from '@/services/modules/auth';
import { validatePassword, validateConfirmPassword } from '../config/validators';
const { Text, Title } = Typography;

2
src/pages/login/components/ForgotPasswordModal.tsx
View File

@@ -19,7 +19,7 @@ import {
} from '@ant-design/icons';
import { useTheme } from '@/components/ThemeProvider';
import { AuthAPI } from '@/services/modules';
import { AuthAPI } from '@/services/modules/auth';
import {
validatePhone,
validateSmsCode,

2
src/pages/login/index.tsx
View File

@@ -16,7 +16,7 @@ import { LoginForm } from './components/LoginForm';
import { RegisterForm } from './components/RegisterForm';
import { ForgotPasswordModal } from './components/ForgotPasswordModal';
import { useAuthState } from './hooks/use-auth-state';
import { AuthAPI, LoginResponseBody } from '@/services/modules';
import { AuthAPI, type LoginResponseBody } from '@/services/modules/auth';
import { getDeviceId } from '@/utils/device';
import type { LoginFormValues, RegisterFormValues } from './types';

11
src/pages/orders/OrdersPage.tsx
View File

@@ -1,11 +0,0 @@
// ============================================================
// OrdersPage — 订单明细（占位组件，后续实现具体功能）
// ============================================================
export function OrdersPage() {
return (
<div style={{ padding: 8 }}>
<p style={{ color: 'inherit', opacity: 0.6, margin: 0 }}>订单明细 — 页面开发中</p>
</div>
);
}

11
src/pages/projects/ProjectsPage.tsx
View File

@@ -1,11 +0,0 @@
// ============================================================
// ProjectsPage — 项目管理（占位组件，后续实现具体功能）
// ============================================================
export function ProjectsPage() {
return (
<div style={{ padding: 8 }}>
<p style={{ color: 'inherit', opacity: 0.6, margin: 0 }}>项目管理 — 页面开发中</p>
</div>
);
}

11
src/pages/quota/QuotaPage.tsx
View File

@@ -1,11 +0,0 @@
// ============================================================
// QuotaPage — 查配额（占位组件，后续实现具体功能）
// ============================================================
export function QuotaPage() {
return (
<div style={{ padding: 8 }}>
<p style={{ color: 'inherit', opacity: 0.6, margin: 0 }}>查配额 — 页面开发中</p>
</div>
);
}

11
src/pages/recharge/RechargePage.tsx
View File

@@ -1,11 +0,0 @@
// ============================================================
// RechargePage — 充值积分（占位组件，后续实现具体功能）
// ============================================================
export function RechargePage() {
return (
<div style={{ padding: 8 }}>
<p style={{ color: 'inherit', opacity: 0.6, margin: 0 }}>充值积分 — 页面开发中</p>
</div>
);
}

11
src/pages/vip/VipPage.tsx
View File

@@ -1,11 +0,0 @@
// ============================================================
// VipPage — 开会员/激活（占位组件，后续实现具体功能）
// ============================================================
export function VipPage() {
return (
<div style={{ padding: 8 }}>
<p style={{ color: 'inherit', opacity: 0.6, margin: 0 }}>开会员/激活 — 页面开发中</p>
</div>
);
}

2
src/pages/wechat-work/WechatWorkPage.tsx
View File

@@ -11,7 +11,7 @@
import { useEffect, useState, useCallback } from 'react';
import { Spin, Empty } from 'antd';
import { WechatOutlined } from '@ant-design/icons';
import { fetchBanners, type Banner } from '@/services/modules';
import { fetchBanners, type Banner } from '@/services/modules/banner';
export function WechatWorkPage() {
const [banner, setBanner] = useState<Banner | null>(null);