27 lines
1.2 KiB
TypeScript
27 lines
1.2 KiB
TypeScript
|
import type { MenuDividerType as RcMenuDividerType, MenuItemGroupType as RcMenuItemGroupType, MenuItemType as RcMenuItemType, SubMenuType as RcSubMenuType } from 'rc-menu/lib/interface';
|
||
|
import * as React from 'react';
|
||
|
export interface MenuItemType extends RcMenuItemType {
|
||
|
danger?: boolean;
|
||
|
icon?: React.ReactNode;
|
||
|
title?: string;
|
||
|
}
|
||
|
export interface SubMenuType<T extends MenuItemType = MenuItemType> extends Omit<RcSubMenuType, 'children'> {
|
||
|
icon?: React.ReactNode;
|
||
|
theme?: 'dark' | 'light';
|
||
|
children: ItemType<T>[];
|
||
|
}
|
||
|
export interface MenuItemGroupType<T extends MenuItemType = MenuItemType> extends Omit<RcMenuItemGroupType, 'children'> {
|
||
|
children?: ItemType<T>[];
|
||
|
key?: React.Key;
|
||
|
}
|
||
|
export interface MenuDividerType extends RcMenuDividerType {
|
||
|
dashed?: boolean;
|
||
|
key?: React.Key;
|
||
|
}
|
||
|
export type ItemType<T extends MenuItemType = MenuItemType> = T | SubMenuType<T> | MenuItemGroupType<T> | MenuDividerType | null;
|
||
|
/**
|
||
|
* We simply convert `items` to ReactNode for reuse origin component logic. But we need move all the
|
||
|
* logic from component into this hooks when in v5
|
||
|
*/
|
||
|
export default function useItems(items?: ItemType[]): (React.JSX.Element | null)[] | undefined;
|