song-ui-u/lib/components/menu/src/menu-item.cjs

vue3 + js的PC前端组件库

'use strict';

var vue = require('vue');
var index = require('../../../hook/use-namespace/index.cjs');
require('song-ui-pro-icon');
require('../../../hook/use-zindex/index.cjs');
var useMenu = require('./hooks/use-menu.cjs');

var menuItem = /* @__PURE__ */ vue.defineComponent({
  name: "x-menu-item",
  props: {
    index: {
      type: String,
      default: ""
    },
    disabled: {
      type: Boolean,
      default: false
    }
  },
  setup(props, {
    slots
  }) {
    const ns = index.useNamespace("menu-item");
    const {
      isActive,
      menuCtx
    } = useMenu.useMenu();
    const handleClick = () => {
      menuCtx.setCurrentIndex(props.index);
      menuCtx.toggle(props.index);
    };
    return () => vue.createVNode("li", {
      "class": [ns.b(), ns.is("active", isActive(props.index))],
      "onClick": handleClick
    }, [slots.default?.()]);
  }
});

module.exports = menuItem;
//# sourceMappingURL=menu-item.cjs.map