39 lines
1.1 KiB
JavaScript
39 lines
1.1 KiB
JavaScript
import React from 'react';
|
|
function renderVirtual(swiper, slides, virtualData) {
|
|
if (!virtualData) return null;
|
|
const getSlideIndex = index => {
|
|
let slideIndex = index;
|
|
if (index < 0) {
|
|
slideIndex = slides.length + index;
|
|
} else if (slideIndex >= slides.length) {
|
|
// eslint-disable-next-line
|
|
slideIndex = slideIndex - slides.length;
|
|
}
|
|
return slideIndex;
|
|
};
|
|
const style = swiper.isHorizontal() ? {
|
|
[swiper.rtlTranslate ? 'right' : 'left']: `${virtualData.offset}px`
|
|
} : {
|
|
top: `${virtualData.offset}px`
|
|
};
|
|
const {
|
|
from,
|
|
to
|
|
} = virtualData;
|
|
const loopFrom = swiper.params.loop ? -slides.length : 0;
|
|
const loopTo = swiper.params.loop ? slides.length * 2 : slides.length;
|
|
const slidesToRender = [];
|
|
for (let i = loopFrom; i < loopTo; i += 1) {
|
|
if (i >= from && i <= to) {
|
|
slidesToRender.push(slides[getSlideIndex(i)]);
|
|
}
|
|
}
|
|
return slidesToRender.map((child, index) => {
|
|
return /*#__PURE__*/React.cloneElement(child, {
|
|
swiper,
|
|
style,
|
|
key: `slide-${index}`
|
|
});
|
|
});
|
|
}
|
|
export { renderVirtual }; |