2 lines
6.7 KiB
JavaScript
2 lines
6.7 KiB
JavaScript
import{aA as L,r as g,m as W,z as u,A as c,B as t,R as o,J as i,u as l,O as f,aD as $,Q as R,a4 as Y,P as r,W as h}from"./vue-vendor-164775a6.js";import{E as Q,u as q,z as p,q as J,d as Z,v as E,r as j,t as G,A as H,B as y,C as K}from"./element-plus-4a19e5e8.js";import{i as X}from"./imageToVideo-6b02abdd.js";import{_ as ss}from"./index-2fb4354b.js";import"./utils-edfcd65b.js";const ts={class:"image-to-video-page"},es={class:"sidebar"},as={class:"nav-menu"},os={class:"nav-item active"},ls={class:"main-content"},is={class:"user-info-card"},ds={class:"edit-profile-btn"},ns={class:"published-works"},rs={class:"works-grid"},us=["onClick"],cs={class:"work-thumbnail"},vs=["src","alt"],ps=["src"],ms={key:2,class:"work-placeholder"},_s={class:"work-overlay"},fs={class:"overlay-text"},gs=["onClick"],ys={class:"work-info"},bs={class:"work-title"},Ts={class:"work-meta"},Cs={key:0,class:"work-actions"},ks={key:1,class:"work-director"},Is={class:"detail-content"},Vs={class:"detail-left"},Ds={class:"video-player"},hs=["src","alt"],Es={class:"detail-right"},xs={class:"metadata-section"},Us={class:"metadata-item"},zs={class:"value"},As={class:"metadata-item"},Ns={class:"value"},Ss={class:"metadata-item"},Bs={class:"value"},Ms={class:"metadata-item"},ws={class:"value"},Fs={class:"description-section"},Os={class:"description-text"},Ps={__name:"ImageToVideo",setup(Ls){const v=L(),m=g(!1),d=g(null),b=g([]),x=()=>{v.push("/profile")},U=()=>{v.push("/subscription")},z=()=>{v.push("/works")},A=()=>{v.push("/text-to-video/create")},N=()=>{v.push("/storyboard-video/create")},T=a=>{v.push("/image-to-video/create")},S=a=>{d.value=a,m.value=!0},C=()=>{m.value=!1,d.value=null},B=a=>a?`这是一个${a.category}作品，展现了"What Does it Mean To You"的主题。作品通过AI技术生成，具有独特的视觉风格和创意表达。`:"",M=()=>{C(),v.push("/image-to-video/create")},w=a=>a.size?a.size:"未知大小",F=a=>{const s=a.target;s&&s.tagName==="VIDEO"&&(s.currentTime=0,s.play().catch(()=>{}))},O=a=>{const s=a.target;s&&s.tagName==="VIDEO"&&(s.pause(),s.currentTime=0)},P=async()=>{try{const a=await X.getTasks(0,20);a.data&&a.data.success&&a.data.data&&(b.value=a.data.data.filter(s=>s.status==="COMPLETED"&&(s.resultUrl||s.firstFrameUrl)).map(s=>({taskId:s.taskId,prompt:s.prompt,resultUrl:s.resultUrl,firstFrameUrl:s.firstFrameUrl,status:s.status,createdAt:s.createdAt,id:s.taskId,title:s.prompt||"图生视频",text:s.prompt||"图生视频",category:"图生视频",createTime:s.createdAt?new Date(s.createdAt).toLocaleString("zh-CN"):""})))}catch(a){console.error("加载任务列表失败:",a),Q.error("加载任务列表失败")}};return W(()=>{P()}),(a,s)=>{var k;return u(),c("div",ts,[t("aside",es,[s[11]||(s[11]=t("div",{class:"logo"},"logo",-1)),t("nav",as,[t("div",{class:"nav-item",onClick:x},[o(l(p),null,{default:i(()=>[o(l(q))]),_:1}),s[3]||(s[3]=t("span",null,"个人主页",-1))]),t("div",{class:"nav-item",onClick:U},[o(l(p),null,{default:i(()=>[o(l(J))]),_:1}),s[4]||(s[4]=t("span",null,"会员订阅",-1))]),t("div",{class:"nav-item",onClick:z},[o(l(p),null,{default:i(()=>[o(l(Z))]),_:1}),s[5]||(s[5]=t("span",null,"我的作品",-1))]),s[10]||(s[10]=t("div",{class:"nav-divider"},null,-1)),t("div",{class:"nav-item",onClick:A},[o(l(p),null,{default:i(()=>[o(l(E))]),_:1}),s[6]||(s[6]=t("span",null,"文生视频",-1))]),t("div",os,[o(l(p),null,{default:i(()=>[o(l(j))]),_:1}),s[7]||(s[7]=t("span",null,"图生视频",-1))]),t("div",{class:"nav-item storyboard-item",onClick:N},[o(l(p),null,{default:i(()=>[o(l(G))]),_:1}),s[9]||(s[9]=t("span",null,"分镜视频",-1)),o(l(H),{size:"small",type:"primary",class:"sora-tag"},{default:i(()=>[...s[8]||(s[8]=[f("Sora2.0",-1)])]),_:1})])])]),t("main",ls,[t("div",is,[s[13]||(s[13]=$('<div class="user-avatar" data-v-d6403dde><div class="avatar-placeholder" data-v-d6403dde>||</div></div><div class="user-details" data-v-d6403dde><div class="username" data-v-d6403dde>mingzi_FBx7foZYDS7inLQb</div><div class="profile-prompt" data-v-d6403dde>还没有设置个人简介,点击填写</div><div class="user-id" data-v-d6403dde>ID 2994509784706419</div></div>',2)),t("div",ds,[o(l(y),{type:"primary"},{default:i(()=>[...s[12]||(s[12]=[f("编辑资料",-1)])]),_:1})])]),t("div",ns,[s[18]||(s[18]=t("div",{class:"works-tabs"},[t("div",{class:"tab active"},"已发布")],-1)),t("div",rs,[(u(!0),c(R,null,Y(b.value,(e,_)=>(u(),c("div",{class:"work-item",key:e.taskId||e.id,onClick:n=>S(e)},[t("div",cs,[e.firstFrameUrl?(u(),c("img",{key:0,src:e.firstFrameUrl,alt:e.title||e.prompt,class:"work-image-thumbnail"},null,8,vs)):e.resultUrl?(u(),c("video",{key:1,src:e.resultUrl,class:"work-video-thumbnail",preload:"metadata",muted:"",onMouseenter:s[0]||(s[0]=n=>F(n)),onMouseleave:s[1]||(s[1]=n=>O(n))},null,40,ps)):(u(),c("div",ms,[...s[14]||(s[14]=[t("div",{class:"play-icon"},"▶",-1)])])),t("div",_s,[t("div",fs,r(e.prompt||e.text||"图生视频"),1)]),t("div",{class:"hover-create-btn",onClick:h(n=>T(),["stop"])},[o(l(y),{type:"primary",size:"small",round:""},{default:i(()=>[o(l(p),null,{default:i(()=>[o(l(E))]),_:1}),s[15]||(s[15]=f(" 做同款 ",-1))]),_:1})],8,gs)]),t("div",ys,[t("div",bs,r(e.prompt||e.title||"图生视频"),1),t("div",Ts,r(e.taskId||e.id)+" · "+r(w(e)),1)]),_===0?(u(),c("div",Cs,[o(l(y),{type:"primary",class:"create-similar-btn",onClick:h(n=>T(),["stop"])},{default:i(()=>[...s[16]||(s[16]=[f("做同款",-1)])]),_:1},8,["onClick"])])):(u(),c("div",ks,[...s[17]||(s[17]=[t("span",null,"DIRECTED BY VANNOCENT",-1)])]))],8,us))),128))])])]),o(l(K),{modelValue:m.value,"onUpdate:modelValue":s[2]||(s[2]=e=>m.value=e),title:(k=d.value)==null?void 0:k.title,width:"60%",class:"detail-dialog",modal:!0,"close-on-click-modal":!0,"close-on-press-escape":!0,onClose:C},{default:i(()=>{var e,_,n,I,V,D;return[t("div",Is,[t("div",Vs,[t("div",Ds,[t("img",{src:(e=d.value)==null?void 0:e.cover,alt:(_=d.value)==null?void 0:_.title,class:"video-thumbnail"},null,8,hs),s[19]||(s[19]=t("div",{class:"play-overlay"},[t("div",{class:"play-button"},"▶")],-1))])]),t("div",Es,[t("div",xs,[t("div",Us,[s[20]||(s[20]=t("span",{class:"label"},"作品 ID",-1)),t("span",zs,r((n=d.value)==null?void 0:n.id),1)]),t("div",As,[s[21]||(s[21]=t("span",{class:"label"},"文件大小",-1)),t("span",Ns,r((I=d.value)==null?void 0:I.size),1)]),t("div",Ss,[s[22]||(s[22]=t("span",{class:"label"},"创建时间",-1)),t("span",Bs,r((V=d.value)==null?void 0:V.createTime),1)]),t("div",Ms,[s[23]||(s[23]=t("span",{class:"label"},"分类",-1)),t("span",ws,r((D=d.value)==null?void 0:D.category),1)])]),t("div",Fs,[s[24]||(s[24]=t("h3",{class:"section-title"},"描述",-1)),t("p",Os,r(B(d.value)),1)]),t("div",{class:"action-section"},[t("button",{class:"create-similar-btn",onClick:M}," 做同款 ")])])])]}),_:1},8,["modelValue","title"])])}}},qs=ss(Ps,[["__scopeId","data-v-d6403dde"]]);export{qs as default};
|