vuux
Version:
Vue3 Nuxt3 Nuxt4 组件库
2 lines (1 loc) • 809 B
JavaScript
"use strict";const e=require("vue"),c=require("./hook/useThumb.cjs"),f=e.defineComponent({__name:"thumb",props:{vertical:{type:Boolean},size:{},move:{},ratio:{},always:{type:Boolean}},setup(a){const o=a,r=e.useTemplateRef("trackEl"),s=e.useTemplateRef("thumbEl"),{bar:i,thumbStyle:m,onMousedown:l,onThumbPointerDown:u}=c.useThumb(o,r,s);return(p,t)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"trackEl",ref:r,class:e.normalizeClass(["scroll-track",[e.unref(i).key,{"is-always":o.always}]]),onPointerdown:t[1]||(t[1]=(...n)=>e.unref(l)&&e.unref(l)(...n))},[e.createElementVNode("div",{ref_key:"thumbEl",ref:s,class:"scroll-thumb",style:e.normalizeStyle(e.unref(m)),onPointerdown:t[0]||(t[0]=e.withModifiers((...n)=>e.unref(u)&&e.unref(u)(...n),["stop","prevent"]))},null,36)],34))}});module.exports=f;