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 🙏

© 2026 – Pkg Stats / Ryan Hefner

@chengzs/yz

v2.1.4

Published

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.3.29.

Readme

简介

This library was generated with Angular CLI version 8.3.29.

Run ng build yz to build the project. After building your library with ng build yz, go to the dist folder cd dist/yz and run npm publish.

  • github -> https://github.com/ZERRzZ/zerweb/tree/main/angular/yz

  • style -> @chengzs/yz/common/style/style.css (在本地的 node_modules 里,组件的样式)

公共

icon - 一些精简常用的小图标,主要是 svg 的

method - 公用的方法,也有没有在包里使用的方法在里面

service - 暂不暴露,主要是用于接口的错误提示

style - 全局样式,主要包括颜色变量,css reset,动画等

组件

简单说明组件传入传出的属性,具体数据类型,逻辑请打开相关代码文件查看

BetterTableComponent

表格组件,可支持选择某行的操作

@Input

head: BTHead[] 表头

body: BTBody[] 表体

line: number 一页显示的行数

click: boolean 行是否可以点击(在需要点击某一行来处理业务时使用,默认为 false)

id: number 默认选中行的 id(默认为 0,即不选中)

@Output

clickTr: EventEmitter<BTBody> 传出点击的行(不需要时可不用)

CounterComponent

计数器组件,点击按钮来 +1 或 -1,或者直接输入值

@Input

value: number 初始值

@Output

valueChange: EventEmitter<number> 传出改变后的值

DropDownComponent

下拉列表菜单

@Input

list: DDList[] 列表

@Output

listSelect: EventEmitter<DDList> 传出选中的项

FloatMenuComponent

浮动菜单组件,特殊样子的菜单,是三级菜单

@Input

floatMenu: FloatMenu[] 菜单

onSelect: number[] 选中的菜单id [一级 id,二级 id,三级 id]

@Output

onSelectChange: EventEmitter<number[]> 传出选中的菜单id

LegendComponent

图例组件,可以读取本地图片来作为图例,只用来规定形状,而不是图片展示

@Input

legend: Legend[] 图例数据

@Input

height: string 图例的最大高,做换行用,带单位,如 200px

PlayBarComponent

播放条组件,类似进度条

@Input

playbar: PlayBar[] 刻度数据,总共分多少个刻度

@Output

onplaybar: EventEmitter<PlayBar> 将选中的刻度传出

SuperMenuComponent

超级菜单组件,递归生成菜单,支持任意层级

@Input

origin: SuperMenu[] 源数据,使用时只需保证和菜单数据一样即可

smenu: SuperMenu[] 菜单数据

@Output

selectmenu: EventEmitter<PlayBar> 传出菜单项,等同于下面

selectMenu: EventEmitter<PlayBar> 传出菜单项,等同于上面,可讲两个当作一个来使用

TagsChooseComponent

标签选择组件,可多选

@Input

tags: TagsTwo[] 数据

max: number 最大显示几条,多余的省略

@Output

chooseTags: string[] 传出所选择的标签的名字

历史

添加组件 super-menu, 删除组件 s-menu @2.1.0

降低 angular 版本为 8 @2.0.0

添加组件 tags-choose @1.8.0

添加组件 play-bar @1.7.0

添加组件 float-menu @1.6.0

修改 single-list 为 drop-down, 修改 count 为 counter @1.4.7

添加组件 single-list @1.4.6

修改 readonly-table 为 better-table, 添加点击选中行的功能 @1.4.5

完善组件 readonly-table, 增加分页与搜索功能 @1.4.1

添加组件 readonly-table @1.4.0

添加组件 legend @1.3.0

添加二级菜单组件 s-menu @1.2.0

添加第一个组件 count @1.1.0

添加公共方法 debounce @1.1.0

添加样式 style, 主要有 class, variable, reset @1.1.0