cione-comp-lib
Version:
`$ yarn add cione-comp-lib` 或者 `$ npm i cione-comp-lib -S`
2 lines (1 loc) • 23.1 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var e=require("vue"),t=require("../tools.js"),o=require("./imagePreview.js"),l=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 i=require("../../_virtual/plugin-vue_export-helper.js"),a=require("../../node_modules/swiper/esm/components/autoplay/autoplay.js"),n=require("../../node_modules/swiper/esm/components/effect-coverflow/effect-coverflow.js"),r=require("../../node_modules/swiper/esm/components/effect-cube/effect-cube.js"),s=require("../../node_modules/swiper/esm/components/pagination/pagination.js"),p=require("../../node_modules/swiper/esm/components/navigation/navigation.js"),c=require("../../node_modules/swiper/esm/components/thumbs/thumbs.js"),u=require("../../node_modules/swiper/esm/components/scrollbar/scrollbar.js"),d=require("../../node_modules/swiper/esm/components/lazy/lazy.js");l.default.use([a.default,n.default,r.default,s.default,p.default,c.default,u.default,d.default]);const m=e.defineComponent({name:"CoCarouselBasics",components:{ImagePreview:o.default},props:{dataKey:{type:String,required:!0},width:{type:String},height:{type:String},carouselType:{type:String,default:"singleCar"},list:{type:Array,default:()=>{}},slideDirection:{type:String,default:"horizontal"},speed:{type:Number},isAutoplay:{type:Boolean},autoplayTimer:{type:Number},paginationType:{type:String,default:"bullets"},paginationBottom:{type:Number},webJumpType:{type:String},slidesPerView:{type:Number,default:3},spaceBetween:{type:Number,default:30},buttonType:{type:String,default:"mouse"},buttonColor:{type:String,default:"rgba(0, 122, 254,1)"},heightAuto:{type:Boolean,default:!1},isTextBox:{type:Boolean,default:!1},textHeight:{type:Number},textAlign:{type:String},textBottom:{type:Number},textBgColor:{type:String},textSize:{type:Number},fontFamily:{type:String},textColor:{type:String},lineHeight:{type:Number},bgImage:{type:String},bgSize:{type:String},imageWidth:{type:String},imageHeight:{type:String},imageTop:{type:Number},textBoxTop:{type:Number},titleSize:{type:Number},titleColor:{type:String},titleAlign:{type:String},titleFamily:{type:String},titleMarginB:{type:Number},sstTextSize:{type:Number},sstTextColor:{type:String},sstTextAlign:{type:String},sstTextFamily:{type:String},sstTextSpacing:{type:Number,default:1},sstTextClamp:{type:Number,default:2},sstTextBgColor:{type:String},isImagePre:{type:Boolean,default:!0},clockType:{type:String,default:"middle"},isLeft:{type:Boolean,default:!0},imageLeft:{type:Number,default:0}},setup(o){const i=e.ref(),a=e.ref(),n=e.ref(),r=e.ref(o.list),s=e.ref(!0),p=e.ref(!0),c=e.ref(!0),u=e.ref(!0),d=e.ref(!0),m=e.ref(!1),g=e.ref(),y=e.ref(!1);e.ref();const w=e.ref(),v=e.ref(0),x=e.ref(),b=e.ref(),S=e.ref();(()=>{const e="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",t=e.length;let o="";for(let l=0;l<7;l++){o+=e[Math.floor(Math.random()*t)]}n.value=o})();const k=e.ref(),h=()=>{e.nextTick((()=>(k.value=new l.default(`.singleCar-swiper${n.value}`,{initialSlide:0,direction:o.slideDirection,autoplay:!!o.isAutoplay&&{delay:o.autoplayTimer,disableOnInteraction:!1},simulateTouch:!1,speed:o.speed,grabCursor:!0,loop:!0,lazy:{loadPrevNext:!0},scrollbar:{el:`.singleCar-swiper${n.value} .swiper-scrollbar`},pagination:{el:`.singleCar-swiper${n.value} .swiper-pagination`,type:o.paginationType,clickable:!0},navigation:{nextEl:`.singleCar-swiper${n.value} .swiper-button-next`,prevEl:`.singleCar-swiper${n.value} .swiper-button-prev`},observer:!0,observeParents:!0,observeSlideChildren:!0,on:{touchStart:(e,t)=>{z(e,t)}}}),k.value)))},B=()=>{e.nextTick((()=>(k.value=new l.default(`.perViewRule-swiper${n.value}`,{initialSlide:0,direction:o.slideDirection,autoplay:!!o.isAutoplay&&{delay:o.autoplayTimer,disableOnInteraction:!1},simulateTouch:!1,speed:o.speed,grabCursor:!0,slidesPerView:o.slidesPerView,spaceBetween:o.spaceBetween,loop:!0,lazy:{loadPrevNext:!0},scrollbar:{el:`.perViewRule-swiper${n.value} .swiper-scrollbar`},pagination:{el:`.perViewRule-swiper${n.value} .swiper-pagination`,type:o.paginationType,clickable:!0},navigation:{nextEl:`.perViewRule-swiper${n.value} .swiper-button-next`,prevEl:`.perViewRule-swiper${n.value} .swiper-button-prev`},observer:!0,observeParents:!0,observeSlideChildren:!0,on:{touchStart:(e,t)=>{z(e,t)}}}),k.value)))},T=()=>{e.nextTick((()=>(k.value=new l.default(`.merryGoRound-swiper${n.value}`,{initialSlide:0,direction:o.slideDirection,autoplay:!!o.isAutoplay&&{delay:o.autoplayTimer,disableOnInteraction:!1},simulateTouch:!1,speed:o.speed,grabCursor:!0,slidesPerView:o.slidesPerView,spaceBetween:o.spaceBetween,centeredSlides:!0,loop:!0,lazy:{loadPrevNext:!0},scrollbar:{el:`.merryGoRound-swiper${n.value} .swiper-scrollbar`},pagination:{el:`.merryGoRound-swiper${n.value} .swiper-pagination`,type:o.paginationType,clickable:!0},navigation:{nextEl:`.merryGoRound-swiper${n.value} .swiper-button-next`,prevEl:`.merryGoRound-swiper${n.value} .swiper-button-prev`},observer:!0,observeParents:!0,observeSlideChildren:!0,on:{click:(e,t)=>{},touchStart:(e,t)=>{z(e,t)}}}),k.value)))},C=()=>{e.nextTick((()=>(k.value=new l.default(`.specialShapedText-swiper${n.value}`,{initialSlide:0,direction:o.slideDirection,autoplay:!!o.isAutoplay&&{delay:o.autoplayTimer,disableOnInteraction:!1},speed:o.speed,grabCursor:!0,slidesPerView:o.slidesPerView,spaceBetween:o.spaceBetween,centeredSlides:!0,simulateTouch:!1,loop:!0,lazy:{loadPrevNext:!0},scrollbar:{el:`.specialShapedText-swiper${n.value} .swiper-scrollbar`},pagination:{el:`.specialShapedText-swiper${n.value} .swiper-pagination`,type:o.paginationType,clickable:!0},navigation:{nextEl:`.specialShapedText-swiper${n.value} .swiper-button-next`,prevEl:`.specialShapedText-swiper${n.value} .swiper-button-prev`},observer:!0,observeParents:!0,observeSlideChildren:!0,on:{touchStart:(e,t)=>{z(e,t)}}}),k.value)))},f=()=>{let i=!0;r.value.length<o.slidesPerView&&(i=!1),e.nextTick((()=>(k.value=new l.default(`.iconSlide-swiper${n.value}`,{initialSlide:0,direction:o.slideDirection,autoplay:!!o.isAutoplay&&{delay:o.autoplayTimer,disableOnInteraction:!1},speed:o.speed,grabCursor:!0,slidesPerView:o.slidesPerView,spaceBetween:o.spaceBetween,simulateTouch:!1,loop:i,lazy:{loadPrevNext:!0},scrollbar:{el:`.iconSlide-swiper${n.value} .swiper-scrollbar`},pagination:{el:`.iconSlide-swiper${n.value} .swiper-pagination`,type:o.paginationType,clickable:!0},navigation:{nextEl:`.iconSlide-swiper${n.value} .swiper-button-next`,prevEl:`.iconSlide-swiper${n.value} .swiper-button-prev`},observer:!0,observeParents:!0,observeSlideChildren:!0,on:{tap:(e,l)=>{let i=l.target.getAttribute("class");if("swiper-button-next"!=i&&"swiper-button-prev"!=i){let e=l.target.getAttribute("tabIndex");t.handleComponetEvent(o.dataKey,"click",{data:r.value[e],index:e}),t.handlePushEvent({key:"CoCarouselBasics",elementId:o.dataKey,event:"click",data:{data:r.value[e],index:e}})}}}}),k.value)))},V=()=>{"singleCar"===o.carouselType?(s.value=!1,e.nextTick((()=>{s.value=!0,h()}))):"perViewRule"===o.carouselType?(p.value=!1,e.nextTick((()=>{p.value=!0,B()}))):"merryGoRound"===o.carouselType?(c.value=!1,e.nextTick((()=>{c.value=!0,T()}))):"specialShapedText"===o.carouselType?(u.value=!1,e.nextTick((()=>{u.value=!0,C()}))):"iconSlide"===o.carouselType&&(d.value=!1,e.nextTick((()=>{d.value=!0,f()})))},z=(e,t)=>{if(o.isImagePre)if(clearTimeout(x.value),0===v.value)v.value++,b.value=Date.now(),x.value=setTimeout((()=>{v.value=0}),500);else{if(S.value=Date.now(),S.value-b.value<300){"img"==t.target.localName&&(g.value=t.target.src,y.value=!0,w.value=e,e.autoplay.stop())}x.value=setTimeout((()=>{v.value=0}),500)}};e.watch((()=>o.list),(()=>{r.value=o.list,V()}),{deep:!0}),e.watch((()=>o.slideDirection),(()=>{V()})),e.watch((()=>o.speed),(()=>{V()})),e.watch((()=>o.isAutoplay),(()=>{V()})),e.watch((()=>o.autoplayTimer),(()=>{V()})),e.watch((()=>o.paginationType),(()=>{V()})),e.watch((()=>o.slidesPerView),(()=>{V()})),e.watch((()=>o.buttonType),(()=>{m.value="active"===o.buttonType,V()})),e.watch((()=>o.spaceBetween),(()=>{V()})),e.watch((()=>o.heightAuto),(()=>{V()})),e.watch((()=>[o.isTextBox,o.textHeight,o.textAlign,o.textBottom,o.textBgColor,o.textSize,o.textColor]),(()=>{V()}),{deep:!0}),e.watch((()=>[o.bgImage,o.imageTop,o.textBoxTop,o.titleSize,o.titleColor,o.titleAlign,o.titleFamily,o.sstTextSize,o.sstTextColor,o.sstTextAlign,o.sstTextFamily,o.sstTextSpacing,o.sstTextClamp,o.sstTextBgColor]),(()=>{V()}),{deep:!0}),e.watch((()=>y.value),(()=>{y.value||w.value.autoplay.start()})),e.onMounted((()=>{m.value="active"===o.buttonType,"singleCar"===o.carouselType?h():"perViewRule"===o.carouselType?B():"merryGoRound"===o.carouselType?T():"specialShapedText"===o.carouselType?C():"iconSlide"===o.carouselType&&f()})),e.onUnmounted((()=>{k.value.destroy(!0)}));return{carouselBigBox:i,swiperWrapperBox:a,timeId:n,listData:r,isSingleCar:s,isPerViewRule:p,isMerryGoRound:c,isSpecialShapedText:u,isIconSlide:d,isButton:m,imgSrc:g,isMask:y,webJumpFn:e=>{"1"===o.webJumpType?window.open(r.value[e].link||r.value[e].webSrc):"0"===o.webJumpType&&(window.location.href=r.value[e].link||r.value[e].webSrc)},mouseBottonFn:e=>{"mouse"===o.buttonType&&("over"===e?m.value=!0:"out"===e&&(m.value=!1))},mousedownFn:e=>{k.value.autoplay.stop();var t=e.pageX,o=1;k.value.translate;document.onmousemove=e=>{e.preventDefault(),e.pageX},document.onmouseup=e=>{e.preventDefault(),(o=t-e.pageX)>0&&o>60?k.value.slideNext():o<0&&o<-60&&k.value.slidePrev(),k.value.autoplay.start(),document.onmousemove=null,document.onmouseup=null}},dblclickFn:e=>{if(!o.isImagePre)return;"img"==e.target.localName&&(g.value=e.target.src,y.value=!0,w.value.autoplay.stop())},touchstartFn:z,clickFn:(e,t,o)=>{},RESET_VIEW:()=>{var e;null==(e=k.value)||e.update()},updateList:e=>{r.value=e,V()},imagePreviewChange:()=>{y.value=!1},...e.toRefs(o)}}}),g={class:"carousel-basics__box"},y={key:0,class:"singleCar-box type-box"},w={class:"swiper-slide singleCar_slide"},v=["src","onClick"],x={key:1,class:"swiper-pagination pagination-box",style:{textAlign:"center"}},b={key:1,class:"perViewRule-box type-box"},S=["src","onClick"],k={key:1,class:"swiper-pagination pagination-box",style:{textAlign:"center"}},h={key:2,class:"merryGoRound-box type-box"},B=["src","onClick"],T={key:1,class:"swiper-pagination pagination-box",style:{textAlign:"center"}},C={key:3,class:"specialShapedText-box type-box"},f=["src","onClick"],V={key:1,class:"swiper-pagination pagination-box",style:{textAlign:"center"}},z={key:4,class:"iconSlide-box type-box"},E={class:"swiper-wrapper"},N=["tabIndex"],F=["src","tabIndex","onClick"],A=["tabIndex"],I=["tabIndex"],M=["tabIndex"];var D=i.default(m,[["render",function(t,o,l,i,a,n){const r=e.resolveComponent("ImagePreview");return e.openBlock(),e.createElementBlock("div",{class:"co-carousel-basics",style:e.normalizeStyle({width:t.width||"100%",height:t.height||"100%"})},[e.createElementVNode("div",g,["singleCar"===t.carouselType?(e.openBlock(),e.createElementBlock("div",y,[t.isSingleCar?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`singleCar-swiper${t.timeId} swiper-box singleCar-container`),ref:"carouselBigBox",onMouseover:o[1]||(o[1]=e=>t.mouseBottonFn("over")),onMouseout:o[2]||(o[2]=e=>t.mouseBottonFn("out")),onMousedown:o[3]||(o[3]=e.withModifiers(((...e)=>t.mousedownFn&&t.mousedownFn(...e)),["stop"]))},[e.createElementVNode("div",{class:"swiper-wrapper",ref:"swiperWrapperBox",onDblclick:o[0]||(o[0]=e.withModifiers(((...e)=>t.dblclickFn&&t.dblclickFn(...e)),["stop"]))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.listData,((o,l)=>(e.openBlock(),e.createElementBlock("div",w,[e.createElementVNode("img",{src:o.imgSrc,alt:"#",onClick:e.withModifiers((e=>t.webJumpFn(l)),["stop"]),style:e.normalizeStyle({height:t.heightAuto?"auto":"100%"})},null,12,v),t.isTextBox?(e.openBlock(),e.createElementBlock("div",{key:0,class:"singleCar_text_box",style:e.normalizeStyle({height:t.textHeight+"px",textAlign:t.textAlign,bottom:t.textBottom+"px",backgroundColor:t.textBgColor,fontSize:t.textSize+"px",fontFamily:t.fontFamily,color:t.textColor})},[e.createElementVNode("span",{style:e.normalizeStyle({lineHeight:t.lineHeight+"px",letterSpacing:t.sstTextSpacing+"px","-webkit-line-clamp":t.sstTextClamp})},e.toDisplayString(o.text),5)],4)):e.createCommentVNode("",!0)])))),256))],544),"scrollbar"===t.paginationType?(e.openBlock(),e.createElementBlock("div",{key:0,class:"swiper-scrollbar",style:e.normalizeStyle({backgroundColor:"rgba(255,255,255,.2)"})},null,4)):e.createCommentVNode("",!0),"scrollbar"!==t.paginationType&&"none"!==t.paginationType?(e.openBlock(),e.createElementBlock("div",x)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",{class:"swiper-button-prev",style:e.normalizeStyle({color:t.buttonColor})},null,4),[[e.vShow,t.isButton]]),e.withDirectives(e.createElementVNode("div",{class:"swiper-button-next",style:e.normalizeStyle({color:t.buttonColor})},null,4),[[e.vShow,t.isButton]])],34)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),"perViewRule"===t.carouselType?(e.openBlock(),e.createElementBlock("div",b,[t.isPerViewRule?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`perViewRule-swiper${t.timeId} swiper-box perViewRule-container`),onMouseover:o[5]||(o[5]=e=>t.mouseBottonFn("over")),onMouseout:o[6]||(o[6]=e=>t.mouseBottonFn("out")),onMousedown:o[7]||(o[7]=e.withModifiers(((...e)=>t.mousedownFn&&t.mousedownFn(...e)),["stop"]))},[e.createElementVNode("div",{class:"swiper-wrapper",onDblclick:o[4]||(o[4]=e.withModifiers(((...e)=>t.dblclickFn&&t.dblclickFn(...e)),["stop"]))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.listData,((o,l)=>(e.openBlock(),e.createElementBlock("div",{class:"swiper-slide perViewRule_slide",style:e.normalizeStyle({backgroundImage:`url(${t.bgImage})`,backgroundSize:t.bgSize})},[e.createElementVNode("img",{src:o.imgSrc,alt:"#",onClick:e.withModifiers((e=>t.webJumpFn(l)),["stop"]),style:e.normalizeStyle({height:t.heightAuto?"auto":t.imageHeight,width:t.imageWidth})},null,12,S),t.isTextBox?(e.openBlock(),e.createElementBlock("div",{key:0,class:"perViewRule_text_box",style:e.normalizeStyle({height:t.textHeight+"px",lineHeight:t.textHeight+"px",textAlign:t.textAlign,bottom:t.textBottom+"px",backgroundColor:t.textBgColor,fontSize:t.textSize+"px",fontFamily:t.fontFamily,color:t.textColor})},e.toDisplayString(o.text),5)):e.createCommentVNode("",!0)],4)))),256))],32),"scrollbar"===t.paginationType?(e.openBlock(),e.createElementBlock("div",{key:0,class:"swiper-scrollbar",style:e.normalizeStyle({backgroundColor:"rgba(255,255,255,.2)"})},null,4)):e.createCommentVNode("",!0),"scrollbar"!==t.paginationType&&"none"!==t.paginationType?(e.openBlock(),e.createElementBlock("div",k)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",{class:"swiper-button-prev",style:e.normalizeStyle({color:t.buttonColor})},null,4),[[e.vShow,t.isButton]]),e.withDirectives(e.createElementVNode("div",{class:"swiper-button-next",style:e.normalizeStyle({color:t.buttonColor})},null,4),[[e.vShow,t.isButton]])],34)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),"merryGoRound"===t.carouselType?(e.openBlock(),e.createElementBlock("div",h,[t.isMerryGoRound?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`merryGoRound-swiper${t.timeId} swiper-box merryGoRound-container`),onMouseover:o[9]||(o[9]=e=>t.mouseBottonFn("over")),onMouseout:o[10]||(o[10]=e=>t.mouseBottonFn("out")),onMousedown:o[11]||(o[11]=e.withModifiers(((...e)=>t.mousedownFn&&t.mousedownFn(...e)),["stop"]))},[e.createElementVNode("div",{class:"swiper-wrapper",onDblclick:o[8]||(o[8]=e.withModifiers(((...e)=>t.dblclickFn&&t.dblclickFn(...e)),["stop"]))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.listData,((o,l)=>(e.openBlock(),e.createElementBlock("div",{class:"swiper-slide merryGoRound_slide",style:e.normalizeStyle({backgroundImage:`url(${t.bgImage})`,backgroundSize:t.bgSize})},[e.createElementVNode("img",{src:o.imgSrc,alt:"#",onClick:e.withModifiers((e=>t.webJumpFn(l)),["stop"]),style:e.normalizeStyle({height:t.heightAuto?"auto":t.imageHeight,width:t.imageWidth})},null,12,B),t.isTextBox?(e.openBlock(),e.createElementBlock("div",{key:0,class:"merryGoRound_text_box",style:e.normalizeStyle({height:t.textHeight+"px",textAlign:t.textAlign,bottom:t.textBottom+"px",backgroundColor:t.textBgColor,fontSize:t.textSize+"px",fontFamily:t.fontFamily,color:t.textColor})},[e.createElementVNode("span",{style:e.normalizeStyle({lineHeight:t.lineHeight+"px",letterSpacing:t.sstTextSpacing+"px","-webkit-line-clamp":t.sstTextClamp})},e.toDisplayString(o.text),5)],4)):e.createCommentVNode("",!0)],4)))),256))],32),"scrollbar"===t.paginationType?(e.openBlock(),e.createElementBlock("div",{key:0,class:"swiper-scrollbar",style:e.normalizeStyle({backgroundColor:"rgba(255,255,255,.2)"})},null,4)):e.createCommentVNode("",!0),"scrollbar"!==t.paginationType&&"none"!==t.paginationType?(e.openBlock(),e.createElementBlock("div",T)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",{class:"swiper-button-prev",style:e.normalizeStyle({color:t.buttonColor})},null,4),[[e.vShow,t.isButton]]),e.withDirectives(e.createElementVNode("div",{class:"swiper-button-next",style:e.normalizeStyle({color:t.buttonColor})},null,4),[[e.vShow,t.isButton]])],34)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),"specialShapedText"===t.carouselType?(e.openBlock(),e.createElementBlock("div",C,[t.isSpecialShapedText?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`specialShapedText-swiper${t.timeId} swiper-box specialShapedText-container`),onMouseover:o[13]||(o[13]=e=>t.mouseBottonFn("over")),onMouseout:o[14]||(o[14]=e=>t.mouseBottonFn("out")),onMousedown:o[15]||(o[15]=e.withModifiers(((...e)=>t.mousedownFn&&t.mousedownFn(...e)),["stop"]))},[e.createElementVNode("div",{class:"swiper-wrapper",onDblclick:o[12]||(o[12]=e.withModifiers(((...e)=>t.dblclickFn&&t.dblclickFn(...e)),["stop"]))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.listData,((o,l)=>(e.openBlock(),e.createElementBlock("div",{class:"swiper-slide",style:e.normalizeStyle({backgroundImage:`url(${t.bgImage})`,backgroundSize:t.bgSize})},[e.createElementVNode("img",{src:o.imgSrc,alt:"#",onClick:e.withModifiers((e=>t.webJumpFn(l)),["stop"]),style:e.normalizeStyle({height:t.heightAuto?"auto":t.imageHeight,width:t.imageWidth,top:t.imageTop+"px"})},null,12,f),e.createElementVNode("div",{class:"SST-textBox",style:e.normalizeStyle({backgroundColor:t.sstTextBgColor,top:t.textBoxTop+"px",height:t.textHeight+"px"})},[e.createElementVNode("h5",{class:"SST-title",style:e.normalizeStyle({fontSize:t.titleSize+"px",color:t.titleColor,textAlign:t.titleAlign,fontFamily:t.titleFamily,marginBottom:t.titleMarginB+"px"})},e.toDisplayString(o.title),5),e.createElementVNode("p",{class:"SST-text",style:e.normalizeStyle({fontSize:t.sstTextSize+"px",color:t.sstTextColor,textAlign:t.sstTextAlign,fontFamily:t.sstTextFamily,letterSpacing:t.sstTextSpacing+"px","-webkit-line-clamp":t.sstTextClamp})},e.toDisplayString(o.text),5)],4)],4)))),256))],32),"scrollbar"===t.paginationType?(e.openBlock(),e.createElementBlock("div",{key:0,class:"swiper-scrollbar",style:e.normalizeStyle({backgroundColor:"rgba(255,255,255,.2)"})},null,4)):e.createCommentVNode("",!0),"scrollbar"!==t.paginationType&&"none"!==t.paginationType?(e.openBlock(),e.createElementBlock("div",V)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",{class:"swiper-button-prev",style:e.normalizeStyle({color:t.buttonColor})},null,4),[[e.vShow,t.isButton]]),e.withDirectives(e.createElementVNode("div",{class:"swiper-button-next",style:e.normalizeStyle({color:t.buttonColor})},null,4),[[e.vShow,t.isButton]])],34)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),"iconSlide"===t.carouselType?(e.openBlock(),e.createElementBlock("div",z,[t.isIconSlide?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`iconSlide-swiper${t.timeId} swiper-box iconSlide-container`),onMouseover:o[16]||(o[16]=e=>t.mouseBottonFn("over")),onMouseout:o[17]||(o[17]=e=>t.mouseBottonFn("out")),onMousedown:o[18]||(o[18]=e.withModifiers(((...e)=>t.mousedownFn&&t.mousedownFn(...e)),["stop"]))},[e.createElementVNode("div",E,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.listData,((o,l)=>(e.openBlock(),e.createElementBlock("div",{class:"swiper-slide iconSlide_slide",tabIndex:l,style:e.normalizeStyle({backgroundImage:`url(${t.bgImage})`,backgroundSize:t.bgSize})},[e.createElementVNode("img",{src:o.imgSrc,tabIndex:l,alt:"#",onClick:e.withModifiers((e=>t.webJumpFn(l)),["stop"]),style:e.normalizeStyle({height:t.heightAuto?"auto":t.imageHeight,width:t.imageWidth,top:t.imageTop+"px",left:t.isLeft?"unset":t.imageLeft+"px"})},null,12,F),t.isTextBox?(e.openBlock(),e.createElementBlock("div",{key:0,class:"SST-textBox",tabIndex:l,style:e.normalizeStyle({backgroundColor:"rgba(0,0,0,0)",top:t.textBoxTop+"px"})},[e.createElementVNode("h5",{class:"SST-title",tabIndex:l,style:e.normalizeStyle({fontSize:t.titleSize+"px",color:t.titleColor,textAlign:t.titleAlign,fontFamily:t.titleFamily,marginBottom:t.titleMarginB+"px"})},e.toDisplayString(o.title),13,I),e.createElementVNode("p",{class:"SST-text",tabIndex:l,style:e.normalizeStyle({fontSize:t.sstTextSize+"px",color:t.sstTextColor,textAlign:t.sstTextAlign,fontFamily:t.sstTextFamily,letterSpacing:t.sstTextSpacing+"px","-webkit-line-clamp":t.sstTextClamp})},e.toDisplayString(o.text),13,M)],12,A)):e.createCommentVNode("",!0)],12,N)))),256))]),"scrollbar"===t.paginationType?(e.openBlock(),e.createElementBlock("div",{key:0,class:"swiper-scrollbar",style:e.normalizeStyle({backgroundColor:"rgba(255,255,255,.2)"})},null,4)):e.createCommentVNode("",!0),"scrollbar"!==t.paginationType&&"none"!==t.paginationType?(e.openBlock(),e.createElementBlock("div",{key:1,class:"swiper-pagination pagination-box",style:e.normalizeStyle({textAlign:"center",bottom:t.paginationBottom+"px"})},null,4)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",{class:"swiper-button-prev",style:e.normalizeStyle({color:t.buttonColor})},null,4),[[e.vShow,t.isButton]]),e.withDirectives(e.createElementVNode("div",{class:"swiper-button-next",style:e.normalizeStyle({color:t.buttonColor})},null,4),[[e.vShow,t.isButton]])],34)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]),e.createVNode(r,{modelValue:t.isMask,"onUpdate:modelValue":o[19]||(o[19]=e=>t.isMask=e),src:t.imgSrc,"onUpdate:src":o[20]||(o[20]=e=>t.imgSrc=e),clockType:t.clockType,"onUpdate:clockType":o[21]||(o[21]=e=>t.clockType=e),onChange:t.imagePreviewChange},null,8,["modelValue","src","clockType","onChange"])],4)}],["__scopeId","data-v-f023beaa"]]);exports.default=D;