2 lines
14 KiB
JavaScript
2 lines
14 KiB
JavaScript
import{d as _e,u as Ce,r as P,G as Ee,cY as ke,k as oe,H as Me,o as be,af as Te,bb as Pe,$ as ne,ae as De,ai as Ie,y as d,z as S,A as p,C as L,T as ce,D as A,a0 as ue,a1 as de,bS as W,a5 as G,J as a,S as J,B as K,F as N,cZ as $e,c_ as ze}from"./CqMGdh3i.js";import{_ as Be,i as F,C as Le}from"./CKskNGnl.js";import{B as Ae}from"./UZViNtu6.js";import{a as Ne}from"./B6irGWYT.js";import{B as Oe}from"./C4IJggRf.js";import{B as Q}from"./h3vOCeO2.js";import{g as qe,h as Re,i as Ye,S as Ve,a as fe}from"./CTKn_q2d.js";import{e as Xe,c as je,a as Fe}from"./DTSeBhIu.js";/* empty css */import{u as He}from"./CPs-NHNf.js";import{e as ve}from"./DB_tx3mi.js";import{u as Ze,s as Ue}from"./TR_VMgQV.js";import{s as We}from"./B8kWovXe.js";function Ge(O){let{swiper:r,duration:I,transformElements:E}=O;const{activeIndex:R}=r;if(r.params.virtualTranslate&&I!==0){let o=!1,i;i=E,i.forEach(c=>{qe(c,()=>{if(o||!r||r.destroyed)return;o=!0,r.animating=!1;const k=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0});r.wrapperEl.dispatchEvent(k)})})}}function Je(O){let{swiper:r,extendParams:I,on:E}=O;I({creativeEffect:{limitProgress:1,shadowPerProgress:!1,progressMultiplier:1,perspective:!0,prev:{translate:[0,0,0],rotate:[0,0,0],opacity:1,scale:1},next:{translate:[0,0,0],rotate:[0,0,0],opacity:1,scale:1}}});const R=c=>typeof c=="string"?c:`${c}px`;Xe({effect:"creative",swiper:r,on:E,setTranslate:()=>{const{slides:c,wrapperEl:k,slidesSizesGrid:t}=r,n=r.params.creativeEffect,{progressMultiplier:m}=n,g=r.params.centeredSlides,l=Ye(r);if(g){const $=t[0]/2-r.params.slidesOffsetBefore||0;k.style.transform=`translateX(calc(50% - ${$}px))`}for(let $=0;$<c.length;$+=1){const x=c[$],q=x.progress,u=Math.min(Math.max(x.progress,-n.limitProgress),n.limitProgress);let y=u;g||(y=Math.min(Math.max(x.originalProgress,-n.limitProgress),n.limitProgress));const _=x.swiperSlideOffset,h=[r.params.cssMode?-_-r.translate:-_,0,0],w=[0,0,0];let D=!1;r.isHorizontal()||(h[1]=h[0],h[0]=0);let f={translate:[0,0,0],rotate:[0,0,0],scale:1,opacity:1};u<0?(f=n.next,D=!0):u>0&&(f=n.prev,D=!0),h.forEach((C,M)=>{h[M]=`calc(${C}px + (${R(f.translate[M])} * ${Math.abs(u*m)}))`}),w.forEach((C,M)=>{let U=f.rotate[M]*Math.abs(u*m);w[M]=U}),x.style.zIndex=-Math.abs(Math.round(q))+c.length;const Y=h.join(", "),z=`rotateX(${l(w[0])}deg) rotateY(${l(w[1])}deg) rotateZ(${l(w[2])}deg)`,V=y<0?`scale(${1+(1-f.scale)*y*m})`:`scale(${1-(1-f.scale)*y*m})`,H=y<0?1+(1-f.opacity)*y*m:1-(1-f.opacity)*y*m,Z=`translate3d(${Y}) ${z} ${V}`;if(D&&f.shadow||!D){let C=x.querySelector(".swiper-slide-shadow");if(!C&&f.shadow&&(C=je("creative",x)),C){const M=n.shadowPerProgress?u*(1/n.limitProgress):u;C.style.opacity=Math.min(Math.max(Math.abs(M),0),1)}}const B=Fe(n,x);B.style.transform=Z,B.style.opacity=H,f.origin&&(B.style.transformOrigin=f.origin)}},setTransition:c=>{const k=r.slides.map(t=>Re(t));k.forEach(t=>{t.style.transitionDuration=`${c}ms`,t.querySelectorAll(".swiper-slide-shadow").forEach(n=>{n.style.transitionDuration=`${c}ms`})}),Ge({swiper:r,duration:c,transformElements:k})},perspective:()=>r.params.creativeEffect.perspective,overwriteParams:()=>({watchSlidesProgress:!0,virtualTranslate:!r.params.cssMode})})}const Ke="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20fill='none'%20viewBox='0%200%2024%2024'%20id='instagram-highlight-story'%3e%3cpath%20fill='%23fff'%20fill-rule='evenodd'%20d='M12.1213%207.40686C10.6607%206.40269%208.64684%206.54986%207.34835%207.84835%205.88388%209.31282%205.88388%2011.6872%207.34835%2013.1517L11.591%2017.3943C11.7316%2017.5349%2011.9224%2017.614%2012.1213%2017.614%2012.3202%2017.614%2012.511%2017.5349%2012.6517%2017.3943L16.8943%2013.1517C18.3588%2011.6872%2018.3588%209.31282%2016.8943%207.84835%2015.5958%206.54986%2013.582%206.40269%2012.1213%207.40686zM11.591%208.90901C10.7123%208.03033%209.28769%208.03033%208.40901%208.90901%207.53033%209.78769%207.53033%2011.2123%208.40901%2012.091L12.1213%2015.8033%2015.8336%2012.091C16.7123%2011.2123%2016.7123%209.78769%2015.8336%208.90901%2014.955%208.03033%2013.5303%208.03033%2012.6517%208.90901%2012.3588%209.2019%2011.8839%209.2019%2011.591%208.90901zM10.2263%202.128C10.3296%202.52914%2010.0881%202.93802%209.68694%203.04127%209.19056%203.16903%208.7103%203.33698%208.24979%203.54149%207.87123%203.7096%207.42806%203.539%207.25994%203.16044%207.09183%202.78187%207.26243%202.3387%207.64099%202.17059%208.17667%201.9327%208.73547%201.73727%209.31306%201.58861%209.7142%201.48537%2010.1231%201.72686%2010.2263%202.128zM5.75633%204.15238C6.03781%204.45625%206.01966%204.93078%205.71579%205.21226%204.97148%205.90172%204.34093%206.71184%203.85525%207.61113%203.65841%207.97559%203.2034%208.11148%202.83894%207.91464%202.47448%207.71781%202.33859%207.26279%202.53543%206.89834%203.1%205.85298%203.83243%204.91218%204.69645%204.11183%205.00032%203.83035%205.47485%203.8485%205.75633%204.15238zM2.25612%209.61903C2.66481%209.6865%202.94142%2010.0725%202.87396%2010.4812%202.79247%2010.9748%202.75%2011.4821%202.75%2011.9999%202.75%2012.5177%202.79247%2013.025%202.87396%2013.5186%202.94142%2013.9273%202.66481%2014.3133%202.25612%2014.3808%201.84744%2014.4482%201.46145%2014.1716%201.39399%2013.7629%201.29922%2013.1888%201.25%2012.5998%201.25%2011.9999%201.25%2011.4%201.29922%2010.811%201.39399%2010.2369%201.46145%209.82819%201.84744%209.55157%202.25612%209.61903zM2.83894%2016.0851C3.2034%2015.8883%203.65841%2016.0242%203.85525%2016.3887%204.34093%2017.288%204.97147%2018.0981%205.71578%2018.7875%206.01966%2019.069%206.03781%2019.5435%205.75633%2019.8474%205.47485%2020.1513%205.00032%2020.1694%204.69644%2019.888%203.83243%2019.0876%203.1%2018.1468%202.53543%2017.1015%202.33859%2016.737%202.47448%2016.282%202.83894%2016.0851zM7.25994%2020.8394C7.42805%2020.4608%207.87122%2020.2902%208.24979%2020.4583%208.7103%2020.6628%209.19056%2020.8308%209.68694%2020.9585%2010.0881%2021.0618%2010.3296%2021.4707%2010.2263%2021.8718%2010.1231%2022.2729%209.7142%2022.5144%209.31306%2022.4112%208.73547%2022.2625%208.17667%2022.0671%207.64099%2021.8292%207.26243%2021.6611%207.09183%2021.2179%207.25994%2020.8394z'%20clip-rule='evenodd'%3e%3c/path%3e%3cpath%20fill='%23fff'%20fill-rule='evenodd'%20d='M11.25%202C11.25%201.58579%2011.5858%201.25%2012%201.25C17.9371%201.25%2022.75%206.06294%2022.75%2012C22.75%2012.4142%2022.4142%2012.75%2022%2012.75C21.5858%2012.75%2021.25%2012.4142%2021.25%2012C21.25%206.89137%2017.1086%202.75%2012%202.75C11.5858%202.75%2011.25%202.41421%2011.25%202ZM21.4682%2015.3127C21.8478%2015.4786%2022.021%2015.9207%2021.8552%2016.3003C20.197%2020.0954%2016.4094%2022.75%2012%2022.75C11.5858%2022.75%2011.25%2022.4142%2011.25%2022C11.25%2021.5858%2011.5858%2021.25%2012%2021.25C15.7919%2021.25%2019.0526%2018.9682%2020.4806%2015.6997C20.6465%2015.3202%2021.0886%2015.1469%2021.4682%2015.3127Z'%20clip-rule='evenodd'%3e%3c/path%3e%3c/svg%3e",Qe={class:"flex full_story z-400 justify-center"},et={key:0,class:"absolute w-full top-0 right-0 left-0 z-1000"},tt={class:"flex items-center gap-2"},st={class:"relative"},at=["alt"],rt=["alt"],it={class:"text-white text-xs"},lt={key:0,class:"absolute w-full bottom-0 right-0 left-0 blurred-gradient-bg z-2000 functions-area"},ot={key:0,class:"flex gap-5 p-5 items-center"},nt={class:"flex w-1.5rem justify-end items-center"},ct={key:1,class:"flex gap-5 p-5 items-center mx4",dir:"rtl"},ut={class:"text-xs"},dt=["alt"],ft={class:"text-xs"},vt={class:"w-full"},pt=["alt"],mt=["alt"],Pt=_e({__name:"FullScreenStories",props:{id:{},specifyId:{type:Boolean,default:!1}},emits:["update:id"],setup(O,{emit:r}){const I=Ce(),E=P(null),R=[Je],o=P(0),i=P(0),c=P(0),k=P(""),t=Ee(),n=O,m=r,g=P([]),l=P(null),{direction:$,isSwiping:x}=ke(l),q=P(!1),u=oe(()=>n.specifyId?_.users.find(e=>e.id===n.id):_.users[o.value]);let y;const _=He(),h=Me(),w=P(!1);let D,f=!1,Y=0,z=!1;const V=oe(()=>t.isSeller&&h.user?.id===u.value?.id);function H(e){t.isSeller?I.push({name:"add-story"}):I.push({name:"user_detail",params:{id:u.value?.id}})}let Z=0;function B(e){(e.touches[0]?.clientY??0)-Z>0&&e.preventDefault()}function C(e){Y=e.touches[0].clientX,z=!1,f=!1,D=setTimeout(()=>{f=!0,z||pe(e)},300)}const M=async e=>{await $e(t.useString("areYouSureToDeleteThisStory"),e??"",ze,U)};async function U(){m("update:id",void 0),await _.getList()}function ee(e){z||setTimeout(()=>{z=!0,clearTimeout(D)},50)}function X(e){clearTimeout(D);const s=l.value?.querySelector(".account-detail-area"),v=l.value?.querySelector(".functions-area");s&&s.contains(e?.target)||v&&v.contains(e?.target)||(e.preventDefault(),!f&&!z?re(e):me(e))}function pe(e){const s=l.value?.querySelector(".account-detail-area"),v=l.value?.querySelector(".functions-area");s&&s.contains(e?.target)||v&&v.contains(e?.target)||(e.preventDefault(),e.stopPropagation(),w.value=!0,j())}function me(e){e.preventDefault(),e.stopPropagation(),w.value&&se(),w.value=!1}be(()=>{o.value=_.users.findIndex(e=>e.id===n.id),E.value.activeIndex=o.value,o.value===0&&te(),l.value?.addEventListener("touchstart",C),l.value?.addEventListener("touchend",X),l.value?.addEventListener("touchmove",ee),l.value?.addEventListener("touchcancel",X),l.value?.addEventListener("touchmove",B,{passive:!1})}),Te(()=>{l.value?.removeEventListener("touchstart",C),l.value?.removeEventListener("touchend",X),l.value?.addEventListener("touchmove",ee),l.value?.removeEventListener("touchcancel",X),l.value?.removeEventListener("touchmove",B)}),Pe(()=>{x.value&&$.value==="down"&&m("update:id",void 0)}),ne(o,async e=>{await te()});async function te(){c.value=u.value?.stories.length,g.value=[],await De(),E.value&&(E.value.activeIndex=o.value);for(let e=0;e<c.value;e++)g.value.push(0);j(),se()}const ge=e=>{E.value=e},he=e=>{i.value=0,j(),o.value=e.activeIndex};function ye(e){e!==""?q.value=!0:q.value=!1}function se(){y=We(()=>{i.value<g.value.length&&(g.value[i.value]+=10,g.value[i.value]>100&&ae())},1e3)}function j(){clearInterval(y),y=void 0}function ae(){c.value>i.value+1?i.value++:(j(),i.value=0,Se())}function we(){i.value!==0?i.value--:xe()}function Se(){n.specifyId?m("update:id",void 0):_.users.length>o.value+1?o.value++:m("update:id",void 0)}function re(e){const s=l.value?.querySelector(".account-detail-area"),v=l.value?.querySelector(".functions-area");if(s&&s.contains(e?.target)||v&&v.contains(e?.target))return;const b=e.currentTarget?.clientWidth;let T=0;"touches"in e?T=Y:e instanceof MouseEvent&&(T=e.offsetX),T>b/2?t.isRtl?ie():le():t.isRtl?le():ie()}function ie(){g.value[i.value]=100,ae()}function le(){g.value[i.value]=0,g.value[i.value-1]=0,we()}function xe(){o.value!==0&&!n.specifyId&&o.value--}return ne([i,o],async()=>{const e=u.value?.stories[i.value],s=e.storyviews.find(v=>v.user_id===(h.user?.id||"me"));h.user?.id?s||await Ze(h.user?.id,e.id):Ue(e.id),s||Object.assign(e,{storyviews:[...s?.storyviews??[],{user_id:h.user?.id||"me",story_id:e.id}]})},{deep:!0,immediate:!0}),(e,s)=>{const v=Ie("lazy");return d(),S("div",Qe,[p("div",{ref_key:"target",ref:l,class:"relative w-full md:w-426px bg-black flex items-center pb-5rem",onClick:re},[L(ce,{name:"fade"},{default:A(()=>[w.value?J("",!0):(d(),S("div",et,[(d(),S("div",{class:"flex gap-2px shadow-xl",key:o.value},[(d(!0),S(ue,null,de(u.value.stories,(b,T)=>(d(),N(Le,{key:T,rtl:a(t).isRTL,percent:g.value[T]},null,8,["rtl","percent"]))),128))])),p("div",{class:"p-2 flex w-full items-center gap-2 account-detail-area justify-between",onClick:W(H,["prevent"])},[p("div",tt,[p("div",st,[G(p("img",{class:"w-2.5rem h-2.5rem rounded-full",alt:a(t).appName.en},null,8,at),[[v,{src:a(t).useDataStorage(u.value?.avatar),loading:a(ve),error:a(ve)}]]),V.value?(d(),S("img",{key:0,src:Be,alt:a(t).appName.en,class:"w-15px absolute right-0 bottom-0 bg-white rounded-full"},null,8,rt)):J("",!0)]),p("div",it,K(u.value?.name),1)]),L(Q,{icon:"vuesax-linear:add",class:"text-white rotate-45",size:"32",onClick:s[0]||(s[0]=W(b=>m("update:id",void 0),["stop","prevent"]))})])]))]),_:1}),L(ce,{name:"fade"},{default:A(()=>[w.value?J("",!0):(d(),S("div",lt,[V.value?(d(),S("div",ct,[p("div",{class:"flex flex-col items-center gap-3 text-white",onClick:s[2]||(s[2]=b=>M(e.specifyId?u.value?.stories[i.value]?.id:a(_)?.users[o.value]?.stories?.[i.value]?.id))},[L(Q,{icon:"vuesax-linear:trash",size:"22"}),p("div",ut,K(a(t).useString("delete")),1)]),p("div",{class:"flex flex-col items-center gap-3 text-white",onClick:s[3]||(s[3]=b=>a(I).push({name:"highlight-create"}))},[p("img",{src:Ke,alt:a(t).appName.en},null,8,dt),p("div",ft,K(a(t).useString("highlight")),1)])])):(d(),S("div",ot,[L(Ae,{value:k.value,"onUpdate:value":s[1]||(s[1]=b=>k.value=b),"place-holder":a(t).useString("sendMessage"),onOnchange:ye,class:"story_input flex-1"},null,8,["value","place-holder"]),p("div",nt,[q.value?(d(),N(Oe,{key:1,size:"small",shape:"circle",class:"w-2.2rem !h-2.2rem",type:"primary"},{default:A(()=>[L(Q,{icon:"vuesax-linear:send-1"})]),_:1})):(d(),N(Ne,{key:0,mode:"night",class:"w-1.5rem"}))])]))]))]),_:1}),p("div",vt,[(d(),N(a(Ve),{key:o.value,ref_key:"swiperRef",ref:E,onSwiper:ge,onSlideChange:he,initialSlide:o.value,grabCursor:!0,effect:"creative",creativeEffect:{prev:{shadow:!0,origin:"left center",translate:["-5%",0,-200],rotate:[0,100,0]},next:{origin:"right center",translate:["5%",0,-200],rotate:[0,-100,0]}},modules:R,class:"mySwiper6"},{default:A(()=>[e.specifyId?(d(),N(a(fe),{key:1,class:"self-center"},{default:A(()=>[G((d(),S("img",{alt:a(t).appName.en,class:"w-full bg-black select-none pointer-events-none",key:e.i},null,8,mt)),[[v,{src:a(t).useDataStorage(u.value.stories[i.value]?.url),loading:a(F),error:a(F)}]])]),_:1})):(d(!0),S(ue,{key:0},de(a(_).users,(b,T)=>(d(),N(a(fe),{key:T,class:"self-center"},{default:A(()=>[G((d(),S("img",{alt:a(t).appName.en,class:"w-full bg-black select-none pointer-events-none",key:T,onContextmenu:s[4]||(s[4]=W(()=>{},["prevent"])),draggable:"false"},null,40,pt)),[[v,{src:a(t).useDataStorage(b.stories[i.value]?.url),loading:a(F),error:a(F)}]])]),_:2},1024))),128))]),_:1},8,["initialSlide"]))])],512)])}}});export{Pt as _};
|