import{E as u}from"./element-plus.522d65ae.js";import{w as d}from"./index.76693a8f.js";import{d as _,o as r,c as p,U as f,L as b,T as v,a7 as y,O as s,a as h,H as k,K as C,P as V,u as x}from"./@vue.51d7f2d8.js";import{d as B}from"./index.ff4d581a.js";import"./@vueuse.ec90c285.js";import"./@element-plus.a074d1f6.js";import"./lodash-es.29c53eac.js";import"./dayjs.220e885a.js";import"./axios.1ef026da.js";import"./async-validator.fb49d0f5.js";import"./@ctrl.82a509e0.js";import"./escape-html.e5dfadb9.js";import"./normalize-wheel-es.8aeb3683.js";import"./attr.vue_vue_type_script_setup_true_lang.4bc5176d.js";import"./index.9598e6fb.js";import"./picker.89041a4f.js";import"./index.0b7caf44.js";import"./index.vue_vue_type_style_index_0_scoped_95d1884e_lang.0fc4c9f8.js";import"./picker.6de5399b.js";import"./index.4db85cd3.js";import"./index.vue_vue_type_script_setup_true_lang.3d8a8e28.js";import"./index.89e9c2e2.js";import"./index.vue_vue_type_script_setup_true_lang.57533684.js";import"./usePaging.4ce91869.js";import"./vue3-video-play.b911321b.js";import"./vuedraggable.bca7c1af.js";import"./vue.52e3e4dd.js";import"./sortablejs.34f6e9e0.js";import"./content.vue_vue_type_script_setup_true_lang.cdff5d9f.js";import"./decoration-img.619b2ddc.js";import"./lodash.bfaa1ba1.js";import"./vue-router.9f65afb1.js";import"./pinia.56356cb7.js";import"./vue-demi.b3a9cad9.js";import"./css-color-function.6a1c18cc.js";import"./color.3dc06ff1.js";import"./clone.eade3c99.js";import"./color-convert.755d189f.js";import"./color-name.e7a4e1d3.js";import"./color-string.e356f5de.js";import"./balanced-match.d2a36341.js";import"./debug.f423cd8a.js";import"./ms.a9ae1d6d.js";import"./nprogress.8a630b00.js";import"./vue-clipboard3.0e901227.js";import"./clipboard.7856256a.js";import"./echarts.ac57a99a.js";import"./zrender.d54ce080.js";import"./tslib.60310f1a.js";import"./highlight.js.dba6fa1b.js";import"./@highlightjs.40d5feba.js";import"./attr.vue_vue_type_script_setup_true_lang.ff53fec8.js";import"./content.ed183d35.js";import"./attr.vue_vue_type_script_setup_true_lang.076ec6a8.js";import"./add-nav.vue_vue_type_script_setup_true_lang.0bcf82c0.js";import"./content.c36d9376.js";import"./attr.vue_vue_type_script_setup_true_lang.7cd18179.js";import"./content.vue_vue_type_script_setup_true_lang.8ee203e9.js";import"./attr.vue_vue_type_script_setup_true_lang.d01577b5.js";import"./content.529139f8.js";import"./decoration.2e987e56.js";import"./attr.vue_vue_type_script_setup_true_lang.0fc534ba.js";import"./content.b4e761ac.js";import"./attr.vue_vue_type_script_setup_true_lang.8e223ba2.js";import"./content.vue_vue_type_script_setup_true_lang.48c644b0.js";import"./attr.vue_vue_type_script_setup_true_lang.00e826d0.js";import"./content.56824274.js";const D={class:"shadow mx-[30px] pages-preview"},E=["onClick"],N=_({__name:"preview",props:{pageData:{type:Array,default:()=>[]},modelValue:{type:Number,default:0}},emits:["update:modelValue"],setup(m,{emit:l}){const n=(t,i)=>{t.disabled||l("update:modelValue",i)};return(t,i)=>{const c=u;return r(),p("div",D,[f(c,null,{default:b(()=>[(r(!0),p(v,null,y(m.pageData,(o,a)=>(r(),p("div",{key:o.id,class:s(["relative",{"cursor-pointer":!(o!=null&&o.disabled)}]),onClick:e=>n(o,a)},[h("div",{class:s(["absolute w-full h-full z-[100] border-dashed",{select:a==m.modelValue,"border-[#dcdfe6] border-2":!(o!=null&&o.disabled)}])},null,2),k(t.$slots,"default",{},()=>{var e;return[(r(),C(V((e=x(d)[o==null?void 0:o.name])==null?void 0:e.content),{content:o.content,styles:o.styles,key:o.id},null,8,["content","styles"]))]},!0)],10,E))),128))]),_:3})])}}});const qo=B(N,[["__scopeId","data-v-4eb981b5"]]);export{qo as default};