tass-ui/es/packages/components/dropdown/src/dropdwon.vue.mjs

A high quality UI Toolkit built on Vue.js3+.

import { defineComponent, openBlock, createElementBlock, renderSlot } from "vue";
import "../../../theme-chalk/src/dropdown.scss.mjs";
import mitt from "./event.mjs";
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "dropdwon",
  props: {
    trigger: {
      type: [String],
      default: "hover"
    }
  },
  setup(__props) {
    const props = __props;
    const mouseclick = () => {
      if (props.trigger === "click") {
        mitt.emit("updateShowMenuClick", true);
      }
    };
    const mouseenter = () => {
      if (props.trigger === "hover") {
        mitt.emit("updateShowMenu", true);
      }
    };
    const mouseleave = () => {
      mitt.emit("mouseleave", false);
    };
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("div", {
        class: "tas-dropdown",
        onMouseenter: mouseenter,
        onMouseleave: mouseleave,
        onClick: mouseclick
      }, [
        renderSlot(_ctx.$slots, "default")
      ], 32);
    };
  }
});
export {
  _sfc_main as default
};