@farris/ui-vue 1.7.0-beta.4 → 1.7.0

package/components/combo-tree/index.umd.cjs

@@ -1 +1 @@
-(function(m,w){typeof exports=="object"&&typeof module<"u"?w(exports,require("../common/index.umd.js"),require("vue"),require("lodash-es"),require("../button-edit/index.umd.js"),require("../dynamic-resolver/index.umd.js"),require("../tree-view/index.umd.js"),require("../input-group/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../common/index.umd.js","vue","lodash-es","../button-edit/index.umd.js","../dynamic-resolver/index.umd.js","../tree-view/index.umd.js","../input-group/index.umd.js"],w):(m=typeof globalThis<"u"?globalThis:m||self,w(m["combo-tree"]={},m.common,m.Vue,m.LodashES,m.FButtonEdit,m.dynamicResolver,m.FTreeView,m.inputGroup))})(this,function(m,w,l,I,k,P,H,q){"use strict";const L=new Map([["appearance",P.resolveAppearance]]),A={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/combo-list.schema.json",title:"combo-tree",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-tree"},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:""},valueField:{description:"",type:"string",default:"id"},titleField:{description:"",type:"string",default:"name"},textField:{description:"",type:"string",default:"name"},data:{description:"",type:"array"},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:"string",default:""},formatter:{type:"object",default:null},customRowStatus:{type:"object",default:null},minPanelWidth:{description:"",type:"number",default:160},idField:{description:"",type:"string",default:"id"},multiSelect:{description:"",type:"boolean",default:!1},viewType:{description:"",type:"string",default:"text"},searchFields:{description:"",type:"array",default:[]},enableSearch:{description:"",type:"boolean",default:!1},displayFormatter:{type:"object",default:null},enableClear:{description:"",type:"boolean",default:!0}},required:["id","type"]};function $(e,r,s){return r}var R=(e=>(e.Text="text",e.Tag="tag",e))(R||{}),N=(e=>(e.top="top",e.bottom="bottom",e.auto="auto",e))(N||{});const j={id:{type:String},data:{type:Array,default:[]},displayText:{type:String,default:""},disabled:{type:Boolean,default:!1},dropDownIcon:{type:String,default:'<span class="f-icon f-icon-arrow-chevron-down"></span>'},editable:{type:Boolean,default:!1},enableClear:{type:Boolean,default:!0},enableSearch:{type:Boolean,default:!1},enableTitle:{type:Boolean,default:!0},fitEditor:{type:Boolean,default:!1},forcePlaceholder:{type:Boolean,default:!1},hidePanelOnClear:{type:Boolean,default:!0},idField:{type:String,default:"id"},mapFields:{type:Object},maxHeight:{type:Number,default:350},maxLength:{type:Number},multiSelect:{type:Boolean,default:!1},modelValue:{type:String,default:""},placeholder:{type:String},placement:{type:String,default:"auto"},readonly:{type:Boolean,default:!1},remoteSearch:{type:Boolean,default:!1},separator:{type:String,default:","},tabIndex:{type:Number,default:-1},textField:{type:String,default:"name"},titleField:{type:String,default:"name"},valueField:{type:String,default:"id"},viewType:{type:String,default:"text"},focusOnCreated:{type:Boolean,default:!1},selectOnCreated:{type:Boolean,default:!1},formatter:{type:Function,default:null},displayFormatter:{type:Function,default:null},editorParams:{type:Object},repositoryToken:{type:Symbol,default:null},customRowStatus:{type:Object,default:null},minPanelWidth:{type:Number,default:160},searchFields:{type:Array,default:["name"]}},M=P.createPropsResolver(j,A,L,$),U={data:{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"},formatter:{type:Function},maxHeight:{type:Number,default:350},repositoryToken:{type:Symbol,default:null},editorParams:{type:Object},customRowStatus:{type:Object,default:null},searchHandler:{type:Function,default:()=>{}}},W=l.defineComponent({name:"FComboTreeContainer",props:U,emits:["selectionChange","selectItem","unSelectItem"],setup(e,r){const s=l.ref(e.data),f=l.ref([]),v=l.ref(e.separator),p=l.ref(e.width),F=l.ref(e.height),C=l.ref(e.maxHeight),y=l.ref(String(e.selectedValues).split(v.value)),S=l.ref(),b={customRowStatus:e.customRowStatus};l.watch(()=>e.selectedValues,t=>{y.value=String(t).split(v.value)}),l.watch(()=>e.data,t=>{var d;s.value=t,(d=S.value)==null||d.updateDataSource(t)});const o={enableSelectRow:!0,multiSelect:e.multiSelect,showCheckbox:e.multiSelect,multiSelectMode:"OnCheckAndClick"};let n=null;e.repositoryToken&&(n=l.inject(e.repositoryToken));const u=l.computed(()=>[{field:e.textField,title:"",dataType:"string",formatter:e.formatter}]),a=l.computed(()=>{const t={};return p.value!==void 0&&(t.width=`${p.value}px`),F.value!==void 0&&(t.height=`${F.value}px`),C.value!==void 0&&C.value>0&&(t.maxHeight=`${C.value}px`,t.overflow="auto"),s.value.length===0&&(t.height="200px"),t.position="relative",t});function i(t=[]){t&&t.length>0?(f.value=[...t],y.value=f.value.map(d=>d[e.idField])):(f.value=[],y.value=[]),r.emit("selectionChange",f.value)}return l.onMounted(()=>{n&&n.getData(e.editorParams).then(t=>{s.value=t}),y.value&&S.value.activeRowById(y.value[0])}),r.expose({treeInstance:S}),()=>l.createVNode("div",{class:"f-combo-tree-container",style:a.value},[e.multiSelect&&e.enableSearch&&l.createVNode("div",{class:"p-2",style:"position: sticky;top:0;z-index: 2; background:white",onMousedown:t=>t.stopPropagation()},[l.createVNode(q.FInputGroup,{buttonContent:'<i class="f-icon f-icon-search"></i>',enableClear:!0,placeholder:"请输入搜索内容",onClear:()=>r.emit("clearSearch"),onInput:(t,d)=>e.searchHandler(d)},null)]),l.createVNode(H,{ref:S,fit:!0,data:s.value,idField:e.idField,columns:u.value,"selection-values":y.value,onSelectionUpdate:i,columnOption:{fitColumns:!0,fitMode:"expand"},rowOption:b,selection:o,rowNumber:{enable:!1},onSelectItem:t=>r.emit("selectItem",t.raw),onUnSelectItem:t=>r.emit("unSelectItem",t.raw)},null)])}});function E(e){const r=l.ref(""),s=l.ref(e.modelValue),f=l.ref(e.data||[]),v=l.ref(e.editable);function p(o,n=[]){return o=o||[],o.reduce((u,a)=>(a.id=a.id||a.data[e.idField],u.push(a),a.children&&a.children.length&&p(a.children,u),u),n)}function F(o){const n=String(o).split(e.separator).map((t,d)=>[t,d]),u=new Map(n),a=[];return p(f.value,a),a.filter(t=>{const d=t.data?String(t.data[e.valueField]):String(t[e.valueField]);return u.has(d)}).map(t=>t.data?t.data:t).sort((t,d)=>{const g=u.get(String(t[e.valueField]))||0,T=u.get(String(d[e.valueField]))||0;return g-T})}function C(o){const n=F(o),u=e.displayFormatter?e.displayFormatter(n):n.map(a=>a[e.textField]).join(e.separator);r.value=v.value?u||o:u}function y(o){const n=o.split(e.separator).map(i=>[i,!0]),u=new Map(n);let a=[];return f.value[0].data?p(f.value,a):a=f.value,a=a.map(i=>i.data?i.data:i),a.filter(i=>u.has(i[e.textField])||u.has(i[e.valueField]))}function S(o){const n={};return n[e.idField]=o,n[e.textField]=o,[n]}function b(o){let n=y(o);const u=n&&n.length>0;return v.value&&!u&&(n=S(o)),n}return l.watch(()=>e.data,()=>{f.value=e.data}),l.watch([f],([o])=>{if(e.modelValue){const n=o.find(u=>u[e.valueField]===e.modelValue);n&&(r.value=n[e.textField])}}),l.watch(()=>e.modelValue,(o,n)=>{o!==n&&(s.value=o,C(o))}),C(e.modelValue),{dataSource:f,displayText:r,editable:v,modelValue:s,getItemsByDisplayText:y,getItemsByValue:F,getSelectedItemsByDisplayText:b,flatTreeNodes:p}}function _(e,r){const{comboEditorRef:s,dataSource:f,searchFields:v,originalValue:p,showPopover:F,flatTreeNodes:C}=e;function y(a,i){a.forEach(t=>{const d=i.find(g=>g.id===t.id);t.selectable=d.selectable!=null?!!d.selectable:!0,t.children&&y(t.children,i)})}function S(a,i){const t=(a.children||[]).map(g=>S(g,i)).filter(g=>g!==null);return v.value.some(g=>{var T;return(T=a.data[g])==null?void 0:T.toString().toLowerCase().includes(i.toLowerCase())})?{data:{...a.data},children:a.children,id:a.data[r]}:t.length>0?{data:{...a.data},children:t,id:a.data[r]}:null}function b(){p.value=I.cloneDeep(f.value)}function o(a){var t;if(F.value||(t=s.value)==null||t.showPopup(),!a){b();return}const i=f.value.map(d=>S(d,a)).filter(d=>d!==null);if(i.length){const d=[];C(f.value,d),y(i,d)}p.value=I.cloneDeep(i)}const n=I.debounce(a=>{var t;const i=(t=a.target)==null?void 0:t.value;o(i)},200);function u(a){var t;let i=(t=a.target)==null?void 0:t.value;i!==""&&(i=i.trim()),a.target._value!==i&&n(a)}return{onValueChange:u,resetDataSource:b}}const V=l.defineComponent({name:"FComboTree",props:j,emits:["clear","update:modelValue","change","search"],setup(e,r){const s=l.ref(),f=l.ref(e.disabled),v=l.ref(e.enableClear),p=l.ref(e.enableSearch),F=l.ref(e.readonly),C=l.ref(e.searchFields||[e.textField]),y=l.ref(),S=l.ref(),b={},{dataSource:o,displayText:n,editable:u,modelValue:a,flatTreeNodes:i}=E(e),t=l.computed(()=>e.multiSelect);l.computed(()=>s.value?s.value.elementRef.getBoundingClientRect().width:0);const d=l.computed(()=>{var h;const c=(h=s.value)==null?void 0:h.popoverRef;return c?c.shown:!1}),{onValueChange:g,resetDataSource:T}=_({comboEditorRef:s,dataSource:o,searchFields:C,originalValue:y,showPopover:d,flatTreeNodes:i},e.idField);function z(){!t.value&&s.value&&s.value.hidePopup()}const D=c=>e.displayFormatter?e.displayFormatter(c):c.map(h=>h[e.textField]).join(e.separator);function B(c=[]){if(!t.value)n.value=D(c),a.value=c.map(h=>h[e.valueField]).join(e.separator),r.emit("update:modelValue",a.value),r.emit("change",c,a.value);else{const h=Object.keys(b),x=Object.values(b);n.value=D(x),a.value=h.join(e.separator),r.emit("update:modelValue",a.value),r.emit("change",x,a.value)}z()}function J(c){var h;a.value="",d.value&&((h=s.value)==null||h.hidePopup()),r.emit("update:modelValue",""),r.emit("change",null,a.value),r.emit("clear")}function K(c){t.value&&(delete b[c.id],B())}function Q(c){t.value&&(b[c.id]=c.data,B())}l.watch([()=>e.disabled,()=>e.editable,()=>e.enableClear,()=>e.enableSearch,()=>e.readonly],([c,h,x,O,Y])=>{f.value=c,u.value=h,v.value=x,p.value=O,F.value=Y});const X=()=>{if(y.value=I.cloneDeep(o.value),t.value&&a.value){const c=[];i(o.value,c),a.value.split(e.separator).reduce((h,x)=>(h[x]=c.find(O=>O.id===x),h),b)}};return()=>l.createVNode(k,{ref:s,id:e.id,disable:f.value,readonly:F.value,forcePlaceholder:e.forcePlaceholder,editable:u.value&&!e.multiSelect,buttonContent:e.dropDownIcon,placeholder:e.placeholder,enableClear:v.value,maxLength:e.maxLength,tabIndex:e.tabIndex,enableTitle:e.enableTitle,inputType:e.viewType,popupOnClick:!0,modelValue:n.value,"onUpdate:modelValue":c=>n.value=c,onClear:J,onInput:g,focusOnCreated:e.focusOnCreated,selectOnCreated:e.selectOnCreated,beforeOpen:X,placement:e.placement,popupMinWidth:e.minPanelWidth},{default:()=>[d.value&&l.createVNode(W,{ref:S,maxHeight:e.maxHeight,multiSelect:e.multiSelect,enableSearch:e.enableSearch,idField:e.idField,valueField:e.valueField,textField:e.textField,titleField:e.titleField,data:y.value,selectedValues:a.value,onSelectionChange:B,formatter:e.formatter,editorParams:e.editorParams,repositoryToken:e.repositoryToken,customRowStatus:e.customRowStatus,searchHandler:g,onUnSelectItem:K,onSelectItem:Q,onClearSearch:T},null)]})}});V.register=(e,r,s,f)=>{e["combo-tree"]=V,r["combo-tree"]=M};const G=w.withInstall(V);m.FComboTree=V,m.Placement=N,m.ViewType=R,m.comboTreeProps=j,m.default=G,m.propsResolver=M,Object.defineProperties(m,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(y,I){typeof exports=="object"&&typeof module<"u"?I(exports,require("../common/index.umd.js"),require("vue"),require("lodash-es"),require("../button-edit/index.umd.js"),require("../tree-view/index.umd.js"),require("../input-group/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../common/index.umd.js","vue","lodash-es","../button-edit/index.umd.js","../tree-view/index.umd.js","../input-group/index.umd.js"],I):(y=typeof globalThis<"u"?globalThis:y||self,I(y["combo-tree"]={},y.common,y.Vue,y.LodashES,y.FButtonEdit,y.FTreeView,y.inputGroup))})(this,function(y,I,l,V,R,M,k){"use strict";var O=(e=>(e.Text="text",e.Tag="tag",e))(O||{}),P=(e=>(e.top="top",e.bottom="bottom",e.auto="auto",e))(P||{});const j={id:{type:String},data:{type:Array,default:[]},displayText:{type:String,default:""},disabled:{type:Boolean,default:!1},dropDownIcon:{type:String,default:'<span class="f-icon f-icon-arrow-chevron-down"></span>'},editable:{type:Boolean,default:!1},enableClear:{type:Boolean,default:!0},enableSearch:{type:Boolean,default:!1},enableTitle:{type:Boolean,default:!0},fitEditor:{type:Boolean,default:!1},forcePlaceholder:{type:Boolean,default:!1},hidePanelOnClear:{type:Boolean,default:!0},idField:{type:String,default:"id"},mapFields:{type:Object},maxHeight:{type:Number,default:350},maxLength:{type:Number},multiSelect:{type:Boolean,default:!1},modelValue:{type:String,default:""},placeholder:{type:String},placement:{type:String,default:"auto"},readonly:{type:Boolean,default:!1},remoteSearch:{type:Boolean,default:!1},separator:{type:String,default:","},tabIndex:{type:Number,default:-1},textField:{type:String,default:"name"},titleField:{type:String,default:"name"},valueField:{type:String,default:"id"},viewType:{type:String,default:"text"},focusOnCreated:{type:Boolean,default:!1},selectOnCreated:{type:Boolean,default:!1},formatter:{type:Function,default:null},displayFormatter:{type:Function,default:null},editorParams:{type:Object},repositoryToken:{type:Symbol,default:null},customRowStatus:{type:Object,default:null},minPanelWidth:{type:Number,default:160},searchFields:{type:Array,default:["name"]}},H={data:{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"},formatter:{type:Function},maxHeight:{type:Number,default:350},repositoryToken:{type:Symbol,default:null},editorParams:{type:Object},customRowStatus:{type:Object,default:null},searchHandler:{type:Function,default:()=>{}}},q=l.defineComponent({name:"FComboTreeContainer",props:H,emits:["selectionChange","selectItem","unSelectItem"],setup(e,c){const h=l.ref(e.data),f=l.ref([]),C=l.ref(e.separator),b=l.ref(e.width),T=l.ref(e.height),x=l.ref(e.maxHeight),S=l.ref(String(e.selectedValues).split(C.value)),v=l.ref(),g={customRowStatus:e.customRowStatus};l.watch(()=>e.selectedValues,a=>{S.value=String(a).split(C.value)}),l.watch(()=>e.data,a=>{var s;h.value=a,(s=v.value)==null||s.updateDataSource(a)});const d={enableSelectRow:!0,multiSelect:e.multiSelect,showCheckbox:e.multiSelect,multiSelectMode:"OnCheckAndClick"};let i=null;e.repositoryToken&&(i=l.inject(e.repositoryToken));const r=l.computed(()=>[{field:e.textField,title:"",dataType:"string",formatter:e.formatter}]),t=l.computed(()=>{const a={};return b.value!==void 0&&(a.width=`${b.value}px`),T.value!==void 0&&(a.height=`${T.value}px`),x.value!==void 0&&x.value>0&&(a.maxHeight=`${x.value}px`,a.overflow="auto"),h.value.length===0&&(a.height="200px"),a.position="relative",a});function u(a=[]){a&&a.length>0?(f.value=[...a],S.value=f.value.map(s=>s[e.idField])):(f.value=[],S.value=[]),c.emit("selectionChange",f.value)}l.onMounted(()=>{i&&i.getData(e.editorParams).then(a=>{h.value=a}),S.value&&v.value.activeRowById(S.value[0])});const n=a=>{v.value.selectItemByIds(a)};return c.expose({treeInstance:v,checkItems:n}),()=>l.createVNode("div",{class:"f-combo-tree-container",style:t.value},[e.multiSelect&&e.enableSearch&&l.createVNode("div",{class:"p-2",style:"position: sticky;top:0;z-index: 2; background:white",onMousedown:a=>a.stopPropagation()},[l.createVNode(k.FInputGroup,{buttonContent:'<i class="f-icon f-icon-search"></i>',enableClear:!0,placeholder:"请输入搜索内容",onClear:()=>c.emit("clearSearch"),onInput:(a,s)=>e.searchHandler(s)},null)]),l.createVNode(M,{ref:v,fit:!0,data:h.value,idField:e.idField,columns:r.value,"selection-values":S.value,onSelectionUpdate:u,columnOption:{fitColumns:!0,fitMode:"expand"},rowOption:g,selection:d,rowNumber:{enable:!1},onSelectItem:a=>c.emit("selectItem",a.raw),onUnSelectItem:a=>c.emit("unSelectItem",a.raw)},null)])}});function A(e){const c=l.ref(""),h=l.ref(e.modelValue),f=l.ref(e.data||[]),C=l.ref(e.editable);function b(d,i=[]){return d=d||[],d.reduce((r,t)=>(t.id=t.id||t.data[e.idField],r.push(t),t.children&&t.children.length&&b(t.children,r),r),i)}function T(d){const i=String(d).split(e.separator).map((n,a)=>[n,a]),r=new Map(i),t=[];return b(f.value,t),t.filter(n=>{const a=n.data?String(n.data[e.valueField]):String(n[e.valueField]);return r.has(a)}).map(n=>n.data?n.data:n).sort((n,a)=>{const s=r.get(String(n[e.valueField]))||0,w=r.get(String(a[e.valueField]))||0;return s-w})}function x(d){const i=T(d),r=e.displayFormatter?e.displayFormatter(i):i.map(t=>t[e.textField]).join(e.separator);c.value=C.value?r||d:r}function S(d){const i=d.split(e.separator).map(u=>[u,!0]),r=new Map(i);let t=[];return f.value[0].data?b(f.value,t):t=f.value,t=t.map(u=>u.data?u.data:u),t.filter(u=>r.has(u[e.textField])||r.has(u[e.valueField]))}function v(d){const i={};return i[e.idField]=d,i[e.textField]=d,[i]}function g(d){let i=S(d);const r=i&&i.length>0;return C.value&&!r&&(i=v(d)),i}return l.watch(()=>e.data,()=>{f.value=e.data}),l.watch([f],([d])=>{if(e.modelValue){const i=d.find(r=>r[e.valueField]===e.modelValue);i&&(c.value=i[e.textField])}}),l.watch(()=>e.modelValue,(d,i)=>{d!==i&&(h.value=d,x(d))}),x(e.modelValue),{dataSource:f,displayText:c,editable:C,modelValue:h,getItemsByDisplayText:S,getItemsByValue:T,getSelectedItemsByDisplayText:g,flatTreeNodes:b}}function L(e,c){const{comboEditorRef:h,dataSource:f,searchFields:C,originalValue:b,showPopover:T,flatTreeNodes:x}=e;function S(t,u){t.forEach(n=>{const a=u.find(s=>s.id===n.id);n.selectable=a.selectable!=null?!!a.selectable:!0,n.children&&S(n.children,u)})}function v(t,u){const n=(t.children||[]).map(s=>v(s,u)).filter(s=>s!==null);return C.value.some(s=>{var w;return(w=t.data[s])==null?void 0:w.toString().toLowerCase().includes(u.toLowerCase())})?{data:{...t.data},children:t.children,id:t.data[c]}:n.length>0?{data:{...t.data},children:n,id:t.data[c]}:null}function g(){b.value=V.cloneDeep(f.value)}function d(t){var n;if(T.value||(n=h.value)==null||n.showPopup(),!t){g();return}const u=f.value.map(a=>v(a,t)).filter(a=>a!==null);if(u.length){const a=[];x(f.value,a),S(u,a)}b.value=V.cloneDeep(u)}const i=V.debounce(t=>{var n;const u=(n=t.target)==null?void 0:n.value;d(u)},200);function r(t){var n;let u=(n=t.target)==null?void 0:n.value;u!==""&&(u=u.trim()),t.target._value!==u&&i(t)}return{onValueChange:r,resetDataSource:g}}const N=l.defineComponent({name:"FComboTree",props:j,emits:["clear","update:modelValue","change","search"],setup(e,c){const h=l.ref(),f=l.ref(e.disabled),C=l.ref(e.enableClear),b=l.ref(e.enableSearch),T=l.ref(e.readonly),x=l.ref(e.searchFields||[e.textField]),S=l.ref(),v=l.ref();let g={};const{dataSource:d,displayText:i,editable:r,modelValue:t,flatTreeNodes:u}=A(e),n=l.computed(()=>e.multiSelect);l.computed(()=>h.value?h.value.elementRef.getBoundingClientRect().width:0);const a=l.computed(()=>{var m;const o=(m=h.value)==null?void 0:m.popoverRef;return o?o.shown:!1}),{onValueChange:s,resetDataSource:w}=L({comboEditorRef:h,dataSource:d,searchFields:x,originalValue:S,showPopover:a,flatTreeNodes:u},e.idField);function E(){!n.value&&h.value&&h.value.hidePopup()}const D=o=>{const m=o==null?void 0:o.map(F=>F.data||F);return e.displayFormatter?e.displayFormatter(m):m.map(F=>F[e.textField]).join(e.separator)};function p(o=[]){if(!n.value)i.value=D(o),t.value=o.map(m=>m.data?m.data[e.valueField]:m[e.valueField]).join(e.separator),c.emit("update:modelValue",t.value),c.emit("change",o,t.value);else{const m=Object.keys(g),F=Object.values(g);i.value=D(F),t.value=m.join(e.separator),c.emit("update:modelValue",t.value),c.emit("change",F,t.value)}E()}function W(o){var m;t.value="",g={},a.value&&((m=h.value)==null||m.hidePopup()),c.emit("update:modelValue",""),c.emit("change",null,t.value),c.emit("clear")}function _(o){n.value&&(delete g[o.id],p())}function G(o){n.value&&(g[o.id]=o.data,p())}l.watch([()=>e.disabled,()=>e.editable,()=>e.enableClear,()=>e.enableSearch,()=>e.readonly],([o,m,F,B,J])=>{f.value=o,r.value=m,C.value=F,b.value=B,T.value=J});const $=()=>{if(S.value=V.cloneDeep(d.value),n.value&&t.value){const o=[];u(d.value,o),t.value.split(e.separator).reduce((m,F)=>(m[F]=o.find(B=>B.id===F),m),g)}};function z(){w(),setTimeout(()=>{var o;(o=v.value)==null||o.checkItems(t.value.split(e.separator))})}return()=>l.createVNode(R,{ref:h,id:e.id,disable:f.value,readonly:T.value,forcePlaceholder:e.forcePlaceholder,editable:r.value&&!e.multiSelect,buttonContent:e.dropDownIcon,placeholder:e.placeholder,enableClear:C.value,maxLength:e.maxLength,tabIndex:e.tabIndex,enableTitle:e.enableTitle,inputType:e.viewType,popupOnClick:!0,modelValue:i.value,"onUpdate:modelValue":o=>i.value=o,onClear:W,onInput:s,focusOnCreated:e.focusOnCreated,selectOnCreated:e.selectOnCreated,beforeOpen:$,placement:e.placement,popupMinWidth:e.minPanelWidth},{default:()=>[a.value&&l.createVNode(q,{ref:v,maxHeight:e.maxHeight,multiSelect:e.multiSelect,enableSearch:e.enableSearch,idField:e.idField,valueField:e.valueField,textField:e.textField,titleField:e.titleField,data:S.value,selectedValues:t.value,onSelectionChange:p,formatter:e.formatter,editorParams:e.editorParams,repositoryToken:e.repositoryToken,customRowStatus:e.customRowStatus,searchHandler:s,onUnSelectItem:_,onSelectItem:G,onClearSearch:z},null)]})}}),U=I.withInstall(N);y.FComboTree=N,y.Placement=P,y.ViewType=O,y.comboTreeProps=j,y.default=U,Object.defineProperties(y,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});