fix(web): 修复isDragging在tail useEffect中提前引用导致的TDZ/eslint错误

2026-09-14 01:20:37 +08:00
parent 228924a5bf
commit ebef63e0db
1 changed files with 4 additions and 3 deletions
@@ -422,6 +422,10 @@ const FrontendPreviewPlayer: React.FC<FrontendPreviewPlayerProps> = ({
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [segmentSyncKey, isPlaying])

+  // ── 进度条拖拽状态（提前声明，供 tail useEffect 使用，避免 TDZ/no-use-before-define） ──
+  const [isDragging, setIsDragging] = useState(false)
+  const progressRef = useRef<HTMLDivElement>(null)
+
  // P0 fix：视频比配音短时的「末帧冻结+音频续播」模式。
  // 视频调度器播完最后一段会自动 pause + setIsPlaying(false)，此时若配音仍在播，
  // 用虚拟时钟继续推进 currentTime 直到配音时长，期间保持音频播放、视频停在末帧。
@@ -549,9 +553,6 @@ const FrontendPreviewPlayer: React.FC<FrontendPreviewPlayerProps> = ({
    onPlayTokenChange,
  ])

-  // ── 进度条拖拽 ──
-  const [isDragging, setIsDragging] = useState(false)
-  const progressRef = useRef<HTMLDivElement>(null)

  const handleProgressClick = useCallback(
    (e: React.MouseEvent<HTMLDivElement>) => {