import{d as R,u as W,r as Y,c as h,o as s,B as A,w as f,a as y,m as i,p as q,G as k,b as u,ar as H,t as J,f as d,F as K,e as Q,D as B,a3 as X,Y as Z,z as b,f6 as x,f7 as I,a1 as _,f8 as ee,R as g,ea as te,f9 as oe,fa as ae,C as E,v as re,$ as le,b9 as pe,x as ie}from"./index-Bp03Znup.js";import{e as ne}from"./index-BU3WdcQ5.js";import{c as D}from"./cloneDeep-C-uticou.js";import"./attr.vue_vue_type_script_setup_true_lang-W62m358B.js";/* empty css                */import"./index.vue_vue_type_script_setup_true_lang-CmVaNUNw.js";import"./el-checkbox-DmHoF8Ng.js";import"./isEqual-BGjWqnUO.js";import"./_Uint8Array-DWb7vvmt.js";import"./el-card-D36q9p5f.js";import"./el-slider-9wl3SPcz.js";import"./el-form-item-D0VPhd4F.js";import"./_baseClone-DNNBGhw1.js";import"./_initCloneObject-DTdCOd4_.js";/* empty css                       *//* empty css                 */import"./attritube-tabs-VsQmWPWs.js";import"./index-CJ97bP73.js";import"./content-DLscAVQh.js";import"./goods_image-Pc1dvvDz.js";import"./widget-root.vue_vue_type_script_setup_true_lang-F-tFT_Un.js";import"./attr-C-hsD6jA.js";import"./index-B0pv5ACV.js";/* empty css                                                              */import"./picker-CIK8r3qe.js";import"./index-BUCoCI2B.js";/* empty css                                                              */import"./index-HD6fPohC.js";import"./picker.vue_vue_type_style_index_0_scoped_97bf4573_lang-C5BU6n57.js";import"./index.vue_vue_type_script_setup_true_lang-CX-dvcep.js";/* empty css               */import"./el-select-BrRMRQg_.js";import"./index-deo72N_U.js";import"./token-DI9FKtlJ.js";import"./_baseFindIndex-D7XfJLKM.js";import"./_baseIteratee-w43xOLx_.js";import"./el-table-column-CUyuLBd2.js";import"./isArrayLikeObject-CjMmT1bi.js";import"./lists-pfwifGil.js";import"./usePaging-Bij6EQ3J.js";/* empty css                          */import"./category-BYMTX_V1.js";import"./index-BNS1aiir.js";import"./arrays-6TrVLtTe.js";import"./picker-B9Jrx9z1.js";import"./index-DJde_l8S.js";/* empty css                */import"./index-SAsEZJ5l.js";/* empty css                  *//* empty css                */import"./index.vue_vue_type_script_setup_true_lang-B9GyBaTc.js";/* empty css                   */import"./index-B2lT7DBG.js";import"./index.vue_vue_type_style_index_0_scoped_2c1dfcb3_lang-Cn-WotKa.js";import"./index-DKtNVlSx.js";import"./index-BpkD3cS5.js";import"./vuedraggable.umd-CWsRCxht.js";/* empty css                                                               */import"./content.vue_vue_type_script_setup_true_lang-BfK55PIF.js";import"./decoration-img-VBrsWzRG.js";import"./decoration-img.vue_vue_type_style_index_0_scoped_641cb10b_lang-BsH75FMq.js";import"./indicator-C4LgzwPB.js";import"./attr-wSIllUQF.js";import"./content.vue_vue_type_script_setup_true_lang-SuaIGBkF.js";import"./attr.vue_vue_type_script_setup_true_lang-aoF7XW9m.js";import"./content.vue_vue_type_script_setup_true_lang-Dqy_X_w-.js";import"./attr.vue_vue_type_script_setup_true_lang-9ZmWBKnE.js";/* empty css                          */import"./content-CoUVnK0G.js";import"./attr.vue_vue_type_script_setup_true_lang-BpjgHxWd.js";import"./add-nav.vue_vue_type_script_setup_true_lang-DXc4hGd9.js";import"./content.vue_vue_type_script_setup_true_lang-B1TQzgTO.js";import"./attr.vue_vue_type_script_setup_true_lang-kspF3HXL.js";import"./content-dB6TvpqC.js";import"./attr.vue_vue_type_script_setup_true_lang-BFTixmBj.js";import"./index.vue_vue_type_script_setup_true_lang-BZbQbHW_.js";import"./content-B8O7lGcQ.js";import"./attr-CoOqUH4Z.js";import"./content-CKHG49Xg.js";import"./attr.vue_vue_type_script_setup_true_lang-IBBCeGyI.js";import"./content.vue_vue_type_script_setup_true_lang-CNUziW9n.js";import"./attr.vue_vue_type_script_setup_true_lang-Dk6HMUM3.js";import"./content.vue_vue_type_script_setup_true_lang-BRKSNj20.js";import"./attr.vue_vue_type_script_setup_true_lang-DJbo-Uoj.js";import"./content-BIRQZF3t.js";import"./content.vue_vue_type_script_setup_true_lang-BXqQ1z8Z.js";import"./el-alert-CrNA4spu.js";import"./attr-DB1wuOIG.js";import"./style-chose-_X6kCvaJ.js";import"./cube-layout-DinwQA0P.js";import"./content-BBTIIy68.js";import"./attr.vue_vue_type_script_setup_true_lang-bJp8_7NS.js";import"./content-Bi3sFd_N.js";import"./attr-CUuBvUSz.js";import"./content.vue_vue_type_script_setup_true_lang-C8iAr8ff.js";import"./attr.vue_vue_type_script_setup_true_lang-BYPK-rkP.js";import"./content.vue_vue_type_script_setup_true_lang-BeZTZNAg.js";import"./attr.vue_vue_type_script_setup_true_lang-Dr9rG9s3.js";import"./content-BCJsUuZV.js";import"./attr.vue_vue_type_script_setup_true_lang-BFj8JTeS.js";import"./content.vue_vue_type_script_setup_true_lang-CoeAHsu1.js";import"./attr.vue_vue_type_script_setup_true_lang-BTxfXp7X.js";import"./content-CoUSiEx7.js";import"./attr.vue_vue_type_script_setup_true_lang-BAmApG_q.js";import"./content.vue_vue_type_script_setup_true_lang-BPvYi3Zh.js";import"./attr.vue_vue_type_script_setup_true_lang-B5MnfA9M.js";import"./content-0IjQ7RNK.js";import"./attr.vue_vue_type_script_setup_true_lang-CxAVn5uj.js";import"./content-CltzE-i8.js";import"./attr.vue_vue_type_script_setup_true_lang-DaNRMuAx.js";import"./content.vue_vue_type_script_setup_true_lang-DVscv0Ru.js";const me={key:0,class:"pages-preview-header"},se={class:"phone-title text-lg font-medium"},ce={key:0},ue=["src"],de=["onClick"],fe={key:0,class:"widget-btns py-[5px]"},ye=R({__name:"preview",props:{pageMeta:{type:Object,default:()=>null},pageData:{type:Array,default:()=>[]},modelValue:{type:Number,default:0},handle:{type:Object,default:()=>({hidden:!0,copy:!0,del:!0,move:!0})}},emits:["update:modelValue","updatePageData"],setup(n,{emit:N}){const{getImageUrl:V}=W(),r=n,m=N,M=Y(-1),v=h(()=>Array.isArray(r.pageMeta)?r.pageMeta[0].content||{}:{show:!1}),w=h(()=>{const{bg_color:e,bg_image:t,bg_type:o}=v.value;switch(o){case"1":return{"background-color":e};case"2":return{"background-image":`url(${V(t)})`};default:return{}}}),z=()=>{r.modelValue===-1?m("update:modelValue",M.value):(M.value=r.modelValue,m("update:modelValue",-1))},j=(e,t)=>{e.disabled||m("update:modelValue",t)},F=h(()=>e=>e===0),O=h(()=>e=>{var t;return((t=r.pageData)==null?void 0:t.length)===e+1}),C=h(()=>e=>(e==null?void 0:e.enabled)==0),T=e=>{console.log("修改组件显示/隐藏 ====",e),e.enabled=e.enabled?0:1},P=(e,t)=>{if(e<0||e>=r.pageData.length||t<0||t>=r.pageData.length)return;const o=D(r.pageData),p=o.splice(e,1)[0];o.splice(t,0,p),m("updatePageData",o),m("update:modelValue",t)},U=(e,t)=>{if(e<0||e>=r.pageData.length||t<0||t>=r.pageData.length)return;const o=D(r.pageData),p=D(o[e]);o.splice(t,0,p),console.log(o),m("updatePageData",o),m("update:modelValue",t)},G=async e=>{if(r.pageData.filter(p=>p.name===r.pageData[e].name).length>1)await E.confirm("确定要删除当前组件吗？");else{E.msgError("不能删除最后一个组件, 如需可以隐藏此组件。");return}const o=D(r.pageData);o.splice(e,1),m("updatePageData",o),m("update:modelValue",e>0?e-1:0)};return(e,t)=>{const o=re,p=le,L=pe;return s(),A(L,{class:"pages-preview-container"},{default:f(()=>{var S,$;return[n.pageMeta!==null?(s(),y("div",{key:0,class:"absolute right-4 top-4",onClick:z},[i(o,null,{default:f(()=>t[0]||(t[0]=[q("页面设置")])),_:1})])):k("",!0),u("div",{class:"shadow mx-[30px] pages-preview",style:H([w.value])},[v.value.show!==!1?(s(),y("div",me,[u("div",se,[v.value.title_type==1?(s(),y("span",ce,J(((S=v.value)==null?void 0:S.title)||"页面"),1)):v.value.title_type==2?(s(),y("img",{key:1,src:d(V)(($=v.value)==null?void 0:$.title_img),class:"h-[20px]"},null,8,ue)):k("",!0)])])):k("",!0),(s(!0),y(K,null,Q(n.pageData,(a,l)=>(s(),y("div",{key:a.id,class:B(["relative",{"cursor-pointer":!(a!=null&&a.disabled)}]),onClick:c=>j(a,l)},[u("div",{class:B(["absolute w-full h-full z-[100] border-dashed",{select:l==n.modelValue,hide:C.value(a.content),"border-[transparent] border-2":!(a!=null&&a.disabled)}])},null,2),X(e.$slots,"default",{},()=>{var c;return[(s(),A(Z((c=d(ne)[a==null?void 0:a.name])==null?void 0:c.content),{content:a.content,styles:a.styles,key:a.id},null,8,["content","styles"]))]},!0),l==n.modelValue?(s(),y("div",fe,[b(u("div",null,[i(p,{effect:"dark",content:C.value(a.content)?"显示":"隐藏",placement:"right"},{default:f(()=>[i(o,{class:"py-[5px]",type:"primary",icon:C.value(a.content)?d(x):d(I),onClick:c=>T(a.content)},null,8,["icon","onClick"])]),_:2},1032,["content"])],512),[[_,n.handle.hidden]]),b(u("div",null,[i(p,{effect:"dark",content:"复制",placement:"right"},{default:f(()=>[i(o,{class:"py-[5px]",type:"primary",icon:d(ee),onClick:g(c=>U(l,l),["stop"])},null,8,["icon","onClick"])]),_:2},1024)],512),[[_,n.handle.copy]]),b(u("div",null,[i(p,{effect:"dark",content:"删除",placement:"right"},{default:f(()=>[i(o,{class:"py-[5px]",type:"primary",icon:d(te),onClick:g(c=>G(l),["stop"])},null,8,["icon","onClick"])]),_:2},1024)],512),[[_,n.handle.del]]),b(u("div",null,[i(p,{effect:"dark",content:"上移",placement:"right"},{default:f(()=>[i(o,{class:"py-[5px]",type:"primary",icon:d(oe),disabled:F.value(l),onClick:g(c=>P(l,l-1),["stop"])},null,8,["icon","disabled","onClick"])]),_:2},1024)],512),[[_,n.handle.move]]),b(u("div",null,[i(p,{effect:"dark",content:"下移",placement:"right"},{default:f(()=>[i(o,{class:"py-[5px]",type:"primary",icon:d(ae),disabled:O.value(l),onClick:g(c=>P(l,l+1),["stop"])},null,8,["icon","disabled","onClick"])]),_:2},1024)],512),[[_,n.handle.move]])])):k("",!0)],10,de))),128))],4)]}),_:3})}}}),ko=ie(ye,[["__scopeId","data-v-2f44093b"]]);export{ko as default};