@farris/ui-vue 1.3.0 → 1.3.1

package/components/checkbox/index.umd.cjs

@@ -1 +1 @@
-(function(b,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("vue"),require("lodash-es"),require("../common/index.umd.js"),require("../dynamic-resolver/index.umd.js"),require("../response-layout-editor/index.umd.js/src/composition/converter/use-response-layout-editor-setting")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../common/index.umd.js","../dynamic-resolver/index.umd.js","../response-layout-editor/index.umd.js/src/composition/converter/use-response-layout-editor-setting"],i):(b=typeof globalThis<"u"?globalThis:b||self,i(b.checkbox={},b.Vue,b.LodashES,b.common,b.dynamicResolver,b.useResponseLayoutEditorSetting))})(this,function(b,i,P,q,W,ee){"use strict";var Ce=Object.defineProperty;var ke=(b,i,P)=>i in b?Ce(b,i,{enumerable:!0,configurable:!0,writable:!0,value:P}):b[i]=P;var M=(b,i,P)=>ke(b,typeof i!="symbol"?i+"":i,P);const te={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/check-box.schema.json",title:"check-box",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a check box",type:"string"},type:{description:"The type string of check box component",type:"string",default:"check-box"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disabled:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},text:{description:"",type:"string",default:""},value:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"],ignore:["id","appearance","binding"]},_={},X={};function G(n){const{properties:t,title:e,ignore:o}=n,r=o&&Array.isArray(o),l=Object.keys(t).reduce((s,f)=>((!r||!o.find(p=>p==f))&&(s[f]=t[f].type==="object"&&t[f].properties?G(t[f]):P.cloneDeep(t[f].default)),s),{});return(!r||!o.find(s=>s=="id"))&&(l.id=`${e}-${Date.now()}`),l}function O(n,t={},e){const o=_[n];if(o){let r=G(o);const l=X[n];return r=l?l({getSchemaByType:O},r,t,e):r,r}return null}function ne(n,t){const e=G(t);return Object.keys(n).reduce((o,r)=>(o[r]&&P.isPlainObject(o[r])&&P.isPlainObject(n[r])?Object.assign(o[r],n[r]):o[r]=n[r],o),e),e}function oe(n,t){return Object.keys(n).filter(o=>n[o]!=null).reduce((o,r)=>{if(t.has(r)){const l=t.get(r);if(typeof l=="string")o[l]=n[r];else{const s=l(r,n[r],n);Object.assign(o,s)}}else o[r]=n[r];return o},{})}function re(n,t,e=new Map){const o=ne(n,t);return oe(o,e)}function ie(n={}){function t(a,u,c,y){if(typeof c=="number")return y[a].length===c;if(typeof c=="object"){const d=Object.keys(c)[0],m=c[d];if(d==="not")return Number(y[a].length)!==Number(m);if(d==="moreThan")return Number(y[a].length)>=Number(m);if(d==="lessThan")return Number(y[a].length)<=Number(m)}return!1}function e(a,u,c,y){return y[a]&&y[a].propertyValue&&String(y[a].propertyValue.value)===String(c)}const o=new Map([["length",t],["getProperty",e]]);Object.keys(n).reduce((a,u)=>(a.set(u,n[u]),a),o);function r(a,u){const c=a;return typeof u=="number"?[{target:c,operator:"length",param:null,value:Number(u)}]:typeof u=="boolean"?[{target:c,operator:"getProperty",param:a,value:!!u}]:typeof u=="object"?Object.keys(u).map(y=>{if(y==="length")return{target:c,operator:"length",param:null,value:u[y]};const d=y,m=u[y];return{target:c,operator:"getProperty",param:d,value:m}}):[]}function l(a){return Object.keys(a).reduce((c,y)=>{const d=r(y,a[y]);return c.push(...d),c},[])}function s(a,u){if(o.has(a.operator)){const c=o.get(a.operator);return c&&c(a.target,a.param,a.value,u)||!1}return!1}function f(a,u){return l(a).reduce((d,m)=>d&&s(m,u),!0)}function p(a,u){const c=Object.keys(a),y=c.includes("allOf"),d=c.includes("anyOf"),m=y||d,k=(m?a[m?y?"allOf":"anyOf":"allOf"]:[a]).map(w=>f(w,u));return y?!k.includes(!1):k.includes(!0)}return{parseValueSchema:p}}const h={button:{type:"button",name:"按钮",icon:"Button"},"response-toolbar":{type:"response-toolbar",name:"工具栏",icon:"ButtonGroup"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮",icon:"Button"},"content-container":{type:"content-container",name:"容器",icon:"ContentContainer"},"input-group":{type:"input-group",name:"文本",icon:"TextBox"},textarea:{type:"textarea",name:"多行文本",icon:"MultiTextBox"},lookup:{type:"lookup",name:"帮助",icon:"LookupEdit"},"number-spinner":{type:"number-spinner",name:"数值",icon:"NumericBox"},"date-picker":{type:"date-picker",name:"日期",icon:"DateBox"},switch:{type:"switch",name:"开关",icon:"SwitchField"},"radio-group":{type:"radio-group",name:"单选组",icon:"RadioGroup"},"check-box":{type:"check-box",name:"复选框",icon:"CheckBox"},"check-group":{type:"check-group",name:"复选框组",icon:"CheckGroup"},"combo-list":{type:"combo-list",name:"下拉列表",icon:"EnumField"},"response-form":{type:"response-form",name:"卡片面板",icon:"Form"},"response-layout":{type:"response-layout",name:"布局容器",icon:"ResponseLayout3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"ResponseLayout1"},"tree-grid":{type:"tree-grid",name:"树表格",icon:"TreeGrid"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格",icon:"DataGrid"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块",icon:"Module"},component:{type:"component",name:"组件",icon:"Component"},tabs:{type:"tabs",name:"标签页",icon:"Tab"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮",icon:"Button"},"time-picker":{type:"time-picker",name:"时间选择",icon:"TimePicker"},section:{type:"section",name:"分组面板",icon:"Section"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板",icon:"Splitter"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传",icon:"FileUpload"},"page-header":{type:"page-header",name:"页头",icon:"Header"},"page-footer":{type:"page-footer",name:"页脚",icon:"ModalFooter"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏",icon:"TabToolbar"},fieldset:{type:"fieldset",name:"分组",icon:"fieldset"}},ae={},ce={};ie();function H(n,t,e=new Map,o=(s,f,p)=>f,r={},l=s=>s){return _[t.title]=t,X[t.title]=o,ae[t.title]=r,ce[t.title]=l,(s={})=>{const f=re(s,t,e),p=Object.keys(n).reduce((a,u)=>(a[u]=n[u].default,a),{});return Object.assign(p,f)}}function le(n,t){return{customClass:t.class,customStyle:t.style}}const J=new Map([["appearance",le]]);function Q(n,t,e){return t}const A={id:{Type:String,default:""},customClass:{Type:String,default:""},disabled:{Type:Boolean,default:!1},indeterminate:{Type:Boolean,default:!1},modelValue:{Type:Boolean,default:!1},focusOnCreated:{type:Boolean,default:!1},value:{type:String,default:""},name:{type:String,default:""},label:{type:String,default:""},checked:{type:Boolean,default:!1}},I=H(A,te,J,Q),$=i.defineComponent({name:"FCheckBox",props:A,emits:["change","changeValue","update:modelValue","update:checked"],setup(n,t){const e=i.inject(q.CHECKBOX_CONTEXT,null),{buttonClass:o,disabled:r,name:l,shouldRenderButton:s,shouldRenderNative:f,shouldRenderTag:p,tagClass:a,checked:u,onClickCheckBox:c}=q.useCheck(n,t,e==null?void 0:e.parentProps,e==null?void 0:e.parentContext);i.ref();const y=i.ref(n.id),d=i.ref(n.customClass),m=i.ref(n.modelValue),C=i.ref(n.indeterminate);return i.computed(()=>{const v={"custom-control":!0,"custom-checkbox":!0};return d.value&&d.value.split(" ").reduce((k,S)=>(k[S]=!0,k),v),v}),i.watch(()=>n.modelValue,v=>{m.value=v}),i.watch(()=>n.indeterminate,v=>{C.value=v}),i.onMounted(()=>{}),()=>{var v,k,S,w,D,N;return i.createVNode(i.Fragment,null,[s.value&&i.createVNode("div",{class:o.value,style:"border-radius:0;border: 1px solid #E8EBF2;",onClick:c},[(k=(v=t.slots).default)==null?void 0:k.call(v)]),p.value&&i.createVNode("div",{class:a.value,onClick:c},[i.createVNode("div",{class:"title"},[(w=(S=t.slots).default)==null?void 0:w.call(S)]),i.createVNode("div",{class:"tip"},null),i.createVNode("span",{class:"f-icon f-icon-check f-radio-icon"},null)]),f.value&&i.createVNode("div",{class:"custom-control custom-checkbox",onClick:c},[i.createVNode("input",{type:"checkbox",class:"custom-control-input",name:l.value,id:y,value:n.value,checked:u.value,disabled:r.value},null),i.createVNode("div",{class:"custom-control-label"},[(N=(D=t.slots).default)==null?void 0:N.call(D)])])])}}}),se={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/check-box.schema.json",title:"check-group",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a check box",type:"string"},type:{description:"The type string of check box component",type:"string",default:"checkbox"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disabled:{description:"",type:"boolean",default:!1},textField:{description:"",type:"string",default:"name"},valueField:{description:"",type:"string",default:"value"},enumData:{description:"",type:"array"},readonly:{description:"",type:"boolean",default:!1},required:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},L={...{checked:{type:Boolean,default:!1},mode:{type:String,default:"default"},type:{type:String,default:"secondary"},size:{type:String,default:"middle"}},id:String,disabled:{type:Boolean,default:!1},enumData:{type:Array,default:[{name:"示例1",value:"example1"},{name:"示例2",value:"example2"}]},horizontal:{type:Boolean,default:!1},isStringValue:{type:Boolean,default:!0},loadData:{type:Function},modelValue:[String,Array],name:{type:String,default:""},separator:{type:String,default:","},tabIndex:{type:Number,default:0},textField:{type:String,default:"name"},valueField:{type:String,default:"value"}},z=H(L,se,J,Q);function Y(n,t,e){const o=i.computed(()=>!n.disabled),r=i.ref(n.enumData);function l(c){return c[n.valueField]}function s(c){return c[n.textField]}function f(c){return c?n.isStringValue?c.split(n.separator):c:[]}function p(c){const d=r.value.map(m=>l(m)).filter(m=>c.some(C=>C===String(m)));return n.isStringValue?d.join(n.separator):d}function a(c){const y=String(l(c));return f(e.value).some(m=>m===y)}function u(c,y){if(o.value){let d=f(e.value)||[];const m=String(l(c));!d||!d.length?d.push(m):d.some(C=>C===m)?d=d.filter(C=>C!==m):d.push(m),e.value=p(d),t.emit("changeValue",e.value),t.emit("update:modelValue",e.value)}y.stopPropagation()}return{enumData:r,getValue:l,getText:s,checked:a,onClickCheckbox:u}}const x=i.defineComponent({name:"FCheckGroup",props:L,emits:["changeValue","update:modelValue"],setup(n,t){const e=i.ref(n.modelValue),o=i.ref(n.horizontal),r=i.ref(n.tabIndex),l=i.ref(n.name),{enumData:s,onClickCheckbox:f,getValue:p,getText:a,checked:u}=Y(n,t,e),c=i.computed(()=>({"farris-checkradio-hor":o.value}));i.watch(()=>n.modelValue,d=>{e.value=d});const y=i.ref([]);return i.provide(q.CHECKBOX_CONTEXT,{values:y,parentProps:n,parentContext:t}),()=>i.createVNode("div",{class:["farris-input-wrap",c.value]},[t.slots.default?t.slots.default():s.value.map((d,m)=>{const C="checkbox_"+l.value+m;return i.createVNode("div",{class:"custom-control custom-checkbox"},[i.createVNode("input",{type:"checkbox",class:"custom-control-input",name:l.value,id:C,value:p(d),checked:u(d),disabled:n.disabled,tabindex:r.value,onClick:v=>f(d,v)},null),i.createVNode("label",{class:"custom-control-label",for:C,title:a(d)},[a(d)])])})])}});function Z(n,t,e){var N;function o(){e!=null&&e.resolveComponentContext&&e.resolveComponentContext()}o();const r=e&&e.getStyles&&e.getStyles()||"",l=e&&e.getDesignerClass&&e.getDesignerClass()||"",s=i.ref();function f(){return(t==null?void 0:t.schema.componentType)==="frame"?!1:e&&e.checkCanMoveComponent?e.checkCanMoveComponent():!0}function p(){return!1}function a(){return(t==null?void 0:t.schema.componentType)==="frame"?!1:e&&e.checkCanDeleteComponent?e.checkCanDeleteComponent():!0}function u(){return(t==null?void 0:t.schema.componentType)==="frame"?!0:e&&e.hideNestedPaddingInDesginerView?e.hideNestedPaddingInDesginerView():!1}function c(g){if(!g||!g.value)return null;if(g.value.schema&&g.value.schema.type==="component")return g.value;const V=i.ref(g==null?void 0:g.value.parent),T=c(V);return T||null}function y(g=t){const{componentInstance:V,designerItemElementRef:T}=g;return!V||!V.value?null:V.value.canMove?T:y(g.parent)}function d(g){return!!e&&e.canAccepts(g)}function m(){return(t==null?void 0:t.schema.label)||(t==null?void 0:t.schema.title)||(t==null?void 0:t.schema.name)}function C(){}function v(g,V){V&&e!=null&&e.onAcceptMovedChildElement&&e.onAcceptMovedChildElement(V)}function k(g,V){const{componentType:T}=g;let B=O(T,g,V);e&&e.onResolveNewComponentSchema&&(B=e.onResolveNewComponentSchema(g,B));const U=T.toLowerCase().replace("-","_");return B&&!B.id&&B.type===T&&(B.id=`${U}_${Math.random().toString().slice(2,6)}`),B}function S(g,V){const T=String(g.getAttribute("data-controltype")),B=g.getAttribute("data-feature"),U=B?JSON.parse(B):{};U.parentComponentInstance=s.value;let F=O(T,U);e&&e.onAcceptNewChildElement&&(F=e.onAcceptNewChildElement(g,V,F));const be=T.toLowerCase().replace("-","_");return F&&!F.id&&F.type===T&&(F.id=`${be}_${Math.random().toString().slice(2,6)}`),F}function w(g){}function D(...g){if(e&&e.getPropsConfig)return e.getPropsConfig(...g)}return s.value={canMove:f(),canSelectParent:p(),canDelete:a(),canNested:!u(),contents:t==null?void 0:t.schema.contents,elementRef:n,parent:(N=t==null?void 0:t.parent)==null?void 0:N.componentInstance,schema:t==null?void 0:t.schema,styles:r,designerClass:l,canAccepts:d,getBelongedComponentInstance:c,getDraggableDesignItemElement:y,getDraggingDisplayText:m,getPropConfig:D,getDragScopeElement:C,onAcceptMovedChildElement:v,onAcceptNewChildElement:S,onChildElementMovedOut:w,addNewChildComponentSchema:k,updateDragAndDropRules:o,triggerBelongedComponentToMoveWhenMoved:!!e&&e.triggerBelongedComponentToMoveWhenMoved||i.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!e&&e.triggerBelongedComponentToDeleteWhenDeleted||i.ref(!1)},s}function R(n,t){n.schema;const e=i.ref(!0),o=i.ref(!0);function r(c){return!1}function l(){return!1}function s(){return!1}function f(){return!0}function p(c){}function a(){}function u(c){return null}return{canAccepts:r,checkCanDeleteComponent:l,checkCanMoveComponent:s,hideNestedPaddingInDesginerView:f,onAcceptMovedChildElement:p,resolveComponentContext:a,triggerBelongedComponentToMoveWhenMoved:e,triggerBelongedComponentToDeleteWhenDeleted:o,getPropsConfig:u}}class pe{constructor(t,e){M(this,"componentId");M(this,"viewModelId");M(this,"eventsEditorUtils");M(this,"formSchemaUtils");M(this,"formMetadataConverter");M(this,"designViewModelUtils");M(this,"designViewModelField");M(this,"controlCreatorUtils");M(this,"designerHostService");M(this,"schemaService",null);M(this,"metadataService",null);M(this,"propertyConfig",{type:"object",categories:{}});var o;this.componentId=t,this.designerHostService=e,this.eventsEditorUtils=e.eventsEditorUtils,this.formSchemaUtils=e.formSchemaUtils,this.formMetadataConverter=e.formMetadataConverter,this.viewModelId=((o=this.formSchemaUtils)==null?void 0:o.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 o=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=o.fields.find(r=>r.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:h[t.type].name}]}}}}}getAppearanceConfig(t=null){return{title:"样式",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter"}}}}updateElementByParentContainer(t,e){const o=e&&e.parent&&e.parent.schema;if(!o)return;const r=o.contents.findIndex(s=>s.id===t),l=P.cloneDeep(o.contents[r]);o.contents.splice(r,1),o.contents.splice(r,0,l)}}const E=class E{static getEditorTypesByMDataType(t){const e=E.fieldControlTypeMapping[t];return e||[{key:"",value:""}]}static getAllInputTypes(){const t=[];for(let e in E.fieldControlTypeMapping)E.fieldControlTypeMapping[e].forEach(o=>{t.find(r=>r.key===o.key&&r.value===o.value)||t.push({key:o.key,value:o.value})});return t}};M(E,"fieldControlTypeMapping",{String:[{key:h["input-group"].type,value:h["input-group"].name},{key:h.lookup.type,value:h.lookup.name},{key:h["date-picker"].type,value:h["date-picker"].name},{key:h["check-box"].type,value:h["check-box"].name},{key:h["radio-group"].type,value:h["radio-group"].name},{key:h["combo-list"].type,value:h["combo-list"].name},{key:h.textarea.type,value:h.textarea.name}],Text:[{key:h.textarea.type,value:h.textarea.name},{key:h.lookup.type,value:h.lookup.name}],Decimal:[{key:h["number-spinner"].type,value:h["number-spinner"].name}],Integer:[{key:h["number-spinner"].type,value:h["number-spinner"].name}],Number:[{key:h["number-spinner"].type,value:h["number-spinner"].name}],BigNumber:[{key:h["number-spinner"].type,value:h["number-spinner"].name}],Date:[{key:h["date-picker"].type,value:h["date-picker"].name}],DateTime:[{key:h["date-picker"].type,value:h["date-picker"].name}],Boolean:[{key:h.switch.type,value:h.switch.name},{key:h["check-box"].type,value:h["check-box"].name}],Enum:[{key:h["combo-list"].type,value:h["combo-list"].name},{key:h["radio-group"].type,value:h["radio-group"].name}],Object:[{key:h.lookup.type,value:h.lookup.name},{key:h["combo-list"].type,value:h["combo-list"].name},{key:h["radio-group"].type,value:h["radio-group"].name}]});let j=E;const de=i.ref(0);class K extends pe{constructor(e,o){super(e,o);M(this,"responseLayoutEditorFunction");this.responseLayoutEditorFunction=ee.useResponseLayoutEditorSetting(this.formSchemaUtils)}getPropertyConfig(e,o){return this.propertyConfig.categories.basic=this.getBasicProperties(e,o),this.propertyConfig.categories.appearance=this.getAppearanceProperties(e,o),this.propertyConfig.categories.editor=this.getEditorProperties(e),this.propertyConfig}getBasicProperties(e,o){var f;var r=this;this.setDesignViewModelField(e);const l=this.formSchemaUtils.getFormMetadataBasicInfo(),s=this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);return{description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"编辑器类型",title:"编辑器类型",type:"string",refreshPanelAfterChanged:!0,$converter:"/converter/change-editor.converter",editor:{type:"combo-list",textField:"value",valueField:"key",editable:!1,data:r.designViewModelField?j.getEditorTypesByMDataType((f=r.designViewModelField.type)==null?void 0:f.name):j.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:l},columns:[{field:"name",title:"字段名称"},{field:"bindingField",title:"绑定字段"},{field:"fieldType",title:"字段类型"}],textField:"bindingField",data:s}}},setPropertyRelates(p,a){if(p)switch(p&&p.propertyID){case"type":{r.changeControlType(e,p,o);break}case"label":{p.needRefreshControlTree=!0;break}}}}}getAppearanceProperties(e,o){var r=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:r.responseLayoutEditorFunction.checkCanOpenLayoutEditor(e,r.componentId)}}},setPropertyRelates(l,s){if(l)switch(l&&l.propertyID){case"responseLayout":r.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(l.propertyValue,r.componentId||e.id),r.updateUnifiedLayoutAfterResponseLayoutChanged(r.componentId),r.updateElementByParentContainer(e.id,o),delete e.responseLayout;break;case"class":r.updateUnifiedLayoutAfterControlChanged(l.propertyValue,e.id,this.componentId),r.updateElementByParentContainer(e.id,o);break}}}}getEditorProperties(e){return this.getComponentConfig(e)}changeControlType(e,o,r){var u,c,y,d;const l=o.propertyValue,s=r&&r.parent&&r.parent.schema;if(!s)return;const f=s.contents.findIndex(m=>m.id===e.id),p=s.contents[f];let a;this.designViewModelField&&(this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id,{editor:{$type:l},name:this.designViewModelField.name,require:this.designViewModelField.require,readonly:this.designViewModelField.readonly},!1),a=this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField,l)),a||(a=W.getSchemaByType("form-group")||{},a.editor=W.getSchemaByType(l)||{},delete a.editor.id,delete a.editor.binding,delete a.editor.appearance),Object.assign(a,{id:p.id,appearance:p.appearance,size:p.size,label:p.label,binding:p.binding,visible:p.visible}),Object.assign(a.editor,{isTextArea:a.isTextArea&&p.isTextArea,placeholder:(u=p.editor)==null?void 0:u.placeholder,holdPlace:(c=p.editor)==null?void 0:c.holdPlace,readonly:(y=p.editor)==null?void 0:y.readonly,require:(d=p.editor)==null?void 0:d.require}),s.contents.splice(f,1),s.contents.splice(f,0,a),r.schema=Object.assign(p,a),Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(m=>m.classList.remove("dgComponentSelected")),de.value++}getComponentConfig(e,o={},r={}){const l=Object.assign({description:"编辑器",title:"编辑器",type:"input-group",$converter:"/converter/property-editor.converter"},o),s=Object.assign({readonly:{description:"",title:"只读",type:"boolean"},disabled:{description:"",title:"禁用",type:"boolean"},placeholder:{description:"空值时，输入控件内的占位文本",title:"提示文本",type:"string"}},r);return{...l,properties:{...s}}}updateUnifiedLayoutAfterControlChanged(e,o,r){const l=e.split(" ");let s=l.find(c=>/^col-([1-9]|10|11|12)$/.test(c)),f=l.find(c=>/^col-md-([1-9]|10|11|12)$/.test(c)),p=l.find(c=>/^col-xl-([1-9]|10|11|12)$/.test(c)),a=l.find(c=>/^col-el-([1-9]|10|11|12)$/.test(c));s=s||"col-12",f=f||"col-md-"+s.replace("col-",""),p=p||"col-xl-"+f.replace("col-md-",""),a=a||"col-el-"+p.replace("col-xl-","");const u={id:o,columnInSM:parseInt(s.replace("col-",""),10),columnInMD:parseInt(f.replace("col-md-",""),10),columnInLG:parseInt(p.replace("col-xl-",""),10),columnInEL:parseInt(a.replace("col-el-",""),10)};this.updateUnifiedLayoutAfterResponseLayoutChanged(r,u)}updateUnifiedLayoutAfterResponseLayoutChanged(e,o){const{formNode:r}=this.responseLayoutEditorFunction.checkCanFindFormNode(e);if(!r||!r.unifiedLayout)return;const l=[];if(this.responseLayoutEditorFunction.getResonseFormLayoutConfig(r,l,1),o){const m=l.find(C=>C.id===o.id);Object.assign(m||{},o)}const s=l.map(m=>m.columnInSM),f=l.map(m=>m.columnInMD),p=l.map(m=>m.columnInLG),a=l.map(m=>m.columnInEL),u=this.checkIsUniqueColumn(s)?s[0]:null,c=this.checkIsUniqueColumn(f)?f[0]:null,y=this.checkIsUniqueColumn(p)?p[0]:null,d=this.checkIsUniqueColumn(a)?a[0]:null;Object.assign(r.unifiedLayout,{uniqueColClassInSM:u,uniqueColClassInMD:c,uniqueColClassInLG:y,uniqueColClassInEL:d})}checkIsUniqueColumn(e){const o=new Set(e);return Array.from(o).length===1}}class ue extends K{constructor(t,e){super(t,e)}getEditorProperties(t){return this.getComponentConfig(t,{type:"check-group"},{placeholder:{visible:!1},textField:{description:"",title:"文本字段",type:"string"},valueField:{description:"",title:"值字段",type:"string"},enumData:{visible:!1,description:"",type:"array"}})}}class me extends K{constructor(t,e){super(t,e)}getEditorProperties(t){return this.getComponentConfig(t,{type:"check-group"},{placeholder:{visible:!1},text:{description:"",title:"显示文本",type:"string"},value:{description:"",title:"选中值",type:"string"}})}}function fe(n,t){const{canAccepts:e,checkCanDeleteComponent:o,checkCanMoveComponent:r,hideNestedPaddingInDesginerView:l,onAcceptMovedChildElement:s,resolveComponentContext:f,triggerBelongedComponentToMoveWhenMoved:p,triggerBelongedComponentToDeleteWhenDeleted:a}=R(n),u=n.schema;function c(y,d){return new ue(y,t).getPropertyConfig(u,d)}return{canAccepts:e,checkCanDeleteComponent:o,checkCanMoveComponent:r,hideNestedPaddingInDesginerView:l,onAcceptMovedChildElement:s,resolveComponentContext:f,triggerBelongedComponentToMoveWhenMoved:p,triggerBelongedComponentToDeleteWhenDeleted:a,getPropsConfig:c}}function ye(n,t){const{canAccepts:e,checkCanDeleteComponent:o,checkCanMoveComponent:r,hideNestedPaddingInDesginerView:l,onAcceptMovedChildElement:s,resolveComponentContext:f,triggerBelongedComponentToMoveWhenMoved:p,triggerBelongedComponentToDeleteWhenDeleted:a}=R(n),u=n.schema;function c(y,d){return new me(y,t).getPropertyConfig(u,d)}return{canAccepts:e,checkCanDeleteComponent:o,checkCanMoveComponent:r,hideNestedPaddingInDesginerView:l,onAcceptMovedChildElement:s,resolveComponentContext:f,triggerBelongedComponentToMoveWhenMoved:p,triggerBelongedComponentToDeleteWhenDeleted:a,getPropsConfig:c}}const he=i.defineComponent({name:"FCheckboxGroupDesign",props:L,emits:["changeValue","update:modelValue"],setup(n,t){const e=i.ref(n.modelValue),o=i.ref(n.horizontal),r=i.ref(n.tabIndex),l=i.ref(n.name),s=i.computed(()=>({"farris-checkradio-hor":o.value})),{enumData:f,onClickCheckbox:p,getValue:a,getText:u,checked:c}=Y(n,t,e),y=i.ref(),d=i.inject("designer-host-service"),m=i.inject("design-item-context"),C=fe(m,d),v=Z(y,m,C);return i.onMounted(()=>{y.value.componentInstance=v}),t.expose(v.value),i.watch(()=>n.modelValue,k=>{e.value=k,t.emit("changeValue",e.value)}),()=>i.createVNode("div",{ref:y,class:["farris-input-wrap",s.value]},[f.value.map((k,S)=>{const w="checkbox_"+l.value+S;return i.createVNode("div",{class:"custom-control custom-checkbox"},[i.createVNode("input",{type:"checkbox",class:"custom-control-input",name:l.value,id:w,value:a(k),checked:c(k),disabled:n.disabled,tabindex:r.value,onClick:D=>p(k,D)},null),i.createVNode("label",{class:"custom-control-label",for:w,title:u(k)},[u(k)])])})])}}),ge=i.defineComponent({name:"FCheckBoxDesign",props:A,emits:[],setup(n,t){const e=i.ref(),o=i.ref(n.id),r=i.ref(n.indeterminate),l=i.inject("designer-host-service"),s=i.inject("design-item-context"),f=ye(s,l),p=Z(e,s,f);return i.onMounted(()=>{e.value.componentInstance=p}),i.watch(()=>n.indeterminate,a=>{r.value=a}),t.expose(p.value),()=>i.createVNode("div",{ref:e,dragref:`${s.schema.id}-container`,class:"drag-container custom-control custom-checkbox"},[i.createVNode("input",{type:"checkbox",class:"custom-control-input",id:o,value:n.value,checked:n.modelValue,disabled:n.disabled},null),i.createVNode("div",{class:"custom-control-label"},null)])}});x.install=n=>{n.component(x.name,x),n.component($.name,$)},x.register=(n,t,e,o)=>{n["check-box"]=$,t["check-box"]=I,n["check-group"]=x,t["check-group"]=z},x.registerDesigner=(n,t,e)=>{n["check-box"]=ge,t["check-box"]=I,n["check-group"]=he,t["check-group"]=z},b.FCheckBox=$,b.FCheckBoxGroup=x,b.checkBoxGroupPropsResolver=z,b.checkBoxProps=A,b.checkBoxPropsResolver=I,b.checkboxGroupProps=L,b.default=x,Object.defineProperties(b,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(V,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vue"),require("lodash-es"),require("../common/index.umd.js"),require("../designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../common/index.umd.js","../designer-canvas/index.umd.js"],a):(V=typeof globalThis<"u"?globalThis:V||self,a(V.checkbox={},V.Vue,V.LodashES,V.common,V.designerCanvas))})(this,function(V,a,P,$,q){"use strict";var be=Object.defineProperty;var Ce=(V,a,P)=>a in V?be(V,a,{enumerable:!0,configurable:!0,writable:!0,value:P}):V[a]=P;var k=(V,a,P)=>Ce(V,typeof a!="symbol"?a+"":a,P);const K={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/check-box.schema.json",title:"check-box",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a check box",type:"string"},type:{description:"The type string of check box component",type:"string",default:"check-box"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disabled:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},text:{description:"",type:"string",default:""},value:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"],ignore:["id","appearance","binding"]},O={},W={};function L(o){const{properties:t,title:e,ignore:r}=o,i=r&&Array.isArray(r),s=Object.keys(t).reduce((u,h)=>((!i||!r.find(m=>m==h))&&(u[h]=t[h].type==="object"&&t[h].properties?L(t[h]):P.cloneDeep(t[h].default)),u),{});return e&&(!i||!r.find(u=>u=="id"))&&(s.id=`${e}-${Date.now()}`),s}function z(o,t={},e){const r=O[o];if(r){let i=L(r);const s=W[o];return i=s?s({getSchemaByType:z},i,t,e):i,i}return null}function R(o,t){const e=L(t);return Object.keys(o).reduce((r,i)=>(r[i]&&P.isPlainObject(r[i])&&P.isPlainObject(o[i])?Object.assign(r[i],o[i]):r[i]=o[i],r),e),e}function ee(o,t){return Object.keys(o).filter(r=>o[r]!=null).reduce((r,i)=>{if(t.has(i)){const s=t.get(i);if(typeof s=="string")r[s]=o[i];else{const u=s(i,o[i],o);Object.assign(r,u)}}else r[i]=o[i];return r},{})}function te(o,t,e=new Map){const r=R(o,t);return ee(r,e)}function ne(o={}){function t(l,f,n,d){if(typeof n=="number")return d[l].length===n;if(typeof n=="object"){const c=Object.keys(n)[0],p=n[c];if(c==="not")return Number(d[l].length)!==Number(p);if(c==="moreThan")return Number(d[l].length)>=Number(p);if(c==="lessThan")return Number(d[l].length)<=Number(p)}return!1}function e(l,f,n,d){return d[l]&&d[l].propertyValue&&String(d[l].propertyValue.value)===String(n)}const r=new Map([["length",t],["getProperty",e]]);Object.keys(o).reduce((l,f)=>(l.set(f,o[f]),l),r);function i(l,f){const n=l;return typeof f=="number"?[{target:n,operator:"length",param:null,value:Number(f)}]:typeof f=="boolean"?[{target:n,operator:"getProperty",param:l,value:!!f}]:typeof f=="object"?Object.keys(f).map(d=>{if(d==="length")return{target:n,operator:"length",param:null,value:f[d]};const c=d,p=f[d];return{target:n,operator:"getProperty",param:c,value:p}}):[]}function s(l){return Object.keys(l).reduce((n,d)=>{const c=i(d,l[d]);return n.push(...c),n},[])}function u(l,f){if(r.has(l.operator)){const n=r.get(l.operator);return n&&n(l.target,l.param,l.value,f)||!1}return!1}function h(l,f){return s(l).reduce((c,p)=>c&&u(p,f),!0)}function m(l,f){const n=Object.keys(l),d=n.includes("allOf"),c=n.includes("anyOf"),p=d||c,b=(p?l[p?d?"allOf":"anyOf":"allOf"]:[l]).map(S=>h(S,f));return d?!b.includes(!1):b.includes(!0)}return{parseValueSchema:m}}const y={button:{type:"button",name:"按钮",icon:"Button"},"response-toolbar":{type:"response-toolbar",name:"工具栏",icon:"ButtonGroup"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮",icon:"Button"},"content-container":{type:"content-container",name:"容器",icon:"ContentContainer"},"input-group":{type:"input-group",name:"文本",icon:"TextBox"},textarea:{type:"textarea",name:"多行文本",icon:"MultiTextBox"},lookup:{type:"lookup",name:"帮助",icon:"LookupEdit"},"number-spinner":{type:"number-spinner",name:"数值",icon:"NumericBox"},"date-picker":{type:"date-picker",name:"日期",icon:"DateBox"},switch:{type:"switch",name:"开关",icon:"SwitchField"},"radio-group":{type:"radio-group",name:"单选组",icon:"RadioGroup"},"check-box":{type:"check-box",name:"复选框",icon:"CheckBox"},"check-group":{type:"check-group",name:"复选框组",icon:"CheckGroup"},"combo-list":{type:"combo-list",name:"下拉列表",icon:"EnumField"},"response-form":{type:"response-form",name:"卡片面板",icon:"Form"},"response-layout":{type:"response-layout",name:"布局容器",icon:"ResponseLayout3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"ResponseLayout1"},"tree-grid":{type:"tree-grid",name:"树表格",icon:"TreeGrid"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格",icon:"DataGrid"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块",icon:"Module"},component:{type:"component",name:"组件",icon:"Component"},tabs:{type:"tabs",name:"标签页",icon:"Tab"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮",icon:"Button"},"time-picker":{type:"time-picker",name:"时间选择",icon:"TimePicker"},section:{type:"section",name:"分组面板",icon:"Section"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板",icon:"Splitter"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传",icon:"FileUpload"},"page-header":{type:"page-header",name:"页头",icon:"Header"},"page-footer":{type:"page-footer",name:"页脚",icon:"ModalFooter"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏",icon:"TabToolbar"},fieldset:{type:"fieldset",name:"分组",icon:"fieldset"}},oe={},re={};ne();function X(o,t,e=new Map,r=(u,h,m)=>h,i={},s=u=>u){return O[t.title]=t,W[t.title]=r,oe[t.title]=i,re[t.title]=s,(u={})=>{const h=te(u,t,e),m=Object.keys(o).reduce((l,f)=>(l[f]=o[f].default,l),{});return Object.assign(m,h)}}function ie(o,t){return{customClass:t.class,customStyle:t.style}}const _=new Map([["appearance",ie]]);function H(o,t,e){return t}const I={id:{Type:String,default:""},customClass:{Type:String,default:""},disabled:{Type:Boolean,default:!1},indeterminate:{Type:Boolean,default:!1},modelValue:{Type:Boolean,default:!1},focusOnCreated:{type:Boolean,default:!1},value:{type:String,default:""},name:{type:String,default:""},label:{type:String,default:""},checked:{type:Boolean,default:!1}},G=X(I,K,_,H),N=a.defineComponent({name:"FCheckBox",props:I,emits:["change","changeValue","update:modelValue","update:checked"],setup(o,t){const e=a.inject($.CHECKBOX_CONTEXT,null),{buttonClass:r,disabled:i,name:s,shouldRenderButton:u,shouldRenderNative:h,shouldRenderTag:m,tagClass:l,checked:f,onClickCheckBox:n}=$.useCheck(o,t,e==null?void 0:e.parentProps,e==null?void 0:e.parentContext);a.ref();const d=a.ref(o.id),c=a.ref(o.customClass),p=a.ref(o.modelValue),g=a.ref(o.indeterminate);return a.computed(()=>{const C={"custom-control":!0,"custom-checkbox":!0};return c.value&&c.value.split(" ").reduce((b,M)=>(b[M]=!0,b),C),C}),a.watch(()=>o.modelValue,C=>{p.value=C}),a.watch(()=>o.indeterminate,C=>{g.value=C}),a.onMounted(()=>{}),()=>{var C,b,M,S,T,v;return a.createVNode(a.Fragment,null,[u.value&&a.createVNode("div",{class:r.value,style:"border-radius:0;border: 1px solid #E8EBF2;",onClick:n},[(b=(C=t.slots).default)==null?void 0:b.call(C)]),m.value&&a.createVNode("div",{class:l.value,onClick:n},[a.createVNode("div",{class:"title"},[(S=(M=t.slots).default)==null?void 0:S.call(M)]),a.createVNode("div",{class:"tip"},null),a.createVNode("span",{class:"f-icon f-icon-check f-radio-icon"},null)]),h.value&&a.createVNode("div",{class:"custom-control custom-checkbox",onClick:n},[a.createVNode("input",{type:"checkbox",class:"custom-control-input",name:s.value,id:d,value:o.value,checked:f.value,indeterminate:g.value,disabled:i.value},null),a.createVNode("div",{class:"custom-control-label"},[(v=(T=t.slots).default)==null?void 0:v.call(T)])])])}}}),ae={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/check-box.schema.json",title:"check-group",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a check box",type:"string"},type:{description:"The type string of check box component",type:"string",default:"check-group"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disabled:{description:"",type:"boolean",default:!1},textField:{description:"",type:"string",default:"name"},valueField:{description:"",type:"string",default:"value"},enumData:{description:"",type:"array"},readonly:{description:"",type:"boolean",default:!1},required:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},A={...{checked:{type:Boolean,default:!1},mode:{type:String,default:"default"},type:{type:String,default:"secondary"},size:{type:String,default:"middle"}},id:String,disabled:{type:Boolean,default:!1},enumData:{type:Array,default:[{name:"示例1",value:"example1"},{name:"示例2",value:"example2"}]},horizontal:{type:Boolean,default:!1},isStringValue:{type:Boolean,default:!0},loadData:{type:Function},modelValue:[String,Array],name:{type:String,default:""},separator:{type:String,default:","},tabIndex:{type:Number,default:0},textField:{type:String,default:"name"},valueField:{type:String,default:"value"}},j=X(A,ae,_,H);function J(o,t,e){const r=a.computed(()=>!o.disabled),i=a.ref(o.enumData);function s(n){return n[o.valueField]}function u(n){return n[o.textField]}function h(n){return n?o.isStringValue?n.split(o.separator):n:[]}function m(n){const c=i.value.map(p=>s(p)).filter(p=>n.some(g=>g===String(p)));return o.isStringValue?c.join(o.separator):c}function l(n){const d=String(s(n));return h(e.value).some(p=>p===d)}function f(n,d){if(r.value){let c=h(e.value)||[];const p=String(s(n));!c||!c.length?c.push(p):c.some(g=>g===p)?c=c.filter(g=>g!==p):c.push(p),e.value=m(c),t.emit("changeValue",e.value),t.emit("update:modelValue",e.value)}d.stopPropagation()}return{enumData:i,getValue:s,getText:u,checked:l,onClickCheckbox:f}}const D=a.defineComponent({name:"FCheckGroup",props:A,emits:["changeValue","update:modelValue"],setup(o,t){const e=a.ref(o.modelValue),r=a.ref(o.horizontal),i=a.ref(o.tabIndex),s=a.ref(o.name),{enumData:u,onClickCheckbox:h,getValue:m,getText:l,checked:f}=J(o,t,e),n=a.computed(()=>({"farris-checkradio-hor":r.value}));a.watch(()=>o.modelValue,c=>{e.value=c});const d=a.ref([]);return a.provide($.CHECKBOX_CONTEXT,{values:d,parentProps:o,parentContext:t}),()=>a.createVNode("div",{class:["farris-input-wrap",n.value]},[t.slots.default?t.slots.default():u.value.map((c,p)=>{const g="checkbox_"+s.value+p;return a.createVNode("div",{class:"custom-control custom-checkbox"},[a.createVNode("input",{type:"checkbox",class:"custom-control-input",name:s.value,id:g,value:m(c),checked:f(c),disabled:o.disabled,tabindex:i.value,onClick:C=>h(c,C)},null),a.createVNode("label",{class:"custom-control-label",for:g,title:l(c)},[l(c)])])})])}});function Q(o,t,e){var T;function r(){e!=null&&e.resolveComponentContext&&e.resolveComponentContext()}r();const i=e&&e.getStyles&&e.getStyles()||"",s=e&&e.getDesignerClass&&e.getDesignerClass()||"",u=a.ref();function h(){return(t==null?void 0:t.schema.componentType)==="frame"?!1:e&&e.checkCanMoveComponent?e.checkCanMoveComponent():!0}function m(){return!1}function l(){return(t==null?void 0:t.schema.componentType)==="frame"?!1:e&&e.checkCanDeleteComponent?e.checkCanDeleteComponent():!0}function f(){return(t==null?void 0:t.schema.componentType)==="frame"?!0:e&&e.hideNestedPaddingInDesginerView?e.hideNestedPaddingInDesginerView():!1}function n(v){if(!v||!v.value)return null;if(v.value.schema&&v.value.schema.type==="component")return v.value;const F=a.ref(v==null?void 0:v.value.parent),B=n(F);return B||null}function d(v=t){const{componentInstance:F,designerItemElementRef:B}=v;return!F||!F.value?null:F.value.canMove?B:d(v.parent)}function c(v){return!!e&&e.canAccepts(v)}function p(){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 C(v,F){F&&e!=null&&e.onAcceptMovedChildElement&&e.onAcceptMovedChildElement(F)}function b(v,F){const{componentType:B}=v;let w=z(B,v,F);e&&e.onResolveNewComponentSchema&&(w=e.onResolveNewComponentSchema(v,w));const U=B.toLowerCase().replace("-","_");return w&&!w.id&&w.type===B&&(w.id=`${U}_${Math.random().toString().slice(2,6)}`),w}function M(v){}function S(...v){if(e&&e.getPropsConfig)return e.getPropsConfig(...v)}return u.value={canMove:h(),canSelectParent:m(),canDelete:l(),canNested:!f(),contents:t==null?void 0:t.schema.contents,elementRef:o,parent:(T=t==null?void 0:t.parent)==null?void 0:T.componentInstance,schema:t==null?void 0:t.schema,styles:i,designerClass:s,canAccepts:c,getBelongedComponentInstance:n,getDraggableDesignItemElement:d,getDraggingDisplayText:p,getPropConfig:S,getDragScopeElement:g,onAcceptMovedChildElement:C,onChildElementMovedOut:M,addNewChildComponentSchema:b,updateDragAndDropRules:r,triggerBelongedComponentToMoveWhenMoved:!!e&&e.triggerBelongedComponentToMoveWhenMoved||a.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!e&&e.triggerBelongedComponentToDeleteWhenDeleted||a.ref(!1)},u}function Y(o,t){o.schema;const e=a.ref(!0),r=a.ref(!0);function i(n){return!1}function s(){return!1}function u(){return!1}function h(){return!0}function m(n){}function l(){}function f(n){return null}return{canAccepts:i,checkCanDeleteComponent:s,checkCanMoveComponent:u,hideNestedPaddingInDesginerView:h,onAcceptMovedChildElement:m,resolveComponentContext:l,triggerBelongedComponentToMoveWhenMoved:e,triggerBelongedComponentToDeleteWhenDeleted:r,getPropsConfig:f}}class le{constructor(t,e){k(this,"componentId");k(this,"viewModelId");k(this,"eventsEditorUtils");k(this,"formSchemaUtils");k(this,"formMetadataConverter");k(this,"designViewModelUtils");k(this,"designViewModelField");k(this,"controlCreatorUtils");k(this,"designerHostService");k(this,"schemaService",null);k(this,"metadataService",null);k(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(i=>i.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:y[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 i=r.contents.findIndex(u=>u.id===t),s=P.cloneDeep(r.contents[i]);r.contents.splice(i,1),r.contents.splice(i,0,s)}}const E=class E{static getEditorTypesByMDataType(t){const e=E.fieldControlTypeMapping[t];return e||[{key:"",value:""}]}static getAllInputTypes(){const t=[];for(let e in E.fieldControlTypeMapping)E.fieldControlTypeMapping[e].forEach(r=>{t.find(i=>i.key===r.key&&i.value===r.value)||t.push({key:r.key,value:r.value})});return t}};k(E,"fieldControlTypeMapping",{String:[{key:y["input-group"].type,value:y["input-group"].name},{key:y.lookup.type,value:y.lookup.name},{key:y["date-picker"].type,value:y["date-picker"].name},{key:y["check-box"].type,value:y["check-box"].name},{key:y["check-group"].type,value:y["check-group"].name},{key:y["radio-group"].type,value:y["radio-group"].name},{key:y["combo-list"].type,value:y["combo-list"].name},{key:y.textarea.type,value:y.textarea.name}],Text:[{key:y.textarea.type,value:y.textarea.name},{key:y.lookup.type,value:y.lookup.name}],Decimal:[{key:y["number-spinner"].type,value:y["number-spinner"].name}],Integer:[{key:y["number-spinner"].type,value:y["number-spinner"].name}],Number:[{key:y["number-spinner"].type,value:y["number-spinner"].name}],BigNumber:[{key:y["number-spinner"].type,value:y["number-spinner"].name}],Date:[{key:y["date-picker"].type,value:y["date-picker"].name}],DateTime:[{key:y["date-picker"].type,value:y["date-picker"].name}],Boolean:[{key:y.switch.type,value:y.switch.name},{key:y["check-box"].type,value:y["check-box"].name}],Enum:[{key:y["combo-list"].type,value:y["combo-list"].name},{key:y["radio-group"].type,value:y["radio-group"].name}],Object:[{key:y.lookup.type,value:y.lookup.name},{key:y["combo-list"].type,value:y["combo-list"].name},{key:y["radio-group"].type,value:y["radio-group"].name}]});let x=E;const se=a.ref(0);class ce{constructor(){k(this,"label","");k(this,"id","");k(this,"columnInSM",12);k(this,"columnInMD",6);k(this,"columnInLG",3);k(this,"columnInEL",2);k(this,"displayWidthInSM",1);k(this,"displayWidthInMD",1);k(this,"displayWidthInLG",1);k(this,"displayWidthInEL",1);k(this,"displayColumnCountAtBreakPoint","md");k(this,"tagRow",0);k(this,"showTopBorder",0);k(this,"group",1);k(this,"isSupportedClass",!0);k(this,"fieldSetId","")}}function de(o){let t,e;const r=new Map;let i=[];function s(f,n){const c=f.split(" ").filter(M=>M.startsWith("col-"));if(c.length===0){n.isSupportedClass=!1;return}let p=c.find(M=>/^col-([1-9]|10|11|12)$/.test(M)),g=c.find(M=>/^col-md-([1-9]|10|11|12)$/.test(M)),C=c.find(M=>/^col-xl-([1-9]|10|11|12)$/.test(M)),b=c.find(M=>/^col-el-([1-9]|10|11|12)$/.test(M));p=p||"col-12",n.columnInSM=parseInt(p.replace("col-",""),10),n.displayWidthInSM=n.columnInSM/12,n.displayWidthInSM!==1&&(n.isSupportedClass=!1),g=g||"col-md-"+n.columnInSM,n.columnInMD=parseInt(g.replace("col-md-",""),10),n.displayWidthInMD=n.columnInMD/6,[1,2].includes(n.displayWidthInMD)||(n.isSupportedClass=!1),C=C||"col-xl-"+n.columnInMD,n.columnInLG=parseInt(C.replace("col-xl-",""),10),n.displayWidthInLG=n.columnInLG/3,[1,2,3,4].includes(n.displayWidthInLG)||(n.isSupportedClass=!1),b=b||"col-el-"+n.columnInLG,n.columnInEL=parseInt(b.replace("col-el-",""),10),n.displayWidthInEL=n.columnInEL/2,[1,2,3,4,5,6].includes(n.displayWidthInEL)||(n.isSupportedClass=!1)}function u(f,n,d,c=!1){let p=!1;f.contents.forEach(g=>{if(g.type==="fieldset"){d+=1,u(g,n,d,!0),p=!0;return}p&&(d+=1,p=!1);const C=g.appearance&&g.appearance.class,b=new ce;C?s(C,b):b.isSupportedClass=!1,b.label=g.label||g.id,b.id=g.id,b.group=d,c&&(b.fieldSetId=f.id),e===g.id&&(t=d),r.set(g.id,g),n.push(b)})}function h(f){const n=o.getComponentById(f);if(!n||!n.componentType||!n.componentType.startsWith("form"))return{result:!1,message:"只可以在响应式表单组件中调整响应式布局配置"};const d=o.selectNode(n,c=>c.type===q.DgControl["response-form"].type);return!d||!d.contents||d.contents.length===0?{result:!1,message:"Form区域内没有控件，请先添加控件"}:{result:!0,message:"",formNode:d}}function m(f,n){n=n||f.id;const{result:d,message:c,formNode:p}=h(n);if(!d)return{result:d,message:c};e=f.id,i=[],r.clear();const g=p.contents[0].type===q.DgControl.fieldset.type?0:1;u(p,i,g);const C=i.find(M=>!M.isSupportedClass);return{defaultState:{defaultGroupNumber:t||1,model:C?"customize":"standard"},importData:i}}function l(f,n){n=n;const{result:d,formNode:c}=h(n);if(!d)return"";const p=[];return f.forEach(g=>{var M;const C=r.get(g.id),b=C.appearance&&C.appearance.class;if(b){const T=b.split(" ").filter(ge=>!ge.startsWith("col-")),v="col-"+g.columnInSM,F="col-md-"+g.columnInMD,B="col-xl-"+g.columnInLG,w="col-el-"+g.columnInEL,U=[v,F,B,w].concat(T);C.appearance.class=U.join(" ")}if(g.fieldSetId){const S=c.contents.find(v=>v.id===g.fieldSetId),T=p.find(v=>v.id===g.fieldSetId);T?(M=T.contents)==null||M.push(C):(p.push(S),S.contents=[C])}else p.push(C)}),c.contents=p,c.id}return{checkCanFindFormNode:h,checkCanOpenLayoutEditor:m,changeFormControlsByResponseLayoutConfig:l,getResonseFormLayoutConfig:u}}class Z extends le{constructor(e,r){super(e,r);k(this,"responseLayoutEditorFunction");this.responseLayoutEditorFunction=de(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 h;var i=this;this.setDesignViewModelField(e);const s=this.formSchemaUtils.getFormMetadataBasicInfo(),u=this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);return{description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"编辑器类型",title:"编辑器类型",type:"string",refreshPanelAfterChanged:!0,$converter:"/converter/change-editor.converter",editor:{type:"combo-list",textField:"value",valueField:"key",editable:!1,data:i.designViewModelField?x.getEditorTypesByMDataType((h=i.designViewModelField.type)==null?void 0:h.name):x.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:s},columns:[{field:"name",title:"字段名称"},{field:"bindingField",title:"绑定字段"},{field:"fieldType",title:"字段类型"}],textField:"bindingField",data:u}}},setPropertyRelates(m,l){if(m)switch(m&&m.propertyID){case"type":{i.changeControlType(e,m,r);break}case"label":{m.needRefreshControlTree=!0;break}}}}}getAppearanceProperties(e,r){var i=this;return{title:"样式",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter"},responseLayout:{description:"响应式列宽",title:"响应式列宽",type:"boolean",visible:!0,refreshPanelAfterChanged:!0,editor:{type:"response-layout-editor-setting",initialState:i.responseLayoutEditorFunction.checkCanOpenLayoutEditor(e,i.componentId)}}},setPropertyRelates(s,u){if(s)switch(s&&s.propertyID){case"responseLayout":i.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(s.propertyValue,i.componentId||e.id),i.updateUnifiedLayoutAfterResponseLayoutChanged(i.componentId),i.updateElementByParentContainer(e.id,r),delete e.responseLayout;break;case"class":i.updateUnifiedLayoutAfterControlChanged(s.propertyValue,e.id,this.componentId),i.updateElementByParentContainer(e.id,r);break}}}}getEditorProperties(e){return this.getComponentConfig(e)}changeControlType(e,r,i){var f,n,d,c;const s=r.propertyValue,u=i&&i.parent&&i.parent.schema;if(!u)return;const h=u.contents.findIndex(p=>p.id===e.id),m=u.contents[h];let l;this.designViewModelField&&(this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id,{editor:{$type:s},name:this.designViewModelField.name,require:this.designViewModelField.require,readonly:this.designViewModelField.readonly},!1),l=this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField,s)),l||(l=this.controlCreatorUtils.createFormGroupWithoutField(s)),Object.assign(l,{id:m.id,appearance:m.appearance,size:m.size,label:m.label,binding:m.binding,visible:m.visible}),Object.assign(l.editor,{isTextArea:l.isTextArea&&m.isTextArea,placeholder:(f=m.editor)==null?void 0:f.placeholder,holdPlace:(n=m.editor)==null?void 0:n.holdPlace,readonly:(d=m.editor)==null?void 0:d.readonly,require:(c=m.editor)==null?void 0:c.require}),u.contents.splice(h,1),u.contents.splice(h,0,l),i.schema=Object.assign(m,l),Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(p=>p.classList.remove("dgComponentSelected")),se.value++}getComponentConfig(e,r={},i={}){const s=Object.assign({description:"编辑器",title:"编辑器",type:"input-group",$converter:"/converter/property-editor.converter"},r),u=Object.assign({readonly:{description:"",title:"只读",type:"boolean"},disabled:{description:"",title:"禁用",type:"boolean"},placeholder:{description:"空值时，输入控件内的占位文本",title:"提示文本",type:"string"}},i);return{...s,properties:{...u}}}updateUnifiedLayoutAfterControlChanged(e,r,i){const s=e.split(" ");let u=s.find(n=>/^col-([1-9]|10|11|12)$/.test(n)),h=s.find(n=>/^col-md-([1-9]|10|11|12)$/.test(n)),m=s.find(n=>/^col-xl-([1-9]|10|11|12)$/.test(n)),l=s.find(n=>/^col-el-([1-9]|10|11|12)$/.test(n));u=u||"col-12",h=h||"col-md-"+u.replace("col-",""),m=m||"col-xl-"+h.replace("col-md-",""),l=l||"col-el-"+m.replace("col-xl-","");const f={id:r,columnInSM:parseInt(u.replace("col-",""),10),columnInMD:parseInt(h.replace("col-md-",""),10),columnInLG:parseInt(m.replace("col-xl-",""),10),columnInEL:parseInt(l.replace("col-el-",""),10)};this.updateUnifiedLayoutAfterResponseLayoutChanged(i,f)}updateUnifiedLayoutAfterResponseLayoutChanged(e,r){const{formNode:i}=this.responseLayoutEditorFunction.checkCanFindFormNode(e);if(!i||!i.unifiedLayout)return;const s=[];if(this.responseLayoutEditorFunction.getResonseFormLayoutConfig(i,s,1),r){const p=s.find(g=>g.id===r.id);Object.assign(p||{},r)}const u=s.map(p=>p.columnInSM),h=s.map(p=>p.columnInMD),m=s.map(p=>p.columnInLG),l=s.map(p=>p.columnInEL),f=this.checkIsUniqueColumn(u)?u[0]:null,n=this.checkIsUniqueColumn(h)?h[0]:null,d=this.checkIsUniqueColumn(m)?m[0]:null,c=this.checkIsUniqueColumn(l)?l[0]:null;Object.assign(i.unifiedLayout,{uniqueColClassInSM:f,uniqueColClassInMD:n,uniqueColClassInLG:d,uniqueColClassInEL:c})}checkIsUniqueColumn(e){const r=new Set(e);return Array.from(r).length===1}}class pe extends Z{constructor(t,e){super(t,e)}getEditorProperties(t){return this.getComponentConfig(t,{type:"check-group"},{placeholder:{visible:!1},textField:{description:"",title:"文本字段",type:"string"},valueField:{description:"",title:"值字段",type:"string"},enumData:{visible:!1,description:"",type:"array"}})}}class ue extends Z{constructor(t,e){super(t,e)}getEditorProperties(t){return this.getComponentConfig(t,{type:"check-group"},{placeholder:{visible:!1},text:{description:"",title:"显示文本",type:"string"},value:{description:"",title:"选中值",type:"string"}})}}function fe(o,t){const{canAccepts:e,checkCanDeleteComponent:r,checkCanMoveComponent:i,hideNestedPaddingInDesginerView:s,onAcceptMovedChildElement:u,resolveComponentContext:h,triggerBelongedComponentToMoveWhenMoved:m,triggerBelongedComponentToDeleteWhenDeleted:l}=Y(o),f=o.schema;function n(d,c){return new pe(d,t).getPropertyConfig(f,c)}return{canAccepts:e,checkCanDeleteComponent:r,checkCanMoveComponent:i,hideNestedPaddingInDesginerView:s,onAcceptMovedChildElement:u,resolveComponentContext:h,triggerBelongedComponentToMoveWhenMoved:m,triggerBelongedComponentToDeleteWhenDeleted:l,getPropsConfig:n}}function me(o,t){const{canAccepts:e,checkCanDeleteComponent:r,checkCanMoveComponent:i,hideNestedPaddingInDesginerView:s,onAcceptMovedChildElement:u,resolveComponentContext:h,triggerBelongedComponentToMoveWhenMoved:m,triggerBelongedComponentToDeleteWhenDeleted:l}=Y(o),f=o.schema;function n(d,c){return new ue(d,t).getPropertyConfig(f,c)}return{canAccepts:e,checkCanDeleteComponent:r,checkCanMoveComponent:i,hideNestedPaddingInDesginerView:s,onAcceptMovedChildElement:u,resolveComponentContext:h,triggerBelongedComponentToMoveWhenMoved:m,triggerBelongedComponentToDeleteWhenDeleted:l,getPropsConfig:n}}const he=a.defineComponent({name:"FCheckboxGroupDesign",props:A,emits:["changeValue","update:modelValue"],setup(o,t){const e=a.ref(o.modelValue),r=a.ref(o.horizontal),i=a.ref(o.tabIndex),s=a.ref(o.name),u=a.computed(()=>({"farris-checkradio-hor":r.value})),{enumData:h,onClickCheckbox:m,getValue:l,getText:f,checked:n}=J(o,t,e),d=a.ref(),c=a.inject("designer-host-service"),p=a.inject("design-item-context"),g=fe(p,c),C=Q(d,p,g);return a.onMounted(()=>{d.value.componentInstance=C}),t.expose(C.value),a.watch(()=>o.modelValue,b=>{e.value=b,t.emit("changeValue",e.value)}),()=>a.createVNode("div",{ref:d,class:["farris-input-wrap",u.value]},[h.value.map((b,M)=>{const S="checkbox_"+s.value+M;return a.createVNode("div",{class:"custom-control custom-checkbox"},[a.createVNode("input",{type:"checkbox",class:"custom-control-input",name:s.value,id:S,value:l(b),checked:n(b),disabled:o.disabled,tabindex:i.value,onClick:T=>m(b,T)},null),a.createVNode("label",{class:"custom-control-label",for:S,title:f(b)},[f(b)])])})])}}),ye=a.defineComponent({name:"FCheckBoxDesign",props:I,emits:[],setup(o,t){const e=a.ref(),r=a.ref(o.id),i=a.ref(o.indeterminate),s=a.inject("designer-host-service"),u=a.inject("design-item-context"),h=me(u,s),m=Q(e,u,h);return a.onMounted(()=>{e.value.componentInstance=m}),a.watch(()=>o.indeterminate,l=>{i.value=l}),t.expose(m.value),()=>a.createVNode("div",{ref:e,dragref:`${u.schema.id}-container`,class:"drag-container custom-control custom-checkbox"},[a.createVNode("input",{type:"checkbox",class:"custom-control-input",id:r,value:o.value,checked:o.modelValue,disabled:o.disabled},null),a.createVNode("div",{class:"custom-control-label"},null)])}});D.install=o=>{o.component(D.name,D),o.component(N.name,N)},D.register=(o,t,e,r)=>{o["check-box"]=N,t["check-box"]=G,o["check-group"]=D,t["check-group"]=j},D.registerDesigner=(o,t,e)=>{o["check-box"]=ye,t["check-box"]=G,o["check-group"]=he,t["check-group"]=j},V.FCheckBox=N,V.FCheckBoxGroup=D,V.checkBoxGroupPropsResolver=j,V.checkBoxProps=I,V.checkBoxPropsResolver=G,V.checkboxGroupProps=A,V.default=D,Object.defineProperties(V,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});