41 lines
1.4 KiB
JavaScript
41 lines
1.4 KiB
JavaScript
|
// Because of the nature of the loop slide work,
|
||
|
|
// we need to add duplicates to the left and right of the carousel
|
||
|
|
// slot [ 0 1 2 ]
|
||
|
|
// display 2 0 1 2 0
|
||
|
|
// real 0 1 2 3 4
|
||
|
|
import { cloneVNode } from 'vue';
|
||
|
|
export function addDuplicateSlides(slides) {
|
||
|
|
const {
|
||
|
|
length
|
||
|
|
} = slides;
|
||
|
|
if (length > 1) {
|
||
|
|
slides.push(duplicateSlide(slides[0], 0, 'append'));
|
||
|
|
slides.unshift(duplicateSlide(slides[length - 1], length - 1, 'prepend'));
|
||
|
|
return slides;
|
||
|
|
}
|
||
|
|
return slides;
|
||
|
|
}
|
||
|
|
function duplicateSlide(child, index, position) {
|
||
|
|
return cloneVNode(child, {
|
||
|
|
// for patch
|
||
|
|
key: `carousel-item-duplicate-${index}-${position}`
|
||
|
|
});
|
||
|
|
}
|
||
|
|
export function getDisplayIndex(current, length, duplicatedable) {
|
||
|
|
if (length === 1) return 0;
|
||
|
|
return !duplicatedable ? current : current === 0 ? length - 3 : current === length - 1 ? 0 : current - 1;
|
||
|
|
}
|
||
|
|
export function getRealIndex(current, duplicatedable) {
|
||
|
|
return !duplicatedable ? current : current + 1;
|
||
|
|
}
|
||
|
|
export function getPrevIndex(current, length, duplicatedable) {
|
||
|
|
if (current < 0) return null;
|
||
|
|
return current === 0 ? duplicatedable ? length - 1 : null : current - 1;
|
||
|
|
}
|
||
|
|
export function getNextIndex(current, length, duplicatedable) {
|
||
|
|
if (current > length - 1) return null;
|
||
|
|
return current === length - 1 ? duplicatedable ? 0 : null : current + 1;
|
||
|
|
}
|
||
|
|
export function getDisplayTotalView(total, duplicatedable) {
|
||
|
|
return duplicatedable && total > 3 ? total - 2 : total;
|
||
|
|
}
|