https://lazycat.cloud/_nuxt/CkLUXnw8.js

1import{u as O}from"./C-LsKiPC.js";/* empty css        */import{y as V,D as q,n as F,j as o,E as G,C as n,c as H}from"./DF_IX-sE.js";const Z=Object.assign(V({setup(){const s=O().screen2,e=o(),r=o(!1),m=o(0),p=o(0),w=o(0),h=o(0),E=o(!1),x=o(!1),u=o(0),M=s.pc.products,a=o(),P=o(!1),R=H(()=>E.value?s.imgs.LeftDarkSwitch.src:w.value<=0?s.imgs.LightSwitch.src:s.imgs.LeftDarkSwitch.src),B=H(()=>x.value?s.imgs.DarkSwitch.src:w.value>=h.value?s.imgs.RightLightSwitch.src:s.imgs.DarkSwitch.src),v=()=>{e.value&&(w.value=e.value.scrollLeft,h.value=e.value.scrollWidth-e.value.clientWidth)},A=()=>{if(!e.value)return;const t=e.value.clientWidth,i=e.value.scrollLeft,l=e.value.children,k=i+t/2;let L=0,g=1/0;for(let d=0;d<l.length;d++){const c=l[d],_=c.offsetLeft+c.offsetWidth/2,z=Math.abs(_-k);z<g&&(g=z,L=d)}u.value=L},S=t=>{if(!e.value||t<0||t>=M.length)return;const l=e.value.children[t],k=e.value.clientWidth,L=l.offsetLeft,g=l.offsetWidth,c=L+g/2-k/2;let f;c<0?f=0:c>h.value?f=h.value:f=c,e.value.scrollTo({left:f,behavior:"smooth"})},N=()=>{const t=u.value-1;t>=0&&(u.value=t,S(t))},U=()=>{const t=u.value+1;t<M.length&&(u.value=t,S(t))},I=t=>{e.value&&(r.value=!0,m.value=t.clientX,p.value=e.value.scrollLeft,e.value.style.cursor="grabbing",document.addEventListener("mousemove",b),document.addEventListener("mouseup",D))},W=t=>{e.value&&(r.value=!0,m.value=t.touches[0].clientX,p.value=e.value.scrollLeft,document.addEventListener("touchmove",C,{passive:!1}),document.addEventListener("touchend",T))},b=t=>{if(!r.value||(t.preventDefault(),!e.value))return;const i=t.clientX,l=m.value-i;e.value.scrollLeft=p.value+l,v()},D=()=>{r.value&&(r.value=!1,e.value&&(e.value.style.cursor="grab"),document.removeEventListener("mousemove",b),document.removeEventListener("mouseup",D))},C=t=>{if(!r.value||(t.preventDefault(),!e.value))return;const i=t.touches[0].clientX,l=m.value-i;e.value.scrollLeft=p.value+l,v()},T=()=>{r.value&&(r.value=!1,document.removeEventListener("touchmove",C),document.removeEventListener("touchend",T))},y=()=>{v(),A()},X=t=>t.preventDefault(),j=()=>{a.value&&window.clearTimeout(a.value),a.value=window.setTimeout(()=>{e.value&&(v(),S(u.value))},120)};return q(()=>{F(()=>{e.value&&!P.value&&(v(),A(),e.value.addEventListener("mousedown",I),e.value.addEventListener("touchstart",W,{passive:!1}),e.value.addEventListener("scroll",y),e.value.addEventListener("dragstart",X),P.value=!0),typeof window<"u"&&window.addEventListener("resize",j)})}),G(()=>{e.value&&(e.value.removeEventListener("mousedown",I),e.value.removeEventListener("touchstart",W),e.value.removeEventListener("scroll",y),e.value.removeEventListener("dragstart",X)),document.removeEventListener("mousemove",b),document.removeEventListener("mouseup",D),document.removeEventListener("touchmove",C),document.removeEventListener("touchend",T),typeof window<"u"&&(window.removeEventListener("resize",j),a.value&&window.clearTimeout(a.value))}),()=>n("div",{class:"pc flex flex-col"},[n("div",{class:"responsive-px-118 responsive-h-390 flex items-end justify-between"},[n("div",null,[n("div",{class:"responsive-text-52 font-semibold responsive-leading-68 text-[#000000]"},[s.common.title1]),n("div",{class:"responsive-text-52 font-semibold responsive-leading-68 text-[#000000]"},[s.common.title2]),n("div",{class:"responsive-w-580 responsive-text-22 font-medium responsive-mt-32 text-[#444445]"},[s.pc.title3])]),n("div",{class:"responsive-w-111 flex justify-between"},[n("img",{class:"responsive-w-40 cursor-pointer",src:R.value,alt:"切换到上一个产品",onMouseenter:()=>E.value=!0,onMouseleave:()=>E.value=!1,onClick:N},null),n("img",{class:"responsive-w-40 cursor-pointer",src:B.value,alt:"切换到下一个产品",onMouseenter:()=>x.value=!0,onMouseleave:()=>x.value=!1,onClick:U},null)])]),n("div",{ref:e,class:"flex responsive-mt-54 responsive-mb-180 overflow-auto [&::-webkit-scrollbar]:hidden responsive-px-118 box-border w-[100%] select-none"},[s.pc.products.map(t=>n("div",{class:"responsive-mr-33 last:mr-[0px] flex-shrink-0 flex flex-col"},[n("img",{class:"responsive-h-620",src:t.img,alt:""},null),n("div",{class:"responsive-mt-40 responsive-text-28 font-semibold"},[t.title]),n("div",{class:"responsive-mt-3 responsive-text-22 font-medium text-[#444445] w-0 min-w-full"},[t.describe])]))])])}}),{__name:"HomeAiPcSecondScreen"});export{Z as S};