@farris/ui-vue 1.3.4 → 1.3.6

package/components/input-group/index.umd.cjs

@@ -1 +1 @@
-(function(I,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("vue"),require("lodash-es"),require("../common/index.umd.js"),require("../number-spinner/index.umd.js"),require("../designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../common/index.umd.js","../number-spinner/index.umd.js","../designer-canvas/index.umd.js"],s):(I=typeof globalThis<"u"?globalThis:I||self,s(I["input-group"]={},I.Vue,I.LodashES,I.common,I.numberSpinner,I.designerCanvas))})(this,function(I,s,k,F,P,A){"use strict";var he=Object.defineProperty;var be=(I,s,k)=>s in I?he(I,s,{enumerable:!0,configurable:!0,writable:!0,value:k}):I[s]=k;var b=(I,s,k)=>be(I,typeof s!="symbol"?s+"":s,k);const W={},R={};function D(e){const{properties:o,title:t,ignore:r}=e,i=r&&Array.isArray(r),c=Object.keys(o).reduce((a,y)=>((!i||!r.find(m=>m===y))&&(a[y]=o[y].type==="object"&&o[y].properties?D(o[y]):k.cloneDeep(o[y].default)),a),{});if(t&&(!i||!r.find(a=>a==="id"))){const a=t.toLowerCase().replace(/-/g,"_");c.id=`${a}_${Math.random().toString().slice(2,6)}`}return c}function H(e,o){const t=D(o);return Object.keys(t).reduce((r,i)=>(r[i]&&k.isPlainObject(r[i])&&k.isPlainObject(e[i]||!e[i])?Object.assign(r[i],e[i]||{}):r[i]=e[i],r),t),t}function z(e,o){return Object.keys(e).filter(r=>e[r]!=null).reduce((r,i)=>{if(o.has(i)){const c=o.get(i);if(typeof c=="string")r[c]=e[i];else{const a=c(i,e[i],e);Object.assign(r,a)}}else r[i]=e[i];return r},{})}function X(e,o,t=new Map){const r=H(e,o);return z(r,t)}function Q(e={}){function o(l,d,n,p){if(typeof n=="number")return p[l].length===n;if(typeof n=="object"){const f=Object.keys(n)[0],u=n[f];if(f==="not")return Number(p[l].length)!==Number(u);if(f==="moreThan")return Number(p[l].length)>=Number(u);if(f==="lessThan")return Number(p[l].length)<=Number(u)}return!1}function t(l,d,n,p){return p[l]&&p[l].propertyValue&&String(p[l].propertyValue.value)===String(n)}const r=new Map([["length",o],["getProperty",t]]);Object.keys(e).reduce((l,d)=>(l.set(d,e[d]),l),r);function i(l,d){const n=l;return typeof d=="number"?[{target:n,operator:"length",param:null,value:Number(d)}]:typeof d=="boolean"?[{target:n,operator:"getProperty",param:l,value:!!d}]:typeof d=="object"?Object.keys(d).map(p=>{if(p==="length")return{target:n,operator:"length",param:null,value:d[p]};const f=p,u=d[p];return{target:n,operator:"getProperty",param:f,value:u}}):[]}function c(l){return Object.keys(l).reduce((n,p)=>{const f=i(p,l[p]);return n.push(...f),n},[])}function a(l,d){if(r.has(l.operator)){const n=r.get(l.operator);return n&&n(l.target,l.param,l.value,d)||!1}return!1}function y(l,d){return c(l).reduce((f,u)=>f&&a(u,d),!0)}function m(l,d){const n=Object.keys(l),p=n.includes("allOf"),f=n.includes("anyOf"),u=p||f,C=(u?l[u?p?"allOf":"anyOf":"allOf"]:[l]).map(B=>y(B,d));return p?!C.includes(!1):C.includes(!0)}return{parseValueSchema:m}}const g={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"}},Z={},_={};Q();function J(e,o,t=new Map,r=(a,y,m,l)=>y,i={},c=a=>a){return W[o.title]=o,R[o.title]=r,Z[o.title]=i,_[o.title]=c,(a={})=>{const y=X(a,o,t),m=Object.keys(e).reduce((l,d)=>(l[d]=e[d].default,l),{});return Object.assign(m,y)}}function Y(e,o){return{customClass:o.class,customStyle:o.style}}const K=new Map([["appearance",Y]]);function ee(e,o,t){return o}const te={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/input-group.schema.json",title:"input-group",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:"input-group"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},editable:{description:"",type:"boolean",default:!0},enableLinkLabel:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},labelWidth:{description:"",type:"number"},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},disabled:{description:"",type:"boolean",default:!1},tabIndex:{description:"",type:"number",default:-1},textAlign:{description:"",type:"enum",enum:["left","middle","right"],default:"left"},visible:{description:"",type:"boolean",default:!0},onBlur:{description:"",type:"string",default:""},onClickLinkLabel:{description:"",type:"sting",default:""},addonDisabled:{description:"",type:"boolean",default:!1},addonContent:{description:"",type:"string",default:""},autoHeight:{description:"",type:"boolean",default:!1},enableAddon:{description:"",type:"boolean",default:!1},addonType:{description:"",type:"string",enum:["button","static"],default:"button"},enableClear:{description:"",type:"boolean",default:!0},enableViewPassword:{description:"",type:"boolean",default:!1},inputType:{description:"",type:"string",enum:["input","password","text"],default:"input"},maxHeight:{description:"",type:"number",default:500},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}}},showButtonWhenDisabled:{description:"",type:"boolean",default:!1},onClear:{description:"",type:"string",default:""}},required:["id","type"],ignore:["id","appearance","binding","visible"]},L={id:{Type:String,default:""},autocomplete:{Type:String,default:"off"},customClass:{Type:String,default:""},disabled:{Type:Boolean,default:!1},editable:{Type:Boolean,default:!0},enableClear:{Type:Boolean,default:!0},enableTitle:{Type:Boolean,default:!0},enableViewPassword:{Type:Boolean,default:!0},forcePlaceholder:{Type:Boolean,default:!1},groupText:{Type:String,default:""},type:{Type:String,default:"text"},max:{type:[Number,String]},min:{type:[Number,String]},maxLength:{Type:Number||void 0,default:void 0},minLength:{Type:Number||void 0,default:void 0},modelValue:{Type:String||Boolean,default:""},showBorder:{Type:Boolean,default:!0},step:{Type:Number,default:1},placeholder:{Type:String,default:""},precision:{Type:Number,default:0},readonly:{Type:Boolean,default:!1},showButtonWhenDisabled:{Type:Boolean,default:!1},tabIndex:{Type:Number||void 0,default:void 0},textAlign:{Type:String,default:"left"},useExtendInfo:{Type:Boolean,default:!1},extendInfo:{Type:String,default:""},value:{Type:String,default:""},focusOnCreated:{type:Boolean,default:!1},selectOnCreated:{type:Boolean,default:!1},updateOn:{type:String,default:"blur"}},O=J(L,te,K,ee);function U(e,o){const t=s.ref(e.groupText),r=s.computed(()=>e.showButtonWhenDisabled&&(e.readonly||e.disabled)),i=s.computed(()=>e.enableClear||!!e.groupText);return{appendedButtonClass:s.computed(()=>({"input-group-append":!0,"append-force-show":r.value})),appendedContent:t,shouldShowAppendedButton:i}}function q(e,o,t,r){const{appendedContent:i}=r,c=s.ref(e.enableViewPassword),a=s.computed(()=>e.type==="password"),y='<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>',m='<span class="f-icon f-icon-eye"></span>',l=s.ref(!1);s.watch(()=>[e.readonly,e.disabled],([p,f])=>{a.value&&(t.value=p||f?"password":t.value,i.value=p||f?m:i.value)});function d(){return l.value=!l.value,t.value=l.value?"text":"password",i.value=l.value?y:m,!1}function n(){t.value=a.value?"password":"text",i.value=a.value?c.value?m:"":i.value}return n(),{isPassword:a,onClickAppendedButton:d}}function ne(e,o,t){const r=s.ref(),{onBlurTextBox:i,onFocusTextBox:c,onInput:a,onKeyDown:y,textBoxValue:m}=t,l=s.computed(()=>e.disabled||e.readonly||!e.editable?"":e.placeholder),d=s.computed(()=>({"form-control":!0,"f-utils-fill":!0})),n=s.computed(()=>({"text-align":e.textAlign}));function p(h){h.stopPropagation()}function f(){e.selectOnCreated,e.focusOnCreated}async function u(h){c(h),await s.nextTick,f()}return s.onMounted(async()=>{await s.nextTick,f()}),()=>s.createVNode("input",{ref:r,class:d.value,style:n.value,type:"text",value:m.value,disabled:e.disabled,readonly:e.readonly||!e.editable,placeholder:l.value,onBlur:i,onChange:p,onFocus:u,onInput:a,onKeydown:y},null)}function oe(e,o,t){const{canDownward:r,canUpward:i,onClickDownButton:c,onClickUpButton:a}=t,y=s.computed(()=>({"input-group-append":!0,"btn-group":!0,"btn-group-number":!0})),m=s.computed(()=>({btn:!0,"btn-secondary":!0,"btn-number-flag":!0})),l=s.computed(()=>({cursor:i()?"pointer":"not-allowed","margin-left":0})),d=s.computed(()=>({cursor:r()?"pointer":"not-allowed","margin-left":0}));return()=>s.createVNode("div",{class:y.value},[s.createVNode("button",{title:"upButton",class:m.value,style:l.value,onClick:a,disabled:!i()},[s.createVNode("span",{class:"f-icon f-icon-arrow-chevron-up number-arrow-chevron"},null)]),s.createVNode("button",{title:"downButton",class:m.value,style:d.value,onClick:c,disabled:!r()},[s.createVNode("span",{class:"f-icon f-icon-arrow-chevron-down number-arrow-chevron"},null)])])}function ie(e,o){const t=P.useNumber(e,o),r=P.useFormat(e,o,t),i=P.useSpinner(e,o,r,t),c=P.useTextBox(e,o,r,t,i),a=oe(e,o,i),{displayValue:y,modelValue:m,getRealValue:l}=t,d=ne(e,o,c),{format:n}=r,{isFocus:p}=c,f=s.computed(()=>!e.disabled&&!e.readonly);return s.onMounted(()=>{const u=l(e.modelValue);y.value=n(u)}),s.watch(()=>[e.value],([u])=>{const h=l(u);m.value=h,y.value=n(h)}),s.watch(()=>[e.modelValue],([u])=>{u!==m.value&&(m.value=u,!p.value&&(y.value=n(l(u))))}),s.watch(()=>[e.precision,e.useThousands,e.prefix,e.suffix,e.showZero],()=>{y.value=n(m.value)}),()=>s.createVNode("div",{class:"input-group  f-state-hover flex-row f-cmp-number-spinner"},[d(),f.value&&a()])}function re(e,o,t,r){const i=s.ref(),c=s.ref(e.autocomplete),a=s.ref(e.enableTitle),{isPassword:y}=t,m=s.ref(e.minLength),l=s.ref(e.maxLength),d=s.ref(e.tabIndex),{disabled:n,displayText:p,inputType:f,onBlur:u,onFocus:h,onInput:v,onClick:C,onKeydown:w,onKeyup:B,onMousedown:T,onTextBoxValueChange:x,readonly:S,placeholder:M,textBoxClass:j,textBoxTitle:G}=r;return s.onMounted(()=>{e.selectOnCreated,e.focusOnCreated}),()=>s.createVNode("input",{ref:i,name:"input-group-value",autocomplete:c.value,class:j.value,disabled:n==null?void 0:n.value,maxlength:l.value,minlength:m.value,placeholder:M.value,readonly:S==null?void 0:S.value,tabindex:d.value,title:a.value&&!y.value?G.value:"",type:f.value,value:p==null?void 0:p.value,onBlur:u,onClick:C,onChange:x,onFocus:h,onInput:v,onKeydown:w,onKeyup:B,onMousedown:T},null)}function se(e,o){const t=s.computed(()=>e.useExtendInfo&&!!e.extendInfo),r=s.reactive({content:e.extendInfo});function i(){o.emit("updateExtendInfo")}return()=>t.value&&s.withDirectives(s.createVNode("span",{class:"input-group-before-tips",onMouseenter:i},[s.createVNode("i",{class:"f-icon f-icon-info-circle"},null),s.createVNode("b",{class:"tips-arrow"},null)]),[[s.resolveDirective("tooltip"),r]])}function $(e,o,t,r,i){const{appendedButtonClass:c,appendedContent:a}=t,y=s.computed(()=>e.showButtonWhenDisabled&&(!e.editable||!e.readonly)&&!e.disabled),m=s.computed(()=>a.value&&!o.slots.groupTextTemplate),l=s.computed(()=>!!o.slots.groupTextTemplate),{clearButtonClass:d,clearButtonStyle:n,onClearValue:p,shouldShowClearButton:f}=r;function u(){return s.createVNode("span",{id:"clearIcon",class:d.value,style:n.value,onClick:M=>p(M)},[s.createVNode("i",{class:"f-icon modal_close"},null)])}function h(M){o.emit("iconMouseEnter",M)}function v(M){o.emit("iconMouseLeave",M)}function C(M){y.value&&o.emit("clickHandle",{originalEvent:M}),M.stopPropagation()}const w=e.type==="password"?i.onClickAppendedButton:C;function B(){return s.createVNode("span",{class:"input-group-text",onMouseenter:M=>h(M),onMouseleave:M=>v(M),innerHTML:a.value,onClick:M=>w(M)},null)}function T(){return o.slots.groupTextTemplate&&o.slots.groupTextTemplate()}function x(){return m.value?B:l.value?T:""}const S=x();return()=>s.createVNode("div",{class:c.value},[f.value&&u(),S&&S()])}const V=s.defineComponent({name:"FInputGroup",props:L,emits:["clear","change","blur","click","clickHandle","focus","input","keydown","keyup","iconMouseEnter","iconMouseLeave","update:modelValue","update:value","updateExtendInfo","valueChange"],setup(e,o){const t=s.ref(e.modelValue),r=s.ref(e.modelValue),i=F.useTextBox(e,o,t,r),{inputGroupClass:c,inputType:a,inputGroupStyle:y}=i,m=U(e),{shouldShowAppendedButton:l}=m,d=F.useClear(e,o,i),{onMouseEnter:n,onMouseLeave:p}=d,f=q(e,o,a,m),u=ie(e,o),h=re(e,o,f,i),v=$(e,o,m,d,f),C=se(e,o),w=s.computed(()=>e.type==="number");s.watch(()=>[e.value],([T])=>{t.value=T,r.value=T}),s.watch(()=>[e.modelValue],([T])=>{t.value=T,r.value=T}),s.onMounted(()=>{e.value&&(t.value=e.value,r.value=e.value)});const B=()=>s.createVNode(s.Fragment,null,[s.createVNode("div",{id:e.id,class:c.value,style:y.value,onMouseenter:n,onMouseleave:p},[w.value?u():s.createVNode(s.Fragment,null,[C(),h(),l.value&&v()])])]);return()=>B()}});class le{constructor(o,t){b(this,"componentId");b(this,"viewModelId");b(this,"eventsEditorUtils");b(this,"formSchemaUtils");b(this,"formMetadataConverter");b(this,"designViewModelUtils");b(this,"designViewModelField");b(this,"controlCreatorUtils");b(this,"designerHostService");b(this,"schemaService",null);b(this,"metadataService",null);b(this,"propertyConfig",{type:"object",categories:{}});var r;this.componentId=o,this.designerHostService=t,this.eventsEditorUtils=t.eventsEditorUtils,this.formSchemaUtils=t.formSchemaUtils,this.formMetadataConverter=t.formMetadataConverter,this.viewModelId=((r=this.formSchemaUtils)==null?void 0:r.getViewModelIdByComponentId(o))||"",this.designViewModelUtils=t.designViewModelUtils,this.controlCreatorUtils=t.controlCreatorUtils,this.metadataService=t.metadataService,this.schemaService=t.schemaService}getTableInfo(){var o;return(o=this.schemaService)==null?void 0:o.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(o){var r;const t=o.binding&&o.binding.type==="Form"&&o.binding.field;if(t){if(!this.designViewModelField){const i=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=i.fields.find(c=>c.id===t)}o.updateOn=(r=this.designViewModelField)==null?void 0:r.updateOn}}changeFieldEditorType(o,t){}getBasicPropConfig(o){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:o.type,name:g[o.type].name}]}}}}}getAppearanceConfig(o=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(o,t){const r=t&&t.parent&&t.parent.schema;if(!r)return;const i=r.contents.findIndex(a=>a.id===o),c=k.cloneDeep(r.contents[i]);r.contents.splice(i,1),r.contents.splice(i,0,c)}}const E=class E{static getEditorTypesByMDataType(o){const t=E.fieldControlTypeMapping[o];return t||[{key:"",value:""}]}static getAllInputTypes(){const o=[];for(const t in E.fieldControlTypeMapping)E.fieldControlTypeMapping[t].forEach(r=>{o.find(i=>i.key===r.key&&i.value===r.value)||o.push({key:r.key,value:r.value})});return o}};b(E,"fieldControlTypeMapping",{String:[{key:g["input-group"].type,value:g["input-group"].name},{key:g.lookup.type,value:g.lookup.name},{key:g["date-picker"].type,value:g["date-picker"].name},{key:g["check-box"].type,value:g["check-box"].name},{key:g["check-group"].type,value:g["check-group"].name},{key:g["radio-group"].type,value:g["radio-group"].name},{key:g["combo-list"].type,value:g["combo-list"].name},{key:g.textarea.type,value:g.textarea.name}],Text:[{key:g.textarea.type,value:g.textarea.name},{key:g.lookup.type,value:g.lookup.name}],Decimal:[{key:g["number-spinner"].type,value:g["number-spinner"].name}],Integer:[{key:g["number-spinner"].type,value:g["number-spinner"].name}],Number:[{key:g["number-spinner"].type,value:g["number-spinner"].name}],BigNumber:[{key:g["number-spinner"].type,value:g["number-spinner"].name}],Date:[{key:g["date-picker"].type,value:g["date-picker"].name}],DateTime:[{key:g["date-picker"].type,value:g["date-picker"].name}],Boolean:[{key:g.switch.type,value:g.switch.name},{key:g["check-box"].type,value:g["check-box"].name}],Enum:[{key:g["combo-list"].type,value:g["combo-list"].name},{key:g["radio-group"].type,value:g["radio-group"].name}],Object:[{key:g.lookup.type,value:g.lookup.name},{key:g["combo-list"].type,value:g["combo-list"].name},{key:g["radio-group"].type,value:g["radio-group"].name}]});let N=E;const ae=s.ref(0);class ce{constructor(){b(this,"label","");b(this,"id","");b(this,"columnInSM",12);b(this,"columnInMD",6);b(this,"columnInLG",3);b(this,"columnInEL",2);b(this,"displayWidthInSM",1);b(this,"displayWidthInMD",1);b(this,"displayWidthInLG",1);b(this,"displayWidthInEL",1);b(this,"displayColumnCountAtBreakPoint","md");b(this,"tagRow",0);b(this,"showTopBorder",0);b(this,"group",1);b(this,"isSupportedClass",!0);b(this,"fieldSetId","")}}function ue(e){let o,t;const r=new Map;let i=[];function c(d,n){const f=d.split(" ").filter(w=>w.startsWith("col-"));if(f.length===0){n.isSupportedClass=!1;return}let u=f.find(w=>/^col-([1-9]|10|11|12)$/.test(w)),h=f.find(w=>/^col-md-([1-9]|10|11|12)$/.test(w)),v=f.find(w=>/^col-xl-([1-9]|10|11|12)$/.test(w)),C=f.find(w=>/^col-el-([1-9]|10|11|12)$/.test(w));u=u||"col-12",n.columnInSM=parseInt(u.replace("col-",""),10),n.displayWidthInSM=n.columnInSM/12,n.displayWidthInSM!==1&&(n.isSupportedClass=!1),h=h||"col-md-"+n.columnInSM,n.columnInMD=parseInt(h.replace("col-md-",""),10),n.displayWidthInMD=n.columnInMD/6,[1,2].includes(n.displayWidthInMD)||(n.isSupportedClass=!1),v=v||"col-xl-"+n.columnInMD,n.columnInLG=parseInt(v.replace("col-xl-",""),10),n.displayWidthInLG=n.columnInLG/3,[1,2,3,4].includes(n.displayWidthInLG)||(n.isSupportedClass=!1),C=C||"col-el-"+n.columnInLG,n.columnInEL=parseInt(C.replace("col-el-",""),10),n.displayWidthInEL=n.columnInEL/2,[1,2,3,4,5,6].includes(n.displayWidthInEL)||(n.isSupportedClass=!1)}function a(d,n,p,f=!1){let u=!1;d.contents.forEach(h=>{if(h.type==="fieldset"){p+=1,a(h,n,p,!0),u=!0;return}u&&(p+=1,u=!1);const v=h.appearance&&h.appearance.class,C=new ce;v?c(v,C):C.isSupportedClass=!1,C.label=h.label||h.id,C.id=h.id,C.group=p,f&&(C.fieldSetId=d.id),t===h.id&&(o=p),r.set(h.id,h),n.push(C)})}function y(d){const n=e.getComponentById(d);if(!n||!n.componentType||!n.componentType.startsWith("form"))return{result:!1,message:"只可以在响应式表单组件中调整响应式布局配置"};const p=e.selectNode(n,f=>f.type===A.DgControl["response-form"].type);return!p||!p.contents||p.contents.length===0?{result:!1,message:"Form区域内没有控件，请先添加控件"}:{result:!0,message:"",formNode:p}}function m(d,n){n=n||d.id;const{result:p,message:f,formNode:u}=y(n);if(!p)return{result:p,message:f};t=d.id,i=[],r.clear();const h=u.contents[0].type===A.DgControl.fieldset.type?0:1;a(u,i,h);const v=i.find(w=>!w.isSupportedClass);return{defaultState:{defaultGroupNumber:o||1,model:v?"customize":"standard"},importData:i}}function l(d,n){n=n;const{result:p,formNode:f}=y(n);if(!p)return"";const u=[];return d.forEach(h=>{var w;const v=r.get(h.id),C=v.appearance&&v.appearance.class;if(C){const T=C.split(" ").filter(ge=>!ge.startsWith("col-")),x="col-"+h.columnInSM,S="col-md-"+h.columnInMD,M="col-xl-"+h.columnInLG,j="col-el-"+h.columnInEL,G=[x,S,M,j].concat(T);v.appearance.class=G.join(" ")}if(h.fieldSetId){const B=f.contents.find(x=>x.id===h.fieldSetId),T=u.find(x=>x.id===h.fieldSetId);T?(w=T.contents)==null||w.push(v):(u.push(B),B.contents=[v])}else u.push(v)}),f.contents=u,f.id}return{checkCanFindFormNode:y,checkCanOpenLayoutEditor:m,changeFormControlsByResponseLayoutConfig:l,getResonseFormLayoutConfig:a}}class de extends le{constructor(t,r){super(t,r);b(this,"responseLayoutEditorFunction");this.responseLayoutEditorFunction=ue(this.formSchemaUtils)}getPropertyConfig(t,r){return this.propertyConfig.categories.basic=this.getBasicProperties(t,r),this.propertyConfig.categories.appearance=this.getAppearanceProperties(t,r),this.propertyConfig.categories.editor=this.getEditorProperties(t),this.propertyConfig}getBasicProperties(t,r){var c;const i=this;return this.setDesignViewModelField(t),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:i.designViewModelField?N.getEditorTypesByMDataType((c=i.designViewModelField.type)==null?void 0:c.name):N.getAllInputTypes()}},label:{title:"标签",type:"string",$converter:"/converter/form-group-label.converter"},binding:{description:"绑定的表单字段",title:"绑定",editor:{type:"binding-selector",bindingType:{enable:!1},editorParams:{componentSchema:t,needSyncToViewModel:!0,viewModelId:this.viewModelId,designerHostService:this.designerHostService,disableOccupiedFields:!0},textField:"bindingField"}}},setPropertyRelates(a,y){if(a)switch(a&&a.propertyID){case"type":{i.changeControlType(t,a,r);break}case"label":{a.needRefreshControlTree=!0;break}}}}}getAppearanceProperties(t,r){const 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(t,i.componentId)}}},setPropertyRelates(c,a){if(c)switch(c&&c.propertyID){case"responseLayout":i.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(c.propertyValue,i.componentId||t.id),i.updateUnifiedLayoutAfterResponseLayoutChanged(i.componentId),i.updateElementByParentContainer(t.id,r),delete t.responseLayout;break;case"class":i.updateUnifiedLayoutAfterControlChanged(c.propertyValue,t.id,this.componentId),i.updateElementByParentContainer(t.id,r);break}}}}getEditorProperties(t){return this.getComponentConfig(t)}changeControlType(t,r,i){var d,n,p,f;const c=r.propertyValue,a=i&&i.parent&&i.parent.schema;if(!a)return;const y=a.contents.findIndex(u=>u.id===t.id),m=a.contents[y];let l;this.designViewModelField&&(this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id,{editor:{$type:c},name:this.designViewModelField.name,require:this.designViewModelField.require,readonly:this.designViewModelField.readonly},!1),l=this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField,c)),l||(l=this.controlCreatorUtils.createFormGroupWithoutField(c)),Object.assign(l,{id:m.id,appearance:m.appearance,size:m.size,label:m.label,binding:m.binding,visible:m.visible}),Object.assign(l.editor,{isTextArea:l.isTextArea&&m.isTextArea,placeholder:(d=m.editor)==null?void 0:d.placeholder,holdPlace:(n=m.editor)==null?void 0:n.holdPlace,readonly:(p=m.editor)==null?void 0:p.readonly,require:(f=m.editor)==null?void 0:f.require}),a.contents.splice(y,1),a.contents.splice(y,0,l),i.schema=Object.assign(m,l),Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(u=>u.classList.remove("dgComponentSelected")),ae.value++}getComponentConfig(t,r={},i={}){const c=Object.assign({description:"编辑器",title:"编辑器",type:"input-group",$converter:"/converter/property-editor.converter"},r),a=Object.assign({readonly:{description:"",title:"只读",type:"boolean"},disabled:{description:"",title:"禁用",type:"boolean"},placeholder:{description:"空值时，输入控件内的占位文本",title:"提示文本",type:"string"}},i);return{...c,properties:{...a}}}updateUnifiedLayoutAfterControlChanged(t,r,i){const c=t.split(" ");let a=c.find(n=>/^col-([1-9]|10|11|12)$/.test(n)),y=c.find(n=>/^col-md-([1-9]|10|11|12)$/.test(n)),m=c.find(n=>/^col-xl-([1-9]|10|11|12)$/.test(n)),l=c.find(n=>/^col-el-([1-9]|10|11|12)$/.test(n));a=a||"col-12",y=y||"col-md-"+a.replace("col-",""),m=m||"col-xl-"+y.replace("col-md-",""),l=l||"col-el-"+m.replace("col-xl-","");const d={id:r,columnInSM:parseInt(a.replace("col-",""),10),columnInMD:parseInt(y.replace("col-md-",""),10),columnInLG:parseInt(m.replace("col-xl-",""),10),columnInEL:parseInt(l.replace("col-el-",""),10)};this.updateUnifiedLayoutAfterResponseLayoutChanged(i,d)}updateUnifiedLayoutAfterResponseLayoutChanged(t,r){const{formNode:i}=this.responseLayoutEditorFunction.checkCanFindFormNode(t);if(!i||!i.unifiedLayout)return;const c=[];if(this.responseLayoutEditorFunction.getResonseFormLayoutConfig(i,c,1),r){const u=c.find(h=>h.id===r.id);Object.assign(u||{},r)}const a=c.map(u=>u.columnInSM),y=c.map(u=>u.columnInMD),m=c.map(u=>u.columnInLG),l=c.map(u=>u.columnInEL),d=this.checkIsUniqueColumn(a)?a[0]:null,n=this.checkIsUniqueColumn(y)?y[0]:null,p=this.checkIsUniqueColumn(m)?m[0]:null,f=this.checkIsUniqueColumn(l)?l[0]:null;Object.assign(i.unifiedLayout,{uniqueColClassInSM:d,uniqueColClassInMD:n,uniqueColClassInLG:p,uniqueColClassInEL:f})}checkIsUniqueColumn(t){const r=new Set(t);return Array.from(r).length===1}}class pe extends de{constructor(o,t){super(o,t)}}function me(e,o){const t=e.schema;function r(i,c){return new pe(i,o).getPropertyConfig(t,c)}return{getPropsConfig:r}}const fe=s.defineComponent({name:"FInputGroupDesign",props:L,emits:["updateExtendInfo","clear","valueChange","clickHandle","blurHandle","focusHandle","enterHandle","iconMouseEnter","iconMouseLeave","keyupHandle","keydownHandle","inputClick"],setup(e,o){const t=s.ref(e.modelValue),r=s.ref(e.modelValue),i=F.useTextBoxDesign(e,o,t,r),{inputGroupClass:c,inputType:a,inputGroupStyle:y}=i,m=U(e),{shouldShowAppendedButton:l}=m,d=F.useClear(e,o,i),{onMouseEnter:n,onMouseLeave:p}=d,f=q(e,o,a,m),u=s.ref(),h=s.inject("designer-host-service"),v=s.inject("design-item-context"),C=me(v,h),w=A.useDesignerComponent(u,v,C);s.onMounted(()=>{u.value.componentInstance=w}),o.expose(w.value);const B=$(e,o,m,d,f),T=s.ref();return()=>s.createVNode("div",{id:"inputGroup",ref:u,class:c.value,style:y.value,onMouseenter:n,onMouseleave:p},[s.createVNode("input",{ref:T,class:"form-control",readonly:!0,placeholder:e.placeholder},null),l.value&&B()])}});V.register=(e,o,t,r)=>{e["input-group"]=V,o["input-group"]=O},V.registerDesigner=(e,o,t)=>{e["input-group"]=fe,o["input-group"]=O};const ye=F.withInstall(V);I.FInputGroup=V,I.default=ye,I.inputGroupProps=L,I.propsResolver=O,Object.defineProperties(I,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(I,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("vue"),require("lodash-es"),require("../common/index.umd.js"),require("../number-spinner/index.umd.js"),require("../designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../common/index.umd.js","../number-spinner/index.umd.js","../designer-canvas/index.umd.js"],s):(I=typeof globalThis<"u"?globalThis:I||self,s(I["input-group"]={},I.Vue,I.LodashES,I.common,I.numberSpinner,I.designerCanvas))})(this,function(I,s,k,F,P,A){"use strict";var he=Object.defineProperty;var be=(I,s,k)=>s in I?he(I,s,{enumerable:!0,configurable:!0,writable:!0,value:k}):I[s]=k;var b=(I,s,k)=>be(I,typeof s!="symbol"?s+"":s,k);const W={},R={};function D(e){const{properties:i,title:t,ignore:r}=e,n=r&&Array.isArray(r),c=Object.keys(i).reduce((a,y)=>((!n||!r.find(f=>f===y))&&(a[y]=i[y].type==="object"&&i[y].properties?D(i[y]):k.cloneDeep(i[y].default)),a),{});if(t&&(!n||!r.find(a=>a==="id"))){const a=t.toLowerCase().replace(/-/g,"_");c.id=`${a}_${Math.random().toString().slice(2,6)}`}return c}function H(e,i){const t=D(i);return Object.keys(t).reduce((r,n)=>(Object.prototype.hasOwnProperty.call(e,n)&&(r[n]&&k.isPlainObject(r[n])&&k.isPlainObject(e[n]||!e[n])?Object.assign(r[n],e[n]||{}):r[n]=e[n]),r),t),t}function z(e,i){return Object.keys(e).filter(r=>e[r]!=null).reduce((r,n)=>{if(i.has(n)){const c=i.get(n);if(typeof c=="string")r[c]=e[n];else{const a=c(n,e[n],e);Object.assign(r,a)}}else r[n]=e[n];return r},{})}function X(e,i,t=new Map){const r=H(e,i);return z(r,t)}function Q(e={}){function i(l,d,o,p){if(typeof o=="number")return p[l].length===o;if(typeof o=="object"){const m=Object.keys(o)[0],u=o[m];if(m==="not")return Number(p[l].length)!==Number(u);if(m==="moreThan")return Number(p[l].length)>=Number(u);if(m==="lessThan")return Number(p[l].length)<=Number(u)}return!1}function t(l,d,o,p){return p[l]&&p[l].propertyValue&&String(p[l].propertyValue.value)===String(o)}const r=new Map([["length",i],["getProperty",t]]);Object.keys(e).reduce((l,d)=>(l.set(d,e[d]),l),r);function n(l,d){const o=l;return typeof d=="number"?[{target:o,operator:"length",param:null,value:Number(d)}]:typeof d=="boolean"?[{target:o,operator:"getProperty",param:l,value:!!d}]:typeof d=="object"?Object.keys(d).map(p=>{if(p==="length")return{target:o,operator:"length",param:null,value:d[p]};const m=p,u=d[p];return{target:o,operator:"getProperty",param:m,value:u}}):[]}function c(l){return Object.keys(l).reduce((o,p)=>{const m=n(p,l[p]);return o.push(...m),o},[])}function a(l,d){if(r.has(l.operator)){const o=r.get(l.operator);return o&&o(l.target,l.param,l.value,d)||!1}return!1}function y(l,d){return c(l).reduce((m,u)=>m&&a(u,d),!0)}function f(l,d){const o=Object.keys(l),p=o.includes("allOf"),m=o.includes("anyOf"),u=p||m,C=(u?l[u?p?"allOf":"anyOf":"allOf"]:[l]).map(B=>y(B,d));return p?!C.includes(!1):C.includes(!0)}return{parseValueSchema:f}}const g={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"}},Z={},_={};Q();function J(e,i,t=new Map,r=(a,y,f,l)=>y,n={},c=a=>a){return W[i.title]=i,R[i.title]=r,Z[i.title]=n,_[i.title]=c,(a={})=>{const y=X(a,i,t),f=Object.keys(e).reduce((l,d)=>(l[d]=e[d].default,l),{});return Object.assign(f,y)}}function Y(e,i){return{customClass:i.class,customStyle:i.style}}const K=new Map([["appearance",Y]]);function ee(e,i,t){return i}const te={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/input-group.schema.json",title:"input-group",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:"input-group"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},editable:{description:"",type:"boolean",default:!0},enableLinkLabel:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},labelWidth:{description:"",type:"number"},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},disabled:{description:"",type:"boolean",default:!1},tabIndex:{description:"",type:"number",default:-1},textAlign:{description:"",type:"enum",enum:["left","middle","right"],default:"left"},visible:{description:"",type:"boolean",default:!0},onBlur:{description:"",type:"string",default:""},onClickLinkLabel:{description:"",type:"sting",default:""},addonDisabled:{description:"",type:"boolean",default:!1},addonContent:{description:"",type:"string",default:""},autoHeight:{description:"",type:"boolean",default:!1},enableAddon:{description:"",type:"boolean",default:!1},addonType:{description:"",type:"string",enum:["button","static"],default:"button"},enableClear:{description:"",type:"boolean",default:!0},enableViewPassword:{description:"",type:"boolean",default:!1},inputType:{description:"",type:"string",enum:["input","password","text"],default:"input"},maxHeight:{description:"",type:"number",default:500},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}}},showButtonWhenDisabled:{description:"",type:"boolean",default:!1},onClear:{description:"",type:"string",default:""}},required:["type"],ignore:["id","appearance","binding","visible"]},L={id:{Type:String,default:""},autocomplete:{Type:String,default:"off"},customClass:{Type:String,default:""},disabled:{Type:Boolean,default:!1},editable:{Type:Boolean,default:!0},enableClear:{Type:Boolean,default:!0},enableTitle:{Type:Boolean,default:!0},enableViewPassword:{Type:Boolean,default:!0},forcePlaceholder:{Type:Boolean,default:!1},groupText:{Type:String,default:""},type:{Type:String,default:"text"},max:{type:[Number,String]},min:{type:[Number,String]},maxLength:{Type:Number||void 0,default:void 0},minLength:{Type:Number||void 0,default:void 0},modelValue:{Type:String||Boolean,default:""},showBorder:{Type:Boolean,default:!0},step:{Type:Number,default:1},placeholder:{Type:String,default:""},precision:{Type:Number,default:0},readonly:{Type:Boolean,default:!1},showButtonWhenDisabled:{Type:Boolean,default:!1},tabIndex:{Type:Number||void 0,default:void 0},textAlign:{Type:String,default:"left"},useExtendInfo:{Type:Boolean,default:!1},extendInfo:{Type:String,default:""},value:{Type:String,default:""},focusOnCreated:{type:Boolean,default:!1},selectOnCreated:{type:Boolean,default:!1},updateOn:{type:String,default:"blur"}},O=J(L,te,K,ee);function U(e,i){const t=s.ref(e.groupText),r=s.computed(()=>e.showButtonWhenDisabled&&(e.readonly||e.disabled)),n=s.computed(()=>e.enableClear||!!e.groupText);return{appendedButtonClass:s.computed(()=>({"input-group-append":!0,"append-force-show":r.value})),appendedContent:t,shouldShowAppendedButton:n}}function q(e,i,t,r){const{appendedContent:n}=r,c=s.ref(e.enableViewPassword),a=s.computed(()=>e.type==="password"),y='<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>',f='<span class="f-icon f-icon-eye"></span>',l=s.ref(!1);s.watch(()=>[e.readonly,e.disabled],([p,m])=>{a.value&&(t.value=p||m?"password":t.value,n.value=p||m?f:n.value)});function d(){return l.value=!l.value,t.value=l.value?"text":"password",n.value=l.value?y:f,!1}function o(){t.value=a.value?"password":"text",n.value=a.value?c.value?f:"":n.value}return o(),{isPassword:a,onClickAppendedButton:d}}function ne(e,i,t){const r=s.ref(),{onBlurTextBox:n,onFocusTextBox:c,onInput:a,onKeyDown:y,textBoxValue:f}=t,l=s.computed(()=>e.disabled||e.readonly||!e.editable?"":e.placeholder),d=s.computed(()=>({"form-control":!0,"f-utils-fill":!0})),o=s.computed(()=>({"text-align":e.textAlign}));function p(h){h.stopPropagation()}function m(){e.selectOnCreated,e.focusOnCreated}async function u(h){c(h),await s.nextTick,m()}return s.onMounted(async()=>{await s.nextTick,m()}),()=>s.createVNode("input",{ref:r,class:d.value,style:o.value,type:"text",value:f.value,disabled:e.disabled,readonly:e.readonly||!e.editable,placeholder:l.value,onBlur:n,onChange:p,onFocus:u,onInput:a,onKeydown:y},null)}function oe(e,i,t){const{canDownward:r,canUpward:n,onClickDownButton:c,onClickUpButton:a}=t,y=s.computed(()=>({"input-group-append":!0,"btn-group":!0,"btn-group-number":!0})),f=s.computed(()=>({btn:!0,"btn-secondary":!0,"btn-number-flag":!0})),l=s.computed(()=>({cursor:n()?"pointer":"not-allowed","margin-left":0})),d=s.computed(()=>({cursor:r()?"pointer":"not-allowed","margin-left":0}));return()=>s.createVNode("div",{class:y.value},[s.createVNode("button",{title:"upButton",class:f.value,style:l.value,onClick:a,disabled:!n()},[s.createVNode("span",{class:"f-icon f-icon-arrow-chevron-up number-arrow-chevron"},null)]),s.createVNode("button",{title:"downButton",class:f.value,style:d.value,onClick:c,disabled:!r()},[s.createVNode("span",{class:"f-icon f-icon-arrow-chevron-down number-arrow-chevron"},null)])])}function ie(e,i){const t=P.useNumber(e,i),r=P.useFormat(e,i,t),n=P.useSpinner(e,i,r,t),c=P.useTextBox(e,i,r,t,n),a=oe(e,i,n),{displayValue:y,modelValue:f,getRealValue:l}=t,d=ne(e,i,c),{format:o}=r,{isFocus:p}=c,m=s.computed(()=>!e.disabled&&!e.readonly);return s.onMounted(()=>{const u=l(e.modelValue);y.value=o(u)}),s.watch(()=>[e.value],([u])=>{const h=l(u);f.value=h,y.value=o(h)}),s.watch(()=>[e.modelValue],([u])=>{u!==f.value&&(f.value=u,!p.value&&(y.value=o(l(u))))}),s.watch(()=>[e.precision,e.useThousands,e.prefix,e.suffix,e.showZero],()=>{y.value=o(f.value)}),()=>s.createVNode("div",{class:"input-group  f-state-hover flex-row f-cmp-number-spinner"},[d(),m.value&&a()])}function re(e,i,t,r){const n=s.ref(),c=s.ref(e.autocomplete),a=s.ref(e.enableTitle),{isPassword:y}=t,f=s.ref(e.minLength),l=s.ref(e.maxLength),d=s.ref(e.tabIndex),{disabled:o,displayText:p,inputType:m,onBlur:u,onFocus:h,onInput:v,onClick:C,onKeydown:w,onKeyup:B,onMousedown:T,onTextBoxValueChange:x,readonly:S,placeholder:M,textBoxClass:j,textBoxTitle:G}=r;return s.onMounted(()=>{e.selectOnCreated,e.focusOnCreated}),()=>s.createVNode("input",{ref:n,name:"input-group-value",autocomplete:c.value,class:j.value,disabled:o==null?void 0:o.value,maxlength:l.value,minlength:f.value,placeholder:M.value,readonly:S==null?void 0:S.value,tabindex:d.value,title:a.value&&!y.value?G.value:"",type:m.value,value:p==null?void 0:p.value,onBlur:u,onClick:C,onChange:x,onFocus:h,onInput:v,onKeydown:w,onKeyup:B,onMousedown:T},null)}function se(e,i){const t=s.computed(()=>e.useExtendInfo&&!!e.extendInfo),r=s.reactive({content:e.extendInfo});function n(){i.emit("updateExtendInfo")}return()=>t.value&&s.withDirectives(s.createVNode("span",{class:"input-group-before-tips",onMouseenter:n},[s.createVNode("i",{class:"f-icon f-icon-info-circle"},null),s.createVNode("b",{class:"tips-arrow"},null)]),[[s.resolveDirective("tooltip"),r]])}function $(e,i,t,r,n){const{appendedButtonClass:c,appendedContent:a}=t,y=s.computed(()=>e.showButtonWhenDisabled&&(!e.editable||!e.readonly)&&!e.disabled),f=s.computed(()=>a.value&&!i.slots.groupTextTemplate),l=s.computed(()=>!!i.slots.groupTextTemplate),{clearButtonClass:d,clearButtonStyle:o,onClearValue:p,shouldShowClearButton:m}=r;function u(){return s.createVNode("span",{id:"clearIcon",class:d.value,style:o.value,onClick:M=>p(M)},[s.createVNode("i",{class:"f-icon modal_close"},null)])}function h(M){i.emit("iconMouseEnter",M)}function v(M){i.emit("iconMouseLeave",M)}function C(M){y.value&&i.emit("clickHandle",{originalEvent:M}),M.stopPropagation()}const w=e.type==="password"?n.onClickAppendedButton:C;function B(){return s.createVNode("span",{class:"input-group-text",onMouseenter:M=>h(M),onMouseleave:M=>v(M),innerHTML:a.value,onClick:M=>w(M)},null)}function T(){return i.slots.groupTextTemplate&&i.slots.groupTextTemplate()}function x(){return f.value?B:l.value?T:""}const S=x();return()=>s.createVNode("div",{class:c.value},[m.value&&u(),S&&S()])}const V=s.defineComponent({name:"FInputGroup",props:L,emits:["clear","change","blur","click","clickHandle","focus","input","keydown","keyup","iconMouseEnter","iconMouseLeave","update:modelValue","update:value","updateExtendInfo","valueChange"],setup(e,i){const t=s.ref(e.modelValue),r=s.ref(e.modelValue),n=F.useTextBox(e,i,t,r),{inputGroupClass:c,inputType:a,inputGroupStyle:y}=n,f=U(e),{shouldShowAppendedButton:l}=f,d=F.useClear(e,i,n),{onMouseEnter:o,onMouseLeave:p}=d,m=q(e,i,a,f),u=ie(e,i),h=re(e,i,m,n),v=$(e,i,f,d,m),C=se(e,i),w=s.computed(()=>e.type==="number");s.watch(()=>[e.value],([T])=>{t.value=T,r.value=T}),s.watch(()=>[e.modelValue],([T])=>{t.value=T,r.value=T}),s.onMounted(()=>{e.value&&(t.value=e.value,r.value=e.value)});const B=()=>s.createVNode(s.Fragment,null,[s.createVNode("div",{id:e.id,class:c.value,style:y.value,onMouseenter:o,onMouseleave:p},[w.value?u():s.createVNode(s.Fragment,null,[C(),h(),l.value&&v()])])]);return()=>B()}});class le{constructor(i,t){b(this,"componentId");b(this,"viewModelId");b(this,"eventsEditorUtils");b(this,"formSchemaUtils");b(this,"formMetadataConverter");b(this,"designViewModelUtils");b(this,"designViewModelField");b(this,"controlCreatorUtils");b(this,"designerHostService");b(this,"schemaService",null);b(this,"metadataService",null);b(this,"propertyConfig",{type:"object",categories:{}});var r;this.componentId=i,this.designerHostService=t,this.eventsEditorUtils=t.eventsEditorUtils,this.formSchemaUtils=t.formSchemaUtils,this.formMetadataConverter=t.formMetadataConverter,this.viewModelId=((r=this.formSchemaUtils)==null?void 0:r.getViewModelIdByComponentId(i))||"",this.designViewModelUtils=t.designViewModelUtils,this.controlCreatorUtils=t.controlCreatorUtils,this.metadataService=t.metadataService,this.schemaService=t.schemaService}getTableInfo(){var i;return(i=this.schemaService)==null?void 0:i.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(i){var r;const t=i.binding&&i.binding.type==="Form"&&i.binding.field;if(t){if(!this.designViewModelField){const n=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=n.fields.find(c=>c.id===t)}i.updateOn=(r=this.designViewModelField)==null?void 0:r.updateOn}}changeFieldEditorType(i,t){}getBasicPropConfig(i){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:i.type,name:g[i.type].name}]}}}}}getAppearanceConfig(i=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(i,t){const r=t&&t.parent&&t.parent.schema;if(!r)return;const n=r.contents.findIndex(a=>a.id===i),c=k.cloneDeep(r.contents[n]);r.contents.splice(n,1),r.contents.splice(n,0,c)}}const E=class E{static getEditorTypesByMDataType(i){const t=E.fieldControlTypeMapping[i];return t||[{key:"",value:""}]}static getAllInputTypes(){const i=[];for(const t in E.fieldControlTypeMapping)E.fieldControlTypeMapping[t].forEach(r=>{i.find(n=>n.key===r.key&&n.value===r.value)||i.push({key:r.key,value:r.value})});return i}};b(E,"fieldControlTypeMapping",{String:[{key:g["input-group"].type,value:g["input-group"].name},{key:g.lookup.type,value:g.lookup.name},{key:g["date-picker"].type,value:g["date-picker"].name},{key:g["check-box"].type,value:g["check-box"].name},{key:g["check-group"].type,value:g["check-group"].name},{key:g["radio-group"].type,value:g["radio-group"].name},{key:g["combo-list"].type,value:g["combo-list"].name},{key:g.textarea.type,value:g.textarea.name}],Text:[{key:g.textarea.type,value:g.textarea.name},{key:g.lookup.type,value:g.lookup.name}],Decimal:[{key:g["number-spinner"].type,value:g["number-spinner"].name}],Integer:[{key:g["number-spinner"].type,value:g["number-spinner"].name}],Number:[{key:g["number-spinner"].type,value:g["number-spinner"].name}],BigNumber:[{key:g["number-spinner"].type,value:g["number-spinner"].name}],Date:[{key:g["date-picker"].type,value:g["date-picker"].name}],DateTime:[{key:g["date-picker"].type,value:g["date-picker"].name}],Boolean:[{key:g.switch.type,value:g.switch.name},{key:g["check-box"].type,value:g["check-box"].name}],Enum:[{key:g["combo-list"].type,value:g["combo-list"].name},{key:g["radio-group"].type,value:g["radio-group"].name}],Object:[{key:g.lookup.type,value:g.lookup.name},{key:g["combo-list"].type,value:g["combo-list"].name},{key:g["radio-group"].type,value:g["radio-group"].name}]});let N=E;const ae=s.ref(0);class ce{constructor(){b(this,"label","");b(this,"id","");b(this,"columnInSM",12);b(this,"columnInMD",6);b(this,"columnInLG",3);b(this,"columnInEL",2);b(this,"displayWidthInSM",1);b(this,"displayWidthInMD",1);b(this,"displayWidthInLG",1);b(this,"displayWidthInEL",1);b(this,"displayColumnCountAtBreakPoint","md");b(this,"tagRow",0);b(this,"showTopBorder",0);b(this,"group",1);b(this,"isSupportedClass",!0);b(this,"fieldSetId","")}}function ue(e){let i,t;const r=new Map;let n=[];function c(d,o){const m=d.split(" ").filter(w=>w.startsWith("col-"));if(m.length===0){o.isSupportedClass=!1;return}let u=m.find(w=>/^col-([1-9]|10|11|12)$/.test(w)),h=m.find(w=>/^col-md-([1-9]|10|11|12)$/.test(w)),v=m.find(w=>/^col-xl-([1-9]|10|11|12)$/.test(w)),C=m.find(w=>/^col-el-([1-9]|10|11|12)$/.test(w));u=u||"col-12",o.columnInSM=parseInt(u.replace("col-",""),10),o.displayWidthInSM=o.columnInSM/12,o.displayWidthInSM!==1&&(o.isSupportedClass=!1),h=h||"col-md-"+o.columnInSM,o.columnInMD=parseInt(h.replace("col-md-",""),10),o.displayWidthInMD=o.columnInMD/6,[1,2].includes(o.displayWidthInMD)||(o.isSupportedClass=!1),v=v||"col-xl-"+o.columnInMD,o.columnInLG=parseInt(v.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 a(d,o,p,m=!1){let u=!1;d.contents.forEach(h=>{if(h.type==="fieldset"){p+=1,a(h,o,p,!0),u=!0;return}u&&(p+=1,u=!1);const v=h.appearance&&h.appearance.class,C=new ce;v?c(v,C):C.isSupportedClass=!1,C.label=h.label||h.id,C.id=h.id,C.group=p,m&&(C.fieldSetId=d.id),t===h.id&&(i=p),r.set(h.id,h),o.push(C)})}function y(d){const o=e.getComponentById(d);if(!o||!o.componentType||!o.componentType.startsWith("form"))return{result:!1,message:"只可以在响应式表单组件中调整响应式布局配置"};const p=e.selectNode(o,m=>m.type===A.DgControl["response-form"].type);return!p||!p.contents||p.contents.length===0?{result:!1,message:"Form区域内没有控件，请先添加控件"}:{result:!0,message:"",formNode:p}}function f(d,o){o=o||d.id;const{result:p,message:m,formNode:u}=y(o);if(!p)return{result:p,message:m};t=d.id,n=[],r.clear();const h=u.contents[0].type===A.DgControl.fieldset.type?0:1;a(u,n,h);const v=n.find(w=>!w.isSupportedClass);return{defaultState:{defaultGroupNumber:i||1,model:v?"customize":"standard"},importData:n}}function l(d,o){o=o;const{result:p,formNode:m}=y(o);if(!p)return"";const u=[];return d.forEach(h=>{var w;const v=r.get(h.id),C=v.appearance&&v.appearance.class;if(C){const T=C.split(" ").filter(ge=>!ge.startsWith("col-")),x="col-"+h.columnInSM,S="col-md-"+h.columnInMD,M="col-xl-"+h.columnInLG,j="col-el-"+h.columnInEL,G=[x,S,M,j].concat(T);v.appearance.class=G.join(" ")}if(h.fieldSetId){const B=m.contents.find(x=>x.id===h.fieldSetId),T=u.find(x=>x.id===h.fieldSetId);T?(w=T.contents)==null||w.push(v):(u.push(B),B.contents=[v])}else u.push(v)}),m.contents=u,m.id}return{checkCanFindFormNode:y,checkCanOpenLayoutEditor:f,changeFormControlsByResponseLayoutConfig:l,getResonseFormLayoutConfig:a}}class de extends le{constructor(t,r){super(t,r);b(this,"responseLayoutEditorFunction");this.responseLayoutEditorFunction=ue(this.formSchemaUtils)}getPropertyConfig(t,r){return this.propertyConfig.categories.basic=this.getBasicProperties(t,r),this.propertyConfig.categories.appearance=this.getAppearanceProperties(t,r),this.propertyConfig.categories.editor=this.getEditorProperties(t),this.propertyConfig}getBasicProperties(t,r){var c;const n=this;return this.setDesignViewModelField(t),{description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"编辑器类型",title:"编辑器类型",type:"string",refreshPanelAfterChanged:!0,$converter:"/converter/change-editor.converter",editor:{type:"combo-list",textField:"value",valueField:"key",editable:!1,data:n.designViewModelField?N.getEditorTypesByMDataType((c=n.designViewModelField.type)==null?void 0:c.name):N.getAllInputTypes()}},label:{title:"标签",type:"string",$converter:"/converter/form-group-label.converter"},binding:{description:"绑定的表单字段",title:"绑定",editor:{type:"binding-selector",bindingType:{enable:!1},editorParams:{componentSchema:t,needSyncToViewModel:!0,viewModelId:this.viewModelId,designerHostService:this.designerHostService,disableOccupiedFields:!0},textField:"bindingField"}}},setPropertyRelates(a,y){if(a)switch(a&&a.propertyID){case"type":{n.changeControlType(t,a,r);break}case"label":{a.needRefreshControlTree=!0;break}}}}}getAppearanceProperties(t,r){const n=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:n.responseLayoutEditorFunction.checkCanOpenLayoutEditor(t,n.componentId)}}},setPropertyRelates(c,a){if(c)switch(c&&c.propertyID){case"responseLayout":n.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(c.propertyValue,n.componentId||t.id),n.updateUnifiedLayoutAfterResponseLayoutChanged(n.componentId),n.updateElementByParentContainer(t.id,r),delete t.responseLayout;break;case"class":n.updateUnifiedLayoutAfterControlChanged(c.propertyValue,t.id,this.componentId),n.updateElementByParentContainer(t.id,r);break}}}}getEditorProperties(t){return this.getComponentConfig(t)}changeControlType(t,r,n){var d,o,p,m;const c=r.propertyValue,a=n&&n.parent&&n.parent.schema;if(!a)return;const y=a.contents.findIndex(u=>u.id===t.id),f=a.contents[y];let l;this.designViewModelField&&(this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id,{editor:{$type:c},name:this.designViewModelField.name,require:this.designViewModelField.require,readonly:this.designViewModelField.readonly},!1),l=this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField,c)),l||(l=this.controlCreatorUtils.createFormGroupWithoutField(c)),Object.assign(l,{id:f.id,appearance:f.appearance,size:f.size,label:f.label,binding:f.binding,visible:f.visible}),Object.assign(l.editor,{isTextArea:l.isTextArea&&f.isTextArea,placeholder:(d=f.editor)==null?void 0:d.placeholder,holdPlace:(o=f.editor)==null?void 0:o.holdPlace,readonly:(p=f.editor)==null?void 0:p.readonly,require:(m=f.editor)==null?void 0:m.require}),a.contents.splice(y,1),a.contents.splice(y,0,l),n.schema=Object.assign(f,l),Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(u=>u.classList.remove("dgComponentSelected")),ae.value++}getComponentConfig(t,r={},n={}){const c=Object.assign({description:"编辑器",title:"编辑器",type:"input-group",$converter:"/converter/property-editor.converter"},r),a=Object.assign({readonly:{description:"",title:"只读",type:"boolean"},disabled:{description:"",title:"禁用",type:"boolean"},placeholder:{description:"空值时，输入控件内的占位文本",title:"提示文本",type:"string"}},n);return{...c,properties:{...a}}}updateUnifiedLayoutAfterControlChanged(t,r,n){const c=t.split(" ");let a=c.find(o=>/^col-([1-9]|10|11|12)$/.test(o)),y=c.find(o=>/^col-md-([1-9]|10|11|12)$/.test(o)),f=c.find(o=>/^col-xl-([1-9]|10|11|12)$/.test(o)),l=c.find(o=>/^col-el-([1-9]|10|11|12)$/.test(o));a=a||"col-12",y=y||"col-md-"+a.replace("col-",""),f=f||"col-xl-"+y.replace("col-md-",""),l=l||"col-el-"+f.replace("col-xl-","");const d={id:r,columnInSM:parseInt(a.replace("col-",""),10),columnInMD:parseInt(y.replace("col-md-",""),10),columnInLG:parseInt(f.replace("col-xl-",""),10),columnInEL:parseInt(l.replace("col-el-",""),10)};this.updateUnifiedLayoutAfterResponseLayoutChanged(n,d)}updateUnifiedLayoutAfterResponseLayoutChanged(t,r){const{formNode:n}=this.responseLayoutEditorFunction.checkCanFindFormNode(t);if(!n||!n.unifiedLayout)return;const c=[];if(this.responseLayoutEditorFunction.getResonseFormLayoutConfig(n,c,1),r){const u=c.find(h=>h.id===r.id);Object.assign(u||{},r)}const a=c.map(u=>u.columnInSM),y=c.map(u=>u.columnInMD),f=c.map(u=>u.columnInLG),l=c.map(u=>u.columnInEL),d=this.checkIsUniqueColumn(a)?a[0]:null,o=this.checkIsUniqueColumn(y)?y[0]:null,p=this.checkIsUniqueColumn(f)?f[0]:null,m=this.checkIsUniqueColumn(l)?l[0]:null;Object.assign(n.unifiedLayout,{uniqueColClassInSM:d,uniqueColClassInMD:o,uniqueColClassInLG:p,uniqueColClassInEL:m})}checkIsUniqueColumn(t){const r=new Set(t);return Array.from(r).length===1}}class pe extends de{constructor(i,t){super(i,t)}}function fe(e,i){const t=e.schema;function r(n,c){return new pe(n,i).getPropertyConfig(t,c)}return{getPropsConfig:r}}const me=s.defineComponent({name:"FInputGroupDesign",props:L,emits:["updateExtendInfo","clear","valueChange","clickHandle","blurHandle","focusHandle","enterHandle","iconMouseEnter","iconMouseLeave","keyupHandle","keydownHandle","inputClick"],setup(e,i){const t=s.ref(e.modelValue),r=s.ref(e.modelValue),n=F.useTextBoxDesign(e,i,t,r),{inputGroupClass:c,inputType:a,inputGroupStyle:y}=n,f=U(e),{shouldShowAppendedButton:l}=f,d=F.useClear(e,i,n),{onMouseEnter:o,onMouseLeave:p}=d,m=q(e,i,a,f),u=s.ref(),h=s.inject("designer-host-service"),v=s.inject("design-item-context"),C=fe(v,h),w=A.useDesignerComponent(u,v,C);s.onMounted(()=>{u.value.componentInstance=w}),i.expose(w.value);const B=$(e,i,f,d,m),T=s.ref();return()=>s.createVNode("div",{id:"inputGroup",ref:u,class:c.value,style:y.value,onMouseenter:o,onMouseleave:p},[s.createVNode("input",{ref:T,class:"form-control",readonly:!0,placeholder:e.placeholder},null),l.value&&B()])}});V.register=(e,i,t,r)=>{e["input-group"]=V,i["input-group"]=O},V.registerDesigner=(e,i,t)=>{e["input-group"]=me,i["input-group"]=O};const ye=F.withInstall(V);I.FInputGroup=V,I.default=ye,I.inputGroupProps=L,I.propsResolver=O,Object.defineProperties(I,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});