public/svelte-carousel
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Move setting init page to method

Browse Source
This commit is contained in:
Vadim
2021-10-10 12:28:44 +03:00
parent de213cba88
commit 6c8e16492b
2 changed files with 18 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/components/Carousel/createCarousel.js
View File

@@ -28,7 +28,6 @@ function createCarousel(onChange) {
particlesToShowInit: 1, // initial value
particlesToScroll: 1, // normalized
particlesToScrollInit: 1, // initial value
initialPageIndex: 0,
particlesCount: 1,
currentParticleIndex: 1,
infinite: false,
@@ -109,13 +108,6 @@ function createCarousel(onChange) {
// to prevent its data added to deps
data.autoplay && _applyAutoplayIfNeeded(data.autoplay)
},
setParticlesToShow({ data }) {
data.particlesToShow = getValueInRange(
1,
data.particlesToShowInit,
data.particlesCountWithoutClones
)
},
setPagesCount({ data }) {
data.pagesCount = getPagesCountByParticlesCount({
infinite: data.infinite,
@@ -123,6 +115,13 @@ function createCarousel(onChange) {
particlesToScroll: data.particlesToScroll,
})
},
setParticlesToShow({ data }) {
data.particlesToShow = getValueInRange(
1,
data.particlesToShowInit,
data.particlesCountWithoutClones
)
},
setParticlesToScroll({ data }) {
data.particlesToScroll = getValueInRange(
1,
@@ -130,17 +129,10 @@ function createCarousel(onChange) {
data.particlesCountWithoutClones
)
},
setInitialPageIndex({ data, methods: { showPage } }) {
const ind = getValueInRange(0, data.initialPageIndex, data.pagesCount)
console.log('ind', data.initialPageIndex, ind)
showPage(5, {
animated: false,
})
},
},
methods: {
_prev({ data }) {
const newCurrentParticleIndex = getParticleIndexByPageIndex({
data.currentParticleIndex = getParticleIndexByPageIndex({
infinite: data.infinite,
pageIndex: data.currentPageIndex - 1,
clonesCountHead: data.clonesCountHead,
@@ -149,10 +141,9 @@ function createCarousel(onChange) {
particlesCount: data.particlesCount,
particlesToShow: data.particlesToShow,
})
data.currentParticleIndex = newCurrentParticleIndex
},
_next({ data }) {
const newCurrentParticleIndex = getParticleIndexByPageIndex({
data.currentParticleIndex = getParticleIndexByPageIndex({
infinite: data.infinite,
pageIndex: data.currentPageIndex + 1,
clonesCountHead: data.clonesCountHead,
@@ -161,15 +152,13 @@ function createCarousel(onChange) {
particlesCount: data.particlesCount,
particlesToShow: data.particlesToShow,
})
data.currentParticleIndex = newCurrentParticleIndex
},
_moveToParticle({ data }, particleIndex) {
const newCurrentParticleIndex = getValueInRange(
data.currentParticleIndex = getValueInRange(
0,
particleIndex,
data.particlesCount - 1
)
data.currentParticleIndex = newCurrentParticleIndex
},
toggleFocused({ data }) {
data.focused = !data.focused
@@ -247,8 +236,8 @@ function createCarousel(onChange) {
options
)
},
async showPage({ data, methods }, pageIndex, options) {
const ind = getParticleIndexByPageIndex({
_getParticleIndexByPageIndex({ data }, pageIndex) {
return getParticleIndexByPageIndex({
infinite: data.infinite,
pageIndex,
clonesCountHead: data.clonesCountHead,
@@ -257,8 +246,10 @@ function createCarousel(onChange) {
particlesCount: data.particlesCount,
particlesToShow: data.particlesToShow,
})
console.log('ParticleIndex', ind)
await methods.showParticle(ind, options)
},
async showPage({ methods }, pageIndex, options) {
const particleIndex = methods._getParticleIndexByPageIndex(pageIndex)
await methods.showParticle(particleIndex, options)
},
offsetPage({ data }, options) {
const animated = get(options, 'animated', true)