import{f as d,_ as u}from"./index.d8dd5fc3.js";import{J as v,b as l,d as f,p as a,q as c,t as r,F as g,a8 as V,L as h}from"./@vueup/vue-quill.21cd2cdd.js";const m=v({props:{videoListArr:{type:Array,default:()=>[]}},setup(e,_){const i=l(0),t=l("");return f(()=>e.videoListArr,o=>{t.value=d.getReplaceUrl(o[0].video_url,o[0].video_type)},{deep:!0,immediate:!0}),{isactiveVideo:i,currentVideoUrl:t,getCurrentVideoFn:(o,s)=>{t.value=d.getReplaceUrl(o.video_url,o.video_type),i.value=s},config:d}}}),y={class:"pageContent"},C={class:"showVideo"},L=["src"],k={class:"videoList"},F=["onClick"],U=["src"];function $(e,_,i,t,p,o){return a(),c("div",y,[r("div",C,[r("video",{controls:"",src:e.currentVideoUrl},null,8,L)]),r("div",k,[(a(!0),c(g,null,V(e.videoListArr,(s,n)=>(a(),c("div",{key:n,onClick:A=>e.getCurrentVideoFn(s,n)},[r("video",{src:e.config.getReplaceUrl(s.video_url,s.video_type),class:h(e.isactiveVideo==n?"addclass":"")},null,10,U)],8,F))),128))])])}const w=u(m,[["render",$],["__scopeId","data-v-af84f298"]]);export{w as V};