primevue 3.8.2 → 3.9.0

package/contextmenu/contextmenu.esm.js

@@ -118,6 +118,9 @@ var script$1 = {
         },
         disabled(item) {
             return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
+        },
+        label(item) {
+            return (typeof item.label === 'function' ? item.label() : item.label);
         }
     },
     computed: {
@@ -156,7 +159,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
           }, [
             (openBlock(true), createBlock(Fragment, null, renderList($props.model, (item, i) => {
               return (openBlock(), createBlock(Fragment, {
-                key: item.label + i.toString()
+                key: $options.label(item) + i.toString()
               }, [
                 ($options.visible(item) && !item.separator)
                   ? (openBlock(), createBlock("li", {
@@ -184,7 +187,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                                       createVNode("span", {
                                         class: ['p-menuitem-icon', item.icon]
                                       }, null, 2),
-                                      createVNode("span", _hoisted_1, toDisplayString(item.label), 1)
+                                      createVNode("span", _hoisted_1, toDisplayString($options.label(item)), 1)
                                     ], 10, ["href", "onClick"]), [
                                       [_directive_ripple]
                                     ])
@@ -205,7 +208,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                                   createVNode("span", {
                                     class: ['p-menuitem-icon', item.icon]
                                   }, null, 2),
-                                  createVNode("span", _hoisted_2, toDisplayString(item.label), 1),
+                                  createVNode("span", _hoisted_2, toDisplayString($options.label(item)), 1),
                                   (item.items)
                                     ? (openBlock(), createBlock("span", _hoisted_3))
                                     : createCommentVNode("", true)
@@ -220,7 +223,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                       ($options.visible(item) && item.items)
                         ? (openBlock(), createBlock(_component_ContextMenuSub, {
                             model: item.items,
-                            key: item.label + '_sub_',
+                            key: $options.label(item) + '_sub_',
                             template: $props.template,
                             onLeafClick: $options.onLeafClick,
                             parentActive: item === $data.activeItem,

package/contextmenu/contextmenu.esm.min.js

@@ -1 +1 @@
-import{DomHandler as e,ZIndexUtils as t}from"primevue/utils";import n from"primevue/ripple";import{resolveComponent as i,resolveDirective as s,openBlock as o,createBlock as l,Transition as a,withCtx as r,Fragment as c,renderList as u,withDirectives as d,createVNode as m,toDisplayString as p,createCommentVNode as h,resolveDynamicComponent as f,Teleport as v,mergeProps as b}from"vue";var x={name:"ContextMenuSub",emits:["leaf-click"],props:{model:{type:Array,default:null},root:{type:Boolean,default:!1},parentActive:{type:Boolean,default:!1},template:{type:Function,default:null},exact:{type:Boolean,default:!0}},watch:{parentActive(e){e||(this.activeItem=null)}},data:()=>({activeItem:null}),methods:{onItemMouseEnter(e,t){this.disabled(t)?e.preventDefault():this.activeItem=t},onItemClick(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.items&&(this.activeItem&&t===this.activeItem?this.activeItem=null:this.activeItem=t),t.items||this.onLeafClick(),t.to&&n&&n(e))},onLeafClick(){this.activeItem=null,this.$emit("leaf-click")},onEnter(){this.position()},position(){const t=this.$refs.container.parentElement,n=e.getOffset(this.$refs.container.parentElement),i=e.getViewport(),s=this.$refs.container.offsetParent?this.$refs.container.offsetWidth:e.getHiddenElementOuterWidth(this.$refs.container),o=e.getOuterWidth(t.children[0]);this.$refs.container.style.top="0px",parseInt(n.left,10)+o+s>i.width-e.calculateScrollbarWidth()?this.$refs.container.style.left=-1*s+"px":this.$refs.container.style.left=o+"px"},getItemClass(e){return["p-menuitem",e.class,{"p-menuitem-active":this.activeItem===e}]},linkClass(e,t){return["p-menuitem-link",{"p-disabled":this.disabled(e),"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled},computed:{containerClass(){return{"p-submenu-list":!this.root}}},directives:{ripple:n}};const L={class:"p-menuitem-text"},C={class:"p-menuitem-text"},y={key:0,class:"p-submenu-icon pi pi-angle-right"};x.render=function(e,t,n,v,b,x){const k=i("router-link"),g=i("ContextMenuSub",!0),E=s("ripple");return o(),l(a,{name:"p-contextmenusub",onEnter:x.onEnter},{default:r((()=>[n.root||n.parentActive?(o(),l("ul",{key:0,ref:"container",class:x.containerClass,role:"menu"},[(o(!0),l(c,null,u(n.model,((e,t)=>(o(),l(c,{key:e.label+t.toString()},[x.visible(e)&&!e.separator?(o(),l("li",{key:0,role:"none",class:x.getItemClass(e),style:e.style,onMouseenter:t=>x.onItemMouseEnter(t,e)},[n.template?(o(),l(f(n.template),{key:1,item:e},null,8,["item"])):(o(),l(c,{key:0},[e.to&&!x.disabled(e)?(o(),l(k,{key:0,to:e.to,custom:""},{default:r((({navigate:t,href:n,isActive:i,isExactActive:s})=>[d(m("a",{href:n,onClick:n=>x.onItemClick(n,e,t),class:x.linkClass(e,{isActive:i,isExactActive:s}),role:"menuitem"},[m("span",{class:["p-menuitem-icon",e.icon]},null,2),m("span",L,p(e.label),1)],10,["href","onClick"]),[[E]])])),_:2},1032,["to"])):d((o(),l("a",{key:1,href:e.url,class:x.linkClass(e),target:e.target,onClick:t=>x.onItemClick(t,e),"aria-haspopup":null!=e.items,"aria-expanded":e===b.activeItem,role:"menuitem",tabindex:x.disabled(e)?null:"0"},[m("span",{class:["p-menuitem-icon",e.icon]},null,2),m("span",C,p(e.label),1),e.items?(o(),l("span",y)):h("",!0)],10,["href","target","onClick","aria-haspopup","aria-expanded","tabindex"])),[[E]])],64)),x.visible(e)&&e.items?(o(),l(g,{model:e.items,key:e.label+"_sub_",template:n.template,onLeafClick:x.onLeafClick,parentActive:e===b.activeItem,exact:n.exact},null,8,["model","template","onLeafClick","parentActive","exact"])):h("",!0)],46,["onMouseenter"])):h("",!0),x.visible(e)&&e.separator?(o(),l("li",{class:["p-menu-separator",e.class],style:e.style,key:"separator"+t.toString(),role:"separator"},null,6)):h("",!0)],64)))),128))],2)):h("",!0)])),_:1},8,["onEnter"])};var k={name:"ContextMenu",inheritAttrs:!1,props:{model:{type:Array,default:null},appendTo:{type:String,default:"body"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},global:{type:Boolean,default:!1},exact:{type:Boolean,default:!0}},target:null,outsideClickListener:null,resizeListener:null,documentContextMenuListener:null,pageX:null,pageY:null,container:null,data:()=>({visible:!1}),beforeUnmount(){this.unbindResizeListener(),this.unbindOutsideClickListener(),this.unbindDocumentContextMenuListener(),this.container&&this.autoZIndex&&t.clear(this.container),this.container=null},mounted(){this.global&&this.bindDocumentContextMenuListener()},methods:{itemClick(e){const t=e.item;t.command&&(t.command(e),e.originalEvent.preventDefault()),this.hide()},toggle(e){this.visible?this.hide():this.show(e)},onLeafClick(){this.hide()},show(e){this.pageX=e.pageX,this.pageY=e.pageY,this.visible?this.position():this.visible=!0,e.stopPropagation(),e.preventDefault()},hide(){this.visible=!1},onEnter(e){this.position(),this.bindOutsideClickListener(),this.bindResizeListener(),this.autoZIndex&&t.set("menu",e,this.baseZIndex+this.$primevue.config.zIndex.menu)},onLeave(){this.unbindOutsideClickListener(),this.unbindResizeListener()},onAfterLeave(e){this.autoZIndex&&t.clear(e)},position(){let t=this.pageX+1,n=this.pageY+1,i=this.container.offsetParent?this.container.offsetWidth:e.getHiddenElementOuterWidth(this.container),s=this.container.offsetParent?this.container.offsetHeight:e.getHiddenElementOuterHeight(this.container),o=e.getViewport();t+i-document.body.scrollLeft>o.width&&(t-=i),n+s-document.body.scrollTop>o.height&&(n-=s),t<document.body.scrollLeft&&(t=document.body.scrollLeft),n<document.body.scrollTop&&(n=document.body.scrollTop),this.container.style.left=t+"px",this.container.style.top=n+"px"},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.visible&&this.container&&!this.container.contains(e.target)&&!e.ctrlKey&&this.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.visible&&this.hide()},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},bindDocumentContextMenuListener(){this.documentContextMenuListener||(this.documentContextMenuListener=e=>{this.show(e)},document.addEventListener("contextmenu",this.documentContextMenuListener))},unbindDocumentContextMenuListener(){this.documentContextMenuListener&&(document.removeEventListener("contextmenu",this.documentContextMenuListener),this.documentContextMenuListener=null)},containerRef(e){this.container=e}},computed:{containerClass(){return["p-contextmenu p-component",{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]}},components:{ContextMenuSub:x}};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===n&&i.firstChild?i.insertBefore(s,i.firstChild):i.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-contextmenu {\n    position: absolute;\n}\n.p-contextmenu ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-contextmenu .p-submenu-list {\n    position: absolute;\n    min-width: 100%;\n    z-index: 1;\n}\n.p-contextmenu .p-menuitem-link {\n    cursor: pointer;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n.p-contextmenu .p-menuitem-text {\n    line-height: 1;\n}\n.p-contextmenu .p-menuitem {\n    position: relative;\n}\n.p-contextmenu .p-menuitem-link .p-submenu-icon {\n    margin-left: auto;\n}\n.p-contextmenu-enter-from {\n    opacity: 0;\n}\n.p-contextmenu-enter-active {\n    -webkit-transition: opacity 250ms;\n    transition: opacity 250ms;\n}\n"),k.render=function(e,t,n,s,c,u){const d=i("ContextMenuSub");return o(),l(v,{to:n.appendTo},[m(a,{name:"p-contextmenu",onEnter:u.onEnter,onLeave:u.onLeave,onAfterLeave:u.onAfterLeave},{default:r((()=>[c.visible?(o(),l("div",b({key:0,ref:u.containerRef,class:u.containerClass},e.$attrs),[m(d,{model:n.model,root:!0,onLeafClick:u.onLeafClick,template:e.$slots.item,exact:n.exact},null,8,["model","onLeafClick","template","exact"])],16)):h("",!0)])),_:1},8,["onEnter","onLeave","onAfterLeave"])],8,["to"])};export default k;
+import{DomHandler as e,ZIndexUtils as t}from"primevue/utils";import n from"primevue/ripple";import{resolveComponent as i,resolveDirective as s,openBlock as o,createBlock as l,Transition as a,withCtx as r,Fragment as c,renderList as u,withDirectives as d,createVNode as m,toDisplayString as p,createCommentVNode as h,resolveDynamicComponent as f,Teleport as b,mergeProps as v}from"vue";var x={name:"ContextMenuSub",emits:["leaf-click"],props:{model:{type:Array,default:null},root:{type:Boolean,default:!1},parentActive:{type:Boolean,default:!1},template:{type:Function,default:null},exact:{type:Boolean,default:!0}},watch:{parentActive(e){e||(this.activeItem=null)}},data:()=>({activeItem:null}),methods:{onItemMouseEnter(e,t){this.disabled(t)?e.preventDefault():this.activeItem=t},onItemClick(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.items&&(this.activeItem&&t===this.activeItem?this.activeItem=null:this.activeItem=t),t.items||this.onLeafClick(),t.to&&n&&n(e))},onLeafClick(){this.activeItem=null,this.$emit("leaf-click")},onEnter(){this.position()},position(){const t=this.$refs.container.parentElement,n=e.getOffset(this.$refs.container.parentElement),i=e.getViewport(),s=this.$refs.container.offsetParent?this.$refs.container.offsetWidth:e.getHiddenElementOuterWidth(this.$refs.container),o=e.getOuterWidth(t.children[0]);this.$refs.container.style.top="0px",parseInt(n.left,10)+o+s>i.width-e.calculateScrollbarWidth()?this.$refs.container.style.left=-1*s+"px":this.$refs.container.style.left=o+"px"},getItemClass(e){return["p-menuitem",e.class,{"p-menuitem-active":this.activeItem===e}]},linkClass(e,t){return["p-menuitem-link",{"p-disabled":this.disabled(e),"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label:e=>"function"==typeof e.label?e.label():e.label},computed:{containerClass(){return{"p-submenu-list":!this.root}}},directives:{ripple:n}};const L={class:"p-menuitem-text"},y={class:"p-menuitem-text"},C={key:0,class:"p-submenu-icon pi pi-angle-right"};x.render=function(e,t,n,b,v,x){const k=i("router-link"),g=i("ContextMenuSub",!0),E=s("ripple");return o(),l(a,{name:"p-contextmenusub",onEnter:x.onEnter},{default:r((()=>[n.root||n.parentActive?(o(),l("ul",{key:0,ref:"container",class:x.containerClass,role:"menu"},[(o(!0),l(c,null,u(n.model,((e,t)=>(o(),l(c,{key:x.label(e)+t.toString()},[x.visible(e)&&!e.separator?(o(),l("li",{key:0,role:"none",class:x.getItemClass(e),style:e.style,onMouseenter:t=>x.onItemMouseEnter(t,e)},[n.template?(o(),l(f(n.template),{key:1,item:e},null,8,["item"])):(o(),l(c,{key:0},[e.to&&!x.disabled(e)?(o(),l(k,{key:0,to:e.to,custom:""},{default:r((({navigate:t,href:n,isActive:i,isExactActive:s})=>[d(m("a",{href:n,onClick:n=>x.onItemClick(n,e,t),class:x.linkClass(e,{isActive:i,isExactActive:s}),role:"menuitem"},[m("span",{class:["p-menuitem-icon",e.icon]},null,2),m("span",L,p(x.label(e)),1)],10,["href","onClick"]),[[E]])])),_:2},1032,["to"])):d((o(),l("a",{key:1,href:e.url,class:x.linkClass(e),target:e.target,onClick:t=>x.onItemClick(t,e),"aria-haspopup":null!=e.items,"aria-expanded":e===v.activeItem,role:"menuitem",tabindex:x.disabled(e)?null:"0"},[m("span",{class:["p-menuitem-icon",e.icon]},null,2),m("span",y,p(x.label(e)),1),e.items?(o(),l("span",C)):h("",!0)],10,["href","target","onClick","aria-haspopup","aria-expanded","tabindex"])),[[E]])],64)),x.visible(e)&&e.items?(o(),l(g,{model:e.items,key:x.label(e)+"_sub_",template:n.template,onLeafClick:x.onLeafClick,parentActive:e===v.activeItem,exact:n.exact},null,8,["model","template","onLeafClick","parentActive","exact"])):h("",!0)],46,["onMouseenter"])):h("",!0),x.visible(e)&&e.separator?(o(),l("li",{class:["p-menu-separator",e.class],style:e.style,key:"separator"+t.toString(),role:"separator"},null,6)):h("",!0)],64)))),128))],2)):h("",!0)])),_:1},8,["onEnter"])};var k={name:"ContextMenu",inheritAttrs:!1,props:{model:{type:Array,default:null},appendTo:{type:String,default:"body"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},global:{type:Boolean,default:!1},exact:{type:Boolean,default:!0}},target:null,outsideClickListener:null,resizeListener:null,documentContextMenuListener:null,pageX:null,pageY:null,container:null,data:()=>({visible:!1}),beforeUnmount(){this.unbindResizeListener(),this.unbindOutsideClickListener(),this.unbindDocumentContextMenuListener(),this.container&&this.autoZIndex&&t.clear(this.container),this.container=null},mounted(){this.global&&this.bindDocumentContextMenuListener()},methods:{itemClick(e){const t=e.item;t.command&&(t.command(e),e.originalEvent.preventDefault()),this.hide()},toggle(e){this.visible?this.hide():this.show(e)},onLeafClick(){this.hide()},show(e){this.pageX=e.pageX,this.pageY=e.pageY,this.visible?this.position():this.visible=!0,e.stopPropagation(),e.preventDefault()},hide(){this.visible=!1},onEnter(e){this.position(),this.bindOutsideClickListener(),this.bindResizeListener(),this.autoZIndex&&t.set("menu",e,this.baseZIndex+this.$primevue.config.zIndex.menu)},onLeave(){this.unbindOutsideClickListener(),this.unbindResizeListener()},onAfterLeave(e){this.autoZIndex&&t.clear(e)},position(){let t=this.pageX+1,n=this.pageY+1,i=this.container.offsetParent?this.container.offsetWidth:e.getHiddenElementOuterWidth(this.container),s=this.container.offsetParent?this.container.offsetHeight:e.getHiddenElementOuterHeight(this.container),o=e.getViewport();t+i-document.body.scrollLeft>o.width&&(t-=i),n+s-document.body.scrollTop>o.height&&(n-=s),t<document.body.scrollLeft&&(t=document.body.scrollLeft),n<document.body.scrollTop&&(n=document.body.scrollTop),this.container.style.left=t+"px",this.container.style.top=n+"px"},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.visible&&this.container&&!this.container.contains(e.target)&&!e.ctrlKey&&this.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.visible&&this.hide()},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},bindDocumentContextMenuListener(){this.documentContextMenuListener||(this.documentContextMenuListener=e=>{this.show(e)},document.addEventListener("contextmenu",this.documentContextMenuListener))},unbindDocumentContextMenuListener(){this.documentContextMenuListener&&(document.removeEventListener("contextmenu",this.documentContextMenuListener),this.documentContextMenuListener=null)},containerRef(e){this.container=e}},computed:{containerClass(){return["p-contextmenu p-component",{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]}},components:{ContextMenuSub:x}};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===n&&i.firstChild?i.insertBefore(s,i.firstChild):i.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-contextmenu {\n    position: absolute;\n}\n.p-contextmenu ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-contextmenu .p-submenu-list {\n    position: absolute;\n    min-width: 100%;\n    z-index: 1;\n}\n.p-contextmenu .p-menuitem-link {\n    cursor: pointer;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n.p-contextmenu .p-menuitem-text {\n    line-height: 1;\n}\n.p-contextmenu .p-menuitem {\n    position: relative;\n}\n.p-contextmenu .p-menuitem-link .p-submenu-icon {\n    margin-left: auto;\n}\n.p-contextmenu-enter-from {\n    opacity: 0;\n}\n.p-contextmenu-enter-active {\n    -webkit-transition: opacity 250ms;\n    transition: opacity 250ms;\n}\n"),k.render=function(e,t,n,s,c,u){const d=i("ContextMenuSub");return o(),l(b,{to:n.appendTo},[m(a,{name:"p-contextmenu",onEnter:u.onEnter,onLeave:u.onLeave,onAfterLeave:u.onAfterLeave},{default:r((()=>[c.visible?(o(),l("div",v({key:0,ref:u.containerRef,class:u.containerClass},e.$attrs),[m(d,{model:n.model,root:!0,onLeafClick:u.onLeafClick,template:e.$slots.item,exact:n.exact},null,8,["model","onLeafClick","template","exact"])],16)):h("",!0)])),_:1},8,["onEnter","onLeave","onAfterLeave"])],8,["to"])};export default k;

package/contextmenu/contextmenu.js

@@ -122,6 +122,9 @@ this.primevue.contextmenu = (function (utils, Ripple, vue) {
             },
             disabled(item) {
                 return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
+            },
+            label(item) {
+                return (typeof item.label === 'function' ? item.label() : item.label);
             }
         },
         computed: {
@@ -160,7 +163,7 @@ this.primevue.contextmenu = (function (utils, Ripple, vue) {
               }, [
                 (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList($props.model, (item, i) => {
                   return (vue.openBlock(), vue.createBlock(vue.Fragment, {
-                    key: item.label + i.toString()
+                    key: $options.label(item) + i.toString()
                   }, [
                     ($options.visible(item) && !item.separator)
                       ? (vue.openBlock(), vue.createBlock("li", {
@@ -188,7 +191,7 @@ this.primevue.contextmenu = (function (utils, Ripple, vue) {
                                           vue.createVNode("span", {
                                             class: ['p-menuitem-icon', item.icon]
                                           }, null, 2),
-                                          vue.createVNode("span", _hoisted_1, vue.toDisplayString(item.label), 1)
+                                          vue.createVNode("span", _hoisted_1, vue.toDisplayString($options.label(item)), 1)
                                         ], 10, ["href", "onClick"]), [
                                           [_directive_ripple]
                                         ])
@@ -209,7 +212,7 @@ this.primevue.contextmenu = (function (utils, Ripple, vue) {
                                       vue.createVNode("span", {
                                         class: ['p-menuitem-icon', item.icon]
                                       }, null, 2),
-                                      vue.createVNode("span", _hoisted_2, vue.toDisplayString(item.label), 1),
+                                      vue.createVNode("span", _hoisted_2, vue.toDisplayString($options.label(item)), 1),
                                       (item.items)
                                         ? (vue.openBlock(), vue.createBlock("span", _hoisted_3))
                                         : vue.createCommentVNode("", true)
@@ -224,7 +227,7 @@ this.primevue.contextmenu = (function (utils, Ripple, vue) {
                           ($options.visible(item) && item.items)
                             ? (vue.openBlock(), vue.createBlock(_component_ContextMenuSub, {
                                 model: item.items,
-                                key: item.label + '_sub_',
+                                key: $options.label(item) + '_sub_',
                                 template: $props.template,
                                 onLeafClick: $options.onLeafClick,
                                 parentActive: item === $data.activeItem,

package/contextmenu/contextmenu.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.contextmenu=function(e,t,n){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o={name:"ContextMenuSub",emits:["leaf-click"],props:{model:{type:Array,default:null},root:{type:Boolean,default:!1},parentActive:{type:Boolean,default:!1},template:{type:Function,default:null},exact:{type:Boolean,default:!0}},watch:{parentActive(e){e||(this.activeItem=null)}},data:()=>({activeItem:null}),methods:{onItemMouseEnter(e,t){this.disabled(t)?e.preventDefault():this.activeItem=t},onItemClick(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.items&&(this.activeItem&&t===this.activeItem?this.activeItem=null:this.activeItem=t),t.items||this.onLeafClick(),t.to&&n&&n(e))},onLeafClick(){this.activeItem=null,this.$emit("leaf-click")},onEnter(){this.position()},position(){const t=this.$refs.container.parentElement,n=e.DomHandler.getOffset(this.$refs.container.parentElement),i=e.DomHandler.getViewport(),o=this.$refs.container.offsetParent?this.$refs.container.offsetWidth:e.DomHandler.getHiddenElementOuterWidth(this.$refs.container),s=e.DomHandler.getOuterWidth(t.children[0]);this.$refs.container.style.top="0px",parseInt(n.left,10)+s+o>i.width-e.DomHandler.calculateScrollbarWidth()?this.$refs.container.style.left=-1*o+"px":this.$refs.container.style.left=s+"px"},getItemClass(e){return["p-menuitem",e.class,{"p-menuitem-active":this.activeItem===e}]},linkClass(e,t){return["p-menuitem-link",{"p-disabled":this.disabled(e),"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled},computed:{containerClass(){return{"p-submenu-list":!this.root}}},directives:{ripple:i(t).default}};const s={class:"p-menuitem-text"},l={class:"p-menuitem-text"},a={key:0,class:"p-submenu-icon pi pi-angle-right"};o.render=function(e,t,i,o,r,c){const u=n.resolveComponent("router-link"),d=n.resolveComponent("ContextMenuSub",!0),m=n.resolveDirective("ripple");return n.openBlock(),n.createBlock(n.Transition,{name:"p-contextmenusub",onEnter:c.onEnter},{default:n.withCtx((()=>[i.root||i.parentActive?(n.openBlock(),n.createBlock("ul",{key:0,ref:"container",class:c.containerClass,role:"menu"},[(n.openBlock(!0),n.createBlock(n.Fragment,null,n.renderList(i.model,((e,t)=>(n.openBlock(),n.createBlock(n.Fragment,{key:e.label+t.toString()},[c.visible(e)&&!e.separator?(n.openBlock(),n.createBlock("li",{key:0,role:"none",class:c.getItemClass(e),style:e.style,onMouseenter:t=>c.onItemMouseEnter(t,e)},[i.template?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.template),{key:1,item:e},null,8,["item"])):(n.openBlock(),n.createBlock(n.Fragment,{key:0},[e.to&&!c.disabled(e)?(n.openBlock(),n.createBlock(u,{key:0,to:e.to,custom:""},{default:n.withCtx((({navigate:t,href:i,isActive:o,isExactActive:l})=>[n.withDirectives(n.createVNode("a",{href:i,onClick:n=>c.onItemClick(n,e,t),class:c.linkClass(e,{isActive:o,isExactActive:l}),role:"menuitem"},[n.createVNode("span",{class:["p-menuitem-icon",e.icon]},null,2),n.createVNode("span",s,n.toDisplayString(e.label),1)],10,["href","onClick"]),[[m]])])),_:2},1032,["to"])):n.withDirectives((n.openBlock(),n.createBlock("a",{key:1,href:e.url,class:c.linkClass(e),target:e.target,onClick:t=>c.onItemClick(t,e),"aria-haspopup":null!=e.items,"aria-expanded":e===r.activeItem,role:"menuitem",tabindex:c.disabled(e)?null:"0"},[n.createVNode("span",{class:["p-menuitem-icon",e.icon]},null,2),n.createVNode("span",l,n.toDisplayString(e.label),1),e.items?(n.openBlock(),n.createBlock("span",a)):n.createCommentVNode("",!0)],10,["href","target","onClick","aria-haspopup","aria-expanded","tabindex"])),[[m]])],64)),c.visible(e)&&e.items?(n.openBlock(),n.createBlock(d,{model:e.items,key:e.label+"_sub_",template:i.template,onLeafClick:c.onLeafClick,parentActive:e===r.activeItem,exact:i.exact},null,8,["model","template","onLeafClick","parentActive","exact"])):n.createCommentVNode("",!0)],46,["onMouseenter"])):n.createCommentVNode("",!0),c.visible(e)&&e.separator?(n.openBlock(),n.createBlock("li",{class:["p-menu-separator",e.class],style:e.style,key:"separator"+t.toString(),role:"separator"},null,6)):n.createCommentVNode("",!0)],64)))),128))],2)):n.createCommentVNode("",!0)])),_:1},8,["onEnter"])};var r={name:"ContextMenu",inheritAttrs:!1,props:{model:{type:Array,default:null},appendTo:{type:String,default:"body"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},global:{type:Boolean,default:!1},exact:{type:Boolean,default:!0}},target:null,outsideClickListener:null,resizeListener:null,documentContextMenuListener:null,pageX:null,pageY:null,container:null,data:()=>({visible:!1}),beforeUnmount(){this.unbindResizeListener(),this.unbindOutsideClickListener(),this.unbindDocumentContextMenuListener(),this.container&&this.autoZIndex&&e.ZIndexUtils.clear(this.container),this.container=null},mounted(){this.global&&this.bindDocumentContextMenuListener()},methods:{itemClick(e){const t=e.item;t.command&&(t.command(e),e.originalEvent.preventDefault()),this.hide()},toggle(e){this.visible?this.hide():this.show(e)},onLeafClick(){this.hide()},show(e){this.pageX=e.pageX,this.pageY=e.pageY,this.visible?this.position():this.visible=!0,e.stopPropagation(),e.preventDefault()},hide(){this.visible=!1},onEnter(t){this.position(),this.bindOutsideClickListener(),this.bindResizeListener(),this.autoZIndex&&e.ZIndexUtils.set("menu",t,this.baseZIndex+this.$primevue.config.zIndex.menu)},onLeave(){this.unbindOutsideClickListener(),this.unbindResizeListener()},onAfterLeave(t){this.autoZIndex&&e.ZIndexUtils.clear(t)},position(){let t=this.pageX+1,n=this.pageY+1,i=this.container.offsetParent?this.container.offsetWidth:e.DomHandler.getHiddenElementOuterWidth(this.container),o=this.container.offsetParent?this.container.offsetHeight:e.DomHandler.getHiddenElementOuterHeight(this.container),s=e.DomHandler.getViewport();t+i-document.body.scrollLeft>s.width&&(t-=i),n+o-document.body.scrollTop>s.height&&(n-=o),t<document.body.scrollLeft&&(t=document.body.scrollLeft),n<document.body.scrollTop&&(n=document.body.scrollTop),this.container.style.left=t+"px",this.container.style.top=n+"px"},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.visible&&this.container&&!this.container.contains(e.target)&&!e.ctrlKey&&this.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.visible&&this.hide()},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},bindDocumentContextMenuListener(){this.documentContextMenuListener||(this.documentContextMenuListener=e=>{this.show(e)},document.addEventListener("contextmenu",this.documentContextMenuListener))},unbindDocumentContextMenuListener(){this.documentContextMenuListener&&(document.removeEventListener("contextmenu",this.documentContextMenuListener),this.documentContextMenuListener=null)},containerRef(e){this.container=e}},computed:{containerClass(){return["p-contextmenu p-component",{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]}},components:{ContextMenuSub:o}};return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-contextmenu {\n    position: absolute;\n}\n.p-contextmenu ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-contextmenu .p-submenu-list {\n    position: absolute;\n    min-width: 100%;\n    z-index: 1;\n}\n.p-contextmenu .p-menuitem-link {\n    cursor: pointer;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n.p-contextmenu .p-menuitem-text {\n    line-height: 1;\n}\n.p-contextmenu .p-menuitem {\n    position: relative;\n}\n.p-contextmenu .p-menuitem-link .p-submenu-icon {\n    margin-left: auto;\n}\n.p-contextmenu-enter-from {\n    opacity: 0;\n}\n.p-contextmenu-enter-active {\n    -webkit-transition: opacity 250ms;\n    transition: opacity 250ms;\n}\n"),r.render=function(e,t,i,o,s,l){const a=n.resolveComponent("ContextMenuSub");return n.openBlock(),n.createBlock(n.Teleport,{to:i.appendTo},[n.createVNode(n.Transition,{name:"p-contextmenu",onEnter:l.onEnter,onLeave:l.onLeave,onAfterLeave:l.onAfterLeave},{default:n.withCtx((()=>[s.visible?(n.openBlock(),n.createBlock("div",n.mergeProps({key:0,ref:l.containerRef,class:l.containerClass},e.$attrs),[n.createVNode(a,{model:i.model,root:!0,onLeafClick:l.onLeafClick,template:e.$slots.item,exact:i.exact},null,8,["model","onLeafClick","template","exact"])],16)):n.createCommentVNode("",!0)])),_:1},8,["onEnter","onLeave","onAfterLeave"])],8,["to"])},r}(primevue.utils,primevue.ripple,Vue);
+this.primevue=this.primevue||{},this.primevue.contextmenu=function(e,t,n){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o={name:"ContextMenuSub",emits:["leaf-click"],props:{model:{type:Array,default:null},root:{type:Boolean,default:!1},parentActive:{type:Boolean,default:!1},template:{type:Function,default:null},exact:{type:Boolean,default:!0}},watch:{parentActive(e){e||(this.activeItem=null)}},data:()=>({activeItem:null}),methods:{onItemMouseEnter(e,t){this.disabled(t)?e.preventDefault():this.activeItem=t},onItemClick(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.items&&(this.activeItem&&t===this.activeItem?this.activeItem=null:this.activeItem=t),t.items||this.onLeafClick(),t.to&&n&&n(e))},onLeafClick(){this.activeItem=null,this.$emit("leaf-click")},onEnter(){this.position()},position(){const t=this.$refs.container.parentElement,n=e.DomHandler.getOffset(this.$refs.container.parentElement),i=e.DomHandler.getViewport(),o=this.$refs.container.offsetParent?this.$refs.container.offsetWidth:e.DomHandler.getHiddenElementOuterWidth(this.$refs.container),s=e.DomHandler.getOuterWidth(t.children[0]);this.$refs.container.style.top="0px",parseInt(n.left,10)+s+o>i.width-e.DomHandler.calculateScrollbarWidth()?this.$refs.container.style.left=-1*o+"px":this.$refs.container.style.left=s+"px"},getItemClass(e){return["p-menuitem",e.class,{"p-menuitem-active":this.activeItem===e}]},linkClass(e,t){return["p-menuitem-link",{"p-disabled":this.disabled(e),"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label:e=>"function"==typeof e.label?e.label():e.label},computed:{containerClass(){return{"p-submenu-list":!this.root}}},directives:{ripple:i(t).default}};const s={class:"p-menuitem-text"},l={class:"p-menuitem-text"},a={key:0,class:"p-submenu-icon pi pi-angle-right"};o.render=function(e,t,i,o,r,c){const u=n.resolveComponent("router-link"),d=n.resolveComponent("ContextMenuSub",!0),m=n.resolveDirective("ripple");return n.openBlock(),n.createBlock(n.Transition,{name:"p-contextmenusub",onEnter:c.onEnter},{default:n.withCtx((()=>[i.root||i.parentActive?(n.openBlock(),n.createBlock("ul",{key:0,ref:"container",class:c.containerClass,role:"menu"},[(n.openBlock(!0),n.createBlock(n.Fragment,null,n.renderList(i.model,((e,t)=>(n.openBlock(),n.createBlock(n.Fragment,{key:c.label(e)+t.toString()},[c.visible(e)&&!e.separator?(n.openBlock(),n.createBlock("li",{key:0,role:"none",class:c.getItemClass(e),style:e.style,onMouseenter:t=>c.onItemMouseEnter(t,e)},[i.template?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.template),{key:1,item:e},null,8,["item"])):(n.openBlock(),n.createBlock(n.Fragment,{key:0},[e.to&&!c.disabled(e)?(n.openBlock(),n.createBlock(u,{key:0,to:e.to,custom:""},{default:n.withCtx((({navigate:t,href:i,isActive:o,isExactActive:l})=>[n.withDirectives(n.createVNode("a",{href:i,onClick:n=>c.onItemClick(n,e,t),class:c.linkClass(e,{isActive:o,isExactActive:l}),role:"menuitem"},[n.createVNode("span",{class:["p-menuitem-icon",e.icon]},null,2),n.createVNode("span",s,n.toDisplayString(c.label(e)),1)],10,["href","onClick"]),[[m]])])),_:2},1032,["to"])):n.withDirectives((n.openBlock(),n.createBlock("a",{key:1,href:e.url,class:c.linkClass(e),target:e.target,onClick:t=>c.onItemClick(t,e),"aria-haspopup":null!=e.items,"aria-expanded":e===r.activeItem,role:"menuitem",tabindex:c.disabled(e)?null:"0"},[n.createVNode("span",{class:["p-menuitem-icon",e.icon]},null,2),n.createVNode("span",l,n.toDisplayString(c.label(e)),1),e.items?(n.openBlock(),n.createBlock("span",a)):n.createCommentVNode("",!0)],10,["href","target","onClick","aria-haspopup","aria-expanded","tabindex"])),[[m]])],64)),c.visible(e)&&e.items?(n.openBlock(),n.createBlock(d,{model:e.items,key:c.label(e)+"_sub_",template:i.template,onLeafClick:c.onLeafClick,parentActive:e===r.activeItem,exact:i.exact},null,8,["model","template","onLeafClick","parentActive","exact"])):n.createCommentVNode("",!0)],46,["onMouseenter"])):n.createCommentVNode("",!0),c.visible(e)&&e.separator?(n.openBlock(),n.createBlock("li",{class:["p-menu-separator",e.class],style:e.style,key:"separator"+t.toString(),role:"separator"},null,6)):n.createCommentVNode("",!0)],64)))),128))],2)):n.createCommentVNode("",!0)])),_:1},8,["onEnter"])};var r={name:"ContextMenu",inheritAttrs:!1,props:{model:{type:Array,default:null},appendTo:{type:String,default:"body"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},global:{type:Boolean,default:!1},exact:{type:Boolean,default:!0}},target:null,outsideClickListener:null,resizeListener:null,documentContextMenuListener:null,pageX:null,pageY:null,container:null,data:()=>({visible:!1}),beforeUnmount(){this.unbindResizeListener(),this.unbindOutsideClickListener(),this.unbindDocumentContextMenuListener(),this.container&&this.autoZIndex&&e.ZIndexUtils.clear(this.container),this.container=null},mounted(){this.global&&this.bindDocumentContextMenuListener()},methods:{itemClick(e){const t=e.item;t.command&&(t.command(e),e.originalEvent.preventDefault()),this.hide()},toggle(e){this.visible?this.hide():this.show(e)},onLeafClick(){this.hide()},show(e){this.pageX=e.pageX,this.pageY=e.pageY,this.visible?this.position():this.visible=!0,e.stopPropagation(),e.preventDefault()},hide(){this.visible=!1},onEnter(t){this.position(),this.bindOutsideClickListener(),this.bindResizeListener(),this.autoZIndex&&e.ZIndexUtils.set("menu",t,this.baseZIndex+this.$primevue.config.zIndex.menu)},onLeave(){this.unbindOutsideClickListener(),this.unbindResizeListener()},onAfterLeave(t){this.autoZIndex&&e.ZIndexUtils.clear(t)},position(){let t=this.pageX+1,n=this.pageY+1,i=this.container.offsetParent?this.container.offsetWidth:e.DomHandler.getHiddenElementOuterWidth(this.container),o=this.container.offsetParent?this.container.offsetHeight:e.DomHandler.getHiddenElementOuterHeight(this.container),s=e.DomHandler.getViewport();t+i-document.body.scrollLeft>s.width&&(t-=i),n+o-document.body.scrollTop>s.height&&(n-=o),t<document.body.scrollLeft&&(t=document.body.scrollLeft),n<document.body.scrollTop&&(n=document.body.scrollTop),this.container.style.left=t+"px",this.container.style.top=n+"px"},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.visible&&this.container&&!this.container.contains(e.target)&&!e.ctrlKey&&this.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.visible&&this.hide()},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},bindDocumentContextMenuListener(){this.documentContextMenuListener||(this.documentContextMenuListener=e=>{this.show(e)},document.addEventListener("contextmenu",this.documentContextMenuListener))},unbindDocumentContextMenuListener(){this.documentContextMenuListener&&(document.removeEventListener("contextmenu",this.documentContextMenuListener),this.documentContextMenuListener=null)},containerRef(e){this.container=e}},computed:{containerClass(){return["p-contextmenu p-component",{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]}},components:{ContextMenuSub:o}};return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-contextmenu {\n    position: absolute;\n}\n.p-contextmenu ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-contextmenu .p-submenu-list {\n    position: absolute;\n    min-width: 100%;\n    z-index: 1;\n}\n.p-contextmenu .p-menuitem-link {\n    cursor: pointer;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n.p-contextmenu .p-menuitem-text {\n    line-height: 1;\n}\n.p-contextmenu .p-menuitem {\n    position: relative;\n}\n.p-contextmenu .p-menuitem-link .p-submenu-icon {\n    margin-left: auto;\n}\n.p-contextmenu-enter-from {\n    opacity: 0;\n}\n.p-contextmenu-enter-active {\n    -webkit-transition: opacity 250ms;\n    transition: opacity 250ms;\n}\n"),r.render=function(e,t,i,o,s,l){const a=n.resolveComponent("ContextMenuSub");return n.openBlock(),n.createBlock(n.Teleport,{to:i.appendTo},[n.createVNode(n.Transition,{name:"p-contextmenu",onEnter:l.onEnter,onLeave:l.onLeave,onAfterLeave:l.onAfterLeave},{default:n.withCtx((()=>[s.visible?(n.openBlock(),n.createBlock("div",n.mergeProps({key:0,ref:l.containerRef,class:l.containerClass},e.$attrs),[n.createVNode(a,{model:i.model,root:!0,onLeafClick:l.onLeafClick,template:e.$slots.item,exact:i.exact},null,8,["model","onLeafClick","template","exact"])],16)):n.createCommentVNode("",!0)])),_:1},8,["onEnter","onLeave","onAfterLeave"])],8,["to"])},r}(primevue.utils,primevue.ripple,Vue);