fine-true/lib/color-picker/index.js

A small and beautiful Vue3 version of the UI Library

!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("vue"),require("./../utils/withInstall"));else if("function"==typeof define&&define.amd)define(["vue","./../utils/withInstall"],t);else{var o="object"==typeof exports?t(require("vue"),require("./../utils/withInstall")):t(e.vue,e["./../utils/withInstall"]);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t)=>(()=>{"use strict";var o={1677:e=>{e.exports=t},748:t=>{t.exports=e}},r={};function l(e){var t=r[e];if(void 0!==t)return t.exports;var n=r[e]={exports:{}};return o[e](n,n.exports,l),n.exports}l.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return l.d(t,{a:t}),t},l.d=(e,t)=>{for(var o in t)l.o(t,o)&&!l.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{l.r(n),l.d(n,{default:()=>r});var e=l(748);const t=(0,e.defineComponent)({name:"fine-color-picker",emits:["update:modelValue"],props:{modelValue:{type:String,default:"#4c95fb"}},setup(t,o){var{emit:r}=o,l=(0,e.ref)(t.modelValue);(0,e.watch)((()=>t.modelValue),(e=>{l.value=e}));var n=()=>{window.EyeDropper&&(new window.EyeDropper).open().then((e=>{console.log(e);var t,{sRGBHex:o}=e;r("update:modelValue",t=o),l.value=t})).catch((e=>{console.warn(e)}))};return()=>(0,e.createVNode)("span",{class:"fine-color-picker",style:{background:l.value},onClick:n},null)}});var o=l(1677);l.n(o)()(t);const r=t})(),n})()));