mirror of
https://gitee.com/niucloud-team/niucloud-admin.git
synced 2026-01-19 09:48:11 +00:00
2 lines
7.0 KiB
JavaScript
2 lines
7.0 KiB
JavaScript
import{A as e,B as t,C as i,i as r,j as a,w as n,D as o,p as s,k as l,m as d,P as u,R as c,Q as p,x as g,b4 as y,q as _,t as w,G as h,H as m,F as f,W as v,b8 as I,I as S,aL as b,aM as C}from"./index-faf5e276.js";import{_ as M}from"./u-loading-icon.a6d83e95.js";import{_ as k}from"./_plugin-vue_export-helper.1b428a4d.js";const $=k({name:"u-swiper-indicator",mixins:[t,i,{props:{length:{type:[String,Number],default:e.swiperIndicator.length},current:{type:[String,Number],default:e.swiperIndicator.current},indicatorActiveColor:{type:String,default:e.swiperIndicator.indicatorActiveColor},indicatorInactiveColor:{type:String,default:e.swiperIndicator.indicatorInactiveColor},indicatorMode:{type:String,default:e.swiperIndicator.indicatorMode}}}],data:()=>({lineWidth:22}),computed:{lineStyle(){let e={};return e.width=uni.$u.addUnit(this.lineWidth),e.transform=`translateX(${uni.$u.addUnit(this.current*this.lineWidth)})`,e.backgroundColor=this.indicatorActiveColor,e},dotStyle(){return e=>{let t={};return t.backgroundColor=e===this.current?this.indicatorActiveColor:this.indicatorInactiveColor,t}}}},[["render",function(e,t,i,y,_,w){const h=g;return r(),a(h,{class:"u-swiper-indicator"},{default:n((()=>["line"===e.indicatorMode?(r(),a(h,{key:0,class:o(["u-swiper-indicator__wrapper",[`u-swiper-indicator__wrapper--${e.indicatorMode}`]]),style:s({width:e.$u.addUnit(_.lineWidth*e.length),backgroundColor:e.indicatorInactiveColor})},{default:n((()=>[l(h,{class:"u-swiper-indicator__wrapper--line__bar",style:s([w.lineStyle])},null,8,["style"])])),_:1},8,["class","style"])):d("v-if",!0),"dot"===e.indicatorMode?(r(),a(h,{key:1,class:"u-swiper-indicator__wrapper"},{default:n((()=>[(r(!0),u(c,null,p(e.length,((t,i)=>(r(),a(h,{class:o(["u-swiper-indicator__wrapper__dot",[i===e.current&&"u-swiper-indicator__wrapper__dot--active"]]),key:i,style:s([w.dotStyle(i)])},null,8,["class","style"])))),128))])),_:1})):d("v-if",!0)])),_:1})}],["__scopeId","data-v-176855f5"]]);const x=k({name:"u-swiper",mixins:[t,i,{props:{list:{type:Array,default:e.swiper.list},indicator:{type:Boolean,default:e.swiper.indicator},indicatorActiveColor:{type:String,default:e.swiper.indicatorActiveColor},indicatorInactiveColor:{type:String,default:e.swiper.indicatorInactiveColor},indicatorStyle:{type:[String,Object],default:e.swiper.indicatorStyle},indicatorMode:{type:String,default:e.swiper.indicatorMode},autoplay:{type:Boolean,default:e.swiper.autoplay},current:{type:[String,Number],default:e.swiper.current},currentItemId:{type:String,default:e.swiper.currentItemId},interval:{type:[String,Number],default:e.swiper.interval},duration:{type:[String,Number],default:e.swiper.duration},circular:{type:Boolean,default:e.swiper.circular},previousMargin:{type:[String,Number],default:e.swiper.previousMargin},nextMargin:{type:[String,Number],default:e.swiper.nextMargin},acceleration:{type:Boolean,default:e.swiper.acceleration},displayMultipleItems:{type:Number,default:e.swiper.displayMultipleItems},easingFunction:{type:String,default:e.swiper.easingFunction},keyName:{type:String,default:e.swiper.keyName},imgMode:{type:String,default:e.swiper.imgMode},height:{type:[String,Number],default:e.swiper.height},bgColor:{type:String,default:e.swiper.bgColor},radius:{type:[String,Number],default:e.swiper.radius},loading:{type:Boolean,default:e.swiper.loading},showTitle:{type:Boolean,default:e.swiper.showTitle}}}],data:()=>({currentIndex:0}),watch:{current(e,t){e!==t&&(this.currentIndex=e)}},computed:{itemStyle(){return e=>{const t={};return this.nextMargin&&this.previousMargin&&(t.borderRadius=uni.$u.addUnit(this.radius),e!==this.currentIndex&&(t.transform="scale(0.92)")),t}}},methods:{getItemType(e){return"string"==typeof e?uni.$u.test.video(this.getSource(e))?"video":"image":"object"==typeof e&&this.keyName?e.type?"image"===e.type?"image":"video"===e.type?"video":"image":uni.$u.test.video(this.getSource(e))?"video":"image":void 0},getSource(e){return"string"==typeof e?e:"object"==typeof e&&this.keyName?e[this.keyName]:(uni.$u.error("请按格式传递列表参数"),"")},change(e){const{current:t}=e.detail;this.pauseVideo(this.currentIndex),this.currentIndex=t,this.$emit("change",e.detail)},pauseVideo(e){const t=this.getSource(this.list[e]);if(uni.$u.test.video(t)){y(`video-${e}`,this).pause()}},getPoster:e=>"object"==typeof e&&e.poster?e.poster:"",clickHandler(e){this.$emit("click",e)}}},[["render",function(e,t,i,o,y,k){const x=_(w("u-loading-icon"),M),N=g,U=v,A=I,j=S,T=b,B=C,F=_(w("u-swiper-indicator"),$);return r(),a(N,{class:"u-swiper",style:s({backgroundColor:e.bgColor,height:e.$u.addUnit(e.height),borderRadius:e.$u.addUnit(e.radius)})},{default:n((()=>[e.loading?(r(),a(N,{key:0,class:"u-swiper__loading"},{default:n((()=>[l(x,{mode:"circle"})])),_:1})):(r(),a(B,{key:1,class:"u-swiper__wrapper",style:s({height:e.$u.addUnit(e.height)}),onChange:k.change,circular:e.circular,interval:e.interval,duration:e.duration,autoplay:e.autoplay,current:e.current,currentItemId:e.currentItemId,previousMargin:e.$u.addUnit(e.previousMargin),nextMargin:e.$u.addUnit(e.nextMargin),acceleration:e.acceleration,displayMultipleItems:e.displayMultipleItems,easingFunction:e.easingFunction},{default:n((()=>[(r(!0),u(c,null,p(e.list,((t,i)=>(r(),a(T,{class:"u-swiper__wrapper__item",key:i},{default:n((()=>[l(N,{class:"u-swiper__wrapper__item__wrapper",style:s([k.itemStyle(i)])},{default:n((()=>[d(" 在nvue中，image图片的宽度默认为屏幕宽度，需要通过flex:1撑开，另外必须设置高度才能显示图片 "),"image"===k.getItemType(t)?(r(),a(U,{key:0,class:"u-swiper__wrapper__item__wrapper__image",src:k.getSource(t),mode:e.imgMode,onClick:e=>k.clickHandler(i),style:s({height:e.$u.addUnit(e.height),borderRadius:e.$u.addUnit(e.radius)})},null,8,["src","mode","onClick","style"])):d("v-if",!0),"video"===k.getItemType(t)?(r(),a(A,{key:1,class:"u-swiper__wrapper__item__wrapper__video",id:`video-${i}`,"enable-progress-gesture":!1,src:k.getSource(t),poster:k.getPoster(t),title:e.showTitle&&e.$u.test.object(t)&&t.title?t.title:"",style:s({height:e.$u.addUnit(e.height)}),controls:"",onClick:e=>k.clickHandler(i)},null,8,["id","src","poster","title","style","onClick"])):d("v-if",!0),e.showTitle&&e.$u.test.object(t)&&t.title&&e.$u.test.image(k.getSource(t))?(r(),a(j,{key:2,class:"u-swiper__wrapper__item__wrapper__title u-line-1"},{default:n((()=>[h(m(t.title),1)])),_:2},1024)):d("v-if",!0)])),_:2},1032,["style"])])),_:2},1024)))),128))])),_:1},8,["style","onChange","circular","interval","duration","autoplay","current","currentItemId","previousMargin","nextMargin","acceleration","displayMultipleItems","easingFunction"])),l(N,{class:"u-swiper__indicator",style:s([e.$u.addStyle(e.indicatorStyle)])},{default:n((()=>[f(e.$slots,"indicator",{},(()=>[e.loading||!e.indicator||e.showTitle?d("v-if",!0):(r(),a(F,{key:0,indicatorActiveColor:e.indicatorActiveColor,indicatorInactiveColor:e.indicatorInactiveColor,length:e.list.length,current:y.currentIndex,indicatorMode:e.indicatorMode},null,8,["indicatorActiveColor","indicatorInactiveColor","length","current","indicatorMode"]))]),!0)])),_:3},8,["style"])])),_:3},8,["style"])}],["__scopeId","data-v-bb70be48"]]);export{x as _};
|