@farris/ui-vue 1.1.0 → 1.1.1

package/combo-list/index.umd.js

@@ -1 +0,0 @@
-(function(_,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],t):(_=typeof globalThis<"u"?globalThis:_||self,t(_["combo-list"]={},_.Vue,_.LodashES))})(this,function(_,t,he){"use strict";const le={},ie={};function Y(e){const{properties:n,title:o}=e,s=Object.keys(n).reduce((l,c)=>(l[c]=n[c].type==="object"&&n[c].properties?Y(n[c]):he.cloneDeep(n[c].default),l),{});return s.id=`${o}-${Date.now()}`,s}function Z(e,n={}){const o=le[e];if(o){let s=Y(o);const l=ie[e];return s=l?l({getSchemaByType:Z},s,n):s,s}return null}function ge(e,n){const o=Y(n);return Object.keys(e).reduce((s,l)=>(s[l]=e[l],s),o),o}function ye(e,n){return Object.keys(e).filter(s=>e[s]!=null).reduce((s,l)=>{if(n.has(l)){const c=n.get(l);if(typeof c=="string")s[c]=e[l];else{const d=c(l,e[l],e);Object.assign(s,d)}}else s[l]=e[l];return s},{})}function be(e,n,o=new Map){const s=ge(e,n);return ye(s,o)}function ve(e={}){function n(r,u,a,i){if(typeof a=="number")return i[r].length===a;if(typeof a=="object"){const p=Object.keys(a)[0],m=a[p];if(p==="not")return Number(i[r].length)!==Number(m);if(p==="moreThan")return Number(i[r].length)>=Number(m);if(p==="lessThan")return Number(i[r].length)<=Number(m)}return!1}function o(r,u,a,i){return i[u]&&i[u].propertyValue&&String(i[u].propertyValue.value)===String(a)}const s=new Map([["length",n],["getProperty",o]]);Object.keys(e).reduce((r,u)=>(r.set(u,e[u]),r),s);function l(r,u){const a=r;return typeof u=="number"?[{target:a,operator:"length",param:null,value:Number(u)}]:typeof u=="boolean"?[{target:a,operator:"getProperty",param:r,value:!!u}]:typeof u=="object"?Object.keys(u).map(i=>{if(i==="length")return{target:a,operator:"length",param:null,value:u[i]};const p=i,m=u[i];return{target:a,operator:r,param:p,value:m}}):[]}function c(r){return Object.keys(r).reduce((a,i)=>{const p=l(i,r[i]);return a.push(...p),a},[])}function d(r,u){if(s.has(r.operator)){const a=s.get(r.operator);return a&&a(r.target,r.param,r.value,u)||!1}return!1}function f(r,u){return c(r).reduce((p,m)=>p&&d(m,u),!0)}function g(r,u){const a=Object.keys(r),i=a.includes("allOf"),p=a.includes("anyOf"),m=i||p,V=(m?r[m?i?"allOf":"anyOf":"allOf"]:[r]).map(w=>f(w,u));return i?!V.includes(!1):V.includes(!0)}return{parseValueSchema:g}}const Ce={},we={};ve();function G(e,n,o=new Map,s=(d,f,g)=>f,l={},c=d=>d){return le[n.title]=n,ie[n.title]=s,Ce[n.title]=l,we[n.title]=c,(d={})=>{const f=be(d,n,o),g=Object.keys(e).reduce((r,u)=>(r[u]=e[u].default,r),{});return Object.assign(g,f)}}function X(e,n){return{customClass:n.class}}const Se=new Map([["appearance",X]]),Ve={$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 Be(e,n,o){return n}const Te={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"}}}}};var re=(e=>(e.Text="text",e.Tag="tag",e))(re||{}),ce=(e=>(e.top="top",e.bottom="bottom",e.auto="auto",e))(ce||{});const K={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:()=>{}}},ee=G(K,Ve,Se,Be,Te),ke={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:()=>{}}},Ne=new Map([["appearance",X]]);function $e(e,n,o){return n}const xe={$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"]},Ie={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:[]}}}}}},se={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"}};G(se,xe,Ne,$e,Ie);function Oe(e,n,o,s,l){const c=t.ref(e.idField),d=t.ref(e.disableField),f=t.ref(e.draggable),g=t.ref(e.itemClass),r=t.ref(e.multiSelect),u=t.ref(e.multiSelectMode);t.ref(!0);const{isDragging:a}=o,{activeIndex:i,focusedItemId:p,hoverIndex:m}=s,{clearSelection:v,selectedItems:B,toggleSelectItem:V}=l;function N(h,M){const k={"f-list-view-group-item":!0,"f-list-view-draggable-item":f.value,"f-un-click":!!h.unClick,"f-un-select":!!h[d.value],"f-listview-active":h.__fv_index__===i.value,"f-listview-hover":!a.value&&M===m.value,moving:!!h.moving};return g.value.split(" ").reduce((W,P)=>(W[P]=!0,W),k),k}function w(h,M){return h[c.value]||""}const S=t.computed(()=>!r.value);function j(h,M){h.unClick||h[d.value]||(S.value&&(p.value=h[c.value]),V(h,M))}const y=t.computed(()=>r.value&&u.value==="OnCheckClearByClick"),T=t.computed(()=>!r.value||r.value&&(u.value==="OnCheckAndClick"||u.value==="OnClick"));function O(h,M,k){if(M.unClick||M[d.value]){h.preventDefault(),h.stopPropagation();return}p.value=M[c.value],i.value=k,y.value&&v(),T.value&&V(M,k),n.emit("clickItem",{data:B.value,index:k}),n.emit("activeChange",B.value)}return{getKey:w,listViewItemClass:N,onCheckItem:j,onClickItem:O}}function Me(e,n,o){const s=t.ref(e.idField),l=t.ref(e.multiSelect);t.ref(e.multiSelectMode);const{getSelectionItems:c}=o,d=t.ref(c(e.selectionValues));t.watch(()=>e.selectionValues,i=>{d.value=t.ref(c(i)).value});const f=t.computed(()=>!l.value);function g(i){return i[s.value]||""}function r(i){return d.value.findIndex(m=>g(m)===g(i))}function u(){d.value.forEach(i=>{i.checked=!1}),d.value=[]}function a(i,p){f.value&&u();const m=r(i);m>-1?(d.value.splice(m,1),i.checked=!1):(d.value.push(i),i.checked=!0),n.emit("selectionChange",d.value)}return{clearSelection:u,findIndexInSelectedItems:r,selectedItems:d,toggleSelectItem:a}}function Fe(e,n){function o(c){const d=[];let f=c.nextNode();for(;f;)d.push(f),f=c.nextNode();return d}function s(c,d){const f=document.createTreeWalker(c,NodeFilter.SHOW_TEXT);return o(f).map(a=>({textNode:a,text:(a.textContent||"").toLocaleLowerCase()})).map(({textNode:a,text:i})=>{const p=[];let m=0;for(;m<i.length;){const v=i.indexOf(d,m);if(v===-1)break;p.push(v),m=v+d.length}return p.map(v=>{const B=new Range;return B.setStart(a,v),B.setEnd(a,v+d.length),B})}).flat()}function l(c){if(!CSS.highlights||(CSS.highlights.clear(),!c||!n))return;const d=s(n.value,c.toLocaleLowerCase()),f=new Highlight(...d);CSS.highlights.set("search-result",f)}return{search:l}}const Pe={id:{Type:String,default:""},customClass:{Type:String,default:""},disable:{Type:Boolean,default:!1},indeterminate:{Type:Boolean,default:!1},modelValue:{Type:Boolean,default:!1}},te=t.defineComponent({name:"FCheckBox",props:Pe,emits:["change","update:modelValue"],setup(e,n){const o=t.ref(e.id),s=t.ref(e.customClass),l=t.ref(e.disable),c=t.ref(e.modelValue),d=t.ref(e.indeterminate),f=t.computed(()=>{const r={"custom-control":!0,"custom-checkbox":!0};return s.value&&s.value.split(" ").reduce((u,a)=>(u[a]=!0,u),r),r});function g(r){r.stopPropagation(),r.preventDefault(),l.value||(c.value=!c.value,n.emit("update:modelValue",c.value),n.emit("change",{originalEvent:r,checked:c.value}))}return t.watch(()=>e.modelValue,r=>{c.value=r}),t.watch(()=>e.indeterminate,r=>{d.value=r}),()=>t.createVNode("div",{class:f.value},[t.withDirectives(t.createVNode("input",{id:o.value,title:o.value,type:"checkbox",class:"custom-control-input","onUpdate:modelValue":r=>c.value=r,indeterminate:d.value},null),[[t.vModelCheckbox,c.value]]),t.createVNode("label",{for:o.value,class:"custom-control-label",onClick:g},null)])}});function ue(e,n,o,s,l,c,d,f){const g=t.ref(e.size),r=t.ref(e.textField),u=t.ref(e.titleField),a=t.ref(e.multiSelect),i=t.ref(e.disableField),{onMouseenterItem:p,onMouseoverItem:m,onMouseoutItem:v}=l,{getKey:B,listViewItemClass:V,onCheckItem:N,onClickItem:w}=c,S=t.computed(()=>({margin:g.value==="small"?"0.25rem 0":"10px 0"}));function j(y,T,O){return y.checked=d.findIndexInSelectedItems(y)>-1,t.createVNode("li",{class:V(y,T),id:B(y,T),key:B(y,T),onClick:h=>w(h,y,T),onMouseenter:h=>p(h,y,T),onMouseover:h=>m(h,y,T),onMouseout:h=>v(h,y,T)},[a.value&&t.createVNode("div",{class:"f-list-select",onClick:h=>h.stopPropagation()},[t.createVNode(te,{id:"list-"+B(y,T),customClass:"listview-checkbox",disable:y[i.value]||y.unClick,modelValue:y.checked,"onUpdate:modelValue":h=>y.checked=h,onChange:h=>N(y,T)},null)]),t.createVNode("div",{class:"f-list-content"},[t.createVNode("div",{style:S.value,title:y[u.value]||y[r.value]},[y[r.value]])])])}return{renderItem:j}}function je(e,n,o,s,l,c,d,f){const g=t.ref(e.multiSelect),r=t.ref(e.disableField),{onMouseenterItem:u,onMouseoverItem:a,onMouseoutItem:i}=l,{getKey:p,listViewItemClass:m,onCheckItem:v,onClickItem:B}=c;function V(w,S,j){return n.slots.content?t.createVNode(t.Fragment,null,[n.slots.content&&n.slots.content({item:w,index:S,selectedItem:j})]):t.createVNode("div",{style:"margin: 10px 0;"},[w.name])}function N(w,S,j){return t.createVNode("li",{class:m(w,S),id:p(w,S),key:p(w,S),onClick:y=>B(y,w,S),onMouseenter:y=>u(y,w,S),onMouseover:y=>a(y,w,S),onMouseout:y=>i(y,w,S)},[g.value&&t.createVNode("div",{class:"f-list-select",onClick:y=>y.stopPropagation()},[t.createVNode(te,{id:"list-"+p(w,S),customClass:"listview-checkbox",disable:w[r.value]||w.unClick,modelValue:w.checked,"onUpdate:modelValue":y=>w.checked=y,onChange:y=>v(w,S)},null)]),t.createVNode("div",{class:"f-list-content"},[V(w,S,j)])])}return{renderItem:N}}function De(e,n,o,s,l,c,d,f){const g=t.ref(e.multiSelect),r=t.ref(e.disableField),{onMouseenterItem:u,onMouseoverItem:a,onMouseoutItem:i}=l,{getKey:p,listViewItemClass:m,onCheckItem:v,onClickItem:B}=c,{dragstart:V,dragenter:N,dragover:w,dragend:S}=s,{removeItem:j}=f,y=t.computed(()=>({margin:g.value?"10px 0":"10px 0px 10px 14px"}));function T(k){return t.createVNode("div",{style:y.value},[k.name])}function O(){return n.slots.itemContent?n.slots.itemContent:T}const h=O();function M(k,L,W){return t.createVNode("li",{class:m(k,L),id:p(k,L),key:p(k,L),onClick:P=>B(P,k,L),onMouseenter:P=>u(P,k,L),onMouseover:P=>a(P,k,L),onMouseout:P=>i(P,k,L),draggable:"true",onDragstart:P=>V(P,k,L),onDragenter:P=>N(P,L),onDragend:P=>S(P,k),onDragover:P=>w(P,L)},[g.value&&t.createVNode("div",{class:"f-list-select",onClick:P=>P.stopPropagation()},[t.createVNode(te,{id:"list-"+p(k,L),customClass:"listview-checkbox",disable:k[r.value]||k.unClick,modelValue:k.checked,"onUpdate:modelValue":P=>k.checked=P,onChange:P=>v(k,L)},null)]),t.createVNode("div",{class:"f-list-content"},[h(k)]),t.createVNode("div",{class:"f-list-remove",onClick:P=>j(L)},[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:M}}function Le(e,n,o){function s(){return n.slots.header&&t.createVNode("div",{class:"f-list-view-header"},[n.slots.header()])}return{renderHeader:s}}function de(e,n,o){const s=t.ref(e.headerClass),l=t.ref(e.placeholder),c=t.ref(""),d=t.computed(()=>!c.value),f=t.computed(()=>!!c.value);function g(i){c.value=""}t.watch(c,i=>{o.search(i)});const r=t.computed(()=>{const i={"form-group":!0,"farris-form-group":!0};return s.value&&s.value.split(" ").reduce((m,v)=>(m[v]=!0,m),i),i});function u(i){}function a(){return t.createVNode("div",{class:"f-list-view-header",onClick:t.withModifiers(u,["prevent","stop"])},[t.createVNode("div",{class:r.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":i=>c.value=i,name:"input-group-value",type:"text",placeholder:l.value,autocomplete:"off"},null),[[t.vModelText,c.value]]),t.createVNode("div",{class:"input-group-append"},[f.value&&t.createVNode("span",{class:"input-group-text input-group-clear",onClick:i=>g()},[t.createVNode("i",{class:"f-icon f-icon-close-circle"},null)]),d.value&&t.createVNode("span",{class:"input-group-text"},[t.createVNode("span",{class:"f-icon f-icon-search"},null)])])])])])])])}return{renderHeader:a}}function Ae(e,n){const o=t.ref(e.idField),s=t.ref(e.data),l=t.ref(e.data),c=t.ref(e.keepOrder);function d(){const r=s.value.map((u,a)=>typeof u!="object"?{__fv_index__:a,name:u}:(u.__fv_index__=a,u));return l.value=r,r}const f=t.ref(d());t.watch(()=>e.data,r=>{if(c.value){const u=r.reduce((m,v)=>(m.set(v.id,!0),m),new Map),a=s.value.reduce((m,v)=>(m.set(v.id,!0),m),new Map),i=f.value.filter(m=>u.has(m.id)),p=r.filter(m=>!a.has(m.id));s.value=[...i,...p]}else s.value=r;f.value=d()});function g(r){return r.map(a=>{const i=l.value.findIndex(p=>p[o.value]===a);return i>-1?l.value[i]:null}).filter(a=>a!=null)}return{dataView:f,getSelectionItems:g}}function Ee(e,n,o,s){const l=t.ref(e.idField),{dataView:c}=o,d=t.ref(-1),f=t.ref(!1),{activeIndex:g,focusedItemId:r,hoverIndex:u,resumeHover:a,suspendHover:i}=s;function p(V,N,w){V.stopPropagation(),i(),N&&setTimeout(()=>{d.value=w,f.value=!0,N.moving=!0})}function m(V,N){if(V.preventDefault(),d.value!==N){const w=c.value[d.value],S=c.value;S.splice(d.value,1),S.splice(N,0,w),d.value=N}}function v(V,N){V.preventDefault(),V.dataTransfer&&(V.dataTransfer.dropEffect="move")}function B(V,N){N&&(N.moving=!1),c.value.forEach((w,S)=>{w.__fv_index__=S}),f.value=!1,a(),u.value=N.__fv_index__,g.value=N.__fv_index__,r.value=N[l.value],n.emit("change",c.value),n.emit("activeChange",N)}return{dragstart:p,dragenter:m,dragover:v,dragend:B,isDragging:f}}function Re(e,n,o){const{dataView:s}=o;function l(c){if(c>-1&&c<s.value.length){const d=s.value.splice(c,1);n.emit("removeItem",d[0])}}return{removeItem:l}}function He(){const e=t.ref(-1),n=t.ref(""),o=t.ref(-1),s=t.ref(!1);function l(r,u,a){o.value=a}function c(r,u,a){s.value||(o.value=a)}function d(r,u,a){o.value=-1}function f(){s.value=!0}function g(){s.value=!1}return{activeIndex:e,focusedItemId:n,hoverIndex:o,onMouseenterItem:l,onMouseoverItem:c,onMouseoutItem:d,resumeHover:g,suspendHover:f}}const _e=t.defineComponent({name:"FListView",props:se,emits:["checkValuesChange","clickItem","selectionChange","removeItem","change","activeChange"],setup(e,n){const o=t.ref(),s=t.ref(e.view),l=t.ref(e.header),c=t.ref(e.multiSelect),d=t.ref(e.view==="CardView"),f=t.ref(!0),g=t.ref({}),r=t.ref("暂无数据"),u=Ae(e),{dataView:a}=u,i=t.computed(()=>{const R={"f-list-view":!0,"f-list-view-multiple":c.value};return e.size!=="default"&&(R[`${e.size}-item`]=!0),R}),p=t.computed(()=>({"f-list-view-group":!0,"d-flex":d.value,"flex-wrap":d.value})),m=t.computed(()=>!!a.value&&a.value.length>0),v=He(),B=Me(e,n,u),V=Ee(e,n,u,v),N=Re(e,n,u),w=Oe(e,n,V,v,B),S=Fe(e,o),j=t.computed(()=>a.value.length===0),y=t.computed(()=>j.value&&!n.slots.empty),T=t.computed(()=>!!n.slots.footer||f.value);function O(){return s.value==="SingleView"?ue:s.value==="DraggableView"?De:s.value==="ContentView"&&n.slots.content?je:ue}const h=O(),{renderItem:M}=h(e,n,u,V,v,w,B,N);function k(){return l.value==="SearchBar"?de:l.value==="ContentHeader"?Le:de}const L=k(),{renderHeader:W}=L(e,n,S);function P(R){S.search(R)}n.expose({search:P});function z(R){c.value&&(R.preventDefault(),R.stopPropagation())}return()=>t.createVNode("div",{class:i.value,onClick:z},[W(),t.createVNode("div",{ref:o,class:"f-list-view-content"},[t.createVNode("ul",{class:p.value,style:"list-style: none;"},[m.value&&a.value.map((R,$)=>M(R,$,g)),y.value&&t.createVNode("div",{class:"f-list-view-emptydata"},[t.createVNode("p",{class:"f-empty-title"},[r.value])]),n.slots.empty&&n.slots.empty()])]),T.value&&t.createVNode("div",{class:"f-list-view-footer"},[n.slots.footer&&n.slots.footer()])])}}),We=t.defineComponent({name:"FComboListContainer",props:ke,emits:["selectionChange"],setup(e,n){const o=t.ref(e.dataSource),s=t.ref([]),l=t.ref(e.separator),c=t.ref(e.width),d=t.ref(e.height),f=t.ref(String(e.selectedValues).split(l.value));t.watch(e.dataSource,()=>{o.value=e.dataSource});const g=t.computed(()=>e.enableSearch?"SearchBar":"ContentHeader"),r=t.computed(()=>{const a={};return c.value!==void 0&&(a.width=`${c.value}px`),d.value!==void 0&&(a.height=`${d.value}px`),a});function u(a){s.value=a.map(i=>Object.assign({},i)),f.value=a.map(i=>i[e.idField]),n.emit("selectionChange",s.value)}return t.watch([()=>e.selectedValues],([a])=>{f.value=a.split(l.value)}),()=>t.createVNode("div",{class:"f-combo-list-container pl-3",style:r.value},[t.createVNode(_e,{size:"small",itemClass:"f-combo-list-item",header:g.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":f.value,onSelectionChange:u},null)])}}),qe=new Map([["appearance",X]]);function ze(e,n,o){return n}const Ue={$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"]},Ge={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:"右对齐"}]}}}}}},fe={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"}};G(fe,Ue,qe,ze,Ge);const Xe={popupContentPosition:{type:Object,default:{left:0,top:0}},host:{type:Object},backgroundColor:{type:String,default:""}},Ke=t.defineComponent({name:"FOverlay",props:Xe,emits:["click"],setup(e,n){const o=t.ref(e.popupContentPosition),s=t.ref(e.host),l=t.computed(()=>({backgroundColor:e.backgroundColor||"",pointerEvents:"auto"}));function c(f){n.emit("click"),f.preventDefault(),f.stopPropagation()}t.computed(()=>{const f=s.value;if(f){const g=f.getBoundingClientRect(),{left:r,top:u,height:a}=g;return{left:r,top:u+a}}return o.value});const d=t.computed(()=>({}));return()=>t.createVNode(t.Teleport,{to:"body"},{default:()=>{var f,g;return[t.createVNode("div",{class:"overlay-container",onClick:r=>c(r),style:l.value},[t.createVNode("div",{style:d.value},[(g=(f=n.slots).default)==null?void 0:g.call(f)])])]}})}});function Je(e){if(e.content&&e.content.render)return e.content.render;if(e.render&&typeof e.render=="function")return e.render}function Qe(e){const n=document.createElement("div");n.style.display="contents";let o;const s=e.onClickCallback||(()=>{}),l=()=>{s(),o&&o.unmount()};return o=t.createApp({setup(){t.onUnmounted(()=>{document.body.removeChild(n)});const c=Je(e);return()=>t.createVNode(Ke,{"popup-content-position":e.popupPosition,host:e.host,onClick:l,backgroundColor:e.backgroundColor},{default:()=>[c&&c()]})}}),document.body.appendChild(n),o.mount(n),o}class Ye{static show(n){return Qe(n)}}const Ze={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}},et=t.defineComponent({name:"FModal",props:Ze,emits:["update:modelValue","accept","cancel","closed"],setup(e,n){const o=t.ref(e.width),s=t.ref(e.height),l=t.ref(e.modelValue),c=t.ref(""),d=t.ref(e.class),f=t.ref(e.fitContent),g=t.ref(e.showHeader),r=t.ref(""),u=t.ref(!0),a=t.ref(!1),i=t.ref(!1),p=t.ref(""),m=t.ref(""),v=t.ref(""),B=t.ref(e.showButtons),V=t.ref(e.title);function N(I,E){l.value=!1,n.emit("update:modelValue",!1),E!=null&&n.emit(E?"accept":"cancel"),n.emit("closed")}const w=[{text:"取消",class:"btn btn-light",handle:I=>{N(I,!1)}},{text:"确定",class:"btn btn-primary",handle:I=>{N(I,!0)}}],S=t.ref(e.buttons&&e.buttons.length?e.buttons:w),j=t.computed(()=>!!r.value),y=t.computed(()=>!!B.value&&!!S.value);t.ref(),t.ref(),t.watch(()=>e.modelValue,()=>{l.value=e.modelValue});const T=t.ref(!1),O=t.computed(()=>l.value),h=t.computed(()=>{const I={modal:!0,"farris-modal":!0};return I["f-modal-fitContent"]=f.value,I}),M=t.computed(()=>({display:O.value?"block":"none !important"})),k=t.computed(()=>{const I={"modal-dialog":!0};return d.value.split(" ").reduce((A,U)=>(A[U]=!0,A),I),I}),L=t.computed(()=>({position:"absolute",top:"50%",left:"50%",width:`${o.value}px`,height:f.value?"auto":`${s.value}px`,"margin-left":`${0-o.value/2}px`,"margin-top":f.value?"auto":`${0-s.value/2}px`})),W=t.computed(()=>({"modal-content":!0,"modal-content-has-header":g.value})),P=t.computed(()=>({display:g.value?"":"none"})),z=t.computed(()=>({"f-icon":!0,modal_maximize:!0,modalrevert:T.value})),R=t.computed(()=>({height:"10px","z-index":1,display:g.value?"none":""})),$=t.computed(()=>({"modal-body":!0,"f-utils-flex-column":p.value==="iframe"}));function F(){return{}}const D=t.computed(()=>{const I={textAlgin:v.value},E=F();return Object.assign(I,E)});function H(I){}return()=>t.createVNode(t.Teleport,{to:"body"},{default:()=>{var I,E;return[t.createVNode("div",{class:h.value,style:M.value},[t.createVNode("div",{id:c.value,class:k.value,style:L.value},[t.createVNode("div",{class:W.value},[t.createVNode("div",{ref:"modalHeaderRef",class:"modal-header",style:P.value},[t.createVNode("div",{class:"modal-title"},[j.value&&t.createVNode("span",{class:r.value,style:"margin-right: 8px"},null),t.createVNode("span",{class:"modal-title-label"},[V.value])]),t.createVNode("div",{class:"actions"},[t.createVNode("ul",null,[i.value&&t.createVNode("li",{class:"f-btn-icon f-bare"},[t.createVNode("span",{class:"f-icon modal_minimize"},null)]),a.value&&t.createVNode("li",{onClick:H,class:"f-btn-icon f-bare"},[t.createVNode("span",{class:z.value},null)]),u.value&&t.createVNode("li",{class:"f-btn-icon f-bare",onClick:A=>N(A,!1)},[t.createVNode("span",{class:"f-icon modal_close"},null)])])])]),t.createVNode("div",{ref:"dragableElementRef",class:"f-utils-absolute-all",style:R.value},null),t.createVNode("div",{class:$.value},[(E=(I=n.slots).default)==null?void 0:E.call(I),p.value==="iframe"&&t.createVNode("iframe",{title:c.value,class:"f-utils-fill",width:"100%",frameborder:"0",src:m.value},null)]),y.value&&t.createVNode("div",{class:"modal-footer",style:D.value},[S.value&&S.value.map(A=>t.createVNode("button",{type:"button",class:A.class+" "+(A.iconClass&&"btn-icontext"),onClick:U=>{A.handle&&A.handle(U)}},[!!A.iconClass&&t.createVNode("i",{class:A.iconClass},null),A.text]))])])])])]}})}});function tt(e){if(e.content&&e.content.render)return e.content.render;if(e.render&&typeof e.render=="function")return e.render}function nt(e){const n=document.createElement("div");n.style.display="contents";const o=t.createApp({setup(){t.onUnmounted(()=>{document.body.removeChild(n)});const s=t.ref(e.class||""),l=t.ref(!!e.showButtons),c=t.ref(!!e.showHeader),d=t.ref(!0),f=t.ref(e.title||""),g=e.acceptCallback||(()=>{}),r=e.rejectCallback||(()=>{}),u=tt(e),a=()=>{d.value=!1,o.unmount()};return()=>t.createVNode(et,{class:s.value,modelValue:d.value,"onUpdate:modelValue":i=>d.value=i,title:f.value,width:e.width,height:e.height,buttons:e.buttons,"show-header":c.value,"show-buttons":l.value,onAccept:g,onCancel:r,fitContent:e.fitContent,onClosed:a},{default:()=>[u&&u(o)]})}});return document.body.appendChild(n),o.mount(n),o}class ot{static show(n){const o=Object.assign({title:"",showButtons:!0,showHeader:!0},n);return nt(o)}}function at(e,n,o,s){const l=t.ref(e.buttonBehavior),c=t.ref(e.popupOnInput),d=t.computed(()=>({"input-group-append":!0,"append-force-show":e.showButtonWhenDisabled&&(e.readonly||e.disable)})),f=t.computed(()=>e.showButtonWhenDisabled||(!e.editable||!e.readonly)&&!e.disable);async function g(a){if(f.value){const i=!!n.slots.default;if(l.value==="Modal"){const p=e.modalOptions;ot.show({...p,render:()=>n.slots.default&&n.slots.default()})}l.value==="Overlay"&&Ye.show({host:document.body,backgroundColor:"rgba(0,0,0,.15)",render:()=>n.slots.default&&n.slots.default()}),i&&l.value==="Popup"&&s.togglePopup(),i&&c.value&&s.hidePopup(),n.emit("clickButton",{origin:a,value:e.modelValue})}a.stopPropagation()}function r(a){n.emit("mouseEnterIcon",a)}function u(a){n.emit("mouseLeaveIcon",a)}return{buttonGroupClass:d,onClickButton:g,onMouseEnterButton:r,onMouseLeaveButton:u}}function lt(e,n,o,s,l,c){const d=t.ref(!1),f=t.computed(()=>e.enableClear&&!e.readonly&&!e.disable),{changeTextBoxValue:g}=c;function r(p){d.value=p}t.watch(l,()=>{r(!!l.value)});function u(p){const m=!e.readonly&&!e.disable&&e.editable,v=!e.editable;p.stopPropagation(),(m||v)&&(g("",!1),r(!d.value),n.emit("clear"))}function a(p){if(f.value){if(!o.value){r(!1);return}!e.disable&&!e.readonly&&r(!0)}}function i(p){f.value&&r(!1)}return{enableClearButton:f,showClearButton:d,onClearValue:u,onMouseEnterTextBox:a,onMouseLeaveTextBox:i}}function it(e,n,o,s,l){const c=t.ref(e.popupOnInput),d=t.ref(e.popupOnFocus),{shouldPopupContent:f}=l,g=t.computed(()=>e.enableTitle?o.value:""),r=t.computed(()=>(e.disable||e.readonly)&&!e.forcePlaceholder?"":e.placeholder),u=t.computed(()=>e.readonly||!e.editable),a=t.ref(!1),i=t.computed(()=>!e.disable&&a.value),p=t.computed(()=>({"text-left":e.textAlign==="left","text-center":e.textAlign==="center","text-right":e.textAlign==="right","form-control":!0,"f-utils-fill":!0})),m=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":i.value}));function v(h,M=!0){o.value!==h&&(o.value=h,M&&n.emit("change",h),n.emit("update:modelValue",h))}function B(h){f.value=!1,v(h,!0)}t.watch(()=>e.modelValue,h=>{o.value=h});function V(h){a.value=!1,n.emit("blur",h),h.stopPropagation()}function N(h){n.emit("click",h)}function w(h){e.disable||(a.value=!0,u.value||(n.emit("focus",h),d.value&&!f.value&&l.popup()))}function S(h){n.emit("input",h.target.value);const M=h.target.value;s.value=M,o.value!==M&&v(M,!1),c.value&&!f.value&&l.popup()}function j(h){h.target.tagName!=="INPUT"&&h.preventDefault(),h.stopPropagation()}function y(h){n.emit("keydown",h)}function T(h){h.key==="Enter"&&(c.value||d.value)&&l.hidePopup(),n.emit("keyup",h)}function O(h){const M=h.target.value;h.stopPropagation(),v(M)}return{hasFocusedTextBox:i,isTextBoxReadonly:u,textBoxClass:p,textBoxPlaceholder:r,textBoxTitle:g,inputGroupClass:m,changeTextBoxValue:v,commitValue:B,onBlurTextBox:V,onClickTextBox:N,onFocusTextBox:w,onInput:S,onKeyDownTextBox:y,onKeyUpTextBox:T,onMouseDownTextBox:j,onTextBoxValueChange:O}}function rt(e,n,o){const s=t.ref(),l=t.ref(!1);function c(){const r=s.value;r&&r.show(o.value)}async function d(){!!n.slots.default&&(l.value=!l.value,await t.nextTick(),c())}async function f(){!!n.slots.default&&(l.value=!0,await t.nextTick(),c())}function g(){l.value=!1}return{hidePopup:g,popup:f,shouldPopupContent:l,togglePopup:d,popoverRef:s}}function ct(e,n,o){const{isTextBoxReadonly:s,textBoxClass:l,textBoxPlaceholder:c,textBoxTitle:d,onBlurTextBox:f,onClickTextBox:g,onFocusTextBox:r,onInput:u,onKeyDownTextBox:a,onKeyUpTextBox:i,onMouseDownTextBox:p,onTextBoxValueChange:m}=o;return()=>t.createVNode("input",{name:"input-group-value",autocomplete:e.autoComplete?"on":"off",class:l.value,disabled:e.disable,maxlength:e.maxLength,minlength:e.minLength,placeholder:c.value,readonly:s.value,tabindex:e.tabIndex,title:d.value,type:e.inputType,value:n.value,onBlur:f,onChange:m,onClick:g,onFocus:r,onInput:u,onKeydown:a,onKeyup:i,onMousedown:p},null)}function st(e,n,o){return n}const ut=new Map([["appearance",X]]),dt={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:[]}}}}}},ft={$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"]},pe={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}};G(pe,ft,ut,st,dt);function pt(e,n,o,s){const l=t.ref(-1),c=t.ref(!1);function d(u,a,i){u.stopPropagation(),a&&setTimeout(()=>{l.value=i,c.value=!0,a.moving=!0})}function f(u,a){if(u.preventDefault(),l.value!==a){const i=s.value[l.value],p=s.value;p.splice(l.value,1),p.splice(a,0,i),l.value=a}}function g(u,a){u.preventDefault(),u.dataTransfer&&(u.dataTransfer.dropEffect="move")}function r(u,a){a&&(a.moving=!1),o.value=s.value.filter(i=>i.type==="Tag").map(i=>i.payload),c.value=!1,n.emit("change",o.value)}return{dragstart:d,dragenter:f,dragover:g,dragend:r,isDragging:c}}const mt=t.defineComponent({name:"FTags",props:pe,emits:["remove","selectionChange","change"],setup(e,n){const o=t.ref(e.selectable),s=t.ref(e.customClass),l=t.ref(e.data),c=t.ref(e.tagType),d=t.ref(e.tagStyle),f=t.ref(e.showColor),g=t.ref(e.customStyle),r=t.ref(e.activeTag),u=t.ref(e.showClose),a=t.ref(e.addButtonText),i=t.ref(),p=t.ref(e.wrapText),m=t.ref();t.ref(e.disable);const v=t.ref(!1);function B(){const b=l.value.map(C=>({type:"Tag",payload:C}));return e.showAddButton&&b.push({type:"AddButton"}),b}const V=t.ref(B());function N(b){l.value=b,V.value=B()}const w=t.computed(()=>V.value.findIndex(b=>b.type==="Input")),S=pt(e,n,l,V),{dragstart:j,dragenter:y,dragover:T,dragend:O}=S;t.watch(()=>e.data,b=>N(b)),t.watch(()=>e.showAddButton,()=>{V.value=B()}),t.watch(()=>e.disable,b=>{V.value=B()}),t.watch(()=>e.activeTag,b=>{r.value=b}),t.watch(v,b=>{const C=[...V.value];b?C.length>0&&C[C.length-1].type!="Input"&&(C.splice(C.length-1,1),C.splice(C.length,0,{type:"Input"}),V.value=C,t.nextTick(()=>{m.value&&m.value.focus()})):C.length>0&&C[C.length-1].type!="AddButton"&&(C.splice(C.length-1,1),C.splice(C.length,0,{type:"AddButton"}),V.value=C)});const h=t.computed(()=>{const b={"farris-tags":!0,"farris-tags-checkable":o.value,"farris-tags-nowrap":!p.value};return s.value.split(" ").reduce((C,x)=>(C[x]=!0,C),b),b});function M(b){const C={"farris-tag-item":!0,"farris-tag-item-checked":o.value&&b.checked,"farris-tag-item-checkable":o.value,"farris-tag-item-has-color":f.value,"farris-tag-item-actived":r.value===b.name};if(c.value){const x=`farris-tag-item-${c.value}`;C[x]=!0}return C}const k=t.computed(()=>{const b={};return g.value&&g.value.split(";").reduce((C,x)=>{const q=x.split(":");return C[q[0]]=q[1],C},b),b});function L(b,C){!e.disable&&o.value&&(!C.hasOwnProperty("selectable")||C.selectable)&&(C.checked=!C.checked,r.value=C.checked?C.name:"",C.checked&&l.value.filter(x=>x.name!==C.name).forEach(x=>{x.checked=!C.checked}),n.emit("change",l.value),n.emit("selectionChange",C))}function W(b,C){let x;switch(b.key){case"Backspace":l.value=l.value.filter(q=>q.name!==C.name),n.emit("change",l.value);break;case"ArrowLeft":x=Math.max(i.value.scrollLeft+20,0),i.value.scrollLeft=x;break;case"ArrowRight":x=Math.max(i.value.scrollLeft-20,0),i.value.scrollLeft=x}}function P(b,C){const x=l.value.findIndex(q=>q.name===C.name);if(x>-1){const[q]=l.value.splice(x,1);V.value=B(),n.emit("change",l.value),n.emit("remove",{tags:l.value,remove:q})}b.stopPropagation()}const z=t.computed(()=>({"farris-tag-item":!0,"farris-tag-add-button":!0,"farris-tag-add-button-disabled":!e.enableAddButton}));function R(b){b.stopPropagation(),v.value=!0}function $(){return!e.disable&&t.createVNode("li",{class:z.value,onClick:b=>R(b)},[t.createVNode("span",{class:"f-icon f-icon-amplification"},null),a.value&&t.createVNode("span",{class:"farris-tag-add-text"},[a.value])])}function F(b,C,x){b>-1&&(l.value.splice(b,0,{name:C,value:x,selectable:o.value}),V.value=B(),v.value=!1,n.emit("change",l.value))}function D(b){if(b&&b.value){const C=b.value,x=w.value;F(x,C,C),b.innerText=""}else v.value=!1}function H(b){const C=b.target;C&&C.value?D(C):v.value=!1}function I(b){b.key==="Enter"&&D(b.target)}function E(){return!e.disable&&t.createVNode("li",{class:"farris-tag-input-box"},[t.createVNode("input",{ref:m,class:"form-control",onKeyup:I,onBlur:H},null)])}function A(b,C){return t.createVNode("li",{class:M(b),style:k.value,tabindex:0,id:b.name,key:b.name,onClick:x=>L(x,b),onKeydown:x=>W(x,b),draggable:"true",onDragstart:x=>j(x,b,C),onDragenter:x=>y(x,C),onDragend:x=>O(x,b),onDragover:x=>T(x,C)},[t.createVNode("span",{title:b.name,class:"tag-box"},[b.name]),!e.disable&&u.value&&t.createVNode("span",{class:"tag-delete"},[t.createVNode("i",{class:"f-icon f-icon-close",onClick:x=>P(x,b)},null)])])}function U(){return V.value.map((b,C)=>{switch(b.type){case"Tag":return A(b.payload,C);case"AddButton":return $();case"Input":return E()}})}const ne=t.computed(()=>({"farris-tags-item-container":!0,"farris-tag-item-capsule":d.value==="capsule"}));function oe(b){const C=Math.max(i.value.scrollLeft-b.deltaX,0);i.value.scrollLeft=C}function $t(b){var x;b.preventDefault(),b.stopPropagation();const C=(x=b.dataTransfer)==null?void 0:x.getData("Text");if(C){const q=C.split(":"),It=q[0],Q=q[1];[...l.value].findIndex(ae=>(console.log(`${ae.value} === ${Q} is ${ae.value===Q}`),ae.value===Q))>-1||F(l.value.length,It,Q)}}function xt(b){b.preventDefault()}return()=>t.createVNode("div",{class:h.value,onDrop:$t,onDragover:xt},[t.createVNode("ul",{ref:i,class:ne.value,onWheel:b=>oe(b)},[U()])])}});function ht(e,n,o){const s=t.ref(e.separator),{changeTextBoxValue:l}=o,c=t.computed(()=>n.value?n.value.split(s.value).map(f=>({name:f,selectable:!0})):[]);function d(f){l(f.map(g=>g.name).join(s.value),!0)}return()=>t.createVNode(mt,{id:`${e.id}-tag-editor`,class:"form-control",data:c.value,showClose:!0,showInput:!0,onChange:d},null)}function gt(e,n,o){const{buttonGroupClass:s,onClickButton:l,onMouseEnterButton:c,onMouseLeaveButton:d}=n,{enableClearButton:f,showClearButton:g,onClearValue:r}=o;return()=>t.createVNode("div",{id:`${e.id}-button-group`,class:s.value},[f.value&&t.withDirectives(t.createVNode("span",{class:"input-group-text input-group-clear",onClick:r},[t.createVNode("i",{class:"f-icon modal_close"},null)]),[[t.vShow,g.value]]),e.buttonContent&&t.createVNode("span",{class:"input-group-text input-group-append-button",innerHTML:e.buttonContent,onClick:l,onMouseenter:c,onMouseleave:d},null)])}const yt={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 bt(e){const n=e.host?e.host:"body",o=t.computed(()=>n==="body"?0:n?n.getBoundingClientRect().top:0),s=t.computed(()=>n==="body"?0:n?n.getBoundingClientRect().left:0),l=t.computed(()=>n==="body"?document.body.getBoundingClientRect().width:n?n.getBoundingClientRect().width-(e.rightBoundary?e.rightBoundary.getBoundingClientRect().width:0):document.body.getBoundingClientRect().width),c=t.computed(()=>n==="body"?document.body.getBoundingClientRect().height:n?n.getBoundingClientRect().height:document.body.getBoundingClientRect().height);return{host:n,hostLeft:s,hostTop:o,hostWidth:l,hostHeight:c}}function vt(e,n,o,s){var R;const l=t.ref(0),c=t.ref(((R=e.offsetX)==null?void 0:R.value)||0),d=t.ref(e.minWidth),f=t.ref(-1),g=t.ref(-1),r=t.ref(e.placement),u=t.ref(0),a=t.ref(0),i=t.ref(0),p=t.ref(document.documentElement.scrollLeft),m=t.ref(document.documentElement.scrollTop),{hostLeft:v,hostTop:B,hostWidth:V,hostHeight:N}=s;t.watch(e.offsetX,$=>{l.value=$-c.value});const w=t.computed(()=>{const $={left:`${a.value}px`,top:`${i.value}px`,transform:`translateX(${l.value}px)`};return e.zIndex!==-1&&($["z-index"]=e.zIndex),d.value!==-1&&($.width=`${d.value}px`),$}),S=t.computed(()=>({left:`${u.value}px`}));function j($){if($&&e.keepWidthWithReference){const F=$.getBoundingClientRect();d.value=Math.max(e.minWidth,F.width)}}function y($,F){const D=V.value-$.width-4;return D>0?D:F}function T($,F){const D=N.value-$.height-4;return D>0?D:F}function O($,F,D){const H=u.value,I=F.left-v.value+F.width/2+p.value,E=F.top-B.value-($.height+D.height)+m.value;return{popoverLeft:I,popoverTop:E,arrowLeft:H}}function h($,F,D){const H=F.top-B.value+(F.height+D.height)+m.value,I=T($,H);return Math.min(H,I)}function M($,F){const D=y(F,$),H=$<=D?u.value:$-D;return{popoverLeft:Math.min($,D),arrowLeft:H}}function k($,F,D){const H=F.left-v.value+F.width/2-(D.width/2-($.left-v.value))+p.value,{arrowLeft:I,popoverLeft:E}=M(H,$),A=h($,F,D);return{popoverLeft:E,popoverTop:A,arrowLeft:I}}function L($,F,D){const H=F.left-v.value+p.value,{arrowLeft:I,popoverLeft:E}=M(H,$),A=h($,F,D);return{popoverLeft:E,popoverTop:A,arrowLeft:I}}const W=new Map([["top",O],["bottom",k],["bottom-left",L]]);function P($){var E,A;const F=$.getBoundingClientRect();f.value=F.top,g.value=F.left;const D=(E=n.value)==null?void 0:E.getBoundingClientRect(),H=(A=o.value)==null?void 0:A.getBoundingClientRect(),I=W.get(r.value);if(I){const{arrowLeft:U,popoverLeft:ne,popoverTop:oe}=I(H,F,D);u.value=U,a.value=ne,i.value=oe}e.keepWidthWithReference&&j($)}function z($){if($){const F=$.getBoundingClientRect();(F.left!==g.value||F.top!==f.value)&&P($)}}return{arrowStyle:S,popoverStyle:w,position:r,popoverWidth:d,fitToReference:j,followToReferencePosition:z,locateToReference:P}}function Ct(e,n,o,s,l,c,d){const f=t.ref(e.visible),g=t.computed(()=>f.value),{fitToReference:r,locateToReference:u}=d;let a;function i(){f.value=!1,document.body.removeEventListener("click",a),n.emit("hidden")}a=m=>{if(!l.value.contains(m.target)){const v=l.value.closest(".popover");v&&v.removeEventListener("click",a),i()}};async function p(m){if(s.value&&o.value&&m){f.value=!0,l.value=m,c.value&&r(m),await t.nextTick(),u(m),document.body.addEventListener("click",a);const v=m.closest(".popover");v&&v.addEventListener("click",a),n.emit("shown")}}return n.expose({hide:i,show:p,shown:g}),{showPopover:f,hidePopverOnClickBodyHandler:a}}function wt(e,n,o,s,l){const{popoverWidth:c,fitToReference:d,followToReferencePosition:f}=l;function g(){if(o.value){f(o.value);const r=o.value.getBoundingClientRect();s.value&&r.width!==c.value&&d(o.value)}}return{onResize:g}}const St=t.defineComponent({name:"FPopover",props:yt,emits:["shown","hidden"],setup(e,n){const o=t.ref(),s=t.ref(),l=t.ref(e.reference),c=t.ref(e.keepWidthWithReference),d=t.computed(()=>!!e.title),f=bt(e),{host:g}=f,r=vt(e,o,s,f),{position:u,arrowStyle:a,popoverStyle:i,fitToReference:p,locateToReference:m}=r,{showPopover:v,hidePopverOnClickBodyHandler:B}=Ct(e,n,o,s,l,c,r),{onResize:V}=wt(e,n,l,c,r),N=t.computed(()=>{const S=`popover in popover-${u.value}`,j=`bs-popover-${u.value}`,y={"popover-fitcontent":e.fitContent};return y[S]=!0,y[j]=!0,(e.class||"").split(" ").reduce((O,h)=>(O[h]=!0,O),y),y}),w=t.computed(()=>({"popover-content":!0,"popover-body":!0}));return t.onMounted(()=>{e.reference&&m(l.value),c.value&&p(l.value),window.addEventListener("resize",V)}),t.onUnmounted(()=>{document.body.removeEventListener("click",B),window.removeEventListener("resize",V)}),()=>t.createVNode(t.Teleport,{to:g},{default:()=>{var S;return[t.withDirectives(t.createVNode("div",{ref:s,class:N.value,style:i.value,onClick:j=>{j.stopPropagation()}},[t.createVNode("div",{ref:o,class:"popover-arrow arrow",style:a.value},null),d.value&&t.createVNode("h3",{class:"popover-title popover-header"},[e.title]),t.createVNode("div",{class:w.value},[n.slots.default&&((S=n.slots)==null?void 0:S.default())])]),[[t.vShow,v.value]])]}})}});function Vt(e,n,o){const s=t.ref(e.popupMinWidth),{hidePopup:l,popoverRef:c}=o;return()=>t.createVNode(St,{id:`${e.id}-popover`,ref:c,visible:!0,placement:"bottom-left",host:e.popupHost,"keep-width-with-reference":!0,fitContent:!0,"right-boundary":e.popupRightBoundary,minWidth:s.value,offsetX:e.popupOffsetX,onHidden:l},{default:()=>{var d,f;return[(f=(d=n.slots).default)==null?void 0:f.call(d)]}})}const me=t.defineComponent({name:"FButtonEdit",props:fe,emits:["updateExtendInfo","clear","change","click","clickButton","blur","focus","mouseEnterIcon","mouseLeaveIcon","keyup","keydown","inputClick","input","update:modelValue"],setup(e,n){const o=t.ref(),s=t.ref(e.customClass),l=t.ref(e.modelValue),c=rt(e,n,o),{shouldPopupContent:d,hidePopup:f,togglePopup:g}=c,r=at(e,n,o,c),u=t.ref(""),a=it(e,n,l,u,c),{hasFocusedTextBox:i,commitValue:p,inputGroupClass:m}=a,v=lt(e,n,l,i,u,a),{onMouseEnterTextBox:B,onMouseLeaveTextBox:V}=v,N=t.computed(()=>{const h={"f-button-edit":!0,"f-cmp-inputgroup":!0,"f-button-edit-nowrap":!e.wrapText};return s.value&&s.value.split(" ").reduce((M,k)=>(M[k]=!0,M),h),h});function w(){return e.multiSelect&&e.inputType==="tag"?ht(e,l,a):ct(e,l,a)}let S=w();t.watch([()=>e.multiSelect,()=>e.inputType],()=>{S=w()});const j=gt(e,r,v),y=Vt(e,n,c),T={commitValue:p,elementRef:o,hidePopup:f,shouldPopupContent:d,togglePopup:g};t.onMounted(()=>{o.value.componentInstance=T,window.onresize=()=>{document.body.click()}});function O(h){o.value.contains(h.target)&&d.value||document.body.click()}return n.expose(T),()=>t.createVNode(t.Fragment,null,[t.createVNode("div",t.mergeProps(n.attrs,{ref:o,class:N.value,id:e.id,onMousedown:O}),[t.createVNode("div",{id:`${e.id}-input-group`,class:m.value,onMouseenter:B,onMouseleave:V},[S(),j()])]),d.value&&y()])}});function Bt(e){const n=t.ref(""),o=t.ref(e.modelValue),s=t.ref(e.data||[]),l=t.ref(e.editable);function c(a){const i=String(a).split(e.separator).map(m=>[m,!0]),p=new Map(i);return s.value.filter(m=>p.has(String(m[e.valueField])))}function d(a){const i=c(a).map(p=>p[e.textField]).join(e.separator);n.value=l.value?i||a:i}function f(a){const i=a.split(e.separator).map(m=>[m,!0]),p=new Map(i);return s.value.filter(m=>p.has(m[e.textField]))}function g(a){const i={};return i[e.idField]=a,i[e.textField]=a,[i]}function r(a){let i=f(a);const p=i&&i.length>0;return l.value&&!p&&(i=g(a)),i}function u(){const{url:a,method:i="GET",headers:p={},body:m=null}=e.remote;fetch(a,{method:i,headers:p,body:m}).then(B=>{if(B.status===200)return B.json();throw new Error(B.statusText)}).then(B=>{s.value=B}).catch(B=>{console.error(B)})}return e.remote&&u(),t.watch(()=>e.data,()=>{s.value=e.data}),t.watch([s],([a])=>{if(e.modelValue){const i=a.find(p=>p[e.valueField]===e.modelValue);i&&(n.value=i[e.textField])}}),t.watch(()=>e.modelValue,a=>{o.value=a,d(a)}),d(e.modelValue),{dataSource:s,displayText:n,editable:l,modelValue:o,getItemsByDisplayText:f,getItemsByValue:c,getSelectedItemsByDisplayText:r}}const J=t.defineComponent({name:"FComboList",props:K,emits:["clear","update:modelValue","change"],setup(e,n){const o=t.ref(),s=t.ref(e.disabled),l=t.ref(e.enableClear),c=t.ref(e.enableSearch),d=t.ref(e.readonly),{dataSource:f,displayText:g,editable:r,modelValue:u,getSelectedItemsByDisplayText:a}=Bt(e),i=t.computed(()=>e.multiSelect),p=t.computed(()=>o.value?o.value.elementRef.getBoundingClientRect().width:0);function m(){!i.value&&o.value&&o.value.hidePopup()}function v(w){g.value=w.map(S=>S[e.textField]).join(e.separator),u.value=w.map(S=>S[e.valueField]).join(e.separator),n.emit("update:modelValue",u.value),n.emit("change",w,u.value),m()}function B(w){u.value="",n.emit("update:modelValue",""),n.emit("clear")}function V(w){const S=a(w);v(S)}function N(){return g.value}return n.expose({getDisplayText:N}),t.watch([()=>e.disabled,()=>e.editable,()=>e.enableClear,()=>e.enableSearch,()=>e.readonly],([w,S,j,y,T])=>{s.value=w,r.value=S,l.value=j,c.value=y,d.value=T}),()=>t.createVNode(me,{ref:o,id:e.id,disable:s.value,readonly:d.value,forcePlaceholder:e.forcePlaceholder,editable:r.value,buttonContent:e.dropDownIcon,placeholder:e.placeholder,enableClear:l.value,maxLength:e.maxLength,tabIndex:e.tabIndex,enableTitle:e.enableTitle,multiSelect:e.multiSelect,inputType:e.multiSelect?"tag":"text",modelValue:g.value,"onUpdate:modelValue":w=>g.value=w,onClear:B,onChange:V},{default:()=>[t.createVNode(We,{idField:e.idField,valueField:e.valueField,textField:e.textField,titleField:e.titleField,dataSource:f.value,selectedValues:u.value,multiSelect:e.multiSelect,enableSearch:c.value,height:e.maxHeight,width:e.fitEditor?p.value:void 0,onSelectionChange:v},null)]})}});function Tt(e,n,o){var j;function s(){o!=null&&o.resolveComponentContext&&o.resolveComponentContext()}s();const l=o&&o.getStyles&&o.getStyles()||"",c=o&&o.getDesignerClass&&o.getDesignerClass()||"",d=t.ref();function f(){return(n==null?void 0:n.schema.componentType)==="frame"?!1:o&&o.checkCanMoveComponent?o.checkCanMoveComponent():!0}function g(){return!1}function r(){return(n==null?void 0:n.schema.componentType)==="frame"?!1:o&&o.checkCanDeleteComponent?o.checkCanDeleteComponent():!0}function u(){return(n==null?void 0:n.schema.componentType)==="frame"?!0:o&&o.hideNestedPaddingInDesginerView?o.hideNestedPaddingInDesginerView():!1}function a(y){if(!y||!y.value)return null;if(y.value.schema&&y.value.schema.type==="component")return y.value;const T=t.ref(y==null?void 0:y.value.parent),O=a(T);return O||null}function i(y=n){const{componentInstance:T,designerItemElementRef:O}=y;return!T||!T.value?null:T.value.canMove?O:i(y.parent)}function p(y){return!!o&&o.canAccepts(y)}function m(){return(n==null?void 0:n.schema.label)||(n==null?void 0:n.schema.title)||(n==null?void 0:n.schema.name)}function v(){}function B(y,T){T&&o!=null&&o.onAcceptMovedChildElement&&o.onAcceptMovedChildElement(T)}function V(y){const{componentType:T}=y;let O=Z(T,y);o&&o.onResolveNewComponentSchema&&(O=o.onResolveNewComponentSchema(y,O));const h=T.toLowerCase().replace("-","_");return O&&!O.id&&O.type===T&&(O.id=`${h}_${Math.random().toString().slice(2,6)}`),O}function N(y,T){const O=String(y.getAttribute("data-controltype")),h=y.getAttribute("data-feature"),M=h?JSON.parse(h):{};M.parentComponentInstance=d.value;let k=Z(O,M);o&&o.onAcceptNewChildElement&&(k=o.onAcceptNewChildElement(y,T,k));const L=O.toLowerCase().replace("-","_");return k&&!k.id&&k.type===O&&(k.id=`${L}_${Math.random().toString().slice(2,6)}`),k}function w(y){}function S(){return o&&o.getPropsConfig?o.getPropsConfig():[]}return d.value={canMove:f(),canSelectParent:g(),canDelete:r(),canNested:!u(),contents:n==null?void 0:n.schema.contents,elementRef:e,parent:(j=n==null?void 0:n.parent)==null?void 0:j.componentInstance,schema:n==null?void 0:n.schema,styles:l,designerClass:c,canAccepts:p,getBelongedComponentInstance:a,getDraggableDesignItemElement:i,getDraggingDisplayText:m,getPropConfig:S,getDragScopeElement:v,onAcceptMovedChildElement:B,onAcceptNewChildElement:N,onChildElementMovedOut:w,addNewChildComponentSchema:V,updateDragAndDropRules:s,triggerBelongedComponentToMoveWhenMoved:!!o&&o.triggerBelongedComponentToMoveWhenMoved||t.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!o&&o.triggerBelongedComponentToDeleteWhenDeleted||t.ref(!1)},d}const kt=t.defineComponent({name:"FComboListDesign",props:K,emits:["clear","update:modelValue","change"],setup(e,n){const o=t.ref(),s=t.inject("design-item-context"),l=Tt(o,s);return t.onMounted(()=>{o.value.componentInstance=l}),n.expose(l.value),()=>t.createVNode(me,{ref:o,id:e.id,disable:e.disabled,readonly:e.readonly,forcePlaceholder:e.forcePlaceholder,editable:e.editable,buttonContent:e.dropDownIcon,placeholder:e.placeholder,enableClear:e.enableClear,maxLength:e.maxLength,tabIndex:e.tabIndex,enableTitle:e.enableTitle,multiSelect:e.multiSelect,inputType:e.multiSelect?"tag":"text"},null)}}),Nt={install(e){e.component(J.name,J)},register(e,n,o){e["combo-list"]=J,n["combo-list"]=ee},registerDesigner(e,n,o){e["combo-list"]=kt,n["combo-list"]=ee}};_.FComboList=J,_.Placement=ce,_.ViewType=re,_.comboListProps=K,_.default=Nt,_.propsResolver=ee,Object.defineProperties(_,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/combo-list/package.json

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