@right-menu

一个支持 JS / TS / Vue / React 等多端框架的右键菜单插件

适配框架	最新版本	NPM 下载量	CDN 使用量
JS / TS
Vue
React

文档 - Docs

• 官方文档 - 首页

使用 Usage

• 在 JS / TS 中使用
• 在 Vue 中使用
• 在 React 中使用

贡献者

• 🤖 核心开发： 实现了某个重要的功能 / 核心逻辑, 或者是提交过多次PR
• 🦄 逻辑优化： 优化了某处逻辑问题, 对代码的性能做出了贡献
• 🛰 基础建设： 完善项目的打包发布流程, 优化了一些项目构建相关
• 🚧 需求功能： 参与项目的需求开发, 提交PR完成合并
• 🛠 修复bug： 修复了某个可能会导致代码运行的漏洞
• 📚 维护文档： 参与了文档的开发 / 维护 / 翻译

🤖 🛰 📚

🤖 🛰 🚧

🤖 🛰

🤖 🛠

🤖 🛰 🛠

🚧

需求计划

• 💡 待认领
  • [ ] 🛠 在mac系统下, 第二次点击控制台时 blur 事件没有触发
  • [ ] 🚧 增加icon选项, 可以使用一些内置图标, 或让用户自由使用外部的svg图标

历史功能更新记录

• [x] 增加@right-menu/vue的包, 并支持vue2/3 - buuing
• [x] 点击非窗口区域时, 看看能不能监听到然后关闭菜单 - buuing
• [x] 支持new RightMenu('#box', async () => [])异步返回菜单数据 - buuing
• [x] 菜单的宽度根据文字长度做到自适应 - buuing
• [x] 增加class和style选项, 可以给当前标签添加类和样式 - buuing
• [x] 增加不同的主题样式: mac / win10 - buuing
• [x] 自动根据操作系统切换主题, 并做到自适应mac的白天/黑夜模式 - qingtiantongxie
• [x] 异步等待期间增加菜单骨架来作为缓冲, 减少用户等待的焦虑 - qingtiantongxie
• [x] 增加了三级菜单 / 多级菜单的逻辑处理, 并自动计算剩余位置来切换渲染方向 - yushen7
• [x] 增加了 minWidth / maxWidth 最大最小宽度的配置 - buuing
• [x] core包增加eslint-standard规范, 保存时校验 - dora1995
• [x] 增加@right-menu/react包, 支持react-dom方式使用 - Deja-vuuu
• [x] 增加@right-menu/react包的 hooks 使用方式 - pingxinwen
• [x] 增加@right-menu/vue包的 抽象组件 使用方式 - buuing

友情链接

• 🎁 lucky-canvas 一个跨平台、兼容多端的【大转盘 / 九宫格 / 老虎机】抽奖插件