color-picker-plus
Version:
2 lines (1 loc) • 25.7 kB
JavaScript
(function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode("*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: \"\"}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\";font-feature-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.absolute{position:absolute}.relative{position:relative}.left-\\[50\\%\\]{left:50%}.top-\\[-10px\\]{top:-10px}.top-\\[50px\\]{top:50px}.mx-auto{margin-left:auto;margin-right:auto}.my-\\[10px\\]{margin-top:10px;margin-bottom:10px}.my-\\[300px\\]{margin-top:300px;margin-bottom:300px}.ml-2{margin-left:.5rem}.ml-\\[-25\\%\\]{margin-left:-25%}.mr-\\[10px\\]{margin-right:10px}.mt-1{margin-top:.25rem}.mt-\\[10px\\]{margin-top:10px}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.h-\\[10px\\]{height:10px}.h-\\[12px\\]{height:12px}.h-\\[180px\\]{height:180px}.h-\\[20px\\]{height:20px}.h-\\[25px\\]{height:25px}.h-\\[40px\\]{height:40px}.h-full{height:100%}.w-10\\/12{width:83.333333%}.w-\\[20px\\]{width:20px}.w-\\[25px\\]{width:25px}.w-\\[300px\\]{width:300px}.w-full{width:100%}.flex-grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.rounded{border-radius:.25rem}.border{border-width:1px}.border-\\[\\#4d79ff\\]{--tw-border-opacity: 1;border-color:rgb(77 121 255 / var(--tw-border-opacity))}.border-\\[\\#e6e6e6\\]{--tw-border-opacity: 1;border-color:rgb(230 230 230 / var(--tw-border-opacity))}.bg-\\[\\#4d79ff\\]{--tw-bg-opacity: 1;background-color:rgb(77 121 255 / var(--tw-bg-opacity))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[15px\\]{padding-left:15px;padding-right:15px}.py-\\[12px\\]{padding-top:12px;padding-bottom:12px}.py-\\[3px\\]{padding-top:3px;padding-bottom:3px}.py-\\[5px\\]{padding-top:5px;padding-bottom:5px}.text-center{text-align:center}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[\\#4d79ff\\]{--tw-text-opacity: 1;color:rgb(77 121 255 / var(--tw-text-opacity))}.text-\\[\\#fff\\]{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.outline{outline-style:solid}html,body{font-size:14px;color:#333}.leiy-hue-box{font-size:12px;background-color:#fff}.leiy-hue-box .colorBar-box{cursor:pointer;position:relative}.leiy-hue-box .colorBar-box .color-slider{background:linear-gradient(to right,#f00,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00)}.leiy-hue-box .colorBar-box .color-slider .color-columnar{top:0px;width:6px;height:10px;background-color:#fff;box-shadow:0 0 2px #1c1c1c}.leiy-hue-box .colorBar-box .alpha-slider{position:relative;margin-top:5px;height:8px;box-shadow:1px 1px 1px #0000001a;background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAWElEQVRIiWM8fubkfwYygKWJOSM5+mCAhRLNoxaPWjxq8ajFoxbTyeL/DAfJ0Xjs3Cl7Siwmu4Yht1aDgZEYx6MWj1o8avGoxaMWD3qLya5X//4nqx6HAQC7RBGFzolqTAAAAABJRU5ErkJggg==);background-size:8px 8px}.leiy-hue-box .colorBar-box .alpha-slider .alpha-columnar{top:0px;width:6px;height:10px;background-color:#fff;box-shadow:0 0 2px #1c1c1c}.leiy-hue-box .colorBar-box .color-show-box{background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAWElEQVRIiWM8fubkfwYygKWJOSM5+mCAhRLNoxaPWjxq8ajFoxbTyeL/DAfJ0Xjs3Cl7Siwmu4Yht1aDgZEYx6MWj1o8avGoxaMWD3qLya5X//4nqx6HAQC7RBGFzolqTAAAAABJRU5ErkJggg==);background-size:8px 8px}.leiy-hue-box .colorBar-box .color-thumb{position:absolute;left:-3px;transform:translateY(-3px);border-radius:2px;background-color:#0a0a0a;border:3px solid #fff;margin-left:9px}.leiy-hue-box .saturation-box1 .origin{width:6px;height:6px;border:1px #000 solid;z-index:99;border-radius:100%}.leiy-hue-box .saturation-box2{background:linear-gradient(to right,white,transparent)}.leiy-hue-box .saturation-box3{background:linear-gradient(to top,black,transparent)}.leiy-hue-box .color-show{display:flex;text-align:center}.leiy-hue-box .color-show input{border:1px #f1f2f5 solid;width:100%;text-align:center}.leiy-select-box{min-width:200px}.leiy-select-box .leiy-colorPicker-box{box-shadow:0 2px 12px #0000001a;background:#fff;z-index:999}.leiy-select-box .tip{width:12%;max-width:20px}.leiy-select-box .color-box{width:80%}.leiy-select-box .trangle2{width:0px;height:0px;border-bottom:#e6e6e6 10px solid;border-left:transparent 8px solid;border-right:transparent 8px solid}")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();(function(E,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(E=typeof globalThis<"u"?globalThis:E||self,e(E["color-picker-plus"]={},E.Vue))})(this,function(E,e){"use strict";const ee=(l,a)=>{const n=l;return n.install=r=>{r.component(n.name||n.displayName,l),a&&(r.config.globalProperties[a]=l)},l},be="";function C(l=0,a=0,n=0,r=!1){const s=(1-Math.abs(2*n-1))*a,d=s*(1-Math.abs(l/60%2-1)),i=n-s/2,u=[];l>=0&&l<60?u.push(s,d,0):l>=60&&l<120?u.push(d,s,0):l>=120&&l<180?u.push(0,s,d):l>=180&&l<240?u.push(0,d,s):l>=240&&l<300?u.push(d,0,s):l>=300&&l<360&&u.push(s,0,d);const[m,y,x]=u,I=Math.ceil(255*(m+i)),h=Math.floor(255*(y+i)),g=Math.ceil(255*(x+i));return r?`rgb(${I},${h},${g})`:{R:I,G:h,B:g}}function q(l){if(!/^(rgb|RGB)/.test(l))return!1;let a=l.split(","),n=+a[0].split("(")[1],r=+a[1],s=+a[2].split(")")[0];return"#"+((1<<24)+(n<<16)+(r<<8)+s).toString(16).slice(1)}function te(l,a=1){let n=l.slice(1);if(n.length===6){let r=n;return{R:parseInt("0x"+r.slice(0,2)),G:parseInt("0x"+r.slice(2,4)),B:parseInt("0x"+r.slice(4,6))}}}function G(l,a,n){l=l/255,a=a/255,n=n/255;var r=Math.min(l,a,n),s=Math.max(l,a,n),d=(r+s)/2,i=s-r;let u=0,m=0;if(s==r)u=0,m=0;else{switch(m=d>.5?i/(2-s-r):i/(s+r),s){case l:u=(a-n)/i+(a<n?6:0);break;case a:u=2+(n-l)/i;break;case n:u=4+(l-a)/i;break}u=Math.floor(u*60)}return m=Math.round(m*100),d=Math.round(d*100),{h:u,s:m,l:d}}e.ref(!1);const p=e.ref();function le(l){l!=null&&l.disabled||(l={...l,disabled:!1}),p.value=l;function a(){console.log("useColor instance")}return[a,{}]}const oe={class:"leiy-hue-box w-full"},ae={class:"w-full h-[180px]"},ne=e.createElementVNode("div",{class:"saturation-box2 w-full h-full absolute"},null,-1),se=e.createElementVNode("div",{class:"saturation-box3 w-full h-full absolute"},null,-1),re={key:0,class:"default flex justify-start items-center my-[10px]"},ce=["onClick"],ie={class:"colorBar-box w-full mt-[10px] flex justify-between items-center"},de={class:"w-10/12"},ue={class:"color-show-box"},fe={class:"color-show flex w-full gap-2 mt-[10px]"},pe={class:"flex-grow w-full"},he=e.createElementVNode("p",{class:"mt-1"},"hex",-1),ge=e.createElementVNode("p",{class:"mt-1"},"r",-1),Ie=e.createElementVNode("p",{class:"mt-1"},"g",-1),me=e.createElementVNode("p",{class:"mt-1"},"b",-1),xe=e.createElementVNode("p",{class:"mt-1"},"a",-1),ve=e.defineComponent({__name:"colorPicker",setup(l,{expose:a}){const n=e.ref(),r=e.ref(0),s=e.ref(100),d=e.ref(50),i=e.ref(),u=e.ref(),m=e.ref(),y=e.ref("#f00f00"),x=e.ref(0),I=e.ref(0),h=e.ref(0),g=e.ref(1),B=e.reactive({left:0,top:0}),U=e.reactive({left:0}),w=e.reactive({left:0}),F=o=>{if(o.target.value.length>=7){let t=te(o.target.value);i.value=`rgb(${t==null?void 0:t.R},${t==null?void 0:t.G},${t==null?void 0:t.B})`,N(t);let c=G((t==null?void 0:t.R)||0,(t==null?void 0:t.G)||0,(t==null?void 0:t.B)||0);_(c)}},A=(o,t)=>{t==="R"&&(x.value=o.target.value>255?255:o.target.value),t==="G"&&(I.value=o.target.value>255?255:o.target.value),t==="B"&&(h.value=o.target.value>255?255:o.target.value),t==="a"&&(g.value=o.target.value>1?1:o.target.value);const c=G(x.value,I.value,h.value);i.value=`rgb(${x.value},${h.value},${h.value})`,_(c)},je=o=>{let t=n.value.clientWidth,c=n.value.clientHeight,R=o.offsetX,f=o.offsetY;s.value=Math.floor(R/t*100),d.value=Math.ceil(50-f/c*50);let V=C(r.value,s.value/100,d.value/100);console.log(r.value,s.value,d.value),N(V)},b=o=>{let t=u.value.clientWidth,c=o.pageX-n.value.getBoundingClientRect().left;U.left=c>0&&c<t-5?c:c>=t-5?t-5:0,r.value=Math.floor(U.left/t*360);let R=C(r.value,s.value/100,d.value/100);N(R)},Ce=o=>{window.addEventListener("mousemove",b),window.addEventListener("mouseup",J)};function J(){window.removeEventListener("mousemove",b),window.removeEventListener("mouseup",J)}const He=o=>{window.addEventListener("mousemove",O),window.addEventListener("mouseup",D)};function D(){window.removeEventListener("mousemove",O),window.removeEventListener("mouseup",D)}const O=o=>{let t=m.value.clientWidth,c=o.pageX-n.value.getBoundingClientRect().left;w.left=c>0&&c<t-5?c:c>=t-6?t-6:0,g.value=Math.floor((w.left+6)/t*100)/100},N=o=>{i.value=`rgb(${o.R},${o.G},${o.B})`,x.value=o.R,I.value=o.G,h.value=o.B,y.value=q(i.value)||"",L()},_=o=>{console.log(o),r.value=o.h,s.value=o.s,d.value=o.l,y.value=q(i.value)||"",L()},L=()=>{let o=n.value.clientWidth,t=n.value.clientHeight,c=Math.ceil(s.value/100*o),R=t-Math.ceil(d.value/50*t);B.left=c<0?0:c>o-5?o-6:c,B.top=R<0?0:R>t-5?t-6:R;let f=u.value.clientWidth,V=Math.floor(r.value/360*f);U.left=V},Fe=o=>{let t=(o==null?void 0:o.type)||"hex",c="";switch(t){case"hsl":c=`hsl(${r.value},${s.value}%,${d.value}%)`;break;case"rgb":c=`${i.value}`;break;case"rgba":c=`rgb(${x.value},${I.value},${h.value},${g.value})`;break;case"hex":c=y.value;break}return c};return e.watch(()=>p.value,o=>{o&&console.log(o,p.value,"watch")}),e.onMounted(()=>{var t,c,R,f,V,Y,X,P,Z,$,z;try{console.log("mounted"),console.log((t=p.value)==null?void 0:t.defaultColor);let S=C(r.value,s.value/100,d.value/100);if(i.value=`rgb(${S==null?void 0:S.R},${S==null?void 0:S.G},${S==null?void 0:S.B})`,N(S),w.left=u.value.clientWidth-6,(c=p.value)!=null&&c.defaultColor){if(((R=p.value)==null?void 0:R.type)==="hex")F({target:{value:(f=p.value)==null?void 0:f.defaultColor}});else if(((V=p.value)==null?void 0:V.type)==="rgb"||((Y=p.value)==null?void 0:Y.type)==="rgba")if(console.log("rgba"),((X=p.value)==null?void 0:X.type)==="rgb"){var o=/^rgb\(((,?\s*\d+){3}).+$/;let v=(P=p.value)==null?void 0:P.defaultColor.replace(o,"$1").split(",");I.value=Number((v==null?void 0:v[1])||0),h.value=Number((v==null?void 0:v[2])||0),console.log(v,"color"),A({target:{value:Number((v==null?void 0:v[0])||0)}},"R")}else{let v=(Z=p.value)==null?void 0:Z.defaultColor.split(","),k=+v[0].split("(")[1],M=+v[1],Q=+v[2],j=+v[3].split(")")[0];I.value=Number(M),h.value=Number(Q),g.value=j,A({target:{value:Number(k)}},"R");let Ne=m.value.clientWidth;w.left=Math.floor(g.value*100/100*Ne)}else if((($=p.value)==null?void 0:$.type)==="hsl"){var o=/^hsl\(((,?\s*\d+%*){3}).+$/;let k=(z=p.value)==null?void 0:z.defaultColor.replace(o,"$1").split(",");const M=Number(k==null?void 0:k[1].replace("%","")),Q=Number(k==null?void 0:k[2].replace("%",""));let j=C(Number(k==null?void 0:k[0]),M/100,Q/100);I.value=j.G,h.value=j.B,g.value=1,A({target:{value:j.R}},"R")}}}catch(S){console.log("错误"),console.log(S)}}),a({getColor:Fe}),(o,t)=>{var c,R;return e.openBlock(),e.createElementBlock("div",oe,[e.createElementVNode("div",ae,[e.createElementVNode("div",{class:"w-full h-full relative",ref_key:"hueBox",ref:n,onMousedown:je},[e.createElementVNode("div",{class:"saturation-box1 w-full h-full absolute",style:e.normalizeStyle(`background-color: hsl(${r.value}, 100%, 50%);`)},[e.createElementVNode("div",{class:"origin absolute",style:e.normalizeStyle({left:B.left+"px",top:B.top+"px"})},null,4)],4),ne,se],544)]),(c=e.unref(p))!=null&&c.usuallyColorBlock?(e.openBlock(),e.createElementBlock("div",re,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((R=e.unref(p))==null?void 0:R.usuallyColorBlock,f=>(e.openBlock(),e.createElementBlock("div",{class:"color-item w-[20px] h-[20px] mr-[10px] rounded",onClick:V=>F({target:{value:f}}),style:e.normalizeStyle(`background:${f}`),key:f},e.toDisplayString(),13,ce))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",ie,[e.createElementVNode("div",de,[e.createElementVNode("div",{class:"color-slider w-full h-[10px] relative",ref_key:"colorBar",ref:u,onClick:b,onMousedown:Ce},[e.createElementVNode("div",{class:"color-columnar absolute",style:e.normalizeStyle({left:U.left+"px"})},null,4)],544),e.createElementVNode("div",{class:"w-full h-[12px] alpha-slider",ref_key:"alpha_slider",ref:m,onClick:O,onMousedown:He},[e.createElementVNode("div",{class:"alpha-columnar absolute",style:e.normalizeStyle({left:w.left+"px"})},null,4),e.createElementVNode("div",{style:e.normalizeStyle(`background: linear-gradient(to right, rgba(0,0,0,0), ${i.value});width: 100%;height: 100%`)},null,4)],544)]),e.createElementVNode("div",ue,[e.createElementVNode("div",{class:"w-[25px] h-[25px]",style:e.normalizeStyle(`background-color: rgba(${x.value},${I.value},${h.value},${g.value})`)},null,4)])]),e.createElementVNode("div",fe,[e.createElementVNode("div",pe,[e.withDirectives(e.createElementVNode("input",{type:"text","onUpdate:modelValue":t[0]||(t[0]=f=>y.value=f),onInput:F},null,544),[[e.vModelText,y.value]]),he]),e.createElementVNode("div",null,[e.withDirectives(e.createElementVNode("input",{type:"text","onUpdate:modelValue":t[1]||(t[1]=f=>x.value=f),onInput:t[2]||(t[2]=f=>A(f,"R"))},null,544),[[e.vModelText,x.value]]),ge]),e.createElementVNode("div",null,[e.withDirectives(e.createElementVNode("input",{type:"text","onUpdate:modelValue":t[3]||(t[3]=f=>I.value=f),onInput:t[4]||(t[4]=f=>A(f,"G"))},null,544),[[e.vModelText,I.value]]),Ie]),e.createElementVNode("div",null,[e.withDirectives(e.createElementVNode("input",{type:"text","onUpdate:modelValue":t[5]||(t[5]=f=>h.value=f),onInput:t[6]||(t[6]=f=>A(f,"B"))},null,544),[[e.vModelText,h.value]]),me]),e.createElementVNode("div",null,[e.withDirectives(e.createElementVNode("input",{type:"text","onUpdate:modelValue":t[7]||(t[7]=f=>g.value=f),onInput:t[8]||(t[8]=f=>A(f,"a"))},null,544),[[e.vModelText,g.value]]),xe])])])}}}),Oe="",Be="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAGE0lEQVR4nO3af60kxxVH8VsIUgxiBqkw8GOQMKgwcBiEwUIIhEAoBYHHDBbCmIFPyV55vX57t+a9+dE9fT7SUQO4+kr1R5eQ9FUOREo4ECnhQKSEA5ESDkRKOBAp4UCkhAOREg5ESjgQKeFApIQDkRIOREo4ECnhQKSEA5ESDkRKOBAp4UCkhAOREg5ESjgQKeFApIQDkRIOREo4ECnhQKSEA5ESDkRKOBAp4UCkhAOREg5ESjgQKeFApIQDkRIOREo4ECnhQKSEA5ESDkRKOBAp4UCkhAOREg5ESjgQKeFApIQDkRIOREo4ECnhQKSEA5ESDkRKOBAp4UCkhAOREg5ESjgQKeFApIQDkRIOREo4ECnhQKSEA5ESexnIdxHxV5r+T9q/Sn+j6Sc60+YU2roeER+o0nSif9H8ap8aDao0fYyIf9KJNqXQlvWI+C996UwvdCLtS6NBlT53ps3dtNBW9Xh9HJ+c6YVOpH1oNKjSa860qZsW2qLvIuJHqpQ50wudSNvWKBvHJyf6O21CoS36gT7QijO90Im0TY1WxvHJHMiJHq7QFvXIn1dfOtMLnUjb0mhQpVUO5BsqfYyIv9CqM73QibQNjS4dx0/UaBMKbdU/6H90iTO90In0WI0uHcfP9H1s6H6FtqzHZU+t6UwvdCI9RqNBlVZtbhxToa3r4Uj2pNGgSqs2OY6p0B70cCR70GhQpVWbHcdUaC96OJItazSo0qpNj2MqtCc9HMkWNRpUadXmxzEV2psejmRLGg2qtGoX45gK7VEPR7IFjQZVWrWbcUyF9qqHI3mkRoMqrdrVOKZCe9bDkTxCo0GVVu1uHFOhvevhSO6p0aBKq3Y5jqnQM+jhSO6h0aBKq3Y7jqnQs+jhSG6p0aBKq3Y9jqnQM+nhSG6h0aBKq3Y/jqnQs+nhSK6p0aBKq55iHFOhZ9TDkVxDo0GVVj3NOKZCz6qHI3mPRoMqrXqqcUyFnlkPR/IWjQZVWvV045gKPbsejuQSjQZVWvWU45gKHUEPR7Ki0aBKq552HFOho+jhSDKNBlVa9dTjmAodSQ9H8ppGgyqtevpxTIWOpocj+VyjQZVWHWIcU6Ej6uFIpkaDKq06zDimQkfV49gjaTSo0qpDjWMqdGQ9jjmSRoMqrTrcOKZCR9fjWCNpNKjSqkOOYyqk44yk0aBKqw47jqmQftXjuUfSaFClVYcex1RIv+vxnCNpNKjSqsOPYyqkP+rxXCNpNKjSKsfxm0L6sx7PMZJGgyqtchyfKaTX9dj3SBoNqrTKcXyhkL6uxz5H0mhQpVWO4xWFlOuxr5E0GlRpleP4ikL6th77GEmjQZVWOY5EIa3pse2RNBpUaZXj+IZCWtdjmyNpNKjSKsexoJAu02NbI2k0qNIqx7GokC7XYxsjaTSo0irHcYFCepsejx1Jo0GVVjmOCxXS2/V4zEgaDaq0ynG8QSG9T4/7jqTRoEqrHMcbFdL79bjPSBoNqrTKcbxDIV1Hj9uOpNGgSqscxzsV0vX0uM1IGg2qtMpxXEEhXVeP646k0aBKqxzHlRTS9fW4zkgaDaq0ynFcUSHdRo/3jaTRoEqrHMeVFdLt9HjbSP5NH6jSqp/p+3AcV+VAbq/H5SO5lOO4EQdyHz1uNxLHcUMO5H56XH8kjuPGHMh99bjeSBzHHTiQ++vx/pE4jjtxII/R4+0jcRx35EAep8flI3Ecd+ZAHqvH+kgcxwM4kMfr8e2ROI4HcSDb0OPrI3EcD+RAtqPHn0fiOB7MgWxLo//Er/9gfYyIH+hMehAHIiUciJRwIFLCgUgJByIlHIiUcCBSwoFICQciJRyIlHAgUsKBSAkHIiUciJRwIFLCgUgJByIlHIiUcCBSwoFICQciJRyIlHAgUsKBSAkHIiUciJRwIFLCgUgJByIlHIiUcCBSwoFICQciJRyIlHAgUsKBSAkHIiUciJRwIFLCgUgJByIlHIiUcCBSwoFICQciJRyIlHAgUsKBSAkHIiUciJRwIFLCgUgJByIlHIiUcCBSwoFICQciJRyIlHAgUsKBSAkHIiUciJRwIFLCgUgJByIlfgH8v3jYSYboWQAAAABJRU5ErkJggg==",Re="data:image/png;base64,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";function K(l,a,n){l&&a&&n&&l.addEventListener(a,n,!1)}const Se=typeof window>"u",H=new Map;let T;Se||(K(document,"mousedown",l=>T=l),K(document,"mouseup",l=>{for(const{documentHandler:a}of H.values())a(l,T)}));function W(l,a){let n=[];return Array.isArray(a.arg)?n=a.arg:n.push(a.arg),function(r,s){const d=a.instance.popperRef,i=r.target,u=s.target,m=!a||!a.instance,y=!i||!u,x=l.contains(i)||l.contains(u),I=l===i,h=n.length&&n.some(B=>B==null?void 0:B.contains(i))||n.length&&n.includes(u),g=d&&(d.contains(i)||d.contains(u));m||y||x||I||h||g||a.value()}}const ye={beforeMount(l,a){H.set(l,{documentHandler:W(l,a),bindingFn:a.value})},updated(l,a){H.set(l,{documentHandler:W(l,a),bindingFn:a.value})},unmounted(l){H.delete(l)}},ke=["src"],Ee=e.createElementVNode("div",{class:"trangle2 absolute top-[-10px] left-[50%] ml-[-25%]"},null,-1),we={class:"btn-group mt-[12px] flex justify-end text-[12px] text-[#fff]"},Ue={name:"ColorPicker"},Ae=e.defineComponent({...Ue,props:{value:{type:String}},emits:["update:value"],setup(l,{emit:a}){const n=l,r=e.ref(),s=e.ref(!1),d=e.ref(),i=e.ref(),u=e.ref(0),m=()=>{var h;(h=p.value)!=null&&h.disabled||(s.value=!s.value)};function y(){s.value=!1,r.value=d.value.getColor(p.value),console.log(r.value),a("update:value",r.value)}function x(){s.value=!1}function I(){x()}return e.onMounted(()=>{var g,B;console.log(n.value),(g=p.value)!=null&&g.defaultColor&&(r.value=p.value.defaultColor);const h=((B=p.value)==null?void 0:B.modalwidth)||300;u.value=i.value.clientWidth>h?i.value.clientWidth-h:0}),(h,g)=>{var B,U,w;return e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"leiy-select-box text-center relative w-full",ref_key:"colorSelectBox",ref:i,style:e.normalizeStyle({background:(B=e.unref(p))!=null&&B.disabled?"#f5f5f5":"transparent",cursor:(U=e.unref(p))!=null&&U.disabled?"not-allowed":"pointer"})},[e.createElementVNode("div",{class:"border border-[#e6e6e6] h-[40px] px-[10px] py-[5px] flex justify-between items-center",onClick:m},[e.createElementVNode("div",{class:"color-box h-full border border-[#e6e6e6]",style:e.normalizeStyle(`background-color:${r.value}`)},null,4),e.createElementVNode("img",{src:s.value?e.unref(Re):e.unref(Be),class:"tip"},null,8,ke)]),s.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"leiy-colorPicker-box border border-[#e6e6e6] w-[300px] px-[12px] py-[12px] rounded absolute top-[50px]",style:e.normalizeStyle({left:`${u.value}px`,width:(w=e.unref(p))!=null&&w.modalwidth?`${e.unref(p).modalwidth}px`:"300px"})},[e.createVNode(ve,{ref_key:"colorPicker",ref:d},null,512),Ee,e.createElementVNode("div",we,[e.createElementVNode("div",{class:"border text-[11px] border-[#4d79ff] rounded text-[#4d79ff] px-[15px] py-[3px] cursor-pointer",onClick:x},"取消"),e.createElementVNode("div",{class:"border rounded bg-[#4d79ff] px-[15px] py-[3px] cursor-pointer ml-2",onClick:g[0]||(g[0]=F=>y())},"确定")])],4)):e.createCommentVNode("",!0)],4)),[[e.unref(ye),I]])}}}),Me="",Ve=ee(Ae);E.ColorPicker=Ve,E.useColor=le,Object.defineProperty(E,Symbol.toStringTag,{value:"Module"})});