| 1 |
- import{C as e,o as t,e as a,w as i,i as s,E as l,a9 as r,aa as u,m as o,ab as d,c as n,b as c,d as p,G as g,u as m,f as y,F as f,h,s as v,k as b,y as _,z as w,a1 as S,ac as T,l as k,U as x,V as P}from"./index-520dfaee.js";import{_ as N}from"./_plugin-vue_export-helper.1b428a4d.js";const H=N({__name:"su-video",props:{moveX:{type:[Number],default:0},uid:{type:[Number,String],default:0},height:{type:Number,default:300},width:{type:Number,default:750},initialTime:{type:Number,default:0},src:{type:String,default:""},poster:{type:String,default:"https://img1.baidu.com/it/u=1601695551,235775011&fm=26&fmt=auto"}},emits:["videoTimeupdate"],setup(n,{expose:c,emit:p}){const g=n,m=d(),y=e({enableProgressGesture:!1,showModal:!1}),f=e=>{p("videoTimeupdate",e)},h=e=>{console.log("视频错误信息:",e.target.errMsg)},v=()=>{console.log("视频开始")},b=()=>{console.log("视频暂停")},_=()=>{console.log("视频结束")};return c({pausePlay:()=>{r(`sVideo${g.index}`,m).pause()}}),(e,r)=>{const d=u,c=o;return t(),a(c,{class:"ui-video-wrap"},{default:i((()=>[s(d,{id:`sVideo${n.uid}`,class:"radius",style:l([{height:n.height+"rpx"}]),src:n.src,controls:"","object-fit":"contain","enable-progress-gesture":y.enableProgressGesture,"initial-time":n.initialTime,"x5-video-player-type":"h5","x-webkit-airplay":"allow","webkit-playsinline":"true",onError:h,onTimeupdate:f,onPlay:v,onPause:b,onEnded:_,poster:n.poster},null,8,["id","style","src","enable-progress-gesture","initial-time","poster"])])),_:1})}}},[["__scopeId","data-v-27dcbbd5"]]),C=N({__name:"su-swiper",props:{circular:{type:Boolean,default:!0},autoplay:{type:Boolean,default:!1},interval:{type:Number,default:5e3},duration:{type:Number,default:500},mode:{type:String,default:"default"},imageMode:{type:String,default:"scaleToFill"},list:{type:Array,default:()=>[]},dotStyle:{type:String,default:"long"},dotCur:{type:String,default:"ss-bg-opactity-block"},bg:{type:String,default:"bg-none"},height:{type:Number,default:0},imgHeight:{type:Number,default:0},imgTopRadius:{type:Number,default:0},imgBottomRadius:{type:Number,default:0},isPreview:{type:Boolean,default:!1},seizeHeight:{type:Number,default:200}},setup(r){const u=r,d=e({imgHeight:0,cur:0,moveX:0,videoPlaySataus:!1,heightList:[]}),N=e({videoRef:{}}),C=e=>{"touch"!==e.detail.source&&"autoplay"!==e.detail.source||(d.cur=e.detail.current,d.videoPlaySataus=!1,"video"===u.list[d.cur].type&&N.videoRef[`video_${d.cur}`].pausePlay())},$=()=>{if(!u.isPreview)return;let e=S.clone(u.list);e.forEach(((t,a)=>{"video"===t.type&&e.splice(a,1)})),T({urls:e.length<1?[u.src]:e.reduce(((e,t)=>(e.push(t.src),e)),[]),current:d.cur})},X=e=>{},z=e=>{d.moveX=0},R=e=>{u.list[d.cur].currentTime=e.detail.currentTime},B=n((()=>{let e;return 0!==u.height&&(e=u.height),0===u.height&&(0!==d.imgHeight?e=d.imgHeight:0!==u.seizeHeight&&(e=u.seizeHeight)),{height:e+"rpx"}}));function E(e){if(0===u.height){let t=e.detail.height/e.detail.width*750;d.imgHeight<t&&(d.imgHeight=t)}}return(e,n)=>{const S=k,T=c(p("su-video"),H),M=o,V=x,j=P;return t(),a(M,null,{default:i((()=>[s(M,{class:g(["ui-swiper",[u.mode,u.bg,u.ui]])},{default:i((()=>[s(j,{circular:u.circular,current:d.cur,autoplay:u.autoplay&&!d.videoPlaySataus,interval:u.interval,duration:u.duration,onTransition:X,onAnimationfinish:z,style:l(m(B)),onChange:C},{default:i((()=>[(t(!0),y(f,null,h(u.list,((e,l)=>(t(),a(V,{class:g(["swiper-item",{cur:d.cur==l}]),key:l,onClick:t=>(e=>{"video"===e.type?d.videoPlaySataus=!0:(v.$router.go(e.url),$())})(e)},{default:i((()=>[s(M,{class:"ui-swiper-main"},{default:i((()=>["image"===e.type?(t(),a(S,{key:0,class:"swiper-image",mode:u.imageMode,src:e.src,width:"100%",height:"100%",onLoad:E},null,8,["mode","src"])):(t(),a(T,{key:1,ref_for:!0,ref:e=>N.videoRef[`video_${l}`]=e,poster:m(v).$url.cdn(e.poster),src:m(v).$url.cdn(e.src),index:l,moveX:d.moveX,initialTime:e.currentTime||0,onVideoTimeupdate:R,height:r.seizeHeight},null,8,["poster","src","index","moveX","initialTime","height"]))])),_:2},1024)])),_:2},1032,["class","onClick"])))),128))])),_:1},8,["circular","current","autoplay","interval","duration","style"]),d.videoPlaySataus?b("",!0):(t(),y(f,{key:0},["tag"!=u.dotStyle?(t(),a(M,{key:0,class:g(["ui-swiper-dot",u.dotStyle])},{default:i((()=>[(t(!0),y(f,null,h(u.list,((e,i)=>(t(),a(M,{class:g(["line-box",[d.cur==i?"cur":"",u.dotCur]]),key:i},null,8,["class"])))),128))])),_:1},8,["class"])):b("",!0),"tag"==u.dotStyle?(t(),a(M,{key:1,class:g(["ui-swiper-dot",u.dotStyle])},{default:i((()=>[s(M,{class:g(["ui-tag radius-lg",[u.dotCur]]),style:{"pointer-events":"none",padding:"0 10rpx"}},{default:i((()=>[s(M,{style:{transform:"scale(0.7)"}},{default:i((()=>[_(w(d.cur+1)+" / "+w(u.list.length),1)])),_:1})])),_:1},8,["class"])])),_:1},8,["class"])):b("",!0)],64))])),_:1},8,["class"])])),_:1})}}},[["__scopeId","data-v-efa3c30f"]]);export{C as _,H as a};
|
