{"id":17312694,"url":"https://github.com/buuing/right-menu","last_synced_at":"2025-04-04T15:06:06.550Z","repository":{"id":38991945,"uuid":"174975715","full_name":"buuing/right-menu","owner":"buuing","description":"📜 @right-menu 是一个使用 TypeScript 开发的右键菜单插件, 🏆 可以在 JS / TS / Vue / React 等多端框架使用, 🦄 支持多级菜单 / 异步渲染 / 骨架Loading / 自适应主题 / mac黑夜模式","archived":false,"fork":false,"pushed_at":"2023-03-06T14:54:35.000Z","size":6996,"stargazers_count":393,"open_issues_count":22,"forks_count":42,"subscribers_count":4,"default_branch":"master","last_synced_at":"2024-10-30T05:56:10.205Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://buuing.github.io/right-menu/#/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/buuing.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2019-03-11T10:19:45.000Z","updated_at":"2024-10-29T12:05:06.000Z","dependencies_parsed_at":"2024-01-14T04:49:42.235Z","dependency_job_id":"e6834252-2ccf-4e09-a2f6-2c04f67576b4","html_url":"https://github.com/buuing/right-menu","commit_stats":{"total_commits":150,"total_committers":12,"mean_commits":12.5,"dds":"0.43999999999999995","last_synced_commit":"372885a066e4e13412a4e2729f3c77b91274732a"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/buuing%2Fright-menu","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/buuing%2Fright-menu/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/buuing%2Fright-menu/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/buuing%2Fright-menu/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/buuing","download_url":"https://codeload.github.com/buuing/right-menu/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247198448,"owners_count":20900079,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-15T12:44:19.642Z","updated_at":"2025-04-04T15:06:06.524Z","avatar_url":"https://github.com/buuing.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\u003cdiv align=\"center\" style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n  \u003cimg src=\"https://cdn.jsdelivr.net/gh/buuing/cdn/imgs/right-menu.png\" width=\"128\" /\u003e\n  \u003ch1 style=\"margin: 10px 0 0\"\u003e@right-menu\u003c/h1\u003e\n  \u003cp style=\"margin: 10px 0\"\u003e一个支持 JS / TS / Vue / React 等多端框架的右键菜单插件\u003c/p\u003e\n  \u003cp\u003e\n    \u003ca href=\"https://github.com/buuing/right-menu/stargazers\" target=\"_black\"\u003e\n      \u003cimg src=\"https://img.shields.io/github/stars/buuing/right-menu?color=%236a90e1\u0026logo=github\u0026style=flat-square\" alt=\"stars\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/buuing/right-menu/network/members\" target=\"_black\"\u003e\n      \u003cimg src=\"https://img.shields.io/github/forks/buuing/right-menu?color=%236a90e1\u0026logo=github\u0026style=flat-square\" alt=\"forks\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/buuing\" target=\"_black\"\u003e\n      \u003cimg src=\"https://img.shields.io/badge/Author-%20buuing%20-6a90e1.svg?\u0026logo=github\u0026style=flat-square\" alt=\"author\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/buuing/right-menu/blob/master/LICENSE\" target=\"_black\"\u003e\n      \u003cimg src=\"https://img.shields.io/github/license/buuing/right-menu?color=%236a90e1\u0026logo=github\u0026style=flat-square\" alt=\"license\" /\u003e\n    \u003c/a\u003e\n  \u003c/p\u003e\n\n\u003ctable align=\"center\" style=\"width: auto\"\u003e\n  \u003cthead align=\"center\"\u003e\n    \u003ctr\u003e\n      \u003cth\u003e适配框架\u003c/th\u003e\n      \u003cth\u003e最新版本\u003c/th\u003e\n      \u003cth\u003eNPM 下载量\u003c/th\u003e\n      \u003cth\u003eCDN 使用量\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody align=\"center\"\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        \u003cb\u003eJS / TS\u003c/b\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cimg src=\"https://img.shields.io/npm/v/@right-menu/core?color=%23ffba15\u0026logo=npm\u0026style=flat-square\" alt=\"version\" /\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://www.npmjs.com/package/@right-menu/core\" target=\"_black\"\u003e\u003cimg src=\"https://img.shields.io/npm/dm/@right-menu/core?color=%23ffba15\u0026logo=npm\u0026style=flat-square\" alt=\"downloads\" /\u003e\u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://www.jsdelivr.com/package/npm/@right-menu/core\" target=\"_black\"\u003e\u003cimg src=\"https://data.jsdelivr.com/v1/package/npm/@right-menu/core/badge\" alt=\"downloads\" /\u003e\u003c/a\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        \u003cb\u003eVue\u003c/b\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cimg src=\"https://img.shields.io/npm/v/@right-menu/vue?color=%23ffba15\u0026logo=npm\u0026style=flat-square\" alt=\"version\" /\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://www.npmjs.com/package/@right-menu/vue\" target=\"_black\"\u003e\u003cimg src=\"https://img.shields.io/npm/dm/@right-menu/vue?color=%23ffba15\u0026logo=npm\u0026style=flat-square\" alt=\"downloads\" /\u003e\u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://www.jsdelivr.com/package/npm/@right-menu/vue\" target=\"_black\"\u003e\u003cimg src=\"https://data.jsdelivr.com/v1/package/npm/@right-menu/vue/badge\" alt=\"downloads\" /\u003e\u003c/a\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        \u003cb\u003eReact\u003c/b\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cimg src=\"https://img.shields.io/npm/v/@right-menu/react?color=%23ffba15\u0026logo=npm\u0026style=flat-square\" alt=\"version\" /\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://www.npmjs.com/package/@right-menu/react\" target=\"_black\"\u003e\u003cimg src=\"https://img.shields.io/npm/dm/@right-menu/react?color=%23ffba15\u0026logo=npm\u0026style=flat-square\" alt=\"downloads\" /\u003e\u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ca href=\"https://www.jsdelivr.com/package/npm/@right-menu/react\" target=\"_black\"\u003e\u003cimg src=\"https://data.jsdelivr.com/v1/package/npm/@right-menu/react/badge\" alt=\"downloads\" /\u003e\u003c/a\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n\u003c/div\u003e\n\n\u003cbr /\u003e\n\n\n## 文档 - Docs\n\n- [官方文档 - 首页](https://buuing.github.io/right-menu/)\n\n\u003cbr /\u003e\n\n## 使用 Usage\n\n- [在 JS / TS 中使用](https://buuing.github.io/right-menu/usage/js)\n- [在 Vue 中使用](https://buuing.github.io/right-menu/usage/vue)\n- [在 React 中使用](https://buuing.github.io/right-menu/usage/react)\n\n\u003cbr /\u003e\n\n## 贡献者\n\n+ **🤖 `核心开发`：** 实现了某个重要的功能 / 核心逻辑, 或者是提交过多次PR\n+ **🦄 `逻辑优化`：** 优化了某处逻辑问题, 对代码的性能做出了贡献\n+ **🛰 `基础建设`：** 完善项目的打包发布流程, 优化了一些项目构建相关\n+ **🚧 `需求功能`：** 参与项目的需求开发, 提交PR完成合并\n+ **🛠 `修复bug`：** 修复了某个可能会导致代码运行的漏洞\n+ **📚 `维护文档`：** 参与了文档的开发 / 维护 / 翻译\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/buuing\" target=\"_blank\"\u003e\u003cimg width=\"50px\" src=\"https://avatars.githubusercontent.com/u/36689704\"\u003e\u003c/a\u003e\u003cdiv\u003e\u003cspan title=\"核心开发\"\u003e🤖\u003c/span\u003e \u003cspan title=\"基础建设\"\u003e🛰\u003c/span\u003e \u003cspan title=\"维护文档\"\u003e📚\u003c/span\u003e\u003c/div\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/qingtiantongxie\" target=\"_blank\"\u003e\u003cimg width=\"50px\" src=\"https://avatars.githubusercontent.com/u/24731632\"\u003e\u003c/a\u003e\u003cdiv\u003e\u003cspan title=\"核心开发\"\u003e🤖\u003c/span\u003e \u003cspan title=\"基础建设\"\u003e🛰\u003c/span\u003e \u003cspan title=\"需求功能\"\u003e🚧\u003c/span\u003e\u003c/div\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/Deja-vuuu\" target=\"_blank\"\u003e\u003cimg width=\"50px\" src=\"https://avatars.githubusercontent.com/u/27748682\"\u003e\u003c/a\u003e\u003cdiv\u003e\u003cspan title=\"核心开发\"\u003e🤖\u003c/span\u003e \u003cspan title=\"基础建设\"\u003e🛰\u003c/span\u003e\u003c/div\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/yushen7\" target=\"_blank\"\u003e\u003cimg width=\"50px\" src=\"https://avatars.githubusercontent.com/u/35678187\"\u003e\u003c/a\u003e\u003cdiv\u003e\u003cspan title=\"核心开发\"\u003e🤖\u003c/span\u003e \u003cspan title=\"修复bug\"\u003e🛠\u003c/span\u003e\u003c/div\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/dora1995\" target=\"_blank\"\u003e\u003cimg width=\"50px\" src=\"https://avatars.githubusercontent.com/u/53267289\"\u003e\u003c/a\u003e\u003cdiv\u003e\u003cspan title=\"核心开发\"\u003e🤖\u003c/span\u003e \u003cspan title=\"基础建设\"\u003e🛰\u003c/span\u003e \u003cspan title=\"修复bug\"\u003e🛠\u003c/span\u003e\u003c/div\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/pingxinwen\" target=\"_blank\"\u003e\u003cimg width=\"50px\" src=\"https://avatars.githubusercontent.com/u/60872624\"\u003e\u003c/a\u003e\u003cdiv\u003e\u003cspan title=\"需求功能\"\u003e🚧\u003c/span\u003e\u003c/div\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003cbr /\u003e\n\n## 需求计划\n\n\u003c!-- - `📆 进行中` --\u003e\n\n- `💡 待认领`\n  - [ ] 🛠 [**在mac系统下, 第二次点击控制台时 blur 事件没有触发**](https://github.com/buuing/vue-right-menu/issues/10)\n  - [ ] 🚧 增加icon选项, 可以使用一些内置图标, 或让用户自由使用外部的svg图标\n  \u003c!-- - [ ] 🚧 [增加 XP / win7 两种经典菜单主题样式](https://github.com/buuing/right-menu/discussions/31) --\u003e\n  \u003c!-- - [ ] 🚧 随着浏览器放大/缩小时, 将菜单组件尽可能的维持在同一个大小 --\u003e\n  \u003c!-- - [ ] 🚧 [增加导航栏模式](https://github.com/buuing/right-menu/discussions/26) --\u003e\n  \u003c!-- - [ ] 🚧 [增加 defaultProps 属性](https://github.com/buuing/right-menu/discussions/23) --\u003e\n  \u003c!-- - [ ] 🤖 [增加 include 和 exclude 属性](https://github.com/buuing/right-menu/discussions/25) --\u003e\n\n\u003cbr /\u003e\n\n## 历史功能更新记录\n\n  - [x] 增加`@right-menu/vue`的包, 并支持`vue2/3` - *buuing*\n  - [x] 点击非窗口区域时, 看看能不能监听到然后关闭菜单 - *buuing*\n  - [x] 支持`new RightMenu('#box', async () =\u003e [])`异步返回菜单数据 - *buuing*\n  - [x] 菜单的宽度根据文字长度做到自适应 - *buuing*\n  - [x] 增加`class`和`style`选项, 可以给当前标签添加类和样式 - *buuing*\n  - [x] 增加不同的主题样式: mac / win10 - *buuing*\n  - [x] 自动根据操作系统切换主题, 并做到自适应`mac`的白天/黑夜模式 - *qingtiantongxie*\n  - [x] 异步等待期间增加菜单骨架来作为缓冲, 减少用户等待的焦虑 - *qingtiantongxie*\n  - [x] 增加了三级菜单 / 多级菜单的逻辑处理, 并自动计算剩余位置来切换渲染方向 - *yushen7*\n  - [x] 增加了 minWidth / maxWidth 最大最小宽度的配置 - *buuing*\n  - [x] `core`包增加`eslint-standard`规范, 保存时校验 - *dora1995*\n  - [x] 增加`@right-menu/react`包, 支持`react-dom`方式使用 - *Deja-vuuu*\n  - [x] 增加`@right-menu/react`包的 hooks 使用方式 - *pingxinwen*\n  - [x] 增加`@right-menu/vue`包的 抽象组件 使用方式 - *buuing*\n\n\u003cbr /\u003e\n\n## 友情链接\n\n- [🎁 lucky-canvas 一个跨平台、兼容多端的【大转盘 / 九宫格 / 老虎机】抽奖插件](https://github.com/LuckDraw/lucky-canvas)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbuuing%2Fright-menu","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbuuing%2Fright-menu","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbuuing%2Fright-menu/lists"}