import{w as B,a as $}from"./element-plus.9175fe58.js";import{e as E}from"./index.2cc15981.js";import{J as S,v as F,h as R}from"./@element-plus.12c58ce2.js";import{d as N,s as z,b as D,o as r,c as l,a as i,S as _,V as P,a7 as q,Q as y,u as e,$ as h,J as A,M as I,R as J,W as s,O as v}from"./@vue.c3e77981.js";import{d as W}from"./index.026c5631.js";import"./@vueuse.a48d0173.js";import"./lodash-es.2b5acb28.js";import"./dayjs.1f51da93.js";import"./axios.13991fdc.js";import"./async-validator.fb49d0f5.js";import"./@ctrl.b082b0c1.js";import"./@popperjs.36402333.js";import"./escape-html.e5dfadb9.js";import"./normalize-wheel-es.8aeb3683.js";import"./attr.cb88a155.js";import"./index.225dc555.js";import"./picker.c21f8f4f.js";import"./index.vue_vue_type_script_setup_true_lang.0fb3ad1e.js";import"./usePaging.d25ebf19.js";import"./article.d24c7223.js";import"./index.2c1fd077.js";import"./picker.90497432.js";import"./index.b8bc489b.js";import"./index.3cfd8e7d.js";import"./index.vue_vue_type_script_setup_true_lang.5e44b2ed.js";import"./vue3-video-play.4813c60b.js";import"./vuedraggable.39068026.js";import"./vue.ecf7f5ee.js";import"./sortablejs.a3e32c99.js";import"./lodash.6c5d06b3.js";import"./vue-router.43c06794.js";import"./pinia.b5130627.js";import"./css-color-function.23ed6179.js";import"./color.9c368256.js";import"./clone.e9277309.js";import"./color-convert.755d189f.js";import"./color-name.e7a4e1d3.js";import"./color-string.e356f5de.js";import"./balanced-match.d2a36341.js";import"./ms.564e106c.js";import"./nprogress.212df0f4.js";import"./vue-clipboard3.f310ddad.js";import"./clipboard.141ef824.js";import"./echarts.8535e5a6.js";import"./zrender.3eba8991.js";import"./tslib.60310f1a.js";import"./highlight.js.31cd7941.js";import"./@highlightjs.b8b719e9.js";import"./content.vue_vue_type_script_setup_true_lang.fbcf512a.js";import"./decoration-img.5a40d757.js";import"./attr.vue_vue_type_script_setup_true_lang.9a6eb3a5.js";import"./content.86d15651.js";import"./attr.vue_vue_type_script_setup_true_lang.ba141b9e.js";import"./content.vue_vue_type_script_setup_true_lang.f9b25faf.js";import"./attr.vue_vue_type_script_setup_true_lang.817d33e4.js";import"./add-nav.vue_vue_type_script_setup_true_lang.83f20631.js";import"./content.17f16eea.js";import"./attr.vue_vue_type_script_setup_true_lang.8af8cd57.js";import"./content.vue_vue_type_script_setup_true_lang.53cee17c.js";import"./attr.vue_vue_type_script_setup_true_lang.4f1b3bc4.js";import"./content.ba461972.js";import"./decoration.27da8197.js";import"./attr.vue_vue_type_script_setup_true_lang.1099ce53.js";import"./index.vue_vue_type_script_setup_true_lang.a4bd6b7c.js";import"./content.cbe87029.js";import"./attr.97497752.js";import"./content.vue_vue_type_script_setup_true_lang.4c9b388f.js";import"./attr.vue_vue_type_script_setup_true_lang.c1356dc8.js";import"./content.3b189c4f.js";import"./attr.vue_vue_type_script_setup_true_lang.7973ba7a.js";import"./content.vue_vue_type_script_setup_true_lang.d3a0a011.js";import"./attr.vue_vue_type_script_setup_true_lang.3ed965a5.js";import"./content.215fecd2.js";const j={class:"pages-preview"},L={class:"relative flex justify-center h-full mt-5 mx-10"},M=["src"],O={class:"max-w-[1200px] w-full absolute"},Q=["onClick"],T=N({__name:"preview-pc",props:{pageData:{type:Array,default:()=>[]},modelValue:{type:Number,default:0}},emits:["update:modelValue"],setup(a,{emit:b}){const u=z(),C=b,c=D(()=>o=>(o==null?void 0:o.enabled)==0),k=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||C("update:modelValue",m)};return(o,m)=>{const f=B,d=$;return r(),l("div",j,[i("div",L,[o.$route.query.url?(r(),l("iframe",{key:0,ref:"previewIframeRef",class:"flex-1 h-full",width:"100%",height:"100%",scrolling:"no",src:o.$route.query.url},null,8,M)):_("",!0),i("div",O,[(r(!0),l(P,null,q(a.pageData,(t,n)=>(r(),l("div",{key:t.id,class:y(["absolute left-0 top-0",{"cursor-pointer":!(t!=null&&t.disabled)}]),onClick:p=>x(t,n)},[i("div",{class:y(["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),A(o.$slots,"default",{},()=>{var p;return[(r(),I(J((p=e(E)[t==null?void 0:t.name])==null?void 0:p.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(),l("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:"\u7F16\u8F91\u7EC4\u4EF6\u5185\u5BB9",placement:"right"},{default:v(()=>[s(f,{class:"py-[5px]",type:"primary",icon:e(S),onClick:p=>k(n)},null,8,["icon","onClick"])]),_:2},1024)]),i("div",null,[s(d,{effect:"dark",content:e(c)(t.content)?"\u663E\u793A":"\u9690\u85CF",placement:"right"},{default:v(()=>[s(f,{class:"py-[5px]",type:"primary",icon:e(c)(t.content)?e(F):e(R),onClick:p=>V(t.content)},null,8,["icon","onClick"])]),_:2},1032,["content"])])],4)):_("",!0)],10,Q))),128))])])])}}});const ao=W(T,[["__scopeId","data-v-d36b922e"]]);export{ao as default};