https://aiper.com/_nuxt/C-8f4HCp.js

1import{m as E,b as l,r as F,H as V,n as $,l as D,R as f,S as p,U as e,a8 as o,u as a,P as L,as as P,aa as S,ab as H}from"./Xj9vLnD0.js";import{g as O,u as q,e as N,_ as U}from"./C67QyH0G.js";const C={class:"x6Basket_title_span font-700"},Q=["innerHTML"],R={class:"x6Basket_inner"},Y={class:"x6Basket_inner_list"},j={class:"x6Basket_inner_list_item_name font-600"},z={class:"x6Basket_inner_list_item_process"},G={class:"x6Basket_inner_list_item_process_card"},J={class:"x6Basket_inner_list_item_process_card_text font-700"},K={class:"x6Basket_inner_list_item_process_card_value font-700"},X={class:"x6Basket_inner_list_item_text font-700"},Z={class:"x6Basket_inner_increased_text font-600"},ee={class:"x6Basket_inner_increased_value font-700"},te={class:"x6Basket_tips font-600"},se=E({__name:"x6FilterBasket",setup(ae){const{isMedia:x,rem:T}=O(),{t}=q(),{$gsap:_,$ScrollTrigger:ne}=N(),i=l(null),b=l(null),v=l(null),m=l(null),u=l(null),n=F({basketInfo:{title:t("productWeb.x6.basketInfo.title"),dec:t("productWeb.x6.basketInfo.dec"),list:[{name:t("productWeb.x6.basketInfo.list[0].name"),text:t("productWeb.x6.basketInfo.list[0].text")},{name:t("productWeb.x6.basketInfo.list[1].name"),text:t("productWeb.x6.basketInfo.list[1].text")}],IncreasedText:t("productWeb.x6.basketInfo.IncreasedText"),IncreasedValue:t("productWeb.x6.basketInfo.IncreasedValue"),tips:t("productWeb.x6.basketInfo.tips")}}),w=(s=100,B=2e3,r)=>{let d=0,k=null;const g=y=>{k||(k=y);let M=y-k,c=Math.min(M/B,1),A=c<.5?2*c*c:-1+(4-2*c)*c,h=d+(s-d)*A;r.style.width=`${h}%`,h<s?requestAnimationFrame(g):r.style.width=`${s}%`};requestAnimationFrame(g)},I=()=>{m.value.forEach(s=>{w(100,2e3,s),setTimeout(async()=>{await gsap.to(u.value,{scale:1.2,duration:.5}),await gsap.to(u.value,{scale:1,duration:.5})},2e3)})},W=()=>{const s=`${T.value*60}px`;_.context(()=>{_.fromTo(b.value,{y:s,opacity:0},{y:0,opacity:1,duration:.8,delay:.1,ease:"power3.inOut",scrollTrigger:{trigger:i.value,start:"top 50%",toggleActions:"play none none reverse"}}),_.fromTo(v.value,{y:s,opacity:0},{y:0,opacity:1,duration:.8,delay:.1,ease:"power3.inOut",scrollTrigger:{trigger:i.value,start:"top 40%",toggleActions:"play none none reverse"}}),_.to(i.value,{scrollTrigger:{trigger:i.value,start:"top 20%",end:"bottom 20%",onEnter:I,onEnterBack:I}})})};return V(async()=>{await $(),x.value||W()}),D(()=>{}),(s,B)=>(f(),p("div",{class:"x6Basket",ref_key:"basketBox",ref:i},[e("h2",{class:"x6Basket_title",ref_key:"basketTitle",ref:b},[e("span",C,o(a(n).basketInfo.title),1)],512),e("div",{class:"x6Basket_dec font-600",ref_key:"basketDec",ref:v,innerHTML:a(n).basketInfo.dec},null,8,Q),e("div",R,[e("div",Y,[(f(!0),p(L,null,P(a(n).basketInfo.list,(r,d)=>(f(),p("div",{class:"x6Basket_inner_list_item",key:r.name},[e("div",j,o(r.name),1),e("div",z,[e("div",{class:"x6Basket_inner_list_item_process_active",ref_for:!0,ref_key:"basketProcess",ref:m},null,512),S(e("div",G,[e("div",J,o(a(n).basketInfo.IncreasedText),1),e("div",K,o(a(n).basketInfo.IncreasedValue),1)],512),[[H,a(x)&&d===0]])]),e("div",X,o(r.text),1)]))),128))]),e("div",{class:"x6Basket_inner_increased",ref_key:"baskerIncreased",ref:u},[e("div",Z,o(a(n).basketInfo.IncreasedText),1),e("div",ee,o(a(n).basketInfo.IncreasedValue),1)],512)]),e("div",te,o(a(n).basketInfo.tips),1)],512))}}),ie=U(se,[["__scopeId","data-v-7bdef82c"]]);export{ie as default};