vue-amazing-ui/lib/breadcrumb/Breadcrumb.vue2.cjs

An Amazing Vue3 UI Components Library, Using TypeScript.

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d={key:0},i={key:1,focusable:"false","data-icon":"right",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true",viewBox:"64 64 896 896"},m=e.defineComponent({__name:"Breadcrumb",props:{routes:{default:()=>[]},breadcrumbClass:{default:void 0},breadcrumbStyle:{default:()=>({})},maxWidth:{default:"100%"},separator:{default:void 0},separatorStyle:{default:()=>({})},target:{default:"_self"}},setup(r){const n=r,c=e.computed(()=>n.routes.length);function s(o){let a="";if(o.path&&(a=o.path),o.query&&JSON.stringify(o.query)!=="{}"){const t=o.query;Object.keys(t).forEach((l,u)=>{u===0?a=a+"?"+l+"="+t[l]:a=a+"&"+l+"="+t[l]})}return a}return(o,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["breadcrumb-wrap",r.breadcrumbClass]),style:e.normalizeStyle([`
        --breadcrumb-color: rgba(0, 0, 0, 0.45);
        --breadcrumb-bg-color-hover: rgba(0, 0, 0, 0.06);
        --breadcrumb-color-hover: rgba(0, 0, 0, 0.88);
        --breadcrumb-color-active: rgba(0, 0, 0, 0.88);
        --breadcrumb-padding: 0 4px;
        --breadcrumb-border-radius: 4px;
        --breadcrumb-separator-color: rgba(0, 0, 0, 0.45);
      `,r.breadcrumbStyle])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.routes,(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:"breadcrumb-item",key:l},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.path?"a":"span"),{class:e.normalizeClass(["breadcrumb-link",{"link-hover":t.path,"link-active":l===c.value-1}]),style:e.normalizeStyle(`max-width: ${r.maxWidth}px;`),href:s(t),target:r.target,title:t.name},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.name),1)]),_:2},1032,["class","style","href","target","title"])),l<c.value-1?(e.openBlock(),e.createElementBlock("span",{key:0,class:"breadcrumb-separator",style:e.normalizeStyle(r.separatorStyle)},[e.renderSlot(o.$slots,"separator",{route:t,index:l},()=>[r.separator?(e.openBlock(),e.createElementBlock("span",d,e.toDisplayString(r.separator),1)):(e.openBlock(),e.createElementBlock("svg",i,[...a[0]||(a[0]=[e.createElementVNode("path",{d:"M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"},null,-1)])]))],!0)],4)):e.createCommentVNode("",!0)]))),128))],6))}});exports.default=m;