cione-comp-lib/lib/packages/co-carousel-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"),t=require("../../node_modules/swiper/swiper.esm.js");require("../../node_modules/swiper/swiper-bundle.min.js"),require("../../node_modules/swiper/swiper.js"),require("./index.vue_vue_type_style_index_0_scoped_true_lang.js");var o=require("../../_virtual/plugin-vue_export-helper.js"),l=require("../../node_modules/swiper/esm/components/autoplay/autoplay.js"),n=require("../../node_modules/swiper/esm/components/effect-coverflow/effect-coverflow.js"),s=require("../../node_modules/swiper/esm/components/effect-cube/effect-cube.js"),r=require("../../node_modules/swiper/esm/components/pagination/pagination.js"),a=require("../../node_modules/swiper/esm/components/navigation/navigation.js"),i=require("../../node_modules/swiper/esm/components/thumbs/thumbs.js");t.default.use([l.default,n.default,s.default,r.default,a.default,i.default]);const u=e.defineComponent({name:"CoCarouselStd",props:{list:{type:Array,default:()=>{}},fontSize:{type:Number},showBackColor:{type:Boolean},backgroundColor:{type:String},letterSpacing:{type:Number},lineHeight:{type:Number},fontFamily:{type:String},autoplay:{type:Boolean},speed:{type:Number},showButton:{type:Boolean},heightAuto:{type:Boolean,default:!1}},components:{},setup(o){const l=e.ref(),n=e.ref(),s=e.ref();e.toRef(o,"list");const r=e.ref(),a=e.ref(o.autoplay),i=e.ref(o.speed),u=e.ref(!1),p=e.ref(!1),d=e.ref(!0),c=e.ref(o.list),m=e.ref();e.watch((()=>o.list),(()=>{c.value=o.list})),e.watch((()=>o.autoplay),(()=>{a.value=o.autoplay,d.value=!1,e.nextTick((()=>{d.value=!0,f()}))})),e.watch((()=>o.speed),(()=>{o.autoplay&&(i.value=o.speed,d.value=!1,e.nextTick((()=>{d.value=!0,f()})))})),e.watch((()=>o.showButton),(()=>{u.value=o.showButton,p.value=o.showButton}));const f=()=>{e.nextTick((()=>{m.value=new t.default(`.swiper${r.value}`,{effect:"coverflow",grabCursor:!0,initialSlide:1,centeredSlides:!0,slidesPerView:"auto",loop:!0,autoplay:!!a.value&&{delay:i.value,stopOnLastSlide:!0,disableOnInteraction:!0},allowSlideNext:!0,allowSlidePrev:!0,simulateTouch:!1,coverflowEffect:{rotate:50,stretch:0,depth:100,modifier:1,slideShadows:!0},pagination:{el:".swiper-pagination"},navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"},observer:!0,observeParents:!0,observeSlideChildren:!0})}))},v=e.computed((()=>({fontSize:o.fontSize+"px",backgroundColor:o.showBackColor?o.backgroundColor:"",letterSpacing:o.letterSpacing+"px",lineHeight:o.lineHeight+"px",fontFamily:o.fontFamily})));return e.onMounted((()=>{(()=>{let e=(new Date).getTime();r.value=e})(),f()})),{timeId:r,stdAttr:v,autoplayRef:a,swiperRef:l,speedRef:i,carouselBox:n,swiperSlideRef:s,showComponent:d,buttonPrevRef:u,buttonNextRef:p,listContent:c,content:f,handleClick:e=>{""===e.link||0!==e.link.indexOf("http://")&&0!==e.link.indexOf("https://")||window.open(e.link)},mousedownFn:e=>{m.value.autoplay.stop();var t=e.pageX,o=1;m.value.translate;document.onmousemove=e=>{e.preventDefault(),e.pageX},document.onmouseup=e=>{e.preventDefault(),(o=t-e.pageX)>0&&o>60?m.value.slideNext():o<0&&o<-60&&m.value.slidePrev(),m.value.autoplay.start(),document.onmousemove=null,document.onmouseup=null}},RESET_VIEW:()=>{f()},...e.toRefs(o)}}}),p=["onClick"],d=["src"],c=(t=>(e.pushScopeId("data-v-e2c26222"),t=t(),e.popScopeId(),t))((()=>e.createElementVNode("div",{class:"swiper-pagination"},null,-1))),m={class:"swiper-button-prev"},f={class:"swiper-button-next"};var v=o.default(u,[["render",function(t,o,l,n,s,r){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["co-carousel-std",`swiper${t.timeId}`]),"indicator-dots":"{{false}}",id:"slides",ref:"slidesRef"},[t.showComponent?(e.openBlock(),e.createElementBlock("div",{key:0,class:"carousel-std__wrapper swiper-wrapper",ref:"carouselBox",onMousedown:o[0]||(o[0]=e.withModifiers(((...e)=>t.mousedownFn&&t.mousedownFn(...e)),["stop"]))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.listContent,((o,l)=>(e.openBlock(),e.createElementBlock("div",{class:"swiper-slide",ref_for:!0,ref:"swiperSlideRef",onClick:e=>t.handleClick(o)},[e.createElementVNode("img",{class:"carousel-std__img",src:o.imgSrc||o.src,alt:"",style:e.normalizeStyle({height:t.heightAuto?"auto":"100%"})},null,12,d),e.createElementVNode("span",{class:"carousel-std__span",style:e.normalizeStyle(t.stdAttr)},e.toDisplayString(o.title),5)],8,p)))),256))],544)):e.createCommentVNode("",!0),c,e.withDirectives(e.createElementVNode("div",m,null,512),[[e.vShow,t.buttonPrevRef]]),e.withDirectives(e.createElementVNode("div",f,null,512),[[e.vShow,t.buttonNextRef]])],2)}],["__scopeId","data-v-e2c26222"]]);exports.default=v;