vuux
Version:
Vue3 Nuxt3 Nuxt4 组件库
2 lines (1 loc) • 982 B
JavaScript
"use strict";const e=require("vue"),m=require("../hook/usePanel.cjs"),C=e.defineComponent({__name:"panel",props:{width:{},height:{},currentColor:{},hue:{},sat:{},val:{},x:{},y:{},isPreset:{type:Boolean}},emits:["update:sat","update:val","update:cursor"],setup(s,{expose:o,emit:a}){const t=s,u=a,n=e.useTemplateRef("panelEl"),l=e.useTemplateRef("panelCursorEl"),{panelBgColor:c,setSizePoses:i,setCursor:p,unregisterListeners:d}=m.usePanel(t,n,l,u);return o({setSizePoses:i,setCursor:p,unregisterListeners:d}),(E,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"panelEl",ref:n,class:"panel-container",style:e.normalizeStyle({backgroundColor:e.unref(c)})},[r[0]||(r[0]=e.createElementVNode("div",{class:"sat-container"},null,-1)),r[1]||(r[1]=e.createElementVNode("div",{class:"val-container"},null,-1)),e.createElementVNode("div",{ref_key:"panelCursorEl",ref:l,class:"cursor-container",style:e.normalizeStyle({backgroundColor:t.currentColor})},null,4)],4))}});module.exports=C;