tass-ui/lib/packages/components/dropdown/src/dropdownMenuClick.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 _hoisted_1 = {
  key: 0,
  class: "tas-dropdown-menu"
};
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
  __name: "dropdownMenuClick",
  setup(__props) {
    let state = vue.reactive({
      showMenuClick: false
    });
    const mouseenter = () => {
      state.showMenuClick = true;
    };
    vue.onMounted(() => {
      event.default.on("updateShowMenuClick", (isOption) => {
        if (typeof isOption === "boolean") {
          state.showMenuClick = isOption;
        }
      });
      event.default.on("mouseleave", (isOption) => {
        if (typeof isOption === "boolean") {
          state.showMenuClick = isOption;
        }
      });
    });
    return (_ctx, _cache) => {
      return vue.openBlock(), vue.createBlock(vue.Transition, {
        name: "tas-dropdown-transition",
        onMouseenter: mouseenter
      }, {
        default: vue.withCtx(() => [
          vue.unref(state).showMenuClick ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_1, [
            vue.renderSlot(_ctx.$slots, "default")
          ])) : vue.createCommentVNode("", true)
        ]),
        _: 3
      });
    };
  }
});
exports.default = _sfc_main;