UNPKG

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
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>>;