import{i as $,r as B}from"./element-plus-BluzIk5z.js";import{J as S,v as N,h as R}from"./@element-plus-RuzzlbSF.js";import{e as z}from"./index-Bc_PNEpy.js";import{d as D,s as E,b as P,c as p,o as r,a as i,P as y,T as q,ab as I,O as _,H as L,_ as h,u as e,K as T,Q as j,U as s,L as v}from"./@vue-DjVelRet.js";import{d as A}from"./index-CFvGjZJA.js";import"./lodash-es-VsDguZh5.js";import"./dayjs-Mv9jwnDt.js";import"./@popperjs-D_chPuIy.js";import"./async-validator-9PlIezaS.js";import"./@ctrl-r5W6hzzQ.js";import"./normalize-wheel-es-BQoi3Ox2.js";import"./attr-cZNT0tUa.js";import"./index-BTmfRTpN.js";import"./picker-D3waTbLd.js";import"./index-DNyOr68f.js";import"./index.vue_vue_type_script_setup_true_lang-BYYopaMT.js";import"./article-DUpjglUt.js";import"./usePaging-Dtz4iZyr.js";import"./picker-CZXTeC5w.js";import"./index-Chn2KoSQ.js";import"./index-DJokFQnh.js";import"./index.vue_vue_type_script_setup_true_lang-DZT8OG85.js";import"./@vueuse-DbKvT5Ch.js";import"./vuedraggable-CUBnU4N-.js";import"./vue-BlNCuTuS.js";import"./sortablejs-SiPGO7My.js";import"./nprogress-DYbUr3Ql.js";import"./vue-router-DifUqGFW.js";import"./pinia-D1_qSsvX.js";import"./axios-DIsA03vz.js";import"./lodash-wrSAtCJj.js";import"./css-color-function-DsMtFL6v.js";import"./balanced-match-BdS7OldZ.js";import"./color-DYO1E7y4.js";import"./clone-Ddk2tjDh.js";import"./color-convert-DsNsD289.js";import"./color-name-Dju3oUBS.js";import"./color-string-pUQDDJII.js";import"./ms-CzQ2E3wO.js";import"./vue-clipboard3-DXsJvHIW.js";import"./clipboard-DPX9bJ1T.js";import"./echarts-CXZcVnUo.js";import"./tslib-BDyQ-Jie.js";import"./zrender-DO4NV0px.js";import"./highlight.js--xG_hASo.js";import"./@highlightjs-DcY7_PRf.js";import"./content.vue_vue_type_script_setup_true_lang-C8wmQSjh.js";import"./decoration-img-DM6kFAvY.js";import"./attr.vue_vue_type_script_setup_true_lang-C5NnDhpw.js";import"./content-DRxVgkex.js";import"./attr.vue_vue_type_script_setup_true_lang-DY67rOy7.js";import"./content.vue_vue_type_script_setup_true_lang-C-IPStjh.js";import"./attr.vue_vue_type_script_setup_true_lang-DnBJtJRr.js";import"./add-nav.vue_vue_type_script_setup_true_lang-Buvqdy-V.js";import"./content-BA6WV8YD.js";import"./attr.vue_vue_type_script_setup_true_lang-TBmFUNXO.js";import"./content.vue_vue_type_script_setup_true_lang-C_78qfOy.js";import"./attr.vue_vue_type_script_setup_true_lang-DBygAIdU.js";import"./content-jse-YGQx.js";import"./decoration-Db7gUctO.js";import"./attr.vue_vue_type_script_setup_true_lang-DLKhROSq.js";import"./index.vue_vue_type_script_setup_true_lang-Bf0Dasz8.js";import"./content-xNiOyCOy.js";import"./content.vue_vue_type_script_setup_true_lang-B0PSjrMz.js";import"./attr.vue_vue_type_script_setup_true_lang-BVvYT2f8.js";import"./content-DNLooG88.js";import"./attr.vue_vue_type_script_setup_true_lang-CVOujgmX.js";import"./content.vue_vue_type_script_setup_true_lang-CxIM1Ssf.js";import"./attr.vue_vue_type_script_setup_true_lang-_nxTWFXL.js";import"./content-DNYtQdlY.js";const F={class:"pages-preview"},H={class:"relative flex justify-center h-full mt-5 mx-10"},J=["src"],K={class:"max-w-[1200px] w-full absolute"},O=["onClick"],Q=D({__name:"preview-pc",props:{pageData:{type:Array,default:()=>[]},modelValue:{type:Number,default:0}},emits:["update:modelValue"],setup(a,{emit:b}){const u=E(),k=b,c=P(()=>o=>(o==null?void 0:o.enabled)==0),C=o=>{var m;(m=u.value[o])==null||m.open()},V=o=>{o.enabled!==void 0&&(o.enabled=o.enabled?0:1)},x=(o,m)=>{o.disabled||k("update:modelValue",m)};return(o,m)=>{const f=$,d=B;return r(),p("div",F,[i("div",H,[o.$route.query.url?(r(),p("iframe",{key:0,ref:"previewIframeRef",class:"flex-1 h-full",width:"100%",height:"100%",scrolling:"no",src:o.$route.query.url},null,8,J)):y("",!0),i("div",K,[(r(!0),p(q,null,I(a.pageData,(t,n)=>(r(),p("div",{key:t.id,class:_(["absolute left-0 top-0",{"cursor-pointer":!(t!=null&&t.disabled)}]),onClick:l=>x(t,n)},[i("div",{class:_(["absolute w-full h-full z-[100] border-dashed",{select:n==a.modelValue,"border-[#dcdfe6] border-2":!(t!=null&&t.disabled),hide:e(c)(t.content)}]),style:h(t.styles)},null,6),L(o.$slots,"default",{},()=>{var l;return[(r(),T(j((l=e(z)[t==null?void 0:t.name])==null?void 0:l.content),{content:t.content,styles:t.styles,key:t.id,ref_for:!0,ref_key:"commonComponentRef",ref:u},null,8,["content","styles"]))]},!0),n==a.modelValue?(r(),p("div",{key:0,class:"widget-btns py-[5px]",style:h({top:t.styles.top,left:t.styles.width})},[i("div",null,[s(d,{effect:"dark",content:"编辑组件内容",placement:"right"},{default:v(()=>[s(f,{class:"py-[5px]",type:"primary",icon:e(S),onClick:l=>C(n)},null,8,["icon","onClick"])]),_:2},1024)]),i("div",null,[s(d,{effect:"dark",content:e(c)(t.content)?"显示":"隐藏",placement:"right"},{default:v(()=>[s(f,{class:"py-[5px]",type:"primary",icon:e(c)(t.content)?e(N):e(R),onClick:l=>V(t.content)},null,8,["icon","onClick"])]),_:2},1032,["content"])])],4)):y("",!0)],10,O))),128))])])])}}}),io=A(Q,[["__scopeId","data-v-ccf0ad8b"]]);export{io as default};