https://statics.piclumen.com/app-1790217403140/_nuxt/DNDdnAle.js

1import{_ as e}from"./reQO-4V3.js";import t from"./aGiP4FvI.js";import{_ as s}from"./CuMzknAe.js";import{_ as a}from"./BM1BnFF1.js";import{_ as l}from"./CmbrNsnI.js";import{V as i,s as r,G as o,x as m,M as c,P as n,ae as p,f as u,$ as f}from"./DCCPWw9Y.js";import d from"./D2CkDl4O.js";import{s as v,d as E}from"./BY7qRNnA.js";import{a as g,s as j}from"./CMz0lJHU.js";import{a5 as x,c as _,a as T,g as h,N as y,e as k,d as w,J as S,P as b,r as C,o as O,l as F,K as $,S as D,V as I}from"./CmUz1GCm.js";import"./Bx1xfRBz.js";import{a as P}from"./Cbz9I--Q.js";import{u as L}from"./C5PzSRzi.js";import{u as M}from"./m_D-TVUA.js";import"./D7eON5FF.js";import"./DTlqbplb.js";import"./B3fkB5lH.js";import"./Cwfv5-nU.js";import"./Brfzr7gJ.js";import"./pyVxiBLO.js";import"./DTLJGphe.js";import"./GGf5-mLq.js";import"./CxA7yvZw.js";import"./CAJYKgNP.js";import"./CNceNWGg.js";import"./Cp2VVmCx.js";import"./DFSovOcX.js";import"./Dt5DPnqm.js";const N={class:"xs:pl-8 pt-4 flex items-center justify-between w-full z-20 pr-2 xs:pr-6"},V={class:"h-full min-h-screen flex flex-col pl-2 xs:pl-8 pt-4 pb-20 xl:pb-4 space-y-4"},A={class:"aspect-[1/0.5615384615384615] rounded-lg overflow-hidden relative"},R=["src"],z={class:"mt-2 text-sm text-text-1 font-medium"},B={class:"mt-1 text-xs text-text-4 leading-[18px]"},q=Object.assign({name:i.EFFECTS_WEB},{__name:"index",setup(i){M("effects",{activateOn:"activated"});const q=L(),{templateList:U,pageParams:J}=r(q),{t:G}=o({useScope:"global"}),H=m();c({link:[{rel:"canonical",href:`https://www.piclumen.com${H("/video-effects/")}`}]}),n({title:()=>G("SEO_META.VIDEO_EFFECTS_TITLE"),ogTitle:()=>G("SEO_META.VIDEO_EFFECTS_TITLE"),description:()=>G("SEO_META.VIDEO_EFFECTS_DESC"),ogDescription:()=>G("SEO_META.VIDEO_EFFECTS_DESC")});const K=v({xl:1280,"3xl":1660,"5xl":2048}),Q=K.greaterOrEqual("5xl"),W=K.greaterOrEqual("3xl"),Y=K.greaterOrEqual("xl"),Z=F((()=>Q.value?5:W.value?4:Y.value?3:2)),X=F((()=>{const e=U.value||[],t=Z.value,s=[];for(let a=0;a<e.length;a+=t)s.push({id:f(),items:e.slice(a,a+t)});return s})),ee=C(!1),te=async()=>{if(ee.value)return;const{pageNum:e,pageSize:t,maxPage:s}=J.value;if(!(e>1&&e>s||1===e&&U.value.length>0)){ee.value=!0;try{const s=await P({pageNum:e,pageSize:t},!1);if(0!==s.status)return;const{resultList:a,total:l}=s.data;q.setPageParams({maxPage:Math.ceil(l/t),pageNum:e+1});const i=a.map((e=>{const{title:t,description:s,templateType:a,coverUrl:l,realUrl:i,heatNow:r,slug:o,scene:m}=e,c=1==m?`/video-effects/${o}/`:`/${o}`;return{...e,slug:o,name:t,description:s,type:1===a?"image":"video",result:i,cover:l,heatNow:r,isRaw:!0,link:c}}));1===e?q.setTemplateList(i):q.appendTemplateList(i)}finally{ee.value=!1}}};te();const se=C(null);let ae=null;E(se,(([{isIntersecting:e}])=>{e&&(ae||(ae=setTimeout((()=>{ae=null,te()}),200)))}));const le=C(),ie=C(0);x((()=>{le.value&&le.value.$el&&(le.value.$el.scrollTop=ie.value)})),p(((e,t,s)=>{le.value&&le.value.$el&&(ie.value=le.value.$el.scrollTop),s()}));return(i,r)=>{const o=e,m=t,c=s,n=a,p=l,f=u,v=d;return O(),_(b,null,[T("div",N,[h(o,{showBack:!1,title:i.$t("MENUS.EFFECT"),tag:"h1"},null,8,["title"]),h(m)]),T("div",V,[w(X).length?(O(),y(w(j),{key:0,ref_key:"scrollerRef",ref:le,items:w(X),"min-item-size":250,class:"scroll-container pr-2 xs:pr-6 flex-1 min-h-0","key-field":"id"},{default:S((({item:e,index:t,active:s})=>[h(w(g),{item:e,active:s,"data-index":t,class:"mb-4"},{default:S((()=>[T("div",{class:"grid gap-4 pb-4",style:$({gridTemplateColumns:`repeat(${w(Z)}, minmax(0, 1fr))`})},[(O(!0),_(b,null,D(e.items,((e,t)=>(O(),y(f,{key:t,to:e.link,class:"block w-full",onClick:t=>(({id:e})=>{try{trackEvent("theme_click",{template_id:e,timestamp:Date.now()})}catch{}})(e)},{default:S((()=>[T("div",A,["video"===e.type?(O(),y(n,{key:0,hideVideo:!1,controls:!1,autoplay:!0,cover:e.cover,src:e.result,disableHoverPause:!0,rounded:"sm","object-fit":"cover"},{default:S((()=>[h(c,{src:e.cover},null,8,["src"])])),_:2},1032,["cover","src"])):(O(),_("img",{key:1,class:"w-full h-full object-cover hover:scale-105 transition-all duration-300",src:e.cover,alt:""}

1,null,8,R)),e.newTag?(O(),y(p,{key:2})):k("",!0)]),T("div",z,I(e.isRaw?e.name:i.$t(e.name)),1),T("div",B,I(e.isRaw?e.description:i.$t(e.description)),1)])),_:2},1032,["to","onClick"])))),128))],4)])),_:2},1032,["item","active","data-index"])])),after:S((()=>[T("div",{ref_key:"invisibleRef",ref:se,class:"invisible -translate-y-96"},null,512)])),_:1},8,["items"])):k("",!0)]),h(v)],64)}}});export{q as default};