@farris/ui-vue 1.2.8 → 1.3.0

package/components/checkbox/index.umd.cjs

@@ -0,0 +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"}})});