@farris/ui-vue 1.7.1 → 1.7.2-beta.2

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

@@ -1 +1 @@
-(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"}})});
+(function(h,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):(h=typeof globalThis<"u"?globalThis:h||self,w(h["combo-tree"]={},h.common,h.Vue,h.LodashES,h.FButtonEdit,h.dynamicResolver,h.FTreeView,h.inputGroup))})(this,function(h,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,u,s){return u}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,u){const s=l.ref(e.data),f=l.ref([]),F=l.ref(e.separator),g=l.ref(e.width),C=l.ref(e.height),x=l.ref(e.maxHeight),p=l.ref(String(e.selectedValues).split(F.value)),b=l.ref(),v={customRowStatus:e.customRowStatus};l.watch(()=>e.selectedValues,a=>{p.value=String(a).split(F.value)}),l.watch(()=>e.data,a=>{var m;s.value=a,(m=b.value)==null||m.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 c=l.computed(()=>[{field:e.textField,title:"",dataType:"string",formatter:e.formatter}]),t=l.computed(()=>{const a={};return g.value!==void 0&&(a.width=`${g.value}px`),C.value!==void 0&&(a.height=`${C.value}px`),x.value!==void 0&&x.value>0&&(a.maxHeight=`${x.value}px`,a.overflow="auto"),s.value.length===0&&(a.height="200px"),a.position="relative",a});function o(a=[]){a&&a.length>0?(f.value=[...a],p.value=f.value.map(m=>m[e.idField])):(f.value=[],p.value=[]),u.emit("selectionChange",f.value)}l.onMounted(()=>{i&&i.getData(e.editorParams).then(a=>{s.value=a}),p.value&&b.value.activeRowById(p.value[0])});const n=a=>{b.value.selectItemByIds(a)};return u.expose({treeInstance:b,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(q.FInputGroup,{buttonContent:'<i class="f-icon f-icon-search"></i>',enableClear:!0,placeholder:"请输入搜索内容",onClear:()=>u.emit("clearSearch"),onInput:(a,m)=>e.searchHandler(m)},null)]),l.createVNode(H,{ref:b,fit:!0,data:s.value,idField:e.idField,columns:c.value,"selection-values":p.value,onSelectionUpdate:o,columnOption:{fitColumns:!0,fitMode:"expand"},rowOption:v,selection:d,rowNumber:{enable:!1},onSelectItem:a=>u.emit("selectItem",a.raw),onUnSelectItem:a=>u.emit("unSelectItem",a.raw)},null)])}});function E(e){const u=l.ref(""),s=l.ref(e.modelValue),f=l.ref(e.data||[]),F=l.ref(e.editable);function g(d,i=[]){return d=d||[],d.reduce((c,t)=>(t.id=t.id||t.data[e.idField],c.push(t),t.children&&t.children.length&&g(t.children,c),c),i)}function C(d){const i=String(d).split(e.separator).map((n,a)=>[n,a]),c=new Map(i),t=[];return g(f.value,t),t.filter(n=>{const a=n.data?String(n.data[e.valueField]):String(n[e.valueField]);return c.has(a)}).map(n=>n.data?n.data:n).sort((n,a)=>{const m=c.get(String(n[e.valueField]))||0,T=c.get(String(a[e.valueField]))||0;return m-T})}function x(d){const i=C(d),c=e.displayFormatter?e.displayFormatter(i):i.map(t=>t[e.textField]).join(e.separator);u.value=F.value?c||d:c}function p(d){const i=d.split(e.separator).map(o=>[o,!0]),c=new Map(i);let t=[];return f.value[0].data?g(f.value,t):t=f.value,t=t.map(o=>o.data?o.data:o),t.filter(o=>c.has(o[e.textField])||c.has(o[e.valueField]))}function b(d){const i={};return i[e.idField]=d,i[e.textField]=d,[i]}function v(d){let i=p(d);const c=i&&i.length>0;return F.value&&!c&&(i=b(d)),i}return l.watch(()=>e.data,()=>{f.value=e.data}),l.watch([f],([d])=>{if(e.modelValue){const i=d.find(c=>c[e.valueField]===e.modelValue);i&&(u.value=i[e.textField])}}),l.watch(()=>e.modelValue,(d,i)=>{d!==i&&(s.value=d,x(d))}),x(e.modelValue),{dataSource:f,displayText:u,editable:F,modelValue:s,getItemsByDisplayText:p,getItemsByValue:C,getSelectedItemsByDisplayText:v,flatTreeNodes:g}}function _(e,u){const{comboEditorRef:s,dataSource:f,searchFields:F,originalValue:g,showPopover:C,flatTreeNodes:x}=e;function p(t,o){t.forEach(n=>{const a=o.find(m=>m.id===n.id);n.selectable=a.selectable!=null?!!a.selectable:!0,n.children&&p(n.children,o)})}function b(t,o){const n=(t.children||[]).map(m=>b(m,o)).filter(m=>m!==null);return F.value.some(m=>{var T;return(T=t.data[m])==null?void 0:T.toString().toLowerCase().includes(o.toLowerCase())})?{data:{...t.data},children:t.children,id:t.data[u]}:n.length>0?{data:{...t.data},children:n,id:t.data[u]}:null}function v(){g.value=I.cloneDeep(f.value)}function d(t){var n;if(C.value||(n=s.value)==null||n.showPopup(),!t){v();return}const o=f.value.map(a=>b(a,t)).filter(a=>a!==null);if(o.length){const a=[];x(f.value,a),p(o,a)}g.value=I.cloneDeep(o)}const i=I.debounce(t=>{var n;const o=(n=t.target)==null?void 0:n.value;d(o)},200);function c(t){var n;let o=(n=t.target)==null?void 0:n.value;o!==""&&(o=o.trim()),t.target._value!==o&&i(t)}return{onValueChange:c,resetDataSource:v}}const V=l.defineComponent({name:"FComboTree",props:j,emits:["clear","update:modelValue","change","search"],setup(e,u){const s=l.ref(),f=l.ref(e.disabled),F=l.ref(e.enableClear),g=l.ref(e.enableSearch),C=l.ref(e.readonly),x=l.ref(e.searchFields||[e.textField]),p=l.ref(),b=l.ref();let v={};const{dataSource:d,displayText:i,editable:c,modelValue:t,flatTreeNodes:o}=E(e),n=l.computed(()=>e.multiSelect);l.computed(()=>s.value?s.value.elementRef.getBoundingClientRect().width:0);const a=l.computed(()=>{var y;const r=(y=s.value)==null?void 0:y.popoverRef;return r?r.shown:!1}),{onValueChange:m,resetDataSource:T}=_({comboEditorRef:s,dataSource:d,searchFields:x,originalValue:p,showPopover:a,flatTreeNodes:o},e.idField);function z(){!n.value&&s.value&&s.value.hidePopup()}const D=r=>{const y=r==null?void 0:r.map(S=>S.data||S);return e.displayFormatter?e.displayFormatter(y):y.map(S=>S[e.textField]).join(e.separator)};function B(r=[]){if(!n.value)i.value=D(r),t.value=r.map(y=>y.data?y.data[e.valueField]:y[e.valueField]).join(e.separator),u.emit("update:modelValue",t.value),u.emit("change",r,t.value);else{const y=Object.keys(v),S=Object.values(v);i.value=D(S),t.value=y.join(e.separator),u.emit("update:modelValue",t.value),u.emit("change",S,t.value)}z()}function J(r){var y;t.value="",v={},a.value&&((y=s.value)==null||y.hidePopup()),u.emit("update:modelValue",""),u.emit("change",null,t.value),u.emit("clear")}function K(r){n.value&&(delete v[r.id],B())}function Q(r){n.value&&(v[r.id]=r,B())}l.watch([()=>e.disabled,()=>e.editable,()=>e.enableClear,()=>e.enableSearch,()=>e.readonly],([r,y,S,O,Z])=>{f.value=r,c.value=y,F.value=S,g.value=O,C.value=Z});const X=()=>{if(p.value=I.cloneDeep(d.value),n.value&&t.value){const r=[];o(d.value,r),t.value.split(e.separator).reduce((y,S)=>(y[S]=r.find(O=>O.id===S),y),v)}};function Y(){T(),setTimeout(()=>{var r;(r=b.value)==null||r.checkItems(t.value.split(e.separator))})}return()=>l.createVNode(k,{ref:s,id:e.id,disable:f.value,readonly:C.value,forcePlaceholder:e.forcePlaceholder,editable:c.value&&!e.multiSelect,buttonContent:e.dropDownIcon,placeholder:e.placeholder,enableClear:F.value,maxLength:e.maxLength,tabIndex:e.tabIndex,enableTitle:e.enableTitle,inputType:e.viewType,popupOnClick:!0,modelValue:i.value,"onUpdate:modelValue":r=>i.value=r,onClear:J,onInput:m,focusOnCreated:e.focusOnCreated,selectOnCreated:e.selectOnCreated,beforeOpen:X,placement:e.placement,popupMinWidth:e.minPanelWidth},{default:()=>[a.value&&l.createVNode(W,{ref:b,maxHeight:e.maxHeight,multiSelect:e.multiSelect,enableSearch:e.enableSearch,idField:e.idField,valueField:e.valueField,textField:e.textField,titleField:e.titleField,data:p.value,selectedValues:t.value,onSelectionChange:B,formatter:e.formatter,editorParams:e.editorParams,repositoryToken:e.repositoryToken,customRowStatus:e.customRowStatus,searchHandler:m,onUnSelectItem:K,onSelectItem:Q,onClearSearch:Y},null)]})}});V.register=(e,u,s,f)=>{e["combo-tree"]=V,u["combo-tree"]=M};const G=w.withInstall(V);h.FComboTree=V,h.Placement=N,h.ViewType=R,h.comboTreeProps=j,h.default=G,h.propsResolver=M,Object.defineProperties(h,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});