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