@farris/ui-vue 1.7.0-beta.4 → 1.7.0

package/components/response-layout/index.umd.cjs

@@ -1 +1 @@
-(function(m,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue"),require("../dynamic-resolver/index.umd.js"),require("../designer-canvas/index.umd.js"),require("../property-panel/index.umd.js"),require("../dynamic-form/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../dynamic-resolver/index.umd.js","../designer-canvas/index.umd.js","../property-panel/index.umd.js","../dynamic-form/index.umd.js"],o):(m=typeof globalThis<"u"?globalThis:m||self,o(m["response-layout"]={},m.Vue,m.dynamicResolver,m.designerCanvas,m.propertyPanel,m.dynamicForm))})(this,function(m,o,j,I,S,v){"use strict";const T=new Map([["appearance",j.resolveAppearance]]);function X(s,e,t){if(t.componentFeature){const c=JSON.parse(t.componentFeature);e.appearance={class:"bg-white"},e.contents=String(c.splitter).split(":").map(p=>{const l=s.getSchemaByType("response-layout-item");return l.appearance={class:`h-100 col-${p} px-0`},l})}return e}const k={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/response-layout.schema.json",title:"response-layout",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Respnse Layout",type:"string"},type:{description:"The type string of Respnse Layout component",type:"string",default:"response-layout"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contents:{description:"",type:"array",default:[]},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"number"}},default:null},visible:{description:"",type:"boolean",default:!0}},required:["id","type","contents"]},V={customClass:{type:String,default:""},customStyle:{type:String,default:""}},M=j.createPropsResolver(V,k,T,X),F=o.defineComponent({name:"FResponseLayout",props:V,emits:[],setup(s,e){function t(p,l){p&&l&&l.split(" ").reduce((a,g)=>(a[g]=!0,a),p)}const c=o.computed(()=>{const p={"d-flex":!0};return t(p,s.customClass),p});return()=>o.createVNode("div",{class:c.value,style:s.customStyle},[e.slots.default&&e.slots.default()])}}),U={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/response-layout-item.schema.json",title:"response-layout-item",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Respnse Layout Item",type:"string"},type:{description:"The type string of Respnse Layout Item component",type:"string",default:"response-layout-item"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contents:{description:"",type:"array",default:[]},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"number"}},default:null},visible:{description:"",type:"boolean",default:!0}},required:["id","type","contents"]},N={customClass:{type:String,default:""},customStyle:{type:String,default:""}},A=j.createPropsResolver(N,U,T),P=o.defineComponent({name:"FResponseLayoutItem",props:N,emits:[],setup(s,e){return()=>o.createVNode("div",{class:s.customClass,style:s.customStyle},[e.slots.default&&e.slots.default()])}});class _ extends S.BaseControlProperty{constructor(e,t){super(e,t)}getPropertyConfig(e){return this.propertyConfig.categories.basic=this.getBasicPropConfig(e),this.propertyConfig.categories.appearance=this.getAppearanceConfig(e),this.propertyConfig.categories.layout=this.getLayoutPropConfig(e,this.viewModelId),this.propertyConfig}getLayoutPropConfig(e,t){return{title:"布局",description:"layout",properties:{layout:{title:"",type:"select",description:"配置布局容器内区块个数及比例。",editor:{type:"response-layout-splitter",layout:e.contents||[]}}},setPropertyRelates(c,p){I.canvasChanged.value++}}}}function z(s,e){const t=s.schema;function c(a){return!1}function p(a){return new _(a,e).getPropertyConfig(t)}function l(){var f;const a=s.designerItemElementRef.value.querySelector(`#${t.id}`);if(!a)return;const g=((f=s.schema.contents)==null?void 0:f.map(C=>C.id))||[];Array.from(a.children).map(C=>{var $;const h=($=C.componentInstance)==null?void 0:$.value;h!=null&&h.schema&&!g.includes(h.schema.id)&&h.onRemoveComponent&&h.onRemoveComponent(e)})}function u(a){var g;a&&((g=a==null?void 0:a.changeObject)==null?void 0:g.propertyID)==="layout"&&l()}return{canAccepts:c,getPropsConfig:p,onPropertyChanged:u}}const J=o.defineComponent({name:"FResponseLayoutDesign",props:V,emits:[],setup(s,e){const t=o.ref(),c=o.inject("design-item-context"),p=o.inject("designer-host-service"),l=z(c,p),u=I.useDesignerComponent(t,c,l);o.onMounted(()=>{t.value.componentInstance=u}),e.expose(u.value);function a(f,C){f&&C&&C.split(" ").reduce(($,r)=>($[r]=!0,$),f)}const g=o.computed(()=>{const f={"d-flex":!0,"response-layout":!0};return a(f,s.customClass),f});return()=>o.createVNode("div",{ref:t,class:g.value,style:"height:inherit;"},[e.slots.default&&e.slots.default()])}});class W extends S.BaseControlProperty{constructor(e,t){super(e,t)}getPropertyConfig(e){return this.propertyConfig.categories.basic=this.getBasicPropConfig(e),this.propertyConfig.categories.appearance=this.getAppearanceConfig(e),this.propertyConfig}}function K(s,e){const t=s.schema;function c(r){var B,E,O;const{componentType:n,sourceType:i,bindingTargetId:d,sourceElement:y}=r,{schemaService:R,formSchemaUtils:L}=e,b=L.getViewModelIdByComponentId((E=(B=s.componentInstance)==null?void 0:B.value)==null?void 0:E.belongedComponentId),x=L.getViewModelById(b);if([I.DgControl["response-layout"].type,I.DgControl["query-solution"].type,I.DgControl.fieldset.type,I.DgControl["filter-bar"].type,I.DgControl.drawer.type].includes(n)||(O=t.contents)!=null&&O.length)return!1;if(i==="field"){const w=R.getFieldByIDAndVMID(d,b);if(!w||!w.schemaField)return!1}if(y&&y.componentInstance){const{componentInstance:w}=y,G=L.getViewModelIdByComponentId(w.value.belongedComponentId);if(G!==b&&n==="form-group")return L.getViewModelById(G).bindTo===x.bindTo}return!0}function p(){return!1}function l(){return!1}function u(){return!0}function a(r){return new W(r,e).getPropertyConfig(t)}function g(){t.appearance||(t.appearance={class:""}),t.appearance.class||(t.appearance.class=""),t.appearance.class.includes("farris-form")||(t.appearance.class+=" f-form-layout farris-form farris-form-controls-inline farris-form-auto")}function f(r,n){var i,d,y;if(r.componentCategory==="input"){const{label:R}=r;let L;const b=e==null?void 0:e.controlCreatorUtils;return(i=r.bindingSourceContext)!=null&&i.entityFieldNode?L=b.setFormFieldProperty((d=r.bindingSourceContext)==null?void 0:d.entityFieldNode,n==null?void 0:n.type,"col-12"):(L=b.createFormGroupWithoutField(n==null?void 0:n.type,"col-12"),L.label=R),g(),v.useDesignerRules(s,e).syncFieldToViewModel(r,(y=L.editor)==null?void 0:y.type),L}return n}function C(r,n){if(!r||!r.componentInstance||!e)return;const d=r.componentInstance.value.schema;if(d.type==="form-group"&&g(),!d.binding||!d.binding.field)return;const y=v.useDesignerRules(s,e);y.onAcceptMovedChildElement&&y.onAcceptMovedChildElement(r,n)}function h(){!t.appearance||!t.appearance.class||(t.appearance.class=t.appearance.class.replace("f-form-layout",""),t.appearance.class=t.appearance.class.replace("farris-form",""),t.appearance.class=t.appearance.class.replace("farris-form-controls-inline",""),t.appearance.class=t.appearance.class.replace("farris-form-auto",""),t.appearance.class=t.appearance.class.trim())}function $(r){var n,i,d;r&&((d=(i=(n=r.componentInstance)==null?void 0:n.value)==null?void 0:i.schema)==null?void 0:d.type)==="form-group"&&h()}return{canAccepts:c,checkCanDeleteComponent:p,checkCanMoveComponent:l,hideNestedPaddingInDesginerView:u,getPropsConfig:a,onResolveNewComponentSchema:f,onAcceptMovedChildElement:C,onChildElementMovedOut:$}}const Q=o.defineComponent({name:"FResponseLayoutItemDesign",props:N,emits:[],setup(s,e){const t=o.ref(),c=o.inject("design-item-context"),p=o.inject("designer-host-service"),l=K(c,p),u=I.useDesignerComponent(t,c,l);return o.onMounted(()=>{t.value.componentInstance=u}),e.expose(u.value),()=>o.createVNode("div",{ref:t,class:s.customClass,style:"padding-right:8px;display:inherit;flex:1;","data-dragref":`${c.schema.id}-container`},[e.slots.default&&e.slots.default()])}}),Y={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/response-layout-splitter.schema.json",title:"response-layout-splitter",description:"A Splitter Editor for Response Layout",type:"object",properties:{id:{description:"The unique identifier for response layout splitter editor",type:"string"},type:{description:"The type string of response layout splitter editor component",type:"string",default:"response-layout-splitter"},layout:{description:"",type:"object",default:{}}},required:["id","type"]},D={layout:{type:Array}},Z=j.createPropsResolver(D,Y);function H(s,e){const t=o.inject("FMessageBoxService"),c=["12","6:6","3:9","9:3","4:4:4","3:6:3","3:3:6","3:3:3:3"],p=o.ref([]),l=o.ref(""),u=o.ref(s.layout||[]),a=o.ref(!0);function g(){c.forEach(r=>{p.value.push(r.split(":").map(n=>`col-${n}`))})}function f(){if(!(s!=null&&s.layout))return;if(!u.value.length){l.value="";return}a.value=!0;const r=[];u.value.forEach(n=>{n.appearance||(n.appearance={class:""});const d=(n.appearance.class||"").split(" ").find(y=>/^col-([1-9]|10|11|12)$/.test(y));d?r.push(parseInt(d.replace("col-",""),10)):r.push(0)}),l.value=r.join(":"),a.value=c.includes(l.value)}function C(r){for(let n=r.length;n<u.value.length;n++){const i=u.value[n];if(i&&i.contents&&i.contents.length)return!0}return!1}function h(r,n){a.value=!0,l.value=r;for(let i=0;i<n.length;i++){const d=u.value[i];if(d){let y=d.appearance&&d.appearance.class||"";const R=y.split(" ").find(L=>/^col-([1-9]|10|11|12)$/.test(L));R?(y=y.replace(R,`col-${n[i]}`),d.appearance.class=y):d.appearance.class+=` col-${n[i]}`}else{const y=j.getSchemaByType("response-layout-item");y.id=`layout_${Math.random().toString().slice(2,6)}`,y.appearance={class:`h-100 col-${n[i]} px-0`},u.value.push(y)}}u.value.length=n.length,e.emit("change")}function $(r){const n=r.split(":");if(n.length<u.value.length&&C(n)){let i="应用XXX列布局将删除右侧区域内的控件，此操作不可撤销，确定应用？";i=i.replace("XXX",n.length+""),t==null||t.question(i,"",()=>{h(r,n)},()=>{})}else h(r,n)}return g(),f(),{standardLayouts:c,standardLayoutClass:p,selectedLayout:l,currentLayoutItems:u,isStandardLayout:a,onSelectColumnLayout:$}}const q=o.defineComponent({name:"FResponseLayoutSplitter",props:D,emits:["change"],setup(s,e){const{standardLayouts:t,standardLayoutClass:c,selectedLayout:p,isStandardLayout:l,onSelectColumnLayout:u}=H(s,e),a=o.computed(()=>f=>({"columns-layout-option":!0,active:p.value===f}));function g(){return o.createVNode("ul",{class:"columns-layout-list"},[t.map((f,C)=>o.createVNode("li",{class:a.value(f),onClick:()=>u(f)},[o.createVNode("div",{class:"columns-layout-icon d-flex"},[c.value[C].map(h=>o.createVNode("div",{class:{"columns-layout-item":!0,[h]:!0}},[o.createTextVNode(" ")]))])])),l.value?"":o.createVNode("li",{class:"columns-layout-option active",title:"自定义布局"},[o.createVNode("div",{class:"columns-layout-icon icon-custom"},[o.createTextVNode(" ")])])])}return()=>o.createVNode("div",{class:"columns-layout"},[g(),l.value?o.createVNode("div",{class:"farris-group-wrap mt-2"},[o.createVNode("div",{class:"form-group farris-form-group d-flex"},[o.createVNode("label",{class:"col-form-label mb-0",style:"width: 89px;"},[o.createVNode("div",{class:"wrap"},[o.createVNode("span",{class:"farris-label-text"},[o.createTextVNode(" 布局比例 ")])])]),o.createVNode("div",{class:"farris-input-wrap"},[o.createVNode("input",{type:"input",class:"form-control form-control-sm",value:p.value,readonly:!0},null)])])]):""])}}),ee={install(s){s.component(F.name,F).component(P.name,P)},register(s,e,t,c){s["response-layout"]=F,s["response-layout-item"]=P,e["response-layout"]=M,e["response-layout-item"]=A,s["response-layout-splitter"]=q,e["response-layout-splitter"]=Z},registerDesigner(s,e,t){s["response-layout"]=J,s["response-layout-item"]=Q,e["response-layout"]=M,e["response-layout-item"]=A}};m.FResponseLayout=F,m.FResponseLayoutItem=P,m.FResponseLayoutSplitter=q,m.default=ee,m.responseLayoutProps=V,m.responseLayoutPropsResolver=M,Object.defineProperties(m,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(g,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue"),require("../dynamic-resolver/index.umd.js"),require("../designer-canvas/index.umd.js"),require("../property-panel/index.umd.js"),require("../../designer/dynamic-form/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../dynamic-resolver/index.umd.js","../designer-canvas/index.umd.js","../property-panel/index.umd.js","../../designer/dynamic-form/index.umd.js"],o):(g=typeof globalThis<"u"?globalThis:g||self,o(g["response-layout"]={},g.Vue,g.dynamicResolver,g.designerCanvas,g.propertyPanel,g.designer))})(this,function(g,o,I,R,T,A){"use strict";const V=new Map([["appearance",I.resolveAppearance]]);function D(s,e,t){if(t.componentFeature){const c=JSON.parse(t.componentFeature);e.appearance={class:"bg-white"},e.contents=String(c.splitter).split(":").map(i=>{const l=s.getSchemaByType("response-layout-item");return l.appearance={class:`h-100 col-${i} px-0`},l})}return e}const q={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/response-layout.schema.json",title:"response-layout",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Respnse Layout",type:"string"},type:{description:"The type string of Respnse Layout component",type:"string",default:"response-layout"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contents:{description:"",type:"array",default:[]},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"number"}},default:null},visible:{description:"",type:"boolean",default:!0}},required:["id","type","contents"]},j={customClass:{type:String,default:""},customStyle:{type:String,default:""}},z=I.createPropsResolver(j,q,V,D),N=I.getPropsResolverGenerator(j,q,V,D),F=o.defineComponent({name:"FResponseLayout",props:j,emits:[],setup(s,e){function t(i,l){i&&l&&l.split(" ").reduce((a,m)=>(a[m]=!0,a),i)}const c=o.computed(()=>{const i={"d-flex":!0,"f-response-layout":!0};return t(i,s.customClass),i});return()=>o.createVNode("div",{class:c.value,style:s.customStyle},[e.slots.default&&e.slots.default()])}}),B={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/response-layout-item.schema.json",title:"response-layout-item",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Respnse Layout Item",type:"string"},type:{description:"The type string of Respnse Layout Item component",type:"string",default:"response-layout-item"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contents:{description:"",type:"array",default:[]},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"number"}},default:null},visible:{description:"",type:"boolean",default:!0}},required:["id","type","contents"]},v={customClass:{type:String,default:""},customStyle:{type:String,default:""}};I.createPropsResolver(v,B,V);const x=I.getPropsResolverGenerator(v,B,V,void 0),M=o.defineComponent({name:"FResponseLayoutItem",props:v,emits:[],setup(s,e){const t=o.computed(()=>({"f-response-layout-item":!0,[s.customClass]:!!s.customClass}));return()=>o.createVNode("div",{class:t.value,style:s.customStyle},[e.slots.default&&e.slots.default()])}});class J extends T.BaseControlProperty{constructor(e,t){super(e,t)}getPropertyConfig(e){return this.propertyConfig.categories.basic=this.getBasicPropConfig(e),this.propertyConfig.categories.appearance=this.getAppearanceConfig(e),this.propertyConfig.categories.layout=this.getLayoutPropConfig(e,this.viewModelId),this.propertyConfig}getLayoutPropConfig(e,t){return{title:"布局",description:"layout",properties:{layout:{title:"",type:"select",description:"配置布局容器内区块个数及比例。",editor:{type:"response-layout-splitter",layout:e.contents||[]}}},setPropertyRelates(c,i){R.canvasChanged.value++}}}}function W(s,e){const t=s.schema;function c(a){return!1}function i(a){return new J(a,e).getPropertyConfig(t)}function l(){var f;const a=s.designerItemElementRef.value.querySelector(`#${t.id}`);if(!a)return;const m=((f=s.schema.contents)==null?void 0:f.map(h=>h.id))||[];Array.from(a.children).map(h=>{var $;const C=($=h.componentInstance)==null?void 0:$.value;C!=null&&C.schema&&!m.includes(C.schema.id)&&C.onRemoveComponent&&C.onRemoveComponent(e)})}function u(a){var m;a&&((m=a==null?void 0:a.changeObject)==null?void 0:m.propertyID)==="layout"&&l()}return{canAccepts:c,getPropsConfig:i,onPropertyChanged:u}}const K=o.defineComponent({name:"FResponseLayoutDesign",props:j,emits:[],setup(s,e){const t=o.ref(),c=o.inject("design-item-context"),i=o.inject("designer-host-service"),l=W(c,i),u=R.useDesignerComponent(t,c,l);o.onMounted(()=>{t.value.componentInstance=u}),e.expose(u.value);function a(f,h){f&&h&&h.split(" ").reduce(($,r)=>($[r]=!0,$),f)}const m=o.computed(()=>{const f={"d-flex":!0,"response-layout":!0};return a(f,s.customClass),f});return()=>o.createVNode("div",{ref:t,class:m.value,style:"height:inherit;"},[e.slots.default&&e.slots.default()])}});class Q extends T.BaseControlProperty{constructor(e,t){super(e,t)}getPropertyConfig(e){return this.propertyConfig.categories.basic=this.getBasicPropConfig(e),this.propertyConfig.categories.appearance=this.getAppearanceConfig(e),this.propertyConfig}}function Y(s,e){const t=s.schema;function c(r){var X,k,U;const{componentType:n,sourceType:p,bindingTargetId:d,sourceElement:y}=r,{schemaService:b,formSchemaUtils:L}=e,P=L.getViewModelIdByComponentId((k=(X=s.componentInstance)==null?void 0:X.value)==null?void 0:k.belongedComponentId),O=L.getViewModelById(P);if([R.DgControl["response-layout"].type,R.DgControl["query-solution"].type,R.DgControl.fieldset.type,R.DgControl["filter-bar"].type,R.DgControl.drawer.type].includes(n)||(U=t.contents)!=null&&U.length)return!1;if(p==="field"){const w=b.getFieldByIDAndVMID(d,P);if(!w||!w.schemaField)return!1}if(y&&y.componentInstance){const{componentInstance:w}=y,_=L.getViewModelIdByComponentId(w.value.belongedComponentId);if(_!==P&&n==="form-group")return L.getViewModelById(_).bindTo===O.bindTo}return!0}function i(){return!1}function l(){return!1}function u(){return!0}function a(r){return new Q(r,e).getPropertyConfig(t)}function m(){t.appearance||(t.appearance={class:""}),t.appearance.class||(t.appearance.class=""),t.appearance.class.includes("farris-form")||(t.appearance.class+=" f-form-layout farris-form farris-form-controls-inline farris-form-auto")}function f(r,n){var p,d,y;if(r.componentCategory==="input"){const{label:b}=r;let L;const P=e==null?void 0:e.controlCreatorUtils;return(p=r.bindingSourceContext)!=null&&p.entityFieldNode?L=P.setFormFieldProperty((d=r.bindingSourceContext)==null?void 0:d.entityFieldNode,n==null?void 0:n.type,"col-12"):(L=P.createFormGroupWithoutField(n==null?void 0:n.type,"col-12"),L.label=b),m(),A.useDesignerRules(s,e).syncFieldToViewModel(r,(y=L.editor)==null?void 0:y.type),L}return n}function h(r,n){if(!r||!r.componentInstance||!e)return;const d=r.componentInstance.value.schema;if(d.type==="form-group"&&m(),!d.binding||!d.binding.field)return;const y=A.useDesignerRules(s,e);y.onAcceptMovedChildElement&&y.onAcceptMovedChildElement(r,n)}function C(){!t.appearance||!t.appearance.class||(t.appearance.class=t.appearance.class.replace("f-form-layout",""),t.appearance.class=t.appearance.class.replace("farris-form",""),t.appearance.class=t.appearance.class.replace("farris-form-controls-inline",""),t.appearance.class=t.appearance.class.replace("farris-form-auto",""),t.appearance.class=t.appearance.class.trim())}function $(r){var n,p,d;r&&((d=(p=(n=r.componentInstance)==null?void 0:n.value)==null?void 0:p.schema)==null?void 0:d.type)==="form-group"&&C()}return{canAccepts:c,checkCanDeleteComponent:i,checkCanMoveComponent:l,hideNestedPaddingInDesginerView:u,getPropsConfig:a,onResolveNewComponentSchema:f,onAcceptMovedChildElement:h,onChildElementMovedOut:$}}const Z=o.defineComponent({name:"FResponseLayoutItemDesign",props:v,emits:[],setup(s,e){const t=o.ref(),c=o.inject("design-item-context"),i=o.inject("designer-host-service"),l=Y(c,i),u=R.useDesignerComponent(t,c,l),{designerContext:a}=i,m=!!a&&!!a.responsiveForm&&a.designerMode==="Mobile";o.onMounted(()=>{t.value.componentInstance=u}),e.expose(u.value);const f=o.computed(()=>({"f-response-layout-item":!0,[s.customClass]:!!s.customClass})),h=o.computed(()=>({display:"inherit",flex:1,paddingRight:m?void 0:"8px"}));return()=>o.createVNode("div",{ref:t,class:f.value,style:h.value,"data-dragref":`${c.schema.id}-container`},[e.slots.default&&e.slots.default()])}}),G={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/response-layout-splitter.schema.json",title:"response-layout-splitter",description:"A Splitter Editor for Response Layout",type:"object",properties:{id:{description:"The unique identifier for response layout splitter editor",type:"string"},type:{description:"The type string of response layout splitter editor component",type:"string",default:"response-layout-splitter"},layout:{description:"",type:"object",default:{}}},required:["id","type"]},S={layout:{type:Array}};I.createPropsResolver(S,G);const H=I.getPropsResolverGenerator(S,G,void 0,void 0);function ee(s,e){const t=o.inject("FMessageBoxService"),c=["12","6:6","3:9","9:3","4:4:4","3:6:3","3:3:6","3:3:3:3"],i=o.ref([]),l=o.ref(""),u=o.ref(s.layout||[]),a=o.ref(!0);function m(){c.forEach(r=>{i.value.push(r.split(":").map(n=>`col-${n}`))})}function f(){if(!(s!=null&&s.layout))return;if(!u.value.length){l.value="";return}a.value=!0;const r=[];u.value.forEach(n=>{n.appearance||(n.appearance={class:""});const d=(n.appearance.class||"").split(" ").find(y=>/^col-([1-9]|10|11|12)$/.test(y));d?r.push(parseInt(d.replace("col-",""),10)):r.push(0)}),l.value=r.join(":"),a.value=c.includes(l.value)}function h(r){for(let n=r.length;n<u.value.length;n++){const p=u.value[n];if(p&&p.contents&&p.contents.length)return!0}return!1}function C(r,n){a.value=!0,l.value=r;for(let p=0;p<n.length;p++){const d=u.value[p];if(d){let y=d.appearance&&d.appearance.class||"";const b=y.split(" ").find(L=>/^col-([1-9]|10|11|12)$/.test(L));b?(y=y.replace(b,`col-${n[p]}`),d.appearance.class=y):d.appearance.class+=` col-${n[p]}`}else{const y=I.getSchemaByType("response-layout-item");y.id=`layout_${Math.random().toString().slice(2,6)}`,y.appearance={class:`h-100 col-${n[p]} px-0`},u.value.push(y)}}u.value.length=n.length,e.emit("change")}function $(r){const n=r.split(":");if(n.length<u.value.length&&h(n)){let p="应用XXX列布局将删除右侧区域内的控件，此操作不可撤销，确定应用？";p=p.replace("XXX",n.length+""),t==null||t.question(p,"",()=>{C(r,n)},()=>{})}else C(r,n)}return m(),f(),{standardLayouts:c,standardLayoutClass:i,selectedLayout:l,currentLayoutItems:u,isStandardLayout:a,onSelectColumnLayout:$}}const E=o.defineComponent({name:"FResponseLayoutSplitter",props:S,emits:["change"],setup(s,e){const{standardLayouts:t,standardLayoutClass:c,selectedLayout:i,isStandardLayout:l,onSelectColumnLayout:u}=ee(s,e),a=o.computed(()=>f=>({"columns-layout-option":!0,active:i.value===f}));function m(){return o.createVNode("ul",{class:"columns-layout-list"},[t.map((f,h)=>o.createVNode("li",{class:a.value(f),onClick:()=>u(f)},[o.createVNode("div",{class:"columns-layout-icon d-flex"},[c.value[h].map(C=>o.createVNode("div",{class:{"columns-layout-item":!0,[C]:!0}},[o.createTextVNode(" ")]))])])),l.value?"":o.createVNode("li",{class:"columns-layout-option active",title:"自定义布局"},[o.createVNode("div",{class:"columns-layout-icon icon-custom"},[o.createTextVNode(" ")])])])}return()=>o.createVNode("div",{class:"columns-layout"},[m(),l.value?o.createVNode("div",{class:"farris-group-wrap mt-2"},[o.createVNode("div",{class:"form-group farris-form-group d-flex"},[o.createVNode("label",{class:"col-form-label mb-0",style:"width: 89px;"},[o.createVNode("div",{class:"wrap"},[o.createVNode("span",{class:"farris-label-text"},[o.createTextVNode(" 布局比例 ")])])]),o.createVNode("div",{class:"farris-input-wrap"},[o.createVNode("input",{type:"input",class:"form-control form-control-sm",value:i.value,readonly:!0},null)])])]):""])}}),te={install(s){s.component(F.name,F).component(M.name,M)},register(s,e,t,c,i){s["response-layout"]=F,s["response-layout-item"]=M,e["response-layout"]=N(i),e["response-layout-item"]=x(i),s["response-layout-splitter"]=E,e["response-layout-splitter"]=H(i)},registerDesigner(s,e,t,c){s["response-layout"]=K,s["response-layout-item"]=Z,e["response-layout"]=N(c),e["response-layout-item"]=x(c)}};g.FResponseLayout=F,g.FResponseLayoutItem=M,g.FResponseLayoutSplitter=E,g.default=te,g.responseLayoutProps=j,g.responseLayoutPropsResolver=z,g.responseLayoutPropsResolverGenerator=N,Object.defineProperties(g,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/response-layout-editor/index.esm.js

@@ -4,7 +4,7 @@ var b = (e, h, u) => J(e, typeof h != "symbol" ? h + "" : h, u);
 import { defineComponent as L, ref as l, watch as I, onBeforeMount as H, createVNode as t, createTextVNode as R, computed as z, onMounted as Y, inject as K, provide as Q } from "vue";
 import { cloneDeep as N } from "lodash-es";
 import Z from "../capsule/index.esm.js";
-import _ from "../switch/index.esm.js/src/switch.component";
+import _ from "../switch/index.esm.js";
 import ee from "../combo-list/index.esm.js";
 import te from "../radio-button/index.esm.js";
 import ae from "../rate/index.esm.js";

package/components/response-layout-editor/index.umd.cjs

@@ -1 +1 @@
-(function(p,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("lodash-es"),require("../capsule/index.umd.js"),require("../switch/index.umd.js/src/switch.component"),require("../combo-list/index.umd.js"),require("../radio-button/index.umd.js"),require("../rate/index.umd.js"),require("../message-box/index.umd.js"),require("../modal/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../capsule/index.umd.js","../switch/index.umd.js/src/switch.component","../combo-list/index.umd.js","../radio-button/index.umd.js","../rate/index.umd.js","../message-box/index.umd.js","../modal/index.umd.js"],e):(p=typeof globalThis<"u"?globalThis:p||self,e(p["response-layout-editor"]={},p.Vue,p.LodashES,p.FCapsule,p.FSwitch,p.FComboList,p.FRadioButton,p.FRate,p.messageBox,p.modal))})(this,function(p,e,D,z,q,H,_,X,Y,J){"use strict";var de=Object.defineProperty;var ce=(p,e,D)=>e in p?de(p,e,{enumerable:!0,configurable:!0,writable:!0,value:D}):p[e]=D;var V=(p,e,D)=>ce(p,typeof e!="symbol"?e+"":e,D);const G={initialState:{type:Object,default:{}}},K={defaultStates:{type:Object,default:{mode:""}},onSwitchInStandardModeChanged:{type:Function,default:()=>{}},onCurrentScreenResolutionChanged:{type:Function,default:()=>{}},onScreenNameChanged:{type:Function,default:()=>{}}},Q=e.defineComponent({name:"FScreenResolutionSelector",props:K,emits:["screenNameChanged","currentScreenResolutionChanged","switchInStandardModeChanged"],setup(t,S){const u=e.ref([{name:"小屏幕",code:"SM",value:"SM",active:!1},{name:"中等屏幕",code:"MD",value:"MD",active:!0},{name:"大屏幕",code:"LG",value:"LG",active:!1},{name:"极大屏幕",code:"EL",value:"EL",active:!1}]),r=e.ref(t.defaultStates),a=e.ref("MD"),v=e.ref("中等屏幕"),s=e.ref(!0);function y(f){u.value.forEach(o=>{o.active=o.code===f,o.active&&(a.value=o.code,v.value=o.name,S.emit("screenNameChanged",v.value),S.emit("currentScreenResolutionChanged",a.value))})}function w(){S.emit("switchInStandardModeChanged",s.value)}e.watch(s,()=>{}),e.onBeforeMount(()=>{r.value.model==="standard"?s.value=!0:(s.value=!1,w())});function c(){return e.createVNode(z,{class:"f-layout-editor-screen-resolution-selector-frame",items:u.value,modelValue:a.value,"onUpdate:modelValue":f=>a.value=f,onChange:y},null)}return()=>e.createVNode("div",{class:"f-layout-editor-screen-resolution-selector"},[e.createVNode("div",{class:"f-layout-editor-screen-resolution-selector-header"},[e.createVNode("div",{class:"f-layout-editor-screen-resolution-selector-form"},[e.createTextVNode("表单布局配置")])]),c(),e.createVNode("div",{class:"f-layout-editor-screen-resolution-selector-switch"},[e.createVNode(q,{class:"f-layout-editor-show-switch",modelValue:s.value,"onUpdate:modelValue":f=>s.value=f,onModelValueChanged:w},null),s.value?e.createVNode("div",{class:"f-layout-editor-show-switch-label"},[e.createTextVNode("标准模式")]):e.createVNode("div",{class:"f-layout-editor-show-switch-label"},[e.createTextVNode("自定义模式")])])])}}),Z={currentScreenResolution:{type:String,default:""},switchInStandardMode:{type:Boolean,default:!1},currentArea:{type:Object,default:[]},twoDimensionalArray:{type:Array,default:[]}},ee={item:{type:Object,default:{}},currentScreenResolution:{type:String,default:""},switchInStandardMode:{type:Boolean,default:!1}},te=e.defineComponent({name:"FColumnWidthView",props:ee,emits:[],setup(t,S){const u=e.ref(t.item),r=e.ref(t.currentScreenResolution),a=e.computed(()=>`col-${u.value[`columnIn${r.value}`]}`);return e.watch([()=>t.item,()=>t.currentScreenResolution],([v,s],[y,w])=>{v!==y&&(u.value=v),s!==w&&(r.value=s)}),()=>e.createVNode("div",{class:a.value},[e.createVNode("div",{class:"f-layout-editor-column-width-view",title:u.value.label},[e.createVNode("div",{class:"f-layout-editor-column-width-view-label"},[u.value.label])])])}}),ae=e.defineComponent({name:"FPreview",props:Z,emits:["update:twoDimensionalArray"],setup(t,S){const u=e.ref(t.currentScreenResolution),r=e.ref(t.switchInStandardMode),a=e.ref(t.currentArea),v=e.ref(t.twoDimensionalArray),s=e.ref([]);e.watch([()=>t.currentArea,()=>t.switchInStandardMode,()=>t.currentScreenResolution],([o,d,h],[g,b,I])=>{o!==g&&(a.value=o),d!==b&&(r.value=d),h!==I&&(u.value=h)});function y(o,d){const h=[];let g=[];return o.forEach(b=>{d!==b.componentRow&&(d+=1,h.push(g),g=[]),g.push(b)}),h.push(g),h}function w(){const o=[];let d=1;return s.value.forEach(h=>{const g=y(h,d);d+=g.length,o.push(g)}),o}function c(){s.value=D.cloneDeep(v.value),s.value=w()}e.watch(()=>t.twoDimensionalArray,()=>{v.value=t.twoDimensionalArray,c()}),e.onMounted(()=>{c()});function f(){if(r.value)return"";const o=Array.from({length:12},()=>e.createVNode("div",{class:"col-1"},[e.createVNode("div",{class:"f-layout-editor-preview-customize-single-background"},[e.createTextVNode(" ")])]));return e.createVNode("div",{class:"f-layout-editor-preview-customize-whole-background"},[o])}return()=>e.createVNode("div",{class:"f-layout-editor-preview f-utils-fill-flex-column"},[e.createVNode("div",{class:"f-layout-editor-preview-header"},[e.createTextVNode("预览区")]),f(),e.createVNode("div",{class:"f-layout-editor-preview-view f-utils-overflow-xhya"},[e.createVNode("div",{class:"f-layout-editor-preview-row-group"},[s.value.map(o=>{var d,h;return((d=o[0][0])==null?void 0:d.group.toString())===((h=a.value[0])==null?void 0:h.id)&&o.map(g=>e.createVNode("div",{class:"f-layout-editor-row"},[g.map(b=>e.createVNode(te,{item:b,"onUpdate:item":I=>b=I,currentScreenResolution:u.value,switchInStandardMode:r.value},null))]))})])])])}}),ne={currentScreenResolution:{type:String,default:""},switchInStandardMode:{type:Boolean,default:!1},originalData:{type:Array,default:[]},originalDataCopy:{type:Array,default:[]},defaultStates:{type:Object,default:{}},onTwoDimensionalArrayChanged:{type:Function,default:()=>{}},onOriginalDataChanged:{type:Function,default:()=>{}}};function oe(t,S){const u=e.ref(-1),r=e.ref(!1);function a(o){if(o.target.offsetParent){const d=o.target.offsetParent,h=d.offsetWidth-o.target.offsetWidth/2-4,g=d.offsetHeight/2;o.dataTransfer&&o.dataTransfer.setDragImage(d,h,g)}}function v(o){if(o){const d=t.value.findIndex(h=>h.label===o.label);setTimeout(()=>{u.value=d,r.value=!0,o.moving=!0})}}function s(o,d){o.stopPropagation(),a(o),v(d)}function y(o){const d=t.value.findIndex(h=>h.label===o.label);if(u.value!==d){const h=t.value[u.value],g=t.value;g.splice(u.value,1),g.splice(d,0,h),u.value=d,S&&S()}}function w(o,d){o.preventDefault(),y(d)}function c(o){o.preventDefault(),o.dataTransfer&&(o.dataTransfer.dropEffect="move")}function f(o,d){d&&(d.moving=!1),r.value=!1}return{dragstart:s,dragenter:w,dragover:c,dragend:f,isDragging:r}}const re={currentScreenResolution:{type:String,default:""},field:{type:Object,default:{}},switchInStandardMode:{type:Boolean,default:!1},fieldChanged:{type:Function,default:()=>{}}},le=e.defineComponent({name:"FColumnWidthEditor",props:re,emits:["fieldChanged"],setup(t,S){const u={SM:["1"],MD:["1","2"],LG:["1","2","3","4"],EL:["1","2","3","4","5","6"]},r=e.ref(t.currentScreenResolution),a=e.ref(t.field),v=e.ref(t.switchInStandardMode),s=e.ref(),y=e.ref(""),w=e.ref(),c=e.ref("customize"),f=e.ref(),o=e.inject("ResponseLayoutEditorDraggableComposition"),{dragstart:d,dragenter:h,dragover:g,dragend:b}=o;function I(){s.value=u==null?void 0:u[r.value],v.value?(y.value=`displayWidthIn${r.value}`,c.value=`${a.value[y.value]}`):(y.value=`columnIn${r.value}`,f.value=a.value[y.value])}function O(m){if(v.value===!0){const N=Number(m==null?void 0:m.text);w.value=N;const M=a.value[`columnIn${r.value}`]/a.value[`displayWidthIn${r.value}`];a.value[`columnIn${r.value}`]=N*M,a.value[`displayWidthIn${r.value}`]=Number(N),S.emit("fieldChanged",a.value)}}function F(m){f.value=m;const N=a.value[`columnIn${r.value}`]/a.value[`displayWidthIn${r.value}`];a.value[`columnIn${r.value}`]=f.value,a.value[`displayWidthIn${r.value}`]=f.value/N,S.emit("fieldChanged",a.value)}function E(){return e.createVNode(X,{enableHalf:!0,size:"extraLarge",pointSystem:12,numOfStar:6,lightColor:"#5D89FE",darkColor:"#e7e9f3",iconClass:"f-icon-column-rectangle",modelValue:f.value,"onUpdate:modelValue":m=>f.value=m,enableScore:!1,onSelectedValue:()=>F(f.value)},null)}function T(){const m=[];s.value=u==null?void 0:u[r.value];const N=a.value[`displayWidthIn${r.value}`];return s.value.forEach(M=>{const j={text:M,active:N.toString()===M};m.push(j)}),m}function A(){const m=T();return e.createVNode(_,{enumData:m,suffixValue:"列",onSelectedValueChanged:O},{default:()=>[e.createTextVNode(" ")]})}function L(){var m;if(((m=a==null?void 0:a.value)==null?void 0:m.showTopBorder)===1)return e.createVNode("div",{class:"f-layout-editor-column-width-editor-row"},[e.createVNode("span",{class:"f-layout-editor-column-width-editor-row-left"},null),e.createVNode("span",{class:"f-layout-editor-column-width-editor-row-middle"},[e.createTextVNode("第"),a.value.componentRow,e.createTextVNode("行")]),e.createVNode("span",{class:"f-layout-editor-column-width-editor-row-right"},null)])}function l(){return v.value?e.createVNode("div",{class:"f-column-width-editor-switch-standard"},[e.createVNode("div",{class:"f-layout-editor-column-width-editor-click-button"},[A()])]):e.createVNode("div",{class:"f-column-width-editor-switch-customize",onDragenter:m=>h(m,a.value),onDragend:m=>b(m,a.value),onDragover:m=>g(m)},[e.createVNode("div",{class:"f-layout-editor-column-width-editor-rectangle"},[E(),e.createVNode("div",{class:"f-layout-editor-rate-show-column"},[f.value,e.createTextVNode("列")]),e.createVNode("span",{class:"f-layout-editor-drag-handler f-icon f-icon-drag-vertical",draggable:"true",onDragstart:m=>d(m,a.value)},null)])])}function R(){var m,N;return e.createVNode("div",{class:"f-layout-editor-column-width-editor-component"},[e.createVNode("div",{class:"f-layout-editor-column-width-editor-label",title:(m=a==null?void 0:a.value)==null?void 0:m.label},[(N=a==null?void 0:a.value)==null?void 0:N.label]),l()])}return e.watch(()=>[t.field,t.switchInStandardMode,t.currentScreenResolution],([m,N,M],[j,$,n])=>{M!==n&&(r.value=M,s.value=u[r.value],I()),N!==$&&(v.value=N),v.value===!1&&I(),m!==j&&(a.value=m)}),e.onMounted(()=>{I()}),()=>e.createVNode("div",{class:"f-layout-editor-column-width-editor"},[L(),R()])}}),ie=e.defineComponent({name:"FFieldList",props:ne,emits:["update:currentArea","twoDimensionalArrayChanged","originalDataChanged"],setup(t,S){const u=e.ref(t.currentScreenResolution),r=e.ref(t.switchInStandardMode),a=e.ref(t.originalData),v=e.ref(t.originalDataCopy),s=e.ref(t.defaultStates),y=e.ref(""),w=e.ref([]),c=e.ref(t.currentArea),f=e.ref(0),o=e.ref(),d=e.ref(0),h=e.ref("1"),g=e.ref([]);function b(){const n=[];return a.value.forEach(i=>{n.indexOf(i.group)===-1&&n.push(i.group)}),n}function I(){h.value=s.value.defaultGroupNumber.toString(),y.value=`区域${h.value}`,c.value=[w.value[Number(h.value)-1]],S.emit("update:currentArea",c.value)}function O(){var i;const n=b();for(let C=0;C<n.length;C++){const B={id:(i=n[C])==null?void 0:i.toString(),label:"区域"+n[C]};w.value.push(B)}I()}function F(){let n=[];o.value=[];let i=1;a.value.forEach(C=>{C.group===i||(i+=1,o.value.push(n),n=[]),n.push(C)}),o.value.push(n)}function E(n,i){let B=12;return f.value=1+i,n.forEach(P=>{P.showTopBorder=0;const k=P[`columnIn${u.value}`];B>=k?(P.componentRow=f.value,B-=k):(f.value+=1,P.componentRow=f.value,B=12-k,P.showTopBorder=1)}),n[0].showTopBorder=1,n}function T(n){let i=[];for(const C of n)i=i.concat(C);a.value=D.cloneDeep(i),d.value=0}function A(){o.value[c.value[0].id-1]=D.cloneDeep(g.value);const n=[];d.value=0,o.value.forEach(i=>{const C=E(i,d.value);n.push(C),d.value=C[C.length-1].componentRow}),T(n)}function L(){F();const n=[];return d.value=0,o.value.forEach(i=>{const C=E(i,d.value);n.push(C),d.value=C[C.length-1].componentRow}),S.emit("twoDimensionalArrayChanged",o.value),T(n),a.value}function l(){g.value=[],a.value.forEach(n=>{n.group===Number(c.value[0].id)&&g.value.push(n)})}function R(){a.value=D.cloneDeep(L()),S.emit("originalDataChanged",a.value)}function m(n){g.value.forEach(i=>{i.id===n.id&&Object.assign(i,n)}),A(),R(),l()}function N(n){for(let i=0;i<n.length;i++)c.value=[{id:n[i].id,label:n[i].label}];S.emit("update:currentArea",c.value),l(),A()}function M(){return e.createVNode("div",{class:"f-layout-editor-field-list-top"},[e.createVNode("div",{class:"f-layout-editor-field-list-header"},[e.createTextVNode("组件列表")]),e.createVNode("div",{class:"f-layout-editor-choose-group"},[e.createVNode(H,{modelValue:h.value,"onUpdate:modelValue":n=>h.value=n,placeholder:"当前可编辑组",enableClear:!1,"id-field":"id","text-field":"label",data:w.value,editable:!1,onChange:N},null)])])}function j(){return e.createVNode("div",{class:"f-layout-editor-field-list-content f-utils-overflow-xhya"},[g.value.map(n=>e.createVNode(le,{key:n.label,currentScreenResolution:u.value,field:n,"onUpdate:field":i=>n=i,switchInStandardMode:r.value,"onUpdate:switchInStandardMode":i=>r.value=i,onFieldChanged:m},null))])}const $=oe(g,()=>{A(),R(),l()});return e.provide("ResponseLayoutEditorDraggableComposition",$),e.watch(()=>t.currentArea,(n,i)=>{n!==i&&(c.value=t.currentArea,l())}),e.watch(c,(n,i)=>{n!==i&&l()}),e.watch(()=>t.currentGroup,(n,i)=>{n!==i&&(y.value=t.currentGroup)}),e.watch(()=>t.currentScreenResolution,(n,i)=>{n!==i&&(u.value=t.currentScreenResolution,R(),F(),c.value[0]&&(g.value=D.cloneDeep(o.value[Number(c.value[0].id)-1])))}),e.watch(()=>t.switchInStandardMode,(n,i)=>{n!==i&&(r.value=t.switchInStandardMode,a.value=D.cloneDeep(v.value))}),e.watch(s,(n,i)=>{n!==i&&R()}),e.onBeforeMount(()=>{O(),L(),l()}),()=>e.createVNode("div",{class:"f-layout-editor-field-list f-utils-fill-flex-column"},[r.value?e.createVNode("div",{class:"f-layout-editor-field-list-standard f-utils-fill-flex-column"},[M(),j()]):e.createVNode("div",{class:"f-layout-editor-field-list-customize f-utils-fill-flex-column"},[M(),j()])])}}),x=e.defineComponent({name:"FResponseLayoutEditor",props:G,emits:["close","submit"],setup(t,S){const u=e.ref(t.initialState),r=e.ref(),a=e.ref(),v=e.ref(""),s=e.ref(""),y=e.ref(!0),w=e.ref([{id:"1",label:"区域1"}]),c=e.ref([]),f=e.ref();e.ref(t.width),e.ref(t.height),e.watch(()=>t.initialState,l=>{u.value=l}),e.watch([()=>t.currentArea,()=>t.switchInStandardMode],([l,R],[m,N])=>{l!==m&&(w.value=l),R!==N&&(y.value=R)});function o(l){v.value=l}function d(l){s.value=l}function h(l){y.value=l}function g(l){w.value=[].concat(l)}function b(l){r.value=D.cloneDeep(l)}function I(l){c.value=l}function O(){S.emit("close")}function F(){S.emit("submit",r.value)}function E(){return e.createVNode(ie,{class:"f-utils-fill-flex-column",defaultStates:a.value,originalDataCopy:f.value,currentScreenResolution:s.value,"onUpdate:currentScreenResolution":l=>s.value=l,originalData:r.value,"onUpdate:originalData":l=>r.value=l,switchInStandardMode:y.value,"onUpdate:switchInStandardMode":l=>y.value=l,currentArea:w.value,"onUpdate:currentArea":l=>w.value=l,onCurrentAreaChanged:g,onTwoDimensionalArrayChanged:I,onOriginalDataChanged:b},null)}function T(){return e.createVNode(ae,{class:"f-utils-fill-flex-column",currentArea:w.value,"onUpdate:currentArea":l=>w.value=l,currentScreenResolution:s.value,"onUpdate:currentScreenResolution":l=>s.value=l,switchInStandardMode:y.value,twoDimensionalArray:c.value,"onUpdate:twoDimensionalArray":l=>c.value=l},null)}const A=e.computed(()=>y.value?"f-layout-editor-left-standard f-utils-fill-flex-column":"f-layout-editor-left-customize f-utils-fill-flex-column"),L=e.computed(()=>y.value?"f-layout-editor-right-standard f-utils-fill-flex-column":"f-layout-editor-right-customize f-utils-fill-flex-column");return e.onBeforeMount(()=>{r.value=D.cloneDeep(u.value.importData),f.value=D.cloneDeep(u.value.importData),a.value=u.value.defaultState,v.value="中等屏幕",s.value="MD"}),l=>e.createVNode("div",{class:"f-layout-editor f-utils-flex-column"},[e.createVNode("div",{class:"f-layout-editor-top"},[e.createVNode(Q,{defaultStates:a.value,onScreenNameChanged:o,onCurrentScreenResolutionChanged:d,onSwitchInStandardModeChanged:h},null)]),e.createVNode("div",{class:"f-layout-editor-content f-utils-fill"},[e.createVNode("div",{class:"f-layout-editor-left f-utils-fill-flex-column"},[e.createVNode("div",{class:A.value},[E()])]),e.createVNode("div",{class:"f-layout-editor-right f-utils-fill-flex-column"},[e.createVNode("div",{class:L.value},[T()])])]),e.createVNode("div",{class:"f-layout-editor-bottom"},[e.createVNode("div",{class:"f-layout-editor-button"},[e.createVNode("div",{class:"f-layout-editor-cancel-btn",onClick:O},[e.createVNode("span",{class:"f-layout-editor-text-cancel"},[e.createTextVNode("取消")])]),e.createVNode("div",{class:"f-layout-editor-sure-btn",onClick:F},[e.createVNode("span",{class:"f-layout-editor-text-sure"},[e.createTextVNode("确认")])])])])])}}),U={initialState:{type:Object},height:{type:Number,default:0},width:{type:Number,default:0},modelValue:{type:Object},beforeOpen:{type:Object}},W=e.defineComponent({name:"FResponseLayoutEditorSetting",props:U,emits:["change"],setup(t,S){const u=e.ref(t.initialState),r=e.ref(t.width),a=e.ref(t.height);e.watch(()=>t.initialState,c=>{u.value=c});function v(c,f){u.value.importData=f,S.emit("change",f),c&&c.unmount()}function s(c){c&&c.unmount()}function y(){if(t.width>0&&t.width>0)return;const c=document.documentElement.clientWidth,f=document.documentElement.clientHeight;a.value=f<650?500:f>1200?840:630,r.value=c<850?900:c>1400?1e3:890}function w(){if(t.beforeOpen&&typeof t.beforeOpen=="function"&&(u.value=t.beforeOpen()),!u.value.defaultState||!u.value.importData){const c=u.value.message||"只可以在响应式表单组件中调整响应式布局配置";Y.FMessageBoxService.info(c,"");return}y(),J.FModalService.show({render:c=>e.createVNode(x,{initialState:u,onClose:()=>s(c),onSubmit:f=>v(c,f)},null),width:r.value,height:a.value,fitContent:!1,showButtons:!1,showHeader:!1,showFloatingClose:!0})}return()=>e.createVNode("div",{class:"f-column-width-setting-button",onClick:w},[e.createVNode("i",{class:"f-icon f-icon-add"},null),e.createVNode("div",{class:"f-column-width-setting-button-name"},[e.createVNode("span",{class:"f-column-width-setting-button-center"},[e.createTextVNode("高级设置")])])])}});class ue{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","")}}x.install=t=>{t.component(x.name,x),t.component(W.name,W)},p.ResponseFormLayoutContext=ue,p.ResponseLayoutEditor=x,p.ResponseLayoutEditorSetting=W,p.default=x,p.responseLayoutEditorProps=G,p.responseLayoutEditorSettingProps=U,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(p,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("lodash-es"),require("../capsule/index.umd.js"),require("../switch/index.umd.js"),require("../combo-list/index.umd.js"),require("../radio-button/index.umd.js"),require("../rate/index.umd.js"),require("../message-box/index.umd.js"),require("../modal/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../capsule/index.umd.js","../switch/index.umd.js","../combo-list/index.umd.js","../radio-button/index.umd.js","../rate/index.umd.js","../message-box/index.umd.js","../modal/index.umd.js"],e):(p=typeof globalThis<"u"?globalThis:p||self,e(p["response-layout-editor"]={},p.Vue,p.LodashES,p.FCapsule,p.FSwitch,p.FComboList,p.FRadioButton,p.FRate,p.messageBox,p.modal))})(this,function(p,e,D,z,q,H,_,X,Y,J){"use strict";var de=Object.defineProperty;var ce=(p,e,D)=>e in p?de(p,e,{enumerable:!0,configurable:!0,writable:!0,value:D}):p[e]=D;var V=(p,e,D)=>ce(p,typeof e!="symbol"?e+"":e,D);const G={initialState:{type:Object,default:{}}},K={defaultStates:{type:Object,default:{mode:""}},onSwitchInStandardModeChanged:{type:Function,default:()=>{}},onCurrentScreenResolutionChanged:{type:Function,default:()=>{}},onScreenNameChanged:{type:Function,default:()=>{}}},Q=e.defineComponent({name:"FScreenResolutionSelector",props:K,emits:["screenNameChanged","currentScreenResolutionChanged","switchInStandardModeChanged"],setup(t,S){const u=e.ref([{name:"小屏幕",code:"SM",value:"SM",active:!1},{name:"中等屏幕",code:"MD",value:"MD",active:!0},{name:"大屏幕",code:"LG",value:"LG",active:!1},{name:"极大屏幕",code:"EL",value:"EL",active:!1}]),r=e.ref(t.defaultStates),a=e.ref("MD"),v=e.ref("中等屏幕"),s=e.ref(!0);function y(f){u.value.forEach(o=>{o.active=o.code===f,o.active&&(a.value=o.code,v.value=o.name,S.emit("screenNameChanged",v.value),S.emit("currentScreenResolutionChanged",a.value))})}function w(){S.emit("switchInStandardModeChanged",s.value)}e.watch(s,()=>{}),e.onBeforeMount(()=>{r.value.model==="standard"?s.value=!0:(s.value=!1,w())});function c(){return e.createVNode(z,{class:"f-layout-editor-screen-resolution-selector-frame",items:u.value,modelValue:a.value,"onUpdate:modelValue":f=>a.value=f,onChange:y},null)}return()=>e.createVNode("div",{class:"f-layout-editor-screen-resolution-selector"},[e.createVNode("div",{class:"f-layout-editor-screen-resolution-selector-header"},[e.createVNode("div",{class:"f-layout-editor-screen-resolution-selector-form"},[e.createTextVNode("表单布局配置")])]),c(),e.createVNode("div",{class:"f-layout-editor-screen-resolution-selector-switch"},[e.createVNode(q,{class:"f-layout-editor-show-switch",modelValue:s.value,"onUpdate:modelValue":f=>s.value=f,onModelValueChanged:w},null),s.value?e.createVNode("div",{class:"f-layout-editor-show-switch-label"},[e.createTextVNode("标准模式")]):e.createVNode("div",{class:"f-layout-editor-show-switch-label"},[e.createTextVNode("自定义模式")])])])}}),Z={currentScreenResolution:{type:String,default:""},switchInStandardMode:{type:Boolean,default:!1},currentArea:{type:Object,default:[]},twoDimensionalArray:{type:Array,default:[]}},ee={item:{type:Object,default:{}},currentScreenResolution:{type:String,default:""},switchInStandardMode:{type:Boolean,default:!1}},te=e.defineComponent({name:"FColumnWidthView",props:ee,emits:[],setup(t,S){const u=e.ref(t.item),r=e.ref(t.currentScreenResolution),a=e.computed(()=>`col-${u.value[`columnIn${r.value}`]}`);return e.watch([()=>t.item,()=>t.currentScreenResolution],([v,s],[y,w])=>{v!==y&&(u.value=v),s!==w&&(r.value=s)}),()=>e.createVNode("div",{class:a.value},[e.createVNode("div",{class:"f-layout-editor-column-width-view",title:u.value.label},[e.createVNode("div",{class:"f-layout-editor-column-width-view-label"},[u.value.label])])])}}),ae=e.defineComponent({name:"FPreview",props:Z,emits:["update:twoDimensionalArray"],setup(t,S){const u=e.ref(t.currentScreenResolution),r=e.ref(t.switchInStandardMode),a=e.ref(t.currentArea),v=e.ref(t.twoDimensionalArray),s=e.ref([]);e.watch([()=>t.currentArea,()=>t.switchInStandardMode,()=>t.currentScreenResolution],([o,d,h],[g,b,I])=>{o!==g&&(a.value=o),d!==b&&(r.value=d),h!==I&&(u.value=h)});function y(o,d){const h=[];let g=[];return o.forEach(b=>{d!==b.componentRow&&(d+=1,h.push(g),g=[]),g.push(b)}),h.push(g),h}function w(){const o=[];let d=1;return s.value.forEach(h=>{const g=y(h,d);d+=g.length,o.push(g)}),o}function c(){s.value=D.cloneDeep(v.value),s.value=w()}e.watch(()=>t.twoDimensionalArray,()=>{v.value=t.twoDimensionalArray,c()}),e.onMounted(()=>{c()});function f(){if(r.value)return"";const o=Array.from({length:12},()=>e.createVNode("div",{class:"col-1"},[e.createVNode("div",{class:"f-layout-editor-preview-customize-single-background"},[e.createTextVNode(" ")])]));return e.createVNode("div",{class:"f-layout-editor-preview-customize-whole-background"},[o])}return()=>e.createVNode("div",{class:"f-layout-editor-preview f-utils-fill-flex-column"},[e.createVNode("div",{class:"f-layout-editor-preview-header"},[e.createTextVNode("预览区")]),f(),e.createVNode("div",{class:"f-layout-editor-preview-view f-utils-overflow-xhya"},[e.createVNode("div",{class:"f-layout-editor-preview-row-group"},[s.value.map(o=>{var d,h;return((d=o[0][0])==null?void 0:d.group.toString())===((h=a.value[0])==null?void 0:h.id)&&o.map(g=>e.createVNode("div",{class:"f-layout-editor-row"},[g.map(b=>e.createVNode(te,{item:b,"onUpdate:item":I=>b=I,currentScreenResolution:u.value,switchInStandardMode:r.value},null))]))})])])])}}),ne={currentScreenResolution:{type:String,default:""},switchInStandardMode:{type:Boolean,default:!1},originalData:{type:Array,default:[]},originalDataCopy:{type:Array,default:[]},defaultStates:{type:Object,default:{}},onTwoDimensionalArrayChanged:{type:Function,default:()=>{}},onOriginalDataChanged:{type:Function,default:()=>{}}};function oe(t,S){const u=e.ref(-1),r=e.ref(!1);function a(o){if(o.target.offsetParent){const d=o.target.offsetParent,h=d.offsetWidth-o.target.offsetWidth/2-4,g=d.offsetHeight/2;o.dataTransfer&&o.dataTransfer.setDragImage(d,h,g)}}function v(o){if(o){const d=t.value.findIndex(h=>h.label===o.label);setTimeout(()=>{u.value=d,r.value=!0,o.moving=!0})}}function s(o,d){o.stopPropagation(),a(o),v(d)}function y(o){const d=t.value.findIndex(h=>h.label===o.label);if(u.value!==d){const h=t.value[u.value],g=t.value;g.splice(u.value,1),g.splice(d,0,h),u.value=d,S&&S()}}function w(o,d){o.preventDefault(),y(d)}function c(o){o.preventDefault(),o.dataTransfer&&(o.dataTransfer.dropEffect="move")}function f(o,d){d&&(d.moving=!1),r.value=!1}return{dragstart:s,dragenter:w,dragover:c,dragend:f,isDragging:r}}const re={currentScreenResolution:{type:String,default:""},field:{type:Object,default:{}},switchInStandardMode:{type:Boolean,default:!1},fieldChanged:{type:Function,default:()=>{}}},le=e.defineComponent({name:"FColumnWidthEditor",props:re,emits:["fieldChanged"],setup(t,S){const u={SM:["1"],MD:["1","2"],LG:["1","2","3","4"],EL:["1","2","3","4","5","6"]},r=e.ref(t.currentScreenResolution),a=e.ref(t.field),v=e.ref(t.switchInStandardMode),s=e.ref(),y=e.ref(""),w=e.ref(),c=e.ref("customize"),f=e.ref(),o=e.inject("ResponseLayoutEditorDraggableComposition"),{dragstart:d,dragenter:h,dragover:g,dragend:b}=o;function I(){s.value=u==null?void 0:u[r.value],v.value?(y.value=`displayWidthIn${r.value}`,c.value=`${a.value[y.value]}`):(y.value=`columnIn${r.value}`,f.value=a.value[y.value])}function O(m){if(v.value===!0){const N=Number(m==null?void 0:m.text);w.value=N;const M=a.value[`columnIn${r.value}`]/a.value[`displayWidthIn${r.value}`];a.value[`columnIn${r.value}`]=N*M,a.value[`displayWidthIn${r.value}`]=Number(N),S.emit("fieldChanged",a.value)}}function F(m){f.value=m;const N=a.value[`columnIn${r.value}`]/a.value[`displayWidthIn${r.value}`];a.value[`columnIn${r.value}`]=f.value,a.value[`displayWidthIn${r.value}`]=f.value/N,S.emit("fieldChanged",a.value)}function E(){return e.createVNode(X,{enableHalf:!0,size:"extraLarge",pointSystem:12,numOfStar:6,lightColor:"#5D89FE",darkColor:"#e7e9f3",iconClass:"f-icon-column-rectangle",modelValue:f.value,"onUpdate:modelValue":m=>f.value=m,enableScore:!1,onSelectedValue:()=>F(f.value)},null)}function T(){const m=[];s.value=u==null?void 0:u[r.value];const N=a.value[`displayWidthIn${r.value}`];return s.value.forEach(M=>{const j={text:M,active:N.toString()===M};m.push(j)}),m}function A(){const m=T();return e.createVNode(_,{enumData:m,suffixValue:"列",onSelectedValueChanged:O},{default:()=>[e.createTextVNode(" ")]})}function L(){var m;if(((m=a==null?void 0:a.value)==null?void 0:m.showTopBorder)===1)return e.createVNode("div",{class:"f-layout-editor-column-width-editor-row"},[e.createVNode("span",{class:"f-layout-editor-column-width-editor-row-left"},null),e.createVNode("span",{class:"f-layout-editor-column-width-editor-row-middle"},[e.createTextVNode("第"),a.value.componentRow,e.createTextVNode("行")]),e.createVNode("span",{class:"f-layout-editor-column-width-editor-row-right"},null)])}function l(){return v.value?e.createVNode("div",{class:"f-column-width-editor-switch-standard"},[e.createVNode("div",{class:"f-layout-editor-column-width-editor-click-button"},[A()])]):e.createVNode("div",{class:"f-column-width-editor-switch-customize",onDragenter:m=>h(m,a.value),onDragend:m=>b(m,a.value),onDragover:m=>g(m)},[e.createVNode("div",{class:"f-layout-editor-column-width-editor-rectangle"},[E(),e.createVNode("div",{class:"f-layout-editor-rate-show-column"},[f.value,e.createTextVNode("列")]),e.createVNode("span",{class:"f-layout-editor-drag-handler f-icon f-icon-drag-vertical",draggable:"true",onDragstart:m=>d(m,a.value)},null)])])}function R(){var m,N;return e.createVNode("div",{class:"f-layout-editor-column-width-editor-component"},[e.createVNode("div",{class:"f-layout-editor-column-width-editor-label",title:(m=a==null?void 0:a.value)==null?void 0:m.label},[(N=a==null?void 0:a.value)==null?void 0:N.label]),l()])}return e.watch(()=>[t.field,t.switchInStandardMode,t.currentScreenResolution],([m,N,M],[j,$,n])=>{M!==n&&(r.value=M,s.value=u[r.value],I()),N!==$&&(v.value=N),v.value===!1&&I(),m!==j&&(a.value=m)}),e.onMounted(()=>{I()}),()=>e.createVNode("div",{class:"f-layout-editor-column-width-editor"},[L(),R()])}}),ie=e.defineComponent({name:"FFieldList",props:ne,emits:["update:currentArea","twoDimensionalArrayChanged","originalDataChanged"],setup(t,S){const u=e.ref(t.currentScreenResolution),r=e.ref(t.switchInStandardMode),a=e.ref(t.originalData),v=e.ref(t.originalDataCopy),s=e.ref(t.defaultStates),y=e.ref(""),w=e.ref([]),c=e.ref(t.currentArea),f=e.ref(0),o=e.ref(),d=e.ref(0),h=e.ref("1"),g=e.ref([]);function b(){const n=[];return a.value.forEach(i=>{n.indexOf(i.group)===-1&&n.push(i.group)}),n}function I(){h.value=s.value.defaultGroupNumber.toString(),y.value=`区域${h.value}`,c.value=[w.value[Number(h.value)-1]],S.emit("update:currentArea",c.value)}function O(){var i;const n=b();for(let C=0;C<n.length;C++){const B={id:(i=n[C])==null?void 0:i.toString(),label:"区域"+n[C]};w.value.push(B)}I()}function F(){let n=[];o.value=[];let i=1;a.value.forEach(C=>{C.group===i||(i+=1,o.value.push(n),n=[]),n.push(C)}),o.value.push(n)}function E(n,i){let B=12;return f.value=1+i,n.forEach(P=>{P.showTopBorder=0;const k=P[`columnIn${u.value}`];B>=k?(P.componentRow=f.value,B-=k):(f.value+=1,P.componentRow=f.value,B=12-k,P.showTopBorder=1)}),n[0].showTopBorder=1,n}function T(n){let i=[];for(const C of n)i=i.concat(C);a.value=D.cloneDeep(i),d.value=0}function A(){o.value[c.value[0].id-1]=D.cloneDeep(g.value);const n=[];d.value=0,o.value.forEach(i=>{const C=E(i,d.value);n.push(C),d.value=C[C.length-1].componentRow}),T(n)}function L(){F();const n=[];return d.value=0,o.value.forEach(i=>{const C=E(i,d.value);n.push(C),d.value=C[C.length-1].componentRow}),S.emit("twoDimensionalArrayChanged",o.value),T(n),a.value}function l(){g.value=[],a.value.forEach(n=>{n.group===Number(c.value[0].id)&&g.value.push(n)})}function R(){a.value=D.cloneDeep(L()),S.emit("originalDataChanged",a.value)}function m(n){g.value.forEach(i=>{i.id===n.id&&Object.assign(i,n)}),A(),R(),l()}function N(n){for(let i=0;i<n.length;i++)c.value=[{id:n[i].id,label:n[i].label}];S.emit("update:currentArea",c.value),l(),A()}function M(){return e.createVNode("div",{class:"f-layout-editor-field-list-top"},[e.createVNode("div",{class:"f-layout-editor-field-list-header"},[e.createTextVNode("组件列表")]),e.createVNode("div",{class:"f-layout-editor-choose-group"},[e.createVNode(H,{modelValue:h.value,"onUpdate:modelValue":n=>h.value=n,placeholder:"当前可编辑组",enableClear:!1,"id-field":"id","text-field":"label",data:w.value,editable:!1,onChange:N},null)])])}function j(){return e.createVNode("div",{class:"f-layout-editor-field-list-content f-utils-overflow-xhya"},[g.value.map(n=>e.createVNode(le,{key:n.label,currentScreenResolution:u.value,field:n,"onUpdate:field":i=>n=i,switchInStandardMode:r.value,"onUpdate:switchInStandardMode":i=>r.value=i,onFieldChanged:m},null))])}const $=oe(g,()=>{A(),R(),l()});return e.provide("ResponseLayoutEditorDraggableComposition",$),e.watch(()=>t.currentArea,(n,i)=>{n!==i&&(c.value=t.currentArea,l())}),e.watch(c,(n,i)=>{n!==i&&l()}),e.watch(()=>t.currentGroup,(n,i)=>{n!==i&&(y.value=t.currentGroup)}),e.watch(()=>t.currentScreenResolution,(n,i)=>{n!==i&&(u.value=t.currentScreenResolution,R(),F(),c.value[0]&&(g.value=D.cloneDeep(o.value[Number(c.value[0].id)-1])))}),e.watch(()=>t.switchInStandardMode,(n,i)=>{n!==i&&(r.value=t.switchInStandardMode,a.value=D.cloneDeep(v.value))}),e.watch(s,(n,i)=>{n!==i&&R()}),e.onBeforeMount(()=>{O(),L(),l()}),()=>e.createVNode("div",{class:"f-layout-editor-field-list f-utils-fill-flex-column"},[r.value?e.createVNode("div",{class:"f-layout-editor-field-list-standard f-utils-fill-flex-column"},[M(),j()]):e.createVNode("div",{class:"f-layout-editor-field-list-customize f-utils-fill-flex-column"},[M(),j()])])}}),x=e.defineComponent({name:"FResponseLayoutEditor",props:G,emits:["close","submit"],setup(t,S){const u=e.ref(t.initialState),r=e.ref(),a=e.ref(),v=e.ref(""),s=e.ref(""),y=e.ref(!0),w=e.ref([{id:"1",label:"区域1"}]),c=e.ref([]),f=e.ref();e.ref(t.width),e.ref(t.height),e.watch(()=>t.initialState,l=>{u.value=l}),e.watch([()=>t.currentArea,()=>t.switchInStandardMode],([l,R],[m,N])=>{l!==m&&(w.value=l),R!==N&&(y.value=R)});function o(l){v.value=l}function d(l){s.value=l}function h(l){y.value=l}function g(l){w.value=[].concat(l)}function b(l){r.value=D.cloneDeep(l)}function I(l){c.value=l}function O(){S.emit("close")}function F(){S.emit("submit",r.value)}function E(){return e.createVNode(ie,{class:"f-utils-fill-flex-column",defaultStates:a.value,originalDataCopy:f.value,currentScreenResolution:s.value,"onUpdate:currentScreenResolution":l=>s.value=l,originalData:r.value,"onUpdate:originalData":l=>r.value=l,switchInStandardMode:y.value,"onUpdate:switchInStandardMode":l=>y.value=l,currentArea:w.value,"onUpdate:currentArea":l=>w.value=l,onCurrentAreaChanged:g,onTwoDimensionalArrayChanged:I,onOriginalDataChanged:b},null)}function T(){return e.createVNode(ae,{class:"f-utils-fill-flex-column",currentArea:w.value,"onUpdate:currentArea":l=>w.value=l,currentScreenResolution:s.value,"onUpdate:currentScreenResolution":l=>s.value=l,switchInStandardMode:y.value,twoDimensionalArray:c.value,"onUpdate:twoDimensionalArray":l=>c.value=l},null)}const A=e.computed(()=>y.value?"f-layout-editor-left-standard f-utils-fill-flex-column":"f-layout-editor-left-customize f-utils-fill-flex-column"),L=e.computed(()=>y.value?"f-layout-editor-right-standard f-utils-fill-flex-column":"f-layout-editor-right-customize f-utils-fill-flex-column");return e.onBeforeMount(()=>{r.value=D.cloneDeep(u.value.importData),f.value=D.cloneDeep(u.value.importData),a.value=u.value.defaultState,v.value="中等屏幕",s.value="MD"}),l=>e.createVNode("div",{class:"f-layout-editor f-utils-flex-column"},[e.createVNode("div",{class:"f-layout-editor-top"},[e.createVNode(Q,{defaultStates:a.value,onScreenNameChanged:o,onCurrentScreenResolutionChanged:d,onSwitchInStandardModeChanged:h},null)]),e.createVNode("div",{class:"f-layout-editor-content f-utils-fill"},[e.createVNode("div",{class:"f-layout-editor-left f-utils-fill-flex-column"},[e.createVNode("div",{class:A.value},[E()])]),e.createVNode("div",{class:"f-layout-editor-right f-utils-fill-flex-column"},[e.createVNode("div",{class:L.value},[T()])])]),e.createVNode("div",{class:"f-layout-editor-bottom"},[e.createVNode("div",{class:"f-layout-editor-button"},[e.createVNode("div",{class:"f-layout-editor-cancel-btn",onClick:O},[e.createVNode("span",{class:"f-layout-editor-text-cancel"},[e.createTextVNode("取消")])]),e.createVNode("div",{class:"f-layout-editor-sure-btn",onClick:F},[e.createVNode("span",{class:"f-layout-editor-text-sure"},[e.createTextVNode("确认")])])])])])}}),U={initialState:{type:Object},height:{type:Number,default:0},width:{type:Number,default:0},modelValue:{type:Object},beforeOpen:{type:Object}},W=e.defineComponent({name:"FResponseLayoutEditorSetting",props:U,emits:["change"],setup(t,S){const u=e.ref(t.initialState),r=e.ref(t.width),a=e.ref(t.height);e.watch(()=>t.initialState,c=>{u.value=c});function v(c,f){u.value.importData=f,S.emit("change",f),c&&c.unmount()}function s(c){c&&c.unmount()}function y(){if(t.width>0&&t.width>0)return;const c=document.documentElement.clientWidth,f=document.documentElement.clientHeight;a.value=f<650?500:f>1200?840:630,r.value=c<850?900:c>1400?1e3:890}function w(){if(t.beforeOpen&&typeof t.beforeOpen=="function"&&(u.value=t.beforeOpen()),!u.value.defaultState||!u.value.importData){const c=u.value.message||"只可以在响应式表单组件中调整响应式布局配置";Y.FMessageBoxService.info(c,"");return}y(),J.FModalService.show({render:c=>e.createVNode(x,{initialState:u,onClose:()=>s(c),onSubmit:f=>v(c,f)},null),width:r.value,height:a.value,fitContent:!1,showButtons:!1,showHeader:!1,showFloatingClose:!0})}return()=>e.createVNode("div",{class:"f-column-width-setting-button",onClick:w},[e.createVNode("i",{class:"f-icon f-icon-add"},null),e.createVNode("div",{class:"f-column-width-setting-button-name"},[e.createVNode("span",{class:"f-column-width-setting-button-center"},[e.createTextVNode("高级设置")])])])}});class ue{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","")}}x.install=t=>{t.component(x.name,x),t.component(W.name,W)},p.ResponseFormLayoutContext=ue,p.ResponseLayoutEditor=x,p.ResponseLayoutEditorSetting=W,p.default=x,p.responseLayoutEditorProps=G,p.responseLayoutEditorSettingProps=U,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});