index-legacy-2788affc.js 1.5 KB

1
  1. System.register(["./index-legacy-a314c7dd.js","./index-legacy-fb49b6ec.js"],(function(t,e){"use strict";var o,i,s,d,n,a,c;return{setters:[t=>{o=t.d,i=t.x,s=t.r,d=t.y,n=t.w,a=t.a},t=>{c=t.c}],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 f="_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"}}),r=s(),y=s();return d((()=>{"top"===t.position?l.divStyle.top=t.offsetTop||"0px":l.divStyle.bottom=t.offsetBottom||"0px";try{c(r.value,(e=>{const i=e[0],{height:s}=i.contentRect;Math.abs(s-l.heightV)>1&&setTimeout((()=>{(e=>{l.sectionStyle.height=`${e}px`,l.heightV=e,document.documentElement.style.setProperty(t.varName,`${e}px`),o("barHeight",e)})(s)}),10)}))}catch(e){}})),n((()=>t.offsetTop),(()=>{l.divStyle.top=t.offsetTop})),n((()=>t.offsetBottom),(()=>{l.divStyle.bottom=t.offsetBottom})),()=>a("div",{style:[l.sectionStyle],class:"sticky"===t.mode&&f},[a("div",{ref:r,class:["van-sticky","fixed"===t.mode?"van-sticky--fixed":""],style:[l.divStyle,l.sectionStyle]},[a("div",{ref:y},[e.default&&e.default()])])])}}))}}}));