@farris/ui-vue 1.6.5-beta.7 → 1.6.5-beta.8

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

@@ -1 +1 @@
-(function(h,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("vue"),require("vue-i18n"),require("../button-edit/index.umd.js"),require("../dynamic-resolver/index.umd.js"),require("lodash-es"),require("../list-view/index.umd.js"),require("../../designer/button-edit/index.umd.js"),require("../designer-canvas/index.umd.js"),require("../common/index.umd.js"),require("../property-panel/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","vue-i18n","../button-edit/index.umd.js","../dynamic-resolver/index.umd.js","lodash-es","../list-view/index.umd.js","../../designer/button-edit/index.umd.js","../designer-canvas/index.umd.js","../common/index.umd.js","../property-panel/index.umd.js"],i):(h=typeof globalThis<"u"?globalThis:h||self,i(h["combo-list"]={},h.Vue,h.vueI18n,h.FButtonEdit,h.dynamicResolver,h.LodashES,h.FListView,h.FButtonEditDesign,h.designerCanvas,h.common,h.propertyPanel))})(this,function(h,i,E,O,H,q,$,N,G,j,W){"use strict";const U=new Map([["appearance",H.resolveAppearance]]),J={$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},enableClear:{description:"",type:"boolean",default:!1},editable:{description:"",type:"boolean",default:!1},enableLinkLabel:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},lableWidth:{description:"",type:"number"},placeholder:{description:"",type:"string",default:"请选择"},idField:{description:"",type:"string",default:"id"},valueField:{description:"",type:"string",default:"id"},titleField:{description:"",type:"string",default:"name"},textField:{description:"",type:"string",default:"name"},dataSourceType:{description:"",type:"string",default:"static"},data:{description:"",type:"array"},remote:{description:"",type:"string"},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"},multiSelect:{description:"",type:"boolean",default:!1},maxLength:{description:"",type:"number",default:null},visible:{description:"",type:"boolean",default:!0},onBlur:{description:"",type:"string",default:""},onClickLinkLabel:{description:"",type:"sting",default:""},maxHeight:{description:"",type:"number",default:350},minPanelWidth:{description:"",type:"number",default:160},popupOnClick:{description:"",type:"boolean",default:!0},separator:{description:"",type:"string",default:","},viewType:{description:"",type:"string",default:"tag"},enableSearch:{description:"启用搜索",type:"boolean",default:!0},enableHighlightSearch:{description:"启用高亮搜索",type:"boolean",default:!1}},required:["type"],ignore:["id","appearance","binding","visible"]};function _(e,t,l){return t}var k=(e=>(e.top="top",e.bottom="bottom",e.auto="auto",e))(k||{});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-chevron-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,default:"请选择"},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:[Boolean,Function],default:!1},enableHighlightSearch:{type:Boolean,default:!0},minPanelWidth:{type:Number,default:160},popupOnClick:{type:Boolean,default:!0}},A=Object.assign({},B,{readonly:{}}),L=H.createPropsResolver(B,J,U,_),z={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:[Boolean,Function],default:!1},enableHighlightSearch:{type:Boolean,default:!0}},K=i.defineComponent({name:"FComboListContainer",props:z,emits:["selectionChange"],setup(e,t){const l=i.ref(),o=i.ref(e.dataSource),a=i.ref([]),f=i.ref(e.separator),y=i.ref(e.width),u=i.ref(e.maxHeight),s=i.ref(String(e.selectedValues).split(f.value)),x=i.computed(()=>e.multiSelect),b=i.computed(()=>({enableSelectRow:!0,multiSelect:e.multiSelect,multiSelectMode:"OnCheckAndClick",showCheckbox:x.value,showSelectAll:!1,showSelection:!0}));i.watch(e.dataSource,()=>{o.value=e.dataSource}),i.computed(()=>e.enableSearch?"SearchBar":"ContentHeader");const S=i.computed(()=>{const c={};return y.value!==void 0&&(c.width=`${y.value}px`),u.value!==void 0&&u.value>0&&(c.maxHeight=`${u.value}px`),c});function n(c){l.value.search(c)}function d(c){a.value=c.map(m=>Object.assign({},m)),s.value=c.map(m=>m[e.idField]),t.emit("selectionChange",a.value)}function p(c){if(e.enableHighlightSearch)return;let m=[];const{searchOption:r}=e;typeof r=="function"?m=o.value.filter(C=>r(c,C)):m=o.value.filter(C=>C[e.valueField].indexOf(c)>-1||C[e.textField].indexOf(c)>-1),l.value.updateDataSource(m)}i.watch([()=>e.selectedValues],([c])=>{e.multiSelect?s.value=c.split(f.value):s.value=[c]});function F(c){l.value.activeRowById(c)}return i.onMounted(()=>{var c,m;if(!e.multiSelect){const r=(c=s.value)==null?void 0:c[0];let C=r;if(!q.isUndefined(r)){const w=typeof r,T=typeof((m=o.value[0])==null?void 0:m[e.valueField||e.idField]);T==="number"&&w!==T&&(C=Number(r)),T==="boolean"&&w!==T&&(C=r==="true"?!0:r==="false"?!1:r),F(C)}}}),t.expose({search:n,activeRowById:F}),()=>i.createVNode("div",{class:"f-combo-list-container",style:S.value},[i.createVNode($,{ref:l,size:"small",itemClass:"f-combo-list-item",itemContentClass:"text-truncate",header:"ContentHeader",headerClass:"f-combo-list-search-box",data:o.value,idField:e.idField,textField:e.textField,titleField:e.titleField,multiSelect:e.multiSelect,selection:b.value,enableHighlightSearch:e.enableHighlightSearch,selectionValues:s.value,onSelectionUpdate:d,onAfterSearch:p},null)])}});function Q(e){const{t}=E.useI18n(),l=i.ref(""),o=i.ref(e.modelValue),a=i.ref(e.data||[]),f=i.ref(e.editable);function y(n){const d=e.multiSelect?String(n).split(e.separator):[String(n)],p=d.map(m=>[m,!0]),F=new Map(p);return a.value.filter(m=>F.has(String(m[e.valueField]))).sort((m,r)=>{const C=d.indexOf(m[e.valueField]),w=d.indexOf(r[e.valueField]);return C-w})}function u(n){const d=y(n).map(p=>p[e.textField]).join(e.separator);l.value=f.value?d||n:d}function s(n){if(e.multiSelect){const d=n.split(e.separator).map(F=>[F,!0]),p=new Map(d);return a.value.filter(F=>p.has(F[e.textField]))}return a.value.filter(d=>""+d[e.textField]===n)}function x(n){const d={};return d[e.idField]=n,d[e.textField]=n,[d]}function b(n){let d=s(n);const p=d&&d.length>0;return f.value&&!p&&(d=x(n)),d}function S(){const{url:n,method:d="GET",headers:p={"Content-Type":"application/json;charset=utf-8;"},body:F=null}=e.remote,c=d.toLowerCase()==="get"?{method:d,headers:p}:{method:d,headers:p,body:F};let m=!1;fetch(new Request(n,c)).then(r=>{var w,T;if(r.status===200)return m=!!((T=(w=r.headers)==null?void 0:w.get("content-type"))!=null&&T.includes("application/json")),m?r.text():r.json();throw r.status===405?new Error(t("comboList.remoteError")):new Error(r.statusText)}).then(r=>{r.length&&(a.value=m?JSON.parse(r):r)}).catch(r=>{console.warn(r)})}return e.remote&&S(),i.watch(()=>e.data,()=>{a.value=e.data}),i.watch([a],([n])=>{if(e.modelValue!=null){const d=n.find(p=>p[e.valueField]===e.modelValue);d&&(l.value=d[e.textField])}}),i.watch(()=>e.modelValue,n=>{o.value=n,u(n)}),u(e.modelValue),{dataSource:a,displayText:l,editable:f,modelValue:o,getItemsByDisplayText:s,getItemsByValue:y,getSelectedItemsByDisplayText:b}}const P=i.defineComponent({name:"FComboList",props:B,emits:["clear","update:modelValue","change","input"],setup(e,t){const{t:l}=E.useI18n(),o=i.ref(),a=i.ref(),f=i.ref(e.disabled||e.readonly),y=i.ref(e.enableClear),u=i.ref(e.enableSearch),s=i.ref(e.readonly),{dataSource:x,displayText:b,editable:S,modelValue:n,getItemsByValue:d}=Q(e),p=i.ref(e.dropDownIcon);p.value==='<span class="f-icon f-icon-arrow-chevron-down"></span>'&&(p.value='<span id="'+e.id+'-icon-dropdown" class="f-icon f-icon-arrow-chevron-down"></span>');const F=i.computed(()=>e.multiSelect),c=i.computed(()=>a.value?a.value.elementRef.getBoundingClientRect().width:0);function m(){!F.value&&a.value&&a.value.hidePopup()}function r(g){b.value=g.map(V=>V[e.textField]).join(e.separator);let v="";g.length===1?v=g[0][e.valueField]:v=g.map(V=>V[e.valueField]).join(e.separator),n.value!==v&&(n.value=v,t.emit("update:modelValue",n.value),t.emit("change",g,n.value))}function C(){const g=d(n.value);r(g)}function w(){s.value||b.value}function T(g){var v;n.value="",(v=o.value)==null||v.activeRowById(""),t.emit("update:modelValue",""),t.emit("change",[],""),t.emit("clear")}function ee(g){var v,V;e.enableSearch&&e.enableHighlightSearch&&((v=o.value)==null||v.search(g)),(V=o.value)==null||V.activeRowById(g),t.emit("change",[n.value],n.value)}function te(g){if(e.multiSelect){const v=d(n.value),I=v.map(R=>R[e.idField||e.valueField]).join(e.separator);n.value!==I&&(n.value=I,t.emit("update:modelValue",n.value),t.emit("change",v,n.value))}}function ie(){return b.value}function le(g){const{value:v}=g.target;ee(v),t.emit("input",v)}function ne(){a.value.hidePopup()}return t.expose({getDisplayText:ie,hidePopup:ne}),i.watch([()=>e.disabled,()=>e.editable,()=>e.enableClear,()=>e.enableSearch,()=>e.readonly],([g,v,V,I,R])=>{f.value=g,S.value=v,y.value=V,u.value=I,s.value=R}),()=>i.createVNode(O,{ref:a,id:e.id,disable:f.value,readonly:s.value,forcePlaceholder:e.forcePlaceholder,editable:S.value,buttonContent:p.value,placeholder:e.placeholder==="请选择"?l("comboList.placeholder"):e.placeholder,enableClear:y.value,maxLength:e.maxLength,tabIndex:e.tabIndex,enableTitle:e.enableTitle,multiSelect:e.multiSelect,inputType:e.multiSelect?e.viewType:"text",modelValue:b.value,"onUpdate:modelValue":g=>b.value=g,focusOnCreated:e.focusOnCreated,selectOnCreated:e.selectOnCreated,onClear:T,onClick:w,onChange:te,onBlur:C,onInput:le,beforeOpen:e.beforeOpen,placement:e.placement,popupMinWidth:e.minPanelWidth,popupClass:"f-combo-list-wrapper",popupOnClick:e.popupOnClick,limitContentBySpace:!0},{default:()=>[i.createVNode(K,{ref:o,idField:e.idField,valueField:e.valueField,textField:e.textField,titleField:e.titleField,dataSource:x.value,selectedValues:n.value,separator:e.separator,multiSelect:e.multiSelect,enableSearch:u.value,maxHeight:e.maxHeight,enableHighlightSearch:e.enableHighlightSearch,width:e.fitEditor?c.value:void 0,onSelectionChange:g=>{r(g),m()}},null)]})}}),M={convertFrom:(e,t)=>(e.editor.remote||{})[t],convertTo:(e,t,l)=>{e.editor.remote=e.editor.remote||{},e.editor.remote[t]=l}};class X extends W.InputBaseProperty{constructor(t,l){super(t,l)}getCommonEditorProperties(t){var l,o,a,f,y,u;return{viewType:{visible:!!((l=t.editor)!=null&&l.multiSelect),description:"数据展示类型，有标签和文本两种方式",title:"数据展示类型",type:"enum",editor:{data:[{id:"tag",name:"标签"},{id:"text",name:"文本"}]},refreshPanelAfterChanged:!0},separator:{visible:!!((o=t.editor)!=null&&o.multiSelect)&&((a=t.editor)==null?void 0:a.viewType)==="text",description:"下拉列表启用多选且数据展示类型为文本时的分隔符",title:"分隔符",type:"enum",editor:{data:[{id:",",name:"逗号（,）"},{id:"#",name:"井号（#）"},{id:".",name:"句号（.）"},{id:"|",name:"竖线（|）"}]}},editable:{description:"",title:"允许编辑",type:"boolean",refreshPanelAfterChanged:!0,readonly:!!((f=t.editor)!=null&&f.multiSelect)&&(((y=t.editor)==null?void 0:y.viewType)==="tag"||!t.editor.viewType)},enableHighlightSearch:{visible:!!((u=t.editor)!=null&&u.editable),description:"编辑状态下启用高亮搜索",title:"启用高亮搜索",type:"boolean"}}}getEditorProperties(t){var f,y;const l=this;let o="";if(((f=t==null?void 0:t.binding)==null?void 0:f.type)==="Form"){const u=this.schemaService.getFieldByIDAndVMID(t.binding.field,this.viewModelId);(y=u==null?void 0:u.schemaField)!=null&&y.type&&(o=u.schemaField.type.$type)}return l.getComponentConfig(t,{type:"combo-list"},{enableClear:{description:"",title:"启用清空",type:"boolean"},dataSourceType:{description:"",title:"数据源类型",type:"enum",editor:{default:"static",data:[{id:"static",name:"静态"},{id:"dynamic",name:"动态"}]},refreshPanelAfterChanged:!0},data:{description:"",title:"数据",type:"array",visible:!t.editor.dataSourceType||t.editor.dataSourceType==="static",...l.getItemCollectionEditor(t,t.editor.valueField,t.editor.textField),refreshPanelAfterChanged:!0},url:{visible:t.editor.dataSourceType==="dynamic",$converter:M,description:"",title:"服务端API",type:"string"},body:{visible:t.editor.dataSourceType==="dynamic",$converter:M,description:"",title:"服务端API参数",type:"string"},textField:{description:"",title:"数据源显示字段",type:"string",readonly:t.editor.dataSourceType!=="dynamic"},valueField:{description:"",title:"数据源值字段",type:"string",readonly:t.editor.dataSourceType!=="dynamic"},multiSelect:{description:"",title:"启用多选",visible:!o||o==="StringType",type:"boolean",refreshPanelAfterChanged:!0},maxLength:{description:"",title:"最大输入长度",type:"number",editor:{nullable:!0,min:0,useThousands:!1}},...this.getCommonEditorProperties(t)},(u,s)=>{if(!u||!s.editor)return;const x=this;switch(u.propertyID){case"dataSourceType":{u.propertyValue==="static"?(s.editor.valueField="value",s.editor.textField="name",s.editor.remote=null):u.propertyValue==="dynamic"&&(s.editor.remote={method:"GET"},s.editor.valueField="value",s.editor.textField="name");break}case"data":{!x.checkEnumDataReadonly(s)&&s.formatter&&(s.formatter.data=[...u.propertyValue]);break}case"viewType":u.propertyValue==="tag"&&(s.editor.editable=!1)}})}getGridFieldEdtiorProperties(t,l){var y,u,s,x;const o=this;let a="";if(((y=t==null?void 0:t.binding)==null?void 0:y.type)==="Form"){const b=this.schemaService.getFieldByIDAndVMID(t.binding.field,this.viewModelId);(u=b==null?void 0:b.schemaField)!=null&&u.type&&(a=b.schemaField.type.$type)}return o.getComponentConfig(t,{type:"combo-list"},{enableClear:{description:"",title:"启用清空",type:"boolean"},data:{description:"",title:"数据",type:"array",visible:!0,...o.getItemCollectionEditor(t,(s=t.editor)==null?void 0:s.valueField,(x=t.editor)==null?void 0:x.textField),refreshPanelAfterChanged:!0},textField:{description:"",title:"数据源显示字段",type:"string",readonly:!0},valueField:{description:"",title:"数据源值字段",type:"string",readonly:!0},multiSelect:{description:"",title:"启用多选",visible:a==="StringType",type:"boolean",refreshPanelAfterChanged:!0},maxLength:{description:"",title:"最大输入长度",type:"number",editor:{nullable:!0,min:0,useThousands:!1}},...this.getCommonEditorProperties(t)},(b,S)=>{if(!b||!S.editor)return;const n=this;switch(b.propertyID){case"dataSourceType":{b.propertyValue==="static"?(S.editor.valueField="value",S.editor.textField="name",S.editor.remote=null):b.propertyValue==="dynamic"&&(S.editor.remote={method:"GET"});break}case"data":{!n.checkEnumDataReadonly(S)&&S.formatter&&(S.formatter.data=[...b.propertyValue]);break}}})}setEditorPropertyRelates(t,l,o){if(!t||!l.editor)return;const a=this;switch(t.propertyID){case"dataSourceType":{t.propertyValue==="static"&&(l.editor.valueField="value",l.editor.textField="name",l.editor.remote={});break}case"data":{!a.checkEnumDataReadonly(l)&&l.formatter&&(l.formatter.data=[...t.propertyValue]);break}}}changeBindingField(t,l,o){var f;super.changeBindingField(t,l);const a=o;t.editor&&((f=a==null?void 0:a.type)==null?void 0:f.$type)===j.FormSchemaEntityFieldType$Type.EnumType&&(t.editor.data=a.type.enumValues||[])}}function Y(e,t){const l=e.schema;function o(a,f){return new X(a,t).getPropertyConfig(l,f)}return{getPropsConfig:o}}const Z=i.defineComponent({name:"FComboListDesign",props:A,emits:["clear","update:modelValue","change"],setup(e,t){const l=i.ref(),o=i.inject("designer-host-service"),a=i.inject("design-item-context"),f=Y(a,o),y=G.useDesignerComponent(l,a,f);return i.onMounted(()=>{l.value.componentInstance=y}),t.expose(y.value),()=>i.createVNode(N,{ref:l,buttonContent:e.dropDownIcon,readonly:!0,editable:!1,forcePlaceholder:!0,placeholder:e.placeholder,enableClear:!0},null)}});P.register=(e,t,l,o)=>{e["combo-list"]=P,t["combo-list"]=L},P.registerDesigner=(e,t,l)=>{e["combo-list"]=Z,t["combo-list"]=L};const D=j.withInstall(P);h.FComboList=P,h.Placement=k,h.comboListDesignProps=A,h.comboListProps=B,h.default=D,h.propsResolver=L,Object.defineProperties(h,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(h,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("vue"),require("vue-i18n"),require("../button-edit/index.umd.js"),require("../dynamic-resolver/index.umd.js"),require("lodash-es"),require("../list-view/index.umd.js"),require("../../designer/button-edit/index.umd.js"),require("../designer-canvas/index.umd.js"),require("../common/index.umd.js"),require("../property-panel/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","vue-i18n","../button-edit/index.umd.js","../dynamic-resolver/index.umd.js","lodash-es","../list-view/index.umd.js","../../designer/button-edit/index.umd.js","../designer-canvas/index.umd.js","../common/index.umd.js","../property-panel/index.umd.js"],i):(h=typeof globalThis<"u"?globalThis:h||self,i(h["combo-list"]={},h.Vue,h.vueI18n,h.FButtonEdit,h.dynamicResolver,h.LodashES,h.FListView,h.FButtonEditDesign,h.designerCanvas,h.common,h.propertyPanel))})(this,function(h,i,E,O,H,q,$,N,G,j,W){"use strict";const U=new Map([["appearance",H.resolveAppearance]]),J={$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},enableClear:{description:"",type:"boolean",default:!1},editable:{description:"",type:"boolean",default:!1},enableLinkLabel:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},lableWidth:{description:"",type:"number"},placeholder:{description:"",type:"string",default:"请选择"},idField:{description:"",type:"string",default:"id"},valueField:{description:"",type:"string",default:"id"},titleField:{description:"",type:"string",default:"name"},textField:{description:"",type:"string",default:"name"},dataSourceType:{description:"",type:"string",default:"static"},data:{description:"",type:"array"},remote:{description:"",type:"string"},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"},multiSelect:{description:"",type:"boolean",default:!1},maxLength:{description:"",type:"number",default:null},visible:{description:"",type:"boolean",default:!0},onBlur:{description:"",type:"string",default:""},onClickLinkLabel:{description:"",type:"sting",default:""},maxHeight:{description:"",type:"number",default:350},minPanelWidth:{description:"",type:"number",default:160},popupOnClick:{description:"",type:"boolean",default:!0},separator:{description:"",type:"string",default:","},viewType:{description:"",type:"string",default:"tag"},enableSearch:{description:"启用搜索",type:"boolean",default:!0},enableHighlightSearch:{description:"启用高亮搜索",type:"boolean",default:!1},"onUpdate:modelValue":{description:"",type:"object"}},required:["type"],ignore:["id","appearance","binding","visible"]};function _(e,t,l){return t}var k=(e=>(e.top="top",e.bottom="bottom",e.auto="auto",e))(k||{});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-chevron-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,default:"请选择"},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:[Boolean,Function],default:!1},enableHighlightSearch:{type:Boolean,default:!0},minPanelWidth:{type:Number,default:160},popupOnClick:{type:Boolean,default:!0}},A=Object.assign({},B,{readonly:{}}),L=H.createPropsResolver(B,J,U,_),z={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:[Boolean,Function],default:!1},enableHighlightSearch:{type:Boolean,default:!0}},K=i.defineComponent({name:"FComboListContainer",props:z,emits:["selectionChange"],setup(e,t){const l=i.ref(),o=i.ref(e.dataSource),a=i.ref([]),f=i.ref(e.separator),y=i.ref(e.width),r=i.ref(e.maxHeight),u=i.ref(String(e.selectedValues).split(f.value)),x=i.computed(()=>e.multiSelect),b=i.computed(()=>({enableSelectRow:!0,multiSelect:e.multiSelect,multiSelectMode:"OnCheckAndClick",showCheckbox:x.value,showSelectAll:!1,showSelection:!0}));i.watch(e.dataSource,()=>{o.value=e.dataSource}),i.computed(()=>e.enableSearch?"SearchBar":"ContentHeader");const v=i.computed(()=>{const s={};return y.value!==void 0&&(s.width=`${y.value}px`),r.value!==void 0&&r.value>0&&(s.maxHeight=`${r.value}px`),s});function n(s){l.value.search(s)}function d(s){a.value=s.map(m=>Object.assign({},m)),u.value=s.map(m=>m[e.idField]),t.emit("selectionChange",a.value)}function S(s){if(e.enableHighlightSearch)return;let m=[];const{searchOption:c}=e;typeof c=="function"?m=o.value.filter(F=>c(s,F)):m=o.value.filter(F=>F[e.valueField].indexOf(s)>-1||F[e.textField].indexOf(s)>-1),l.value.updateDataSource(m)}i.watch([()=>e.selectedValues],([s])=>{e.multiSelect?u.value=s.split(f.value):u.value=[s]});function C(s){l.value.activeRowById(s)}return i.onMounted(()=>{var s,m;if(!e.multiSelect){const c=(s=u.value)==null?void 0:s[0];let F=c;if(!q.isUndefined(c)){const w=typeof c,T=typeof((m=o.value[0])==null?void 0:m[e.valueField||e.idField]);T==="number"&&w!==T&&(F=Number(c)),T==="boolean"&&w!==T&&(F=c==="true"?!0:c==="false"?!1:c),C(F)}}}),t.expose({search:n,activeRowById:C}),()=>i.createVNode("div",{class:"f-combo-list-container",style:v.value},[i.createVNode($,{ref:l,size:"small",itemClass:"f-combo-list-item",itemContentClass:"text-truncate",header:"ContentHeader",headerClass:"f-combo-list-search-box",data:o.value,idField:e.idField,textField:e.textField,titleField:e.titleField,multiSelect:e.multiSelect,selection:b.value,enableHighlightSearch:e.enableHighlightSearch,selectionValues:u.value,onSelectionUpdate:d,onAfterSearch:S},null)])}});function Q(e){const{t}=E.useI18n(),l=i.ref(""),o=i.ref(e.modelValue),a=i.ref(e.data||[]),f=i.ref(e.editable);function y(n){const d=e.multiSelect?String(n).split(e.separator):[String(n)],S=d.map(m=>[m,!0]),C=new Map(S);return a.value.filter(m=>C.has(String(m[e.valueField]))).sort((m,c)=>{const F=d.indexOf(m[e.valueField]),w=d.indexOf(c[e.valueField]);return F-w})}function r(n){const d=y(n).map(S=>S[e.textField]).join(e.separator);l.value=f.value?d||n:d}function u(n){if(e.multiSelect){const d=n.split(e.separator).map(C=>[C,!0]),S=new Map(d);return a.value.filter(C=>S.has(C[e.textField]))}return a.value.filter(d=>""+d[e.textField]===n)}function x(n){const d={};return d[e.idField]=n,d[e.textField]=n,[d]}function b(n){let d=u(n);const S=d&&d.length>0;return f.value&&!S&&(d=x(n)),d}function v(){const{url:n,method:d="GET",headers:S={"Content-Type":"application/json;charset=utf-8;"},body:C=null}=e.remote,s=d.toLowerCase()==="get"?{method:d,headers:S}:{method:d,headers:S,body:C};let m=!1;fetch(new Request(n,s)).then(c=>{var w,T;if(c.status===200)return m=!!((T=(w=c.headers)==null?void 0:w.get("content-type"))!=null&&T.includes("application/json")),m?c.text():c.json();throw c.status===405?new Error(t("comboList.remoteError")):new Error(c.statusText)}).then(c=>{c.length&&(a.value=m?JSON.parse(c):c)}).catch(c=>{console.warn(c)})}return e.remote&&v(),i.watch(()=>e.data,()=>{a.value=e.data}),i.watch([a],([n])=>{if(e.modelValue!=null){const d=n.find(S=>S[e.valueField]===e.modelValue);d&&(l.value=d[e.textField])}}),i.watch(()=>e.modelValue,n=>{o.value=n,r(n)}),r(e.modelValue),{dataSource:a,displayText:l,editable:f,modelValue:o,getItemsByDisplayText:u,getItemsByValue:y,getSelectedItemsByDisplayText:b}}const P=i.defineComponent({name:"FComboList",props:B,emits:["clear","update:modelValue","change","input"],setup(e,t){const{t:l}=E.useI18n(),o=i.ref(),a=i.ref(),f=i.ref(e.disabled||e.readonly),y=i.ref(e.enableClear),r=i.ref(e.enableSearch),u=i.ref(e.readonly),{dataSource:x,displayText:b,editable:v,modelValue:n,getSelectedItemsByDisplayText:d,getItemsByDisplayText:S,getItemsByValue:C}=Q(e),s=i.ref(e.dropDownIcon);s.value==='<span class="f-icon f-icon-arrow-chevron-down"></span>'&&(s.value='<span id="'+e.id+'-icon-dropdown" class="f-icon f-icon-arrow-chevron-down"></span>');const m=i.computed(()=>e.multiSelect),c=i.computed(()=>a.value?a.value.elementRef.getBoundingClientRect().width:0);function F(){!m.value&&a.value&&a.value.hidePopup()}function w(g){b.value=g.map(V=>V[e.textField]).join(e.separator);let p="";g.length===1?p=g[0][e.valueField]:p=g.map(V=>V[e.valueField]).join(e.separator),n.value!==p&&(n.value=p,t.emit("update:modelValue",n.value),t.emit("change",g,n.value))}function T(){const g=C(n.value);w(g)}function ee(){u.value||b.value}function te(g){var p;n.value="",(p=o.value)==null||p.activeRowById(""),t.emit("update:modelValue",""),t.emit("change",[],""),t.emit("clear")}function ie(g){var p,V;e.enableSearch&&e.enableHighlightSearch&&((p=o.value)==null||p.search(g)),(V=o.value)==null||V.activeRowById(g),t.emit("change",[n.value],n.value)}function le(g){if(e.multiSelect){const p=C(n.value),I=p.map(R=>R[e.idField||e.valueField]).join(e.separator);n.value!==I&&(n.value=I,t.emit("update:modelValue",n.value),t.emit("change",p,n.value))}}function ne(){return b.value}function ae(g){const{value:p}=g.target;ie(p),t.emit("input",p)}function oe(){a.value.hidePopup()}return t.expose({getDisplayText:ne,hidePopup:oe}),i.watch([()=>e.disabled,()=>e.editable,()=>e.enableClear,()=>e.enableSearch,()=>e.readonly],([g,p,V,I,R])=>{f.value=g,v.value=p,y.value=V,r.value=I,u.value=R}),()=>i.createVNode(O,{ref:a,id:e.id,disable:f.value,readonly:u.value,forcePlaceholder:e.forcePlaceholder,editable:v.value,buttonContent:s.value,placeholder:e.placeholder==="请选择"?l("comboList.placeholder"):e.placeholder,enableClear:y.value,maxLength:e.maxLength,tabIndex:e.tabIndex,enableTitle:e.enableTitle,multiSelect:e.multiSelect,inputType:e.multiSelect?e.viewType:"text",modelValue:b.value,"onUpdate:modelValue":g=>b.value=g,focusOnCreated:e.focusOnCreated,selectOnCreated:e.selectOnCreated,onClear:te,onClick:ee,onChange:le,onBlur:T,onInput:ae,beforeOpen:e.beforeOpen,placement:e.placement,popupMinWidth:e.minPanelWidth,popupClass:"f-combo-list-wrapper",popupOnClick:e.popupOnClick,limitContentBySpace:!0},{default:()=>[i.createVNode(K,{ref:o,idField:e.idField,valueField:e.valueField,textField:e.textField,titleField:e.titleField,dataSource:x.value,selectedValues:n.value,separator:e.separator,multiSelect:e.multiSelect,enableSearch:r.value,maxHeight:e.maxHeight,enableHighlightSearch:e.enableHighlightSearch,width:e.fitEditor?c.value:void 0,onSelectionChange:g=>{w(g),F()}},null)]})}}),M={convertFrom:(e,t)=>(e.editor.remote||{})[t],convertTo:(e,t,l)=>{e.editor.remote=e.editor.remote||{},e.editor.remote[t]=l}};class X extends W.InputBaseProperty{constructor(t,l){super(t,l)}getCommonEditorProperties(t){var l,o,a,f,y,r;return{viewType:{visible:!!((l=t.editor)!=null&&l.multiSelect),description:"数据展示类型，有标签和文本两种方式",title:"数据展示类型",type:"enum",editor:{data:[{id:"tag",name:"标签"},{id:"text",name:"文本"}]},refreshPanelAfterChanged:!0},separator:{visible:!!((o=t.editor)!=null&&o.multiSelect)&&((a=t.editor)==null?void 0:a.viewType)==="text",description:"下拉列表启用多选且数据展示类型为文本时的分隔符",title:"分隔符",type:"enum",editor:{data:[{id:",",name:"逗号（,）"},{id:"#",name:"井号（#）"},{id:".",name:"句号（.）"},{id:"|",name:"竖线（|）"}]}},editable:{description:"",title:"允许编辑",type:"boolean",refreshPanelAfterChanged:!0,readonly:!!((f=t.editor)!=null&&f.multiSelect)&&(((y=t.editor)==null?void 0:y.viewType)==="tag"||!t.editor.viewType)},enableHighlightSearch:{visible:!!((r=t.editor)!=null&&r.editable),description:"编辑状态下启用高亮搜索",title:"启用高亮搜索",type:"boolean"}}}getEditorProperties(t){var f,y;const l=this;let o="";if(((f=t==null?void 0:t.binding)==null?void 0:f.type)==="Form"){const r=this.schemaService.getFieldByIDAndVMID(t.binding.field,this.viewModelId);(y=r==null?void 0:r.schemaField)!=null&&y.type&&(o=r.schemaField.type.$type)}return l.getComponentConfig(t,{type:"combo-list"},{enableClear:{description:"",title:"启用清空",type:"boolean"},dataSourceType:{description:"",title:"数据源类型",type:"enum",editor:{default:"static",data:[{id:"static",name:"静态"},{id:"dynamic",name:"动态"}]},refreshPanelAfterChanged:!0},data:{description:"",title:"数据",type:"array",visible:!t.editor.dataSourceType||t.editor.dataSourceType==="static",...l.getItemCollectionEditor(t,t.editor.valueField,t.editor.textField),refreshPanelAfterChanged:!0},url:{visible:t.editor.dataSourceType==="dynamic",$converter:M,description:"",title:"服务端API",type:"string"},body:{visible:t.editor.dataSourceType==="dynamic",$converter:M,description:"",title:"服务端API参数",type:"string"},textField:{description:"",title:"数据源显示字段",type:"string",readonly:t.editor.dataSourceType!=="dynamic"},valueField:{description:"",title:"数据源值字段",type:"string",readonly:t.editor.dataSourceType!=="dynamic"},multiSelect:{description:"",title:"启用多选",visible:!o||o==="StringType",type:"boolean",refreshPanelAfterChanged:!0},maxLength:{description:"",title:"最大输入长度",type:"number",editor:{nullable:!0,min:0,useThousands:!1}},...this.getCommonEditorProperties(t)},(r,u)=>{if(!r||!u.editor)return;const x=this;switch(r.propertyID){case"dataSourceType":{r.propertyValue==="static"?(u.editor.valueField="value",u.editor.textField="name",u.editor.remote=null):r.propertyValue==="dynamic"&&(u.editor.remote={method:"GET"},u.editor.valueField="value",u.editor.textField="name");break}case"data":{!x.checkEnumDataReadonly(u)&&u.formatter&&(u.formatter.data=[...r.propertyValue]);break}case"viewType":r.propertyValue==="tag"&&(u.editor.editable=!1)}})}getGridFieldEdtiorProperties(t,l){var y,r,u,x;const o=this;let a="";if(((y=t==null?void 0:t.binding)==null?void 0:y.type)==="Form"){const b=this.schemaService.getFieldByIDAndVMID(t.binding.field,this.viewModelId);(r=b==null?void 0:b.schemaField)!=null&&r.type&&(a=b.schemaField.type.$type)}return o.getComponentConfig(t,{type:"combo-list"},{enableClear:{description:"",title:"启用清空",type:"boolean"},data:{description:"",title:"数据",type:"array",visible:!0,...o.getItemCollectionEditor(t,(u=t.editor)==null?void 0:u.valueField,(x=t.editor)==null?void 0:x.textField),refreshPanelAfterChanged:!0},textField:{description:"",title:"数据源显示字段",type:"string",readonly:!0},valueField:{description:"",title:"数据源值字段",type:"string",readonly:!0},multiSelect:{description:"",title:"启用多选",visible:a==="StringType",type:"boolean",refreshPanelAfterChanged:!0},maxLength:{description:"",title:"最大输入长度",type:"number",editor:{nullable:!0,min:0,useThousands:!1}},...this.getCommonEditorProperties(t)},(b,v)=>{if(!b||!v.editor)return;const n=this;switch(b.propertyID){case"dataSourceType":{b.propertyValue==="static"?(v.editor.valueField="value",v.editor.textField="name",v.editor.remote=null):b.propertyValue==="dynamic"&&(v.editor.remote={method:"GET"});break}case"data":{!n.checkEnumDataReadonly(v)&&v.formatter&&(v.formatter.data=[...b.propertyValue]);break}}})}setEditorPropertyRelates(t,l,o){if(!t||!l.editor)return;const a=this;switch(t.propertyID){case"dataSourceType":{t.propertyValue==="static"&&(l.editor.valueField="value",l.editor.textField="name",l.editor.remote={});break}case"data":{!a.checkEnumDataReadonly(l)&&l.formatter&&(l.formatter.data=[...t.propertyValue]);break}}}changeBindingField(t,l,o){var f;super.changeBindingField(t,l);const a=o;t.editor&&((f=a==null?void 0:a.type)==null?void 0:f.$type)===j.FormSchemaEntityFieldType$Type.EnumType&&(t.editor.data=a.type.enumValues||[])}}function Y(e,t){const l=e.schema;function o(a,f){return new X(a,t).getPropertyConfig(l,f)}return{getPropsConfig:o}}const Z=i.defineComponent({name:"FComboListDesign",props:A,emits:["clear","update:modelValue","change"],setup(e,t){const l=i.ref(),o=i.inject("designer-host-service"),a=i.inject("design-item-context"),f=Y(a,o),y=G.useDesignerComponent(l,a,f);return i.onMounted(()=>{l.value.componentInstance=y}),t.expose(y.value),()=>i.createVNode(N,{ref:l,buttonContent:e.dropDownIcon,readonly:!0,editable:!1,forcePlaceholder:!0,placeholder:e.placeholder,enableClear:!0},null)}});P.register=(e,t,l,o)=>{e["combo-list"]=P,t["combo-list"]=L},P.registerDesigner=(e,t,l)=>{e["combo-list"]=Z,t["combo-list"]=L};const D=j.withInstall(P);h.FComboList=P,h.Placement=k,h.comboListDesignProps=A,h.comboListProps=B,h.default=D,h.propsResolver=L,Object.defineProperties(h,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

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

@@ -1,13 +1,13 @@
-import { ref as T, computed as E, defineComponent as W, watch as I, inject as ce, onMounted as se, createVNode as B } from "vue";
+import { ref as x, computed as $, defineComponent as W, watch as V, inject as ce, onMounted as se, createVNode as I } from "vue";
 import de from "../button-edit/index.esm.js";
-import { isPlainObject as z, cloneDeep as $, debounce as fe } from "lodash-es";
+import { cloneDeep as H, isPlainObject as z, debounce as fe } from "lodash-es";
 import me from "../tree-view/index.esm.js";
 import { FInputGroup as ve } from "../input-group/index.esm.js";
 import { withInstall as pe } from "../common/index.esm.js";
 function U(e, t) {
   let o;
   function u(i) {
-    const { properties: l, title: s, ignore: n } = i, a = n && Array.isArray(n), r = Object.keys(l).reduce((c, v) => ((!a || !n.find((x) => x === v)) && (c[v] = l[v].type === "object" && l[v].properties ? u(l[v]) : $(l[v].default)), c), {});
+    const { properties: l, title: s, ignore: n } = i, a = n && Array.isArray(n), r = Object.keys(l).reduce((c, v) => ((!a || !n.find((T) => T === v)) && (c[v] = l[v].type === "object" && l[v].properties ? u(l[v]) : H(l[v].default)), c), {});
     if (s && (!a || !n.find((c) => c === "id"))) {
       const c = s.toLowerCase().replace(/-/g, "_");
       r.id = `${c}_${Math.random().toString().slice(2, 6)}`;
@@ -17,7 +17,7 @@ function U(e, t) {
   function p(i) {
     const { properties: l, title: s, required: n } = i;
     if (n && Array.isArray(n)) {
-      const a = n.reduce((r, c) => (r[c] = l[c].type === "object" && l[c].properties ? u(l[c]) : $(l[c].default), r), {});
+      const a = n.reduce((r, c) => (r[c] = l[c].type === "object" && l[c].properties ? u(l[c]) : H(l[c].default), r), {});
       if (s && n.find((r) => r === "id")) {
         const r = s.toLowerCase().replace(/-/g, "_");
         a.id = `${r}_${Math.random().toString().slice(2, 6)}`;
@@ -81,7 +81,7 @@ function U(e, t) {
   }
   return { getSchemaByType: F, resolveSchemaWithDefaultValue: d, resolveSchemaToProps: y, mappingSchemaToProps: C, setDesignerContext: m };
 }
-const _ = {}, G = {}, { resolveSchemaWithDefaultValue: ge, resolveSchemaToProps: be, mappingSchemaToProps: ye } = U(_, G);
+const _ = {}, G = {}, { getSchemaByType: vt, resolveSchemaWithDefaultValue: ge, resolveSchemaToProps: be, mappingSchemaToProps: ye, setDesignerContext: pt } = U(_, G);
 function Se(e = {}) {
   function t(d, m, i, l) {
     if (typeof i == "number")
@@ -131,7 +131,7 @@ function Se(e = {}) {
     return F(d).reduce((s, n) => s && b(n, m), !0);
   }
   function y(d, m) {
-    const i = Object.keys(d), l = i.includes("allOf"), s = i.includes("anyOf"), n = l || s, c = (n ? d[n ? l ? "allOf" : "anyOf" : "allOf"] : [d]).map((x) => C(x, m));
+    const i = Object.keys(d), l = i.includes("allOf"), s = i.includes("anyOf"), n = l || s, c = (n ? d[n ? l ? "allOf" : "anyOf" : "allOf"] : [d]).map((T) => C(T, m));
     return l ? !c.includes(!1) : c.includes(!0);
   }
   return { parseValueSchema: y };
@@ -270,7 +270,7 @@ const he = {
     }
     return "";
   }
-}, ke = {
+}, De = {
   convertTo: (e, t, o, u) => {
     e.summary ? e.summary[t] = o : e.summary = {
       [t]: o
@@ -280,7 +280,7 @@ const he = {
     });
   },
   convertFrom: (e, t, o) => e.summary && t === "enable" ? e.summary.enable : e.type === "data-grid-column" ? e.enableSummary === void 0 ? !1 : e.enableSummary : ""
-}, Ne = {
+}, ke = {
   convertTo: (e, t, o, u) => {
     e.group ? e.group[t] = o : e.group = {
       [t]: o
@@ -298,7 +298,7 @@ const he = {
         return e.group.showSummary;
     }
   }
-}, Re = {
+}, Be = {
   convertFrom: (e, t) => e.binding ? e.binding.path : "",
   convertTo: (e, t, o) => {
     if (o && o.length > 0) {
@@ -306,17 +306,17 @@ const he = {
       e.binding || (e.binding = {}), e.binding.type = "Form", e.binding.path = u.bindingField, e.binding.field = u.id, e.binding.fullPath = u.path, e.path = u.bindingPath;
     }
   }
-}, De = {
+}, Ne = {
   convertTo: (e, t, o, u) => {
     e.pagination || (e.pagination = {}), e.pagination[t] = o;
   },
   convertFrom: (e, t, o) => e.pagination ? e.pagination[t] : e[t]
-}, Me = {
+}, Re = {
   convertTo: (e, t, o, u) => {
     e.rowNumber || (e.rowNumber = {}), e.rowNumber[t] = o;
   },
   convertFrom: (e, t, o) => e.rowNumber ? e.rowNumber[t] : e[t]
-}, Be = {
+}, Me = {
   convertTo: (e, t, o, u) => {
     e.selection || (e.selection = {}), e.selection[t] = o;
   },
@@ -331,12 +331,12 @@ const he = {
   convertTo: (e, t, o) => {
     e[t] = o;
   }
-}, Ve = {
+}, $e = {
   convertTo: (e, t, o, u) => {
     e.size || (e.size = {}), e.size[t] = o;
   },
   convertFrom: (e, t, o) => e.size ? e.size[t] : e[t]
-}, $e = {
+}, Ve = {
   convertFrom: (e, t, o) => {
     var u, p;
     return (u = e.formatter) != null && u.data && t === "formatterEnumData" && !e.formatterEnumData ? (p = e.formatter) == null ? void 0 : p.data : e.formatterEnumData;
@@ -388,15 +388,15 @@ function J(e, t, o) {
     ["/converter/change-formatter.converter", Oe],
     ["/converter/column-command.converter", Pe],
     ["/converter/column-option.converter", je],
-    ["/converter/summary.converter", ke],
-    ["/converter/group.converter", Ne],
+    ["/converter/summary.converter", De],
+    ["/converter/group.converter", ke],
     ["/converter/form-group-label.converter", Ie],
-    ["/converter/field-selector.converter", Re],
-    ["/converter/pagination.converter", De],
-    ["/converter/row-number.converter", Me],
-    ["/converter/grid-selection.converter", Be],
-    ["/converter/size.converter", Ve],
-    ["/converter/change-formatter-enum.converter", $e],
+    ["/converter/field-selector.converter", Be],
+    ["/converter/pagination.converter", Ne],
+    ["/converter/row-number.converter", Re],
+    ["/converter/grid-selection.converter", Me],
+    ["/converter/size.converter", $e],
+    ["/converter/change-formatter-enum.converter", Ve],
     ["/converter/grid-sort.converter", He],
     ["/converter/grid-filter.converter", Ae],
     ["/converter/row-option.converter", Le]
@@ -438,62 +438,62 @@ function J(e, t, o) {
     const r = n.$converter || a;
     return typeof r == "string" && r && u.has(r) ? u.get(r) || null : r || null;
   }
-  function m(n, a, r, c, v, x = "", j = "") {
+  function m(n, a, r, c, v, T = "", D = "") {
     return Object.keys(n).map((S) => {
-      const k = T(1), R = S, f = n[S], w = Object.keys(f), g = f.title, h = f.type, P = p.get(h) || { type: "input-group", enableClear: !1 }, N = f.editor ? Object.assign({}, P, f.editor) : Object.assign({}, P), V = C(w, f, a), H = y(w, f, a);
-      N.readonly = N.readonly === void 0 ? H() : N.readonly;
-      const A = f.type === "cascade" ? m(f.properties, a, r, c, v, x, j) : [], ne = !0;
-      let D = d(f, j);
-      const re = E({
+      const P = x(1), k = S, f = n[S], O = Object.keys(f), R = f.title, g = f.type, h = p.get(g) || { type: "input-group", enableClear: !1 }, w = f.editor ? Object.assign({}, h, f.editor) : Object.assign({}, h), M = C(O, f, a), E = y(O, f, a);
+      w.readonly = w.readonly === void 0 ? E() : w.readonly;
+      const A = f.type === "cascade" ? m(f.properties, a, r, c, v, T, D) : [], ne = !0;
+      let B = d(f, D);
+      const re = $({
         get() {
-          if (k.value) {
-            if (["class", "style"].find((ue) => ue === R) && !D && (D = u.get("/converter/appearance.converter") || null), D && D.convertFrom)
-              return D.convertFrom(r, S, v, x);
-            const M = r[S];
-            return Object.prototype.hasOwnProperty.call(f, "defaultValue") && (M === void 0 || typeof M == "string" && M === "") ? f.type === "boolean" ? f.defaultValue : f.defaultValue || "" : M;
+          if (P.value) {
+            if (["class", "style"].find((ue) => ue === k) && !B && (B = u.get("/converter/appearance.converter") || null), B && B.convertFrom)
+              return B.convertFrom(r, S, v, T);
+            const N = r[S];
+            return Object.prototype.hasOwnProperty.call(f, "defaultValue") && (N === void 0 || typeof N == "string" && N === "") ? f.type === "boolean" ? f.defaultValue : f.defaultValue || "" : N;
           }
           return null;
         },
-        set(M) {
-          k.value += 1, D && D.convertTo ? (D.convertTo(c, S, M, v, x), D.convertTo(r, S, M, v, x)) : (c[S] = M, r[S] = M);
+        set(N) {
+          P.value += 1, B && B.convertTo ? (B.convertTo(c, S, N, v, T), B.convertTo(r, S, N, v, T)) : (c[S] = N, r[S] = N);
         }
-      }), { refreshPanelAfterChanged: oe, description: ae, isExpand: ie, parentPropertyID: le } = f, q = { propertyID: R, propertyName: g, propertyType: h, propertyValue: re, editor: N, visible: V, readonly: H, cascadeConfig: A, hideCascadeTitle: ne, refreshPanelAfterChanged: oe, description: ae, isExpand: ie, parentPropertyID: le };
-      return a[R] = q, q;
+      }), { refreshPanelAfterChanged: oe, description: ae, isExpand: ie, parentPropertyID: le } = f, q = { propertyID: k, propertyName: R, propertyType: g, propertyValue: re, editor: w, visible: M, readonly: E, cascadeConfig: A, hideCascadeTitle: ne, refreshPanelAfterChanged: oe, description: ae, isExpand: ie, parentPropertyID: le };
+      return a[k] = q, q;
     });
   }
   function i(n, a, r = {}) {
     const c = {}, v = e[n];
-    return v && v.categories ? Object.keys(v.categories).map((j) => {
-      const O = v.categories[j], S = O == null ? void 0 : O.title, k = m(O.properties || {}, c, {}, r, a);
-      return { categoryId: j, categoryName: S, properties: k };
+    return v && v.categories ? Object.keys(v.categories).map((D) => {
+      const j = v.categories[D], S = j == null ? void 0 : j.title, P = m(j.properties || {}, c, {}, r, a);
+      return { categoryId: D, categoryName: S, properties: P };
     }) : [];
   }
   function l(n, a, r, c, v = "") {
-    const x = a.$ref.schema, j = a.$ref.converter, O = r[x], S = O.type, k = o(O), R = {}, f = e[S];
+    const T = a.$ref.schema, D = a.$ref.converter, j = r[T], S = j.type, P = o(j), k = {}, f = e[S];
     if (f && f.categories) {
-      const w = f.categories[n], g = w == null ? void 0 : w.title;
-      j && Object.keys(w.properties).forEach((N) => {
-        w.properties[N].$converter = j;
+      const O = f.categories[n], R = O == null ? void 0 : O.title;
+      D && Object.keys(O.properties).forEach((w) => {
+        O.properties[w].$converter = D;
       });
-      const h = (w == null ? void 0 : w.properties) || {}, P = m(h, R, k, O, c, v);
-      return { categoryId: n, categoryName: g, properties: P };
+      const g = (O == null ? void 0 : O.properties) || {}, h = m(g, k, P, j, c, v);
+      return { categoryId: n, categoryName: R, properties: h };
     }
     return { categoryId: n, categoryName: "", properties: [] };
   }
   function s(n, a, r, c, v) {
-    const x = n.type, j = o(n), O = {};
-    let S = v || e[x];
+    const T = n.type, D = o(n), j = {};
+    let S = v || e[T];
     if (S && Object.keys(S).length === 0 && r && r.getPropConfig && (S = r.getPropConfig(c)), S && S.categories) {
-      const k = [];
-      return Object.keys(S.categories).map((R) => {
-        const f = S.categories[R];
+      const P = [];
+      return Object.keys(S.categories).map((k) => {
+        const f = S.categories[k];
         if (f.$ref) {
-          k.push(l(R, f, n, a, c));
+          P.push(l(k, f, n, a, c));
           return;
         }
-        const w = f == null ? void 0 : f.title, g = f == null ? void 0 : f.tabId, h = f == null ? void 0 : f.tabName, P = f == null ? void 0 : f.hide, N = f == null ? void 0 : f.hideTitle, V = m(f.properties || {}, O, j, n, a, c, f.$converter), { setPropertyRelates: H } = f, A = f == null ? void 0 : f.parentPropertyID;
-        k.push({ categoryId: R, categoryName: w, tabId: g, tabName: h, hide: P, properties: V, hideTitle: N, setPropertyRelates: H, parentPropertyID: A });
-      }), k;
+        const O = f == null ? void 0 : f.title, R = f == null ? void 0 : f.tabId, g = f == null ? void 0 : f.tabName, h = f == null ? void 0 : f.hide, w = f == null ? void 0 : f.hideTitle, M = m(f.properties || {}, j, D, n, a, c, f.$converter), { setPropertyRelates: E } = f, A = f == null ? void 0 : f.parentPropertyID;
+        P.push({ categoryId: k, categoryName: O, tabId: R, tabName: g, hide: h, properties: M, hideTitle: w, setPropertyRelates: E, parentPropertyID: A });
+      }), P;
     }
     return [];
   }
@@ -505,7 +505,7 @@ function J(e, t, o) {
 }
 const Q = {}, X = {};
 J(Q, X, ge);
-const Y = {}, Z = {}, { resolveSchemaWithDefaultValue: qe } = U(Y, Z), K = {}, ee = {};
+const Y = {}, Z = {}, { getSchemaByType: gt, resolveSchemaWithDefaultValue: qe, resolveSchemaToProps: bt, mappingSchemaToProps: yt, setDesignerContext: St } = U(Y, Z), K = {}, ee = {};
 J(K, ee, qe);
 function ze(e, t, o = /* @__PURE__ */ new Map(), u = (b, C, y, d) => C, p = {}, F = (b) => b) {
   return _[t.title] = t, G[t.title] = u, Q[t.title] = p, X[t.title] = F, Y[t.title] = t, Z[t.title] = u, K[t.title] = p, ee[t.title] = F, (b = {}, C = !0) => {
@@ -874,12 +874,12 @@ const te = {
   props: ot,
   emits: ["selectionChange", "selectItem", "unSelectItem"],
   setup(e, t) {
-    const o = T(e.data), u = T([]), p = T(e.separator), F = T(e.width), b = T(e.height), C = T(e.maxHeight), y = T(String(e.selectedValues).split(p.value)), d = T(), m = {
+    const o = x(e.data), u = x([]), p = x(e.separator), F = x(e.width), b = x(e.height), C = x(e.maxHeight), y = x(String(e.selectedValues).split(p.value)), d = x(), m = {
       customRowStatus: e.customRowStatus
     };
-    I(() => e.selectedValues, (r) => {
+    V(() => e.selectedValues, (r) => {
       y.value = String(r).split(p.value);
-    }), I(() => e.data, (r) => {
+    }), V(() => e.data, (r) => {
       var c;
       o.value = r, (c = d.value) == null || c.updateDataSource(r);
     });
@@ -891,12 +891,12 @@ const te = {
     };
     let l = null;
     e.repositoryToken && (l = ce(e.repositoryToken));
-    const s = E(() => [{
+    const s = $(() => [{
       field: e.textField,
       title: "",
       dataType: "string",
       formatter: e.formatter
-    }]), n = E(() => {
+    }]), n = $(() => {
       const r = {};
       return F.value !== void 0 && (r.width = `${F.value}px`), b.value !== void 0 && (r.height = `${b.value}px`), C.value !== void 0 && C.value > 0 && (r.maxHeight = `${C.value}px`, r.overflow = "auto"), o.value.length === 0 && (r.height = "200px"), r.position = "relative", r;
     });
@@ -909,20 +909,20 @@ const te = {
       }), y.value && d.value.activeRowById(y.value[0]);
     }), t.expose({
       treeInstance: d
-    }), () => B("div", {
+    }), () => I("div", {
       class: "f-combo-tree-container",
       style: n.value
-    }, [e.multiSelect && e.enableSearch && B("div", {
+    }, [e.multiSelect && e.enableSearch && I("div", {
       class: "p-2",
       style: "position: sticky;top:0;z-index: 2; background:white",
       onMousedown: (r) => r.stopPropagation()
-    }, [B(ve, {
+    }, [I(ve, {
       buttonContent: '<i class="f-icon f-icon-search"></i>',
       enableClear: !0,
       placeholder: "请输入搜索内容",
       onClear: () => t.emit("clearSearch"),
       onInput: (r, c) => e.searchHandler(c)
-    }, null)]), B(me, {
+    }, null)]), I(me, {
       ref: d,
       fit: !0,
       data: o.value,
@@ -945,7 +945,7 @@ const te = {
   }
 });
 function it(e) {
-  const t = T(""), o = T(e.modelValue), u = T(e.data || []), p = T(e.editable);
+  const t = x(""), o = x(e.modelValue), u = x(e.data || []), p = x(e.editable);
   function F(i, l = []) {
     return i = i || [], i.reduce((s, n) => (n.id = n.id || n.data[e.idField], s.push(n), n.children && n.children.length && F(n.children, s), s), l);
   }
@@ -955,8 +955,8 @@ function it(e) {
       const c = r.data ? String(r.data[e.valueField]) : String(r[e.valueField]);
       return s.has(c);
     }).map((r) => r.data ? r.data : r).sort((r, c) => {
-      const v = s.get(String(r[e.valueField])) || 0, x = s.get(String(c[e.valueField])) || 0;
-      return v - x;
+      const v = s.get(String(r[e.valueField])) || 0, T = s.get(String(c[e.valueField])) || 0;
+      return v - T;
     });
   }
   function C(i) {
@@ -977,14 +977,14 @@ function it(e) {
     const s = l && l.length > 0;
     return p.value && !s && (l = d(i)), l;
   }
-  return I(() => e.data, () => {
+  return V(() => e.data, () => {
     u.value = e.data;
-  }), I([u], ([i]) => {
+  }), V([u], ([i]) => {
     if (e.modelValue) {
       const l = i.find((s) => s[e.valueField] === e.modelValue);
       l && (t.value = l[e.textField]);
     }
-  }), I(() => e.modelValue, (i, l) => {
+  }), V(() => e.modelValue, (i, l) => {
     i !== l && (o.value = i, C(i));
   }), C(e.modelValue), { dataSource: u, displayText: t, editable: p, modelValue: o, getItemsByDisplayText: y, getItemsByValue: b, getSelectedItemsByDisplayText: m, flatTreeNodes: F };
 }
@@ -999,8 +999,8 @@ function lt(e, t) {
   function d(n, a) {
     const r = (n.children || []).map((v) => d(v, a)).filter((v) => v !== null);
     return p.value.some((v) => {
-      var x;
-      return (x = n.data[v]) == null ? void 0 : x.toString().toLowerCase().includes(a.toLowerCase());
+      var T;
+      return (T = n.data[v]) == null ? void 0 : T.toString().toLowerCase().includes(a.toLowerCase());
     }) ? {
       data: { ...n.data },
       children: n.children,
@@ -1013,7 +1013,7 @@ function lt(e, t) {
     } : null;
   }
   function m() {
-    F.value = $(u.value);
+    F.value = H(u.value);
   }
   function i(n) {
     var r;
@@ -1026,7 +1026,7 @@ function lt(e, t) {
       const c = [];
       C(u.value, c), y(a, c);
     }
-    F.value = $(a);
+    F.value = H(a);
   }
   const l = fe((n) => {
     var r;
@@ -1048,62 +1048,63 @@ const L = /* @__PURE__ */ W({
   props: te,
   emits: ["clear", "update:modelValue", "change", "search"],
   setup(e, t) {
-    const o = T(), u = T(e.disabled), p = T(e.enableClear), F = T(e.enableSearch), b = T(e.readonly), C = T(e.searchFields || [e.textField]), y = T(), d = T(), m = {}, {
+    const o = x(), u = x(e.disabled), p = x(e.enableClear), F = x(e.enableSearch), b = x(e.readonly), C = x(e.searchFields || [e.textField]), y = x(), d = x(), m = {}, {
       dataSource: i,
       displayText: l,
       editable: s,
       modelValue: n,
-      flatTreeNodes: a
-    } = it(e), r = E(() => e.multiSelect);
-    E(() => o.value ? o.value.elementRef.getBoundingClientRect().width : 0);
-    const c = E(() => {
+      getSelectedItemsByDisplayText: a,
+      flatTreeNodes: r
+    } = it(e), c = $(() => e.multiSelect);
+    $(() => o.value ? o.value.elementRef.getBoundingClientRect().width : 0);
+    const v = $(() => {
       var h;
       const g = (h = o.value) == null ? void 0 : h.popoverRef;
       return g ? g.shown : !1;
     }), {
-      onValueChange: v,
-      resetDataSource: x
+      onValueChange: T,
+      resetDataSource: D
     } = lt({
       comboEditorRef: o,
       dataSource: i,
       searchFields: C,
       originalValue: y,
-      showPopover: c,
-      flatTreeNodes: a
+      showPopover: v,
+      flatTreeNodes: r
     }, e.idField);
     function j() {
-      !r.value && o.value && o.value.hidePopup();
+      !c.value && o.value && o.value.hidePopup();
     }
-    const O = (g) => e.displayFormatter ? e.displayFormatter(g) : g.map((h) => h[e.textField]).join(e.separator);
-    function S(g = []) {
-      if (!r.value)
-        l.value = O(g), n.value = g.map((h) => h[e.valueField]).join(e.separator), t.emit("update:modelValue", n.value), t.emit("change", g, n.value);
+    const S = (g) => e.displayFormatter ? e.displayFormatter(g) : g.map((h) => h[e.textField]).join(e.separator);
+    function P(g = []) {
+      if (!c.value)
+        l.value = S(g), n.value = g.map((h) => h[e.valueField]).join(e.separator), t.emit("update:modelValue", n.value), t.emit("change", g, n.value);
       else {
-        const h = Object.keys(m), P = Object.values(m);
-        l.value = O(P), n.value = h.join(e.separator), t.emit("update:modelValue", n.value), t.emit("change", P, n.value);
+        const h = Object.keys(m), w = Object.values(m);
+        l.value = S(w), n.value = h.join(e.separator), t.emit("update:modelValue", n.value), t.emit("change", w, n.value);
       }
       j();
     }
     function k(g) {
       var h;
-      n.value = "", c.value && ((h = o.value) == null || h.hidePopup()), t.emit("update:modelValue", ""), t.emit("change", null, n.value), t.emit("clear");
-    }
-    function R(g) {
-      r.value && (delete m[g.id], S());
+      n.value = "", v.value && ((h = o.value) == null || h.hidePopup()), t.emit("update:modelValue", ""), t.emit("change", null, n.value), t.emit("clear");
     }
     function f(g) {
-      r.value && (m[g.id] = g.data, S());
+      c.value && (delete m[g.id], P());
+    }
+    function O(g) {
+      c.value && (m[g.id] = g.data, P());
     }
-    I([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([g, h, P, N, V]) => {
-      u.value = g, s.value = h, p.value = P, F.value = N, b.value = V;
+    V([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([g, h, w, M, E]) => {
+      u.value = g, s.value = h, p.value = w, F.value = M, b.value = E;
     });
-    const w = () => {
-      if (y.value = $(i.value), r.value && n.value) {
+    const R = () => {
+      if (y.value = H(i.value), c.value && n.value) {
         const g = [];
-        a(i.value, g), n.value.split(e.separator).reduce((h, P) => (h[P] = g.find((N) => N.id === P), h), m);
+        r(i.value, g), n.value.split(e.separator).reduce((h, w) => (h[w] = g.find((M) => M.id === w), h), m);
       }
     };
-    return () => B(de, {
+    return () => I(de, {
       ref: o,
       id: e.id,
       disable: u.value,
@@ -1121,14 +1122,14 @@ const L = /* @__PURE__ */ W({
       modelValue: l.value,
       "onUpdate:modelValue": (g) => l.value = g,
       onClear: k,
-      onInput: v,
+      onInput: T,
       focusOnCreated: e.focusOnCreated,
       selectOnCreated: e.selectOnCreated,
-      beforeOpen: w,
+      beforeOpen: R,
       placement: e.placement,
       popupMinWidth: e.minPanelWidth
     }, {
-      default: () => [c.value && B(at, {
+      default: () => [v.value && I(at, {
         ref: d,
         maxHeight: e.maxHeight,
         multiSelect: e.multiSelect,
@@ -1139,15 +1140,15 @@ const L = /* @__PURE__ */ W({
         titleField: e.titleField,
         data: y.value,
         selectedValues: n.value,
-        onSelectionChange: S,
+        onSelectionChange: P,
         formatter: e.formatter,
         editorParams: e.editorParams,
         repositoryToken: e.repositoryToken,
         customRowStatus: e.customRowStatus,
-        searchHandler: v,
-        onUnSelectItem: R,
-        onSelectItem: f,
-        onClearSearch: x
+        searchHandler: T,
+        onUnSelectItem: f,
+        onSelectItem: O,
+        onClearSearch: D
       }, null)]
     });
   }
@@ -1155,12 +1156,12 @@ const L = /* @__PURE__ */ W({
 L.register = (e, t, o, u) => {
   e["combo-tree"] = L, t["combo-tree"] = rt;
 };
-const vt = pe(L);
+const ht = pe(L);
 export {
   L as FComboTree,
   nt as Placement,
   tt as ViewType,
   te as comboTreeProps,
-  vt as default,
+  ht as default,
   rt as propsResolver
 };