index.js 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
  2. const require_runtime = require('../../_virtual/_rolldown/runtime.js');
  3. const require_types = require('../../utils/types.js');
  4. let _vueuse_core = require("@vueuse/core");
  5. let _vue_shared = require("@vue/shared");
  6. //#region ../../packages/directives/click-outside/index.ts
  7. const nodeList = /* @__PURE__ */ new Map();
  8. if (_vueuse_core.isClient) {
  9. let startClick;
  10. document.addEventListener("mousedown", (e) => startClick = e);
  11. document.addEventListener("mouseup", (e) => {
  12. if (startClick) {
  13. for (const handlers of nodeList.values()) for (const { documentHandler } of handlers) documentHandler(e, startClick);
  14. startClick = void 0;
  15. }
  16. });
  17. }
  18. function createDocumentHandler(el, binding) {
  19. let excludes = [];
  20. if ((0, _vue_shared.isArray)(binding.arg)) excludes = binding.arg;
  21. else if (require_types.isElement(binding.arg)) excludes.push(binding.arg);
  22. return function(mouseup, mousedown) {
  23. const popperRef = binding.instance.popperRef;
  24. const mouseUpTarget = mouseup.target;
  25. const mouseDownTarget = mousedown?.target;
  26. const isBound = !binding || !binding.instance;
  27. const isTargetExists = !mouseUpTarget || !mouseDownTarget;
  28. const isContainedByEl = el.contains(mouseUpTarget) || el.contains(mouseDownTarget);
  29. const isSelf = el === mouseUpTarget;
  30. const isTargetExcluded = excludes.length && excludes.some((item) => item?.contains(mouseUpTarget)) || excludes.length && excludes.includes(mouseDownTarget);
  31. const isContainedByPopper = popperRef && (popperRef.contains(mouseUpTarget) || popperRef.contains(mouseDownTarget));
  32. if (isBound || isTargetExists || isContainedByEl || isSelf || isTargetExcluded || isContainedByPopper) return;
  33. binding.value(mouseup, mousedown);
  34. };
  35. }
  36. const ClickOutside = {
  37. beforeMount(el, binding) {
  38. if (!nodeList.has(el)) nodeList.set(el, []);
  39. nodeList.get(el).push({
  40. documentHandler: createDocumentHandler(el, binding),
  41. bindingFn: binding.value
  42. });
  43. },
  44. updated(el, binding) {
  45. if (!nodeList.has(el)) nodeList.set(el, []);
  46. const handlers = nodeList.get(el);
  47. const oldHandlerIndex = handlers.findIndex((item) => item.bindingFn === binding.oldValue);
  48. const newHandler = {
  49. documentHandler: createDocumentHandler(el, binding),
  50. bindingFn: binding.value
  51. };
  52. if (oldHandlerIndex >= 0) handlers.splice(oldHandlerIndex, 1, newHandler);
  53. else handlers.push(newHandler);
  54. },
  55. unmounted(el) {
  56. nodeList.delete(el);
  57. }
  58. };
  59. //#endregion
  60. exports.default = ClickOutside;
  61. //# sourceMappingURL=index.js.map