@vuux/editor/dist/lib/src/component/color.vue.cjs

Vue Nuxt 富文本编辑器

"use strict";const e=require("vue"),d=require("./hook/useColor.cjs"),f={class:"color-picker-canvas"},m={class:"color-square"},v={class:"hue-bar"},p={class:"color-code"},E=e.defineComponent({__name:"color",emits:["update:modelValue","close"],setup(_,{emit:u}){const i=u,s=e.ref(null),l=e.ref(null),{state:r,handleSave:o,startHueDrag:a,startSquareDrag:c}=d.useColor(s,l,i);return(h,t)=>(e.openBlock(),e.createElementBlock("div",f,[e.createElementVNode("div",m,[e.createElementVNode("canvas",{ref_key:"squareCanvasEl",ref:s,width:"200",height:"200",onMousedown:t[0]||(t[0]=(...n)=>e.unref(c)&&e.unref(c)(...n))},null,544),e.createElementVNode("div",{class:"is-circle",style:e.normalizeStyle({left:`${e.unref(r).circleX}px`,top:`${e.unref(r).circleY}px`})},null,4)]),e.createElementVNode("div",v,[e.createElementVNode("canvas",{ref_key:"hueCanvasEl",ref:l,width:"200",height:"10",onMousedown:t[1]||(t[1]=(...n)=>e.unref(a)&&e.unref(a)(...n))},null,544),e.createElementVNode("div",{class:"is-circle",style:e.normalizeStyle({left:`${e.unref(r).hueX}px`,top:"50%"})},null,4)]),e.createElementVNode("div",p,[e.createElementVNode("p",{onClick:t[2]||(t[2]=(...n)=>e.unref(o)&&e.unref(o)(...n))},"确认")])]))}});module.exports=E;