From ea51b372af318b899ec9ec845e06e8760e8ca38b Mon Sep 17 00:00:00 2001 From: xiaoxia Date: Fri, 2 Oct 2026 13:11:09 +0800 Subject: [PATCH] =?UTF-8?q?fix(viral-video):=20=E8=90=A5=E9=94=80=E7=9B=AE?= =?UTF-8?q?=E7=9A=8420=E9=A1=B9=E5=AE=8C=E6=95=B4=E5=88=97=E8=A1=A8=20+=20?= =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=9B=BE=E7=89=87=E5=A4=A7=E5=B0=8F=E6=98=BE?= =?UTF-8?q?=E7=A4=BA0B=20(#2142)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/pages/viral-video/ViralVideoPage.tsx | 57 ++++++++++++++----- 1 file changed, 44 insertions(+), 13 deletions(-) diff --git a/apps/web/src/pages/viral-video/ViralVideoPage.tsx b/apps/web/src/pages/viral-video/ViralVideoPage.tsx index 942e5e2fe..38e470a30 100644 --- a/apps/web/src/pages/viral-video/ViralVideoPage.tsx +++ b/apps/web/src/pages/viral-video/ViralVideoPage.tsx @@ -71,7 +71,7 @@ type UploadedImage = { localId: string url: string name: string - size: number + size: number | undefined uploading: boolean pct: number ossUrl?: string @@ -184,7 +184,28 @@ const STRUCTURES = [ "连续否定+代入感受+打破认知+精准戳痛", "揭秘行业+类比施压+放大焦虑+精准锁客", ] -const PURPOSES = ["品牌种草", "新品上市", "促销转化", "活动引流"] +const PURPOSES = [ + "获客引流", + "账号涨粉", + "活动通知", + "口播带货", + "促销转化", + "场景种草", + "痛点解决", + "功能演示", + "门店发现", + "到店实录", + "招牌体验", + "同城团购", + "品牌主张", + "品牌故事", + "生活方式", + "创意概念", + "对话短剧", + "反转短剧", + "悬念短剧", + "情绪短片", +] const DURATIONS = [15, 20, 30, 45, 60] const RATIOS = [ { v: "9:16", label: "9:16 竖屏（抖音/视频号）" }, @@ -345,7 +366,8 @@ const MOCK_STORYBOARD: Storyboard = { "还在为餐桌选不到好桌子发愁？这张北美黑胡桃木餐桌，一家人坐下来吃饭刚刚好。全实木、无贴皮，纹理好看又耐刮。点小黄车，给家里添一张好桌子。", } -const fmtSize = (bytes: number) => { +const fmtSize = (bytes: number | undefined) => { + if (!bytes || bytes <= 0) return "--" if (bytes < 1024) return `${bytes}B` if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)}KB` return `${(bytes / 1024 / 1024).toFixed(1)}MB` @@ -366,7 +388,7 @@ const emptyTask = (id: string, title: string): TabTask => ({ targetCustomer: "", language: "中文(普通话)", viralStructure: STRUCTURES[0], - marketingPurpose: PURPOSES[0], + marketingPurpose: "", duration: 15, persona: "", videoRatio: "9:16", @@ -595,7 +617,15 @@ const ViralVideoPage: React.FC = () => { setTask((t) => ({ ...t, images: t.images.map((im) => - im.localId === item.localId ? { ...im, uploading: false, pct: 100, ossUrl: url } : im, + im.localId === item.localId + ? { + ...im, + uploading: false, + pct: 100, + ossUrl: url, + size: item.file!.size || im.size, + } + : im, ), })) } catch { @@ -616,7 +646,7 @@ const ViralVideoPage: React.FC = () => { localId: `lib_${a.id}_${Math.random().toString(36).slice(2, 6)}`, url: a.thumbnail_url || a.file_url || "", name: a.name || "未命名", - size: a.file_size || 0, + size: a.file_size || undefined, uploading: false, pct: 100, ossUrl: a.file_url || undefined, @@ -1822,7 +1852,7 @@ const ViralVideoPage: React.FC = () => {
setTask({ language: v })} @@ -1844,7 +1874,7 @@ const ViralVideoPage: React.FC = () => {
setTask({ viralStructure: v })} @@ -1866,9 +1896,10 @@ const ViralVideoPage: React.FC = () => {
setTask({ duration: v })}