| 1 |
- import{df as I,bx as T,bv as $,d5 as B,c as O,n as j,m as z,b as p,d as H,r as w,dj as N,x as C,e as v,dl as E,aj as V,i as _,w as b,a4 as q,dk as g,z as A,a5 as u,dq as D,dr as F,a as y,d6 as L,k as M}from"./index-a31a15a3.js";function U(o,d){if(!I||!window.IntersectionObserver)return;const r=new IntersectionObserver(e=>{d(e[0].intersectionRatio>0)},{root:document.body}),s=()=>{o.value&&r.observe(o.value)},f=()=>{o.value&&r.unobserve(o.value)};T(f),$(f),B(s)}const[W,Z]=O("sticky"),G={zIndex:j,position:z("top"),container:Object,offsetTop:p(0),offsetBottom:p(0)};var J=H({name:W,props:G,emits:["scroll","change"],setup(o,{emit:d,slots:r}){const s=w(),f=N(s),e=C({fixed:!1,width:0,height:0,transform:0}),c=w(!1),i=v(()=>E(o.position==="top"?o.offsetTop:o.offsetBottom)),S=v(()=>{if(c.value)return;const{fixed:t,height:h,width:n}=e;if(t)return{width:`${n}px`,height:`${h}px`}}),k=v(()=>{if(!e.fixed||c.value)return;const t=V(_(o.zIndex),{width:`${e.width}px`,height:`${e.height}px`,[o.position]:`${i.value}px`});return e.transform&&(t.transform=`translate3d(0, ${e.transform}px, 0)`),t}),P=t=>d("scroll",{scrollTop:t,isFixed:e.fixed}),m=()=>{if(!s.value||g(s))return;const{container:t,position:h}=o,n=u(s),R=L(window);if(e.width=n.width,e.height=n.height,h==="top")if(t){const a=u(t),l=a.bottom-i.value-e.height;e.fixed=i.value>n.top&&a.bottom>0,e.transform=l<0?l:0}else e.fixed=i.value>n.top;else{const{clientHeight:a}=document.documentElement;if(t){const l=u(t),x=a-l.top-i.value-e.height;e.fixed=a-i.value<n.bottom&&a>l.top,e.transform=x<0?-x:0}else e.fixed=a-i.value<n.bottom}P(R)};return b(()=>e.fixed,t=>d("change",t)),q("scroll",m,{target:f,passive:!0}),U(s,m),b([D,F],()=>{!s.value||g(s)||!e.fixed||(c.value=!0,A(()=>{const t=u(s);e.width=t.width,e.height=t.height,c.value=!1}))}),()=>{var t;return y("div",{ref:s,style:S.value},[y("div",{class:Z({fixed:e.fixed&&!c.value}),style:k.value},[(t=r.default)==null?void 0:t.call(r)])])}}});const Q=M(J);export{Q as S,U as u};
|
