/** * @author Hanz * @date 2021/11/23 上午11:17 * @description toggle button group */ import React, { FunctionComponent } from 'react'; import './index.scss'; export type ToggleButtonItemProps = { label: string; /** type为icon时有效 */ icon?: React.ReactNode; value: any; selected?: boolean; disabled?: boolean; toolTipTitle?: React.ReactNode; className?: string; }; export interface ToggleButtonGroupProps { type?: 'text' | 'outlined' | 'icon'; /** * 类名 */ className?: string; /** * 样式 */ style?: React.CSSProperties; /** * 是否互斥 */ exclusive?: boolean; /** * 是否可切换选中项 */ toggleable?: boolean; /** * 按钮组value */ value?: any; /** * 按钮组数据源 */ data?: ToggleButtonItemProps[]; /** * value变化时回调 * @param event * @param value */ onChange?: (event: React.MouseEvent, value: any) => void; } declare const ToggleButtonGroup: FunctionComponent; export default ToggleButtonGroup;