primevue 2.4.2 → 2.7.0

package/menu/Menu.d.ts

@@ -6,6 +6,7 @@ declare class Menu extends Vue {
     appendTo?: string;
     autoZIndex?: boolean;
     baseZIndex?: number;
+    exact?: boolean;
     toggle(event: Event): void;
     show(event: Event, target?: any): void;
     hide(): void;

package/menu/Menu.vue

@@ -4,14 +4,14 @@
             <ul class="p-menu-list p-reset" role="menu">
                 <template v-for="(item, i) of model">
                     <template v-if="item.items && visible(item) && !item.separator">
-                        <li class="p-submenu-header" :key="item.label+i" v-if="item.items">{{item.label}}</li>
+                        <li class="p-submenu-header" :key="label(item) + i" v-if="item.items">{{label(item)}}</li>
                         <template v-for="(child, j) of item.items">
-                            <Menuitem v-if="visible(child) && !child.separator" :key="child.label + i + j" :item="child" @click="itemClick" />
+                            <Menuitem v-if="visible(child) && !child.separator" :key="label(child) + i + j" :item="child" @click="itemClick" :exact="exact" />
                             <li v-else-if="visible(child) && child.separator" :class="['p-menu-separator', child.class]" :style="child.style" :key="'separator' + i + j" role="separator"></li>
                         </template>
                     </template>
                     <li v-else-if="visible(item) && item.separator" :class="['p-menu-separator', item.class]" :style="item.style" :key="'separator' + i" role="separator"></li>
-                    <Menuitem v-else :key="item.label+i" :item="item" @click="itemClick" />
+                    <Menuitem v-else :key="label(item) + i" :item="item" @click="itemClick" :exact="exact" />
                 </template>
             </ul>
         </div>
@@ -44,6 +44,10 @@ export default {
         baseZIndex: {
             type: Number,
             default: 0
+        },
+        exact: {
+            type: Boolean,
+            default: true
         }
     },
     data() {
@@ -195,7 +199,10 @@ export default {
         },
         visible(item) {
             return (typeof item.visible === 'function' ? item.visible() : item.visible !== false);
-        }
+        },
+        label(item) {
+            return (typeof item.label === 'function' ? item.label() : item.label);
+        },
     },
     computed: {
         containerClass() {

package/menu/Menuitem.vue

@@ -1,12 +1,14 @@
 <template>
     <li :class="containerClass" role="none" :style="item.style" v-if="visible()">
-        <router-link v-if="item.to && !item.disabled" :to="item.to" :class="linkClass" role="menuitem" v-ripple>
-            <span :class="['p-menuitem-icon', item.icon]"></span>
-            <span class="p-menuitem-text">{{item.label}}</span>
+        <router-link v-if="item.to && !disabled(item)" :to="item.to" custom v-slot="{navigate, href, isActive, isExactActive}">
+            <a :href="href" @click="onClick($event, navigate)" :class="linkClass(item, {isActive, isExactActive})" role="menuitem" v-ripple>
+                <span :class="['p-menuitem-icon', item.icon]"></span>
+                <span class="p-menuitem-text">{{label(item)}}</span>
+            </a>
         </router-link>
-        <a v-else :href="item.url" :class="linkClass" @click="onClick" :target="item.target" role="menuitem" :tabindex="item.disabled ? null : '0'" v-ripple>
+        <a v-else :href="item.url" :class="linkClass(item)" @click="onClick" :target="item.target" role="menuitem" :tabindex="disabled(item) ? null : '0'" v-ripple>
             <span :class="['p-menuitem-icon', item.icon]"></span>
-            <span class="p-menuitem-text">{{item.label}}</span>
+            <span class="p-menuitem-text">{{label(item)}}</span>
         </a>
     </li>
 </template>
@@ -16,25 +18,37 @@ import Ripple from '../ripple/Ripple';
 
 export default {
     props: {
-        item: null
+        item: null,
+        exact: null
     },
     methods: {
-        onClick(event) {
+        onClick(event, navigate) {
             this.$emit('click', {
                 originalEvent: event,
-                item: this.item
+                item: this.item,
+                navigate: navigate
             });
         },
+        linkClass(item, routerProps) {
+            return ['p-menuitem-link', {
+                'p-disabled': this.disabled(item),
+                'router-link-active': routerProps && routerProps.isActive,
+                'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
+            }];
+        },
         visible() {
             return (typeof this.item.visible === 'function' ? this.item.visible() : this.item.visible !== false);
+        },
+        disabled(item) {
+            return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
+        },
+        label(item) {
+            return (typeof item.label === 'function' ? item.label() : item.label);
         }
     },
     computed: {
         containerClass() {
             return ['p-menuitem', this.item.class];
-        },
-        linkClass() {
-            return ['p-menuitem-link', {'p-disabled': this.item.disabled}];
         }
     },
     directives: {

package/menu/menu.common.js

@@ -3260,12 +3260,12 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"271bee23-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/menu/Menu.vue?vue&type=template&id=2fb5eae1&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"p-connected-overlay"},on:{"enter":_vm.onEnter,"leave":_vm.onLeave}},[(_vm.popup ? _vm.overlayVisible : true)?_c('div',{ref:"container",class:_vm.containerClass},[_c('ul',{staticClass:"p-menu-list p-reset",attrs:{"role":"menu"}},[_vm._l((_vm.model),function(item,i){return [(item.items && _vm.visible(item) && !item.separator)?[(item.items)?_c('li',{key:item.label+i,staticClass:"p-submenu-header"},[_vm._v(_vm._s(item.label))]):_vm._e(),_vm._l((item.items),function(child,j){return [(_vm.visible(child) && !child.separator)?_c('Menuitem',{key:child.label + i + j,attrs:{"item":child},on:{"click":_vm.itemClick}}):(_vm.visible(child) && child.separator)?_c('li',{key:'separator' + i + j,class:['p-menu-separator', child.class],style:(child.style),attrs:{"role":"separator"}}):_vm._e()]})]:(_vm.visible(item) && item.separator)?_c('li',{key:'separator' + i,class:['p-menu-separator', item.class],style:(item.style),attrs:{"role":"separator"}}):_c('Menuitem',{key:item.label+i,attrs:{"item":item},on:{"click":_vm.itemClick}})]})],2)]):_vm._e()])}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9d50adc0-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/menu/Menu.vue?vue&type=template&id=a93d5590&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"p-connected-overlay"},on:{"enter":_vm.onEnter,"leave":_vm.onLeave}},[(_vm.popup ? _vm.overlayVisible : true)?_c('div',{ref:"container",class:_vm.containerClass},[_c('ul',{staticClass:"p-menu-list p-reset",attrs:{"role":"menu"}},[_vm._l((_vm.model),function(item,i){return [(item.items && _vm.visible(item) && !item.separator)?[(item.items)?_c('li',{key:_vm.label(item) + i,staticClass:"p-submenu-header"},[_vm._v(_vm._s(_vm.label(item)))]):_vm._e(),_vm._l((item.items),function(child,j){return [(_vm.visible(child) && !child.separator)?_c('Menuitem',{key:_vm.label(child) + i + j,attrs:{"item":child,"exact":_vm.exact},on:{"click":_vm.itemClick}}):(_vm.visible(child) && child.separator)?_c('li',{key:'separator' + i + j,class:['p-menu-separator', child.class],style:(child.style),attrs:{"role":"separator"}}):_vm._e()]})]:(_vm.visible(item) && item.separator)?_c('li',{key:'separator' + i,class:['p-menu-separator', item.class],style:(item.style),attrs:{"role":"separator"}}):_c('Menuitem',{key:_vm.label(item) + i,attrs:{"item":item,"exact":_vm.exact},on:{"click":_vm.itemClick}})]})],2)]):_vm._e()])}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/menu/Menu.vue?vue&type=template&id=2fb5eae1&
+// CONCATENATED MODULE: ./src/components/menu/Menu.vue?vue&type=template&id=a93d5590&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.number.constructor.js
 var es6_number_constructor = __webpack_require__("c5f6");
@@ -3876,6 +3876,11 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
     value: function isAndroid() {
       return /(android)/i.test(navigator.userAgent);
     }
+  }, {
+    key: "isTouchDevice",
+    value: function isTouchDevice() {
+      return 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
+    }
   }]);
 
   return DomHandler;
@@ -3929,12 +3934,17 @@ var ConnectedOverlayScrollHandler_ConnectedOverlayScrollHandler = /*#__PURE__*/f
 }();
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"271bee23-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/menu/Menuitem.vue?vue&type=template&id=6cbd684d&
-var Menuitemvue_type_template_id_6cbd684d_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.visible())?_c('li',{class:_vm.containerClass,style:(_vm.item.style),attrs:{"role":"none"}},[(_vm.item.to && !_vm.item.disabled)?_c('router-link',{directives:[{name:"ripple",rawName:"v-ripple"}],class:_vm.linkClass,attrs:{"to":_vm.item.to,"role":"menuitem"}},[_c('span',{class:['p-menuitem-icon', _vm.item.icon]}),_c('span',{staticClass:"p-menuitem-text"},[_vm._v(_vm._s(_vm.item.label))])]):_c('a',{directives:[{name:"ripple",rawName:"v-ripple"}],class:_vm.linkClass,attrs:{"href":_vm.item.url,"target":_vm.item.target,"role":"menuitem","tabindex":_vm.item.disabled ? null : '0'},on:{"click":_vm.onClick}},[_c('span',{class:['p-menuitem-icon', _vm.item.icon]}),_c('span',{staticClass:"p-menuitem-text"},[_vm._v(_vm._s(_vm.item.label))])])],1):_vm._e()}
-var Menuitemvue_type_template_id_6cbd684d_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9d50adc0-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/menu/Menuitem.vue?vue&type=template&id=f658e7ec&
+var Menuitemvue_type_template_id_f658e7ec_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.visible())?_c('li',{class:_vm.containerClass,style:(_vm.item.style),attrs:{"role":"none"}},[(_vm.item.to && !_vm.disabled(_vm.item))?_c('router-link',{attrs:{"to":_vm.item.to,"custom":""},scopedSlots:_vm._u([{key:"default",fn:function(ref){
+var navigate = ref.navigate;
+var href = ref.href;
+var isActive = ref.isActive;
+var isExactActive = ref.isExactActive;
+return [_c('a',{directives:[{name:"ripple",rawName:"v-ripple"}],class:_vm.linkClass(_vm.item, {isActive: isActive, isExactActive: isExactActive}),attrs:{"href":href,"role":"menuitem"},on:{"click":function($event){return _vm.onClick($event, navigate)}}},[_c('span',{class:['p-menuitem-icon', _vm.item.icon]}),_c('span',{staticClass:"p-menuitem-text"},[_vm._v(_vm._s(_vm.label(_vm.item)))])])]}}],null,false,2268140215)}):_c('a',{directives:[{name:"ripple",rawName:"v-ripple"}],class:_vm.linkClass(_vm.item),attrs:{"href":_vm.item.url,"target":_vm.item.target,"role":"menuitem","tabindex":_vm.disabled(_vm.item) ? null : '0'},on:{"click":_vm.onClick}},[_c('span',{class:['p-menuitem-icon', _vm.item.icon]}),_c('span',{staticClass:"p-menuitem-text"},[_vm._v(_vm._s(_vm.label(_vm.item)))])])],1):_vm._e()}
+var Menuitemvue_type_template_id_f658e7ec_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/menu/Menuitem.vue?vue&type=template&id=6cbd684d&
+// CONCATENATED MODULE: ./src/components/menu/Menuitem.vue?vue&type=template&id=f658e7ec&
 
 // CONCATENATED MODULE: ./src/components/ripple/Ripple.js
 
