primevue
Version:
[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [ • 5 kB
JavaScript
this.primevue=this.primevue||{},this.primevue.breadcrumb=function(e,t){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=n(e),i={name:"BreadcrumbItem",props:{item:null,templates: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(){return["p-menuitem",{"p-disabled":this.disabled()},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(){return"function"==typeof this.item.disabled?this.item.disabled():this.item.disabled},label(){return"function"==typeof this.item.label?this.item.label():this.item.label},isCurrentUrl(){const{to:e,url:t}=this.item;let n=this.$router?this.$router.currentRoute.path:"";return e===n||t===n?"page":void 0}}};const o=["href","aria-current","onClick"],a={key:2,class:"p-menuitem-text"},r=["href","target","aria-current"],c={key:2,class:"p-menuitem-text"};i.render=function(e,n,l,i,m,s){const p=t.resolveComponent("router-link");return s.visible()?(t.openBlock(),t.createElementBlock("li",{key:0,class:t.normalizeClass(s.containerClass())},[l.templates.item?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(l.templates.item),{key:1,item:l.item},null,8,["item"])):(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[l.item.to?(t.openBlock(),t.createBlock(p,{key:0,to:l.item.to,custom:""},{default:t.withCtx((({navigate:e,href:n,isActive:i,isExactActive:r})=>[t.createElementVNode("a",{href:n,class:t.normalizeClass(s.linkClass({isActive:i,isExactActive:r})),"aria-current":s.isCurrentUrl(),onClick:t=>s.onClick(t,e)},[l.templates.itemicon?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(l.templates.itemicon),{key:0,item:l.item,class:"p-menuitem-icon"},null,8,["item"])):l.item.icon?(t.openBlock(),t.createElementBlock("span",{key:1,class:t.normalizeClass(["p-menuitem-icon",l.item.icon])},null,2)):t.createCommentVNode("",!0),l.item.label?(t.openBlock(),t.createElementBlock("span",a,t.toDisplayString(s.label()),1)):t.createCommentVNode("",!0)],10,o)])),_:1},8,["to"])):(t.openBlock(),t.createElementBlock("a",{key:1,href:l.item.url||"#",class:t.normalizeClass(s.linkClass()),target:l.item.target,"aria-current":s.isCurrentUrl(),onClick:n[0]||(n[0]=(...e)=>s.onClick&&s.onClick(...e))},[l.templates.itemicon?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(l.templates.itemicon),{key:0,item:l.item,class:"p-menuitem-icon"},null,8,["item"])):l.item.icon?(t.openBlock(),t.createElementBlock("span",{key:1,class:t.normalizeClass(["p-menuitem-icon",l.item.icon])},null,2)):t.createCommentVNode("",!0),l.item.label?(t.openBlock(),t.createElementBlock("span",c,t.toDisplayString(s.label()),1)):t.createCommentVNode("",!0)],10,r))],64))],2)):t.createCommentVNode("",!0)};var m={name:"Breadcrumb",props:{model:{type:Array,default:null},home:{type:null,default:null},exact:{type:Boolean,default:!0}},components:{BreadcrumbItem:i,ChevronRightIcon:l.default}};const s={class:"p-breadcrumb p-component"},p={class:"p-breadcrumb-list"},u={key:0,class:"p-menuitem-separator"};return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===n&&l.firstChild?l.insertBefore(i,l.firstChild):l.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-breadcrumb {\n overflow-x: auto;\n}\n.p-breadcrumb .p-breadcrumb-list {\n margin: 0;\n padding: 0;\n list-style-type: none;\n display: flex;\n align-items: center;\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 display: flex;\n align-items: center;\n}\n.p-breadcrumb .p-menuitem-separator {\n display: flex;\n align-items: center;\n}\n.p-breadcrumb::-webkit-scrollbar {\n display: none;\n}\n"),m.render=function(e,n,l,i,o,a){const r=t.resolveComponent("BreadcrumbItem"),c=t.resolveComponent("ChevronRightIcon");return t.openBlock(),t.createElementBlock("nav",s,[t.createElementVNode("ol",p,[l.home?(t.openBlock(),t.createBlock(r,{key:0,item:l.home,class:"p-breadcrumb-home",templates:e.$slots,exact:l.exact},null,8,["item","templates","exact"])):t.createCommentVNode("",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.model,((n,i)=>(t.openBlock(),t.createElementBlock(t.Fragment,{key:n.label},[l.home||0!==i?(t.openBlock(),t.createElementBlock("li",u,[t.renderSlot(e.$slots,"separator",{},(()=>[t.createVNode(c,{"aria-hidden":"true"})]))])):t.createCommentVNode("",!0),t.createVNode(r,{item:n,templates:e.$slots,exact:l.exact},null,8,["item","templates","exact"])],64)))),128))])])},m}(primevue.icons.chevronright,Vue);