vuux
Version:
Vue3 Nuxt3 Nuxt4 组件库
2 lines (1 loc) • 952 B
JavaScript
"use strict";const e=require("vue"),m=require("../hook/useAlpha.cjs"),E=e.defineComponent({__name:"alpha",props:{width:{},hue:{},sat:{},val:{},alpha:{}},emits:["update:alpha"],setup(t,{expose:n,emit:u}){const p=t,i=u,l=e.useTemplateRef("alphaEl"),a=e.useTemplateRef("alphaCursorEl"),{alphaBgColor:c,cursorColor:d,setSizePoses:f,setCursor:h,onMousedown:s}=m.useAlpha(p,l,a,i);return n({setSizePoses:f,setCursor:h}),(C,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"alphaEl",ref:l,class:"alpha-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",{class:"alpha-slider-content",style:e.normalizeStyle({background:e.unref(c)})},[e.createElementVNode("div",{ref_key:"alphaCursorEl",ref:a,class:"slider-cursor",style:e.normalizeStyle({background:e.unref(d)})},null,4)],4)],544))}});module.exports=E;