- 左树可折叠(44px 图标条)、下载目录在前、上一级、初始位置记忆;列表名称副行(作品·季集 / 解析提示 / 目录计数)、状态列 120px - 行内 hover 2 个主操作;右键/⋯ 菜单按 v2 顺序,不适用隐藏、被阻止灰显带原因;批量栏"更多" - 详情抽屉:识别节(解析 + Top5 候选 + 按此整理)、整理记录节、版本目标、文本预览前 256 KB - 共享整理向导 components/organize-wizard:3 步(文件与作品表格/批量条 → 选项 → 预览并执行), TMDB 候选 external 就地建作品、最小体积、onExisting、命名来源、入库后刷新元数据、只看问题、分段着色、 plan_stale 自动重新预览、执行进度回查 /files/records;来源支持文件/下载任务/整理记录 - 重命名默认值取 suggest-name;批量刷新元数据走 scrape-batch;回收站条数、原位置链接、占用后改"还原到…" - 快捷键 Alt+↑、Ctrl/⌘+Enter、?;移动端单栏工具栏与底部批量栏 Co-Authored-By: Claude Opus 5.5 <[email protected]>
37 lines
1.1 KiB
TypeScript
37 lines
1.1 KiB
TypeScript
import type { FileRef, FileRoot } from "~/api/files.ts";
|
|
import { cn } from "~/lib/utils.ts";
|
|
import { DirTree } from "./dir-tree.tsx";
|
|
|
|
/**
|
|
* 目录选择器(§14 DirPicker):基于 DirTree,只能选可写库根下的目录。
|
|
* 移动/复制到…、回收站"还原到…"、整理向导"指定目录"共用。
|
|
*/
|
|
export function DirPicker({
|
|
roots,
|
|
value,
|
|
onChange,
|
|
className,
|
|
}: {
|
|
roots: FileRoot[];
|
|
value: FileRef | null;
|
|
onChange: (ref: FileRef) => void;
|
|
className?: string;
|
|
}) {
|
|
const writable = roots.filter((r) => r.writable && r.health !== "offline");
|
|
return (
|
|
<div className={cn("overflow-y-auto rounded-xl border border-border p-1.5", className)}>
|
|
{writable.length ? (
|
|
<DirTree
|
|
roots={writable}
|
|
current={value}
|
|
pickOnly
|
|
defaultOpen={value ? [value.root] : writable.slice(0, 1).map((r) => r.id)}
|
|
onSelect={onChange}
|
|
/>
|
|
) : (
|
|
<p className="px-2 py-3 text-caption text-muted-foreground">没有可写的库根。在设置里把库根设为纳管后再选。</p>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|