primevue
Version:
[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [ • 5.39 kB
JavaScript
this.primevue=this.primevue||{},this.primevue.breadcrumb=function(e,t,n){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=i(e),o=i(t),r={name:"BreadcrumbItem",extends:l.default,props:{item:null,templates:null,exact:null,index: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 m=["href","aria-current","onClick"],a=["href","target","aria-current"];r.render=function(e,t,i,l,o,r){const c=n.resolveComponent("router-link");return r.visible()?(n.openBlock(),n.createElementBlock("li",n.mergeProps({key:0,class:r.containerClass()},e.ptm("menuitem")),[i.templates&&i.templates.item?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.templates.item),{key:1,item:i.item},null,8,["item"])):(n.openBlock(),n.createElementBlock(n.Fragment,{key:0},[i.item.to?(n.openBlock(),n.createBlock(c,{key:0,to:i.item.to,custom:""},{default:n.withCtx((({navigate:t,href:l,isActive:o,isExactActive:a})=>[n.createElementVNode("a",n.mergeProps({href:l,class:r.linkClass({isActive:o,isExactActive:a}),"aria-current":r.isCurrentUrl(),onClick:e=>r.onClick(e,t)},e.ptm("action")),[i.templates.itemicon?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.templates.itemicon),{key:0,item:i.item,class:"p-menuitem-icon"},null,8,["item"])):i.item.icon?(n.openBlock(),n.createElementBlock("span",n.mergeProps({key:1,class:["p-menuitem-icon",i.item.icon]},e.ptm("icon")),null,16)):n.createCommentVNode("",!0),i.item.label?(n.openBlock(),n.createElementBlock("span",n.mergeProps({key:2,class:"p-menuitem-text"},e.ptm("label")),n.toDisplayString(r.label()),17)):n.createCommentVNode("",!0)],16,m)])),_:1},8,["to"])):(n.openBlock(),n.createElementBlock("a",n.mergeProps({key:1,href:i.item.url||"#",class:r.linkClass(),target:i.item.target,"aria-current":r.isCurrentUrl(),onClick:t[0]||(t[0]=(...e)=>r.onClick&&r.onClick(...e))},e.ptm("action")),[i.templates&&i.templates.itemicon?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.templates.itemicon),{key:0,item:i.item,class:"p-menuitem-icon"},null,8,["item"])):i.item.icon?(n.openBlock(),n.createElementBlock("span",n.mergeProps({key:1,class:["p-menuitem-icon",i.item.icon]},e.ptm("icon")),null,16)):n.createCommentVNode("",!0),i.item.label?(n.openBlock(),n.createElementBlock("span",n.mergeProps({key:2,class:"p-menuitem-text"},e.ptm("label")),n.toDisplayString(r.label()),17)):n.createCommentVNode("",!0)],16,a))],64))],16)):n.createCommentVNode("",!0)};var c={name:"Breadcrumb",extends:l.default,props:{model:{type:Array,default:null},home:{type:null,default:null},exact:{type:Boolean,default:!0}},components:{BreadcrumbItem:r,ChevronRightIcon:o.default}};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-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"),c.render=function(e,t,i,l,o,r){const m=n.resolveComponent("BreadcrumbItem"),a=n.resolveComponent("ChevronRightIcon");return n.openBlock(),n.createElementBlock("nav",n.mergeProps({class:"p-breadcrumb p-component"},e.ptm("root")),[n.createElementVNode("ol",n.mergeProps({class:"p-breadcrumb-list"},e.ptm("menu")),[i.home?(n.openBlock(),n.createBlock(m,{key:0,item:i.home,class:"p-breadcrumb-home",templates:e.$slots,exact:i.exact,pt:e.pt},null,8,["item","templates","exact","pt"])):n.createCommentVNode("",!0),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(i.model,((t,l)=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:t.label},[i.home||0!==l?(n.openBlock(),n.createElementBlock("li",n.mergeProps({key:0,class:"p-menuitem-separator"},e.ptm("separator")),[n.renderSlot(e.$slots,"separator",{},(()=>[n.createVNode(a,n.mergeProps({"aria-hidden":"true"},e.ptm("separatorIcon")),null,16)]))],16)):n.createCommentVNode("",!0),n.createVNode(m,{item:t,index:l,templates:e.$slots,exact:i.exact,pt:e.pt},null,8,["item","index","templates","exact","pt"])],64)))),128))],16)],16)},c}(primevue.basecomponent,primevue.icons.chevronright,Vue);