test-nut-ui
Version:
<p align="center"> <img alt="logo" src="https://img11.360buyimg.com/imagetools/jfs/t1/211965/25/7152/22022/61b16785E433119bb/aa41d7a9f7e823f3.png" width="150" style="margin-bottom: 10px;"> </p>
78 lines (77 loc) • 1.75 kB
TypeScript
import React from 'react';
import { BasicComponent } from '../../utils/typings';
export interface OptionItem {
text: string;
value: string | number;
description?: string;
disabled?: boolean;
}
export interface MenuItemProps extends BasicComponent {
/**
* 菜单项标题
* @default 当前选中项文字
*/
title: React.ReactNode
/**
* 选项数组
* @default -
*/
options: OptionItem[]
/**
* 是否禁用菜单
* @default false
*/
disabled: boolean
/**
* 可以设置一行展示多少列 options
* @default 1
*/
columns: number
/**
* 复选框选择前图标
* @default null
*/
icon: React.ReactNode
/**
* 复选框选择后图标
* @default null
*/
activeIcon: React.ReactNode
/**
* 全选复选框半选状态图标
* @default null
*/
indeterminateIcon: React.ReactNode
closeOnClickAway: boolean;
/**
* 菜单展开方向,可选值为up
* @default down
*/
direction: string
activeTitleClass: string;
inactiveTitleClass: string;
/**
* 限制选择数量(默认为1,大于1则为复选)
* @default 1
*/
limitNumber: number
/**
* 当前标题栏的flex属性
* @default -
*/
flex?: number | string
justifyContent: string;
value: string | number | string[] | number[];
/**
* 当前标题栏的宽度
* @default -
*/
width?: number
/**
* 选择 option 之后触发
* @default -
*/
onChange: (event: any) => void
children: React.ReactNode;
}
export declare const MenuItem: React.ForwardRefExoticComponent<Partial<MenuItemProps> & React.RefAttributes<unknown>>;