feat(web): 记录抽屉与两层导航标准

控制台导航最多两层(侧栏一项 = 一页,页内最多一层页签 / 分段);从列表打开的
记录改成列表页上的右侧抽屉,打开的记录写在 ?open=,刷新、分享、前进后退都能还原,
后退就是关抽屉。标准写在 docs/design/console-ia.md §9,ui-controls.md 引用。

- DetailSheet 加 xl 宽度、标题下操作行;抽屉里再开的 DetailSheet 在同一抽屉里换成子视图(返回 / Esc)
- record-sheet.tsx:useRecordSheet / RecordLink / useOpenRecord / recordPath / taskPath
- 整理记录、订阅、站点(含页签)、下载、日志任务改成抽屉;旧业务任务 / 下载任务 id 在任务抽屉里换算
- 回收站并进文件管理右侧视图(?view=trash);设置左栏只列分区
- 规则组、策略版本、媒体库未识别 / 外部身份、设置实例编辑走 ?open=
- 旧地址 /console/{organize,subscriptions,sites,downloads}/:id、/tasks/:id、/files/trash 跳到列表页抽屉
- 站内链接、铃铛、命令面板、任务时间线改拼新地址;冒烟按 ?open= 检查抽屉

Co-Authored-By: Claude Opus 5.5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01Cxwgnn2pbzQ7rXv3rq7fei
This commit is contained in:
rootandClaude Opus 5.5 committed 2026-10-08 14:03:47 +08:00
1 parent dd0f6e2c09
commit 21c55dfb3a
60 files changed
+2768 -2461

No files matched your search

+27 -4
View File
@@ -10,6 +10,7 @@ import {
pageTitle,
settingsPath,
} from "./nav.ts";
import { recordPath, taskPath } from "./record-sheet.tsx";
/** routes.ts 里登记的控制台路由(相对 /console) */
const ROUTE_PATTERNS = [
@@ -69,7 +70,7 @@ describe("控制台导航", () => {
expect(findNavItem("/console")?.label).toBe("首页");
expect(findNavItem("/console/")?.label).toBe("首页");
expect(findNavItem("/console/library/abc")?.label).toBe("媒体库");
// 任务详情独立页归日志
// 任务详情的旧地址归日志
expect(findNavItem("/console/tasks/r1")?.label).toBe("日志");
expect(pageTitle("/console/tasks/r1")).toBe("日志");
expect(findNavItem("/console/logs")?.label).toBe("日志");
@@ -103,17 +104,39 @@ describe("旧链接重定向", () => {
for (const { to } of LEGACY_REDIRECTS) {
const u = new URL(to, "http://x");
expect(matchesRoute(u.pathname), to).toBe(true);
if (u.pathname !== "/console/sites/abc") expect(legacyRedirect(u.pathname, u.search), to).toBeNull();
expect(legacyRedirect(u.pathname, u.search), to).toBeNull();
}
});
it("任务 / 审计 / 计划的旧地址一律落到日志页;任务详情独立页不跳", () => {
it("任务 / 审计 / 计划的旧地址一律落到日志页;任务详情落到日志页的任务抽屉", () => {
expect(legacyRedirect("/console/tasks", "?kind=submitDownload")).toBe("/console/logs?type=task");
expect(legacyRedirect("/console/tasks", "?tab=failed")).toBe("/console/logs?type=task&level=error");
expect(legacyRedirect("/console/tasks/r1", "")).toBeNull();
expect(legacyRedirect("/console/tasks/r1", "")).toBe("/console/logs?type=task&run=r1");
expect(legacyRedirect("/console/logs", "?type=task")).toBeNull();
});
it("记录详情的旧地址落到列表页的抽屉(?open=),其余参数跟在后面", () => {
expect(legacyRedirect("/console/organize/r%201", "")).toBe("/console/organize?open=r+1");
expect(legacyRedirect("/console/sites/abc", "?tab=accounts")).toBe("/console/sites?open=abc&tab=accounts");
expect(legacyRedirect("/console/sites/abc/", "?open=x")).toBe("/console/sites?open=abc");
expect(legacyRedirect("/console/downloads/plans", "")).toBe("/console/downloads");
expect(legacyRedirect("/console/files/trash", "")).toBe("/console/files?view=trash");
// 列表页本身和作品页不跳
expect(legacyRedirect("/console/organize", "?open=r1")).toBeNull();
expect(legacyRedirect("/console/library/abc", "")).toBeNull();
});
it("站内拼的记录地址都是列表页 + ?open=", () => {
expect(recordPath("subscriptions", "s 1")).toBe("/console/subscriptions?open=s+1");
expect(recordPath("sites", "abc", { tab: "rss", feed: null })).toBe("/console/sites?open=abc&tab=rss");
expect(taskPath("run-1")).toBe("/console/logs?type=task&run=run-1");
for (const to of [recordPath("organize", "x"), recordPath("downloads", "x"), taskPath("x")]) {
const u = new URL(to, "http://x");
expect(matchesRoute(u.pathname), to).toBe(true);
expect(legacyRedirect(u.pathname, u.search), to).toBeNull();
}
});
it("不相关的 query 不跳转", () => {
expect(legacyRedirect("/console/library", "?filter=unidentified")).toBeNull();
expect(legacyRedirect("/console/subscriptions", "")).toBeNull();