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