import React from 'react'; import { ItemProps } from '@alicloudfe/components/types/breadcrumb'; import { LinkPath } from '@teamix/utils'; import { CapsuleTabType, ProTagItem } from '../field'; import { ProActionGroupProps } from '../actions'; import { ProInfoProps } from '../info'; import './index.scss'; export interface ProPageHeaderBreadcrumbItem extends ItemProps { /** * @deprecated 建议使用 children 代替 */ text?: string; } export declare type ProPageHeaderTagItem = ProTagItem; declare type Color = 'blue' | 'green' | 'orange' | 'red' | 'yellow' | string; export declare type ProPageHeaderDataItem = { title: string; num: number; color?: Color; } & React.HTMLAttributes; export declare type ProPageHeaderProps = { /** 标题 */ title?: React.ReactNode; /** 标题说明 */ titleTooltip?: React.ReactNode; /** 描述 */ description?: React.ReactNode; /** 图标 */ icon?: React.ReactNode; /** 图标颜色 */ iconColor?: Color; /** 图标背景类型 */ iconBackgroundType?: 'circle' | 'square'; /** 图标背景色 */ iconBackgroundColor?: Color; /** 返回按钮配置 */ goback?: boolean | LinkPath | ((e: React.MouseEvent) => void); /** 背景图 */ image?: string; /** 加载中 */ loading?: boolean; /** 面包屑配置 */ breadcrumb?: ProPageHeaderBreadcrumbItem[]; /** 额外信息区配置 */ extra?: ProActionGroupProps | React.ReactNode | any[]; /** 操作区配置 */ operation?: ProActionGroupProps | React.ReactNode | any[]; /** 标签组 */ tags?: ProPageHeaderTagItem[]; /** 数据概览项 */ data?: ProPageHeaderDataItem[]; /** 底部详情 */ info?: ProInfoProps | React.ReactNode; /** 切换 tabs */ tabs?: CapsuleTabType; } & Omit, 'title'>; declare const ProPageHeader: React.FC; export default ProPageHeader; /** * @deprecated 建议使用 ProPageHeaderBreadcrumbItem 代替 */ export declare type BreadcrumbItem = ProPageHeaderBreadcrumbItem; /** * @deprecated 建议使用 ProPageHeaderTagItem 代替 */ export declare type TagItem = ProPageHeaderTagItem; /** * @deprecated 建议使用 ProPageHeaderDataItem 代替 */ export declare type DataItem = ProPageHeaderDataItem; /** * @deprecated 建议使用 ProPageHeaderProps 代替 */ export declare type PageHeaderProps = ProPageHeaderProps;