@@ -182,6 +184,16 @@ const ResultRow = memo(function ResultRow({
{leechers != null && (
)}
+ {cached && (
+
+
+ 已缓存
+
+ )}
{/* 窄屏换到下一行，靠右 */}
diff --git a/src/app/(app)/components/search-result-toolbar.tsx b/src/app/(app)/components/search-result-toolbar.tsx
index d63e4bb..50b2a2c 100644
--- a/src/app/(app)/components/search-result-toolbar.tsx
+++ b/src/app/(app)/components/search-result-toolbar.tsx
@@ -6,10 +6,12 @@ import {
ArrowDownUpIcon,
ArrowUpIcon,
ListFilterIcon,
- XIcon
+ XIcon,
+ ZapIcon
} from "lucide-react";
import { Button } from "@/components/ui/button";
+import { Toggle } from "@/components/ui/toggle";
import {
DropdownMenu,
DropdownMenuContent,
@@ -121,6 +123,8 @@ export const SearchResultToolbar = ({
}: SearchResultToolbarProps) => {
const keyword = useSearchViewStore((state) => state.keyword);
const setKeyword = useSearchViewStore((state) => state.setKeyword);
+ const cachedOnly = useSearchViewStore((state) => state.cachedOnly);
+ const setCachedOnly = useSearchViewStore((state) => state.setCachedOnly);
return (
@@ -135,21 +139,34 @@ export const SearchResultToolbar = ({
aria-label="在结果中筛选"
autoComplete="off"
/>
- {keyword && (
+ {(keyword || cachedOnly) && (
{shown} / {total}
- setKeyword("")}
- >
-
-
+ {keyword && (
+ setKeyword("")}
+ >
+
+
+ )}
)}
+
+
+ 已缓存
+
);
diff --git a/src/app/(app)/components/video-playlist.tsx b/src/app/(app)/components/video-playlist.tsx
index 2fa1455..270cecd 100644
--- a/src/app/(app)/components/video-playlist.tsx
+++ b/src/app/(app)/components/video-playlist.tsx
@@ -2,54 +2,12 @@
"use client";
import { useEffect, useRef } from "react";
-import {
- ChevronDownIcon,
- ChevronUpIcon,
- PlayIcon,
- type LucideIcon
-} from "lucide-react";
+import { PlayIcon } from "lucide-react";
-import { Button } from "@/components/ui/button";
-import {
- Tooltip,
- TooltipContent,
- TooltipTrigger
-} from "@/components/ui/tooltip";
import type { LibraryFileView } from "@/hooks/use-library";
import { cn } from "@/lib/utils";
import { formatBytes } from "@/utils/format";
-type StepButtonProps = {
- label: string;
- icon: LucideIcon;
- disabled: boolean;
- onClick: () => void;
-};
-
-const StepButton = ({
- label,
- icon: Icon,
- disabled,
- onClick
-}: StepButtonProps) => (
-
-
- }
- >
-
-
- {label}
-
-);
-
type VideoPlaylistProps = {
files: LibraryFileView[];
/** 正在播放的文件 id */
@@ -66,8 +24,6 @@ export const VideoPlaylist = ({
}: VideoPlaylistProps) => {
const listRef = useRef
(null);
const index = files.findIndex((file) => file.id === currentId);
- const previous = files[index - 1];
- const next = files[index + 1];
// 切换后（含自动接下一个）让当前项出现在可视范围内
useEffect(() => {
@@ -79,34 +35,18 @@ export const VideoPlaylist = ({
return (