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

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

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

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

@@ -0,0 +1,186 @@
+import o, { comboTreeProps as r } from "../../components/combo-tree/index.esm.js";
+import { resolveAppearance as n, createPropsResolver as s } from "../../components/dynamic-resolver/index.esm.js";
+const p = /* @__PURE__ */ new Map([
+  ["appearance", n]
+]), a = "https://json-schema.org/draft/2020-12/schema", l = "https://farris-design.gitee.io/combo-list.schema.json", d = "combo-tree", c = "A Farris Input Component", u = "object", f = {
+  id: {
+    description: "The unique identifier for a combo list",
+    type: "string"
+  },
+  type: {
+    description: "The type string of number combo list component",
+    type: "string",
+    default: "combo-tree"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  binding: {
+    description: "",
+    type: "object",
+    default: {}
+  },
+  editable: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  enableLinkLabel: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  label: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  lableWidth: {
+    description: "",
+    type: "number"
+  },
+  placeholder: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  valueField: {
+    description: "",
+    type: "string",
+    default: "id"
+  },
+  titleField: {
+    description: "",
+    type: "string",
+    default: "name"
+  },
+  textField: {
+    description: "",
+    type: "string",
+    default: "name"
+  },
+  data: {
+    description: "",
+    type: "array"
+  },
+  readonly: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  required: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  tabindex: {
+    description: "",
+    type: "number",
+    default: -1
+  },
+  textAlign: {
+    description: "",
+    type: "string",
+    enum: [
+      "left",
+      "middle",
+      "right"
+    ],
+    default: "left"
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  onBlur: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  onClickLinkLabel: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  formatter: {
+    type: "object",
+    default: null
+  },
+  customRowStatus: {
+    type: "object",
+    default: null
+  },
+  minPanelWidth: {
+    description: "",
+    type: "number",
+    default: 160
+  },
+  idField: {
+    description: "",
+    type: "string",
+    default: "id"
+  },
+  multiSelect: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  viewType: {
+    description: "",
+    type: "string",
+    default: "text"
+  },
+  searchFields: {
+    description: "",
+    type: "array",
+    default: []
+  },
+  enableSearch: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  displayFormatter: {
+    type: "object",
+    default: null
+  },
+  enableClear: {
+    description: "",
+    type: "boolean",
+    default: !0
+  }
+}, y = [
+  "id",
+  "type"
+], b = {
+  $schema: a,
+  $id: l,
+  title: d,
+  description: c,
+  type: u,
+  properties: f,
+  required: y
+};
+function m(t, e, i) {
+  return e;
+}
+const g = s(r, b, p, m), F = {
+  register: (t, e, i, h) => {
+    t["combo-tree"] = o, e["combo-tree"] = g;
+  }
+};
+export {
+  F as default,
+  g as propsResolver
+};

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

@@ -0,0 +1 @@
+(function(e,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("../../components/combo-tree/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/combo-tree/index.umd.js","../../components/dynamic-resolver/index.umd.js"],t):(e=typeof globalThis<"u"?globalThis:e||self,t(e["combo-tree"]={},e.FComboTree,e.dynamicResolver))})(this,function(e,t,o){"use strict";const s=new Map([["appearance",o.resolveAppearance]]),d={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/combo-list.schema.json",title:"combo-tree",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a combo list",type:"string"},type:{description:"The type string of number combo list component",type:"string",default:"combo-tree"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},editable:{description:"",type:"boolean",default:!0},enableLinkLabel:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},lableWidth:{description:"",type:"number"},placeholder:{description:"",type:"string",default:""},valueField:{description:"",type:"string",default:"id"},titleField:{description:"",type:"string",default:"name"},textField:{description:"",type:"string",default:"name"},data:{description:"",type:"array"},readonly:{description:"",type:"boolean",default:!1},required:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},textAlign:{description:"",type:"string",enum:["left","middle","right"],default:"left"},visible:{description:"",type:"boolean",default:!0},onBlur:{description:"",type:"string",default:""},onClickLinkLabel:{description:"",type:"string",default:""},formatter:{type:"object",default:null},customRowStatus:{type:"object",default:null},minPanelWidth:{description:"",type:"number",default:160},idField:{description:"",type:"string",default:"id"},multiSelect:{description:"",type:"boolean",default:!1},viewType:{description:"",type:"string",default:"text"},searchFields:{description:"",type:"array",default:[]},enableSearch:{description:"",type:"boolean",default:!1},displayFormatter:{type:"object",default:null},enableClear:{description:"",type:"boolean",default:!0}},required:["id","type"]};function p(r,i,a){return i}const n=o.createPropsResolver(t.comboTreeProps,d,s,p),l={register:(r,i,a,h)=>{r["combo-tree"]=t,i["combo-tree"]=n}};e.default=l,e.propsResolver=n,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/designer/component/index.css

