primevue
Version:
[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [ • 3.59 kB
JavaScript
import{resolveComponent as e,openBlock as t,createElementBlock as i,normalizeClass as n,Fragment as l,createBlock as a,withCtx as s,createElementVNode as m,createCommentVNode as r,toDisplayString as c,resolveDynamicComponent as o,renderList as u,createVNode as d}from"vue";var p={name:"BreadcrumbItem",props:{item:null,template:null,exact:null},methods:{onClick(e,t){this.item.command&&this.item.command({originalEvent:e,item:this.item}),this.item.to&&t&&t(e)},containerClass(e){return[{"p-disabled":this.disabled(e)},this.item.class]},linkClass(e){return["p-menuitem-link",{"router-link-active":e&&e.isActive,"router-link-active-exact":this.exact&&e&&e.isExactActive}]},visible(){return"function"==typeof this.item.visible?this.item.visible():!1!==this.item.visible},disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label(){return"function"==typeof this.item.label?this.item.label():this.item.label}},computed:{iconClass(){return["p-menuitem-icon",this.item.icon]}}};const b=["href","onClick"],h={key:1,class:"p-menuitem-text"},f=["href","target"],x={key:1,class:"p-menuitem-text"};p.render=function(u,d,p,y,k,v){const C=e("router-link");return v.visible()?(t(),i("li",{key:0,class:n(v.containerClass(p.item))},[p.template?(t(),a(o(p.template),{key:1,item:p.item},null,8,["item"])):(t(),i(l,{key:0},[p.item.to?(t(),a(C,{key:0,to:p.item.to,custom:""},{default:s((({navigate:e,href:l,isActive:a,isExactActive:s})=>[m("a",{href:l,class:n(v.linkClass({isActive:a,isExactActive:s})),onClick:t=>v.onClick(t,e)},[p.item.icon?(t(),i("span",{key:0,class:n(v.iconClass)},null,2)):r("",!0),p.item.label?(t(),i("span",h,c(v.label()),1)):r("",!0)],10,b)])),_:1},8,["to"])):(t(),i("a",{key:1,href:p.item.url||"#",class:n(v.linkClass()),onClick:d[0]||(d[0]=(...e)=>v.onClick&&v.onClick(...e)),target:p.item.target},[p.item.icon?(t(),i("span",{key:0,class:n(v.iconClass)},null,2)):r("",!0),p.item.label?(t(),i("span",x,c(v.label()),1)):r("",!0)],10,f))],64))],2)):r("",!0)};var y={name:"Breadcrumb",props:{model:{type:Array,default:null},home:{type:null,default:null},exact:{type:Boolean,default:!0}},components:{BreadcrumbItem:p}};const k={class:"p-breadcrumb p-component","aria-label":"Breadcrumb"},v=m("li",{class:"p-breadcrumb-chevron pi pi-chevron-right"},null,-1);!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===i&&n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-breadcrumb {\n overflow-x: auto;\n}\n.p-breadcrumb ul {\n margin: 0;\n padding: 0;\n list-style-type: 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 -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n}\n.p-breadcrumb .p-menuitem-text {\n line-height: 1;\n}\n.p-breadcrumb .p-menuitem-link {\n text-decoration: none;\n}\n.p-breadcrumb::-webkit-scrollbar {\n display: none;\n}\n"),y.render=function(n,s,c,o,p,b){const h=e("BreadcrumbItem");return t(),i("nav",k,[m("ul",null,[c.home?(t(),a(h,{key:0,item:c.home,class:"p-breadcrumb-home",template:n.$slots.item,exact:c.exact},null,8,["item","template","exact"])):r("",!0),(t(!0),i(l,null,u(c.model,(e=>(t(),i(l,{key:e.label},[v,d(h,{item:e,template:n.$slots.item,exact:c.exact},null,8,["item","template","exact"])],64)))),128))])])};export{y as default};