@farris/ui-vue 1.2.9 → 1.3.1

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

@@ -1 +1 @@
-(function(g,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue"),require("lodash-es"),require("../list-view/index.umd.js"),require("../button-edit/index.umd.js"),require("../button-edit/index.umd.js/src/designer/button-edit.design.component"),require("../dynamic-resolver/index.umd.js"),require("../designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../list-view/index.umd.js","../button-edit/index.umd.js","../button-edit/index.umd.js/src/designer/button-edit.design.component","../dynamic-resolver/index.umd.js","../designer-canvas/index.umd.js"],o):(g=typeof globalThis<"u"?globalThis:g||self,o(g["combo-list"]={},g.Vue,g.LodashES,g.FListView,g.FButtonEdit,g.FButtonEditDesign,g.dynamicResolver,g.designerCanvas))})(this,function(g,o,k,L,R,N,j,$){"use strict";var ye=Object.defineProperty;var ge=(g,o,k)=>o in g?ye(g,o,{enumerable:!0,configurable:!0,writable:!0,value:k}):g[o]=k;var x=(g,o,k)=>ge(g,typeof o!="symbol"?o+"":o,k);const U={},H={};function D(e){const{properties:t,title:i,ignore:n}=e,l=n&&Array.isArray(n),f=Object.keys(t).reduce((p,c)=>((!l||!n.find(y=>y==c))&&(p[c]=t[c].type==="object"&&t[c].properties?D(t[c]):k.cloneDeep(t[c].default)),p),{});return(!l||!n.find(p=>p=="id"))&&(f.id=`${i}-${Date.now()}`),f}function q(e,t){const i=D(t);return Object.keys(e).reduce((n,l)=>(n[l]&&typeof n[l]=="object"?Object.assign(n[l],e[l]):n[l]=e[l],n),i),i}function G(e,t){return Object.keys(e).filter(n=>e[n]!=null).reduce((n,l)=>{if(t.has(l)){const f=t.get(l);if(typeof f=="string")n[f]=e[l];else{const p=f(l,e[l],e);Object.assign(n,p)}}else n[l]=e[l];return n},{})}function W(e,t,i=new Map){const n=q(e,t);return G(n,i)}function z(e={}){function t(s,u,r,a){if(typeof r=="number")return a[s].length===r;if(typeof r=="object"){const m=Object.keys(r)[0],h=r[m];if(m==="not")return Number(a[s].length)!==Number(h);if(m==="moreThan")return Number(a[s].length)>=Number(h);if(m==="lessThan")return Number(a[s].length)<=Number(h)}return!1}function i(s,u,r,a){return a[s]&&a[s].propertyValue&&String(a[s].propertyValue.value)===String(r)}const n=new Map([["length",t],["getProperty",i]]);Object.keys(e).reduce((s,u)=>(s.set(u,e[u]),s),n);function l(s,u){const r=s;return typeof u=="number"?[{target:r,operator:"length",param:null,value:Number(u)}]:typeof u=="boolean"?[{target:r,operator:"getProperty",param:s,value:!!u}]:typeof u=="object"?Object.keys(u).map(a=>{if(a==="length")return{target:r,operator:"length",param:null,value:u[a]};const m=a,h=u[a];return{target:r,operator:"getProperty",param:m,value:h}}):[]}function f(s){return Object.keys(s).reduce((r,a)=>{const m=l(a,s[a]);return r.push(...m),r},[])}function p(s,u){if(n.has(s.operator)){const r=n.get(s.operator);return r&&r(s.target,s.param,s.value,u)||!1}return!1}function c(s,u){return f(s).reduce((m,h)=>m&&p(h,u),!0)}function y(s,u){const r=Object.keys(s),a=r.includes("allOf"),m=r.includes("anyOf"),h=a||m,b=(h?s[h?a?"allOf":"anyOf":"allOf"]:[s]).map(F=>c(F,u));return a?!b.includes(!1):b.includes(!0)}return{parseValueSchema:y}}const d={button:{type:"button",name:"按钮",icon:"Button"},"response-toolbar":{type:"response-toolbar",name:"工具栏",icon:"ButtonGroup"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮",icon:"Button"},"content-container":{type:"content-container",name:"容器",icon:"ContentContainer"},"input-group":{type:"input-group",name:"文本",icon:"TextBox"},textarea:{type:"textarea",name:"多行文本",icon:"MultiTextBox"},lookup:{type:"lookup",name:"帮助",icon:"LookupEdit"},"number-spinner":{type:"number-spinner",name:"数值",icon:"NumericBox"},"date-picker":{type:"date-picker",name:"日期",icon:"DateBox"},switch:{type:"switch",name:"开关",icon:"SwitchField"},"radio-group":{type:"radio-group",name:"单选组",icon:"RadioGroup"},"check-box":{type:"check-box",name:"复选框",icon:"CheckBox"},"check-group":{type:"check-group",name:"复选框组",icon:"CheckGroup"},"combo-list":{type:"combo-list",name:"下拉列表",icon:"EnumField"},"response-form":{type:"response-form",name:"卡片面板",icon:"Form"},"response-layout":{type:"response-layout",name:"布局容器",icon:"ResponseLayout3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"ResponseLayout1"},"tree-grid":{type:"tree-grid",name:"树表格",icon:"TreeGrid"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格",icon:"DataGrid"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块",icon:"Module"},component:{type:"component",name:"组件",icon:"Component"},tabs:{type:"tabs",name:"标签页",icon:"Tab"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮",icon:"Button"},"time-picker":{type:"time-picker",name:"时间选择",icon:"TimePicker"},section:{type:"section",name:"分组面板",icon:"Section"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板",icon:"Splitter"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传",icon:"FileUpload"},"page-header":{type:"page-header",name:"页头",icon:"Header"},"page-footer":{type:"page-footer",name:"页脚",icon:"ModalFooter"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏",icon:"TabToolbar"}},J={},Q={};z();function X(e,t,i=new Map,n=(p,c,y)=>c,l={},f=p=>p){return U[t.title]=t,H[t.title]=n,J[t.title]=l,Q[t.title]=f,(p={})=>{const c=W(p,t,i),y=Object.keys(e).reduce((s,u)=>(s[u]=e[u].default,s),{});return Object.assign(y,c)}}function Y(e,t){return{customClass:t.class,customStyle:t.style}}const Z=new Map([["appearance",Y]]),_={$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:{}},disabled:{description:"",type:"boolean",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:""},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:"sting",default:""}},required:["id","type"],ignore:["id","appearance","binding"]};function K(e,t,i){return t}var E=(e=>(e.Text="text",e.Tag="tag",e))(E||{}),A=(e=>(e.top="top",e.bottom="bottom",e.auto="auto",e))(A||{});const B={id:{type:String},data:{type:Array,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:{type:Boolean,default:!1},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:"tag",type:String},change:{type:Function,default:()=>{}},focusOnCreated:{type:Boolean,default:!1},selectOnCreated:{type:Boolean,default:!1},autoHeight:{type:Boolean,default:!0},beforeOpen:{type:Function,default:null},searchOption:{type:Object,default:!1},enableHighlightSearch:{type:Boolean,default:!0}},O=X(B,_,Z,K),ee={dataSource:{type:Array,default:[]},enableSearch:{type:Boolean,default:!1},idField:{type:String,default:"id"},multiSelect:{type:Boolean,default:!1},selectedValues:{type:String,default:""},separator:{type:String,default:","},textField:{type:String,default:"name"},titleField:{type:String,default:"name"},width:{type:Number},maxHeight:{type:Number},valueField:{type:String,default:"id"},onSelectionChange:{type:Function,default:()=>{}},searchOption:{type:Object,default:!1},enableHighlightSearch:{type:Boolean,default:!0},showCheckbox:{type:Boolean,default:!1}},te=o.defineComponent({name:"FComboListContainer",props:ee,emits:["selectionChange"],setup(e,t){const i=o.ref(),n=o.ref(e.dataSource),l=o.ref([]),f=o.ref(e.separator),p=o.ref(e.width),c=o.ref(e.maxHeight),y=o.ref(String(e.selectedValues).split(f.value)),s=o.computed(()=>e.multiSelect),u=o.computed(()=>({enableSelectRow:!0,multiSelect:e.multiSelect,multiSelectMode:"OnCheckAndClick",showCheckbox:s.value,showSelectAll:!1,showSelection:!0}));o.watch(e.dataSource,()=>{n.value=e.dataSource});const r=o.computed(()=>e.enableSearch?"SearchBar":"ContentHeader"),a=o.computed(()=>{const v={};return p.value!==void 0&&(v.width=`${p.value}px`),c.value!==void 0&&c.value>0&&(v.maxHeight=`${c.value}px`),v});function m(v){l.value=v.map(C=>Object.assign({},C)),y.value=v.map(C=>C[e.idField]),t.emit("selectionChange",l.value)}function h(v){if(e.enableHighlightSearch)return;let C=[];typeof e.searchOption=="function"?C=n.value.filter(b=>e.searchOption(v,b)):C=n.value.filter(b=>b[e.valueField].indexOf(v)>-1||b[e.textField].indexOf(v)>-1),i.value.updateDataSource(C)}return o.watch([()=>e.selectedValues],([v])=>{y.value=v.split(f.value)}),()=>o.createVNode("div",{class:"f-combo-list-container pl-1",style:a.value},[o.createVNode(L,{ref:i,size:"small",itemClass:"f-combo-list-item",header:r.value,headerClass:"f-combo-list-search-box",data:n.value,idField:e.idField,textField:e.textField,titleField:e.titleField,multiSelect:e.multiSelect,selection:u.value,enableHighlightSearch:e.enableHighlightSearch,selectionValues:y.value,onSelectionChange:m,onAfterSearch:h},null)])}});function ne(e){const t=o.ref(""),i=o.ref(e.modelValue),n=o.ref(e.data||[]),l=o.ref(e.editable);function f(r){const a=String(r).split(e.separator),m=a.map(C=>[C,!0]),h=new Map(m);return n.value.filter(C=>h.has(String(C[e.valueField]))).sort((C,b)=>{const V=a.indexOf(C[e.valueField]),F=a.indexOf(b[e.valueField]);return V-F})}function p(r){const a=f(r).map(m=>m[e.textField]).join(e.separator);t.value=l.value?a||r:a}function c(r){const a=r.split(e.separator).map(h=>[h,!0]),m=new Map(a);return n.value.filter(h=>m.has(h[e.textField]))}function y(r){const a={};return a[e.idField]=r,a[e.textField]=r,[a]}function s(r){let a=c(r);const m=a&&a.length>0;return l.value&&!m&&(a=y(r)),a}function u(){const{url:r,method:a="GET",headers:m={},body:h=null}=e.remote,v=a.toLowerCase()=="get"?{method:a,headers:m}:{method:a,headers:m,body:h};let C=!1;fetch(r,v).then(b=>{var F,P;if(b.status===200)return C=!!((P=(F=b.headers)==null?void 0:F.get("content-type"))!=null&&P.includes("application/json")),C?b.text():b.json();throw new Error(b.statusText)}).then(b=>{n.value=C?JSON.parse(b):b}).catch(b=>{console.error(b)})}return e.remote&&u(),o.watch(()=>e.data,()=>{n.value=e.data}),o.watch([n],([r])=>{if(e.modelValue){const a=r.find(m=>m[e.valueField]===e.modelValue);a&&(t.value=a[e.textField])}}),o.watch(()=>e.modelValue,r=>{i.value=r,p(r)}),p(e.modelValue),{dataSource:n,displayText:t,editable:l,modelValue:i,getItemsByDisplayText:c,getItemsByValue:f,getSelectedItemsByDisplayText:s}}const T=o.defineComponent({name:"FComboList",props:B,emits:["clear","update:modelValue","change","input"],setup(e,t){const i=o.ref(),n=o.ref(e.disabled),l=o.ref(e.enableClear),f=o.ref(e.enableSearch),p=o.ref(e.readonly),{dataSource:c,displayText:y,editable:s,modelValue:u,getSelectedItemsByDisplayText:r}=ne(e),a=o.computed(()=>e.multiSelect),m=o.computed(()=>i.value?i.value.elementRef.getBoundingClientRect().width:0);function h(){!a.value&&i.value&&i.value.hidePopup()}function v(S){y.value=S.map(w=>w[e.textField]).join(e.separator),S.length===1?u.value=S[0][e.valueField]:u.value=S.map(w=>w[e.valueField]).join(e.separator),t.emit("update:modelValue",u.value),t.emit("change",S,u.value),h()}function C(){p.value||i.value.togglePopup()}function b(S){u.value="",t.emit("update:modelValue",""),t.emit("clear")}function V(S){const w=r(S);v(w)}function F(){return y.value}function P(S){t.emit("input",S)}return t.expose({getDisplayText:F}),o.watch([()=>e.disabled,()=>e.editable,()=>e.enableClear,()=>e.enableSearch,()=>e.readonly],([S,w,pe,me,fe])=>{n.value=S,s.value=w,l.value=pe,f.value=me,p.value=fe}),()=>o.createVNode(R,{ref:i,id:e.id,disable:n.value,readonly:p.value,forcePlaceholder:e.forcePlaceholder,editable:s.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?e.viewType:"text",modelValue:y.value,"onUpdate:modelValue":S=>y.value=S,focusOnCreated:e.focusOnCreated,selectOnCreated:e.selectOnCreated,onClear:b,onClick:C,onChange:V,onInput:P,beforeOpen:e.beforeOpen},{default:()=>[o.createVNode(te,{idField:e.idField,valueField:e.valueField,textField:e.textField,titleField:e.titleField,dataSource:c.value,selectedValues:u.value,multiSelect:e.multiSelect,enableSearch:f.value,maxHeight:e.maxHeight,enableHighlightSearch:e.enableHighlightSearch,width:e.fitEditor?m.value:void 0,onSelectionChange:v},null)]})}});function ie(e,t){e.schema;const i=o.ref(!0),n=o.ref(!0);function l(r){return!1}function f(){return!1}function p(){return!1}function c(){return!0}function y(r){}function s(){}function u(r){return null}return{canAccepts:l,checkCanDeleteComponent:f,checkCanMoveComponent:p,hideNestedPaddingInDesginerView:c,onAcceptMovedChildElement:y,resolveComponentContext:s,triggerBelongedComponentToMoveWhenMoved:i,triggerBelongedComponentToDeleteWhenDeleted:n,getPropsConfig:u}}class oe{constructor(t,i){x(this,"componentId");x(this,"viewModelId");x(this,"eventsEditorUtils");x(this,"formSchemaUtils");x(this,"formMetadataConverter");x(this,"designViewModelUtils");x(this,"designViewModelField");x(this,"controlCreatorUtils");x(this,"designerHostService");x(this,"schemaService",null);x(this,"metadataService",null);x(this,"propertyConfig",{type:"object",categories:{}});var n;this.componentId=t,this.designerHostService=i,this.eventsEditorUtils=i.eventsEditorUtils,this.formSchemaUtils=i.formSchemaUtils,this.formMetadataConverter=i.formMetadataConverter,this.viewModelId=((n=this.formSchemaUtils)==null?void 0:n.getViewModelIdByComponentId(t))||"",this.designViewModelUtils=i.designViewModelUtils,this.controlCreatorUtils=i.controlCreatorUtils,this.metadataService=i.metadataService,this.schemaService=i.schemaService}getTableInfo(){var t;return(t=this.schemaService)==null?void 0:t.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(t){const i=t.binding&&t.binding.type==="Form"&&t.binding.field;if(i){if(!this.designViewModelField){const n=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=n.fields.find(l=>l.id===i)}t.updateOn=this.designViewModelField.updateOn}}changeFieldEditorType(t,i){}getBasicPropConfig(t){return{description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{value:t.type,name:d[t.type].name}]}}}}}getAppearanceConfig(t=null){return{title:"样式",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter"}}}}}const M=class M{static getEditorTypesByMDataType(t){const i=M.fieldControlTypeMapping[t];return i||[{key:"",value:""}]}static getAllInputTypes(){const t=[];for(let i in M.fieldControlTypeMapping)M.fieldControlTypeMapping[i].forEach(n=>{t.find(l=>l.key===n.key&&l.value===n.value)||t.push({key:n.key,value:n.value})});return t}};x(M,"fieldControlTypeMapping",{String:[{key:d["input-group"].type,value:d["input-group"].name},{key:d.lookup.type,value:d.lookup.name},{key:d["date-picker"].type,value:d["date-picker"].name},{key:d["check-box"].type,value:d["check-box"].name},{key:d["radio-group"].type,value:d["radio-group"].name},{key:d["combo-list"].type,value:d["combo-list"].name},{key:d.textarea.type,value:d.textarea.name}],Text:[{key:d.textarea.type,value:d.textarea.name},{key:d.lookup.type,value:d.lookup.name}],Decimal:[{key:d["number-spinner"].type,value:d["number-spinner"].name}],Integer:[{key:d["number-spinner"].type,value:d["number-spinner"].name}],Number:[{key:d["number-spinner"].type,value:d["number-spinner"].name}],BigNumber:[{key:d["number-spinner"].type,value:d["number-spinner"].name}],Date:[{key:d["date-picker"].type,value:d["date-picker"].name}],DateTime:[{key:d["date-picker"].type,value:d["date-picker"].name}],Boolean:[{key:d.switch.type,value:d.switch.name},{key:d["check-box"].type,value:d["check-box"].name}],Enum:[{key:d["combo-list"].type,value:d["combo-list"].name},{key:d["radio-group"].type,value:d["radio-group"].name}],Object:[{key:d.lookup.type,value:d.lookup.name},{key:d["combo-list"].type,value:d["combo-list"].name},{key:d["radio-group"].type,value:d["radio-group"].name}]});let I=M;const ae=o.ref(0);class re extends oe{constructor(t,i){super(t,i)}getPropertyConfig(t,i){return this.propertyConfig.categories.basic=this.getBasicProperties(t,i),this.propertyConfig.categories.appearance=this.getAppearanceProperties(t),this.propertyConfig.categories.editor=this.getEditorProperties(t),this.propertyConfig}getBasicProperties(t,i){var p;var n=this;this.setDesignViewModelField(t);const l=this.formSchemaUtils.getFormMetadataBasicInfo(),f=this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);return{description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"编辑器类型",title:"编辑器类型",type:"string",refreshPanelAfterChanged:!0,$converter:"/converter/change-editor.converter",editor:{type:"combo-list",textField:"value",valueField:"key",editable:!1,data:n.designViewModelField?I.getEditorTypesByMDataType((p=n.designViewModelField.type)==null?void 0:p.name):I.getAllInputTypes()}},label:{title:"标签",type:"string",$converter:"/converter/form-group-label.converter"},binding:{description:"绑定的表单字段",title:"绑定",$converter:"/converter/field-selector.converter",editor:{type:"field-selector",bindingType:{enable:!1},editorParams:{propertyData:t,formBasicInfo:l},columns:[{field:"name",title:"字段名称"},{field:"bindingField",title:"绑定字段"},{field:"fieldType",title:"字段类型"}],textField:"bindingField",data:f}}},setPropertyRelates(c,y){if(c)switch(c&&c.propertyID){case"type":{n.changeControlType(t,c,i);break}case"label":{c.needRefreshControlTree=!0;break}}}}}getAppearanceProperties(t){return{title:"样式",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter"},responseLayout:{description:"响应式列宽",title:"响应式列宽",type:"boolean",visible:!1,editor:{type:"response-layout-editor-setting"},$converter:"/converter/response-form-layout.converter"}}}}getEditorProperties(t){return this.getComponentConfig(t)}changeControlType(t,i,n){var s,u,r,a;const l=i.propertyValue,f=n&&n.parent&&n.parent.schema;if(!f)return;const p=f.contents.findIndex(m=>m.id===t.id),c=f.contents[p];let y;this.designViewModelField&&(this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id,{editor:{$type:l},name:this.designViewModelField.name,require:this.designViewModelField.require,readonly:this.designViewModelField.readonly},!1),y=this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField,l)),y||(y=j.getSchemaByType("form-group")||{},y.editor=j.getSchemaByType(l)||{},delete y.editor.id,delete y.editor.binding,delete y.editor.appearance),Object.assign(y,{id:c.id,appearance:c.appearance,size:c.size,label:c.label,binding:c.binding,visible:c.visible}),Object.assign(y.editor,{isTextArea:y.isTextArea&&c.isTextArea,placeholder:(s=c.editor)==null?void 0:s.placeholder,holdPlace:(u=c.editor)==null?void 0:u.holdPlace,readonly:(r=c.editor)==null?void 0:r.readonly,require:(a=c.editor)==null?void 0:a.require}),f.contents.splice(p,1),f.contents.splice(p,0,y),n.schema=Object.assign(c,y),Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(m=>m.classList.remove("dgComponentSelected")),ae.value++}getComponentConfig(t,i={},n={}){const l=Object.assign({description:"编辑器",title:"编辑器",type:"input-group",$converter:"/converter/property-editor.converter"},i),f=Object.assign({readonly:{description:"",title:"只读",type:"boolean"},disabled:{description:"",title:"禁用",type:"boolean"},placeholder:{description:"空值时，输入控件内的占位文本",title:"提示文本",type:"string"}},n);return{...l,properties:{...f}}}}class le extends re{constructor(t,i){super(t,i)}getEditorProperties(t){return this.getComponentConfig(t,{type:"combo-list"},{editable:{description:"",title:"允许编辑",type:"boolean"},textField:{description:"",title:"数据源显示字段",type:"string"},idField:{description:"",title:"数据源值字段",type:"string"}})}}function se(e,t){const{canAccepts:i,checkCanDeleteComponent:n,checkCanMoveComponent:l,hideNestedPaddingInDesginerView:f,onAcceptMovedChildElement:p,resolveComponentContext:c,triggerBelongedComponentToMoveWhenMoved:y,triggerBelongedComponentToDeleteWhenDeleted:s}=ie(e),u=e.schema;function r(a,m){return new le(a,t).getPropertyConfig(u,m)}return{canAccepts:i,checkCanDeleteComponent:n,checkCanMoveComponent:l,hideNestedPaddingInDesginerView:f,onAcceptMovedChildElement:p,resolveComponentContext:c,triggerBelongedComponentToMoveWhenMoved:y,triggerBelongedComponentToDeleteWhenDeleted:s,getPropsConfig:r}}const de=o.defineComponent({name:"FComboListDesign",props:B,emits:["clear","update:modelValue","change"],setup(e,t){const i=o.ref(),n=o.inject("designer-host-service"),l=o.inject("design-item-context"),f=se(l,n),p=$.useDesignerComponent(i,l,f);return o.onMounted(()=>{i.value.componentInstance=p}),t.expose(p.value),()=>o.createVNode(N,{ref:i,buttonContent:e.dropDownIcon,readonly:!0,editable:!1,forcePlaceholder:!0,placeholder:e.placeholder,enableClear:!0},null)}}),ce=e=>{const t=e;return t.install=function(i){i.component(t.name,e)},e};T.register=(e,t,i,n)=>{e["combo-list"]=T,t["combo-list"]=O},T.registerDesigner=(e,t,i)=>{e["combo-list"]=de,t["combo-list"]=O};const ue=ce(T);g.FComboList=T,g.Placement=A,g.ViewType=E,g.comboListProps=B,g.default=ue,g.propsResolver=O,Object.defineProperties(g,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(I,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vue"),require("lodash-es"),require("../list-view/index.umd.js"),require("../button-edit/index.umd.js"),require("../dynamic-resolver/index.umd.js"),require("../designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../list-view/index.umd.js","../button-edit/index.umd.js","../dynamic-resolver/index.umd.js","../designer-canvas/index.umd.js"],a):(I=typeof globalThis<"u"?globalThis:I||self,a(I["combo-list"]={},I.Vue,I.LodashES,I.FListView,I.FButtonEdit,I.dynamicResolver,I.designerCanvas))})(this,function(I,a,w,R,W,H,T){"use strict";var Pe=Object.defineProperty;var Le=(I,a,w)=>a in I?Pe(I,a,{enumerable:!0,configurable:!0,writable:!0,value:w}):I[a]=w;var v=(I,a,w)=>Le(I,typeof a!="symbol"?a+"":a,w);const z={},X={};function A(e){const{properties:n,title:o,ignore:i}=e,l=i&&Array.isArray(i),s=Object.keys(n).reduce((u,p)=>((!l||!i.find(f=>f==p))&&(u[p]=n[p].type==="object"&&n[p].properties?A(n[p]):w.cloneDeep(n[p].default)),u),{});return o&&(!l||!i.find(u=>u=="id"))&&(s.id=`${o}-${Date.now()}`),s}function J(e,n){const o=A(n);return Object.keys(e).reduce((i,l)=>(i[l]&&w.isPlainObject(i[l])&&w.isPlainObject(e[l])?Object.assign(i[l],e[l]):i[l]=e[l],i),o),o}function _(e,n){return Object.keys(e).filter(i=>e[i]!=null).reduce((i,l)=>{if(n.has(l)){const s=n.get(l);if(typeof s=="string")i[s]=e[l];else{const u=s(l,e[l],e);Object.assign(i,u)}}else i[l]=e[l];return i},{})}function Q(e,n,o=new Map){const i=J(e,n);return _(i,o)}function Y(e={}){function n(c,d,t,r){if(typeof t=="number")return r[c].length===t;if(typeof t=="object"){const m=Object.keys(t)[0],y=t[m];if(m==="not")return Number(r[c].length)!==Number(y);if(m==="moreThan")return Number(r[c].length)>=Number(y);if(m==="lessThan")return Number(r[c].length)<=Number(y)}return!1}function o(c,d,t,r){return r[c]&&r[c].propertyValue&&String(r[c].propertyValue.value)===String(t)}const i=new Map([["length",n],["getProperty",o]]);Object.keys(e).reduce((c,d)=>(c.set(d,e[d]),c),i);function l(c,d){const t=c;return typeof d=="number"?[{target:t,operator:"length",param:null,value:Number(d)}]:typeof d=="boolean"?[{target:t,operator:"getProperty",param:c,value:!!d}]:typeof d=="object"?Object.keys(d).map(r=>{if(r==="length")return{target:t,operator:"length",param:null,value:d[r]};const m=r,y=d[r];return{target:t,operator:"getProperty",param:m,value:y}}):[]}function s(c){return Object.keys(c).reduce((t,r)=>{const m=l(r,c[r]);return t.push(...m),t},[])}function u(c,d){if(i.has(c.operator)){const t=i.get(c.operator);return t&&t(c.target,c.param,c.value,d)||!1}return!1}function p(c,d){return s(c).reduce((m,y)=>m&&u(y,d),!0)}function f(c,d){const t=Object.keys(c),r=t.includes("allOf"),m=t.includes("anyOf"),y=r||m,b=(y?c[y?r?"allOf":"anyOf":"allOf"]:[c]).map(k=>p(k,d));return r?!b.includes(!1):b.includes(!0)}return{parseValueSchema:f}}const h={button:{type:"button",name:"按钮",icon:"Button"},"response-toolbar":{type:"response-toolbar",name:"工具栏",icon:"ButtonGroup"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮",icon:"Button"},"content-container":{type:"content-container",name:"容器",icon:"ContentContainer"},"input-group":{type:"input-group",name:"文本",icon:"TextBox"},textarea:{type:"textarea",name:"多行文本",icon:"MultiTextBox"},lookup:{type:"lookup",name:"帮助",icon:"LookupEdit"},"number-spinner":{type:"number-spinner",name:"数值",icon:"NumericBox"},"date-picker":{type:"date-picker",name:"日期",icon:"DateBox"},switch:{type:"switch",name:"开关",icon:"SwitchField"},"radio-group":{type:"radio-group",name:"单选组",icon:"RadioGroup"},"check-box":{type:"check-box",name:"复选框",icon:"CheckBox"},"check-group":{type:"check-group",name:"复选框组",icon:"CheckGroup"},"combo-list":{type:"combo-list",name:"下拉列表",icon:"EnumField"},"response-form":{type:"response-form",name:"卡片面板",icon:"Form"},"response-layout":{type:"response-layout",name:"布局容器",icon:"ResponseLayout3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"ResponseLayout1"},"tree-grid":{type:"tree-grid",name:"树表格",icon:"TreeGrid"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格",icon:"DataGrid"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块",icon:"Module"},component:{type:"component",name:"组件",icon:"Component"},tabs:{type:"tabs",name:"标签页",icon:"Tab"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮",icon:"Button"},"time-picker":{type:"time-picker",name:"时间选择",icon:"TimePicker"},section:{type:"section",name:"分组面板",icon:"Section"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板",icon:"Splitter"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传",icon:"FileUpload"},"page-header":{type:"page-header",name:"页头",icon:"Header"},"page-footer":{type:"page-footer",name:"页脚",icon:"ModalFooter"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏",icon:"TabToolbar"},fieldset:{type:"fieldset",name:"分组",icon:"fieldset"}},Z={},K={};Y();function $(e,n,o=new Map,i=(u,p,f)=>p,l={},s=u=>u){return z[n.title]=n,X[n.title]=i,Z[n.title]=l,K[n.title]=s,(u={})=>{const p=Q(u,n,o),f=Object.keys(e).reduce((c,d)=>(c[d]=e[d].default,c),{});return Object.assign(f,p)}}function ee(e,n){return{customClass:n.class,customStyle:n.style}}const te=new Map([["appearance",ee]]),ne={$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:{}},disabled:{description:"",type:"boolean",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:""},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:"sting",default:""}},required:["id","type"],ignore:["id","appearance","binding"]};function oe(e,n,o){return n}var N=(e=>(e.Text="text",e.Tag="tag",e))(N||{}),U=(e=>(e.top="top",e.bottom="bottom",e.auto="auto",e))(U||{});const V={id:{type:String},data:{type:Array,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:{type:Boolean,default:!1},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:"tag",type:String},change:{type:Function,default:()=>{}},focusOnCreated:{type:Boolean,default:!1},selectOnCreated:{type:Boolean,default:!1},autoHeight:{type:Boolean,default:!0},beforeOpen:{type:Function,default:null},searchOption:{type:Object,default:!1},enableHighlightSearch:{type:Boolean,default:!0}},P=$(V,ne,te,oe),ie={dataSource:{type:Array,default:[]},enableSearch:{type:Boolean,default:!1},idField:{type:String,default:"id"},multiSelect:{type:Boolean,default:!1},selectedValues:{type:String,default:""},separator:{type:String,default:","},textField:{type:String,default:"name"},titleField:{type:String,default:"name"},width:{type:Number},maxHeight:{type:Number},valueField:{type:String,default:"id"},onSelectionChange:{type:Function,default:()=>{}},searchOption:{type:Object,default:!1},enableHighlightSearch:{type:Boolean,default:!0}},le=a.defineComponent({name:"FComboListContainer",props:ie,emits:["selectionChange"],setup(e,n){const o=a.ref(),i=a.ref(e.dataSource),l=a.ref([]),s=a.ref(e.separator),u=a.ref(e.width),p=a.ref(e.maxHeight),f=a.ref(String(e.selectedValues).split(s.value)),c=a.computed(()=>e.multiSelect),d=a.computed(()=>({enableSelectRow:!0,multiSelect:e.multiSelect,multiSelectMode:"OnCheckAndClick",showCheckbox:c.value,showSelectAll:!1,showSelection:!0}));a.watch(e.dataSource,()=>{i.value=e.dataSource});const t=a.computed(()=>e.enableSearch?"SearchBar":"ContentHeader"),r=a.computed(()=>{const g={};return u.value!==void 0&&(g.width=`${u.value}px`),p.value!==void 0&&p.value>0&&(g.maxHeight=`${p.value}px`),g});function m(g){l.value=g.map(C=>Object.assign({},C)),f.value=g.map(C=>C[e.idField]),n.emit("selectionChange",l.value)}function y(g){if(e.enableHighlightSearch)return;let C=[];typeof e.searchOption=="function"?C=i.value.filter(b=>e.searchOption(g,b)):C=i.value.filter(b=>b[e.valueField].indexOf(g)>-1||b[e.textField].indexOf(g)>-1),o.value.updateDataSource(C)}return a.watch([()=>e.selectedValues],([g])=>{f.value=g.split(s.value)}),()=>a.createVNode("div",{class:"f-combo-list-container pl-1",style:r.value},[a.createVNode(R,{ref:o,size:"small",itemClass:"f-combo-list-item",header:t.value,headerClass:"f-combo-list-search-box",data:i.value,idField:e.idField,textField:e.textField,titleField:e.titleField,multiSelect:e.multiSelect,selection:d.value,enableHighlightSearch:e.enableHighlightSearch,selectionValues:f.value,onSelectionChange:m,onAfterSearch:y},null)])}});function ae(e){const n=a.ref(""),o=a.ref(e.modelValue),i=a.ref(e.data||[]),l=a.ref(e.editable);function s(t){const r=String(t).split(e.separator),m=r.map(C=>[C,!0]),y=new Map(m);return i.value.filter(C=>y.has(String(C[e.valueField]))).sort((C,b)=>{const S=r.indexOf(C[e.valueField]),k=r.indexOf(b[e.valueField]);return S-k})}function u(t){const r=s(t).map(m=>m[e.textField]).join(e.separator);n.value=l.value?r||t:r}function p(t){const r=t.split(e.separator).map(y=>[y,!0]),m=new Map(r);return i.value.filter(y=>m.has(y[e.textField]))}function f(t){const r={};return r[e.idField]=t,r[e.textField]=t,[r]}function c(t){let r=p(t);const m=r&&r.length>0;return l.value&&!m&&(r=f(t)),r}function d(){const{url:t,method:r="GET",headers:m={},body:y=null}=e.remote,g=r.toLowerCase()=="get"?{method:r,headers:m}:{method:r,headers:m,body:y};let C=!1;fetch(t,g).then(b=>{var k,B;if(b.status===200)return C=!!((B=(k=b.headers)==null?void 0:k.get("content-type"))!=null&&B.includes("application/json")),C?b.text():b.json();throw new Error(b.statusText)}).then(b=>{i.value=C?JSON.parse(b):b}).catch(b=>{console.error(b)})}return e.remote&&d(),a.watch(()=>e.data,()=>{i.value=e.data}),a.watch([i],([t])=>{if(e.modelValue!=null){const r=t.find(m=>m[e.valueField]===e.modelValue);r&&(n.value=r[e.textField])}}),a.watch(()=>e.modelValue,t=>{o.value=t,u(t)}),u(e.modelValue),{dataSource:i,displayText:n,editable:l,modelValue:o,getItemsByDisplayText:p,getItemsByValue:s,getSelectedItemsByDisplayText:c}}const O=a.defineComponent({name:"FComboList",props:V,emits:["clear","update:modelValue","change","input"],setup(e,n){const o=a.ref(),i=a.ref(e.disabled),l=a.ref(e.enableClear),s=a.ref(e.enableSearch),u=a.ref(e.readonly),{dataSource:p,displayText:f,editable:c,modelValue:d,getSelectedItemsByDisplayText:t}=ae(e),r=a.computed(()=>e.multiSelect),m=a.computed(()=>o.value?o.value.elementRef.getBoundingClientRect().width:0);function y(){!r.value&&o.value&&o.value.hidePopup()}function g(F){f.value=F.map(M=>M[e.textField]).join(e.separator),F.length===1?d.value=F[0][e.valueField]:d.value=F.map(M=>M[e.valueField]).join(e.separator),n.emit("update:modelValue",d.value),n.emit("change",F,d.value),y()}function C(){u.value||o.value.togglePopup()}function b(F){d.value="",n.emit("update:modelValue",""),n.emit("clear")}function S(F){const M=t(F);g(M)}function k(){return f.value}function B(F){n.emit("input",F)}return n.expose({getDisplayText:k}),a.watch([()=>e.disabled,()=>e.editable,()=>e.enableClear,()=>e.enableSearch,()=>e.readonly],([F,M,L,j,D])=>{i.value=F,c.value=M,l.value=L,s.value=j,u.value=D}),()=>a.createVNode(W,{ref:o,id:e.id,disable:i.value,readonly:u.value,forcePlaceholder:e.forcePlaceholder,editable:c.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?e.viewType:"text",modelValue:f.value,"onUpdate:modelValue":F=>f.value=F,focusOnCreated:e.focusOnCreated,selectOnCreated:e.selectOnCreated,onClear:b,onClick:C,onChange:S,onInput:B,beforeOpen:e.beforeOpen},{default:()=>[a.createVNode(le,{idField:e.idField,valueField:e.valueField,textField:e.textField,titleField:e.titleField,dataSource:p.value,selectedValues:d.value,multiSelect:e.multiSelect,enableSearch:s.value,maxHeight:e.maxHeight,enableHighlightSearch:e.enableHighlightSearch,width:e.fitEditor?m.value:void 0,onSelectionChange:g},null)]})}}),re=new Map([["appearance",H.resolveAppearance]]);function se(e,n,o){return n}const ce={$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"]},de={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-list",textField:"name",valueField:"value",data:[{value:"left",name:"左对齐"},{value:"center",name:"居中对齐"},{value:"right",name:"右对齐"}]}}}}}},G={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"},beforeClickButton:{type:Function,default:null},focusOnCreated:{type:Boolean,default:!1},selectOnCreated:{type:Boolean,default:!1},beforeOpen:{type:Function,default:null},updateOn:{type:String,default:"change"}};$(G,ce,re,se,de);const ue={popupContentPosition:{type:Object,default:{left:0,top:0}},host:{type:Object},backgroundColor:{type:String,default:""}},pe=a.defineComponent({name:"FOverlay",props:ue,emits:["click"],setup(e,n){const o=a.ref(e.popupContentPosition),i=a.ref(e.host),l=a.computed(()=>({backgroundColor:e.backgroundColor||"",pointerEvents:"auto"}));function s(p){n.emit("click"),p.preventDefault(),p.stopPropagation()}a.computed(()=>{const p=i.value;if(p){const f=p.getBoundingClientRect(),{left:c,top:d,height:t}=f;return{left:c,top:d+t}}return o.value});const u=a.computed(()=>({}));return()=>a.createVNode(a.Teleport,{to:"body"},{default:()=>{var p,f;return[a.createVNode("div",{class:"overlay-container",onClick:c=>s(c),style:l.value},[a.createVNode("div",{style:u.value},[(f=(p=n.slots).default)==null?void 0:f.call(p)])])]}})}});function fe(e){if(e.content&&e.content.render)return e.content.render;if(e.render&&typeof e.render=="function")return e.render}function me(e){const n=document.createElement("div");n.style.display="contents";let o;const i=e.onClickCallback||(()=>{}),l=()=>{i(),o&&o.unmount()};return o=a.createApp({setup(){a.onUnmounted(()=>{document.body.removeChild(n)});const s=fe(e);return()=>a.createVNode(pe,{"popup-content-position":e.popupPosition,host:e.host,onClick:l,backgroundColor:e.backgroundColor},{default:()=>[s&&s()]})}}),document.body.appendChild(n),o.mount(n),o}class ye{static show(n){return me(n)}}const ge=Symbol("FModalService");function q(e,n){function o(){const i=e.beforeOpen||e.beforeClickButton||null;let l=Promise.resolve(!0);if(i){const s=i(n.value);if(typeof s>"u")return l;typeof s=="boolean"?l=Promise.resolve(s):l=s}return l}return{judgeCanOpen:o}}function he(e,n,o,i,l){const s=a.ref(e.buttonBehavior),u=a.ref(e.popupOnInput),p=a.computed(()=>({"input-group-append":!0,"append-force-show":e.showButtonWhenDisabled&&(e.readonly||e.disable)})),{judgeCanOpen:f}=q(e,l),c=a.computed(()=>e.showButtonWhenDisabled||(!e.editable||!e.readonly)&&!e.disable),d=a.inject(ge,null),t=a.ref();async function r(g){if(await f()&&c.value){const C=!!n.slots.default;if(s.value==="Modal"){const b=e.modalOptions,S=d==null?void 0:d.open({...b,render:()=>n.slots.default&&n.slots.default()});t.value=S==null?void 0:S.modalRef}s.value==="Overlay"&&ye.show({host:document.body,backgroundColor:"rgba(0,0,0,.15)",render:()=>n.slots.default&&n.slots.default()}),C&&s.value==="Popup"&&i.togglePopup(!0),C&&u.value&&i.hidePopup(),n.emit("clickButton",{origin:g,value:e.modelValue})}}function m(g){n.emit("mouseEnterIcon",g)}function y(g){n.emit("mouseLeaveIcon",g)}return{buttonGroupClass:p,onClickButton:r,onMouseEnterButton:m,onMouseLeaveButton:y,modalRef:t}}function be(e,n,o,i){const l=a.ref(),s=a.ref(!1),{judgeCanOpen:u}=q(e,i);function p(){const t=l.value;t&&t.show(o.value)}async function f(t=!1){if(!!n.slots.default){if(!t&&!s.value&&!await u())return;s.value=!s.value,await a.nextTick(),p()}}async function c(t=!1){if(!!n.slots.default){if(!t&&!await u())return;s.value=!0,await a.nextTick(),p()}}function d(){s.value=!1}return{hidePopup:d,popup:c,shouldPopupContent:s,togglePopup:f,popoverRef:l}}function Ce(e,n,o){const{buttonGroupClass:i}=o,l=a.ref();return{renderButtonGroup:()=>a.createVNode("div",{id:`${e.id}-button-group`,class:i.value},[n.slots.buttonContent?a.createVNode("span",{class:"input-group-text input-group-append-button"},[n.slots.buttonContent()]):e.buttonContent?a.createVNode("span",{class:"input-group-text input-group-append-button",innerHTML:e.buttonContent,ref:l},null):null]),buttonHandleElement:l}}const ve=a.defineComponent({name:"FButtonEdit",props:G,emits:["updateExtendInfo","clear","change","click","clickButton","blur","focus","mouseEnterIcon","mouseLeaveIcon","keyup","keydown","inputClick","input","update:modelValue"],setup(e,n){const o=a.ref(),i=a.inject("design-item-context"),l=T.useDesignerComponent(o,i),s=a.ref(e.customClass),u=a.ref(e.modelValue),p=be(e,n,o,u),f=he(e,n,o,p,u),c=a.ref(),d=a.computed(()=>({"f-cmp-inputgroup":!0,"input-group":!0,"f-state-disable":!0,"f-state-editable":!1,"f-state-readonly":!0}));a.onMounted(()=>{o.value.componentInstance=l}),n.expose(l.value);const t=a.computed(()=>{const m={"f-button-edit":!0,"f-cmp-inputgroup":!0,"f-button-edit-nowrap":!e.wrapText};return s.value&&s.value.split(" ").reduce((y,g)=>(y[g]=!0,y),m),m}),{renderButtonGroup:r}=Ce(e,n,f);return()=>a.createVNode("div",a.mergeProps(n.attrs,{ref:o,class:t.value,id:e.id}),[a.createVNode("div",{class:d.value},[a.createVNode("input",{ref:c,class:"form-control",readonly:!0,placeholder:e.placeholder},null),r()])])}});function Se(e,n){e.schema;const o=a.ref(!0),i=a.ref(!0);function l(t){return!1}function s(){return!1}function u(){return!1}function p(){return!0}function f(t){}function c(){}function d(t){return null}return{canAccepts:l,checkCanDeleteComponent:s,checkCanMoveComponent:u,hideNestedPaddingInDesginerView:p,onAcceptMovedChildElement:f,resolveComponentContext:c,triggerBelongedComponentToMoveWhenMoved:o,triggerBelongedComponentToDeleteWhenDeleted:i,getPropsConfig:d}}class Ie{constructor(n,o){v(this,"componentId");v(this,"viewModelId");v(this,"eventsEditorUtils");v(this,"formSchemaUtils");v(this,"formMetadataConverter");v(this,"designViewModelUtils");v(this,"designViewModelField");v(this,"controlCreatorUtils");v(this,"designerHostService");v(this,"schemaService",null);v(this,"metadataService",null);v(this,"propertyConfig",{type:"object",categories:{}});var i;this.componentId=n,this.designerHostService=o,this.eventsEditorUtils=o.eventsEditorUtils,this.formSchemaUtils=o.formSchemaUtils,this.formMetadataConverter=o.formMetadataConverter,this.viewModelId=((i=this.formSchemaUtils)==null?void 0:i.getViewModelIdByComponentId(n))||"",this.designViewModelUtils=o.designViewModelUtils,this.controlCreatorUtils=o.controlCreatorUtils,this.metadataService=o.metadataService,this.schemaService=o.schemaService}getTableInfo(){var n;return(n=this.schemaService)==null?void 0:n.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(n){const o=n.binding&&n.binding.type==="Form"&&n.binding.field;if(o){if(!this.designViewModelField){const i=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=i.fields.find(l=>l.id===o)}n.updateOn=this.designViewModelField.updateOn}}changeFieldEditorType(n,o){}getBasicPropConfig(n){return{description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{value:n.type,name:h[n.type].name}]}}}}}getAppearanceConfig(n=null){return{title:"样式",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter"}}}}updateElementByParentContainer(n,o){const i=o&&o.parent&&o.parent.schema;if(!i)return;const l=i.contents.findIndex(u=>u.id===n),s=w.cloneDeep(i.contents[l]);i.contents.splice(l,1),i.contents.splice(l,0,s)}}const x=class x{static getEditorTypesByMDataType(n){const o=x.fieldControlTypeMapping[n];return o||[{key:"",value:""}]}static getAllInputTypes(){const n=[];for(let o in x.fieldControlTypeMapping)x.fieldControlTypeMapping[o].forEach(i=>{n.find(l=>l.key===i.key&&l.value===i.value)||n.push({key:i.key,value:i.value})});return n}};v(x,"fieldControlTypeMapping",{String:[{key:h["input-group"].type,value:h["input-group"].name},{key:h.lookup.type,value:h.lookup.name},{key:h["date-picker"].type,value:h["date-picker"].name},{key:h["check-box"].type,value:h["check-box"].name},{key:h["check-group"].type,value:h["check-group"].name},{key:h["radio-group"].type,value:h["radio-group"].name},{key:h["combo-list"].type,value:h["combo-list"].name},{key:h.textarea.type,value:h.textarea.name}],Text:[{key:h.textarea.type,value:h.textarea.name},{key:h.lookup.type,value:h.lookup.name}],Decimal:[{key:h["number-spinner"].type,value:h["number-spinner"].name}],Integer:[{key:h["number-spinner"].type,value:h["number-spinner"].name}],Number:[{key:h["number-spinner"].type,value:h["number-spinner"].name}],BigNumber:[{key:h["number-spinner"].type,value:h["number-spinner"].name}],Date:[{key:h["date-picker"].type,value:h["date-picker"].name}],DateTime:[{key:h["date-picker"].type,value:h["date-picker"].name}],Boolean:[{key:h.switch.type,value:h.switch.name},{key:h["check-box"].type,value:h["check-box"].name}],Enum:[{key:h["combo-list"].type,value:h["combo-list"].name},{key:h["radio-group"].type,value:h["radio-group"].name}],Object:[{key:h.lookup.type,value:h.lookup.name},{key:h["combo-list"].type,value:h["combo-list"].name},{key:h["radio-group"].type,value:h["radio-group"].name}]});let E=x;const Fe=a.ref(0);class ke{constructor(){v(this,"label","");v(this,"id","");v(this,"columnInSM",12);v(this,"columnInMD",6);v(this,"columnInLG",3);v(this,"columnInEL",2);v(this,"displayWidthInSM",1);v(this,"displayWidthInMD",1);v(this,"displayWidthInLG",1);v(this,"displayWidthInEL",1);v(this,"displayColumnCountAtBreakPoint","md");v(this,"tagRow",0);v(this,"showTopBorder",0);v(this,"group",1);v(this,"isSupportedClass",!0);v(this,"fieldSetId","")}}function we(e){let n,o;const i=new Map;let l=[];function s(d,t){const m=d.split(" ").filter(S=>S.startsWith("col-"));if(m.length===0){t.isSupportedClass=!1;return}let y=m.find(S=>/^col-([1-9]|10|11|12)$/.test(S)),g=m.find(S=>/^col-md-([1-9]|10|11|12)$/.test(S)),C=m.find(S=>/^col-xl-([1-9]|10|11|12)$/.test(S)),b=m.find(S=>/^col-el-([1-9]|10|11|12)$/.test(S));y=y||"col-12",t.columnInSM=parseInt(y.replace("col-",""),10),t.displayWidthInSM=t.columnInSM/12,t.displayWidthInSM!==1&&(t.isSupportedClass=!1),g=g||"col-md-"+t.columnInSM,t.columnInMD=parseInt(g.replace("col-md-",""),10),t.displayWidthInMD=t.columnInMD/6,[1,2].includes(t.displayWidthInMD)||(t.isSupportedClass=!1),C=C||"col-xl-"+t.columnInMD,t.columnInLG=parseInt(C.replace("col-xl-",""),10),t.displayWidthInLG=t.columnInLG/3,[1,2,3,4].includes(t.displayWidthInLG)||(t.isSupportedClass=!1),b=b||"col-el-"+t.columnInLG,t.columnInEL=parseInt(b.replace("col-el-",""),10),t.displayWidthInEL=t.columnInEL/2,[1,2,3,4,5,6].includes(t.displayWidthInEL)||(t.isSupportedClass=!1)}function u(d,t,r,m=!1){let y=!1;d.contents.forEach(g=>{if(g.type==="fieldset"){r+=1,u(g,t,r,!0),y=!0;return}y&&(r+=1,y=!1);const C=g.appearance&&g.appearance.class,b=new ke;C?s(C,b):b.isSupportedClass=!1,b.label=g.label||g.id,b.id=g.id,b.group=r,m&&(b.fieldSetId=d.id),o===g.id&&(n=r),i.set(g.id,g),t.push(b)})}function p(d){const t=e.getComponentById(d);if(!t||!t.componentType||!t.componentType.startsWith("form"))return{result:!1,message:"只可以在响应式表单组件中调整响应式布局配置"};const r=e.selectNode(t,m=>m.type===T.DgControl["response-form"].type);return!r||!r.contents||r.contents.length===0?{result:!1,message:"Form区域内没有控件，请先添加控件"}:{result:!0,message:"",formNode:r}}function f(d,t){t=t||d.id;const{result:r,message:m,formNode:y}=p(t);if(!r)return{result:r,message:m};o=d.id,l=[],i.clear();const g=y.contents[0].type===T.DgControl.fieldset.type?0:1;u(y,l,g);const C=l.find(S=>!S.isSupportedClass);return{defaultState:{defaultGroupNumber:n||1,model:C?"customize":"standard"},importData:l}}function c(d,t){t=t;const{result:r,formNode:m}=p(t);if(!r)return"";const y=[];return d.forEach(g=>{var S;const C=i.get(g.id),b=C.appearance&&C.appearance.class;if(b){const B=b.split(" ").filter(Ee=>!Ee.startsWith("col-")),F="col-"+g.columnInSM,M="col-md-"+g.columnInMD,L="col-xl-"+g.columnInLG,j="col-el-"+g.columnInEL,D=[F,M,L,j].concat(B);C.appearance.class=D.join(" ")}if(g.fieldSetId){const k=m.contents.find(F=>F.id===g.fieldSetId),B=y.find(F=>F.id===g.fieldSetId);B?(S=B.contents)==null||S.push(C):(y.push(k),k.contents=[C])}else y.push(C)}),m.contents=y,m.id}return{checkCanFindFormNode:p,checkCanOpenLayoutEditor:f,changeFormControlsByResponseLayoutConfig:c,getResonseFormLayoutConfig:u}}class Be extends Ie{constructor(o,i){super(o,i);v(this,"responseLayoutEditorFunction");this.responseLayoutEditorFunction=we(this.formSchemaUtils)}getPropertyConfig(o,i){return this.propertyConfig.categories.basic=this.getBasicProperties(o,i),this.propertyConfig.categories.appearance=this.getAppearanceProperties(o,i),this.propertyConfig.categories.editor=this.getEditorProperties(o),this.propertyConfig}getBasicProperties(o,i){var p;var l=this;this.setDesignViewModelField(o);const s=this.formSchemaUtils.getFormMetadataBasicInfo(),u=this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);return{description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"编辑器类型",title:"编辑器类型",type:"string",refreshPanelAfterChanged:!0,$converter:"/converter/change-editor.converter",editor:{type:"combo-list",textField:"value",valueField:"key",editable:!1,data:l.designViewModelField?E.getEditorTypesByMDataType((p=l.designViewModelField.type)==null?void 0:p.name):E.getAllInputTypes()}},label:{title:"标签",type:"string",$converter:"/converter/form-group-label.converter"},binding:{description:"绑定的表单字段",title:"绑定",$converter:"/converter/field-selector.converter",editor:{type:"field-selector",bindingType:{enable:!1},editorParams:{propertyData:o,formBasicInfo:s},columns:[{field:"name",title:"字段名称"},{field:"bindingField",title:"绑定字段"},{field:"fieldType",title:"字段类型"}],textField:"bindingField",data:u}}},setPropertyRelates(f,c){if(f)switch(f&&f.propertyID){case"type":{l.changeControlType(o,f,i);break}case"label":{f.needRefreshControlTree=!0;break}}}}}getAppearanceProperties(o,i){var l=this;return{title:"样式",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter"},responseLayout:{description:"响应式列宽",title:"响应式列宽",type:"boolean",visible:!0,refreshPanelAfterChanged:!0,editor:{type:"response-layout-editor-setting",initialState:l.responseLayoutEditorFunction.checkCanOpenLayoutEditor(o,l.componentId)}}},setPropertyRelates(s,u){if(s)switch(s&&s.propertyID){case"responseLayout":l.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(s.propertyValue,l.componentId||o.id),l.updateUnifiedLayoutAfterResponseLayoutChanged(l.componentId),l.updateElementByParentContainer(o.id,i),delete o.responseLayout;break;case"class":l.updateUnifiedLayoutAfterControlChanged(s.propertyValue,o.id,this.componentId),l.updateElementByParentContainer(o.id,i);break}}}}getEditorProperties(o){return this.getComponentConfig(o)}changeControlType(o,i,l){var d,t,r,m;const s=i.propertyValue,u=l&&l.parent&&l.parent.schema;if(!u)return;const p=u.contents.findIndex(y=>y.id===o.id),f=u.contents[p];let c;this.designViewModelField&&(this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id,{editor:{$type:s},name:this.designViewModelField.name,require:this.designViewModelField.require,readonly:this.designViewModelField.readonly},!1),c=this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField,s)),c||(c=this.controlCreatorUtils.createFormGroupWithoutField(s)),Object.assign(c,{id:f.id,appearance:f.appearance,size:f.size,label:f.label,binding:f.binding,visible:f.visible}),Object.assign(c.editor,{isTextArea:c.isTextArea&&f.isTextArea,placeholder:(d=f.editor)==null?void 0:d.placeholder,holdPlace:(t=f.editor)==null?void 0:t.holdPlace,readonly:(r=f.editor)==null?void 0:r.readonly,require:(m=f.editor)==null?void 0:m.require}),u.contents.splice(p,1),u.contents.splice(p,0,c),l.schema=Object.assign(f,c),Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(y=>y.classList.remove("dgComponentSelected")),Fe.value++}getComponentConfig(o,i={},l={}){const s=Object.assign({description:"编辑器",title:"编辑器",type:"input-group",$converter:"/converter/property-editor.converter"},i),u=Object.assign({readonly:{description:"",title:"只读",type:"boolean"},disabled:{description:"",title:"禁用",type:"boolean"},placeholder:{description:"空值时，输入控件内的占位文本",title:"提示文本",type:"string"}},l);return{...s,properties:{...u}}}updateUnifiedLayoutAfterControlChanged(o,i,l){const s=o.split(" ");let u=s.find(t=>/^col-([1-9]|10|11|12)$/.test(t)),p=s.find(t=>/^col-md-([1-9]|10|11|12)$/.test(t)),f=s.find(t=>/^col-xl-([1-9]|10|11|12)$/.test(t)),c=s.find(t=>/^col-el-([1-9]|10|11|12)$/.test(t));u=u||"col-12",p=p||"col-md-"+u.replace("col-",""),f=f||"col-xl-"+p.replace("col-md-",""),c=c||"col-el-"+f.replace("col-xl-","");const d={id:i,columnInSM:parseInt(u.replace("col-",""),10),columnInMD:parseInt(p.replace("col-md-",""),10),columnInLG:parseInt(f.replace("col-xl-",""),10),columnInEL:parseInt(c.replace("col-el-",""),10)};this.updateUnifiedLayoutAfterResponseLayoutChanged(l,d)}updateUnifiedLayoutAfterResponseLayoutChanged(o,i){const{formNode:l}=this.responseLayoutEditorFunction.checkCanFindFormNode(o);if(!l||!l.unifiedLayout)return;const s=[];if(this.responseLayoutEditorFunction.getResonseFormLayoutConfig(l,s,1),i){const y=s.find(g=>g.id===i.id);Object.assign(y||{},i)}const u=s.map(y=>y.columnInSM),p=s.map(y=>y.columnInMD),f=s.map(y=>y.columnInLG),c=s.map(y=>y.columnInEL),d=this.checkIsUniqueColumn(u)?u[0]:null,t=this.checkIsUniqueColumn(p)?p[0]:null,r=this.checkIsUniqueColumn(f)?f[0]:null,m=this.checkIsUniqueColumn(c)?c[0]:null;Object.assign(l.unifiedLayout,{uniqueColClassInSM:d,uniqueColClassInMD:t,uniqueColClassInLG:r,uniqueColClassInEL:m})}checkIsUniqueColumn(o){const i=new Set(o);return Array.from(i).length===1}}class Me extends Be{constructor(n,o){super(n,o)}getEditorProperties(n){return this.getComponentConfig(n,{type:"combo-list"},{editable:{description:"",title:"允许编辑",type:"boolean"},textField:{description:"",title:"数据源显示字段",type:"string"},idField:{description:"",title:"数据源值字段",type:"string"}})}}function xe(e,n){const{canAccepts:o,checkCanDeleteComponent:i,checkCanMoveComponent:l,hideNestedPaddingInDesginerView:s,onAcceptMovedChildElement:u,resolveComponentContext:p,triggerBelongedComponentToMoveWhenMoved:f,triggerBelongedComponentToDeleteWhenDeleted:c}=Se(e),d=e.schema;function t(r,m){return new Me(r,n).getPropertyConfig(d,m)}return{canAccepts:o,checkCanDeleteComponent:i,checkCanMoveComponent:l,hideNestedPaddingInDesginerView:s,onAcceptMovedChildElement:u,resolveComponentContext:p,triggerBelongedComponentToMoveWhenMoved:f,triggerBelongedComponentToDeleteWhenDeleted:c,getPropsConfig:t}}const Oe=a.defineComponent({name:"FComboListDesign",props:V,emits:["clear","update:modelValue","change"],setup(e,n){const o=a.ref(),i=a.inject("designer-host-service"),l=a.inject("design-item-context"),s=xe(l,i),u=T.useDesignerComponent(o,l,s);return a.onMounted(()=>{o.value.componentInstance=u}),n.expose(u.value),()=>a.createVNode(ve,{ref:o,buttonContent:e.dropDownIcon,readonly:!0,editable:!1,forcePlaceholder:!0,placeholder:e.placeholder,enableClear:!0},null)}}),Te=e=>{const n=e;return n.install=function(o){o.component(n.name,e)},e};O.register=(e,n,o,i)=>{e["combo-list"]=O,n["combo-list"]=P},O.registerDesigner=(e,n,o)=>{e["combo-list"]=Oe,n["combo-list"]=P};const Ve=Te(O);I.FComboList=O,I.Placement=U,I.ViewType=N,I.comboListProps=V,I.default=Ve,I.propsResolver=P,Object.defineProperties(I,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/combo-tree/index.esm.js

@@ -1,104 +1,104 @@
-import { defineComponent as O, ref as y, inject as P, computed as v, onMounted as M, createVNode as S, watch as h } from "vue";
-import I from "../button-edit/index.esm.js";
-import { cloneDeep as k } from "lodash-es";
-import N from "../tree-view/index.esm.js";
-import { withInstall as D } from "../common/index.esm.js";
-const E = {}, H = {};
+import { defineComponent as B, ref as y, inject as M, computed as v, onMounted as I, createVNode as S, watch as h } from "vue";
+import k from "../button-edit/index.esm.js";
+import { isPlainObject as O, cloneDeep as N } from "lodash-es";
+import D from "../tree-view/index.esm.js";
+import { withInstall as E } from "../common/index.esm.js";
+const H = {}, R = {};
 function V(e) {
-  const { properties: l, title: d, ignore: i } = e, u = i && Array.isArray(i), f = Object.keys(l).reduce((s, c) => ((!u || !i.find((p) => p == c)) && (s[c] = l[c].type === "object" && l[c].properties ? V(l[c]) : k(l[c].default)), s), {});
-  return (!u || !i.find((s) => s == "id")) && (f.id = `${d}-${Date.now()}`), f;
+  const { properties: l, title: d, ignore: r } = e, u = r && Array.isArray(r), f = Object.keys(l).reduce((s, c) => ((!u || !r.find((p) => p == c)) && (s[c] = l[c].type === "object" && l[c].properties ? V(l[c]) : N(l[c].default)), s), {});
+  return d && (!u || !r.find((s) => s == "id")) && (f.id = `${d}-${Date.now()}`), f;
 }
-function R(e, l) {
+function $(e, l) {
   const d = V(l);
-  return Object.keys(e).reduce((i, u) => (i[u] && typeof i[u] == "object" ? Object.assign(i[u], e[u]) : i[u] = e[u], i), d), d;
+  return Object.keys(e).reduce((r, u) => (r[u] && O(r[u]) && O(e[u]) ? Object.assign(r[u], e[u]) : r[u] = e[u], r), d), d;
 }
-function $(e, l) {
-  return Object.keys(e).filter((i) => e[i] != null).reduce((i, u) => {
+function A(e, l) {
+  return Object.keys(e).filter((r) => e[r] != null).reduce((r, u) => {
     if (l.has(u)) {
       const f = l.get(u);
       if (typeof f == "string")
-        i[f] = e[u];
+        r[f] = e[u];
       else {
         const s = f(u, e[u], e);
-        Object.assign(i, s);
+        Object.assign(r, s);
       }
     } else
-      i[u] = e[u];
-    return i;
+      r[u] = e[u];
+    return r;
   }, {});
 }
-function A(e, l, d = /* @__PURE__ */ new Map()) {
-  const i = R(e, l);
-  return $(i, d);
+function L(e, l, d = /* @__PURE__ */ new Map()) {
+  const r = $(e, l);
+  return A(r, d);
 }
-function L(e = {}) {
-  function l(n, t, a, r) {
+function q(e = {}) {
+  function l(n, t, a, o) {
     if (typeof a == "number")
-      return r[n].length === a;
+      return o[n].length === a;
     if (typeof a == "object") {
-      const o = Object.keys(a)[0], m = a[o];
-      if (o === "not")
-        return Number(r[n].length) !== Number(m);
-      if (o === "moreThan")
-        return Number(r[n].length) >= Number(m);
-      if (o === "lessThan")
-        return Number(r[n].length) <= Number(m);
+      const i = Object.keys(a)[0], m = a[i];
+      if (i === "not")
+        return Number(o[n].length) !== Number(m);
+      if (i === "moreThan")
+        return Number(o[n].length) >= Number(m);
+      if (i === "lessThan")
+        return Number(o[n].length) <= Number(m);
     }
     return !1;
   }
-  function d(n, t, a, r) {
-    return r[n] && r[n].propertyValue && String(r[n].propertyValue.value) === String(a);
+  function d(n, t, a, o) {
+    return o[n] && o[n].propertyValue && String(o[n].propertyValue.value) === String(a);
   }
-  const i = /* @__PURE__ */ new Map([
+  const r = /* @__PURE__ */ new Map([
     ["length", l],
     ["getProperty", d]
   ]);
-  Object.keys(e).reduce((n, t) => (n.set(t, e[t]), n), i);
+  Object.keys(e).reduce((n, t) => (n.set(t, e[t]), n), r);
   function u(n, t) {
     const a = n;
-    return typeof t == "number" ? [{ target: a, operator: "length", param: null, value: Number(t) }] : typeof t == "boolean" ? [{ target: a, operator: "getProperty", param: n, value: !!t }] : typeof t == "object" ? Object.keys(t).map((r) => {
-      if (r === "length")
-        return { target: a, operator: "length", param: null, value: t[r] };
-      const o = r, m = t[r];
-      return { target: a, operator: "getProperty", param: o, value: m };
+    return typeof t == "number" ? [{ target: a, operator: "length", param: null, value: Number(t) }] : typeof t == "boolean" ? [{ target: a, operator: "getProperty", param: n, value: !!t }] : typeof t == "object" ? Object.keys(t).map((o) => {
+      if (o === "length")
+        return { target: a, operator: "length", param: null, value: t[o] };
+      const i = o, m = t[o];
+      return { target: a, operator: "getProperty", param: i, value: m };
     }) : [];
   }
   function f(n) {
-    return Object.keys(n).reduce((a, r) => {
-      const o = u(r, n[r]);
-      return a.push(...o), a;
+    return Object.keys(n).reduce((a, o) => {
+      const i = u(o, n[o]);
+      return a.push(...i), a;
     }, []);
   }
   function s(n, t) {
-    if (i.has(n.operator)) {
-      const a = i.get(n.operator);
+    if (r.has(n.operator)) {
+      const a = r.get(n.operator);
       return a && a(n.target, n.param, n.value, t) || !1;
     }
     return !1;
   }
   function c(n, t) {
-    return f(n).reduce((o, m) => o && s(m, t), !0);
+    return f(n).reduce((i, m) => i && s(m, t), !0);
   }
   function p(n, t) {
-    const a = Object.keys(n), r = a.includes("allOf"), o = a.includes("anyOf"), m = r || o, g = (m ? n[m ? r ? "allOf" : "anyOf" : "allOf"] : [n]).map((F) => c(F, t));
-    return r ? !g.includes(!1) : g.includes(!0);
+    const a = Object.keys(n), o = a.includes("allOf"), i = a.includes("anyOf"), m = o || i, g = (m ? n[m ? o ? "allOf" : "anyOf" : "allOf"] : [n]).map((F) => c(F, t));
+    return o ? !g.includes(!1) : g.includes(!0);
   }
   return { parseValueSchema: p };
 }
-const q = {}, U = {};
-L();
-function W(e, l, d = /* @__PURE__ */ new Map(), i = (s, c, p) => c, u = {}, f = (s) => s) {
-  return E[l.title] = l, H[l.title] = i, q[l.title] = u, U[l.title] = f, (s = {}) => {
-    const c = A(s, l, d), p = Object.keys(e).reduce((n, t) => (n[t] = e[t].default, n), {});
+const U = {}, W = {};
+q();
+function z(e, l, d = /* @__PURE__ */ new Map(), r = (s, c, p) => c, u = {}, f = (s) => s) {
+  return H[l.title] = l, R[l.title] = r, U[l.title] = u, W[l.title] = f, (s = {}) => {
+    const c = L(s, l, d), p = Object.keys(e).reduce((n, t) => (n[t] = e[t].default, n), {});
     return Object.assign(p, c);
   };
 }
-function z(e, l) {
+function G(e, l) {
   return { customClass: l.class, customStyle: l.style };
 }
-const G = /* @__PURE__ */ new Map([
-  ["appearance", z]
-]), J = "https://json-schema.org/draft/2020-12/schema", Q = "https://farris-design.gitee.io/combo-list.schema.json", X = "combo-list", Y = "A Farris Input Component", Z = "object", _ = {
+const J = /* @__PURE__ */ new Map([
+  ["appearance", G]
+]), Q = "https://json-schema.org/draft/2020-12/schema", X = "https://farris-design.gitee.io/combo-list.schema.json", Y = "combo-tree", Z = "A Farris Input Component", _ = "object", K = {
   id: {
     description: "The unique identifier for a combo list",
     type: "string"
@@ -106,7 +106,7 @@ const G = /* @__PURE__ */ new Map([
   type: {
     description: "The type string of number combo list component",
     type: "string",
-    default: "combo-list"
+    default: "combo-tree"
   },
   appearance: {
     description: "",
@@ -209,23 +209,23 @@ const G = /* @__PURE__ */ new Map([
     type: "sting",
     default: ""
   }
-}, K = [
+}, ee = [
   "id",
   "type"
-], ee = {
-  $schema: J,
-  $id: Q,
-  title: X,
-  description: Y,
-  type: Z,
-  properties: _,
-  required: K
+], te = {
+  $schema: Q,
+  $id: X,
+  title: Y,
+  description: Z,
+  type: _,
+  properties: K,
+  required: ee
 };
-function te(e, l, d) {
+function ae(e, l, d) {
   return l;
 }
-var ae = /* @__PURE__ */ ((e) => (e.Text = "text", e.Tag = "tag", e))(ae || {}), ne = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e.auto = "auto", e))(ne || {});
-const B = {
+var ne = /* @__PURE__ */ ((e) => (e.Text = "text", e.Tag = "tag", e))(ne || {}), le = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e.auto = "auto", e))(le || {});
+const j = {
   /**
    * 组件标识
    */
@@ -306,7 +306,7 @@ const B = {
   /**
    * 绑定值
    */
-  modelValue: {},
+  modelValue: { type: String, default: "" },
   /**
    * 占位符
    */
@@ -377,7 +377,7 @@ const B = {
   formatter: { type: Function, default: null },
   editorParams: { type: Object },
   repositoryToken: { type: Symbol, default: null }
-}, le = W(B, ee, G, te), ie = {
+}, ie = z(j, te, J, ae), re = {
   data: { type: Array, default: [] },
   enableSearch: { type: Boolean, default: !1 },
   idField: { type: String, default: "id" },
@@ -393,55 +393,55 @@ const B = {
   maxHeight: { type: Number, default: 350 },
   repositoryToken: { type: Symbol, default: null },
   editorParams: { type: Object }
-}, re = /* @__PURE__ */ O({
+}, oe = /* @__PURE__ */ B({
   name: "FComboTreeContainer",
-  props: ie,
+  props: re,
   emits: ["selectionChange"],
   setup(e, l) {
-    const d = y(e.data), i = y([]), u = y(e.separator), f = y(e.width), s = y(e.height), c = y(e.maxHeight), p = y(String(e.selectedValues).split(u.value));
+    const d = y(e.data), r = y([]), u = y(e.separator), f = y(e.width), s = y(e.height), c = y(e.maxHeight), p = y(String(e.selectedValues).split(u.value));
     let n = null;
-    e.repositoryToken && (n = P(e.repositoryToken));
+    e.repositoryToken && (n = M(e.repositoryToken));
     const t = v(() => [{
       field: e.textField,
       title: "",
       dataType: "string",
       formatter: e.formatter
     }]), a = v(() => {
-      const o = {};
-      return f.value !== void 0 && (o.width = `${f.value}px`), s.value !== void 0 && (o.height = `${s.value}px`), c.value !== void 0 && c.value > 0 && (o.maxHeight = `${c.value}px`, o.overflow = "auto"), o;
+      const i = {};
+      return f.value !== void 0 && (i.width = `${f.value}px`), s.value !== void 0 && (i.height = `${s.value}px`), c.value !== void 0 && c.value > 0 && (i.maxHeight = `${c.value}px`, i.overflow = "auto"), i;
     });
-    function r(o) {
-      i.value = o.map((m) => Object.assign({}, m)), p.value = o.map((m) => m[e.idField]), l.emit("selectionChange", i.value);
+    function o(i) {
+      r.value = i.map((m) => Object.assign({}, m)), p.value = i.map((m) => m[e.idField]), l.emit("selectionChange", r.value);
     }
-    return M(() => {
-      n && n.getData(e.editorParams).then((o) => {
-        d.value = o;
+    return I(() => {
+      n && n.getData(e.editorParams).then((i) => {
+        d.value = i;
       });
     }), () => S("div", {
       class: "f-combo-tree-container",
       style: a.value
-    }, [S(N, {
+    }, [S(D, {
       data: d.value,
       idField: e.idField,
       columns: t.value,
       "selection-values": p.value,
-      onSelectionChange: r
+      onSelectionChange: o
     }, null)]);
   }
 });
-function oe(e) {
-  const l = y(""), d = y(e.modelValue), i = y(e.data || []), u = y(e.editable);
+function ue(e) {
+  const l = y(""), d = y(e.modelValue), r = y(e.data || []), u = y(e.editable);
   function f(t) {
-    const a = String(t).split(e.separator).map((o) => [o, !0]), r = new Map(a);
-    return i.value.filter((o) => r.has(String(o[e.valueField])));
+    const a = String(t).split(e.separator).map((i) => [i, !0]), o = new Map(a);
+    return r.value.filter((i) => i.data ? o.has(String(i.data[e.valueField])) : o.has(String(i[e.valueField]))).map((i) => i.data ? i.data : i);
   }
   function s(t) {
-    const a = f(t).map((r) => r[e.textField]).join(e.separator);
+    const a = f(t).map((o) => o[e.textField]).join(e.separator);
     l.value = u.value ? a || t : a;
   }
   function c(t) {
-    const a = t.split(e.separator).map((o) => [o, !0]), r = new Map(a);
-    return i.value.filter((o) => r.has(o[e.textField]));
+    const a = t.split(e.separator).map((i) => [i, !0]), o = new Map(a);
+    return r.value.filter((i) => o.has(i[e.textField]));
   }
   function p(t) {
     const a = {};
@@ -449,39 +449,39 @@ function oe(e) {
   }
   function n(t) {
     let a = c(t);
-    const r = a && a.length > 0;
-    return u.value && !r && (a = p(t)), a;
+    const o = a && a.length > 0;
+    return u.value && !o && (a = p(t)), a;
   }
   return h(() => e.data, () => {
-    i.value = e.data;
-  }), h([i], ([t]) => {
+    r.value = e.data;
+  }), h([r], ([t]) => {
     if (e.modelValue) {
-      const a = t.find((r) => r[e.valueField] === e.modelValue);
+      const a = t.find((o) => o[e.valueField] === e.modelValue);
       a && (l.value = a[e.textField]);
     }
   }), h(() => e.modelValue, (t) => {
     d.value = t, s(t);
-  }), s(e.modelValue), { dataSource: i, displayText: l, editable: u, modelValue: d, getItemsByDisplayText: c, getItemsByValue: f, getSelectedItemsByDisplayText: n };
+  }), s(e.modelValue), { dataSource: r, displayText: l, editable: u, modelValue: d, getItemsByDisplayText: c, getItemsByValue: f, getSelectedItemsByDisplayText: n };
 }
-const C = /* @__PURE__ */ O({
+const C = /* @__PURE__ */ B({
   name: "FComboTree",
-  props: B,
+  props: j,
   emits: ["clear", "update:modelValue", "change"],
   setup(e, l) {
     return () => {
-      const d = y(), i = y(e.disabled), u = y(e.enableClear), f = y(e.enableSearch), s = y(e.readonly), {
+      const d = y(), r = y(e.disabled), u = y(e.enableClear), f = y(e.enableSearch), s = y(e.readonly), {
         dataSource: c,
         displayText: p,
         editable: n,
         modelValue: t,
         getSelectedItemsByDisplayText: a
-      } = oe(e), r = v(() => e.multiSelect);
+      } = ue(e), o = v(() => e.multiSelect);
       v(() => d.value ? d.value.elementRef.getBoundingClientRect().width : 0);
-      function o() {
-        !r.value && d.value && d.value.hidePopup();
+      function i() {
+        !o.value && d.value && d.value.hidePopup();
       }
       function m(g) {
-        p.value = g.map((b) => b[e.textField]).join(e.separator), t.value = g.map((b) => b[e.valueField]).join(e.separator), l.emit("update:modelValue", t.value), l.emit("change", g, t.value), o();
+        p.value = g.map((b) => b[e.textField]).join(e.separator), t.value = g.map((b) => b[e.valueField]).join(e.separator), l.emit("update:modelValue", t.value), l.emit("change", g, t.value), i();
       }
       function x(g) {
         t.value = "", l.emit("update:modelValue", ""), l.emit("clear");
@@ -490,12 +490,12 @@ const C = /* @__PURE__ */ O({
         const b = a(g);
         m(b);
       }
-      return h([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([g, b, F, j, w]) => {
-        i.value = g, n.value = b, u.value = F, f.value = j, s.value = w;
-      }), S(I, {
+      return h([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([g, b, F, P, w]) => {
+        r.value = g, n.value = b, u.value = F, f.value = P, s.value = w;
+      }), S(k, {
         ref: d,
         id: e.id,
-        disable: i.value,
+        disable: r.value,
         readonly: s.value,
         forcePlaceholder: e.forcePlaceholder,
         editable: n.value,
@@ -514,7 +514,7 @@ const C = /* @__PURE__ */ O({
         focusOnCreated: e.focusOnCreated,
         selectOnCreated: e.selectOnCreated
       }, {
-        default: () => [S(re, {
+        default: () => [S(oe, {
           maxHeight: e.maxHeight,
           idField: e.idField,
           valueField: e.valueField,
@@ -531,15 +531,15 @@ const C = /* @__PURE__ */ O({
     };
   }
 });
-C.register = (e, l, d, i) => {
-  e["combo-tree"] = C, l["combo-tree"] = le;
+C.register = (e, l, d, r) => {
+  e["combo-tree"] = C, l["combo-tree"] = ie;
 };
-const me = D(C);
+const ye = E(C);
 export {
   C as FComboTree,
-  ne as Placement,
-  ae as ViewType,
-  B as comboTreeProps,
-  me as default,
-  le as propsResolver
+  le as Placement,
+  ne as ViewType,
+  j as comboTreeProps,
+  ye as default,
+  ie as propsResolver
 };