index.js 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. 'use strict';
  2. Object.defineProperty(exports, '__esModule', { value: true });
  3. var shared = require('@vue/shared');
  4. const REPEAT_INTERVAL = 100;
  5. const REPEAT_DELAY = 600;
  6. const SCOPE = "_RepeatClick";
  7. const vRepeatClick = {
  8. beforeMount(el, binding) {
  9. const value = binding.value;
  10. const { interval = REPEAT_INTERVAL, delay = REPEAT_DELAY } = shared.isFunction(value) ? {} : value;
  11. let intervalId;
  12. let delayId;
  13. const handler = () => shared.isFunction(value) ? value() : value.handler();
  14. const clear = () => {
  15. if (delayId) {
  16. clearTimeout(delayId);
  17. delayId = void 0;
  18. }
  19. if (intervalId) {
  20. clearInterval(intervalId);
  21. intervalId = void 0;
  22. }
  23. };
  24. const start = (evt) => {
  25. if (evt.button !== 0)
  26. return;
  27. clear();
  28. handler();
  29. document.addEventListener("mouseup", clear, { once: true });
  30. delayId = setTimeout(() => {
  31. intervalId = setInterval(() => {
  32. handler();
  33. }, interval);
  34. }, delay);
  35. };
  36. el[SCOPE] = { start, clear };
  37. el.addEventListener("mousedown", start);
  38. },
  39. unmounted(el) {
  40. if (!el[SCOPE])
  41. return;
  42. const { start, clear } = el[SCOPE];
  43. if (start) {
  44. el.removeEventListener("mousedown", start);
  45. }
  46. if (clear) {
  47. clear();
  48. document.removeEventListener("mouseup", clear);
  49. }
  50. el[SCOPE] = null;
  51. }
  52. };
  53. exports.REPEAT_DELAY = REPEAT_DELAY;
  54. exports.REPEAT_INTERVAL = REPEAT_INTERVAL;
  55. exports.vRepeatClick = vRepeatClick;
  56. //# sourceMappingURL=index.js.map