feat(portal-shell): lesson-plans 模块 6 页迁移(教师域 §9.1 B2)

§9.1 line 629 教师域 lesson-plans 行:
- /lesson-plans (列表) / /new (表单) / /library (教案库)
- /calendar (日历) / /heatmap (热力图) / /[planId]/edit (工作台)
契约:全  schema 无 → MSW 兜底 + @contract-pending

新增文件:
- src/lib/api/lesson-plans.ts (8 hooks)
- src/lib/api/operations/lesson-plans.graphql.ts (8 documents)
- src/features/teacher/lesson-plans/ (clients + transformations + tests)
- src/app/shell/teacher/lesson-plans/ (6 page.tsx + loading.tsx + error.tsx)

修改文件:
- src/mocks/graphql-data.ts (mock 数据 + handler cases)
- src/messages/{zh-CN,en}.json (lessonPlans i18n 命名空间)
- src/lib/api/{index,operations/index}.ts (导出 lesson-plans)
- src/shared/lib/route-permissions.ts (lesson-plans 路由权限声明)
- scripts/check-page-count.ts (baseline 31 → 37)

DoD 验收(§11.3 11 项):
- typecheck 0 errors
- lint 0 errors
- vitest 405 tests passed (新增 48 tests)
- lint:tokens 0 errors
- check:pages 37 PASS
- route-permissions 已声明
- 三态(loading/error/empty)齐备
- @contract-pending + MSW 兜底
- i18n zh-CN + en 同步

关联:ARCHITECTURE.md §5.3 / §5.4 / §9.1 / §10 P2 / §11.3 / §11.4
契约工单:docs/architecture/issues/contracts/core-edu_contract.md
This commit is contained in:
SpecialX
2026-07-22 19:59:22 +08:00
parent 2f8f3f3855
commit 8ab4fae9d5
26 changed files with 3746 additions and 4 deletions

View File

@@ -0,0 +1,27 @@
import { Suspense } from "react";
import { LessonPlanEditClient } from "@/features/teacher/lesson-plans/lesson-plan-edit-client";
import { WorkbenchPageSkeleton } from "@/shared/components/page-templates";
/**
* 教案编辑工作台页ARCHITECTURE.md §7.3 工作台页 / §9.1 / §10 P2
*
* Server Component 入口:仅负责 Suspense 边界包裹useParams 要求)。
*
* 数据契约(@contract-pending 全 MSW
* - lessonPlan(id) ❌ → MSW 兜底
* - updateLessonPlan(input) mutation ❌ → MSW 兜底
*
* 契约工单:
* - docs/architecture/issues/contracts/core-edu_contract.md#lesson-plan-detail
* - docs/architecture/issues/contracts/core-edu_contract.md#update-lesson-plan
*
* 关联ARCHITECTURE.md §5.3 / §5.4 / §7.3 / §9.1 / §10 P2 / §11.3 / §11.4
*/
export default function LessonPlanEditPage(): React.ReactElement {
return (
<Suspense fallback={<WorkbenchPageSkeleton />}>
<LessonPlanEditClient />
</Suspense>
);
}

View File

@@ -0,0 +1,22 @@
import { Suspense } from "react";
import { LessonPlanCalendarClient } from "@/features/teacher/lesson-plans/lesson-plan-calendar-client";
import { DetailPageSkeleton } from "@/shared/components/page-templates";
/**
* 教案日历视图页ARCHITECTURE.md §7.3 详情页 / §9.1 / §10 P2
*
* Server Component 入口:仅负责 Suspense 边界包裹useSearchParams 要求)。
*
* 数据契约:查询 lessonPlanCalendar(month) ❌ schema 无此字段 → MSW 兜底(@contract-pending
* 契约工单docs/architecture/issues/contracts/core-edu_contract.md#lesson-plan-calendar
*
* 关联ARCHITECTURE.md §5.3 / §5.4 / §7.3 / §9.1 / §10 P2 / §11.3 / §11.4
*/
export default function LessonPlanCalendarPage(): React.ReactElement {
return (
<Suspense fallback={<DetailPageSkeleton />}>
<LessonPlanCalendarClient />
</Suspense>
);
}

View File

@@ -0,0 +1,38 @@
"use client";
/**
* 教案路由错误边界ARCHITECTURE.md §7.4 三态规范 / §11.3 DoD
* Next.js Route Segment error.tsx捕获子树未处理异常。
*/
import { useEffect } from "react";
import { Button } from "@/shared/components/ui/button";
import { useTranslations } from "next-intl";
export default function LessonPlansError({
error,
reset,
}: {
error: Error & { digest?: string };
reset: () => void;
}): React.ReactElement {
const t = useTranslations("lessonPlans");
useEffect(() => {
console.error("[portal-shell] lesson-plans route error:", error);
}, [error]);
return (
<div className="flex flex-col items-center justify-center gap-4 rounded-xl border border-destructive/30 bg-destructive/5 p-10">
<h2 className="text-lg font-semibold text-destructive">
{t("error.title")}
</h2>
<p className="text-sm text-muted-foreground">
{error.message || t("error.unknown")}
</p>
<Button onClick={reset} variant="outline">
{t("error.retry")}
</Button>
</div>
);
}

