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