@@ -0,0 +1 @@
+.form-group-in-canvas .f-cmp-inputgroup .f-state-readonly .input-group-append{display:flex!important}.component-btn-group{flex-direction:row-reverse;position:absolute;z-index:800;background:#fff;display:none;top:-26px;right:0}.component-btn-group>div{position:fixed}.farris-component.farris-nested{padding-top:10px!important;padding-bottom:10px!important;border:dotted 2px #e8e8e8}.farris-component.farris-nested:not(.px-0){padding-right:10px!important;padding-left:10px!important}.farris-component.farris-nested.dgComponentFocused{border:dotted 2px #388fff}.farris-component.can-move{padding:2px}.farris-component.dgComponentSelected>.component-btn-group{display:flex}.component-btn-group .component-settings-button{display:flex;cursor:pointer;float:right;margin-left:4px;padding:0!important;font-size:10px;line-height:1.2em;border-radius:2px 2px 0 0;width:24px!important;height:24px!important;color:#fff!important;background:#388fff!important}.component-btn-group .component-settings-button+.component-settings-button{margin-left:4px!important}.component-btn-group .component-settings-button:last-child{margin-left:0!important}.component-btn-group .component-settings-button .f-icon{font-size:18px;margin:0 auto;line-height:20px}.component-btn-group .component-settings-button .f-icon.f-icon-yxs_move{cursor:move}.farris-component-content-container .drag-container{display:inherit;flex-direction:inherit;flex-shrink:1;flex-grow:1;flex-basis:0%;flex-wrap:inherit;justify-content:inherit;align-items:inherit;width:100%;overflow:inherit;height:100%}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}.gu-mirror.undroppable .component-settings-button .f-icon-yxs_move{cursor:no-drop}.component-btn-group .component-settings-button .f-icon.f-icon-yxs_delete{color:#fff!important;background:#388fff!important}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20)}.drag-over:not(.no-drop){background-color:#f3f8ff!important}.gu-unselectable .farris-component.dgComponentSelected>.component-btn-group{display:none}.gu-unselectable .gu-mirror.farris-component.dgComponentSelected>.component-btn-group{display:flex}.gu-transit.farris-component.dgComponentSelected>.component-btn-group{display:none}.gu-mirror.farris-component.dgComponentSelected{position:fixed!important}.gu-mirror.farris-component.dgComponentSelected>.component-btn-group>div{position:relative;top:0!important;left:0!important}.gu-mirror.farris-component.dgComponentSelected>.component-btn-group{width:max-content}.dgComponentFocused{border-top:2px dotted #388fff!important;border-left:2px dotted #388fff!important;border-right:2px dotted #388fff!important;border-bottom:2px dotted #388fff!important}.dgComponentSelected{border-top:2px solid #388fff!important;border-left:2px solid #388fff!important;border-right:2px solid #388fff!important;border-bottom:2px solid #388fff!important}.editorDiv{background-color:#dbe6f7;overflow-x:auto}.editorPanel{position:relative;height:100%;min-width:900px}.editorDiv .editorPanel.Mobile{min-width:414px;width:414px;margin:20px auto;height:calc(100% - 40px)}.editorDiv .f-struct-like-card{display:block}.editorDiv .farris-tabs.f-tabs-content-fill .f-struct-is-subgrid .f-grid-is-sub{width:100%}.ide-framework .cdk-overlay-container{z-index:1100}.editorDiv .f-struct-wrapper{margin-bottom:15px}.editorDiv .f-struct-wrapper+.f-struct-wrapper{position:relative;display:inherit}.editorDiv .f-page-navigate .f-page{position:absolute!important}.editorDiv .f-page.f-page-navigate.f-page-is-listnav-with-header .f-page-main .f-page-content-main{display:block}.editorDiv .f-page-has-scheme .f-page-main.farris-component{margin-top:0}.f-struct-subsub-wrapper{padding-top:0!important}.gu-mirror.undroppable{cursor:no-drop}.gu-insertion{position:fixed;z-index:840!important;pointer-events:none!important;background-color:#388fff;height:4px;overflow:hidden}.editorPanel .f-page .f-page-main{margin-right:.5rem!important;margin-left:.5rem!important;margin-bottom:.5rem!important}.editorPanel .f-page.f-page-is-listnav .f-page-main{margin-top:.5rem!important}.editorPanel .f-page .f-page-main .f-page-main{margin:0!important}.editorPanel .f-page.f-page-has-scheme .f-page-header{margin:0 .5rem}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child{display:flex!important}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child.farris-component{overflow:hidden}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section-in-mainsubcard,.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section-in-main{height:100%}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section.f-section-fill>.f-section-content{flex-basis:0%!important}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child:has(.drag-container .f-section-accordion.f-state-collapse){min-height:70px;display:block;flex:initial}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section .f-component-tabs .f-tabs-content-fill{overflow:hidden}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section .f-component-tabs .f-tabs-content-fill .farris-tabs-body>.farris-component-component{flex:1}.component-btn-group .settings-button-extend{padding:0 0 0 2px!important;width:auto!important;display:flex;align-items:center}.settings-button-extend .icon-text{margin:0 4px;font-size:13px;line-height:unset}.editorDiv .editorPanel .f-drawer-entry{z-index:799}.f-section-scheme{background:#fff;margin:.5625rem .5rem 0}.farris-component-tabs .farris-tabs-content.f-utils-fill-flex-column .farris-component-tab-page:has(.f-tab-active){display:flex!important;overflow:hidden;flex-shrink:1;flex-grow:1;flex-basis:0;flex-direction:column!important}.response-layout{border:dotted 2px #e8e8e8}.response-layout .response-layout-item{border-right:dotted 2px #e8e8e8}.response-layout .response-layout-item:not(:last-child){padding-right:8px!important}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fv-resizable-handle{position:absolute;font-size:.1px;display:block;touch-action:none}.fv-resizable-handle:hover{background:transparent}.fv-resizable-handle.fv-resizable-n{cursor:n-resize;height:.4375rem;width:100%;top:-.3125rem;left:0}.fv-resizable-handle.fv-resizable-e{cursor:e-resize;width:.4375rem;right:-.3125rem;height:100%;top:0}.fv-resizable-handle.fv-resizable-s{cursor:s-resize;height:.4375rem;width:100%;bottom:-.3125rem;left:0}.fv-resizable-handle.fv-resizable-w{cursor:w-resize;height:100%;width:.4375rem;left:-.3125rem;top:0}.fv-resizable-handle.fv-resizable-ne{cursor:ne-resize;width:.75rem;height:.75rem;right:1px;top:1px}.fv-resizable-handle.fv-resizable-se{cursor:se-resize;width:.75rem;height:.75rem;right:1px;bottom:1px}.fv-resizable-handle.fv-resizable-nw{cursor:nw-resize;width:.75rem;height:.75rem;left:1px;top:1px}.fv-resizable-handle.fv-resizable-sw{cursor:sw-resize;width:.75rem;height:.75rem;left:1px;bottom:1px}.property-item .form-group{margin-bottom:2px}.property-item .col-form-label{line-height:26px}.property-item .row-item{align-items:center}.wide-panel .row-item{display:flex}.wide-panel .row-item .component{flex:1 1 0}.wide-panel .row-item label{width:89px;text-align:right;padding-right:10px}.wrap{overflow:hidden;text-overflow:ellipsis}.propertyCascadeItem{background-color:transparent!important;border:none!important}.propertyCascadeItem .card-header{background-color:transparent!important;padding:4px 0!important;color:inherit!important}.propertyCascadeItem .card-header .panel-item-title{width:100%;position:relative;font-size:inherit!important}.propertyCascadeItem .card-header .panel-item-title .farris-input-wrap{margin-left:-5px;margin-right:-5px}.propertyCascadeItem .form-group .col-form-label .f-icon{color:#a3a3a3!important}.propertyCascadeItem .f-accordion-collapse,.propertyCascadeItem .f-accordion-expand{right:0;left:auto!important;top:6px;color:#6b94ec!important;position:absolute}.propertyCascadeItem .card-body{padding:3px 12px!important;background:#fffc;border-radius:8px;margin:4px 0}.propertyCascadeItem .card-body.hidden{display:none}.landscape{display:none;flex-shrink:0;align-items:center;justify-content:flex-end}.wide-panel .vertical{display:none}.wide-panel .landscape{display:block;padding:0;overflow:hidden}.wide-panel .line-item{display:flex}.wide-panel .line-item .f-header{margin-bottom:0}.wide-panel .line-item .f-section-formgroup-legend{width:89px;text-align:right;padding-right:13px}.wide-panel .line-item .farris-input-wrap{flex:1 1 0}:host{width:inherit;height:inherit}.property-panel{position:relative}.property-panel .switcher{position:absolute;top:9px;right:0;width:40px;text-align:center}.property-panel .switcher i{color:#4190ff;font-size:12px;cursor:pointer}.property-panel .side-panel{width:41px;background-color:#fff;padding-top:45px;text-align:center}.property-panel .side-panel .icon{display:block;text-align:center;color:#4190ff;margin-bottom:10px}.property-panel .side-panel span{writing-mode:vertical-rl;font-size:14px}.propertyPanel{width:300px;height:100%;color:#000000bf;background:#f3f8ff!important;border-color:#d8dbe2!important;display:flex}.propertyPanel .title{position:relative;background:#d0d8e9!important;flex-wrap:wrap;border:0}.propertyPanel .title.p-right{padding-right:40px}.propertyPanel .title>.title-label{line-height:34px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:12px;padding-right:12px;color:#333;font-size:13px;font-weight:600;cursor:pointer}.propertyPanel .title>.title-label.active{background:#8fb1df!important}.propertyPanel .title .title-actions{position:absolute;right:10px;top:0;padding-left:35px;height:35px;-ms-flex:1;flex:1;box-sizing:border-box}.propertyPanel .title .title-actions{position:absolute;right:10px;top:0}.propertyPanel .property-grid .group-label{line-height:30px;display:block;padding-left:13px;cursor:pointer;background:#e2e9f6!important;color:#435069!important;font-weight:600!important;border-radius:6px}.propertyPanel .search .textbox{padding-left:10px}.propertyPanel .search .input-group{border-radius:0}.propertyPanel .panel-body{overflow:auto;height:100%}.propertyPanel .property-grid{list-style:none;margin:0 10px;padding:0}.propertyPanel .property-grid li{padding:2px 0}.propertyPanel .panel-body .property-grid .group-label+div{padding-bottom:14px!important;padding-top:.25rem!important}.propertyPanel .action-item{cursor:pointer;display:inline-block;transition:transform 50ms ease;position:relative;padding:0}.propertyPanel .action-item>.f-icon{color:#424242bf;line-height:35px;font-weight:600}.propertyPanel .search .input-group-clear{border-radius:0!important}.white-theme .propertyPanel{background:#fff!important;border:1px solid #D8DCE6!important}.white-theme .propertyPanel .title{overflow:visible;background:#fff!important;justify-content:space-around}.white-theme .propertyPanel{background:#fff!important}.white-theme .propertyPanel .title{overflow:visible;background:#fff!important;flex-wrap:wrap;text-align:center}.white-theme .propertyPanel .title>.title-label{font-weight:400!important;border-bottom:0;background:#fff!important;flex:1;color:#83849b}.white-theme .propertyPanel .title>.title-label>span{padding:0 14px 7px}.white-theme .propertyPanel .title>.title-label.active>span{border-bottom:2px solid #5b89fe;color:#5b89fe;border-radius:1.5px}.white-theme .propertyPanel .title.only{text-align:left}.white-theme .propertyPanel .property-grid .group-label{background:#fff!important;line-height:30px;font-weight:400!important;font-size:13px;color:#3f4764!important;border-radius:6px;background:#eef4ff!important;color:#435069!important}.white-theme .propertyPanel .property-grid .group-label .f-icon{color:#5d89fe;font-size:13px}.designer-control-tree{display:block;height:100%;color:#212529!important;background:#fcfdff;flex-shrink:1;flex-grow:1;flex-basis:0;overflow:auto}.designer-control-tree .fv-grid .fv-grid-content{background:#fcfdff!important}.designer-control-tree .fv-grid .controlIcon{font-size:20px;color:#7d86ab!important;margin:0 4px 0 0!important}.designer-control-tree .fv-grid .controlIcon.f-icon{font-size:18px}.designer-control-tree .fv-grid .fv-grid-data{overflow:auto}.designer-control-tree .fv-grid .fv-grid-row-selected,.designer-control-tree .fv-grid .fv-grid-row-hover{border-radius:10px}