Files
AIGC/demo/deploy_baota/frontend/static/MyWorks-3e2f213d.js
AIGC Developer dbd06435cb feat: 完成管理员密码登录修复和项目清理
- 修复BCryptPasswordEncoder密码验证问题
- 实现密码设置提示弹窗功能(仅对无密码用户显示一次)
- 优化修改密码逻辑和验证流程
- 更新Welcome页面背景样式
- 清理临时SQL文件和测试代码
- 移动数据库备份文件到database/backups目录
- 删除不必要的MD文档和临时文件
2025-11-21 16:10:00 +08:00

13 lines
28 KiB
JavaScript
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import{aA as Qe,r as m,c as Xe,m as Je,Y as Ze,al as y,z as f,A as h,B as s,R as r,J as c,u as a,P as n,O as g,a5 as et,Q as ue,M as T,a4 as tt,D as q,I as ve,K as ot,S as lt,T as st,W as K}from"./vue-vendor-164775a6.js";import{_ as at,f as rt,u as nt,a as it,L as ct,g as dt}from"./index-e070bca6.js";import{_ as pe}from"./avatar-default-20a1956c.js";import{E as w,a as Q,u as ut,o as vt,f as pt,v as X,q as _t,r as mt,t as _e,j as ft,x as ht,y as gt,z as yt,e as wt,A as kt,B as bt}from"./element-plus-83a396df.js";import{g as Tt,d as me,a as St,r as xt,b as Ct}from"./userWorks-08b33a1d.js";import"./utils-edfcd65b.js";const Dt={class:"works-page"},Ut={class:"sidebar"},Vt={class:"nav-menu"},zt={class:"nav-item active"},Et={class:"divider"},It={class:"tools-menu"},Bt={class:"main-content"},Ot={class:"top-header"},Lt={class:"header-right"},Rt={class:"points"},Ft={class:"points-icon"},At={class:"points-number"},Mt={class:"user-avatar"},Wt=["alt"],Nt={class:"toolbar"},Pt={class:"filters-bar"},qt={class:"filters-left"},Ht={class:"filters-right"},$t={class:"select-row"},jt=["onClick"];const Gt=["src","data-cover","poster"],Yt=["src","alt"],Kt={key:3,class:"work-placeholder"},Qt={class:"placeholder-text"},Xt={key:4,class:"checker"},Jt=["onClick"],Zt={class:"meta"},eo=["title"],to={class:"sub"},oo={key:0,class:"detail-content"},lo={class:"detail-left"},so={class:"video-container"},ao={key:0,class:"video-error-overlay"},ro={class:"error-content"},no={class:"error-actions"},io=["src","poster"],co=["src","alt"],uo={class:"detail-right"},vo={class:"detail-header"},po={class:"user-info"},_o={class:"avatar"},mo=["alt"],fo={class:"username"},ho={class:"tabs"},go={key:0,class:"description-section"},yo={class:"section-title"},wo={class:"description-text"},ko={key:1,class:"reference-content"},bo={class:"input-details-section"},To={class:"section-title"},So={class:"input-images"},xo={class:"input-image-item"},Co=["src","alt"],Do={class:"input-image-item"},Uo=["src","alt"],Vo={class:"description-section"},zo={class:"section-title"},Eo={class:"description-text"},Io={key:2,class:"description-section"},Bo={class:"section-title"},Oo={class:"description-text"},Lo={class:"metadata-section"},Ro={class:"metadata-item"},Fo={class:"label"},Ao={class:"value"},Mo={class:"metadata-item"},Wo={class:"label"},No={class:"value"},Po={class:"metadata-item"},qo={class:"label"},Ho={class:"value"},$o={key:0,class:"metadata-item"},jo={class:"label"},Go={class:"value"},Yo={key:1,class:"metadata-item"},Ko={class:"label"},Qo={class:"value"},Xo={class:"metadata-item"},Jo={class:"label"},Zo={class:"value"},el={key:2,class:"metadata-item"},tl={class:"label"},ol={class:"value"},ll={class:"action-section"},sl={key:0,class:"loading-indicator"},al={key:1,class:"finished"},rl=["title"],nl={__name:"MyWorks",setup(il){const{t:o}=rt(),C=Qe(),fe=nt(),J=m({username:"",nickname:"",bio:"",avatar:"",id:"",points:0,frozenPoints:0}),E=m("all");m([]);const U=m(""),z=m("all"),I=m(""),H=m("date");m("desc");const B=m(""),O=m(!1),S=m(new Set),A=m(!1),v=m(null),D=m("detail"),L=m(!1),$=m(null),R=m(1),Z=m(20),F=m(!1),M=m(!0),x=m([]),ee=m(!1),W=m(new Set),te=e=>e?e.startsWith("http://")||e.startsWith("https://")||e.startsWith("/")?e:"/"+e:null,oe=e=>{var u,b;const t=te(e.resultUrl),l=te(e.thumbnailUrl),i=l||t||"/images/backgrounds/welcome.jpg";return console.log(`转换作品 ${e.id}:`,{原始resultUrl:e.resultUrl,原始thumbnailUrl:e.thumbnailUrl,处理后resultUrl:t,处理后thumbnailUrl:l,最终cover:i}),{id:((u=e.id)==null?void 0:u.toString())||e.taskId||"",title:e.title||e.prompt||"未命名作品",cover:i,resultUrl:t||"",type:e.workType==="TEXT_TO_VIDEO"||e.workType==="IMAGE_TO_VIDEO"||e.workType==="STORYBOARD_VIDEO"?"video":"image",category:e.workType==="TEXT_TO_VIDEO"?"文生视频":e.workType==="IMAGE_TO_VIDEO"?"图生视频":e.workType==="STORYBOARD_VIDEO"?"分镜视频":e.workType==="STORYBOARD_IMAGE"?"分镜图":"未知",sizeText:e.fileSize||"未知大小",createTime:e.createdAt?new Date(e.createdAt).toLocaleString("zh-CN"):"",date:e.createdAt?new Date(e.createdAt).toLocaleDateString("zh-CN"):"",description:e.description||e.prompt||"",prompt:e.prompt||"",duration:e.duration||e.videoDuration||e.length||"",aspectRatio:e.aspectRatio||e.ratio||e.aspect||"",quality:e.quality||e.resolution||"",username:e.username||((b=e.user)==null?void 0:b.username)||e.creator||e.author||e.owner||"未知用户",status:e.status||"COMPLETED"}},N=async()=>{F.value=!0;try{const e=await Tt({page:R.value-1,size:Z.value});if(e.data.success){const t=e.data.data||[];console.log("原始作品数据:",t),t.forEach((i,u)=>{console.log(`作品 ${u}:`,{id:i.id,title:i.title||i.prompt,status:i.status,resultUrl:i.resultUrl,thumbnailUrl:i.thumbnailUrl,workType:i.workType})});const l=t.map(oe);console.log("转换后的作品数据:",l),R.value===1&&(x.value=[]),x.value=x.value.concat(l),M.value=t.length===Z.value}else throw new Error(e.data.message||o("profile.loadWorksFailed"))}catch(e){console.error("加载作品列表失败:",e),w.error(o("profile.loadWorksFailed"))}finally{F.value=!1}},j=Xe(()=>{let e=[...x.value];if(e=e.filter(t=>{const l=t.resultUrl&&W.value.has(t.resultUrl),i=t.cover&&W.value.has(t.cover);return!l&&!i}),U.value){const t=new Date,l=new Date(t.getFullYear(),t.getMonth(),t.getDate());e=e.filter(i=>{if(!i.createdAt&&!i.date)return!1;let u;if(i.createdAt?u=new Date(i.createdAt):i.date&&(u=new Date(i.date)),!u||isNaN(u.getTime()))return!1;const b=new Date(u.getFullYear(),u.getMonth(),u.getDate());if(U.value==="today")return b.getTime()===l.getTime();if(U.value==="week"){const p=new Date(l);return p.setDate(p.getDate()-7),b>=p&&b<=l}else if(U.value==="month"){const p=new Date(l);return p.setDate(p.getDate()-30),b>=p&&b<=l}return!0})}if(E.value==="video"?e=e.filter(t=>t.type==="video"):E.value==="image"&&(e=e.filter(t=>t.type==="image")),z.value!=="all"){const l={text2video:"文生视频",image2video:"图生视频",storyboard:"分镜视频",reference:"参考图"}[z.value];l&&(e=e.filter(i=>i.category===l))}if(I.value&&(e=e.filter(t=>{const l=(t.quality||"").toLowerCase(),i=I.value.toLowerCase();return i==="sd"?l==="sd"||l.includes("标清"):i==="hd"?l==="hd"||l.includes("高清"):i==="uhd"?l==="uhd"||l.includes("超清")||l.includes("4k"):!1})),B.value){const t=B.value.toLowerCase();e=e.filter(l=>l.title.toLowerCase().includes(t)||l.id.includes(t))}return e}),he=()=>{R.value=1,M.value=!0,N()},ge=()=>{console.log("筛选条件变化:",{category:z.value,activeTab:E.value})},ye=()=>{F.value||!M.value||(R.value+=1,N())},we=e=>{const t=e.target,l=t.scrollTop,i=t.scrollHeight,u=t.clientHeight;ee.value=l>300,i-l-u<100&&ye()},ke=()=>{const e=document.querySelector(".content-area");e&&e.scrollTo({top:0,behavior:"smooth"})},be=async e=>{var t;try{const l=await St(e.id),i=((t=l==null?void 0:l.data)==null?void 0:t.data)||(l==null?void 0:l.data)||null;i?v.value=oe(i):v.value=e}catch(l){console.warn("获取作品详情失败,使用已有数据:",l),v.value=e}A.value=!0},le=e=>{if(!e)return"";const t=e.prompt&&e.prompt.trim()?e.prompt:e.description&&e.description.trim()?e.description:"";return t||o("profile.noPrompt")},Te=e=>{if(!e)return"";const t=e.toUpperCase();return{SD:o("works.sd"),HD:o("works.hd"),UHD:o("works.uhd"),"4K":o("works.uhd")}[t]||t},Se=e=>{if(e==null||e==="")return"";if(typeof e=="number")return`${e}s`;if(typeof e=="string"){const t=e.trim();return/^\d+$/.test(t)?`${t}s`:t}return String(e)},se=()=>{A.value=!1,v.value=null,D.value="detail",L.value=!1},xe=e=>{console.log("✓ 详情页视频加载成功"),L.value=!1},Ce=e=>{var l,i;console.error("❌ 详情页视频加载失败:",(l=e.target)==null?void 0:l.src),L.value=!0;const t=(i=e.target)==null?void 0:i.src;t&&(console.log("🔍 开始诊断详情页视频加载失败原因..."),fetch(t,{method:"HEAD"}).then(u=>{console.log("📊 HTTP 响应状态:",u.status,u.statusText),u.status===403?(console.error("🔒 403 Forbidden - OSS Bucket 权限问题!"),console.error("💡 解决方法:"),console.error(" 1. 检查 OSS Bucket 读取权限设置"),console.error(" 2. 后端需要生成签名 URL")):u.status===404?(console.error("❌ 404 Not Found - 文件不存在!"),console.error("💡 可能原因:"),console.error(" 1. OSS 设置了生命周期规则自动删除"),console.error(" 2. 文件被手动删除"),console.error(" 3. 检查 OSS 控制台是否还有该文件")):u.ok&&(console.log("✓ 文件存在但无法播放"),console.error("💡 可能原因CORS 配置或视频编码问题"))}).catch(u=>console.error("🌐 网络错误:",u.message)))},De=()=>{L.value=!1,$.value&&$.value.load()},Ue=async()=>{if(v.value)try{await Q.confirm(o("works.deleteFailedWorkConfirm"),o("works.deleteConfirmTitle"),{type:"warning",confirmButtonText:o("common.delete"),cancelButtonText:o("common.cancel"),confirmButtonClass:"el-button--danger"}),console.log("删除作品:",v.value.id);const e=await me(v.value.id);if(e.data.success)w.success(o("works.deleteSuccess")),se(),x.value=x.value.filter(t=>t.id!==v.value.id);else throw new Error(e.data.message||o("works.deleteFailed"))}catch(e){e!=="cancel"&&(console.error("删除作品失败:",e),w.error(e.message||o("works.deleteFailed")))}},ae=e=>{e?(w.info(o("works.createSimilarInfo",{title:e.title})),e.type==="video"?C.push("/text-to-video/create"):e.type==="image"?C.push("/image-to-video/create"):C.push("/text-to-video/create")):w.info(o("works.goToCreate"))},G=async e=>{try{if(!e.resultUrl){w.error(o("works.noDownloadUrl"));return}w.success(o("works.downloadStart",{title:e.title}));try{await xt(e.id)}catch(V){console.warn("记录下载次数失败:",V)}const t=Ct(e.id,!1),l=sessionStorage.getItem("token"),i=await fetch(t,{method:"GET",headers:{Authorization:`Bearer ${l}`},redirect:"follow"});if(!i.ok)throw new Error(`HTTP ${i.status}: ${i.statusText}`);const u=await i.blob(),b=window.URL.createObjectURL(u),p=i.headers.get("content-disposition");let k=e.title||"work";if(p){const V=p.match(/filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/);V&&V[1]&&(k=decodeURIComponent(V[1].replace(/['"]/g,"").replace(/%20/g," ")))}k.includes(".")||(k+=e.type==="video"?".mp4":".png");const _=document.createElement("a");_.href=b,_.download=k,document.body.appendChild(_),_.click(),document.body.removeChild(_),setTimeout(()=>window.URL.revokeObjectURL(b),1e3)}catch(t){console.error("下载作品失败:",t),w.error(o("works.downloadFailed"))}},Ve=async(e,t)=>{if(e==="download_with_watermark"||e==="download_without_watermark")await G(t);else if(e==="rename")w.info(o("works.renameDevMsg"));else if(e==="delete")try{await Q.confirm(o("works.deleteWorkConfirm"),o("works.deleteConfirmTitle"),{type:"warning",confirmButtonText:o("common.delete"),cancelButtonText:o("common.cancel")});const l=await me(t.id);if(l.data.success)w.success(o("works.deleteSuccess")),x.value=x.value.filter(i=>i.id!==t.id);else throw new Error(l.data.message||o("works.deleteFailed"))}catch(l){l!=="cancel"&&(console.error("删除作品失败:",l),w.error(l.message||o("works.deleteFailed")))}},re=e=>{const t=new Set(S.value);t.has(e)?t.delete(e):t.add(e),S.value=t},ze=async()=>{if(S.value.size===0){w.warning(o("works.noItemsSelected"));return}w.success(o("works.bulkDownloadStart",{count:S.value.size}));const e=x.value.filter(t=>S.value.has(t.id));for(const t of e)try{await G(t),await new Promise(l=>setTimeout(l,500))}catch(l){console.error(`下载作品 ${t.id} 失败:`,l)}w.success(o("works.bulkDownloadComplete"))},Ee=async()=>{try{await Q.confirm(o("works.bulkDeleteConfirm",{count:S.value.size}),o("works.deleteConfirmTitle"),{type:"warning",confirmButtonText:o("common.delete"),cancelButtonText:o("common.cancel")}),w.success(o("works.bulkDeleteSuccess")),S.value=new Set}catch{}},Ie=()=>{console.log("导航到个人主页"),C.push("/profile")},Be=()=>{console.log("导航到会员订阅"),C.push("/subscription")},Oe=()=>{console.log("导航到文生视频创作"),C.push("/text-to-video/create")},Le=()=>{console.log("导航到图生视频创作"),C.push("/image-to-video/create")},Re=()=>{console.log("导航到分镜视频创作"),C.push("/storyboard-video/create")},Fe=()=>{U.value="",z.value="all",I.value="",H.value="date",B.value="",w.success(o("works.filtersReset"))},Ae=e=>{const t=e.target;console.log("✓ 视频加载成功:",t.src),console.log("视频信息:",{duration:t.duration,videoWidth:t.videoWidth,videoHeight:t.videoHeight,readyState:t.readyState}),t&&t.duration&&(t.currentTime=.1,t.pause())},Me=e=>{const t=e.target,l=t.src;console.error("❌ 视频加载失败:",l),console.error("错误详情:",e),W.value.add(l),console.log("🔍 开始诊断视频加载失败原因..."),fetch(l,{method:"HEAD"}).then(u=>{console.log("📊 HTTP 响应状态:",u.status,u.statusText),console.log("📊 响应头:",[...u.headers.entries()]),u.status===403?(console.error("🔒 403 Forbidden - OSS Bucket 权限问题!"),console.error("💡 可能原因:"),console.error(' 1. Bucket 从"公共读"改为"私有"'),console.error(" 2. 需要使用签名 URL 访问"),console.error(" 3. IP 白名单限制")):u.status===404?(console.error("❌ 404 Not Found - 文件不存在!"),console.error("💡 可能原因:"),console.error(" 1. 文件被删除(手动或生命周期规则)"),console.error(" 2. 文件路径变化"),console.error(" 3. URL 格式错误")):u.ok&&(console.log("✓ HTTP 状态正常,可能是 CORS 或视频编码问题"),console.error("💡 可能原因:"),console.error(" 1. OSS CORS 配置缺失或错误"),console.error(" 2. 视频编码格式浏览器不支持"))}).catch(u=>{console.error("🌐 网络错误:",u.message),console.error("💡 可能原因:"),console.error(" 1. 网络连接问题"),console.error(" 2. DNS 解析失败"),console.error(" 3. 阿里云账户欠费")});const i=new Image;if(i.onload=()=>console.log("✓ URL 可访问(使用 Image 测试)"),i.onerror=()=>console.error("✗ URL 不可访问(使用 Image 测试)"),i.src=l,t){t.style.display="none";const u=t.parentElement,b=u.querySelector(".fallback-cover-image"),p=u.querySelector(".work-placeholder"),k=t.getAttribute("data-cover");if(k&&k!==l&&k!==""&&!b){console.log("🔄 视频加载失败,尝试使用独立封面图:",k);const _=document.createElement("img");_.className="fallback-cover-image work-thumbnail-video",_.src=k,_.alt="封面图",_.style.cssText="position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;",_.onerror=()=>{console.error("❌ 封面图也加载失败:",k),_.style.display="none",ne(u,p)},u.appendChild(_)}else console.warn("⚠️ 没有独立封面图,显示占位符"),ne(u,p)}},ne=(e,t)=>{if(t)t.style.display="flex";else{const l=document.createElement("div");l.className="work-placeholder",l.innerHTML=`
<svg class="el-icon" style="width: 1em; height: 1em; font-size: 32px; margin-bottom: 8px;">
<use href="#icon-video-play"></use>
</svg>
<div class="placeholder-text" style="font-size: 13px; color: #999;">视频加载失败</div>
<div class="placeholder-text" style="font-size: 11px; color: #666; margin-top: 4px;">文件可能不存在</div>
`,l.style.cssText="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: flex; flex-direction: column; align-items: center; justify-content: center;",e.appendChild(l)}},We=e=>{const t=e.target,l=t.src;if(console.error("❌ 图片加载失败:",l),console.error("错误详情:",e),W.value.add(l),fetch(l,{method:"GET"}).then(i=>{i.ok?console.log("✓ 图片文件存在但浏览器无法加载,可能是 CORS 或格式问题"):console.error(`✗ HTTP ${i.status}: ${i.statusText} - 文件不存在或无权限`)}).catch(i=>{console.error("✗ 网络错误或文件不存在:",i.message)}),t){t.style.display="none";const i=t.parentElement.querySelector(".work-placeholder");if(i)i.style.display="flex";else{const u=document.createElement("div");u.className="work-placeholder",u.innerHTML=`
<svg class="el-icon" style="width: 1em; height: 1em; font-size: 24px;">
<use href="#icon-video-play"></use>
</svg>
<div class="placeholder-text">加载失败</div>
`,t.parentElement.appendChild(u)}}},ie=async()=>{var e;try{const t=await dt();if(console.log("获取用户信息响应:",t),t&&t.data&&t.data.success&&t.data.data){const l=t.data.data;console.log("用户数据:",l),J.value={username:l.username||"",nickname:l.nickname||l.username||"",bio:l.bio||"",avatar:l.avatar||"",id:l.id?String(l.id):"",points:l.points||0,frozenPoints:l.frozenPoints||0},console.log("设置后的用户信息:",J.value)}else console.error("获取用户信息失败:",((e=t==null?void 0:t.data)==null?void 0:e.message)||"未知错误"),w.error(o("profile.loadUserInfoFailed"))}catch(t){console.error("加载用户信息失败:",t),w.error(o("profile.loadUserInfoFailed")+": "+(t.message||"未知错误"))}};return Je(()=>{ie(),N()}),Ze(()=>{R.value=1,x.value=[],ie(),N()}),(e,t)=>{var de;const l=y("el-icon"),i=y("el-tag"),u=y("el-radio-button"),b=y("el-radio-group"),p=y("el-option"),k=y("el-select"),_=y("el-button"),V=y("el-input"),ce=y("el-checkbox"),Ne=y("el-tooltip"),P=y("el-dropdown-item"),Pe=y("el-dropdown-menu"),qe=y("el-dropdown"),He=y("el-space"),$e=y("el-card"),je=y("el-col"),Ge=y("el-row"),Ye=y("el-dialog"),Ke=y("el-empty");return f(),h("div",Dt,[s("aside",Ut,[t[12]||(t[12]=s("div",{class:"logo"},[s("img",{src:it,alt:"Logo"})],-1)),s("nav",Vt,[s("div",{class:"nav-item",onClick:Ie},[r(l,null,{default:c(()=>[r(a(ut))]),_:1}),s("span",null,n(a(o)("profile.title")),1)]),s("div",{class:"nav-item",onClick:Be},[r(l,null,{default:c(()=>[r(a(vt))]),_:1}),s("span",null,n(a(o)("profile.subscription")),1)]),s("div",zt,[r(l,null,{default:c(()=>[r(a(pt))]),_:1}),s("span",null,n(a(o)("works.title")),1)])]),s("div",Et,[s("span",null,n(a(o)("profile.tools")),1)]),s("nav",It,[s("div",{class:"nav-item",onClick:Oe},[r(l,null,{default:c(()=>[r(a(X))]),_:1}),s("span",null,n(a(o)("works.textToVideo")),1)]),s("div",{class:"nav-item",onClick:Le},[r(l,null,{default:c(()=>[r(a(_t))]),_:1}),s("span",null,n(a(o)("works.imageToVideo")),1)]),s("div",{class:"nav-item",onClick:Re},[r(l,null,{default:c(()=>[r(a(mt))]),_:1}),s("span",null,n(a(o)("works.storyboardVideo")),1),r(i,{size:"small",type:"primary",class:"sora-tag"},{default:c(()=>[...t[11]||(t[11]=[g("Sora2.0",-1)])]),_:1})])])]),s("main",Bt,[s("header",Ot,[s("div",Lt,[s("div",Rt,[s("div",Ft,[r(l,null,{default:c(()=>[r(a(_e))]),_:1})]),s("span",At,n(a(fe).availablePoints),1)]),r(ct),s("div",Mt,[s("img",{src:pe,alt:a(o)("dashboard.userAvatar")},null,8,Wt)])])]),s("div",{class:"content-area",onScroll:we},[s("div",Nt,[r(b,{modelValue:E.value,"onUpdate:modelValue":t[0]||(t[0]=d=>E.value=d),size:"small",class:"seg-control"},{default:c(()=>[r(u,{label:"all"},{default:c(()=>[g(n(a(o)("works.all")),1)]),_:1}),r(u,{label:"video"},{default:c(()=>[g(n(a(o)("works.video")),1)]),_:1}),r(u,{label:"image"},{default:c(()=>[g(n(a(o)("works.image")),1)]),_:1})]),_:1},8,["modelValue"])]),s("div",Pt,[s("div",qt,[r(k,{modelValue:U.value,"onUpdate:modelValue":t[1]||(t[1]=d=>U.value=d),placeholder:a(o)("works.dateFilter"),size:"small",style:{width:"100px"}},{default:c(()=>[r(p,{label:a(o)("works.today"),value:"today"},null,8,["label"]),r(p,{label:a(o)("works.thisWeek"),value:"week"},null,8,["label"]),r(p,{label:a(o)("works.thisMonth"),value:"month"},null,8,["label"])]),_:1},8,["modelValue","placeholder"]),r(k,{modelValue:z.value,"onUpdate:modelValue":t[2]||(t[2]=d=>z.value=d),placeholder:a(o)("works.taskType"),size:"small",style:{width:"100px"},onChange:ge},{default:c(()=>[r(p,{label:a(o)("works.all"),value:"all"},null,8,["label"]),r(p,{label:a(o)("works.textToVideo"),value:"text2video"},null,8,["label"]),r(p,{label:a(o)("works.imageToVideo"),value:"image2video"},null,8,["label"]),r(p,{label:a(o)("works.storyboardVideo"),value:"storyboard"},null,8,["label"])]),_:1},8,["modelValue","placeholder"]),r(k,{modelValue:I.value,"onUpdate:modelValue":t[3]||(t[3]=d=>I.value=d),placeholder:a(o)("works.resolution"),clearable:"",size:"small",style:{width:"100px"}},{default:c(()=>[r(p,{label:a(o)("works.sd"),value:"sd"},null,8,["label"]),r(p,{label:a(o)("works.hd"),value:"hd"},null,8,["label"]),r(p,{label:a(o)("works.uhd"),value:"uhd"},null,8,["label"])]),_:1},8,["modelValue","placeholder"]),r(k,{modelValue:H.value,"onUpdate:modelValue":t[4]||(t[4]=d=>H.value=d),placeholder:a(o)("works.sortBy"),size:"small",style:{width:"100px"}},{default:c(()=>[r(p,{label:a(o)("works.ratio"),value:"ratio"},null,8,["label"]),r(p,{label:a(o)("works.time"),value:"date"},null,8,["label"]),r(p,{label:a(o)("works.popular"),value:"hot"},null,8,["label"])]),_:1},8,["modelValue","placeholder"]),r(_,{size:"small",onClick:Fe},{default:c(()=>[g(n(a(o)("common.reset")),1)]),_:1})]),s("div",Ht,[r(V,{modelValue:B.value,"onUpdate:modelValue":t[5]||(t[5]=d=>B.value=d),placeholder:a(o)("works.searchPlaceholder"),size:"small",clearable:"",style:{width:"220px"},onKeyup:et(he,["enter","native"])},{prefix:c(()=>[r(l,null,{default:c(()=>[r(a(ft))]),_:1})]),_:1},8,["modelValue","placeholder"])])]),s("div",$t,[r(ce,{modelValue:O.value,"onUpdate:modelValue":t[6]||(t[6]=d=>O.value=d),size:"small"},{default:c(()=>[g(n(a(o)("works.selectItems",{count:S.value.size||6})),1)]),_:1},8,["modelValue"]),O.value&&S.value.size?(f(),h(ue,{key:0},[r(i,{type:"success",size:"small"},{default:c(()=>[g(n(a(o)("works.selectedCount",{count:S.value.size})),1)]),_:1}),r(_,{size:"small",type:"primary",onClick:ze,plain:""},{default:c(()=>[g(n(a(o)("video.download")),1)]),_:1}),r(_,{size:"small",type:"danger",onClick:Ee,plain:""},{default:c(()=>[g(n(a(o)("common.delete")),1)]),_:1})],64)):T("",!0)]),r(Ge,{gutter:16,class:"works-grid",justify:"start"},{default:c(()=>[(f(!0),h(ue,null,tt(j.value,d=>(f(),ve(je,{key:d.id,xs:24,sm:12,md:8,lg:6,xl:4},{default:c(()=>[r($e,{class:q(["work-card",{selected:S.value.has(d.id)}]),shadow:"hover"},{footer:c(()=>[r(He,{size:"small"},{default:c(()=>[r(_,{text:"",size:"small",onClick:K(cl=>G(d),["stop"])},{default:c(()=>[g(n(a(o)("video.download")),1)]),_:1},8,["onClick"])]),_:2},1024)]),default:c(()=>[s("div",{class:"thumb",onClick:Y=>O.value?re(d.id):be(d)},[T("",!0),d.type==="video"&&d.resultUrl?(f(),h("video",{key:1,src:d.resultUrl,"data-cover":d.cover!==d.resultUrl?d.cover:"",poster:d.cover!==d.resultUrl?d.cover:"/images/backgrounds/video-placeholder.jpg",class:"work-thumbnail-video",muted:"",preload:"metadata",onLoadedmetadata:Ae,onError:Me},null,40,Gt)):d.cover?(f(),h("img",{key:2,src:d.cover,alt:d.title,onError:We},null,40,Yt)):(f(),h("div",Kt,[r(l,null,{default:c(()=>[r(a(X))]),_:1}),s("div",Qt,n(d.status==="PROCESSING"?a(o)("works.processing"):a(o)("works.noPreview")),1)])),O.value?(f(),h("div",Xt,[r(ce,{"model-value":S.value.has(d.id),onChange:()=>re(d.id)},null,8,["model-value","onChange"])])):T("",!0),s("div",{class:"actions",onClick:t[7]||(t[7]=K(()=>{},["stop"]))},[r(Ne,{content:a(o)("works.favorite"),placement:"top"},{default:c(()=>[r(_,{circle:"",size:"small",text:""},{default:c(()=>[r(l,null,{default:c(()=>[r(a(_e))]),_:1})]),_:1})]),_:1},8,["content"]),r(qe,{onCommand:Y=>Ve(Y,d)},{dropdown:c(()=>[r(Pe,null,{default:c(()=>[r(P,{command:"download_with_watermark"},{default:c(()=>[g(n(a(o)("works.downloadWithWatermark")),1)]),_:1}),r(P,{command:"download_without_watermark"},{default:c(()=>[g(n(a(o)("works.downloadWithoutWatermark"))+" ",1),r(i,{type:"primary",size:"small",style:{"margin-left":"8px"}},{default:c(()=>[g(n(a(o)("works.memberOnly")),1)]),_:1})]),_:1}),r(P,{command:"rename",divided:""},{default:c(()=>[g(n(a(o)("works.rename")),1)]),_:1}),r(P,{command:"delete"},{default:c(()=>[g(n(a(o)("common.delete")),1)]),_:1})]),_:1})]),default:c(()=>[r(_,{circle:"",size:"small",text:""},{default:c(()=>[r(l,null,{default:c(()=>[r(a(ht))]),_:1})]),_:1})]),_:1},8,["onCommand"])]),s("div",{class:"hover-create-btn",onClick:K(Y=>ae(d),["stop"])},[r(_,{type:"primary",size:"small",round:""},{default:c(()=>[r(l,null,{default:c(()=>[r(a(X))]),_:1}),g(" "+n(a(o)("profile.createSimilar")),1)]),_:1})],8,Jt)],8,jt),s("div",Zt,[s("div",{class:"title",title:d.title},n(d.title),9,eo),s("div",to,[g(n(d.date||a(o)("profile.unknown"))+" · "+n(d.id)+" ",1),d.quality?(f(),h("span",{key:0,class:q(["quality-badge",`quality-${(d.quality||"").toLowerCase()}`])},n(Te(d.quality)),3)):T("",!0),g(" · "+n(d.sizeText),1)])])]),_:2},1032,["class"])]),_:2},1024))),128))]),_:1}),r(Ye,{modelValue:A.value,"onUpdate:modelValue":t[10]||(t[10]=d=>A.value=d),title:(de=v.value)==null?void 0:de.title,width:"60%","before-close":se,class:"detail-dialog",modal:!0,"close-on-click-modal":!0,"close-on-press-escape":!0},{default:c(()=>[v.value?(f(),h("div",oo,[s("div",lo,[s("div",so,[L.value?(f(),h("div",ao,[s("div",ro,[r(l,{class:"error-icon",size:48},{default:c(()=>[r(a(gt))]),_:1}),s("h3",null,n(a(o)("works.videoLoadFailed")),1),s("p",null,n(a(o)("works.videoFileNotExist")),1),s("div",no,[r(_,{type:"primary",onClick:De},{default:c(()=>[r(l,null,{default:c(()=>[r(a(yt))]),_:1}),g(" "+n(a(o)("works.retry")),1)]),_:1}),r(_,{type:"danger",onClick:Ue},{default:c(()=>[r(l,null,{default:c(()=>[r(a(wt))]),_:1}),g(" "+n(a(o)("works.deleteFailedWork")),1)]),_:1})])])])):T("",!0),v.value.type==="video"?(f(),h("video",{key:1,ref_key:"detailVideoRef",ref:$,class:"detail-video",src:v.value.resultUrl||v.value.cover,poster:v.value.cover!==v.value.resultUrl?v.value.cover:"",controls:"",onError:Ce,onLoadedmetadata:xe},n(a(o)("profile.browserNotSupport")),41,io)):(f(),h("img",{key:2,class:"detail-image",src:v.value.cover,alt:v.value.title},null,8,co))])]),s("div",uo,[s("div",vo,[s("div",po,[s("div",_o,[s("img",{src:pe,alt:a(o)("dashboard.userAvatar"),class:"avatar-image"},null,8,mo)]),s("div",fo,n(v.value&&v.value.username||a(o)("profile.anonymousUser")),1)])]),s("div",ho,[s("div",{class:q(["tab",{active:D.value==="detail"}]),onClick:t[8]||(t[8]=d=>D.value="detail")},n(a(o)("profile.workDetail")),3),s("div",{class:q(["tab",{active:D.value==="category"}]),onClick:t[9]||(t[9]=d=>D.value="category")},n(v.value.category),3)]),D.value==="detail"?(f(),h("div",go,[s("h3",yo,n(a(o)("video.prompt")),1),s("p",wo,n(le(v.value)),1)])):T("",!0),D.value==="category"&&v.value.category==="参考图"?(f(),h("div",ko,[s("div",bo,[s("h3",To,n(a(o)("profile.inputDetails")),1),s("div",So,[s("div",xo,[s("img",{src:v.value.cover,alt:v.value.title,class:"input-thumbnail"},null,8,Co)]),s("div",Do,[s("img",{src:v.value.cover,alt:v.value.title,class:"input-thumbnail"},null,8,Uo)])])]),s("div",Vo,[s("h3",zo,n(a(o)("video.prompt")),1),s("p",Eo,n(a(o)("works.referenceImagePrompt")),1)])])):T("",!0),D.value==="category"&&v.value.category!=="参考图"?(f(),h("div",Io,[s("h3",Bo,n(a(o)("video.prompt")),1),s("p",Oo,n(le(v.value)),1)])):T("",!0),s("div",Lo,[s("div",Ro,[s("span",Fo,n(a(o)("profile.createTime")),1),s("span",Ao,n(v.value.createTime),1)]),s("div",Mo,[s("span",Wo,n(a(o)("profile.workId")),1),s("span",No,n(v.value.id),1)]),s("div",Po,[s("span",qo,n(a(o)("profile.date")),1),s("span",Ho,n(v.value.date),1)]),v.value.type==="video"?(f(),h("div",$o,[s("span",jo,n(a(o)("profile.duration")),1),s("span",Go,n(Se(v.value.duration)||a(o)("profile.unknown")),1)])):T("",!0),v.value.type==="video"?(f(),h("div",Yo,[s("span",Ko,n(a(o)("profile.quality")),1),s("span",Qo,n(v.value.quality||a(o)("profile.unknown")),1)])):T("",!0),s("div",Xo,[s("span",Jo,n(a(o)("profile.category")),1),s("span",Zo,n(v.value.category),1)]),v.value.type==="video"?(f(),h("div",el,[s("span",tl,n(a(o)("profile.aspectRatio")),1),s("span",ol,n(v.value.aspectRatio||a(o)("profile.unknown")),1)])):T("",!0)]),s("div",ll,[s("button",{class:"create-similar-btn",onClick:ae},n(a(o)("profile.createSimilar")),1)])])])):T("",!0)]),_:1},8,["modelValue","title"]),F.value?(f(),h("div",sl,[r(l,{class:"is-loading"},{default:c(()=>[r(a(kt))]),_:1}),s("span",null,n(a(o)("common.loading")),1)])):T("",!0),!M.value&&j.value.length>0?(f(),h("div",al,[s("span",null,n(a(o)("works.allLoaded")),1)])):T("",!0),!F.value&&j.value.length===0?(f(),ve(Ke,{key:2,description:a(o)("works.noContent")},null,8,["description"])):T("",!0),r(st,{name:"fade"},{default:c(()=>[ot(s("div",{class:"back-to-top",onClick:ke,title:a(o)("works.backToTop")},[r(l,null,{default:c(()=>[r(a(bt))]),_:1})],8,rl),[[lt,ee.value]])]),_:1})],32)])])}}},fl=at(nl,[["__scopeId","data-v-f11b6c38"]]);export{fl as default};