fix: resolve TypeScript compile errors in PreviewVideoPanel (#1386)

Co-authored-by: xiaoxia <dev@xiaoxiajianji.com>
Co-committed-by: xiaoxia <dev@xiaoxiajianji.com>

apps/web/src/pages/generate/GeneratePage.tsx

@@ -28,6 +28,8 @@ import { useGenerateFormState } from "./hooks/useGenerateFormState"
 import { useStepNavigation } from "./hooks/useStepNavigation"
 import { useGenerateVideo } from "./hooks/useGenerateVideo"
 import { useStep5Preview } from "./hooks/useStep5Preview"
+import { useQuery } from "@tanstack/react-query"
+import { getAssetsByKind } from "@/api/assets"
 import "./generate.css"
 
 const GeneratePage: React.FC = () => {
@@ -265,7 +267,6 @@ const GeneratePage: React.FC = () => {
               onRegenerate={step5Preview.regeneratePreview}
               titleText={titleSettings.title}
               titleSettings={titleSettings}
-              showTitlePreview={currentStep === 4}
               sourceVideoUrl={sourceVideoUrl}
             />
           )}

apps/web/src/pages/generate/components/PreviewVideoPanel.tsx

@@ -29,8 +29,6 @@ interface PreviewVideoPanelProps {
   titleText?: string
   /** 标题样式设置 */
   titleSettings?: TitleSettings
-  /** Step4 标题预览模式 */
-  showTitlePreview?: boolean
   /** 素材视频 URL（用于 Step4 标题预览背景） */
   sourceVideoUrl?: string
 }
@@ -46,7 +44,6 @@ export const PreviewVideoPanel: React.FC<PreviewVideoPanelProps> = ({
   onRegenerate,
   titleText,
   titleSettings,
-  showTitlePreview,
   sourceVideoUrl,
 }) => {
   const hasPreview = previewStatus === "ready" && previewResult

apps/web/src/pages/generate/components/title/TitlePreviewCanvas.tsx

@@ -86,6 +86,7 @@ const TitlePreviewCanvas: React.FC<TitlePreviewCanvasProps> = ({
         .load()
         .then(() => {
           if (!cancelled) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any -- FontFaceSet.add() exists at runtime
             ;(document.fonts as any).add(fontFace)
             onFontReady()
           }
@@ -108,11 +109,13 @@ const TitlePreviewCanvas: React.FC<TitlePreviewCanvasProps> = ({
     return () => {
       cancelled = true
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- draw uses refs, stable by design
   }, [titleSettings.font, titleSettings.size, titleSettings.bold, titleSettings.italic])
 
   // props 变化时重绘
   useEffect(() => {
     requestAnimationFrame(draw)
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- draw uses refs, stable by design
   }, [titleText, titleSettings])
 
   // ResizeObserver 监听容器尺寸变化
@@ -126,6 +129,7 @@ const TitlePreviewCanvas: React.FC<TitlePreviewCanvasProps> = ({
     observer.observe(container)
 
     return () => observer.disconnect()
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- draw uses refs, stable by design
   }, [])
 
   return (