mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-05 13:37:52 +08:00
78e9d58ef1
* refactor: out of bread item render * refactor: fix too filled * fix: render logic * test: add test case * fix: ts * fix: test
44 lines
942 B
TypeScript
44 lines
942 B
TypeScript
import { useMemo } from 'react';
|
|
import type { BreadcrumbItemType, BreadcrumbSeparatorType, ItemType } from './Breadcrumb';
|
|
|
|
type MergedType = BreadcrumbItemType & {
|
|
children?: ItemType['children'];
|
|
};
|
|
|
|
function route2item(route: ItemType): MergedType {
|
|
const { breadcrumbName, children, ...rest } = route;
|
|
|
|
const clone: MergedType = {
|
|
title: breadcrumbName,
|
|
...rest,
|
|
};
|
|
|
|
if (children) {
|
|
clone.menu = {
|
|
items: children.map(({ breadcrumbName: itemBreadcrumbName, ...itemProps }) => ({
|
|
...itemProps,
|
|
title: itemBreadcrumbName,
|
|
})),
|
|
};
|
|
}
|
|
|
|
return clone;
|
|
}
|
|
|
|
export default function useItems(
|
|
items?: ItemType[],
|
|
routes?: ItemType[],
|
|
): Partial<MergedType & BreadcrumbSeparatorType>[] | null {
|
|
return useMemo<ItemType[] | null>(() => {
|
|
if (items) {
|
|
return items;
|
|
}
|
|
|
|
if (routes) {
|
|
return routes.map(route2item);
|
|
}
|
|
|
|
return null;
|
|
}, [items, routes]);
|
|
}
|