mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-24 11:10:01 +08:00
502dac12aa
* docs: fix code * feat: lint * feat: prettier * feat: test * feat: review * feat: format html * feat: format html
45 lines
943 B
TypeScript
45 lines
943 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]);
|
|
}
|