UNPKG

primevue

Version:

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) [![npm version](https://badge.fury.io/js/primevue.svg)](https://badge.fury.io/js/primevue)

2 lines (1 loc) 4.09 kB
this.primevue=this.primevue||{},this.primevue.tabmenu=function(e,t,n){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l={props:{model:{type:Array,default:null}},mounted(){this.updateInkBar()},updated(){this.updateInkBar()},methods:{onItemClick(e,t,n){t.disabled?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.to&&n&&n(e))},isActive(e){return this.activeRoute===e.to},getItemClass(e){return["p-tabmenuitem",e.class,{"p-highlight":this.isActive(e),"p-disabled":e.disabled}]},getItemIcon:e=>["p-menuitem-icon",e.icon],visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,findActiveTabIndex(){if(this.model)for(let e=0;e<this.model.length;e++)if(this.isActive(this.model[e]))return e;return null},updateInkBar(){let t=this.findActiveTabIndex();if(null!==t){let n=this.$refs.nav.children[t];this.$refs.inkbar.style.width=e.DomHandler.getWidth(n)+"px",this.$refs.inkbar.style.left=e.DomHandler.getOffset(n).left-e.DomHandler.getOffset(this.$refs.nav).left+"px"}else this.$refs.inkbar.style.width="0px",this.$refs.inkbar.style.left="0px"}},computed:{activeRoute(){return this.$route.path}},directives:{ripple:i(t).default}};const a={class:"p-tabmenu p-component"},s={ref:"nav",class:"p-tabmenu-nav p-reset",role:"tablist"},o={class:"p-menuitem-text"},r={class:"p-menuitem-text"},c={ref:"inkbar",class:"p-tabmenu-ink-bar"};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],l=document.createElement("style");l.type="text/css","top"===n&&i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-tabmenu-nav {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n margin: 0;\n padding: 0;\n list-style-type: none;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n.p-tabmenu-nav a {\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\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 position: relative;\n text-decoration: none;\n text-decoration: none;\n overflow: hidden;\n}\n.p-tabmenu-nav a:focus {\n z-index: 1;\n}\n.p-tabmenu-nav .p-menuitem-text {\n line-height: 1;\n}\n.p-tabmenu-ink-bar {\n display: none;\n z-index: 1;\n}\n"),l.render=function(e,t,i,l,d,p){const m=n.resolveComponent("router-link"),u=n.resolveDirective("ripple");return n.openBlock(),n.createBlock("div",a,[n.createVNode("ul",s,[(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()},[p.visible(e)?(n.openBlock(),n.createBlock("li",{key:0,class:p.getItemClass(e),style:e.style,role:"tab","aria-selected":p.isActive(e),"aria-expanded":p.isActive(e)},[e.to&&!e.disabled?(n.openBlock(),n.createBlock(m,{key:0,to:e.to,custom:""},{default:n.withCtx((({navigate:t,href:i})=>[n.withDirectives(n.createVNode("a",{href:i,class:"p-menuitem-link",onClick:n=>p.onItemClick(n,e,t),role:"presentation"},[e.icon?(n.openBlock(),n.createBlock("span",{key:0,class:p.getItemIcon(e)},null,2)):n.createCommentVNode("",!0),n.createVNode("span",o,n.toDisplayString(e.label),1)],8,["href","onClick"]),[[u]])])),_:2},1032,["to"])):n.withDirectives((n.openBlock(),n.createBlock("a",{key:1,href:e.url,class:"p-menuitem-link",target:e.target,onClick:t=>p.onItemClick(t,e),role:"presentation",tabindex:e.disabled?null:"0"},[e.icon?(n.openBlock(),n.createBlock("span",{key:0,class:p.getItemIcon(e)},null,2)):n.createCommentVNode("",!0),n.createVNode("span",r,n.toDisplayString(e.label),1)],8,["href","target","onClick","tabindex"])),[[u]])],14,["aria-selected","aria-expanded"])):n.createCommentVNode("",!0)],64)))),128)),n.createVNode("li",c,null,512)],512)])},l}(primevue.utils,primevue.ripple,Vue);