import{i as B,r as E}from"./element-plus.7c242749.js";import{J as S,v as $,h as F}from"./@element-plus.b60a8dd3.js";import{e as R}from"./index.4f5701e5.js";import{d as N,s as P,b as z,o as r,c as l,a as i,T as _,W as D,a8 as q,R as y,u as e,a0 as h,K as A,O as I,S as T,X as s,P as v}from"./@vue.54440ad7.js";import{d as W}from"./index.229dd8ea.js";import"./lodash-es.2b4cc642.js";import"./dayjs.62787758.js";import"./axios.07bd1294.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.d3d2f916.js";import"./index.9dc00617.js";import"./picker.c43ce51a.js";import"./index.3b529111.js";import"./index.vue_vue_type_script_setup_true_lang.7fd82f07.js";import"./article.c357517b.js";import"./usePaging.86c68137.js";import"./picker.5f834166.js";import"./index.30fe1196.js";import"./index.f00dea8d.js";import"./index.vue_vue_type_script_setup_true_lang.73acf34d.js";import"./@vueuse.30711f4d.js";import"./vue3-video-play.2cf5a54a.js";import"./vuedraggable.f337e20d.js";import"./vue.a5b7aaa9.js";import"./sortablejs.1e388b46.js";import"./nprogress.a60d1674.js";import"./vue-router.680b42ce.js";import"./pinia.37585b34.js";import"./lodash.2fdde5ef.js";import"./css-color-function.62c3b5fd.js";import"./color.9f8dc46a.js";import"./clone.cb80ecd4.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"./vue-clipboard3.185e208b.js";import"./clipboard.1c7a5dc5.js";import"./echarts.0909e9bd.js";import"./tslib.60310f1a.js";import"./zrender.91adfe72.js";import"./highlight.js.0fd4a67c.js";import"./@highlightjs.3654fb0a.js";import"./content.vue_vue_type_script_setup_true_lang.b5cf8fd7.js";import"./decoration-img.4b62a596.js";import"./attr.vue_vue_type_script_setup_true_lang.8ebdcfe8.js";import"./content.ab216e1e.js";import"./attr.vue_vue_type_script_setup_true_lang.e68a700a.js";import"./content.vue_vue_type_script_setup_true_lang.8e8334c7.js";import"./attr.vue_vue_type_script_setup_true_lang.ded60e43.js";import"./add-nav.vue_vue_type_script_setup_true_lang.9808e832.js";import"./content.f03f64a5.js";import"./attr.vue_vue_type_script_setup_true_lang.ee337e3b.js";import"./content.vue_vue_type_script_setup_true_lang.bd480dac.js";import"./attr.vue_vue_type_script_setup_true_lang.61146f73.js";import"./content.bd085575.js";import"./decoration.20e1ac21.js";import"./attr.vue_vue_type_script_setup_true_lang.42d999cb.js";import"./index.vue_vue_type_script_setup_true_lang.a79d006a.js";import"./content.ab44d2bf.js";import"./content.vue_vue_type_script_setup_true_lang.c188c7b4.js";import"./attr.vue_vue_type_script_setup_true_lang.9b128694.js";import"./content.88aa1f81.js";import"./attr.vue_vue_type_script_setup_true_lang.e1389bc4.js";import"./content.vue_vue_type_script_setup_true_lang.982b03f9.js";import"./attr.vue_vue_type_script_setup_true_lang.b0cd3e44.js";import"./content.ff3c2cb5.js";const j={class:"pages-preview"},J={class:"relative flex justify-center h-full mt-5 mx-10"},K=["src"],L={class:"max-w-[1200px] w-full absolute"},O=["onClick"],X=N({__name:"preview-pc",props:{pageData:{type:Array,default:()=>[]},modelValue:{type:Number,default:0}},emits:["update:modelValue"],setup(a,{emit:b}){const u=P(),C=b,c=z(()=>o=>(o==null?void 0:o.enabled)==0),k=o=>{var m;(m=u.value[o])==null||m.open()},x=o=>{o.enabled!==void 0&&(o.enabled=o.enabled?0:1)},V=(o,m)=>{o.disabled||C("update:modelValue",m)};return(o,m)=>{const f=B,d=E;return r(),l("div",j,[i("div",J,[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,K)):_("",!0),i("div",L,[(r(!0),l(D,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=>V(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(T((p=e(R)[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($):e(F),onClick:p=>x(t.content)},null,8,["icon","onClick"])]),_:2},1032,["content"])])],4)):_("",!0)],10,O))),128))])])])}}});const so=W(X,[["__scopeId","data-v-9c63b2ff"]]);export{so as default};