@farris/ui-vue 1.3.0 → 1.3.3

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

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