quick-admin-vue3-core/dist/BaseAudio-CMrIly9R.cjs

以快（计算机执行效率、开发效率）为核心的后台管理系统开发模板

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),m=require("./index-D8siRAAk.cjs"),E=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),S=["data-default"],w={class:"f-0 ml-h"},P=["muted","controls"],q=["src"],z=["src"],M=e.defineComponent({__name:"BaseAudio",props:{src:{},showProgress:{type:Boolean,default:!0},default:{type:Boolean,default:!0},controls:{type:Boolean}},setup(R,{expose:h}){const _=e.useSlots(),t=e.ref(null),u=e.ref(!1),d=e.ref(0),s=e.ref(!1),c=e.ref("00:00/00:00"),a=e.ref(!0);function C(o){const{currentTime:n,duration:l}=t.value;c.value=`${r(n)}/${r(l)}`,a.value=!l}function V(o){const{currentTime:n,duration:l}=t.value;c.value=`${r(n)}/${r(l)}`,d.value=n/l*100}function b(){u.value=!1,c.value=`00:00/${r(t.value.duration)}`}function T(o){const{duration:n}=t.value;t.value.currentTime=n*(o/100),i()}function $(o){const{duration:n}=t.value,l=n*(o/100);c.value=`${r(l)}/${r(n)}`,f()}function k(){u.value?f():i()}function v(){a.value||(s.value=!s.value)}function r(o){o=Math.round(o);const n=Math.floor(o/60),l=o%60;return[n,l].map(p=>(p<10?"0":"")+p).join(":")}function i(){a.value||(u.value=!0,t.value.play())}function f(){a.value||(u.value=!1,t.value.pause())}return h({playing:u,progress:d,timeStr:c,muted:s,play:i,pause:f,audioCtx:t,toggleMuted:v,formatTime:r}),(o,n)=>{var B,g;const l=e.resolveComponent("el-icon"),y=e.resolveComponent("el-slider"),p=e.resolveComponent("el-tooltip");return e.openBlock(),e.createElementBlock("div",{class:"base-audio f-sb-c","data-default":!o.controls&&!_.default},[_.content?e.renderSlot(o.$slots,"content",{key:0,playing:e.unref(u),muted:e.unref(s),currentTime:((B=e.unref(t))==null?void 0:B.currentTime)||0,duration:((g=e.unref(t))==null?void 0:g.duration)||0,timeStr:e.unref(c),progress:e.unref(d),play:i,pause:f,togglePlaying:k,toggleMuted:v,formatTime:r},void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.controls?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(l,{onClick:k,size:"20",class:e.normalizeClass(["f-0 btn",{disabled:e.unref(a)}])},{default:e.withCtx(()=>[e.unref(u)?(e.openBlock(),e.createBlock(e.unref(m.video_pause_default),{key:0})):(e.openBlock(),e.createBlock(e.unref(m.video_play_default),{key:1}))]),_:1},8,["class"]),e.createElementVNode("time",w,e.toDisplayString(e.unref(c)),1),o.showProgress?(e.openBlock(),e.createBlock(y,{key:0,onChange:T,onInput:$,modelValue:e.unref(d),"onUpdate:modelValue":n[0]||(n[0]=N=>e.isRef(d)?d.value=N:null),"show-tooltip":!1,disabled:e.unref(a),class:"f-1 ml-o"},null,8,["modelValue","disabled"])):e.createCommentVNode("",!0),e.createVNode(p,{content:e.unref(s)?"取消静音":"静音","show-after":400,disabled:e.unref(a)},{default:e.withCtx(()=>[e.createVNode(l,{onClick:v,size:"20",class:e.normalizeClass(["btn f-0 ml-h",{disabled:e.unref(a)}])},{default:e.withCtx(()=>[e.unref(s)?(e.openBlock(),e.createBlock(e.unref(m.mute_default),{key:0})):(e.openBlock(),e.createBlock(e.unref(m.microphone_default),{key:1}))]),_:1},8,["class"])]),_:1},8,["content","disabled"])],64))],64)),o.src?(e.openBlock(),e.createElementBlock("audio",{key:2,class:"audio",muted:e.unref(s),controls:o.controls,hidden:"",onCanplay:C,onTimeupdate:V,onEnded:b,ref_key:"audioRef",ref:t},[e.createElementVNode("source",{src:o.src,type:"audio/mpeg"},null,8,q),e.createElementVNode("source",{src:o.src,type:"audio/ogg"},null,8,z),n[1]||(n[1]=e.createTextVNode(" 您的浏览器不支持音频播放 "))],40,P)):e.createCommentVNode("",!0)],8,S)}}}),I=E._export_sfc(M,[["__scopeId","data-v-9651f851"]]);exports.default=I;