Awesome
<div align="center" style="display: flex; flex-direction: column; align-items: center;">
<img src="https://cdn.jsdelivr.net/gh/buuing/cdn/imgs/right-menu.png" width="128" />
<h1 style="margin: 10px 0 0">@right-menu</h1>
<p style="margin: 10px 0">一个支持 JS / TS / Vue / React 等多端框架的右键菜单插件</p>
<p>
<a href="https://github.com/buuing/right-menu/stargazers" target="_black">
<img src="https://img.shields.io/github/stars/buuing/right-menu?color=%236a90e1&logo=github&style=flat-square" alt="stars" />
</a>
<a href="https://github.com/buuing/right-menu/network/members" target="_black">
<img src="https://img.shields.io/github/forks/buuing/right-menu?color=%236a90e1&logo=github&style=flat-square" alt="forks" />
</a>
<a href="https://github.com/buuing" target="_black">
<img src="https://img.shields.io/badge/Author-%20buuing%20-6a90e1.svg?&logo=github&style=flat-square" alt="author" />
</a>
<a href="https://github.com/buuing/right-menu/blob/master/LICENSE" target="_black">
<img src="https://img.shields.io/github/license/buuing/right-menu?color=%236a90e1&logo=github&style=flat-square" alt="license" />
</a>
</p>
<table align="center" style="width: auto">
<thead align="center">
<tr>
<th>适配框架</th>
<th>最新版本</th>
<th>NPM 下载量</th>
<th>CDN 使用量</th>
</tr>
</thead>
<tbody align="center">
<tr>
<td>
<b>JS / TS</b>
</td>
<td>
<img src="https://img.shields.io/npm/v/@right-menu/core?color=%23ffba15&logo=npm&style=flat-square" alt="version" />
</td>
<td>
<a href="https://www.npmjs.com/package/@right-menu/core" target="_black"><img src="https://img.shields.io/npm/dm/@right-menu/core?color=%23ffba15&logo=npm&style=flat-square" alt="downloads" /></a>
</td>
<td>
<a href="https://www.jsdelivr.com/package/npm/@right-menu/core" target="_black"><img src="https://data.jsdelivr.com/v1/package/npm/@right-menu/core/badge" alt="downloads" /></a>
</td>
</tr>
<tr>
<td>
<b>Vue</b>
</td>
<td>
<img src="https://img.shields.io/npm/v/@right-menu/vue?color=%23ffba15&logo=npm&style=flat-square" alt="version" />
</td>
<td>
<a href="https://www.npmjs.com/package/@right-menu/vue" target="_black"><img src="https://img.shields.io/npm/dm/@right-menu/vue?color=%23ffba15&logo=npm&style=flat-square" alt="downloads" /></a>
</td>
<td>
<a href="https://www.jsdelivr.com/package/npm/@right-menu/vue" target="_black"><img src="https://data.jsdelivr.com/v1/package/npm/@right-menu/vue/badge" alt="downloads" /></a>
</td>
</tr>
<tr>
<td>
<b>React</b>
</td>
<td>
<img src="https://img.shields.io/npm/v/@right-menu/react?color=%23ffba15&logo=npm&style=flat-square" alt="version" />
</td>
<td>
<a href="https://www.npmjs.com/package/@right-menu/react" target="_black"><img src="https://img.shields.io/npm/dm/@right-menu/react?color=%23ffba15&logo=npm&style=flat-square" alt="downloads" /></a>
</td>
<td>
<a href="https://www.jsdelivr.com/package/npm/@right-menu/react" target="_black"><img src="https://data.jsdelivr.com/v1/package/npm/@right-menu/react/badge" alt="downloads" /></a>
</td>
</tr>
</tbody>
</table>
</div>
<br />
文档 - Docs
<br />
使用 Usage
<br />
贡献者
- 🤖
核心开发
: 实现了某个重要的功能 / 核心逻辑, 或者是提交过多次PR
- 🦄
逻辑优化
: 优化了某处逻辑问题, 对代码的性能做出了贡献
- 🛰
基础建设
: 完善项目的打包发布流程, 优化了一些项目构建相关
- 🚧
需求功能
: 参与项目的需求开发, 提交PR完成合并
- 🛠
修复bug
: 修复了某个可能会导致代码运行的漏洞
- 📚
维护文档
: 参与了文档的开发 / 维护 / 翻译
<table>
<tr>
<td align="center"><a href="https://github.com/buuing" target="_blank"><img width="50px" src="https://avatars.githubusercontent.com/u/36689704"></a><div><span title="核心开发">🤖</span> <span title="基础建设">🛰</span> <span title="维护文档">📚</span></div></td>
<td align="center"><a href="https://github.com/qingtiantongxie" target="_blank"><img width="50px" src="https://avatars.githubusercontent.com/u/24731632"></a><div><span title="核心开发">🤖</span> <span title="基础建设">🛰</span> <span title="需求功能">🚧</span></div></td>
<td align="center"><a href="https://github.com/Deja-vuuu" target="_blank"><img width="50px" src="https://avatars.githubusercontent.com/u/27748682"></a><div><span title="核心开发">🤖</span> <span title="基础建设">🛰</span></div></td>
<td align="center"><a href="https://github.com/yushen7" target="_blank"><img width="50px" src="https://avatars.githubusercontent.com/u/35678187"></a><div><span title="核心开发">🤖</span> <span title="修复bug">🛠</span></div></td>
<td align="center"><a href="https://github.com/dora1995" target="_blank"><img width="50px" src="https://avatars.githubusercontent.com/u/53267289"></a><div><span title="核心开发">🤖</span> <span title="基础建设">🛰</span> <span title="修复bug">🛠</span></div></td>
<td align="center"><a href="https://github.com/pingxinwen" target="_blank"><img width="50px" src="https://avatars.githubusercontent.com/u/60872624"></a><div><span title="需求功能">🚧</span></div></td>
</tr>
</table>
<br />
需求计划
<!-- - `📆 进行中` -->
💡 待认领
<!-- - [ ] 🚧 [增加 XP / win7 两种经典菜单主题样式](https://github.com/buuing/right-menu/discussions/31) -->
<!-- - [ ] 🚧 随着浏览器放大/缩小时, 将菜单组件尽可能的维持在同一个大小 -->
<!-- - [ ] 🚧 [增加导航栏模式](https://github.com/buuing/right-menu/discussions/26) -->
<!-- - [ ] 🚧 [增加 defaultProps 属性](https://github.com/buuing/right-menu/discussions/23) -->
<!-- - [ ] 🤖 [增加 include 和 exclude 属性](https://github.com/buuing/right-menu/discussions/25) -->
<br />
历史功能更新记录
<br />
友情链接