feat: breadcrumb adding a unified item click event trigger

Author: Ohh-889

packages/ui/src/components/breadcrumb/source/Breadcrumb.tsx

@@ -31,8 +31,19 @@ function renderBreadcrumbContent<T extends BreadcrumbItem>(item: T, renderItem:
 }
 
 const Breadcrumb = <T extends BreadcrumbItem>(props: BreadcrumbProps<T>, ref: Ref<HTMLElement>) => {
-  const { className, classNames, ellipsis, ellipsisIcon, items, renderEllipsis, renderItem, separator, size, ...rest } =
-    props;
+  const {
+    className,
+    classNames,
+    ellipsis,
+    ellipsisIcon,
+    handleItemClick,
+    items,
+    renderEllipsis,
+    renderItem,
+    separator,
+    size,
+    ...rest
+  } = props;
 
   const computedEllipsisRange = getEllipsisRange();
 
@@ -106,6 +117,7 @@ const Breadcrumb = <T extends BreadcrumbItem>(props: BreadcrumbProps<T>, ref: Re
               <BreadcrumbItemContent
                 className={classNames?.item}
                 size={size}
+                onClick={() => handleItemClick?.(item)}
               >
                 {item.leading}
 

packages/ui/src/components/breadcrumb/types.ts

@@ -39,6 +39,7 @@ export type BreadcrumbProps<T extends BreadcrumbItem> = BreadcrumbRootProps & {
    */
   ellipsis?: true | [number, number] | null;
   ellipsisIcon?: React.ReactNode;
+  handleItemClick?: (item: T) => void;
   items: T[];
   renderEllipsis?: (items: T[]) => React.ReactNode;
   renderItem?: (item: T) => React.ReactNode;