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

hd-components

v1.4.6

Published

company use

Downloads

25

Readme

海读联盟常用组件

HdSearchForm 表单搜索

参数

  • config 配置参数为数组,配置对象具体内容如下:

参数|必填|说明|默认值|枚举 :---:|:---:|:---:|:---: type|是|组件类型|-|select/input/datePicker/btn placeholder|否|element提供的|""|- value|否|form表单对象的属性名,因为按钮是不需要form属性的,所以并非必填|-|- defaultValue|否|form属性对应的默认值,需要注意的是,如果传入的有Date类型,会自动转成yyyy-MM-dd格式|-|- options|否|type为select时需要传的|[]|- dateType|否|type为datePicker时间组件时传的|date|date/daterange pickerOptions|否|type为datePicker时间组件时传的|{}|- btnText|否|form表单的操作按钮文案|-|-

  • btnLoading 类型为[Boolean],因为按钮可以传入多个,每个按钮有自己的loading状态.

事件

initSearch 默认搜索事件

初始化时会执行一次,参数为form对象.

submit 按钮事件

每当点击组件内部的按钮时执行,有2个参数,1为form对象,2为字符串也就是btnText的值.

dialog 对话框外框

主要是封装了提交的2个按钮.submit,state,close,loading 四个功能.

pagination 分页组件

暂时是残废的,无法在dialog中使用,后续再改