@farris/ui-vue 1.3.1 → 1.3.3

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

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