@farris/ui-vue 1.2.9 → 1.3.0

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

@@ -1 +1 @@
-(function(w,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue"),require("lodash-es"),require("bignumber.js"),require("../number-spinner/index.umd.js"),require("../dynamic-resolver/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","bignumber.js","../number-spinner/index.umd.js","../dynamic-resolver/index.umd.js"],o):(w=typeof globalThis<"u"?globalThis:w||self,o(w["input-group"]={},w.Vue,w.LodashES,w.BigNumber,w.numberSpinner,w.dynamicResolver))})(this,function(w,o,F,Ne,G,H){"use strict";var Ve=Object.defineProperty;var Ee=(w,o,F)=>o in w?Ve(w,o,{enumerable:!0,configurable:!0,writable:!0,value:F}):w[o]=F;var P=(w,o,F)=>Ee(w,typeof o!="symbol"?o+"":o,F);const z={},_={};function I(e){const{properties:t,title:n,ignore:r}=e,a=r&&Array.isArray(r),p=Object.keys(t).reduce((u,l)=>((!a||!r.find(c=>c==l))&&(u[l]=t[l].type==="object"&&t[l].properties?I(t[l]):F.cloneDeep(t[l].default)),u),{});return(!a||!r.find(u=>u=="id"))&&(p.id=`${n}-${Date.now()}`),p}function U(e,t={},n){const r=z[e];if(r){let a=I(r);const p=_[e];return a=p?p({getSchemaByType:U},a,t,n):a,a}return null}function R(e,t){const n=I(t);return Object.keys(e).reduce((r,a)=>(r[a]&&typeof r[a]=="object"?Object.assign(r[a],e[a]):r[a]=e[a],r),n),n}function K(e,t){return Object.keys(e).filter(r=>e[r]!=null).reduce((r,a)=>{if(t.has(a)){const p=t.get(a);if(typeof p=="string")r[p]=e[a];else{const u=p(a,e[a],e);Object.assign(r,u)}}else r[a]=e[a];return r},{})}function ee(e,t,n=new Map){const r=R(e,t);return K(r,n)}function te(e={}){function t(i,d,s,f){if(typeof s=="number")return f[i].length===s;if(typeof s=="object"){const y=Object.keys(s)[0],g=s[y];if(y==="not")return Number(f[i].length)!==Number(g);if(y==="moreThan")return Number(f[i].length)>=Number(g);if(y==="lessThan")return Number(f[i].length)<=Number(g)}return!1}function n(i,d,s,f){return f[i]&&f[i].propertyValue&&String(f[i].propertyValue.value)===String(s)}const r=new Map([["length",t],["getProperty",n]]);Object.keys(e).reduce((i,d)=>(i.set(d,e[d]),i),r);function a(i,d){const s=i;return typeof d=="number"?[{target:s,operator:"length",param:null,value:Number(d)}]:typeof d=="boolean"?[{target:s,operator:"getProperty",param:i,value:!!d}]:typeof d=="object"?Object.keys(d).map(f=>{if(f==="length")return{target:s,operator:"length",param:null,value:d[f]};const y=f,g=d[f];return{target:s,operator:"getProperty",param:y,value:g}}):[]}function p(i){return Object.keys(i).reduce((s,f)=>{const y=a(f,i[f]);return s.push(...y),s},[])}function u(i,d){if(r.has(i.operator)){const s=r.get(i.operator);return s&&s(i.target,i.param,i.value,d)||!1}return!1}function l(i,d){return p(i).reduce((y,g)=>y&&u(g,d),!0)}function c(i,d){const s=Object.keys(i),f=s.includes("allOf"),y=s.includes("anyOf"),g=f||y,T=(g?i[g?f?"allOf":"anyOf":"allOf"]:[i]).map(A=>l(A,d));return f?!T.includes(!1):T.includes(!0)}return{parseValueSchema:c}}const m={button:{type:"button",name:"按钮",icon:"Button"},"response-toolbar":{type:"response-toolbar",name:"工具栏",icon:"ButtonGroup"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮",icon:"Button"},"content-container":{type:"content-container",name:"容器",icon:"ContentContainer"},"input-group":{type:"input-group",name:"文本",icon:"TextBox"},textarea:{type:"textarea",name:"多行文本",icon:"MultiTextBox"},lookup:{type:"lookup",name:"帮助",icon:"LookupEdit"},"number-spinner":{type:"number-spinner",name:"数值",icon:"NumericBox"},"date-picker":{type:"date-picker",name:"日期",icon:"DateBox"},switch:{type:"switch",name:"开关",icon:"SwitchField"},"radio-group":{type:"radio-group",name:"单选组",icon:"RadioGroup"},"check-box":{type:"check-box",name:"复选框",icon:"CheckBox"},"check-group":{type:"check-group",name:"复选框组",icon:"CheckGroup"},"combo-list":{type:"combo-list",name:"下拉列表",icon:"EnumField"},"response-form":{type:"response-form",name:"卡片面板",icon:"Form"},"response-layout":{type:"response-layout",name:"布局容器",icon:"ResponseLayout3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"ResponseLayout1"},"tree-grid":{type:"tree-grid",name:"树表格",icon:"TreeGrid"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格",icon:"DataGrid"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块",icon:"Module"},component:{type:"component",name:"组件",icon:"Component"},tabs:{type:"tabs",name:"标签页",icon:"Tab"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮",icon:"Button"},"time-picker":{type:"time-picker",name:"时间选择",icon:"TimePicker"},section:{type:"section",name:"分组面板",icon:"Section"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板",icon:"Splitter"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传",icon:"FileUpload"},"page-header":{type:"page-header",name:"页头",icon:"Header"},"page-footer":{type:"page-footer",name:"页脚",icon:"ModalFooter"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏",icon:"TabToolbar"}},ne={},oe={};te();function re(e,t,n=new Map,r=(u,l,c)=>l,a={},p=u=>u){return z[t.title]=t,_[t.title]=r,ne[t.title]=a,oe[t.title]=p,(u={})=>{const l=ee(u,t,n),c=Object.keys(e).reduce((i,d)=>(i[d]=e[d].default,i),{});return Object.assign(c,l)}}function ae(e,t){return{customClass:t.class,customStyle:t.style}}const ie=new Map([["appearance",ae]]);function le(e,t,n){return t}const se={$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},required:{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"]},L={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"}},q=re(L,se,ie,le);function ce(e,t,n,r){const a=o.ref(e.disabled),p=o.ref(!1),u=o.ref("text"),l=o.ref(e.showBorder),c=o.ref(e.textAlign),i=o.ref(e.updateOn),d=o.computed(()=>e.editable||!e.readonly),s=o.computed(()=>e.editable&&!e.disabled&&!e.readonly),f=o.computed(()=>!e.disabled&&p.value),y=o.computed(()=>n.value===""||n.value===null||n.value===void 0),g=o.computed(()=>(e.disabled||e.readonly)&&!e.forcePlaceholder?"":e.placeholder),v=o.computed(()=>e.readonly||!e.editable),k=o.computed(()=>e.enableTitle?n.value:""),T=o.computed(()=>({"form-control":!0,"f-utils-fill":!0,"text-left":c.value==="left","text-center":c.value==="center","text-right":c.value==="right"})),x=o.computed(()=>{const h={"f-cmp-inputgroup":!0,"input-group":!0,"f-state-disable":a.value,"f-state-editable":s.value,"f-state-readonly":v.value,"f-state-focus":f.value};return(e.customClass||"").split(" ").reduce((Y,Ae)=>(Y[Ae]=!0,Y),h),h}),A=o.computed(()=>l.value?"":"border-width : 0 ");function B(h,V=!0){n.value=h,r.value!==h&&(r.value=h),V&&t.emit("change",h),t.emit("update:modelValue",h),t.emit("update:value",h)}o.watch(()=>e.modelValue,(h,V)=>{h!==V&&(n.value=h,r.value=h)}),o.watch(()=>e.disabled,(h,V)=>{h!==V&&(a.value=h)});function N(h){return p.value=!1,t.emit("blur",h),h.stopPropagation(),!1}function b(h){t.emit("click",h)}function C(h){e.disabled||(l.value&&(p.value=!0),d.value&&t.emit("focus",h))}function M(h){t.emit("input",h.target.value);const V=h.target.value;r.value=V,i.value==="input"&&(t.emit("update:modelValue",V),t.emit("update:value",V))}function S(h){t.emit("keydown",h)}function O(h){t.emit("keyup",h)}function E(h){h.target.tagName!=="INPUT"&&h.preventDefault(),h.stopPropagation()}function W(h){if(i.value==="blur"){const V=h.target.value;h.stopPropagation(),B(V)}}return{changeTextBoxValue:B,disabled:a,displayText:r,editable:s,hasFocused:f,inputGroupClass:x,inputType:u,isEmpty:y,modelValue:n,readonly:v,onBlur:N,onClick:b,onFocus:C,onInput:M,onKeydown:S,onKeyup:O,onMousedown:E,onTextBoxValueChange:W,placeholder:g,textBoxClass:T,textBoxTitle:k,inputGroupStyle:A}}function ue(e,t,n,r){const a=o.ref(e.disabled),p=o.ref(!1),u=o.ref("text"),l=o.ref(e.showBorder),c=o.ref(e.textAlign);o.computed(()=>e.editable||!e.readonly);const i=o.computed(()=>e.editable&&!e.disabled&&!e.readonly),d=o.computed(()=>!e.disabled&&p.value),s=o.computed(()=>n.value===""||n.value===null||n.value===void 0),f=o.computed(()=>e.placeholder),y=o.computed(()=>e.readonly||!e.editable),g=o.computed(()=>e.enableTitle?n.value:""),v=o.computed(()=>({"form-control":!0,"text-left":c.value==="left","text-center":c.value==="center","text-right":c.value==="right"})),k=o.computed(()=>({"f-cmp-inputgroup":!0,"input-group":!0,"f-state-disable":!0,"f-state-editable":!1,"f-state-readonly":!0})),T=o.computed(()=>l.value?"":"border-width : 0 ");return{disabled:a,displayText:r,editable:i,hasFocused:d,inputGroupClass:k,inputType:u,isEmpty:s,modelValue:n,readonly:y,placeholder:f,textBoxClass:v,textBoxTitle:g,inputGroupStyle:T}}function J(e,t,n){const r=o.ref(!1),a=o.computed(()=>e.enableClear&&!e.readonly&&!e.disabled),{changeTextBoxValue:p,displayText:u,hasFocused:l,isEmpty:c}=n;function i(v){r.value=v}o.watch(u,()=>{l!=null&&l.value?i(!!(u!=null&&u.value)):i(!1)});const d=o.computed(()=>({"input-group-text":!0,"input-group-clear":!0})),s=o.computed(()=>({width:"24px",display:r.value?"flex":"none"}));function f(v){v.stopPropagation(),a.value&&(p("",!0),i(!r.value),t.emit("clear"))}function y(v){a.value&&!c.value&&i(!0)}function g(v){a.value&&i(!1)}return{clearButtonClass:d,clearButtonStyle:s,hasShownClearButton:r,onClearValue:f,onMouseEnter:y,onMouseLeave:g,shouldShowClearButton:a}}const de=["moz","ms","webkit"];function pe(){let e=0;return t=>{const n=new Date().getTime(),r=Math.max(0,16-(n-e)),a=setTimeout(()=>{t(n+r)},r);return e=n+r,a}}function fe(){if(typeof window>"u")return()=>0;if(window.requestAnimationFrame)return window.requestAnimationFrame.bind(window);const e=de.filter(t=>`${t}RequestAnimationFrame`in window)[0];return e?window[`${e}RequestAnimationFrame`]:pe()}fe();const me=e=>{const t=e;return t.install=function(n){n.component(t.name,e)},e};function Z(e,t){const n=o.ref(e.groupText),r=o.computed(()=>e.showButtonWhenDisabled&&(e.readonly||e.disabled)),a=o.computed(()=>e.enableClear||!!e.groupText);return{appendedButtonClass:o.computed(()=>({"input-group-append":!0,"append-force-show":r.value})),appendedContent:n,shouldShowAppendedButton:a}}function Q(e,t,n,r){const{appendedContent:a}=r,p=o.ref(e.enableViewPassword),u=o.computed(()=>e.type==="password"),l='<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>',c='<span class="f-icon f-icon-eye"></span>',i=o.ref(!1);o.watch(()=>[e.readonly,e.disabled],([f,y])=>{u.value&&(n.value=f||y?"password":n.value,a.value=f||y?c:a.value)});function d(){return i.value=!i.value,n.value=i.value?"text":"password",a.value=i.value?l:c,!1}function s(){n.value=u.value?"password":"text",a.value=u.value?p.value?c:"":a.value}return s(),{isPassword:u,onClickAppendedButton:d}}function ye(e,t,n){const r=o.ref(),{onBlurTextBox:a,onFocusTextBox:p,onInput:u,onKeyDown:l,textBoxValue:c}=n,i=o.computed(()=>e.disabled||e.readonly||!e.editable?"":e.placeholder),d=o.computed(()=>({"form-control":!0,"f-utils-fill":!0})),s=o.computed(()=>({"text-align":e.textAlign}));function f(v){v.stopPropagation()}function y(){e.selectOnCreated,e.focusOnCreated}async function g(v){p(v),await o.nextTick,y()}return o.onMounted(async()=>{await o.nextTick,y()}),()=>o.createVNode("input",{ref:r,class:d.value,style:s.value,type:"text",value:c.value,disabled:e.disabled,readonly:e.readonly||!e.editable,placeholder:i.value,onBlur:a,onChange:f,onFocus:g,onInput:u,onKeydown:l},null)}function ge(e,t,n){const{canDownward:r,canUpward:a,onClickDownButton:p,onClickUpButton:u}=n,l=o.computed(()=>({"input-group-append":!0,"btn-group":!0,"btn-group-number":!0})),c=o.computed(()=>({btn:!0,"btn-secondary":!0,"btn-number-flag":!0})),i=o.computed(()=>({cursor:a()?"pointer":"not-allowed","margin-left":0})),d=o.computed(()=>({cursor:r()?"pointer":"not-allowed","margin-left":0}));return()=>o.createVNode("div",{class:l.value},[o.createVNode("button",{title:"upButton",class:c.value,style:i.value,onClick:u,disabled:!a()},[o.createVNode("span",{class:"f-icon f-icon-arrow-chevron-up number-arrow-chevron"},null)]),o.createVNode("button",{title:"downButton",class:c.value,style:d.value,onClick:p,disabled:!r()},[o.createVNode("span",{class:"f-icon f-icon-arrow-chevron-down number-arrow-chevron"},null)])])}function he(e,t){const n=G.useNumber(e,t),r=G.useFormat(e,t,n),a=G.useSpinner(e,t,r,n),p=G.useTextBox(e,t,r,n,a),u=ge(e,t,a),{displayValue:l,modelValue:c,getRealValue:i}=n,d=ye(e,t,p),{format:s}=r,{isFocus:f}=p,y=o.computed(()=>!e.disabled&&!e.readonly);return o.onMounted(()=>{const g=i(e.modelValue);l.value=s(g)}),o.watch(()=>[e.value],([g])=>{const v=i(g);c.value=v,l.value=s(v)}),o.watch(()=>[e.modelValue],([g])=>{g!==c.value&&(c.value=g,!f.value&&(l.value=s(i(g))))}),o.watch(()=>[e.precision,e.useThousands,e.prefix,e.suffix,e.showZero],()=>{l.value=s(c.value)}),()=>o.createVNode("div",{class:"input-group  f-state-hover flex-row f-cmp-number-spinner"},[d(),y.value&&u()])}function be(e,t,n,r){const a=o.ref(),p=o.ref(e.autocomplete),u=o.ref(e.enableTitle),{isPassword:l}=n,c=o.ref(e.minLength),i=o.ref(e.maxLength),d=o.ref(e.tabIndex),{disabled:s,displayText:f,inputType:y,onBlur:g,onFocus:v,onInput:k,onClick:T,onKeydown:x,onKeyup:A,onMousedown:B,onTextBoxValueChange:N,readonly:b,placeholder:C,textBoxClass:M,textBoxTitle:S}=r;return o.onMounted(()=>{e.selectOnCreated,e.focusOnCreated}),()=>o.createVNode("input",{ref:a,name:"input-group-value",autocomplete:p.value,class:M.value,disabled:s==null?void 0:s.value,maxlength:i.value,minlength:c.value,placeholder:C.value,readonly:b==null?void 0:b.value,tabindex:d.value,title:u.value&&!l.value?S.value:"",type:y.value,value:f==null?void 0:f.value,onBlur:g,onClick:T,onChange:N,onFocus:v,onInput:k,onKeydown:x,onKeyup:A,onMousedown:B},null)}function ve(e,t){const n=o.computed(()=>e.useExtendInfo&&!!e.extendInfo),r=o.reactive({content:e.extendInfo});function a(){t.emit("updateExtendInfo")}return()=>n.value&&o.withDirectives(o.createVNode("span",{class:"input-group-before-tips",onMouseenter:a},[o.createVNode("i",{class:"f-icon f-icon-info-circle"},null),o.createVNode("b",{class:"tips-arrow"},null)]),[[o.resolveDirective("tooltip"),r]])}function X(e,t,n,r,a){const{appendedButtonClass:p,appendedContent:u}=n,l=o.computed(()=>e.showButtonWhenDisabled&&(!e.editable||!e.readonly)&&!e.disabled),c=o.computed(()=>u.value&&!t.slots.groupTextTemplate),i=o.computed(()=>!!t.slots.groupTextTemplate),{clearButtonClass:d,clearButtonStyle:s,onClearValue:f,shouldShowClearButton:y}=r;function g(){return o.createVNode("span",{id:"clearIcon",class:d.value,style:s.value,onClick:C=>f(C)},[o.createVNode("i",{class:"f-icon modal_close"},null)])}function v(C){t.emit("iconMouseEnter",C)}function k(C){t.emit("iconMouseLeave",C)}function T(C){l.value&&t.emit("clickHandle",{originalEvent:C}),C.stopPropagation()}const x=e.type==="password"?a.onClickAppendedButton:T;function A(){return o.createVNode("span",{class:"input-group-text",onMouseenter:C=>v(C),onMouseleave:C=>k(C),innerHTML:u.value,onClick:C=>x(C)},null)}function B(){return t.slots.groupTextTemplate&&t.slots.groupTextTemplate()}function N(){return c.value?A:i.value?B:""}const b=N();return()=>o.createVNode("div",{class:p.value},[y.value&&g(),b&&b()])}const j=o.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,t){const n=o.ref(e.modelValue),r=o.ref(e.modelValue),a=ce(e,t,n,r),{inputGroupClass:p,inputType:u,inputGroupStyle:l}=a,c=Z(e),{shouldShowAppendedButton:i}=c,d=J(e,t,a),{onMouseEnter:s,onMouseLeave:f}=d,y=Q(e,t,u,c),g=he(e,t),v=be(e,t,y,a),k=X(e,t,c,d,y),T=ve(e,t),x=o.computed(()=>e.type==="number");o.watch(()=>[e.value],([B])=>{n.value=B,r.value=B}),o.watch(()=>[e.modelValue],([B])=>{n.value=B,r.value=B}),o.onMounted(()=>{e.value&&(n.value=e.value,r.value=e.value)});const A=()=>o.createVNode(o.Fragment,null,[o.createVNode("div",{id:"inputGroup",class:p.value,style:l.value,onMouseenter:s,onMouseleave:f},[x.value?g():o.createVNode(o.Fragment,null,[T(),v(),i.value&&k()])])]);return()=>A()}});function Ce(e,t){e.schema;const n=o.ref(!0),r=o.ref(!0);function a(s){return!1}function p(){return!1}function u(){return!1}function l(){return!0}function c(s){}function i(){}function d(s){return null}return{canAccepts:a,checkCanDeleteComponent:p,checkCanMoveComponent:u,hideNestedPaddingInDesginerView:l,onAcceptMovedChildElement:c,resolveComponentContext:i,triggerBelongedComponentToMoveWhenMoved:n,triggerBelongedComponentToDeleteWhenDeleted:r,getPropsConfig:d}}class we{constructor(t,n){P(this,"componentId");P(this,"viewModelId");P(this,"eventsEditorUtils");P(this,"formSchemaUtils");P(this,"formMetadataConverter");P(this,"designViewModelUtils");P(this,"designViewModelField");P(this,"controlCreatorUtils");P(this,"designerHostService");P(this,"schemaService",null);P(this,"metadataService",null);P(this,"propertyConfig",{type:"object",categories:{}});var r;this.componentId=t,this.designerHostService=n,this.eventsEditorUtils=n.eventsEditorUtils,this.formSchemaUtils=n.formSchemaUtils,this.formMetadataConverter=n.formMetadataConverter,this.viewModelId=((r=this.formSchemaUtils)==null?void 0:r.getViewModelIdByComponentId(t))||"",this.designViewModelUtils=n.designViewModelUtils,this.controlCreatorUtils=n.controlCreatorUtils,this.metadataService=n.metadataService,this.schemaService=n.schemaService}getTableInfo(){var t;return(t=this.schemaService)==null?void 0:t.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(t){const n=t.binding&&t.binding.type==="Form"&&t.binding.field;if(n){if(!this.designViewModelField){const r=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=r.fields.find(a=>a.id===n)}t.updateOn=this.designViewModelField.updateOn}}changeFieldEditorType(t,n){}getBasicPropConfig(t){return{description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{value:t.type,name:m[t.type].name}]}}}}}getAppearanceConfig(t=null){return{title:"样式",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter"}}}}}const D=class D{static getEditorTypesByMDataType(t){const n=D.fieldControlTypeMapping[t];return n||[{key:"",value:""}]}static getAllInputTypes(){const t=[];for(let n in D.fieldControlTypeMapping)D.fieldControlTypeMapping[n].forEach(r=>{t.find(a=>a.key===r.key&&a.value===r.value)||t.push({key:r.key,value:r.value})});return t}};P(D,"fieldControlTypeMapping",{String:[{key:m["input-group"].type,value:m["input-group"].name},{key:m.lookup.type,value:m.lookup.name},{key:m["date-picker"].type,value:m["date-picker"].name},{key:m["check-box"].type,value:m["check-box"].name},{key:m["radio-group"].type,value:m["radio-group"].name},{key:m["combo-list"].type,value:m["combo-list"].name},{key:m.textarea.type,value:m.textarea.name}],Text:[{key:m.textarea.type,value:m.textarea.name},{key:m.lookup.type,value:m.lookup.name}],Decimal:[{key:m["number-spinner"].type,value:m["number-spinner"].name}],Integer:[{key:m["number-spinner"].type,value:m["number-spinner"].name}],Number:[{key:m["number-spinner"].type,value:m["number-spinner"].name}],BigNumber:[{key:m["number-spinner"].type,value:m["number-spinner"].name}],Date:[{key:m["date-picker"].type,value:m["date-picker"].name}],DateTime:[{key:m["date-picker"].type,value:m["date-picker"].name}],Boolean:[{key:m.switch.type,value:m.switch.name},{key:m["check-box"].type,value:m["check-box"].name}],Enum:[{key:m["combo-list"].type,value:m["combo-list"].name},{key:m["radio-group"].type,value:m["radio-group"].name}],Object:[{key:m.lookup.type,value:m.lookup.name},{key:m["combo-list"].type,value:m["combo-list"].name},{key:m["radio-group"].type,value:m["radio-group"].name}]});let $=D;const Te=o.ref(0);class Be extends we{constructor(t,n){super(t,n)}getPropertyConfig(t,n){return this.propertyConfig.categories.basic=this.getBasicProperties(t,n),this.propertyConfig.categories.appearance=this.getAppearanceProperties(t),this.propertyConfig.categories.editor=this.getEditorProperties(t),this.propertyConfig}getBasicProperties(t,n){var u;var r=this;this.setDesignViewModelField(t);const a=this.formSchemaUtils.getFormMetadataBasicInfo(),p=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:r.designViewModelField?$.getEditorTypesByMDataType((u=r.designViewModelField.type)==null?void 0:u.name):$.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:t,formBasicInfo:a},columns:[{field:"name",title:"字段名称"},{field:"bindingField",title:"绑定字段"},{field:"fieldType",title:"字段类型"}],textField:"bindingField",data:p}}},setPropertyRelates(l,c){if(l)switch(l&&l.propertyID){case"type":{r.changeControlType(t,l,n);break}case"label":{l.needRefreshControlTree=!0;break}}}}}getAppearanceProperties(t){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:!1,editor:{type:"response-layout-editor-setting"},$converter:"/converter/response-form-layout.converter"}}}}getEditorProperties(t){return this.getComponentConfig(t)}changeControlType(t,n,r){var i,d,s,f;const a=n.propertyValue,p=r&&r.parent&&r.parent.schema;if(!p)return;const u=p.contents.findIndex(y=>y.id===t.id),l=p.contents[u];let c;this.designViewModelField&&(this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id,{editor:{$type:a},name:this.designViewModelField.name,require:this.designViewModelField.require,readonly:this.designViewModelField.readonly},!1),c=this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField,a)),c||(c=H.getSchemaByType("form-group")||{},c.editor=H.getSchemaByType(a)||{},delete c.editor.id,delete c.editor.binding,delete c.editor.appearance),Object.assign(c,{id:l.id,appearance:l.appearance,size:l.size,label:l.label,binding:l.binding,visible:l.visible}),Object.assign(c.editor,{isTextArea:c.isTextArea&&l.isTextArea,placeholder:(i=l.editor)==null?void 0:i.placeholder,holdPlace:(d=l.editor)==null?void 0:d.holdPlace,readonly:(s=l.editor)==null?void 0:s.readonly,require:(f=l.editor)==null?void 0:f.require}),p.contents.splice(u,1),p.contents.splice(u,0,c),r.schema=Object.assign(l,c),Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(y=>y.classList.remove("dgComponentSelected")),Te.value++}getComponentConfig(t,n={},r={}){const a=Object.assign({description:"编辑器",title:"编辑器",type:"input-group",$converter:"/converter/property-editor.converter"},n),p=Object.assign({readonly:{description:"",title:"只读",type:"boolean"},disabled:{description:"",title:"禁用",type:"boolean"},placeholder:{description:"空值时，输入控件内的占位文本",title:"提示文本",type:"string"}},r);return{...a,properties:{...p}}}}class Me extends Be{constructor(t,n){super(t,n)}}function ke(e,t){const{canAccepts:n,checkCanDeleteComponent:r,checkCanMoveComponent:a,hideNestedPaddingInDesginerView:p,onAcceptMovedChildElement:u,resolveComponentContext:l,triggerBelongedComponentToMoveWhenMoved:c,triggerBelongedComponentToDeleteWhenDeleted:i}=Ce(e),d=e.schema;function s(f,y){return new Me(f,t).getPropertyConfig(d,y)}return{canAccepts:n,checkCanDeleteComponent:r,checkCanMoveComponent:a,hideNestedPaddingInDesginerView:p,onAcceptMovedChildElement:u,resolveComponentContext:l,triggerBelongedComponentToMoveWhenMoved:c,triggerBelongedComponentToDeleteWhenDeleted:i,getPropsConfig:s}}function xe(e,t,n){var N;function r(){n!=null&&n.resolveComponentContext&&n.resolveComponentContext()}r();const a=n&&n.getStyles&&n.getStyles()||"",p=n&&n.getDesignerClass&&n.getDesignerClass()||"",u=o.ref();function l(){return(t==null?void 0:t.schema.componentType)==="frame"?!1:n&&n.checkCanMoveComponent?n.checkCanMoveComponent():!0}function c(){return!1}function i(){return(t==null?void 0:t.schema.componentType)==="frame"?!1:n&&n.checkCanDeleteComponent?n.checkCanDeleteComponent():!0}function d(){return(t==null?void 0:t.schema.componentType)==="frame"?!0:n&&n.hideNestedPaddingInDesginerView?n.hideNestedPaddingInDesginerView():!1}function s(b){if(!b||!b.value)return null;if(b.value.schema&&b.value.schema.type==="component")return b.value;const C=o.ref(b==null?void 0:b.value.parent),M=s(C);return M||null}function f(b=t){const{componentInstance:C,designerItemElementRef:M}=b;return!C||!C.value?null:C.value.canMove?M:f(b.parent)}function y(b){return!!n&&n.canAccepts(b)}function g(){return(t==null?void 0:t.schema.label)||(t==null?void 0:t.schema.title)||(t==null?void 0:t.schema.name)}function v(){}function k(b,C){C&&n!=null&&n.onAcceptMovedChildElement&&n.onAcceptMovedChildElement(C)}function T(b,C){const{componentType:M}=b;let S=U(M,b,C);n&&n.onResolveNewComponentSchema&&(S=n.onResolveNewComponentSchema(b,S));const O=M.toLowerCase().replace("-","_");return S&&!S.id&&S.type===M&&(S.id=`${O}_${Math.random().toString().slice(2,6)}`),S}function x(b,C){const M=String(b.getAttribute("data-controltype")),S=b.getAttribute("data-feature"),O=S?JSON.parse(S):{};O.parentComponentInstance=u.value;let E=U(M,O);n&&n.onAcceptNewChildElement&&(E=n.onAcceptNewChildElement(b,C,E));const W=M.toLowerCase().replace("-","_");return E&&!E.id&&E.type===M&&(E.id=`${W}_${Math.random().toString().slice(2,6)}`),E}function A(b){}function B(...b){if(n&&n.getPropsConfig)return n.getPropsConfig(...b)}return u.value={canMove:l(),canSelectParent:c(),canDelete:i(),canNested:!d(),contents:t==null?void 0:t.schema.contents,elementRef:e,parent:(N=t==null?void 0:t.parent)==null?void 0:N.componentInstance,schema:t==null?void 0:t.schema,styles:a,designerClass:p,canAccepts:y,getBelongedComponentInstance:s,getDraggableDesignItemElement:f,getDraggingDisplayText:g,getPropConfig:B,getDragScopeElement:v,onAcceptMovedChildElement:k,onAcceptNewChildElement:x,onChildElementMovedOut:A,addNewChildComponentSchema:T,updateDragAndDropRules:r,triggerBelongedComponentToMoveWhenMoved:!!n&&n.triggerBelongedComponentToMoveWhenMoved||o.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!n&&n.triggerBelongedComponentToDeleteWhenDeleted||o.ref(!1)},u}const Se=o.defineComponent({name:"FInputGroupDesign",props:L,emits:["updateExtendInfo","clear","valueChange","clickHandle","blurHandle","focusHandle","enterHandle","iconMouseEnter","iconMouseLeave","keyupHandle","keydownHandle","inputClick"],setup(e,t){const n=o.ref(e.modelValue),r=o.ref(e.modelValue),a=ue(e,t,n,r),{inputGroupClass:p,inputType:u,inputGroupStyle:l}=a,c=Z(e),{shouldShowAppendedButton:i}=c,d=J(e,t,a),{onMouseEnter:s,onMouseLeave:f}=d,y=Q(e,t,u,c),g=o.ref(),v=o.inject("designer-host-service"),k=o.inject("design-item-context"),T=ke(k,v),x=xe(g,k,T);o.onMounted(()=>{g.value.componentInstance=x}),t.expose(x.value);const A=X(e,t,c,d,y),B=o.ref();return()=>o.createVNode("div",{id:"inputGroup",ref:g,class:p.value,style:l.value,onMouseenter:s,onMouseleave:f},[o.createVNode("input",{ref:B,class:"form-control",readonly:!0,placeholder:e.placeholder},null),i.value&&A()])}});j.register=(e,t,n,r)=>{e["input-group"]=j,t["input-group"]=q},j.registerDesigner=(e,t,n)=>{e["input-group"]=Se,t["input-group"]=q};const Pe=me(j);w.FInputGroup=j,w.default=Pe,w.inputGroupProps=L,w.propsResolver=q,Object.defineProperties(w,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(w,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue"),require("lodash-es"),require("bignumber.js"),require("../number-spinner/index.umd.js"),require("../dynamic-resolver/index.umd.js"),require("../response-layout-editor/index.umd.js/src/composition/converter/use-response-layout-editor-setting")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","bignumber.js","../number-spinner/index.umd.js","../dynamic-resolver/index.umd.js","../response-layout-editor/index.umd.js/src/composition/converter/use-response-layout-editor-setting"],o):(w=typeof globalThis<"u"?globalThis:w||self,o(w["input-group"]={},w.Vue,w.LodashES,w.BigNumber,w.numberSpinner,w.dynamicResolver,w.useResponseLayoutEditorSetting))})(this,function(w,o,F,Ne,O,H,Y){"use strict";var Fe=Object.defineProperty;var Ve=(w,o,F)=>o in w?Fe(w,o,{enumerable:!0,configurable:!0,writable:!0,value:F}):w[o]=F;var x=(w,o,F)=>Ve(w,typeof o!="symbol"?o+"":o,F);const R={},z={};function G(e){const{properties:n,title:t,ignore:r}=e,a=r&&Array.isArray(r),s=Object.keys(n).reduce((u,d)=>((!a||!r.find(l=>l==d))&&(u[d]=n[d].type==="object"&&n[d].properties?G(n[d]):F.cloneDeep(n[d].default)),u),{});return(!a||!r.find(u=>u=="id"))&&(s.id=`${t}-${Date.now()}`),s}function q(e,n={},t){const r=R[e];if(r){let a=G(r);const s=z[e];return a=s?s({getSchemaByType:q},a,n,t):a,a}return null}function K(e,n){const t=G(n);return Object.keys(e).reduce((r,a)=>(r[a]&&F.isPlainObject(r[a])&&F.isPlainObject(e[a])?Object.assign(r[a],e[a]):r[a]=e[a],r),t),t}function ee(e,n){return Object.keys(e).filter(r=>e[r]!=null).reduce((r,a)=>{if(n.has(a)){const s=n.get(a);if(typeof s=="string")r[s]=e[a];else{const u=s(a,e[a],e);Object.assign(r,u)}}else r[a]=e[a];return r},{})}function te(e,n,t=new Map){const r=K(e,n);return ee(r,t)}function ne(e={}){function n(i,p,c,f){if(typeof c=="number")return f[i].length===c;if(typeof c=="object"){const g=Object.keys(c)[0],m=c[g];if(g==="not")return Number(f[i].length)!==Number(m);if(g==="moreThan")return Number(f[i].length)>=Number(m);if(g==="lessThan")return Number(f[i].length)<=Number(m)}return!1}function t(i,p,c,f){return f[i]&&f[i].propertyValue&&String(f[i].propertyValue.value)===String(c)}const r=new Map([["length",n],["getProperty",t]]);Object.keys(e).reduce((i,p)=>(i.set(p,e[p]),i),r);function a(i,p){const c=i;return typeof p=="number"?[{target:c,operator:"length",param:null,value:Number(p)}]:typeof p=="boolean"?[{target:c,operator:"getProperty",param:i,value:!!p}]:typeof p=="object"?Object.keys(p).map(f=>{if(f==="length")return{target:c,operator:"length",param:null,value:p[f]};const g=f,m=p[f];return{target:c,operator:"getProperty",param:g,value:m}}):[]}function s(i){return Object.keys(i).reduce((c,f)=>{const g=a(f,i[f]);return c.push(...g),c},[])}function u(i,p){if(r.has(i.operator)){const c=r.get(i.operator);return c&&c(i.target,i.param,i.value,p)||!1}return!1}function d(i,p){return s(i).reduce((g,m)=>g&&u(m,p),!0)}function l(i,p){const c=Object.keys(i),f=c.includes("allOf"),g=c.includes("anyOf"),m=f||g,B=(m?i[m?f?"allOf":"anyOf":"allOf"]:[i]).map(P=>d(P,p));return f?!B.includes(!1):B.includes(!0)}return{parseValueSchema:l}}const y={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"}},oe={},re={};ne();function ae(e,n,t=new Map,r=(u,d,l)=>d,a={},s=u=>u){return R[n.title]=n,z[n.title]=r,oe[n.title]=a,re[n.title]=s,(u={})=>{const d=te(u,n,t),l=Object.keys(e).reduce((i,p)=>(i[p]=e[p].default,i),{});return Object.assign(l,d)}}function ie(e,n){return{customClass:n.class,customStyle:n.style}}const le=new Map([["appearance",ie]]);function se(e,n,t){return n}const ce={$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},required:{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"]},j={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"}},$=ae(j,ce,le,se);function ue(e,n,t,r){const a=o.ref(e.disabled),s=o.ref(!1),u=o.ref("text"),d=o.ref(e.showBorder),l=o.ref(e.textAlign),i=o.ref(e.updateOn),p=o.computed(()=>e.editable||!e.readonly),c=o.computed(()=>e.editable&&!e.disabled&&!e.readonly),f=o.computed(()=>!e.disabled&&s.value),g=o.computed(()=>t.value===""||t.value===null||t.value===void 0),m=o.computed(()=>(e.disabled||e.readonly)&&!e.forcePlaceholder?"":e.placeholder),C=o.computed(()=>e.readonly||!e.editable),k=o.computed(()=>e.enableTitle?t.value:""),B=o.computed(()=>({"form-control":!0,"f-utils-fill":!0,"text-left":l.value==="left","text-center":l.value==="center","text-right":l.value==="right"})),S=o.computed(()=>{const h={"f-cmp-inputgroup":!0,"input-group":!0,"f-state-disable":a.value,"f-state-editable":c.value,"f-state-readonly":C.value,"f-state-focus":f.value};return(e.customClass||"").split(" ").reduce((Q,Ee)=>(Q[Ee]=!0,Q),h),h}),P=o.computed(()=>d.value?"":"border-width : 0 ");function T(h,E=!0){t.value=h,r.value!==h&&(r.value=h),E&&n.emit("change",h),n.emit("update:modelValue",h),n.emit("update:value",h)}o.watch(()=>e.modelValue,(h,E)=>{h!==E&&(t.value=h,r.value=h)}),o.watch(()=>e.disabled,(h,E)=>{h!==E&&(a.value=h)});function N(h){return s.value=!1,n.emit("blur",h),h.stopPropagation(),!1}function b(h){n.emit("click",h)}function v(h){e.disabled||(d.value&&(s.value=!0),p.value&&n.emit("focus",h))}function M(h){n.emit("input",h.target.value);const E=h.target.value;r.value=E,i.value==="change"&&(n.emit("update:modelValue",E),n.emit("update:value",E))}function A(h){n.emit("keydown",h)}function D(h){n.emit("keyup",h)}function V(h){h.target.tagName!=="INPUT"&&h.preventDefault(),h.stopPropagation()}function W(h){if(i.value==="blur"){const E=h.target.value;h.stopPropagation(),T(E)}}return{changeTextBoxValue:T,disabled:a,displayText:r,editable:c,hasFocused:f,inputGroupClass:S,inputType:u,isEmpty:g,modelValue:t,readonly:C,onBlur:N,onClick:b,onFocus:v,onInput:M,onKeydown:A,onKeyup:D,onMousedown:V,onTextBoxValueChange:W,placeholder:m,textBoxClass:B,textBoxTitle:k,inputGroupStyle:P}}function de(e,n,t,r){const a=o.ref(e.disabled),s=o.ref(!1),u=o.ref("text"),d=o.ref(e.showBorder),l=o.ref(e.textAlign);o.computed(()=>e.editable||!e.readonly);const i=o.computed(()=>e.editable&&!e.disabled&&!e.readonly),p=o.computed(()=>!e.disabled&&s.value),c=o.computed(()=>t.value===""||t.value===null||t.value===void 0),f=o.computed(()=>e.placeholder),g=o.computed(()=>e.readonly||!e.editable),m=o.computed(()=>e.enableTitle?t.value:""),C=o.computed(()=>({"form-control":!0,"text-left":l.value==="left","text-center":l.value==="center","text-right":l.value==="right"})),k=o.computed(()=>({"f-cmp-inputgroup":!0,"input-group":!0,"f-state-disable":!0,"f-state-editable":!1,"f-state-readonly":!0})),B=o.computed(()=>d.value?"":"border-width : 0 ");return{disabled:a,displayText:r,editable:i,hasFocused:p,inputGroupClass:k,inputType:u,isEmpty:c,modelValue:t,readonly:g,placeholder:f,textBoxClass:C,textBoxTitle:m,inputGroupStyle:B}}function _(e,n,t){const r=o.ref(!1),a=o.computed(()=>e.enableClear&&!e.readonly&&!e.disabled),{changeTextBoxValue:s,displayText:u,hasFocused:d,isEmpty:l}=t;function i(C){r.value=C}o.watch(u,()=>{d!=null&&d.value?i(!!(u!=null&&u.value)):i(!1)});const p=o.computed(()=>({"input-group-text":!0,"input-group-clear":!0})),c=o.computed(()=>({width:"24px",display:r.value?"flex":"none"}));function f(C){C.stopPropagation(),a.value&&(s("",!0),i(!r.value),n.emit("clear"))}function g(C){a.value&&!l.value&&i(!0)}function m(C){a.value&&i(!1)}return{clearButtonClass:p,clearButtonStyle:c,hasShownClearButton:r,onClearValue:f,onMouseEnter:g,onMouseLeave:m,shouldShowClearButton:a}}const pe=["moz","ms","webkit"];function fe(){let e=0;return n=>{const t=new Date().getTime(),r=Math.max(0,16-(t-e)),a=setTimeout(()=>{n(t+r)},r);return e=t+r,a}}function me(){if(typeof window>"u")return()=>0;if(window.requestAnimationFrame)return window.requestAnimationFrame.bind(window);const e=pe.filter(n=>`${n}RequestAnimationFrame`in window)[0];return e?window[`${e}RequestAnimationFrame`]:fe()}me();const ye=e=>{const n=e;return n.install=function(t){t.component(n.name,e)},e};function J(e,n){const t=o.ref(e.groupText),r=o.computed(()=>e.showButtonWhenDisabled&&(e.readonly||e.disabled)),a=o.computed(()=>e.enableClear||!!e.groupText);return{appendedButtonClass:o.computed(()=>({"input-group-append":!0,"append-force-show":r.value})),appendedContent:t,shouldShowAppendedButton:a}}function X(e,n,t,r){const{appendedContent:a}=r,s=o.ref(e.enableViewPassword),u=o.computed(()=>e.type==="password"),d='<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>',l='<span class="f-icon f-icon-eye"></span>',i=o.ref(!1);o.watch(()=>[e.readonly,e.disabled],([f,g])=>{u.value&&(t.value=f||g?"password":t.value,a.value=f||g?l:a.value)});function p(){return i.value=!i.value,t.value=i.value?"text":"password",a.value=i.value?d:l,!1}function c(){t.value=u.value?"password":"text",a.value=u.value?s.value?l:"":a.value}return c(),{isPassword:u,onClickAppendedButton:p}}function ge(e,n,t){const r=o.ref(),{onBlurTextBox:a,onFocusTextBox:s,onInput:u,onKeyDown:d,textBoxValue:l}=t,i=o.computed(()=>e.disabled||e.readonly||!e.editable?"":e.placeholder),p=o.computed(()=>({"form-control":!0,"f-utils-fill":!0})),c=o.computed(()=>({"text-align":e.textAlign}));function f(C){C.stopPropagation()}function g(){e.selectOnCreated,e.focusOnCreated}async function m(C){s(C),await o.nextTick,g()}return o.onMounted(async()=>{await o.nextTick,g()}),()=>o.createVNode("input",{ref:r,class:p.value,style:c.value,type:"text",value:l.value,disabled:e.disabled,readonly:e.readonly||!e.editable,placeholder:i.value,onBlur:a,onChange:f,onFocus:m,onInput:u,onKeydown:d},null)}function he(e,n,t){const{canDownward:r,canUpward:a,onClickDownButton:s,onClickUpButton:u}=t,d=o.computed(()=>({"input-group-append":!0,"btn-group":!0,"btn-group-number":!0})),l=o.computed(()=>({btn:!0,"btn-secondary":!0,"btn-number-flag":!0})),i=o.computed(()=>({cursor:a()?"pointer":"not-allowed","margin-left":0})),p=o.computed(()=>({cursor:r()?"pointer":"not-allowed","margin-left":0}));return()=>o.createVNode("div",{class:d.value},[o.createVNode("button",{title:"upButton",class:l.value,style:i.value,onClick:u,disabled:!a()},[o.createVNode("span",{class:"f-icon f-icon-arrow-chevron-up number-arrow-chevron"},null)]),o.createVNode("button",{title:"downButton",class:l.value,style:p.value,onClick:s,disabled:!r()},[o.createVNode("span",{class:"f-icon f-icon-arrow-chevron-down number-arrow-chevron"},null)])])}function be(e,n){const t=O.useNumber(e,n),r=O.useFormat(e,n,t),a=O.useSpinner(e,n,r,t),s=O.useTextBox(e,n,r,t,a),u=he(e,n,a),{displayValue:d,modelValue:l,getRealValue:i}=t,p=ge(e,n,s),{format:c}=r,{isFocus:f}=s,g=o.computed(()=>!e.disabled&&!e.readonly);return o.onMounted(()=>{const m=i(e.modelValue);d.value=c(m)}),o.watch(()=>[e.value],([m])=>{const C=i(m);l.value=C,d.value=c(C)}),o.watch(()=>[e.modelValue],([m])=>{m!==l.value&&(l.value=m,!f.value&&(d.value=c(i(m))))}),o.watch(()=>[e.precision,e.useThousands,e.prefix,e.suffix,e.showZero],()=>{d.value=c(l.value)}),()=>o.createVNode("div",{class:"input-group  f-state-hover flex-row f-cmp-number-spinner"},[p(),g.value&&u()])}function Ce(e,n,t,r){const a=o.ref(),s=o.ref(e.autocomplete),u=o.ref(e.enableTitle),{isPassword:d}=t,l=o.ref(e.minLength),i=o.ref(e.maxLength),p=o.ref(e.tabIndex),{disabled:c,displayText:f,inputType:g,onBlur:m,onFocus:C,onInput:k,onClick:B,onKeydown:S,onKeyup:P,onMousedown:T,onTextBoxValueChange:N,readonly:b,placeholder:v,textBoxClass:M,textBoxTitle:A}=r;return o.onMounted(()=>{e.selectOnCreated,e.focusOnCreated}),()=>o.createVNode("input",{ref:a,name:"input-group-value",autocomplete:s.value,class:M.value,disabled:c==null?void 0:c.value,maxlength:i.value,minlength:l.value,placeholder:v.value,readonly:b==null?void 0:b.value,tabindex:p.value,title:u.value&&!d.value?A.value:"",type:g.value,value:f==null?void 0:f.value,onBlur:m,onClick:B,onChange:N,onFocus:C,onInput:k,onKeydown:S,onKeyup:P,onMousedown:T},null)}function ve(e,n){const t=o.computed(()=>e.useExtendInfo&&!!e.extendInfo),r=o.reactive({content:e.extendInfo});function a(){n.emit("updateExtendInfo")}return()=>t.value&&o.withDirectives(o.createVNode("span",{class:"input-group-before-tips",onMouseenter:a},[o.createVNode("i",{class:"f-icon f-icon-info-circle"},null),o.createVNode("b",{class:"tips-arrow"},null)]),[[o.resolveDirective("tooltip"),r]])}function Z(e,n,t,r,a){const{appendedButtonClass:s,appendedContent:u}=t,d=o.computed(()=>e.showButtonWhenDisabled&&(!e.editable||!e.readonly)&&!e.disabled),l=o.computed(()=>u.value&&!n.slots.groupTextTemplate),i=o.computed(()=>!!n.slots.groupTextTemplate),{clearButtonClass:p,clearButtonStyle:c,onClearValue:f,shouldShowClearButton:g}=r;function m(){return o.createVNode("span",{id:"clearIcon",class:p.value,style:c.value,onClick:v=>f(v)},[o.createVNode("i",{class:"f-icon modal_close"},null)])}function C(v){n.emit("iconMouseEnter",v)}function k(v){n.emit("iconMouseLeave",v)}function B(v){d.value&&n.emit("clickHandle",{originalEvent:v}),v.stopPropagation()}const S=e.type==="password"?a.onClickAppendedButton:B;function P(){return o.createVNode("span",{class:"input-group-text",onMouseenter:v=>C(v),onMouseleave:v=>k(v),innerHTML:u.value,onClick:v=>S(v)},null)}function T(){return n.slots.groupTextTemplate&&n.slots.groupTextTemplate()}function N(){return l.value?P:i.value?T:""}const b=N();return()=>o.createVNode("div",{class:s.value},[g.value&&m(),b&&b()])}const I=o.defineComponent({name:"FInputGroup",props:j,emits:["clear","change","blur","click","clickHandle","focus","input","keydown","keyup","iconMouseEnter","iconMouseLeave","update:modelValue","update:value","updateExtendInfo","valueChange"],setup(e,n){const t=o.ref(e.modelValue),r=o.ref(e.modelValue),a=ue(e,n,t,r),{inputGroupClass:s,inputType:u,inputGroupStyle:d}=a,l=J(e),{shouldShowAppendedButton:i}=l,p=_(e,n,a),{onMouseEnter:c,onMouseLeave:f}=p,g=X(e,n,u,l),m=be(e,n),C=Ce(e,n,g,a),k=Z(e,n,l,p,g),B=ve(e,n),S=o.computed(()=>e.type==="number");o.watch(()=>[e.value],([T])=>{t.value=T,r.value=T}),o.watch(()=>[e.modelValue],([T])=>{t.value=T,r.value=T}),o.onMounted(()=>{e.value&&(t.value=e.value,r.value=e.value)});const P=()=>o.createVNode(o.Fragment,null,[o.createVNode("div",{id:e.id,class:s.value,style:d.value,onMouseenter:c,onMouseleave:f},[S.value?m():o.createVNode(o.Fragment,null,[B(),C(),i.value&&k()])])]);return()=>P()}});function we(e,n){e.schema;const t=o.ref(!0),r=o.ref(!0);function a(c){return!1}function s(){return!1}function u(){return!1}function d(){return!0}function l(c){}function i(){}function p(c){return null}return{canAccepts:a,checkCanDeleteComponent:s,checkCanMoveComponent:u,hideNestedPaddingInDesginerView:d,onAcceptMovedChildElement:l,resolveComponentContext:i,triggerBelongedComponentToMoveWhenMoved:t,triggerBelongedComponentToDeleteWhenDeleted:r,getPropsConfig:p}}class Be{constructor(n,t){x(this,"componentId");x(this,"viewModelId");x(this,"eventsEditorUtils");x(this,"formSchemaUtils");x(this,"formMetadataConverter");x(this,"designViewModelUtils");x(this,"designViewModelField");x(this,"controlCreatorUtils");x(this,"designerHostService");x(this,"schemaService",null);x(this,"metadataService",null);x(this,"propertyConfig",{type:"object",categories:{}});var r;this.componentId=n,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(n))||"",this.designViewModelUtils=t.designViewModelUtils,this.controlCreatorUtils=t.controlCreatorUtils,this.metadataService=t.metadataService,this.schemaService=t.schemaService}getTableInfo(){var n;return(n=this.schemaService)==null?void 0:n.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(n){const t=n.binding&&n.binding.type==="Form"&&n.binding.field;if(t){if(!this.designViewModelField){const r=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=r.fields.find(a=>a.id===t)}n.updateOn=this.designViewModelField.updateOn}}changeFieldEditorType(n,t){}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:y[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,t){const r=t&&t.parent&&t.parent.schema;if(!r)return;const a=r.contents.findIndex(u=>u.id===n),s=F.cloneDeep(r.contents[a]);r.contents.splice(a,1),r.contents.splice(a,0,s)}}const L=class L{static getEditorTypesByMDataType(n){const t=L.fieldControlTypeMapping[n];return t||[{key:"",value:""}]}static getAllInputTypes(){const n=[];for(let t in L.fieldControlTypeMapping)L.fieldControlTypeMapping[t].forEach(r=>{n.find(a=>a.key===r.key&&a.value===r.value)||n.push({key:r.key,value:r.value})});return n}};x(L,"fieldControlTypeMapping",{String:[{key:y["input-group"].type,value:y["input-group"].name},{key:y.lookup.type,value:y.lookup.name},{key:y["date-picker"].type,value:y["date-picker"].name},{key:y["check-box"].type,value:y["check-box"].name},{key:y["radio-group"].type,value:y["radio-group"].name},{key:y["combo-list"].type,value:y["combo-list"].name},{key:y.textarea.type,value:y.textarea.name}],Text:[{key:y.textarea.type,value:y.textarea.name},{key:y.lookup.type,value:y.lookup.name}],Decimal:[{key:y["number-spinner"].type,value:y["number-spinner"].name}],Integer:[{key:y["number-spinner"].type,value:y["number-spinner"].name}],Number:[{key:y["number-spinner"].type,value:y["number-spinner"].name}],BigNumber:[{key:y["number-spinner"].type,value:y["number-spinner"].name}],Date:[{key:y["date-picker"].type,value:y["date-picker"].name}],DateTime:[{key:y["date-picker"].type,value:y["date-picker"].name}],Boolean:[{key:y.switch.type,value:y.switch.name},{key:y["check-box"].type,value:y["check-box"].name}],Enum:[{key:y["combo-list"].type,value:y["combo-list"].name},{key:y["radio-group"].type,value:y["radio-group"].name}],Object:[{key:y.lookup.type,value:y.lookup.name},{key:y["combo-list"].type,value:y["combo-list"].name},{key:y["radio-group"].type,value:y["radio-group"].name}]});let U=L;const Te=o.ref(0);class Me extends Be{constructor(t,r){super(t,r);x(this,"responseLayoutEditorFunction");this.responseLayoutEditorFunction=Y.useResponseLayoutEditorSetting(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 d;var a=this;this.setDesignViewModelField(t);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:a.designViewModelField?U.getEditorTypesByMDataType((d=a.designViewModelField.type)==null?void 0:d.name):U.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:t,formBasicInfo:s},columns:[{field:"name",title:"字段名称"},{field:"bindingField",title:"绑定字段"},{field:"fieldType",title:"字段类型"}],textField:"bindingField",data:u}}},setPropertyRelates(l,i){if(l)switch(l&&l.propertyID){case"type":{a.changeControlType(t,l,r);break}case"label":{l.needRefreshControlTree=!0;break}}}}}getAppearanceProperties(t,r){var a=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:a.responseLayoutEditorFunction.checkCanOpenLayoutEditor(t,a.componentId)}}},setPropertyRelates(s,u){if(s)switch(s&&s.propertyID){case"responseLayout":a.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(s.propertyValue,a.componentId||t.id),a.updateUnifiedLayoutAfterResponseLayoutChanged(a.componentId),a.updateElementByParentContainer(t.id,r),delete t.responseLayout;break;case"class":a.updateUnifiedLayoutAfterControlChanged(s.propertyValue,t.id,this.componentId),a.updateElementByParentContainer(t.id,r);break}}}}getEditorProperties(t){return this.getComponentConfig(t)}changeControlType(t,r,a){var p,c,f,g;const s=r.propertyValue,u=a&&a.parent&&a.parent.schema;if(!u)return;const d=u.contents.findIndex(m=>m.id===t.id),l=u.contents[d];let i;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),i=this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField,s)),i||(i=H.getSchemaByType("form-group")||{},i.editor=H.getSchemaByType(s)||{},delete i.editor.id,delete i.editor.binding,delete i.editor.appearance),Object.assign(i,{id:l.id,appearance:l.appearance,size:l.size,label:l.label,binding:l.binding,visible:l.visible}),Object.assign(i.editor,{isTextArea:i.isTextArea&&l.isTextArea,placeholder:(p=l.editor)==null?void 0:p.placeholder,holdPlace:(c=l.editor)==null?void 0:c.holdPlace,readonly:(f=l.editor)==null?void 0:f.readonly,require:(g=l.editor)==null?void 0:g.require}),u.contents.splice(d,1),u.contents.splice(d,0,i),a.schema=Object.assign(l,i),Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(m=>m.classList.remove("dgComponentSelected")),Te.value++}getComponentConfig(t,r={},a={}){const s=Object.assign({description:"编辑器",title:"编辑器",type:"input-group",$converter:"/converter/property-editor.converter"},r),u=Object.assign({readonly:{description:"",title:"只读",type:"boolean"},disabled:{description:"",title:"禁用",type:"boolean"},placeholder:{description:"空值时，输入控件内的占位文本",title:"提示文本",type:"string"}},a);return{...s,properties:{...u}}}updateUnifiedLayoutAfterControlChanged(t,r,a){const s=t.split(" ");let u=s.find(c=>/^col-([1-9]|10|11|12)$/.test(c)),d=s.find(c=>/^col-md-([1-9]|10|11|12)$/.test(c)),l=s.find(c=>/^col-xl-([1-9]|10|11|12)$/.test(c)),i=s.find(c=>/^col-el-([1-9]|10|11|12)$/.test(c));u=u||"col-12",d=d||"col-md-"+u.replace("col-",""),l=l||"col-xl-"+d.replace("col-md-",""),i=i||"col-el-"+l.replace("col-xl-","");const p={id:r,columnInSM:parseInt(u.replace("col-",""),10),columnInMD:parseInt(d.replace("col-md-",""),10),columnInLG:parseInt(l.replace("col-xl-",""),10),columnInEL:parseInt(i.replace("col-el-",""),10)};this.updateUnifiedLayoutAfterResponseLayoutChanged(a,p)}updateUnifiedLayoutAfterResponseLayoutChanged(t,r){const{formNode:a}=this.responseLayoutEditorFunction.checkCanFindFormNode(t);if(!a||!a.unifiedLayout)return;const s=[];if(this.responseLayoutEditorFunction.getResonseFormLayoutConfig(a,s,1),r){const m=s.find(C=>C.id===r.id);Object.assign(m||{},r)}const u=s.map(m=>m.columnInSM),d=s.map(m=>m.columnInMD),l=s.map(m=>m.columnInLG),i=s.map(m=>m.columnInEL),p=this.checkIsUniqueColumn(u)?u[0]:null,c=this.checkIsUniqueColumn(d)?d[0]:null,f=this.checkIsUniqueColumn(l)?l[0]:null,g=this.checkIsUniqueColumn(i)?i[0]:null;Object.assign(a.unifiedLayout,{uniqueColClassInSM:p,uniqueColClassInMD:c,uniqueColClassInLG:f,uniqueColClassInEL:g})}checkIsUniqueColumn(t){const r=new Set(t);return Array.from(r).length===1}}class ke extends Me{constructor(n,t){super(n,t)}}function xe(e,n){const{canAccepts:t,checkCanDeleteComponent:r,checkCanMoveComponent:a,hideNestedPaddingInDesginerView:s,onAcceptMovedChildElement:u,resolveComponentContext:d,triggerBelongedComponentToMoveWhenMoved:l,triggerBelongedComponentToDeleteWhenDeleted:i}=we(e),p=e.schema;function c(f,g){return new ke(f,n).getPropertyConfig(p,g)}return{canAccepts:t,checkCanDeleteComponent:r,checkCanMoveComponent:a,hideNestedPaddingInDesginerView:s,onAcceptMovedChildElement:u,resolveComponentContext:d,triggerBelongedComponentToMoveWhenMoved:l,triggerBelongedComponentToDeleteWhenDeleted:i,getPropsConfig:c}}function Se(e,n,t){var N;function r(){t!=null&&t.resolveComponentContext&&t.resolveComponentContext()}r();const a=t&&t.getStyles&&t.getStyles()||"",s=t&&t.getDesignerClass&&t.getDesignerClass()||"",u=o.ref();function d(){return(n==null?void 0:n.schema.componentType)==="frame"?!1:t&&t.checkCanMoveComponent?t.checkCanMoveComponent():!0}function l(){return!1}function i(){return(n==null?void 0:n.schema.componentType)==="frame"?!1:t&&t.checkCanDeleteComponent?t.checkCanDeleteComponent():!0}function p(){return(n==null?void 0:n.schema.componentType)==="frame"?!0:t&&t.hideNestedPaddingInDesginerView?t.hideNestedPaddingInDesginerView():!1}function c(b){if(!b||!b.value)return null;if(b.value.schema&&b.value.schema.type==="component")return b.value;const v=o.ref(b==null?void 0:b.value.parent),M=c(v);return M||null}function f(b=n){const{componentInstance:v,designerItemElementRef:M}=b;return!v||!v.value?null:v.value.canMove?M:f(b.parent)}function g(b){return!!t&&t.canAccepts(b)}function m(){return(n==null?void 0:n.schema.label)||(n==null?void 0:n.schema.title)||(n==null?void 0:n.schema.name)}function C(){}function k(b,v){v&&t!=null&&t.onAcceptMovedChildElement&&t.onAcceptMovedChildElement(v)}function B(b,v){const{componentType:M}=b;let A=q(M,b,v);t&&t.onResolveNewComponentSchema&&(A=t.onResolveNewComponentSchema(b,A));const D=M.toLowerCase().replace("-","_");return A&&!A.id&&A.type===M&&(A.id=`${D}_${Math.random().toString().slice(2,6)}`),A}function S(b,v){const M=String(b.getAttribute("data-controltype")),A=b.getAttribute("data-feature"),D=A?JSON.parse(A):{};D.parentComponentInstance=u.value;let V=q(M,D);t&&t.onAcceptNewChildElement&&(V=t.onAcceptNewChildElement(b,v,V));const W=M.toLowerCase().replace("-","_");return V&&!V.id&&V.type===M&&(V.id=`${W}_${Math.random().toString().slice(2,6)}`),V}function P(b){}function T(...b){if(t&&t.getPropsConfig)return t.getPropsConfig(...b)}return u.value={canMove:d(),canSelectParent:l(),canDelete:i(),canNested:!p(),contents:n==null?void 0:n.schema.contents,elementRef:e,parent:(N=n==null?void 0:n.parent)==null?void 0:N.componentInstance,schema:n==null?void 0:n.schema,styles:a,designerClass:s,canAccepts:g,getBelongedComponentInstance:c,getDraggableDesignItemElement:f,getDraggingDisplayText:m,getPropConfig:T,getDragScopeElement:C,onAcceptMovedChildElement:k,onAcceptNewChildElement:S,onChildElementMovedOut:P,addNewChildComponentSchema:B,updateDragAndDropRules:r,triggerBelongedComponentToMoveWhenMoved:!!t&&t.triggerBelongedComponentToMoveWhenMoved||o.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!t&&t.triggerBelongedComponentToDeleteWhenDeleted||o.ref(!1)},u}const Ae=o.defineComponent({name:"FInputGroupDesign",props:j,emits:["updateExtendInfo","clear","valueChange","clickHandle","blurHandle","focusHandle","enterHandle","iconMouseEnter","iconMouseLeave","keyupHandle","keydownHandle","inputClick"],setup(e,n){const t=o.ref(e.modelValue),r=o.ref(e.modelValue),a=de(e,n,t,r),{inputGroupClass:s,inputType:u,inputGroupStyle:d}=a,l=J(e),{shouldShowAppendedButton:i}=l,p=_(e,n,a),{onMouseEnter:c,onMouseLeave:f}=p,g=X(e,n,u,l),m=o.ref(),C=o.inject("designer-host-service"),k=o.inject("design-item-context"),B=xe(k,C),S=Se(m,k,B);o.onMounted(()=>{m.value.componentInstance=S}),n.expose(S.value);const P=Z(e,n,l,p,g),T=o.ref();return()=>o.createVNode("div",{id:"inputGroup",ref:m,class:s.value,style:d.value,onMouseenter:c,onMouseleave:f},[o.createVNode("input",{ref:T,class:"form-control",readonly:!0,placeholder:e.placeholder},null),i.value&&P()])}});I.register=(e,n,t,r)=>{e["input-group"]=I,n["input-group"]=$},I.registerDesigner=(e,n,t)=>{e["input-group"]=Ae,n["input-group"]=$};const Pe=ye(I);w.FInputGroup=I,w.default=Pe,w.inputGroupProps=j,w.propsResolver=$,Object.defineProperties(w,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/layout/index.esm.js

@@ -1,25 +1,25 @@
-import { ref as C, computed as D, defineComponent as $, provide as V, createVNode as B, watch as I, inject as E, onMounted as W } from "vue";
-import { cloneDeep as ee } from "lodash-es";
+import { ref as C, computed as D, defineComponent as $, provide as W, createVNode as B, watch as ee, inject as E, onMounted as q } from "vue";
+import { isPlainObject as V, cloneDeep as te } from "lodash-es";
 import "bignumber.js";
-const q = {}, Y = {};
+const Y = {}, X = {};
 function N(t) {
-  const { properties: e, title: n, ignore: o } = t, r = o && Array.isArray(o), l = Object.keys(e).reduce((s, m) => ((!r || !o.find((w) => w == m)) && (s[m] = e[m].type === "object" && e[m].properties ? N(e[m]) : ee(e[m].default)), s), {});
+  const { properties: e, title: n, ignore: o } = t, r = o && Array.isArray(o), l = Object.keys(e).reduce((s, m) => ((!r || !o.find((w) => w == m)) && (s[m] = e[m].type === "object" && e[m].properties ? N(e[m]) : te(e[m].default)), s), {});
   return (!r || !o.find((s) => s == "id")) && (l.id = `${n}-${Date.now()}`), l;
 }
 function T(t, e = {}, n) {
-  const o = q[t];
+  const o = Y[t];
   if (o) {
     let r = N(o);
-    const l = Y[t];
+    const l = X[t];
     return r = l ? l({ getSchemaByType: T }, r, e, n) : r, r;
   }
   return null;
 }
-function te(t, e) {
+function ne(t, e) {
   const n = N(e);
-  return Object.keys(t).reduce((o, r) => (o[r] && typeof o[r] == "object" ? Object.assign(o[r], t[r]) : o[r] = t[r], o), n), n;
+  return Object.keys(t).reduce((o, r) => (o[r] && V(o[r]) && V(t[r]) ? Object.assign(o[r], t[r]) : o[r] = t[r], o), n), n;
 }
-function ne(t, e) {
+function oe(t, e) {
   return Object.keys(t).filter((o) => t[o] != null).reduce((o, r) => {
     if (e.has(r)) {
       const l = e.get(r);
@@ -34,11 +34,11 @@ function ne(t, e) {
     return o;
   }, {});
 }
-function oe(t, e, n = /* @__PURE__ */ new Map()) {
-  const o = te(t, e);
-  return ne(o, n);
+function ae(t, e, n = /* @__PURE__ */ new Map()) {
+  const o = ne(t, e);
+  return oe(o, n);
 }
-function ae(t = {}) {
+function ie(t = {}) {
   function e(a, p, c, g) {
     if (typeof c == "number")
       return g[a].length === c;
@@ -92,24 +92,24 @@ function ae(t = {}) {
   }
   return { parseValueSchema: w };
 }
-const ie = {}, re = {};
-ae();
-function X(t, e, n = /* @__PURE__ */ new Map(), o = (s, m, w) => m, r = {}, l = (s) => s) {
-  return q[e.title] = e, Y[e.title] = o, ie[e.title] = r, re[e.title] = l, (s = {}) => {
-    const m = oe(s, e, n), w = Object.keys(t).reduce((a, p) => (a[p] = t[p].default, a), {});
+const re = {}, le = {};
+ie();
+function _(t, e, n = /* @__PURE__ */ new Map(), o = (s, m, w) => m, r = {}, l = (s) => s) {
+  return Y[e.title] = e, X[e.title] = o, re[e.title] = r, le[e.title] = l, (s = {}) => {
+    const m = ae(s, e, n), w = Object.keys(t).reduce((a, p) => (a[p] = t[p].default, a), {});
     return Object.assign(w, m);
   };
 }
-function le(t, e) {
+function se(t, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-const _ = /* @__PURE__ */ new Map([
-  ["appearance", le]
+const J = /* @__PURE__ */ new Map([
+  ["appearance", se]
 ]);
-function J(t, e, n) {
+function G(t, e, n) {
   return e;
 }
-const se = "https://json-schema.org/draft/2020-12/schema", ce = "https://farris-design.gitee.io/layout.schema.json", ue = "layout", fe = "A Farris Container Component", pe = "object", ye = {
+const ce = "https://json-schema.org/draft/2020-12/schema", ue = "https://farris-design.gitee.io/layout.schema.json", fe = "layout", pe = "A Farris Container Component", ye = "object", me = {
   id: {
     description: "The unique identifier for layout component",
     type: "string"
@@ -152,19 +152,19 @@ const se = "https://json-schema.org/draft/2020-12/schema", ce = "https://farris-
     type: "boolean",
     default: !0
   }
-}, me = [
+}, de = [
   "id",
   "type",
   "contents"
-], de = {
-  $schema: se,
-  $id: ce,
-  title: ue,
-  description: fe,
-  type: pe,
-  properties: ye,
-  required: me
-}, he = "layout", ve = "A Farris Component", ge = "object", be = {
+], he = {
+  $schema: ce,
+  $id: ue,
+  title: fe,
+  description: pe,
+  type: ye,
+  properties: me,
+  required: de
+}, ve = "layout", ge = "A Farris Component", be = "object", ze = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -199,16 +199,16 @@ const se = "https://json-schema.org/draft/2020-12/schema", ce = "https://farris-
       }
     }
   }
-}, ze = {
-  title: he,
-  description: ve,
-  type: ge,
-  categories: be
+}, Ce = {
+  title: ve,
+  description: ge,
+  type: be,
+  categories: ze
 }, L = {
   customStyle: { type: String, defaut: "" },
   customClass: { type: String, defaut: "" }
-}, G = X(L, de, _, J, ze);
-function Q(t) {
+}, Q = _(L, he, J, G, Ce);
+function U(t) {
   const e = C(-1), n = C(-1), o = C(0), r = C(0), l = C(!1), s = C(!1), m = D(() => ({
     display: l.value ? "block" : "none",
     left: `${o.value}px`,
@@ -287,8 +287,8 @@ function Q(t) {
     getPanelMaxWidth: S
   };
 }
-const Ce = ["moz", "ms", "webkit"];
-function we() {
+const we = ["moz", "ms", "webkit"];
+function Pe() {
   let t = 0;
   return (e) => {
     const n = (/* @__PURE__ */ new Date()).getTime(), o = Math.max(0, 16 - (n - t)), r = setTimeout(() => {
@@ -297,19 +297,19 @@ function we() {
     return t = n + o, r;
   };
 }
-function Pe() {
+function Oe() {
   if (typeof window > "u")
     return () => 0;
   if (window.requestAnimationFrame)
     return window.requestAnimationFrame.bind(window);
-  const t = Ce.filter((e) => `${e}RequestAnimationFrame` in window)[0];
-  return t ? window[`${t}RequestAnimationFrame`] : we();
+  const t = we.filter((e) => `${e}RequestAnimationFrame` in window)[0];
+  return t ? window[`${t}RequestAnimationFrame`] : Pe();
 }
-Pe();
-function Oe(t, e) {
+Oe();
+function Se(t, e) {
   return ((e == null ? void 0 : e.split(" ")) || []).reduce((o, r) => (r && (o[r] = !0), o), t), t;
 }
-function Se(t, e) {
+function He(t, e) {
   return ((e == null ? void 0 : e.split(";")) || []).reduce((o, r) => {
     if (r) {
       const l = r.split(":");
@@ -323,17 +323,17 @@ const A = /* @__PURE__ */ $({
   props: L,
   emits: [],
   setup(t, e) {
-    const n = C(), o = Q(n), {
+    const n = C(), o = U(n), {
       horizontalResizeHandleStyle: r,
       verticalResizeHandleStyle: l,
       resizeOverlayStyle: s
     } = o;
-    V("layout", {
+    W("layout", {
       useResizeHandleComposition: o
     });
-    const m = D(() => Oe({
+    const m = D(() => Se({
       "f-layout": !0
-    }, t == null ? void 0 : t.customClass)), w = D(() => Se({}, t == null ? void 0 : t.customStyle));
+    }, t == null ? void 0 : t.customClass)), w = D(() => He({}, t == null ? void 0 : t.customStyle));
     return () => B("div", {
       class: m.value,
       style: w.value,
@@ -349,7 +349,7 @@ const A = /* @__PURE__ */ $({
       style: l.value
     }, null)]);
   }
-}), He = "https://json-schema.org/draft/2020-12/schema", Me = "https://farris-design.gitee.io/layout-pane.schema.json", je = "layout-pane", Be = "A Farris Container Component", De = "object", Ae = {
+}), Me = "https://json-schema.org/draft/2020-12/schema", je = "https://farris-design.gitee.io/layout-pane.schema.json", Be = "layout-pane", De = "A Farris Container Component", Ae = "object", Re = {
   id: {
     description: "The unique identifier for a layout pane",
     type: "string"
@@ -412,14 +412,14 @@ const A = /* @__PURE__ */ $({
     type: "number",
     default: !0
   }
-}, Re = {
-  $schema: He,
-  $id: Me,
-  title: je,
-  description: Be,
-  type: De,
-  properties: Ae
-}, Ee = "layout-pane", $e = "A Farris Container Component", Te = "object", ke = {
+}, Ee = {
+  $schema: Me,
+  $id: je,
+  title: Be,
+  description: De,
+  type: Ae,
+  properties: Re
+}, $e = "layout-pane", Te = "A Farris Container Component", ke = "object", Ne = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -514,11 +514,11 @@ const A = /* @__PURE__ */ $({
       }
     }
   }
-}, Ne = {
-  title: Ee,
-  description: $e,
-  type: Te,
-  categories: ke
+}, Le = {
+  title: $e,
+  description: Te,
+  type: ke,
+  categories: Ne
 }, F = {
   customClass: { type: String, defaut: "" },
   customStyle: { type: String, defaut: "" },
@@ -538,8 +538,8 @@ const A = /* @__PURE__ */ $({
   minWidth: { type: Number, default: 100 },
   /** 面板最小高度 */
   minHeight: { type: Number, default: 100 }
-}, U = X(F, Re, _, J, Ne);
-function Z(t, e, n, o, r) {
+}, Z = _(F, Ee, J, G, Le);
+function x(t, e, n, o, r) {
   const {
     horizontalResizeBarPosition: l,
     horizontalResizeHandleOffset: s,
@@ -575,7 +575,7 @@ function Z(t, e, n, o, r) {
       const { left: z } = u.getBoundingClientRect(), M = i.clientX - z;
       s.value = M, l.value = M;
       const R = S(P, n.value) || 0;
-      d = (K) => c(K, R, n.value, P), document.addEventListener("mousemove", d), document.addEventListener("mouseup", h), document.body.style.userSelect = "none";
+      d = (I) => c(I, R, n.value, P), document.addEventListener("mousemove", d), document.addEventListener("mouseup", h), document.body.style.userSelect = "none";
     }
   }
   function v(i, y, f) {
@@ -594,12 +594,12 @@ const k = /* @__PURE__ */ $({
   emits: [],
   setup(t, e) {
     const n = C(t.minHeight <= 0 ? 100 : t.minHeight), o = C(t.minWidth <= 0 ? 100 : t.minWidth), r = C(t.width <= 0 ? 100 : t.width), l = C(t.height <= 100 ? 100 : t.height), s = C(Math.max(n.value, l.value)), m = C(Math.max(o.value, r.value)), w = C(), a = C(t.position), p = C(t.resizable);
-    I(() => t.resizable, (v) => {
+    ee(() => t.resizable, (v) => {
       p.value = v;
     });
     const c = E("layout"), {
       useResizeHandleComposition: g
-    } = c, O = Z(m, s, o, n, g), {
+    } = c, O = x(m, s, o, n, g), {
       onClickHorizontalResizeBar: S,
       onClickVerticalResizeBar: P
     } = O, b = D(() => ({
@@ -634,13 +634,13 @@ const k = /* @__PURE__ */ $({
     }, null)]);
   }
 });
-function Le(t, e) {
+function Fe(t, e) {
   function n() {
     return !1;
   }
   return { canAccepts: n };
 }
-function x(t, e, n) {
+function K(t, e, n) {
   var v;
   function o() {
     n != null && n.resolveComponentContext && n.resolveComponentContext();
@@ -729,22 +729,22 @@ function x(t, e, n) {
     triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || C(!1)
   }, s;
 }
-const Fe = /* @__PURE__ */ $({
+const Ve = /* @__PURE__ */ $({
   name: "FLayoutDesign",
   props: L,
   emits: [],
   setup(t, e) {
     var p;
-    const n = C(), o = E("design-item-context"), r = Le(o.schema, (p = o.parent) == null ? void 0 : p.schema), l = x(n, o, r);
+    const n = C(), o = E("design-item-context"), r = Fe(o.schema, (p = o.parent) == null ? void 0 : p.schema), l = K(n, o, r);
     l.value.canNested = !1;
-    const s = Q(n), {
+    const s = U(n), {
       horizontalResizeHandleStyle: m,
       verticalResizeHandleStyle: w,
       resizeOverlayStyle: a
     } = s;
-    return V("layout", {
+    return W("layout", {
       useResizeHandleComposition: s
-    }), W(() => {
+    }), q(() => {
       n.value.componentInstance = l;
     }), e.expose(l.value), () => B("div", {
       class: "f-layout f-page-content",
@@ -761,7 +761,7 @@ const Fe = /* @__PURE__ */ $({
     }, null)]);
   }
 });
-function Ve() {
+function We() {
   function t(e) {
     var r, l;
     if (!e)
@@ -781,9 +781,9 @@ function Ve() {
     basalDragulaRuleForContainer: t
   };
 }
-function We(t, e) {
+function qe(t, e) {
   function n(l) {
-    return !!Ve().basalDragulaRuleForContainer(l);
+    return !!We().basalDragulaRuleForContainer(l);
   }
   function o(l, s, m) {
     return m;
@@ -794,19 +794,19 @@ function We(t, e) {
   }
   return { canAccepts: n, getDesignerClass: r, onAcceptNewChildElement: o };
 }
-const qe = /* @__PURE__ */ $({
+const Ye = /* @__PURE__ */ $({
   name: "FLayoutPaneDesign",
   props: F,
   emits: [],
   setup(t, e) {
     var v;
-    const n = C(), o = C(), r = E("design-item-context"), l = We(r.schema, (v = r.parent) == null ? void 0 : v.schema), s = x(o, r, l);
-    s.value.canNested = !1, s.value.canMove = !1, s.value.canDelete = !1, W(() => {
+    const n = C(), o = C(), r = E("design-item-context"), l = qe(r.schema, (v = r.parent) == null ? void 0 : v.schema), s = K(o, r, l);
+    s.value.canNested = !1, s.value.canMove = !1, s.value.canDelete = !1, q(() => {
       o.value.componentInstance = s;
     }), e.expose(s.value);
     const m = C(Math.max(t.minHeight, t.height)), w = C(Math.max(t.minWidth, t.width)), a = C(t.minHeight), p = C(t.minWidth), c = C(t.position), g = E("layout"), {
       useResizeHandleComposition: O
-    } = g, S = Z(w, m, p, a, O), {
+    } = g, S = x(w, m, p, a, O), {
       onClickHorizontalResizeBar: P,
       onClickVerticalResizeBar: b
     } = S, u = D(() => ({
@@ -850,15 +850,15 @@ A.install = (t) => {
   t.component(A.name, A), t.component(k.name, k);
 };
 A.register = (t, e, n, o) => {
-  t.layout = A, e.layout = G, t["layout-pane"] = k, e["layout-pane"] = U;
+  t.layout = A, e.layout = Q, t["layout-pane"] = k, e["layout-pane"] = Z;
 };
 A.registerDesigner = (t, e, n) => {
-  t.layout = Fe, e.layout = G, t["layout-pane"] = qe, e["layout-pane"] = U;
+  t.layout = Ve, e.layout = Q, t["layout-pane"] = Ye, e["layout-pane"] = Z;
 };
 export {
   A as FLayout,
   k as FLayoutPane,
   A as default,
   L as layoutProps,
-  G as layoutPropsResolver
+  Q as layoutPropsResolver
 };