index.mjs 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. import { isClient } from "../../utils/browser.mjs";
  2. import { isArray, isElement } from "../../utils/types.mjs";
  3. //#region ../../packages/directives/click-outside/index.ts
  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()) for (const { documentHandler } of handlers) documentHandler(e, startClick);
  11. startClick = void 0;
  12. }
  13. });
  14. }
  15. function createDocumentHandler(el, binding) {
  16. let excludes = [];
  17. if (isArray(binding.arg)) excludes = binding.arg;
  18. else if (isElement(binding.arg)) excludes.push(binding.arg);
  19. return function(mouseup, mousedown) {
  20. const popperRef = binding.instance.popperRef;
  21. const mouseUpTarget = mouseup.target;
  22. const mouseDownTarget = mousedown?.target;
  23. const isBound = !binding || !binding.instance;
  24. const isTargetExists = !mouseUpTarget || !mouseDownTarget;
  25. const isContainedByEl = el.contains(mouseUpTarget) || el.contains(mouseDownTarget);
  26. const isSelf = el === mouseUpTarget;
  27. const isTargetExcluded = excludes.length && excludes.some((item) => item?.contains(mouseUpTarget)) || excludes.length && excludes.includes(mouseDownTarget);
  28. const isContainedByPopper = popperRef && (popperRef.contains(mouseUpTarget) || popperRef.contains(mouseDownTarget));
  29. if (isBound || isTargetExists || isContainedByEl || isSelf || isTargetExcluded || isContainedByPopper) return;
  30. binding.value(mouseup, mousedown);
  31. };
  32. }
  33. const ClickOutside = {
  34. beforeMount(el, binding) {
  35. if (!nodeList.has(el)) nodeList.set(el, []);
  36. nodeList.get(el).push({
  37. documentHandler: createDocumentHandler(el, binding),
  38. bindingFn: binding.value
  39. });
  40. },
  41. updated(el, binding) {
  42. if (!nodeList.has(el)) nodeList.set(el, []);
  43. const handlers = nodeList.get(el);
  44. const oldHandlerIndex = handlers.findIndex((item) => item.bindingFn === binding.oldValue);
  45. const newHandler = {
  46. documentHandler: createDocumentHandler(el, binding),
  47. bindingFn: binding.value
  48. };
  49. if (oldHandlerIndex >= 0) handlers.splice(oldHandlerIndex, 1, newHandler);
  50. else handlers.push(newHandler);
  51. },
  52. unmounted(el) {
  53. nodeList.delete(el);
  54. }
  55. };
  56. //#endregion
  57. export { ClickOutside as default };
  58. //# sourceMappingURL=index.mjs.map