npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@hysight/context-menu

v0.2.2

Published

左键/右键弹出tooltip菜单栏组件

Downloads

5

Readme

hysight-contextMenu

npm 发布方法

    npm set registry http://192.168.1.207:5000
    npm adduser --registry http://192.168.1.207:5000
    npm publish 

Preview

效果预览图

Examples

import ContextMenu from '@hysight/contextMenu'
const {MenuItem} = ContextMenu;
or
render() {

    return (
        <div>
            <ContextMenu
                render={() => {

                    return (
                        <span
                            className={'hm-table-plus'}
                        >
                            点击弹出
                        </span>
                    );

                }}
            >
                <MenuItem onClick={() => console.log(1)} >测试1</MenuItem>
                <MenuItem onClick={() => console.log(1)} >测试2</MenuItem>
                <MenuItem onClick={() => console.log(1)} >测试3</MenuItem>
            </ContextMenu>
        </div>
    );

}

Usage

    npm install @hysight/contextMenu --save --registry=http://192.168.1.207:5000
    or
    yarn add @hysight/contextMenu --registry=http://192.168.1.207:5000
    then
    import ContextMenu from '@hysight/contextMenu'
    const {MenuItem} = ContextMenu;

Available Props

Prop|Default|Type|Description :----|:-----|:-----|:----- className|string|无|className eventTrigger|arr:onContextMenu|arr|arr:'onClick','onContextMenu','on***'等事件触发提示框 isMaskLayer|false|bool|是否显示遮罩层 position|default|string:default/under|render内起始位置,default -> 鼠标左上角 / under -> 元素正下方 render|'---'|func/element(react)|被绑定触发提示框的组件-Comp/props/state等

change logs

0.2.2

  • 发布到公网npm

0.2.1

  • 屏蔽邮件默认事件

0.2.0

  • 修复0.1.8 event

0.1.9

  • 修复0.1.8 event

0.1.8

  • 增加允许showContextMenu || closeContextMenu 默认不传递event

0.1.7

  • 增加className props

0.1.6

  • 移除掉preventDefault,它会导致a标签默认动作失效

0.1.5

  • 优化z-index

0.1.4

  • 扩展render内起始位置position,支持位置选择default/under

0.1.3

  • 兼容事件:从document到mark层事件迁移

0.1.2

  • 修复z-index

0.1.1

  • 增加props遮罩层

0.1.0

  • 修复route变更导致报错问题3

0.0.9

  • 修复route变更导致报错问题

0.0.8

  • 修复route变更导致报错问题

0.0.7

  • 修复bug

0.0.6

  • children增加object,css 增加z-index

0.0.5

  • 禁止事件冒泡等

0.0.4

  • 修复事件机制问题

0.0.3

  • 增加组件eventTrigger,优化等

0.0.2

  • 修复api

0.0.1

  • 初始化项目