93 lines
2.3 KiB
JavaScript
93 lines
2.3 KiB
JavaScript
import warning from 'warning';
|
|
|
|
let scrollbarVerticalSize;
|
|
let scrollbarHorizontalSize;
|
|
|
|
// Measure scrollbar width for padding body during modal show/hide
|
|
const scrollbarMeasure = {
|
|
position: 'absolute',
|
|
top: '-9999px',
|
|
width: '50px',
|
|
height: '50px',
|
|
overflow: 'scroll',
|
|
};
|
|
|
|
export function measureScrollbar(direction = 'vertical') {
|
|
if (typeof document === 'undefined' || typeof window === 'undefined') {
|
|
return 0;
|
|
}
|
|
const isVertical = direction === 'vertical';
|
|
if (isVertical && scrollbarVerticalSize) {
|
|
return scrollbarVerticalSize;
|
|
} else if (!isVertical && scrollbarHorizontalSize) {
|
|
return scrollbarHorizontalSize;
|
|
}
|
|
const scrollDiv = document.createElement('div');
|
|
Object.keys(scrollbarMeasure).forEach(scrollProp => {
|
|
scrollDiv.style[scrollProp] = scrollbarMeasure[scrollProp];
|
|
});
|
|
// Append related overflow style
|
|
if (isVertical) {
|
|
scrollDiv.style.overflowY = 'scroll';
|
|
} else {
|
|
scrollDiv.style.overflowX = 'scroll';
|
|
}
|
|
document.body.appendChild(scrollDiv);
|
|
let size = 0;
|
|
if (isVertical) {
|
|
size = scrollDiv.offsetWidth - scrollDiv.clientWidth;
|
|
scrollbarVerticalSize = size;
|
|
} else if (!isVertical) {
|
|
size = scrollDiv.offsetHeight - scrollDiv.clientHeight;
|
|
scrollbarHorizontalSize = size;
|
|
}
|
|
|
|
document.body.removeChild(scrollDiv);
|
|
return size;
|
|
}
|
|
|
|
export function debounce(func, wait, immediate) {
|
|
let timeout;
|
|
function debounceFunc(...args) {
|
|
const context = this;
|
|
// https://fb.me/react-event-pooling
|
|
if (args[0] && args[0].persist) {
|
|
args[0].persist();
|
|
}
|
|
const later = () => {
|
|
timeout = null;
|
|
if (!immediate) {
|
|
func.apply(context, args);
|
|
}
|
|
};
|
|
const callNow = immediate && !timeout;
|
|
clearTimeout(timeout);
|
|
timeout = setTimeout(later, wait);
|
|
if (callNow) {
|
|
func.apply(context, args);
|
|
}
|
|
}
|
|
debounceFunc.cancel = function cancel() {
|
|
if (timeout) {
|
|
clearTimeout(timeout);
|
|
timeout = null;
|
|
}
|
|
};
|
|
return debounceFunc;
|
|
}
|
|
|
|
const warned = {};
|
|
export function warningOnce(condition, format, args) {
|
|
if (!warned[format]) {
|
|
warning(condition, format, args);
|
|
warned[format] = !condition;
|
|
}
|
|
}
|
|
|
|
export function remove(array, item) {
|
|
const index = array.indexOf(item);
|
|
const front = array.slice(0, index);
|
|
const last = array.slice(index + 1, array.length);
|
|
return front.concat(last);
|
|
}
|