cione-comp-lib/lib/packages/co-video-std/index2.js

`$ yarn add cione-comp-lib` 或者 `$ npm i cione-comp-lib -S`

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var e=require("vue");require("./index.vue_vue_type_style_index_0_scoped_true_lang.js");var t=require("../../_virtual/plugin-vue_export-helper.js");const o=e.defineComponent({name:"CoVideoStd",props:{src:{type:String},width:{type:String},height:{type:String},isControls:{type:Boolean},isAutoplay:{type:Boolean},isLoop:{type:Boolean},posterSrc:{type:String},objectFit:{type:String}},setup(t){const o=e.ref(t.src),l=e.ref(),a=e.ref(),r=e.ref(),c=e.ref(!1),i=e.ref(!0);return e.watch((()=>t.isAutoplay),(()=>{i.value=!1,e.nextTick((()=>{i.value=!0}))})),e.watch((()=>t.src),(()=>{i.value=!1,e.nextTick((()=>{i.value=!0,o.value=t.src}))})),{videoSrc:o,videoBox:l,videoDom:a,videoPreDom:r,isPreview:c,isVideo:i,previewFn:()=>{c.value=!0;let t=a.value.currentTime.toFixed(1);a.value.pause(),e.nextTick((()=>{r.value.currentTime=t}))},fullScreenFn:()=>{a.value.pause();let t=a.value.currentTime.toFixed(1);a.value.requestFullscreen(),e.nextTick((()=>{r.value.currentTime=t}))},closeFn:()=>{c.value=!1,a.value.play()},updataVideoSrc:e=>{o.value=e},updataVideoStop:()=>{a.value.pause()},updataVideoStart:()=>{a.value.play()},updataVideoRestart:()=>{a.value.currentTime=0,a.value.play()},...e.toRefs(t)}}}),l=t=>(e.pushScopeId("data-v-32c3ad4a"),t=t(),e.popScopeId(),t),a=["src","controls","muted","autoplay","loop","poster"],r=["src"],c=["src"],i=["src"],s=[e.createStaticVNode('<svg viewBox="0 0 1024 1024" width="20px" height="20px" data-v-32c3ad4a><path d="M270.08 64.064l-179.2 0C76.032 64.064 64 76.096 64 90.944l0 178.688c0 0.128 0 0.256 0 0.384C64 284.928 76.032 296.96 90.88 296.96s27.008-12.032 27.008-26.944c0-1.536-0.256-3.136-0.512-4.608L117.376 122.176c0-2.496 1.984-4.48 4.416-4.48l145.408 0C268.16 117.76 269.12 117.952 270.08 117.952c14.848 0 26.944-12.032 26.944-26.944S284.928 64.064 270.08 64.064z" fill="#ffffff" data-v-32c3ad4a></path><path d="M847.552 830.784c0 9.856-8.128 17.856-17.92 17.856L190.528 848.64c-9.856 0-17.856-8-17.856-17.856L172.672 191.744c0-9.92 8-17.92 17.856-17.92l639.104 0c9.792 0 17.92 8 17.92 17.92L847.552 830.784z" fill="#ffffff" data-v-32c3ad4a></path><path d="M753.792 64.064l179.2 0c14.848 0 26.88 12.032 26.88 26.88l0 178.688C959.872 269.76 960 269.888 960 270.016c0 14.912-12.096 26.944-27.008 26.944s-26.944-12.032-26.944-26.944c0-1.536 0.256-3.136 0.448-4.608L906.496 122.176c0-2.496-1.92-4.48-4.48-4.48l-145.344 0c-1.024 0.064-1.856 0.256-2.88 0.256-14.848 0-26.88-12.032-26.88-26.944S738.944 64.064 753.792 64.064z" fill="#ffffff" data-v-32c3ad4a></path><path d="M270.08 959.936l-179.2 0C76.032 959.936 64 947.968 64 933.12l0-178.752c0-0.128 0-0.256 0-0.384 0-14.912 12.032-27.008 26.88-27.008s27.008 12.032 27.008 27.008c0 1.536-0.256 3.136-0.512 4.608l0 143.168c0 2.496 1.984 4.48 4.416 4.48l145.408 0c0.96-0.064 1.856-0.256 2.816-0.256 14.848 0 26.944 12.032 26.944 26.944S284.928 959.936 270.08 959.936z" fill="#ffffff" data-v-32c3ad4a></path><path d="M753.792 959.936l179.2 0c14.848 0 26.88-12.032 26.88-26.816l0-178.752c0-0.128 0.128-0.256 0.128-0.384 0-14.912-12.096-27.008-27.008-27.008s-26.944 12.032-26.944 27.008c0 1.536 0.256 3.136 0.448 4.608l0 143.168c0 2.496-1.92 4.48-4.48 4.48l-145.344 0c-1.024-0.064-1.856-0.256-2.88-0.256-14.848 0-26.88 12.032-26.88 26.944S738.944 959.936 753.792 959.936z" fill="#ffffff" data-v-32c3ad4a></path></svg>',1)],d=[l((()=>e.createElementVNode("svg",{viewBox:"0 0 1024 1024",width:"20px",height:"20px"},[e.createElementVNode("path",{d:"M237.248 192H352a32 32 0 1 0 0-64H160a32 32 0 0 0-32 32v192a32 32 0 1 0 64 0v-114.752l137.36 137.36a32 32 0 1 0 45.232-45.264L237.248 192zM832 237.248V352a32 32 0 1 0 64 0V160a32 32 0 0 0-32-32H672a32 32 0 1 0 0 64h114.752l-137.36 137.36a32 32 0 1 0 45.264 45.232L832 237.248zM237.248 832H352a32 32 0 1 1 0 64H160a32 32 0 0 1-32-32V672a32 32 0 1 1 64 0v114.752l137.36-137.36a32 32 0 1 1 45.232 45.264L237.248 832zM832 786.752V672a32 32 0 1 1 64 0v192a32 32 0 0 1-32 32H672a32 32 0 1 1 0-64h114.752l-137.36-137.36a32 32 0 1 1 45.264-45.232L832 786.752z",fill:"#ffffff"})],-1)))],p={key:0,class:"video-std__pre"},n=["src","muted","autoplay","loop","poster"],v=["src"],u=["src"],f=["src"],m=[l((()=>e.createElementVNode("svg",{viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"})],-1)))];var h=t.default(o,[["render",function(t,o,l,h,y,S){return e.openBlock(),e.createElementBlock("div",{class:"co-video-std",ref:"videoBox",style:e.normalizeStyle({width:t.width||"100%",height:t.height||"100%"})},[t.isVideo?(e.openBlock(),e.createElementBlock("video",{class:e.normalizeClass(t.isControls?"video-std__video":""),style:e.normalizeStyle({width:"100%",height:"100%",objectFit:t.objectFit}),src:t.videoSrc,controls:t.isControls,muted:!!t.isAutoplay,autoplay:t.isAutoplay,loop:t.isLoop,poster:t.posterSrc,key:t.videoSrc,ref:"videoDom"},[e.createElementVNode("source",{src:t.videoSrc,type:"video/mp4"},null,8,r),e.createElementVNode("source",{src:t.videoSrc,type:"video/ogg"},null,8,c),e.createElementVNode("source",{src:t.videoSrc,type:"video/webm"},null,8,i)],14,a)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass("video-std__top "+(t.isControls?"video-std__top_hover":""))},[e.createElementVNode("span",{class:"video-std__top_span",onClick:o[0]||(o[0]=(...e)=>t.previewFn&&t.previewFn(...e)),title:"弹窗预览"},s),e.createElementVNode("span",{class:"video-std__top_span",onClick:o[1]||(o[1]=(...e)=>t.fullScreenFn&&t.fullScreenFn(...e)),title:"全屏"},d)],2),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[t.isPreview?(e.openBlock(),e.createElementBlock("div",p,[(e.openBlock(),e.createElementBlock("video",{style:{width:"90%",height:"90%"},src:t.videoSrc,controls:"true",muted:!0===t.isAutoplay,autoplay:t.isAutoplay,loop:t.isLoop,poster:t.posterSrc,key:t.videoSrc,ref:"videoPreDom"},[e.createElementVNode("source",{src:t.videoSrc,type:"video/mp4"},null,8,v),e.createElementVNode("source",{src:t.videoSrc,type:"video/ogg"},null,8,u),e.createElementVNode("source",{src:t.videoSrc,type:"video/webm"},null,8,f)],8,n)),e.createElementVNode("span",{class:"video-std__pre-cloxe",onClick:o[2]||(o[2]=(...e)=>t.closeFn&&t.closeFn(...e))},m)])):e.createCommentVNode("",!0)]))],4)}],["__scopeId","data-v-32c3ad4a"]]);exports.default=h;