auto-save 2026-05-14 01:11 (+4, ~4)
This commit is contained in:
@@ -2731,6 +2731,13 @@
|
||||
"type": "session-heartbeat",
|
||||
"message": "Claude 会话活跃 · 最近命令：claude · 2 项未提交变更 · 最近提交：auto-save 2026-05-14 01:00 (+2, ~2)",
|
||||
"files_changed": 2
|
||||
},
|
||||
{
|
||||
"ts": "2026-05-14T01:06:06+08:00",
|
||||
"type": "commit",
|
||||
"message": "auto-save 2026-05-14 01:05 (+4, ~3)",
|
||||
"hash": "3684917",
|
||||
"files_changed": 7
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
19
.playwright-mcp/page-2026-05-13T17-07-54-300Z.yml
Normal file
19
.playwright-mcp/page-2026-05-13T17-07-54-300Z.yml
Normal file
@@ -0,0 +1,19 @@
|
||||
- generic [active] [ref=e1]:
|
||||
- main [ref=e3]:
|
||||
- button "自动排版 · 保留每个节点的尺寸，重新排好间距和列布局" [ref=e5]:
|
||||
- img [ref=e6]
|
||||
- application [ref=e13]:
|
||||
- img
|
||||
- generic "Control Panel" [ref=e16]:
|
||||
- button "Zoom In" [ref=e17] [cursor=pointer]:
|
||||
- img [ref=e18]
|
||||
- button "Zoom Out" [ref=e20] [cursor=pointer]:
|
||||
- img [ref=e21]
|
||||
- button "Fit View" [ref=e23] [cursor=pointer]:
|
||||
- img [ref=e24]
|
||||
- button "Toggle Interactivity" [ref=e26] [cursor=pointer]:
|
||||
- img [ref=e27]
|
||||
- img "Mini Map" [ref=e30]
|
||||
- region "Notifications alt+T"
|
||||
- button "Open Next.js Dev Tools" [ref=e37] [cursor=pointer]:
|
||||
- img [ref=e38]
|
||||
454
.playwright-mcp/page-2026-05-13T17-07-57-878Z.yml
Normal file
454
.playwright-mcp/page-2026-05-13T17-07-57-878Z.yml
Normal file
@@ -0,0 +1,454 @@
|
||||
- generic [active] [ref=e1]:
|
||||
- generic [ref=e36] [cursor=pointer]:
|
||||
- button "Open Next.js Dev Tools" [ref=e37]:
|
||||
- img [ref=e38]
|
||||
- generic [ref=e43]:
|
||||
- button "Open issues overlay" [ref=e44]:
|
||||
- generic [ref=e45]:
|
||||
- generic [ref=e46]: "0"
|
||||
- generic [ref=e47]: "1"
|
||||
- generic [ref=e48]: Issue
|
||||
- button "Collapse issues badge" [ref=e49]:
|
||||
- img [ref=e50]
|
||||
- main [ref=e53]:
|
||||
- button "自动排版 · 保留每个节点的尺寸，重新排好间距和列布局" [ref=e55]:
|
||||
- img [ref=e56]
|
||||
- button "切到明亮主题" [ref=e62]:
|
||||
- img [ref=e63]
|
||||
- generic [ref=e69]:
|
||||
- generic [ref=e72]:
|
||||
- generic [ref=e73]:
|
||||
- img [ref=e74]
|
||||
- generic [ref=e79]: 分镜头编排
|
||||
- generic [ref=e80]: 0 分镜 · 0 元素
|
||||
- generic [ref=e81]: · 组织分镜画面 → 为生成视频做准备
|
||||
- button "展开编排" [disabled] [ref=e83]:
|
||||
- img [ref=e84]
|
||||
- text: 展开编排
|
||||
- application [ref=e87]:
|
||||
- generic [ref=e89]:
|
||||
- generic:
|
||||
- generic:
|
||||
- img:
|
||||
- group "Edge from input to keyframe" [ref=e90] [cursor=pointer]
|
||||
- img:
|
||||
- group "Edge from input to asr" [ref=e93] [cursor=pointer]
|
||||
- img:
|
||||
- group "Edge from asr to translate" [ref=e96] [cursor=pointer]
|
||||
- img:
|
||||
- group "Edge from translate to rewrite" [ref=e99] [cursor=pointer]
|
||||
- img:
|
||||
- group "Edge from keyframe to storyboard" [ref=e102] [cursor=pointer]
|
||||
- img:
|
||||
- group "Edge from rewrite to storyboard" [ref=e105] [cursor=pointer]
|
||||
- img:
|
||||
- group "Edge from storyboard to videogen" [ref=e108] [cursor=pointer]
|
||||
- img:
|
||||
- group "Edge from videogen to compose" [ref=e111] [cursor=pointer]
|
||||
- img:
|
||||
- group "Edge from rewrite to compose" [ref=e114] [cursor=pointer]
|
||||
- generic:
|
||||
- group [ref=e117]:
|
||||
- generic [ref=e118]:
|
||||
- generic [ref=e119]:
|
||||
- button "再上传一个视频" [ref=e120]:
|
||||
- img [ref=e121]
|
||||
- generic [ref=e122]:
|
||||
- button "64.5s" [ref=e123]:
|
||||
- generic [ref=e125]: 64.5s
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 1080×1920
|
||||
- generic: 64.5s
|
||||
- generic [ref=e126]:
|
||||
- button "72.4s" [ref=e127]:
|
||||
- generic [ref=e129]: 72.4s
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 576×1024
|
||||
- generic: 72.4s
|
||||
- generic [ref=e130]:
|
||||
- button "64.5s" [ref=e131]:
|
||||
- generic [ref=e133]: 64.5s
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 1080×1920
|
||||
- generic: 64.5s
|
||||
- generic [ref=e134]:
|
||||
- button "71.4s" [ref=e135]:
|
||||
- generic [ref=e137]: 71.4s
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 1080×1920
|
||||
- generic: 71.4s
|
||||
- generic [ref=e138]:
|
||||
- button "72.4s" [ref=e139]:
|
||||
- generic [ref=e141]: 72.4s
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 576×1024
|
||||
- generic: 72.4s
|
||||
- generic [ref=e142]:
|
||||
- button "71.4s" [ref=e143]:
|
||||
- generic [ref=e145]: 71.4s
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 1080×1920
|
||||
- generic: 71.4s
|
||||
- generic [ref=e146]:
|
||||
- button "71.4s" [ref=e147]:
|
||||
- generic [ref=e149]: 71.4s
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 1080×1920
|
||||
- generic: 71.4s
|
||||
- generic [ref=e150]:
|
||||
- button "71.4s" [ref=e151]:
|
||||
- generic [ref=e153]: 71.4s
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 1080×1920
|
||||
- generic: 71.4s
|
||||
- generic [ref=e154]:
|
||||
- button "71.4s" [ref=e155]:
|
||||
- generic [ref=e157]: 71.4s
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 1080×1920
|
||||
- generic: 71.4s
|
||||
- generic [ref=e158]:
|
||||
- button "71.4s" [ref=e159]:
|
||||
- generic [ref=e161]: 71.4s
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 1080×1920
|
||||
- generic: 71.4s
|
||||
- generic [ref=e162]:
|
||||
- button "8.0s" [ref=e163]:
|
||||
- generic [ref=e165]: 8.0s
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 640×360
|
||||
- generic: 8.0s
|
||||
- generic [ref=e166]:
|
||||
- button "8.0s" [ref=e167]:
|
||||
- generic [ref=e169]: 8.0s
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 640×360
|
||||
- generic: 8.0s
|
||||
- generic [ref=e170]:
|
||||
- button "8.0s" [ref=e171]:
|
||||
- generic [ref=e173]: 8.0s
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 640×360
|
||||
- generic: 8.0s
|
||||
- generic [ref=e174]:
|
||||
- button "8.0s" [ref=e175]:
|
||||
- generic [ref=e177]: 8.0s
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 640×360
|
||||
- generic: 8.0s
|
||||
- button "…" [ref=e179]:
|
||||
- img [ref=e181]
|
||||
- generic [ref=e183]: …
|
||||
- button "…" [ref=e185]:
|
||||
- img [ref=e187]
|
||||
- generic [ref=e189]: …
|
||||
- button "…" [ref=e191]:
|
||||
- img [ref=e193]
|
||||
- generic [ref=e195]: …
|
||||
- generic [ref=e196]:
|
||||
- generic [ref=e197]:
|
||||
- img [ref=e199]
|
||||
- generic [ref=e202]: 输入 · Input
|
||||
- generic [ref=e203]:
|
||||
- img [ref=e204]
|
||||
- button "钉住 · 锁定位置与尺寸" [ref=e208]:
|
||||
- img [ref=e209]
|
||||
- generic [ref=e212]:
|
||||
- generic [ref=e213]: STEP 1 · 视频就绪 · 完成
|
||||
- textbox "再加一个 TK 链接" [ref=e214]
|
||||
- generic [ref=e215]:
|
||||
- button "+ 加链接" [disabled] [ref=e216]
|
||||
- button "再传一个" [ref=e217]:
|
||||
- img [ref=e218]
|
||||
- text: 再传一个
|
||||
- generic [ref=e221]:
|
||||
- generic [ref=e222]: 1080×1920 · 64.5s
|
||||
- generic [ref=e223]: 🔗 链接
|
||||
- button "重新解析" [ref=e224]
|
||||
- generic "拖动调整宽度" [ref=e226]
|
||||
- generic "拖动调整大小（宽 × 高）" [ref=e227]
|
||||
- group [ref=e228]:
|
||||
- generic [ref=e229]:
|
||||
- generic [ref=e230]:
|
||||
- generic [ref=e231]:
|
||||
- button "frame 9 1.7s" [ref=e232]:
|
||||
- img "frame 9" [ref=e233]
|
||||
- generic [ref=e234]: 1.7s
|
||||
- button "📋" [ref=e235]
|
||||
- button "删除该关键帧" [ref=e236]:
|
||||
- img [ref=e237]
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 分镜 10
|
||||
- generic: 1.66s
|
||||
- generic [ref=e240]:
|
||||
- button "frame 0 ✨ 24.7s" [ref=e241]:
|
||||
- img "frame 0" [ref=e242]
|
||||
- generic "已清洗" [ref=e244]: ✨
|
||||
- generic [ref=e245]: 24.7s
|
||||
- button "📋" [ref=e246]
|
||||
- button "删除该关键帧" [ref=e247]:
|
||||
- img [ref=e248]
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 分镜 1
|
||||
- generic: 24.73s
|
||||
- generic [ref=e251]:
|
||||
- button "frame 1 33.6s" [ref=e252]:
|
||||
- img "frame 1" [ref=e253]
|
||||
- generic [ref=e254]: 33.6s
|
||||
- button "📋" [ref=e255]
|
||||
- button "删除该关键帧" [ref=e256]:
|
||||
- img [ref=e257]
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 分镜 2
|
||||
- generic: 33.61s
|
||||
- generic [ref=e260]:
|
||||
- button "frame 2 37.7s" [ref=e261]:
|
||||
- img "frame 2" [ref=e262]
|
||||
- generic [ref=e263]: 37.7s
|
||||
- button "📋" [ref=e264]
|
||||
- button "删除该关键帧" [ref=e265]:
|
||||
- img [ref=e266]
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 分镜 3
|
||||
- generic: 37.70s
|
||||
- generic [ref=e269]:
|
||||
- button "frame 3 39.4s" [ref=e270]:
|
||||
- img "frame 3" [ref=e271]
|
||||
- generic [ref=e272]: 39.4s
|
||||
- button "📋" [ref=e273]
|
||||
- button "删除该关键帧" [ref=e274]:
|
||||
- img [ref=e275]
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 分镜 4
|
||||
- generic: 39.42s
|
||||
- generic [ref=e278]:
|
||||
- button "frame 4 1 43.1s" [ref=e279]:
|
||||
- img "frame 4" [ref=e280]
|
||||
- generic "1 个元素已抠图" [ref=e282]: "1"
|
||||
- generic [ref=e283]: 43.1s
|
||||
- button "📋" [ref=e284]
|
||||
- button "删除该关键帧" [ref=e285]:
|
||||
- img [ref=e286]
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 分镜 5
|
||||
- generic: 43.13s
|
||||
- generic [ref=e289]:
|
||||
- button "frame 5 45.0s" [ref=e290]:
|
||||
- img "frame 5" [ref=e291]
|
||||
- generic [ref=e292]: 45.0s
|
||||
- button "📋" [ref=e293]
|
||||
- button "删除该关键帧" [ref=e294]:
|
||||
- img [ref=e295]
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 分镜 6
|
||||
- generic: 45.05s
|
||||
- generic [ref=e298]:
|
||||
- button "frame 6 53.6s" [ref=e299]:
|
||||
- img "frame 6" [ref=e300]
|
||||
- generic [ref=e301]: 53.6s
|
||||
- button "📋" [ref=e302]
|
||||
- button "删除该关键帧" [ref=e303]:
|
||||
- img [ref=e304]
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 分镜 7
|
||||
- generic: 53.60s
|
||||
- generic [ref=e307]:
|
||||
- button "frame 7 56.0s" [ref=e308]:
|
||||
- img "frame 7" [ref=e309]
|
||||
- generic [ref=e310]: 56.0s
|
||||
- button "📋" [ref=e311]
|
||||
- button "删除该关键帧" [ref=e312]:
|
||||
- img [ref=e313]
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 分镜 8
|
||||
- generic: 55.96s
|
||||
- generic [ref=e316]:
|
||||
- button "frame 8 58.4s" [ref=e317]:
|
||||
- img "frame 8" [ref=e318]
|
||||
- generic [ref=e319]: 58.4s
|
||||
- button "📋" [ref=e320]
|
||||
- button "删除该关键帧" [ref=e321]:
|
||||
- img [ref=e322]
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 分镜 9
|
||||
- generic: 58.39s
|
||||
- generic [ref=e325]:
|
||||
- generic [ref=e327]:
|
||||
- img [ref=e329]
|
||||
- generic [ref=e333]: 镜头拆解 · 元素提取
|
||||
- generic [ref=e334]:
|
||||
- img [ref=e335]
|
||||
- button "钉住 · 锁定位置与尺寸" [ref=e339]:
|
||||
- img [ref=e340]
|
||||
- generic [ref=e343]:
|
||||
- generic [ref=e344]: STEP 2 · 0/10 入编排 · 完成
|
||||
- generic [ref=e345]:
|
||||
- text: 自动 10 张 ·
|
||||
- generic [ref=e346]: 1 已清洗
|
||||
- text: ·
|
||||
- generic [ref=e347]: 1/2 已抠图
|
||||
- text: 点缩略图 → 清洗水印 / 提取可借鉴元素 → 改造成 SKG 画面素材
|
||||
- generic "拖动调整宽度" [ref=e349]
|
||||
- generic "拖动调整大小（宽 × 高）" [ref=e350]
|
||||
- group [ref=e351]:
|
||||
- generic [ref=e352]:
|
||||
- generic [ref=e354]:
|
||||
- img [ref=e356]
|
||||
- generic [ref=e359]: 声音文案 · ASR
|
||||
- button "钉住 · 锁定位置与尺寸" [ref=e362]:
|
||||
- img [ref=e363]
|
||||
- generic [ref=e366]:
|
||||
- generic [ref=e367]: STEP 3 · 可选文案轨 · 待运行
|
||||
- generic [ref=e368]: Gemini 2.5 · 英文带时间戳分段
|
||||
- generic "拖动调整宽度" [ref=e370]
|
||||
- generic "拖动调整大小（宽 × 高）" [ref=e371]
|
||||
- group [ref=e372]:
|
||||
- generic [ref=e373]:
|
||||
- generic [ref=e375]:
|
||||
- img [ref=e377]
|
||||
- generic [ref=e381]: 翻译理解 · Translate
|
||||
- button "钉住 · 锁定位置与尺寸" [ref=e384]:
|
||||
- img [ref=e385]
|
||||
- generic [ref=e388]:
|
||||
- generic [ref=e389]: STEP 4 · EN → ZH · 待运行
|
||||
- generic [ref=e390]: 中文翻译 · 段落级 · 实时输出
|
||||
- generic "拖动调整宽度" [ref=e392]
|
||||
- generic "拖动调整大小（宽 × 高）" [ref=e393]
|
||||
- group [ref=e394]:
|
||||
- generic [ref=e395]:
|
||||
- generic [ref=e397]:
|
||||
- button "透明骷髅" [ref=e398]:
|
||||
- img "透明骷髅" [ref=e399]
|
||||
- button "📋" [ref=e400]
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 分镜 5
|
||||
- generic: 43.13s
|
||||
- generic [ref=e401]:
|
||||
- generic [ref=e403]:
|
||||
- img [ref=e405]
|
||||
- generic [ref=e410]: 元素改造 · Storyboard
|
||||
- generic [ref=e411]:
|
||||
- img [ref=e412]
|
||||
- button "钉住 · 锁定位置与尺寸" [ref=e416]:
|
||||
- img [ref=e417]
|
||||
- generic [ref=e420]:
|
||||
- generic [ref=e421]: STEP 6 · 参考元素 → SKG 画面 · 完成
|
||||
- generic [ref=e422]:
|
||||
- text: 不是复刻原视频：先把参考图里的主体 / 场景 / 动作 / 道具拆出来，再替换成 SKG 产品画面。
|
||||
- generic [ref=e423]: 已有 1 个提取元素 · 0 个分镜进入编排
|
||||
- button "进入分镜编排" [disabled] [ref=e424]
|
||||
- generic "拖动调整宽度" [ref=e426]
|
||||
- generic "拖动调整大小（宽 × 高）" [ref=e427]
|
||||
- group [ref=e428]:
|
||||
- generic [ref=e429]:
|
||||
- generic [ref=e431]:
|
||||
- img [ref=e433]
|
||||
- generic [ref=e437]: 产品文案 · Rewrite
|
||||
- button "钉住 · 锁定位置与尺寸" [ref=e440]:
|
||||
- img [ref=e441]
|
||||
- generic [ref=e444]:
|
||||
- generic [ref=e445]: STEP 5 · 接 SKG 卖点 · 待运行
|
||||
- textbox "粘贴 SKG 产品信息 / 关键卖点（可作为视频脚本和镜头动作参考）" [disabled] [ref=e446]
|
||||
- generic [ref=e447]: 下一冲刺接入
|
||||
- generic "拖动调整宽度" [ref=e449]
|
||||
- generic "拖动调整大小（宽 × 高）" [ref=e450]
|
||||
- group [ref=e451]:
|
||||
- generic [ref=e453]:
|
||||
- generic [ref=e455]:
|
||||
- img [ref=e457]
|
||||
- generic [ref=e459]: 生成视频 · Video Gen
|
||||
- button "钉住 · 锁定位置与尺寸" [ref=e462]:
|
||||
- img [ref=e463]
|
||||
- generic [ref=e466]:
|
||||
- generic [ref=e467]: STEP 7 · 首帧 + 动作 prompt · 待运行
|
||||
- generic [ref=e468]:
|
||||
- generic [ref=e469]: Seedance
|
||||
- generic [ref=e470]: Kling
|
||||
- generic [ref=e471]: Veo 3
|
||||
- generic "拖动调整宽度" [ref=e473]
|
||||
- generic "拖动调整大小（宽 × 高）" [ref=e474]
|
||||
- group [ref=e475]:
|
||||
- generic [ref=e476]:
|
||||
- generic [ref=e478]:
|
||||
- img [ref=e480]
|
||||
- generic [ref=e484]: 合成成品 · Compose
|
||||
- button "钉住 · 锁定位置与尺寸" [ref=e487]:
|
||||
- img [ref=e488]
|
||||
- generic [ref=e491]:
|
||||
- generic [ref=e492]: STEP 8 · ffmpeg + 字幕 · 待运行
|
||||
- generic [ref=e493]:
|
||||
- text: 视频片段 + 字幕 / TTS
|
||||
- text: → 最终 mp4 输出
|
||||
- generic "拖动调整宽度" [ref=e494]
|
||||
- generic "拖动调整大小（宽 × 高）" [ref=e495]
|
||||
- img
|
||||
- generic "Control Panel" [ref=e496]:
|
||||
- button "Zoom In" [ref=e497] [cursor=pointer]:
|
||||
- img [ref=e498]
|
||||
- button "Zoom Out" [ref=e500] [cursor=pointer]:
|
||||
- img [ref=e501]
|
||||
- button "Fit View" [ref=e503] [cursor=pointer]:
|
||||
- img [ref=e504]
|
||||
- button "Toggle Interactivity" [ref=e506] [cursor=pointer]:
|
||||
- img [ref=e507]
|
||||
- img "Mini Map" [ref=e510]
|
||||
- region "Notifications alt+T":
|
||||
- list:
|
||||
- listitem [ref=e520]:
|
||||
- img [ref=e522]
|
||||
- generic [ref=e525]: 已自动排版 · 保留每个节点的尺寸
|
||||
- listitem [ref=e526]:
|
||||
- img [ref=e528]
|
||||
- generic [ref=e531]: 📥 视频已就绪 — 请点 Input 节点里的「点这里开始解析」按钮
|
||||
- alert [ref=e532]
|
||||
19
.playwright-mcp/page-2026-05-13T17-11-26-617Z.yml
Normal file
19
.playwright-mcp/page-2026-05-13T17-11-26-617Z.yml
Normal file
@@ -0,0 +1,19 @@
|
||||
- generic [active] [ref=e1]:
|
||||
- main [ref=e3]:
|
||||
- button "自动排版 · 保留每个节点的尺寸，重新排好间距和列布局" [ref=e5]:
|
||||
- img [ref=e6]
|
||||
- application [ref=e13]:
|
||||
- img
|
||||
- generic "Control Panel" [ref=e16]:
|
||||
- button "Zoom In" [ref=e17] [cursor=pointer]:
|
||||
- img [ref=e18]
|
||||
- button "Zoom Out" [ref=e20] [cursor=pointer]:
|
||||
- img [ref=e21]
|
||||
- button "Fit View" [ref=e23] [cursor=pointer]:
|
||||
- img [ref=e24]
|
||||
- button "Toggle Interactivity" [ref=e26] [cursor=pointer]:
|
||||
- img [ref=e27]
|
||||
- img "Mini Map" [ref=e30]
|
||||
- region "Notifications alt+T"
|
||||
- button "Open Next.js Dev Tools" [ref=e37] [cursor=pointer]:
|
||||
- img [ref=e38]
|
||||
454
.playwright-mcp/page-2026-05-13T17-11-30-101Z.yml
Normal file
454
.playwright-mcp/page-2026-05-13T17-11-30-101Z.yml
Normal file
@@ -0,0 +1,454 @@
|
||||
- generic [active] [ref=e1]:
|
||||
- generic [ref=e36] [cursor=pointer]:
|
||||
- button "Open Next.js Dev Tools" [ref=e37]:
|
||||
- img [ref=e38]
|
||||
- generic [ref=e43]:
|
||||
- button "Open issues overlay" [ref=e44]:
|
||||
- generic [ref=e45]:
|
||||
- generic [ref=e46]: "0"
|
||||
- generic [ref=e47]: "1"
|
||||
- generic [ref=e48]: Issue
|
||||
- button "Collapse issues badge" [ref=e49]:
|
||||
- img [ref=e50]
|
||||
- main [ref=e53]:
|
||||
- button "自动排版 · 保留每个节点的尺寸，重新排好间距和列布局" [ref=e55]:
|
||||
- img [ref=e56]
|
||||
- button "切到明亮主题" [ref=e62]:
|
||||
- img [ref=e63]
|
||||
- generic [ref=e69]:
|
||||
- generic [ref=e72]:
|
||||
- generic [ref=e73]:
|
||||
- img [ref=e74]
|
||||
- generic [ref=e79]: 分镜头编排
|
||||
- generic [ref=e80]: 0 分镜 · 0 元素
|
||||
- generic [ref=e81]: · 组织分镜画面 → 为生成视频做准备
|
||||
- button "展开编排" [disabled] [ref=e83]:
|
||||
- img [ref=e84]
|
||||
- text: 展开编排
|
||||
- application [ref=e87]:
|
||||
- generic [ref=e89]:
|
||||
- generic:
|
||||
- generic:
|
||||
- img:
|
||||
- group "Edge from input to keyframe" [ref=e90] [cursor=pointer]
|
||||
- img:
|
||||
- group "Edge from input to asr" [ref=e93] [cursor=pointer]
|
||||
- img:
|
||||
- group "Edge from asr to translate" [ref=e96] [cursor=pointer]
|
||||
- img:
|
||||
- group "Edge from translate to rewrite" [ref=e99] [cursor=pointer]
|
||||
- img:
|
||||
- group "Edge from keyframe to storyboard" [ref=e102] [cursor=pointer]
|
||||
- img:
|
||||
- group "Edge from rewrite to storyboard" [ref=e105] [cursor=pointer]
|
||||
- img:
|
||||
- group "Edge from storyboard to videogen" [ref=e108] [cursor=pointer]
|
||||
- img:
|
||||
- group "Edge from videogen to compose" [ref=e111] [cursor=pointer]
|
||||
- img:
|
||||
- group "Edge from rewrite to compose" [ref=e114] [cursor=pointer]
|
||||
- generic:
|
||||
- group [ref=e117]:
|
||||
- generic [ref=e118]:
|
||||
- generic [ref=e119]:
|
||||
- button "再上传一个视频" [ref=e120]:
|
||||
- img [ref=e121]
|
||||
- generic [ref=e122]:
|
||||
- button "64.5s" [ref=e123]:
|
||||
- generic [ref=e125]: 64.5s
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 1080×1920
|
||||
- generic: 64.5s
|
||||
- generic [ref=e126]:
|
||||
- button "72.4s" [ref=e127]:
|
||||
- generic [ref=e129]: 72.4s
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 576×1024
|
||||
- generic: 72.4s
|
||||
- generic [ref=e130]:
|
||||
- button "64.5s" [ref=e131]:
|
||||
- generic [ref=e133]: 64.5s
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 1080×1920
|
||||
- generic: 64.5s
|
||||
- generic [ref=e134]:
|
||||
- button "71.4s" [ref=e135]:
|
||||
- generic [ref=e137]: 71.4s
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 1080×1920
|
||||
- generic: 71.4s
|
||||
- generic [ref=e138]:
|
||||
- button "72.4s" [ref=e139]:
|
||||
- generic [ref=e141]: 72.4s
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 576×1024
|
||||
- generic: 72.4s
|
||||
- generic [ref=e142]:
|
||||
- button "71.4s" [ref=e143]:
|
||||
- generic [ref=e145]: 71.4s
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 1080×1920
|
||||
- generic: 71.4s
|
||||
- generic [ref=e146]:
|
||||
- button "71.4s" [ref=e147]:
|
||||
- generic [ref=e149]: 71.4s
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 1080×1920
|
||||
- generic: 71.4s
|
||||
- generic [ref=e150]:
|
||||
- button "71.4s" [ref=e151]:
|
||||
- generic [ref=e153]: 71.4s
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 1080×1920
|
||||
- generic: 71.4s
|
||||
- generic [ref=e154]:
|
||||
- button "71.4s" [ref=e155]:
|
||||
- generic [ref=e157]: 71.4s
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 1080×1920
|
||||
- generic: 71.4s
|
||||
- generic [ref=e158]:
|
||||
- button "71.4s" [ref=e159]:
|
||||
- generic [ref=e161]: 71.4s
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 1080×1920
|
||||
- generic: 71.4s
|
||||
- generic [ref=e162]:
|
||||
- button "8.0s" [ref=e163]:
|
||||
- generic [ref=e165]: 8.0s
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 640×360
|
||||
- generic: 8.0s
|
||||
- generic [ref=e166]:
|
||||
- button "8.0s" [ref=e167]:
|
||||
- generic [ref=e169]: 8.0s
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 640×360
|
||||
- generic: 8.0s
|
||||
- generic [ref=e170]:
|
||||
- button "8.0s" [ref=e171]:
|
||||
- generic [ref=e173]: 8.0s
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 640×360
|
||||
- generic: 8.0s
|
||||
- generic [ref=e174]:
|
||||
- button "8.0s" [ref=e175]:
|
||||
- generic [ref=e177]: 8.0s
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 640×360
|
||||
- generic: 8.0s
|
||||
- button "…" [ref=e179]:
|
||||
- img [ref=e181]
|
||||
- generic [ref=e183]: …
|
||||
- button "…" [ref=e185]:
|
||||
- img [ref=e187]
|
||||
- generic [ref=e189]: …
|
||||
- button "…" [ref=e191]:
|
||||
- img [ref=e193]
|
||||
- generic [ref=e195]: …
|
||||
- generic [ref=e196]:
|
||||
- generic [ref=e197]:
|
||||
- img [ref=e199]
|
||||
- generic [ref=e202]: 输入 · Input
|
||||
- generic [ref=e203]:
|
||||
- img [ref=e204]
|
||||
- button "钉住 · 锁定位置与尺寸" [ref=e208]:
|
||||
- img [ref=e209]
|
||||
- generic [ref=e212]:
|
||||
- generic [ref=e213]: STEP 1 · 视频就绪 · 完成
|
||||
- textbox "再加一个 TK 链接" [ref=e214]
|
||||
- generic [ref=e215]:
|
||||
- button "+ 加链接" [disabled] [ref=e216]
|
||||
- button "再传一个" [ref=e217]:
|
||||
- img [ref=e218]
|
||||
- text: 再传一个
|
||||
- generic [ref=e221]:
|
||||
- generic [ref=e222]: 1080×1920 · 64.5s
|
||||
- generic [ref=e223]: 🔗 链接
|
||||
- button "重新解析" [ref=e224]
|
||||
- generic "拖动调整宽度" [ref=e226]
|
||||
- generic "拖动调整大小（宽 × 高）" [ref=e227]
|
||||
- group [ref=e228]:
|
||||
- generic [ref=e229]:
|
||||
- generic [ref=e230]:
|
||||
- generic [ref=e231]:
|
||||
- button "frame 9 1.7s" [ref=e232]:
|
||||
- img "frame 9" [ref=e233]
|
||||
- generic [ref=e234]: 1.7s
|
||||
- button "📋" [ref=e235]
|
||||
- button "删除该关键帧" [ref=e236]:
|
||||
- img [ref=e237]
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 分镜 10
|
||||
- generic: 1.66s
|
||||
- generic [ref=e240]:
|
||||
- button "frame 0 ✨ 24.7s" [ref=e241]:
|
||||
- img "frame 0" [ref=e242]
|
||||
- generic "已清洗" [ref=e244]: ✨
|
||||
- generic [ref=e245]: 24.7s
|
||||
- button "📋" [ref=e246]
|
||||
- button "删除该关键帧" [ref=e247]:
|
||||
- img [ref=e248]
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 分镜 1
|
||||
- generic: 24.73s
|
||||
- generic [ref=e251]:
|
||||
- button "frame 1 33.6s" [ref=e252]:
|
||||
- img "frame 1" [ref=e253]
|
||||
- generic [ref=e254]: 33.6s
|
||||
- button "📋" [ref=e255]
|
||||
- button "删除该关键帧" [ref=e256]:
|
||||
- img [ref=e257]
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 分镜 2
|
||||
- generic: 33.61s
|
||||
- generic [ref=e260]:
|
||||
- button "frame 2 37.7s" [ref=e261]:
|
||||
- img "frame 2" [ref=e262]
|
||||
- generic [ref=e263]: 37.7s
|
||||
- button "📋" [ref=e264]
|
||||
- button "删除该关键帧" [ref=e265]:
|
||||
- img [ref=e266]
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 分镜 3
|
||||
- generic: 37.70s
|
||||
- generic [ref=e269]:
|
||||
- button "frame 3 39.4s" [ref=e270]:
|
||||
- img "frame 3" [ref=e271]
|
||||
- generic [ref=e272]: 39.4s
|
||||
- button "📋" [ref=e273]
|
||||
- button "删除该关键帧" [ref=e274]:
|
||||
- img [ref=e275]
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 分镜 4
|
||||
- generic: 39.42s
|
||||
- generic [ref=e278]:
|
||||
- button "frame 4 1 43.1s" [ref=e279]:
|
||||
- img "frame 4" [ref=e280]
|
||||
- generic "1 个元素已抠图" [ref=e282]: "1"
|
||||
- generic [ref=e283]: 43.1s
|
||||
- button "📋" [ref=e284]
|
||||
- button "删除该关键帧" [ref=e285]:
|
||||
- img [ref=e286]
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 分镜 5
|
||||
- generic: 43.13s
|
||||
- generic [ref=e289]:
|
||||
- button "frame 5 45.0s" [ref=e290]:
|
||||
- img "frame 5" [ref=e291]
|
||||
- generic [ref=e292]: 45.0s
|
||||
- button "📋" [ref=e293]
|
||||
- button "删除该关键帧" [ref=e294]:
|
||||
- img [ref=e295]
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 分镜 6
|
||||
- generic: 45.05s
|
||||
- generic [ref=e298]:
|
||||
- button "frame 6 53.6s" [ref=e299]:
|
||||
- img "frame 6" [ref=e300]
|
||||
- generic [ref=e301]: 53.6s
|
||||
- button "📋" [ref=e302]
|
||||
- button "删除该关键帧" [ref=e303]:
|
||||
- img [ref=e304]
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 分镜 7
|
||||
- generic: 53.60s
|
||||
- generic [ref=e307]:
|
||||
- button "frame 7 56.0s" [ref=e308]:
|
||||
- img "frame 7" [ref=e309]
|
||||
- generic [ref=e310]: 56.0s
|
||||
- button "📋" [ref=e311]
|
||||
- button "删除该关键帧" [ref=e312]:
|
||||
- img [ref=e313]
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 分镜 8
|
||||
- generic: 55.96s
|
||||
- generic [ref=e316]:
|
||||
- button "frame 8 58.4s" [ref=e317]:
|
||||
- img "frame 8" [ref=e318]
|
||||
- generic [ref=e319]: 58.4s
|
||||
- button "📋" [ref=e320]
|
||||
- button "删除该关键帧" [ref=e321]:
|
||||
- img [ref=e322]
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 分镜 9
|
||||
- generic: 58.39s
|
||||
- generic [ref=e325]:
|
||||
- generic [ref=e327]:
|
||||
- img [ref=e329]
|
||||
- generic [ref=e333]: 镜头拆解 · 元素提取
|
||||
- generic [ref=e334]:
|
||||
- img [ref=e335]
|
||||
- button "钉住 · 锁定位置与尺寸" [ref=e339]:
|
||||
- img [ref=e340]
|
||||
- generic [ref=e343]:
|
||||
- generic [ref=e344]: STEP 2 · 0/10 入编排 · 完成
|
||||
- generic [ref=e345]:
|
||||
- text: 自动 10 张 ·
|
||||
- generic [ref=e346]: 1 已清洗
|
||||
- text: ·
|
||||
- generic [ref=e347]: 1/2 已抠图
|
||||
- text: 点缩略图 → 清洗水印 / 提取可借鉴元素 → 改造成 SKG 画面素材
|
||||
- generic "拖动调整宽度" [ref=e349]
|
||||
- generic "拖动调整大小（宽 × 高）" [ref=e350]
|
||||
- group [ref=e351]:
|
||||
- generic [ref=e352]:
|
||||
- generic [ref=e354]:
|
||||
- img [ref=e356]
|
||||
- generic [ref=e359]: 声音文案 · ASR
|
||||
- button "钉住 · 锁定位置与尺寸" [ref=e362]:
|
||||
- img [ref=e363]
|
||||
- generic [ref=e366]:
|
||||
- generic [ref=e367]: STEP 3 · 可选文案轨 · 待运行
|
||||
- generic [ref=e368]: Gemini 2.5 · 英文带时间戳分段
|
||||
- generic "拖动调整宽度" [ref=e370]
|
||||
- generic "拖动调整大小（宽 × 高）" [ref=e371]
|
||||
- group [ref=e372]:
|
||||
- generic [ref=e373]:
|
||||
- generic [ref=e375]:
|
||||
- img [ref=e377]
|
||||
- generic [ref=e381]: 翻译理解 · Translate
|
||||
- button "钉住 · 锁定位置与尺寸" [ref=e384]:
|
||||
- img [ref=e385]
|
||||
- generic [ref=e388]:
|
||||
- generic [ref=e389]: STEP 4 · EN → ZH · 待运行
|
||||
- generic [ref=e390]: 中文翻译 · 段落级 · 实时输出
|
||||
- generic "拖动调整宽度" [ref=e392]
|
||||
- generic "拖动调整大小（宽 × 高）" [ref=e393]
|
||||
- group [ref=e394]:
|
||||
- generic [ref=e395]:
|
||||
- generic [ref=e397]:
|
||||
- button "透明骷髅" [ref=e398]:
|
||||
- img "透明骷髅" [ref=e399]
|
||||
- button "📋" [ref=e400]
|
||||
- generic:
|
||||
- generic:
|
||||
- generic:
|
||||
- generic: 分镜 5
|
||||
- generic: 43.13s
|
||||
- generic [ref=e401]:
|
||||
- generic [ref=e403]:
|
||||
- img [ref=e405]
|
||||
- generic [ref=e410]: 元素改造 · Storyboard
|
||||
- generic [ref=e411]:
|
||||
- img [ref=e412]
|
||||
- button "钉住 · 锁定位置与尺寸" [ref=e416]:
|
||||
- img [ref=e417]
|
||||
- generic [ref=e420]:
|
||||
- generic [ref=e421]: STEP 6 · 参考元素 → SKG 画面 · 完成
|
||||
- generic [ref=e422]:
|
||||
- text: 不是复刻原视频：先把参考图里的主体 / 场景 / 动作 / 道具拆出来，再替换成 SKG 产品画面。
|
||||
- generic [ref=e423]: 已有 1 个提取元素 · 0 个分镜进入编排
|
||||
- button "进入分镜编排" [disabled] [ref=e424]
|
||||
- generic "拖动调整宽度" [ref=e426]
|
||||
- generic "拖动调整大小（宽 × 高）" [ref=e427]
|
||||
- group [ref=e428]:
|
||||
- generic [ref=e429]:
|
||||
- generic [ref=e431]:
|
||||
- img [ref=e433]
|
||||
- generic [ref=e437]: 产品文案 · Rewrite
|
||||
- button "钉住 · 锁定位置与尺寸" [ref=e440]:
|
||||
- img [ref=e441]
|
||||
- generic [ref=e444]:
|
||||
- generic [ref=e445]: STEP 5 · 接 SKG 卖点 · 待运行
|
||||
- textbox "粘贴 SKG 产品信息 / 关键卖点（可作为视频脚本和镜头动作参考）" [disabled] [ref=e446]
|
||||
- generic [ref=e447]: 下一冲刺接入
|
||||
- generic "拖动调整宽度" [ref=e449]
|
||||
- generic "拖动调整大小（宽 × 高）" [ref=e450]
|
||||
- group [ref=e451]:
|
||||
- generic [ref=e453]:
|
||||
- generic [ref=e455]:
|
||||
- img [ref=e457]
|
||||
- generic [ref=e459]: 生成视频 · Video Gen
|
||||
- button "钉住 · 锁定位置与尺寸" [ref=e462]:
|
||||
- img [ref=e463]
|
||||
- generic [ref=e466]:
|
||||
- generic [ref=e467]: STEP 7 · 首帧 + 动作 prompt · 待运行
|
||||
- generic [ref=e468]:
|
||||
- generic [ref=e469]: Seedance
|
||||
- generic [ref=e470]: Kling
|
||||
- generic [ref=e471]: Veo 3
|
||||
- generic "拖动调整宽度" [ref=e473]
|
||||
- generic "拖动调整大小（宽 × 高）" [ref=e474]
|
||||
- group [ref=e475]:
|
||||
- generic [ref=e476]:
|
||||
- generic [ref=e478]:
|
||||
- img [ref=e480]
|
||||
- generic [ref=e484]: 合成成品 · Compose
|
||||
- button "钉住 · 锁定位置与尺寸" [ref=e487]:
|
||||
- img [ref=e488]
|
||||
- generic [ref=e491]:
|
||||
- generic [ref=e492]: STEP 8 · ffmpeg + 字幕 · 待运行
|
||||
- generic [ref=e493]:
|
||||
- text: 视频片段 + 字幕 / TTS
|
||||
- text: → 最终 mp4 输出
|
||||
- generic "拖动调整宽度" [ref=e494]
|
||||
- generic "拖动调整大小（宽 × 高）" [ref=e495]
|
||||
- img
|
||||
- generic "Control Panel" [ref=e496]:
|
||||
- button "Zoom In" [ref=e497] [cursor=pointer]:
|
||||
- img [ref=e498]
|
||||
- button "Zoom Out" [ref=e500] [cursor=pointer]:
|
||||
- img [ref=e501]
|
||||
- button "Fit View" [ref=e503] [cursor=pointer]:
|
||||
- img [ref=e504]
|
||||
- button "Toggle Interactivity" [ref=e506] [cursor=pointer]:
|
||||
- img [ref=e507]
|
||||
- img "Mini Map" [ref=e510]
|
||||
- region "Notifications alt+T":
|
||||
- list:
|
||||
- listitem [ref=e520]:
|
||||
- img [ref=e522]
|
||||
- generic [ref=e525]: 已自动排版 · 保留每个节点的尺寸
|
||||
- listitem [ref=e526]:
|
||||
- img [ref=e528]
|
||||
- generic [ref=e531]: 📥 视频已就绪 — 请点 Input 节点里的「点这里开始解析」按钮
|
||||
- alert [ref=e532]
|
||||
@@ -499,6 +499,9 @@ export default function Home() {
|
||||
))
|
||||
}, [pinnedNodes, setNodes])
|
||||
|
||||
// 首次挂载、所有节点都被 ReactFlow 测量到后，自动整理一次（用户偏好：每次刷新自动归位）
|
||||
const initialLayoutDone = useRef(false)
|
||||
|
||||
// 自动排版：保留每个节点的当前宽高（用户为方便看而调过的尺寸），只重新计算 position
|
||||
// 让卡片按管线列分组、列间和列内留出统一间距，不重叠。
|
||||
const handleResetLayout = useCallback(() => {
|
||||
@@ -547,6 +550,20 @@ export default function Home() {
|
||||
toast.success("已自动排版 · 保留每个节点的尺寸")
|
||||
}, [setNodes])
|
||||
|
||||
// 首次：等所有节点都被 ReactFlow 测量到（n.measured 出现）后自动排版一次，避免叠在一起
|
||||
useEffect(() => {
|
||||
if (initialLayoutDone.current) return
|
||||
const main = nodes.filter((n) => n.id !== KEYFRAME_PANEL_ID)
|
||||
if (main.length === 0) return
|
||||
const allMeasured = main.every((n) => {
|
||||
const m = (n as any).measured as { width?: number; height?: number } | undefined
|
||||
return m && typeof m.width === "number" && typeof m.height === "number" && m.height > 0
|
||||
})
|
||||
if (!allMeasured) return
|
||||
initialLayoutDone.current = true
|
||||
setTimeout(() => handleResetLayout(), 80)
|
||||
}, [nodes, handleResetLayout])
|
||||
|
||||
// 持久化每个节点宽 / 高到 localStorage（KeyframePanelNode 自己管尺寸，不写回）
|
||||
useEffect(() => {
|
||||
const sizes: Record<string, NodeSize> = {}
|
||||
|
||||
@@ -26,7 +26,7 @@ export function HoverPreview({
|
||||
imgSrc, videoSrc, poster, aspect,
|
||||
label, caption,
|
||||
borderClass = "border-violet-300/55",
|
||||
width = 480,
|
||||
width = 280,
|
||||
pinned = false,
|
||||
onClose,
|
||||
}: Props) {
|
||||
|
||||
@@ -98,6 +98,18 @@ export function InputNode({ data, selected }: NodeProps<{ data: NodeData }> | an
|
||||
const videoRef = useRef<HTMLVideoElement>(null)
|
||||
const job = d.job
|
||||
|
||||
// 点击 input 节点外的任何位置 → 取消 pin
|
||||
useEffect(() => {
|
||||
if (pinnedPreviewJob === null) return
|
||||
const handler = (e: MouseEvent) => {
|
||||
const t = e.target as HTMLElement
|
||||
if (t.closest('.react-flow__node[data-id="input"]')) return
|
||||
setPinnedPreviewJob(null)
|
||||
}
|
||||
document.addEventListener("mousedown", handler)
|
||||
return () => document.removeEventListener("mousedown", handler)
|
||||
}, [pinnedPreviewJob])
|
||||
|
||||
// 是否已下载 → 显示视频 + 解析按钮
|
||||
const hasVideo = !!job?.video_url
|
||||
const isDownloading = job?.status === "downloading" || job?.status === "created"
|
||||
@@ -388,6 +400,18 @@ export function KeyframeNode({ data, selected }: any) {
|
||||
const aspectStr = d.job && d.job.height > 0 ? `${d.job.width}/${d.job.height}` : "9/16"
|
||||
const [pinnedPreviewFrame, setPinnedPreviewFrame] = useState<number | null>(null)
|
||||
|
||||
// 点击 keyframe 节点外的任何位置 → 取消 pin
|
||||
useEffect(() => {
|
||||
if (pinnedPreviewFrame === null) return
|
||||
const handler = (e: MouseEvent) => {
|
||||
const t = e.target as HTMLElement
|
||||
if (t.closest('.react-flow__node[data-id="keyframe"]')) return
|
||||
setPinnedPreviewFrame(null)
|
||||
}
|
||||
document.addEventListener("mousedown", handler)
|
||||
return () => document.removeEventListener("mousedown", handler)
|
||||
}, [pinnedPreviewFrame])
|
||||
|
||||
return (
|
||||
<div className="relative" style={{ width: "100%", height: "100%" }}>
|
||||
{/* 缩略图浮条 — 单行横滚 + 固定高度，跟节点宽度对齐；超出横滚（视觉类节点统一规则） */}
|
||||
|
||||
Reference in New Issue
Block a user