vuux
Version:
Vue3 Nuxt3 Nuxt4 组件库
2 lines (1 loc) • 981 B
JavaScript
"use strict";const e=require("vue"),d=require("./bar.vue.cjs"),y=require("./hook/useScrollBar.cjs"),E=e.defineComponent({name:"ScrollBar",__name:"index",props:{height:{},maxHeight:{},minSize:{default:20},always:{type:Boolean,default:!1}},emits:["scroll"],setup(n,{expose:c,emit:i}){const l=n,u=i,s=e.useTemplateRef("scrollbarEl"),r=e.useTemplateRef("scrollWrapEl"),t=e.ref(null),{wrapStyle:p,update:f,scroll:a}=y.useScrollBar(l,r,t,u);return e.provide("scrollBarContext",e.reactive({scrollbarEl:s,scrollWrapEl:r})),c({update:f}),(m,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"scrollbarEl",ref:s,class:"app-scrollbar"},[e.createElementVNode("div",{ref_key:"scrollWrapEl",ref:r,class:"scroll-wrap",style:e.normalizeStyle(e.unref(p)),onScroll:o[0]||(o[0]=(..._)=>e.unref(a)&&e.unref(a)(..._))},[e.renderSlot(m.$slots,"default")],36),e.createVNode(d,{ref_key:"barEl",ref:t,always:l.always,"min-size":l.minSize??20},null,8,["always","min-size"])],512))}});module.exports=E;