Refactor
parent
d4c42aa393
commit
ae32e74030
|
@ -8,6 +8,7 @@
|
|||
<TieredMenuSub
|
||||
:ref="menubarRef"
|
||||
:id="id + '_list'"
|
||||
:class="cx('rootList')"
|
||||
:tabindex="!disabled ? tabindex : -1"
|
||||
role="menubar"
|
||||
:aria-label="ariaLabel"
|
||||
|
@ -30,6 +31,7 @@
|
|||
@item-click="onItemClick"
|
||||
@item-mouseenter="onItemMouseEnter"
|
||||
@item-mousemove="onItemMouseMove"
|
||||
v-bind="ptm('rootList')"
|
||||
/>
|
||||
<div v-if="$slots.end" :class="cx('end')" v-bind="ptm('end')">
|
||||
<slot name="end"></slot>
|
||||
|
@ -40,10 +42,10 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import { ConnectedOverlayScrollHandler, UniqueComponentId } from '@primevue/core/utils';
|
||||
import { focus, findSingle, addStyle, absolutePosition, getOuterWidth, isTouchDevice } from '@primeuix/utils/dom';
|
||||
import { isNotEmpty, resolve, isPrintableCharacter, isEmpty, findLastIndex } from '@primeuix/utils/object';
|
||||
import { absolutePosition, addStyle, findSingle, focus, getOuterWidth, isTouchDevice } from '@primeuix/utils/dom';
|
||||
import { findLastIndex, isEmpty, isNotEmpty, isPrintableCharacter, resolve } from '@primeuix/utils/object';
|
||||
import { ZIndex } from '@primeuix/utils/zindex';
|
||||
import { ConnectedOverlayScrollHandler, UniqueComponentId } from '@primevue/core/utils';
|
||||
import OverlayEventBus from 'primevue/overlayeventbus';
|
||||
import Portal from 'primevue/portal';
|
||||
import BaseTieredMenu from './BaseTieredMenu.vue';
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<transition name="p-tieredmenu" @enter="onEnter" v-bind="ptm('menu.transition')">
|
||||
<ul v-if="level === 0 ? true : visible" :ref="containerRef" :class="level === 0 ? cx('rootList') : cx('submenu')" :tabindex="tabindex" v-bind="level === 0 ? ptm('rootList') : ptm('submenu')">
|
||||
<ul v-if="level === 0 ? true : visible" :ref="containerRef" :tabindex="tabindex">
|
||||
<template v-for="(processedItem, index) of items" :key="getItemKey(processedItem)">
|
||||
<li
|
||||
v-if="isItemVisible(processedItem) && !getItemProp(processedItem, 'separator')"
|
||||
|
@ -43,6 +43,7 @@
|
|||
<TieredMenuSub
|
||||
v-if="isItemVisible(processedItem) && isItemGroup(processedItem)"
|
||||
:id="getItemId(processedItem) + '_list'"
|
||||
:class="cx('submenu')"
|
||||
:style="sx('submenu', true, { processedItem })"
|
||||
:aria-labelledby="getItemLabelId(processedItem)"
|
||||
role="menu"
|
||||
|
@ -58,6 +59,7 @@
|
|||
@item-click="$emit('item-click', $event)"
|
||||
@item-mouseenter="$emit('item-mouseenter', $event)"
|
||||
@item-mousemove="$emit('item-mousemove', $event)"
|
||||
v-bind="ptm('submenu')"
|
||||
/>
|
||||
</li>
|
||||
<li
|
||||
|
|
Loading…
Reference in New Issue