import './BasicLayout.less'; import React, { CSSProperties } from 'react'; import { BreadcrumbProps as AntdBreadcrumbProps } from 'antd/lib/breadcrumb'; import { HeaderViewProps } from './Header'; import { MenuDataItem, MessageDescriptor, Route, RouterTypes, WithFalse } from './typings'; import { GetPageTitleProps } from './getPageTitle'; import { PureSettings } from './defaultSettings'; import { LocaleType } from './locales'; import { BaseMenuProps } from './SiderMenu/BaseMenu'; import { SiderMenuProps } from './SiderMenu/SiderMenu'; export declare type BasicLayoutProps = Partial> & SiderMenuProps & HeaderViewProps & Partial & { pure?: boolean; /** * logo url */ logo?: React.ReactNode | WithFalse<() => React.ReactNode>; /** * 页面切换的时候触发 */ onPageChange?: (location?: RouterTypes['location']) => void; loading?: boolean; locale?: LocaleType; onCollapse?: (collapsed: boolean) => void; footerRender?: WithFalse<(props: HeaderViewProps, defaultDom: React.ReactNode) => React.ReactNode>; breadcrumbRender?: (routers: AntdBreadcrumbProps['routes']) => AntdBreadcrumbProps['routes']; menuItemRender?: BaseMenuProps['menuItemRender']; pageTitleRender?: WithFalse<(props: GetPageTitleProps, defaultPageTitle?: string, info?: { title: string; id: string; pageName: string; }) => string>; menuDataRender?: (menuData: MenuDataItem[]) => MenuDataItem[]; itemRender?: AntdBreadcrumbProps['itemRender']; formatMessage?: (message: MessageDescriptor) => string; /** * 是否禁用移动端模式,有的管理系统不需要移动端模式,此属性设置为true即可 */ disableMobile?: boolean; contentStyle?: CSSProperties; isChildrenLayout?: boolean; className?: string; /** * 兼用 content的 margin */ disableContentMargin?: boolean; }; export declare type BasicLayoutContext = { [K in 'location']: BasicLayoutProps[K]; } & { breadcrumb: { [path: string]: MenuDataItem; }; }; /** * 🌃 Powerful and easy to use beautiful layout * 🏄‍ Support multiple topics and layout types * @param props */ declare const BasicLayout: React.FC; export default BasicLayout;