@farris/ui-vue 1.3.1 → 1.3.3

package/components/switch/index.umd.cjs

@@ -1 +1 @@
-(function(w,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("vue"),require("lodash-es"),require("../designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../designer-canvas/index.umd.js"],m):(w=typeof globalThis<"u"?globalThis:w||self,m(w.switch={},w.Vue,w.LodashES,w.designerCanvas))})(this,function(w,m,T,$){"use strict";var de=Object.defineProperty;var ue=(w,m,T)=>m in w?de(w,m,{enumerable:!0,configurable:!0,writable:!0,value:T}):w[m]=T;var C=(w,m,T)=>ue(w,typeof m!="symbol"?m+"":m,T);const W={},j={};function N(l){const{properties:t,title:e,ignore:r}=l,n=r&&Array.isArray(r),a=Object.keys(t).reduce((p,y)=>((!n||!r.find(f=>f==y))&&(p[y]=t[y].type==="object"&&t[y].properties?N(t[y]):T.cloneDeep(t[y].default)),p),{});return e&&(!n||!r.find(p=>p=="id"))&&(a.id=`${e}-${Date.now()}`),a}function G(l,t={},e){const r=W[l];if(r){let n=N(r);const a=j[l];return n=a?a({getSchemaByType:G},n,t,e):n,n}return null}function q(l,t){const e=N(t);return Object.keys(l).reduce((r,n)=>(r[n]&&T.isPlainObject(r[n])&&T.isPlainObject(l[n])?Object.assign(r[n],l[n]):r[n]=l[n],r),e),e}function O(l,t){return Object.keys(l).filter(r=>l[r]!=null).reduce((r,n)=>{if(t.has(n)){const a=t.get(n);if(typeof a=="string")r[a]=l[n];else{const p=a(n,l[n],l);Object.assign(r,p)}}else r[n]=l[n];return r},{})}function z(l,t,e=new Map){const r=q(l,t);return O(r,e)}function X(l={}){function t(i,s,o,c){if(typeof o=="number")return c[i].length===o;if(typeof o=="object"){const h=Object.keys(o)[0],u=o[h];if(h==="not")return Number(c[i].length)!==Number(u);if(h==="moreThan")return Number(c[i].length)>=Number(u);if(h==="lessThan")return Number(c[i].length)<=Number(u)}return!1}function e(i,s,o,c){return c[i]&&c[i].propertyValue&&String(c[i].propertyValue.value)===String(o)}const r=new Map([["length",t],["getProperty",e]]);Object.keys(l).reduce((i,s)=>(i.set(s,l[s]),i),r);function n(i,s){const o=i;return typeof s=="number"?[{target:o,operator:"length",param:null,value:Number(s)}]:typeof s=="boolean"?[{target:o,operator:"getProperty",param:i,value:!!s}]:typeof s=="object"?Object.keys(s).map(c=>{if(c==="length")return{target:o,operator:"length",param:null,value:s[c]};const h=c,u=s[c];return{target:o,operator:"getProperty",param:h,value:u}}):[]}function a(i){return Object.keys(i).reduce((o,c)=>{const h=n(c,i[c]);return o.push(...h),o},[])}function p(i,s){if(r.has(i.operator)){const o=r.get(i.operator);return o&&o(i.target,i.param,i.value,s)||!1}return!1}function y(i,s){return a(i).reduce((h,u)=>h&&p(u,s),!0)}function f(i,s){const o=Object.keys(i),c=o.includes("allOf"),h=o.includes("anyOf"),u=c||h,k=(u?i[u?c?"allOf":"anyOf":"allOf"]:[i]).map(P=>y(P,s));return c?!k.includes(!1):k.includes(!0)}return{parseValueSchema:f}}const d={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"}},J={},Q={};X();function Y(l,t,e=new Map,r=(p,y,f)=>y,n={},a=p=>p){return W[t.title]=t,j[t.title]=r,J[t.title]=n,Q[t.title]=a,(p={})=>{const y=z(p,t,e),f=Object.keys(l).reduce((i,s)=>(i[s]=l[s].default,i),{});return Object.assign(f,y)}}function Z(l,t){return{customClass:t.class,customStyle:t.style}}const _=new Map([["appearance",Z]]),H={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/switch.schema.json",title:"switch",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for a switch",type:"string"},type:{description:"The type string of switch component",type:"string",default:"switch"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disabled:{type:"boolean",default:!1},onBackground:{description:"",type:"string",default:""},offBackground:{description:"",type:"string",default:""},onColor:{description:"",type:"string",default:""},offColor:{description:"",type:"string",default:""},onLabel:{description:"",type:"string",default:""},offLabel:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},size:{description:"",type:"enum",default:"medium"}},required:["id","type"],ignore:["id","appearance","binding"]};function x(l,t,e){return t}const I={modelValue:{type:Boolean,default:!1},disabled:{type:Boolean},onBackground:{type:String},offBackground:{type:String},onColor:{type:String},offColor:{type:String},onLabel:{type:String},offLabel:{type:String},size:{type:String,default:"medium"},onModelValueChanged:{type:Function,default:()=>{}}},L=Y(I,H,_,x),D=m.defineComponent({name:"FSwitch",props:I,emits:["update:modelValue","modelValueChanged"],setup(l,t){const{disabled:e,size:r,onLabel:n,offLabel:a,onBackground:p,offBackground:y,onColor:f,offColor:i}=m.toRefs(l),s=m.ref(l.modelValue),o=m.computed(()=>({switch:!0,"f-cmp-switch":!0,checked:s.value,disabled:e.value,"switch-large":r.value==="large","switch-medium":r.value==="medium","switch-small":r.value==="small"})),c=m.computed(()=>s.value?{outline:"none",background:p.value}:{outline:"none",backgroundColor:y.value}),h=m.computed(()=>s.value?{background:f.value}:{backgroundColor:i.value}),u=m.computed(()=>(n==null?void 0:n.value)||(a==null?void 0:a.value));function g(){e.value||(s.value=!s.value,t.emit("update:modelValue",s.value))}return m.watch(s,(b,k)=>{b!==k&&t.emit("modelValueChanged",b)}),m.watch(()=>l.modelValue,(b,k)=>{b!==k&&(s.value=b)}),()=>m.createVNode("span",{tabindex:"0",role:"button",class:o.value,style:c.value,onClick:g},[u.value&&m.createVNode("span",{class:"switch-pane"},[m.createVNode("span",{class:"switch-label-checked"},[n==null?void 0:n.value]),m.createVNode("span",{class:"switch-label-unchecked"},[a==null?void 0:a.value])]),m.createVNode("small",{style:h.value},[t.slots.default&&t.slots.default()])])}});function K(l,t,e){var V;function r(){e!=null&&e.resolveComponentContext&&e.resolveComponentContext()}r();const n=e&&e.getStyles&&e.getStyles()||"",a=e&&e.getDesignerClass&&e.getDesignerClass()||"",p=m.ref();function y(){return(t==null?void 0:t.schema.componentType)==="frame"?!1:e&&e.checkCanMoveComponent?e.checkCanMoveComponent():!0}function f(){return!1}function i(){return(t==null?void 0:t.schema.componentType)==="frame"?!1:e&&e.checkCanDeleteComponent?e.checkCanDeleteComponent():!0}function s(){return(t==null?void 0:t.schema.componentType)==="frame"?!0:e&&e.hideNestedPaddingInDesginerView?e.hideNestedPaddingInDesginerView():!1}function o(v){if(!v||!v.value)return null;if(v.value.schema&&v.value.schema.type==="component")return v.value;const S=m.ref(v==null?void 0:v.value.parent),F=o(S);return F||null}function c(v=t){const{componentInstance:S,designerItemElementRef:F}=v;return!S||!S.value?null:S.value.canMove?F:c(v.parent)}function h(v){return!!e&&e.canAccepts(v)}function u(){return(t==null?void 0:t.schema.label)||(t==null?void 0:t.schema.title)||(t==null?void 0:t.schema.name)}function g(){}function b(v,S){S&&e!=null&&e.onAcceptMovedChildElement&&e.onAcceptMovedChildElement(S)}function k(v,S){const{componentType:F}=v;let E=G(F,v,S);e&&e.onResolveNewComponentSchema&&(E=e.onResolveNewComponentSchema(v,E));const U=F.toLowerCase().replace("-","_");return E&&!E.id&&E.type===F&&(E.id=`${U}_${Math.random().toString().slice(2,6)}`),E}function M(v){}function P(...v){if(e&&e.getPropsConfig)return e.getPropsConfig(...v)}return p.value={canMove:y(),canSelectParent:f(),canDelete:i(),canNested:!s(),contents:t==null?void 0:t.schema.contents,elementRef:l,parent:(V=t==null?void 0:t.parent)==null?void 0:V.componentInstance,schema:t==null?void 0:t.schema,styles:n,designerClass:a,canAccepts:h,getBelongedComponentInstance:o,getDraggableDesignItemElement:c,getDraggingDisplayText:u,getPropConfig:P,getDragScopeElement:g,onAcceptMovedChildElement:b,onChildElementMovedOut:M,addNewChildComponentSchema:k,updateDragAndDropRules:r,triggerBelongedComponentToMoveWhenMoved:!!e&&e.triggerBelongedComponentToMoveWhenMoved||m.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!e&&e.triggerBelongedComponentToDeleteWhenDeleted||m.ref(!1)},p}class R{constructor(t,e){C(this,"componentId");C(this,"viewModelId");C(this,"eventsEditorUtils");C(this,"formSchemaUtils");C(this,"formMetadataConverter");C(this,"designViewModelUtils");C(this,"designViewModelField");C(this,"controlCreatorUtils");C(this,"designerHostService");C(this,"schemaService",null);C(this,"metadataService",null);C(this,"propertyConfig",{type:"object",categories:{}});var r;this.componentId=t,this.designerHostService=e,this.eventsEditorUtils=e.eventsEditorUtils,this.formSchemaUtils=e.formSchemaUtils,this.formMetadataConverter=e.formMetadataConverter,this.viewModelId=((r=this.formSchemaUtils)==null?void 0:r.getViewModelIdByComponentId(t))||"",this.designViewModelUtils=e.designViewModelUtils,this.controlCreatorUtils=e.controlCreatorUtils,this.metadataService=e.metadataService,this.schemaService=e.schemaService}getTableInfo(){var t;return(t=this.schemaService)==null?void 0:t.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(t){const e=t.binding&&t.binding.type==="Form"&&t.binding.field;if(e){if(!this.designViewModelField){const r=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=r.fields.find(n=>n.id===e)}t.updateOn=this.designViewModelField.updateOn}}changeFieldEditorType(t,e){}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:d[t.type].name}]}}}}}getAppearanceConfig(t=null){return{title:"样式",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter"}}}}updateElementByParentContainer(t,e){const r=e&&e.parent&&e.parent.schema;if(!r)return;const n=r.contents.findIndex(p=>p.id===t),a=T.cloneDeep(r.contents[n]);r.contents.splice(n,1),r.contents.splice(n,0,a)}}const B=class B{static getEditorTypesByMDataType(t){const e=B.fieldControlTypeMapping[t];return e||[{key:"",value:""}]}static getAllInputTypes(){const t=[];for(let e in B.fieldControlTypeMapping)B.fieldControlTypeMapping[e].forEach(r=>{t.find(n=>n.key===r.key&&n.value===r.value)||t.push({key:r.key,value:r.value})});return t}};C(B,"fieldControlTypeMapping",{String:[{key:d["input-group"].type,value:d["input-group"].name},{key:d.lookup.type,value:d.lookup.name},{key:d["date-picker"].type,value:d["date-picker"].name},{key:d["check-box"].type,value:d["check-box"].name},{key:d["check-group"].type,value:d["check-group"].name},{key:d["radio-group"].type,value:d["radio-group"].name},{key:d["combo-list"].type,value:d["combo-list"].name},{key:d.textarea.type,value:d.textarea.name}],Text:[{key:d.textarea.type,value:d.textarea.name},{key:d.lookup.type,value:d.lookup.name}],Decimal:[{key:d["number-spinner"].type,value:d["number-spinner"].name}],Integer:[{key:d["number-spinner"].type,value:d["number-spinner"].name}],Number:[{key:d["number-spinner"].type,value:d["number-spinner"].name}],BigNumber:[{key:d["number-spinner"].type,value:d["number-spinner"].name}],Date:[{key:d["date-picker"].type,value:d["date-picker"].name}],DateTime:[{key:d["date-picker"].type,value:d["date-picker"].name}],Boolean:[{key:d.switch.type,value:d.switch.name},{key:d["check-box"].type,value:d["check-box"].name}],Enum:[{key:d["combo-list"].type,value:d["combo-list"].name},{key:d["radio-group"].type,value:d["radio-group"].name}],Object:[{key:d.lookup.type,value:d.lookup.name},{key:d["combo-list"].type,value:d["combo-list"].name},{key:d["radio-group"].type,value:d["radio-group"].name}]});let A=B;const ee=m.ref(0);class te{constructor(){C(this,"label","");C(this,"id","");C(this,"columnInSM",12);C(this,"columnInMD",6);C(this,"columnInLG",3);C(this,"columnInEL",2);C(this,"displayWidthInSM",1);C(this,"displayWidthInMD",1);C(this,"displayWidthInLG",1);C(this,"displayWidthInEL",1);C(this,"displayColumnCountAtBreakPoint","md");C(this,"tagRow",0);C(this,"showTopBorder",0);C(this,"group",1);C(this,"isSupportedClass",!0);C(this,"fieldSetId","")}}function ne(l){let t,e;const r=new Map;let n=[];function a(s,o){const h=s.split(" ").filter(M=>M.startsWith("col-"));if(h.length===0){o.isSupportedClass=!1;return}let u=h.find(M=>/^col-([1-9]|10|11|12)$/.test(M)),g=h.find(M=>/^col-md-([1-9]|10|11|12)$/.test(M)),b=h.find(M=>/^col-xl-([1-9]|10|11|12)$/.test(M)),k=h.find(M=>/^col-el-([1-9]|10|11|12)$/.test(M));u=u||"col-12",o.columnInSM=parseInt(u.replace("col-",""),10),o.displayWidthInSM=o.columnInSM/12,o.displayWidthInSM!==1&&(o.isSupportedClass=!1),g=g||"col-md-"+o.columnInSM,o.columnInMD=parseInt(g.replace("col-md-",""),10),o.displayWidthInMD=o.columnInMD/6,[1,2].includes(o.displayWidthInMD)||(o.isSupportedClass=!1),b=b||"col-xl-"+o.columnInMD,o.columnInLG=parseInt(b.replace("col-xl-",""),10),o.displayWidthInLG=o.columnInLG/3,[1,2,3,4].includes(o.displayWidthInLG)||(o.isSupportedClass=!1),k=k||"col-el-"+o.columnInLG,o.columnInEL=parseInt(k.replace("col-el-",""),10),o.displayWidthInEL=o.columnInEL/2,[1,2,3,4,5,6].includes(o.displayWidthInEL)||(o.isSupportedClass=!1)}function p(s,o,c,h=!1){let u=!1;s.contents.forEach(g=>{if(g.type==="fieldset"){c+=1,p(g,o,c,!0),u=!0;return}u&&(c+=1,u=!1);const b=g.appearance&&g.appearance.class,k=new te;b?a(b,k):k.isSupportedClass=!1,k.label=g.label||g.id,k.id=g.id,k.group=c,h&&(k.fieldSetId=s.id),e===g.id&&(t=c),r.set(g.id,g),o.push(k)})}function y(s){const o=l.getComponentById(s);if(!o||!o.componentType||!o.componentType.startsWith("form"))return{result:!1,message:"只可以在响应式表单组件中调整响应式布局配置"};const c=l.selectNode(o,h=>h.type===$.DgControl["response-form"].type);return!c||!c.contents||c.contents.length===0?{result:!1,message:"Form区域内没有控件，请先添加控件"}:{result:!0,message:"",formNode:c}}function f(s,o){o=o||s.id;const{result:c,message:h,formNode:u}=y(o);if(!c)return{result:c,message:h};e=s.id,n=[],r.clear();const g=u.contents[0].type===$.DgControl.fieldset.type?0:1;p(u,n,g);const b=n.find(M=>!M.isSupportedClass);return{defaultState:{defaultGroupNumber:t||1,model:b?"customize":"standard"},importData:n}}function i(s,o){o=o;const{result:c,formNode:h}=y(o);if(!c)return"";const u=[];return s.forEach(g=>{var M;const b=r.get(g.id),k=b.appearance&&b.appearance.class;if(k){const V=k.split(" ").filter(pe=>!pe.startsWith("col-")),v="col-"+g.columnInSM,S="col-md-"+g.columnInMD,F="col-xl-"+g.columnInLG,E="col-el-"+g.columnInEL,U=[v,S,F,E].concat(V);b.appearance.class=U.join(" ")}if(g.fieldSetId){const P=h.contents.find(v=>v.id===g.fieldSetId),V=u.find(v=>v.id===g.fieldSetId);V?(M=V.contents)==null||M.push(b):(u.push(P),P.contents=[b])}else u.push(b)}),h.contents=u,h.id}return{checkCanFindFormNode:y,checkCanOpenLayoutEditor:f,changeFormControlsByResponseLayoutConfig:i,getResonseFormLayoutConfig:p}}class oe extends R{constructor(e,r){super(e,r);C(this,"responseLayoutEditorFunction");this.responseLayoutEditorFunction=ne(this.formSchemaUtils)}getPropertyConfig(e,r){return this.propertyConfig.categories.basic=this.getBasicProperties(e,r),this.propertyConfig.categories.appearance=this.getAppearanceProperties(e,r),this.propertyConfig.categories.editor=this.getEditorProperties(e),this.propertyConfig}getBasicProperties(e,r){var y;var n=this;this.setDesignViewModelField(e);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:n.designViewModelField?A.getEditorTypesByMDataType((y=n.designViewModelField.type)==null?void 0:y.name):A.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:e,formBasicInfo:a},columns:[{field:"name",title:"字段名称"},{field:"bindingField",title:"绑定字段"},{field:"fieldType",title:"字段类型"}],textField:"bindingField",data:p}}},setPropertyRelates(f,i){if(f)switch(f&&f.propertyID){case"type":{n.changeControlType(e,f,r);break}case"label":{f.needRefreshControlTree=!0;break}}}}}getAppearanceProperties(e,r){var n=this;return{title:"样式",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter"},responseLayout:{description:"响应式列宽",title:"响应式列宽",type:"boolean",visible:!0,refreshPanelAfterChanged:!0,editor:{type:"response-layout-editor-setting",initialState:n.responseLayoutEditorFunction.checkCanOpenLayoutEditor(e,n.componentId)}}},setPropertyRelates(a,p){if(a)switch(a&&a.propertyID){case"responseLayout":n.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(a.propertyValue,n.componentId||e.id),n.updateUnifiedLayoutAfterResponseLayoutChanged(n.componentId),n.updateElementByParentContainer(e.id,r),delete e.responseLayout;break;case"class":n.updateUnifiedLayoutAfterControlChanged(a.propertyValue,e.id,this.componentId),n.updateElementByParentContainer(e.id,r);break}}}}getEditorProperties(e){return this.getComponentConfig(e)}changeControlType(e,r,n){var s,o,c,h;const a=r.propertyValue,p=n&&n.parent&&n.parent.schema;if(!p)return;const y=p.contents.findIndex(u=>u.id===e.id),f=p.contents[y];let i;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),i=this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField,a)),i||(i=this.controlCreatorUtils.createFormGroupWithoutField(a)),Object.assign(i,{id:f.id,appearance:f.appearance,size:f.size,label:f.label,binding:f.binding,visible:f.visible}),Object.assign(i.editor,{isTextArea:i.isTextArea&&f.isTextArea,placeholder:(s=f.editor)==null?void 0:s.placeholder,holdPlace:(o=f.editor)==null?void 0:o.holdPlace,readonly:(c=f.editor)==null?void 0:c.readonly,require:(h=f.editor)==null?void 0:h.require}),p.contents.splice(y,1),p.contents.splice(y,0,i),n.schema=Object.assign(f,i),Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(u=>u.classList.remove("dgComponentSelected")),ee.value++}getComponentConfig(e,r={},n={}){const a=Object.assign({description:"编辑器",title:"编辑器",type:"input-group",$converter:"/converter/property-editor.converter"},r),p=Object.assign({readonly:{description:"",title:"只读",type:"boolean"},disabled:{description:"",title:"禁用",type:"boolean"},placeholder:{description:"空值时，输入控件内的占位文本",title:"提示文本",type:"string"}},n);return{...a,properties:{...p}}}updateUnifiedLayoutAfterControlChanged(e,r,n){const a=e.split(" ");let p=a.find(o=>/^col-([1-9]|10|11|12)$/.test(o)),y=a.find(o=>/^col-md-([1-9]|10|11|12)$/.test(o)),f=a.find(o=>/^col-xl-([1-9]|10|11|12)$/.test(o)),i=a.find(o=>/^col-el-([1-9]|10|11|12)$/.test(o));p=p||"col-12",y=y||"col-md-"+p.replace("col-",""),f=f||"col-xl-"+y.replace("col-md-",""),i=i||"col-el-"+f.replace("col-xl-","");const s={id:r,columnInSM:parseInt(p.replace("col-",""),10),columnInMD:parseInt(y.replace("col-md-",""),10),columnInLG:parseInt(f.replace("col-xl-",""),10),columnInEL:parseInt(i.replace("col-el-",""),10)};this.updateUnifiedLayoutAfterResponseLayoutChanged(n,s)}updateUnifiedLayoutAfterResponseLayoutChanged(e,r){const{formNode:n}=this.responseLayoutEditorFunction.checkCanFindFormNode(e);if(!n||!n.unifiedLayout)return;const a=[];if(this.responseLayoutEditorFunction.getResonseFormLayoutConfig(n,a,1),r){const u=a.find(g=>g.id===r.id);Object.assign(u||{},r)}const p=a.map(u=>u.columnInSM),y=a.map(u=>u.columnInMD),f=a.map(u=>u.columnInLG),i=a.map(u=>u.columnInEL),s=this.checkIsUniqueColumn(p)?p[0]:null,o=this.checkIsUniqueColumn(y)?y[0]:null,c=this.checkIsUniqueColumn(f)?f[0]:null,h=this.checkIsUniqueColumn(i)?i[0]:null;Object.assign(n.unifiedLayout,{uniqueColClassInSM:s,uniqueColClassInMD:o,uniqueColClassInLG:c,uniqueColClassInEL:h})}checkIsUniqueColumn(e){const r=new Set(e);return Array.from(r).length===1}}class re extends oe{constructor(t,e){super(t,e)}getEditorProperties(t){return this.getComponentConfig(t,{type:"switch"},{readonly:{visible:!1},placeholder:{visible:!1},onLabel:{description:"",title:"打开时标签",type:"string"},offLabel:{description:"",title:"关闭时标签",type:"string"},onBackground:{description:"",title:"打开时背景色",type:"string"},offBackground:{description:"",title:"关闭时背景色",type:"string"},size:{description:"",title:"尺寸",type:"enum",editor:{data:[{value:"small",name:"小号"},{value:"middle",name:"中号"},{value:"large",name:"大号"}]}}})}}function ie(l,t){l.schema;const e=m.ref(!0),r=m.ref(!0);function n(o){return!1}function a(){return!1}function p(){return!1}function y(){return!0}function f(o){}function i(){}function s(o){return null}return{canAccepts:n,checkCanDeleteComponent:a,checkCanMoveComponent:p,hideNestedPaddingInDesginerView:y,onAcceptMovedChildElement:f,resolveComponentContext:i,triggerBelongedComponentToMoveWhenMoved:e,triggerBelongedComponentToDeleteWhenDeleted:r,getPropsConfig:s}}function ae(l,t){const{canAccepts:e,checkCanDeleteComponent:r,checkCanMoveComponent:n,hideNestedPaddingInDesginerView:a,onAcceptMovedChildElement:p,resolveComponentContext:y,triggerBelongedComponentToMoveWhenMoved:f,triggerBelongedComponentToDeleteWhenDeleted:i}=ie(l),s=l.schema;function o(c,h){return new re(c,t).getPropertyConfig(s,h)}return{canAccepts:e,checkCanDeleteComponent:r,checkCanMoveComponent:n,hideNestedPaddingInDesginerView:a,onAcceptMovedChildElement:p,resolveComponentContext:y,triggerBelongedComponentToMoveWhenMoved:f,triggerBelongedComponentToDeleteWhenDeleted:i,getPropsConfig:o}}const se=m.defineComponent({name:"FSwitchDesign",props:I,emits:["update:modelValue"],setup(l,t){const{size:e,onLabel:r,offLabel:n}=m.toRefs(l),a=m.ref(),p=m.inject("designer-host-service"),y=m.inject("design-item-context"),f=ae(y,p),i=K(a,y,f);m.onMounted(()=>{a.value.componentInstance=i}),t.expose(i.value);const s=m.computed(()=>({switch:!0,"f-cmp-switch":!0,checked:!1,"switch-large":e.value==="large","switch-medium":e.value==="medium","switch-small":e.value==="small"})),o=m.computed(()=>(r==null?void 0:r.value)||(n==null?void 0:n.value));return()=>m.createVNode("span",{ref:a,tabindex:"0",role:"button",class:s.value},[o.value&&m.createVNode("span",{class:"switch-pane"},[m.createVNode("span",{class:"switch-label-unchecked"},[n==null?void 0:n.value])]),m.createVNode("small",null,[t.slots.default&&t.slots.default()])])}}),le=l=>{const t=l;return t.install=function(e){e.component(t.name,l)},l};D.register=(l,t,e,r)=>{l.switch=D,t.switch=L},D.registerDesigner=(l,t,e)=>{l.switch=se,t.switch=L};const ce=le(D);w.FSwitch=D,w.default=ce,w.propsResolver=L,w.switchProps=I,Object.defineProperties(w,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(M,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("vue"),require("lodash-es"),require("../designer-canvas/index.umd.js"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../designer-canvas/index.umd.js","../common/index.umd.js"],m):(M=typeof globalThis<"u"?globalThis:M||self,m(M.switch={},M.Vue,M.LodashES,M.designerCanvas,M.common))})(this,function(M,m,E,$,O){"use strict";var pe=Object.defineProperty;var de=(M,m,E)=>m in M?pe(M,m,{enumerable:!0,configurable:!0,writable:!0,value:E}):M[m]=E;var v=(M,m,E)=>de(M,typeof m!="symbol"?m+"":m,E);const j={},q={};function N(c){const{properties:t,title:e,ignore:i}=c,n=i&&Array.isArray(i),r=Object.keys(t).reduce((s,y)=>((!n||!i.find(h=>h===y))&&(s[y]=t[y].type==="object"&&t[y].properties?N(t[y]):E.cloneDeep(t[y].default)),s),{});if(e&&(!n||!i.find(s=>s==="id"))){const s=e.toLowerCase().replace(/-/g,"_");r.id=`${s}_${Math.random().toString().slice(2,6)}`}return r}function G(c,t={},e){const i=j[c];if(i){let n=N(i);const r=q[c];return n=r?r({getSchemaByType:G},n,t,e):n,n}return null}function W(c,t){const e=N(t);return Object.keys(e).reduce((i,n)=>(i[n]&&E.isPlainObject(i[n])&&E.isPlainObject(c[n]||!c[n])?Object.assign(i[n],c[n]||{}):i[n]=c[n],i),e),e}function z(c,t){return Object.keys(c).filter(i=>c[i]!=null).reduce((i,n)=>{if(t.has(n)){const r=t.get(n);if(typeof r=="string")i[r]=c[n];else{const s=r(n,c[n],c);Object.assign(i,s)}}else i[n]=c[n];return i},{})}function X(c,t,e=new Map){const i=W(c,t);return z(i,e)}function _(c={}){function t(a,l,o,d){if(typeof o=="number")return d[a].length===o;if(typeof o=="object"){const f=Object.keys(o)[0],u=o[f];if(f==="not")return Number(d[a].length)!==Number(u);if(f==="moreThan")return Number(d[a].length)>=Number(u);if(f==="lessThan")return Number(d[a].length)<=Number(u)}return!1}function e(a,l,o,d){return d[a]&&d[a].propertyValue&&String(d[a].propertyValue.value)===String(o)}const i=new Map([["length",t],["getProperty",e]]);Object.keys(c).reduce((a,l)=>(a.set(l,c[l]),a),i);function n(a,l){const o=a;return typeof l=="number"?[{target:o,operator:"length",param:null,value:Number(l)}]:typeof l=="boolean"?[{target:o,operator:"getProperty",param:a,value:!!l}]:typeof l=="object"?Object.keys(l).map(d=>{if(d==="length")return{target:o,operator:"length",param:null,value:l[d]};const f=d,u=l[d];return{target:o,operator:"getProperty",param:f,value:u}}):[]}function r(a){return Object.keys(a).reduce((o,d)=>{const f=n(d,a[d]);return o.push(...f),o},[])}function s(a,l){if(i.has(a.operator)){const o=i.get(a.operator);return o&&o(a.target,a.param,a.value,l)||!1}return!1}function y(a,l){return r(a).reduce((f,u)=>f&&s(u,l),!0)}function h(a,l){const o=Object.keys(a),d=o.includes("allOf"),f=o.includes("anyOf"),u=d||f,C=(u?a[u?d?"allOf":"anyOf":"allOf"]:[a]).map(P=>y(P,l));return d?!C.includes(!1):C.includes(!0)}return{parseValueSchema:h}}const p={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={},H={};_();function J(c,t,e=new Map,i=(s,y,h,a)=>y,n={},r=s=>s){return j[t.title]=t,q[t.title]=i,Q[t.title]=n,H[t.title]=r,(s={})=>{const y=X(s,t,e),h=Object.keys(c).reduce((a,l)=>(a[l]=c[l].default,a),{});return Object.assign(h,y)}}function Y(c,t){return{customClass:t.class,customStyle:t.style}}const Z=new Map([["appearance",Y]]),K={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/switch.schema.json",title:"switch",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for a switch",type:"string"},type:{description:"The type string of switch component",type:"string",default:"switch"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disabled:{type:"boolean",default:!1},onBackground:{description:"",type:"string",default:""},offBackground:{description:"",type:"string",default:""},onColor:{description:"",type:"string",default:""},offColor:{description:"",type:"string",default:""},onLabel:{description:"",type:"string",default:""},offLabel:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},size:{description:"",type:"enum",default:"medium"}},required:["id","type"],ignore:["id","appearance","binding"]};function R(c,t,e){return t}const D={modelValue:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},onBackground:{type:String},offBackground:{type:String},onColor:{type:String},offColor:{type:String},onLabel:{type:String},offLabel:{type:String},size:{type:String,default:"medium"},onModelValueChanged:{type:Function,default:()=>{}}},A=J(D,K,Z,R),I=m.defineComponent({name:"FSwitch",props:D,emits:["update:modelValue","modelValueChanged"],setup(c,t){const{disabled:e,size:i,onLabel:n,offLabel:r,onBackground:s,offBackground:y,onColor:h,offColor:a,readonly:l}=m.toRefs(c),o=m.ref(c.modelValue),d=m.computed(()=>({switch:!0,"f-cmp-switch":!0,checked:o.value,disabled:l.value||e.value,"switch-large":i.value==="large","switch-medium":i.value==="medium","switch-small":i.value==="small"})),f=m.computed(()=>o.value?{outline:"none",background:s.value}:{outline:"none",backgroundColor:y.value}),u=m.computed(()=>o.value?{background:h.value}:{backgroundColor:a.value}),g=m.computed(()=>(n==null?void 0:n.value)||(r==null?void 0:r.value));function k(){l.value||e.value||(o.value=!o.value,t.emit("update:modelValue",o.value))}return m.watch(o,(C,w)=>{C!==w&&t.emit("modelValueChanged",C)}),m.watch(()=>c.modelValue,(C,w)=>{C!==w&&(o.value=C)}),()=>m.createVNode("span",{tabindex:"0",role:"button",class:d.value,style:f.value,onClick:k},[g.value&&m.createVNode("span",{class:"switch-pane"},[m.createVNode("span",{class:"switch-label-checked"},[n==null?void 0:n.value]),m.createVNode("span",{class:"switch-label-unchecked"},[r==null?void 0:r.value])]),m.createVNode("small",{style:u.value},[t.slots.default&&t.slots.default()])])}});function x(c,t,e){var V;const i=e&&e.getStyles&&e.getStyles()||"",n=e&&e.getDesignerClass&&e.getDesignerClass()||"",r=m.ref();function s(){return(t==null?void 0:t.schema.componentType)==="frame"?!1:e&&e.checkCanMoveComponent?e.checkCanMoveComponent():!0}function y(){return!1}function h(){return(t==null?void 0:t.schema.componentType)==="frame"?!1:e&&e.checkCanDeleteComponent?e.checkCanDeleteComponent():!0}function a(){return(t==null?void 0:t.schema.componentType)==="frame"?!0:e&&e.hideNestedPaddingInDesginerView?e.hideNestedPaddingInDesginerView():!1}function l(b){if(!b||!b.value)return null;if(b.value.schema&&b.value.schema.type==="component")return b.value;const S=m.ref(b==null?void 0:b.value.parent),F=l(S);return F||null}function o(b=t){const{componentInstance:S,designerItemElementRef:F}=b;return!S||!S.value?null:S.value.canMove?F:o(b.parent)}function d(b){return!!e&&e.canAccepts(b)}function f(){return(t==null?void 0:t.schema.label)||(t==null?void 0:t.schema.title)||(t==null?void 0:t.schema.name)}function u(){}function g(b,S){S&&e!=null&&e.onAcceptMovedChildElement&&e.onAcceptMovedChildElement(S)}function k(b,S){const{componentType:F}=b;let T=G(F,b,S);e&&e.onResolveNewComponentSchema&&(T=e.onResolveNewComponentSchema(b,T));const U=F.toLowerCase().replace(/-/g,"_");return T&&!T.id&&T.type===F&&(T.id=`${U}_${Math.random().toString().slice(2,6)}`),T}function C(b){}function w(...b){if(e&&e.getPropsConfig)return e.getPropsConfig(...b)}function P(){e&&e.onRemoveComponent&&e.onRemoveComponent(),t!=null&&t.schema.contents&&t.schema.contents.map(b=>{var T;let S=b.id;b.type==="component-ref"&&(S=b.component);const F=c.value.querySelector(`#${S}-design-item`);(T=F==null?void 0:F.componentInstance)!=null&&T.value.onRemoveComponent&&F.componentInstance.value.onRemoveComponent()})}return r.value={canMove:s(),canSelectParent:y(),canDelete:h(),canNested:!a(),contents:t==null?void 0:t.schema.contents,elementRef:c,parent:(V=t==null?void 0:t.parent)==null?void 0:V.componentInstance,schema:t==null?void 0:t.schema,styles:i,designerClass:n,canAccepts:d,getBelongedComponentInstance:l,getDraggableDesignItemElement:o,getDraggingDisplayText:f,getPropConfig:w,getDragScopeElement:u,onAcceptMovedChildElement:g,onChildElementMovedOut:C,addNewChildComponentSchema:k,triggerBelongedComponentToMoveWhenMoved:!!e&&e.triggerBelongedComponentToMoveWhenMoved||m.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!e&&e.triggerBelongedComponentToDeleteWhenDeleted||m.ref(!1),onRemoveComponent:P},r}class ee{constructor(t,e){v(this,"componentId");v(this,"viewModelId");v(this,"eventsEditorUtils");v(this,"formSchemaUtils");v(this,"formMetadataConverter");v(this,"designViewModelUtils");v(this,"designViewModelField");v(this,"controlCreatorUtils");v(this,"designerHostService");v(this,"schemaService",null);v(this,"metadataService",null);v(this,"propertyConfig",{type:"object",categories:{}});var i;this.componentId=t,this.designerHostService=e,this.eventsEditorUtils=e.eventsEditorUtils,this.formSchemaUtils=e.formSchemaUtils,this.formMetadataConverter=e.formMetadataConverter,this.viewModelId=((i=this.formSchemaUtils)==null?void 0:i.getViewModelIdByComponentId(t))||"",this.designViewModelUtils=e.designViewModelUtils,this.controlCreatorUtils=e.controlCreatorUtils,this.metadataService=e.metadataService,this.schemaService=e.schemaService}getTableInfo(){var t;return(t=this.schemaService)==null?void 0:t.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(t){var i;const e=t.binding&&t.binding.type==="Form"&&t.binding.field;if(e){if(!this.designViewModelField){const n=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=n.fields.find(r=>r.id===e)}t.updateOn=(i=this.designViewModelField)==null?void 0:i.updateOn}}changeFieldEditorType(t,e){}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:p[t.type].name}]}}}}}getAppearanceConfig(t=null){return{title:"样式",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter"}}}}updateElementByParentContainer(t,e){const i=e&&e.parent&&e.parent.schema;if(!i)return;const n=i.contents.findIndex(s=>s.id===t),r=E.cloneDeep(i.contents[n]);i.contents.splice(n,1),i.contents.splice(n,0,r)}}const B=class B{static getEditorTypesByMDataType(t){const e=B.fieldControlTypeMapping[t];return e||[{key:"",value:""}]}static getAllInputTypes(){const t=[];for(const e in B.fieldControlTypeMapping)B.fieldControlTypeMapping[e].forEach(i=>{t.find(n=>n.key===i.key&&n.value===i.value)||t.push({key:i.key,value:i.value})});return t}};v(B,"fieldControlTypeMapping",{String:[{key:p["input-group"].type,value:p["input-group"].name},{key:p.lookup.type,value:p.lookup.name},{key:p["date-picker"].type,value:p["date-picker"].name},{key:p["check-box"].type,value:p["check-box"].name},{key:p["check-group"].type,value:p["check-group"].name},{key:p["radio-group"].type,value:p["radio-group"].name},{key:p["combo-list"].type,value:p["combo-list"].name},{key:p.textarea.type,value:p.textarea.name}],Text:[{key:p.textarea.type,value:p.textarea.name},{key:p.lookup.type,value:p.lookup.name}],Decimal:[{key:p["number-spinner"].type,value:p["number-spinner"].name}],Integer:[{key:p["number-spinner"].type,value:p["number-spinner"].name}],Number:[{key:p["number-spinner"].type,value:p["number-spinner"].name}],BigNumber:[{key:p["number-spinner"].type,value:p["number-spinner"].name}],Date:[{key:p["date-picker"].type,value:p["date-picker"].name}],DateTime:[{key:p["date-picker"].type,value:p["date-picker"].name}],Boolean:[{key:p.switch.type,value:p.switch.name},{key:p["check-box"].type,value:p["check-box"].name}],Enum:[{key:p["combo-list"].type,value:p["combo-list"].name},{key:p["radio-group"].type,value:p["radio-group"].name}],Object:[{key:p.lookup.type,value:p.lookup.name},{key:p["combo-list"].type,value:p["combo-list"].name},{key:p["radio-group"].type,value:p["radio-group"].name}]});let L=B;const te=m.ref(0);class ne{constructor(){v(this,"label","");v(this,"id","");v(this,"columnInSM",12);v(this,"columnInMD",6);v(this,"columnInLG",3);v(this,"columnInEL",2);v(this,"displayWidthInSM",1);v(this,"displayWidthInMD",1);v(this,"displayWidthInLG",1);v(this,"displayWidthInEL",1);v(this,"displayColumnCountAtBreakPoint","md");v(this,"tagRow",0);v(this,"showTopBorder",0);v(this,"group",1);v(this,"isSupportedClass",!0);v(this,"fieldSetId","")}}function oe(c){let t,e;const i=new Map;let n=[];function r(l,o){const f=l.split(" ").filter(w=>w.startsWith("col-"));if(f.length===0){o.isSupportedClass=!1;return}let u=f.find(w=>/^col-([1-9]|10|11|12)$/.test(w)),g=f.find(w=>/^col-md-([1-9]|10|11|12)$/.test(w)),k=f.find(w=>/^col-xl-([1-9]|10|11|12)$/.test(w)),C=f.find(w=>/^col-el-([1-9]|10|11|12)$/.test(w));u=u||"col-12",o.columnInSM=parseInt(u.replace("col-",""),10),o.displayWidthInSM=o.columnInSM/12,o.displayWidthInSM!==1&&(o.isSupportedClass=!1),g=g||"col-md-"+o.columnInSM,o.columnInMD=parseInt(g.replace("col-md-",""),10),o.displayWidthInMD=o.columnInMD/6,[1,2].includes(o.displayWidthInMD)||(o.isSupportedClass=!1),k=k||"col-xl-"+o.columnInMD,o.columnInLG=parseInt(k.replace("col-xl-",""),10),o.displayWidthInLG=o.columnInLG/3,[1,2,3,4].includes(o.displayWidthInLG)||(o.isSupportedClass=!1),C=C||"col-el-"+o.columnInLG,o.columnInEL=parseInt(C.replace("col-el-",""),10),o.displayWidthInEL=o.columnInEL/2,[1,2,3,4,5,6].includes(o.displayWidthInEL)||(o.isSupportedClass=!1)}function s(l,o,d,f=!1){let u=!1;l.contents.forEach(g=>{if(g.type==="fieldset"){d+=1,s(g,o,d,!0),u=!0;return}u&&(d+=1,u=!1);const k=g.appearance&&g.appearance.class,C=new ne;k?r(k,C):C.isSupportedClass=!1,C.label=g.label||g.id,C.id=g.id,C.group=d,f&&(C.fieldSetId=l.id),e===g.id&&(t=d),i.set(g.id,g),o.push(C)})}function y(l){const o=c.getComponentById(l);if(!o||!o.componentType||!o.componentType.startsWith("form"))return{result:!1,message:"只可以在响应式表单组件中调整响应式布局配置"};const d=c.selectNode(o,f=>f.type===$.DgControl["response-form"].type);return!d||!d.contents||d.contents.length===0?{result:!1,message:"Form区域内没有控件，请先添加控件"}:{result:!0,message:"",formNode:d}}function h(l,o){o=o||l.id;const{result:d,message:f,formNode:u}=y(o);if(!d)return{result:d,message:f};e=l.id,n=[],i.clear();const g=u.contents[0].type===$.DgControl.fieldset.type?0:1;s(u,n,g);const k=n.find(w=>!w.isSupportedClass);return{defaultState:{defaultGroupNumber:t||1,model:k?"customize":"standard"},importData:n}}function a(l,o){o=o;const{result:d,formNode:f}=y(o);if(!d)return"";const u=[];return l.forEach(g=>{var w;const k=i.get(g.id),C=k.appearance&&k.appearance.class;if(C){const V=C.split(" ").filter(ce=>!ce.startsWith("col-")),b="col-"+g.columnInSM,S="col-md-"+g.columnInMD,F="col-xl-"+g.columnInLG,T="col-el-"+g.columnInEL,U=[b,S,F,T].concat(V);k.appearance.class=U.join(" ")}if(g.fieldSetId){const P=f.contents.find(b=>b.id===g.fieldSetId),V=u.find(b=>b.id===g.fieldSetId);V?(w=V.contents)==null||w.push(k):(u.push(P),P.contents=[k])}else u.push(k)}),f.contents=u,f.id}return{checkCanFindFormNode:y,checkCanOpenLayoutEditor:h,changeFormControlsByResponseLayoutConfig:a,getResonseFormLayoutConfig:s}}class ie extends ee{constructor(e,i){super(e,i);v(this,"responseLayoutEditorFunction");this.responseLayoutEditorFunction=oe(this.formSchemaUtils)}getPropertyConfig(e,i){return this.propertyConfig.categories.basic=this.getBasicProperties(e,i),this.propertyConfig.categories.appearance=this.getAppearanceProperties(e,i),this.propertyConfig.categories.editor=this.getEditorProperties(e),this.propertyConfig}getBasicProperties(e,i){var r;const n=this;return this.setDesignViewModelField(e),this.formSchemaUtils.getFormMetadataBasicInfo(),{description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"编辑器类型",title:"编辑器类型",type:"string",refreshPanelAfterChanged:!0,$converter:"/converter/change-editor.converter",editor:{type:"combo-list",textField:"value",valueField:"key",editable:!1,data:n.designViewModelField?L.getEditorTypesByMDataType((r=n.designViewModelField.type)==null?void 0:r.name):L.getAllInputTypes()}},label:{title:"标签",type:"string",$converter:"/converter/form-group-label.converter"},binding:{description:"绑定的表单字段",title:"绑定",editor:{type:"binding-selector",bindingType:{enable:!1},editorParams:{componentSchema:e,needSyncToViewModel:!0,viewModelId:this.viewModelId,designerHostService:this.designerHostService,disableOccupiedFields:!0},textField:"bindingField"}}},setPropertyRelates(s,y){if(s)switch(s&&s.propertyID){case"type":{n.changeControlType(e,s,i);break}case"label":{s.needRefreshControlTree=!0;break}}}}}getAppearanceProperties(e,i){const n=this;return{title:"样式",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter"},responseLayout:{description:"响应式列宽",title:"响应式列宽",type:"boolean",visible:!0,refreshPanelAfterChanged:!0,editor:{type:"response-layout-editor-setting",initialState:n.responseLayoutEditorFunction.checkCanOpenLayoutEditor(e,n.componentId)}}},setPropertyRelates(r,s){if(r)switch(r&&r.propertyID){case"responseLayout":n.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(r.propertyValue,n.componentId||e.id),n.updateUnifiedLayoutAfterResponseLayoutChanged(n.componentId),n.updateElementByParentContainer(e.id,i),delete e.responseLayout;break;case"class":n.updateUnifiedLayoutAfterControlChanged(r.propertyValue,e.id,this.componentId),n.updateElementByParentContainer(e.id,i);break}}}}getEditorProperties(e){return this.getComponentConfig(e)}changeControlType(e,i,n){var l,o,d,f;const r=i.propertyValue,s=n&&n.parent&&n.parent.schema;if(!s)return;const y=s.contents.findIndex(u=>u.id===e.id),h=s.contents[y];let a;this.designViewModelField&&(this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id,{editor:{$type:r},name:this.designViewModelField.name,require:this.designViewModelField.require,readonly:this.designViewModelField.readonly},!1),a=this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField,r)),a||(a=this.controlCreatorUtils.createFormGroupWithoutField(r)),Object.assign(a,{id:h.id,appearance:h.appearance,size:h.size,label:h.label,binding:h.binding,visible:h.visible}),Object.assign(a.editor,{isTextArea:a.isTextArea&&h.isTextArea,placeholder:(l=h.editor)==null?void 0:l.placeholder,holdPlace:(o=h.editor)==null?void 0:o.holdPlace,readonly:(d=h.editor)==null?void 0:d.readonly,require:(f=h.editor)==null?void 0:f.require}),s.contents.splice(y,1),s.contents.splice(y,0,a),n.schema=Object.assign(h,a),Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(u=>u.classList.remove("dgComponentSelected")),te.value++}getComponentConfig(e,i={},n={}){const r=Object.assign({description:"编辑器",title:"编辑器",type:"input-group",$converter:"/converter/property-editor.converter"},i),s=Object.assign({readonly:{description:"",title:"只读",type:"boolean"},disabled:{description:"",title:"禁用",type:"boolean"},placeholder:{description:"空值时，输入控件内的占位文本",title:"提示文本",type:"string"}},n);return{...r,properties:{...s}}}updateUnifiedLayoutAfterControlChanged(e,i,n){const r=e.split(" ");let s=r.find(o=>/^col-([1-9]|10|11|12)$/.test(o)),y=r.find(o=>/^col-md-([1-9]|10|11|12)$/.test(o)),h=r.find(o=>/^col-xl-([1-9]|10|11|12)$/.test(o)),a=r.find(o=>/^col-el-([1-9]|10|11|12)$/.test(o));s=s||"col-12",y=y||"col-md-"+s.replace("col-",""),h=h||"col-xl-"+y.replace("col-md-",""),a=a||"col-el-"+h.replace("col-xl-","");const l={id:i,columnInSM:parseInt(s.replace("col-",""),10),columnInMD:parseInt(y.replace("col-md-",""),10),columnInLG:parseInt(h.replace("col-xl-",""),10),columnInEL:parseInt(a.replace("col-el-",""),10)};this.updateUnifiedLayoutAfterResponseLayoutChanged(n,l)}updateUnifiedLayoutAfterResponseLayoutChanged(e,i){const{formNode:n}=this.responseLayoutEditorFunction.checkCanFindFormNode(e);if(!n||!n.unifiedLayout)return;const r=[];if(this.responseLayoutEditorFunction.getResonseFormLayoutConfig(n,r,1),i){const u=r.find(g=>g.id===i.id);Object.assign(u||{},i)}const s=r.map(u=>u.columnInSM),y=r.map(u=>u.columnInMD),h=r.map(u=>u.columnInLG),a=r.map(u=>u.columnInEL),l=this.checkIsUniqueColumn(s)?s[0]:null,o=this.checkIsUniqueColumn(y)?y[0]:null,d=this.checkIsUniqueColumn(h)?h[0]:null,f=this.checkIsUniqueColumn(a)?a[0]:null;Object.assign(n.unifiedLayout,{uniqueColClassInSM:l,uniqueColClassInMD:o,uniqueColClassInLG:d,uniqueColClassInEL:f})}checkIsUniqueColumn(e){const i=new Set(e);return Array.from(i).length===1}}class re extends ie{constructor(t,e){super(t,e)}getEditorProperties(t){return this.getComponentConfig(t,{type:"switch"},{disabled:{visible:!1},placeholder:{visible:!1},onLabel:{description:"",title:"打开时标签",type:"string"},offLabel:{description:"",title:"关闭时标签",type:"string"},onBackground:{description:"",title:"打开时背景色",type:"string"},offBackground:{description:"",title:"关闭时背景色",type:"string"},size:{description:"",title:"尺寸",type:"enum",editor:{data:[{id:"small",name:"小号"},{id:"middle",name:"中号"},{id:"large",name:"大号"}]}}})}}function ae(c,t){const e=c.schema;function i(n,r){return new re(n,t).getPropertyConfig(e,r)}return{getPropsConfig:i}}const se=m.defineComponent({name:"FSwitchDesign",props:D,emits:["update:modelValue"],setup(c,t){const{size:e,onLabel:i,offLabel:n}=m.toRefs(c),r=m.ref(),s=m.inject("designer-host-service"),y=m.inject("design-item-context"),h=ae(y,s),a=x(r,y,h);m.onMounted(()=>{r.value.componentInstance=a}),t.expose(a.value);const l=m.computed(()=>({switch:!0,"f-cmp-switch":!0,checked:!1,"switch-large":e.value==="large","switch-medium":e.value==="medium","switch-small":e.value==="small"})),o=m.computed(()=>(i==null?void 0:i.value)||(n==null?void 0:n.value));return()=>m.createVNode("span",{ref:r,tabindex:"0",role:"button",class:l.value},[o.value&&m.createVNode("span",{class:"switch-pane"},[m.createVNode("span",{class:"switch-label-unchecked"},[n==null?void 0:n.value])]),m.createVNode("small",null,[t.slots.default&&t.slots.default()])])}});I.register=(c,t,e,i)=>{c.switch=I,t.switch=A},I.registerDesigner=(c,t,e)=>{c.switch=se,t.switch=A};const le=O.withInstall(I);M.FSwitch=I,M.default=le,M.propsResolver=A,M.switchProps=D,Object.defineProperties(M,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});