https://vapps-res.media.io/mediaai/_nuxt/TaskListByCategory-Bd-xdQir.js

1import{s as he}from"./chunk-pinia-DfnRCC0j.js";import{b as D,c6 as ze,x as te,c7 as U,i as Fe,a as Se,aA as Me,am as Ae,a5 as Ne,R as we,ay as ee,c8 as q,c9 as Pe,ca as qe,aQ as We,cb as Te,cc as _e,az as $e,_ as De}from"./BuQWImh-.js";import{r,c as G,w as V,n as F,d as Ge,o as be,a as Ve,y as B,z as T,J as W,B as Ye,D as n,N as xe,L as $,A as z,F as Le,C as je,E as Q,I as Ke,R as fe,W as Ce,f as Ue,a5 as Qe}from"./chunk-vue-TRwxe8i9.js";import{T as Je}from"./TaskAreaNew-CVFM6VTP.js";import{u as Xe}from"./chunk-i18n-CEBPY5W3.js";function Ze(ae){const{isPhone:_,isLoadingShow:le,isGeneration:i}=ae,{mobileHeaderHeight:R,mobileBannerHeight:u,mobileMarketingBannerHeight:J}=D().layoutConstant,{showMobileHeaderBanner:M}=ze(),o=r(),a=r(!1),b=r(!1),S=r(0),c=r(0),w=r(!1),I=r(!1),x=r(0),g=r(0),y=r(R),f=G(()=>te().isRetrieveBannerShow?R+u:M.value?R+J:R);let p=null,h=!1;const A=G(()=>{const s=document.querySelector(".template-action-header")||document.querySelector(".top-banner");return s?y.value+s.offsetHeight:0});function se(s){const t=document.querySelector(".mi-avg__header-shell")||document.querySelector(".mi-avg__header");t&&(t.style.position="fixed",t.style.top=`${-s}px`,t.style.left="0",t.style.right="0",t.style.transition="top 0.2s")}function oe(s){const t=document.querySelector(".template-action-header")||document.querySelector(".top-banner");t&&(t.style.position="fixed",t.style.left="0",t.style.right="0",t.style.top=`${s}px`,t.style.zIndex="102",t.style.width="100%",t.style.transition="top 0.2s")}function L(s,t=!1){if(o.value&&(!a.value||t)){const H=o.value.getBoundingClientRect().top+s;(Math.abs(H-c.value)>1||c.value===0)&&(c.value=H)}}function C(){if(!_.value||!i.value)return;const s=o.value?.offsetHeight??50;if(h){Math.max(0,window.pageYOffset||document.documentElement.scrollTop)<10&&(h=!1,x.value=0,L(0,!0),m());return}if(w.value){a.value=!0,S.value=s,b.value=!1,w.value=!1;return}if(I.value&&a.value){S.value=s;return}const t=Math.max(0,window.pageYOffset||document.documentElement.scrollTop),O=t-x.value;t<=0?g.value=0:Math.abs(O)>3?O>0?g.value=f.value:g.value=0:g.value>0&&(g.value=f.value);const E=document.querySelector(".template-action-header")||document.querySelector(".top-banner");E?y.value=Math.max(0,f.value-g.value):y.value=0,x.value=t,se(g.value),oe(y.value);let N=E?.offsetHeight??48;E&&(N+=y.value),c.value===0&&!a.value&&L(t),!a.value&&t<=200&&L(t);const P=Math.max(c.value-N,1);t>

1=P&&!a.value?(a.value=!0,b.value=!0,S.value=s):t<P&&a.value&&(a.value=!1)}function m(){if(!_.value)return;p&&p.disconnect(),p=new ResizeObserver(()=>{if(!a.value){const t=window.pageYOffset||document.documentElement.scrollTop;L(t)}});const s=document.querySelector(".ai-template-container");s&&p.observe(s)}function k(){if(!_.value)return;const s=window.pageYOffset||document.documentElement.scrollTop;h=s>0,x.value=s,window.addEventListener("scroll",C,{passive:!0}),h||F(()=>{C(),m()})}function Y(){if(!_.value)return;window.removeEventListener("scroll",C),p&&(p.disconnect(),p=null);const s=document.querySelector(".mi-avg__header-shell")||document.querySelector(".mi-avg__header");s&&(s.style.top="0px"),h=!1,x.value=0,g.value=0,y.value=f.value}function ie(s){I.value=s}function ne(s=!0){!_.value||!o.value||F(()=>{if(!o.value)return;if(!s&&c.value>0){a.value=!0,b.value=!1,S.value=o.value.offsetHeight;return}const t=document.documentElement,O=t.style.scrollBehavior;t.style.scrollBehavior="auto";let H=0;if(s)if(c.value>0){const E=y.value+48+50+16;H=c.value-E}else{const E=window.pageYOffset||document.documentElement.scrollTop,N=o.value.getBoundingClientRect().top+E,P=y.value+48;H=N-P}w.value=!0,window.scrollTo(0,Math.max(0,H)),x.value=window.pageYOffset||document.documentElement.scrollTop,a.value=!0,b.value=!0,S.value=o.value.offsetHeight,setTimeout(()=>{t.style.scrollBehavior=O},0)})}return V(le,()=>{_.value&&F(()=>{C()})}),V([()=>te().isRetrieveBannerShow,M],()=>{_.value&&F(()=>{C()})}),{filterWrapperRef:o,isFilterSticky:a,showPlaceholder:b,filterWrapperHeight:S,filterStickyTop:A,headerOffset:g,actionHeaderOffset:y,forceSticky:w,handleScroll:C,initScrollSticky:k,cleanupScrollSticky:Y,setForceKeepSticky:ie,scrollToStickyPosition:ne}}const et={class:"filter-options-wrapper"},tt=["data-text","onClick"],at={key:0,class:"w-full pt-[8px] [display:-webkit-box] [-webkit-box-orient:vertical] [-webkit-line-clamp:2] overflow-hidden text-[color:var(--color-text-dynamic-white-tertiary)] text-ellipsis text-[12px] font-normal leading-[16px]"},lt={key:0,class:"h-6 skeleton-img rounded-sm w-full"},st={class:"task-title"},ot={class:"task-title"},it=Ge({__name:"TaskListByCategory",props:{taskCategory:{default:()=>[]},sampleFlag:{type:Boolean,default:!1},preTaskNum:{default:-1},mockTasks:{default:()=>[]},selectedFilter:{default:"all"}},emits:["has-tasks","loading-change"],setup(ae,{expose:_,emit:le}){const i=ae,R=le,u=r([]),J=r(),M=r(null),o=r({page:1,total:0,page_size:U}),a=Fe(),{isLogin:b}=he(Se()),S=r(b.value),{taskTotalCount:c,offset:w}=he(Me()),{t:I}=Xe(),x=Ae(),g=r(!1),{query:y}=Ne(),f=r(0),p=r(1),h=r(!1),A=r(!1),se=G(()=>u.value?.length>0),oe=G(()=>{const e=i.taskCategory?.[0];return e===we.txt2Music||e===we.txt2Song}),L=r("large"),C=r(0),m=r(i.selectedFilter),k=G(()=>i.taskCategory?.some(e=>ee.includes(e))),Y=G(()=>i.sampleFlag),ie=[{value:"all",label:I("ai_effect.option_all")},{value:"image",label:I("ai_effect.option_image")},{value:"video",label:I("ai_effect.option_video")},{value:"audio",label:I("ai_effect.option_audio")}];be(()=>{g.value=!0});function ne(){te().popupBuySubscribe({module:"upgrade_button"})}const{filterWrapperRef:s,isFilterSticky:t,showPlaceholder:O,filterWrapperHeight:H,filterStickyTop:E,handleScroll:re,initScrollSticky:N,cleanupScrollSticky:P,setForceKeepSticky:ue,scrollToStickyPosition:He}=Ze({isPhone:a,isGeneration:k,sampleFlag:i.sampleFlag,isLoadingShow:S});async function Ee(e){if(m.value===e)return;m.value=e,p.value=1;const l=t.value;l&&a.value&&ue(!0);try{await ce(e,!0,l),l&&a.value&&F(()=>{const v=u.value.length>0;He(v)})}finally{l&&a.value&&setTimeout(()=>{ue(!1)},100)}}const de=e=>{S.value=e,R("loading-change",e)};async function pe(e,l=!0){return p.value=1,w.value=0,o.value={page:1,total:0,page_size:U},await ce(e,l),u.value.length>0}async function ce(e,l=!0,v=!1){i.taskCategory,!A.value&&i.preTaskNum!==0&&D().changeSample(!1),de(l??!0);const d=await Te({taskCategories:k.value?ee:i.taskCategory,categories:e==="all"?[]:[e],offset:w.value});de(!1),u.value=d?.list,h.value=!1,d?.paginate!=null?(o.value=d?.paginate,c.value=d?.paginate?.total,o.value.total>0?f.value=o.value.total%o.value.page_size===0?o.value.total/o.value.page_size:Math.ceil(o.value.total/o.value.page_size):f.value=0):(f.value=0,c.value=0),u.value.length===0&&i.mockTasks.length>0&&(h.value=!0,u.value=i.mockTasks,o.value={page:1,total:i.mockTasks.length,page_size:U},f.value=1,c.value=i.mockTasks.length);const j=u.value.some(K=>K.status<3);e==="all"&&!(y.value?.slug&&y.value?.zoneFrom)&&j&&R("has-tasks",c.value>0),c.value,k.value?k.value&&!A.value?(X(c.value),A.value=!0):c.value>0&&X(c.value):(X(c.value),A.value=!0),h.value||_e({taskType:i.taskCategory,taskList:u.value}),setTimeout(()=>{M.value!=null&&M.value?.checkContentHeight()},20),v||F(()=>{t.value=!1,a.value&&re()})}Qe("updateLikeOrNotInfo",({taskId:e,likeOrNot:l,likeOrNotTags:v,description:d,imgsFeedback:j})=>{const K=u.value.find(Oe=>Oe.task_id===e);K&&Object.assign(K,{user_data:{...K.user_data,likeOrNotInfo:{likeOrNot:l,likeOrNotTags:v,description:d,imgsFeedback:j}}})});function Be(){return i?.taskCategory==null?!1:i.taskCategory.some(l=>$e.includes(l))}function X(e){Be()&&e===0?D().changeSample(!0):D().changeSample(!1)}V(()=>i.selectedFilter,e=>{m.value=e,b.value&&Z(e,!0)}),V(()=>D()[`${i.taskCategory}AlgorithmList`],()=>{ce(m.value)});async function Re(){if(h.value||p.value>f.value)return;p.value+=1;const e=await Te({pageNumber:p.value,taskCategories:k.value?ee:i.taskCategory,categories:m.value==="all"?[]:[m.value],offset:w.value});e?.list?.length>0&&(u.value=[...u.value,...e?.list||[]])}async function Z(e=m.value,l=!1){await pe(e,l)}async function ge(e){const l=e?.detail;l!=null&&l.taskId==null||(await Z(),_e({taskType:k.value?ee:i.taskCategory,taskList:u.value}),D().changeSample(!1))}async function me(e){const l=e.detail;if(l?.taskResult!=null&&l?.taskId!==""){const v=u.value.find(d=>d.task_id===l.taskId);v!=null&&Object.assign(v,l.taskResult)}}function ke(e){const v=e.detail?.taskId;if(v){const d=u.value.findIndex(j=>j.task_id===v);d!==-1&&(u.value.splice(d,1),o.value.total=Math.max(0,o.value.total-1),c.value=Math.max(0,c.value-1),w.value--,o.value.total>0?f.value=Math.ceil(o.value.total/o.value.page_size):f.value=0,k.value||X(c.value))}}function ve(){try{const e=J.value?.offsetWidth??0;e>720?L.value="large":L.value="normal",C.value=e}catch{L.value="large"}}be(()=>{g.value=!0,ve(),window.addEventListener(q.delTask,ke),window.addEventListener(q.addTask,ge),window.addEventListener(q.updateTask,me),window.addEventListener("resize",ve),N(),ye()}),Ve(()=>{window.removeEventListener(q.delTask,ke),window.removeEventListener(q.addTask,ge),window.removeEventListener(q.updateTask,me),window.removeEventListener("resize",ve),P(),Pe(),u.value=[],f.value=0,p.value=1,o.value={page:1,total:0,page_size:U}});function ye(){a.value&&window?.scrollTo({top:0,left:0,behavior:"instant"}),w.value=0,F(()=>{Z(m.value,!0)})}V(()=>b.value,async(e,l)=>{if(e&&e!==l&&u.value.length){const v=u.value.map(d=>d?.task_id);await qe(v).catch(d=>{console.error("绑定匿名任务失败:",d)})}ye()});const Ie=()=>{Z(m.value,!0)};return V(()=>i.mockTasks,e=>{h.value&&(u.value=e,o.value={page:1,total:e.length,page_size:U},f.value=e.length>0?1:0)},{deep:!0}),_({applyFilter:pe}),(e,l)=>(T(),B("section",{ref_key:"taslWrapperRef",ref:J,class:"w-full h-full flex flex-col"},[k.value&&!Y.value&&n(a)?(T(),B("div",{key:0,ref_key:"filterWrapperRef",ref:s,class:$(["filter-container",{"is-sticky":n(t)&&n(a),"pt-[24px] pr-[24px] pb-[8px] pl-[24px] additional-levitate-space":!n(a)}]),style:xe(n(t)&&n(a)?{top:`${n(E)}px`}:{})},[z("div",et,[(T(),B(Le,null,je(ie,v=>z("div",{key:v.value,"data-text":v.label,class:$(["filter-option-btn",{"filter-option-active":m.value===v.value,"filter-option-active-black":g.value&&m.value===v.value&&n(x),"filter-option-btn-dark":g.value&&n(x)}]),onClick:d=>Ee(v.value)},Q(v.label),11,tt)),64))]),n(Se)().isFree&&!n(a)?(T(),B("div",at,[Ke(Q(e.$t("asset.save_time_tips"))+" ",1),z("span",{class:"text-[color:var(--color-brand-new-primary)] text-xs font-normal leading-5 cursor-pointer",onClick:l[0]||(l[0]=()=>n(te)().popupBuy("membership"))},Q(e.$t("common.upgrade")),1)])):W("",!0)],6)):W("",!0),n(t)&&n(a)&&k.value&&!Y.value&&n(O)?(T(),B("div",{key:1,style:xe({height:`${n(H)}px`})},null,4)):W("",!0),S.value?(T(),B("div",{key:2,class:$(["flex flex-col w-auto justify-center items-center loading-bg m-[1.5rem] px-24 py-[120px] gap-3 h-full",{"loading-mb":n(a),"generation-list-pc":!n(a)&&k.value}])},[l[1]||(l[1]=z("div",{class:"h-6 skeleton-img rounded-sm w-full"},null,-1)),l[2]||(l[2]=z("div",{class:"skeleton-img rounded-sm w-full flex-1"},null,-1)),n(a)?(T(),B("div",lt)):W("",!0)],2)):f.value>0?(T(),Ye(Je,{key:3,ref_key:"taskAreaRef",ref:M,"layout-is-full":se.value,"task-list":u.value,paginate:{totalPage:f.value,currentPage:p.value,total:o.value.total},"task-category":i.taskCategory?.[0],"card-size":n(a)?"normal":L.value,"current-width":C.value,class:$([n(a)?"!pt-[1.5rem]":"!pt-0"]),"show-header-title":!k.value,onLoadMore:Re,onRefresh:Ie},{"before-list":fe(()=>[Ce(e.$slots,"before-list",{},void 0,!0)]),"task-page-title":fe(()=>[z("div",st,Q(e.$t("ai_video_generator.taskListTitle")),1)]),_:3},8,["layout-is-full","task-list","paginate","task-category","card-size","current-width","class","show-

1header-title"])):i.sampleFlag!==!0||!Y.value?(T(),B(Le,{key:4},[oe.value?(T(),B("div",{key:0,class:$(n(a)?"pt-4 mb-[-16px]":"px-6 pt-4 mb-[-16px]")},[Ce(e.$slots,"before-list",{},void 0,!0)],2)):W("",!0),Ue(We,{type:i.taskCategory[0],class:$({"!mb-[2rem]":n(a),"generation-list-pc":!n(a)&&k.value}),onUpgrade:ne},{"task-page-title":fe(()=>[z("div",ot,Q(e.$t("ai_video_generator.taskListTitle")),1)]),_:1},8,["type","class"])],64)):W("",!0)],512))}}),ft=Object.assign(De(it,[["__scopeId","data-v-cd524adc"]]),{__name:"TaskLibraryTaskListByCategory"});export{ft as T,Ze as u};