vuux
Version:
Vue3 Nuxt3 Nuxt4 组件库
2 lines (1 loc) • 790 B
JavaScript
"use strict";const e=require("vue"),m=require("../hook/useHue.cjs"),h=e.defineComponent({__name:"hue",props:{width:{},hue:{}},emits:["update:hue"],setup(n,{expose:l,emit:i}){const c=n,f=i,u=e.useTemplateRef("hueEl"),t=e.useTemplateRef("hueCursorEl"),{cursorColor:p,setSizePoses:d,setCursor:a,onMousedown:s}=m.useHue(c,u,t,f);return l({setSizePoses:d,setCursor:a}),(C,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"hueEl",ref:u,class:"hue-slider",onMousedown:r[0]||(r[0]=(...o)=>e.unref(s)&&e.unref(s)(...o)),onTouchstartPassiveCapture:r[1]||(r[1]=e.withModifiers((...o)=>e.unref(s)&&e.unref(s)(...o),["stop"]))},[e.createElementVNode("div",{ref_key:"hueCursorEl",ref:t,class:"slider-cursor",style:e.normalizeStyle({backgroundColor:e.unref(p)})},null,4)],544))}});module.exports=h;