import{_ as h,r as v,c as f,a9 as F,o as d,b as m,e as n,d as r,w as q,R as g,g as x,aa as B,ab as y,ac as L,t as T,Q as N,ad as P,a7 as S}from"./index-Daa5jh-U.js";/* empty css */import"./el-tooltip-l0sNRNKZ.js";/* empty css */const R={class:"audio-container"},z={class:"audio_wrap_content"},D=["src"],H={class:"cudio_control_content"},O={class:"slider"},U={__name:"index",props:{audioSrc:{type:String,required:!0,default:""}},setup(s){const l=v(0),u=v(null),e=v({maxTime:0,currentTime:0,playing:!1,dragState:!1}),p=t=>{let a=parseInt(t/60),o=parseInt(t%60),i="";return t==0?"0'00''":(a==0?o>=10?i="0'"+o+"''":i="0'0"+o+"''":o>=10?i=a+"'"+o+"''":i=a+"'0"+o+"''",i)},$=f(()=>p(e.value.currentTime)),w=f(()=>p(e.value.maxTime)),E=()=>{u.value.play()},_=()=>{u.value.pause()},I=()=>{e.value.playing=!0},b=()=>{e.value.playing=!1},k=()=>{l.value=0,e.value.playing=!1,e.value.currentTime=0},Q=t=>{e.value.dragState||(e.value.currentTime=t.target.currentTime,l.value=t.target.currentTime)},C=t=>{e.value.maxTime=parseInt(t.target.duration)},M=()=>{e.value.playing?_():E()},V=t=>{u.value.currentTime=t};return F(()=>{_()}),(t,a)=>{const o=N,i=P;return d(),m("div",R,[n("div",z,[n("audio",{ref_key:"audioRef",ref:u,onPlay:I,onPause:b,onTimeupdate:Q,onLoadedmetadata:C,onEnded:k},[n("source",{src:s.audioSrc},null,8,D)],544),n("div",H,[r(o,{size:32,color:"#3680fa",onClick:M,class:"cursor-pointer"},{default:q(()=>[g(r(x(B),null,null,512),[[y,!e.value.playing]]),g(r(x(L),null,null,512),[[y,e.value.playing]])]),_:1}),n("div",O,[n("span",null,T($.value),1),n("div",{onMousedown:a[1]||(a[1]=c=>e.value.dragState=!0),onMouseup:a[2]||(a[2]=c=>e.value.dragState=!1),onMouseleave:a[3]||(a[3]=c=>e.value.dragState=!1)},[r(i,{modelValue:l.value,"onUpdate:modelValue":a[0]||(a[0]=c=>l.value=c),size:"small",max:e.value.maxTime,"show-tooltip":!1,onChange:V},null,8,["modelValue","max"])],32),n("span",null,T(w.value),1)])])])])}}},j=h(U,[["__scopeId","data-v-e88e46e1"]]),A={class:"info-container w-full"},G=["innerHTML"],J={key:0,class:"audio-container"},K={key:1,class:"img-container flex"},W={class:"img-item"},X=["src"],Y={__name:"index",props:{questionIndex:{type:Number,required:!0},activeQuestion:{type:Object,required:!0}},setup(s){return(l,u)=>(d(),m("div",A,[n("div",{class:"exam-title break-all mb-4 text-base text-gray-700",innerHTML:s.activeQuestion.title},null,8,G),s.activeQuestion.audioFile?(d(),m("div",J,[r(j,{audioSrc:"/api/files/"+s.activeQuestion.audioFile},null,8,["audioSrc"])])):S("",!0),s.activeQuestion.img?(d(),m("div",K,[n("div",W,[n("img",{src:s.activeQuestion.img,class:"info-img",alt:""},null,8,X)])])):S("",!0)]))}},ne=h(Y,[["__scopeId","data-v-a06ad105"]]);export{ne as E};
|
