@aplus-frontend/ui
Version:
2 lines (1 loc) • 1.18 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../utils/cssinjs/index.js"),e=r=>{const{componentCls:a,scrollBarTrackWidth:l,scrollBarBarWidth:o}=r;return{[a]:{position:"relative","&--horizontal":{width:"100%",height:l},"&--vertical":{width:l,height:"100%"},[`${a}__track`]:{position:"absolute",width:"100%",height:"100%",top:0,insetInlineStart:0,cursor:"pointer",backgroundColor:r.scrollBarTrackColor,"&--disabled":{pointerEvents:"none",backgroundColor:r.scrollBarTrackDisabledColor},"&--hidden":{pointerEvents:"none",backgroundColor:"transparent"}},[`${a}__bar`]:{position:"absolute",borderRadius:o,backgroundColor:r.scrollBarBarColor,cursor:"pointer","&--disabled":{pointerEvents:"none",boxShadow:"none"},"&--horizontal":{height:o,top:r.calc(l).div(2).sub(r.calc(o).div(2)).equal()},"&--vertical":{width:o,left:r.calc(l).div(2).sub(r.calc(o).div(2)).equal()}}}}},c=t.genComponentStyleHook("Scrollbar",r=>[e(r)],{scrollBarBarColor:"#c7c8cc",scrollBarTrackColor:"#F2F2F2",scrollBarTrackDisabledColor:"#FAFAFA",scrollBarBarWidth:8,scrollBarTrackWidth:10});exports.default=c;exports.genScrollbarStyle=e;