ss-component-new 1.2.22 → 1.2.23

package/dist/index-CO41Br9G.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),M=require("./index-CTq3U1p_.cjs"),h=require("./index-DEBf-IBT.cjs"),z=require("./index.vue_vue_type_style_index_1_lang-BMAOkg3Y.cjs"),r=require("./array-Ct7vOLI-.cjs"),G=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ie=require("./index-BVaHwt5f.cjs"),re=require("./index-CvZk_MDD.cjs"),de=require("./index-Db9w-sM_.cjs"),ue={class:"type-select"},pe={class:"group-label"},me={class:"group-items"},ve=["onDragstart"],he={__name:"index",props:{compContainerRef:Object},emits:[""],setup(J,{emit:y}){const E=z.useModelComp(h.pinia),{itemData:W,activeItemIndex:P}=h.storeToRefs(E),v=y,$=e.ref(null),k=e.computed(()=>{var S,O,V;const N={label:"布局",items:["TABS","LAYOUT"]},b={label:"常用",items:["FORM","TABLE"]},T={label:"高级",items:["STEP","TIMELINE","CHART","SIGNATURE","AVATAR","FOLD"]},w=(S=M.slotContent.value)==null?void 0:S.filter(B=>{var c,t;return(t=N==null?void 0:N.items)==null?void 0:t.includes((c=B==null?void 0:B.type)==null?void 0:c.toUpperCase())}),A=(O=M.slotContent.value)==null?void 0:O.filter(B=>{var c,t;return(t=b==null?void 0:b.items)==null?void 0:t.includes((c=B==null?void 0:B.type)==null?void 0:c.toUpperCase())}),x=(V=M.slotContent.value)==null?void 0:V.filter(B=>{var c,t;return(t=T==null?void 0:T.items)==null?void 0:t.includes((c=B==null?void 0:B.type)==null?void 0:c.toUpperCase())});return[{...N,items:w},{...b,items:A},{...T,items:x}]}),R=(N,b)=>{try{N.dataTransfer.clearData();const T={...b,timestamp:Date.now()};N.dataTransfer.setData("application/json",JSON.stringify(T)),N.dataTransfer.effectAllowed="copyMove",N.target.classList.add("dragging"),v("handleDragStart",b)}catch(T){console.error("Drag start error:",T)}};return(N,b)=>{const T=e.resolveComponent("svg-icon");return e.openBlock(),e.createElementBlock("div",ue,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.value,w=>(e.openBlock(),e.createElementBlock("div",{class:"group-item",key:w==null?void 0:w.label},[e.createElementVNode("div",pe,e.toDisplayString(w==null?void 0:w.label),1),e.createElementVNode("div",me,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w==null?void 0:w.items,(A,x)=>(e.openBlock(),e.createElementBlock("div",{class:"type-list",title:"鼠标拖动",ref_for:!0,ref_key:"dragItem",ref:$,key:x,draggable:!0,onDragstart:S=>R(S,A)},[e.createVNode(T,{name:A.icon,style:{width:"15px",height:"15px"}},null,8,["name"]),e.createElementVNode("div",null,e.toDisplayString(A.name),1)],40,ve))),128))])]))),128))])}}},fe=G._export_sfc(he,[["__scopeId","data-v-951fb5b4"]]),Ce={class:"fill-content"},ge={class:"overall-config-wrapper"},_e={class:"operate-content"},ye=["onClick"],ke={class:"collapse-title-item",title:"编辑"},we={key:1},De=["onClick"],xe={class:"icon-content"},Be={key:0,class:"edit-content"},Ie=["onClick"],Ne={title:"设置"},Ve=["onClick"],Ee={class:"parent-main"},be={style:{display:"flex","justify-content":"space-between"}},Te={title:"样式"},Se={title:"交互"},Le={title:"扩展"},Me={style:{width:"100%","max-height":"500px",overflow:"auto"}},$e={__name:"index",setup(J){const y=z.useModelComp(h.pinia),{itemData:E,originalData:W}=h.storeToRefs(y),P=z.useMenuState(),{activeMenuPath:v}=h.storeToRefs(P);e.ref([]);const $=e.ref([]),k=e.ref([]),R=e.ref([]),N=e.computed(()=>{var c,t,p,i;return((c=r.showItems.value)==null?void 0:c.length)>0&&(t=r.showItems.value)!=null&&t.every(d=>{var D,I;return(d==null?void 0:d.comp)===((I=(D=r.showItems.value)==null?void 0:D[0])==null?void 0:I.comp)})?(i=(p=r.showItems.value)==null?void 0:p[0])==null?void 0:i.comp:null}),b=c=>{var p;let t=(p=h.cloneDeep(k.value))==null?void 0:p.map((i,d)=>(c===d&&(i.content=!0),i));k.value=t},T=c=>{var p;let t=(p=h.cloneDeep(k.value))==null?void 0:p.map((i,d)=>(c===d&&(i.content=!1),i));k.value=t,r.showItems.value=h.cloneDeep(E.value)},w=(c,t)=>{var D;let p=(D=h.cloneDeep(k.value))==null?void 0:D.map((I,a)=>(c===a&&(I.content=!1),I));k.value=p;const i=h.cloneDeep(E.value),d=i==null?void 0:i.filter((I,a)=>(a===c&&(I.name=t),I));y.setOriginalData(d),y.setItemData(d)},A=c=>{const t=h.cloneDeep(E.value),p=t==null?void 0:t.map((i,d)=>((i==null?void 0:i.name)===(c==null?void 0:c.name)?i.isShow=!(c!=null&&c.isShow):i.isShow=i.isShow,i));E.value=p};e.watch(()=>E.value,()=>{var c,t,p,i;!E.value||((c=E.value)==null?void 0:c.length)===0?r.showItems.value=[]:r.showItems.value=(t=E.value)==null?void 0:t.filter(d=>(d==null?void 0:d.comp)!=="methodButton"),$.value=r.showItems.value,k.value=(p=h.cloneDeep($.value))==null?void 0:p.map((d,D)=>({id:D,content:!1})),R.value=(i=h.cloneDeep($.value))==null?void 0:i.map((d,D)=>({id:D,isShow:d==null?void 0:d.isShow}))},{deep:!0,immediate:!0});const x=c=>M.getComponent(c),S=(c,t,p,i)=>{var D,I;if(!c)return;let d=h.cloneDeep(E.value);d=(D=d==null?void 0:d.map((a,m)=>{if(i&&m===p){const{compData:s,itemChildData:o}=c;return a.compData=s,a.itemChildData=o,a}return m===p&&(a.compData=c),a}))==null?void 0:D.filter(a=>(a==null?void 0:a.comp)!=="methodButton"),k.value=(I=h.cloneDeep(d))==null?void 0:I.map((a,m)=>({id:m,content:!1})),y.setOriginalData(d),y.setItemData(d)},O=e.ref(null),V=(c,t)=>{if(!t){y.setActiveItemIndex(c);return}y.setActiveItemIndex(-1)},B=c=>{z.ElMessageBox.confirm("是否确认要删除","",{confirmButtonText:"确认",cancelButtonText:"取消",type:"warning"}).then(()=>{const t=h.cloneDeep(E.value),p=t==null?void 0:t.filter((i,d)=>d!==c);y.setOriginalData(p),y.setItemData(p),y.setActiveItemIndex(-1),h.ElMessage({type:"success",message:"删除成功"})}).catch(()=>{})};return(c,t)=>{var I;const p=e.resolveComponent("svg-icon"),i=e.resolveComponent("el-tab-pane"),d=e.resolveComponent("el-card"),D=e.resolveComponent("el-tabs");return e.openBlock(),e.createElementBlock("div",Ce,[t[10]||(t[10]=e.createElementVNode("div",{class:"fill-operate"},"操作栏",-1)),e.createElementVNode("div",ge,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(x(N.value+"style")),{target:"overall",optionItems:e.unref(r.optionItems),compType:N.value,comp:(I=e.unref(r.showItems))==null?void 0:I[0],onChange:e.unref(r.handleStyleChange)},null,40,["optionItems","compType","comp","onChange"]))]),e.createElementVNode("div",_e,[e.createVNode(ie.default,{class:"collapse-content",collapseContents:e.unref(r.showItems),accordion:!0,onChange:e.unref(r.handleCollapseChange),ref_key:"ssCollapseRef",ref:O},{title:e.withCtx(({item:a,index:m,isActive:s})=>{var o,n,u,f,g,L,F,U,q,H;return[e.createElementVNode("div",{class:"collapse-title-content",onClick:C=>V(m,s)},[e.createElementVNode("div",ke,[(n=(o=k.value)==null?void 0:o.find(C=>C.id===m))!=null&&n.content?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:"collapse-title",style:e.normalizeStyle({marginRight:a.name&&a.name!==""?"8px":"0px"})},e.toDisplayString(a.name),5)),(f=(u=k.value)==null?void 0:u.find(C=>C.id===m))!=null&&f.content?(e.openBlock(),e.createElementBlock("div",we,[e.createVNode(re._sfc_main$2,{modelValue:a.name,"onUpdate:modelValue":C=>a.name=C,onClick:t[0]||(t[0]=e.withModifiers(()=>{},["stop"]))},null,8,["modelValue","onUpdate:modelValue"])])):e.createCommentVNode("",!0),(L=(g=k.value)==null?void 0:g.find(C=>C.id===m))!=null&&L.content?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:2,onClick:e.withModifiers(C=>b(m),["stop"]),class:"icon-content"},[e.createVNode(p,{name:"Edit",style:{width:"13px",height:"13px"}})],8,De))]),e.createElementVNode("div",xe,[(U=(F=k.value)==null?void 0:F.find(C=>C.id===m))!=null&&U.content?(e.openBlock(),e.createElementBlock("div",Be,[e.createVNode(p,{name:"Cancel",style:{width:"16px",height:"16px"},class:"icon-content",onClick:e.withModifiers(C=>T(m),["stop"])},null,8,["onClick"]),e.createVNode(p,{name:"Save",onClick:e.withModifiers(C=>w(m,a.name),["stop"]),style:{width:"16px",height:"16px",fill:"var(--ssComponent-primary-color)"},class:"icon-content"},null,8,["onClick"])])):e.createCommentVNode("",!0),(H=(q=k.value)==null?void 0:q.find(C=>C.id===m))!=null&&H.content?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:1,onClick:e.withModifiers(C=>B(m),["stop"]),class:"icon-content"},[e.createVNode(p,{name:"Delete",style:{width:"16px",height:"16px"}})],8,Ie))])],8,ye)]}),content:e.withCtx(({item:a,index:m})=>[e.createVNode(D,{modelValue:e.unref(r.activeTabName),"onUpdate:modelValue":t[2]||(t[2]=s=>e.isRef(r.activeTabName)?r.activeTabName.value=s:null),class:"config-tabs",onTabClick:V},{default:e.withCtx(()=>[e.createVNode(i,{label:"设置",name:"data"},{label:e.withCtx(()=>[e.createElementVNode("span",Ne,[e.createVNode(p,{name:"LowCodeSetting",style:{width:"15px",height:"15px","margin-right":"5px"}}),t[3]||(t[3]=e.createTextVNode("设置"))])]),default:e.withCtx(()=>{var s,o;return[e.createElementVNode("div",{class:"comp-child",onClick:n=>V(m)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(x(a.comp+"Operate")),{itemContents:a==null?void 0:a.compData,originalItemContents:(o=(s=$.value)==null?void 0:s.find((n,u)=>u===m))==null?void 0:o.compData,itemChildData:a==null?void 0:a.itemChildData,onChange:(n,u)=>S(n,a,m,u)},null,40,["itemContents","originalItemContents","itemChildData","onChange"]))],8,Ve),e.createElementVNode("div",Ee,[t[5]||(t[5]=e.createElementVNode("div",{class:"operate-title"},[e.createElementVNode("div",null,e.toDisplayString("显隐控制"))],-1)),e.createElementVNode("div",be,[t[4]||(t[4]=e.createElementVNode("div",{class:"operate-center-content"},e.toDisplayString("是否显示"),-1)),e.createVNode(re._sfc_main$1,{value:R.value.find(n=>n.id===m).isShow,"onUpdate:value":n=>R.value.find(u=>u.id===m).isShow=n,onClick:n=>A(a)},null,8,["value","onUpdate:value","onClick"])])])]}),_:2},1024),e.createVNode(i,{label:"样式",name:"style"},{label:e.withCtx(()=>[e.createElementVNode("span",Te,[e.createVNode(p,{name:"LowCodeStyle",style:{width:"15px",height:"15px","margin-right":"5px"}}),t[6]||(t[6]=e.createTextVNode("样式"))])]),default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(x((a==null?void 0:a.comp)+"style")),{target:"alone",compType:a==null?void 0:a.comp,comp:a,optionItems:e.unref(r.optionItems),onChange:s=>e.unref(r.handleStyleChange)(s,a)},null,40,["compType","comp","optionItems","onChange"]))]),_:2},1024),e.createVNode(i,{label:"交互",name:"event"},{label:e.withCtx(()=>[e.createElementVNode("span",Se,[e.createVNode(p,{name:"LowCodeEvent",style:{width:"15px",height:"15px","margin-right":"5px"}}),t[7]||(t[7]=e.createTextVNode("交互"))])]),default:e.withCtx(()=>[t[8]||(t[8]=e.createTextVNode(" 交互 "))]),_:1,__:[8]}),e.createVNode(i,{label:"扩展",name:"extend"},{label:e.withCtx(()=>[e.createElementVNode("span",Le,[e.createVNode(p,{name:"LowCodeExtend",style:{width:"15px",height:"15px","margin-right":"5px"}}),t[9]||(t[9]=e.createTextVNode("扩展"))])]),default:e.withCtx(()=>[e.createVNode(D,{"tab-position":"left",modelValue:e.unref(r.activeExtendTabName),"onUpdate:modelValue":t[1]||(t[1]=s=>e.isRef(r.activeExtendTabName)?r.activeExtendTabName.value=s:null),class:"extend-tabs",onTabChange:e.unref(r.changeExtendTab)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(r.extendTabs),(s,o)=>(e.openBlock(),e.createBlock(i,{key:s==null?void 0:s.name,label:s==null?void 0:s.label,name:s==null?void 0:s.name},{default:e.withCtx(()=>[e.createVNode(d,null,{default:e.withCtx(()=>{var n,u,f;return[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(x((n=s==null?void 0:s.component)==null?void 0:n.comp)),{compItem:s==null?void 0:s.component,itemData:(u=s==null?void 0:s.component)==null?void 0:u.compData,childItemData:(f=s==null?void 0:s.component)==null?void 0:f.itemChildData,key:o,level:1,onChange:e.unref(r.handleExtendChange),onOnButtonClick:e.unref(r.clickExtendTable)},null,40,["compItem","itemData","childItemData","onChange","onOnButtonClick"]))]}),_:2},1024)]),_:2},1032,["label","name"]))),128))]),_:1},8,["modelValue","onTabChange"])]),_:1})]),_:2},1032,["modelValue"])]),_:1},8,["collapseContents","onChange"])]),e.createVNode(de.ssDialog,{class:"task-dialog-wrapper",visible:e.unref(r.extendDialogInfo).show,title:e.unref(r.extendDialogInfo).title,dialogWidth:e.unref(r.extendDialogInfo).width,onBeforeDestroy:e.unref(r.beforeDestroyExtendDialog)},{default:e.withCtx(()=>{var a,m;return[e.createElementVNode("div",Me,[e.unref(r.findExtendComp)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(x(((a=e.unref(r.findExtendComp))==null?void 0:a.comp)+"extend")),{key:0,target:"alone",comp:e.unref(r.findExtendComp),extendItem:e.unref(r.clickExtendTableRow),compType:(m=e.unref(r.findExtendComp))==null?void 0:m.comp,activeTabName:e.unref(r.activeExtendTabName),relatedData:e.unref(r.taskConfigTable),onChange:e.unref(r.handleExtendChange),onOnButtonClick:e.unref(r.clickTaskFormButton)},null,40,["comp","extendItem","compType","activeTabName","relatedData","onChange","onOnButtonClick"])):e.createCommentVNode("",!0)])]}),_:1},8,["visible","title","dialogWidth","onBeforeDestroy"])])}}},Re=G._export_sfc($e,[["__scopeId","data-v-f0e84b56"]]),Ae={style:{display:"flex"}},Oe={key:1},Fe={key:3,style:{"margin-top":"30px"}},Ue={__name:"index",setup(J){const y=z.useModelComp(h.pinia),{itemData:E,activeItemIndex:W,pageMapState:P}=h.storeToRefs(y),v=e.ref([]),$=e.ref(1),k=e.ref(""),R=z.useMenuState(h.pinia),{activeMenuPath:N}=h.storeToRefs(R),b=e.ref(null),T=e.ref(null),w=e.ref(24),A=e.ref(2),x=e.ref([]),S=e.computed(()=>{var o,n,u,f;return((o=v.value)==null?void 0:o.length)>0&&((n=v.value)!=null&&n.every(g=>g==null?void 0:g.layout))?(f=(u=v.value)==null?void 0:u[0])==null?void 0:f.layout:"vertical"}),O=e.computed(()=>{var o,n;return(n=(o=v.value)==null?void 0:o[0])==null?void 0:n.isStepLayout}),V=e.ref(null),B=e.computed(()=>{var o,n,u;return((o=v.value)==null?void 0:o.length)>0&&S.value==="horizontal"?(u=(n=v.value)==null?void 0:n[0])==null?void 0:u.name:""}),c=(o,n)=>{console.log("clickStep",o,n),$.value=n,V.value=o},t=o=>{var g;if(!o)return;let n=null;const u=h.cloneDeep(v.value);if(W.value>=0&&(n=u==null?void 0:u[W.value]),n&&n.comp==="Layout"){const{compData:L=[]}=n;((g=L==null?void 0:L.find(U=>{const{key:q}=U;return q==="children"}))==null?void 0:g.contents).push({comp:o.comp,name:o.name,compData:[]}),y.setItemData(u);return}const f=h.cloneDeep(v.value);f.push({comp:o.comp,name:o.name,compData:[]}),y.setItemData(f),m(f)},p=o=>{o.preventDefault(),o.dataTransfer.dropEffect="copy"},i=async o=>{try{const n=o.dataTransfer.getData("application/json");if(!n)return;const u=JSON.parse(n),f=await d(o),g=D(u,f);await e.nextTick(),I(g),t(JSON.parse(n||"")),console.log("drop"),a()}catch(n){console.error("Drop error:",n),a()}},d=async o=>b.value?new Promise(n=>{requestAnimationFrame(()=>{const u=b.value.getBoundingClientRect(),f=o.clientX-u.left,g=o.clientY,L=Math.floor(f/(u.width/w.value)),F=Math.floor(g/(u.width/w.value));n({x:Math.max(0,L),y:Math.max(0,F),w:w.value,h:A.value})})}):{x:0,y:0},D=(o,n)=>{var f,g;const u=`item_${Date.now()}_${(g=(f=Math.random())==null?void 0:f.toString(36))==null?void 0:g.substring(2,9)}`;return{i:u,id:u,x:n.x,y:n.y,w:n.w,h:n.h,component:o,minW:2,minH:2}},I=o=>{m([...x.value,o],!0)},a=()=>{document.querySelectorAll(".dragging").forEach(o=>{o.classList.remove("dragging")})},m=(o,n)=>{x.value=n?o:M.generateLayouts(o),R.setContentLoading(!1)};e.watch(()=>x.value,o=>{y.setItemGridData({pageKey:N.value,results:o})},{immediate:!0}),e.watch(()=>E.value,o=>{R.setContentLoading(!0),v.value=!o||(o==null?void 0:o.length)===0?[]:h.cloneDeep(o),m(v.value)},{immediate:!0});const s=o=>M.getComponent(o);return(o,n)=>{var F,U,q,H,C,X,K;const u=e.resolveComponent("el-tab-pane"),f=e.resolveComponent("el-tabs"),g=e.resolveComponent("el-step"),L=e.resolveComponent("el-steps");return e.openBlock(),e.createElementBlock("div",{ref_key:"containerRef",ref:b,class:"low-code-wrapper",onDragover:p,onDrop:i},[!O.value&&S.value==="vertical"?(e.openBlock(),e.createBlock(e.unref(M.De),{key:0,ref_key:"gridLayoutRef",ref:T,layout:x.value,"onUpdate:layout":n[0]||(n[0]=l=>x.value=l),"prevent-collision":!1,"is-draggable":!0,"is-resizable":!0,responsive:!1,"col-num":24,margin:[8,16]},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(x.value,(l,_)=>{var Y,j;return e.openBlock(),e.createBlock(e.unref(M.st),{key:l.i,x:l.x,y:l.y,"min-h":l.minH,"max-h":l.maxH,"min-w":l.minW,w:l.w,h:e.unref(M.verifyButton)((Y=v.value[_])==null?void 0:Y.comp)?0:l.h,i:l.i,class:e.normalizeClass(e.unref(M.verifyButton)((j=v.value[_])==null?void 0:j.comp)?"grid-method-button":"")},{default:e.withCtx(()=>{var Q,Z,ee,te,oe,ne,ae,le,ce,se;return[e.createElementVNode("div",Ae,e.toDisplayString((Q=v.value[_])==null?void 0:Q.name),1),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s((Z=v.value[_])==null?void 0:Z.comp)),{pageLayout:S.value,itemData:(ee=v.value[_])==null?void 0:ee.compData,childItemData:(te=v.value[_])==null?void 0:te.itemChildData,index:((oe=v.value[_])==null?void 0:oe.id)??_,parentTableId:(ne=v.value[_])==null?void 0:ne.tableId,children:(ae=v.value[_])==null?void 0:ae.children,level:1,config:{showIndex:(le=v.value[_])==null?void 0:le.showIndex,allowMove:(ce=v.value[_])==null?void 0:ce.allowMove,viewport:(se=v.value[_])==null?void 0:se.viewport}},null,8,["pageLayout","itemData","childItemData","index","parentTableId","children","config"]))]}),_:2},1032,["x","y","min-h","max-h","min-w","w","h","i","class"])}),128))]),_:1},8,["layout"])):e.createCommentVNode("",!0),!O.value&&S.value==="horizontal"?(e.openBlock(),e.createElementBlock("div",Oe,[e.createVNode(f,{modelValue:B.value,"onUpdate:modelValue":n[1]||(n[1]=l=>B.value=l),type:"card",class:"display-tabs"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,(l,_)=>(e.openBlock(),e.createBlock(u,{key:l.i,label:l==null?void 0:l.name,name:l==null?void 0:l.name},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s(l==null?void 0:l.comp)),{pageLayout:S.value,itemData:l==null?void 0:l.compData,childItemData:l==null?void 0:l.itemChildData,key:_,config:{showIndex:l==null?void 0:l.showIndex,allowMove:l==null?void 0:l.allowMove,viewport:l==null?void 0:l.viewport}},null,8,["pageLayout","itemData","childItemData","config"]))]),_:2},1032,["label","name"]))),128))]),_:1},8,["modelValue"])])):e.createCommentVNode("",!0),O.value?(e.openBlock(),e.createBlock(L,{key:2,direction:"horizontal",active:$.value,"align-center":!0,class:"display-steps"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,(l,_)=>(e.openBlock(),e.createBlock(g,{key:_,class:"step-item",status:k.value,onClick:Y=>c(l,_+1)},{title:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l==null?void 0:l.name),1)]),_:2},1032,["status","onClick"]))),128))]),_:1},8,["active"])):e.createCommentVNode("",!0),O.value?(e.openBlock(),e.createElementBlock("div",Fe,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s((F=V.value)==null?void 0:F.comp)),{pageLayout:S.value,itemData:(U=V.value)==null?void 0:U.compData,childItemData:(q=V.value)==null?void 0:q.itemChildData,key:(H=V.value)==null?void 0:H.id,config:{showIndex:(C=V.value)==null?void 0:C.showIndex,allowMove:(X=V.value)==null?void 0:X.allowMove,viewport:(K=V.value)==null?void 0:K.viewport}},null,8,["pageLayout","itemData","childItemData","config"]))])):e.createCommentVNode("",!0)],544)}}},qe=G._export_sfc(Ue,[["__scopeId","data-v-e59da700"]]);exports.modelFill=Re;exports.modelSelect=fe;exports.modelShow=qe;