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

ux-ethos-poplayer

v1.0.2

Published

--- Category:Components Subtitle:非模式弹层 Type:通用 Title:PopLayer ---

Downloads

3

Readme


Category:Components
Subtitle:非模式弹层
Type:通用
Title:PopLayer

描述

非模式弹层,这里根据设计的要求,最多📄展示10条数据。

何时使用

主要的使用场景是下拉菜单之类,在选择的时候会弹出这种非模式弹窗

API


  let props = {
      text:[
      {text:'个人主页'},
      {text:'编辑简档'},
      {text:'个人设置'},
      {text:'修改头像'},
      {text:'别熬夜'},
      {text:'基础视觉'}],
      type:'small',
      onClick:this.handleClick,
      button:'checkbox',
      ishidden:true
    }

<PopLayer  {...this.data} />

按钮的属性说明如下:

| 属性 | 说明 | 类型 | 默认值 | | --- | --- | --- | --- | | text | 这就是菜单中对应的文字啊 | arr | --- | | type | 判断大下拉,小下拉,还是随form变大变小,分别是‘small’,'big','from' | srting | 'small' | | button | 因为这里支持单选与多选两种类型,所有有了这个变量,那么单选为‘single’,多选为'checkbox' | srting | 'single' | | onClick | 很明显,是点击确定的时候触发的函数 ,我会给你传一个点击的结果| function | --- | | ishidden | 这个参数是控制我们的这个弹层是出现还是消失,我建议在使用的时候一定要传这个参数 | bool | --- |