accept arrays for snapOffset in splitjs

This commit is contained in:
Johan Sundström 2021-05-11 16:33:35 +02:00
parent 3b9bb98d8d
commit d9a350a003
2 changed files with 7 additions and 5 deletions

View File

@ -37,7 +37,7 @@ declare namespace Split {
gutterAlign?: string
// Snap to minimum size offset in pixels.
snapOffset?: number
snapOffset?: number | number[]
dragInterval?: number

View File

@ -167,6 +167,7 @@ const Split = (idsOption, options = {}) => {
const gutterSize = getOption(options, 'gutterSize', 10)
const gutterAlign = getOption(options, 'gutterAlign', 'center')
const snapOffset = getOption(options, 'snapOffset', 30)
const snapOffsets = Array.isArray(snapOffset) ? snapOffset : ids.map(() => snapOffset)
const dragInterval = getOption(options, 'dragInterval', 1)
const direction = getOption(options, 'direction', HORIZONTAL)
const cursor = getOption(
@ -297,20 +298,20 @@ const Split = (idsOption, options = {}) => {
// If within snapOffset of min or max, set offset to min or max.
// snapOffset buffers a.minSize and b.minSize, so logic is opposite for both.
// Include the appropriate gutter sizes to prevent overflows.
if (offset <= a.minSize + snapOffset + this[aGutterSize]) {
if (offset <= a.minSize + a.snapOffset + this[aGutterSize]) {
offset = a.minSize + this[aGutterSize]
} else if (
offset >=
this.size - (b.minSize + snapOffset + this[bGutterSize])
this.size - (b.minSize + b.snapOffset + this[bGutterSize])
) {
offset = this.size - (b.minSize + this[bGutterSize])
}
if (offset >= a.maxSize - snapOffset + this[aGutterSize]) {
if (offset >= a.maxSize - a.snapOffset + this[aGutterSize]) {
offset = a.maxSize + this[aGutterSize]
} else if (
offset <=
this.size - (b.maxSize - snapOffset + this[bGutterSize])
this.size - (b.maxSize - b.snapOffset + this[bGutterSize])
) {
offset = this.size - (b.maxSize + this[bGutterSize])
}
@ -589,6 +590,7 @@ const Split = (idsOption, options = {}) => {
size: sizes[i],
minSize: minSizes[i],
maxSize: maxSizes[i],
snapOffset: snapOffsets[i],
i,
}