| 1 |
- System.register(["./index-legacy-0c089bdd.js"],(function(t,e){"use strict";var o,i,s,d,n,f,r;return{setters:[t=>{o=t.d,i=t.x,s=t.r,d=t.y,n=t.Z,f=t.w,r=t.a}],execute:function(){var e=document.createElement("style");e.textContent="._sticky_4d2w6_1{position:sticky;top:0;z-index:99}._white_4d2w6_6{background-color:#fff}._white_4d2w6_6>div{padding-top:.4rem;box-shadow:0 0 .26667rem rgba(216,216,216,.5)}\n",document.head.appendChild(e);const a="_sticky_4d2w6_1";t("M",o({name:"m-sticky",props:{position:{type:String,default:"top"},mode:{type:String,default:"fixed"},offsetTop:{type:String,default:"0px"},offsetBottom:{default:"0px"},varName:{type:String,default:"--header-height"}},emits:["barHeight"],setup(t,{slots:e,emit:o}){const l=i({divStyle:{},heightV:0,sectionStyle:{width:"100%",height:"auto",left:"0"}}),p=s(),y=s();return d((()=>{"top"===t.position?l.divStyle.top=t.offsetTop||"0px":l.divStyle.bottom=t.offsetBottom||"0px",new ResizeObserver((()=>{const{height:e}=n(y.value);(e=>{l.sectionStyle.height=`${e}px`,l.heightV=e,document.documentElement.style.setProperty(t.varName,`${e}px`),o("barHeight",e)})(e)})).observe(p.value)})),f((()=>t.offsetTop),(()=>{l.divStyle.top=t.offsetTop})),f((()=>t.offsetBottom),(()=>{l.divStyle.bottom=t.offsetBottom})),()=>r("div",{style:[l.sectionStyle],class:"sticky"===t.mode&&a},[r("div",{ref:p,class:["van-sticky","fixed"===t.mode?"van-sticky--fixed":""],style:[l.divStyle,l.sectionStyle]},[r("div",{ref:y},[e.default&&e.default()])])])}}))}}}));
|
