preview-pc-BGh23MUj.js 4.6 KB

1
  1. import{d as S,s as $,c as B,a as s,o as r,b as m,M as y,F as R,r as N,Y as _,U as q,ar as h,e as o,H as z,aq as D,m as i,w as v,v as E,eQ as F,bo as I,eR as P,eS as j,x as A}from"./index-CLEwgRtx.js";import{e as H}from"./index-B3cklO8o.js";import"./attr-BfVGmDUx.js";import"./el-form-item-D4XhETha.js";import"./_baseClone-BIneKdCm.js";import"./_Uint8Array-CBz-WFvM.js";import"./_initCloneObject-BRivHnIp.js";import"./index-DKaCjtaM.js";import"./picker-utIhNjZM.js";import"./index-A6lifSVA.js";import"./index-X1XxDTj0.js";import"./index.vue_vue_type_script_setup_true_lang-Dfz44nWL.js";import"./el-tag-CB84Ivti.js";import"./isEqual-D1Fd96h9.js";import"./el-select-ByUZpQIV.js";import"./index-CuBy7JHW.js";import"./token-DI9FKtlJ.js";import"./el-table-column-CzWz-9Ls.js";import"./el-checkbox-BjoDT03U.js";import"./article-CcacbAwO.js";import"./usePaging-C3849W2i.js";/* empty css *//* empty css *//* empty css */import"./index-KhXj5xCK.js";import"./picker-BsTL6SAE.js";import"./index-CHETAl1n.js";import"./index-CdYZikG5.js";import"./el-text-DSh33K4N.js";import"./index.vue_vue_type_script_setup_true_lang-DnkyOy2Y.js";import"./el-popover-CWuZjQBS.js";import"./el-card-BKAwDEAt.js";import"./content.vue_vue_type_script_setup_true_lang-bFCPcrF4.js";import"./decoration-img-CDATbz40.js";import"./decoration-img.vue_vue_type_style_index_0_scoped_2e762fcb_lang-CDYzi2N0.js";import"./attr.vue_vue_type_script_setup_true_lang-D4QqWzik.js";import"./content-DE9Uj4HA.js";import"./attr.vue_vue_type_script_setup_true_lang-phBG27E3.js";import"./content.vue_vue_type_script_setup_true_lang-DWyZjcqe.js";import"./attr.vue_vue_type_script_setup_true_lang-bbN9bnW6.js";import"./add-nav.vue_vue_type_script_setup_true_lang-BWtOl2yv.js";import"./content-_BBAXo86.js";import"./attr.vue_vue_type_script_setup_true_lang-CnHLTEFR.js";import"./content.vue_vue_type_script_setup_true_lang-BayouVYJ.js";import"./attr.vue_vue_type_script_setup_true_lang-DWQr09t2.js";import"./content-Ds3-i1ZS.js";import"./decoration-D9PRHFNg.js";import"./attr.vue_vue_type_script_setup_true_lang--H2cXSTy.js";import"./index.vue_vue_type_script_setup_true_lang-f-cUO-Lh.js";import"./content-C9g36VtC.js";import"./content.vue_vue_type_script_setup_true_lang-BTIdeYjF.js";import"./el-alert-Z0tvnrH5.js";import"./attr.vue_vue_type_script_setup_true_lang-D-nA1UK8.js";import"./content-C3KQP-Dl.js";import"./attr.vue_vue_type_script_setup_true_lang-DA_RJjBH.js";import"./content.vue_vue_type_script_setup_true_lang-BIITyjBx.js";import"./attr.vue_vue_type_script_setup_true_lang-C-ndTvME.js";import"./content-ChgusQGi.js";const L={class:"pages-preview"},M={class:"relative flex justify-center h-full mt-5 mx-10"},Q=["src"],T={class:"max-w-[1200px] w-full absolute"},U=["onClick"],W=S({__name:"preview-pc",props:{pageData:{type:Array,default:()=>[]},modelValue:{type:Number,default:0}},emits:["update:modelValue"],setup(a,{emit:b}){const u=$(),k=b,c=B(()=>t=>(t==null?void 0:t.enabled)==0),C=t=>{var l;(l=u.value[t])==null||l.open()},x=t=>{t.enabled!==void 0&&(t.enabled=t.enabled?0:1)},V=(t,l)=>{t.disabled||k("update:modelValue",l)};return(t,l)=>{const f=E,d=I;return r(),s("div",L,[m("div",M,[t.$route.query.url?(r(),s("iframe",{key:0,ref:"previewIframeRef",class:"flex-1 h-full",width:"100%",height:"100%",scrolling:"no",src:t.$route.query.url},null,8,Q)):y("",!0),m("div",T,[(r(!0),s(R,null,N(a.pageData,(e,p)=>(r(),s("div",{key:e.id,class:_(["absolute left-0 top-0",{"cursor-pointer":!(e!=null&&e.disabled)}]),onClick:n=>V(e,p)},[m("div",{class:_(["absolute w-full h-full z-[100] border-dashed",{select:p==a.modelValue,"border-[#dcdfe6] border-2":!(e!=null&&e.disabled),hide:o(c)(e.content)}]),style:h(e.styles)},null,6),q(t.$slots,"default",{},()=>{var n;return[(r(),z(D((n=o(H)[e==null?void 0:e.name])==null?void 0:n.content),{content:e.content,styles:e.styles,key:e.id,ref_for:!0,ref_key:"commonComponentRef",ref:u},null,8,["content","styles"]))]},!0),p==a.modelValue?(r(),s("div",{key:0,class:"widget-btns py-[5px]",style:h({top:e.styles.top,left:e.styles.width})},[m("div",null,[i(d,{effect:"dark",content:"编辑组件内容",placement:"right"},{default:v(()=>[i(f,{class:"py-[5px]",type:"primary",icon:o(F),onClick:n=>C(p)},null,8,["icon","onClick"])]),_:2},1024)]),m("div",null,[i(d,{effect:"dark",content:o(c)(e.content)?"显示":"隐藏",placement:"right"},{default:v(()=>[i(f,{class:"py-[5px]",type:"primary",icon:o(c)(e.content)?o(P):o(j),onClick:n=>x(e.content)},null,8,["icon","onClick"])]),_:2},1032,["content"])])],4)):y("",!0)],10,U))),128))])])])}}}),Oe=A(W,[["__scopeId","data-v-9c63b2ff"]]);export{Oe as default};