index.js 2.5 KB

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