source/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2026-02-09 02:49:18 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(Breadcrumb): custom itemRender style for 6.x (#56253)

Browse Source
This commit is contained in:
Guo Yunhe
2025-12-17 16:59:38 +08:00
committed by GitHub
parent 8bedd4cc82
commit ab3569c7ad
10 changed files with 416 additions and 146 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/breadcrumb/BreadcrumbItem.tsx
View File

@@ -1,5 +1,6 @@
import * as React from 'react';
import DownOutlined from '@ant-design/icons/DownOutlined';
import clsx from 'clsx';
import isNonNullable from '../_util/isNonNullable';
import { ConfigContext } from '../config-provider';
@@ -86,7 +87,10 @@ export const InternalBreadcrumbItem: React.FC<BreadcrumbItemProps> = (props) =>
if (isNonNullable(link)) {
return (
<>
<li className={mergedClassNames?.item} style={mergedStyles?.item}>
<li
className={clsx(`${prefixCls}-item`, mergedClassNames?.item)}
style={mergedStyles?.item}
>
{link}
</li>
{separator && <BreadcrumbSeparator>{separator}</BreadcrumbSeparator>}

84
components/breadcrumb/__tests__/__snapshots__/Breadcrumb.test.tsx.snap
View File

@@ -5,7 +5,9 @@ exports[`Breadcrumb filter React.Fragment 1`] = `
class="ant-breadcrumb css-var-root"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -18,7 +20,9 @@ exports[`Breadcrumb filter React.Fragment 1`] = `
>
:
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<a
class="ant-breadcrumb-link"
href=""
@@ -57,7 +61,9 @@ exports[`Breadcrumb should allow Breadcrumb.Item is null or undefined 1`] = `
class="ant-breadcrumb css-var-root"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -73,7 +79,9 @@ exports[`Breadcrumb should not display Breadcrumb Item when its children is fals
class="ant-breadcrumb css-var-root"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -86,7 +94,9 @@ exports[`Breadcrumb should not display Breadcrumb Item when its children is fals
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -102,7 +112,9 @@ exports[`Breadcrumb should render a menu 1`] = `
class="ant-breadcrumb css-var-root"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<a
class="ant-breadcrumb-link"
href="#/index"
@@ -116,7 +128,9 @@ exports[`Breadcrumb should render a menu 1`] = `
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-dropdown-trigger ant-breadcrumb-overlay-link"
>
@@ -153,7 +167,9 @@ exports[`Breadcrumb should render a menu 1`] = `
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<a
class="ant-breadcrumb-link"
href="#/index/first/second"
@@ -167,7 +183,9 @@ exports[`Breadcrumb should render a menu 1`] = `
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<a
class="ant-breadcrumb-link"
href="#/index/first/second/third"
@@ -182,7 +200,9 @@ exports[`Breadcrumb should render correct 1`] = `
class="ant-breadcrumb css-var-root"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<a
class="ant-breadcrumb-link"
href="#/"
@@ -198,7 +218,9 @@ exports[`Breadcrumb should render correct 1`] = `
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -214,7 +236,9 @@ exports[`Breadcrumb should support Breadcrumb.Item default separator 1`] = `
class="ant-breadcrumb css-var-root"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -228,7 +252,9 @@ exports[`Breadcrumb should support Breadcrumb.Item default separator 1`] = `
/
</li>
<span>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -242,7 +268,9 @@ exports[`Breadcrumb should support Breadcrumb.Item default separator 1`] = `
/
</li>
</span>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -258,7 +286,9 @@ exports[`Breadcrumb should support React.Fragment and falsy children 1`] = `
class="ant-breadcrumb css-var-root"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -271,7 +301,9 @@ exports[`Breadcrumb should support React.Fragment and falsy children 1`] = `
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -284,7 +316,9 @@ exports[`Breadcrumb should support React.Fragment and falsy children 1`] = `
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -308,7 +342,9 @@ exports[`Breadcrumb should support custom attribute 1`] = `
data-custom="custom"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
data-custom="custom-item"
@@ -322,7 +358,9 @@ exports[`Breadcrumb should support custom attribute 1`] = `
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -338,7 +376,9 @@ exports[`Breadcrumb should support string \`0\` and number \`0\` 1`] = `
class="ant-breadcrumb css-var-root"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -351,7 +391,9 @@ exports[`Breadcrumb should support string \`0\` and number \`0\` 1`] = `
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>

126
components/breadcrumb/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@@ -5,7 +5,9 @@ exports[`renders components/breadcrumb/demo/basic.tsx extend context correctly 1
class="ant-breadcrumb css-var-test-id"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -18,7 +20,9 @@ exports[`renders components/breadcrumb/demo/basic.tsx extend context correctly 1
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -35,7 +39,9 @@ exports[`renders components/breadcrumb/demo/basic.tsx extend context correctly 1
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -52,7 +58,9 @@ exports[`renders components/breadcrumb/demo/basic.tsx extend context correctly 1
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -70,7 +78,9 @@ exports[`renders components/breadcrumb/demo/component-token.tsx extend context c
class="ant-breadcrumb css-var-test-id"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -83,7 +93,9 @@ exports[`renders components/breadcrumb/demo/component-token.tsx extend context c
>
&gt;
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -100,7 +112,9 @@ exports[`renders components/breadcrumb/demo/component-token.tsx extend context c
>
&gt;
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-dropdown-trigger ant-breadcrumb-overlay-link"
>
@@ -267,7 +281,9 @@ exports[`renders components/breadcrumb/demo/component-token.tsx extend context c
>
&gt;
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<a
class="ant-breadcrumb-link"
href=""
@@ -281,7 +297,9 @@ exports[`renders components/breadcrumb/demo/component-token.tsx extend context c
>
&gt;
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<a
class="ant-breadcrumb-link"
href=""
@@ -313,7 +331,9 @@ exports[`renders components/breadcrumb/demo/component-token.tsx extend context c
>
&gt;
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<a
class="ant-breadcrumb-link"
href=""
@@ -353,7 +373,9 @@ exports[`renders components/breadcrumb/demo/debug-routes.tsx extend context corr
class="ant-breadcrumb css-var-test-id"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<a
class="ant-breadcrumb-link"
href="#/home"
@@ -367,7 +389,9 @@ exports[`renders components/breadcrumb/demo/debug-routes.tsx extend context corr
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-dropdown-trigger ant-breadcrumb-overlay-link"
>
@@ -499,7 +523,9 @@ exports[`renders components/breadcrumb/demo/overlay.tsx extend context correctly
class="ant-breadcrumb css-var-test-id"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -512,7 +538,9 @@ exports[`renders components/breadcrumb/demo/overlay.tsx extend context correctly
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -529,7 +557,9 @@ exports[`renders components/breadcrumb/demo/overlay.tsx extend context correctly
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-dropdown-trigger ant-breadcrumb-overlay-link"
>
@@ -696,7 +726,9 @@ exports[`renders components/breadcrumb/demo/overlay.tsx extend context correctly
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -714,7 +746,9 @@ exports[`renders components/breadcrumb/demo/separator.tsx extend context correct
class="ant-breadcrumb css-var-test-id"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -727,7 +761,9 @@ exports[`renders components/breadcrumb/demo/separator.tsx extend context correct
>
&gt;
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<a
class="ant-breadcrumb-link"
href=""
@@ -741,7 +777,9 @@ exports[`renders components/breadcrumb/demo/separator.tsx extend context correct
>
&gt;
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<a
class="ant-breadcrumb-link"
href=""
@@ -755,7 +793,9 @@ exports[`renders components/breadcrumb/demo/separator.tsx extend context correct
>
&gt;
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -773,7 +813,9 @@ exports[`renders components/breadcrumb/demo/separator-component.tsx extend conte
class="ant-breadcrumb css-var-test-id"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -786,7 +828,9 @@ exports[`renders components/breadcrumb/demo/separator-component.tsx extend conte
>
:
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<a
class="ant-breadcrumb-link"
href=""
@@ -800,7 +844,9 @@ exports[`renders components/breadcrumb/demo/separator-component.tsx extend conte
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<a
class="ant-breadcrumb-link"
href=""
@@ -814,7 +860,9 @@ exports[`renders components/breadcrumb/demo/separator-component.tsx extend conte
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -838,7 +886,7 @@ exports[`renders components/breadcrumb/demo/style-class.tsx extend context corre
>
<ol>
<li
class="acss-3btzkp"
class="ant-breadcrumb-item acss-3btzkp"
style="color: rgb(24, 144, 255);"
>
<span
@@ -855,7 +903,7 @@ exports[`renders components/breadcrumb/demo/style-class.tsx extend context corre
/
</li>
<li
class="acss-3btzkp"
class="ant-breadcrumb-item acss-3btzkp"
style="color: rgb(24, 144, 255);"
>
<span
@@ -877,7 +925,7 @@ exports[`renders components/breadcrumb/demo/style-class.tsx extend context corre
>
<ol>
<li
class="acss-3btzkp"
class="ant-breadcrumb-item acss-3btzkp"
style="color: rgb(143, 135, 241);"
>
<span
@@ -893,7 +941,7 @@ exports[`renders components/breadcrumb/demo/style-class.tsx extend context corre
/
</li>
<li
class="acss-3btzkp"
class="ant-breadcrumb-item acss-3btzkp"
style="color: rgb(143, 135, 241);"
>
<span
@@ -913,7 +961,7 @@ exports[`renders components/breadcrumb/demo/style-class.tsx extend context corre
/
</li>
<li
class="acss-3btzkp"
class="ant-breadcrumb-item acss-3btzkp"
style="color: rgb(143, 135, 241);"
>
<span
@@ -934,7 +982,9 @@ exports[`renders components/breadcrumb/demo/withIcon.tsx extend context correctl
class="ant-breadcrumb css-var-test-id"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<a
class="ant-breadcrumb-link"
href=""
@@ -966,7 +1016,9 @@ exports[`renders components/breadcrumb/demo/withIcon.tsx extend context correctl
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<a
class="ant-breadcrumb-link"
href=""
@@ -1001,7 +1053,9 @@ exports[`renders components/breadcrumb/demo/withIcon.tsx extend context correctl
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -1019,7 +1073,9 @@ exports[`renders components/breadcrumb/demo/withParams.tsx extend context correc
class="ant-breadcrumb css-var-test-id"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -1032,7 +1088,9 @@ exports[`renders components/breadcrumb/demo/withParams.tsx extend context correc
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<a
class="ant-breadcrumb-link"
href=""

126
components/breadcrumb/__tests__/__snapshots__/demo.test.ts.snap
View File

@@ -5,7 +5,9 @@ exports[`renders components/breadcrumb/demo/basic.tsx correctly 1`] = `
class="ant-breadcrumb css-var-test-id"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -18,7 +20,9 @@ exports[`renders components/breadcrumb/demo/basic.tsx correctly 1`] = `
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -35,7 +39,9 @@ exports[`renders components/breadcrumb/demo/basic.tsx correctly 1`] = `
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -52,7 +58,9 @@ exports[`renders components/breadcrumb/demo/basic.tsx correctly 1`] = `
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -68,7 +76,9 @@ exports[`renders components/breadcrumb/demo/component-token.tsx correctly 1`] =
class="ant-breadcrumb css-var-test-id"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -81,7 +91,9 @@ exports[`renders components/breadcrumb/demo/component-token.tsx correctly 1`] =
>
&gt;
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -98,7 +110,9 @@ exports[`renders components/breadcrumb/demo/component-token.tsx correctly 1`] =
>
&gt;
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-dropdown-trigger ant-breadcrumb-overlay-link"
>
@@ -138,7 +152,9 @@ exports[`renders components/breadcrumb/demo/component-token.tsx correctly 1`] =
>
&gt;
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<a
class="ant-breadcrumb-link"
href=""
@@ -152,7 +168,9 @@ exports[`renders components/breadcrumb/demo/component-token.tsx correctly 1`] =
>
&gt;
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<a
class="ant-breadcrumb-link"
href=""
@@ -184,7 +202,9 @@ exports[`renders components/breadcrumb/demo/component-token.tsx correctly 1`] =
>
&gt;
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<a
class="ant-breadcrumb-link"
href=""
@@ -222,7 +242,9 @@ exports[`renders components/breadcrumb/demo/debug-routes.tsx correctly 1`] = `
class="ant-breadcrumb css-var-test-id"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<a
class="ant-breadcrumb-link"
href="#/home"
@@ -236,7 +258,9 @@ exports[`renders components/breadcrumb/demo/debug-routes.tsx correctly 1`] = `
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-dropdown-trigger ant-breadcrumb-overlay-link"
>
@@ -276,7 +300,9 @@ exports[`renders components/breadcrumb/demo/overlay.tsx correctly 1`] = `
class="ant-breadcrumb css-var-test-id"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -289,7 +315,9 @@ exports[`renders components/breadcrumb/demo/overlay.tsx correctly 1`] = `
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -306,7 +334,9 @@ exports[`renders components/breadcrumb/demo/overlay.tsx correctly 1`] = `
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-dropdown-trigger ant-breadcrumb-overlay-link"
>
@@ -346,7 +376,9 @@ exports[`renders components/breadcrumb/demo/overlay.tsx correctly 1`] = `
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -362,7 +394,9 @@ exports[`renders components/breadcrumb/demo/separator.tsx correctly 1`] = `
class="ant-breadcrumb css-var-test-id"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -375,7 +409,9 @@ exports[`renders components/breadcrumb/demo/separator.tsx correctly 1`] = `
>
&gt;
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<a
class="ant-breadcrumb-link"
href=""
@@ -389,7 +425,9 @@ exports[`renders components/breadcrumb/demo/separator.tsx correctly 1`] = `
>
&gt;
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<a
class="ant-breadcrumb-link"
href=""
@@ -403,7 +441,9 @@ exports[`renders components/breadcrumb/demo/separator.tsx correctly 1`] = `
>
&gt;
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -419,7 +459,9 @@ exports[`renders components/breadcrumb/demo/separator-component.tsx correctly 1`
class="ant-breadcrumb css-var-test-id"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -432,7 +474,9 @@ exports[`renders components/breadcrumb/demo/separator-component.tsx correctly 1`
>
:
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<a
class="ant-breadcrumb-link"
href=""
@@ -446,7 +490,9 @@ exports[`renders components/breadcrumb/demo/separator-component.tsx correctly 1`
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<a
class="ant-breadcrumb-link"
href=""
@@ -460,7 +506,9 @@ exports[`renders components/breadcrumb/demo/separator-component.tsx correctly 1`
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -482,7 +530,7 @@ exports[`renders components/breadcrumb/demo/style-class.tsx correctly 1`] = `
>
<ol>
<li
class="acss-3btzkp"
class="ant-breadcrumb-item acss-3btzkp"
style="color:#1890ff"
>
<span
@@ -499,7 +547,7 @@ exports[`renders components/breadcrumb/demo/style-class.tsx correctly 1`] = `
/
</li>
<li
class="acss-3btzkp"
class="ant-breadcrumb-item acss-3btzkp"
style="color:#1890ff"
>
<span
@@ -521,7 +569,7 @@ exports[`renders components/breadcrumb/demo/style-class.tsx correctly 1`] = `
>
<ol>
<li
class="acss-3btzkp"
class="ant-breadcrumb-item acss-3btzkp"
style="color:#8F87F1"
>
<span
@@ -537,7 +585,7 @@ exports[`renders components/breadcrumb/demo/style-class.tsx correctly 1`] = `
/
</li>
<li
class="acss-3btzkp"
class="ant-breadcrumb-item acss-3btzkp"
style="color:#8F87F1"
>
<span
@@ -557,7 +605,7 @@ exports[`renders components/breadcrumb/demo/style-class.tsx correctly 1`] = `
/
</li>
<li
class="acss-3btzkp"
class="ant-breadcrumb-item acss-3btzkp"
style="color:#8F87F1"
>
<span
@@ -576,7 +624,9 @@ exports[`renders components/breadcrumb/demo/withIcon.tsx correctly 1`] = `
class="ant-breadcrumb css-var-test-id"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<a
class="ant-breadcrumb-link"
href=""
@@ -608,7 +658,9 @@ exports[`renders components/breadcrumb/demo/withIcon.tsx correctly 1`] = `
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<a
class="ant-breadcrumb-link"
href=""
@@ -643,7 +695,9 @@ exports[`renders components/breadcrumb/demo/withIcon.tsx correctly 1`] = `
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -659,7 +713,9 @@ exports[`renders components/breadcrumb/demo/withParams.tsx correctly 1`] = `
class="ant-breadcrumb css-var-test-id"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -672,7 +728,9 @@ exports[`renders components/breadcrumb/demo/withParams.tsx correctly 1`] = `
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<a
class="ant-breadcrumb-link"
href=""

8
components/breadcrumb/__tests__/__snapshots__/itemRender.test.tsx.snap
View File

@@ -6,7 +6,9 @@ exports[`Breadcrumb.ItemRender render as expect 1`] = `
class="ant-breadcrumb css-var-root"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<a
class="my-link"
data-path="/"
@@ -20,7 +22,9 @@ exports[`Breadcrumb.ItemRender render as expect 1`] = `
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<a
class="my-link"
data-path="/bamboo"

16
components/breadcrumb/__tests__/__snapshots__/router.test.tsx.snap
View File

@@ -5,7 +5,9 @@ exports[`react router react router legacy 1`] = `
class="ant-breadcrumb css-var-root"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<a
class="ant-breadcrumb-link"
href="#/"
@@ -19,7 +21,9 @@ exports[`react router react router legacy 1`] = `
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<a
class="ant-breadcrumb-link"
href="#//apps"
@@ -33,7 +37,9 @@ exports[`react router react router legacy 1`] = `
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<a
class="ant-breadcrumb-link"
href="#//apps/1"
@@ -47,7 +53,9 @@ exports[`react router react router legacy 1`] = `
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<a
class="ant-breadcrumb-link"
href="#//apps/1/detail"

4
components/breadcrumb/style/index.ts
View File

@@ -66,7 +66,7 @@ const genBreadcrumbStyle: GenerateStyle<BreadcrumbToken, CSSObject> = (token) =>
listStyle: 'none',
},
[`a${componentCls}-link, ${componentCls}-link a`]: {
[`${componentCls}-item a`]: {
color: token.linkColor,
transition: `color ${token.motionDurationMid}`,
padding: `0 ${unit(token.paddingXXS)}`,
@@ -83,7 +83,7 @@ const genBreadcrumbStyle: GenerateStyle<BreadcrumbToken, CSSObject> = (token) =>
...genFocusStyle(token),
},
'li:last-child': {
[`${componentCls}-item:last-child`]: {
color: token.lastItemColor,
},

56
components/config-provider/__tests__/__snapshots__/components.test.tsx.snap
View File

@@ -1126,7 +1126,9 @@ exports[`ConfigProvider components Breadcrumb configProvider 1`] = `
class="config-breadcrumb css-var-root"
>
<ol>
<li>
<li
class="config-breadcrumb-item"
>
<span
class="config-breadcrumb-link"
>
@@ -1139,7 +1141,9 @@ exports[`ConfigProvider components Breadcrumb configProvider 1`] = `
>
/
</li>
<li>
<li
class="config-breadcrumb-item"
>
<span
class="config-breadcrumb-link"
>
@@ -1155,7 +1159,9 @@ exports[`ConfigProvider components Breadcrumb configProvider componentDisabled 1
class="config-breadcrumb css-var-root"
>
<ol>
<li>
<li
class="config-breadcrumb-item"
>
<span
class="config-breadcrumb-link"
>
@@ -1168,7 +1174,9 @@ exports[`ConfigProvider components Breadcrumb configProvider componentDisabled 1
>
/
</li>
<li>
<li
class="config-breadcrumb-item"
>
<span
class="config-breadcrumb-link"
>
@@ -1184,7 +1192,9 @@ exports[`ConfigProvider components Breadcrumb configProvider componentSize large
class="config-breadcrumb css-var-root"
>
<ol>
<li>
<li
class="config-breadcrumb-item"
>
<span
class="config-breadcrumb-link"
>
@@ -1197,7 +1207,9 @@ exports[`ConfigProvider components Breadcrumb configProvider componentSize large
>
/
</li>
<li>
<li
class="config-breadcrumb-item"
>
<span
class="config-breadcrumb-link"
>
@@ -1213,7 +1225,9 @@ exports[`ConfigProvider components Breadcrumb configProvider componentSize middl
class="config-breadcrumb css-var-root"
>
<ol>
<li>
<li
class="config-breadcrumb-item"
>
<span
class="config-breadcrumb-link"
>
@@ -1226,7 +1240,9 @@ exports[`ConfigProvider components Breadcrumb configProvider componentSize middl
>
/
</li>
<li>
<li
class="config-breadcrumb-item"
>
<span
class="config-breadcrumb-link"
>
@@ -1242,7 +1258,9 @@ exports[`ConfigProvider components Breadcrumb configProvider componentSize small
class="config-breadcrumb css-var-root"
>
<ol>
<li>
<li
class="config-breadcrumb-item"
>
<span
class="config-breadcrumb-link"
>
@@ -1255,7 +1273,9 @@ exports[`ConfigProvider components Breadcrumb configProvider componentSize small
>
/
</li>
<li>
<li
class="config-breadcrumb-item"
>
<span
class="config-breadcrumb-link"
>
@@ -1271,7 +1291,9 @@ exports[`ConfigProvider components Breadcrumb normal 1`] = `
class="ant-breadcrumb css-var-root"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -1284,7 +1306,9 @@ exports[`ConfigProvider components Breadcrumb normal 1`] = `
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -1300,7 +1324,9 @@ exports[`ConfigProvider components Breadcrumb prefixCls 1`] = `
class="prefix-Breadcrumb css-var-root"
>
<ol>
<li>
<li
class="prefix-Breadcrumb-item"
>
<span
class="prefix-Breadcrumb-link"
>
@@ -1313,7 +1339,9 @@ exports[`ConfigProvider components Breadcrumb prefixCls 1`] = `
>
/
</li>
<li>
<li
class="prefix-Breadcrumb-item"
>
<span
class="prefix-Breadcrumb-link"
>

68
components/layout/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@@ -885,7 +885,9 @@ exports[`renders components/layout/demo/component-token.tsx extend context corre
style="margin: 16px 0px;"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -898,7 +900,9 @@ exports[`renders components/layout/demo/component-token.tsx extend context corre
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -911,7 +915,9 @@ exports[`renders components/layout/demo/component-token.tsx extend context corre
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -1343,7 +1349,9 @@ exports[`renders components/layout/demo/fixed.tsx extend context correctly 1`] =
style="margin: 16px 0px;"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -1356,7 +1364,9 @@ exports[`renders components/layout/demo/fixed.tsx extend context correctly 1`] =
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -1369,7 +1379,9 @@ exports[`renders components/layout/demo/fixed.tsx extend context correctly 1`] =
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -2843,7 +2855,9 @@ exports[`renders components/layout/demo/side.tsx extend context correctly 1`] =
style="margin: 16px 0px;"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -2856,7 +2870,9 @@ exports[`renders components/layout/demo/side.tsx extend context correctly 1`] =
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -3432,7 +3448,9 @@ exports[`renders components/layout/demo/top.tsx extend context correctly 1`] = `
style="margin: 16px 0px;"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -3445,7 +3463,9 @@ exports[`renders components/layout/demo/top.tsx extend context correctly 1`] = `
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -3458,7 +3478,9 @@ exports[`renders components/layout/demo/top.tsx extend context correctly 1`] = `
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -3660,7 +3682,9 @@ exports[`renders components/layout/demo/top-side.tsx extend context correctly 1`
style="margin: 16px 0px;"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -3673,7 +3697,9 @@ exports[`renders components/layout/demo/top-side.tsx extend context correctly 1`
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -3686,7 +3712,9 @@ exports[`renders components/layout/demo/top-side.tsx extend context correctly 1`
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -5308,7 +5336,9 @@ exports[`renders components/layout/demo/top-side-2.tsx extend context correctly
style="margin: 16px 0px;"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -5321,7 +5351,9 @@ exports[`renders components/layout/demo/top-side-2.tsx extend context correctly
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -5334,7 +5366,9 @@ exports[`renders components/layout/demo/top-side-2.tsx extend context correctly
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>

68
components/layout/__tests__/__snapshots__/demo.test.ts.snap
View File

@@ -387,7 +387,9 @@ exports[`renders components/layout/demo/component-token.tsx correctly 1`] = `
style="margin:16px 0"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -400,7 +402,9 @@ exports[`renders components/layout/demo/component-token.tsx correctly 1`] = `
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -413,7 +417,9 @@ exports[`renders components/layout/demo/component-token.tsx correctly 1`] = `
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -712,7 +718,9 @@ exports[`renders components/layout/demo/fixed.tsx correctly 1`] = `
style="margin:16px 0"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -725,7 +733,9 @@ exports[`renders components/layout/demo/fixed.tsx correctly 1`] = `
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -738,7 +748,9 @@ exports[`renders components/layout/demo/fixed.tsx correctly 1`] = `
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -1718,7 +1730,9 @@ exports[`renders components/layout/demo/side.tsx correctly 1`] = `
style="margin:16px 0"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -1731,7 +1745,9 @@ exports[`renders components/layout/demo/side.tsx correctly 1`] = `
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -2013,7 +2029,9 @@ exports[`renders components/layout/demo/top.tsx correctly 1`] = `
style="margin:16px 0"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -2026,7 +2044,9 @@ exports[`renders components/layout/demo/top.tsx correctly 1`] = `
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -2039,7 +2059,9 @@ exports[`renders components/layout/demo/top.tsx correctly 1`] = `
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -2175,7 +2197,9 @@ exports[`renders components/layout/demo/top-side.tsx correctly 1`] = `
style="margin:16px 0"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -2188,7 +2212,9 @@ exports[`renders components/layout/demo/top-side.tsx correctly 1`] = `
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -2201,7 +2227,9 @@ exports[`renders components/layout/demo/top-side.tsx correctly 1`] = `
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -2765,7 +2793,9 @@ exports[`renders components/layout/demo/top-side-2.tsx correctly 1`] = `
style="margin:16px 0"
>
<ol>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -2778,7 +2808,9 @@ exports[`renders components/layout/demo/top-side-2.tsx correctly 1`] = `
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>
@@ -2791,7 +2823,9 @@ exports[`renders components/layout/demo/top-side-2.tsx correctly 1`] = `
>
/
</li>
<li>
<li
class="ant-breadcrumb-item"
>
<span
class="ant-breadcrumb-link"
>