/** * @author linhd * @date 2021/8/3 10:59 * @description 面包屑 */ import React, { FunctionComponent, ReactNode } from 'react'; import './index.scss'; export interface listOptions { /** 每一项显示名 */ label: ReactNode; /** 每一项最大宽度 */ maxWidth?: string; /** 是否可点击 */ disabled?: boolean; [name: string]: any; } export interface BreadcrumbsProps { /** 样式class */ className?: string; /** style */ style?: React.CSSProperties; /** 每一项最大宽度 */ maxWidth?: string; /** 初始化数据 */ list: listOptions[]; /** 中间符号 */ separator?: string; /** 弹出框样式class */ popoverClassName?: string; /** 是否收缩 */ isShrink?: boolean; /** 最后最少显示数 */ minNum?: number; /** 是否显示返回 */ isBack?: boolean; /** 自定义返回内容 */ backRender?: ReactNode; /** 弹窗方式 */ trigger?: 'hover' | 'click'; /** 弹窗方向 */ placement?: 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom'; /** * 点击菜单 * @param ops 当前点击菜单数据 */ onClickItem?: (ops: listOptions) => void; /** * 点击返回 * */ onBack?: () => void; } export declare const Breadcrumbs: FunctionComponent; export default Breadcrumbs;