5 lines
5.6 KiB
Java
5 lines
5.6 KiB
Java
import{du as w,P as B,fT as D,f as I,cv as O,h as b,b0 as N,l as X,m as z,a as A,n as H,cs as L,cd as M,dq as F,aR as U}from"./index-X7Y8jykP.js";import{D as V}from"./dropdown-jkliuVyN.js";import{e as T,f as i,ai as q}from"./vue-vendor-DNhG1Cve.js";var K=function(r,t){var a={};for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&t.indexOf(e)<0&&(a[e]=r[e]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var n=0,e=Object.getOwnPropertySymbols(r);n<e.length;n++)t.indexOf(e[n])<0&&Object.prototype.propertyIsEnumerable.call(r,e[n])&&(a[e[n]]=r[e[n]]);return a};const W=()=>({prefixCls:String,href:String,separator:B.any,dropdownProps:D(),overlay:B.any,onClick:w()}),$=T({compatConfig:{MODE:3},name:"ABreadcrumbItem",inheritAttrs:!1,__ANT_BREADCRUMB_ITEM:!0,props:W(),slots:Object,setup(r,t){let{slots:a,attrs:e,emit:n}=t;const{prefixCls:s}=I("breadcrumb",r),y=(u,m)=>{const p=O(a,r,"overlay");return p?i(V,b(b({},r.dropdownProps),{},{overlay:p,placement:"bottom"}),{default:()=>[i("span",{class:`${m}-overlay-link`},[u,i(N,null,null)])]}):u},h=u=>{n("click",u)};return()=>{var u;const m=(u=O(a,r,"separator"))!==null&&u!==void 0?u:"/",p=O(a,r),{class:l,style:c}=e,o=K(e,["class","style"]);let d;return r.href!==void 0?d=i("a",b({class:`${s.value}-link`,onClick:h},o),[p]):d=i("span",b({class:`${s.value}-link`,onClick:h},o),[p]),d=y(d,s.value),p!=null?i("li",{class:l,style:c},[d,m&&i("span",{class:`${s.value}-separator`},[m])]):null}}}),G=r=>{const{componentCls:t,iconCls:a}=r;return{[t]:A(A({},H(r)),{color:r.breadcrumbBaseColor,fontSize:r.breadcrumbFontSize,[a]:{fontSize:r.breadcrumbIconFontSize},ol:{display:"flex",flexWrap:"wrap",margin:0,padding:0,listStyle:"none"},a:A({color:r.breadcrumbLinkColor,transition:`color ${r.motionDurationMid}`,padding:`0 ${r.paddingXXS}px`,borderRadius:r.borderRadiusSM,height:r.lineHeight*r.fontSize,display:"inline-block",marginInline:-r.marginXXS,"&:hover":{color:r.breadcrumbLinkColorHover,backgroundColor:r.colorBgTextHover}},L(r)),"li:last-child":{color:r.breadcrumbLastItemColor,[`& > ${t}-separator`]:{display:"none"}},[`${t}-separator`]:{marginInline:r.breadcrumbSeparatorMargin,color:r.breadcrumbSeparatorColor},[`${t}-link`]:{[`
|
|
> ${a} + span,
|
|
> ${a} + a
|
|
`]:{marginInlineStart:r.marginXXS}},[`${t}-overlay-link`]:{borderRadius:r.borderRadiusSM,height:r.lineHeight*r.fontSize,display:"inline-block",padding:`0 ${r.paddingXXS}px`,marginInline:-r.marginXXS,[`> ${a}`]:{marginInlineStart:r.marginXXS,fontSize:r.fontSizeIcon},"&:hover":{color:r.breadcrumbLinkColorHover,backgroundColor:r.colorBgTextHover,a:{color:r.breadcrumbLinkColorHover}},a:{"&:hover":{backgroundColor:"transparent"}}},[`&${r.componentCls}-rtl`]:{direction:"rtl"}})}},J=X("Breadcrumb",r=>{const t=z(r,{breadcrumbBaseColor:r.colorTextDescription,breadcrumbFontSize:r.fontSize,breadcrumbIconFontSize:r.fontSize,breadcrumbLinkColor:r.colorTextDescription,breadcrumbLinkColorHover:r.colorText,breadcrumbLastItemColor:r.colorText,breadcrumbSeparatorMargin:r.marginXS,breadcrumbSeparatorColor:r.colorTextDescription});return[G(t)]}),Q=()=>({prefixCls:String,routes:{type:Array},params:B.any,separator:B.any,itemRender:{type:Function}});function Y(r,t){if(!r.breadcrumbName)return null;const a=Object.keys(t).join("|");return r.breadcrumbName.replace(new RegExp(`:(${a})`,"g"),(n,s)=>t[s]||n)}function E(r){const{route:t,params:a,routes:e,paths:n}=r,s=e.indexOf(t)===e.length-1,y=Y(t,a);return s?i("span",null,[y]):i("a",{href:`#/${n.join("/")}`},[y])}const R=T({compatConfig:{MODE:3},name:"ABreadcrumb",inheritAttrs:!1,props:Q(),slots:Object,setup(r,t){let{slots:a,attrs:e}=t;const{prefixCls:n,direction:s}=I("breadcrumb",r),[y,h]=J(n),u=(l,c)=>(l=(l||"").replace(/^\//,""),Object.keys(c).forEach(o=>{l=l.replace(`:${o}`,c[o])}),l),m=(l,c,o)=>{const d=[...l],f=u(c||"",o);return f&&d.push(f),d},p=l=>{let{routes:c=[],params:o={},separator:d,itemRender:f=E}=l;const v=[];return c.map(g=>{const C=u(g.path,o);C&&v.push(C);const S=[...v];let _=null;g.children&&g.children.length&&(_=i(U,{items:g.children.map(x=>({key:x.path||x.breadcrumbName,label:f({route:x,params:o,routes:c,paths:m(S,x.path,o)})}))},null));const j={separator:d};return _&&(j.overlay=_),i($,b(b({},j),{},{key:C||g.breadcrumbName}),{default:()=>[f({route:g,params:o,routes:c,paths:S})]})})};return()=>{var l;let c;const{routes:o,params:d={}}=r,f=M(O(a,r)),v=(l=O(a,r,"separator"))!==null&&l!==void 0?l:"/",g=r.itemRender||a.itemRender||E;o&&o.length>0?c=p({routes:o,params:d,separator:v,itemRender:g}):f.length&&(c=f.map((S,_)=>(F(typeof S.type=="object"&&(S.type.__ANT_BREADCRUMB_ITEM||S.type.__ANT_BREADCRUMB_SEPARATOR)),q(S,{separator:v,key:_}))));const C={[n.value]:!0,[`${n.value}-rtl`]:s.value==="rtl",[`${e.class}`]:!!e.class,[h.value]:!0};return y(i("nav",b(b({},e),{},{class:C}),[i("ol",null,[c])]))}}});var Z=function(r,t){var a={};for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&t.indexOf(e)<0&&(a[e]=r[e]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var n=0,e=Object.getOwnPropertySymbols(r);n<e.length;n++)t.indexOf(e[n])<0&&Object.prototype.propertyIsEnumerable.call(r,e[n])&&(a[e[n]]=r[e[n]]);return a};const k=()=>({prefixCls:String}),P=T({compatConfig:{MODE:3},name:"ABreadcrumbSeparator",__ANT_BREADCRUMB_SEPARATOR:!0,inheritAttrs:!1,props:k(),setup(r,t){let{slots:a,attrs:e}=t;const{prefixCls:n}=I("breadcrumb",r);return()=>{var s;const{separator:y,class:h}=e,u=Z(e,["separator","class"]),m=M((s=a.default)===null||s===void 0?void 0:s.call(a));return i("span",b({class:[`${n.value}-separator`,h]},u),[m.length>0?m:"/"])}}});R.Item=$;R.Separator=P;R.install=function(r){return r.component(R.name,R),r.component($.name,$),r.component(P.name,P),r};export{R as B,$ as _};
|