index.mjs 2.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. import { isClient } from '@vueuse/core';
  2. import { isArray } from '@vue/shared';
  3. import { isElement } from '../../utils/types.mjs';
  4. const nodeList = /* @__PURE__ */ new Map();
  5. if (isClient) {
  6. let startClick;
  7. document.addEventListener("mousedown", (e) => startClick = e);
  8. document.addEventListener("mouseup", (e) => {
  9. if (startClick) {
  10. for (const handlers of nodeList.values()) {
  11. for (const { documentHandler } of handlers) {
  12. documentHandler(e, startClick);
  13. }
  14. }
  15. startClick = void 0;
  16. }
  17. });
  18. }
  19. function createDocumentHandler(el, binding) {
  20. let excludes = [];
  21. if (isArray(binding.arg)) {
  22. excludes = binding.arg;
  23. } else if (isElement(binding.arg)) {
  24. excludes.push(binding.arg);
  25. }
  26. return function(mouseup, mousedown) {
  27. const popperRef = binding.instance.popperRef;
  28. const mouseUpTarget = mouseup.target;
  29. const mouseDownTarget = mousedown == null ? void 0 : mousedown.target;
  30. const isBound = !binding || !binding.instance;
  31. const isTargetExists = !mouseUpTarget || !mouseDownTarget;
  32. const isContainedByEl = el.contains(mouseUpTarget) || el.contains(mouseDownTarget);
  33. const isSelf = el === mouseUpTarget;
  34. const isTargetExcluded = excludes.length && excludes.some((item) => item == null ? void 0 : item.contains(mouseUpTarget)) || excludes.length && excludes.includes(mouseDownTarget);
  35. const isContainedByPopper = popperRef && (popperRef.contains(mouseUpTarget) || popperRef.contains(mouseDownTarget));
  36. if (isBound || isTargetExists || isContainedByEl || isSelf || isTargetExcluded || isContainedByPopper) {
  37. return;
  38. }
  39. binding.value(mouseup, mousedown);
  40. };
  41. }
  42. const ClickOutside = {
  43. beforeMount(el, binding) {
  44. if (!nodeList.has(el)) {
  45. nodeList.set(el, []);
  46. }
  47. nodeList.get(el).push({
  48. documentHandler: createDocumentHandler(el, binding),
  49. bindingFn: binding.value
  50. });
  51. },
  52. updated(el, binding) {
  53. if (!nodeList.has(el)) {
  54. nodeList.set(el, []);
  55. }
  56. const handlers = nodeList.get(el);
  57. const oldHandlerIndex = handlers.findIndex(
  58. (item) => item.bindingFn === binding.oldValue
  59. );
  60. const newHandler = {
  61. documentHandler: createDocumentHandler(el, binding),
  62. bindingFn: binding.value
  63. };
  64. if (oldHandlerIndex >= 0) {
  65. handlers.splice(oldHandlerIndex, 1, newHandler);
  66. } else {
  67. handlers.push(newHandler);
  68. }
  69. },
  70. unmounted(el) {
  71. nodeList.delete(el);
  72. }
  73. };
  74. export { ClickOutside as default };
  75. //# sourceMappingURL=index.mjs.map