@farris/ui-vue
Version:
Farris Vue, a Farris Design based Vue3 component library.
2 lines (1 loc) • 40 kB
JavaScript
(function(A,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue"),require("lodash-es"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../common/index.umd.js"],n):(A=typeof globalThis<"u"?globalThis:A||self,n(A["color-picker"]={},A.Vue,A.LodashES,A.common))})(this,function(A,n,U,be){"use strict";var Ue=Object.defineProperty;var Xe=(A,n,U)=>n in A?Ue(A,n,{enumerable:!0,configurable:!0,writable:!0,value:U}):A[n]=U;var a=(A,n,U)=>Xe(A,typeof n!="symbol"?n+"":n,U);const he={},pe={};function te(c){const{properties:e,title:i,ignore:t}=c,o=t&&Array.isArray(t),f=Object.keys(e).reduce((l,g)=>((!o||!t.find(v=>v===g))&&(l[g]=e[g].type==="object"&&e[g].properties?te(e[g]):U.cloneDeep(e[g].default)),l),{});if(i&&(!o||!t.find(l=>l==="id"))){const l=i.toLowerCase().replace(/-/g,"_");f.id=`${l}_${Math.random().toString().slice(2,6)}`}return f}function Pe(c){const{properties:e,title:i,required:t}=c;if(t&&Array.isArray(t)){const o=t.reduce((f,l)=>(f[l]=e[l].type==="object"&&e[l].properties?te(e[l]):U.cloneDeep(e[l].default),f),{});if(i&&t.find(f=>f==="id")){const f=i.toLowerCase().replace(/-/g,"_");o.id=`${f}_${Math.random().toString().slice(2,6)}`}return o}return{type:i}}function fe(c,e={},i){const t=he[c];if(t){let o=Pe(t);const f=pe[c];return o=f?f({getSchemaByType:fe},o,e,i):o,o}return null}function Ve(c,e){const i=te(e);return Object.keys(i).reduce((t,o)=>(Object.prototype.hasOwnProperty.call(c,o)&&(t[o]&&U.isPlainObject(t[o])&&U.isPlainObject(c[o]||!c[o])?Object.assign(t[o],c[o]||{}):t[o]=c[o]),t),i),i}function ge(c,e){return Object.keys(c).filter(t=>c[t]!=null).reduce((t,o)=>{if(e.has(o)){const f=e.get(o);if(typeof f=="string")t[f]=c[o];else{const l=f(o,c[o],c);Object.assign(t,l)}}else t[o]=c[o];return t},{})}function Ne(c,e,i=new Map){const t=Ve(c,e);return ge(t,i)}function Se(c={}){function e(d,h,u,p){if(typeof u=="number")return p[d].length===u;if(typeof u=="object"){const b=Object.keys(u)[0],m=u[b];if(b==="not")return Number(p[d].length)!==Number(m);if(b==="moreThan")return Number(p[d].length)>=Number(m);if(b==="lessThan")return Number(p[d].length)<=Number(m)}return!1}function i(d,h,u,p){return p[d]&&p[d].propertyValue&&String(p[d].propertyValue.value)===String(u)}const t=new Map([["length",e],["getProperty",i]]);Object.keys(c).reduce((d,h)=>(d.set(h,c[h]),d),t);function o(d,h){const u=d;return typeof h=="number"?[{target:u,operator:"length",param:null,value:Number(h)}]:typeof h=="boolean"?[{target:u,operator:"getProperty",param:d,value:!!h}]:typeof h=="object"?Object.keys(h).map(p=>{if(p==="length")return{target:u,operator:"length",param:null,value:h[p]};const b=p,m=h[p];return{target:u,operator:"getProperty",param:b,value:m}}):[]}function f(d){return Object.keys(d).reduce((u,p)=>{const b=o(p,d[p]);return u.push(...b),u},[])}function l(d,h){if(t.has(d.operator)){const u=t.get(d.operator);return u&&u(d.target,d.param,d.value,h)||!1}return!1}function g(d,h){return f(d).reduce((b,m)=>b&&l(m,h),!0)}function v(d,h){const u=Object.keys(d),p=u.includes("allOf"),b=u.includes("anyOf"),m=p||b,N=(m?d[m?p?"allOf":"anyOf":"allOf"]:[d]).map(E=>g(E,h));return p?!N.includes(!1):N.includes(!0)}return{parseValueSchema:v}}const Me={},He={};Se();function Be(c,e,i=new Map,t=(l,g,v,d)=>g,o={},f=l=>l){return he[e.title]=e,pe[e.title]=t,Me[e.title]=o,He[e.title]=f,(l={},g=!0)=>{if(!g)return ge(l,i);const v=Ne(l,e,i),d=Object.keys(c).reduce((h,u)=>(h[u]=c[u].default,h),{});return Object.assign(d,v)}}const $e={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/color-picker.schema.json",title:"color-picker",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for color picker",type:"string"},type:{description:"The type string of color picker",type:"string",default:"color-picker"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]};function Re(c,e,i){return e}function Oe(c,e){return{customClass:e.class,customStyle:e.style}}const Ee=new Map([["appearance",Oe]]),Ae={title:"color-picker",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},ne={color:{type:String,default:"#e1e2e3"},disabled:{type:Boolean,default:!1},presets:{type:Array,default:[]},allowColorNull:{type:Boolean,default:!1},onValueChanged:{type:Function,default:()=>{}}},me=Be(ne,$e,Ee,Re,Ae);class T{}class ae extends T{constructor(e,i,t,o){super(),this.cyan=e,this.magenta=i,this.yellow=t,this.black=o}toString(){return`cmyk(${this.getCyan()}%, ${this.getMagenta()}%, ${this.getYellow()}%, ${this.getBlack()}%)`}getCyan(){return Math.round(this.cyan)}getMagenta(){return Math.round(this.magenta)}getYellow(){return Math.round(this.yellow)}getBlack(){return Math.round(this.black)}}class J extends T{constructor(e,i,t,o){super(),this.hue=e,this.saturation=i,this.lightness=t,this.alpha=o}toString(e=!0){return e?`hsla(${this.getHue()}, ${this.getSaturation()}%, ${this.getLightness()}%, ${this.getAlpha()})`:`hsl(${this.getHue()}, ${this.getSaturation()}%, ${this.getLightness()}%)`}getHue(){return Math.round(this.hue)}getSaturation(){return Math.round(this.saturation)}getLightness(){return Math.round(this.lightness)}getAlpha(){return Math.round(this.alpha*100)/100}}class Q extends T{constructor(e,i,t,o){super(),this.hue=e,this.saturation=i,this.value=t,this.alpha=o}toString(e=!0){return e?`hsva(${this.getHue()}, ${this.getSaturation()}%, ${this.getValue()}%, ${this.getAlpha()})`:`hsv(${this.getHue()}, ${this.getSaturation()}%, ${this.getValue()}%)`}getHue(){return Math.round(this.hue)}getSaturation(){return Math.round(this.saturation)}getValue(){return Math.round(this.value)}getAlpha(){return Math.round(this.alpha*100)/100}}class s extends T{constructor(e,i,t,o){super(),this.red=e,this.green=i,this.blue=t,this.alpha=o}toString(e=!0){return e?`rgba(${this.getRed()}, ${this.getGreen()}, ${this.getBlue()}, ${this.getAlpha()})`:`rgb(${this.getRed()}, ${this.getGreen()}, ${this.getBlue()})`}getRed(){return Math.round(this.red)}getGreen(){return Math.round(this.green)}getBlue(){return Math.round(this.blue)}getAlpha(){return Math.round(this.alpha*100)/100}}const r=class r{};a(r,"transparent",new s(0,0,0,0)),a(r,"aliceblue",new s(240,248,255,1)),a(r,"antiquewhite",new s(250,235,215,1)),a(r,"aqua",new s(0,255,255,1)),a(r,"aquamarine",new s(127,255,212,1)),a(r,"azure",new s(240,255,255,1)),a(r,"beige",new s(245,245,220,1)),a(r,"bisque",new s(255,228,196,1)),a(r,"black",new s(0,0,0,1)),a(r,"blanchedalmond",new s(255,235,205,1)),a(r,"blue",new s(0,0,255,1)),a(r,"blueviolet",new s(138,43,226,1)),a(r,"brown",new s(165,42,42,1)),a(r,"burlywood",new s(222,184,135,1)),a(r,"cadetblue",new s(95,158,160,1)),a(r,"chartreuse",new s(127,255,0,1)),a(r,"chocolate",new s(210,105,30,1)),a(r,"coral",new s(255,127,80,1)),a(r,"cornflowerblue",new s(100,149,237,1)),a(r,"cornsilk",new s(255,248,220,1)),a(r,"crimson",new s(220,20,60,1)),a(r,"cyan",new s(0,255,255,1)),a(r,"darkblue",new s(0,0,139,1)),a(r,"darkcyan",new s(0,139,139,1)),a(r,"darkgoldenrod",new s(184,134,11,1)),a(r,"darkgray",new s(169,169,169,1)),a(r,"darkgreen",new s(0,100,0,1)),a(r,"darkgrey",r.darkgray),a(r,"darkkhaki",new s(189,183,107,1)),a(r,"darkmagenta",new s(139,0,139,1)),a(r,"darkolivegreen",new s(85,107,47,1)),a(r,"darkorange",new s(255,140,0,1)),a(r,"darkorchid",new s(153,50,204,1)),a(r,"darkred",new s(139,0,0,1)),a(r,"darksalmon",new s(233,150,122,1)),a(r,"darkseagreen",new s(143,188,143,1)),a(r,"darkslateblue",new s(72,61,139,1)),a(r,"darkslategray",new s(47,79,79,1)),a(r,"darkslategrey",r.darkslategray),a(r,"darkturquoise",new s(0,206,209,1)),a(r,"darkviolet",new s(148,0,211,1)),a(r,"deeppink",new s(255,20,147,1)),a(r,"deepskyblue",new s(0,191,255,1)),a(r,"dimgray",new s(105,105,105,1)),a(r,"dimgrey",r.dimgray),a(r,"dodgerblue",new s(30,144,255,1)),a(r,"firebrick",new s(178,34,34,1)),a(r,"floralwhite",new s(255,250,240,1)),a(r,"forestgreen",new s(34,139,34,1)),a(r,"fuchsia",new s(255,0,255,1)),a(r,"gainsboro",new s(220,220,220,1)),a(r,"ghostwhite",new s(248,248,255,1)),a(r,"gold",new s(255,215,0,1)),a(r,"goldenrod",new s(218,165,32,1)),a(r,"gray",new s(128,128,128,1)),a(r,"grey",r.gray),a(r,"green",new s(0,128,0,1)),a(r,"greenyellow",new s(173,255,47,1)),a(r,"honeydew",new s(240,255,240,1)),a(r,"hotpink",new s(255,105,180,1)),a(r,"indianred",new s(205,92,92,1)),a(r,"indigo",new s(75,0,130,1)),a(r,"ivory",new s(255,255,240,1)),a(r,"khaki",new s(240,230,140,1)),a(r,"lavender",new s(230,230,250,1)),a(r,"lavenderblush",new s(255,240,245,1)),a(r,"lawngreen",new s(124,252,0,1)),a(r,"lemonchiffon",new s(255,250,205,1)),a(r,"lightblue",new s(173,216,230,1)),a(r,"lightcoral",new s(240,128,128,1)),a(r,"lightcyan",new s(224,255,255,1)),a(r,"lightgoldenrodyellow",new s(250,250,210,1)),a(r,"lightgray",new s(211,211,211,1)),a(r,"lightgreen",new s(144,238,144,1)),a(r,"lightgrey",r.lightgray),a(r,"lightpink",new s(255,182,193,1)),a(r,"lightsalmon",new s(255,160,122,1)),a(r,"lightseagreen",new s(32,178,170,1)),a(r,"lightskyblue",new s(135,206,250,1)),a(r,"lightslategray",new s(119,136,153,1)),a(r,"lightslategrey",r.lightslategray),a(r,"lightsteelblue",new s(176,196,222,1)),a(r,"lightyellow",new s(255,255,224,1)),a(r,"lime",new s(0,255,0,1)),a(r,"limegreen",new s(50,205,50,1)),a(r,"linen",new s(250,240,230,1)),a(r,"magenta",new s(255,0,255,1)),a(r,"maroon",new s(128,0,0,1)),a(r,"mediumaquamarine",new s(102,205,170,1)),a(r,"mediumblue",new s(0,0,205,1)),a(r,"mediumorchid",new s(186,85,211,1)),a(r,"mediumpurple",new s(147,112,219,1)),a(r,"mediumseagreen",new s(60,179,113,1)),a(r,"mediumslateblue",new s(123,104,238,1)),a(r,"mediumspringgreen",new s(0,250,154,1)),a(r,"mediumturquoise",new s(72,209,204,1)),a(r,"mediumvioletred",new s(199,21,133,1)),a(r,"midnightblue",new s(25,25,112,1)),a(r,"mintcream",new s(245,255,250,1)),a(r,"mistyrose",new s(255,228,225,1)),a(r,"moccasin",new s(255,228,181,1)),a(r,"navajowhite",new s(255,222,173,1)),a(r,"navy",new s(0,0,128,1)),a(r,"oldlace",new s(253,245,230,1)),a(r,"olive",new s(128,128,0,1)),a(r,"olivedrab",new s(107,142,35,1)),a(r,"orange",new s(255,165,0,1)),a(r,"orangered",new s(255,69,0,1)),a(r,"orchid",new s(218,112,214,1)),a(r,"palegoldenrod",new s(238,232,170,1)),a(r,"palegreen",new s(152,251,152,1)),a(r,"paleturquoise",new s(175,238,238,1)),a(r,"palevioletred",new s(219,112,147,1)),a(r,"papayawhip",new s(255,239,213,1)),a(r,"peachpuff",new s(255,218,185,1)),a(r,"peru",new s(205,133,63,1)),a(r,"pink",new s(255,192,203,1)),a(r,"plum",new s(221,160,221,1)),a(r,"powderblue",new s(176,224,230,1)),a(r,"purple",new s(128,0,128,1)),a(r,"red",new s(255,0,0,1)),a(r,"rosybrown",new s(188,143,143,1)),a(r,"royalblue",new s(65,105,225,1)),a(r,"saddlebrown",new s(139,69,19,1)),a(r,"salmon",new s(250,128,114,1)),a(r,"sandybrown",new s(244,164,96,1)),a(r,"seagreen",new s(46,139,87,1)),a(r,"seashell",new s(255,245,238,1)),a(r,"sienna",new s(160,82,45,1)),a(r,"silver",new s(192,192,192,1)),a(r,"skyblue",new s(135,206,235,1)),a(r,"slateblue",new s(106,90,205,1)),a(r,"slategray",new s(112,128,144,1)),a(r,"slategrey",r.slategray),a(r,"snow",new s(255,250,250,1)),a(r,"springgreen",new s(0,255,127,1)),a(r,"steelblue",new s(70,130,180,1)),a(r,"tan",new s(210,180,140,1)),a(r,"teal",new s(0,128,128,1)),a(r,"thistle",new s(216,191,216,1)),a(r,"tomato",new s(255,99,71,1)),a(r,"turquoise",new s(64,224,208,1)),a(r,"violet",new s(238,130,238,1)),a(r,"wheat",new s(245,222,179,1)),a(r,"white",new s(255,255,255,1)),a(r,"whitesmoke",new s(245,245,245,1)),a(r,"yellow",new s(255,255,0,1)),a(r,"yellowgreen",new s(154,205,50,1));let re=r;class V{constructor(e){a(this,"hsva",new Q(0,1,1,1));a(this,"rgba",new s(255,0,0,1));e&&this.stringToColor(e)}static from(e){return typeof e=="string"?new V(e):e instanceof V?e.clone():e instanceof s?new V().setRgba(e.red,e.green,e.blue,e.alpha):e instanceof Q?new V().setHsva(e.hue,e.saturation,e.value,e.alpha):e instanceof J?new V().setHsla(e.hue,e.saturation,e.lightness,e.alpha):new V(e)}clone(){return V.from(this.getRgba())}setFromString(e){return this.stringToColor(e)}setHsva(e,i=100,t=100,o=1){return e!=null&&(this.hsva.hue=e),i!=null&&(this.hsva.saturation=i),t!=null&&(this.hsva.value=t),o!=null&&(o=o>1?1:o<0?0:o,this.hsva.alpha=o),this.rgba=this.hsvaToRgba(this.hsva),this}setRgba(e,i,t,o=1){return e!=null&&(this.rgba.red=e),i!=null&&(this.rgba.green=i),t!=null&&(this.rgba.blue=t),o!=null&&(o=o>1?1:o<0?0:o,this.rgba.alpha=o),this.hsva=this.rgbaToHsva(this.rgba),this}setHsla(e,i,t,o=1){o!=null&&(o=o>1?1:o<0?0:o,this.rgba.alpha=o);const f=new J(e,i,t,o);return this.rgba=this.hslaToRgba(f),this.hsva=this.rgbaToHsva(this.rgba),this}toHexString(e=!1){let i="#"+(16777216|this.rgba.getRed()<<16|this.rgba.getGreen()<<8|this.rgba.getBlue()).toString(16).substr(1);return e&&(i+=(256|Math.round(this.rgba.alpha*255)).toString(16).substr(1)),i.toUpperCase()}toRgbaString(){return this.rgba.toString()}toRgbString(){return this.rgba.toString(!1)}toHslaString(){return this.getHsla().toString()}toHslString(){return this.getHsla().toString(!1)}toHsvaString(){return this.hsva.toString()}toHsvString(){return this.hsva.toString(!1)}toCmykString(){return this.getCmyk().toString()}getHsva(){return new Q(this.hsva.hue,this.hsva.saturation,this.hsva.value,this.hsva.alpha)}getRgba(){return new s(this.rgba.red,this.rgba.green,this.rgba.blue,this.rgba.alpha)}getHsla(){return this.rgbaToHsla(this.rgba)}getCmyk(){return this.rgbaToCmyk(this.rgba)}hsvaToHsla(e){const{hue:i}=e,t=e.saturation/100,o=e.value/100,f=(2-t)*e.value/2,l=t*o/(f<=1?f:2-f)||0;return new J(i,f*100,l*100,e.alpha)}hslaToHsva(e){const{hue:i}=e,t=e.lightness/100*2,o=e.saturation/100*(t<=1?t:2-t),f=(t+o)/2,l=2*o/(t+o)||0;return new Q(i,l,f,e.alpha)}rgbaToHsva(e){const i=e.red/255,t=e.green/255,o=e.blue/255,{alpha:f}=e,l=Math.max(i,t,o),g=Math.min(i,t,o),v=l-g;let d=0,h=l===0?0:v/l,u=l;if(l!==g){switch(l){case i:d=(t-o)/v+(t<o?6:0);break;case t:d=2+(o-i)/v;break;case o:d=4+(i-t)/v;break}d/=6}return d*=360,h*=100,u*=100,new Q(d,h,u,f)}hsvaToRgba(e){let i=1,t=0,o=0;const f=e.saturation/100,l=e.value/100,{alpha:g}=e,v=e.hue/60,d=Math.floor(v),h=v-d,u=(1-f)*l,p=(1-f*h)*l,b=(1-f*(1-h))*l;switch(d){case 6:case 0:i=l,t=b,o=u;break;case 1:i=p,t=l,o=u;break;case 2:i=u,t=l,o=b;break;case 3:i=u,t=p,o=l;break;case 4:i=b,t=u,o=l;break;case 5:i=l,t=u,o=p;break}return i*=255,t*=255,o*=255,new s(i,t,o,g)}rgbaToHsla(e){const i=e.red/255,t=e.green/255,o=e.blue/255,{alpha:f}=e,l=Math.max(i,t,o),g=Math.min(i,t,o);let v=0,d=0,h=(l+g)/2;const u=l-g;if(l!==g){switch(d=h>.5?u/(2-l-g):u/(l+g),l){case i:v=(t-o)/u+(t<o?6:0);break;case t:v=(o-i)/u+2;break;case o:v=(i-t)/u+4;break}v/=6}return v*=360,d*=100,h*=100,new J(v,d,h,f)}hslaToRgba(e){const i=e.hue/360,t=e.saturation/100,o=e.lightness/100,{alpha:f}=e;let l=o,g=o,v=o;if(t!==0){const d=o<.5?o*(1+t):o+t-o*t,h=2*o-d;l=this.hueToRgb(h,d,i+1/3),g=this.hueToRgb(h,d,i),v=this.hueToRgb(h,d,i-1/3)}return l*=255,g*=255,v*=255,new s(l,g,v,f)}hueToRgb(e,i,t){return t<0&&(t+=1),t>1&&(t-=1),t<1/6?e+(i-e)*6*t:t<1/2?i:t<2/3?e+(i-e)*(2/3-t)*6:e}cmykToRgba(e){const i=e.black/100,t=e.cyan/100,o=e.magenta/100,f=e.yellow/100;let l=Math.min(1,(1-t)*(1-i)),g=Math.min(1,(1-o)*(1-i)),v=Math.min(1,(1-f)*(1-i));return l*=255,g*=255,v*=255,new s(l,g,v,1)}rgbaToCmyk(e){const i=e.red/255,t=e.green/255,o=e.blue/255;let f=1-i,l=1-t,g=1-o,v=Math.min(f,l,g);return v===1?new ae(0,0,0,1):(f=(f-v)/(1-v),l=(l-v)/(1-v),g=(g-v)/(1-v),v*=100,f*=100,l*=100,g*=100,new ae(f,l,g,v))}roundNumber(e){return Math.round(e*100)/100}stringToColor(e){const i=e.replace(/ /g,"").toLowerCase();let t=re[e]||null;if(i[0]==="#"){let l=i.substr(1);const{length:g}=l;let v=1,d;if(g===3)d=l.split("").map(h=>h+h);else if(g===6)d=l.match(/.{2}/g);else if(g===8){const h=l.substr(-2);l=l.substr(0,g-2),v=this.roundNumber(parseInt(h||"FF",16)/255),d=l.match(/.{2}/g)}d&&d.length===3&&(t=new s(parseInt(d[0],16),parseInt(d[1],16),parseInt(d[2],16),v))}const o=i.indexOf("("),f=i.indexOf(")");if(o!==-1&&f+1===i.length){const l=i.substr(0,o),g=i.substr(o+1,f-(o+1)).split(",");let v=1,d,h;switch(l){case"rgba":v=parseFloat(g.pop());case"rgb":t=new s(parseInt(g[0],10),parseInt(g[1],10),parseInt(g[2],10),v);break;case"hsla":v=parseFloat(g.pop());break;case"hsl":d=new J(parseInt(g[0],10),parseInt(g[1],10),parseInt(g[2],10),v),t=this.hslaToRgba(d);break;case"cmyk":h=new ae(parseInt(g[0],10),parseInt(g[1],10),parseInt(g[2],10),parseInt(g[3],10)),t=this.cmykToRgba(h);break}}return t&&(this.rgba=t,this.hsva=this.rgbaToHsva(t)),this}}var B=(c=>(c.hex="hex",c.hexa="hexa",c.rgba="rgba",c.rgb="rgb",c.hsla="hsla",c.hsl="hsl",c.cmyk="cmyk",c))(B||{});class se{constructor(e){a(this,"modelValue",null);a(this,"hueValue",null);a(this,"initValue",null);a(this,"valueChanged",n.ref());a(this,"initType",null);a(this,"alphaChannelVisibilityChanges",n.ref());a(this,"colorPresets",[]);const i=e[0],t=V.from(i);this.setValue(t),this.setHueColor(t)}setValueFrom(e,i,t){const o=V.from(e);return this.initValue||(this.initValue=V.from(e)),typeof e=="string"&&this.finOutInputType(e),this.setHueColor(o),this.setValue(o),this}setHueColor(e){(this.hueValue&&e.getHsva().hue>0||!this.hueValue)&&(this.hueValue=new V().setHsva(e.getHsva().hue))}get hue(){return this.hueValue}set hue(e){this.hueValue=e}setValue(e){var i;return this.modelValue=e,(e==null?void 0:e.toRgbaString())===((i=this.valueChanged.value)==null?void 0:i.toRgbaString())&&(this.valueChanged.value=e),this}get value(){return this.modelValue}set value(e){this.setValue(e)}reset(){let e;return this.initValue?(e=this.initValue.clone(),this.setHueColor(e)):(e=V.from(new s(255,0,0,1)),this.hueValue=new V().setHsva(e.getHsva().hue)),this.setValue(e),this}showAlphaChannel(){return this.alphaChannelVisibilityChanges.value=!0,this}finOutInputType(e){const i=e.replace(/ /g,"").toLowerCase();i[0]==="#"&&(this.initType="hex",i.length>7&&(this.initType="hexa"));const t=i.indexOf("(");switch(i.substr(0,t)){case"rgba":this.initType="rgba";break;case"rgb":this.initType="rgb";break;case"hsla":this.initType="hsla";break;case"hsl":this.initType="hsl";break;case"cmyk":this.initType="cmyk";break}}setColorPresets(e){return this.colorPresets=this.setPresets(e),this}setPresets(e){const i=[];return e.map(t=>{Array.isArray(t)?i.push(this.setPresets(t)):i.push(new V(t))}),i}get presets(){return this.colorPresets}hasPresets(){return this.colorPresets.length>0}}a(se,"finOutInputType");function j(c,e){if(!c)return"";switch(e){case B.hex:return c.toHexString();case B.hexa:return c.toHexString(!0);case B.rgb:return c.toRgbString();case B.rgba:return c.toRgbaString();case B.hsl:return c.toHslString();case B.hsla:return c.toHslaString();default:return c.toRgbaString()}}const je={color:{type:Object,default:""},hue:{type:Object,default:""},randomId:{type:String,default:""},allowColorNull:{type:Boolean,default:!1}},we=n.defineComponent({name:"SvPanel",props:je,emits:["update:color"],setup(c,e){const i=n.ref(null),t=n.ref(null),o=n.ref(c.randomId),f=n.ref(c.allowColorNull);function l(){return c.hue?c.hue.toRgbaString():"#3f51b5"}function g(u,p){var b,m;u=Math.max(0,Math.min(u,100)),p=Math.max(0,Math.min(p,100)),i.value&&((b=i.value.style)==null||b.setProperty("top",`${100-p}%`),(m=i.value.style)==null||m.setProperty("left",`${u}%`))}function v(){const u=document.getElementById(`farris-color-picker-plus-sure-${o.value}`);u.className="btn btn-secondary";const p=document.getElementById(`farris-color-picker-plus-input-${o.value}`);p.style.borderColor="#dcdfe6"}function d({x:u,y:p,height:b,width:m}){const w=u*100/m,$=-(p*100/b)+100;g(w,$);const N=c.color==null?"transparent":c.color,M=V.from(N);if(v(),M!=null){const E=c.hue.getHsva(),D=M.getHsva(),I=new V().setHsva(E.hue,w,$,D.alpha);e.emit("update:color",I)}!M&&f.value&&e.emit("update:color",null)}function h(u){if(t.value){const{width:p,height:b,top:m,left:w}=t.value.getBoundingClientRect(),{pageX:$,pageY:N}="touches"in u?u.touches[0]:u,M=Math.max(0,Math.min($-(w+window.pageXOffset),p)),E=Math.max(0,Math.min(N-(m+window.pageYOffset),b));d({x:M,y:E,height:b,width:p})}}return n.onMounted(()=>{const u=c.color.getHsva();g(u.saturation,u.value)}),n.watch(()=>c.color,u=>{u.getHsva()}),n.watch(()=>c.color,u=>{const p=u.getHsva();g(p.saturation,p.value)}),()=>n.createVNode("div",{class:"f-sv-panel-component",ref:t,style:{backgroundColor:l()},onMousedown:n.withModifiers(u=>h(u),["prevent"]),onTouchstart:n.withModifiers(u=>h(u),["prevent"])},[n.createVNode("div",{class:"color-svpanel__white"},null),n.createVNode("div",{class:"color-svpanel__black"},null),n.createVNode("div",{class:"color-svpanel__cursor",ref:i},[n.createVNode("div",null,null)])])}}),Ie={color:{type:Object,default:""},hue:{type:Object,default:""},allowColorNull:{type:Boolean,default:!1},onChange:{type:Function}},ye=n.defineComponent({name:"Hue",props:Ie,emits:["update:color","update:hue"],setup(c,e){const i=n.ref(c.hue),t=n.ref(c.allowColorNull),o=[];function f(m){m.preventDefault(),g(m)}const l=n.ref(null);function g(m){if(l.value){const{width:w,height:$,top:N,left:M}=l.value.getBoundingClientRect(),{pageX:E,pageY:D}="touches"in m?m.touches[0]:m,I=Math.max(0,Math.min(E-(M+window.pageXOffset),w)),X=Math.max(0,Math.min(D-(N+window.pageYOffset),$));b({x:I,y:X,height:$,width:w})}}function v(){o.forEach(m=>m()),o.length=0}function d(m){f(m),document.addEventListener("mouseup",v),document.addEventListener("touchend",v),document.addEventListener("touchmove",f)}const h=m=>{d(m),m.stopPropagation()};n.onMounted(()=>{document.querySelectorAll(".f-hue-component").forEach($=>{$.addEventListener("mousedown",h),$.addEventListener("touchstart",h)});const w=c.color.getHsva();p(w.hue)});const u=n.ref(null);function p(m){var N;const w=Math.max(0,Math.min(m/360*100,100));u.value&&((N=u.value.style)==null||N.setProperty("top",`${w}%`))}function b({x:m,y:w,height:$,width:N}){const M=w/$*360;p(M);const E=c.color.getHsva(),D=new V().setHsva(M,E.saturation,E.value,E.alpha),I=new V().setHsva(M,100,100,E.alpha);(c.color!=null||c.color==null&&t.value)&&(e.emit("update:hue",I),e.emit("update:color",D))}return n.watch(i,m=>{const w=m.getHsva();p(w.hue)}),n.watch(()=>c.color,m=>{const w=m.getHsva();p(w.hue)}),()=>n.createVNode("div",{class:"f-hue-component",ref:l,onMousedown:n.withModifiers(m=>g(m),["prevent"]),onTouchstart:n.withModifiers(m=>g(m),["prevent"])},[n.createVNode("div",{class:"color-hue-slider__bar"},null),n.createVNode("div",{class:"color-hue-slider__thumb",ref:u},null)])}}),De={color:{type:Object,default:""},randomId:{type:String,default:""},allowColorNull:{type:Boolean,default:!1}},ve=n.defineComponent({name:"Alpha",props:De,emits:["update:color"],setup(c,e){const i=n.ref(null),t=n.ref(null),o=n.ref(c.randomId),f=n.ref(c.allowColorNull),l=h=>{var b;const u=Math.max(0,Math.min(h*100,100));t.value&&((b=t.value.style)==null||b.setProperty("left",`${u}%`))};function g(h){if(i.value){const{width:u,height:p,top:b,left:m}=i.value.getBoundingClientRect(),{pageX:w,pageY:$}="touches"in h?h.touches[0]:h,N=Math.max(0,Math.min(w-(m+window.pageXOffset),u)),M=Math.max(0,Math.min($-(b+window.pageYOffset),p));d({x:N,y:M,height:p,width:u})}}function v(){const h=document.getElementById(`farris-color-picker-plus-sure-${o.value}`);h.className="btn btn-secondary";const u=document.getElementById(`farris-color-picker-plus-input-${o.value}`);u.style.borderColor="#dcdfe6"}const d=({x:h,width:u})=>{const p=h/u;l(p),v();const b=c.color.getHsva(),m=new V().setHsva(b.hue,b.saturation,b.value,p);c.color!=null?e.emit("update:color",m):c.color==null&&f.value&&e.emit("update:color",null)};return n.onMounted(()=>{const h=c.color.getHsva();l(h.alpha)}),n.watch(()=>c.color,h=>{const u=h.getHsva();l(u.alpha)}),()=>n.createVNode("div",{class:"f-alpha-component",ref:i,onMousedown:n.withModifiers(h=>g(h),["prevent"]),onTouchstart:n.withModifiers(h=>g(h),["prevent"])},[n.createVNode("div",{class:"color-alpha-slider__bar"},[n.createTextVNode(" ")]),n.createVNode("div",{class:"color-alpha-slider__thumb",ref:t},null)])}}),Le={color:{type:Object,default:""},hue:{type:Object,default:""},colorPresets:{type:Object,default:""},randomId:{type:String,default:""}},ke=n.defineComponent({name:"Preset",props:Le,emits:["update:hue","update:color"],setup(c,e){const i=n.ref(new V),t=n.ref(c.colorPresets),o=n.ref(c.randomId);function f(){const d=document.getElementById(`farris-color-picker-plus-sure-${o.value}`);d.className="btn btn-secondary";const h=document.getElementById(`farris-color-picker-plus-input-${o.value}`);h.style.borderColor="#dcdfe6"}function l(d){f();const h=d.getRgba(),u=d.getHsva(),p=new V().setRgba(h.red,h.green,h.blue,h.alpha),b=new V().setHsva(u.hue);i.value=d,e.emit("update:hue",b),e.emit("update:color",p)}function g(d){const h=i.value.getRgba().toString(),u=i.value.getHsva().toString(),p=d.getRgba().toString()===h&&d.getHsva().toString()===u;return{"color-preset__color-selector":p,selected:p}}function v(d,h){return n.createVNode("div",{class:"color-preset__color-selector"},[n.createVNode("div",{key:h,class:g(d),style:{backgroundColor:d.toRgbString()},onClick:()=>l(d)},null)])}return()=>n.createVNode("div",{class:"f-preset-component"},[n.createVNode("div",{class:"color-preset__colors"},[t.value.map((d,h)=>v(d,h))])])}}),Z=n.defineComponent({name:"FColorPicker",props:ne,emits:["valueChanged","activeChange","update:color","update:hue"],setup(c,e){const i=n.ref(new V(c.color)),t=n.ref(c.color),o=n.ref(c.disabled),f=n.ref(c.color),l=n.ref(c.allowColorNull),g=n.ref(c.presets),v=n.ref(!1),d=n.ref(!1),h=n.ref(!1),u=n.ref("HEX"),p=Math.floor(Math.random()*1e3).toString();let b=-1,m;const w=new se("#000000"),$=n.ref(c.color);let N,M;const E=n.ref(null),D=n.ref(null),I=n.ref(null),X=n.computed(()=>!m&&w&&w.initType?w.initType:m),P=n.computed({get(){return m&&t.value!==null?(K(m),j(new V(t.value),B[m])):t.value},set(k){k!==null&&(F(k),W(k))}}),R=n.ref(P.value),S=n.computed(()=>b>-1),O=n.computed(()=>g.value.length>0),L=n.computed(()=>({"background-color":f.value})),_=n.computed(()=>d.value&&v.value?"display:flex":"display:none"),G=[{text:"HEX",type:B.hex},{text:"RGBA",type:B.rgba}];function ie(){const k=document.getElementById("farris-color-picker-panel");k.id=`farris-color-picker-panel-${p}`;const y=document.getElementById("farris-color-picker-plus-sure");y.id=`farris-color-picker-plus-sure-${p}`;const H=document.getElementById("farris-color-picker-plus-input");H.id=`farris-color-picker-plus-input-${p}`,M=document.getElementById(`farris-color-picker-plus-sure-${p}`),N=document.getElementById(`farris-color-picker-panel-${p}`),N.className="color-picker-panel disabled"}function Y(){if(!l.value&&!t.value){document.getElementById(`farris-color-picker-plus-sure-${p}`).classList.toggle("disabled");const y=document.getElementById(`farris-color-picker-plus-input-${p}`);y.style.borderColor="red"}}function oe(){t.value&&(F(t.value),!t.value&&l.value||(t.value=j(new V(t.value),B[X.value])),R.value=P.value),C(K(w.initType))}function ee(){t.value&&F(t.value),w.hasPresets()||w.setColorPresets(g.value),t.value?f.value=j(new V(t.value),B[X.value]):!t.value&&l.value&&(f.value=null)}function le(){n.watch(w.valueChanged,k=>{const y=j(k,B[m||w.initType]);t.value=y})}function C(k){u.value=G[k].text}function ce(){var k;d.value=!!(m!=null&&m.includes("a")||(k=w.initType)!=null&&k.includes("a"))}n.onBeforeMount(()=>{w.setColorPresets(g.value||["#eaecf3"])}),n.onMounted(()=>{ie(),Y(),oe(),ee()}),le(),n.watch(u,()=>{P.value=j(new V(t.value),B[m||w.initType]),i.value=new V(P.value),ce()}),n.watch(t,k=>{j(w.value,w.initType)!==k&&k!==null&&F(k),C(K(w.initType))}),n.watch(i,k=>{t.value=j(k,B[m||w.initType]),F(t.value),P.value=t.value});function W(k){const y=document.getElementById(`farris-color-picker-plus-input-${p}`);(k===""||k===void 0||k==null)&&!l.value?(t.value=null,y.style.borderColor="red",M.className="btn btn-secondary disabled"):(y.style.borderColor="#dcdfe6",M.className="btn btn-secondary")}function ue(k){var y,H;if(k==null||k.stopPropagation(),l.value){f.value=(t==null?void 0:t.value)??null;const q={elementValue:f};e.emit("valueChanged",q),x()}if(!l.value&&!(P.value===void 0||P.value==null||P.value==="")){(H=(y=E.value)==null?void 0:y.style)==null||H.setProperty("background",t.value),h.value=!0,f.value=t.value;const q={elementValue:f};e.emit("valueChanged",q),x()}!$.value&&!t.value&&!h.value&&l&&x(),W(t.value),P.value=t.value,M.classList.contains("disabled")||(R.value=t.value,v.value=!1)}function F(k){w==null||w.setValueFrom(k,p,l.value)}function de(k){N=document.getElementById(`farris-color-picker-panel-${p}`);const y=N.className==="color-picker-panel";o.value||y||(v.value=!0,N.classList.toggle("disabled"),Y(),F(t.value),k.stopPropagation())}function x(){N=document.getElementById(`farris-color-picker-panel-${p}`),N.className="color-picker-panel disabled"}function K(k){const y=G.findIndex(H=>H.type===k);return b=y,y}function z(k){if(!M.classList.contains("disabled")){const y=G.length;b=(y+b+(k==="up"?1:-1))%y,m=G[b].type,C(b),F(t.value)}}return()=>n.createVNode("div",{class:"f-color-picker-component",ref:D},[n.createVNode("div",{class:["color-picker-panel",{disabled:o.value}],id:"farris-color-picker-panel",ref:I,onClick:k=>k.stopPropagation(),style:"top:30px"},[n.createVNode("div",{class:"color-picker-main"},[n.createVNode(ye,{hue:w.hue,"onUpdate:hue":k=>w.hue=k,allowColorNull:l.value,color:i.value,"onUpdate:color":k=>i.value=k},null),n.createVNode(we,{randomId:p,hue:w.hue,"onUpdate:hue":k=>w.hue=k,allowColorNull:l.value,color:i.value,"onUpdate:color":k=>i.value=k},null)]),n.createVNode(ve,{style:_.value,randomId:p,allowColorNull:l.value,color:i.value,"onUpdate:color":k=>i.value=k},null),n.createVNode("div",{class:"input-btn",style:"display:flex;align-items: center;"},[n.withDirectives(n.createVNode("span",{style:"width:40px;margin-right:10px;"},[u.value]),[[n.vShow,O]]),n.withDirectives(n.createVNode("input",{type:"text",title:"color-picker-plus",id:"farris-color-picker-plus-input","onUpdate:modelValue":k=>P.value=k,style:"float:none"},null),[[n.vModelText,P.value]]),n.withDirectives(n.createVNode("div",{class:"type-icon-btn-wrapper",style:"cursor:pointer"},[n.createVNode("span",{class:"f-icon f-icon-arrow-60-up type-icon-btn",onClick:()=>z("up")},null),n.createVNode("span",{class:"f-icon f-icon-arrow-60-down type-icon-btn",onClick:()=>z("down")},null)]),[[n.vShow,O]]),n.createVNode("div",{class:"input-btn"},[n.createVNode("button",{id:"farris-color-picker-plus-sure",class:"btn btn-secondary",onClick:k=>ue(k)},[n.createTextVNode("确定")])])]),n.withDirectives(n.createVNode(ke,{color:i.value,"onUpdate:color":k=>i.value=k,hue:w.hue,"onUpdate:hue":k=>w.hue=k,randomId:p,colorPresets:w.presets},null),[[n.vShow,S]])]),n.createVNode("div",{class:"color-picker-wrapper"},[n.createVNode("input",{title:"color-picker-input",type:"text",class:"color-picker-input form-control",value:R.value,readonly:o.value,onClick:k=>k.stopPropagation()},null),n.createVNode("div",{class:"color-picker-trigger",onClick:de},[n.createVNode("div",{class:"color-picker-trigger-inner"},[n.createVNode("div",{style:L.value},null)])])])])}});function xe(c,e,i){var X;const t="",o="",f=n.ref();function l(){return(e==null?void 0:e.schema.componentType)!=="frame"}function g(){return!1}function v(){return(e==null?void 0:e.schema.componentType)!=="frame"}function d(){return(e==null?void 0:e.schema.componentType)==="frame"}function h(P){if(!P||!P.value)return null;if(P.value.schema&&P.value.schema.type==="component")return P.value;const R=n.ref(P==null?void 0:P.value.parent),S=h(R);return S||null}function u(P=e){var L;const{componentInstance:R,designerItemElementRef:S}=P;if(!R||!R.value)return null;const{getCustomButtons:O}=R.value;return R.value.canMove||O&&((L=O())!=null&&L.length)?S:u(P.parent)}function p(P){return!!i}function b(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function m(){}function w(P,R){var S;!P||!R||(S=e==null?void 0:e.setupContext)==null||S.emit("dragEnd")}function $(P,R){const{componentType:S}=P;let O=fe(S,P,R);const L=S.toLowerCase().replace(/-/g,"_");return O&&!O.id&&O.type===S&&(O.id=`${L}_${Math.random().toString().slice(2,6)}`),O}function N(P){}function M(...P){}function E(){e!=null&&e.schema.contents&&e.schema.contents.map(P=>{let R=P.id;P.type==="component-ref"&&(R=P.component);const S=c.value.querySelectorAll(`#${R}-design-item`);S!=null&&S.length&&Array.from(S).map(O=>{var L;(L=O==null?void 0:O.componentInstance)!=null&&L.value.onRemoveComponent&&O.componentInstance.value.onRemoveComponent()})})}function D(){}function I(P){}return f.value={canMove:l(),canSelectParent:g(),canDelete:v(),canNested:!d(),contents:e==null?void 0:e.schema.contents,elementRef:c,parent:(X=e==null?void 0:e.parent)==null?void 0:X.componentInstance,schema:e==null?void 0:e.schema,styles:t,designerClass:o,canAccepts:p,getBelongedComponentInstance:h,getDraggableDesignItemElement:u,getDraggingDisplayText:b,getPropConfig:M,getDragScopeElement:m,onAcceptMovedChildElement:w,onChildElementMovedOut:N,addNewChildComponentSchema:$,triggerBelongedComponentToMoveWhenMoved:n.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:n.ref(!1),onRemoveComponent:E,getCustomButtons:D,onPropertyChanged:I},f}const qe=n.defineComponent({name:"FColorPickerDesign",props:ne,emits:["valueChanged","activeChange","update:color","update:hue"],setup(c,e){const i=n.ref(new V(c.color)),t=n.ref(c.color),o=n.ref(c.disabled),f=n.ref(c.color),l=n.ref(c.allowColorNull),g=n.ref(c.presets),v=n.ref(!1),d=n.ref(!1),h=n.ref(!1),u=n.ref("HEX"),p=Math.floor(Math.random()*1e3).toString();let b=-1,m;const w=new se("#000000"),$=n.ref(c.color);let N,M;const E=n.ref(null),D=n.ref(null),I=n.ref(),X=n.inject("design-item-context"),P=xe(I,X);n.onMounted(()=>{I.value.componentInstance=P}),e.expose(P.value);const R=n.computed(()=>!m&&w&&w.initType?w.initType:m),S=n.computed({get(){return m&&t.value!==null?(z(m),j(new V(t.value),B[m])):t.value},set(y){y!==null&&(x(y),F(y))}}),O=n.ref(S.value),L=n.computed(()=>b>-1),_=n.computed(()=>g.value.length>0),G=n.computed(()=>({"background-color":f.value})),ie=n.computed(()=>d.value&&v.value?"display:flex":"display:none"),Y=[{text:"HEX",type:B.hex},{text:"RGBA",type:B.rgba}];function oe(){const y=document.getElementById("farris-color-picker-panel");y.id=`farris-color-picker-panel-${p}`;const H=document.getElementById("farris-color-picker-plus-sure");H.id=`farris-color-picker-plus-sure-${p}`;const q=document.getElementById("farris-color-picker-plus-input");q.id=`farris-color-picker-plus-input-${p}`,M=document.getElementById(`farris-color-picker-plus-sure-${p}`),N=document.getElementById(`farris-color-picker-panel-${p}`),N.className="color-picker-panel disabled"}function ee(){if(!l.value&&!t.value){document.getElementById(`farris-color-picker-plus-sure-${p}`).classList.toggle("disabled");const H=document.getElementById(`farris-color-picker-plus-input-${p}`);H.style.borderColor="red"}}function le(){t.value&&(x(t.value),!t.value&&l.value||(t.value=j(new V(t.value),B[R.value])),O.value=S.value),W(z(w.initType))}function C(){t.value&&x(t.value),w.hasPresets()||w.setColorPresets(g.value),t.value?f.value=j(new V(t.value),B[R.value]):!t.value&&l.value&&(f.value=null)}function ce(){n.watch(w.valueChanged,y=>{const H=j(y,B[m||w.initType]);t.value=H})}function W(y){u.value=Y[y].text}function ue(){var y;d.value=!!(m!=null&&m.includes("a")||(y=w.initType)!=null&&y.includes("a"))}n.onBeforeMount(()=>{w.setColorPresets(g.value||["#eaecf3"])}),n.onMounted(()=>{oe(),ee(),le(),C()}),ce(),n.watch(u,()=>{S.value=j(new V(t.value),B[m||w.initType]),i.value=new V(S.value),ue()}),n.watch(t,y=>{j(w.value,w.initType)!==y&&y!==null&&x(y),W(z(w.initType))}),n.watch(i,y=>{t.value=j(y,B[m||w.initType]),x(t.value),S.value=t.value});function F(y){const H=document.getElementById(`farris-color-picker-plus-input-${p}`);(y===""||y===void 0||y==null)&&!l.value?(t.value=null,H.style.borderColor="red",M.className="btn btn-secondary disabled"):(H.style.borderColor="#dcdfe6",M.className="btn btn-secondary")}function de(){var y,H;if(l.value){f.value=(t==null?void 0:t.value)??null;const q={elementValue:f};e.emit("valueChanged",q),N.classList.toggle("disabled")}if(!l.value&&!(S.value===void 0||S.value==null||S.value==="")){(H=(y=E.value)==null?void 0:y.style)==null||H.setProperty("background",t.value),h.value=!0,f.value=t.value;const q={elementValue:f};e.emit("valueChanged",q),N.classList.toggle("disabled")}!$.value&&!t.value&&!h.value&&l&&N.classList.toggle("disabled"),F(t.value),S.value=t.value,M.classList.contains("disabled")||(O.value=t.value,v.value=!1)}function x(y){w==null||w.setValueFrom(y,p,l.value)}function K(y){o.value||(v.value=!0,N.classList.toggle("disabled"),ee(),x(t.value))}function z(y){const H=Y.findIndex(q=>q.type===y);return b=H,H}function k(y){if(!M.classList.contains("disabled")){const H=Y.length;b=(H+b+(y==="up"?1:-1))%H,m=Y[b].type,W(b),x(t.value)}}return()=>n.createVNode("div",{class:"f-color-picker-component",ref:I},[n.createVNode("div",{class:["color-picker-panel",{disabled:o.value}],id:"farris-color-picker-panel",ref:D,onClick:y=>y.stopPropagation,style:"top:30px"},[n.createVNode("div",{class:"color-picker-main"},[n.createVNode(ye,{hue:w.hue,"onUpdate:hue":y=>w.hue=y,allowColorNull:l.value,color:i.value,"onUpdate:color":y=>i.value=y},null),n.createVNode(we,{randomId:p,hue:w.hue,"onUpdate:hue":y=>w.hue=y,allowColorNull:l.value,color:i.value,"onUpdate:color":y=>i.value=y},null)]),n.createVNode(ve,{style:ie.value,randomId:p,allowColorNull:l.value,color:i.value,"onUpdate:color":y=>i.value=y},null),n.createVNode("div",{class:"input-btn",style:"display:flex;align-items: center;"},[n.withDirectives(n.createVNode("span",{style:"width:40px;margin-right:10px;"},[u.value]),[[n.vShow,_]]),n.withDirectives(n.createVNode("input",{title:"color-picker-plus-input",type:"text",id:"farris-color-picker-plus-input","onUpdate:modelValue":y=>S.value=y,style:"float:none"},null),[[n.vModelText,S.value]]),n.withDirectives(n.createVNode("div",{class:"type-icon-btn-wrapper",style:"cursor:pointer"},[n.createVNode("span",{class:"f-icon f-icon-arrow-60-up type-icon-btn",onClick:()=>k("up")},null),n.createVNode("span",{class:"f-icon f-icon-arrow-60-down type-icon-btn",onClick:()=>k("down")},null)]),[[n.vShow,_]]),n.createVNode("div",{class:"input-btn"},[n.createVNode("button",{id:"farris-color-picker-plus-sure",class:"btn btn-secondary",onClick:de},[n.createTextVNode("确定")])])]),n.withDirectives(n.createVNode(ke,{color:i.value,"onUpdate:color":y=>i.value=y,colorPresets:w.presets,hue:w.hue,"onUpdate:hue":y=>w.hue=y,randomId:p},null),[[n.vShow,L]])]),n.createVNode("div",{class:"color-picker-wrapper"},[n.createVNode("input",{type:"text",class:"color-picker-input form-control",value:O.value,readonly:o.value,onClick:y=>y.stopPropagation()},null),n.createVNode("div",{class:"color-picker-trigger",onClick:K},[n.createVNode("div",{class:"color-picker-trigger-inner"},[n.createVNode("div",{style:G.value},null)])])])])}});Z.register=(c,e,i)=>{c["color-picker"]=Z,e["color-picker"]=me},Z.registerDesigner=(c,e,i)=>{c["color-picker"]=qe,e["color-picker"]=me};const Fe=be.withInstall(Z);A.FColorPicker=Z,A.default=Fe,Object.defineProperties(A,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});