1 line
1.8 KiB
JavaScript
1 line
1.8 KiB
JavaScript
import{N as m,Y as h,av as C,c as n,U as t,a4 as k,aw as q,ax as y,ay as _,az as x,a3 as S}from"./index-3a2b6cd5.js";const $=m({name:"QBreadcrumbsEl",props:{...h,label:String,icon:String,tag:{type:String,default:"span"}},emits:["click"],setup(e,{slots:l}){const{linkTag:u,linkAttrs:c,linkClass:o,navigateOnClick:d}=C(),r=n(()=>({class:"q-breadcrumbs__el q-link flex inline items-center relative-position "+(e.disable!==!0?"q-link--focusable"+o.value:"q-breadcrumbs__el--disable"),...c.value,onClick:d})),i=n(()=>"q-breadcrumbs__el-icon"+(e.label!==void 0?" q-breadcrumbs__el-icon--with-label":""));return()=>{const s=[];return e.icon!==void 0&&s.push(t(k,{class:i.value,name:e.icon})),e.label!==void 0&&s.push(e.label),t(u.value,{...r.value},q(l.default,s))}}}),Q=["",!0],E=m({name:"QBreadcrumbs",props:{...y,separator:{type:String,default:"/"},separatorColor:String,activeColor:{type:String,default:"primary"},gutter:{type:String,validator:e=>["none","xs","sm","md","lg","xl"].includes(e),default:"sm"}},setup(e,{slots:l}){const u=_(e),c=n(()=>`flex items-center ${u.value}${e.gutter==="none"?"":` q-gutter-${e.gutter}`}`),o=n(()=>e.separatorColor?` text-${e.separatorColor}`:""),d=n(()=>` text-${e.activeColor}`);return()=>{const r=x(S(l.default));if(r.length===0)return;let i=1;const s=[],v=r.filter(a=>a.type!==void 0&&a.type.name==="QBreadcrumbsEl").length,g=l.separator!==void 0?l.separator:()=>e.separator;return r.forEach(a=>{if(a.type!==void 0&&a.type.name==="QBreadcrumbsEl"){const b=i<v,f=a.props!==null&&Q.includes(a.props.disable),p=(b===!0?"":" q-breadcrumbs--last")+(f!==!0&&b===!0?d.value:"");i++,s.push(t("div",{class:`flex items-center${p}`},[a])),b===!0&&s.push(t("div",{class:"q-breadcrumbs__separator"+o.value},g()))}else s.push(a)}),t("div",{class:"q-breadcrumbs"},[t("div",{class:c.value},s)])}}});export{$ as Q,E as a};
|