43 lines
1.6 KiB
JavaScript
43 lines
1.6 KiB
JavaScript
"use strict";
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
var react_1 = require("react");
|
|
var util_1 = require("./misc/util");
|
|
var isTouchEvent = function (ev) {
|
|
return 'touches' in ev;
|
|
};
|
|
var preventDefault = function (ev) {
|
|
if (!isTouchEvent(ev))
|
|
return;
|
|
if (ev.touches.length < 2 && ev.preventDefault) {
|
|
ev.preventDefault();
|
|
}
|
|
};
|
|
var useLongPress = function (callback, _a) {
|
|
var _b = _a === void 0 ? {} : _a, _c = _b.isPreventDefault, isPreventDefault = _c === void 0 ? true : _c, _d = _b.delay, delay = _d === void 0 ? 300 : _d;
|
|
var timeout = react_1.useRef();
|
|
var target = react_1.useRef();
|
|
var start = react_1.useCallback(function (event) {
|
|
// prevent ghost click on mobile devices
|
|
if (isPreventDefault && event.target) {
|
|
util_1.on(event.target, 'touchend', preventDefault, { passive: false });
|
|
target.current = event.target;
|
|
}
|
|
timeout.current = setTimeout(function () { return callback(event); }, delay);
|
|
}, [callback, delay, isPreventDefault]);
|
|
var clear = react_1.useCallback(function () {
|
|
// clearTimeout and removeEventListener
|
|
timeout.current && clearTimeout(timeout.current);
|
|
if (isPreventDefault && target.current) {
|
|
util_1.off(target.current, 'touchend', preventDefault);
|
|
}
|
|
}, [isPreventDefault]);
|
|
return {
|
|
onMouseDown: function (e) { return start(e); },
|
|
onTouchStart: function (e) { return start(e); },
|
|
onMouseUp: clear,
|
|
onMouseLeave: clear,
|
|
onTouchEnd: clear,
|
|
};
|
|
};
|
|
exports.default = useLongPress;
|