@pwc-ra/components/dist/types/components/Sidebar/types.d.ts

PwC RA shared components library

import { ReactNode } from 'react';
import type { MenuProps } from 'antd';
export type MenuItem = Required<MenuProps>['items'][number];
export interface SidebarProps {
    /**
     * 侧边栏是否折叠
     */
    collapsed: boolean;
    /**
     * 侧边栏菜单项
     */
    menuItems: MenuItem[];
    /**
     * 产品名称
     */
    productName: string;
    /**
     * 产品图标
     */
    productIcon?: ReactNode;
    /**
     * 侧边栏宽度，默认为 200
     */
    width?: number;
    /**
     * 侧边栏折叠时的宽度，默认为 80
     */
    collapsedWidth?: number;
    /**
     * 侧边栏头部高度，默认为 64
     */
    headerHeight?: number;
    /**
     * 菜单点击回调
     */
    onMenuClick?: (key: string) => void;
    /**
     * 自定义类名
     */
    className?: string;
    /**
     * 自定义样式
     */
    style?: React.CSSProperties;
    /**
     * 是否显示产品名称，默认为 true
     */
    showProductName?: boolean;
}