@farris/ui-vue 1.1.0 → 1.1.1

package/border-editor/index.umd.js

@@ -1,3 +0,0 @@
-(function(G,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("lodash-es"),require("bignumber.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","bignumber.js"],t):(G=typeof globalThis<"u"?globalThis:G||self,t(G["border-editor"]={},G.Vue,G.LodashES,G.BigNumber))})(this,function(G,t,te,Z){"use strict";var ao=Object.defineProperty;var ro=(G,t,te)=>t in G?ao(G,t,{enumerable:!0,configurable:!0,writable:!0,value:te}):G[t]=te;var h=(G,t,te)=>(ro(G,typeof t!="symbol"?t+"":t,te),te);const je={defaultBorderStyles:{type:Array,default:[{id:"none",name:"无"},{id:"solid",name:"实线"},{id:"dotted",name:"点线"},{id:"dashed",name:"虚线"}]},styles:{type:Array,default:["none","none","none","none","none"]},widths:{type:Array,default:[0,0,0,0,0]},colors:{type:Array,default:["#000000","#000000","#000000","#000000","#000000"]},radiuses:{type:Array,default:[0,0,0,0,0]}},io="",tt={},nt={};function Me(e){const{properties:n,title:o}=e,a=Object.keys(n).reduce((r,i)=>(r[i]=n[i].type==="object"&&n[i].properties?Me(n[i]):te.cloneDeep(n[i].default),r),{});return a.id=`${o}-${Date.now()}`,a}function ot(e,n){const o=Me(n);return Object.keys(e).reduce((a,r)=>(a[r]=e[r],a),o),o}function at(e,n){return Object.keys(e).filter(a=>e[a]!=null).reduce((a,r)=>{if(n.has(r)){const i=n.get(r);if(typeof i=="string")a[i]=e[r];else{const l=i(r,e[r],e);Object.assign(a,l)}}else a[r]=e[r];return a},{})}function rt(e,n,o=new Map){const a=ot(e,n);return at(a,o)}function it(e={}){function n(c,d,s,f){if(typeof s=="number")return f[c].length===s;if(typeof s=="object"){const v=Object.keys(s)[0],g=s[v];if(v==="not")return Number(f[c].length)!==Number(g);if(v==="moreThan")return Number(f[c].length)>=Number(g);if(v==="lessThan")return Number(f[c].length)<=Number(g)}return!1}function o(c,d,s,f){return f[d]&&f[d].propertyValue&&String(f[d].propertyValue.value)===String(s)}const a=new Map([["length",n],["getProperty",o]]);Object.keys(e).reduce((c,d)=>(c.set(d,e[d]),c),a);function r(c,d){const s=c;return typeof d=="number"?[{target:s,operator:"length",param:null,value:Number(d)}]:typeof d=="boolean"?[{target:s,operator:"getProperty",param:c,value:!!d}]:typeof d=="object"?Object.keys(d).map(f=>{if(f==="length")return{target:s,operator:"length",param:null,value:d[f]};const v=f,g=d[f];return{target:s,operator:c,param:v,value:g}}):[]}function i(c){return Object.keys(c).reduce((s,f)=>{const v=r(f,c[f]);return s.push(...v),s},[])}function l(c,d){if(a.has(c.operator)){const s=a.get(c.operator);return s&&s(c.target,c.param,c.value,d)||!1}return!1}function u(c,d){return i(c).reduce((v,g)=>v&&l(g,d),!0)}function p(c,d){const s=Object.keys(c),f=s.includes("allOf"),v=s.includes("anyOf"),g=f||v,x=(g?c[g?f?"allOf":"anyOf":"allOf"]:[c]).map(B=>u(B,d));return f?!x.includes(!1):x.includes(!0)}return{parseValueSchema:p}}const lt={},st={};it();function re(e,n,o=new Map,a=(l,u,p)=>u,r={},i=l=>l){return tt[n.title]=n,nt[n.title]=a,lt[n.title]=r,st[n.title]=i,(l={})=>{const u=rt(l,n,o),p=Object.keys(e).reduce((c,d)=>(c[d]=e[d].default,c),{});return Object.assign(p,u)}}function ie(e,n){return{customClass:n.class}}const ct=new Map([["appearance",ie]]),ut={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/number-spinner.schema.json",title:"number-spinner",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a number spinner",type:"string"},type:{description:"The type string of number spinner component",type:"string",default:"number-spinner"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},editable:{description:"",type:"boolean",default:!0},enableLinkLabel:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},lableWidth:{description:"",type:"number"},placeHolder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},required:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},textAlign:{description:"",type:"string",enum:["left","middle","right"],default:"left"},visible:{description:"",type:"boolean",default:!0},onBlur:{description:"",type:"string",default:""},onClickLinkLabel:{description:"",type:"sting",default:""}},required:["id","type"]};function dt(e,n,o){return n}const ft={title:"number-spinner",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:[]}}}},behavior:{description:"Basic Infomation",title:"行为",properties:{editable:{description:"",title:"允许编辑",type:"boolean"},readonly:{description:"",title:"只读",type:"string"},required:{description:"",title:"必填",type:"boolean"},visible:{description:"",title:"可见",type:"boolean"},placeHolder:{description:"",title:"提示文本",type:"string"},tabindex:{description:"",title:"tab索引",type:"number"},textAlign:{description:"",title:"对齐方式",type:"enum",editor:{type:"combo-select",textField:"name",valueField:"value",data:[{value:"left",name:"左对齐"},{value:"center",name:"居中对齐"},{value:"right",name:"右对齐"}]}}}}}},Fe={id:String,disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},formatter:{type:Function},parser:{type:Function},placeholder:{type:String,default:"请输入数字"},step:{type:Number,default:1},max:{type:[Number,String]},min:{type:[Number,String]},showButton:{type:Boolean,default:!0},useThousands:{type:Boolean,default:!0},textAlign:{type:String,default:"left"},autoDecimal:{type:Boolean,default:!0},canNull:{type:Boolean,default:!1},precision:{type:Number,default:0},prefix:{type:String,default:""},suffix:{type:String,default:""},decimalSeparator:{type:String,default:"."},groupSeparator:{type:String,default:","},groupSize:{type:Number,default:3},value:{type:[Number,String],default:""},showZero:{type:Boolean,default:!0},modelValue:{type:[Number,String],default:""}};re(Fe,ut,ct,dt,ft);function pt(e,n,o,a){const{format:r}=o,{displayValue:i,getRealValue:l,modelValue:u,onNumberValueChanged:p}=a;function c(){const C=new Z(u.value||0);return!(e.max&&!new Z(e.max).isNaN()&&C.gte(new Z(e.max)))}function d(){const C=new Z(u.value||0);return!(e.min&&!new Z(e.min).isNaN()&&C.lte(new Z(e.min)))}function s(C){if(e.readonly||e.disabled)return;const x=C==="up"?c:d,S=C==="up"?"plus":"minus";if(x()){const V=new Z(u.value||0)[S](Number(e.step)),O=V.toFixed();i.value=r(O),p(l(V))}}function f(){s("up")}function v(){s("down")}function g(C){f(),C.stopPropagation()}function b(C){v(),C.stopPropagation()}return{canDownward:d,canUpward:c,downward:v,onClickDownButton:b,onClickUpButton:g,upward:f}}function ht(e,n,o){const a=t.computed(()=>({prefix:e.prefix,suffix:e.suffix,decimalSeparator:e.decimalSeparator,groupSeparator:e.useThousands?e.groupSeparator:"",groupSize:e.groupSize})),{getValidNumberObject:r,precision:i}=o;function l(c){return c=c==null||c===""?"":String(c),c=c.replace(new RegExp(e.prefix,"g"),"").replace(new RegExp(e.suffix,"g"),"").replace(/,/g,""),e.groupSeparator&&e.groupSeparator!==","&&(c=c.replace(new RegExp(`\\${e.groupSeparator}`,"g"),"")),e.decimalSeparator&&e.decimalSeparator!=="."&&(c=c.replace(new RegExp(`\\${e.decimalSeparator}`,"g"),".")),c}function u(c,d){return e.precision!==null&&e.precision!==void 0?c.toFormat(i.value,d):c.toFormat(d)}function p(c){const d=l(c),s=new Z(d,10),f=r(s);return f.valueOf()==="0"&&!e.showZero||f.isNaN()?"":e.formatter?e.formatter(f.toNumber()):u(f,a.value)}return{cleanFormat:l,format:p}}function mt(e,n){const o=t.ref(""),a=t.ref(e.modelValue),r=t.computed(()=>Number(e.precision)||0);function i(d){return d.toFixed(r.value)}function l(d){return isNaN(d)||d===null||d===void 0||d===""}function u(d){const s=l(e.max)?null:new Z(String(e.max),10),f=l(e.min)?null:new Z(String(e.min),10);return s&&d.gt(s)?s:f&&d.lt(f)?f:d}function p(d){if(e.parser)return isNaN(Number(d))?e.parser(d):d;let s=u(new Z(d,10));if(s.isNaN()){if(e.canNull)return null;const v=new Z(""+e.min,10),g=new Z(""+e.max,10);if(!v.isNaN())s=v;else if(!g.isNaN())s=g;else return 0}return i(s)}function c(d){a.value=d,n.emit("update:modelValue",d),n.emit("valueChange",d),n.emit("change",d)}return{displayValue:o,getRealValue:p,modelValue:a,isEmpty:l,onNumberValueChanged:c,precision:r,getValidNumberObject:u}}function gt(e,n,o,a,r){const{cleanFormat:i,format:l}=o,{displayValue:u,getRealValue:p,modelValue:c,isEmpty:d,onNumberValueChanged:s}=a,{downward:f,upward:v}=r,g=t.ref(!1),b=t.computed(()=>u.value);function C(V){var P;if(V.stopPropagation(),g.value=!1,e.readonly||e.disabled)return;let O=(P=V.target)==null?void 0:P.value;e.canNull||(O=O||0);const I=i(O);u.value=l(I),s(p(I)),n.emit("blur",{event:V,formatted:u.value,value:c.value})}function x(V){V.stopPropagation(),g.value=!0,!(e.readonly||e.disabled)&&(u.value=d(c.value)||!e.showZero&&c.value==="0"?"":String(c.value),n.emit("focus",{event:V,formatted:u.value,value:c.value}))}function S(V){var P;V.stopPropagation();let O=(P=V.target)==null?void 0:P.value;e.canNull||(O=O||0);const I=i(O);u.value=I,s(p(I))}function B(V){V.key==="ArrowDown"&&(V.preventDefault(),f()),V.key==="ArrowUp"&&(V.preventDefault(),v()),V.stopPropagation()}return{textBoxValue:b,onBlurTextBox:C,onFocusTextBox:x,onInput:S,onKeyDown:B,isFocus:g}}function yt(e,n,o){const{canDownward:a,canUpward:r,onClickDownButton:i,onClickUpButton:l}=o,u=t.computed(()=>({"input-group-append":!0,"btn-group":!0,"btn-group-number":!0})),p=t.computed(()=>({btn:!0,"btn-secondary":!0,"btn-number-flag":!0})),c=t.computed(()=>({cursor:r()?"pointer":"not-allowed","margin-left":0})),d=t.computed(()=>({cursor:a()?"pointer":"not-allowed","margin-left":0}));return()=>t.createVNode("div",{class:u.value},[t.createVNode("button",{title:"upButton",class:p.value,style:c.value,onClick:l,disabled:!r()},[t.createVNode("span",{class:"f-icon f-icon-arrow-chevron-up number-arrow-chevron"},null)]),t.createVNode("button",{title:"downButton",class:p.value,style:d.value,onClick:i,disabled:!a()},[t.createVNode("span",{class:"f-icon f-icon-arrow-chevron-down number-arrow-chevron"},null)])])}function bt(e,n,o){const{onBlurTextBox:a,onFocusTextBox:r,onInput:i,onKeyDown:l,textBoxValue:u}=o,p=t.computed(()=>e.disabled||e.readonly||!e.editable?"":e.placeholder),c=t.computed(()=>({"form-control":!0,"f-utils-fill":!0})),d=t.computed(()=>({"text-align":e.textAlign}));function s(f){f.stopPropagation()}return()=>t.createVNode("input",{class:c.value,style:d.value,type:"text",value:u.value,disabled:e.disabled,readonly:e.readonly||!e.editable,placeholder:p.value,onBlur:a,onChange:s,onFocus:r,onInput:i,onKeydown:l},null)}const Re=t.defineComponent({name:"FNumberSpinner",props:Fe,emits:["update:modelValue","valueChange","change","blur","focus","click","input"],setup(e,n){const o=mt(e,n),a=ht(e,n,o),r=pt(e,n,a,o),i=gt(e,n,a,o,r),l=yt(e,n,r),u=bt(e,n,i),{displayValue:p,modelValue:c,getRealValue:d}=o,{format:s}=a,{isFocus:f}=i,v=t.computed(()=>!e.disabled&&!e.readonly&&e.showButton);return t.onMounted(()=>{const g=d(e.modelValue);p.value=s(g)}),t.watch(()=>[e.value],([g])=>{const b=d(g);c.value=b,p.value=s(b)}),t.watch(()=>[e.modelValue],([g])=>{g!==c.value&&(c.value=g,!f.value&&(p.value=s(d(g))))}),t.watch(()=>[e.precision,e.useThousands,e.prefix,e.suffix,e.showZero],()=>{p.value=s(c.value)}),()=>t.createVNode("div",{class:"input-group  f-state-hover flex-row f-cmp-number-spinner"},[u(),v.value&&l()])}}),vt=new Map([["appearance",ie]]),wt={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/combo-list.schema.json",title:"combo-list",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a combo list",type:"string"},type:{description:"The type string of number combo list component",type:"string",default:"combo-list"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},editable:{description:"",type:"boolean",default:!0},enableLinkLabel:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},lableWidth:{description:"",type:"number"},placeHolder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},required:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},textAlign:{description:"",type:"string",enum:["left","middle","right"],default:"left"},visible:{description:"",type:"boolean",default:!0},onBlur:{description:"",type:"string",default:""},onClickLinkLabel:{description:"",type:"sting",default:""}},required:["id","type"]};function St(e,n,o){return n}const Ct={title:"combo-list",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:[]}}}},behavior:{description:"Basic Infomation",title:"行为",properties:{editable:{description:"",title:"允许编辑",type:"boolean"},readonly:{description:"",title:"只读",type:"string"},required:{description:"",title:"必填",type:"boolean"},visible:{description:"",title:"可见",type:"boolean"},placeHolder:{description:"",title:"提示文本",type:"string"},tabindex:{description:"",title:"tab索引",type:"number"}}}}},Ee={id:{type:String},data:{type:Array,default:[]},displayText:{type:String,default:""},disabled:{default:!1,type:Boolean},dropDownIcon:{type:String,default:'<span class="f-icon f-icon-arrow-60-down"></span>'},editable:{default:!1,type:Boolean},enableClear:{default:!0,type:Boolean},enableSearch:{type:Boolean,default:!1},enableTitle:{default:!0,type:Boolean},fitEditor:{default:!1,type:Boolean},forcePlaceholder:{default:!1,type:Boolean},hidePanelOnClear:{default:!0,type:Boolean},idField:{default:"id",type:String},mapFields:{type:Object},maxHeight:{default:350,type:Number},maxLength:{type:Number},multiSelect:{default:!1,type:Boolean},modelValue:{},placeholder:{type:String},placement:{type:String,default:"auto"},readonly:{default:!1,type:Boolean},remote:{default:null,type:Object},remoteSearch:{default:!1,type:Boolean},separator:{default:",",type:String},tabIndex:{type:Number,default:-1},textField:{default:"name",type:String},titleField:{default:"name",type:String},valueField:{default:"id",type:String},viewType:{default:"text",type:String},change:{type:Function,default:()=>{}}};re(Ee,wt,vt,St,Ct);const Vt={dataSource:{type:Array,default:[]},enableSearch:{type:Boolean,default:!1},idField:{type:String,default:"id"},multiSelect:{default:!1,type:Boolean},selectedValues:{type:String,default:""},separator:{type:String,default:","},textField:{type:String,default:"name"},titleField:{type:String,default:"name"},width:{type:Number},height:{type:Number},valueField:{type:String,default:"id"},onSelectionChange:{type:Function,default:()=>{}}},kt=new Map([["appearance",ie]]);function xt(e,n,o){return n}const Bt={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/list-view.schema.json",title:"list-view",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for list-view",type:"string"},type:{description:"The type string of list-view",type:"string",default:"list-view"},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"]},Nt={title:"list-view",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:[]}}}}}},Te={data:{type:Array,default:[]},draggable:{type:Boolean,default:!1},multiSelect:{Type:Boolean,default:!1},multiSelectMode:{Type:String,default:"OnCheck"},idField:{Type:String,default:"id"},valueField:{Type:String,default:"id"},textField:{Type:String,default:"name"},titleField:{Type:String,default:"name"},view:{Type:String,default:"ContentView"},size:{Type:String,default:"default"},placeholder:{type:String,default:""},header:{Type:String,default:"ContentHeader"},headerClass:{Type:String,default:""},itemClass:{Type:String,default:""},selectionValues:{type:Array,default:[]},keepOrder:{type:Boolean,default:!1},disableField:{type:String,default:"disabled"}};re(Te,Bt,kt,xt,Nt);function It(e,n,o,a,r){const i=t.ref(e.idField),l=t.ref(e.disableField),u=t.ref(e.draggable),p=t.ref(e.itemClass),c=t.ref(e.multiSelect),d=t.ref(e.multiSelectMode);t.ref(!0);const{isDragging:s}=o,{activeIndex:f,focusedItemId:v,hoverIndex:g}=a,{clearSelection:b,selectedItems:C,toggleSelectItem:x}=r;function S(k,E){const R={"f-list-view-group-item":!0,"f-list-view-draggable-item":u.value,"f-un-click":!!k.unClick,"f-un-select":!!k[l.value],"f-listview-active":k.__fv_index__===f.value,"f-listview-hover":!s.value&&E===g.value,moving:!!k.moving};return p.value.split(" ").reduce((Y,H)=>(Y[H]=!0,Y),R),R}function B(k,E){return k[i.value]||""}const V=t.computed(()=>!c.value);function O(k,E){k.unClick||k[l.value]||(V.value&&(v.value=k[i.value]),x(k,E))}const I=t.computed(()=>c.value&&d.value==="OnCheckClearByClick"),P=t.computed(()=>!c.value||c.value&&(d.value==="OnCheckAndClick"||d.value==="OnClick"));function U(k,E,R){if(E.unClick||E[l.value]){k.preventDefault(),k.stopPropagation();return}v.value=E[i.value],f.value=R,I.value&&b(),P.value&&x(E,R),n.emit("clickItem",{data:C.value,index:R}),n.emit("activeChange",C.value)}return{getKey:B,listViewItemClass:S,onCheckItem:O,onClickItem:U}}function $t(e,n,o){const a=t.ref(e.idField),r=t.ref(e.multiSelect);t.ref(e.multiSelectMode);const{getSelectionItems:i}=o,l=t.ref(i(e.selectionValues));t.watch(()=>e.selectionValues,f=>{l.value=t.ref(i(f)).value});const u=t.computed(()=>!r.value);function p(f){return f[a.value]||""}function c(f){return l.value.findIndex(g=>p(g)===p(f))}function d(){l.value.forEach(f=>{f.checked=!1}),l.value=[]}function s(f,v){u.value&&d();const g=c(f);g>-1?(l.value.splice(g,1),f.checked=!1):(l.value.push(f),f.checked=!0),n.emit("selectionChange",l.value)}return{clearSelection:d,findIndexInSelectedItems:c,selectedItems:l,toggleSelectItem:s}}function Ot(e,n){function o(i){const l=[];let u=i.nextNode();for(;u;)l.push(u),u=i.nextNode();return l}function a(i,l){const u=document.createTreeWalker(i,NodeFilter.SHOW_TEXT);return o(u).map(s=>({textNode:s,text:(s.textContent||"").toLocaleLowerCase()})).map(({textNode:s,text:f})=>{const v=[];let g=0;for(;g<f.length;){const b=f.indexOf(l,g);if(b===-1)break;v.push(b),g=b+l.length}return v.map(b=>{const C=new Range;return C.setStart(s,b),C.setEnd(s,b+l.length),C})}).flat()}function r(i){if(!CSS.highlights||(CSS.highlights.clear(),!i||!n))return;const l=a(n.value,i.toLocaleLowerCase()),u=new Highlight(...l);CSS.highlights.set("search-result",u)}return{search:r}}const Pt={id:{Type:String,default:""},customClass:{Type:String,default:""},disable:{Type:Boolean,default:!1},indeterminate:{Type:Boolean,default:!1},modelValue:{Type:Boolean,default:!1}},be=t.defineComponent({name:"FCheckBox",props:Pt,emits:["change","update:modelValue"],setup(e,n){const o=t.ref(e.id),a=t.ref(e.customClass),r=t.ref(e.disable),i=t.ref(e.modelValue),l=t.ref(e.indeterminate),u=t.computed(()=>{const c={"custom-control":!0,"custom-checkbox":!0};return a.value&&a.value.split(" ").reduce((d,s)=>(d[s]=!0,d),c),c});function p(c){c.stopPropagation(),c.preventDefault(),r.value||(i.value=!i.value,n.emit("update:modelValue",i.value),n.emit("change",{originalEvent:c,checked:i.value}))}return t.watch(()=>e.modelValue,c=>{i.value=c}),t.watch(()=>e.indeterminate,c=>{l.value=c}),()=>t.createVNode("div",{class:u.value},[t.withDirectives(t.createVNode("input",{id:o.value,title:o.value,type:"checkbox",class:"custom-control-input","onUpdate:modelValue":c=>i.value=c,indeterminate:l.value},null),[[t.vModelCheckbox,i.value]]),t.createVNode("label",{for:o.value,class:"custom-control-label",onClick:p},null)])}});function He(e,n,o,a,r,i,l,u){const p=t.ref(e.size),c=t.ref(e.textField),d=t.ref(e.titleField),s=t.ref(e.multiSelect),f=t.ref(e.disableField),{onMouseenterItem:v,onMouseoverItem:g,onMouseoutItem:b}=r,{getKey:C,listViewItemClass:x,onCheckItem:S,onClickItem:B}=i,V=t.computed(()=>({margin:p.value==="small"?"0.25rem 0":"10px 0"}));function O(I,P,U){return I.checked=l.findIndexInSelectedItems(I)>-1,t.createVNode("li",{class:x(I,P),id:C(I,P),key:C(I,P),onClick:k=>B(k,I,P),onMouseenter:k=>v(k,I,P),onMouseover:k=>g(k,I,P),onMouseout:k=>b(k,I,P)},[s.value&&t.createVNode("div",{class:"f-list-select",onClick:k=>k.stopPropagation()},[t.createVNode(be,{id:"list-"+C(I,P),customClass:"listview-checkbox",disable:I[f.value]||I.unClick,modelValue:I.checked,"onUpdate:modelValue":k=>I.checked=k,onChange:k=>S(I,P)},null)]),t.createVNode("div",{class:"f-list-content"},[t.createVNode("div",{style:V.value,title:I[d.value]||I[c.value]},[I[c.value]])])])}return{renderItem:O}}function jt(e,n,o,a,r,i,l,u){const p=t.ref(e.multiSelect),c=t.ref(e.disableField),{onMouseenterItem:d,onMouseoverItem:s,onMouseoutItem:f}=r,{getKey:v,listViewItemClass:g,onCheckItem:b,onClickItem:C}=i;function x(B,V,O){return n.slots.content?t.createVNode(t.Fragment,null,[n.slots.content&&n.slots.content({item:B,index:V,selectedItem:O})]):t.createVNode("div",{style:"margin: 10px 0;"},[B.name])}function S(B,V,O){return t.createVNode("li",{class:g(B,V),id:v(B,V),key:v(B,V),onClick:I=>C(I,B,V),onMouseenter:I=>d(I,B,V),onMouseover:I=>s(I,B,V),onMouseout:I=>f(I,B,V)},[p.value&&t.createVNode("div",{class:"f-list-select",onClick:I=>I.stopPropagation()},[t.createVNode(be,{id:"list-"+v(B,V),customClass:"listview-checkbox",disable:B[c.value]||B.unClick,modelValue:B.checked,"onUpdate:modelValue":I=>B.checked=I,onChange:I=>b(B,V)},null)]),t.createVNode("div",{class:"f-list-content"},[x(B,V,O)])])}return{renderItem:S}}function Mt(e,n,o,a,r,i,l,u){const p=t.ref(e.multiSelect),c=t.ref(e.disableField),{onMouseenterItem:d,onMouseoverItem:s,onMouseoutItem:f}=r,{getKey:v,listViewItemClass:g,onCheckItem:b,onClickItem:C}=i,{dragstart:x,dragenter:S,dragover:B,dragend:V}=a,{removeItem:O}=u,I=t.computed(()=>({margin:p.value?"10px 0":"10px 0px 10px 14px"}));function P(R){return t.createVNode("div",{style:I.value},[R.name])}function U(){return n.slots.itemContent?n.slots.itemContent:P}const k=U();function E(R,q,Y){return t.createVNode("li",{class:g(R,q),id:v(R,q),key:v(R,q),onClick:H=>C(H,R,q),onMouseenter:H=>d(H,R,q),onMouseover:H=>s(H,R,q),onMouseout:H=>f(H,R,q),draggable:"true",onDragstart:H=>x(H,R,q),onDragenter:H=>S(H,q),onDragend:H=>V(H,R),onDragover:H=>B(H,q)},[p.value&&t.createVNode("div",{class:"f-list-select",onClick:H=>H.stopPropagation()},[t.createVNode(be,{id:"list-"+v(R,q),customClass:"listview-checkbox",disable:R[c.value]||R.unClick,modelValue:R.checked,"onUpdate:modelValue":H=>R.checked=H,onChange:H=>b(R,q)},null)]),t.createVNode("div",{class:"f-list-content"},[k(R)]),t.createVNode("div",{class:"f-list-remove",onClick:H=>O(q)},[t.createVNode("div",{class:"f-list-remove-icon"},[t.createVNode("i",{class:"f-icon f-icon-remove_face"},null)])]),t.createVNode("div",{class:"f-list-handle"},[t.createVNode("div",null,[t.createVNode("i",{class:"f-icon f-icon-drag-vertical"},null)])])])}return{renderItem:E}}function Ft(e,n,o){function a(){return n.slots.header&&t.createVNode("div",{class:"f-list-view-header"},[n.slots.header()])}return{renderHeader:a}}function Ae(e,n,o){const a=t.ref(e.headerClass),r=t.ref(e.placeholder),i=t.ref(""),l=t.computed(()=>!i.value),u=t.computed(()=>!!i.value);function p(f){i.value=""}t.watch(i,f=>{o.search(f)});const c=t.computed(()=>{const f={"form-group":!0,"farris-form-group":!0};return a.value&&a.value.split(" ").reduce((g,b)=>(g[b]=!0,g),f),f});function d(f){}function s(){return t.createVNode("div",{class:"f-list-view-header",onClick:t.withModifiers(d,["prevent","stop"])},[t.createVNode("div",{class:c.value},[t.createVNode("div",{class:"farris-input-wrap"},[t.createVNode("div",{class:"f-cmp-inputgroup"},[t.createVNode("div",{class:"input-group f-state-editable"},[t.withDirectives(t.createVNode("input",{class:"form-control f-utils-fill text-left","onUpdate:modelValue":f=>i.value=f,name:"input-group-value",type:"text",placeholder:r.value,autocomplete:"off"},null),[[t.vModelText,i.value]]),t.createVNode("div",{class:"input-group-append"},[u.value&&t.createVNode("span",{class:"input-group-text input-group-clear",onClick:f=>p()},[t.createVNode("i",{class:"f-icon f-icon-close-circle"},null)]),l.value&&t.createVNode("span",{class:"input-group-text"},[t.createVNode("span",{class:"f-icon f-icon-search"},null)])])])])])])])}return{renderHeader:s}}function Rt(e,n){const o=t.ref(e.idField),a=t.ref(e.data),r=t.ref(e.data),i=t.ref(e.keepOrder);function l(){const c=a.value.map((d,s)=>typeof d!="object"?{__fv_index__:s,name:d}:(d.__fv_index__=s,d));return r.value=c,c}const u=t.ref(l());t.watch(()=>e.data,c=>{if(i.value){const d=c.reduce((g,b)=>(g.set(b.id,!0),g),new Map),s=a.value.reduce((g,b)=>(g.set(b.id,!0),g),new Map),f=u.value.filter(g=>d.has(g.id)),v=c.filter(g=>!s.has(g.id));a.value=[...f,...v]}else a.value=c;u.value=l()});function p(c){return c.map(s=>{const f=r.value.findIndex(v=>v[o.value]===s);return f>-1?r.value[f]:null}).filter(s=>s!=null)}return{dataView:u,getSelectionItems:p}}function Et(e,n,o,a){const r=t.ref(e.idField),{dataView:i}=o,l=t.ref(-1),u=t.ref(!1),{activeIndex:p,focusedItemId:c,hoverIndex:d,resumeHover:s,suspendHover:f}=a;function v(x,S,B){x.stopPropagation(),f(),S&&setTimeout(()=>{l.value=B,u.value=!0,S.moving=!0})}function g(x,S){if(x.preventDefault(),l.value!==S){const B=i.value[l.value],V=i.value;V.splice(l.value,1),V.splice(S,0,B),l.value=S}}function b(x,S){x.preventDefault(),x.dataTransfer&&(x.dataTransfer.dropEffect="move")}function C(x,S){S&&(S.moving=!1),i.value.forEach((B,V)=>{B.__fv_index__=V}),u.value=!1,s(),d.value=S.__fv_index__,p.value=S.__fv_index__,c.value=S[r.value],n.emit("change",i.value),n.emit("activeChange",S)}return{dragstart:v,dragenter:g,dragover:b,dragend:C,isDragging:u}}function Tt(e,n,o){const{dataView:a}=o;function r(i){if(i>-1&&i<a.value.length){const l=a.value.splice(i,1);n.emit("removeItem",l[0])}}return{removeItem:r}}function Ht(){const e=t.ref(-1),n=t.ref(""),o=t.ref(-1),a=t.ref(!1);function r(c,d,s){o.value=s}function i(c,d,s){a.value||(o.value=s)}function l(c,d,s){o.value=-1}function u(){a.value=!0}function p(){a.value=!1}return{activeIndex:e,focusedItemId:n,hoverIndex:o,onMouseenterItem:r,onMouseoverItem:i,onMouseoutItem:l,resumeHover:p,suspendHover:u}}const At=t.defineComponent({name:"FListView",props:Te,emits:["checkValuesChange","clickItem","selectionChange","removeItem","change","activeChange"],setup(e,n){const o=t.ref(),a=t.ref(e.view),r=t.ref(e.header),i=t.ref(e.multiSelect),l=t.ref(e.view==="CardView"),u=t.ref(!0),p=t.ref({}),c=t.ref("暂无数据"),d=Rt(e),{dataView:s}=d,f=t.computed(()=>{const z={"f-list-view":!0,"f-list-view-multiple":i.value};return e.size!=="default"&&(z[`${e.size}-item`]=!0),z}),v=t.computed(()=>({"f-list-view-group":!0,"d-flex":l.value,"flex-wrap":l.value})),g=t.computed(()=>!!s.value&&s.value.length>0),b=Ht(),C=$t(e,n,d),x=Et(e,n,d,b),S=Tt(e,n,d),B=It(e,n,x,b,C),V=Ot(e,o),O=t.computed(()=>s.value.length===0),I=t.computed(()=>O.value&&!n.slots.empty),P=t.computed(()=>!!n.slots.footer||u.value);function U(){return a.value==="SingleView"?He:a.value==="DraggableView"?Mt:a.value==="ContentView"&&n.slots.content?jt:He}const k=U(),{renderItem:E}=k(e,n,d,x,b,B,C,S);function R(){return r.value==="SearchBar"?Ae:r.value==="ContentHeader"?Ft:Ae}const q=R(),{renderHeader:Y}=q(e,n,V);function H(z){V.search(z)}n.expose({search:H});function _(z){i.value&&(z.preventDefault(),z.stopPropagation())}return()=>t.createVNode("div",{class:f.value,onClick:_},[Y(),t.createVNode("div",{ref:o,class:"f-list-view-content"},[t.createVNode("ul",{class:v.value,style:"list-style: none;"},[g.value&&s.value.map((z,j)=>E(z,j,p)),I.value&&t.createVNode("div",{class:"f-list-view-emptydata"},[t.createVNode("p",{class:"f-empty-title"},[c.value])]),n.slots.empty&&n.slots.empty()])]),P.value&&t.createVNode("div",{class:"f-list-view-footer"},[n.slots.footer&&n.slots.footer()])])}}),Lt=t.defineComponent({name:"FComboListContainer",props:Vt,emits:["selectionChange"],setup(e,n){const o=t.ref(e.dataSource),a=t.ref([]),r=t.ref(e.separator),i=t.ref(e.width),l=t.ref(e.height),u=t.ref(String(e.selectedValues).split(r.value));t.watch(e.dataSource,()=>{o.value=e.dataSource});const p=t.computed(()=>e.enableSearch?"SearchBar":"ContentHeader"),c=t.computed(()=>{const s={};return i.value!==void 0&&(s.width=`${i.value}px`),l.value!==void 0&&(s.height=`${l.value}px`),s});function d(s){a.value=s.map(f=>Object.assign({},f)),u.value=s.map(f=>f[e.idField]),n.emit("selectionChange",a.value)}return t.watch([()=>e.selectedValues],([s])=>{u.value=s.split(r.value)}),()=>t.createVNode("div",{class:"f-combo-list-container pl-3",style:c.value},[t.createVNode(At,{size:"small",itemClass:"f-combo-list-item",header:p.value,headerClass:"f-combo-list-search-box",data:o.value,idField:e.idField,textField:e.textField,titleField:e.titleField,multiSelect:e.multiSelect,multiSelectMode:"OnCheckAndClick","selection-values":u.value,onSelectionChange:d},null)])}}),Dt=new Map([["appearance",ie]]);function qt(e,n,o){return n}const Ut={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/button-edit.schema.json",title:"button-edit",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a Input Group",type:"string"},type:{description:"The type string of Input Group component",type:"string",default:"button-edit"},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},enableLinkLabel:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},lableWidth:{description:"",type:"number"},placeHolder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},textAlign:{description:"",type:"string",enum:["left","middle","right"],default:"left"},visible:{description:"",type:"boolean",default:!0},onBlur:{description:"",type:"string",default:""},onClickLinkLabel:{description:"",type:"sting",default:""},autoComplete:{description:"",type:"boolean",default:!1},buttonContent:{description:"",type:"string",default:""},enableClear:{description:"",type:"boolean",default:!0},inputType:{description:"",type:"string",enum:["text","tag"],default:"text"},multiSelect:{description:"",type:"boolean",default:!1},popup:{description:"",type:"object",properties:{footerButtons:{type:"array",default:[]},height:{type:"number",default:600},dataMapping:{type:"object"},contents:{type:"array",default:[]},showMaxButton:{type:"boolean",default:!0},showCloseButton:{type:"boolean",default:!0},showFooter:{type:"boolean",default:!0},title:{type:"string",default:""},width:{type:"number",default:800}}},separator:{type:"string",default:","},showButtonWhenDisabled:{description:"",type:"boolean",default:!1},wrapText:{type:"boolean",default:!1},onClear:{description:"",type:"string",default:""}},required:["id","type"]},Wt={title:"buttonEdit",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:[]}}}},behavior:{description:"Basic Infomation",title:"行为",properties:{editable:{description:"",title:"允许编辑",type:"boolean"},readonly:{description:"",title:"只读",type:"string"},required:{description:"",title:"必填",type:"boolean"},visible:{description:"",title:"可见",type:"boolean"},placeHolder:{description:"",title:"提示文本",type:"string"},tabindex:{description:"",title:"tab索引",type:"number"},textAlign:{description:"",title:"对齐方式",type:"enum",editor:{type:"combo-select",textField:"name",valueField:"value",data:[{value:"left",name:"左对齐"},{value:"center",name:"居中对齐"},{value:"right",name:"右对齐"}]}}}}}},Le={id:String,buttonContent:{type:String,default:'<i class="f-icon f-icon-lookup"></i>'},buttonBehavior:{type:String,default:"Popup"},autoComplete:{type:Boolean,default:!1},customClass:{type:String,default:""},disable:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},enableClear:{type:Boolean,default:!1},modelValue:{type:String,default:""},readonly:{type:Boolean,default:!1},showButtonWhenDisabled:{type:Boolean,default:!1},enableTitle:{type:Boolean,default:!1},inputType:{type:String,default:"text"},forcePlaceholder:{type:Boolean,default:!1},placeholder:{type:String,default:""},minLength:Number,maxLength:Number,tabIndex:Number,popupHost:{type:Object},popupRightBoundary:{type:Object},popupOffsetX:{type:Object},popupOnInput:{type:Boolean,default:!1},popupOnFocus:{type:Boolean,default:!1},popupMinWidth:{type:Number,default:160},modalOptions:{type:Object,default:{}},wrapText:{type:Boolean,default:!1},multiSelect:{type:Boolean,default:!1},separator:{type:String,default:","},textAlign:{type:String,default:"left"}};re(Le,Ut,Dt,qt,Wt);const zt={popupContentPosition:{type:Object,default:{left:0,top:0}},host:{type:Object},backgroundColor:{type:String,default:""}},Xt=t.defineComponent({name:"FOverlay",props:zt,emits:["click"],setup(e,n){const o=t.ref(e.popupContentPosition),a=t.ref(e.host),r=t.computed(()=>({backgroundColor:e.backgroundColor||"",pointerEvents:"auto"}));function i(u){n.emit("click"),u.preventDefault(),u.stopPropagation()}t.computed(()=>{const u=a.value;if(u){const p=u.getBoundingClientRect(),{left:c,top:d,height:s}=p;return{left:c,top:d+s}}return o.value});const l=t.computed(()=>({}));return()=>t.createVNode(t.Teleport,{to:"body"},{default:()=>{var u,p;return[t.createVNode("div",{class:"overlay-container",onClick:c=>i(c),style:r.value},[t.createVNode("div",{style:l.value},[(p=(u=n.slots).default)==null?void 0:p.call(u)])])]}})}});function Gt(e){if(e.content&&e.content.render)return e.content.render;if(e.render&&typeof e.render=="function")return e.render}function Yt(e){const n=document.createElement("div");n.style.display="contents";let o;const a=e.onClickCallback||(()=>{}),r=()=>{a(),o&&o.unmount()};return o=t.createApp({setup(){t.onUnmounted(()=>{document.body.removeChild(n)});const i=Gt(e);return()=>t.createVNode(Xt,{"popup-content-position":e.popupPosition,host:e.host,onClick:r,backgroundColor:e.backgroundColor},{default:()=>[i&&i()]})}}),document.body.appendChild(n),o.mount(n),o}class Kt{static show(n){return Yt(n)}}const Zt={class:{type:String,default:""},title:{type:String,default:""},width:{type:Number,default:500},height:{type:Number,default:320},buttons:{type:Array,default:[]},modelValue:{type:Boolean,default:!1},showHeader:{type:Boolean,default:!0},showButtons:{type:Boolean,default:!0},fitContent:{type:Boolean,default:!0}},Jt=t.defineComponent({name:"FModal",props:Zt,emits:["update:modelValue","accept","cancel","closed"],setup(e,n){const o=t.ref(e.width),a=t.ref(e.height),r=t.ref(e.modelValue),i=t.ref(""),l=t.ref(e.class),u=t.ref(e.fitContent),p=t.ref(e.showHeader),c=t.ref(""),d=t.ref(!0),s=t.ref(!1),f=t.ref(!1),v=t.ref(""),g=t.ref(""),b=t.ref(""),C=t.ref(e.showButtons),x=t.ref(e.title);function S(F,W){r.value=!1,n.emit("update:modelValue",!1),W!=null&&n.emit(W?"accept":"cancel"),n.emit("closed")}const B=[{text:"取消",class:"btn btn-light",handle:F=>{S(F,!1)}},{text:"确定",class:"btn btn-primary",handle:F=>{S(F,!0)}}],V=t.ref(e.buttons&&e.buttons.length?e.buttons:B),O=t.computed(()=>!!c.value),I=t.computed(()=>!!C.value&&!!V.value);t.ref(),t.ref(),t.watch(()=>e.modelValue,()=>{r.value=e.modelValue});const P=t.ref(!1),U=t.computed(()=>r.value),k=t.computed(()=>{const F={modal:!0,"farris-modal":!0};return F["f-modal-fitContent"]=u.value,F}),E=t.computed(()=>({display:U.value?"block":"none !important"})),R=t.computed(()=>{const F={"modal-dialog":!0};return l.value.split(" ").reduce((L,ee)=>(L[ee]=!0,L),F),F}),q=t.computed(()=>({position:"absolute",top:"50%",left:"50%",width:`${o.value}px`,height:u.value?"auto":`${a.value}px`,"margin-left":`${0-o.value/2}px`,"margin-top":u.value?"auto":`${0-a.value/2}px`})),Y=t.computed(()=>({"modal-content":!0,"modal-content-has-header":p.value})),H=t.computed(()=>({display:p.value?"":"none"})),_=t.computed(()=>({"f-icon":!0,modal_maximize:!0,modalrevert:P.value})),z=t.computed(()=>({height:"10px","z-index":1,display:p.value?"none":""})),j=t.computed(()=>({"modal-body":!0,"f-utils-flex-column":v.value==="iframe"}));function T(){return{}}const A=t.computed(()=>{const F={textAlgin:b.value},W=T();return Object.assign(F,W)});function X(F){}return()=>t.createVNode(t.Teleport,{to:"body"},{default:()=>{var F,W;return[t.createVNode("div",{class:k.value,style:E.value},[t.createVNode("div",{id:i.value,class:R.value,style:q.value},[t.createVNode("div",{class:Y.value},[t.createVNode("div",{ref:"modalHeaderRef",class:"modal-header",style:H.value},[t.createVNode("div",{class:"modal-title"},[O.value&&t.createVNode("span",{class:c.value,style:"margin-right: 8px"},null),t.createVNode("span",{class:"modal-title-label"},[x.value])]),t.createVNode("div",{class:"actions"},[t.createVNode("ul",null,[f.value&&t.createVNode("li",{class:"f-btn-icon f-bare"},[t.createVNode("span",{class:"f-icon modal_minimize"},null)]),s.value&&t.createVNode("li",{onClick:X,class:"f-btn-icon f-bare"},[t.createVNode("span",{class:_.value},null)]),d.value&&t.createVNode("li",{class:"f-btn-icon f-bare",onClick:L=>S(L,!1)},[t.createVNode("span",{class:"f-icon modal_close"},null)])])])]),t.createVNode("div",{ref:"dragableElementRef",class:"f-utils-absolute-all",style:z.value},null),t.createVNode("div",{class:j.value},[(W=(F=n.slots).default)==null?void 0:W.call(F),v.value==="iframe"&&t.createVNode("iframe",{title:i.value,class:"f-utils-fill",width:"100%",frameborder:"0",src:g.value},null)]),I.value&&t.createVNode("div",{class:"modal-footer",style:A.value},[V.value&&V.value.map(L=>t.createVNode("button",{type:"button",class:L.class+" "+(L.iconClass&&"btn-icontext"),onClick:ee=>{L.handle&&L.handle(ee)}},[!!L.iconClass&&t.createVNode("i",{class:L.iconClass},null),L.text]))])])])])]}})}});function Qt(e){if(e.content&&e.content.render)return e.content.render;if(e.render&&typeof e.render=="function")return e.render}function _t(e){const n=document.createElement("div");n.style.display="contents";const o=t.createApp({setup(){t.onUnmounted(()=>{document.body.removeChild(n)});const a=t.ref(e.class||""),r=t.ref(!!e.showButtons),i=t.ref(!!e.showHeader),l=t.ref(!0),u=t.ref(e.title||""),p=e.acceptCallback||(()=>{}),c=e.rejectCallback||(()=>{}),d=Qt(e),s=()=>{l.value=!1,o.unmount()};return()=>t.createVNode(Jt,{class:a.value,modelValue:l.value,"onUpdate:modelValue":f=>l.value=f,title:u.value,width:e.width,height:e.height,buttons:e.buttons,"show-header":i.value,"show-buttons":r.value,onAccept:p,onCancel:c,fitContent:e.fitContent,onClosed:s},{default:()=>[d&&d(o)]})}});return document.body.appendChild(n),o.mount(n),o}class en{static show(n){const o=Object.assign({title:"",showButtons:!0,showHeader:!0},n);return _t(o)}}function tn(e,n,o,a){const r=t.ref(e.buttonBehavior),i=t.ref(e.popupOnInput),l=t.computed(()=>({"input-group-append":!0,"append-force-show":e.showButtonWhenDisabled&&(e.readonly||e.disable)})),u=t.computed(()=>e.showButtonWhenDisabled||(!e.editable||!e.readonly)&&!e.disable);async function p(s){if(u.value){const f=!!n.slots.default;if(r.value==="Modal"){const v=e.modalOptions;en.show({...v,render:()=>n.slots.default&&n.slots.default()})}r.value==="Overlay"&&Kt.show({host:document.body,backgroundColor:"rgba(0,0,0,.15)",render:()=>n.slots.default&&n.slots.default()}),f&&r.value==="Popup"&&a.togglePopup(),f&&i.value&&a.hidePopup(),n.emit("clickButton",{origin:s,value:e.modelValue})}s.stopPropagation()}function c(s){n.emit("mouseEnterIcon",s)}function d(s){n.emit("mouseLeaveIcon",s)}return{buttonGroupClass:l,onClickButton:p,onMouseEnterButton:c,onMouseLeaveButton:d}}function nn(e,n,o,a,r,i){const l=t.ref(!1),u=t.computed(()=>e.enableClear&&!e.readonly&&!e.disable),{changeTextBoxValue:p}=i;function c(v){l.value=v}t.watch(r,()=>{c(!!r.value)});function d(v){const g=!e.readonly&&!e.disable&&e.editable,b=!e.editable;v.stopPropagation(),(g||b)&&(p("",!1),c(!l.value),n.emit("clear"))}function s(v){if(u.value){if(!o.value){c(!1);return}!e.disable&&!e.readonly&&c(!0)}}function f(v){u.value&&c(!1)}return{enableClearButton:u,showClearButton:l,onClearValue:d,onMouseEnterTextBox:s,onMouseLeaveTextBox:f}}function on(e,n,o,a,r){const i=t.ref(e.popupOnInput),l=t.ref(e.popupOnFocus),{shouldPopupContent:u}=r,p=t.computed(()=>e.enableTitle?o.value:""),c=t.computed(()=>(e.disable||e.readonly)&&!e.forcePlaceholder?"":e.placeholder),d=t.computed(()=>e.readonly||!e.editable),s=t.ref(!1),f=t.computed(()=>!e.disable&&s.value),v=t.computed(()=>({"text-left":e.textAlign==="left","text-center":e.textAlign==="center","text-right":e.textAlign==="right","form-control":!0,"f-utils-fill":!0})),g=t.computed(()=>({"input-group":!0,"f-state-disable":e.disable,"f-state-editable":e.editable&&!e.disable&&!e.readonly,"f-state-readonly":e.readonly&&!e.disable,"f-state-focus":f.value}));function b(k,E=!0){o.value!==k&&(o.value=k,E&&n.emit("change",k),n.emit("update:modelValue",k))}function C(k){u.value=!1,b(k,!0)}t.watch(()=>e.modelValue,k=>{o.value=k});function x(k){s.value=!1,n.emit("blur",k),k.stopPropagation()}function S(k){n.emit("click",k)}function B(k){e.disable||(s.value=!0,d.value||(n.emit("focus",k),l.value&&!u.value&&r.popup()))}function V(k){n.emit("input",k.target.value);const E=k.target.value;a.value=E,o.value!==E&&b(E,!1),i.value&&!u.value&&r.popup()}function O(k){k.target.tagName!=="INPUT"&&k.preventDefault(),k.stopPropagation()}function I(k){n.emit("keydown",k)}function P(k){k.key==="Enter"&&(i.value||l.value)&&r.hidePopup(),n.emit("keyup",k)}function U(k){const E=k.target.value;k.stopPropagation(),b(E)}return{hasFocusedTextBox:f,isTextBoxReadonly:d,textBoxClass:v,textBoxPlaceholder:c,textBoxTitle:p,inputGroupClass:g,changeTextBoxValue:b,commitValue:C,onBlurTextBox:x,onClickTextBox:S,onFocusTextBox:B,onInput:V,onKeyDownTextBox:I,onKeyUpTextBox:P,onMouseDownTextBox:O,onTextBoxValueChange:U}}function an(e,n,o){const a=t.ref(),r=t.ref(!1);function i(){const c=a.value;c&&c.show(o.value)}async function l(){!!n.slots.default&&(r.value=!r.value,await t.nextTick(),i())}async function u(){!!n.slots.default&&(r.value=!0,await t.nextTick(),i())}function p(){r.value=!1}return{hidePopup:p,popup:u,shouldPopupContent:r,togglePopup:l,popoverRef:a}}function rn(e,n,o){const{isTextBoxReadonly:a,textBoxClass:r,textBoxPlaceholder:i,textBoxTitle:l,onBlurTextBox:u,onClickTextBox:p,onFocusTextBox:c,onInput:d,onKeyDownTextBox:s,onKeyUpTextBox:f,onMouseDownTextBox:v,onTextBoxValueChange:g}=o;return()=>t.createVNode("input",{name:"input-group-value",autocomplete:e.autoComplete?"on":"off",class:r.value,disabled:e.disable,maxlength:e.maxLength,minlength:e.minLength,placeholder:i.value,readonly:a.value,tabindex:e.tabIndex,title:l.value,type:e.inputType,value:n.value,onBlur:u,onChange:g,onClick:p,onFocus:c,onInput:d,onKeydown:s,onKeyup:f,onMousedown:v},null)}function ln(e,n,o){return n}const sn=new Map([["appearance",ie]]),cn={title:"tags",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:[]}}}}}},un={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/tags.schema.json",title:"tags",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for tags",type:"string"},type:{description:"The type string of tags",type:"string",default:"tags"},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"]},De={activeTag:{type:String,default:""},addButtonText:{type:String,default:""},customClass:{type:String,default:""},customStyle:{type:String,default:""},data:{type:Array,default:[{name:"示例1"}]},enableAddButton:{type:Boolean,default:!1},selectable:{type:Boolean,default:!1},showAddButton:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},showColor:{type:Boolean,default:!1},tagType:{type:String,default:""},tagStyle:{type:String,default:""},wrapText:{type:Boolean,default:!1},draggable:{type:Boolean,default:!1},disable:{type:Boolean,default:!1}};re(De,un,sn,ln,cn);function dn(e,n,o,a){const r=t.ref(-1),i=t.ref(!1);function l(d,s,f){d.stopPropagation(),s&&setTimeout(()=>{r.value=f,i.value=!0,s.moving=!0})}function u(d,s){if(d.preventDefault(),r.value!==s){const f=a.value[r.value],v=a.value;v.splice(r.value,1),v.splice(s,0,f),r.value=s}}function p(d,s){d.preventDefault(),d.dataTransfer&&(d.dataTransfer.dropEffect="move")}function c(d,s){s&&(s.moving=!1),o.value=a.value.filter(f=>f.type==="Tag").map(f=>f.payload),i.value=!1,n.emit("change",o.value)}return{dragstart:l,dragenter:u,dragover:p,dragend:c,isDragging:i}}const fn=t.defineComponent({name:"FTags",props:De,emits:["remove","selectionChange","change"],setup(e,n){const o=t.ref(e.selectable),a=t.ref(e.customClass),r=t.ref(e.data),i=t.ref(e.tagType),l=t.ref(e.tagStyle),u=t.ref(e.showColor),p=t.ref(e.customStyle),c=t.ref(e.activeTag),d=t.ref(e.showClose),s=t.ref(e.addButtonText),f=t.ref(),v=t.ref(e.wrapText),g=t.ref();t.ref(e.disable);const b=t.ref(!1);function C(){const w=r.value.map(N=>({type:"Tag",payload:N}));return e.showAddButton&&w.push({type:"AddButton"}),w}const x=t.ref(C());function S(w){r.value=w,x.value=C()}const B=t.computed(()=>x.value.findIndex(w=>w.type==="Input")),V=dn(e,n,r,x),{dragstart:O,dragenter:I,dragover:P,dragend:U}=V;t.watch(()=>e.data,w=>S(w)),t.watch(()=>e.showAddButton,()=>{x.value=C()}),t.watch(()=>e.disable,w=>{x.value=C()}),t.watch(()=>e.activeTag,w=>{c.value=w}),t.watch(b,w=>{const N=[...x.value];w?N.length>0&&N[N.length-1].type!="Input"&&(N.splice(N.length-1,1),N.splice(N.length,0,{type:"Input"}),x.value=N,t.nextTick(()=>{g.value&&g.value.focus()})):N.length>0&&N[N.length-1].type!="AddButton"&&(N.splice(N.length-1,1),N.splice(N.length,0,{type:"AddButton"}),x.value=N)});const k=t.computed(()=>{const w={"farris-tags":!0,"farris-tags-checkable":o.value,"farris-tags-nowrap":!v.value};return a.value.split(" ").reduce((N,M)=>(N[M]=!0,N),w),w});function E(w){const N={"farris-tag-item":!0,"farris-tag-item-checked":o.value&&w.checked,"farris-tag-item-checkable":o.value,"farris-tag-item-has-color":u.value,"farris-tag-item-actived":c.value===w.name};if(i.value){const M=`farris-tag-item-${i.value}`;N[M]=!0}return N}const R=t.computed(()=>{const w={};return p.value&&p.value.split(";").reduce((N,M)=>{const J=M.split(":");return N[J[0]]=J[1],N},w),w});function q(w,N){!e.disable&&o.value&&(!N.hasOwnProperty("selectable")||N.selectable)&&(N.checked=!N.checked,c.value=N.checked?N.name:"",N.checked&&r.value.filter(M=>M.name!==N.name).forEach(M=>{M.checked=!N.checked}),n.emit("change",r.value),n.emit("selectionChange",N))}function Y(w,N){let M;switch(w.key){case"Backspace":r.value=r.value.filter(J=>J.name!==N.name),n.emit("change",r.value);break;case"ArrowLeft":M=Math.max(f.value.scrollLeft+20,0),f.value.scrollLeft=M;break;case"ArrowRight":M=Math.max(f.value.scrollLeft-20,0),f.value.scrollLeft=M}}function H(w,N){const M=r.value.findIndex(J=>J.name===N.name);if(M>-1){const[J]=r.value.splice(M,1);x.value=C(),n.emit("change",r.value),n.emit("remove",{tags:r.value,remove:J})}w.stopPropagation()}const _=t.computed(()=>({"farris-tag-item":!0,"farris-tag-add-button":!0,"farris-tag-add-button-disabled":!e.enableAddButton}));function z(w){w.stopPropagation(),b.value=!0}function j(){return!e.disable&&t.createVNode("li",{class:_.value,onClick:w=>z(w)},[t.createVNode("span",{class:"f-icon f-icon-amplification"},null),s.value&&t.createVNode("span",{class:"farris-tag-add-text"},[s.value])])}function T(w,N,M){w>-1&&(r.value.splice(w,0,{name:N,value:M,selectable:o.value}),x.value=C(),b.value=!1,n.emit("change",r.value))}function A(w){if(w&&w.value){const N=w.value,M=B.value;T(M,N,N),w.innerText=""}else b.value=!1}function X(w){const N=w.target;N&&N.value?A(N):b.value=!1}function F(w){w.key==="Enter"&&A(w.target)}function W(){return!e.disable&&t.createVNode("li",{class:"farris-tag-input-box"},[t.createVNode("input",{ref:g,class:"form-control",onKeyup:F,onBlur:X},null)])}function L(w,N){return t.createVNode("li",{class:E(w),style:R.value,tabindex:0,id:w.name,key:w.name,onClick:M=>q(M,w),onKeydown:M=>Y(M,w),draggable:"true",onDragstart:M=>O(M,w,N),onDragenter:M=>I(M,N),onDragend:M=>U(M,w),onDragover:M=>P(M,N)},[t.createVNode("span",{title:w.name,class:"tag-box"},[w.name]),!e.disable&&d.value&&t.createVNode("span",{class:"tag-delete"},[t.createVNode("i",{class:"f-icon f-icon-close",onClick:M=>H(M,w)},null)])])}function ee(){return x.value.map((w,N)=>{switch(w.type){case"Tag":return L(w.payload,N);case"AddButton":return j();case"Input":return W()}})}const oe=t.computed(()=>({"farris-tags-item-container":!0,"farris-tag-item-capsule":l.value==="capsule"}));function ae(w){const N=Math.max(f.value.scrollLeft-w.deltaX,0);f.value.scrollLeft=N}function ge(w){var M;w.preventDefault(),w.stopPropagation();const N=(M=w.dataTransfer)==null?void 0:M.getData("Text");if(N){const J=N.split(":"),oo=J[0],ye=J[1];[...r.value].findIndex(Pe=>(console.log(`${Pe.value} === ${ye} is ${Pe.value===ye}`),Pe.value===ye))>-1||T(r.value.length,oo,ye)}}function $(w){w.preventDefault()}return()=>t.createVNode("div",{class:k.value,onDrop:ge,onDragover:$},[t.createVNode("ul",{ref:f,class:oe.value,onWheel:w=>ae(w)},[ee()])])}});function pn(e,n,o){const a=t.ref(e.separator),{changeTextBoxValue:r}=o,i=t.computed(()=>n.value?n.value.split(a.value).map(u=>({name:u,selectable:!0})):[]);function l(u){r(u.map(p=>p.name).join(a.value),!0)}return()=>t.createVNode(fn,{id:`${e.id}-tag-editor`,class:"form-control",data:i.value,showClose:!0,showInput:!0,onChange:l},null)}function hn(e,n,o){const{buttonGroupClass:a,onClickButton:r,onMouseEnterButton:i,onMouseLeaveButton:l}=n,{enableClearButton:u,showClearButton:p,onClearValue:c}=o;return()=>t.createVNode("div",{id:`${e.id}-button-group`,class:a.value},[u.value&&t.withDirectives(t.createVNode("span",{class:"input-group-text input-group-clear",onClick:c},[t.createVNode("i",{class:"f-icon modal_close"},null)]),[[t.vShow,p.value]]),e.buttonContent&&t.createVNode("span",{class:"input-group-text input-group-append-button",innerHTML:e.buttonContent,onClick:r,onMouseenter:i,onMouseleave:l},null)])}const mn={id:{type:String},title:{type:String},placement:{type:String,default:"bottom"},reference:{type:Object},host:{type:Object},leftBoundary:{type:Object},rightBoundary:{type:Object},visible:{type:Boolean,default:!1},class:{type:String},offsetX:{type:Object,default:t.ref(0)},zIndex:{type:Number,default:-1},keepWidthWithReference:{type:Boolean,default:!1},fitContent:{type:Boolean,default:!1},minWidth:{type:Number,default:-1}};function gn(e){const n=e.host?e.host:"body",o=t.computed(()=>n==="body"?0:n?n.getBoundingClientRect().top:0),a=t.computed(()=>n==="body"?0:n?n.getBoundingClientRect().left:0),r=t.computed(()=>n==="body"?document.body.getBoundingClientRect().width:n?n.getBoundingClientRect().width-(e.rightBoundary?e.rightBoundary.getBoundingClientRect().width:0):document.body.getBoundingClientRect().width),i=t.computed(()=>n==="body"?document.body.getBoundingClientRect().height:n?n.getBoundingClientRect().height:document.body.getBoundingClientRect().height);return{host:n,hostLeft:a,hostTop:o,hostWidth:r,hostHeight:i}}function yn(e,n,o,a){var z;const r=t.ref(0),i=t.ref(((z=e.offsetX)==null?void 0:z.value)||0),l=t.ref(e.minWidth),u=t.ref(-1),p=t.ref(-1),c=t.ref(e.placement),d=t.ref(0),s=t.ref(0),f=t.ref(0),v=t.ref(document.documentElement.scrollLeft),g=t.ref(document.documentElement.scrollTop),{hostLeft:b,hostTop:C,hostWidth:x,hostHeight:S}=a;t.watch(e.offsetX,j=>{r.value=j-i.value});const B=t.computed(()=>{const j={left:`${s.value}px`,top:`${f.value}px`,transform:`translateX(${r.value}px)`};return e.zIndex!==-1&&(j["z-index"]=e.zIndex),l.value!==-1&&(j.width=`${l.value}px`),j}),V=t.computed(()=>({left:`${d.value}px`}));function O(j){if(j&&e.keepWidthWithReference){const T=j.getBoundingClientRect();l.value=Math.max(e.minWidth,T.width)}}function I(j,T){const A=x.value-j.width-4;return A>0?A:T}function P(j,T){const A=S.value-j.height-4;return A>0?A:T}function U(j,T,A){const X=d.value,F=T.left-b.value+T.width/2+v.value,W=T.top-C.value-(j.height+A.height)+g.value;return{popoverLeft:F,popoverTop:W,arrowLeft:X}}function k(j,T,A){const X=T.top-C.value+(T.height+A.height)+g.value,F=P(j,X);return Math.min(X,F)}function E(j,T){const A=I(T,j),X=j<=A?d.value:j-A;return{popoverLeft:Math.min(j,A),arrowLeft:X}}function R(j,T,A){const X=T.left-b.value+T.width/2-(A.width/2-(j.left-b.value))+v.value,{arrowLeft:F,popoverLeft:W}=E(X,j),L=k(j,T,A);return{popoverLeft:W,popoverTop:L,arrowLeft:F}}function q(j,T,A){const X=T.left-b.value+v.value,{arrowLeft:F,popoverLeft:W}=E(X,j),L=k(j,T,A);return{popoverLeft:W,popoverTop:L,arrowLeft:F}}const Y=new Map([["top",U],["bottom",R],["bottom-left",q]]);function H(j){var W,L;const T=j.getBoundingClientRect();u.value=T.top,p.value=T.left;const A=(W=n.value)==null?void 0:W.getBoundingClientRect(),X=(L=o.value)==null?void 0:L.getBoundingClientRect(),F=Y.get(c.value);if(F){const{arrowLeft:ee,popoverLeft:oe,popoverTop:ae}=F(X,T,A);d.value=ee,s.value=oe,f.value=ae}e.keepWidthWithReference&&O(j)}function _(j){if(j){const T=j.getBoundingClientRect();(T.left!==p.value||T.top!==u.value)&&H(j)}}return{arrowStyle:V,popoverStyle:B,position:c,popoverWidth:l,fitToReference:O,followToReferencePosition:_,locateToReference:H}}function bn(e,n,o,a,r,i,l){const u=t.ref(e.visible),p=t.computed(()=>u.value),{fitToReference:c,locateToReference:d}=l;let s;function f(){u.value=!1,document.body.removeEventListener("click",s),n.emit("hidden")}s=g=>{if(!r.value.contains(g.target)){const b=r.value.closest(".popover");b&&b.removeEventListener("click",s),f()}};async function v(g){if(a.value&&o.value&&g){u.value=!0,r.value=g,i.value&&c(g),await t.nextTick(),d(g),document.body.addEventListener("click",s);const b=g.closest(".popover");b&&b.addEventListener("click",s),n.emit("shown")}}return n.expose({hide:f,show:v,shown:p}),{showPopover:u,hidePopverOnClickBodyHandler:s}}function vn(e,n,o,a,r){const{popoverWidth:i,fitToReference:l,followToReferencePosition:u}=r;function p(){if(o.value){u(o.value);const c=o.value.getBoundingClientRect();a.value&&c.width!==i.value&&l(o.value)}}return{onResize:p}}const wn=t.defineComponent({name:"FPopover",props:mn,emits:["shown","hidden"],setup(e,n){const o=t.ref(),a=t.ref(),r=t.ref(e.reference),i=t.ref(e.keepWidthWithReference),l=t.computed(()=>!!e.title),u=gn(e),{host:p}=u,c=yn(e,o,a,u),{position:d,arrowStyle:s,popoverStyle:f,fitToReference:v,locateToReference:g}=c,{showPopover:b,hidePopverOnClickBodyHandler:C}=bn(e,n,o,a,r,i,c),{onResize:x}=vn(e,n,r,i,c),S=t.computed(()=>{const V=`popover in popover-${d.value}`,O=`bs-popover-${d.value}`,I={"popover-fitcontent":e.fitContent};return I[V]=!0,I[O]=!0,(e.class||"").split(" ").reduce((U,k)=>(U[k]=!0,U),I),I}),B=t.computed(()=>({"popover-content":!0,"popover-body":!0}));return t.onMounted(()=>{e.reference&&g(r.value),i.value&&v(r.value),window.addEventListener("resize",x)}),t.onUnmounted(()=>{document.body.removeEventListener("click",C),window.removeEventListener("resize",x)}),()=>t.createVNode(t.Teleport,{to:p},{default:()=>{var V;return[t.withDirectives(t.createVNode("div",{ref:a,class:S.value,style:f.value,onClick:O=>{O.stopPropagation()}},[t.createVNode("div",{ref:o,class:"popover-arrow arrow",style:s.value},null),l.value&&t.createVNode("h3",{class:"popover-title popover-header"},[e.title]),t.createVNode("div",{class:B.value},[n.slots.default&&((V=n.slots)==null?void 0:V.default())])]),[[t.vShow,b.value]])]}})}});function Sn(e,n,o){const a=t.ref(e.popupMinWidth),{hidePopup:r,popoverRef:i}=o;return()=>t.createVNode(wn,{id:`${e.id}-popover`,ref:i,visible:!0,placement:"bottom-left",host:e.popupHost,"keep-width-with-reference":!0,fitContent:!0,"right-boundary":e.popupRightBoundary,minWidth:a.value,offsetX:e.popupOffsetX,onHidden:r},{default:()=>{var l,u;return[(u=(l=n.slots).default)==null?void 0:u.call(l)]}})}const Cn=t.defineComponent({name:"FButtonEdit",props:Le,emits:["updateExtendInfo","clear","change","click","clickButton","blur","focus","mouseEnterIcon","mouseLeaveIcon","keyup","keydown","inputClick","input","update:modelValue"],setup(e,n){const o=t.ref(),a=t.ref(e.customClass),r=t.ref(e.modelValue),i=an(e,n,o),{shouldPopupContent:l,hidePopup:u,togglePopup:p}=i,c=tn(e,n,o,i),d=t.ref(""),s=on(e,n,r,d,i),{hasFocusedTextBox:f,commitValue:v,inputGroupClass:g}=s,b=nn(e,n,r,f,d,s),{onMouseEnterTextBox:C,onMouseLeaveTextBox:x}=b,S=t.computed(()=>{const k={"f-button-edit":!0,"f-cmp-inputgroup":!0,"f-button-edit-nowrap":!e.wrapText};return a.value&&a.value.split(" ").reduce((E,R)=>(E[R]=!0,E),k),k});function B(){return e.multiSelect&&e.inputType==="tag"?pn(e,r,s):rn(e,r,s)}let V=B();t.watch([()=>e.multiSelect,()=>e.inputType],()=>{V=B()});const O=hn(e,c,b),I=Sn(e,n,i),P={commitValue:v,elementRef:o,hidePopup:u,shouldPopupContent:l,togglePopup:p};t.onMounted(()=>{o.value.componentInstance=P,window.onresize=()=>{document.body.click()}});function U(k){o.value.contains(k.target)&&l.value||document.body.click()}return n.expose(P),()=>t.createVNode(t.Fragment,null,[t.createVNode("div",t.mergeProps(n.attrs,{ref:o,class:S.value,id:e.id,onMousedown:U}),[t.createVNode("div",{id:`${e.id}-input-group`,class:g.value,onMouseenter:C,onMouseleave:x},[V(),O()])]),l.value&&I()])}});function Vn(e){const n=t.ref(""),o=t.ref(e.modelValue),a=t.ref(e.data||[]),r=t.ref(e.editable);function i(s){const f=String(s).split(e.separator).map(g=>[g,!0]),v=new Map(f);return a.value.filter(g=>v.has(String(g[e.valueField])))}function l(s){const f=i(s).map(v=>v[e.textField]).join(e.separator);n.value=r.value?f||s:f}function u(s){const f=s.split(e.separator).map(g=>[g,!0]),v=new Map(f);return a.value.filter(g=>v.has(g[e.textField]))}function p(s){const f={};return f[e.idField]=s,f[e.textField]=s,[f]}function c(s){let f=u(s);const v=f&&f.length>0;return r.value&&!v&&(f=p(s)),f}function d(){const{url:s,method:f="GET",headers:v={},body:g=null}=e.remote;fetch(s,{method:f,headers:v,body:g}).then(C=>{if(C.status===200)return C.json();throw new Error(C.statusText)}).then(C=>{a.value=C}).catch(C=>{console.error(C)})}return e.remote&&d(),t.watch(()=>e.data,()=>{a.value=e.data}),t.watch([a],([s])=>{if(e.modelValue){const f=s.find(v=>v[e.valueField]===e.modelValue);f&&(n.value=f[e.textField])}}),t.watch(()=>e.modelValue,s=>{o.value=s,l(s)}),l(e.modelValue),{dataSource:a,displayText:n,editable:r,modelValue:o,getItemsByDisplayText:u,getItemsByValue:i,getSelectedItemsByDisplayText:c}}const kn=t.defineComponent({name:"FComboList",props:Ee,emits:["clear","update:modelValue","change"],setup(e,n){const o=t.ref(),a=t.ref(e.disabled),r=t.ref(e.enableClear),i=t.ref(e.enableSearch),l=t.ref(e.readonly),{dataSource:u,displayText:p,editable:c,modelValue:d,getSelectedItemsByDisplayText:s}=Vn(e),f=t.computed(()=>e.multiSelect),v=t.computed(()=>o.value?o.value.elementRef.getBoundingClientRect().width:0);function g(){!f.value&&o.value&&o.value.hidePopup()}function b(B){p.value=B.map(V=>V[e.textField]).join(e.separator),d.value=B.map(V=>V[e.valueField]).join(e.separator),n.emit("update:modelValue",d.value),n.emit("change",B,d.value),g()}function C(B){d.value="",n.emit("update:modelValue",""),n.emit("clear")}function x(B){const V=s(B);b(V)}function S(){return p.value}return n.expose({getDisplayText:S}),t.watch([()=>e.disabled,()=>e.editable,()=>e.enableClear,()=>e.enableSearch,()=>e.readonly],([B,V,O,I,P])=>{a.value=B,c.value=V,r.value=O,i.value=I,l.value=P}),()=>t.createVNode(Cn,{ref:o,id:e.id,disable:a.value,readonly:l.value,forcePlaceholder:e.forcePlaceholder,editable:c.value,buttonContent:e.dropDownIcon,placeholder:e.placeholder,enableClear:r.value,maxLength:e.maxLength,tabIndex:e.tabIndex,enableTitle:e.enableTitle,multiSelect:e.multiSelect,inputType:e.multiSelect?"tag":"text",modelValue:p.value,"onUpdate:modelValue":B=>p.value=B,onClear:C,onChange:x},{default:()=>[t.createVNode(Lt,{idField:e.idField,valueField:e.valueField,textField:e.textField,titleField:e.titleField,dataSource:u.value,selectedValues:d.value,multiSelect:e.multiSelect,enableSearch:i.value,height:e.maxHeight,width:e.fitEditor?v.value:void 0,onSelectionChange:b},null)]})}}),xn={$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 Bn(e,n,o){return n}const Nn=new Map([["appearance",ie]]),In={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:[]}}}}}},qe={color:{type:String,default:"#e1e2e3"},disabled:{type:Boolean,default:!1},presets:{type:Array,default:[]},allowColorNull:{type:Boolean,default:!1},onValueChanged:{type:Function,default:()=>{}}};re(qe,xn,Nn,Bn,In);class ue{}class ve extends ue{constructor(n,o,a,r){super(),this.cyan=n,this.magenta=o,this.yellow=a,this.black=r}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 se extends ue{constructor(n,o,a,r){super(),this.hue=n,this.saturation=o,this.lightness=a,this.alpha=r}toString(n=!0){return n?`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 ce extends ue{constructor(n,o,a,r){super(),this.hue=n,this.saturation=o,this.value=a,this.alpha=r}toString(n=!0){return n?`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 y extends ue{constructor(n,o,a,r){super(),this.red=n,this.green=o,this.blue=a,this.alpha=r}toString(n=!0){return n?`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 m=class m{};h(m,"transparent",new y(0,0,0,0)),h(m,"aliceblue",new y(240,248,255,1)),h(m,"antiquewhite",new y(250,235,215,1)),h(m,"aqua",new y(0,255,255,1)),h(m,"aquamarine",new y(127,255,212,1)),h(m,"azure",new y(240,255,255,1)),h(m,"beige",new y(245,245,220,1)),h(m,"bisque",new y(255,228,196,1)),h(m,"black",new y(0,0,0,1)),h(m,"blanchedalmond",new y(255,235,205,1)),h(m,"blue",new y(0,0,255,1)),h(m,"blueviolet",new y(138,43,226,1)),h(m,"brown",new y(165,42,42,1)),h(m,"burlywood",new y(222,184,135,1)),h(m,"cadetblue",new y(95,158,160,1)),h(m,"chartreuse",new y(127,255,0,1)),h(m,"chocolate",new y(210,105,30,1)),h(m,"coral",new y(255,127,80,1)),h(m,"cornflowerblue",new y(100,149,237,1)),h(m,"cornsilk",new y(255,248,220,1)),h(m,"crimson",new y(220,20,60,1)),h(m,"cyan",new y(0,255,255,1)),h(m,"darkblue",new y(0,0,139,1)),h(m,"darkcyan",new y(0,139,139,1)),h(m,"darkgoldenrod",new y(184,134,11,1)),h(m,"darkgray",new y(169,169,169,1)),h(m,"darkgreen",new y(0,100,0,1)),h(m,"darkgrey",m.darkgray),h(m,"darkkhaki",new y(189,183,107,1)),h(m,"darkmagenta",new y(139,0,139,1)),h(m,"darkolivegreen",new y(85,107,47,1)),h(m,"darkorange",new y(255,140,0,1)),h(m,"darkorchid",new y(153,50,204,1)),h(m,"darkred",new y(139,0,0,1)),h(m,"darksalmon",new y(233,150,122,1)),h(m,"darkseagreen",new y(143,188,143,1)),h(m,"darkslateblue",new y(72,61,139,1)),h(m,"darkslategray",new y(47,79,79,1)),h(m,"darkslategrey",m.darkslategray),h(m,"darkturquoise",new y(0,206,209,1)),h(m,"darkviolet",new y(148,0,211,1)),h(m,"deeppink",new y(255,20,147,1)),h(m,"deepskyblue",new y(0,191,255,1)),h(m,"dimgray",new y(105,105,105,1)),h(m,"dimgrey",m.dimgray),h(m,"dodgerblue",new y(30,144,255,1)),h(m,"firebrick",new y(178,34,34,1)),h(m,"floralwhite",new y(255,250,240,1)),h(m,"forestgreen",new y(34,139,34,1)),h(m,"fuchsia",new y(255,0,255,1)),h(m,"gainsboro",new y(220,220,220,1)),h(m,"ghostwhite",new y(248,248,255,1)),h(m,"gold",new y(255,215,0,1)),h(m,"goldenrod",new y(218,165,32,1)),h(m,"gray",new y(128,128,128,1)),h(m,"grey",m.gray),h(m,"green",new y(0,128,0,1)),h(m,"greenyellow",new y(173,255,47,1)),h(m,"honeydew",new y(240,255,240,1)),h(m,"hotpink",new y(255,105,180,1)),h(m,"indianred",new y(205,92,92,1)),h(m,"indigo",new y(75,0,130,1)),h(m,"ivory",new y(255,255,240,1)),h(m,"khaki",new y(240,230,140,1)),h(m,"lavender",new y(230,230,250,1)),h(m,"lavenderblush",new y(255,240,245,1)),h(m,"lawngreen",new y(124,252,0,1)),h(m,"lemonchiffon",new y(255,250,205,1)),h(m,"lightblue",new y(173,216,230,1)),h(m,"lightcoral",new y(240,128,128,1)),h(m,"lightcyan",new y(224,255,255,1)),h(m,"lightgoldenrodyellow",new y(250,250,210,1)),h(m,"lightgray",new y(211,211,211,1)),h(m,"lightgreen",new y(144,238,144,1)),h(m,"lightgrey",m.lightgray),h(m,"lightpink",new y(255,182,193,1)),h(m,"lightsalmon",new y(255,160,122,1)),h(m,"lightseagreen",new y(32,178,170,1)),h(m,"lightskyblue",new y(135,206,250,1)),h(m,"lightslategray",new y(119,136,153,1)),h(m,"lightslategrey",m.lightslategray),h(m,"lightsteelblue",new y(176,196,222,1)),h(m,"lightyellow",new y(255,255,224,1)),h(m,"lime",new y(0,255,0,1)),h(m,"limegreen",new y(50,205,50,1)),h(m,"linen",new y(250,240,230,1)),h(m,"magenta",new y(255,0,255,1)),h(m,"maroon",new y(128,0,0,1)),h(m,"mediumaquamarine",new y(102,205,170,1)),h(m,"mediumblue",new y(0,0,205,1)),h(m,"mediumorchid",new y(186,85,211,1)),h(m,"mediumpurple",new y(147,112,219,1)),h(m,"mediumseagreen",new y(60,179,113,1)),h(m,"mediumslateblue",new y(123,104,238,1)),h(m,"mediumspringgreen",new y(0,250,154,1)),h(m,"mediumturquoise",new y(72,209,204,1)),h(m,"mediumvioletred",new y(199,21,133,1)),h(m,"midnightblue",new y(25,25,112,1)),h(m,"mintcream",new y(245,255,250,1)),h(m,"mistyrose",new y(255,228,225,1)),h(m,"moccasin",new y(255,228,181,1)),h(m,"navajowhite",new y(255,222,173,1)),h(m,"navy",new y(0,0,128,1)),h(m,"oldlace",new y(253,245,230,1)),h(m,"olive",new y(128,128,0,1)),h(m,"olivedrab",new y(107,142,35,1)),h(m,"orange",new y(255,165,0,1)),h(m,"orangered",new y(255,69,0,1)),h(m,"orchid",new y(218,112,214,1)),h(m,"palegoldenrod",new y(238,232,170,1)),h(m,"palegreen",new y(152,251,152,1)),h(m,"paleturquoise",new y(175,238,238,1)),h(m,"palevioletred",new y(219,112,147,1)),h(m,"papayawhip",new y(255,239,213,1)),h(m,"peachpuff",new y(255,218,185,1)),h(m,"peru",new y(205,133,63,1)),h(m,"pink",new y(255,192,203,1)),h(m,"plum",new y(221,160,221,1)),h(m,"powderblue",new y(176,224,230,1)),h(m,"purple",new y(128,0,128,1)),h(m,"red",new y(255,0,0,1)),h(m,"rosybrown",new y(188,143,143,1)),h(m,"royalblue",new y(65,105,225,1)),h(m,"saddlebrown",new y(139,69,19,1)),h(m,"salmon",new y(250,128,114,1)),h(m,"sandybrown",new y(244,164,96,1)),h(m,"seagreen",new y(46,139,87,1)),h(m,"seashell",new y(255,245,238,1)),h(m,"sienna",new y(160,82,45,1)),h(m,"silver",new y(192,192,192,1)),h(m,"skyblue",new y(135,206,235,1)),h(m,"slateblue",new y(106,90,205,1)),h(m,"slategray",new y(112,128,144,1)),h(m,"slategrey",m.slategray),h(m,"snow",new y(255,250,250,1)),h(m,"springgreen",new y(0,255,127,1)),h(m,"steelblue",new y(70,130,180,1)),h(m,"tan",new y(210,180,140,1)),h(m,"teal",new y(0,128,128,1)),h(m,"thistle",new y(216,191,216,1)),h(m,"tomato",new y(255,99,71,1)),h(m,"turquoise",new y(64,224,208,1)),h(m,"violet",new y(238,130,238,1)),h(m,"wheat",new y(245,222,179,1)),h(m,"white",new y(255,255,255,1)),h(m,"whitesmoke",new y(245,245,245,1)),h(m,"yellow",new y(255,255,0,1)),h(m,"yellowgreen",new y(154,205,50,1));let we=m;class D{constructor(n){h(this,"hsva",new ce(0,1,1,1));h(this,"rgba",new y(255,0,0,1));n&&this.stringToColor(n)}static from(n){return typeof n=="string"?new D(n):n instanceof D?n.clone():n instanceof y?new D().setRgba(n.red,n.green,n.blue,n.alpha):n instanceof ce?new D().setHsva(n.hue,n.saturation,n.value,n.alpha):n instanceof se?new D().setHsla(n.hue,n.saturation,n.lightness,n.alpha):null}clone(){return D.from(this.getRgba())}setFromString(n){return this.stringToColor(n)}setHsva(n,o=100,a=100,r=1){return n!=null&&(this.hsva.hue=n),o!=null&&(this.hsva.saturation=o),a!=null&&(this.hsva.value=a),r!=null&&(r=r>1?1:r<0?0:r,this.hsva.alpha=r),this.rgba=this.hsvaToRgba(this.hsva),this}setRgba(n,o,a,r=1){return n!=null&&(this.rgba.red=n),o!=null&&(this.rgba.green=o),a!=null&&(this.rgba.blue=a),r!=null&&(r=r>1?1:r<0?0:r,this.rgba.alpha=r),this.hsva=this.rgbaToHsva(this.rgba),this}setHsla(n,o,a,r=1){r!=null&&(r=r>1?1:r<0?0:r,this.rgba.alpha=r);const i=new se(n,o,a,r);return this.rgba=this.hslaToRgba(i),this.hsva=this.rgbaToHsva(this.rgba),this}toHexString(n=!1){let o="#"+(16777216|this.rgba.getRed()<<16|this.rgba.getGreen()<<8|this.rgba.getBlue()).toString(16).substr(1);return n&&(o+=(256|Math.round(this.rgba.alpha*255)).toString(16).substr(1)),o.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 ce(this.hsva.hue,this.hsva.saturation,this.hsva.value,this.hsva.alpha)}getRgba(){return new y(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(n){const{hue:o}=n,a=n.saturation/100,r=n.value/100,i=(2-a)*n.value/2,l=a*r/(i<=1?i:2-i)||0;return new se(o,i*100,l*100,n.alpha)}hslaToHsva(n){const{hue:o}=n,a=n.lightness/100*2,r=n.saturation/100*(a<=1?a:2-a),i=(a+r)/2,l=2*r/(a+r)||0;return new ce(o,l,i,n.alpha)}rgbaToHsva(n){const o=n.red/255,a=n.green/255,r=n.blue/255,{alpha:i}=n,l=Math.max(o,a,r),u=Math.min(o,a,r),p=l-u;let c=0,d=l===0?0:p/l,s=l;if(l!==u){switch(l){case o:c=(a-r)/p+(a<r?6:0);break;case a:c=2+(r-o)/p;break;case r:c=4+(o-a)/p;break}c/=6}return c*=360,d*=100,s*=100,new ce(c,d,s,i)}hsvaToRgba(n){let o=1,a=0,r=0;const i=n.saturation/100,l=n.value/100,{alpha:u}=n,p=n.hue/60,c=Math.floor(p),d=p-c,s=(1-i)*l,f=(1-i*d)*l,v=(1-i*(1-d))*l;switch(c){case 6:case 0:o=l,a=v,r=s;break;case 1:o=f,a=l,r=s;break;case 2:o=s,a=l,r=v;break;case 3:o=s,a=f,r=l;break;case 4:o=v,a=s,r=l;break;case 5:o=l,a=s,r=f;break}return o*=255,a*=255,r*=255,new y(o,a,r,u)}rgbaToHsla(n){const o=n.red/255,a=n.green/255,r=n.blue/255,{alpha:i}=n,l=Math.max(o,a,r),u=Math.min(o,a,r);let p=0,c=0,d=(l+u)/2;const s=l-u;if(l!==u){switch(c=d>.5?s/(2-l-u):s/(l+u),l){case o:p=(a-r)/s+(a<r?6:0);break;case a:p=(r-o)/s+2;break;case r:p=(o-a)/s+4;break}p/=6}return p*=360,c*=100,d*=100,new se(p,c,d,i)}hslaToRgba(n){const o=n.hue/360,a=n.saturation/100,r=n.lightness/100,{alpha:i}=n;let l=r,u=r,p=r;if(a!==0){const c=r<.5?r*(1+a):r+a-r*a,d=2*r-c;l=this.hueToRgb(d,c,o+1/3),u=this.hueToRgb(d,c,o),p=this.hueToRgb(d,c,o-1/3)}return l*=255,u*=255,p*=255,new y(l,u,p,i)}hueToRgb(n,o,a){return a<0&&(a+=1),a>1&&(a-=1),a<1/6?n+(o-n)*6*a:a<1/2?o:a<2/3?n+(o-n)*(2/3-a)*6:n}cmykToRgba(n){const o=n.black/100,a=n.cyan/100,r=n.magenta/100,i=n.yellow/100;let l=Math.min(1,(1-a)*(1-o)),u=Math.min(1,(1-r)*(1-o)),p=Math.min(1,(1-i)*(1-o));return l*=255,u*=255,p*=255,new y(l,u,p,1)}rgbaToCmyk(n){const o=n.red/255,a=n.green/255,r=n.blue/255;let i=1-o,l=1-a,u=1-r,p=Math.min(i,l,u);return p===1?new ve(0,0,0,1):(i=(i-p)/(1-p),l=(l-p)/(1-p),u=(u-p)/(1-p),p*=100,i*=100,l*=100,u*=100,new ve(i,l,u,p))}roundNumber(n){return Math.round(n*100)/100}stringToColor(n){const o=n.replace(/ /g,"").toLowerCase();let a=we[n]||null;if(o[0]==="#"){let l=o.substr(1);const{length:u}=l;let p=1,c;if(u===3)c=l.split("").map(d=>d+d);else if(u===6)c=l.match(/.{2}/g);else if(u===8){const d=l.substr(-2);l=l.substr(0,u-2),p=this.roundNumber(parseInt(d||"FF",16)/255),c=l.match(/.{2}/g)}c&&c.length===3&&(a=new y(parseInt(c[0],16),parseInt(c[1],16),parseInt(c[2],16),p))}const r=o.indexOf("("),i=o.indexOf(")");if(r!==-1&&i+1===o.length){const l=o.substr(0,r),u=o.substr(r+1,i-(r+1)).split(",");let p=1,c,d;switch(l){case"rgba":p=parseFloat(u.pop());case"rgb":a=new y(parseInt(u[0],10),parseInt(u[1],10),parseInt(u[2],10),p);break;case"hsla":p=parseFloat(u.pop());break;case"hsl":c=new se(parseInt(u[0],10),parseInt(u[1],10),parseInt(u[2],10),p),a=this.hslaToRgba(c);break;case"cmyk":d=new ve(parseInt(u[0],10),parseInt(u[1],10),parseInt(u[2],10),parseInt(u[3],10)),a=this.cmykToRgba(d);break}}return a&&(this.rgba=a,this.hsva=this.rgbaToHsva(a)),this}}var Se=function(e,n){return Se=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(o,a){o.__proto__=a}||function(o,a){for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(o[r]=a[r])},Se(e,n)};function le(e,n){if(typeof n!="function"&&n!==null)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");Se(e,n);function o(){this.constructor=e}e.prototype=n===null?Object.create(n):(o.prototype=n.prototype,new o)}function Ce(e){var n=typeof Symbol=="function"&&Symbol.iterator,o=n&&e[n],a=0;if(o)return o.call(e);if(e&&typeof e.length=="number")return{next:function(){return e&&a>=e.length&&(e=void 0),{value:e&&e[a++],done:!e}}};throw new TypeError(n?"Object is not iterable.":"Symbol.iterator is not defined.")}function de(e,n){var o=typeof Symbol=="function"&&e[Symbol.iterator];if(!o)return e;var a=o.call(e),r,i=[],l;try{for(;(n===void 0||n-- >0)&&!(r=a.next()).done;)i.push(r.value)}catch(u){l={error:u}}finally{try{r&&!r.done&&(o=a.return)&&o.call(a)}finally{if(l)throw l.error}}return i}function fe(e,n,o){if(o||arguments.length===2)for(var a=0,r=n.length,i;a<r;a++)(i||!(a in n))&&(i||(i=Array.prototype.slice.call(n,0,a)),i[a]=n[a]);return e.concat(i||Array.prototype.slice.call(n))}function Q(e){return typeof e=="function"}function Ue(e){var n=function(a){Error.call(a),a.stack=new Error().stack},o=e(n);return o.prototype=Object.create(Error.prototype),o.prototype.constructor=o,o}var Ve=Ue(function(e){return function(o){e(this),this.message=o?o.length+` errors occurred during unsubscription:
-`+o.map(function(a,r){return r+1+") "+a.toString()}).join(`
-  `):"",this.name="UnsubscriptionError",this.errors=o}});function ke(e,n){if(e){var o=e.indexOf(n);0<=o&&e.splice(o,1)}}var pe=function(){function e(n){this.initialTeardown=n,this.closed=!1,this._parentage=null,this._finalizers=null}return e.prototype.unsubscribe=function(){var n,o,a,r,i;if(!this.closed){this.closed=!0;var l=this._parentage;if(l)if(this._parentage=null,Array.isArray(l))try{for(var u=Ce(l),p=u.next();!p.done;p=u.next()){var c=p.value;c.remove(this)}}catch(b){n={error:b}}finally{try{p&&!p.done&&(o=u.return)&&o.call(u)}finally{if(n)throw n.error}}else l.remove(this);var d=this.initialTeardown;if(Q(d))try{d()}catch(b){i=b instanceof Ve?b.errors:[b]}var s=this._finalizers;if(s){this._finalizers=null;try{for(var f=Ce(s),v=f.next();!v.done;v=f.next()){var g=v.value;try{Xe(g)}catch(b){i=i??[],b instanceof Ve?i=fe(fe([],de(i)),de(b.errors)):i.push(b)}}}catch(b){a={error:b}}finally{try{v&&!v.done&&(r=f.return)&&r.call(f)}finally{if(a)throw a.error}}}if(i)throw new Ve(i)}},e.prototype.add=function(n){var o;if(n&&n!==this)if(this.closed)Xe(n);else{if(n instanceof e){if(n.closed||n._hasParent(this))return;n._addParent(this)}(this._finalizers=(o=this._finalizers)!==null&&o!==void 0?o:[]).push(n)}},e.prototype._hasParent=function(n){var o=this._parentage;return o===n||Array.isArray(o)&&o.includes(n)},e.prototype._addParent=function(n){var o=this._parentage;this._parentage=Array.isArray(o)?(o.push(n),o):o?[o,n]:n},e.prototype._removeParent=function(n){var o=this._parentage;o===n?this._parentage=null:Array.isArray(o)&&ke(o,n)},e.prototype.remove=function(n){var o=this._finalizers;o&&ke(o,n),n instanceof e&&n._removeParent(this)},e.EMPTY=function(){var n=new e;return n.closed=!0,n}(),e}(),We=pe.EMPTY;function ze(e){return e instanceof pe||e&&"closed"in e&&Q(e.remove)&&Q(e.add)&&Q(e.unsubscribe)}function Xe(e){Q(e)?e():e.unsubscribe()}var Ge={onUnhandledError:null,onStoppedNotification:null,Promise:void 0,useDeprecatedSynchronousErrorHandling:!1,useDeprecatedNextContext:!1},xe={setTimeout:function(e,n){for(var o=[],a=2;a<arguments.length;a++)o[a-2]=arguments[a];var r=xe.delegate;return r!=null&&r.setTimeout?r.setTimeout.apply(r,fe([e,n],de(o))):setTimeout.apply(void 0,fe([e,n],de(o)))},clearTimeout:function(e){var n=xe.delegate;return((n==null?void 0:n.clearTimeout)||clearTimeout)(e)},delegate:void 0};function $n(e){xe.setTimeout(function(){throw e})}function Ye(){}function he(e){e()}var Be=function(e){le(n,e);function n(o){var a=e.call(this)||this;return a.isStopped=!1,o?(a.destination=o,ze(o)&&o.add(a)):a.destination=Mn,a}return n.create=function(o,a,r){return new Ie(o,a,r)},n.prototype.next=function(o){this.isStopped||this._next(o)},n.prototype.error=function(o){this.isStopped||(this.isStopped=!0,this._error(o))},n.prototype.complete=function(){this.isStopped||(this.isStopped=!0,this._complete())},n.prototype.unsubscribe=function(){this.closed||(this.isStopped=!0,e.prototype.unsubscribe.call(this),this.destination=null)},n.prototype._next=function(o){this.destination.next(o)},n.prototype._error=function(o){try{this.destination.error(o)}finally{this.unsubscribe()}},n.prototype._complete=function(){try{this.destination.complete()}finally{this.unsubscribe()}},n}(pe),On=Function.prototype.bind;function Ne(e,n){return On.call(e,n)}var Pn=function(){function e(n){this.partialObserver=n}return e.prototype.next=function(n){var o=this.partialObserver;if(o.next)try{o.next(n)}catch(a){me(a)}},e.prototype.error=function(n){var o=this.partialObserver;if(o.error)try{o.error(n)}catch(a){me(a)}else me(n)},e.prototype.complete=function(){var n=this.partialObserver;if(n.complete)try{n.complete()}catch(o){me(o)}},e}(),Ie=function(e){le(n,e);function n(o,a,r){var i=e.call(this)||this,l;if(Q(o)||!o)l={next:o??void 0,error:a??void 0,complete:r??void 0};else{var u;i&&Ge.useDeprecatedNextContext?(u=Object.create(o),u.unsubscribe=function(){return i.unsubscribe()},l={next:o.next&&Ne(o.next,u),error:o.error&&Ne(o.error,u),complete:o.complete&&Ne(o.complete,u)}):l=o}return i.destination=new Pn(l),i}return n}(Be);function me(e){$n(e)}function jn(e){throw e}var Mn={closed:!0,next:Ye,error:jn,complete:Ye},Fn=function(){return typeof Symbol=="function"&&Symbol.observable||"@@observable"}();function Ke(e){return e}function Rn(e){return e.length===0?Ke:e.length===1?e[0]:function(o){return e.reduce(function(a,r){return r(a)},o)}}var Ze=function(){function e(n){n&&(this._subscribe=n)}return e.prototype.lift=function(n){var o=new e;return o.source=this,o.operator=n,o},e.prototype.subscribe=function(n,o,a){var r=this,i=Tn(n)?n:new Ie(n,o,a);return he(function(){var l=r,u=l.operator,p=l.source;i.add(u?u.call(i,p):p?r._subscribe(i):r._trySubscribe(i))}),i},e.prototype._trySubscribe=function(n){try{return this._subscribe(n)}catch(o){n.error(o)}},e.prototype.forEach=function(n,o){var a=this;return o=Je(o),new o(function(r,i){var l=new Ie({next:function(u){try{n(u)}catch(p){i(p),l.unsubscribe()}},error:i,complete:r});a.subscribe(l)})},e.prototype._subscribe=function(n){var o;return(o=this.source)===null||o===void 0?void 0:o.subscribe(n)},e.prototype[Fn]=function(){return this},e.prototype.pipe=function(){for(var n=[],o=0;o<arguments.length;o++)n[o]=arguments[o];return Rn(n)(this)},e.prototype.toPromise=function(n){var o=this;return n=Je(n),new n(function(a,r){var i;o.subscribe(function(l){return i=l},function(l){return r(l)},function(){return a(i)})})},e.create=function(n){return new e(n)},e}();function Je(e){var n;return(n=e??Ge.Promise)!==null&&n!==void 0?n:Promise}function En(e){return e&&Q(e.next)&&Q(e.error)&&Q(e.complete)}function Tn(e){return e&&e instanceof Be||En(e)&&ze(e)}function Hn(e){return Q(e==null?void 0:e.lift)}function An(e){return function(n){if(Hn(n))return n.lift(function(o){try{return e(o,this)}catch(a){this.error(a)}});throw new TypeError("Unable to lift unknown Observable type")}}function Ln(e,n,o,a,r){return new Dn(e,n,o,a,r)}var Dn=function(e){le(n,e);function n(o,a,r,i,l,u){var p=e.call(this,o)||this;return p.onFinalize=l,p.shouldUnsubscribe=u,p._next=a?function(c){try{a(c)}catch(d){o.error(d)}}:e.prototype._next,p._error=i?function(c){try{i(c)}catch(d){o.error(d)}finally{this.unsubscribe()}}:e.prototype._error,p._complete=r?function(){try{r()}catch(c){o.error(c)}finally{this.unsubscribe()}}:e.prototype._complete,p}return n.prototype.unsubscribe=function(){var o;if(!this.shouldUnsubscribe||this.shouldUnsubscribe()){var a=this.closed;e.prototype.unsubscribe.call(this),!a&&((o=this.onFinalize)===null||o===void 0||o.call(this))}},n}(Be),qn=Ue(function(e){return function(){e(this),this.name="ObjectUnsubscribedError",this.message="object unsubscribed"}}),$e=function(e){le(n,e);function n(){var o=e.call(this)||this;return o.closed=!1,o.currentObservers=null,o.observers=[],o.isStopped=!1,o.hasError=!1,o.thrownError=null,o}return n.prototype.lift=function(o){var a=new Qe(this,this);return a.operator=o,a},n.prototype._throwIfClosed=function(){if(this.closed)throw new qn},n.prototype.next=function(o){var a=this;he(function(){var r,i;if(a._throwIfClosed(),!a.isStopped){a.currentObservers||(a.currentObservers=Array.from(a.observers));try{for(var l=Ce(a.currentObservers),u=l.next();!u.done;u=l.next()){var p=u.value;p.next(o)}}catch(c){r={error:c}}finally{try{u&&!u.done&&(i=l.return)&&i.call(l)}finally{if(r)throw r.error}}}})},n.prototype.error=function(o){var a=this;he(function(){if(a._throwIfClosed(),!a.isStopped){a.hasError=a.isStopped=!0,a.thrownError=o;for(var r=a.observers;r.length;)r.shift().error(o)}})},n.prototype.complete=function(){var o=this;he(function(){if(o._throwIfClosed(),!o.isStopped){o.isStopped=!0;for(var a=o.observers;a.length;)a.shift().complete()}})},n.prototype.unsubscribe=function(){this.isStopped=this.closed=!0,this.observers=this.currentObservers=null},Object.defineProperty(n.prototype,"observed",{get:function(){var o;return((o=this.observers)===null||o===void 0?void 0:o.length)>0},enumerable:!1,configurable:!0}),n.prototype._trySubscribe=function(o){return this._throwIfClosed(),e.prototype._trySubscribe.call(this,o)},n.prototype._subscribe=function(o){return this._throwIfClosed(),this._checkFinalizedStatuses(o),this._innerSubscribe(o)},n.prototype._innerSubscribe=function(o){var a=this,r=this,i=r.hasError,l=r.isStopped,u=r.observers;return i||l?We:(this.currentObservers=null,u.push(o),new pe(function(){a.currentObservers=null,ke(u,o)}))},n.prototype._checkFinalizedStatuses=function(o){var a=this,r=a.hasError,i=a.thrownError,l=a.isStopped;r?o.error(i):l&&o.complete()},n.prototype.asObservable=function(){var o=new Ze;return o.source=this,o},n.create=function(o,a){return new Qe(o,a)},n}(Ze),Qe=function(e){le(n,e);function n(o,a){var r=e.call(this)||this;return r.destination=o,r.source=a,r}return n.prototype.next=function(o){var a,r;(r=(a=this.destination)===null||a===void 0?void 0:a.next)===null||r===void 0||r.call(a,o)},n.prototype.error=function(o){var a,r;(r=(a=this.destination)===null||a===void 0?void 0:a.error)===null||r===void 0||r.call(a,o)},n.prototype.complete=function(){var o,a;(a=(o=this.destination)===null||o===void 0?void 0:o.complete)===null||a===void 0||a.call(o)},n.prototype._subscribe=function(o){var a,r;return(r=(a=this.source)===null||a===void 0?void 0:a.subscribe(o))!==null&&r!==void 0?r:We},n}($e),_e=function(e){le(n,e);function n(o){var a=e.call(this)||this;return a._value=o,a}return Object.defineProperty(n.prototype,"value",{get:function(){return this.getValue()},enumerable:!1,configurable:!0}),n.prototype._subscribe=function(o){var a=e.prototype._subscribe.call(this,o);return!a.closed&&o.next(this._value),a},n.prototype.getValue=function(){var o=this,a=o.hasError,r=o.thrownError,i=o._value;if(a)throw r;return this._throwIfClosed(),i},n.prototype.next=function(o){e.prototype.next.call(this,this._value=o)},n}($e);function Un(e,n){return n===void 0&&(n=Ke),e=e??Wn,An(function(o,a){var r,i=!0;o.subscribe(Ln(a,function(l){var u=n(l);(i||!e(r,u))&&(i=!1,r=u,a.next(l))}))})}function Wn(e,n){return e===n}var K=(e=>(e.hex="hex",e.hexa="hexa",e.rgba="rgba",e.rgb="rgb",e.hsla="hsla",e.hsl="hsl",e.cmyk="cmyk",e))(K||{});class et{constructor(n){h(this,"modelValue",null);h(this,"hueValue",null);h(this,"initValue",null);h(this,"valueChanged",new $e);h(this,"presetsVisibilityChanges",new _e(!0));h(this,"initType",null);h(this,"alphaChannelVisibilityChanges",new _e(!0));h(this,"valueChanges",this.valueChanged.asObservable().pipe(Un((n,o)=>n.toRgbaString()===o.toRgbaString())));h(this,"colorPresets",[]);const o=n[0],a=D.from(o);this.setValue(a),this.setHueColor(a)}setValueFrom(n,o,a){const r=D.from(n);return this.initValue||(this.initValue=D.from(n)),typeof n=="string"&&this.finOutInputType(n),this.setHueColor(r),this.setValue(r),this}setHueColor(n){(this.hueValue&&n.getHsva().hue>0||!this.hueValue)&&(this.hueValue=new D().setHsva(n.getHsva().hue))}get hue(){return this.hueValue}set hue(n){this.hueValue=n}setValue(n){return this.modelValue=n,this.valueChanged.next(n),this}get value(){return this.modelValue}set value(n){this.setValue(n)}reset(){let n;return this.initValue?(n=this.initValue.clone(),this.setHueColor(n)):(n=D.from(new y(255,0,0,1)),this.hueValue=new D().setHsva(n.getHsva().hue)),this.setValue(n),this}showAlphaChannel(){return this.alphaChannelVisibilityChanges.next(!0),this}finOutInputType(n){const o=n.replace(/ /g,"").toLowerCase();o[0]==="#"&&(this.initType="hex",o.length>7&&(this.initType="hexa"));const a=o.indexOf("(");switch(o.substr(0,a)){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(n){return this.colorPresets=this.setPresets(n),this}setPresets(n){const o=[];return n.map(a=>{Array.isArray(a)?o.push(this.setPresets(a)):o.push(new D(a))}),o}get presets(){return this.colorPresets}hasPresets(){return this.colorPresets.length>0}}h(et,"finOutInputType");function ne(e,n){switch(n){case K.hex:return e.toHexString();case K.hexa:return e.toHexString(!0);case K.rgb:return e.toRgbString();case K.rgba:return e.toRgbaString();case K.hsl:return e.toHslString();case K.hsla:return e.toHslaString();default:return e.toRgbaString()}}const zn={color:{type:Object,default:""},hue:{type:Object,default:""},randomId:{type:String,default:""},allowColorNull:{type:Boolean,default:!1}},Xn=t.defineComponent({name:"SvPanel",props:zn,emits:["update:color"],setup(e,n){const o=t.ref(null),a=t.ref(null),r=t.ref(e.randomId),i=t.ref(e.allowColorNull);function l(){return e.hue?e.hue.toRgbaString():"#3f51b5"}function u(s,f){var v,g;s=Math.max(0,Math.min(s,100)),f=Math.max(0,Math.min(f,100)),o.value&&((v=o.value.style)==null||v.setProperty("top",`${100-f}%`),(g=o.value.style)==null||g.setProperty("left",`${s}%`))}function p(){const s=document.getElementById(`farris-color-picker-plus-sure-${r.value}`);s.className="btn btn-secondary";const f=document.getElementById(`farris-color-picker-plus-input-${r.value}`);f.style.borderColor="#dcdfe6"}function c({x:s,y:f,height:v,width:g}){const b=s*100/g,C=-(f*100/v)+100;u(b,C);const x=e.color==null?"transparent":e.color,S=D.from(x);if(p(),S!=null){const B=e.hue.getHsva(),V=S.getHsva(),O=new D().setHsva(B.hue,b,C,V.alpha);n.emit("update:color",O)}!S&&i.value&&n.emit("update:color",null)}function d(s){if(a.value){const{width:f,height:v,top:g,left:b}=a.value.getBoundingClientRect(),{pageX:C,pageY:x}="touches"in s?s.touches[0]:s,S=Math.max(0,Math.min(C-(b+window.pageXOffset),f)),B=Math.max(0,Math.min(x-(g+window.pageYOffset),v));c({x:S,y:B,height:v,width:f})}}return t.onMounted(()=>{const s=e.color.getHsva();u(s.saturation,s.value)}),t.watch(()=>e.color,s=>{s.getHsva()}),t.watch(()=>e.color,s=>{const f=s.getHsva();u(f.saturation,f.value)}),()=>t.createVNode("div",{class:"f-sv-panel-component",ref:a,style:{backgroundColor:l()},onMousedown:t.withModifiers(s=>d(s),["prevent"]),onTouchstart:t.withModifiers(s=>d(s),["prevent"])},[t.createVNode("div",{class:"color-svpanel__white"},null),t.createVNode("div",{class:"color-svpanel__black"},null),t.createVNode("div",{class:"color-svpanel__cursor",ref:o},[t.createVNode("div",null,null)])])}}),Gn={color:{type:Object,default:""},hue:{type:Object,default:""},allowColorNull:{type:Boolean,default:!1},onChange:{type:Function}},Yn=t.defineComponent({name:"Hue",props:Gn,emits:["update:color","update:hue"],setup(e,n){const o=t.ref(e.hue),a=t.ref(e.allowColorNull),r=[];function i(g){g.preventDefault(),u(g)}const l=t.ref(null);function u(g){if(l.value){const{width:b,height:C,top:x,left:S}=l.value.getBoundingClientRect(),{pageX:B,pageY:V}="touches"in g?g.touches[0]:g,O=Math.max(0,Math.min(B-(S+window.pageXOffset),b)),I=Math.max(0,Math.min(V-(x+window.pageYOffset),C));v({x:O,y:I,height:C,width:b})}}function p(){r.forEach(g=>g()),r.length=0}function c(g){i(g),document.addEventListener("mouseup",p),document.addEventListener("touchend",p),document.addEventListener("touchmove",i)}const d=g=>{c(g),g.stopPropagation()};t.onMounted(()=>{document.querySelectorAll(".f-hue-component").forEach(C=>{C.addEventListener("mousedown",d),C.addEventListener("touchstart",d)});const b=e.color.getHsva();f(b.hue)});const s=t.ref(null);function f(g){var x;const b=Math.max(0,Math.min(g/360*100,100)),C="top";s.value&&((x=s.value.style)==null||x.setProperty(C,`${b}%`))}function v({x:g,y:b,height:C,width:x}){const S=b/C*360;f(S);const B=e.color.getHsva(),V=new D().setHsva(S,B.saturation,B.value,B.alpha),O=new D().setHsva(S,100,100,B.alpha);(e.color!=null||e.color==null&&a.value)&&(n.emit("update:hue",O),n.emit("update:color",V))}return t.watch(o,g=>{const b=g.getHsva();f(b.hue)}),t.watch(()=>e.color,g=>{const b=g.getHsva();f(b.hue)}),()=>t.createVNode("div",{class:"f-hue-component",ref:l,onMousedown:t.withModifiers(g=>u(g),["prevent"]),onTouchstart:t.withModifiers(g=>u(g),["prevent"])},[t.createVNode("div",{class:"color-hue-slider__bar"},null),t.createVNode("div",{class:"color-hue-slider__thumb",ref:s},null)])}}),Kn={color:{type:Object,default:""},randomId:{type:String,default:""},allowColorNull:{type:Boolean,default:!1}},Zn=t.defineComponent({name:"Alpha",props:Kn,emits:["update:color"],setup(e,n){const o=t.ref(null),a=t.ref(null),r=t.ref(e.randomId),i=t.ref(e.allowColorNull),l=d=>{var v;const s=Math.max(0,Math.min(d*100,100)),f="left";a.value&&((v=a.value.style)==null||v.setProperty(f,`${s}%`))};function u(d){if(o.value){const{width:s,height:f,top:v,left:g}=o.value.getBoundingClientRect(),{pageX:b,pageY:C}="touches"in d?d.touches[0]:d,x=Math.max(0,Math.min(b-(g+window.pageXOffset),s)),S=Math.max(0,Math.min(C-(v+window.pageYOffset),f));c({x,y:S,height:f,width:s})}}function p(){const d=document.getElementById(`farris-color-picker-plus-sure-${r.value}`);d.className="btn btn-secondary";const s=document.getElementById(`farris-color-picker-plus-input-${r.value}`);s.style.borderColor="#dcdfe6"}const c=({x:d,width:s})=>{const f=d/s;l(f),p();const v=e.color.getHsva(),g=new D().setHsva(v.hue,v.saturation,v.value,f);e.color!=null?n.emit("update:color",g):e.color==null&&i.value&&n.emit("update:color",null)};return t.onMounted(()=>{const d=e.color.getHsva();l(d.alpha)}),t.watch(()=>e.color,d=>{const s=d.getHsva();l(s.alpha)}),()=>t.createVNode("div",{class:"f-alpha-component",ref:o,onMousedown:t.withModifiers(d=>u(d),["prevent"]),onTouchstart:t.withModifiers(d=>u(d),["prevent"])},[t.createVNode("div",{class:"color-alpha-slider__bar"},[t.createTextVNode(" ")]),t.createVNode("div",{class:"color-alpha-slider__thumb",ref:a},null)])}}),Jn={color:{type:Object,default:""},hue:{type:Object,default:""},colorPresets:{type:Object,default:""},randomId:{type:String,default:""}},Qn=t.defineComponent({name:"Preset",props:Jn,emits:["update:hue","update:color"],setup(e,n){const o=t.ref(new D),a=t.ref(e.colorPresets),r=t.ref(e.randomId);function i(){const c=document.getElementById(`farris-color-picker-plus-sure-${r.value}`);c.className="btn btn-secondary";const d=document.getElementById(`farris-color-picker-plus-input-${r.value}`);d.style.borderColor="#dcdfe6"}function l(c){i();const d=c.getRgba(),s=c.getHsva(),f=new D().setRgba(d.red,d.green,d.blue,d.alpha),v=new D().setHsva(s.hue);o.value=c,n.emit("update:hue",v),n.emit("update:color",f)}function u(c){const d=o.value.getRgba().toString(),s=o.value.getHsva().toString(),f=c.getRgba().toString()===d&&c.getHsva().toString()===s;return{"color-preset__color-selector":f,selected:f}}function p(c,d){return t.createVNode("div",{class:"color-preset__color-selector"},[t.createVNode("div",{key:d,class:u(c),style:{backgroundColor:c.toRgbString()},onClick:()=>l(c)},null)])}return()=>t.createVNode("div",{class:"f-preset-component"},[t.createVNode("div",{class:"color-preset__colors"},[a.value.map((c,d)=>p(c,d))])])}}),_n=t.defineComponent({name:"FColorPicker",props:qe,emits:["valueChanged","activeChange","update:color","update:hue"],setup(e,n){const o=t.ref(new D(e.color)),a=t.ref(e.color),r=t.ref(e.disabled),i=t.ref(e.color),l=t.ref(e.allowColorNull),u=t.ref(e.presets),p=t.ref(!1),c=t.ref(!1),d=t.ref(!1),s=t.ref("HEX"),f=Math.floor(Math.random()*1e3).toString();let v=-1,g,b=new et("#000000");const C=t.ref(e.color);let x,S;const B=t.ref(null),V=t.ref(null),O=t.ref(null);let I=t.computed(()=>!g&&b&&b.initType?b.initType:g);const P=t.computed({get(){return g&&a.value!==null?(ae(g),ne(new D(a.value),K[g])):a.value},set($){$!==null&&(L($),F($))}}),U=t.ref(P.value),k=t.computed(()=>v>-1),E=t.computed(()=>u.value.length>0),R=t.computed(()=>({"background-color":i.value})),q=t.computed(()=>c.value&&p.value?"display:flex":"display:none"),Y=[{text:"HEX",type:K.hex},{text:"RGBA",type:K.rgba}];function H(){const $=document.getElementById("farris-color-picker-panel");$.id=`farris-color-picker-panel-${f}`;const w=document.getElementById("farris-color-picker-plus-sure");w.id=`farris-color-picker-plus-sure-${f}`;const N=document.getElementById("farris-color-picker-plus-input");N.id=`farris-color-picker-plus-input-${f}`,S=document.getElementById(`farris-color-picker-plus-sure-${f}`),x=document.getElementById(`farris-color-picker-panel-${f}`),x.className="color-picker-panel disabled"}function _(){if(!l.value&&!a.value){document.getElementById(`farris-color-picker-plus-sure-${f}`).classList.toggle("disabled");const w=document.getElementById(`farris-color-picker-plus-input-${f}`);w.style.borderColor="red"}}function z(){a.value&&(L(a.value),!a.value&&l.value||(a.value=ne(new D(a.value),K[I.value])),U.value=P.value),A(ae(b.initType))}function j(){a.value&&L(a.value),b.hasPresets()||b.setColorPresets(u.value),a.value?i.value=ne(new D(a.value),K[I.value]):!a.value&&l.value&&(i.value=null)}function T(){b.valueChanges.subscribe($=>{const w=ne($,K[g||b.initType]);a.value=w})}function A($){s.value=Y[$].text}function X(){var $;c.value=!!(g!=null&&g.includes("a")||($=b.initType)!=null&&$.includes("a"))}t.onBeforeMount(()=>{b.setColorPresets(u.value||["#eaecf3"])}),t.onMounted(()=>{H(),_(),z(),j()}),t.watch(s,()=>{T(),P.value=ne(new D(a.value),K[g||b.initType]),o.value=new D(P.value),X()}),t.watch(a,$=>{ne(b.value,b.initType)!==$&&$!==null&&L($),A(ae(b.initType))}),t.watch(o,$=>{a.value=ne($,K[g||b.initType]),L(a.value),P.value=a.value});function F($){const w=document.getElementById(`farris-color-picker-plus-input-${f}`);($==""||$==null||$==null)&&!l.value?(a.value=null,w.style.borderColor="red",S.className="btn btn-secondary disabled"):(w.style.borderColor="#dcdfe6",S.className="btn btn-secondary")}function W($){var w,N;if($==null||$.stopPropagation(),l.value){i.value=(a==null?void 0:a.value)??null;const M={elementValue:i};n.emit("valueChanged",M),oe()}if(!l.value&&!(P.value==null||P.value==null||P.value=="")){(N=(w=B.value)==null?void 0:w.style)==null||N.setProperty("background",a.value),d.value=!0,i.value=a.value;const M={elementValue:i};n.emit("valueChanged",M),oe()}!C.value&&!a.value&&!d.value&&l&&oe(),F(a.value),P.value=a.value,S.classList.contains("disabled")||(U.value=a.value,p.value=!1)}function L($){b==null||b.setValueFrom($,f,l.value)}function ee($){x=document.getElementById(`farris-color-picker-panel-${f}`);const w=x.className=="color-picker-panel";r.value||w||(p.value=!0,x.classList.toggle("disabled"),_(),L(a.value),$.stopPropagation())}function oe(){x=document.getElementById(`farris-color-picker-panel-${f}`),x.className="color-picker-panel disabled"}function ae($){const w=Y.findIndex(N=>N.type===$);return v=w,w}function ge($){if(!S.classList.contains("disabled")){const w=Y.length;v=(w+v+($==="up"?1:-1))%w,g=Y[v].type,A(v),L(a.value)}}return()=>t.createVNode("div",{class:"f-color-picker-component",ref:V},[t.createVNode("div",{class:["color-picker-panel",{disabled:r.value}],id:"farris-color-picker-panel",ref:O,onClick:$=>$.stopPropagation(),style:"top:30px"},[t.createVNode("div",{class:"color-picker-main"},[t.createVNode(Yn,{hue:b.hue,"onUpdate:hue":$=>b.hue=$,allowColorNull:l.value,color:o.value,"onUpdate:color":$=>o.value=$},null),t.createVNode(Xn,{randomId:f,hue:b.hue,"onUpdate:hue":$=>b.hue=$,allowColorNull:l.value,color:o.value,"onUpdate:color":$=>o.value=$},null)]),t.createVNode(Zn,{style:q.value,randomId:f,allowColorNull:l.value,color:o.value,"onUpdate:color":$=>o.value=$},null),t.createVNode("div",{class:"input-btn",style:"display:flex;align-items: center;"},[t.withDirectives(t.createVNode("span",{style:"width:40px;margin-right:10px;"},[s.value]),[[t.vShow,E]]),t.withDirectives(t.createVNode("input",{type:"text",title:"color-picker-plus",id:"farris-color-picker-plus-input","onUpdate:modelValue":$=>P.value=$,style:"float:none"},null),[[t.vModelText,P.value]]),t.withDirectives(t.createVNode("div",{class:"type-icon-btn-wrapper",style:"cursor:pointer"},[t.createVNode("span",{class:"f-icon f-icon-arrow-60-up type-icon-btn",onClick:()=>ge("up")},null),t.createVNode("span",{class:"f-icon f-icon-arrow-60-down type-icon-btn",onClick:()=>ge("down")},null)]),[[t.vShow,E]]),t.createVNode("div",{class:"input-btn"},[t.createVNode("button",{id:"farris-color-picker-plus-sure",class:"btn btn-secondary",onClick:$=>W($)},[t.createTextVNode("确定")])])]),t.withDirectives(t.createVNode(Qn,{color:o.value,"onUpdate:color":$=>o.value=$,hue:b.hue,"onUpdate:hue":$=>b.hue=$,randomId:f,colorPresets:b.presets},null),[[t.vShow,k]])]),t.createVNode("div",{class:"color-picker-wrapper"},[t.createVNode("input",{title:"color-picker-input",type:"text",class:"color-picker-input form-control",value:U.value,readonly:r.value,onClick:$=>$.stopPropagation()},null),t.createVNode("div",{class:"color-picker-trigger",onClick:ee},[t.createVNode("div",{class:"color-picker-trigger-inner"},[t.createVNode("div",{style:R.value},null)])])])])}});function eo(e,n){const o=e.defaultBorderStyles,a=t.ref(e.styles),r=t.ref(e.widths),i=t.ref(e.colors),l=t.ref(e.radiuses),u=t.ref(4),p=t.ref(!0),c=t.computed(()=>function(S){return{background:u.value==S?"linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .2))":"rgba(0, 0, 0, 0)"}}),d=t.computed(()=>({borderStyle:a.value.slice(0,4).join(" "),borderWidth:r.value.slice(0,4).join("px ")+"px",borderColor:i.value.slice(0,4).join(" "),borderRadius:l.value.slice(0,4).join("px ")+"px"}));function s(S){u.value=S,p.value=!1,t.nextTick(()=>{p.value=!0})}function f(S){u.value<4?a.value[u.value]=S[0].id:a.value.fill(S[0].id),n.emit("valueChanged",d.value)}function v(S){u.value<4?r.value[u.value]=S:r.value.fill(S),n.emit("valueChanged",d.value)}function g(S){u.value<4?i.value[u.value]=S.elementValue.value:i.value.fill(S.elementValue.value),n.emit("valueChanged",d.value)}function b(){return t.createVNode("div",{class:"f-border-editor-directions"},[t.createVNode("div",{style:c.value(3),class:"f-border-editor-direction",title:"左边框",onClick:()=>s(3)},[t.createTextVNode("┣")]),t.createVNode("div",null,[t.createVNode("div",{style:c.value(0),class:"f-border-editor-direction",title:"上边框",onClick:()=>s(0)},[t.createTextVNode("┳")]),t.createVNode("div",{style:c.value(4),class:"f-border-editor-direction",title:"全部",onClick:()=>s(4)},[t.createTextVNode("╋")]),t.createVNode("div",{style:c.value(2),class:"f-border-editor-direction",title:"下边框",onClick:()=>s(2)},[t.createTextVNode("┻")])]),t.createVNode("div",{style:c.value(1),class:"f-border-editor-direction",title:"右边框",onClick:()=>s(1)},[t.createTextVNode("┫")])])}function C(){return t.createVNode("div",{class:"f-border-editor-customs"},[t.createVNode("div",{class:"f-border-editor-custom"},[t.createVNode("div",{class:"f-border-editor-title"},[t.createTextVNode("线型")]),t.createVNode(kn,{style:"flex: 1 1 0",data:o,modelValue:a.value[u.value],"onUpdate:modelValue":S=>a.value[u.value]=S,onChange:f,class:"f-border-editor-input"},null)]),t.createVNode("div",{class:"f-border-editor-custom"},[t.createVNode("div",{class:"f-border-editor-title"},[t.createTextVNode("宽度(px)")]),t.createVNode(Re,{style:"flex: 1 1 0",min:0,modelValue:r.value[u.value],"onUpdate:modelValue":S=>r.value[u.value]=S,onChange:v,class:"f-border-editor-input"},null)]),t.createVNode("div",{class:"f-border-editor-custom"},[t.createVNode("div",{class:"f-border-editor-title"},[t.createTextVNode("颜色")]),t.createVNode(_n,{style:"flex: 1 1 0",color:i.value[u.value],"onUpdate:color":S=>i.value[u.value]=S,onValueChanged:g,class:"f-border-editor-input"},null)])])}function x(){return t.createVNode("div",null,[p.value?t.createVNode("div",{class:"f-border-editor-custom-container"},[b(),C()]):""])}return{renderBorderEditorBasic:x}}function to(e,n){const o=t.ref(e.styles),a=t.ref(e.widths),r=t.ref(e.colors),i=t.ref(e.radiuses),l=t.ref(4),u=t.ref(!0),p=t.computed(()=>function(b){return{background:l.value==b?"linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .2))":"rgba(0, 0, 0, 0)"}}),c=t.computed(()=>({borderStyle:o.value.slice(0,4).join(" "),borderWidth:a.value.slice(0,4).join("px ")+"px",borderColor:r.value.slice(0,4).join(" "),borderRadius:i.value.slice(0,4).join("px ")+"px"}));function d(b){l.value=b,u.value=!1,t.nextTick(()=>{u.value=!0})}function s(b){l.value<4?i.value[l.value]=b:i.value.fill(b),n.emit("valueChanged",c.value)}function f(){return t.createVNode("div",{class:"f-border-editor-directions"},[t.createVNode("div",null,[t.createVNode("div",{style:p.value(0),class:"f-border-editor-direction",title:"左上角",onClick:()=>d(0)},[t.createTextVNode("┏")]),t.createVNode("div",{style:p.value(3),class:"f-border-editor-direction",title:"左下角",onClick:()=>d(3)},[t.createTextVNode("┗")])]),t.createVNode("div",{style:p.value(4),class:"f-border-editor-direction",title:"全部",onClick:()=>d(4)},[t.createTextVNode("╋")]),t.createVNode("div",null,[t.createVNode("div",{style:p.value(1),class:"f-border-editor-direction",title:"右上角",onClick:()=>d(1)},[t.createTextVNode("┓")]),t.createVNode("div",{style:p.value(2),class:"f-border-editor-direction",title:"右下角",onClick:()=>d(2)},[t.createTextVNode("┛")])])])}function v(){return t.createVNode("div",{class:"f-border-editor-customs"},[t.createVNode("div",{class:"f-border-editor-custom"},[t.createVNode("div",{class:"f-border-editor-title"},[t.createTextVNode("圆角(px)")]),t.createVNode(Re,{style:"flex: 1 1 0",min:0,modelValue:i.value[l.value],"onUpdate:modelValue":b=>i.value[l.value]=b,onChange:s,class:"f-border-editor-input"},null)])])}function g(){return t.createVNode("div",null,[u.value?t.createVNode("div",{class:"f-border-editor-custom-container"},[f(),v()]):""])}return{renderBorderEditorRadius:g}}const Oe=t.defineComponent({name:"FBorderEditor",props:je,emits:["valueChanged"],setup(e,n){const o=t.ref(!1),{renderBorderEditorBasic:a}=eo(e,n),{renderBorderEditorRadius:r}=to(e,n),i=t.computed(()=>({"f-icon":!0,"mr-1":!0,"f-border-editor-icon":!0,"f-icon-arrow-60-right":!o.value,"f-icon-arrow-60-down":o.value}));function l(){o.value=!o.value}return()=>t.createVNode("div",null,[t.createVNode("div",{class:"f-border-editor-container"},[t.createVNode("div",{style:"display: flex"},[t.createVNode("div",{class:"f-border-editor-title",style:"width: 80px"},[t.createVNode("div",{class:i.value,onClick:l},null),t.createVNode("div",null,[t.createTextVNode("边框")])])]),o.value?t.createVNode("div",null,[a(),r()]):""])])}}),no={install(e){e.component(Oe.name,Oe)}};G.BorderEditor=Oe,G.borderEditorProps=je,G.default=no,Object.defineProperties(G,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/border-editor/package.json

@@ -1,8 +0,0 @@
-{
-    "name": "border-editor",
-    "version": "1.1.0",
-    "main": "index.umd.js",
-    "module": "index.esm.js",
-    "style": "style.css",
-    "types": "../types/border-editor/index.d.ts"
-}

package/border-editor/style.css

@@ -1 +0,0 @@
-.f-border-editor-container{max-width:500px;min-width:220px;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid rgba(31,56,88,.1);color:#000000bf;line-height:26px}.f-border-editor-title{width:60px;display:flex;text-align:left;padding-right:10px}.f-border-editor-icon{line-height:26px!important;color:#a3a3a3}.f-border-editor-custom-container{display:flex;margin:10px 0;padding:10px;background:rgba(31,56,88,.04);box-shadow:1px 1px 3px 1px #024bc133;border-radius:5px;align-items:center}.f-border-editor-directions{width:40%;display:flex;align-items:center;justify-content:space-around}.f-border-editor-direction{margin:2px;padding:5px;border-radius:2px;text-align:center;cursor:pointer}.f-border-editor-customs{padding-left:8px;margin-bottom:8px;flex-direction:column;display:flex;justify-content:center;align-items:center}.f-border-editor-custom{display:flex;margin-bottom:8px}.f-border-editor-input input{min-width:20px!important}