@farris/ui-vue 1.4.0 → 1.4.1

package/components/input-group/index.esm.js

@@ -1145,7 +1145,8 @@ class Re extends Ue {
               disableOccupiedFields: !0
             },
             textField: "bindingField"
-          }
+          },
+          refreshPanelAfterChanged: !0
         }
       },
       setPropertyRelates(r, y) {

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

@@ -1 +1 @@
-(function(F,l){typeof exports=="object"&&typeof module<"u"?l(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"],l):(F=typeof globalThis<"u"?globalThis:F||self,l(F["input-group"]={},F.Vue,F.LodashES,F.common,F.numberSpinner,F.designerCanvas))})(this,function(F,l,k,V,L,O){"use strict";var be=Object.defineProperty;var Ce=(F,l,k)=>l in F?be(F,l,{enumerable:!0,configurable:!0,writable:!0,value:k}):F[l]=k;var b=(F,l,k)=>Ce(F,typeof l!="symbol"?l+"":l,k);const R={},W={};function D(e){const{properties:i,title:n,ignore:t}=e,o=t&&Array.isArray(t),u=Object.keys(i).reduce((s,y)=>((!o||!t.find(f=>f===y))&&(s[y]=i[y].type==="object"&&i[y].properties?D(i[y]):k.cloneDeep(i[y].default)),s),{});if(n&&(!o||!t.find(s=>s==="id"))){const s=n.toLowerCase().replace(/-/g,"_");u.id=`${s}_${Math.random().toString().slice(2,6)}`}return u}function H(e,i){const n=D(i);return Object.keys(n).reduce((t,o)=>(Object.prototype.hasOwnProperty.call(e,o)&&(t[o]&&k.isPlainObject(t[o])&&k.isPlainObject(e[o]||!e[o])?Object.assign(t[o],e[o]||{}):t[o]=e[o]),t),n),n}function z(e,i){return Object.keys(e).filter(t=>e[t]!=null).reduce((t,o)=>{if(i.has(o)){const u=i.get(o);if(typeof u=="string")t[u]=e[o];else{const s=u(o,e[o],e);Object.assign(t,s)}}else t[o]=e[o];return t},{})}function X(e,i,n=new Map){const t=H(e,i);return z(t,n)}function _(e={}){function i(r,c,a,p){if(typeof a=="number")return p[r].length===a;if(typeof a=="object"){const g=Object.keys(a)[0],d=a[g];if(g==="not")return Number(p[r].length)!==Number(d);if(g==="moreThan")return Number(p[r].length)>=Number(d);if(g==="lessThan")return Number(p[r].length)<=Number(d)}return!1}function n(r,c,a,p){return p[r]&&p[r].propertyValue&&String(p[r].propertyValue.value)===String(a)}const t=new Map([["length",i],["getProperty",n]]);Object.keys(e).reduce((r,c)=>(r.set(c,e[c]),r),t);function o(r,c){const a=r;return typeof c=="number"?[{target:a,operator:"length",param:null,value:Number(c)}]:typeof c=="boolean"?[{target:a,operator:"getProperty",param:r,value:!!c}]:typeof c=="object"?Object.keys(c).map(p=>{if(p==="length")return{target:a,operator:"length",param:null,value:c[p]};const g=p,d=c[p];return{target:a,operator:"getProperty",param:g,value:d}}):[]}function u(r){return Object.keys(r).reduce((a,p)=>{const g=o(p,r[p]);return a.push(...g),a},[])}function s(r,c){if(t.has(r.operator)){const a=t.get(r.operator);return a&&a(r.target,r.param,r.value,c)||!1}return!1}function y(r,c){return u(r).reduce((g,d)=>g&&s(d,c),!0)}function f(r,c){const a=Object.keys(r),p=a.includes("allOf"),g=a.includes("anyOf"),d=p||g,C=(d?r[d?p?"allOf":"anyOf":"allOf"]:[r]).map(B=>y(B,c));return p?!C.includes(!1):C.includes(!0)}return{parseValueSchema:f}}const m={button:{type:"button",name:"按钮",icon:"Button"},"response-toolbar":{type:"response-toolbar",name:"工具栏",icon:"ButtonGroup"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮",icon:"Button"},"content-container":{type:"content-container",name:"容器",icon:"ContentContainer"},"input-group":{type:"input-group",name:"文本",icon:"TextBox"},textarea:{type:"textarea",name:"多行文本",icon:"MultiTextBox"},lookup:{type:"lookup",name:"帮助",icon:"LookupEdit"},"number-spinner":{type:"number-spinner",name:"数值",icon:"NumericBox"},"date-picker":{type:"date-picker",name:"日期",icon:"DateBox"},switch:{type:"switch",name:"开关",icon:"SwitchField"},"radio-group":{type:"radio-group",name:"单选组",icon:"RadioGroup"},"check-box":{type:"check-box",name:"复选框",icon:"CheckBox"},"check-group":{type:"check-group",name:"复选框组",icon:"CheckGroup"},"combo-list":{type:"combo-list",name:"下拉列表",icon:"EnumField"},"response-form":{type:"response-form",name:"卡片面板",icon:"Form"},"response-layout":{type:"response-layout",name:"布局容器",icon:"ResponseLayout3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"ResponseLayout1"},"tree-grid":{type:"tree-grid",name:"树表格",icon:"TreeGrid"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格",icon:"DataGrid"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块",icon:"Module"},component:{type:"component",name:"组件",icon:"Component"},tabs:{type:"tabs",name:"标签页",icon:"Tab"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮",icon:"Button"},"time-picker":{type:"time-picker",name:"时间选择",icon:"TimePicker"},section:{type:"section",name:"分组面板",icon:"Section"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板",icon:"Splitter"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传",icon:"FileUpload"},"page-header":{type:"page-header",name:"页头",icon:"Header"},"page-footer":{type:"page-footer",name:"页脚",icon:"ModalFooter"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏",icon:"TabToolbar"},fieldset:{type:"fieldset",name:"分组",icon:"fieldset"},"query-solution":{type:"query-solution",name:"筛选方案",icon:"QueryScheme"}},Q={},Y={};_();function Z(e,i,n=new Map,t=(s,y,f,r)=>y,o={},u=s=>s){return R[i.title]=i,W[i.title]=t,Q[i.title]=o,Y[i.title]=u,(s={})=>{const y=X(s,i,n),f=Object.keys(e).reduce((r,c)=>(r[c]=e[c].default,r),{});return Object.assign(f,y)}}function J(e,i){return{customClass:i.class,customStyle:i.style}}const K=new Map([["appearance",J]]);function ee(e,i,n){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},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:["type"],ignore:["id","appearance","binding","visible"]},N={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:""},autoHeight:{type:Boolean,default:!1},autofocus:{type:Boolean,default:!1},rows:{type:Number,default:2},showCount:{type:Boolean,default:!1},focusOnCreated:{type:Boolean,default:!1},selectOnCreated:{type:Boolean,default:!1},updateOn:{type:String,default:"blur"}},j=Z(N,te,K,ee);function U(e,i){const n=l.ref(e.groupText),t=l.computed(()=>e.showButtonWhenDisabled&&(e.readonly||e.disabled)),o=l.computed(()=>e.enableClear||!!e.groupText);return{appendedButtonClass:l.computed(()=>({"input-group-append":!0,"append-force-show":t.value})),appendedContent:n,shouldShowAppendedButton:o}}function q(e,i,n,t){const{appendedContent:o}=t,u=l.ref(e.enableViewPassword),s=l.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>',r=l.ref(!1);l.watch(()=>[e.readonly,e.disabled],([p,g])=>{s.value&&(n.value=p||g?"password":n.value,o.value=p||g?f:o.value)});function c(){return r.value=!r.value,n.value=r.value?"text":"password",o.value=r.value?y:f,!1}function a(){n.value=s.value?"password":"text",o.value=s.value?u.value?f:"":o.value}return a(),{isPassword:s,onClickAppendedButton:c}}function ne(e,i,n){const t=l.ref(),{onBlurTextBox:o,onFocusTextBox:u,onInput:s,onKeyDown:y,textBoxValue:f}=n,r=l.computed(()=>e.disabled||e.readonly||!e.editable?"":e.placeholder),c=l.computed(()=>({"form-control":!0,"f-utils-fill":!0})),a=l.computed(()=>({"text-align":e.textAlign}));function p(h){h.stopPropagation()}function g(){e.selectOnCreated,e.focusOnCreated}async function d(h){u(h),await l.nextTick,g()}return l.onMounted(async()=>{await l.nextTick,g()}),()=>l.createVNode("input",{ref:t,class:c.value,style:a.value,type:"text",value:f.value,disabled:e.disabled,readonly:e.readonly||!e.editable,placeholder:r.value,onBlur:o,onChange:p,onFocus:d,onInput:s,onKeydown:y},null)}function oe(e,i,n){const{canDownward:t,canUpward:o,onClickDownButton:u,onClickUpButton:s}=n,y=l.computed(()=>({"input-group-append":!0,"btn-group":!0,"btn-group-number":!0})),f=l.computed(()=>({btn:!0,"btn-secondary":!0,"btn-number-flag":!0})),r=l.computed(()=>({cursor:o()?"pointer":"not-allowed","margin-left":0})),c=l.computed(()=>({cursor:t()?"pointer":"not-allowed","margin-left":0}));return()=>l.createVNode("div",{class:y.value},[l.createVNode("button",{title:"upButton",class:f.value,style:r.value,onClick:s,disabled:!o()},[l.createVNode("span",{class:"f-icon f-icon-arrow-chevron-up number-arrow-chevron"},null)]),l.createVNode("button",{title:"downButton",class:f.value,style:c.value,onClick:u,disabled:!t()},[l.createVNode("span",{class:"f-icon f-icon-arrow-chevron-down number-arrow-chevron"},null)])])}function ie(e,i){const n=L.useNumber(e,i),t=L.useFormat(e,i,n),o=L.useSpinner(e,i,t,n),u=L.useTextBox(e,i,t,n,o),s=oe(e,i,o),{displayValue:y,modelValue:f,getRealValue:r}=n,c=ne(e,i,u),{format:a}=t,{isFocus:p}=u,g=l.computed(()=>!e.disabled&&!e.readonly);return l.onMounted(()=>{const d=r(e.modelValue);y.value=a(d)}),l.watch(()=>[e.value],([d])=>{const h=r(d);f.value=h,y.value=a(h)}),l.watch(()=>[e.modelValue],([d])=>{d!==f.value&&(f.value=d,!p.value&&(y.value=a(r(d))))}),l.watch(()=>[e.precision,e.useThousands,e.prefix,e.suffix,e.showZero],()=>{y.value=a(f.value)}),()=>l.createVNode("div",{class:"input-group  flex-row f-cmp-number-spinner"},[c(),g.value&&s()])}function le(e,i,n,t){const o=l.ref(),{inputGroupClass:u,onBlur:s,onFocus:y}=t,{clearButtonClass:f,clearButtonStyle:r}=n,c=l.computed(()=>e.maxLength?e.maxLength:e.modelValue?e.modelValue.length:0),a=I=>{var x,T;I.stopPropagation(),i.emit("update:modelValue",(x=I.target)==null?void 0:x.value),i.emit("valueChange",(T=I.target)==null?void 0:T.value)},p=l.computed(()=>({"form-control":!0,"h-100":e.autoHeight})),g=l.computed(()=>e.enableClear&&!e.readonly&&!e.disabled),d=l.computed(()=>e.disabled||e.readonly?"":e.placeholder),h=l.computed(()=>({...r.value,position:"absolute",right:"5px",top:"50%",transform:"translateY(-50%)","background-color":"rgb(199, 207, 221)","border-radius":"100%",width:"16px",height:"16px"})),w=l.computed(()=>{const I={resize:"none","padding-right":"15px"};return e.rows>2?{height:"auto",...I}:I}),C=I=>{I.stopPropagation(),o.value.value="",i.emit("update:modelValue",""),i.emit("valueChange","")};function v(){return l.withDirectives(l.createVNode("textarea",{class:p.value,id:e.id,"onUpdate:modelValue":I=>e.modelValue=I,ref:o,minlength:e.minLength,maxlength:e.maxLength?e.maxLength:null,tabindex:e.tabIndex,disabled:e.disabled,readonly:e.readonly,autocomplete:e.autocomplete,placeholder:d.value,autofocus:e.autofocus,rows:e.rows,onInput:a,onFocus:y,onBlur:s,style:w.value},null),[[l.vModelText,e.modelValue]])}function B(){return e.showCount&&l.createVNode("span",{style:"position: absolute;bottom: 0;right: 5px;z-index:999;font-size:12px"},[`${e.modelValue?e.modelValue.length:0}/${c.value}`])}function M(){return g.value&&l.createVNode("span",{id:"clearIcon",class:f.value,style:h.value,onClick:I=>C(I)},[l.createVNode("i",{class:"f-icon modal_close",style:"font-size:8px;color:#fff"},null)])}return{renderTextarea:v,renderCount:B,renderClear:M}}function ae(e,i,n,t){const o=l.ref(),u=l.ref(e.autocomplete),s=l.ref(e.enableTitle),{isPassword:y}=n,f=l.ref(e.minLength),r=l.ref(e.maxLength),c=l.ref(e.tabIndex),{disabled:a,displayText:p,inputType:g,onBlur:d,onFocus:h,onInput:w,onClick:C,onKeydown:v,onKeyup:B,onMousedown:M,onTextBoxValueChange:I,readonly:x,placeholder:T,textBoxClass:S,textBoxTitle:G}=t;return l.onMounted(()=>{e.selectOnCreated,e.focusOnCreated}),()=>l.createVNode("input",{ref:o,name:"input-group-value",autocomplete:u.value,class:S.value,disabled:a==null?void 0:a.value,maxlength:r.value,minlength:f.value,placeholder:T.value,readonly:x==null?void 0:x.value,tabindex:c.value,title:s.value&&!y.value?G.value:"",type:g.value,value:p==null?void 0:p.value,onBlur:d,onClick:C,onChange:I,onFocus:h,onInput:w,onKeydown:v,onKeyup:B,onMousedown:M},null)}function re(e,i){const n=l.computed(()=>e.useExtendInfo&&!!e.extendInfo),t=l.reactive({content:e.extendInfo});function o(){i.emit("updateExtendInfo")}return()=>n.value&&l.withDirectives(l.createVNode("span",{class:"input-group-before-tips",onMouseenter:o},[l.createVNode("i",{class:"f-icon f-icon-info-circle"},null),l.createVNode("b",{class:"tips-arrow"},null)]),[[l.resolveDirective("tooltip"),t]])}function $(e,i,n,t,o){const{appendedButtonClass:u,appendedContent:s}=n,y=l.computed(()=>e.showButtonWhenDisabled&&(!e.editable||!e.readonly)&&!e.disabled),f=l.computed(()=>s.value&&!i.slots.groupTextTemplate),r=l.computed(()=>!!i.slots.groupTextTemplate),{clearButtonClass:c,clearButtonStyle:a,onClearValue:p,shouldShowClearButton:g}=t;function d(){return l.createVNode("span",{id:"clearIcon",class:c.value,style:a.value,onClick:T=>p(T)},[l.createVNode("i",{class:"f-icon modal_close"},null)])}function h(T){i.emit("iconMouseEnter",T)}function w(T){i.emit("iconMouseLeave",T)}function C(T){y.value&&i.emit("clickHandle",{originalEvent:T}),T.stopPropagation()}const v=e.type==="password"?o.onClickAppendedButton:C;function B(){return l.createVNode("span",{class:"input-group-text",onMouseenter:T=>h(T),onMouseleave:T=>w(T),innerHTML:s.value,onClick:T=>v(T)},null)}function M(){return i.slots.groupTextTemplate&&i.slots.groupTextTemplate()}function I(){return f.value?B:r.value?M:""}const x=I();return()=>l.createVNode("div",{class:u.value},[g.value&&d(),x&&x()])}const P=l.defineComponent({name:"FInputGroup",props:N,emits:["clear","change","blur","click","clickHandle","focus","input","keydown","keyup","iconMouseEnter","iconMouseLeave","update:modelValue","update:value","updateExtendInfo","valueChange"],setup(e,i){const n=l.ref(e.modelValue),t=l.ref(e.modelValue),o=V.useTextBox(e,i,n,t),{inputGroupClass:u,inputType:s,inputGroupStyle:y}=o,f=U(e),{shouldShowAppendedButton:r}=f,c=V.useClear(e,i,o),{onMouseEnter:a,onMouseLeave:p}=c,g=q(e,i,s,f),d=ie(e,i),{renderTextarea:h,renderCount:w,renderClear:C}=le(e,i,c,o),v=ae(e,i,g,o),B=$(e,i,f,c,g),M=re(e,i),I=l.computed(()=>e.type==="number"),x=l.computed(()=>e.type==="textarea");l.watch(()=>[e.value],([S])=>{n.value=S,t.value=S}),l.watch(()=>[e.modelValue],([S])=>{n.value=S,t.value=S}),l.onMounted(()=>{e.value&&(n.value=e.value,t.value=e.value)});const T=()=>l.createVNode(l.Fragment,null,[l.createVNode("div",{id:e.id,class:u.value,style:y.value,onMouseenter:a,onMouseleave:p},[I.value?d():x.value?h():l.createVNode(l.Fragment,null,[M(),v()]),!x.value&&r.value&&B(),x.value&&C(),x.value&&w()])]);return()=>T()}});class se{constructor(i,n){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 t;this.componentId=i,this.designerHostService=n,this.eventsEditorUtils=n.eventsEditorUtils,this.formSchemaUtils=n.formSchemaUtils,this.formMetadataConverter=n.formMetadataConverter,this.viewModelId=((t=this.formSchemaUtils)==null?void 0:t.getViewModelIdByComponentId(i))||"",this.designViewModelUtils=n.designViewModelUtils,this.controlCreatorUtils=n.controlCreatorUtils,this.metadataService=n.metadataService,this.schemaService=n.schemaService}getTableInfo(){var i;return(i=this.schemaService)==null?void 0:i.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(i){var t;const n=i.binding&&i.binding.type==="Form"&&i.binding.field;if(n){if(!this.designViewModelField){const o=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=o.fields.find(u=>u.id===n)}i.updateOn=(t=this.designViewModelField)==null?void 0:t.updateOn}}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",editable:!1,data:[{value:i.type,name:m[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,n){const t=n&&n.parent&&n.parent.schema;if(!t)return;const o=t.contents.findIndex(s=>s.id===i),u=k.cloneDeep(t.contents[o]);t.contents.splice(o,1),t.contents.splice(o,0,u)}}const E=class E{static getEditorTypesByMDataType(i){const n=E.fieldControlTypeMapping[i];return n||[{key:"",value:""}]}static getAllInputTypes(){const i=[];for(const n in E.fieldControlTypeMapping)E.fieldControlTypeMapping[n].forEach(t=>{i.find(o=>o.key===t.key&&o.value===t.value)||i.push({key:t.key,value:t.value})});return i}static mappingDomPropAndSchemaProp(i){var o;const n=(o=i.editor)==null?void 0:o.type;if(!n)return[];const t=[];switch(t.push({domField:"editor.required",schemaField:"require"}),t.push({domField:"editor.readonly",schemaField:"readonly"}),n){case m["data-grid-column"].type:case m["tree-grid-column"].type:{t.push({domField:"title",schemaField:"name"});break}default:t.push({domField:"label",schemaField:"name"})}return(n===m["input-group"].type||n===m.textarea.type||n===m["number-spinner"].type)&&t.push({domField:"editor.maxLength",schemaField:"type.length"}),n===m["number-spinner"].type&&t.push({domField:"editor.precision",schemaField:"type.precision"}),(n===m["combo-list"].type||n===m["radio-group"].type)&&t.push({domField:"editor.data",schemaField:"type.enumValues"}),n===m["date-picker"].type&&(t.push({domField:"editor.displayFormat",schemaField:"editor.format"}),t.push({domField:"editor.fieldType",schemaField:"type.name"})),n===m["number-spinner"].type&&(t.push({domField:"editor.max",schemaField:"editor.maxValue"}),t.push({domField:"editor.min",schemaField:"editor.minValue"})),n===m.lookup.type&&(t.push({domField:"editor.dataSource",schemaField:"editor.dataSource"}),t.push({domField:"editor.valueField",schemaField:"editor.valueField"}),t.push({domField:"editor.textField",schemaField:"editor.textField"}),t.push({domField:"editor.displayType",schemaField:"editor.displayType"}),t.push({domField:"editor.mapFields",schemaField:"editor.mapFields"}),t.push({domField:"editor.helpId",schemaField:"editor.helpId"})),t.push({domField:"path",schemaField:"bindingPath"}),t.push({domField:"binding.path",schemaField:"bindingField"}),t.push({domField:"binding.fullPath",schemaField:"path"}),(n===m["data-grid-column"].type||n===m["tree-grid-column"].type)&&t.push({domField:"field",schemaField:"bindingPath"}),t}};b(E,"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-group"].type,value:m["check-group"].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 A=E;const de=l.ref(0);class ue{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 ce(e){let i,n;const t=new Map;let o=[];function u(c,a){const g=c.split(" ").filter(v=>v.startsWith("col-"));if(g.length===0){a.isSupportedClass=!1;return}let d=g.find(v=>/^col-([1-9]|10|11|12)$/.test(v)),h=g.find(v=>/^col-md-([1-9]|10|11|12)$/.test(v)),w=g.find(v=>/^col-xl-([1-9]|10|11|12)$/.test(v)),C=g.find(v=>/^col-el-([1-9]|10|11|12)$/.test(v));d=d||"col-12",a.columnInSM=parseInt(d.replace("col-",""),10),a.displayWidthInSM=a.columnInSM/12,a.displayWidthInSM!==1&&(a.isSupportedClass=!1),h=h||"col-md-"+a.columnInSM,a.columnInMD=parseInt(h.replace("col-md-",""),10),a.displayWidthInMD=a.columnInMD/6,[1,2].includes(a.displayWidthInMD)||(a.isSupportedClass=!1),w=w||"col-xl-"+a.columnInMD,a.columnInLG=parseInt(w.replace("col-xl-",""),10),a.displayWidthInLG=a.columnInLG/3,[1,2,3,4].includes(a.displayWidthInLG)||(a.isSupportedClass=!1),C=C||"col-el-"+a.columnInLG,a.columnInEL=parseInt(C.replace("col-el-",""),10),a.displayWidthInEL=a.columnInEL/2,[1,2,3,4,5,6].includes(a.displayWidthInEL)||(a.isSupportedClass=!1)}function s(c,a,p,g=!1){let d=!1;c.contents.forEach(h=>{if(h.type==="fieldset"){p+=1,s(h,a,p,!0),d=!0;return}d&&(p+=1,d=!1);const w=h.appearance&&h.appearance.class,C=new ue;w?u(w,C):C.isSupportedClass=!1,C.label=h.label||h.id,C.id=h.id,C.group=p,g&&(C.fieldSetId=c.id),n===h.id&&(i=p),t.set(h.id,h),a.push(C)})}function y(c){const a=e.getComponentById(c);if(!a||!a.componentType||!a.componentType.startsWith("form"))return{result:!1,message:"只可以在响应式表单组件中调整响应式布局配置"};const p=e.selectNode(a,g=>g.type===O.DgControl["response-form"].type);return!p||!p.contents||p.contents.length===0?{result:!1,message:"Form区域内没有控件，请先添加控件"}:{result:!0,message:"",formNode:p}}function f(c,a){a=a||c.id;const{result:p,message:g,formNode:d}=y(a);if(!p)return{result:p,message:g};n=c.id,o=[],t.clear();const h=d.contents[0].type===O.DgControl.fieldset.type?0:1;s(d,o,h);const w=o.find(v=>!v.isSupportedClass);return{defaultState:{defaultGroupNumber:i||1,model:w?"customize":"standard"},importData:o}}function r(c,a){a=a;const{result:p,formNode:g}=y(a);if(!p)return"";const d=[];return c.forEach(h=>{var v;const w=t.get(h.id),C=w.appearance&&w.appearance.class;if(C){const M=C.split(" ").filter(he=>!he.startsWith("col-")),I="col-"+h.columnInSM,x="col-md-"+h.columnInMD,T="col-xl-"+h.columnInLG,S="col-el-"+h.columnInEL,G=[I,x,T,S].concat(M);w.appearance.class=G.join(" ")}if(h.fieldSetId){const B=g.contents.find(I=>I.id===h.fieldSetId),M=d.find(I=>I.id===h.fieldSetId);M?(v=M.contents)==null||v.push(w):(d.push(B),B.contents=[w])}else d.push(w)}),g.contents=d,g.id}return{checkCanFindFormNode:y,checkCanOpenLayoutEditor:f,changeFormControlsByResponseLayoutConfig:r,getResonseFormLayoutConfig:s}}class pe extends se{constructor(n,t){super(n,t);b(this,"responseLayoutEditorFunction");this.responseLayoutEditorFunction=ce(this.formSchemaUtils)}getPropertyConfig(n,t){return this.propertyConfig.categories.basic=this.getBasicProperties(n,t),this.propertyConfig.categories.appearance=this.getAppearanceProperties(n,t),this.propertyConfig.categories.editor=this.getEditorProperties(n),this.propertyConfig}getBasicProperties(n,t){var u;const o=this;return this.setDesignViewModelField(n),{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:o.designViewModelField?A.getEditorTypesByMDataType((u=o.designViewModelField.type)==null?void 0:u.name):A.getAllInputTypes()}},label:{title:"标签",type:"string",$converter:"/converter/form-group-label.converter"},binding:{description:"绑定的表单字段",title:"绑定",editor:{type:"binding-selector",bindingType:{enable:!1},editorParams:{componentSchema:n,needSyncToViewModel:!0,viewModelId:this.viewModelId,designerHostService:this.designerHostService,disableOccupiedFields:!0},textField:"bindingField"}}},setPropertyRelates(s,y){if(s)switch(s&&s.propertyID){case"type":{o.changeControlType(n,s,t);break}case"label":{s.needRefreshControlTree=!0;break}}}}}getAppearanceProperties(n,t){const o=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:o.responseLayoutEditorFunction.checkCanOpenLayoutEditor(n,o.componentId)}}},setPropertyRelates(u,s){if(u)switch(u&&u.propertyID){case"responseLayout":o.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(u.propertyValue,o.componentId||n.id),o.updateUnifiedLayoutAfterResponseLayoutChanged(o.componentId),o.updateElementByParentContainer(n.id,t),delete n.responseLayout;break;case"class":o.updateUnifiedLayoutAfterControlChanged(u.propertyValue,n.id,this.componentId),o.updateElementByParentContainer(n.id,t);break}}}}getEditorProperties(n){return this.getComponentConfig(n)}changeControlType(n,t,o){var c,a,p,g;const u=t.propertyValue,s=o&&o.parent&&o.parent.schema;if(!s)return;const y=s.contents.findIndex(d=>d.id===n.id),f=s.contents[y];let r;this.designViewModelField&&(this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id,{editor:{$type:u},name:this.designViewModelField.name,require:this.designViewModelField.require,readonly:this.designViewModelField.readonly},!1),r=this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField,u)),r||(r=this.controlCreatorUtils.createFormGroupWithoutField(u)),Object.assign(r,{id:f.id,appearance:f.appearance,size:f.size,label:f.label,binding:f.binding,visible:f.visible}),Object.assign(r.editor,{isTextArea:r.isTextArea&&f.isTextArea,placeholder:(c=f.editor)==null?void 0:c.placeholder,holdPlace:(a=f.editor)==null?void 0:a.holdPlace,readonly:(p=f.editor)==null?void 0:p.readonly,required:(g=f.editor)==null?void 0:g.required}),s.contents.splice(y,1),s.contents.splice(y,0,r),o.schema=Object.assign(f,r),Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(d=>d.classList.remove("dgComponentSelected")),Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(d=>d.classList.remove("dgComponentFocused")),de.value++}getComponentConfig(n,t={},o={},u){const s=Object.assign({description:"编辑器",title:"编辑器",type:"input-group",$converter:"/converter/property-editor.converter"},t),y=Object.assign({readonly:{description:"",title:"只读",type:"boolean",editor:{enableClear:!0,editable:!0}},disabled:{description:"",title:"禁用",type:"boolean",visible:!1},placeholder:{description:"当控件没有值时在输入框中显示的文本",title:"提示文本",type:"string"}},o);return{...s,properties:{...y},setPropertyRelates:u}}updateUnifiedLayoutAfterControlChanged(n,t,o){const u=n.split(" ");let s=u.find(a=>/^col-([1-9]|10|11|12)$/.test(a)),y=u.find(a=>/^col-md-([1-9]|10|11|12)$/.test(a)),f=u.find(a=>/^col-xl-([1-9]|10|11|12)$/.test(a)),r=u.find(a=>/^col-el-([1-9]|10|11|12)$/.test(a));s=s||"col-12",y=y||"col-md-"+s.replace("col-",""),f=f||"col-xl-"+y.replace("col-md-",""),r=r||"col-el-"+f.replace("col-xl-","");const c={id:t,columnInSM:parseInt(s.replace("col-",""),10),columnInMD:parseInt(y.replace("col-md-",""),10),columnInLG:parseInt(f.replace("col-xl-",""),10),columnInEL:parseInt(r.replace("col-el-",""),10)};this.updateUnifiedLayoutAfterResponseLayoutChanged(o,c)}updateUnifiedLayoutAfterResponseLayoutChanged(n,t){const{formNode:o}=this.responseLayoutEditorFunction.checkCanFindFormNode(n);if(!o||!o.unifiedLayout)return;const u=[];if(this.responseLayoutEditorFunction.getResonseFormLayoutConfig(o,u,1),t){const d=u.find(h=>h.id===t.id);Object.assign(d||{},t)}const s=u.map(d=>d.columnInSM),y=u.map(d=>d.columnInMD),f=u.map(d=>d.columnInLG),r=u.map(d=>d.columnInEL),c=this.checkIsUniqueColumn(s)?s[0]:null,a=this.checkIsUniqueColumn(y)?y[0]:null,p=this.checkIsUniqueColumn(f)?f[0]:null,g=this.checkIsUniqueColumn(r)?r[0]:null;Object.assign(o.unifiedLayout,{uniqueColClassInSM:c,uniqueColClassInMD:a,uniqueColClassInLG:p,uniqueColClassInEL:g})}checkIsUniqueColumn(n){const t=new Set(n);return Array.from(t).length===1}getItemCollectionEditor(n,t,o){return t=t||"value",o=o||"name",{editor:{columns:[{field:t,title:"值",dataType:"string"},{field:o,title:"名称",dataType:"string"},{field:"disabled",title:"禁用",visible:!1,dataType:"boolean",editor:{type:"switch"}}],type:"item-collection-editor",valueField:t,nameField:o,requiredFields:[t,o],uniqueFields:[t,o],readonly:this.checkEnumDataReadonly(n)}}}checkEnumDataReadonly(n){return!n.binding||n.binding.type!=="Form"?!1:!!(this.designViewModelField&&this.designViewModelField.type&&this.designViewModelField.type.$type===V.FormSchemaEntityFieldType$Type.EnumType)}}class me extends pe{constructor(i,n){super(i,n)}}function fe(e,i){const n=e.schema;function t(o,u){return new me(o,i).getPropertyConfig(n,u)}return{getPropsConfig:t}}const ye=l.defineComponent({name:"FInputGroupDesign",props:N,emits:["updateExtendInfo","clear","valueChange","clickHandle","blurHandle","focusHandle","enterHandle","iconMouseEnter","iconMouseLeave","keyupHandle","keydownHandle","inputClick"],setup(e,i){const n=l.ref(e.modelValue),t=l.ref(e.modelValue),o=V.useTextBoxDesign(e,i,n,t),{inputGroupClass:u,inputType:s,inputGroupStyle:y}=o,f=U(e),{shouldShowAppendedButton:r}=f,c=V.useClear(e,i,o),{onMouseEnter:a,onMouseLeave:p}=c,g=q(e,i,s,f),d=l.ref(),h=l.inject("designer-host-service"),w=l.inject("design-item-context"),C=fe(w,h),v=O.useDesignerComponent(d,w,C);l.onMounted(()=>{d.value.componentInstance=v}),i.expose(v.value);const B=$(e,i,f,c,g),M=l.ref();return()=>l.createVNode("div",{id:"inputGroup",ref:d,class:u.value,style:y.value,onMouseenter:a,onMouseleave:p},[l.createVNode("input",{ref:M,class:"form-control",readonly:!0,placeholder:e.placeholder},null),r.value&&B()])}});P.register=(e,i,n,t)=>{e["input-group"]=P,i["input-group"]=j},P.registerDesigner=(e,i,n)=>{e["input-group"]=ye,i["input-group"]=j};const ge=V.withInstall(P);F.FInputGroup=P,F.default=ge,F.inputGroupProps=N,F.propsResolver=j,Object.defineProperties(F,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(F,l){typeof exports=="object"&&typeof module<"u"?l(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"],l):(F=typeof globalThis<"u"?globalThis:F||self,l(F["input-group"]={},F.Vue,F.LodashES,F.common,F.numberSpinner,F.designerCanvas))})(this,function(F,l,k,V,L,O){"use strict";var be=Object.defineProperty;var Ce=(F,l,k)=>l in F?be(F,l,{enumerable:!0,configurable:!0,writable:!0,value:k}):F[l]=k;var b=(F,l,k)=>Ce(F,typeof l!="symbol"?l+"":l,k);const R={},W={};function D(e){const{properties:i,title:n,ignore:t}=e,o=t&&Array.isArray(t),u=Object.keys(i).reduce((s,y)=>((!o||!t.find(f=>f===y))&&(s[y]=i[y].type==="object"&&i[y].properties?D(i[y]):k.cloneDeep(i[y].default)),s),{});if(n&&(!o||!t.find(s=>s==="id"))){const s=n.toLowerCase().replace(/-/g,"_");u.id=`${s}_${Math.random().toString().slice(2,6)}`}return u}function H(e,i){const n=D(i);return Object.keys(n).reduce((t,o)=>(Object.prototype.hasOwnProperty.call(e,o)&&(t[o]&&k.isPlainObject(t[o])&&k.isPlainObject(e[o]||!e[o])?Object.assign(t[o],e[o]||{}):t[o]=e[o]),t),n),n}function z(e,i){return Object.keys(e).filter(t=>e[t]!=null).reduce((t,o)=>{if(i.has(o)){const u=i.get(o);if(typeof u=="string")t[u]=e[o];else{const s=u(o,e[o],e);Object.assign(t,s)}}else t[o]=e[o];return t},{})}function X(e,i,n=new Map){const t=H(e,i);return z(t,n)}function _(e={}){function i(r,c,a,p){if(typeof a=="number")return p[r].length===a;if(typeof a=="object"){const g=Object.keys(a)[0],d=a[g];if(g==="not")return Number(p[r].length)!==Number(d);if(g==="moreThan")return Number(p[r].length)>=Number(d);if(g==="lessThan")return Number(p[r].length)<=Number(d)}return!1}function n(r,c,a,p){return p[r]&&p[r].propertyValue&&String(p[r].propertyValue.value)===String(a)}const t=new Map([["length",i],["getProperty",n]]);Object.keys(e).reduce((r,c)=>(r.set(c,e[c]),r),t);function o(r,c){const a=r;return typeof c=="number"?[{target:a,operator:"length",param:null,value:Number(c)}]:typeof c=="boolean"?[{target:a,operator:"getProperty",param:r,value:!!c}]:typeof c=="object"?Object.keys(c).map(p=>{if(p==="length")return{target:a,operator:"length",param:null,value:c[p]};const g=p,d=c[p];return{target:a,operator:"getProperty",param:g,value:d}}):[]}function u(r){return Object.keys(r).reduce((a,p)=>{const g=o(p,r[p]);return a.push(...g),a},[])}function s(r,c){if(t.has(r.operator)){const a=t.get(r.operator);return a&&a(r.target,r.param,r.value,c)||!1}return!1}function y(r,c){return u(r).reduce((g,d)=>g&&s(d,c),!0)}function f(r,c){const a=Object.keys(r),p=a.includes("allOf"),g=a.includes("anyOf"),d=p||g,C=(d?r[d?p?"allOf":"anyOf":"allOf"]:[r]).map(B=>y(B,c));return p?!C.includes(!1):C.includes(!0)}return{parseValueSchema:f}}const m={button:{type:"button",name:"按钮",icon:"Button"},"response-toolbar":{type:"response-toolbar",name:"工具栏",icon:"ButtonGroup"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮",icon:"Button"},"content-container":{type:"content-container",name:"容器",icon:"ContentContainer"},"input-group":{type:"input-group",name:"文本",icon:"TextBox"},textarea:{type:"textarea",name:"多行文本",icon:"MultiTextBox"},lookup:{type:"lookup",name:"帮助",icon:"LookupEdit"},"number-spinner":{type:"number-spinner",name:"数值",icon:"NumericBox"},"date-picker":{type:"date-picker",name:"日期",icon:"DateBox"},switch:{type:"switch",name:"开关",icon:"SwitchField"},"radio-group":{type:"radio-group",name:"单选组",icon:"RadioGroup"},"check-box":{type:"check-box",name:"复选框",icon:"CheckBox"},"check-group":{type:"check-group",name:"复选框组",icon:"CheckGroup"},"combo-list":{type:"combo-list",name:"下拉列表",icon:"EnumField"},"response-form":{type:"response-form",name:"卡片面板",icon:"Form"},"response-layout":{type:"response-layout",name:"布局容器",icon:"ResponseLayout3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"ResponseLayout1"},"tree-grid":{type:"tree-grid",name:"树表格",icon:"TreeGrid"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格",icon:"DataGrid"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块",icon:"Module"},component:{type:"component",name:"组件",icon:"Component"},tabs:{type:"tabs",name:"标签页",icon:"Tab"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮",icon:"Button"},"time-picker":{type:"time-picker",name:"时间选择",icon:"TimePicker"},section:{type:"section",name:"分组面板",icon:"Section"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板",icon:"Splitter"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传",icon:"FileUpload"},"page-header":{type:"page-header",name:"页头",icon:"Header"},"page-footer":{type:"page-footer",name:"页脚",icon:"ModalFooter"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏",icon:"TabToolbar"},fieldset:{type:"fieldset",name:"分组",icon:"fieldset"},"query-solution":{type:"query-solution",name:"筛选方案",icon:"QueryScheme"}},Q={},Y={};_();function Z(e,i,n=new Map,t=(s,y,f,r)=>y,o={},u=s=>s){return R[i.title]=i,W[i.title]=t,Q[i.title]=o,Y[i.title]=u,(s={})=>{const y=X(s,i,n),f=Object.keys(e).reduce((r,c)=>(r[c]=e[c].default,r),{});return Object.assign(f,y)}}function J(e,i){return{customClass:i.class,customStyle:i.style}}const K=new Map([["appearance",J]]);function ee(e,i,n){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},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:["type"],ignore:["id","appearance","binding","visible"]},N={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:""},autoHeight:{type:Boolean,default:!1},autofocus:{type:Boolean,default:!1},rows:{type:Number,default:2},showCount:{type:Boolean,default:!1},focusOnCreated:{type:Boolean,default:!1},selectOnCreated:{type:Boolean,default:!1},updateOn:{type:String,default:"blur"}},j=Z(N,te,K,ee);function U(e,i){const n=l.ref(e.groupText),t=l.computed(()=>e.showButtonWhenDisabled&&(e.readonly||e.disabled)),o=l.computed(()=>e.enableClear||!!e.groupText);return{appendedButtonClass:l.computed(()=>({"input-group-append":!0,"append-force-show":t.value})),appendedContent:n,shouldShowAppendedButton:o}}function q(e,i,n,t){const{appendedContent:o}=t,u=l.ref(e.enableViewPassword),s=l.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>',r=l.ref(!1);l.watch(()=>[e.readonly,e.disabled],([p,g])=>{s.value&&(n.value=p||g?"password":n.value,o.value=p||g?f:o.value)});function c(){return r.value=!r.value,n.value=r.value?"text":"password",o.value=r.value?y:f,!1}function a(){n.value=s.value?"password":"text",o.value=s.value?u.value?f:"":o.value}return a(),{isPassword:s,onClickAppendedButton:c}}function ne(e,i,n){const t=l.ref(),{onBlurTextBox:o,onFocusTextBox:u,onInput:s,onKeyDown:y,textBoxValue:f}=n,r=l.computed(()=>e.disabled||e.readonly||!e.editable?"":e.placeholder),c=l.computed(()=>({"form-control":!0,"f-utils-fill":!0})),a=l.computed(()=>({"text-align":e.textAlign}));function p(h){h.stopPropagation()}function g(){e.selectOnCreated,e.focusOnCreated}async function d(h){u(h),await l.nextTick,g()}return l.onMounted(async()=>{await l.nextTick,g()}),()=>l.createVNode("input",{ref:t,class:c.value,style:a.value,type:"text",value:f.value,disabled:e.disabled,readonly:e.readonly||!e.editable,placeholder:r.value,onBlur:o,onChange:p,onFocus:d,onInput:s,onKeydown:y},null)}function oe(e,i,n){const{canDownward:t,canUpward:o,onClickDownButton:u,onClickUpButton:s}=n,y=l.computed(()=>({"input-group-append":!0,"btn-group":!0,"btn-group-number":!0})),f=l.computed(()=>({btn:!0,"btn-secondary":!0,"btn-number-flag":!0})),r=l.computed(()=>({cursor:o()?"pointer":"not-allowed","margin-left":0})),c=l.computed(()=>({cursor:t()?"pointer":"not-allowed","margin-left":0}));return()=>l.createVNode("div",{class:y.value},[l.createVNode("button",{title:"upButton",class:f.value,style:r.value,onClick:s,disabled:!o()},[l.createVNode("span",{class:"f-icon f-icon-arrow-chevron-up number-arrow-chevron"},null)]),l.createVNode("button",{title:"downButton",class:f.value,style:c.value,onClick:u,disabled:!t()},[l.createVNode("span",{class:"f-icon f-icon-arrow-chevron-down number-arrow-chevron"},null)])])}function ie(e,i){const n=L.useNumber(e,i),t=L.useFormat(e,i,n),o=L.useSpinner(e,i,t,n),u=L.useTextBox(e,i,t,n,o),s=oe(e,i,o),{displayValue:y,modelValue:f,getRealValue:r}=n,c=ne(e,i,u),{format:a}=t,{isFocus:p}=u,g=l.computed(()=>!e.disabled&&!e.readonly);return l.onMounted(()=>{const d=r(e.modelValue);y.value=a(d)}),l.watch(()=>[e.value],([d])=>{const h=r(d);f.value=h,y.value=a(h)}),l.watch(()=>[e.modelValue],([d])=>{d!==f.value&&(f.value=d,!p.value&&(y.value=a(r(d))))}),l.watch(()=>[e.precision,e.useThousands,e.prefix,e.suffix,e.showZero],()=>{y.value=a(f.value)}),()=>l.createVNode("div",{class:"input-group  flex-row f-cmp-number-spinner"},[c(),g.value&&s()])}function le(e,i,n,t){const o=l.ref(),{inputGroupClass:u,onBlur:s,onFocus:y}=t,{clearButtonClass:f,clearButtonStyle:r}=n,c=l.computed(()=>e.maxLength?e.maxLength:e.modelValue?e.modelValue.length:0),a=I=>{var x,T;I.stopPropagation(),i.emit("update:modelValue",(x=I.target)==null?void 0:x.value),i.emit("valueChange",(T=I.target)==null?void 0:T.value)},p=l.computed(()=>({"form-control":!0,"h-100":e.autoHeight})),g=l.computed(()=>e.enableClear&&!e.readonly&&!e.disabled),d=l.computed(()=>e.disabled||e.readonly?"":e.placeholder),h=l.computed(()=>({...r.value,position:"absolute",right:"5px",top:"50%",transform:"translateY(-50%)","background-color":"rgb(199, 207, 221)","border-radius":"100%",width:"16px",height:"16px"})),w=l.computed(()=>{const I={resize:"none","padding-right":"15px"};return e.rows>2?{height:"auto",...I}:I}),C=I=>{I.stopPropagation(),o.value.value="",i.emit("update:modelValue",""),i.emit("valueChange","")};function v(){return l.withDirectives(l.createVNode("textarea",{class:p.value,id:e.id,"onUpdate:modelValue":I=>e.modelValue=I,ref:o,minlength:e.minLength,maxlength:e.maxLength?e.maxLength:null,tabindex:e.tabIndex,disabled:e.disabled,readonly:e.readonly,autocomplete:e.autocomplete,placeholder:d.value,autofocus:e.autofocus,rows:e.rows,onInput:a,onFocus:y,onBlur:s,style:w.value},null),[[l.vModelText,e.modelValue]])}function B(){return e.showCount&&l.createVNode("span",{style:"position: absolute;bottom: 0;right: 5px;z-index:999;font-size:12px"},[`${e.modelValue?e.modelValue.length:0}/${c.value}`])}function M(){return g.value&&l.createVNode("span",{id:"clearIcon",class:f.value,style:h.value,onClick:I=>C(I)},[l.createVNode("i",{class:"f-icon modal_close",style:"font-size:8px;color:#fff"},null)])}return{renderTextarea:v,renderCount:B,renderClear:M}}function ae(e,i,n,t){const o=l.ref(),u=l.ref(e.autocomplete),s=l.ref(e.enableTitle),{isPassword:y}=n,f=l.ref(e.minLength),r=l.ref(e.maxLength),c=l.ref(e.tabIndex),{disabled:a,displayText:p,inputType:g,onBlur:d,onFocus:h,onInput:w,onClick:C,onKeydown:v,onKeyup:B,onMousedown:M,onTextBoxValueChange:I,readonly:x,placeholder:T,textBoxClass:S,textBoxTitle:G}=t;return l.onMounted(()=>{e.selectOnCreated,e.focusOnCreated}),()=>l.createVNode("input",{ref:o,name:"input-group-value",autocomplete:u.value,class:S.value,disabled:a==null?void 0:a.value,maxlength:r.value,minlength:f.value,placeholder:T.value,readonly:x==null?void 0:x.value,tabindex:c.value,title:s.value&&!y.value?G.value:"",type:g.value,value:p==null?void 0:p.value,onBlur:d,onClick:C,onChange:I,onFocus:h,onInput:w,onKeydown:v,onKeyup:B,onMousedown:M},null)}function re(e,i){const n=l.computed(()=>e.useExtendInfo&&!!e.extendInfo),t=l.reactive({content:e.extendInfo});function o(){i.emit("updateExtendInfo")}return()=>n.value&&l.withDirectives(l.createVNode("span",{class:"input-group-before-tips",onMouseenter:o},[l.createVNode("i",{class:"f-icon f-icon-info-circle"},null),l.createVNode("b",{class:"tips-arrow"},null)]),[[l.resolveDirective("tooltip"),t]])}function $(e,i,n,t,o){const{appendedButtonClass:u,appendedContent:s}=n,y=l.computed(()=>e.showButtonWhenDisabled&&(!e.editable||!e.readonly)&&!e.disabled),f=l.computed(()=>s.value&&!i.slots.groupTextTemplate),r=l.computed(()=>!!i.slots.groupTextTemplate),{clearButtonClass:c,clearButtonStyle:a,onClearValue:p,shouldShowClearButton:g}=t;function d(){return l.createVNode("span",{id:"clearIcon",class:c.value,style:a.value,onClick:T=>p(T)},[l.createVNode("i",{class:"f-icon modal_close"},null)])}function h(T){i.emit("iconMouseEnter",T)}function w(T){i.emit("iconMouseLeave",T)}function C(T){y.value&&i.emit("clickHandle",{originalEvent:T}),T.stopPropagation()}const v=e.type==="password"?o.onClickAppendedButton:C;function B(){return l.createVNode("span",{class:"input-group-text",onMouseenter:T=>h(T),onMouseleave:T=>w(T),innerHTML:s.value,onClick:T=>v(T)},null)}function M(){return i.slots.groupTextTemplate&&i.slots.groupTextTemplate()}function I(){return f.value?B:r.value?M:""}const x=I();return()=>l.createVNode("div",{class:u.value},[g.value&&d(),x&&x()])}const P=l.defineComponent({name:"FInputGroup",props:N,emits:["clear","change","blur","click","clickHandle","focus","input","keydown","keyup","iconMouseEnter","iconMouseLeave","update:modelValue","update:value","updateExtendInfo","valueChange"],setup(e,i){const n=l.ref(e.modelValue),t=l.ref(e.modelValue),o=V.useTextBox(e,i,n,t),{inputGroupClass:u,inputType:s,inputGroupStyle:y}=o,f=U(e),{shouldShowAppendedButton:r}=f,c=V.useClear(e,i,o),{onMouseEnter:a,onMouseLeave:p}=c,g=q(e,i,s,f),d=ie(e,i),{renderTextarea:h,renderCount:w,renderClear:C}=le(e,i,c,o),v=ae(e,i,g,o),B=$(e,i,f,c,g),M=re(e,i),I=l.computed(()=>e.type==="number"),x=l.computed(()=>e.type==="textarea");l.watch(()=>[e.value],([S])=>{n.value=S,t.value=S}),l.watch(()=>[e.modelValue],([S])=>{n.value=S,t.value=S}),l.onMounted(()=>{e.value&&(n.value=e.value,t.value=e.value)});const T=()=>l.createVNode(l.Fragment,null,[l.createVNode("div",{id:e.id,class:u.value,style:y.value,onMouseenter:a,onMouseleave:p},[I.value?d():x.value?h():l.createVNode(l.Fragment,null,[M(),v()]),!x.value&&r.value&&B(),x.value&&C(),x.value&&w()])]);return()=>T()}});class se{constructor(i,n){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 t;this.componentId=i,this.designerHostService=n,this.eventsEditorUtils=n.eventsEditorUtils,this.formSchemaUtils=n.formSchemaUtils,this.formMetadataConverter=n.formMetadataConverter,this.viewModelId=((t=this.formSchemaUtils)==null?void 0:t.getViewModelIdByComponentId(i))||"",this.designViewModelUtils=n.designViewModelUtils,this.controlCreatorUtils=n.controlCreatorUtils,this.metadataService=n.metadataService,this.schemaService=n.schemaService}getTableInfo(){var i;return(i=this.schemaService)==null?void 0:i.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(i){var t;const n=i.binding&&i.binding.type==="Form"&&i.binding.field;if(n){if(!this.designViewModelField){const o=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=o.fields.find(u=>u.id===n)}i.updateOn=(t=this.designViewModelField)==null?void 0:t.updateOn}}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",editable:!1,data:[{value:i.type,name:m[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,n){const t=n&&n.parent&&n.parent.schema;if(!t)return;const o=t.contents.findIndex(s=>s.id===i),u=k.cloneDeep(t.contents[o]);t.contents.splice(o,1),t.contents.splice(o,0,u)}}const E=class E{static getEditorTypesByMDataType(i){const n=E.fieldControlTypeMapping[i];return n||[{key:"",value:""}]}static getAllInputTypes(){const i=[];for(const n in E.fieldControlTypeMapping)E.fieldControlTypeMapping[n].forEach(t=>{i.find(o=>o.key===t.key&&o.value===t.value)||i.push({key:t.key,value:t.value})});return i}static mappingDomPropAndSchemaProp(i){var o;const n=(o=i.editor)==null?void 0:o.type;if(!n)return[];const t=[];switch(t.push({domField:"editor.required",schemaField:"require"}),t.push({domField:"editor.readonly",schemaField:"readonly"}),n){case m["data-grid-column"].type:case m["tree-grid-column"].type:{t.push({domField:"title",schemaField:"name"});break}default:t.push({domField:"label",schemaField:"name"})}return(n===m["input-group"].type||n===m.textarea.type||n===m["number-spinner"].type)&&t.push({domField:"editor.maxLength",schemaField:"type.length"}),n===m["number-spinner"].type&&t.push({domField:"editor.precision",schemaField:"type.precision"}),(n===m["combo-list"].type||n===m["radio-group"].type)&&t.push({domField:"editor.data",schemaField:"type.enumValues"}),n===m["date-picker"].type&&(t.push({domField:"editor.displayFormat",schemaField:"editor.format"}),t.push({domField:"editor.fieldType",schemaField:"type.name"})),n===m["number-spinner"].type&&(t.push({domField:"editor.max",schemaField:"editor.maxValue"}),t.push({domField:"editor.min",schemaField:"editor.minValue"})),n===m.lookup.type&&(t.push({domField:"editor.dataSource",schemaField:"editor.dataSource"}),t.push({domField:"editor.valueField",schemaField:"editor.valueField"}),t.push({domField:"editor.textField",schemaField:"editor.textField"}),t.push({domField:"editor.displayType",schemaField:"editor.displayType"}),t.push({domField:"editor.mapFields",schemaField:"editor.mapFields"}),t.push({domField:"editor.helpId",schemaField:"editor.helpId"})),t.push({domField:"path",schemaField:"bindingPath"}),t.push({domField:"binding.path",schemaField:"bindingField"}),t.push({domField:"binding.fullPath",schemaField:"path"}),(n===m["data-grid-column"].type||n===m["tree-grid-column"].type)&&t.push({domField:"field",schemaField:"bindingPath"}),t}};b(E,"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-group"].type,value:m["check-group"].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 A=E;const de=l.ref(0);class ue{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 ce(e){let i,n;const t=new Map;let o=[];function u(c,a){const g=c.split(" ").filter(v=>v.startsWith("col-"));if(g.length===0){a.isSupportedClass=!1;return}let d=g.find(v=>/^col-([1-9]|10|11|12)$/.test(v)),h=g.find(v=>/^col-md-([1-9]|10|11|12)$/.test(v)),w=g.find(v=>/^col-xl-([1-9]|10|11|12)$/.test(v)),C=g.find(v=>/^col-el-([1-9]|10|11|12)$/.test(v));d=d||"col-12",a.columnInSM=parseInt(d.replace("col-",""),10),a.displayWidthInSM=a.columnInSM/12,a.displayWidthInSM!==1&&(a.isSupportedClass=!1),h=h||"col-md-"+a.columnInSM,a.columnInMD=parseInt(h.replace("col-md-",""),10),a.displayWidthInMD=a.columnInMD/6,[1,2].includes(a.displayWidthInMD)||(a.isSupportedClass=!1),w=w||"col-xl-"+a.columnInMD,a.columnInLG=parseInt(w.replace("col-xl-",""),10),a.displayWidthInLG=a.columnInLG/3,[1,2,3,4].includes(a.displayWidthInLG)||(a.isSupportedClass=!1),C=C||"col-el-"+a.columnInLG,a.columnInEL=parseInt(C.replace("col-el-",""),10),a.displayWidthInEL=a.columnInEL/2,[1,2,3,4,5,6].includes(a.displayWidthInEL)||(a.isSupportedClass=!1)}function s(c,a,p,g=!1){let d=!1;c.contents.forEach(h=>{if(h.type==="fieldset"){p+=1,s(h,a,p,!0),d=!0;return}d&&(p+=1,d=!1);const w=h.appearance&&h.appearance.class,C=new ue;w?u(w,C):C.isSupportedClass=!1,C.label=h.label||h.id,C.id=h.id,C.group=p,g&&(C.fieldSetId=c.id),n===h.id&&(i=p),t.set(h.id,h),a.push(C)})}function y(c){const a=e.getComponentById(c);if(!a||!a.componentType||!a.componentType.startsWith("form"))return{result:!1,message:"只可以在响应式表单组件中调整响应式布局配置"};const p=e.selectNode(a,g=>g.type===O.DgControl["response-form"].type);return!p||!p.contents||p.contents.length===0?{result:!1,message:"Form区域内没有控件，请先添加控件"}:{result:!0,message:"",formNode:p}}function f(c,a){a=a||c.id;const{result:p,message:g,formNode:d}=y(a);if(!p)return{result:p,message:g};n=c.id,o=[],t.clear();const h=d.contents[0].type===O.DgControl.fieldset.type?0:1;s(d,o,h);const w=o.find(v=>!v.isSupportedClass);return{defaultState:{defaultGroupNumber:i||1,model:w?"customize":"standard"},importData:o}}function r(c,a){a=a;const{result:p,formNode:g}=y(a);if(!p)return"";const d=[];return c.forEach(h=>{var v;const w=t.get(h.id),C=w.appearance&&w.appearance.class;if(C){const M=C.split(" ").filter(he=>!he.startsWith("col-")),I="col-"+h.columnInSM,x="col-md-"+h.columnInMD,T="col-xl-"+h.columnInLG,S="col-el-"+h.columnInEL,G=[I,x,T,S].concat(M);w.appearance.class=G.join(" ")}if(h.fieldSetId){const B=g.contents.find(I=>I.id===h.fieldSetId),M=d.find(I=>I.id===h.fieldSetId);M?(v=M.contents)==null||v.push(w):(d.push(B),B.contents=[w])}else d.push(w)}),g.contents=d,g.id}return{checkCanFindFormNode:y,checkCanOpenLayoutEditor:f,changeFormControlsByResponseLayoutConfig:r,getResonseFormLayoutConfig:s}}class pe extends se{constructor(n,t){super(n,t);b(this,"responseLayoutEditorFunction");this.responseLayoutEditorFunction=ce(this.formSchemaUtils)}getPropertyConfig(n,t){return this.propertyConfig.categories.basic=this.getBasicProperties(n,t),this.propertyConfig.categories.appearance=this.getAppearanceProperties(n,t),this.propertyConfig.categories.editor=this.getEditorProperties(n),this.propertyConfig}getBasicProperties(n,t){var u;const o=this;return this.setDesignViewModelField(n),{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:o.designViewModelField?A.getEditorTypesByMDataType((u=o.designViewModelField.type)==null?void 0:u.name):A.getAllInputTypes()}},label:{title:"标签",type:"string",$converter:"/converter/form-group-label.converter"},binding:{description:"绑定的表单字段",title:"绑定",editor:{type:"binding-selector",bindingType:{enable:!1},editorParams:{componentSchema:n,needSyncToViewModel:!0,viewModelId:this.viewModelId,designerHostService:this.designerHostService,disableOccupiedFields:!0},textField:"bindingField"},refreshPanelAfterChanged:!0}},setPropertyRelates(s,y){if(s)switch(s&&s.propertyID){case"type":{o.changeControlType(n,s,t);break}case"label":{s.needRefreshControlTree=!0;break}}}}}getAppearanceProperties(n,t){const o=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:o.responseLayoutEditorFunction.checkCanOpenLayoutEditor(n,o.componentId)}}},setPropertyRelates(u,s){if(u)switch(u&&u.propertyID){case"responseLayout":o.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(u.propertyValue,o.componentId||n.id),o.updateUnifiedLayoutAfterResponseLayoutChanged(o.componentId),o.updateElementByParentContainer(n.id,t),delete n.responseLayout;break;case"class":o.updateUnifiedLayoutAfterControlChanged(u.propertyValue,n.id,this.componentId),o.updateElementByParentContainer(n.id,t);break}}}}getEditorProperties(n){return this.getComponentConfig(n)}changeControlType(n,t,o){var c,a,p,g;const u=t.propertyValue,s=o&&o.parent&&o.parent.schema;if(!s)return;const y=s.contents.findIndex(d=>d.id===n.id),f=s.contents[y];let r;this.designViewModelField&&(this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id,{editor:{$type:u},name:this.designViewModelField.name,require:this.designViewModelField.require,readonly:this.designViewModelField.readonly},!1),r=this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField,u)),r||(r=this.controlCreatorUtils.createFormGroupWithoutField(u)),Object.assign(r,{id:f.id,appearance:f.appearance,size:f.size,label:f.label,binding:f.binding,visible:f.visible}),Object.assign(r.editor,{isTextArea:r.isTextArea&&f.isTextArea,placeholder:(c=f.editor)==null?void 0:c.placeholder,holdPlace:(a=f.editor)==null?void 0:a.holdPlace,readonly:(p=f.editor)==null?void 0:p.readonly,required:(g=f.editor)==null?void 0:g.required}),s.contents.splice(y,1),s.contents.splice(y,0,r),o.schema=Object.assign(f,r),Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(d=>d.classList.remove("dgComponentSelected")),Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(d=>d.classList.remove("dgComponentFocused")),de.value++}getComponentConfig(n,t={},o={},u){const s=Object.assign({description:"编辑器",title:"编辑器",type:"input-group",$converter:"/converter/property-editor.converter"},t),y=Object.assign({readonly:{description:"",title:"只读",type:"boolean",editor:{enableClear:!0,editable:!0}},disabled:{description:"",title:"禁用",type:"boolean",visible:!1},placeholder:{description:"当控件没有值时在输入框中显示的文本",title:"提示文本",type:"string"}},o);return{...s,properties:{...y},setPropertyRelates:u}}updateUnifiedLayoutAfterControlChanged(n,t,o){const u=n.split(" ");let s=u.find(a=>/^col-([1-9]|10|11|12)$/.test(a)),y=u.find(a=>/^col-md-([1-9]|10|11|12)$/.test(a)),f=u.find(a=>/^col-xl-([1-9]|10|11|12)$/.test(a)),r=u.find(a=>/^col-el-([1-9]|10|11|12)$/.test(a));s=s||"col-12",y=y||"col-md-"+s.replace("col-",""),f=f||"col-xl-"+y.replace("col-md-",""),r=r||"col-el-"+f.replace("col-xl-","");const c={id:t,columnInSM:parseInt(s.replace("col-",""),10),columnInMD:parseInt(y.replace("col-md-",""),10),columnInLG:parseInt(f.replace("col-xl-",""),10),columnInEL:parseInt(r.replace("col-el-",""),10)};this.updateUnifiedLayoutAfterResponseLayoutChanged(o,c)}updateUnifiedLayoutAfterResponseLayoutChanged(n,t){const{formNode:o}=this.responseLayoutEditorFunction.checkCanFindFormNode(n);if(!o||!o.unifiedLayout)return;const u=[];if(this.responseLayoutEditorFunction.getResonseFormLayoutConfig(o,u,1),t){const d=u.find(h=>h.id===t.id);Object.assign(d||{},t)}const s=u.map(d=>d.columnInSM),y=u.map(d=>d.columnInMD),f=u.map(d=>d.columnInLG),r=u.map(d=>d.columnInEL),c=this.checkIsUniqueColumn(s)?s[0]:null,a=this.checkIsUniqueColumn(y)?y[0]:null,p=this.checkIsUniqueColumn(f)?f[0]:null,g=this.checkIsUniqueColumn(r)?r[0]:null;Object.assign(o.unifiedLayout,{uniqueColClassInSM:c,uniqueColClassInMD:a,uniqueColClassInLG:p,uniqueColClassInEL:g})}checkIsUniqueColumn(n){const t=new Set(n);return Array.from(t).length===1}getItemCollectionEditor(n,t,o){return t=t||"value",o=o||"name",{editor:{columns:[{field:t,title:"值",dataType:"string"},{field:o,title:"名称",dataType:"string"},{field:"disabled",title:"禁用",visible:!1,dataType:"boolean",editor:{type:"switch"}}],type:"item-collection-editor",valueField:t,nameField:o,requiredFields:[t,o],uniqueFields:[t,o],readonly:this.checkEnumDataReadonly(n)}}}checkEnumDataReadonly(n){return!n.binding||n.binding.type!=="Form"?!1:!!(this.designViewModelField&&this.designViewModelField.type&&this.designViewModelField.type.$type===V.FormSchemaEntityFieldType$Type.EnumType)}}class me extends pe{constructor(i,n){super(i,n)}}function fe(e,i){const n=e.schema;function t(o,u){return new me(o,i).getPropertyConfig(n,u)}return{getPropsConfig:t}}const ye=l.defineComponent({name:"FInputGroupDesign",props:N,emits:["updateExtendInfo","clear","valueChange","clickHandle","blurHandle","focusHandle","enterHandle","iconMouseEnter","iconMouseLeave","keyupHandle","keydownHandle","inputClick"],setup(e,i){const n=l.ref(e.modelValue),t=l.ref(e.modelValue),o=V.useTextBoxDesign(e,i,n,t),{inputGroupClass:u,inputType:s,inputGroupStyle:y}=o,f=U(e),{shouldShowAppendedButton:r}=f,c=V.useClear(e,i,o),{onMouseEnter:a,onMouseLeave:p}=c,g=q(e,i,s,f),d=l.ref(),h=l.inject("designer-host-service"),w=l.inject("design-item-context"),C=fe(w,h),v=O.useDesignerComponent(d,w,C);l.onMounted(()=>{d.value.componentInstance=v}),i.expose(v.value);const B=$(e,i,f,c,g),M=l.ref();return()=>l.createVNode("div",{id:"inputGroup",ref:d,class:u.value,style:y.value,onMouseenter:a,onMouseleave:p},[l.createVNode("input",{ref:M,class:"form-control",readonly:!0,placeholder:e.placeholder},null),r.value&&B()])}});P.register=(e,i,n,t)=>{e["input-group"]=P,i["input-group"]=j},P.registerDesigner=(e,i,n)=>{e["input-group"]=ye,i["input-group"]=j};const ge=V.withInstall(P);F.FInputGroup=P,F.default=ge,F.inputGroupProps=N,F.propsResolver=j,Object.defineProperties(F,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/list-view/index.css

@@ -1 +1 @@
-@charset "UTF-8";.f-navlookup-recommandLabel{height:18px;font-family:PingFangSC-Regular;font-size:13px;color:#3d4c6b;font-weight:400;cursor:pointer}.f-navlookup-recentHeader{height:32px;background:#fafaff;width:100%;display:flex;align-items:center;padding-left:10px;cursor:pointer;border:1px solid rgba(233,236,243,1)}.fv-grid-disabled{color:#a8adb8;background:#fafafc}.form-group-in-canvas .f-cmp-inputgroup .f-state-readonly .input-group-append{display:flex!important}.component-btn-group{flex-direction:row-reverse;position:absolute;z-index:800;background:#fff;display:none;top:-26px;right:0}.component-btn-group>div{position:fixed}.farris-component.farris-nested{padding:10px!important;border:dotted 2px #e8e8e8}.farris-component.farris-nested.dgComponentFocused{border:dotted 2px #388fff}.farris-component.can-move{padding:2px}.farris-component.dgComponentSelected>.component-btn-group{display:flex}.component-btn-group .component-settings-button{display:flex;cursor:pointer;float:right;margin-left:4px;padding:0;font-size:10px;line-height:1.2em;border-radius:2px 2px 0 0;width:24px!important;height:24px!important;color:#fff!important;background:#388fff!important}.component-btn-group .component-settings-button .f-icon{font-size:18px;margin:0 auto;line-height:20px}.component-btn-group .component-settings-button .f-icon.f-icon-yxs_move{cursor:move}.farris-component-content-container .drag-container{display:inherit;flex-direction:inherit;flex-shrink:1;flex-grow:1;flex-basis:0%;flex-wrap:inherit;justify-content:inherit;align-items:inherit;width:100%;overflow:inherit;height:inherit}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}.gu-mirror.undroppable .component-settings-button .f-icon-yxs_move{cursor:no-drop}.component-btn-group .component-settings-button .f-icon.f-icon-yxs_delete{color:#fff!important;background:#388fff!important}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20)}.drag-over:not(.no-drop){background-color:#f3f8ff!important}.gu-unselectable .farris-component.dgComponentSelected>.component-btn-group{display:none}.gu-unselectable .gu-mirror.farris-component.dgComponentSelected>.component-btn-group{display:flex}.gu-transit.farris-component.dgComponentSelected>.component-btn-group{display:none}.gu-mirror.farris-component.dgComponentSelected{position:fixed!important}.gu-mirror.farris-component.dgComponentSelected>.component-btn-group>div{position:relative;top:0!important;left:0!important}.gu-mirror.farris-component.dgComponentSelected>.component-btn-group{width:max-content}.dgComponentFocused{border-top:2px dotted #388fff!important;border-left:2px dotted #388fff!important;border-right:2px dotted #388fff!important;border-bottom:2px dotted #388fff!important}.dgComponentSelected{border-top:2px solid #388fff!important;border-left:2px solid #388fff!important;border-right:2px solid #388fff!important;border-bottom:2px solid #388fff!important}.editorDiv{background-color:#dbe6f7;overflow-x:auto}.editorPanel{position:relative;height:100%;min-width:900px}.editorDiv .f-struct-like-card{display:block}.editorDiv .farris-tabs.f-tabs-content-fill .f-struct-is-subgrid .f-grid-is-sub{width:100%}.ide-framework .cdk-overlay-container{z-index:1100}.editorDiv .f-struct-wrapper{margin-bottom:15px}.f-struct-wrapper+.f-struct-wrapper{position:relative;display:inherit;margin-bottom:15px}.f-page-is-mainsubcard .f-page-main .f-struct-wrapper{background:#fff}.editorDiv .f-page-navigate .f-page{position:absolute!important}.editorDiv .f-page-navigate .f-page.f-page-card .f-page-main>.drag-container{display:block;overflow:unset}.editorDiv .f-page.f-page-navigate.f-page-is-listnav-with-header .f-page-main .f-page-content-main{display:block}.smooth-dnd-ghost{z-index:1100!important}.editorDiv .farris-oa-page.f-page-card .f-page-main{display:block!important;overflow:auto!important}.editorDiv .f-page-has-scheme .f-page-main.farris-component{margin-top:0}.dropdown-menu.show{z-index:860}.f-struct-subsub-wrapper{padding-top:0!important}.gu-mirror.undroppable{cursor:no-drop}.gu-insertion{position:fixed;z-index:840!important;pointer-events:none!important;background-color:#388fff;height:4px;overflow:hidden}.editorPanel .f-page:before{display:initial!important}.editorPanel .f-page .f-page-main{margin-right:.5rem!important;margin-left:.5rem!important;margin-bottom:.5rem!important}.editorPanel .f-page.f-page-is-listnav .f-page-main{margin-top:.5rem!important}.editorPanel .f-page .f-page-main .f-page-main{margin:0!important}.editorPanel .f-page.f-page-has-scheme .f-page-header{margin:0 .5rem}.f-section-scheme{background:#fff;margin:.5625rem .5rem 0}.farris-component-tabs .farris-tabs-content.f-utils-fill-flex-column .farris-component-tab-page:has(.farris-tab-page-active){display:flex!important;overflow:hidden;flex-shrink:1;flex-grow:1;flex-basis:0;flex-direction:column!important}.response-layout{border:dotted 2px #e8e8e8}.response-layout .response-layout-item{border-right:dotted 2px #e8e8e8}.response-layout .response-layout-item:not(:last-child){padding-right:8px!important}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fv-resizable-handle{position:absolute;font-size:.1px;display:block;touch-action:none}.fv-resizable-handle:hover{background:#2a87ff12}.fv-resizable-handle.fv-resizable-n{cursor:n-resize;height:.4375rem;width:100%;top:-.3125rem;left:0}.fv-resizable-handle.fv-resizable-e{cursor:e-resize;width:.4375rem;right:-.3125rem;height:100%;top:0}.fv-resizable-handle.fv-resizable-s{cursor:s-resize;height:.4375rem;width:100%;bottom:-.3125rem;left:0}.fv-resizable-handle.fv-resizable-w{cursor:w-resize;height:100%;width:.4375rem;left:-.3125rem;top:0}.fv-resizable-handle.fv-resizable-ne{cursor:ne-resize;width:.75rem;height:.75rem;right:1px;top:1px}.fv-resizable-handle.fv-resizable-se{cursor:se-resize;width:.75rem;height:.75rem;right:1px;bottom:1px}.fv-resizable-handle.fv-resizable-nw{cursor:nw-resize;width:.75rem;height:.75rem;left:1px;top:1px}.fv-resizable-handle.fv-resizable-sw{cursor:sw-resize;width:.75rem;height:.75rem;left:1px;bottom:1px}.exception_wrap{max-width:750px;display:flex;overflow:hidden;position:relative}.exception_error_msg{line-height:1.5;max-height:3em;overflow:hidden;min-height:66px;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box}.exception_error_msg:before{content:"";float:right;width:0;height:100%;margin-bottom:-24px}.exception_error_msg:after{content:"";width:100%;height:100%;position:absolute;background-color:#fff}.exception_wrap .swith{float:right;clear:both;color:#2a87ff}.exception_wrap .swith:after{content:"展开";padding-left:15px;cursor:pointer}.exp_switch:checked+.exception_error_msg{max-height:480px;-webkit-line-clamp:20!important}.exp_switch:checked+.exception_error_msg .swith:after{content:"收起";cursor:pointer}.exp_switch:checked+.exception_error_msg:after{visibility:hidden}.exp_switch:checked+.exception_error_msg .swith:before{content:""}.screenGroup{background:#ffffffe6;box-shadow:0 0 3px #024bc133;border-radius:8px;padding:2px 14px;margin:5px auto;flex:1 1 0!important}.screenGroup .screenName{width:90px;font-family:PingFangSC-Regular;font-size:14px;line-height:24px;color:#2a87ff;height:32px;padding:4px;text-align:left}.screenGroup .screen-input{flex:1 1 0}.screenGroup farris-combo-list{width:84px}.screenGroup .columnText{line-height:26px}.applyBtn{margin-top:5px;display:flex;justify-content:center}.applyBtn .btn{width:110px}.en .screenGroup{width:100%;flex-direction:column;align-items:flex-start}.en .screenGroup>div{width:100%;padding:0 10px 10px 0;margin-left:0!important}.en .screenGroup .screenName{width:auto}.en .screenGroup farris-combo-list{flex:1}.en .screenGroup .columnText{width:50px}
+@charset "UTF-8";.f-navlookup-recommandLabel{height:18px;font-family:PingFangSC-Regular;font-size:13px;color:#3d4c6b;font-weight:400;cursor:pointer}.f-navlookup-recentHeader{height:32px;background:#fafaff;width:100%;display:flex;align-items:center;padding-left:10px;cursor:pointer;border:1px solid rgba(233,236,243,1)}.fv-grid-disabled{color:#a8adb8;background:#fafafc}.form-group-in-canvas .f-cmp-inputgroup .f-state-readonly .input-group-append{display:flex!important}.component-btn-group{flex-direction:row-reverse;position:absolute;z-index:800;background:#fff;display:none;top:-26px;right:0}.component-btn-group>div{position:fixed}.farris-component.farris-nested{padding:10px!important;border:dotted 2px #e8e8e8}.farris-component.farris-nested.dgComponentFocused{border:dotted 2px #388fff}.farris-component.can-move{padding:2px}.farris-component.dgComponentSelected>.component-btn-group{display:flex}.component-btn-group .component-settings-button{display:flex;cursor:pointer;float:right;margin-left:4px;padding:0;font-size:10px;line-height:1.2em;border-radius:2px 2px 0 0;width:24px!important;height:24px!important;color:#fff!important;background:#388fff!important}.component-btn-group .component-settings-button .f-icon{font-size:18px;margin:0 auto;line-height:20px}.component-btn-group .component-settings-button .f-icon.f-icon-yxs_move{cursor:move}.farris-component-content-container .drag-container{display:inherit;flex-direction:inherit;flex-shrink:1;flex-grow:1;flex-basis:0%;flex-wrap:inherit;justify-content:inherit;align-items:inherit;width:100%;overflow:inherit;height:inherit}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}.gu-mirror.undroppable .component-settings-button .f-icon-yxs_move{cursor:no-drop}.component-btn-group .component-settings-button .f-icon.f-icon-yxs_delete{color:#fff!important;background:#388fff!important}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20)}.drag-over:not(.no-drop){background-color:#f3f8ff!important}.gu-unselectable .farris-component.dgComponentSelected>.component-btn-group{display:none}.gu-unselectable .gu-mirror.farris-component.dgComponentSelected>.component-btn-group{display:flex}.gu-transit.farris-component.dgComponentSelected>.component-btn-group{display:none}.gu-mirror.farris-component.dgComponentSelected{position:fixed!important}.gu-mirror.farris-component.dgComponentSelected>.component-btn-group>div{position:relative;top:0!important;left:0!important}.gu-mirror.farris-component.dgComponentSelected>.component-btn-group{width:max-content}.dgComponentFocused{border-top:2px dotted #388fff!important;border-left:2px dotted #388fff!important;border-right:2px dotted #388fff!important;border-bottom:2px dotted #388fff!important}.dgComponentSelected{border-top:2px solid #388fff!important;border-left:2px solid #388fff!important;border-right:2px solid #388fff!important;border-bottom:2px solid #388fff!important}.editorDiv{background-color:#dbe6f7;overflow-x:auto}.editorPanel{position:relative;height:100%;min-width:900px}.editorDiv .f-struct-like-card{display:block}.editorDiv .farris-tabs.f-tabs-content-fill .f-struct-is-subgrid .f-grid-is-sub{width:100%}.ide-framework .cdk-overlay-container{z-index:1100}.editorDiv .f-struct-wrapper{margin-bottom:15px}.f-struct-wrapper+.f-struct-wrapper{position:relative;display:inherit;margin-bottom:15px}.f-page-is-mainsubcard .f-page-main .f-struct-wrapper{background:#fff}.editorDiv .f-page-navigate .f-page{position:absolute!important}.editorDiv .f-page-navigate .f-page.f-page-card .f-page-main>.drag-container{display:block;overflow:unset}.editorDiv .f-page.f-page-navigate.f-page-is-listnav-with-header .f-page-main .f-page-content-main{display:block}.smooth-dnd-ghost{z-index:1100!important}.editorDiv .farris-oa-page.f-page-card .f-page-main{display:block!important;overflow:auto!important}.editorDiv .f-page-has-scheme .f-page-main.farris-component{margin-top:0}.dropdown-menu.show{z-index:860}.f-struct-subsub-wrapper{padding-top:0!important}.gu-mirror.undroppable{cursor:no-drop}.gu-insertion{position:fixed;z-index:840!important;pointer-events:none!important;background-color:#388fff;height:4px;overflow:hidden}.editorPanel .f-page:before{display:initial!important}.editorPanel .f-page .f-page-main{margin-right:.5rem!important;margin-left:.5rem!important;margin-bottom:.5rem!important}.editorPanel .f-page.f-page-is-listnav .f-page-main{margin-top:.5rem!important}.editorPanel .f-page .f-page-main .f-page-main{margin:0!important}.editorPanel .f-page.f-page-has-scheme .f-page-header{margin:0 .5rem}.f-section-scheme{background:#fff;margin:.5625rem .5rem 0}.farris-component-tabs .farris-tabs-content.f-utils-fill-flex-column .farris-component-tab-page:has(.farris-tab-page-active){display:flex!important;overflow:hidden;flex-shrink:1;flex-grow:1;flex-basis:0;flex-direction:column!important}.response-layout{border:dotted 2px #e8e8e8}.response-layout .response-layout-item{border-right:dotted 2px #e8e8e8}.response-layout .response-layout-item:not(:last-child){padding-right:8px!important}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fv-resizable-handle{position:absolute;font-size:.1px;display:block;touch-action:none}.fv-resizable-handle:hover{background:#2a87ff12}.fv-resizable-handle.fv-resizable-n{cursor:n-resize;height:.4375rem;width:100%;top:-.3125rem;left:0}.fv-resizable-handle.fv-resizable-e{cursor:e-resize;width:.4375rem;right:-.3125rem;height:100%;top:0}.fv-resizable-handle.fv-resizable-s{cursor:s-resize;height:.4375rem;width:100%;bottom:-.3125rem;left:0}.fv-resizable-handle.fv-resizable-w{cursor:w-resize;height:100%;width:.4375rem;left:-.3125rem;top:0}.fv-resizable-handle.fv-resizable-ne{cursor:ne-resize;width:.75rem;height:.75rem;right:1px;top:1px}.fv-resizable-handle.fv-resizable-se{cursor:se-resize;width:.75rem;height:.75rem;right:1px;bottom:1px}.fv-resizable-handle.fv-resizable-nw{cursor:nw-resize;width:.75rem;height:.75rem;left:1px;top:1px}.fv-resizable-handle.fv-resizable-sw{cursor:sw-resize;width:.75rem;height:.75rem;left:1px;bottom:1px}.property-item .form-group{margin-bottom:2px}.property-item .col-form-label{line-height:26px}.property-item .row-item{align-items:center}.wide-panel .row-item{display:flex}.wide-panel .row-item .component{flex:1 1 0}.wide-panel .row-item label{width:89px;text-align:right;padding-right:10px}.wrap{overflow:hidden;text-overflow:ellipsis}.propertyCascadeItem{background-color:transparent!important;border:none!important}.propertyCascadeItem .card-header{background-color:transparent!important;padding:4px 0!important;color:inherit!important}.propertyCascadeItem .card-header .panel-item-title{width:100%;position:relative;font-size:inherit!important}.propertyCascadeItem .card-header .panel-item-title .farris-input-wrap{margin-left:-5px;margin-right:-5px}.propertyCascadeItem .form-group .col-form-label .f-icon{color:#a3a3a3!important}.propertyCascadeItem .f-accordion-collapse,.propertyCascadeItem .f-accordion-expand{right:0;left:auto!important;top:6px;color:#6b94ec!important;position:absolute}.propertyCascadeItem .card-body{padding:3px 12px!important;background:#fffc;border-radius:8px;margin:4px 0}.propertyCascadeItem .card-body.hidden{display:none}.landscape{display:none;flex-shrink:0;align-items:center;justify-content:flex-end}.wide-panel .vertical{display:none}.wide-panel .landscape{display:block;padding:0;overflow:hidden}.wide-panel .line-item{display:flex}.wide-panel .line-item .f-header{margin-bottom:0}.wide-panel .line-item .f-section-formgroup-legend{width:89px;text-align:right;padding-right:13px}.wide-panel .line-item .farris-input-wrap{flex:1 1 0}:host{width:inherit;height:inherit}.property-panel{position:relative}.property-panel .switcher{position:absolute;top:9px;right:0;width:40px;text-align:center}.property-panel .switcher i{color:#4190ff;font-size:12px;cursor:pointer}.property-panel .side-panel{width:41px;background-color:#fff;padding-top:45px;text-align:center}.property-panel .side-panel .icon{display:block;text-align:center;color:#4190ff;margin-bottom:10px}.property-panel .side-panel span{writing-mode:vertical-rl;font-size:14px}.propertyPanel{width:300px;height:100%;color:#000000bf;background:#f3f8ff!important;border-color:#d8dbe2!important;display:flex}.propertyPanel .title{position:relative;background:#d0d8e9!important;flex-wrap:wrap;border:0}.propertyPanel .title.p-right{padding-right:40px}.propertyPanel .title>.title-label{line-height:34px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:12px;padding-right:12px;color:#333;font-size:13px;font-weight:600;cursor:pointer}.propertyPanel .title>.title-label.active{background:#8fb1df!important}.propertyPanel .title .title-actions{position:absolute;right:10px;top:0;padding-left:35px;height:35px;-ms-flex:1;flex:1;box-sizing:border-box}.propertyPanel .title .title-actions{position:absolute;right:10px;top:0}.propertyPanel .property-grid .group-label{line-height:30px;display:block;padding-left:13px;cursor:pointer;background:#e2e9f6!important;color:#435069!important;font-weight:600!important;border-radius:6px}.propertyPanel .search .textbox{padding-left:10px}.propertyPanel .search .input-group{border-radius:0}.propertyPanel .panel-body{overflow:auto;height:100%}.propertyPanel .property-grid{list-style:none;margin:0 10px;padding:0}.propertyPanel .property-grid li{padding:2px 0}.propertyPanel .panel-body .property-grid .group-label+div{padding-bottom:14px!important;padding-top:.25rem!important}.propertyPanel .action-item{cursor:pointer;display:inline-block;transition:transform 50ms ease;position:relative;padding:0}.propertyPanel .action-item>.f-icon{color:#424242bf;line-height:35px;font-weight:600}.propertyPanel .search .input-group-clear{border-radius:0!important}.white-theme .propertyPanel{background:#fff!important;border:1px solid #D8DCE6!important}.white-theme .propertyPanel .title{overflow:visible;background:#fff!important;justify-content:space-around}.white-theme .propertyPanel{background:#fff!important}.white-theme .propertyPanel .title{overflow:visible;background:#fff!important;flex-wrap:wrap;text-align:center}.white-theme .propertyPanel .title>.title-label{font-weight:400!important;border-bottom:0;background:#fff!important;flex:1;color:#83849b}.white-theme .propertyPanel .title>.title-label>span{padding:0 14px 7px}.white-theme .propertyPanel .title>.title-label.active>span{border-bottom:2px solid #5b89fe;color:#5b89fe;border-radius:1.5px}.white-theme .propertyPanel .title.only{text-align:left}.white-theme .propertyPanel .property-grid .group-label{background:#fff!important;line-height:30px;font-weight:400!important;font-size:13px;color:#3f4764!important;border-radius:6px;background:#eef4ff!important;color:#435069!important}.white-theme .propertyPanel .property-grid .group-label .f-icon{color:#5d89fe;font-size:13px}.exception_wrap{max-width:750px;display:flex;overflow:hidden;position:relative}.exception_error_msg{line-height:1.5;max-height:3em;overflow:hidden;min-height:66px;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box}.exception_error_msg:before{content:"";float:right;width:0;height:100%;margin-bottom:-24px}.exception_error_msg:after{content:"";width:100%;height:100%;position:absolute;background-color:#fff}.exception_wrap .swith{float:right;clear:both;color:#2a87ff}.exception_wrap .swith:after{content:"展开";padding-left:15px;cursor:pointer}.exp_switch:checked+.exception_error_msg{max-height:480px;-webkit-line-clamp:20!important}.exp_switch:checked+.exception_error_msg .swith:after{content:"收起";cursor:pointer}.exp_switch:checked+.exception_error_msg:after{visibility:hidden}.exp_switch:checked+.exception_error_msg .swith:before{content:""}.screenGroup{background:#ffffffe6;box-shadow:0 0 3px #024bc133;border-radius:8px;padding:2px 14px;margin:5px auto;flex:1 1 0!important}.screenGroup .screenName{width:90px;font-family:PingFangSC-Regular;font-size:14px;line-height:24px;color:#2a87ff;height:32px;padding:4px;text-align:left}.screenGroup .screen-input{flex:1 1 0}.screenGroup farris-combo-list{width:84px}.screenGroup .columnText{line-height:26px}.applyBtn{margin-top:5px;display:flex;justify-content:center}.applyBtn .btn{width:110px}.en .screenGroup{width:100%;flex-direction:column;align-items:flex-start}.en .screenGroup>div{width:100%;padding:0 10px 10px 0;margin-left:0!important}.en .screenGroup .screenName{width:auto}.en .screenGroup farris-combo-list{flex:1}.en .screenGroup .columnText{width:50px}