loopCreate.js 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. import { getDocument } from 'ssr-window';
  2. import $ from '../../shared/dom.js';
  3. export default function loopCreate() {
  4. const swiper = this;
  5. const document = getDocument();
  6. const {
  7. params,
  8. $wrapperEl
  9. } = swiper; // Remove duplicated slides
  10. const $selector = $wrapperEl.children().length > 0 ? $($wrapperEl.children()[0].parentNode) : $wrapperEl;
  11. $selector.children(`.${params.slideClass}.${params.slideDuplicateClass}`).remove();
  12. let slides = $selector.children(`.${params.slideClass}`);
  13. if (params.loopFillGroupWithBlank) {
  14. const blankSlidesNum = params.slidesPerGroup - slides.length % params.slidesPerGroup;
  15. if (blankSlidesNum !== params.slidesPerGroup) {
  16. for (let i = 0; i < blankSlidesNum; i += 1) {
  17. const blankNode = $(document.createElement('div')).addClass(`${params.slideClass} ${params.slideBlankClass}`);
  18. $selector.append(blankNode);
  19. }
  20. slides = $selector.children(`.${params.slideClass}`);
  21. }
  22. }
  23. if (params.slidesPerView === 'auto' && !params.loopedSlides) params.loopedSlides = slides.length;
  24. swiper.loopedSlides = Math.ceil(parseFloat(params.loopedSlides || params.slidesPerView, 10));
  25. swiper.loopedSlides += params.loopAdditionalSlides;
  26. if (swiper.loopedSlides > slides.length && swiper.params.loopedSlidesLimit) {
  27. swiper.loopedSlides = slides.length;
  28. }
  29. const prependSlides = [];
  30. const appendSlides = [];
  31. slides.each((el, index) => {
  32. const slide = $(el);
  33. slide.attr('data-swiper-slide-index', index);
  34. });
  35. for (let i = 0; i < swiper.loopedSlides; i += 1) {
  36. const index = i - Math.floor(i / slides.length) * slides.length;
  37. appendSlides.push(slides.eq(index)[0]);
  38. prependSlides.unshift(slides.eq(slides.length - index - 1)[0]);
  39. }
  40. for (let i = 0; i < appendSlides.length; i += 1) {
  41. $selector.append($(appendSlides[i].cloneNode(true)).addClass(params.slideDuplicateClass));
  42. }
  43. for (let i = prependSlides.length - 1; i >= 0; i -= 1) {
  44. $selector.prepend($(prependSlides[i].cloneNode(true)).addClass(params.slideDuplicateClass));
  45. }
  46. }