55 lines
2.5 KiB
TypeScript
55 lines
2.5 KiB
TypeScript
import type { AvatarProps } from 'antd';
|
|
import React from 'react';
|
|
import type { PureSettings } from '../../defaultSettings';
|
|
import type { MenuDataItem } from '../../index';
|
|
import type { WithFalse } from '../../typing';
|
|
import type { AppItemProps, AppListProps } from '../AppsLogoComponents/types';
|
|
import type { HeaderViewProps } from '../Header';
|
|
import type { PrivateSiderMenuProps, SiderMenuProps } from '../SiderMenu/SiderMenu';
|
|
export type GlobalHeaderProps = {
|
|
collapsed?: boolean;
|
|
onCollapse?: (collapsed: boolean) => void;
|
|
isMobile?: boolean;
|
|
logo?: React.ReactNode;
|
|
/**
|
|
* @name 虽然叫menuRender，但是其实是整个 SiderMenu 面板的渲染函数
|
|
*
|
|
* @example 收起时完成不展示菜单 menuRender={(props,defaultDom)=> props.collapsed ? null : defaultDom}
|
|
* @example 不展示菜单 menuRender={false}
|
|
*/
|
|
menuRender?: WithFalse<(props: HeaderViewProps, defaultDom: React.ReactNode) => React.ReactNode>;
|
|
/**
|
|
* @deprecated
|
|
* 使用 actionsRender 和 avatarProps 代替
|
|
*/
|
|
rightContentRender?: WithFalse<(props: HeaderViewProps) => React.ReactNode>;
|
|
className?: string;
|
|
prefixCls?: string;
|
|
/** 相关品牌的列表 */
|
|
appList?: AppListProps;
|
|
/** 相关品牌的列表项 点击事件，当事件存在时，appList 内配置的 url 不在自动跳转 */
|
|
itemClick?: (item: AppItemProps, popoverRef?: React.RefObject<HTMLSpanElement>) => void;
|
|
menuData?: MenuDataItem[];
|
|
onMenuHeaderClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
|
|
style?: React.CSSProperties;
|
|
menuHeaderRender?: SiderMenuProps['menuHeaderRender'];
|
|
/**
|
|
* @name 顶部区域的渲染，包含内部的 menu
|
|
*
|
|
* @example headerContentRender={(props) => <div>管理控制台 </div>}
|
|
*/
|
|
headerContentRender?: WithFalse<(props: HeaderViewProps, defaultDom: React.ReactNode) => React.ReactNode>;
|
|
collapsedButtonRender?: SiderMenuProps['collapsedButtonRender'];
|
|
splitMenus?: boolean;
|
|
/** Layout的操作功能列表，不同的 layout 会放到不同的位置 */
|
|
actionsRender?: WithFalse<(props: HeaderViewProps) => React.ReactNode[] | React.ReactNode>;
|
|
/** 头像的设置 */
|
|
avatarProps?: WithFalse<AvatarProps & {
|
|
title?: React.ReactNode;
|
|
render?: (props: AvatarProps, defaultDom: React.ReactNode, siderProps: SiderMenuProps) => React.ReactNode;
|
|
}>;
|
|
children?: React.ReactNode;
|
|
} & Partial<PureSettings>;
|
|
declare const GlobalHeader: React.FC<GlobalHeaderProps & PrivateSiderMenuProps>;
|
|
export { GlobalHeader };
|