@@ -4028,30 +4038,42 @@ var Ripple = {
 //
 //
 //
+//
+//
 
 /* harmony default export */ var Menuitemvue_type_script_lang_js_ = ({
   props: {
-    item: null
+    item: null,
+    exact: null
   },
   methods: {
-    onClick: function onClick(event) {
+    onClick: function onClick(event, navigate) {
       this.$emit('click', {
         originalEvent: event,
-        item: this.item
+        item: this.item,
+        navigate: navigate
       });
     },
+    linkClass: function linkClass(item, routerProps) {
+      return ['p-menuitem-link', {
+        'p-disabled': this.disabled(item),
+        'router-link-active': routerProps && routerProps.isActive,
+        'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
+      }];
+    },
     visible: function visible() {
       return typeof this.item.visible === 'function' ? this.item.visible() : this.item.visible !== false;
+    },
+    disabled: function disabled(item) {
+      return typeof item.disabled === 'function' ? item.disabled() : item.disabled;
+    },
+    label: function label(item) {
+      return typeof item.label === 'function' ? item.label() : item.label;
     }
   },
   computed: {
     containerClass: function containerClass() {
       return ['p-menuitem', this.item.class];
-    },
-    linkClass: function linkClass() {
-      return ['p-menuitem-link', {
-        'p-disabled': this.item.disabled
-      }];
     }
   },
   directives: {
@@ -4170,8 +4192,8 @@ function normalizeComponent (
 
 var component = normalizeComponent(
   menu_Menuitemvue_type_script_lang_js_,
-  Menuitemvue_type_template_id_6cbd684d_render,
-  Menuitemvue_type_template_id_6cbd684d_staticRenderFns,
+  Menuitemvue_type_template_id_f658e7ec_render,
+  Menuitemvue_type_template_id_f658e7ec_staticRenderFns,
   false,
   null,
   null,
@@ -4226,6 +4248,10 @@ var component = normalizeComponent(
     baseZIndex: {
       type: Number,
       default: 0
+    },
+    exact: {
+      type: Boolean,
+      default: true
     }
   },
   data: function data() {
@@ -4374,6 +4400,9 @@ var component = normalizeComponent(
     },
     visible: function visible(item) {
       return typeof item.visible === 'function' ? item.visible() : item.visible !== false;
+    },
+    label: function label(item) {
+      return typeof item.label === 'function' ? item.label() : item.label;
     }
   },
   computed: {

package/menu/menu.umd.js

@@ -3269,12 +3269,12 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"271bee23-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/menu/Menu.vue?vue&type=template&id=2fb5eae1&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"p-connected-overlay"},on:{"enter":_vm.onEnter,"leave":_vm.onLeave}},[(_vm.popup ? _vm.overlayVisible : true)?_c('div',{ref:"container",class:_vm.containerClass},[_c('ul',{staticClass:"p-menu-list p-reset",attrs:{"role":"menu"}},[_vm._l((_vm.model),function(item,i){return [(item.items && _vm.visible(item) && !item.separator)?[(item.items)?_c('li',{key:item.label+i,staticClass:"p-submenu-header"},[_vm._v(_vm._s(item.label))]):_vm._e(),_vm._l((item.items),function(child,j){return [(_vm.visible(child) && !child.separator)?_c('Menuitem',{key:child.label + i + j,attrs:{"item":child},on:{"click":_vm.itemClick}}):(_vm.visible(child) && child.separator)?_c('li',{key:'separator' + i + j,class:['p-menu-separator', child.class],style:(child.style),attrs:{"role":"separator"}}):_vm._e()]})]:(_vm.visible(item) && item.separator)?_c('li',{key:'separator' + i,class:['p-menu-separator', item.class],style:(item.style),attrs:{"role":"separator"}}):_c('Menuitem',{key:item.label+i,attrs:{"item":item},on:{"click":_vm.itemClick}})]})],2)]):_vm._e()])}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9d50adc0-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/menu/Menu.vue?vue&type=template&id=a93d5590&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"p-connected-overlay"},on:{"enter":_vm.onEnter,"leave":_vm.onLeave}},[(_vm.popup ? _vm.overlayVisible : true)?_c('div',{ref:"container",class:_vm.containerClass},[_c('ul',{staticClass:"p-menu-list p-reset",attrs:{"role":"menu"}},[_vm._l((_vm.model),function(item,i){return [(item.items && _vm.visible(item) && !item.separator)?[(item.items)?_c('li',{key:_vm.label(item) + i,staticClass:"p-submenu-header"},[_vm._v(_vm._s(_vm.label(item)))]):_vm._e(),_vm._l((item.items),function(child,j){return [(_vm.visible(child) && !child.separator)?_c('Menuitem',{key:_vm.label(child) + i + j,attrs:{"item":child,"exact":_vm.exact},on:{"click":_vm.itemClick}}):(_vm.visible(child) && child.separator)?_c('li',{key:'separator' + i + j,class:['p-menu-separator', child.class],style:(child.style),attrs:{"role":"separator"}}):_vm._e()]})]:(_vm.visible(item) && item.separator)?_c('li',{key:'separator' + i,class:['p-menu-separator', item.class],style:(item.style),attrs:{"role":"separator"}}):_c('Menuitem',{key:_vm.label(item) + i,attrs:{"item":item,"exact":_vm.exact},on:{"click":_vm.itemClick}})]})],2)]):_vm._e()])}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/menu/Menu.vue?vue&type=template&id=2fb5eae1&
+// CONCATENATED MODULE: ./src/components/menu/Menu.vue?vue&type=template&id=a93d5590&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.number.constructor.js
 var es6_number_constructor = __webpack_require__("c5f6");
@@ -3885,6 +3885,11 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
     value: function isAndroid() {
       return /(android)/i.test(navigator.userAgent);
     }
+  }, {
+    key: "isTouchDevice",
+    value: function isTouchDevice() {
+      return 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
+    }
   }]);
 
   return DomHandler;
@@ -3938,12 +3943,17 @@ var ConnectedOverlayScrollHandler_ConnectedOverlayScrollHandler = /*#__PURE__*/f
 }();
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"271bee23-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/menu/Menuitem.vue?vue&type=template&id=6cbd684d&
-var Menuitemvue_type_template_id_6cbd684d_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.visible())?_c('li',{class:_vm.containerClass,style:(_vm.item.style),attrs:{"role":"none"}},[(_vm.item.to && !_vm.item.disabled)?_c('router-link',{directives:[{name:"ripple",rawName:"v-ripple"}],class:_vm.linkClass,attrs:{"to":_vm.item.to,"role":"menuitem"}},[_c('span',{class:['p-menuitem-icon', _vm.item.icon]}),_c('span',{staticClass:"p-menuitem-text"},[_vm._v(_vm._s(_vm.item.label))])]):_c('a',{directives:[{name:"ripple",rawName:"v-ripple"}],class:_vm.linkClass,attrs:{"href":_vm.item.url,"target":_vm.item.target,"role":"menuitem","tabindex":_vm.item.disabled ? null : '0'},on:{"click":_vm.onClick}},[_c('span',{class:['p-menuitem-icon', _vm.item.icon]}),_c('span',{staticClass:"p-menuitem-text"},[_vm._v(_vm._s(_vm.item.label))])])],1):_vm._e()}
-var Menuitemvue_type_template_id_6cbd684d_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9d50adc0-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/menu/Menuitem.vue?vue&type=template&id=f658e7ec&
+var Menuitemvue_type_template_id_f658e7ec_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.visible())?_c('li',{class:_vm.containerClass,style:(_vm.item.style),attrs:{"role":"none"}},[(_vm.item.to && !_vm.disabled(_vm.item))?_c('router-link',{attrs:{"to":_vm.item.to,"custom":""},scopedSlots:_vm._u([{key:"default",fn:function(ref){
+var navigate = ref.navigate;
+var href = ref.href;
+var isActive = ref.isActive;
+var isExactActive = ref.isExactActive;
+return [_c('a',{directives:[{name:"ripple",rawName:"v-ripple"}],class:_vm.linkClass(_vm.item, {isActive: isActive, isExactActive: isExactActive}),attrs:{"href":href,"role":"menuitem"},on:{"click":function($event){return _vm.onClick($event, navigate)}}},[_c('span',{class:['p-menuitem-icon', _vm.item.icon]}),_c('span',{staticClass:"p-menuitem-text"},[_vm._v(_vm._s(_vm.label(_vm.item)))])])]}}],null,false,2268140215)}):_c('a',{directives:[{name:"ripple",rawName:"v-ripple"}],class:_vm.linkClass(_vm.item),attrs:{"href":_vm.item.url,"target":_vm.item.target,"role":"menuitem","tabindex":_vm.disabled(_vm.item) ? null : '0'},on:{"click":_vm.onClick}},[_c('span',{class:['p-menuitem-icon', _vm.item.icon]}),_c('span',{staticClass:"p-menuitem-text"},[_vm._v(_vm._s(_vm.label(_vm.item)))])])],1):_vm._e()}
+var Menuitemvue_type_template_id_f658e7ec_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/menu/Menuitem.vue?vue&type=template&id=6cbd684d&
+// CONCATENATED MODULE: ./src/components/menu/Menuitem.vue?vue&type=template&id=f658e7ec&
 
 // CONCATENATED MODULE: ./src/components/ripple/Ripple.js
 
