rootandClaude Opus 5.5
639fdeacae
- Section header (h2 + description) and section blocks as h3; unified block padding and title size - Global settings forms use label-left / control-right rows, stacked below md; control width fixed by type (number short, text/select medium, wide/textarea full) - Per-block SaveBar pinned at the block end with dirty hint; naming template saves moved from the header to the bar - Console shell uses overflow-x-clip so the sticky header and sticky section nav actually stick; anchor jumps re-align while async content loads and land below the header - Section content uses a single minmax(0,1fr) column so wide tables scroll inside their card instead of widening the page - useSettings fills missing keys from DEFAULT_SETTINGS so an older backend no longer crashes the metadata section Co-Authored-By: Claude Opus 5.5 <[email protected]>
53 lines
1.7 KiB
TypeScript
53 lines
1.7 KiB
TypeScript
import { LibraryRootsTable } from "./instances.tsx";
|
|
import { NamingSection } from "./naming.tsx";
|
|
import { str } from "./resource-section.tsx";
|
|
import { SettingsBlock } from "./settings-block.tsx";
|
|
import { type CardSpec, SettingsCard, SettingsGate } from "./settings-card.tsx";
|
|
|
|
// 媒体库与目录:库根(含哨兵状态)+ 默认整理方式 + 命名模板
|
|
|
|
const ORGANIZE_CARD: CardSpec = {
|
|
anchor: "organize",
|
|
title: "整理方式",
|
|
description: "复制入库时源文件留在缓存继续做种，保留天数在自动化分区设置。",
|
|
fields: [
|
|
{
|
|
name: "organize.defaultMode",
|
|
label: "默认整理方式",
|
|
kind: "select",
|
|
options: [
|
|
{ value: "copy", label: "复制（源文件继续做种）" },
|
|
{ value: "move", label: "移动（移走源文件）" },
|
|
],
|
|
},
|
|
{
|
|
name: "organize.allowCrossVolumeMove",
|
|
label: "允许跨卷移动",
|
|
kind: "switch",
|
|
hint: "跨卷时按复制 → 核验 → 删源执行",
|
|
},
|
|
],
|
|
fromSettings: (s) => ({
|
|
"organize.defaultMode": s.organize.defaultMode,
|
|
"organize.allowCrossVolumeMove": s.organize.allowCrossVolumeMove,
|
|
}),
|
|
toPatch: (v) => ({
|
|
organize: {
|
|
defaultMode: str(v["organize.defaultMode"]) as "copy" | "move",
|
|
allowCrossVolumeMove: v["organize.allowCrossVolumeMove"] === true,
|
|
},
|
|
}),
|
|
};
|
|
|
|
export function LibrarySection() {
|
|
return (
|
|
<div className="grid grid-cols-1 gap-8">
|
|
<SettingsBlock section="library" anchor="roots" title="库根" plain>
|
|
<LibraryRootsTable />
|
|
</SettingsBlock>
|
|
<SettingsGate>{(s) => <SettingsCard section="library" spec={ORGANIZE_CARD} settings={s} />}</SettingsGate>
|
|
<NamingSection />
|
|
</div>
|
|
);
|
|
}
|