import{w as B,a as E}from"./element-plus.ab0703f2.js";import{e as F}from"./index.06f6c25d.js";import{R as S,v as $,h as R}from"./@element-plus.558a564d.js";import{d as N,s as P,b as z,o as r,c as l,a as i,T as _,F as D,a9 as q,K as y,u as e,L as h,J as A,P as I,S as L,W as s,Q as v}from"./@vue.340249d8.js";import{d as T}from"./index.26dce67b.js";import"./lodash-es.edba6135.js";import"./@vueuse.e3650918.js";import"./@popperjs.36402333.js";import"./@ctrl.b082b0c1.js";import"./dayjs.9886411c.js";import"./axios.45058a27.js";import"./async-validator.fb49d0f5.js";import"./memoize-one.4ee5c96d.js";import"./normalize-wheel-es.8aeb3683.js";import"./@floating-ui.0f9ce7c3.js";import"./attr.2c4f7c4b.js";import"./index.5b716f69.js";import"./picker.ea15ca85.js";import"./index.vue_vue_type_script_setup_true_lang.5fc87b57.js";import"./usePaging.fff444fa.js";import"./article.1597ad9b.js";import"./index.b76ec1c2.js";import"./picker.09d1a7ad.js";import"./index.27485157.js";import"./index.b0dbb4c3.js";import"./index.vue_vue_type_script_setup_true_lang.9909e290.js";import"./vue3-video-play.fb56db8a.js";import"./vuedraggable.5c3595e9.js";import"./vue.75cf012d.js";import"./sortablejs.dcbae258.js";import"./lodash.3d784a58.js";import"./vue-router.9ddb0e92.js";import"./pinia.97fe9b12.js";import"./css-color-function.5c1c877d.js";import"./color.97e03886.js";import"./clone.cfa55f7b.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.8c276ac9.js";import"./vue-clipboard3.44194d32.js";import"./clipboard.47836ecb.js";import"./echarts.8535e5a6.js";import"./zrender.3eba8991.js";import"./tslib.60310f1a.js";import"./highlight.js.31cd7941.js";import"./@highlightjs.309a94da.js";import"./content.vue_vue_type_script_setup_true_lang.e956f750.js";import"./decoration-img.8af40d5c.js";import"./attr.vue_vue_type_script_setup_true_lang.d79a0d5e.js";import"./content.ad7b72b4.js";import"./attr.vue_vue_type_script_setup_true_lang.59e009a0.js";import"./content.vue_vue_type_script_setup_true_lang.837ff47f.js";import"./attr.vue_vue_type_script_setup_true_lang.e6cc4cd8.js";import"./add-nav.vue_vue_type_script_setup_true_lang.97c93434.js";import"./content.aa932d19.js";import"./attr.vue_vue_type_script_setup_true_lang.4387a85f.js";import"./content.vue_vue_type_script_setup_true_lang.6211c7a6.js";import"./attr.vue_vue_type_script_setup_true_lang.cd68c626.js";import"./content.89f6131d.js";import"./decoration.3a684a1f.js";import"./attr.vue_vue_type_script_setup_true_lang.286cbf71.js";import"./index.vue_vue_type_script_setup_true_lang.9482c280.js";import"./content.ce53c7f0.js";import"./attr.afdc3f02.js";import"./content.vue_vue_type_script_setup_true_lang.4f7a537f.js";import"./attr.vue_vue_type_script_setup_true_lang.14dc4336.js";import"./content.3a422a0d.js";import"./attr.vue_vue_type_script_setup_true_lang.9983d82d.js";import"./content.vue_vue_type_script_setup_true_lang.bdd0eb6d.js";import"./attr.vue_vue_type_script_setup_true_lang.784c60ef.js";import"./content.766719f5.js";const W={class:"pages-preview"},j={class:"relative flex justify-center h-full mt-5 mx-10"},J=["src"],K={class:"max-w-[1200px] w-full absolute"},Q=["onClick"],G=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",W,[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,J)):_("",!0),i("div",K,[(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(L((p=e(F)[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(R),onClick:p=>x(t.content)},null,8,["icon","onClick"])]),_:2},1032,["content"])])],4)):_("",!0)],10,Q))),128))])])])}}});const co=T(G,[["__scopeId","data-v-d36b922e"]]);export{co as default};