/** * @author Hanz * @date 2021/8/4 上午10:21 * @description 按钮组 */ import React, { FunctionComponent, ReactNode } from 'react'; import { ButtonProps } from '../Button'; import './index.scss'; export interface ButtonItem extends ButtonProps { /** 图标*/ icon?: ReactNode; /** 文本*/ text?: ReactNode; [key: string]: any; } export interface ButtonGroupProps { /** 按钮组模式 */ mode?: 'icon' | 'iconSplit' | 'text'; /** 布局 */ layout?: 'horizontal' | 'vertical'; /** 按钮组数据 */ data: ButtonItem[]; /** cls */ className?: string; /** 显示tooltip */ showToolTip?: boolean; /** 显示icon,仅在text模式下生效 */ showIcon?: boolean; /** 禁用按钮组 */ disabled?: boolean; /**自定义样式*/ style?: React.CSSProperties; /** onClick */ onClick?: (item: ButtonItem, event?: React.MouseEvent) => void; } export declare const ButtonGroup: FunctionComponent; export default ButtonGroup;