choerodon-ui
Version:
An enterprise-class UI design language and React-based implementation
85 lines (84 loc) • 2.8 kB
TypeScript
import { Component, CSSProperties } from 'react';
import PropTypes from 'prop-types';
import SubMenu from './SubMenu';
import Item from './MenuItem';
import { SiderContext } from '../layout/Sider';
export interface SelectParam {
key: string;
keyPath: Array<string>;
item: any;
domEvent: any;
selectedKeys: Array<string>;
}
export interface ClickParam {
key: string;
keyPath: Array<string>;
item: any;
domEvent: any;
}
export declare type MenuMode = 'vertical' | 'vertical-left' | 'vertical-right' | 'horizontal' | 'inline';
export declare type MenuTheme = 'light' | 'dark';
export interface MenuProps {
id?: string;
theme?: MenuTheme;
mode?: MenuMode;
selectable?: boolean;
selectedKeys?: Array<string>;
defaultSelectedKeys?: Array<string>;
openKeys?: Array<string>;
defaultOpenKeys?: Array<string>;
onOpenChange?: (openKeys: string[]) => void;
onSelect?: (param: SelectParam) => void;
onDeselect?: (param: SelectParam) => void;
onClick?: (param: ClickParam) => void;
style?: CSSProperties;
openAnimation?: string | Object;
openTransitionName?: string | Object;
className?: string;
prefixCls?: string;
multiple?: boolean;
inlineIndent?: number;
inlineCollapsed?: boolean;
subMenuCloseDelay?: number;
subMenuOpenDelay?: number;
}
export interface MenuState {
openKeys: string[];
}
export default class Menu extends Component<MenuProps, MenuState> {
static displayName: string;
static Divider: any;
static Item: typeof Item;
static SubMenu: typeof SubMenu;
static ItemGroup: any;
static defaultProps: {
className: string;
theme: string;
focusable: boolean;
};
static childContextTypes: {
inlineCollapsed: PropTypes.Requireable<boolean>;
menuTheme: PropTypes.Requireable<string>;
};
static contextTypes: {
siderCollapsed: PropTypes.Requireable<boolean>;
collapsedWidth: PropTypes.Requireable<string | number>;
};
switchModeFromInline: boolean;
leaveAnimationExecutedWhenInlineCollapsed: boolean;
inlineOpenKeys: string[];
constructor(props: MenuProps);
getChildContext(): {
inlineCollapsed: any;
menuTheme: "dark" | "light" | undefined;
};
getPrefixCls(): string;
componentWillReceiveProps(nextProps: MenuProps, nextContext: SiderContext): void;
handleClick: (e: ClickParam) => void;
handleOpenChange: (openKeys: string[]) => void;
setOpenKeys(openKeys: string[]): void;
getRealMenuMode(): "inline" | "horizontal" | "vertical" | "vertical-left" | "vertical-right" | undefined;
getInlineCollapsed(): any;
getMenuOpenAnimation(menuMode: MenuMode): Object | undefined;
render(): JSX.Element | null;
}