element-plus/lib/hooks/use-popper/use-target-events.js

A Component Library for Vue 3

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var vue = require('vue');
require('../../utils/util.js');
var shared = require('@vue/shared');

const DEFAULT_TRIGGER = "hover";
const useTargetEvents = (onShow, onHide, onToggle) => {
  const { props } = vue.getCurrentInstance();
  let triggerFocused = false;
  const popperEventsHandler = (e) => {
    e.stopPropagation();
    switch (e.type) {
      case "click": {
        if (triggerFocused) {
          triggerFocused = false;
        } else {
          onToggle();
        }
        break;
      }
      case "mouseenter": {
        onShow();
        break;
      }
      case "mouseleave": {
        onHide();
        break;
      }
      case "focus": {
        triggerFocused = true;
        onShow();
        break;
      }
      case "blur": {
        triggerFocused = false;
        onHide();
        break;
      }
    }
  };
  const triggerEventsMap = {
    click: ["onClick"],
    hover: ["onMouseenter", "onMouseleave"],
    focus: ["onFocus", "onBlur"]
  };
  const mapEvents = (t) => {
    var _a;
    const events = {};
    (_a = triggerEventsMap[t]) == null ? void 0 : _a.forEach((event) => {
      events[event] = popperEventsHandler;
    });
    return events;
  };
  return vue.computed(() => {
    if (shared.isArray(props.trigger)) {
      return Object.values(props.trigger).reduce((pre, t) => {
        return {
          ...pre,
          ...mapEvents(t)
        };
      }, {});
    } else {
      return mapEvents(props.trigger);
    }
  });
};

exports.DEFAULT_TRIGGER = DEFAULT_TRIGGER;
exports.useTargetEvents = useTargetEvents;
//# sourceMappingURL=use-target-events.js.map