@vuux/video/dist/lib/src/component/progress.vue.cjs

Vue Nuxt 视频播放器

"use strict";const e=require("vue"),g=require("../hook/useProgress.cjs"),S=require("@vuux/utils"),V=e.defineComponent({__name:"progress",props:{modelValue:{default:0},loaded:{default:0},hoverText:{default:""}},emits:["update:modelValue","change","onMousemove"],setup(d,{emit:m}){const r=d,p=m,o=!S.Utils.isMobile(),l=e.useTemplateRef("progressEl"),n=e.useTemplateRef("tipsEl"),{state:v,progressBarStyle:f,hoverStyle:c,loadStyle:y,tipStyle:E,mousemoveHandle:i,mouseleaveHandle:u,startDragHandler:a}=g.useProgressDrag(l,n,r,p);return(k,t)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"progressEl",ref:l,class:"controller-progress",onMousedown:t[2]||(t[2]=e.withModifiers((...s)=>e.unref(a)&&e.unref(a)(...s),["stop"])),onContextmenu:t[3]||(t[3]=e.withModifiers(()=>{},["prevent"]))},[e.createElementVNode("div",{class:e.normalizeClass(["progress-track",{"is-hover":o}]),onMousemove:t[0]||(t[0]=(...s)=>e.unref(i)&&e.unref(i)(...s)),onMouseleave:t[1]||(t[1]=(...s)=>e.unref(u)&&e.unref(u)(...s))},[o?(e.openBlock(),e.createElementBlock("div",{key:0,class:"hover-tip",style:e.normalizeStyle(e.unref(E))},[t[4]||(t[4]=e.createElementVNode("div",{class:"is-up"},null,-1)),e.withDirectives(e.createElementVNode("div",{ref_key:"tipsEl",ref:n,class:"is-tip",style:e.normalizeStyle({left:e.unref(v).hoverTipsPosition})},e.toDisplayString(r.hoverText),5),[[e.vShow,r.hoverText]]),t[5]||(t[5]=e.createElementVNode("div",{class:"is-down"},null,-1))],4)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"hover-thumb",style:e.normalizeStyle(e.unref(c))},null,4),e.createElementVNode("div",{class:"progress-thumb",style:e.normalizeStyle(e.unref(f))},null,4),e.createElementVNode("div",{class:"loaded-thumb",style:e.normalizeStyle(e.unref(y))},null,4)],34)],544))}});module.exports=V;