song-ui-u/es/components/menu/src/menu-item.mjs

vue3 + js的PC前端组件库

import { defineComponent, createVNode } from 'vue';
import { useNamespace } from '../../../hook/use-namespace/index.mjs';
import 'song-ui-pro-icon';
import '../../../hook/use-zindex/index.mjs';
import { useMenu } from './hooks/use-menu.mjs';

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

export { menuItem as default };
//# sourceMappingURL=menu-item.mjs.map