https://vapps-res.media.io/mediaai/_nuxt/ExploreList-B6XGp1Bj.js

1import{i as H,av as he,t as ue,am as Se,aB as D,eV as Ee,eW as Ie,eX as $e,_ as J,a9 as se,eY as Pe,cl as je,a5 as Re,b as K,c3 as ge,V as re,B as ie,E as _e,a as Fe,eZ as Be,c5 as ve,d4 as Ve,R as We,bf as Ae,d5 as Oe,W as Ue,bz as He,e_ as ze}from"./BuQWImh-.js";import{d as z,o as te,y as k,z as p,F as be,C as ye,L as T,D as s,E as Z,X as Me,A as x,r as y,j as xe,a as we,G,W as ne,J as O,_ as Y,f as B,w as j,c as ee,B as P,a6 as Ne,R as U,a1 as qe,aa as Ge,n as De,N as Je}from"./chunk-vue-TRwxe8i9.js";import{s as ce}from"./chunk-pinia-DfnRCC0j.js";import{S as Ze}from"./StickyTopBar-CzWx_0D5.js";import{C as Qe}from"./CustomWaterfall-BTfGr7tL.js";import Xe from"./ReportDialog-Bm9dkCi7.js";import{S as Ye}from"./SampleItem-BYYs5A6L.js";const Ke={class:"inline-flex items-center gap-6"},et=["onClick"],tt=z({__name:"CategoryTab",props:{tags:{},currentTag:{}},emits:["update:currentTag","change"],setup(C,{emit:w}){const t=C,b=w,m=H(),_=(a,c)=>{b("update:currentTag",a.value),b("change",a.value),he.trackHookClick({function_button_key:a.value,function_button_type:"setting"}),ue("miai_explore_module_click",{module:"explorepage_explore_feed",object:"explore_category_tab",is_configurable:!0,object_id:"",object_name:"",object_slug:a.slug||"",explore_slug_crc:a.slug||"",object_media_type:"",object_order:c})};return te(()=>{(t.tags?.length===1||!t.currentTag)&&(b("update:currentTag",t.tags[0]?.value),b("change",t.tags[0]?.value))}),(a,c)=>(p(),k("div",Ke,[(p(!0),k(be,null,ye(a.tags,(u,v)=>(p(),k("div",{key:u.value,class:T(["leading-[28px]",[a.currentTag===u.value?"font-bold text-[--color-text-dynamic-white-primary]":"text-[--color-text-dynamic-white-tertiary]",a.tags.length>1?"cursor-pointer":"cursor-default",s(m)?"text-[16px]":"text-[20px]"]]),onClick:E=>_(u,v)},Z(u.name),11,et))),128))]))}}),ot=Object.assign(tt,{__name:"ExploreListCategoryTab"}),at=["src"],lt={class:"text-[color:--color-text-dynamic-white-senary] text-sm block text-center"},st=z({__name:"ListEmpty",props:{hasBg:{type:Boolean,default:!0},showTitle:{type:Boolean,default:!0},type:{}},setup(C){const w=C,t=H(),b=Se(),m=()=>Ee.includes(w.type)?"video":Ie.includes(w.type)?"image":$e.includes(w.type)?"audio":"all",a=Me().currentRoute.value.name,c=()=>`https://images.media.io/ai-video-generator/task/${m()}_task_empty${b.value?"_dark":"_light"}.png`;return(u,v)=>(p(),k("div",{class:T(["w-full flex flex-col items-center justify-center",[s(t)?"mt-[1.5rem]":"mt-[1.5rem] mx-[1rem]",u.hasBg&&!s(t)?"m-[1.5rem] p-[1.5rem] empty-list-wrapper-bg":"",!u.hasBg&&!s(t)?"h-full":""]])},[x("div",{class:T(["flex flex-col items-center justify-center gap-[0.25rem]",s(t)?"":"h-full items-center justify-center"])},[x("img",{class:"w-[10rem] h-[10rem]",src:c(),alt:"ai_video_generator"},null,8,at),x("span",lt,Z(s(a)?.includes(s(D).ExploreZone)?u.$t("ai_video_generator.publish_tips"):u.$t("ai_video_generator.nullTip")),1)],2)],2))}}),nt=Object.assign(J(st,[["__scopeId","data-v-6d4a67dc"]]),{__name:"ExploreListEmpty"}),rt={class:"w-full"},it={key:0,class:"custom-button-wrap flex-none ml-6 rounded-[2px] overflow-hidden w-[68px] max-md:hidden"},ct={class:"home-skew-wrap flex items-center gap-2 ml-[-6px]"},ut=z({__name:"TabCompArrow",props:{scrollElemLevel:{default:1},contentVisible:{type:Boolean,default:!0},wrapClass:{}},emits:["arrow-close"],setup(C,{emit:w}){const t=C,b=w,m=H(),_=y(),a=xe({visible:!1,isLeft:!0,hasLeft:!1,hasRight:!0,isFocus:!1});function c(o){const r=u();if(r){a.visible=r.scrollWidth>r.clientWidth;const g=o??r.scrollLeft;a.hasLeft=g>0,a.hasRight=g<r.scrollWidth-r.clientWidth}}function u(){return t.scrollElemLevel===2?_.value?.children?.[0]?.children?.[0]:t.scrollElemLevel===3?_.value?.children?.[0]?.children?.[0]?.children?.[0]:_.value?.children?.[0]}function v(){const o=u();if(o){const r=o.scrollLeft-o.offsetWidth/2;o.scrollTo({left:r,behavior:"smooth"}),setTimeout(()=>c(r),20)}}function E(){const o=u();if(o){const r=o.scrollLeft+o.offsetWidth/2;o.scrollTo({left:r,behavior:"smooth"}),setTimeout(()=>c(r),100)}}function V(){a.isFocus?(a.isFocus=!1,b("arrow-close")):a.isFocus=!0}function I(){a.isFocus=!1}function R(){a.isFocus&&(a.isFocus=!1,b("arrow-close"))}function i(){a.isFocus&&(a.isFocus=!1,b("arrow-close"))}function f(o){const r=o.target;r&&(r.scrollLeft>0&&a.isLeft?a.isLeft=!1:r.scrollLeft===0&&!a.isLeft&&(a.isLeft=!0))}function d(){const o=je();j(o,()=>{c()},{immediate:!0})}return te(()=>{d(),window?.addEventListener("scroll",i),u()?.addEventListener("scroll",f)}),we(()=>{window?.removeEventListener("scroll",i),u()?.removeEventListener("scroll",f)}),(o,r)=>G((p(),k("div",rt,[x("div",{class:T(["w-full flex items-center",[s(m)&&s(a).isFocus?"!items-start relative z-2":"",o.wrapClass]])},[G(x("div",{ref_key:"slotRef",ref:_,class:"w-[1px] flex-auto"},[ne(o.$slots,"default",{isExtend:s(a).isFocus,extendClose:I},void 0,!0)],512),[[Y,o.contentVisible]]),ne(o.$slots,"middle",{isExtend:s(a).isFocus},void 0,!0),!s(m)&&s(a).visible?G((p(),k("div",it,[x("div",ct,[x("div",{class:T(["custom-button-content pl-2 pr-1 flex-none flex items-center justify-center w-[34px] h-[30px] rounded-[2px] select-none",[s(a).hasLeft?"":"is-disabled"]]),onClick:v},[B(s(se),{name:"arrow_left_icon20",width:20,height:20,class:"home-skew-cont"})],2),x("div",{class:T(["custom-button-content pl-1 pr-2 flex-none flex items-center justify-center w-[34px] h-[30px] rounded-[2px] select-none",[s(a).hasRight?"":"is-disabled"]]),onClick:E},[B(s(se),{name:"arrow_right_icon20",width:20,height:20,class:"home-skew-cont"})],2)])],512)),[[Y,o.contentVisible]]):O("",!0),s(m)&&s(a).visible&&(!s(a).isLeft||s(a).isFocus)?G((p(),k("div",{key:1,class:"flex-none flex items-center justify-center w-[28px] h-[28px] rounded-[2px] select-none ml-4",onClick:V},[B(s(se),{name:"arrow_down_icon24",width:24,height:24,class:T(["mobile-arrow",[s(a).isFocus?"mobile-arrow--focus":"mobile-arrow--normal"]])},null,8,["class"])],512)),[[Y,o.contentVisible]]):O("",!0),ne(o.$slots,"suffix",{isExtend:s(a).isFocus},void 0,!0)],2)])),[[s(Pe),R]])}}),dt=Object.assign(J(ut,[["__scopeId","data-v-002b41ee"]]),{__name:"ExploreListTabCompArrow"}),pt=["data-slug","onClick"],mt=z({__name:"TabComp",props:{tabs:{},modelValue:{},currentTag:{},tabTeleport:{}},emits:["update:modelValue","update-selected-effect"],setup(C,{emit:w}){const t=C,{query:b}=Re(),m=K(),_=H(),a=y(),c=y(t.modelValue),u=y(!1),v=w,E=ee(()=>[...t.tabs.filter(o=>!o.slug?.includes("operation"))]);function V(){return re(ie().name)===D.Home?"homepage_explore_feed":"explorepage_explore_feed"}const I=(o,r=!1,g)=>{o&&(o.loading=!1,c.value=o,r&&ue("miai_explore_module_click",{module:V(),object:"explore_category_tab",is_configurable:!0,object_id:o?.id,object_name:o?.title,object_slug:o?.slug||"",explore_slug_crc:o?.slug||"",object_media_type:"",object_order:g}),v("update:modelValue",o),r&&he.trackHookClick({function_layer:t.currentTag,function_button_key:o?.title,function_button_type:"setting"}),_.value&&setTimeout(()=>{i(o.id)},20))};function R(){setTimeout(()=>{i(t.modelValue?.id??"","instant")},0)}function i(o,r="smooth"){const g=a.value,S=g?.querySelector(`[data-slug="${o}"]`);if(g&&S){const L=g.scrollLeft,M=L+g.clientWidth,W=S.offsetLeft,oe=W+S.clientWidth;if(W<L||oe>M){const Q=S.offsetLeft-g.clientWidth/2+S.clientWidth/2;g.scrollLeft===0&&setTimeout(()=>{g.scrollTo({left:Q,behavior:r})},300),g.scrollTo({left:Q,behavior:r})}}}const f=o=>{m.exploreSearch=o,m.triggerFrom=re(ie().name)===D.Home?"home":"explore",_e({name:"ExploreSearch"})},d=o=>{u.value=o};return j(t.modelValue,o=>{c.value=o},{deep:!0,immediate:!0}),te(()=>{const o=Number(b.value?.categories),r=t.tabs.find(g=>g.id===o);r&&I(r)}),(o,r)=>(p(),P(dt,{class:T([s(_)?"h-[28px]":""]),"wrap-class":s(_)?o.tabTeleport?"max-md:bg-[color:#F3F3F3] dar

1k:max-md:bg-[color:--color-background-base]":"max-md:bg-[color:--color-background-base]":"","content-visible":!u.value,onArrowClose:R},Ne({default:U(({isExtend:g,extendClose:S})=>[x("div",{ref_key:"scrollRef",ref:a,class:T(["shrink-0 tab-comp flex items-center gap-3 overflow-x-auto scrollbar-none",[g?" flex-wrap pb-4":""]])},[(p(!0),k(be,null,ye(s(E),(L,M)=>(p(),k("div",{key:L.id,"data-slug":L.id,class:"tab flex-none select-none md:py-[2px]",onClick:W=>{I(L,!0,M),S()}},[x("div",{class:T(["rounded-sm cursor-pointer px-3 py-1 text-[14px] leading-5 max-md:text-[12px] max-md:py-1",[c.value.id===L.id?"font-bold tab--is-select text-[--color-text-dynamic-white-primary]":"text-[--color-text-dynamic-white-tertiary]",g?"tab--is-extend":""]])},Z(L.title.includes(".")?o.$t(L.title):L.title),3)],8,pt))),128))],2)]),_:2},[s(_)?void 0:{name:"middle",fn:U(()=>[B(ge,{default:s(m).exploreSearch,onSearch:f},null,8,["default"])]),key:"0"},s(_)?{name:"suffix",fn:U(({isExtend:g})=>[G(B(ge,{default:s(m).exploreSearch,onSearch:f,onToggleExpand:d},null,8,["default"]),[[Y,!g]])]),key:"1"}:void 0]),1032,["class","wrap-class","content-visible"]))}}),ft=Object.assign(J(mt,[["__scopeId","data-v-7e326785"]]),{__name:"ExploreListTabComp"}),gt={class:"tpl-tab-list"},vt={key:1,class:"w-full flex items-center gap-3"},ht={class:"text-end"},_t={key:2,class:"h-8"},bt=z({__name:"SampleGalleryCustom",props:{tabs:{},currentTag:{},categoryId:{},hideCategory:{type:Boolean},tabTeleport:{},module:{}},emits:["selectedEffect"],setup(C,{emit:w}){const t=y({loading:!0}),b=w,m=H(),_=y(),a=y(null),c=y(null),{isLogin:u}=ce(Fe()),v=C,E=e=>{b("selectedEffect",e,t.value)},V=K(),{showReportDialogData:I,currentZone:R,zoneList:i}=ce(V),f=xe({itemGap:8,breakPoint:{2272:{rowPerView:7},1632:{rowPerView:6},1278:{rowPerView:5},916:{rowPerView:4},648:{rowPerView:m.value?2:3}}}),d=y(0),o=e=>{d.value=e},r=e=>{const l=t.value?.children?.find(n=>n.id===e.sampleId);l?(l.id,l.behavior_stat?.is_liked,l.behavior_extra?.liked_count,l.behavior_stat||(l.behavior_stat={}),l.behavior_extra||(l.behavior_extra={}),l.behavior_stat.is_liked=e.isLiked,l.behavior_extra.liked_count=e.likedCount,e.sampleId,l.behavior_stat.is_liked,l.behavior_extra.liked_count,De(()=>{}),i.value.forEach(n=>{Oe(n.recommend_data).forEach(h=>{h.crc_id===e.sampleId&&(h.crc_resource.behavior_stat.is_liked=e.isLiked,h.crc_resource.behavior_extra.liked_count=e.likedCount)})})):(e.sampleId,t.value?.children?.map(n=>n.id))},g=ee(()=>v.tabs.filter(e=>!e.slug?.includes("operation"))),S=y([]);j(()=>t.value?.children,()=>{S.value=t.value?.children?.map(e=>{const l=JSON.parse(e?.related_info?.ext?.custom_param?.uni_fun_code||"{}");return{thumbnail:e?.thumbnail_url,preview:e?.preview_url_multi?.["720p"]?.url,width:e?.related_info?.ext?.custom_param?.cover_width,height:e?.related_info?.ext?.custom_param?.cover_height,uni_fun_code:l.uni_fun_code,fun_module:l.fun_module,id:e?.id,slug:e?.slug,author_extra:e?.author_extra,behavior_extra:e?.behavior_extra,behavior_stat:e?.behavior_stat,name:e?.title}})??[],!(!t.value||!t.value?.children?.length)&&Be(t.value?.children?.length||0)},{immediate:!0}),j(()=>u.value,e=>{e&&(t.value.children=[],W())});const L=ve(()=>{const e=v.tabs?.find(l=>String(l.id)===String(v.categoryId));if(e)t.value?.id!==e.id&&(t.value={...e,children:e.children||[]});else{if([t.value]=g.value,!t.value)return;t.value.loading=!1}},150);j([()=>v.tabs,()=>v.categoryId],()=>{L()},{immediate:!0});const M=()=>{const e=window.innerWidth*window.innerHeight;return e>=2560*1440?40:e>=2e3*1200?30:e>=1600*900?20:e>=1366*700?15:10},W=async()=>{const e=t.value?.children?.length??0;if(e>=0&&e>=t.value?.total&&t.value?.total!==void 0||t.value?.loading||!t.value||!t.value.id)return;const l=M();t.value.loading=!0;const n=t.value.outPut,h=n?R.value?.category_id:t.value.id,F=n?R.value?.category_id_operation:v.tabs.find(A=>A.slug===`${t.value.slug}_operation`)?.id,$=await Ve({per_page:l,page:Math.ceil(e/l)+1,category_id:h,out_file_type:null,order_by:51},F).catch(A=>{t.value.loading=!1});if((t.value.outPut?R.value?.category_id:t.value.id)!==h&&t.value){const A=v.tabs?.find(Ce=>String(Ce.id)===String(h));A&&(A.loading=!1),t.value.loading=!1;return}t.value&&(t.value.children=t.value?.children.concat($?.list??[]),t.value.total=$?.pagination?.total||$?.list?.length||0,t.value.loading=!1)},oe=()=>{(t.value?.children?.length??0)>0||W()};function Q(){if(!v.tabTeleport)return;const e=".mi-avg__header",l=".virtual-discount-banner",h=document?.querySelector(".home-ex

1plore-mark");if(!h)return;const F=document?.querySelector(e)?.offsetHeight??0,$=document?.querySelector(l)?.offsetHeight??0,q=8,le=h.offsetTop,A=document.documentElement.scrollTop;le-q<A&&document.documentElement.scrollTo({top:le-F-$,behavior:"smooth"})}j(()=>t.value?.id,(e,l)=>{e!==l&&e&&(oe(),v.module?.includes("zonepage")||ue("miai_explore_module_expose",{module:v.module,explore_slug_crc:t.value?.slug||""})),v.tabTeleport&&t.value?.id&&setTimeout(()=>{Q()},20)},{immediate:!0});const X=y([]),N=y([]),de=new IntersectionObserver(e=>{const l=X.value.slice();e.forEach(n=>{if(n.isIntersecting&&n.intersectionRatio>=.9)l.push(n.target);else if(!n.isIntersecting&&n.intersectionRatio<1){const h=l.indexOf(n.target);h>-1&&l.splice(h,1)}}),X.value=l},{root:null,threshold:1}),pe=y(0),ke=(e,l)=>{let n=l;if(e[n]){const h=e[n],{top:F}=h?h.getBoundingClientRect():{top:0},$=l%2===0?2:1;F<60?n+=$:F>window.innerHeight-120&&(n-=$);const q=e[n]?.getAttribute("effect-id");a.value===q?a.value=e[n>0?n-1:n+1]?.getAttribute("effect-id"):a.value=q}},ae=y(0),Te=ve(()=>{ke(X.value,ae.value)},500);j(()=>pe.value,async()=>{m.value&&pe.value===t.value?.children.length&&(N.value=_.value?.children??[],Array.from(N.value).forEach(e=>{de.observe(e)}))}),j(()=>X.value,(e,l)=>{let n;n=Math.floor(Math.random()*e.length),(!l||l?.length===0||e[0]===l[0]&&e[e.length-1]===l[l.length-1])&&(n=ae.value),ae.value=n,Te()},{immediate:!0,deep:!0});const Le=async e=>{e[0]?.isIntersecting&&await W()},me=new IntersectionObserver(Le,{root:null,rootMargin:"0px",threshold:.1}),fe=e=>{const{sampleId:l,isLiked:n,likedCount:h}=e.detail;r({sampleId:l,isLiked:n,likedCount:h})};return te(()=>{c.value&&me.observe(c.value),typeof window<"u"&&window.addEventListener("sample-like-changed",fe)}),we(()=>{c.value&&me.unobserve(c.value),N.value.length>0&&(N.value.forEach(e=>{de.unobserve(e)}),N.value=[]),t.value&&(t.value.loading=!1),typeof window<"u"&&window.removeEventListener("sample-like-changed",fe)}),(e,l)=>(p(),k("div",gt,[(p(),P(qe,{to:e.tabTeleport,disabled:!e.tabTeleport},[t.value&&!e.hideCategory?(p(),P(Ge(e.tabTeleport?Ze:"div"),{key:0,class:T(e.tabTeleport?"md:order-first":"")},{default:U(()=>[B(ft,{modelValue:t.value,"onUpdate:modelValue":l[0]||(l[0]=n=>t.value=n),tabs:e.tabs,"tab-teleport":e.tabTeleport,"current-tag":e.currentTag,onUpdateSelectedEffect:E},null,8,["modelValue","tabs","tab-teleport","current-tag"])]),_:1},8,["class"])):O("",!0)],8,["to","disabled"])),x("div",{ref_key:"listWrapRef",ref:_,class:T(["tpl-list",{"image-tap-list":e.currentTag==="image"}])},[(p(),P(Qe,{ref:"templateWaterfall",key:t.value?.id||"default",list:S.value||[],gap:s(f).itemGap,breakpoints:s(f).breakPoint},{item:U(({item:n,index:h,changeIndex:F})=>[(p(),P(Ye,{key:n.id,sample:n,category:t.value,module:v.module,index:h,"pop-up-id":d.value,onChangeIndex:F,onUpdatePopUpId:$=>o(n.id),onLikeChange:r},null,8,["sample","category","module","index","pop-up-id","onChangeIndex","onUpdatePopUpId"]))]),_:1},8,["list","gap","breakpoints"])),(S.value??[])?.length===0&&!t.value?.loading?(p(),P(nt,{key:0,type:s(We).image2image},null,8,["type"])):O("",!0),x("div",{ref_key:"LoadingArea",ref:c,class:"loading-area -mt-[70px] pb-8"},[t.value?.loading?(p(),P(s(Ae),{key:0})):t.value&&t.value?.children?.length>=t.value?.total&&t.value?.children?.length>(s(m)?8:20)?(p(),k("div",vt,[l[1]||(l[1]=x("div",{class:"end-guideline"},null,-1)),x("span",ht,Z(e.$t("ai_video_generator.allDataTips")),1),l[2]||(l[2]=x("div",{class:"end-guideline"},null,-1))])):(p(),k("div",_t))],512)],2),s(I)!==null?(p(),P(Xe,{key:0})):O("",!0)]))}}),yt=Object.assign(J(bt,[["__scopeId","data-v-1cf028ce"]]),{__name:"ExploreListSampleGalleryCustom"}),xt={class:"explore-list"},wt={class:"explore-list-area"},kt=z({__name:"ExploreList",props:{showTitle:{type:Boolean,default:!0},tags:{},hideCategory:{type:Boolean,default:!1},tabTeleport:{},module:{}},setup(C){const w=H(),t=ie(),b=K(),m=C,{exampleTab:_,exploreTagList:a}=ce(b),c=y(""),u=ee(()=>m.tags??a.value),v=ee(()=>u.value.find(i=>i?.value===c.value)?.children??[]),E=y(""),V=(i,f)=>{He.trackHookClick({function_button_key:i?.uni_fun_code,function_button_type:"card",model_type:c.value}),_e({name:`${D.EffectCreate}`,query:{categories:f?.id,uni_fun_code:i?.uni_fun_code}}),window.scrollTo(0,0)};j(()=>c.value,()=>{(m.tags?.length??0)>1&&(_.value=c.value)});const I=i=>{if(re(t.name)!==D.Explore)return;const f=t.query.category;return!f||!i.length?void 0:i.find(o=>o.value===f||o.slug===f||o.id===f)?.value};return(async()=>

1{if(K().exploreTagList.length>0){const d=I(a.value);d&&(c.value=d,E.value=d);return}let i=null;try{i=await ze()}catch(d){return JSON.stringify(d),null}a.value=(i.en[0]?.children??[]).filter(d=>!d.slug.includes("zone")).map(d=>({name:d.title,value:d.id,...d}))??[];const f=I(a.value);c.value=f??(m.tags?.length?m.tags[0]?.value:a.value.find(d=>!d.slug?.includes("operation"))?.value),f&&(E.value=f);try{return!i||!i?.list||i?.list?.length<=0?null:i.list.map(o=>({tpls:[],tplsTotal:0,id:o.name,title:o.lang}))}catch(d){return console.error("[获取模板分类数据失败]",JSON.stringify(d)),null}})(),(i,f)=>{const d=Ue;return p(),k("div",xt,[x("div",wt,[i.showTitle?(p(),k("p",{key:0,class:T(["explore-title",{"pt-8":!s(w),"pt-4":s(w)}]),style:Je({marginBottom:s(w)?"10px":"16px"})},Z(i.$t("ai_video_generator.explore")),7)):O("",!0),s(u).length&&i.hideCategory?(p(),P(ot,{key:s(u).length,"current-tag":c.value,"onUpdate:currentTag":f[0]||(f[0]=o=>c.value=o),class:"mb-4",tags:s(u)},null,8,["current-tag","tags"])):O("",!0),B(d,null,{default:U(()=>[B(yt,{tabs:i.hideCategory?s(v):s(u),module:m.module,"hide-category":i.hideCategory,"current-tag":c.value,"category-id":E.value,"tab-teleport":i.tabTeleport,onSelectedExplore:V},null,8,["tabs","module","hide-category","current-tag","category-id","tab-teleport"])]),_:1})])])}}}),Pt=Object.assign(J(kt,[["__scopeId","data-v-ecc79cbe"]]),{__name:"ExploreList"});export{Pt as E,dt as T};