vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-09 00:42:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

Refactor #3907 - For Menubar

Browse source
This commit is contained in:
Tuğçe Küçükoğlu 2023-04-26 12:58:22 +03:00
parent 234ff1062f
commit 2dd290d526
4 changed files with 164 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

13
components/lib/menubar/Menubar.vue
View file

@ -1,6 +1,6 @@
<template>
<div :ref="containerRef" :class="containerClass">
<div v-if="$slots.start" class="p-menubar-start">
<div :ref="containerRef" :class="containerClass" v-bind="ptm('root')">
<div v-if="$slots.start" class="p-menubar-start" v-bind="ptm('start')">
<slot name="start"></slot>
</div>
<a
@ -15,10 +15,10 @@
:aria-label="$primevue.config.locale.aria.navigation"
@click="menuButtonClick($event)"
@keydown="menuButtonKeydown($event)"
v-bind="buttonProps"
v-bind="{ ...buttonProps, ...ptm('button') }"
>
<slot name="popupicon">
<BarsIcon />
<BarsIcon v-bind="ptm('popupIcon')" />
</slot>
</a>
<MenubarSub
@ -39,25 +39,28 @@
:level="0"
:aria-labelledby="ariaLabelledby"
:aria-label="ariaLabel"
:pt="pt"
@focus="onFocus"
@blur="onBlur"
@keydown="onKeyDown"
@item-click="onItemClick"
@item-mouseenter="onItemMouseEnter"
/>
<div v-if="$slots.end" class="p-menubar-end">
<div v-if="$slots.end" class="p-menubar-end" v-bind="ptm('end')">
<slot name="end"></slot>
</div>
</div>
</template>
<script>
import BaseComponent from 'primevue/basecomponent';
import BarsIcon from 'primevue/icons/bars';
import { DomHandler, ObjectUtils, UniqueComponentId, ZIndexUtils } from 'primevue/utils';
import MenubarSub from './MenubarSub.vue';
export default {
name: 'Menubar',
extends: BaseComponent,
emits: ['focus', 'blur'],
props: {
model: {