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

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

@@ -1 +1 @@
-(function(C,F){typeof exports=="object"&&typeof module<"u"?F(exports,require("../../components/response-layout-editor/index.umd.js"),require("vue"),require("../../components/modal/index.umd.js"),require("../../components/designer-canvas/index.umd.js"),require("lodash-es"),require("../../components/capsule/index.umd.js"),require("../../components/switch/index.umd.js/src/switch.component"),require("../../components/combo-list/index.umd.js"),require("../../components/radio-button/index.umd.js"),require("../../components/rate/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/response-layout-editor/index.umd.js","vue","../../components/modal/index.umd.js","../../components/designer-canvas/index.umd.js","lodash-es","../../components/capsule/index.umd.js","../../components/switch/index.umd.js/src/switch.component","../../components/combo-list/index.umd.js","../../components/radio-button/index.umd.js","../../components/rate/index.umd.js","../../components/dynamic-resolver/index.umd.js"],F):(C=typeof globalThis<"u"?globalThis:C||self,F(C["response-layout-editor"]={},C.responseLayoutEditor,C.Vue,C.modal,C.designerCanvas,C.LodashES,C.FCapsule,C.FSwitch,C.FComboList,C.FRadioButton,C.FRate,C.dynamicResolver))})(this,function(C,F,e,z,P,j,H,X,_,Y,J,U){"use strict";var ve=Object.defineProperty;var we=(C,F,e)=>F in C?ve(C,F,{enumerable:!0,configurable:!0,writable:!0,value:e}):C[F]=e;var M=(C,F,e)=>we(C,typeof F!="symbol"?F+"":F,e);const K={initialState:{type:Object},height:{type:Number,default:0},width:{type:Number,default:0},modelValue:{type:Object},beforeOpen:{type:Object}},Q={initialState:{type:Object,default:{}}},Z={defaultStates:{type:Object,default:{mode:""}},onSwitchInStandardModeChanged:{type:Function,default:()=>{}},onCurrentScreenResolutionChanged:{type:Function,default:()=>{}},onScreenNameChanged:{type:Function,default:()=>{}}},ee=e.defineComponent({name:"FScreenResolutionSelector",props:Z,emits:["screenNameChanged","currentScreenResolutionChanged","switchInStandardModeChanged"],setup(o,h){const i=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}]),l=e.ref(o.defaultStates),n=e.ref("MD"),S=e.ref("中等屏幕"),p=e.ref(!0);function y(m){i.value.forEach(t=>{t.active=t.code===m,t.active&&(n.value=t.code,S.value=t.name,h.emit("screenNameChanged",S.value),h.emit("currentScreenResolutionChanged",n.value))})}function N(){h.emit("switchInStandardModeChanged",p.value)}e.watch(p,()=>{}),e.onBeforeMount(()=>{l.value.model==="standard"?p.value=!0:(p.value=!1,N())});function v(){return e.createVNode(H,{class:"f-layout-editor-screen-resolution-selector-frame",items:i.value,modelValue:n.value,"onUpdate:modelValue":m=>n.value=m,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("表单布局配置")])]),v(),e.createVNode("div",{class:"f-layout-editor-screen-resolution-selector-switch"},[e.createVNode(X,{class:"f-layout-editor-show-switch",modelValue:p.value,"onUpdate:modelValue":m=>p.value=m,onModelValueChanged:N},null),p.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("自定义模式")])])])}}),te={currentScreenResolution:{type:String,default:""},switchInStandardMode:{type:Boolean,default:!1},currentArea:{type:Object,default:[]},twoDimensionalArray:{type:Array,default:[]}},ne={item:{type:Object,default:{}},currentScreenResolution:{type:String,default:""},switchInStandardMode:{type:Boolean,default:!1}},oe=e.defineComponent({name:"FColumnWidthView",props:ne,emits:[],setup(o,h){const i=e.ref(o.item),l=e.ref(o.currentScreenResolution),n=e.computed(()=>`col-${i.value[`columnIn${l.value}`]}`);return e.watch([()=>o.item,()=>o.currentScreenResolution],([S,p],[y,N])=>{S!==y&&(i.value=S),p!==N&&(l.value=p)}),()=>e.createVNode("div",{class:n.value},[e.createVNode("div",{class:"f-layout-editor-column-width-view",title:i.value.label},[e.createVNode("div",{class:"f-layout-editor-column-width-view-label"},[i.value.label])])])}}),ae=e.defineComponent({name:"FPreview",props:te,emits:["update:twoDimensionalArray"],setup(o,h){const i=e.ref(o.currentScreenResolution),l=e.ref(o.switchInStandardMode),n=e.ref(o.currentArea),S=e.ref(o.twoDimensionalArray),p=e.ref([]);e.watch([()=>o.currentArea,()=>o.switchInStandardMode,()=>o.currentScreenResolution],([t,a,s],[c,f,w])=>{t!==c&&(n.value=t),a!==f&&(l.value=a),s!==w&&(i.value=s)});function y(t,a){const s=[];let c=[];return t.forEach(f=>{a!==f.componentRow&&(a+=1,s.push(c),c=[]),c.push(f)}),s.push(c),s}function N(){const t=[];let a=1;return p.value.forEach(s=>{const c=y(s,a);a+=c.length,t.push(c)}),t}function v(){p.value=j.cloneDeep(S.value),p.value=N()}e.watch(()=>o.twoDimensionalArray,()=>{S.value=o.twoDimensionalArray,v()}),e.onMounted(()=>{v()});function m(){if(l.value)return"";const t=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"},[t])}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("预览区")]),m(),e.createVNode("div",{class:"f-layout-editor-preview-view f-utils-overflow-xhya"},[e.createVNode("div",{class:"f-layout-editor-preview-row-group"},[p.value.map(t=>{var a,s;return((a=t[0][0])==null?void 0:a.group.toString())===((s=n.value[0])==null?void 0:s.id)&&t.map(c=>e.createVNode("div",{class:"f-layout-editor-row"},[c.map(f=>e.createVNode(oe,{item:f,"onUpdate:item":w=>f=w,currentScreenResolution:i.value,switchInStandardMode:l.value},null))]))})])])])}}),re={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 le(o,h){const i=e.ref(-1),l=e.ref(!1);function n(t){if(t.target.offsetParent){const a=t.target.offsetParent,s=a.offsetWidth-t.target.offsetWidth/2-4,c=a.offsetHeight/2;t.dataTransfer&&t.dataTransfer.setDragImage(a,s,c)}}function S(t){if(t){const a=o.value.findIndex(s=>s.label===t.label);setTimeout(()=>{i.value=a,l.value=!0,t.moving=!0})}}function p(t,a){t.stopPropagation(),n(t),S(a)}function y(t){const a=o.value.findIndex(s=>s.label===t.label);if(i.value!==a){const s=o.value[i.value],c=o.value;c.splice(i.value,1),c.splice(a,0,s),i.value=a,h&&h()}}function N(t,a){t.preventDefault(),y(a)}function v(t){t.preventDefault(),t.dataTransfer&&(t.dataTransfer.dropEffect="move")}function m(t,a){a&&(a.moving=!1),l.value=!1}return{dragstart:p,dragenter:N,dragover:v,dragend:m,isDragging:l}}const ie={currentScreenResolution:{type:String,default:""},field:{type:Object,default:{}},switchInStandardMode:{type:Boolean,default:!1},fieldChanged:{type:Function,default:()=>{}}},se=e.defineComponent({name:"FColumnWidthEditor",props:ie,emits:["fieldChanged"],setup(o,h){const i={SM:["1"],MD:["1","2"],LG:["1","2","3","4"],EL:["1","2","3","4","5","6"]},l=e.ref(o.currentScreenResolution),n=e.ref(o.field),S=e.ref(o.switchInStandardMode),p=e.ref(),y=e.ref(""),N=e.ref(),v=e.ref("customize"),m=e.ref(),t=e.inject("ResponseLayoutEditorDraggableComposition"),{dragstart:a,dragenter:s,dragover:c,dragend:f}=t;function w(){p.value=i==null?void 0:i[l.value],S.value?(y.value=`displayWidthIn${l.value}`,v.value=`${n.value[y.value]}`):(y.value=`columnIn${l.value}`,m.value=n.value[y.value])}function I(g){if(S.value===!0){const V=Number(g==null?void 0:g.text);N.value=V;const T=n.value[`columnIn${l.value}`]/n.value[`displayWidthIn${l.value}`];n.value[`columnIn${l.value}`]=V*T,n.value[`displayWidthIn${l.value}`]=Number(V),h.emit("fieldChanged",n.value)}}function D(g){m.value=g;const V=n.value[`columnIn${l.value}`]/n.value[`displayWidthIn${l.value}`];n.value[`columnIn${l.value}`]=m.value,n.value[`displayWidthIn${l.value}`]=m.value/V,h.emit("fieldChanged",n.value)}function x(){return e.createVNode(J,{enableHalf:!0,size:"extraLarge",pointSystem:12,numOfStar:6,lightColor:"#5D89FE",darkColor:"#e7e9f3",iconClass:"f-icon-column-rectangle",modelValue:m.value,"onUpdate:modelValue":g=>m.value=g,enableScore:!1,onSelectedValue:()=>D(m.value)},null)}function E(){const g=[];p.value=i==null?void 0:i[l.value];const V=n.value[`displayWidthIn${l.value}`];return p.value.forEach(T=>{const L={text:T,active:V.toString()===T};g.push(L)}),g}function A(){const g=E();return e.createVNode(Y,{enumData:g,suffixValue:"列",onSelectedValueChanged:I},{default:()=>[e.createTextVNode(" ")]})}function $(){var g;if(((g=n==null?void 0:n.value)==null?void 0:g.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("第"),n.value.componentRow,e.createTextVNode("行")]),e.createVNode("span",{class:"f-layout-editor-column-width-editor-row-right"},null)])}function d(){return S.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:g=>s(g,n.value),onDragend:g=>f(g,n.value),onDragover:g=>c(g)},[e.createVNode("div",{class:"f-layout-editor-column-width-editor-rectangle"},[x(),e.createVNode("div",{class:"f-layout-editor-rate-show-column"},[m.value,e.createTextVNode("列")]),e.createVNode("span",{class:"f-layout-editor-drag-handler f-icon f-icon-drag-vertical",draggable:"true",onDragstart:g=>a(g,n.value)},null)])])}function R(){var g,V;return e.createVNode("div",{class:"f-layout-editor-column-width-editor-component"},[e.createVNode("div",{class:"f-layout-editor-column-width-editor-label",title:(g=n==null?void 0:n.value)==null?void 0:g.label},[(V=n==null?void 0:n.value)==null?void 0:V.label]),d()])}return e.watch(()=>[o.field,o.switchInStandardMode,o.currentScreenResolution],([g,V,T],[L,k,r])=>{T!==r&&(l.value=T,p.value=i[l.value],w()),V!==k&&(S.value=V),S.value===!1&&w(),g!==L&&(n.value=g)}),e.onMounted(()=>{w()}),()=>e.createVNode("div",{class:"f-layout-editor-column-width-editor"},[$(),R()])}}),ce=e.defineComponent({name:"FFieldList",props:re,emits:["update:currentArea","twoDimensionalArrayChanged","originalDataChanged"],setup(o,h){const i=e.ref(o.currentScreenResolution),l=e.ref(o.switchInStandardMode),n=e.ref(o.originalData),S=e.ref(o.originalDataCopy),p=e.ref(o.defaultStates),y=e.ref(""),N=e.ref([]),v=e.ref(o.currentArea),m=e.ref(0),t=e.ref(),a=e.ref(0),s=e.ref("1"),c=e.ref([]);function f(){const r=[];return n.value.forEach(u=>{r.indexOf(u.group)===-1&&r.push(u.group)}),r}function w(){s.value=p.value.defaultGroupNumber.toString(),y.value=`区域${s.value}`,v.value=[N.value[Number(s.value)-1]],h.emit("update:currentArea",v.value)}function I(){var u;const r=f();for(let b=0;b<r.length;b++){const W={id:(u=r[b])==null?void 0:u.toString(),label:"区域"+r[b]};N.value.push(W)}w()}function D(){let r=[];t.value=[];let u=1;n.value.forEach(b=>{b.group===u||(u+=1,t.value.push(r),r=[]),r.push(b)}),t.value.push(r)}function x(r,u){let W=12;return m.value=1+u,r.forEach(B=>{B.showTopBorder=0;const q=B[`columnIn${i.value}`];W>=q?(B.componentRow=m.value,W-=q):(m.value+=1,B.componentRow=m.value,W=12-q,B.showTopBorder=1)}),r[0].showTopBorder=1,r}function E(r){let u=[];for(const b of r)u=u.concat(b);n.value=j.cloneDeep(u),a.value=0}function A(){t.value[v.value[0].id-1]=j.cloneDeep(c.value);const r=[];a.value=0,t.value.forEach(u=>{const b=x(u,a.value);r.push(b),a.value=b[b.length-1].componentRow}),E(r)}function $(){D();const r=[];return a.value=0,t.value.forEach(u=>{const b=x(u,a.value);r.push(b),a.value=b[b.length-1].componentRow}),h.emit("twoDimensionalArrayChanged",t.value),E(r),n.value}function d(){c.value=[],n.value.forEach(r=>{r.group===Number(v.value[0].id)&&c.value.push(r)})}function R(){n.value=j.cloneDeep($()),h.emit("originalDataChanged",n.value)}function g(r){c.value.forEach(u=>{u.id===r.id&&Object.assign(u,r)}),A(),R(),d()}function V(r){for(let u=0;u<r.length;u++)v.value=[{id:r[u].id,label:r[u].label}];h.emit("update:currentArea",v.value),d(),A()}function T(){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(_,{modelValue:s.value,"onUpdate:modelValue":r=>s.value=r,placeholder:"当前可编辑组",enableClear:!1,"id-field":"id","text-field":"label",data:N.value,editable:!1,onChange:V},null)])])}function L(){return e.createVNode("div",{class:"f-layout-editor-field-list-content f-utils-overflow-xhya"},[c.value.map(r=>e.createVNode(se,{key:r.label,currentScreenResolution:i.value,field:r,"onUpdate:field":u=>r=u,switchInStandardMode:l.value,"onUpdate:switchInStandardMode":u=>l.value=u,onFieldChanged:g},null))])}const k=le(c,()=>{A(),R(),d()});return e.provide("ResponseLayoutEditorDraggableComposition",k),e.watch(()=>o.currentArea,(r,u)=>{r!==u&&(v.value=o.currentArea,d())}),e.watch(v,(r,u)=>{r!==u&&d()}),e.watch(()=>o.currentGroup,(r,u)=>{r!==u&&(y.value=o.currentGroup)}),e.watch(()=>o.currentScreenResolution,(r,u)=>{r!==u&&(i.value=o.currentScreenResolution,R(),D(),v.value[0]&&(c.value=j.cloneDeep(t.value[Number(v.value[0].id)-1])))}),e.watch(()=>o.switchInStandardMode,(r,u)=>{r!==u&&(l.value=o.switchInStandardMode,n.value=j.cloneDeep(S.value))}),e.watch(p,(r,u)=>{r!==u&&R()}),e.onBeforeMount(()=>{I(),$(),d()}),()=>e.createVNode("div",{class:"f-layout-editor-field-list f-utils-fill-flex-column"},[l.value?e.createVNode("div",{class:"f-layout-editor-field-list-standard f-utils-fill-flex-column"},[T(),L()]):e.createVNode("div",{class:"f-layout-editor-field-list-customize f-utils-fill-flex-column"},[T(),L()])])}}),de=e.defineComponent({name:"FResponseLayoutEditor",props:Q,emits:["close","submit"],setup(o,h){const i=e.ref(o.initialState),l=e.ref(),n=e.ref(),S=e.ref(""),p=e.ref(""),y=e.ref(!0),N=e.ref([{id:"1",label:"区域1"}]),v=e.ref([]),m=e.ref();e.ref(o.width),e.ref(o.height),e.watch(()=>o.initialState,d=>{i.value=d}),e.watch([()=>o.currentArea,()=>o.switchInStandardMode],([d,R],[g,V])=>{d!==g&&(N.value=d),R!==V&&(y.value=R)});function t(d){S.value=d}function a(d){p.value=d}function s(d){y.value=d}function c(d){N.value=[].concat(d)}function f(d){l.value=j.cloneDeep(d)}function w(d){v.value=d}function I(){h.emit("close")}function D(){h.emit("submit",l.value)}function x(){return e.createVNode(ce,{class:"f-utils-fill-flex-column",defaultStates:n.value,originalDataCopy:m.value,currentScreenResolution:p.value,"onUpdate:currentScreenResolution":d=>p.value=d,originalData:l.value,"onUpdate:originalData":d=>l.value=d,switchInStandardMode:y.value,"onUpdate:switchInStandardMode":d=>y.value=d,currentArea:N.value,"onUpdate:currentArea":d=>N.value=d,onCurrentAreaChanged:c,onTwoDimensionalArrayChanged:w,onOriginalDataChanged:f},null)}function E(){return e.createVNode(ae,{class:"f-utils-fill-flex-column",currentArea:N.value,"onUpdate:currentArea":d=>N.value=d,currentScreenResolution:p.value,"onUpdate:currentScreenResolution":d=>p.value=d,switchInStandardMode:y.value,twoDimensionalArray:v.value,"onUpdate:twoDimensionalArray":d=>v.value=d},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"),$=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(()=>{l.value=j.cloneDeep(i.value.importData),m.value=j.cloneDeep(i.value.importData),n.value=i.value.defaultState,S.value="中等屏幕",p.value="MD"}),d=>e.createVNode("div",{class:"f-layout-editor f-utils-flex-column"},[e.createVNode("div",{class:"f-layout-editor-top"},[e.createVNode(ee,{defaultStates:n.value,onScreenNameChanged:t,onCurrentScreenResolutionChanged:a,onSwitchInStandardModeChanged:s},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},[x()])]),e.createVNode("div",{class:"f-layout-editor-right f-utils-fill-flex-column"},[e.createVNode("div",{class:$.value},[E()])])]),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:I},[e.createVNode("span",{class:"f-layout-editor-text-cancel"},[e.createTextVNode("取消")])]),e.createVNode("div",{class:"f-layout-editor-sure-btn",onClick:D},[e.createVNode("span",{class:"f-layout-editor-text-sure"},[e.createTextVNode("确认")])])])])])}}),G=e.defineComponent({name:"FResponseLayoutEditorSettingDesign",props:K,emits:[],setup(o,h){const i=e.ref(o.initialState),l=e.ref(o.width),n=e.ref(o.height),S=e.ref(),p=e.inject("design-item-context"),y=P.useDesignerComponent(S,p);e.onMounted(()=>{S.value.componentInstance=y}),h.expose(y.value);function N(){const v=z.FModalService.show({render:()=>e.createVNode(de,{initialState:i,width:l,height:n},null),width:900,height:500,buttons:[{class:"btn btn-primary",text:"确定",iconClass:"f-icon f-icon-check",handle:()=>{v.destroy()}},{class:"btn btn-light",text:"取消",iconClass:"f-icon f-icon-close",handle:()=>{v.destroy()}}]})}return()=>e.createVNode("div",{ref:S,class:"f-column-width-setting-button",onClick:N},[e.createVNode("div",{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("高级设置")])])])}}),ue=new Map([["appearance",U.resolveAppearance]]);function fe(o,h,i,l){const n=o.getSchemaByType("section");return n.id=`${l}-section`,n.appearance={class:"f-section-form f-section-in-main"},n.mainTitle="标题",n.contents=[h],n}function pe(o,h,i,l){const n=o.getSchemaByType("component");return n.id=`${l}-component`,n.componentType="form-col-1",n.appearance={class:"f-struct-form f-struct-wrapper"},n.contents=[h],n}function me(o,h,i){h.appearance={class:"f-form-layout farris-form farris-form-controls-inline"};const l=fe(o,h,i,h.id);return pe(o,l,i,h.id)}const he={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/response-layout-editor-setting.schema.json",title:"response-layout-editor-setting",description:"A Farris Data Collection Component",type:"object",properties:{id:{description:"The unique identifier for response layout editor",type:"string"},type:{description:"The type string of response layout editor component",type:"string",default:"response-layout-editor-setting"},initialState:{description:"",type:"object",default:{}},height:{description:"",type:"number",default:0},width:{description:"",type:"number",default:0},beforeOpen:{description:"",type:"function"}},required:["id","type"]},ge={title:"response-form",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}};class ye{constructor(){M(this,"label","");M(this,"id","");M(this,"columnInSM",12);M(this,"columnInMD",6);M(this,"columnInLG",3);M(this,"columnInEL",2);M(this,"displayWidthInSM",1);M(this,"displayWidthInMD",1);M(this,"displayWidthInLG",1);M(this,"displayWidthInEL",1);M(this,"displayColumnCountAtBreakPoint","md");M(this,"tagRow",0);M(this,"showTopBorder",0);M(this,"group",1);M(this,"isSupportedClass",!0);M(this,"fieldSetId","")}}function Se(o){let h,i;const l=new Map;let n=[];function S(m,t){const s=m.split(" ").filter(D=>D.startsWith("col-"));if(s.length===0){t.isSupportedClass=!1;return}let c=s.find(D=>/^col-([1-9]|10|11|12)$/.test(D)),f=s.find(D=>/^col-md-([1-9]|10|11|12)$/.test(D)),w=s.find(D=>/^col-xl-([1-9]|10|11|12)$/.test(D)),I=s.find(D=>/^col-el-([1-9]|10|11|12)$/.test(D));c=c||"col-12",t.columnInSM=parseInt(c.replace("col-",""),10),t.displayWidthInSM=t.columnInSM/12,t.displayWidthInSM!==1&&(t.isSupportedClass=!1),f=f||"col-md-"+t.columnInSM,t.columnInMD=parseInt(f.replace("col-md-",""),10),t.displayWidthInMD=t.columnInMD/6,[1,2].includes(t.displayWidthInMD)||(t.isSupportedClass=!1),w=w||"col-xl-"+t.columnInMD,t.columnInLG=parseInt(w.replace("col-xl-",""),10),t.displayWidthInLG=t.columnInLG/3,[1,2,3,4].includes(t.displayWidthInLG)||(t.isSupportedClass=!1),I=I||"col-el-"+t.columnInLG,t.columnInEL=parseInt(I.replace("col-el-",""),10),t.displayWidthInEL=t.columnInEL/2,[1,2,3,4,5,6].includes(t.displayWidthInEL)||(t.isSupportedClass=!1)}function p(m,t,a,s=!1){let c=!1;m.contents.forEach(f=>{if(f.type==="fieldset"){a+=1,p(f,t,a,!0),c=!0;return}c&&(a+=1,c=!1);const w=f.appearance&&f.appearance.class,I=new ye;w?S(w,I):I.isSupportedClass=!1,I.label=f.label||f.id,I.id=f.id,I.group=a,s&&(I.fieldSetId=m.id),i===f.id&&(h=a),l.set(f.id,f),t.push(I)})}function y(m){const t=o.getComponentById(m);if(!t||!t.componentType||!t.componentType.startsWith("form"))return{result:!1,message:"只可以在响应式表单组件中调整响应式布局配置"};const a=o.selectNode(t,s=>s.type===P.DgControl["response-form"].type);return!a||!a.contents||a.contents.length===0?{result:!1,message:"Form区域内没有控件，请先添加控件"}:{result:!0,message:"",formNode:a}}function N(m,t){t=t||m.id;const{result:a,message:s,formNode:c}=y(t);if(!a)return{result:a,message:s};i=m.id,n=[],l.clear();const f=c.contents[0].type===P.DgControl.fieldset.type?0:1;p(c,n,f);const w=n.find(D=>!D.isSupportedClass);return{defaultState:{defaultGroupNumber:h||1,model:w?"customize":"standard"},importData:n}}function v(m,t){t=t;const{result:a,formNode:s}=y(t);if(!a)return"";const c=[];return m.forEach(f=>{var D;const w=l.get(f.id),I=w.appearance&&w.appearance.class;if(I){const E=I.split(" ").filter(V=>!V.startsWith("col-")),A="col-"+f.columnInSM,$="col-md-"+f.columnInMD,d="col-xl-"+f.columnInLG,R="col-el-"+f.columnInEL,g=[A,$,d,R].concat(E);w.appearance.class=g.join(" ")}if(f.fieldSetId){const x=s.contents.find(A=>A.id===f.fieldSetId),E=c.find(A=>A.id===f.fieldSetId);E?(D=E.contents)==null||D.push(w):(c.push(x),x.contents=[w])}else c.push(w)}),s.contents=c,s.id}return{checkCanFindFormNode:y,checkCanOpenLayoutEditor:N,changeFormControlsByResponseLayoutConfig:v,getResonseFormLayoutConfig:p}}const O=U.createPropsResolver(F.responseLayoutEditorSettingProps,he,ue,me,ge);G.register=(o,h,i,l)=>{o["response-layout-editor-setting"]=F.ResponseLayoutEditorSetting,h["response-layout-editor-setting"]=O},G.registerDesigner=(o,h,i)=>{o["response-layout-editor-setting"]=G,h["response-layout-editor-setting"]=O},C.default=G,C.propsResolver=O,C.useResponseLayoutEditorSetting=Se,Object.defineProperties(C,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(w,F){typeof exports=="object"&&typeof module<"u"?F(exports,require("../../components/response-layout-editor/index.umd.js"),require("vue"),require("../../components/modal/index.umd.js"),require("../../components/designer-canvas/index.umd.js"),require("lodash-es"),require("../../components/capsule/index.umd.js"),require("../../components/switch/index.umd.js"),require("../../components/combo-list/index.umd.js"),require("../../components/radio-button/index.umd.js"),require("../../components/rate/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/response-layout-editor/index.umd.js","vue","../../components/modal/index.umd.js","../../components/designer-canvas/index.umd.js","lodash-es","../../components/capsule/index.umd.js","../../components/switch/index.umd.js","../../components/combo-list/index.umd.js","../../components/radio-button/index.umd.js","../../components/rate/index.umd.js","../../components/dynamic-resolver/index.umd.js"],F):(w=typeof globalThis<"u"?globalThis:w||self,F(w["response-layout-editor"]={},w.responseLayoutEditor,w.Vue,w.modal,w.designerCanvas,w.LodashES,w.FCapsule,w.FSwitch,w.FComboList,w.FRadioButton,w.FRate,w.dynamicResolver))})(this,function(w,F,e,z,P,j,H,X,_,Y,J,U){"use strict";var ve=Object.defineProperty;var Ce=(w,F,e)=>F in w?ve(w,F,{enumerable:!0,configurable:!0,writable:!0,value:e}):w[F]=e;var M=(w,F,e)=>Ce(w,typeof F!="symbol"?F+"":F,e);const K={initialState:{type:Object},height:{type:Number,default:0},width:{type:Number,default:0},modelValue:{type:Object},beforeOpen:{type:Object}},Q={initialState:{type:Object,default:{}}},Z={defaultStates:{type:Object,default:{mode:""}},onSwitchInStandardModeChanged:{type:Function,default:()=>{}},onCurrentScreenResolutionChanged:{type:Function,default:()=>{}},onScreenNameChanged:{type:Function,default:()=>{}}},ee=e.defineComponent({name:"FScreenResolutionSelector",props:Z,emits:["screenNameChanged","currentScreenResolutionChanged","switchInStandardModeChanged"],setup(o,h){const i=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}]),l=e.ref(o.defaultStates),n=e.ref("MD"),S=e.ref("中等屏幕"),p=e.ref(!0);function y(m){i.value.forEach(t=>{t.active=t.code===m,t.active&&(n.value=t.code,S.value=t.name,h.emit("screenNameChanged",S.value),h.emit("currentScreenResolutionChanged",n.value))})}function N(){h.emit("switchInStandardModeChanged",p.value)}e.watch(p,()=>{}),e.onBeforeMount(()=>{l.value.model==="standard"?p.value=!0:(p.value=!1,N())});function v(){return e.createVNode(H,{class:"f-layout-editor-screen-resolution-selector-frame",items:i.value,modelValue:n.value,"onUpdate:modelValue":m=>n.value=m,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("表单布局配置")])]),v(),e.createVNode("div",{class:"f-layout-editor-screen-resolution-selector-switch"},[e.createVNode(X,{class:"f-layout-editor-show-switch",modelValue:p.value,"onUpdate:modelValue":m=>p.value=m,onModelValueChanged:N},null),p.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("自定义模式")])])])}}),te={currentScreenResolution:{type:String,default:""},switchInStandardMode:{type:Boolean,default:!1},currentArea:{type:Object,default:[]},twoDimensionalArray:{type:Array,default:[]}},ne={item:{type:Object,default:{}},currentScreenResolution:{type:String,default:""},switchInStandardMode:{type:Boolean,default:!1}},oe=e.defineComponent({name:"FColumnWidthView",props:ne,emits:[],setup(o,h){const i=e.ref(o.item),l=e.ref(o.currentScreenResolution),n=e.computed(()=>`col-${i.value[`columnIn${l.value}`]}`);return e.watch([()=>o.item,()=>o.currentScreenResolution],([S,p],[y,N])=>{S!==y&&(i.value=S),p!==N&&(l.value=p)}),()=>e.createVNode("div",{class:n.value},[e.createVNode("div",{class:"f-layout-editor-column-width-view",title:i.value.label},[e.createVNode("div",{class:"f-layout-editor-column-width-view-label"},[i.value.label])])])}}),ae=e.defineComponent({name:"FPreview",props:te,emits:["update:twoDimensionalArray"],setup(o,h){const i=e.ref(o.currentScreenResolution),l=e.ref(o.switchInStandardMode),n=e.ref(o.currentArea),S=e.ref(o.twoDimensionalArray),p=e.ref([]);e.watch([()=>o.currentArea,()=>o.switchInStandardMode,()=>o.currentScreenResolution],([t,a,s],[c,f,C])=>{t!==c&&(n.value=t),a!==f&&(l.value=a),s!==C&&(i.value=s)});function y(t,a){const s=[];let c=[];return t.forEach(f=>{a!==f.componentRow&&(a+=1,s.push(c),c=[]),c.push(f)}),s.push(c),s}function N(){const t=[];let a=1;return p.value.forEach(s=>{const c=y(s,a);a+=c.length,t.push(c)}),t}function v(){p.value=j.cloneDeep(S.value),p.value=N()}e.watch(()=>o.twoDimensionalArray,()=>{S.value=o.twoDimensionalArray,v()}),e.onMounted(()=>{v()});function m(){if(l.value)return"";const t=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"},[t])}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("预览区")]),m(),e.createVNode("div",{class:"f-layout-editor-preview-view f-utils-overflow-xhya"},[e.createVNode("div",{class:"f-layout-editor-preview-row-group"},[p.value.map(t=>{var a,s;return((a=t[0][0])==null?void 0:a.group.toString())===((s=n.value[0])==null?void 0:s.id)&&t.map(c=>e.createVNode("div",{class:"f-layout-editor-row"},[c.map(f=>e.createVNode(oe,{item:f,"onUpdate:item":C=>f=C,currentScreenResolution:i.value,switchInStandardMode:l.value},null))]))})])])])}}),re={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 le(o,h){const i=e.ref(-1),l=e.ref(!1);function n(t){if(t.target.offsetParent){const a=t.target.offsetParent,s=a.offsetWidth-t.target.offsetWidth/2-4,c=a.offsetHeight/2;t.dataTransfer&&t.dataTransfer.setDragImage(a,s,c)}}function S(t){if(t){const a=o.value.findIndex(s=>s.label===t.label);setTimeout(()=>{i.value=a,l.value=!0,t.moving=!0})}}function p(t,a){t.stopPropagation(),n(t),S(a)}function y(t){const a=o.value.findIndex(s=>s.label===t.label);if(i.value!==a){const s=o.value[i.value],c=o.value;c.splice(i.value,1),c.splice(a,0,s),i.value=a,h&&h()}}function N(t,a){t.preventDefault(),y(a)}function v(t){t.preventDefault(),t.dataTransfer&&(t.dataTransfer.dropEffect="move")}function m(t,a){a&&(a.moving=!1),l.value=!1}return{dragstart:p,dragenter:N,dragover:v,dragend:m,isDragging:l}}const ie={currentScreenResolution:{type:String,default:""},field:{type:Object,default:{}},switchInStandardMode:{type:Boolean,default:!1},fieldChanged:{type:Function,default:()=>{}}},se=e.defineComponent({name:"FColumnWidthEditor",props:ie,emits:["fieldChanged"],setup(o,h){const i={SM:["1"],MD:["1","2"],LG:["1","2","3","4"],EL:["1","2","3","4","5","6"]},l=e.ref(o.currentScreenResolution),n=e.ref(o.field),S=e.ref(o.switchInStandardMode),p=e.ref(),y=e.ref(""),N=e.ref(),v=e.ref("customize"),m=e.ref(),t=e.inject("ResponseLayoutEditorDraggableComposition"),{dragstart:a,dragenter:s,dragover:c,dragend:f}=t;function C(){p.value=i==null?void 0:i[l.value],S.value?(y.value=`displayWidthIn${l.value}`,v.value=`${n.value[y.value]}`):(y.value=`columnIn${l.value}`,m.value=n.value[y.value])}function I(g){if(S.value===!0){const V=Number(g==null?void 0:g.text);N.value=V;const T=n.value[`columnIn${l.value}`]/n.value[`displayWidthIn${l.value}`];n.value[`columnIn${l.value}`]=V*T,n.value[`displayWidthIn${l.value}`]=Number(V),h.emit("fieldChanged",n.value)}}function D(g){m.value=g;const V=n.value[`columnIn${l.value}`]/n.value[`displayWidthIn${l.value}`];n.value[`columnIn${l.value}`]=m.value,n.value[`displayWidthIn${l.value}`]=m.value/V,h.emit("fieldChanged",n.value)}function x(){return e.createVNode(J,{enableHalf:!0,size:"extraLarge",pointSystem:12,numOfStar:6,lightColor:"#5D89FE",darkColor:"#e7e9f3",iconClass:"f-icon-column-rectangle",modelValue:m.value,"onUpdate:modelValue":g=>m.value=g,enableScore:!1,onSelectedValue:()=>D(m.value)},null)}function E(){const g=[];p.value=i==null?void 0:i[l.value];const V=n.value[`displayWidthIn${l.value}`];return p.value.forEach(T=>{const L={text:T,active:V.toString()===T};g.push(L)}),g}function A(){const g=E();return e.createVNode(Y,{enumData:g,suffixValue:"列",onSelectedValueChanged:I},{default:()=>[e.createTextVNode(" ")]})}function $(){var g;if(((g=n==null?void 0:n.value)==null?void 0:g.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("第"),n.value.componentRow,e.createTextVNode("行")]),e.createVNode("span",{class:"f-layout-editor-column-width-editor-row-right"},null)])}function d(){return S.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:g=>s(g,n.value),onDragend:g=>f(g,n.value),onDragover:g=>c(g)},[e.createVNode("div",{class:"f-layout-editor-column-width-editor-rectangle"},[x(),e.createVNode("div",{class:"f-layout-editor-rate-show-column"},[m.value,e.createTextVNode("列")]),e.createVNode("span",{class:"f-layout-editor-drag-handler f-icon f-icon-drag-vertical",draggable:"true",onDragstart:g=>a(g,n.value)},null)])])}function R(){var g,V;return e.createVNode("div",{class:"f-layout-editor-column-width-editor-component"},[e.createVNode("div",{class:"f-layout-editor-column-width-editor-label",title:(g=n==null?void 0:n.value)==null?void 0:g.label},[(V=n==null?void 0:n.value)==null?void 0:V.label]),d()])}return e.watch(()=>[o.field,o.switchInStandardMode,o.currentScreenResolution],([g,V,T],[L,k,r])=>{T!==r&&(l.value=T,p.value=i[l.value],C()),V!==k&&(S.value=V),S.value===!1&&C(),g!==L&&(n.value=g)}),e.onMounted(()=>{C()}),()=>e.createVNode("div",{class:"f-layout-editor-column-width-editor"},[$(),R()])}}),ce=e.defineComponent({name:"FFieldList",props:re,emits:["update:currentArea","twoDimensionalArrayChanged","originalDataChanged"],setup(o,h){const i=e.ref(o.currentScreenResolution),l=e.ref(o.switchInStandardMode),n=e.ref(o.originalData),S=e.ref(o.originalDataCopy),p=e.ref(o.defaultStates),y=e.ref(""),N=e.ref([]),v=e.ref(o.currentArea),m=e.ref(0),t=e.ref(),a=e.ref(0),s=e.ref("1"),c=e.ref([]);function f(){const r=[];return n.value.forEach(u=>{r.indexOf(u.group)===-1&&r.push(u.group)}),r}function C(){s.value=p.value.defaultGroupNumber.toString(),y.value=`区域${s.value}`,v.value=[N.value[Number(s.value)-1]],h.emit("update:currentArea",v.value)}function I(){var u;const r=f();for(let b=0;b<r.length;b++){const W={id:(u=r[b])==null?void 0:u.toString(),label:"区域"+r[b]};N.value.push(W)}C()}function D(){let r=[];t.value=[];let u=1;n.value.forEach(b=>{b.group===u||(u+=1,t.value.push(r),r=[]),r.push(b)}),t.value.push(r)}function x(r,u){let W=12;return m.value=1+u,r.forEach(B=>{B.showTopBorder=0;const q=B[`columnIn${i.value}`];W>=q?(B.componentRow=m.value,W-=q):(m.value+=1,B.componentRow=m.value,W=12-q,B.showTopBorder=1)}),r[0].showTopBorder=1,r}function E(r){let u=[];for(const b of r)u=u.concat(b);n.value=j.cloneDeep(u),a.value=0}function A(){t.value[v.value[0].id-1]=j.cloneDeep(c.value);const r=[];a.value=0,t.value.forEach(u=>{const b=x(u,a.value);r.push(b),a.value=b[b.length-1].componentRow}),E(r)}function $(){D();const r=[];return a.value=0,t.value.forEach(u=>{const b=x(u,a.value);r.push(b),a.value=b[b.length-1].componentRow}),h.emit("twoDimensionalArrayChanged",t.value),E(r),n.value}function d(){c.value=[],n.value.forEach(r=>{r.group===Number(v.value[0].id)&&c.value.push(r)})}function R(){n.value=j.cloneDeep($()),h.emit("originalDataChanged",n.value)}function g(r){c.value.forEach(u=>{u.id===r.id&&Object.assign(u,r)}),A(),R(),d()}function V(r){for(let u=0;u<r.length;u++)v.value=[{id:r[u].id,label:r[u].label}];h.emit("update:currentArea",v.value),d(),A()}function T(){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(_,{modelValue:s.value,"onUpdate:modelValue":r=>s.value=r,placeholder:"当前可编辑组",enableClear:!1,"id-field":"id","text-field":"label",data:N.value,editable:!1,onChange:V},null)])])}function L(){return e.createVNode("div",{class:"f-layout-editor-field-list-content f-utils-overflow-xhya"},[c.value.map(r=>e.createVNode(se,{key:r.label,currentScreenResolution:i.value,field:r,"onUpdate:field":u=>r=u,switchInStandardMode:l.value,"onUpdate:switchInStandardMode":u=>l.value=u,onFieldChanged:g},null))])}const k=le(c,()=>{A(),R(),d()});return e.provide("ResponseLayoutEditorDraggableComposition",k),e.watch(()=>o.currentArea,(r,u)=>{r!==u&&(v.value=o.currentArea,d())}),e.watch(v,(r,u)=>{r!==u&&d()}),e.watch(()=>o.currentGroup,(r,u)=>{r!==u&&(y.value=o.currentGroup)}),e.watch(()=>o.currentScreenResolution,(r,u)=>{r!==u&&(i.value=o.currentScreenResolution,R(),D(),v.value[0]&&(c.value=j.cloneDeep(t.value[Number(v.value[0].id)-1])))}),e.watch(()=>o.switchInStandardMode,(r,u)=>{r!==u&&(l.value=o.switchInStandardMode,n.value=j.cloneDeep(S.value))}),e.watch(p,(r,u)=>{r!==u&&R()}),e.onBeforeMount(()=>{I(),$(),d()}),()=>e.createVNode("div",{class:"f-layout-editor-field-list f-utils-fill-flex-column"},[l.value?e.createVNode("div",{class:"f-layout-editor-field-list-standard f-utils-fill-flex-column"},[T(),L()]):e.createVNode("div",{class:"f-layout-editor-field-list-customize f-utils-fill-flex-column"},[T(),L()])])}}),de=e.defineComponent({name:"FResponseLayoutEditor",props:Q,emits:["close","submit"],setup(o,h){const i=e.ref(o.initialState),l=e.ref(),n=e.ref(),S=e.ref(""),p=e.ref(""),y=e.ref(!0),N=e.ref([{id:"1",label:"区域1"}]),v=e.ref([]),m=e.ref();e.ref(o.width),e.ref(o.height),e.watch(()=>o.initialState,d=>{i.value=d}),e.watch([()=>o.currentArea,()=>o.switchInStandardMode],([d,R],[g,V])=>{d!==g&&(N.value=d),R!==V&&(y.value=R)});function t(d){S.value=d}function a(d){p.value=d}function s(d){y.value=d}function c(d){N.value=[].concat(d)}function f(d){l.value=j.cloneDeep(d)}function C(d){v.value=d}function I(){h.emit("close")}function D(){h.emit("submit",l.value)}function x(){return e.createVNode(ce,{class:"f-utils-fill-flex-column",defaultStates:n.value,originalDataCopy:m.value,currentScreenResolution:p.value,"onUpdate:currentScreenResolution":d=>p.value=d,originalData:l.value,"onUpdate:originalData":d=>l.value=d,switchInStandardMode:y.value,"onUpdate:switchInStandardMode":d=>y.value=d,currentArea:N.value,"onUpdate:currentArea":d=>N.value=d,onCurrentAreaChanged:c,onTwoDimensionalArrayChanged:C,onOriginalDataChanged:f},null)}function E(){return e.createVNode(ae,{class:"f-utils-fill-flex-column",currentArea:N.value,"onUpdate:currentArea":d=>N.value=d,currentScreenResolution:p.value,"onUpdate:currentScreenResolution":d=>p.value=d,switchInStandardMode:y.value,twoDimensionalArray:v.value,"onUpdate:twoDimensionalArray":d=>v.value=d},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"),$=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(()=>{l.value=j.cloneDeep(i.value.importData),m.value=j.cloneDeep(i.value.importData),n.value=i.value.defaultState,S.value="中等屏幕",p.value="MD"}),d=>e.createVNode("div",{class:"f-layout-editor f-utils-flex-column"},[e.createVNode("div",{class:"f-layout-editor-top"},[e.createVNode(ee,{defaultStates:n.value,onScreenNameChanged:t,onCurrentScreenResolutionChanged:a,onSwitchInStandardModeChanged:s},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},[x()])]),e.createVNode("div",{class:"f-layout-editor-right f-utils-fill-flex-column"},[e.createVNode("div",{class:$.value},[E()])])]),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:I},[e.createVNode("span",{class:"f-layout-editor-text-cancel"},[e.createTextVNode("取消")])]),e.createVNode("div",{class:"f-layout-editor-sure-btn",onClick:D},[e.createVNode("span",{class:"f-layout-editor-text-sure"},[e.createTextVNode("确认")])])])])])}}),G=e.defineComponent({name:"FResponseLayoutEditorSettingDesign",props:K,emits:[],setup(o,h){const i=e.ref(o.initialState),l=e.ref(o.width),n=e.ref(o.height),S=e.ref(),p=e.inject("design-item-context"),y=P.useDesignerComponent(S,p);e.onMounted(()=>{S.value.componentInstance=y}),h.expose(y.value);function N(){const v=z.FModalService.show({render:()=>e.createVNode(de,{initialState:i,width:l,height:n},null),width:900,height:500,buttons:[{class:"btn btn-primary",text:"确定",iconClass:"f-icon f-icon-check",handle:()=>{v.destroy()}},{class:"btn btn-light",text:"取消",iconClass:"f-icon f-icon-close",handle:()=>{v.destroy()}}]})}return()=>e.createVNode("div",{ref:S,class:"f-column-width-setting-button",onClick:N},[e.createVNode("div",{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("高级设置")])])])}}),ue=new Map([["appearance",U.resolveAppearance]]);function fe(o,h,i,l){const n=o.getSchemaByType("section");return n.id=`${l}-section`,n.appearance={class:"f-section-form f-section-in-main"},n.mainTitle="标题",n.contents=[h],n}function pe(o,h,i,l){const n=o.getSchemaByType("component");return n.id=`${l}-component`,n.componentType="form-col-1",n.appearance={class:"f-struct-form f-struct-wrapper"},n.contents=[h],n}function me(o,h,i){h.appearance={class:"f-form-layout farris-form farris-form-controls-inline"};const l=fe(o,h,i,h.id);return pe(o,l,i,h.id)}const he={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/response-layout-editor-setting.schema.json",title:"response-layout-editor-setting",description:"A Farris Data Collection Component",type:"object",properties:{id:{description:"The unique identifier for response layout editor",type:"string"},type:{description:"The type string of response layout editor component",type:"string",default:"response-layout-editor-setting"},initialState:{description:"",type:"object",default:{}},height:{description:"",type:"number",default:0},width:{description:"",type:"number",default:0},beforeOpen:{description:"",type:"function"}},required:["id","type"]},ge={title:"response-form",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}};class ye{constructor(){M(this,"label","");M(this,"id","");M(this,"columnInSM",12);M(this,"columnInMD",6);M(this,"columnInLG",3);M(this,"columnInEL",2);M(this,"displayWidthInSM",1);M(this,"displayWidthInMD",1);M(this,"displayWidthInLG",1);M(this,"displayWidthInEL",1);M(this,"displayColumnCountAtBreakPoint","md");M(this,"tagRow",0);M(this,"showTopBorder",0);M(this,"group",1);M(this,"isSupportedClass",!0);M(this,"fieldSetId","")}}function Se(o){let h,i;const l=new Map;let n=[];function S(m,t){const s=m.split(" ").filter(D=>D.startsWith("col-"));if(s.length===0){t.isSupportedClass=!1;return}let c=s.find(D=>/^col-([1-9]|10|11|12)$/.test(D)),f=s.find(D=>/^col-md-([1-9]|10|11|12)$/.test(D)),C=s.find(D=>/^col-xl-([1-9]|10|11|12)$/.test(D)),I=s.find(D=>/^col-el-([1-9]|10|11|12)$/.test(D));c=c||"col-12",t.columnInSM=parseInt(c.replace("col-",""),10),t.displayWidthInSM=t.columnInSM/12,t.displayWidthInSM!==1&&(t.isSupportedClass=!1),f=f||"col-md-"+t.columnInSM,t.columnInMD=parseInt(f.replace("col-md-",""),10),t.displayWidthInMD=t.columnInMD/6,[1,2].includes(t.displayWidthInMD)||(t.isSupportedClass=!1),C=C||"col-xl-"+t.columnInMD,t.columnInLG=parseInt(C.replace("col-xl-",""),10),t.displayWidthInLG=t.columnInLG/3,[1,2,3,4].includes(t.displayWidthInLG)||(t.isSupportedClass=!1),I=I||"col-el-"+t.columnInLG,t.columnInEL=parseInt(I.replace("col-el-",""),10),t.displayWidthInEL=t.columnInEL/2,[1,2,3,4,5,6].includes(t.displayWidthInEL)||(t.isSupportedClass=!1)}function p(m,t,a,s=!1){let c=!1;m.contents.forEach(f=>{if(f.type==="fieldset"){a+=1,p(f,t,a,!0),c=!0;return}c&&(a+=1,c=!1);const C=f.appearance&&f.appearance.class,I=new ye;C?S(C,I):I.isSupportedClass=!1,I.label=f.label||f.id,I.id=f.id,I.group=a,s&&(I.fieldSetId=m.id),i===f.id&&(h=a),l.set(f.id,f),t.push(I)})}function y(m){const t=o.getComponentById(m);if(!t||!t.componentType||!t.componentType.startsWith("form"))return{result:!1,message:"只可以在响应式表单组件中调整响应式布局配置"};const a=o.selectNode(t,s=>s.type===P.DgControl["response-form"].type);return!a||!a.contents||a.contents.length===0?{result:!1,message:"Form区域内没有控件，请先添加控件"}:{result:!0,message:"",formNode:a}}function N(m,t){t=t||m.id;const{result:a,message:s,formNode:c}=y(t);if(!a)return{result:a,message:s};i=m.id,n=[],l.clear();const f=c.contents[0].type===P.DgControl.fieldset.type?0:1;p(c,n,f);const C=n.find(D=>!D.isSupportedClass);return{defaultState:{defaultGroupNumber:h||1,model:C?"customize":"standard"},importData:n}}function v(m,t){t=t;const{result:a,formNode:s}=y(t);if(!a)return"";const c=[];return m.forEach(f=>{var D;const C=l.get(f.id),I=C.appearance&&C.appearance.class;if(I){const E=I.split(" ").filter(V=>!V.startsWith("col-")),A="col-"+f.columnInSM,$="col-md-"+f.columnInMD,d="col-xl-"+f.columnInLG,R="col-el-"+f.columnInEL,g=[A,$,d,R].concat(E);C.appearance.class=g.join(" ")}if(f.fieldSetId){const x=s.contents.find(A=>A.id===f.fieldSetId),E=c.find(A=>A.id===f.fieldSetId);E?(D=E.contents)==null||D.push(C):(c.push(x),x.contents=[C])}else c.push(C)}),s.contents=c,s.id}return{checkCanFindFormNode:y,checkCanOpenLayoutEditor:N,changeFormControlsByResponseLayoutConfig:v,getResonseFormLayoutConfig:p}}const O=U.createPropsResolver(F.responseLayoutEditorSettingProps,he,ue,me,ge);G.register=(o,h,i,l)=>{o["response-layout-editor-setting"]=F.ResponseLayoutEditorSetting,h["response-layout-editor-setting"]=O},G.registerDesigner=(o,h,i)=>{o["response-layout-editor-setting"]=G,h["response-layout-editor-setting"]=O},w.default=G,w.propsResolver=O,w.useResponseLayoutEditorSetting=Se,Object.defineProperties(w,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});