V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
iPhone15
V2EX  ›  分享创造

写了个前端「右键菜单」定制工具,支持多框架

  •  
  •   iPhone15 · 2023-02-09 14:47:42 +08:00 · 1310 次点击
    这是一个创建于 656 天前的主题,其中的信息可能已经有所发展或是发生改变。

    1. 介绍

    自从看开源项目上头有一段时间了,积累了不少知识之后,结合工作内容,遂萌发了这个项目。
    主要用来定制页面上的「右键菜单」,菜单主体内容就是一个 DOM 元素,
    并且页面上的每个 DOM 元素都可以单独指定不同的菜单。

    2. Feature

    • 支持多框架:目前支持 Vue 、React ,未来打算继续支持更多。

    • 支持多种使用姿势:函数式 hooks 、纯组件、v-directive 指令 以及 脱离框架的原生 JS API

    • 从开项目之初就考虑到了前端轮子标配能力:

      • tree-shaking 能力,自动按需引用
      • 完善的 TS 类型
      • 单元测试质量保障(严重拖延症👀,目前覆盖率还不太够)
      • SSR 兼容
      • 多种兼容格式输出:ESM ,CJS ,IIFE
    • 以及有模有样的文档(英文水平有限 hhh ,大佬们见笑)

    零零散散写了几个月,功能上基本稳定了,希望能在这里讨点 star 。

    项目链接: https://github.com/vaakian/contextmenu
    文档链接: https://contextmenu.netlify.app

    另外,本菜鸡最近有换工作的打算,
    编码能力可以看看 Github 首页 贡献(集中在给 vueuse 和 近期给 Vue3 提的 Pull Request ),
    如果有看上的大佬可以捞一下。😜

    iPhone15
        1
    iPhone15  
    OP
       2023-02-09 14:59:12 +08:00
    UPUPUP
    iPhone15
        2
    iPhone15  
    OP
       2023-02-09 15:07:51 +08:00
    这里是 demo ,点链接进去右键就可以试试效果:

    contextmenu.netlify.app/vue/advanced#demo


    页面中是的例子比较简单。这个项目是给开发者提供一个菜单容器,菜单的具体样式是交给开发者自己定义的。
    subframe75361
        3
    subframe75361  
       2023-02-10 08:56:08 +08:00
    考虑加个渐入渐出动画吗
    iPhone15
        4
    iPhone15  
    OP
       2023-02-10 23:06:01 +08:00
    @subframe75361 动画是一直都在计划当中,目前还在对比不同实现方案~
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5546 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 01:27 · PVG 09:27 · LAX 17:27 · JFK 20:27
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.