From ccafb60fefbf2a04fbfc10718d2a1f5c23c680ce Mon Sep 17 00:00:00 2001
From: yatesmiao <yatesmiao@tencent.com>
Date: Wed, 13 Apr 2022 16:10:34 +0800
Subject: [PATCH 1/2] =?UTF-8?q?fix(breadcrumb):=20=E9=9D=A2=E5=8C=85?=
 =?UTF-8?q?=E5=B1=91=E5=88=9D=E5=A7=8B=E6=A0=B7=E5=BC=8F=E8=A2=AB=E8=A6=86?=
 =?UTF-8?q?=E7=9B=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

(cherry picked from commit 2d260ea7ac0fcd4c8373cab87c320f86d47db6b6)
---
 src/breadcrumb/BreadcrumbItem.tsx | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/breadcrumb/BreadcrumbItem.tsx b/src/breadcrumb/BreadcrumbItem.tsx
index 8d92cf82b..8e5a27013 100644
--- a/src/breadcrumb/BreadcrumbItem.tsx
+++ b/src/breadcrumb/BreadcrumbItem.tsx
@@ -9,8 +9,20 @@ import { BreadcrumbItemProps } from './BreadcrumbProps';
 import { BreadcrumbContext } from './BreadcrumbContext';
 
 export const BreadcrumbItem = forwardRef<HTMLDivElement, BreadcrumbItemProps>((props, ref) => {
-  const { children, separator, disabled, maxItemWidth, maxWidth, href, to, target, router, replace, ...restProps } =
-    props;
+  const {
+    children,
+    separator,
+    disabled,
+    maxItemWidth,
+    maxWidth,
+    href,
+    to,
+    target,
+    router,
+    replace,
+    className,
+    ...restProps
+  } = props;
 
   const { maxItemWidthInContext, theme, separator: separatorInContext } = useContext(BreadcrumbContext);
 
@@ -58,7 +70,7 @@ export const BreadcrumbItem = forwardRef<HTMLDivElement, BreadcrumbItemProps>((p
   );
 
   return (
-    <div className={classNames(breadcrumbItemClassNames, theme)} ref={ref} {...restProps}>
+    <div className={classNames(breadcrumbItemClassNames, theme, className)} ref={ref} {...restProps}>
       {itemContent}
       <span className={separatorClassName}>{separatorContent}</span>
     </div>

From 1c319c37666ccfd62802f65027df7cc0b225e150 Mon Sep 17 00:00:00 2001
From: yatessss <897969073@qq.com>
Date: Thu, 14 Apr 2022 11:26:53 +0800
Subject: [PATCH 2/2] =?UTF-8?q?fix(breadcrumb):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E9=9D=A2=E5=8C=85=E5=B1=91=E5=AE=B9=E5=99=A8=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E8=A6=86=E7=9B=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/breadcrumb/Breadcrumb.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/breadcrumb/Breadcrumb.tsx b/src/breadcrumb/Breadcrumb.tsx
index fd9bc988e..c64db1365 100644
--- a/src/breadcrumb/Breadcrumb.tsx
+++ b/src/breadcrumb/Breadcrumb.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import classNames from 'classnames';
 import useConfig from '../_util/useConfig';
 import forwardRefWithStatics from '../_util/forwardRefWithStatics';
 import { BreadcrumbItem } from './BreadcrumbItem';
@@ -7,7 +8,7 @@ import { BreadcrumbContext } from './BreadcrumbContext';
 
 const Breadcrumb = forwardRefWithStatics(
   (props: BreadcrumbProps, ref) => {
-    const { children, options, separator, maxItemWidth, theme, ...restProps } = props;
+    const { children, options, separator, maxItemWidth, theme, className, ...restProps } = props;
     const { classPrefix } = useConfig();
 
     let content = children;
@@ -38,7 +39,7 @@ const Breadcrumb = forwardRefWithStatics(
           separator,
         }}
       >
-        <div ref={ref} className={`${classPrefix}-breadcrumb`} {...restProps}>
+        <div ref={ref} className={classNames(`${classPrefix}-breadcrumb`, className)} {...restProps}>
           {content}
         </div>
       </BreadcrumbContext.Provider>