xiner/Edu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(portal-shell): clean widget design tokens and fix lint:tokens (P1-6)

Browse Source 
516 mechanical replacements across 25 widget files:
- spacing xs/sm/md/lg/xl to numeric 1/2/3/4/6
- text-heading-3 to text-lg font-semibold
- bg-danger to bg-destructive
- border border dedup

Fix .eslintrc.tokens.js to use typescript-eslint parser (was importing
uninstalled @typescript-eslint/parser). lint:tokens now passes.
This commit is contained in:
SpecialX
2026-07-22 15:07:38 +08:00
parent 9358372657
commit a28a6bd6ea
27 changed files with 388 additions and 384 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
apps/portal-shell/.eslintrc.tokens.js
View File

@@ -2,16 +2,17 @@
* ESLint Design Tokens 配置（独立运行：eslint -c .eslintrc.tokens.js src） * ESLint Design Tokens 配置（独立运行：eslint -c .eslintrc.tokens.js src）
* *
* 与 eslint.config.js 中的 design-tokens 规则等价，保留以对齐 teacher-portal 习惯。 * 与 eslint.config.js 中的 design-tokens 规则等价，保留以对齐 teacher-portal 习惯。
* 使用 typescript-eslint 包的 parser（与 eslint.config.js 一致）。
* 关联：project_rules §3.10 * 关联：project_rules §3.10
*/ */
import tsParser from "@typescript-eslint/parser"; import tseslint from "typescript-eslint";
/** @type {import('eslint').Linter.Config[]} */ /** @type {import('eslint').Linter.Config[]} */
export default [ export default tseslint.config(
{ {
files: ["**/*.{ts,tsx,js,jsx}"], files: ["**/*.{ts,tsx,js,jsx}"],
languageOptions: { languageOptions: {
parser: tsParser, parser: tseslint.parser,
ecmaVersion: 2024, ecmaVersion: 2024,
sourceType: "module", sourceType: "module",
parserOptions: { parserOptions: {
@@ -40,4 +41,4 @@ export default [
"no-restricted-syntax": "off", "no-restricted-syntax": "off",
}, },
}, },
]; );

17
apps/portal-shell/ARCHITECTURE.md
View File

@@ -757,7 +757,7 @@ export default async function ExamsPage(): Promise<React.ReactElement> {
- **P0-7**：`eslint .` → 0 errors, 2 warnings（均在 `__generated__/types.ts` 生成文件）；[eslint.config.js](file:///e:/Desktop/Edu/apps/portal-shell/eslint.config.js) 含 `no-restricted-imports` - **P0-7**：`eslint .` → 0 errors, 2 warnings（均在 `__generated__/types.ts` 生成文件）；[eslint.config.js](file:///e:/Desktop/Edu/apps/portal-shell/eslint.config.js) 含 `no-restricted-imports`
- **P0-8**：`git status` 干净（commit `cfb7b00`）；`.env.local` 与 `tsconfig.tsbuildinfo` 已在 [.gitignore](file:///e:/Desktop/Edu/apps/portal-shell/.gitignore) - **P0-8**：`git status` 干净（commit `cfb7b00`）；`.env.local` 与 `tsconfig.tsbuildinfo` 已在 [.gitignore](file:///e:/Desktop/Edu/apps/portal-shell/.gitignore)
### P1 · 框架与数据源接通（1–2 周）— 进行中（P1-1/P1-2/P1-3/P1-4/P1-5 ✅ 2026-07-22 验收） ### P1 · 框架与数据源接通（1–2 周）— 进行中（P1-1/P1-2/P1-3/P1-4/P1-5/P1-6 ✅ 2026-07-22 验收）
**目标**：AppFrame + 导航 + 真实数据仪表盘 + 页面模板 + MSW + i18n，页面迁移的"流水线"建成。 **目标**：AppFrame + 导航 + 真实数据仪表盘 + 页面模板 + MSW + i18n，页面迁移的"流水线"建成。
@@ -768,7 +768,7 @@ export default async function ExamsPage(): Promise<React.ReactElement> {
| P1-3 | 页面模板四件套（list/detail/form/workbench）+ 三态规范 | Storybook 或示例页 4 张（/shell/dev/templates/*，仅 dev 可见；注：Next.js 私有文件夹 `_xxx` 不参与路由，故使用 `dev` 而非 `_dev`） | ✅ | | P1-3 | 页面模板四件套（list/detail/form/workbench）+ 三态规范 | Storybook 或示例页 4 张（/shell/dev/templates/*，仅 dev 可见；注：Next.js 私有文件夹 `_xxx` 不参与路由，故使用 `dev` 而非 `_dev`） | ✅ |
| P1-4 | next-intl 接入 + messages 合并迁移 | 切换 locale 页面文案切换（截图）；`useT` 自造函数删除 | ✅ | | P1-4 | next-intl 接入 + messages 合并迁移 | 切换 locale 页面文案切换（截图）；`useT` 自造函数删除 | ✅ |
| P1-5 | MSW 兜底层（迁移旧 handlers，覆盖 dashboard/users/exams/grades 四域起步） | `NEXT_PUBLIC_MSW=1` 无后端启动，仪表盘 + users 页有数据（截图）；生产构建 bundle 无 mocks | ✅ | | P1-5 | MSW 兜底层（迁移旧 handlers，覆盖 dashboard/users/exams/grades 四域起步） | `NEXT_PUBLIC_MSW=1` 无后端启动，仪表盘 + users 页有数据（截图）；生产构建 bundle 无 mocks | ✅ |
| P1-6 | 31 widget 令牌清债（271 处机械替换）+ `border border` 去重 + 未知类检测进 arch:scan | `grep -c "text-heading-\|mt-sm\|py-xs\|p-md" src/widgets` = 0；`pnpm lint:tokens` 通过 | ⏳ | | P1-6 | 31 widget 令牌清债（271 处机械替换）+ `border border` 去重 + 未知类检测进 arch:scan | `grep -c "text-heading-\|mt-sm\|py-xs\|p-md" src/widgets` = 0；`pnpm lint:tokens` 通过 | ✅ |
| P1-7 | codegen 恢复 typescript-operations（config + data-ana 两域先行关闭 skipDocumentsValidation） | 生成操作级类型；lib/api 对应域删除手写 interface；typecheck 通过 | ⏳ | | P1-7 | codegen 恢复 typescript-operations（config + data-ana 两域先行关闭 skipDocumentsValidation） | 生成操作级类型；lib/api 对应域删除手写 interface；typecheck 通过 | ⏳ |
| P1-8 | CI 增补：路由表一致性脚本 + 页面计数 + codegen diff 检查 | CI 对预埋违规报红（附 pipeline 链接） | ⏳ | | P1-8 | CI 增补：路由表一致性脚本 + 页面计数 + codegen diff 检查 | CI 对预埋违规报红（附 pipeline 链接） | ⏳ |
@@ -863,6 +863,19 @@ export default async function ExamsPage(): Promise<React.ReactElement> {
- **dev server 验证（MSW=1 无后端）**：`GET /api/graphql` 返回 `{msw:true}`；`POST /api/graphql` 返回 mock 数据（teacherDashboard: total_classes=5/total_students=142；users: 5 条记录；questions: 3 条；grades: 3 条） - **dev server 验证（MSW=1 无后端）**：`GET /api/graphql` 返回 `{msw:true}`；`POST /api/graphql` 返回 mock 数据（teacherDashboard: total_classes=5/total_students=142；users: 5 条记录；questions: 3 条；grades: 3 条）
- **质量校验**：`tsc --noEmit` 通过；`eslint src` → 0 errors, 2 warnings（`__generated__/types.ts`）；`vitest run` 全量 21 test files / 231 tests 全部通过 - **质量校验**：`tsc --noEmit` 通过；`eslint src` → 0 errors, 2 warnings（`__generated__/types.ts`）；`vitest run` 全量 21 test files / 231 tests 全部通过
**P1-6 验收证据（2026-07-22）**：
- **31 widget 令牌清债（516 处机械替换，覆盖 25 文件）**：
- 间距工具类 `xs/sm/md/lg/xl` → 数字 `1/2/3/4/6`（`mt-sm`→`mt-2`、`px-sm`→`px-2`、`py-xs`→`py-1`、`p-md`→`p-3`、`gap-sm`→`gap-2`、`space-y-xs`→`space-y-1`、`h-xs`→`h-1` 等）
- `text-heading-3` → `text-lg font-semibold`（25 处）
- `bg-danger` → `bg-destructive`（6 处，shadcn 标准）
- `border border` → `border`（去重，仅匹配真正的重复 border 类）
- **lint:tokens 修复**：[.eslintrc.tokens.js](file:///e:/Desktop/Edu/apps/portal-shell/.eslintrc.tokens.js) 原导入 `@typescript-eslint/parser`（未安装）导致脚本不可用，改用 `typescript-eslint` 包的 `tseslint.parser`（与 eslint.config.js 一致）
- **验收命令**：
- `grep -rn "text-heading-\|mt-sm\|py-xs\|p-md" src/widgets` → **0 匹配** ✅
- `eslint -c .eslintrc.tokens.js src` → **0 errors** ✅
- **质量校验**：`tsc --noEmit` 通过；`eslint src` → 0 errors, 2 warnings；`vitest run` 全量 21 test files / 231 tests 全部通过
### P2 · 教师域页面（2–3 周，可与 P3 部分并行） ### P2 · 教师域页面（2–3 周，可与 P3 部分并行）
- 范围：§9.1 全表（~50 页）。顺序建议：exams → homework → grades → lesson-plans → questions/textbooks → attendance/classes/students → diagnostic/error-book/analytics → elective/course-plans → ai-* → practice/schedule-changes/leave。 - 范围：§9.1 全表（~50 页）。顺序建议：exams → homework → grades → lesson-plans → questions/textbooks → attendance/classes/students → diagnostic/error-book/analytics → elective/course-plans → ai-* → practice/schedule-changes/leave。

45
apps/portal-shell/src/widgets/admin/audit-logs/index.tsx
View File

@@ -1,4 +1,4 @@
"use client"; "use client";
/** /**
* audit-logs（admin / main） * audit-logs（admin / main）
@@ -34,8 +34,7 @@ const RESOURCE_OPTIONS = [
"homework", "homework",
] as const; ] as const;
const inputCls = const inputCls = "rounded-md border bg-card px-2 py-1 text-sm text-foreground";
"rounded-md border border bg-card px-sm py-xs text-sm text-foreground";
export default function AuditLogs(props: PluginProps): React.ReactElement { export default function AuditLogs(props: PluginProps): React.ReactElement {
const rawPageSize = props.props.pageSize; const rawPageSize = props.props.pageSize;
@@ -81,10 +80,10 @@ export default function AuditLogs(props: PluginProps): React.ReactElement {
const selectedLog = logs.find((l) => l.id === selectedId); const selectedLog = logs.find((l) => l.id === selectedId);
return ( return (
<section className="rounded-xl border border bg-card p-4"> <section className="rounded-xl border bg-card p-4">
<h3 className="text-heading-3 text-foreground">审计日志</h3> <h3 className="text-lg font-semibold text-foreground">审计日志</h3>
<div className="mt-sm flex flex-wrap gap-2"> <div className="mt-2 flex flex-wrap gap-2">
<input <input
type="text" type="text"
value={userIdFilter} value={userIdFilter}
@@ -122,17 +121,17 @@ export default function AuditLogs(props: PluginProps): React.ReactElement {
</div> </div>
{logs.length === 0 ? ( {logs.length === 0 ? (
<p className="mt-sm text-sm text-muted-foreground">暂无审计日志</p> <p className="mt-2 text-sm text-muted-foreground">暂无审计日志</p>
) : ( ) : (
<div className="mt-sm overflow-x-auto"> <div className="mt-2 overflow-x-auto">
<table className="w-full text-xs"> <table className="w-full text-xs">
<thead> <thead>
<tr className="border-b border text-muted-foreground"> <tr className="border-b border text-muted-foreground">
<th className="py-xs text-left">时间</th> <th className="py-1 text-left">时间</th>
<th className="py-xs text-left">用户</th> <th className="py-1 text-left">用户</th>
<th className="py-xs text-left">操作</th> <th className="py-1 text-left">操作</th>
<th className="py-xs text-left">资源</th> <th className="py-1 text-left">资源</th>
<th className="py-xs text-left">IP</th> <th className="py-1 text-left">IP</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@@ -146,16 +145,16 @@ export default function AuditLogs(props: PluginProps): React.ReactElement {
isSelected ? "bg-primary-subtle" : "bg-background" isSelected ? "bg-primary-subtle" : "bg-background"
}`} }`}
> >
<td className="py-xs text-muted-foreground"> <td className="py-1 text-muted-foreground">
{log.timestamp} {log.timestamp}
</td> </td>
<td className="py-xs text-foreground">{log.userName}</td> <td className="py-1 text-foreground">{log.userName}</td>
<td className="py-xs text-foreground">{log.action}</td> <td className="py-1 text-foreground">{log.action}</td>
<td className="py-xs text-foreground"> <td className="py-1 text-foreground">
{log.resource} {log.resource}
{log.resourceId ? ` / ${log.resourceId}` : ""} {log.resourceId ? ` / ${log.resourceId}` : ""}
</td> </td>
<td className="py-xs text-muted-foreground">{log.ip}</td> <td className="py-1 text-muted-foreground">{log.ip}</td>
</tr> </tr>
); );
})} })}
@@ -165,15 +164,15 @@ export default function AuditLogs(props: PluginProps): React.ReactElement {
)} )}
{selectedLog ? ( {selectedLog ? (
<div className="mt-sm rounded-md bg-background p-2"> <div className="mt-2 rounded-md bg-background p-2">
<p className="text-xs text-muted-foreground">详情</p> <p className="text-xs text-muted-foreground">详情</p>
<pre className="mt-xs overflow-x-auto whitespace-pre-wrap break-words text-xs text-foreground"> <pre className="mt-1 overflow-x-auto whitespace-pre-wrap break-words text-xs text-foreground">
{selectedLog.details || "（无详细信息）"} {selectedLog.details || "（无详细信息）"}
</pre> </pre>
</div> </div>
) : null} ) : null}
<div className="mt-sm flex items-center justify-between text-xs text-muted-foreground"> <div className="mt-2 flex items-center justify-between text-xs text-muted-foreground">
<span> <span>
共 {total} 条，第 {offset + 1} - {rangeEnd} 条 共 {total} 条，第 {offset + 1} - {rangeEnd} 条
</span> </span>
@@ -182,7 +181,7 @@ export default function AuditLogs(props: PluginProps): React.ReactElement {
type="button" type="button"
disabled={!hasPrev} disabled={!hasPrev}
onClick={() => setOffset(Math.max(0, offset - pageSize))} onClick={() => setOffset(Math.max(0, offset - pageSize))}
className="rounded-md border border bg-card px-sm py-xs text-foreground" className="rounded-md border bg-card px-2 py-1 text-foreground"
> >
上一页 上一页
</button> </button>
@@ -190,7 +189,7 @@ export default function AuditLogs(props: PluginProps): React.ReactElement {
type="button" type="button"
disabled={!hasNext} disabled={!hasNext}
onClick={() => setOffset(offset + pageSize)} onClick={() => setOffset(offset + pageSize)}
className="rounded-md border border bg-card px-sm py-xs text-foreground" className="rounded-md border bg-card px-2 py-1 text-foreground"
> >
下一页 下一页
</button> </button>

59
apps/portal-shell/src/widgets/admin/invitation-codes/index.tsx
View File

@@ -1,4 +1,4 @@
"use client"; "use client";
/** /**
* invitation-codes（admin / main） * invitation-codes（admin / main）
@@ -30,8 +30,7 @@ const STATUS_LABELS: Record<CodeStatus, string> = {
const ROLE_OPTIONS = ["teacher", "student", "parent"] as const; const ROLE_OPTIONS = ["teacher", "student", "parent"] as const;
const inputCls = const inputCls = "rounded-md border bg-card px-2 py-1 text-sm text-foreground";
"rounded-md border border bg-card px-sm py-xs text-sm text-foreground";
const labelCls = "text-xs text-muted-foreground"; const labelCls = "text-xs text-muted-foreground";
export default function InvitationCodes( export default function InvitationCodes(
@@ -98,17 +97,17 @@ export default function InvitationCodes(
const codes = data ?? []; const codes = data ?? [];
return ( return (
<section className="rounded-xl border border bg-card p-4"> <section className="rounded-xl border bg-card p-4">
<h3 className="text-heading-3 text-foreground">邀请码</h3> <h3 className="text-lg font-semibold text-foreground">邀请码</h3>
{status.length > 0 ? ( {status.length > 0 ? (
<p className="mt-xs text-xs text-muted-foreground">{status}</p> <p className="mt-1 text-xs text-muted-foreground">{status}</p>
) : null} ) : null}
{/* 生成新邀请码 */} {/* 生成新邀请码 */}
<div className="mt-sm rounded-md bg-background p-2"> <div className="mt-2 rounded-md bg-background p-2">
<p className={labelCls}>生成新邀请码</p> <p className={labelCls}>生成新邀请码</p>
<div className="mt-xs flex flex-wrap items-end gap-2"> <div className="mt-1 flex flex-wrap items-end gap-2">
<div className="space-y-xs"> <div className="space-y-1">
<label className={labelCls}>角色</label> <label className={labelCls}>角色</label>
<select <select
value={newRole} value={newRole}
@@ -122,7 +121,7 @@ export default function InvitationCodes(
))} ))}
</select> </select>
</div> </div>
<div className="space-y-xs"> <div className="space-y-1">
<label className={labelCls}>可用次数</label> <label className={labelCls}>可用次数</label>
<input <input
type="number" type="number"
@@ -132,7 +131,7 @@ export default function InvitationCodes(
className={`${inputCls} w-24`} className={`${inputCls} w-24`}
/> />
</div> </div>
<div className="space-y-xs"> <div className="space-y-1">
<label className={labelCls}>有效期（小时）</label> <label className={labelCls}>有效期（小时）</label>
<input <input
type="number" type="number"
@@ -145,7 +144,7 @@ export default function InvitationCodes(
<button <button
type="button" type="button"
onClick={handleCreate} onClick={handleCreate}
className="rounded-md bg-primary px-md py-xs text-sm text-primary-foreground" className="rounded-md bg-primary px-3 py-1 text-sm text-primary-foreground"
> >
生成 生成
</button> </button>
@@ -153,7 +152,7 @@ export default function InvitationCodes(
</div> </div>
{/* 筛选 */} {/* 筛选 */}
<div className="mt-md flex items-center gap-2"> <div className="mt-3 flex items-center gap-2">
<label className={labelCls}>状态</label> <label className={labelCls}>状态</label>
<select <select
value={statusFilter} value={statusFilter}
@@ -171,18 +170,18 @@ export default function InvitationCodes(
{/* 邀请码列表 */} {/* 邀请码列表 */}
{codes.length === 0 ? ( {codes.length === 0 ? (
<p className="mt-sm text-sm text-muted-foreground">暂无邀请码</p> <p className="mt-2 text-sm text-muted-foreground">暂无邀请码</p>
) : ( ) : (
<div className="mt-sm overflow-x-auto"> <div className="mt-2 overflow-x-auto">
<table className="w-full text-sm"> <table className="w-full text-sm">
<thead> <thead>
<tr className="border-b border text-muted-foreground"> <tr className="border-b border text-muted-foreground">
<th className="py-xs text-left">邀请码</th> <th className="py-1 text-left">邀请码</th>
<th className="py-xs text-left">角色</th> <th className="py-1 text-left">角色</th>
<th className="py-xs text-left">状态</th> <th className="py-1 text-left">状态</th>
<th className="py-xs text-left">使用/上限</th> <th className="py-1 text-left">使用/上限</th>
<th className="py-xs text-left">过期时间</th> <th className="py-1 text-left">过期时间</th>
<th className="py-xs text-left">操作</th> <th className="py-1 text-left">操作</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@@ -191,23 +190,21 @@ export default function InvitationCodes(
const canRevoke = c.status === "active"; const canRevoke = c.status === "active";
return ( return (
<tr key={c.id} className="border-b border"> <tr key={c.id} className="border-b border">
<td className="py-xs font-mono text-foreground"> <td className="py-1 font-mono text-foreground">{c.code}</td>
{c.code} <td className="py-1 text-foreground">{c.role}</td>
</td> <td className="py-1 text-foreground">{c.status}</td>
<td className="py-xs text-foreground">{c.role}</td> <td className="py-1 text-foreground">
<td className="py-xs text-foreground">{c.status}</td>
<td className="py-xs text-foreground">
{c.usedCount} / {c.maxUses} {c.usedCount} / {c.maxUses}
</td> </td>
<td className="py-xs text-muted-foreground"> <td className="py-1 text-muted-foreground">
{c.expiresAt} {c.expiresAt}
</td> </td>
<td className="py-xs"> <td className="py-1">
<div className="flex gap-2"> <div className="flex gap-2">
<button <button
type="button" type="button"
onClick={() => handleCopy(c.code)} onClick={() => handleCopy(c.code)}
className="rounded-md border border bg-card px-sm py-xs text-xs text-foreground" className="rounded-md border bg-card px-2 py-1 text-xs text-foreground"
> >
复制 复制
</button> </button>
@@ -216,7 +213,7 @@ export default function InvitationCodes(
type="button" type="button"
disabled={isBusy} disabled={isBusy}
onClick={() => handleRevoke(c.id)} onClick={() => handleRevoke(c.id)}
className="rounded-md bg-danger px-sm py-xs text-xs text-primary-foreground" className="rounded-md bg-destructive px-2 py-1 text-xs text-primary-foreground"
> >
撤销 撤销
</button> </button>

62
apps/portal-shell/src/widgets/admin/plugin-manager/index.tsx
View File

@@ -1,4 +1,4 @@
"use client"; "use client";
/** /**
* plugin-manager（admin / main） * plugin-manager（admin / main）
@@ -84,14 +84,14 @@ function RegistryTab(): React.ReactElement {
items.map((item) => ( items.map((item) => (
<div <div
key={item.pluginId} key={item.pluginId}
className="rounded-xl border border bg-background p-4" className="rounded-xl border bg-background p-4"
> >
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div> <div>
<p className="text-body text-foreground"> <p className="text-body text-foreground">
{item.displayName} {item.displayName}
{item.isBuiltin ? ( {item.isBuiltin ? (
<span className="ml-xs text-xs text-muted-foreground"> <span className="ml-1 text-xs text-muted-foreground">
内置 内置
</span> </span>
) : null} ) : null}
@@ -100,12 +100,12 @@ function RegistryTab(): React.ReactElement {
{item.pluginId} · v{item.version} · {item.category} ·{" "} {item.pluginId} · v{item.version} · {item.category} ·{" "}
{item.defaultSlot} {item.defaultSlot}
</p> </p>
<p className="mt-xs text-sm text-muted-foreground"> <p className="mt-1 text-sm text-muted-foreground">
{item.description} {item.description}
</p> </p>
</div> </div>
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<label className="flex items-center gap-xs text-sm text-foreground"> <label className="flex items-center gap-1 text-sm text-foreground">
<input <input
type="checkbox" type="checkbox"
checked={item.isActive} checked={item.isActive}
@@ -120,14 +120,14 @@ function RegistryTab(): React.ReactElement {
? setEditingId(null) ? setEditingId(null)
: handleStartEdit(item) : handleStartEdit(item)
} }
className="rounded-md border border bg-card px-sm py-xs text-xs text-foreground" className="rounded-md border bg-card px-2 py-1 text-xs text-foreground"
> >
{editingId === item.pluginId ? "取消" : "编辑 props"} {editingId === item.pluginId ? "取消" : "编辑 props"}
</button> </button>
</div> </div>
</div> </div>
{editingId === item.pluginId ? ( {editingId === item.pluginId ? (
<div className="mt-sm space-y-xs"> <div className="mt-2 space-y-1">
<label className="text-xs text-muted-foreground"> <label className="text-xs text-muted-foreground">
defaultProps (JSON) defaultProps (JSON)
</label> </label>
@@ -135,7 +135,7 @@ function RegistryTab(): React.ReactElement {
value={draftProps} value={draftProps}
onChange={(e) => setDraftProps(e.target.value)} onChange={(e) => setDraftProps(e.target.value)}
rows={6} rows={6}
className="w-full rounded-md border border bg-card p-2 font-mono text-xs text-foreground" className="w-full rounded-md border bg-card p-2 font-mono text-xs text-foreground"
/> />
{draftError.length > 0 ? ( {draftError.length > 0 ? (
<p className="text-xs text-muted-foreground">{draftError}</p> <p className="text-xs text-muted-foreground">{draftError}</p>
@@ -143,7 +143,7 @@ function RegistryTab(): React.ReactElement {
<button <button
type="button" type="button"
onClick={() => handleSaveProps(item.pluginId)} onClick={() => handleSaveProps(item.pluginId)}
className="rounded-md bg-primary px-md py-xs text-xs text-primary-foreground" className="rounded-md bg-primary px-3 py-1 text-xs text-primary-foreground"
> >
保存 保存
</button> </button>
@@ -199,7 +199,7 @@ function MappingTab(): React.ReactElement {
const draftList = Object.values(drafts); const draftList = Object.values(drafts);
const selectCls = const selectCls =
"rounded-md border border bg-card px-sm py-xs text-sm text-foreground"; "rounded-md border bg-card px-2 py-1 text-sm text-foreground";
return ( return (
<div className="space-y-4"> <div className="space-y-4">
@@ -226,17 +226,17 @@ function MappingTab(): React.ReactElement {
<table className="w-full text-sm"> <table className="w-full text-sm">
<thead> <thead>
<tr className="border-b border text-muted-foreground"> <tr className="border-b border text-muted-foreground">
<th className="py-xs text-left">插件</th> <th className="py-1 text-left">插件</th>
<th className="py-xs text-left">启用</th> <th className="py-1 text-left">启用</th>
<th className="py-xs text-left">Slot</th> <th className="py-1 text-left">Slot</th>
<th className="py-xs text-left">排序</th> <th className="py-1 text-left">排序</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{draftList.map((m) => ( {draftList.map((m) => (
<tr key={m.pluginId} className="border-b border"> <tr key={m.pluginId} className="border-b border">
<td className="py-xs text-foreground">{m.pluginId}</td> <td className="py-1 text-foreground">{m.pluginId}</td>
<td className="py-xs"> <td className="py-1">
<input <input
type="checkbox" type="checkbox"
checked={m.isEnabled} checked={m.isEnabled}
@@ -245,17 +245,17 @@ function MappingTab(): React.ReactElement {
} }
/> />
</td> </td>
<td className="py-xs"> <td className="py-1">
<input <input
type="text" type="text"
value={m.slot} value={m.slot}
onChange={(e) => onChange={(e) =>
updateDraft(m.pluginId, { slot: e.target.value }) updateDraft(m.pluginId, { slot: e.target.value })
} }
className="w-full rounded-md border border bg-card px-sm py-xs text-xs text-foreground" className="w-full rounded-md border bg-card px-2 py-1 text-xs text-foreground"
/> />
</td> </td>
<td className="py-xs"> <td className="py-1">
<input <input
type="number" type="number"
value={m.sortOrder} value={m.sortOrder}
@@ -264,7 +264,7 @@ function MappingTab(): React.ReactElement {
sortOrder: Number(e.target.value), sortOrder: Number(e.target.value),
}) })
} }
className="w-full rounded-md border border bg-card px-sm py-xs text-xs text-foreground" className="w-full rounded-md border bg-card px-2 py-1 text-xs text-foreground"
/> />
</td> </td>
</tr> </tr>
@@ -276,7 +276,7 @@ function MappingTab(): React.ReactElement {
<button <button
type="button" type="button"
onClick={handleSave} onClick={handleSave}
className="rounded-md bg-primary px-md py-xs text-sm text-primary-foreground" className="rounded-md bg-primary px-3 py-1 text-sm text-primary-foreground"
> >
保存映射 保存映射
</button> </button>
@@ -313,7 +313,7 @@ function LayoutTab(): React.ReactElement {
} }
const selectCls = const selectCls =
"rounded-md border border bg-card px-sm py-xs text-sm text-foreground"; "rounded-md border bg-card px-2 py-1 text-sm text-foreground";
return ( return (
<div className="space-y-4"> <div className="space-y-4">
@@ -356,11 +356,11 @@ function LayoutTab(): React.ReactElement {
> >
<p className="text-body text-foreground">{tpl.displayName}</p> <p className="text-body text-foreground">{tpl.displayName}</p>
<p className="text-xs text-muted-foreground">{tpl.description}</p> <p className="text-xs text-muted-foreground">{tpl.description}</p>
<p className="mt-xs text-xs text-muted-foreground"> <p className="mt-1 text-xs text-muted-foreground">
可用 Slot：{tpl.availableSlots.join("、")} 可用 Slot：{tpl.availableSlots.join("、")}
</p> </p>
{isCurrent ? ( {isCurrent ? (
<p className="mt-xs text-xs text-foreground">当前默认</p> <p className="mt-1 text-xs text-foreground">当前默认</p>
) : null} ) : null}
</button> </button>
); );
@@ -402,12 +402,12 @@ function UserLayoutTab(): React.ReactElement {
value={userId} value={userId}
onChange={(e) => setUserId(e.target.value)} onChange={(e) => setUserId(e.target.value)}
placeholder="输入用户 ID" placeholder="输入用户 ID"
className="w-64 rounded-md border border bg-card px-sm py-xs text-sm text-foreground" className="w-64 rounded-md border bg-card px-2 py-1 text-sm text-foreground"
/> />
<button <button
type="button" type="button"
onClick={handleReset} onClick={handleReset}
className="rounded-md bg-danger px-md py-xs text-sm text-primary-foreground" className="rounded-md bg-destructive px-3 py-1 text-sm text-primary-foreground"
> >
重置布局 重置布局
</button> </button>
@@ -423,16 +423,16 @@ export default function PluginManager(_props: PluginProps): React.ReactElement {
const [tab, setTab] = useState<TabKey>("registry"); const [tab, setTab] = useState<TabKey>("registry");
return ( return (
<section className="rounded-xl border border bg-card p-4"> <section className="rounded-xl border bg-card p-4">
<h3 className="text-heading-3 text-foreground">插件管理</h3> <h3 className="text-lg font-semibold text-foreground">插件管理</h3>
<div className="mt-sm flex gap-2 border-b border"> <div className="mt-2 flex gap-2 border-b border">
{(Object.keys(TAB_LABELS) as TabKey[]).map((key) => ( {(Object.keys(TAB_LABELS) as TabKey[]).map((key) => (
<button <button
key={key} key={key}
type="button" type="button"
onClick={() => setTab(key)} onClick={() => setTab(key)}
aria-pressed={tab === key} aria-pressed={tab === key}
className={`rounded-md px-sm py-xs text-sm ${ className={`rounded-md px-2 py-1 text-sm ${
tab === key tab === key
? "bg-primary text-primary-foreground" ? "bg-primary text-primary-foreground"
: "bg-card text-foreground" : "bg-card text-foreground"
@@ -442,7 +442,7 @@ export default function PluginManager(_props: PluginProps): React.ReactElement {
</button> </button>
))} ))}
</div> </div>
<div className="mt-sm"> <div className="mt-2">
{tab === "registry" ? <RegistryTab /> : null} {tab === "registry" ? <RegistryTab /> : null}
{tab === "mapping" ? <MappingTab /> : null} {tab === "mapping" ? <MappingTab /> : null}
{tab === "layout" ? <LayoutTab /> : null} {tab === "layout" ? <LayoutTab /> : null}

26
apps/portal-shell/src/widgets/admin/rbac-manager/index.tsx
View File

@@ -1,4 +1,4 @@
"use client"; "use client";
/** /**
* rbac-manager（admin / main） * rbac-manager（admin / main）
@@ -79,21 +79,21 @@ export default function RbacManager(_props: PluginProps): React.ReactElement {
if (roles.length === 0) { if (roles.length === 0) {
return ( return (
<section className="rounded-xl border border bg-card p-4"> <section className="rounded-xl border bg-card p-4">
<h3 className="text-heading-3 text-foreground">角色权限</h3> <h3 className="text-lg font-semibold text-foreground">角色权限</h3>
<p className="mt-sm text-sm text-muted-foreground">暂无角色数据</p> <p className="mt-2 text-sm text-muted-foreground">暂无角色数据</p>
</section> </section>
); );
} }
return ( return (
<section className="rounded-xl border border bg-card p-4"> <section className="rounded-xl border bg-card p-4">
<h3 className="text-heading-3 text-foreground">角色权限</h3> <h3 className="text-lg font-semibold text-foreground">角色权限</h3>
<div className="mt-sm flex gap-4"> <div className="mt-2 flex gap-4">
{/* 左侧角色列表 */} {/* 左侧角色列表 */}
<div className="w-64 flex-shrink-0"> <div className="w-64 flex-shrink-0">
<p className="text-sm text-muted-foreground">角色</p> <p className="text-sm text-muted-foreground">角色</p>
<ul className="mt-xs space-y-xs"> <ul className="mt-1 space-y-1">
{roles.map((role) => { {roles.map((role) => {
const isSelected = role.id === effectiveRoleId; const isSelected = role.id === effectiveRoleId;
return ( return (
@@ -102,7 +102,7 @@ export default function RbacManager(_props: PluginProps): React.ReactElement {
type="button" type="button"
onClick={() => setSelectedRoleId(role.id)} onClick={() => setSelectedRoleId(role.id)}
aria-pressed={isSelected} aria-pressed={isSelected}
className={`w-full rounded-md border px-sm py-xs text-left text-sm ${ className={`w-full rounded-md border px-2 py-1 text-left text-sm ${
isSelected isSelected
? "border-accent bg-primary-subtle text-foreground" ? "border-accent bg-primary-subtle text-foreground"
: "border bg-background text-foreground" : "border bg-background text-foreground"
@@ -124,11 +124,11 @@ export default function RbacManager(_props: PluginProps): React.ReactElement {
<table className="w-full text-xs"> <table className="w-full text-xs">
<thead> <thead>
<tr className="border-b border text-muted-foreground"> <tr className="border-b border text-muted-foreground">
<th className="py-xs text-left">权限</th> <th className="py-1 text-left">权限</th>
{roles.map((role) => ( {roles.map((role) => (
<th <th
key={role.id} key={role.id}
className={`py-xs text-center ${ className={`py-1 text-center ${
role.id === effectiveRoleId role.id === effectiveRoleId
? "text-foreground" ? "text-foreground"
: "text-muted-foreground" : "text-muted-foreground"
@@ -142,7 +142,7 @@ export default function RbacManager(_props: PluginProps): React.ReactElement {
<tbody> <tbody>
{permissions.map((perm) => ( {permissions.map((perm) => (
<tr key={perm.id} className="border-b border"> <tr key={perm.id} className="border-b border">
<td className="py-xs"> <td className="py-1">
<p className="text-foreground">{perm.name}</p> <p className="text-foreground">{perm.name}</p>
<p className="text-xs text-muted-foreground"> <p className="text-xs text-muted-foreground">
{perm.resource} / {perm.action} {perm.resource} / {perm.action}
@@ -153,7 +153,7 @@ export default function RbacManager(_props: PluginProps): React.ReactElement {
rolePermissionMap.get(role.id)?.has(perm.id) ?? false; rolePermissionMap.get(role.id)?.has(perm.id) ?? false;
const isBusy = busyRoleId === role.id; const isBusy = busyRoleId === role.id;
return ( return (
<td key={role.id} className="py-xs text-center"> <td key={role.id} className="py-1 text-center">
<input <input
type="checkbox" type="checkbox"
checked={checked} checked={checked}

42
apps/portal-shell/src/widgets/admin/school-settings/index.tsx
View File

@@ -1,4 +1,4 @@
"use client"; "use client";
/** /**
* school-settings（admin / main） * school-settings（admin / main）
@@ -18,7 +18,7 @@ import type { PluginProps } from "@/lib/types";
const TERM_OPTIONS = ["第一学期", "第二学期", "暑假", "寒假"] as const; const TERM_OPTIONS = ["第一学期", "第二学期", "暑假", "寒假"] as const;
const inputCls = const inputCls =
"w-full rounded-md border border bg-card px-sm py-xs text-sm text-foreground"; "w-full rounded-md border bg-card px-2 py-1 text-sm text-foreground";
const labelCls = "text-xs text-muted-foreground"; const labelCls = "text-xs text-muted-foreground";
export default function SchoolSettings(props: PluginProps): React.ReactElement { export default function SchoolSettings(props: PluginProps): React.ReactElement {
@@ -70,22 +70,22 @@ export default function SchoolSettings(props: PluginProps): React.ReactElement {
if (!draft) { if (!draft) {
return ( return (
<section className="rounded-xl border border bg-card p-4"> <section className="rounded-xl border bg-card p-4">
<h3 className="text-heading-3 text-foreground">学校设置</h3> <h3 className="text-lg font-semibold text-foreground">学校设置</h3>
<p className="mt-sm text-sm text-muted-foreground">暂无学校数据</p> <p className="mt-2 text-sm text-muted-foreground">暂无学校数据</p>
</section> </section>
); );
} }
return ( return (
<section className="rounded-xl border border bg-card p-4"> <section className="rounded-xl border bg-card p-4">
<h3 className="text-heading-3 text-foreground">学校设置</h3> <h3 className="text-lg font-semibold text-foreground">学校设置</h3>
{status.length > 0 ? ( {status.length > 0 ? (
<p className="mt-xs text-xs text-muted-foreground">{status}</p> <p className="mt-1 text-xs text-muted-foreground">{status}</p>
) : null} ) : null}
<div className="mt-sm grid grid-cols-2 gap-4"> <div className="mt-2 grid grid-cols-2 gap-4">
<div className="space-y-xs"> <div className="space-y-1">
<label className={labelCls}>学校名称</label> <label className={labelCls}>学校名称</label>
<input <input
type="text" type="text"
@@ -94,7 +94,7 @@ export default function SchoolSettings(props: PluginProps): React.ReactElement {
className={inputCls} className={inputCls}
/> />
</div> </div>
<div className="space-y-xs"> <div className="space-y-1">
<label className={labelCls}>联系电话</label> <label className={labelCls}>联系电话</label>
<input <input
type="text" type="text"
@@ -103,7 +103,7 @@ export default function SchoolSettings(props: PluginProps): React.ReactElement {
className={inputCls} className={inputCls}
/> />
</div> </div>
<div className="space-y-xs"> <div className="space-y-1">
<label className={labelCls}>联系邮箱</label> <label className={labelCls}>联系邮箱</label>
<input <input
type="email" type="email"
@@ -112,7 +112,7 @@ export default function SchoolSettings(props: PluginProps): React.ReactElement {
className={inputCls} className={inputCls}
/> />
</div> </div>
<div className="space-y-xs"> <div className="space-y-1">
<label className={labelCls}>当前学年</label> <label className={labelCls}>当前学年</label>
<input <input
type="text" type="text"
@@ -124,7 +124,7 @@ export default function SchoolSettings(props: PluginProps): React.ReactElement {
className={inputCls} className={inputCls}
/> />
</div> </div>
<div className="space-y-xs"> <div className="space-y-1">
<label className={labelCls}>当前学期</label> <label className={labelCls}>当前学期</label>
<select <select
value={draft.currentTerm} value={draft.currentTerm}
@@ -138,7 +138,7 @@ export default function SchoolSettings(props: PluginProps): React.ReactElement {
))} ))}
</select> </select>
</div> </div>
<div className="space-y-xs"> <div className="space-y-1">
<label className={labelCls}>学期开始</label> <label className={labelCls}>学期开始</label>
<input <input
type="date" type="date"
@@ -147,7 +147,7 @@ export default function SchoolSettings(props: PluginProps): React.ReactElement {
className={inputCls} className={inputCls}
/> />
</div> </div>
<div className="space-y-xs"> <div className="space-y-1">
<label className={labelCls}>学期结束</label> <label className={labelCls}>学期结束</label>
<input <input
type="date" type="date"
@@ -156,7 +156,7 @@ export default function SchoolSettings(props: PluginProps): React.ReactElement {
className={inputCls} className={inputCls}
/> />
</div> </div>
<div className="space-y-xs"> <div className="space-y-1">
<label className={labelCls}>学校地址</label> <label className={labelCls}>学校地址</label>
<input <input
type="text" type="text"
@@ -168,7 +168,7 @@ export default function SchoolSettings(props: PluginProps): React.ReactElement {
</div> </div>
{showAdvanced ? ( {showAdvanced ? (
<div className="mt-md rounded-md bg-background p-2"> <div className="mt-3 rounded-md bg-background p-2">
<p className="text-xs text-muted-foreground"> <p className="text-xs text-muted-foreground">
高级配置：学区划分、学段映射、教研室组织等由 config-service 高级配置：学区划分、学段映射、教研室组织等由 config-service
角色-插件映射控制。 角色-插件映射控制。
@@ -176,18 +176,18 @@ export default function SchoolSettings(props: PluginProps): React.ReactElement {
</div> </div>
) : null} ) : null}
<div className="mt-md flex justify-end gap-2"> <div className="mt-3 flex justify-end gap-2">
<button <button
type="button" type="button"
onClick={() => data && setDraft({ ...data })} onClick={() => data && setDraft({ ...data })}
className="rounded-md border border bg-card px-md py-xs text-sm text-foreground" className="rounded-md border bg-card px-3 py-1 text-sm text-foreground"
> >
重置 重置
</button> </button>
<button <button
type="button" type="button"
onClick={handleSave} onClick={handleSave}
className="rounded-md bg-primary px-md py-xs text-sm text-primary-foreground" className="rounded-md bg-primary px-3 py-1 text-sm text-primary-foreground"
> >
保存 保存
</button> </button>

44
apps/portal-shell/src/widgets/admin/user-management/index.tsx
View File

@@ -1,4 +1,4 @@
"use client"; "use client";
/** /**
* user-management（admin / main） * user-management（admin / main）
@@ -87,13 +87,13 @@ export default function UserManagement(
const rangeEnd = Math.min(offset + PAGE_SIZE, total); const rangeEnd = Math.min(offset + PAGE_SIZE, total);
return ( return (
<section className="rounded-xl border border bg-card p-4"> <section className="rounded-xl border bg-card p-4">
<h3 className="text-heading-3 text-foreground">用户管理</h3> <h3 className="text-lg font-semibold text-foreground">用户管理</h3>
<div className="mt-sm flex gap-2"> <div className="mt-2 flex gap-2">
<select <select
value={roleFilter} value={roleFilter}
onChange={handleRoleFilterChange} onChange={handleRoleFilterChange}
className="rounded-md border border bg-card px-sm py-xs text-sm text-foreground" className="rounded-md border bg-card px-2 py-1 text-sm text-foreground"
aria-label="按角色筛选" aria-label="按角色筛选"
> >
<option value="">全部角色</option> <option value="">全部角色</option>
@@ -106,17 +106,17 @@ export default function UserManagement(
</div> </div>
{users.length === 0 ? ( {users.length === 0 ? (
<p className="mt-sm text-sm text-muted-foreground">暂无用户</p> <p className="mt-2 text-sm text-muted-foreground">暂无用户</p>
) : ( ) : (
<div className="mt-sm overflow-x-auto"> <div className="mt-2 overflow-x-auto">
<table className="w-full text-sm"> <table className="w-full text-sm">
<thead> <thead>
<tr className="border-b border text-muted-foreground"> <tr className="border-b border text-muted-foreground">
<th className="py-xs text-left">姓名</th> <th className="py-1 text-left">姓名</th>
<th className="py-xs text-left">邮箱</th> <th className="py-1 text-left">邮箱</th>
<th className="py-xs text-left">角色</th> <th className="py-1 text-left">角色</th>
<th className="py-xs text-left">状态</th> <th className="py-1 text-left">状态</th>
<th className="py-xs text-left">创建时间</th> <th className="py-1 text-left">创建时间</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@@ -124,14 +124,14 @@ export default function UserManagement(
const isBusy = busyId === u.id; const isBusy = busyId === u.id;
return ( return (
<tr key={u.id} className="border-b border"> <tr key={u.id} className="border-b border">
<td className="py-xs text-foreground">{u.name}</td> <td className="py-1 text-foreground">{u.name}</td>
<td className="py-xs text-foreground">{u.email}</td> <td className="py-1 text-foreground">{u.email}</td>
<td className="py-xs"> <td className="py-1">
<select <select
value={u.role} value={u.role}
disabled={isBusy} disabled={isBusy}
onChange={(e) => handleRoleChange(u.id, e.target.value)} onChange={(e) => handleRoleChange(u.id, e.target.value)}
className="rounded-md border border bg-card px-sm py-xs text-xs text-foreground" className="rounded-md border bg-card px-2 py-1 text-xs text-foreground"
aria-label="修改角色" aria-label="修改角色"
> >
{ROLE_OPTIONS.map((r) => ( {ROLE_OPTIONS.map((r) => (
@@ -141,14 +141,14 @@ export default function UserManagement(
))} ))}
</select> </select>
</td> </td>
<td className="py-xs"> <td className="py-1">
<select <select
value={u.status} value={u.status}
disabled={isBusy} disabled={isBusy}
onChange={(e) => onChange={(e) =>
handleStatusChange(u.id, e.target.value) handleStatusChange(u.id, e.target.value)
} }
className="rounded-md border border bg-card px-sm py-xs text-xs text-foreground" className="rounded-md border bg-card px-2 py-1 text-xs text-foreground"
aria-label="修改状态" aria-label="修改状态"
> >
{STATUS_OPTIONS.map((s) => ( {STATUS_OPTIONS.map((s) => (
@@ -158,7 +158,7 @@ export default function UserManagement(
))} ))}
</select> </select>
</td> </td>
<td className="py-xs text-muted-foreground"> <td className="py-1 text-muted-foreground">
{u.createdAt} {u.createdAt}
</td> </td>
</tr> </tr>
@@ -169,7 +169,7 @@ export default function UserManagement(
</div> </div>
)} )}
<div className="mt-sm flex items-center justify-between text-xs text-muted-foreground"> <div className="mt-2 flex items-center justify-between text-xs text-muted-foreground">
<span> <span>
共 {total} 条，第 {offset + 1} - {rangeEnd} 条 共 {total} 条，第 {offset + 1} - {rangeEnd} 条
</span> </span>
@@ -178,7 +178,7 @@ export default function UserManagement(
type="button" type="button"
disabled={!hasPrev} disabled={!hasPrev}
onClick={() => setOffset(Math.max(0, offset - PAGE_SIZE))} onClick={() => setOffset(Math.max(0, offset - PAGE_SIZE))}
className="rounded-md border border bg-card px-sm py-xs text-foreground" className="rounded-md border bg-card px-2 py-1 text-foreground"
> >
上一页 上一页
</button> </button>
@@ -186,7 +186,7 @@ export default function UserManagement(
type="button" type="button"
disabled={!hasNext} disabled={!hasNext}
onClick={() => setOffset(offset + PAGE_SIZE)} onClick={() => setOffset(offset + PAGE_SIZE)}
className="rounded-md border border bg-card px-sm py-xs text-foreground" className="rounded-md border bg-card px-2 py-1 text-foreground"
> >
下一页 下一页
</button> </button>

20
apps/portal-shell/src/widgets/parent/child-overview/index.tsx
View File

@@ -1,4 +1,4 @@
"use client"; "use client";
/** /**
* child-overview（parent / main） * child-overview（parent / main）
@@ -41,17 +41,17 @@ export default function ChildOverview(_props: PluginProps): React.ReactElement {
if (children.length === 0) { if (children.length === 0) {
return ( return (
<section className="rounded-xl border border bg-card p-4"> <section className="rounded-xl border bg-card p-4">
<h3 className="text-heading-3 text-foreground">孩子总览</h3> <h3 className="text-lg font-semibold text-foreground">孩子总览</h3>
<p className="mt-sm text-sm text-muted-foreground">暂无孩子信息</p> <p className="mt-2 text-sm text-muted-foreground">暂无孩子信息</p>
</section> </section>
); );
} }
return ( return (
<section className="rounded-xl border border bg-card p-4"> <section className="rounded-xl border bg-card p-4">
<h3 className="text-heading-3 text-foreground">孩子总览</h3> <h3 className="text-lg font-semibold text-foreground">孩子总览</h3>
<div className="mt-sm grid grid-cols-2 gap-4"> <div className="mt-2 grid grid-cols-2 gap-4">
{children.map((child) => { {children.map((child) => {
const isSelected = child.id === selectedChildId; const isSelected = child.id === selectedChildId;
return ( return (
@@ -77,12 +77,12 @@ export default function ChildOverview(_props: PluginProps): React.ReactElement {
</p> </p>
</div> </div>
</div> </div>
<div className="mt-sm space-y-xs"> <div className="mt-2 space-y-1">
<p className="text-sm text-muted-foreground">最近成绩</p> <p className="text-sm text-muted-foreground">最近成绩</p>
{child.recentGrades.length === 0 ? ( {child.recentGrades.length === 0 ? (
<p className="text-xs text-muted-foreground">暂无成绩</p> <p className="text-xs text-muted-foreground">暂无成绩</p>
) : ( ) : (
<ul className="space-y-xs"> <ul className="space-y-1">
{child.recentGrades.map((g) => ( {child.recentGrades.map((g) => (
<li <li
key={g.subject} key={g.subject}
@@ -95,7 +95,7 @@ export default function ChildOverview(_props: PluginProps): React.ReactElement {
</ul> </ul>
)} )}
</div> </div>
<div className="mt-sm flex justify-between border-t border pt-xs text-xs"> <div className="mt-2 flex justify-between border-t border pt-1 text-xs">
<span className="text-muted-foreground"> <span className="text-muted-foreground">
出勤： 出勤：
{formatRate(child.attendance.present, child.attendance.total)} {formatRate(child.attendance.present, child.attendance.total)}

35
apps/portal-shell/src/widgets/parent/leave-approval/index.tsx
View File

@@ -1,4 +1,4 @@
"use client"; "use client";
/** /**
* leave-approval（parent / main） * leave-approval（parent / main）
@@ -89,13 +89,13 @@ export default function LeaveApproval(_props: PluginProps): React.ReactElement {
const requests = data ?? []; const requests = data ?? [];
return ( return (
<section className="rounded-xl border border bg-card p-4"> <section className="rounded-xl border bg-card p-4">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<h3 className="text-heading-3 text-foreground">请假审批</h3> <h3 className="text-lg font-semibold text-foreground">请假审批</h3>
<select <select
value={statusFilter} value={statusFilter}
onChange={(e) => setStatusFilter(e.target.value)} onChange={(e) => setStatusFilter(e.target.value)}
className="rounded-md border border bg-card px-sm py-xs text-sm text-foreground" className="rounded-md border bg-card px-2 py-1 text-sm text-foreground"
aria-label="按状态筛选" aria-label="按状态筛选"
> >
<option value="">全部状态</option> <option value="">全部状态</option>
@@ -106,25 +106,22 @@ export default function LeaveApproval(_props: PluginProps): React.ReactElement {
</div> </div>
{childId.length > 0 ? ( {childId.length > 0 ? (
<p className="mt-xs text-xs text-muted-foreground">已按选中孩子过滤</p> <p className="mt-1 text-xs text-muted-foreground">已按选中孩子过滤</p>
) : null} ) : null}
{rejectError.length > 0 ? ( {rejectError.length > 0 ? (
<p className="mt-xs text-xs text-muted-foreground">{rejectError}</p> <p className="mt-1 text-xs text-muted-foreground">{rejectError}</p>
) : null} ) : null}
{requests.length === 0 ? ( {requests.length === 0 ? (
<p className="mt-sm text-sm text-muted-foreground">暂无请假申请</p> <p className="mt-2 text-sm text-muted-foreground">暂无请假申请</p>
) : ( ) : (
<ul className="mt-sm space-y-4"> <ul className="mt-2 space-y-4">
{requests.map((req) => { {requests.map((req) => {
const isPending = req.status === "pending"; const isPending = req.status === "pending";
const isBusy = busyId === req.id; const isBusy = busyId === req.id;
const reasonValue = rejectReasons[req.id] ?? ""; const reasonValue = rejectReasons[req.id] ?? "";
return ( return (
<li <li key={req.id} className="rounded-xl border bg-background p-4">
key={req.id}
className="rounded-xl border border bg-background p-4"
>
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div> <div>
<p className="text-body text-foreground">{req.childName}</p> <p className="text-body text-foreground">{req.childName}</p>
@@ -133,18 +130,18 @@ export default function LeaveApproval(_props: PluginProps): React.ReactElement {
{req.endDate} {req.endDate}
</p> </p>
</div> </div>
<span className="rounded-md bg-muted px-sm py-xs text-xs text-foreground"> <span className="rounded-md bg-muted px-2 py-1 text-xs text-foreground">
{STATUS_LABELS[req.status] ?? req.status} {STATUS_LABELS[req.status] ?? req.status}
</span> </span>
</div> </div>
<p className="mt-sm text-sm text-muted-foreground"> <p className="mt-2 text-sm text-muted-foreground">
{req.reason} {req.reason}
</p> </p>
<p className="mt-xs text-xs text-muted-foreground"> <p className="mt-1 text-xs text-muted-foreground">
提交于 {req.createdAt} 提交于 {req.createdAt}
</p> </p>
{isPending ? ( {isPending ? (
<div className="mt-sm space-y-xs"> <div className="mt-2 space-y-1">
<input <input
type="text" type="text"
value={reasonValue} value={reasonValue}
@@ -155,14 +152,14 @@ export default function LeaveApproval(_props: PluginProps): React.ReactElement {
})) }))
} }
placeholder="拒绝原因（拒绝时必填）" placeholder="拒绝原因（拒绝时必填）"
className="w-full rounded-md border border bg-card px-sm py-xs text-sm text-foreground" className="w-full rounded-md border bg-card px-2 py-1 text-sm text-foreground"
/> />
<div className="flex gap-2"> <div className="flex gap-2">
<button <button
type="button" type="button"
disabled={isBusy} disabled={isBusy}
onClick={() => handleApprove(req.id)} onClick={() => handleApprove(req.id)}
className="rounded-md bg-primary px-md py-xs text-sm text-primary-foreground" className="rounded-md bg-primary px-3 py-1 text-sm text-primary-foreground"
> >
批准 批准
</button> </button>
@@ -170,7 +167,7 @@ export default function LeaveApproval(_props: PluginProps): React.ReactElement {
type="button" type="button"
disabled={isBusy} disabled={isBusy}
onClick={() => handleReject(req.id)} onClick={() => handleReject(req.id)}
className="rounded-md bg-danger px-md py-xs text-sm text-primary-foreground" className="rounded-md bg-destructive px-3 py-1 text-sm text-primary-foreground"
> >
拒绝 拒绝
</button> </button>

6
apps/portal-shell/src/widgets/sidebar/child-selector/index.tsx
View File

@@ -1,4 +1,4 @@
"use client"; "use client";
/** /**
* child-selector（sidebar / side） * child-selector（sidebar / side）
@@ -39,7 +39,7 @@ export default function ChildSelector(_props: PluginProps): React.ReactElement {
<select <select
value={currentChildId} value={currentChildId}
onChange={(e) => handleSelect(e.target.value)} onChange={(e) => handleSelect(e.target.value)}
className="mt-xs w-full rounded-md border border bg-card px-sm py-xs text-sm text-foreground" className="mt-1 w-full rounded-md border bg-card px-2 py-1 text-sm text-foreground"
aria-label="选择孩子" aria-label="选择孩子"
> >
<option value="">请选择孩子</option> <option value="">请选择孩子</option>
@@ -50,7 +50,7 @@ export default function ChildSelector(_props: PluginProps): React.ReactElement {
))} ))}
</select> </select>
{current ? ( {current ? (
<p className="mt-xs text-xs text-muted-foreground"> <p className="mt-1 text-xs text-muted-foreground">
{current.grade} · {current.className} {current.grade} · {current.className}
</p> </p>
) : null} ) : null}

4
apps/portal-shell/src/widgets/sidebar/class-selector/index.tsx
View File

@@ -1,4 +1,4 @@
"use client"; "use client";
/** /**
* class-selector（sidebar / side） * class-selector（sidebar / side）
@@ -38,7 +38,7 @@ export default function ClassSelector(_props: PluginProps): React.ReactElement {
<select <select
value={currentClassId} value={currentClassId}
onChange={(e) => handleSelect(e.target.value)} onChange={(e) => handleSelect(e.target.value)}
className="mt-xs w-full rounded-md border border bg-card px-sm py-xs text-sm text-foreground" className="mt-1 w-full rounded-md border bg-card px-2 py-1 text-sm text-foreground"
aria-label="选择班级" aria-label="选择班级"
> >
<option value="">请选择班级</option> <option value="">请选择班级</option>

6
apps/portal-shell/src/widgets/sidebar/quick-actions/index.tsx
View File

@@ -1,4 +1,4 @@
"use client"; "use client";
/** /**
* quick-actions（sidebar / side） * quick-actions（sidebar / side）
@@ -45,13 +45,13 @@ export default function QuickActions(props: PluginProps): React.ReactElement {
return ( return (
<div> <div>
<p className="text-sm text-muted-foreground">快捷操作</p> <p className="text-sm text-muted-foreground">快捷操作</p>
<ul className="mt-xs space-y-sm"> <ul className="mt-1 space-y-2">
{actions.map((item) => ( {actions.map((item) => (
<li key={item.path}> <li key={item.path}>
<button <button
type="button" type="button"
onClick={() => handleClick(item.path)} onClick={() => handleClick(item.path)}
className="w-full rounded-md border border bg-card px-sm py-xs text-left text-sm text-foreground" className="w-full rounded-md border bg-card px-2 py-1 text-left text-sm text-foreground"
> >
{item.label} {item.label}
</button> </button>

4
apps/portal-shell/src/widgets/sidebar/term-switcher/index.tsx
View File

@@ -1,4 +1,4 @@
"use client"; "use client";
/** /**
* term-switcher（sidebar / side） * term-switcher（sidebar / side）
@@ -42,7 +42,7 @@ export default function TermSwitcher(_props: PluginProps): React.ReactElement {
<select <select
value={selectedTermId} value={selectedTermId}
onChange={(e) => handleSelect(e.target.value)} onChange={(e) => handleSelect(e.target.value)}
className="mt-xs w-full rounded-md border border bg-card px-sm py-xs text-sm text-foreground" className="mt-1 w-full rounded-md border bg-card px-2 py-1 text-sm text-foreground"
aria-label="选择学期" aria-label="选择学期"
> >
<option value="">请选择学期</option> <option value="">请选择学期</option>

32
apps/portal-shell/src/widgets/student/ai-tutor/index.tsx
View File

@@ -1,4 +1,4 @@
"use client"; "use client";
/** /**
* ai-tutor（student / main） * ai-tutor（student / main）
@@ -70,13 +70,13 @@ export default function AiTutor(props: PluginProps): React.ReactElement {
const canSend = !sending && input.trim().length > 0; const canSend = !sending && input.trim().length > 0;
return ( return (
<section className="rounded-xl border border bg-card p-4"> <section className="rounded-xl border bg-card p-4">
<h3 className="text-heading-3 text-foreground">AI 辅导</h3> <h3 className="text-lg font-semibold text-foreground">AI 辅导</h3>
<div className="mt-sm flex"> <div className="mt-2 flex">
{/* 左侧会话列表 */} {/* 左侧会话列表 */}
<div className="flex w-64 flex-col border-r border pr-sm"> <div className="flex w-64 flex-col border-r border pr-2">
<p className="text-sm text-muted-foreground">会话列表</p> <p className="text-sm text-muted-foreground">会话列表</p>
<ul className="mt-xs space-y-sm"> <ul className="mt-1 space-y-2">
{sessions.map((session) => { {sessions.map((session) => {
const active = activeSessionId === session.id; const active = activeSessionId === session.id;
return ( return (
@@ -84,7 +84,7 @@ export default function AiTutor(props: PluginProps): React.ReactElement {
<button <button
type="button" type="button"
onClick={() => handleSelectSession(session.id)} onClick={() => handleSelectSession(session.id)}
className={`w-full rounded-md px-sm py-xs text-left ${active ? "bg-primary" : "bg-background"}`} className={`w-full rounded-md px-2 py-1 text-left ${active ? "bg-primary" : "bg-background"}`}
> >
<span <span
className={`block text-sm ${active ? "text-primary-foreground" : "text-foreground"}`} className={`block text-sm ${active ? "text-primary-foreground" : "text-foreground"}`}
@@ -92,7 +92,7 @@ export default function AiTutor(props: PluginProps): React.ReactElement {
{session.title} {session.title}
</span> </span>
<span <span
className={`mt-xs block text-xs ${active ? "text-primary-foreground" : "text-muted-foreground"}`} className={`mt-1 block text-xs ${active ? "text-primary-foreground" : "text-muted-foreground"}`}
> >
{session.lastMessage} {session.lastMessage}
</span> </span>
@@ -109,8 +109,8 @@ export default function AiTutor(props: PluginProps): React.ReactElement {
</div> </div>
{/* 右侧消息区 */} {/* 右侧消息区 */}
<div className="flex flex-1 flex-col pl-sm"> <div className="flex flex-1 flex-col pl-2">
<div className="flex-1 space-y-sm"> <div className="flex-1 space-y-2">
{messages.length === 0 ? ( {messages.length === 0 ? (
<p className="text-sm text-muted-foreground"> <p className="text-sm text-muted-foreground">
请输入问题开始与 AI 辅导对话 请输入问题开始与 AI 辅导对话
@@ -121,8 +121,8 @@ export default function AiTutor(props: PluginProps): React.ReactElement {
key={msg.id} key={msg.id}
className={ className={
msg.role === "user" msg.role === "user"
? "ml-sm rounded-md bg-primary px-sm py-xs text-sm text-primary-foreground" ? "ml-2 rounded-md bg-primary px-2 py-1 text-sm text-primary-foreground"
: "rounded-md bg-background px-sm py-xs text-sm text-foreground" : "rounded-md bg-background px-2 py-1 text-sm text-foreground"
} }
> >
{msg.content} {msg.content}
@@ -135,7 +135,7 @@ export default function AiTutor(props: PluginProps): React.ReactElement {
</div> </div>
{/* 输入区 */} {/* 输入区 */}
<div className="mt-sm flex"> <div className="mt-2 flex">
<input <input
type="text" type="text"
value={input} value={input}
@@ -146,7 +146,7 @@ export default function AiTutor(props: PluginProps): React.ReactElement {
} }
}} }}
placeholder="输入你的问题..." placeholder="输入你的问题..."
className="flex-1 rounded-md border border bg-card px-sm py-xs text-sm text-foreground" className="flex-1 rounded-md border bg-card px-2 py-1 text-sm text-foreground"
/> />
<button <button
type="button" type="button"
@@ -154,8 +154,8 @@ export default function AiTutor(props: PluginProps): React.ReactElement {
onClick={() => void handleSend()} onClick={() => void handleSend()}
className={ className={
canSend canSend
? "ml-sm rounded-md bg-primary px-sm py-xs text-sm text-primary-foreground" ? "ml-2 rounded-md bg-primary px-2 py-1 text-sm text-primary-foreground"
: "ml-sm rounded-md bg-muted px-sm py-xs text-sm text-muted-foreground" : "ml-2 rounded-md bg-muted px-2 py-1 text-sm text-muted-foreground"
} }
> >
发送 发送

30
apps/portal-shell/src/widgets/student/elective-selector/index.tsx
View File

@@ -1,4 +1,4 @@
"use client"; "use client";
/** /**
* elective-selector（student / main） * elective-selector（student / main）
@@ -64,8 +64,8 @@ export default function ElectiveSelector(
if (!termId) { if (!termId) {
return ( return (
<section className="rounded-xl border border bg-card p-4"> <section className="rounded-xl border bg-card p-4">
<h3 className="text-heading-3 text-foreground">选课</h3> <h3 className="text-lg font-semibold text-foreground">选课</h3>
<p className="text-sm text-muted-foreground">请先选择学期</p> <p className="text-sm text-muted-foreground">请先选择学期</p>
</section> </section>
); );
@@ -74,31 +74,31 @@ export default function ElectiveSelector(
const courses = data ?? []; const courses = data ?? [];
return ( return (
<section className="rounded-xl border border bg-card p-4"> <section className="rounded-xl border bg-card p-4">
<h3 className="text-heading-3 text-foreground">选课</h3> <h3 className="text-lg font-semibold text-foreground">选课</h3>
{courses.length === 0 ? ( {courses.length === 0 ? (
<p className="mt-sm text-sm text-muted-foreground">暂无可选课程</p> <p className="mt-2 text-sm text-muted-foreground">暂无可选课程</p>
) : ( ) : (
<ul className="mt-sm space-y-4"> <ul className="mt-2 space-y-4">
{courses.map((course) => { {courses.map((course) => {
const enrolled = enrolledIds[course.id] === true; const enrolled = enrolledIds[course.id] === true;
const full = course.enrolled >= course.capacity; const full = course.enrolled >= course.capacity;
return ( return (
<li <li
key={course.id} key={course.id}
className="rounded-xl border border bg-background p-2" className="rounded-xl border bg-background p-2"
> >
<div className="flex items-center"> <div className="flex items-center">
<span className="text-body text-foreground"> <span className="text-body text-foreground">
{course.name} {course.name}
</span> </span>
<span <span
className={`ml-sm rounded-md px-xs py-xs text-xs ${CATEGORY_BADGE[course.category]}`} className={`ml-2 rounded-md px-1 py-1 text-xs ${CATEGORY_BADGE[course.category]}`}
> >
{course.category} {course.category}
</span> </span>
</div> </div>
<div className="mt-xs flex flex-col text-sm text-muted-foreground"> <div className="mt-1 flex flex-col text-sm text-muted-foreground">
<span>教师：{course.teacher}</span> <span>教师：{course.teacher}</span>
<span> <span>
容量：{course.enrolled}/{course.capacity} 容量：{course.enrolled}/{course.capacity}
@@ -107,7 +107,7 @@ export default function ElectiveSelector(
<span>时间：{course.schedule}</span> <span>时间：{course.schedule}</span>
<span>学分：{course.credits}</span> <span>学分：{course.credits}</span>
</div> </div>
<div className="mt-xs"> <div className="mt-1">
{enrolled ? ( {enrolled ? (
<button <button
type="button" type="button"
@@ -115,8 +115,8 @@ export default function ElectiveSelector(
onClick={() => void handleDrop(course.id)} onClick={() => void handleDrop(course.id)}
className={ className={
dropping dropping
? "rounded-md bg-muted px-sm py-xs text-xs text-muted-foreground" ? "rounded-md bg-muted px-2 py-1 text-xs text-muted-foreground"
: "rounded-md bg-danger px-sm py-xs text-xs text-primary-foreground" : "rounded-md bg-destructive px-2 py-1 text-xs text-primary-foreground"
} }
> >
退课 退课
@@ -128,8 +128,8 @@ export default function ElectiveSelector(
onClick={() => void handleEnroll(course.id)} onClick={() => void handleEnroll(course.id)}
className={ className={
enrolling || full enrolling || full
? "rounded-md bg-muted px-sm py-xs text-xs text-muted-foreground" ? "rounded-md bg-muted px-2 py-1 text-xs text-muted-foreground"
: "rounded-md bg-primary px-sm py-xs text-xs text-primary-foreground" : "rounded-md bg-primary px-2 py-1 text-xs text-primary-foreground"
} }
> >
{full ? "已满" : "选课"} {full ? "已满" : "选课"}

33
apps/portal-shell/src/widgets/student/error-book/index.tsx
View File

@@ -1,4 +1,4 @@
"use client"; "use client";
/** /**
* error-book（student / main） * error-book（student / main）
@@ -46,9 +46,9 @@ export default function ErrorBook(props: PluginProps): React.ReactElement {
} }
return ( return (
<section className="rounded-xl border border bg-card p-4"> <section className="rounded-xl border bg-card p-4">
<h3 className="text-heading-3 text-foreground">错题本</h3> <h3 className="text-lg font-semibold text-foreground">错题本</h3>
<div className="mt-sm flex items-center"> <div className="mt-2 flex items-center">
<label <label
htmlFor="error-book-subject" htmlFor="error-book-subject"
className="text-sm text-muted-foreground" className="text-sm text-muted-foreground"
@@ -59,7 +59,7 @@ export default function ErrorBook(props: PluginProps): React.ReactElement {
id="error-book-subject" id="error-book-subject"
value={subjectFilter} value={subjectFilter}
onChange={(e) => setSubjectFilter(e.target.value)} onChange={(e) => setSubjectFilter(e.target.value)}
className="ml-sm rounded-md border border bg-card px-sm py-xs text-sm text-foreground" className="ml-2 rounded-md border bg-card px-2 py-1 text-sm text-foreground"
> >
<option value="">全部科目</option> <option value="">全部科目</option>
{subjects.map((s) => ( {subjects.map((s) => (
@@ -71,31 +71,28 @@ export default function ErrorBook(props: PluginProps): React.ReactElement {
</div> </div>
{filteredItems.length === 0 ? ( {filteredItems.length === 0 ? (
<p className="mt-sm text-sm text-muted-foreground">暂无错题数据</p> <p className="mt-2 text-sm text-muted-foreground">暂无错题数据</p>
) : ( ) : (
<ul className="mt-sm space-y-4"> <ul className="mt-2 space-y-4">
{filteredItems.map((item) => { {filteredItems.map((item) => {
const mastered = masteredIds[item.id] === true; const mastered = masteredIds[item.id] === true;
return ( return (
<li <li key={item.id} className="rounded-xl border bg-background p-2">
key={item.id}
className="rounded-xl border border bg-background p-2"
>
<div className="flex items-center"> <div className="flex items-center">
<span className="rounded-md bg-muted px-sm py-xs text-xs text-foreground"> <span className="rounded-md bg-muted px-2 py-1 text-xs text-foreground">
{item.subject} {item.subject}
</span> </span>
<span className="ml-sm text-xs text-muted-foreground"> <span className="ml-2 text-xs text-muted-foreground">
错误 {item.errorCount} 次 错误 {item.errorCount} 次
</span> </span>
<span className="ml-sm text-xs text-muted-foreground"> <span className="ml-2 text-xs text-muted-foreground">
最后错误：{item.lastErrorAt} 最后错误：{item.lastErrorAt}
</span> </span>
</div> </div>
<p className="mt-xs text-body text-foreground"> <p className="mt-1 text-body text-foreground">
{item.question} {item.question}
</p> </p>
<div className="mt-xs flex flex-col"> <div className="mt-1 flex flex-col">
<span className="text-sm text-muted-foreground"> <span className="text-sm text-muted-foreground">
我的答案：{item.myAnswer} 我的答案：{item.myAnswer}
</span> </span>
@@ -109,8 +106,8 @@ export default function ErrorBook(props: PluginProps): React.ReactElement {
onClick={() => void handleMarkMastered(item.id)} onClick={() => void handleMarkMastered(item.id)}
className={ className={
mastered mastered
? "mt-xs rounded-md bg-muted px-sm py-xs text-xs text-muted-foreground" ? "mt-1 rounded-md bg-muted px-2 py-1 text-xs text-muted-foreground"
: "mt-xs rounded-md bg-primary px-sm py-xs text-xs text-primary-foreground" : "mt-1 rounded-md bg-primary px-2 py-1 text-xs text-primary-foreground"
} }
> >
{mastered ? "已掌握" : "标记已掌握"} {mastered ? "已掌握" : "标记已掌握"}

32
apps/portal-shell/src/widgets/student/learning-path/index.tsx
View File

@@ -1,4 +1,4 @@
"use client"; "use client";
/** /**
* learning-path（student / main） * learning-path（student / main）
@@ -35,7 +35,7 @@ function statusClass(status: LearningNodeStatus): string {
case "locked": case "locked":
return "bg-muted text-muted-foreground"; return "bg-muted text-muted-foreground";
case "available": case "available":
return "border border bg-card text-foreground"; return "border bg-card text-foreground";
case "in_progress": case "in_progress":
return "bg-warning text-foreground"; return "bg-warning text-foreground";
case "completed": case "completed":
@@ -69,8 +69,8 @@ export default function LearningPath(_props: PluginProps): React.ReactElement {
if (!subjectId) { if (!subjectId) {
return ( return (
<section className="rounded-xl border border bg-card p-4"> <section className="rounded-xl border bg-card p-4">
<h3 className="text-heading-3 text-foreground">学习路径</h3> <h3 className="text-lg font-semibold text-foreground">学习路径</h3>
<p className="text-sm text-muted-foreground">请先选择科目</p> <p className="text-sm text-muted-foreground">请先选择科目</p>
</section> </section>
); );
@@ -81,44 +81,44 @@ export default function LearningPath(_props: PluginProps): React.ReactElement {
const progress = path?.progress ?? 0; const progress = path?.progress ?? 0;
return ( return (
<section className="rounded-xl border border bg-card p-4"> <section className="rounded-xl border bg-card p-4">
<h3 className="text-heading-3 text-foreground">学习路径</h3> <h3 className="text-lg font-semibold text-foreground">学习路径</h3>
<div className="mt-sm"> <div className="mt-2">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<span className="text-sm text-muted-foreground">整体进度</span> <span className="text-sm text-muted-foreground">整体进度</span>
<span className="text-sm text-foreground">{progress}%</span> <span className="text-sm text-foreground">{progress}%</span>
</div> </div>
<div className="mt-xs h-xs w-full rounded-md bg-muted"> <div className="mt-1 h-1 w-full rounded-md bg-muted">
<div <div
className="h-xs rounded-md bg-primary" className="h-1 rounded-md bg-primary"
style={{ width: `${progress}%` }} style={{ width: `${progress}%` }}
/> />
</div> </div>
</div> </div>
{nodes.length === 0 ? ( {nodes.length === 0 ? (
<p className="mt-sm text-sm text-muted-foreground">暂无学习路径数据</p> <p className="mt-2 text-sm text-muted-foreground">暂无学习路径数据</p>
) : ( ) : (
<ol className="mt-md space-y-4"> <ol className="mt-3 space-y-4">
{nodes.map((node) => { {nodes.map((node) => {
const clickable = node.status !== "locked"; const clickable = node.status !== "locked";
return ( return (
<li key={node.id} className="flex items-start"> <li key={node.id} className="flex items-start">
<span <span
className={`flex w-64 items-center justify-center rounded-md px-sm py-xs text-xs ${statusClass( className={`flex w-64 items-center justify-center rounded-md px-2 py-1 text-xs ${statusClass(
node.status, node.status,
)}`} )}`}
> >
{TYPE_LABEL[node.type]} {TYPE_LABEL[node.type]}
</span> </span>
<div className="ml-sm flex-1"> <div className="ml-2 flex-1">
<div className="flex items-center"> <div className="flex items-center">
<span className="text-body text-foreground"> <span className="text-body text-foreground">
{node.title} {node.title}
</span> </span>
<span <span
className={`ml-sm rounded-md px-xs py-xs text-xs ${statusClass( className={`ml-2 rounded-md px-1 py-1 text-xs ${statusClass(
node.status, node.status,
)}`} )}`}
> >
@@ -126,7 +126,7 @@ export default function LearningPath(_props: PluginProps): React.ReactElement {
</span> </span>
</div> </div>
{node.dependencies.length > 0 && ( {node.dependencies.length > 0 && (
<p className="mt-xs text-xs text-muted-foreground"> <p className="mt-1 text-xs text-muted-foreground">
依赖：{node.dependencies.join("、")} 依赖：{node.dependencies.join("、")}
</p> </p>
)} )}
@@ -134,7 +134,7 @@ export default function LearningPath(_props: PluginProps): React.ReactElement {
<button <button
type="button" type="button"
onClick={() => handleNavigate(node)} onClick={() => handleNavigate(node)}
className="mt-xs rounded-md border border bg-card px-sm py-xs text-xs text-foreground" className="mt-1 rounded-md border bg-card px-2 py-1 text-xs text-foreground"
> >
进入学习 进入学习
</button> </button>

44
apps/portal-shell/src/widgets/teacher/lesson-plan-editor/index.tsx
View File

@@ -1,4 +1,4 @@
"use client"; "use client";
/** /**
* lesson-plan-editor（teacher / main） * lesson-plan-editor（teacher / main）
@@ -43,8 +43,8 @@ export default function LessonPlanEditor(
if (!classId) { if (!classId) {
return ( return (
<section className="rounded-xl border border bg-card p-4"> <section className="rounded-xl border bg-card p-4">
<h3 className="text-heading-3 text-foreground">备课画布</h3> <h3 className="text-lg font-semibold text-foreground">备课画布</h3>
<p className="text-sm text-muted-foreground">请先选择班级</p> <p className="text-sm text-muted-foreground">请先选择班级</p>
</section> </section>
); );
@@ -101,19 +101,19 @@ export default function LessonPlanEditor(
}; };
return ( return (
<section className="rounded-xl border border bg-card p-4"> <section className="rounded-xl border bg-card p-4">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<h3 className="text-heading-3 text-foreground">备课画布</h3> <h3 className="text-lg font-semibold text-foreground">备课画布</h3>
<button <button
type="button" type="button"
onClick={handleNew} onClick={handleNew}
className="rounded-md bg-primary px-sm py-xs text-sm text-primary-foreground" className="rounded-md bg-primary px-2 py-1 text-sm text-primary-foreground"
> >
新建备课 新建备课
</button> </button>
</div> </div>
<div className="mt-sm flex gap-4"> <div className="mt-2 flex gap-4">
<ul className="w-64 shrink-0 space-y-sm"> <ul className="w-64 shrink-0 space-y-2">
{plans.length === 0 ? ( {plans.length === 0 ? (
<li className="text-sm text-muted-foreground">暂无备课记录</li> <li className="text-sm text-muted-foreground">暂无备课记录</li>
) : ( ) : (
@@ -122,7 +122,7 @@ export default function LessonPlanEditor(
<button <button
type="button" type="button"
onClick={() => handleSelect(p)} onClick={() => handleSelect(p)}
className={`w-full rounded-md border border px-sm py-xs text-left text-sm ${ className={`w-full rounded-md border px-2 py-1 text-left text-sm ${
draft.id === p.id draft.id === p.id
? "bg-muted text-foreground" ? "bg-muted text-foreground"
: "bg-card text-foreground" : "bg-card text-foreground"
@@ -135,7 +135,7 @@ export default function LessonPlanEditor(
)} )}
</ul> </ul>
<div className="flex-1 space-y-4"> <div className="flex-1 space-y-4">
<label className="flex flex-col space-y-xs"> <label className="flex flex-col space-y-1">
<span className="text-sm text-muted-foreground">标题</span> <span className="text-sm text-muted-foreground">标题</span>
<input <input
type="text" type="text"
@@ -143,50 +143,50 @@ export default function LessonPlanEditor(
onChange={(e) => onChange={(e) =>
setDraft((d) => ({ ...d, title: e.target.value })) setDraft((d) => ({ ...d, title: e.target.value }))
} }
className="rounded-md border border bg-card px-sm py-xs text-sm text-foreground" className="rounded-md border bg-card px-2 py-1 text-sm text-foreground"
placeholder="请输入备课标题" placeholder="请输入备课标题"
/> />
</label> </label>
<label className="flex flex-col space-y-xs"> <label className="flex flex-col space-y-1">
<span className="text-sm text-muted-foreground">教学目标</span> <span className="text-sm text-muted-foreground">教学目标</span>
<textarea <textarea
value={draft.objectives} value={draft.objectives}
onChange={(e) => onChange={(e) =>
setDraft((d) => ({ ...d, objectives: e.target.value })) setDraft((d) => ({ ...d, objectives: e.target.value }))
} }
className="rounded-md border border bg-card px-sm py-xs text-sm text-foreground" className="rounded-md border bg-card px-2 py-1 text-sm text-foreground"
rows={3} rows={3}
placeholder="请输入教学目标" placeholder="请输入教学目标"
/> />
</label> </label>
<label className="flex flex-col space-y-xs"> <label className="flex flex-col space-y-1">
<span className="text-sm text-muted-foreground">教学内容</span> <span className="text-sm text-muted-foreground">教学内容</span>
<textarea <textarea
value={draft.content} value={draft.content}
onChange={(e) => onChange={(e) =>
setDraft((d) => ({ ...d, content: e.target.value })) setDraft((d) => ({ ...d, content: e.target.value }))
} }
className="rounded-md border border bg-card px-sm py-xs text-sm text-foreground" className="rounded-md border bg-card px-2 py-1 text-sm text-foreground"
rows={4} rows={4}
placeholder="请输入教学内容" placeholder="请输入教学内容"
/> />
</label> </label>
<div className="flex flex-col space-y-xs"> <div className="flex flex-col space-y-1">
<span className="text-sm text-muted-foreground">教学资源</span> <span className="text-sm text-muted-foreground">教学资源</span>
<ul className="space-y-xs"> <ul className="space-y-1">
{draft.resources.map((r, i) => ( {draft.resources.map((r, i) => (
<li key={i} className="flex gap-xs"> <li key={i} className="flex gap-1">
<input <input
type="text" type="text"
value={r} value={r}
onChange={(e) => handleResourceChange(i, e.target.value)} onChange={(e) => handleResourceChange(i, e.target.value)}
className="w-full rounded-md border border bg-card px-sm py-xs text-sm text-foreground" className="w-full rounded-md border bg-card px-2 py-1 text-sm text-foreground"
placeholder="资源名称或链接" placeholder="资源名称或链接"
/> />
<button <button
type="button" type="button"
onClick={() => handleResourceRemove(i)} onClick={() => handleResourceRemove(i)}
className="rounded-md bg-muted px-sm py-xs text-sm text-foreground" className="rounded-md bg-muted px-2 py-1 text-sm text-foreground"
> >
移除 移除
</button> </button>
@@ -196,7 +196,7 @@ export default function LessonPlanEditor(
<button <button
type="button" type="button"
onClick={handleResourceAdd} onClick={handleResourceAdd}
className="self-start rounded-md bg-muted px-sm py-xs text-sm text-foreground" className="self-start rounded-md bg-muted px-2 py-1 text-sm text-foreground"
> >
添加资源 添加资源
</button> </button>
@@ -205,7 +205,7 @@ export default function LessonPlanEditor(
type="button" type="button"
onClick={handleSave} onClick={handleSave}
disabled={saving || !draft.title.trim()} disabled={saving || !draft.title.trim()}
className="rounded-md bg-primary px-md py-xs text-sm text-primary-foreground disabled:opacity-50" className="rounded-md bg-primary px-3 py-1 text-sm text-primary-foreground disabled:opacity-50"
> >
{saving ? "保存中" : "保存"} {saving ? "保存中" : "保存"}
</button> </button>

60
apps/portal-shell/src/widgets/teacher/question-bank/index.tsx
View File

@@ -1,4 +1,4 @@
"use client"; "use client";
/** /**
* question-bank（teacher / main） * question-bank（teacher / main）
@@ -66,8 +66,8 @@ export default function QuestionBank(_props: PluginProps): React.ReactElement {
if (!bankId) { if (!bankId) {
return ( return (
<section className="rounded-xl border border bg-card p-4"> <section className="rounded-xl border bg-card p-4">
<h3 className="text-heading-3 text-foreground">题库管理</h3> <h3 className="text-lg font-semibold text-foreground">题库管理</h3>
<p className="text-sm text-muted-foreground">请先选择题库</p> <p className="text-sm text-muted-foreground">请先选择题库</p>
</section> </section>
); );
@@ -98,25 +98,25 @@ export default function QuestionBank(_props: PluginProps): React.ReactElement {
}; };
return ( return (
<section className="rounded-xl border border bg-card p-4"> <section className="rounded-xl border bg-card p-4">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<h3 className="text-heading-3 text-foreground">题库管理</h3> <h3 className="text-lg font-semibold text-foreground">题库管理</h3>
<button <button
type="button" type="button"
onClick={() => setShowForm((v) => !v)} onClick={() => setShowForm((v) => !v)}
className="rounded-md bg-primary px-sm py-xs text-sm text-primary-foreground" className="rounded-md bg-primary px-2 py-1 text-sm text-primary-foreground"
> >
{showForm ? "收起新建" : "新建题目"} {showForm ? "收起新建" : "新建题目"}
</button> </button>
</div> </div>
<div className="mt-sm flex gap-4"> <div className="mt-2 flex gap-4">
<label className="flex flex-col space-y-xs"> <label className="flex flex-col space-y-1">
<span className="text-sm text-muted-foreground">题型</span> <span className="text-sm text-muted-foreground">题型</span>
<select <select
value={typeFilter} value={typeFilter}
onChange={(e) => setTypeFilter(e.target.value)} onChange={(e) => setTypeFilter(e.target.value)}
className="rounded-md border border bg-card px-sm py-xs text-sm text-foreground" className="rounded-md border bg-card px-2 py-1 text-sm text-foreground"
> >
<option value="">全部</option> <option value="">全部</option>
{QUESTION_TYPES.map((t) => ( {QUESTION_TYPES.map((t) => (
@@ -126,12 +126,12 @@ export default function QuestionBank(_props: PluginProps): React.ReactElement {
))} ))}
</select> </select>
</label> </label>
<label className="flex flex-col space-y-xs"> <label className="flex flex-col space-y-1">
<span className="text-sm text-muted-foreground">难度</span> <span className="text-sm text-muted-foreground">难度</span>
<select <select
value={difficultyFilter} value={difficultyFilter}
onChange={(e) => setDifficultyFilter(e.target.value)} onChange={(e) => setDifficultyFilter(e.target.value)}
className="rounded-md border border bg-card px-sm py-xs text-sm text-foreground" className="rounded-md border bg-card px-2 py-1 text-sm text-foreground"
> >
<option value="">全部</option> <option value="">全部</option>
{DIFFICULTIES.map((d) => ( {DIFFICULTIES.map((d) => (
@@ -144,16 +144,16 @@ export default function QuestionBank(_props: PluginProps): React.ReactElement {
</div> </div>
{showForm ? ( {showForm ? (
<div className="mt-sm space-y-4 rounded-xl bg-muted p-4"> <div className="mt-2 space-y-4 rounded-xl bg-muted p-4">
<div className="flex gap-4"> <div className="flex gap-4">
<label className="flex flex-col space-y-xs"> <label className="flex flex-col space-y-1">
<span className="text-sm text-muted-foreground">题型</span> <span className="text-sm text-muted-foreground">题型</span>
<select <select
value={newQuestion.type} value={newQuestion.type}
onChange={(e) => onChange={(e) =>
setNewQuestion((q) => ({ ...q, type: e.target.value })) setNewQuestion((q) => ({ ...q, type: e.target.value }))
} }
className="rounded-md border border bg-card px-sm py-xs text-sm text-foreground" className="rounded-md border bg-card px-2 py-1 text-sm text-foreground"
> >
{QUESTION_TYPES.map((t) => ( {QUESTION_TYPES.map((t) => (
<option key={t} value={t}> <option key={t} value={t}>
@@ -162,14 +162,14 @@ export default function QuestionBank(_props: PluginProps): React.ReactElement {
))} ))}
</select> </select>
</label> </label>
<label className="flex flex-col space-y-xs"> <label className="flex flex-col space-y-1">
<span className="text-sm text-muted-foreground">难度</span> <span className="text-sm text-muted-foreground">难度</span>
<select <select
value={newQuestion.difficulty} value={newQuestion.difficulty}
onChange={(e) => onChange={(e) =>
setNewQuestion((q) => ({ ...q, difficulty: e.target.value })) setNewQuestion((q) => ({ ...q, difficulty: e.target.value }))
} }
className="rounded-md border border bg-card px-sm py-xs text-sm text-foreground" className="rounded-md border bg-card px-2 py-1 text-sm text-foreground"
> >
{DIFFICULTIES.map((d) => ( {DIFFICULTIES.map((d) => (
<option key={d} value={d}> <option key={d} value={d}>
@@ -179,26 +179,26 @@ export default function QuestionBank(_props: PluginProps): React.ReactElement {
</select> </select>
</label> </label>
</div> </div>
<label className="flex flex-col space-y-xs"> <label className="flex flex-col space-y-1">
<span className="text-sm text-muted-foreground">题干</span> <span className="text-sm text-muted-foreground">题干</span>
<textarea <textarea
value={newQuestion.content} value={newQuestion.content}
onChange={(e) => onChange={(e) =>
setNewQuestion((q) => ({ ...q, content: e.target.value })) setNewQuestion((q) => ({ ...q, content: e.target.value }))
} }
className="rounded-md border border bg-card px-sm py-xs text-sm text-foreground" className="rounded-md border bg-card px-2 py-1 text-sm text-foreground"
rows={3} rows={3}
placeholder="请输入题干" placeholder="请输入题干"
/> />
</label> </label>
<label className="flex flex-col space-y-xs"> <label className="flex flex-col space-y-1">
<span className="text-sm text-muted-foreground">答案</span> <span className="text-sm text-muted-foreground">答案</span>
<textarea <textarea
value={newQuestion.answer} value={newQuestion.answer}
onChange={(e) => onChange={(e) =>
setNewQuestion((q) => ({ ...q, answer: e.target.value })) setNewQuestion((q) => ({ ...q, answer: e.target.value }))
} }
className="rounded-md border border bg-card px-sm py-xs text-sm text-foreground" className="rounded-md border bg-card px-2 py-1 text-sm text-foreground"
rows={2} rows={2}
placeholder="请输入答案" placeholder="请输入答案"
/> />
@@ -207,38 +207,38 @@ export default function QuestionBank(_props: PluginProps): React.ReactElement {
type="button" type="button"
onClick={handleAdd} onClick={handleAdd}
disabled={!newQuestion.content.trim()} disabled={!newQuestion.content.trim()}
className="rounded-md bg-primary px-md py-xs text-sm text-primary-foreground disabled:opacity-50" className="rounded-md bg-primary px-3 py-1 text-sm text-primary-foreground disabled:opacity-50"
> >
添加 添加
</button> </button>
</div> </div>
) : null} ) : null}
<ul className="mt-sm space-y-4"> <ul className="mt-2 space-y-4">
{questions.length === 0 ? ( {questions.length === 0 ? (
<li className="text-sm text-muted-foreground">暂无题目</li> <li className="text-sm text-muted-foreground">暂无题目</li>
) : ( ) : (
questions.map((q) => ( questions.map((q) => (
<li key={q.id} className="rounded-md border border p-2"> <li key={q.id} className="rounded-md border p-2">
<div className="flex flex-wrap gap-xs"> <div className="flex flex-wrap gap-1">
<span className="rounded-md bg-primary px-xs py-xs text-xs text-primary-foreground"> <span className="rounded-md bg-primary px-1 py-1 text-xs text-primary-foreground">
{TYPE_LABELS[q.type] ?? q.type} {TYPE_LABELS[q.type] ?? q.type}
</span> </span>
<span className="rounded-md bg-muted px-xs py-xs text-xs text-foreground"> <span className="rounded-md bg-muted px-1 py-1 text-xs text-foreground">
{DIFFICULTY_LABELS[q.difficulty] ?? q.difficulty} {DIFFICULTY_LABELS[q.difficulty] ?? q.difficulty}
</span> </span>
{q.tags.map((tag) => ( {q.tags.map((tag) => (
<span <span
key={tag} key={tag}
className="rounded-md bg-muted px-xs py-xs text-xs text-muted-foreground" className="rounded-md bg-muted px-1 py-1 text-xs text-muted-foreground"
> >
{tag} {tag}
</span> </span>
))} ))}
</div> </div>
<p className="mt-xs text-body text-foreground">{q.content}</p> <p className="mt-1 text-body text-foreground">{q.content}</p>
{q.options.length > 0 ? ( {q.options.length > 0 ? (
<ul className="mt-xs space-y-xs"> <ul className="mt-1 space-y-1">
{q.options.map((opt, i) => ( {q.options.map((opt, i) => (
<li key={i} className="text-sm text-muted-foreground"> <li key={i} className="text-sm text-muted-foreground">
{String.fromCharCode(65 + i)}. {opt} {String.fromCharCode(65 + i)}. {opt}
@@ -246,7 +246,7 @@ export default function QuestionBank(_props: PluginProps): React.ReactElement {
))} ))}
</ul> </ul>
) : null} ) : null}
<p className="mt-xs text-sm text-muted-foreground"> <p className="mt-1 text-sm text-muted-foreground">
答案：{q.answer} 答案：{q.answer}
</p> </p>
</li> </li>

68
apps/portal-shell/src/widgets/teacher/scheduling-rules/index.tsx
View File

@@ -1,4 +1,4 @@
"use client"; "use client";
/** /**
* scheduling-rules（teacher / main） * scheduling-rules（teacher / main）
@@ -44,8 +44,8 @@ export default function SchedulingRules(
if (!classId) { if (!classId) {
return ( return (
<section className="rounded-xl border border bg-card p-4"> <section className="rounded-xl border bg-card p-4">
<h3 className="text-heading-3 text-foreground">排课规则</h3> <h3 className="text-lg font-semibold text-foreground">排课规则</h3>
<p className="text-sm text-muted-foreground">请先选择班级</p> <p className="text-sm text-muted-foreground">请先选择班级</p>
</section> </section>
); );
@@ -85,20 +85,20 @@ export default function SchedulingRules(
}; };
return ( return (
<section className="rounded-xl border border bg-card p-4"> <section className="rounded-xl border bg-card p-4">
<h3 className="text-heading-3 text-foreground">排课规则</h3> <h3 className="text-lg font-semibold text-foreground">排课规则</h3>
{rules.length === 0 ? ( {rules.length === 0 ? (
<p className="mt-sm text-sm text-muted-foreground">暂无排课规则</p> <p className="mt-2 text-sm text-muted-foreground">暂无排课规则</p>
) : ( ) : (
<table className="mt-sm w-full text-sm"> <table className="mt-2 w-full text-sm">
<thead> <thead>
<tr className="border-b border text-muted-foreground"> <tr className="border-b border text-muted-foreground">
<th className="py-xs text-left">星期</th> <th className="py-1 text-left">星期</th>
<th className="py-xs text-left">节次</th> <th className="py-1 text-left">节次</th>
<th className="py-xs text-left">科目</th> <th className="py-1 text-left">科目</th>
<th className="py-xs text-left">教师</th> <th className="py-1 text-left">教师</th>
<th className="py-xs text-left">教室</th> <th className="py-1 text-left">教室</th>
<th className="py-xs text-left">操作</th> <th className="py-1 text-left">操作</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@@ -107,7 +107,7 @@ export default function SchedulingRules(
if (isEditing && draft) { if (isEditing && draft) {
return ( return (
<tr key={rule.id} className="border-b border"> <tr key={rule.id} className="border-b border">
<td className="py-xs"> <td className="py-1">
<select <select
value={draft.dayOfWeek} value={draft.dayOfWeek}
onChange={(e) => onChange={(e) =>
@@ -115,7 +115,7 @@ export default function SchedulingRules(
d ? { ...d, dayOfWeek: Number(e.target.value) } : d, d ? { ...d, dayOfWeek: Number(e.target.value) } : d,
) )
} }
className="rounded-md border border bg-card px-sm py-xs text-sm text-foreground" className="rounded-md border bg-card px-2 py-1 text-sm text-foreground"
> >
{DAY_NAMES.map((name, i) => ( {DAY_NAMES.map((name, i) => (
<option key={name} value={i + 1}> <option key={name} value={i + 1}>
@@ -124,7 +124,7 @@ export default function SchedulingRules(
))} ))}
</select> </select>
</td> </td>
<td className="py-xs"> <td className="py-1">
<input <input
type="text" type="text"
value={draft.periods} value={draft.periods}
@@ -133,10 +133,10 @@ export default function SchedulingRules(
d ? { ...d, periods: e.target.value } : d, d ? { ...d, periods: e.target.value } : d,
) )
} }
className="w-full rounded-md border border bg-card px-sm py-xs text-sm text-foreground" className="w-full rounded-md border bg-card px-2 py-1 text-sm text-foreground"
/> />
</td> </td>
<td className="py-xs"> <td className="py-1">
<input <input
type="text" type="text"
value={draft.subject} value={draft.subject}
@@ -145,10 +145,10 @@ export default function SchedulingRules(
d ? { ...d, subject: e.target.value } : d, d ? { ...d, subject: e.target.value } : d,
) )
} }
className="w-full rounded-md border border bg-card px-sm py-xs text-sm text-foreground" className="w-full rounded-md border bg-card px-2 py-1 text-sm text-foreground"
/> />
</td> </td>
<td className="py-xs"> <td className="py-1">
<input <input
type="text" type="text"
value={draft.teacherId} value={draft.teacherId}
@@ -157,10 +157,10 @@ export default function SchedulingRules(
d ? { ...d, teacherId: e.target.value } : d, d ? { ...d, teacherId: e.target.value } : d,
) )
} }
className="w-full rounded-md border border bg-card px-sm py-xs text-sm text-foreground" className="w-full rounded-md border bg-card px-2 py-1 text-sm text-foreground"
/> />
</td> </td>
<td className="py-xs"> <td className="py-1">
<input <input
type="text" type="text"
value={draft.room} value={draft.room}
@@ -169,23 +169,23 @@ export default function SchedulingRules(
d ? { ...d, room: e.target.value } : d, d ? { ...d, room: e.target.value } : d,
) )
} }
className="w-full rounded-md border border bg-card px-sm py-xs text-sm text-foreground" className="w-full rounded-md border bg-card px-2 py-1 text-sm text-foreground"
/> />
</td> </td>
<td className="py-xs"> <td className="py-1">
<div className="flex gap-xs"> <div className="flex gap-1">
<button <button
type="button" type="button"
onClick={handleSave} onClick={handleSave}
disabled={saving} disabled={saving}
className="rounded-md bg-primary px-sm py-xs text-xs text-primary-foreground disabled:opacity-50" className="rounded-md bg-primary px-2 py-1 text-xs text-primary-foreground disabled:opacity-50"
> >
保存 保存
</button> </button>
<button <button
type="button" type="button"
onClick={handleCancel} onClick={handleCancel}
className="rounded-md bg-muted px-sm py-xs text-xs text-foreground" className="rounded-md bg-muted px-2 py-1 text-xs text-foreground"
> >
取消 取消
</button> </button>
@@ -196,18 +196,18 @@ export default function SchedulingRules(
} }
return ( return (
<tr key={rule.id} className="border-b border"> <tr key={rule.id} className="border-b border">
<td className="py-xs text-foreground"> <td className="py-1 text-foreground">
{dayName(rule.dayOfWeek)} {dayName(rule.dayOfWeek)}
</td> </td>
<td className="py-xs text-foreground">{rule.periods}</td> <td className="py-1 text-foreground">{rule.periods}</td>
<td className="py-xs text-foreground">{rule.subject}</td> <td className="py-1 text-foreground">{rule.subject}</td>
<td className="py-xs text-foreground">{rule.teacherId}</td> <td className="py-1 text-foreground">{rule.teacherId}</td>
<td className="py-xs text-foreground">{rule.room}</td> <td className="py-1 text-foreground">{rule.room}</td>
<td className="py-xs"> <td className="py-1">
<button <button
type="button" type="button"
onClick={() => handleEdit(rule)} onClick={() => handleEdit(rule)}
className="rounded-md bg-muted px-sm py-xs text-xs text-foreground" className="rounded-md bg-muted px-2 py-1 text-xs text-foreground"
> >
编辑 编辑
</button> </button>

36
apps/portal-shell/src/widgets/teacher/textbook-manager/index.tsx
View File

@@ -1,4 +1,4 @@
"use client"; "use client";
/** /**
* textbook-manager（teacher / main） * textbook-manager（teacher / main）
@@ -41,41 +41,41 @@ export default function TextbookManager(
}; };
return ( return (
<section className="rounded-xl border border bg-card p-4"> <section className="rounded-xl border bg-card p-4">
<h3 className="text-heading-3 text-foreground">教材管理</h3> <h3 className="text-lg font-semibold text-foreground">教材管理</h3>
<div className="mt-sm flex gap-4"> <div className="mt-2 flex gap-4">
<label className="flex flex-col space-y-xs"> <label className="flex flex-col space-y-1">
<span className="text-sm text-muted-foreground">科目 ID</span> <span className="text-sm text-muted-foreground">科目 ID</span>
<input <input
type="text" type="text"
value={subjectInput} value={subjectInput}
onChange={(e) => setSubjectInput(e.target.value)} onChange={(e) => setSubjectInput(e.target.value)}
className="rounded-md border border bg-card px-sm py-xs text-sm text-foreground" className="rounded-md border bg-card px-2 py-1 text-sm text-foreground"
placeholder="可选，输入科目 ID" placeholder="可选，输入科目 ID"
/> />
</label> </label>
<label className="flex flex-col space-y-xs"> <label className="flex flex-col space-y-1">
<span className="text-sm text-muted-foreground">年级</span> <span className="text-sm text-muted-foreground">年级</span>
<input <input
type="text" type="text"
value={gradeInput} value={gradeInput}
onChange={(e) => setGradeInput(e.target.value)} onChange={(e) => setGradeInput(e.target.value)}
className="rounded-md border border bg-card px-sm py-xs text-sm text-foreground" className="rounded-md border bg-card px-2 py-1 text-sm text-foreground"
placeholder="可选，如：三年级" placeholder="可选，如：三年级"
/> />
</label> </label>
<button <button
type="button" type="button"
onClick={handleApply} onClick={handleApply}
className="self-end rounded-md bg-primary px-md py-xs text-sm text-primary-foreground" className="self-end rounded-md bg-primary px-3 py-1 text-sm text-primary-foreground"
> >
筛选 筛选
</button> </button>
</div> </div>
<div className="mt-md flex gap-4"> <div className="mt-3 flex gap-4">
<ul className="flex-1 space-y-sm"> <ul className="flex-1 space-y-2">
{textbooks.length === 0 ? ( {textbooks.length === 0 ? (
<li className="text-sm text-muted-foreground">暂无教材数据</li> <li className="text-sm text-muted-foreground">暂无教材数据</li>
) : ( ) : (
@@ -86,8 +86,8 @@ export default function TextbookManager(
onClick={() => setSelectedId(t.id)} onClick={() => setSelectedId(t.id)}
className={ className={
selectedId === t.id selectedId === t.id
? "w-full rounded-md border border bg-muted p-2 text-left" ? "w-full rounded-md border bg-muted p-2 text-left"
: "w-full rounded-md border border bg-card p-2 text-left" : "w-full rounded-md border bg-card p-2 text-left"
} }
> >
<p className="text-body text-foreground">{t.title}</p> <p className="text-body text-foreground">{t.title}</p>
@@ -105,13 +105,13 @@ export default function TextbookManager(
<div className="flex-1"> <div className="flex-1">
{selected ? ( {selected ? (
<div className="rounded-xl border border bg-card p-4"> <div className="rounded-xl border bg-card p-4">
<h4 className="text-body text-foreground">{selected.title}</h4> <h4 className="text-body text-foreground">{selected.title}</h4>
<p className="mt-xs text-sm text-muted-foreground"> <p className="mt-1 text-sm text-muted-foreground">
{selected.author} · {selected.publisher} {selected.author} · {selected.publisher}
</p> </p>
<h5 className="mt-md text-sm text-foreground">章节列表</h5> <h5 className="mt-3 text-sm text-foreground">章节列表</h5>
<ol className="mt-xs space-y-xs"> <ol className="mt-1 space-y-1">
{selected.chapters.map((c, i) => ( {selected.chapters.map((c, i) => (
<li key={c.id} className="text-sm text-foreground"> <li key={c.id} className="text-sm text-foreground">
{i + 1}. {c.title} {i + 1}. {c.title}
@@ -120,7 +120,7 @@ export default function TextbookManager(
</ol> </ol>
</div> </div>
) : ( ) : (
<div className="rounded-xl border border bg-card p-4 text-sm text-muted-foreground"> <div className="rounded-xl border bg-card p-4 text-sm text-muted-foreground">
点击左侧教材查看章节 点击左侧教材查看章节
</div> </div>
)} )}

8
apps/portal-shell/src/widgets/topbar/global-search/index.tsx
View File

@@ -1,4 +1,4 @@
"use client"; "use client";
/** /**
* global-search（topbar / top） * global-search（topbar / top）
@@ -49,10 +49,10 @@ export default function GlobalSearch(_props: PluginProps): React.ReactElement {
onFocus={() => setOpen(true)} onFocus={() => setOpen(true)}
placeholder="搜索学生、班级、考试…" placeholder="搜索学生、班级、考试…"
aria-label="全局搜索" aria-label="全局搜索"
className="w-72 rounded-md border border bg-card px-sm py-xs text-sm text-foreground" className="w-72 rounded-md border bg-card px-2 py-1 text-sm text-foreground"
/> />
{open && keyword.length > 0 ? ( {open && keyword.length > 0 ? (
<ul className="absolute right-0 z-50 mt-sm w-72 rounded-xl border border bg-card p-2 shadow-md"> <ul className="absolute right-0 z-50 mt-2 w-72 rounded-xl border bg-card p-2 shadow-md">
{results.length === 0 ? ( {results.length === 0 ? (
<li className="text-sm text-muted-foreground">暂无结果</li> <li className="text-sm text-muted-foreground">暂无结果</li>
) : ( ) : (
@@ -61,7 +61,7 @@ export default function GlobalSearch(_props: PluginProps): React.ReactElement {
<button <button
type="button" type="button"
onClick={() => handleSelect(item)} onClick={() => handleSelect(item)}
className="flex w-full flex-col border-b border py-xs text-left" className="flex w-full flex-col border-b border py-1 text-left"
> >
<span className="text-sm text-foreground">{item.title}</span> <span className="text-sm text-foreground">{item.title}</span>
<span className="text-xs text-muted-foreground"> <span className="text-xs text-muted-foreground">

8
apps/portal-shell/src/widgets/topbar/locale-switcher/index.tsx
View File

@@ -44,12 +44,12 @@ export default function LocaleSwitcher(
aria-label={t("common.locale.label")} aria-label={t("common.locale.label")}
aria-expanded={open} aria-expanded={open}
onClick={() => setOpen((v) => !v)} onClick={() => setOpen((v) => !v)}
className="rounded-md bg-card px-sm py-xs text-sm text-foreground" className="rounded-md bg-card px-2 py-1 text-sm text-foreground"
> >
{locale} {locale}
</button> </button>
{open ? ( {open ? (
<ul className="absolute right-0 z-50 mt-sm w-40 rounded-xl border border bg-card p-2 shadow-md"> <ul className="absolute right-0 z-50 mt-2 w-40 rounded-xl border bg-card p-2 shadow-md">
{LOCALES.map((item) => ( {LOCALES.map((item) => (
<li key={item.value}> <li key={item.value}>
<button <button
@@ -57,8 +57,8 @@ export default function LocaleSwitcher(
onClick={() => handleSelect(item.value)} onClick={() => handleSelect(item.value)}
className={ className={
item.value === locale item.value === locale
? "w-full rounded-md bg-primary px-sm py-xs text-left text-sm text-primary-foreground" ? "w-full rounded-md bg-primary px-2 py-1 text-left text-sm text-primary-foreground"
: "w-full rounded-md px-sm py-xs text-left text-sm text-foreground" : "w-full rounded-md px-2 py-1 text-left text-sm text-foreground"
} }
> >
{t(item.labelKey)} {t(item.labelKey)}

10
apps/portal-shell/src/widgets/topbar/notification-bell/index.tsx
View File

@@ -1,4 +1,4 @@
"use client"; "use client";
/** /**
* notification-bell（topbar / top） * notification-bell（topbar / top）
@@ -30,24 +30,24 @@ export default function NotificationBell(
aria-label="通知" aria-label="通知"
aria-expanded={open} aria-expanded={open}
onClick={() => setOpen((v) => !v)} onClick={() => setOpen((v) => !v)}
className="relative rounded-md bg-card px-sm py-xs text-foreground" className="relative rounded-md bg-card px-2 py-1 text-foreground"
> >
<span aria-hidden>🔔</span> <span aria-hidden>🔔</span>
{items.length > 0 ? ( {items.length > 0 ? (
<span className="absolute -right-xs -top-xs rounded-full bg-danger px-xs text-xs text-primary-foreground"> <span className="absolute -right-xs -top-xs rounded-full bg-destructive px-1 text-xs text-primary-foreground">
{items.length} {items.length}
</span> </span>
) : null} ) : null}
</button> </button>
{open ? ( {open ? (
<ul className="absolute right-0 z-50 mt-sm w-64 rounded-xl border border bg-card p-2 shadow-md"> <ul className="absolute right-0 z-50 mt-2 w-64 rounded-xl border bg-card p-2 shadow-md">
{items.length === 0 ? ( {items.length === 0 ? (
<li className="text-sm text-muted-foreground">暂无通知</li> <li className="text-sm text-muted-foreground">暂无通知</li>
) : ( ) : (
items.map((n) => ( items.map((n) => (
<li <li
key={n.id} key={n.id}
className="border-b border py-xs text-sm text-foreground" className="border-b border py-1 text-sm text-foreground"
> >
{n.title} {n.title}
</li> </li>

10
apps/portal-shell/src/widgets/topbar/user-menu/index.tsx
View File

@@ -1,4 +1,4 @@
"use client"; "use client";
/** /**
* user-menu（topbar / top） * user-menu（topbar / top）
@@ -30,7 +30,7 @@ export default function UserMenu(_props: PluginProps): React.ReactElement {
aria-label="用户菜单" aria-label="用户菜单"
aria-expanded={open} aria-expanded={open}
onClick={() => setOpen((v) => !v)} onClick={() => setOpen((v) => !v)}
className="flex items-center gap-2 rounded-md bg-card px-sm py-xs text-foreground" className="flex items-center gap-2 rounded-md bg-card px-2 py-1 text-foreground"
> >
<span <span
aria-hidden aria-hidden
@@ -41,12 +41,12 @@ export default function UserMenu(_props: PluginProps): React.ReactElement {
<span className="text-sm">{displayName}</span> <span className="text-sm">{displayName}</span>
</button> </button>
{open ? ( {open ? (
<ul className="absolute right-0 z-50 mt-sm w-56 rounded-xl border border bg-card p-2 shadow-md"> <ul className="absolute right-0 z-50 mt-2 w-56 rounded-xl border bg-card p-2 shadow-md">
<li className="border-b border py-xs"> <li className="border-b border py-1">
<p className="text-sm text-foreground">{displayName}</p> <p className="text-sm text-foreground">{displayName}</p>
<p className="text-xs text-muted-foreground">{displayEmail}</p> <p className="text-xs text-muted-foreground">{displayEmail}</p>
</li> </li>
<li className="py-xs text-sm text-muted-foreground"> <li className="py-1 text-sm text-muted-foreground">
角色：{displayRole} 角色：{displayRole}
</li> </li>
</ul> </ul>

22
apps/portal-shell/src/widgets/universal/notifications-widget/index.tsx
View File

@@ -1,4 +1,4 @@
"use client"; "use client";
/** /**
* notifications-widget（universal / main） * notifications-widget（universal / main）
@@ -23,20 +23,20 @@ function TypeBadge({ type }: { type: string }): React.ReactElement {
const label = TYPE_LABEL[type] ?? type; const label = TYPE_LABEL[type] ?? type;
if (type === "urgent") { if (type === "urgent") {
return ( return (
<span className="rounded-md bg-danger px-sm py-xs text-xs text-primary-foreground"> <span className="rounded-md bg-destructive px-2 py-1 text-xs text-primary-foreground">
{label} {label}
</span> </span>
); );
} }
if (type === "warning") { if (type === "warning") {
return ( return (
<span className="rounded-md bg-primary px-sm py-xs text-xs text-primary-foreground"> <span className="rounded-md bg-primary px-2 py-1 text-xs text-primary-foreground">
{label} {label}
</span> </span>
); );
} }
return ( return (
<span className="rounded-md bg-muted px-sm py-xs text-xs text-muted-foreground"> <span className="rounded-md bg-muted px-2 py-1 text-xs text-muted-foreground">
{label} {label}
</span> </span>
); );
@@ -58,26 +58,26 @@ export default function NotificationsWidget(
const total = data?.total ?? 0; const total = data?.total ?? 0;
return ( return (
<section className="rounded-xl border border bg-card p-4"> <section className="rounded-xl border bg-card p-4">
<div className="flex"> <div className="flex">
<h3 className="flex-1 text-heading-3 text-foreground">通知</h3> <h3 className="flex-1 text-lg font-semibold text-foreground">通知</h3>
<span className="text-sm text-muted-foreground">共 {total} 条</span> <span className="text-sm text-muted-foreground">共 {total} 条</span>
</div> </div>
{items.length === 0 ? ( {items.length === 0 ? (
<p className="mt-sm text-sm text-muted-foreground">暂无通知</p> <p className="mt-2 text-sm text-muted-foreground">暂无通知</p>
) : ( ) : (
<ul className="mt-sm space-y-sm"> <ul className="mt-2 space-y-2">
{items.map((item) => ( {items.map((item) => (
<li <li
key={item.id} key={item.id}
className="border-b border py-xs text-sm text-foreground" className="border-b border py-1 text-sm text-foreground"
> >
<div className="flex items-center gap-4"> <div className="flex items-center gap-4">
<span className="flex-1">{item.title}</span> <span className="flex-1">{item.title}</span>
<TypeBadge type={item.type} /> <TypeBadge type={item.type} />
</div> </div>
<p className="mt-xs text-xs text-muted-foreground">{item.body}</p> <p className="mt-1 text-xs text-muted-foreground">{item.body}</p>
<p className="mt-xs text-xs text-muted-foreground"> <p className="mt-1 text-xs text-muted-foreground">
{item.createdAt} {item.createdAt}
</p> </p>
</li> </li>