@pwc-ra/components/dist/types/components/MainLayout/index.d.ts

PwC RA shared components library

import React, { ReactNode } from 'react';
import { MenuItem } from '../Sidebar';
export interface MainLayoutProps {
    /**
     * 菜单项配置
     */
    menuItems: MenuItem[];
    /**
     * 产品名称
     */
    productName: string;
    /**
     * 产品图标
     */
    productIcon: ReactNode;
    /**
     * 内容区域
     */
    children: ReactNode;
    /**
     * 面包屑组件
     */
    breadcrumb?: ReactNode;
    /**
     * 初始侧边栏是否折叠
     */
    defaultCollapsed?: boolean;
    /**
     * 自定义内容区域样式
     */
    contentStyle?: React.CSSProperties;
    /**
     * 自定义内容包装区域样式
     */
    contentWrapperStyle?: React.CSSProperties;
    /**
     * 自定义类名
     */
    className?: string;
    /**
     * 自定义顶部导航栏右侧额外内容
     */
    headerExtra?: ReactNode;
    /**
     * 自定义顶部导航栏左侧额外内容（logo右侧）
     */
    headerLeftExtra?: ReactNode;
    /**
     * 自定义 Logo，可以是 ReactNode 或者字符串
     * 如果是字符串，将显示为标题文本
     * 如果是 ReactNode，将直接渲染该节点
     */
    logo?: React.ReactNode | string;
    /**
     * 是否显示租户选择器，默认为 true
     */
    showTenantSelector?: boolean;
    /**
     * 是否显示产品选择器，默认为 true
     */
    showProductSelector?: boolean;
    /**
     * 是否显示产品名称，默认为 true
     */
    showProductName?: boolean;
    /**
     * 侧边栏宽度，默认为 200
     */
    sidebarWidth?: number;
}
declare const MainLayout: React.FC<MainLayoutProps>;
export default MainLayout;