primevue
Version:
[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [ • 2.97 kB
JavaScript
import{resolveComponent as e,openBlock as t,createBlock as n,Fragment as i,withCtx as l,createVNode as m,createCommentVNode as a,toDisplayString as s,resolveDynamicComponent as r,renderList as o}from"vue";var c={name:"BreadcrumbItem",props:{item:null,template:null},methods:{onClick(e,t){this.item.command&&this.item.command({originalEvent:e,item:this.item}),this.item.to&&t&&t(e)},visible(){return"function"==typeof this.item.visible?this.item.visible():!1!==this.item.visible}},computed:{containerClass(){return[{"p-disabled":this.item.disabled},this.item.class]},iconClass(){return["p-menuitem-icon",this.item.icon]}}};const u={key:1,class:"p-menuitem-text"},p={key:1,class:"p-menuitem-text"};c.render=function(o,c,d,b,h,f){const y=e("router-link");return f.visible()?(t(),n("li",{key:0,class:f.containerClass},[d.template?(t(),n(r(d.template),{key:1,item:d.item},null,8,["item"])):(t(),n(i,{key:0},[d.item.to?(t(),n(y,{key:0,to:d.item.to,custom:""},{default:l((({navigate:e,href:i})=>[m("a",{href:i,class:"p-menuitem-link",onClick:t=>f.onClick(t,e)},[d.item.icon?(t(),n("span",{key:0,class:f.iconClass},null,2)):a("",!0),d.item.label?(t(),n("span",u,s(d.item.label),1)):a("",!0)],8,["href","onClick"])])),_:1},8,["to"])):(t(),n("a",{key:1,href:d.item.url||"#",class:"p-menuitem-link",onClick:c[1]||(c[1]=(...e)=>f.onClick&&f.onClick(...e)),target:d.item.target},[d.item.icon?(t(),n("span",{key:0,class:f.iconClass},null,2)):a("",!0),d.item.label?(t(),n("span",p,s(d.item.label),1)):a("",!0)],8,["href","target"]))],64))],2)):a("",!0)};var d={name:"Breadcrumb",props:{model:{type:Array,default:null},home:{type:null,default:null}},components:{BreadcrumbItem:c}};const b={class:"p-breadcrumb p-component","aria-label":"Breadcrumb"},h=m("li",{class:"p-breadcrumb-chevron pi pi-chevron-right"},null,-1);!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-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: wrap;\n flex-wrap: wrap;\n}\n.p-breadcrumb .p-menuitem-text {\n line-height: 1;\n}\n.p-breadcrumb .p-menuitem-link {\n text-decoration: none;\n}\n"),d.render=function(l,s,r,c,u,p){const d=e("BreadcrumbItem");return t(),n("nav",b,[m("ul",null,[r.home?(t(),n(d,{key:0,item:r.home,class:"p-breadcrumb-home",template:l.$slots.item},null,8,["item","template"])):a("",!0),(t(!0),n(i,null,o(r.model,(e=>(t(),n(i,{key:e.label},[h,m(d,{item:e,template:l.$slots.item},null,8,["item","template"])],64)))),128))])])};export default d;