@nutui/nutui-react/dist/types/packages/menuitem/menuitem.d.ts

京东风格的轻量级移动端 React 组件库，支持一套代码生成 H5 和小程序

import { default as React } from 'react';
import { BasicComponent } from '../../utils/typings';
export interface OptionItem {
    text: string;
    value: string | number;
}
export interface MenuItemProps extends BasicComponent {
    /**
    * 菜单项标题
    * @default 当前选中项文字
    */
    title: React.ReactNode
    /**
    * 菜单项 icon
    * @default ArrowUp/ArrowDown
    */
    titleIcon: React.ReactNode
    /**
    * 选项数组
    * @default -
    */
    options: OptionItem[]
    /**
    * 是否禁用菜单
    * @default false
    */
    disabled: boolean
    /**
    * 可以设置一行展示多少列 options
    * @default 1
    */
    columns: number
    /**
    * 自定义选项图标
    * @default Check
    */
    icon: React.ReactNode
    /**
    * 点击空白处关闭菜单
    * @default true
    */
    closeOnClickAway: boolean
    /**
    * 菜单展开方向，可选值为up
    * @default down
    */
    direction: string
    activeTitleClass: string;
    inactiveTitleClass: string;
    value: string | number;
    defaultValue: string | number;
    /**
    * 选择 option 之后触发
    * @default -
    */
    onChange: (event: any) => void
    children: React.ReactNode;
}
export declare const MenuItem: React.ForwardRefExoticComponent<Partial<MenuItemProps> & React.RefAttributes<unknown>>;