@@ -4037,30 +4047,42 @@ var Ripple = {
 //
 //
 //
+//
+//
 
 /* harmony default export */ var Menuitemvue_type_script_lang_js_ = ({
   props: {
-    item: null
+    item: null,
+    exact: null
   },
   methods: {
-    onClick: function onClick(event) {
+    onClick: function onClick(event, navigate) {
       this.$emit('click', {
         originalEvent: event,
-        item: this.item
+        item: this.item,
+        navigate: navigate
       });
     },
+    linkClass: function linkClass(item, routerProps) {
+      return ['p-menuitem-link', {
+        'p-disabled': this.disabled(item),
+        'router-link-active': routerProps && routerProps.isActive,
+        'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
+      }];
+    },
     visible: function visible() {
       return typeof this.item.visible === 'function' ? this.item.visible() : this.item.visible !== false;
+    },
+    disabled: function disabled(item) {
+      return typeof item.disabled === 'function' ? item.disabled() : item.disabled;
+    },
+    label: function label(item) {
+      return typeof item.label === 'function' ? item.label() : item.label;
     }
   },
   computed: {
     containerClass: function containerClass() {
       return ['p-menuitem', this.item.class];
-    },
-    linkClass: function linkClass() {
-      return ['p-menuitem-link', {
-        'p-disabled': this.item.disabled
-      }];
     }
   },
   directives: {
@@ -4179,8 +4201,8 @@ function normalizeComponent (
 
 var component = normalizeComponent(
   menu_Menuitemvue_type_script_lang_js_,
-  Menuitemvue_type_template_id_6cbd684d_render,
-  Menuitemvue_type_template_id_6cbd684d_staticRenderFns,
+  Menuitemvue_type_template_id_f658e7ec_render,
+  Menuitemvue_type_template_id_f658e7ec_staticRenderFns,
   false,
   null,
   null,
@@ -4235,6 +4257,10 @@ var component = normalizeComponent(
     baseZIndex: {
       type: Number,
       default: 0
+    },
+    exact: {
+      type: Boolean,
+      default: true
     }
   },
   data: function data() {
@@ -4383,6 +4409,9 @@ var component = normalizeComponent(
     },
     visible: function visible(item) {
       return typeof item.visible === 'function' ? item.visible() : item.visible !== false;
+    },
+    label: function label(item) {
+      return typeof item.label === 'function' ? item.label() : item.label;
     }
   },
   computed: {