tass-ui/lib/packages/components/dropdown/src/dropdwon.vue.js

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

"use strict";
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
const vue = require("vue");
require("../../../theme-chalk/src/dropdown.scss.js");
const event = require("./event.js");
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
  __name: "dropdwon",
  props: {
    trigger: {
      type: [String],
      default: "hover"
    }
  },
  setup(__props) {
    const props = __props;
    const mouseclick = () => {
      if (props.trigger === "click") {
        event.default.emit("updateShowMenuClick", true);
      }
    };
    const mouseenter = () => {
      if (props.trigger === "hover") {
        event.default.emit("updateShowMenu", true);
      }
    };
    const mouseleave = () => {
      event.default.emit("mouseleave", false);
    };
    return (_ctx, _cache) => {
      return vue.openBlock(), vue.createElementBlock("div", {
        class: "tas-dropdown",
        onMouseenter: mouseenter,
        onMouseleave: mouseleave,
        onClick: mouseclick
      }, [
        vue.renderSlot(_ctx.$slots, "default")
      ], 32);
    };
  }
});
exports.default = _sfc_main;