# bee-menus

> menus ui component for react

Latest version **2.0.14** (published 2020-08-13) · MIT license · 0 weekly downloads

## Install

```sh
npm install bee-menus
pnpm add bee-menus
yarn add bee-menus
bun add bee-menus
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.0.14 |
| Published | 2020-08-13 |
| First published | 2016-12-04 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >=4.0.0 |
| Dependencies | 11 |
| Unpacked size | 285.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 3 |
| Maintainers | ahua52, banyudu, bjyxszd, guoyongfeng, huayingjie, jonyw, kvkens, liushaozhen, liuyk, npm_yx, tinper-bot, whizbz, yangchch, yonyoufed, zhaoyuchief |
| Keywords | react, react-component, react-menus, iuap-design, neoui-react, menus |

## Links

- npm: https://www.npmjs.com/package/bee-menus
- Repository: https://github.com/tinper-bee/bee-menus
- Issues: https://github.com/tinper-bee/menus/issues
- npm.io page: https://npm.io/package/bee-menus

## Dependencies (11)

- [rc-util](https://npm.io/package/rc-util.md) ^4.6.0
- [classnames](https://npm.io/package/classnames.md) ^2.2.5
- [mini-store](https://npm.io/package/mini-store.md) ^2.0.0
- [rc-trigger](https://npm.io/package/rc-trigger.md) ^2.6.2
- [bee-animate](https://npm.io/package/bee-animate.md) ^1.0.0
- [babel-runtime](https://npm.io/package/babel-runtime.md) 6.x
- [tinper-bee-core](https://npm.io/package/tinper-bee-core.md) latest
- [dom-scroll-into-view](https://npm.io/package/dom-scroll-into-view.md) ^1.2.1
- [mutationobserver-shim](https://npm.io/package/mutationobserver-shim.md) ^0.3.3
- [react-addons-test-utils](https://npm.io/package/react-addons-test-utils.md) 15.3.2
- [resize-observer-polyfill](https://npm.io/package/resize-observer-polyfill.md) ^1.5.1

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 2.0.14 (latest) — 2020-08-13
- 2.0.10-alpha.1 (alpha) — 2019-08-30
- 2.0.13 — 2020-04-24
- 2.0.12 — 2019-12-24
- 2.0.11 — 2019-10-10
- 2.0.10 — 2019-08-29
- 2.0.10-alpha.0 — 2019-08-29
- 2.0.9 — 2019-07-25
- 2.0.8-alpha.0 — 2019-07-25
- 2.0.8 — 2019-07-16
- 2.0.7 — 2019-05-16
- 2.0.7-alpha.0 — 2019-05-16
- 2.0.6 — 2019-03-28
- 2.0.5 — 2019-03-26
- 2.0.4 — 2019-03-18
- … 31 more at https://npm.io/package/bee-menus/versions

## README

# bee-menus
[![npm version](https://img.shields.io/npm/v/bee-menus.svg)](https://www.npmjs.com/package/bee-menus)
[![Build Status](https://img.shields.io/travis/tinper-bee/bee-menus/master.svg)](https://travis-ci.org/tinper-bee/bee-menus)
[![devDependency Status](https://img.shields.io/david/dev/tinper-bee/bee-menus.svg)](https://david-dm.org/tinper-bee/bee-menus#info=devDependencies)


react bee-menus component for tinper-bee

some description...

## 使用方法

```js

```

### API

## Menu

|参数|说明|类型|默认值|
|:---|:----|:---|:------|
|className|自定义类名|string|-|
|theme|主题颜色|String: light dark|-|
|mode|菜单类型，现在支持垂直、水平、和内嵌模式三种	|String: vertical horizontal inline|vertical|
|selectedKeys|当前选中的菜单项 key 数组|Array|-|	
|defaultSelectedKeys|初始选中的菜单项 key 数组|Array|-|	
|openKeys|当前展开的 SubMenu 菜单项 key 数组|Array|-|
|defaultOpenKeys|初始展开的 SubMenu 菜单项 key 数组|-|
|onOpenChange|SubMenu 展开/关闭的回调	Function(openKeys: string[])|noop|
|onSelect|被选中时调|	Function({ item, key, selectedKeys })|-|
|onDeselect|取消选中时调用，仅在 multiple 生效|	Function({ item, key, selectedKeys })|-|
|onClick|点击 menuitem 调用此函数，参数为 {item, key, keyPath}|	function|-|
|style|根节点样式|Object|-|	
|keyboard|是否使用键盘操作|bool|false|	
|tabIndex|设置tabIndex|string|0|	
|Children|MenuItem组件/SubMenu组件/MenuItemGroup组件|node|-|

## Menu.Item

|参数|说明|类型|默认值|
|:---|:----|:---|:------|
|disabled|是否禁用|Boolean|false|
|key|item 的唯一标志|String|-|

## Menu.SubMenu

|参数|说明|类型|默认值|
|:---|:----|:---|:------|
|disabled|是否禁用|Boolean|false|
|key|唯一标志|String|	
|title|子菜单项值	|String or React.Element|
|children|子菜单的菜单项|(MenuItem or SubMenu)[]|
|onTitleClick|点击子菜单标题|Function({ eventKey, domEvent })|
|disabled|是否禁用|Boolean|false|
|key|item 的唯一标志|String|-|
|Children|MenuItem组件/SubMenu组件/MenuItemGroup组件|node|-|


## 已支持的键盘操作

注意：目前支持两种写法，参考示例7和示例8

|按键|功能|
|:---|:----|
|↑(上箭)|切换选项|
|↓(下箭) |切换选项|
|←(左箭) |关闭下级菜单|
|→(右箭) |打开下级菜单|
|enter | 选中|


#### 开发调试

```sh
$ git clone https://github.com/tinper-bee/bee-menus
$ cd bee-menus
$ npm install
$ npm run dev
```

---
_Source: https://npm.io/package/bee-menus · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._