{"version":3,"file":"menu-item.vue.mjs","sources":["../../../../../packages/components/menu/src/menu-item.vue"],"sourcesContent":["<template>\n  <li\n    class=\"el-menu-item\"\n    role=\"menuitem\"\n    tabindex=\"-1\"\n    :style=\"paddingStyle\"\n    :class=\"{\n      'is-active': active,\n      'is-disabled': disabled,\n    }\"\n    @click=\"handleClick\"\n  >\n    <el-tooltip\n      v-if=\"\n        parentMenu.type.name === 'ElMenu' &&\n        rootMenu.props.collapse &&\n        $slots.title\n      \"\n      :effect=\"Effect.DARK\"\n      placement=\"right\"\n      persistent\n    >\n      <template #content>\n        <slot name=\"title\" />\n      </template>\n      <div\n        :style=\"{\n          position: 'absolute',\n          left: 0,\n          top: 0,\n          height: '100%',\n          width: '100%',\n          display: 'inline-block',\n          boxSizing: 'border-box',\n          padding: '0 20px',\n        }\"\n      >\n        <slot />\n      </div>\n    </el-tooltip>\n    <template v-else>\n      <slot />\n      <slot name=\"title\" />\n    </template>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  computed,\n  onMounted,\n  onBeforeUnmount,\n  inject,\n  getCurrentInstance,\n  toRef,\n  reactive,\n} from 'vue'\nimport ElTooltip from '@element-ultra/components/tooltip'\nimport { Effect } from '@element-ultra/components/popper'\nimport { throwError } from '@element-ultra/utils'\nimport useMenu from './use-menu'\nimport { menuItemEmits, menuItemProps } from './menu-item'\n\nimport type { MenuItemRegistered, MenuProvider, SubMenuProvider } from './types'\n\nconst COMPONENT_NAME = 'ElMenuItem'\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  components: {\n    ElTooltip,\n  },\n\n  props: menuItemProps,\n  emits: menuItemEmits,\n\n  setup(props, { emit }) {\n    const instance = getCurrentInstance()!\n    const rootMenu = inject<MenuProvider>('rootMenu')\n    if (!rootMenu) throwError(COMPONENT_NAME, 'can not inject root menu')\n\n    const { parentMenu, paddingStyle, indexPath } = useMenu(\n      instance,\n      toRef(props, 'index')\n    )\n\n    const subMenu = inject<SubMenuProvider>(`subMenu:${parentMenu.value.uid}`)\n    if (!subMenu) throwError(COMPONENT_NAME, 'can not inject sub menu')\n\n    const active = computed(() => props.index === rootMenu.activeIndex)\n    const item: MenuItemRegistered = reactive({\n      index: props.index,\n      indexPath,\n      active,\n    })\n\n    const handleClick = () => {\n      if (!props.disabled) {\n        rootMenu.handleMenuItemClick({\n          index: props.index,\n          indexPath: indexPath.value,\n          route: props.route,\n        })\n        emit('click', item)\n      }\n    }\n\n    onMounted(() => {\n      subMenu.addSubMenu(item)\n      rootMenu.addMenuItem(item)\n    })\n\n    onBeforeUnmount(() => {\n      subMenu.removeSubMenu(item)\n      rootMenu.removeMenuItem(item)\n    })\n\n    return {\n      Effect,\n      parentMenu,\n      rootMenu,\n      paddingStyle,\n      active,\n\n      handleClick,\n    }\n  },\n})\n</script>\n"],"names":["_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","_createBlock","_renderSlot","_withCtx","_createElementVNode","_Fragment"],"mappings":";;;;;;;;;;;EAmCS,SAAA,EAAA,YAAA;AAAA,EAAA,OAAA,EAAA,QAAA;;;gCAlCPA,iBA2CK,YAAA,CAAA,CAAA;AAtC0B,EAAA,OAAAC,WAAA,EAAAC,kBAAA;AAAA,IAAM,IAAA;AAAA,IAAA;AAAA,MAAA,KAAA,EAAAC,cAAuB,CAAA,CAAQ,cAAA,EAAA;AAAA,QAAA,aAAA,IAAA,CAAA,MAAA;AAAA,QAHlE,eAAe,IAAA,CAAA,QAAA;AAAA,OACf,CAAA,CAAA;AAAA,MACC,IAAK,EAAA,UAAA;AAAA,MAKL,QAAK,EAAA,IAAA;AAAA,MAAA,KAAA,EAAAC,cAAA,CAAA,IAAA,CAAA,YAAA,CAAA;AAAA;;;MAG2F,IAAO,CAAA,UAAA,CAAA,IAAK,CAAA,IAAA,+EAKlG,EAAA,EAAWC,YAAA,qBAAA,EAAA;AAAA,QACpB,GAAA,EAAA,CAAA;AAAA,QACA,MAAA,EAAU,KAAA,MAAA,CAAA,IAAA;AAAA,QAAA,SAAA,EAAA,OAAA;AAAA,QAEC,UAAO,EAAA,EAAA;AAAA,OAAA,EAAA;AAAA;UAgBZC,UAAA,CAAA,IAAA,CAAA,MAAA,EAAA,OAAA,CAAA;AAAA,SAAA,CAAA;AAAA,iBADJC,QAAQ,MAAA;AAAA,UAAAC,kBAAA,CAAA,OAAA,UAAA,EAAA;AAAA;;;;;SAIV,CAAQ,EAAA,2BACa,EAAAN,kBAAA;AAAA,QAAAO,QAAA;AAAA,QAAA,EAAA,KAAA,CAAA,EAAA;AAAA,QAAA;AAAA,UAAAH,UAAA,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA;;;;;;;;;;;;;;"}