View File

@@ -0,0 +1,22 @@
import { Suspense } from "react";
import { LessonPlanHeatmapClient } from "@/features/teacher/lesson-plans/lesson-plan-heatmap-client";
import { DetailPageSkeleton } from "@/shared/components/page-templates";
/**
* 教案热力图视图页ARCHITECTURE.md §7.3 详情页 / §9.1 / §10 P2
*
* Server Component 入口:仅负责 Suspense 边界包裹useSearchParams 要求)。
*
* 数据契约:查询 lessonPlanHeatmap(startDate, endDate) ❌ schema 无此字段 → MSW 兜底(@contract-pending
* 契约工单docs/architecture/issues/contracts/core-edu_contract.md#lesson-plan-heatmap
*
* 关联ARCHITECTURE.md §5.3 / §5.4 / §7.3 / §9.1 / §10 P2 / §11.3 / §11.4
*/
export default function LessonPlanHeatmapPage(): React.ReactElement {
return (
<Suspense fallback={<DetailPageSkeleton />}>
<LessonPlanHeatmapClient />
</Suspense>
);
}

View File

@@ -0,0 +1,22 @@
import { Suspense } from "react";
import { LessonPlanLibraryClient } from "@/features/teacher/lesson-plans/lesson-plan-library-client";
import { ListPageSkeleton } from "@/shared/components/page-templates";
/**
* 教案库列表页ARCHITECTURE.md §7.3 列表页 / §9.1 / §10 P2
*
* Server Component 入口:仅负责 Suspense 边界包裹useSearchParams 要求)。
*
* 数据契约:查询 lessonPlanLibrary(subjectId, grade) ❌ schema 无此字段 → MSW 兜底(@contract-pending
* 契约工单docs/architecture/issues/contracts/core-edu_contract.md#lesson-plan-library
*
* 关联ARCHITECTURE.md §5.3 / §5.4 / §7.3 / §9.1 / §10 P2 / §11.3 / §11.4
*/
export default function LessonPlanLibraryPage(): React.ReactElement {
return (
<Suspense fallback={<ListPageSkeleton rows={5} />}>
<LessonPlanLibraryClient />
</Suspense>
);
}

View File

@@ -0,0 +1,12 @@
import { ListPageSkeleton } from "@/shared/components/page-templates";
/**
* 教案路由段加载骨架ARCHITECTURE.md §7.4 三态规范 / §11.3 DoD
* Next.js Route Segment loading.tsx自动包裹页面渲染期间。
*
* 子页面(新建/教案库/日历/热力图/编辑)的 Skeleton 由各自 server page 的 <Suspense> 兜底,
* 本文件仅在 /shell/teacher/lesson-plans 列表/重定向期间显示。
*/
export default function LessonPlansLoading(): React.ReactElement {
return <ListPageSkeleton rows={5} />;
}

View File

@@ -0,0 +1,22 @@
import { Suspense } from "react";
import { NewLessonPlanClient } from "@/features/teacher/lesson-plans/new-lesson-plan-client";
import { FormPageSkeleton } from "@/shared/components/page-templates";
/**
* 新建教案表单页ARCHITECTURE.md §7.3 表单页 / §9.1 / §10 P2
*
* Server Component 入口:仅负责 Suspense 边界包裹。
*
* 数据契约mutation createLessonPlan(input) ❌ schema 无 Mutation 类型 → MSW 兜底(@contract-pending
* 契约工单docs/architecture/issues/contracts/core-edu_contract.md#create-lesson-plan
*
* 关联ARCHITECTURE.md §5.3 / §5.4 / §7.3 / §9.1 / §10 P2 / §11.3 / §11.4
*/
export default function NewLessonPlanPage(): React.ReactElement {
return (
<Suspense fallback={<FormPageSkeleton />}>
<NewLessonPlanClient />
</Suspense>
);
}

View File

@@ -0,0 +1,23 @@
import { Suspense } from "react";
import { LessonPlanListClient } from "@/features/teacher/lesson-plans/lesson-plan-list-client";
import { ListPageSkeleton } from "@/shared/components/page-templates";
/**
* 教案管理列表页ARCHITECTURE.md §7.3 列表页 / §9.1 / §10 P2
*
* Server Component 入口:仅负责 Suspense 边界包裹useSearchParams 要求)。
* 业务逻辑在 LessonPlanListClientclient component中。
*
* 数据契约:列表查询 lessonPlans(gradeId, subjectId, status) ❌ schema 无此字段 → MSW 兜底(@contract-pending
* 契约工单docs/architecture/issues/contracts/core-edu_contract.md#lesson-plans-list
*
* 关联ARCHITECTURE.md §5.3 / §5.4 / §7.3 / §9.1 / §10 P2 / §11.3 / §11.4
*/
export default function LessonPlansListPage(): React.ReactElement {
return (
<Suspense fallback={<ListPageSkeleton rows={5} />}>
<LessonPlanListClient />
</Suspense>
);
}