重构client，拆分组件

2025-10-22 20:14:11 +08:00
parent 5868407216
commit fe9bc8fd6c
23 changed files with 1601 additions and 1137 deletions
@@ -0,0 +1,18 @@
+interface ProgressBarProps {
+  progress: number;
+  onSeek: (ratio: number) => void;
+}
+
+export function ProgressBar({ progress, onSeek }: ProgressBarProps) {
+  return (
+    <div
+      className="relative h-1.5 rounded-full bg-white/25 overflow-hidden cursor-pointer"
+      onClick={(e) => {
+        const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();
+        onSeek((e.clientX - rect.left) / rect.width);
+      }}
+    >
+      <div className="origin-left h-full bg-white" style={{ transform: `scaleX(${progress || 0})` }} />
+    </div>
+  );
+}