dk-plus
Version:
2 lines (1 loc) • 910 B
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),g=require("./index3.js");require("../../_icon/index.js");const h=require("../../_hooks/get-scrollbar/index.js"),v=o.defineComponent({name:"DkScrollbar",props:g.dkScrollbar,emits:["scroll"],setup(l,{emit:i}){const{classList:u,styleList:c,wrapperClassList:d}=h.getDkScroll(l),m=l,r=o.ref(c),a=r.value["--scrollbar-thumb-color"],p=a&&a.replace(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*(\d+)\)/,"$1, $2, $3"),b=o.reactive({transition(s,t){let e=t;const f=()=>{r.value["--scrollbar-thumb-color"]=`rgba(${p}, ${e})`},n=()=>{e+=s,e<1&&e>0&&(f(),requestAnimationFrame(n))};n()},handleScrollChange(s){const t=s.target,e={scrollTop:t.scrollTop,scrollLeft:t.scrollLeft};i("scroll",e)}});return{...m,classList:u,styleList:c,wrapperClassList:d,...o.toRefs(b),scrollBarStyle:r}}});exports.default=v;