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 🙏

© 2025 – Pkg Stats / Ryan Hefner

ht-components-pro

v0.2.1

Published

## 参数

Readme

HTTables

参数

| 参数 | 类型 | 含义 | 必填 | 默认值 | | :------: | :-------: | :-------: | :------: | :------: | | rowKey | string/function | 表格列数据的key | 是 | - | | columns | array | 表格列信息,同antd配置,新增renderFnName | 是 | - | | columnsFnMap | object | renderFnName的方法集合 | - | - | | headerJsx | jsx | 筛选框和表格之间的内容 | - | - | | tableHeight | string/number | 表格高度,只支持px | - | - | | filterList | array | 表格筛选项,见“filterList” | - | - | | isRequest | boolean | 是否发送请求 | - | true | | dataList | array | 表格数据,不发送请求时使用 | - | - | | api | function | 接口,发送请求时使用 | - | - | | resListKey | string | 返回参数中的列表key | - | - | | rowSelection | Object | 表格复选配置 | - | - | | additionalParameters | object | 请求数据的额外参数 | - | - | | dealReqDataFn | function | 对请求数据进行自定义处理 | - | - | | successFn | function | 请求成功的回调 & 对响应数据进行自定义处理 | - | - | | isPagination | boolean | 是否分页 | - | true | | paginationInfo | object | 分页信息,{current, pageSize} | - | {current: 1, pageSize: 10} | | linkKeys | array | 关联关系,select使用,值为filterList的filterDataKey | - | - | | isShowSearchBtn | boolean | 是否显示搜索按钮 | - | true | | isShowResettingBtn | boolean | 是否显示重置按钮 | - | true | | onParamsChange | function | 参数修改后的回调 | - | - |

方法

| 参数 | 类型 | 含义 | 参数 | | :------: | :-------: | :-------: | :-------: | | search | function | 重新搜索 | (isChangePages-是否重置为第一页,默认false) | | getParams | function | 获取查询参数 | - |

filterList

| 参数 | 类型 | 含义 | 必填 | 默认值 | | :------: | :-------: | :-------: | :------: | :------: | | label | string | 标题 | 是 | - | | filterType | string | 类型(input/select/treeSelect/datePicker) | 是 | - | | filterDataKey | string/array | 查询时给后端的参数key,范围选择时传数组 | 是 | - | | value | string/array | 初始参数,范围选择时传数组 | - | - | | placeholder | string/array | 无内容时的填充项,范围选择时传数组 | - | - | | allowClear | boolean | 是否允许清空 | - | true | | showSearch | boolean | 是否允许搜索 | - | true | | style | object | 其他样式 | - | - |

filterList其余参数:

input

| 参数 | 类型 | 含义 | 必填 | 默认值 | | :------: | :-------: | :-------: | :------: | :------: | | maxLength | number | 文本框最长允许输入长度 | - | 50 | | addonBefore | string|jsx | 输入框前部内容 | - | - | | addonAfter | string|jsx | 输入框尾部内容 | - | - |

select

| 参数 | 类型 | 含义 | 必填 | 默认值 | | :------: | :-------: | :-------: | :------: | :------: | | options | array/object | 下拉框可选项列表,[{label, value}]或{value: label} | - | - | | optionsApi | function | 接口,请求options列表,优先级高于options配置 | - | - | | resListKey | string | options接口返回参数中的列表key | - | - | | labelKey | string | options接口返回参数中的label key | - | 'label' | | valueKey | string | options接口返回参数中的value key | - | 'value' | | additionalParameters | object | 额外请求参数 | - | - | | isLazy | boolean | 是否懒加载数据 | - | false | | lazySearchKey | string | isLazy为true时的搜索key | - | 'keyword' | | dealOptionsReqDataFn | function | 对请求数据进行自定义处理 | - | - | | parentLinkAjaxKey | string | 存在关联父节点时,请求数据的父节点参数key | - | linkKeys对应的值 |

treeSelect

| 参数 | 类型 | 含义 | 必填 | 默认值 | | :------: | :-------: | :-------: | :------: | :------: | | options | array | 下拉可选项列表,[{label, value, children:[{label, value, children}]}] | - | - | | optionsApi | function | 接口,请求options列表,优先级高于options配置 | - | - | | resListKey | string | options接口返回参数中的列表key | - | - | | fieldNames | object | 自定义节点label、value、key、children的字段 | - | {label:label,value:value,children:children,key:value} | | additionalParameters | object | 额外请求参数 | - | - | | multiple | boolean | 是否可多选 | - | false | | dealOptionsReqDataFn | function | 对请求数据进行自定义处理 | - | - |

datePicker

| 参数 | 类型 | 含义 | 必填 | 默认值 | | :------: | :-------: | :-------: | :------: | :------: | | picker | string | 日期组件可选范围(date/month/week/range) | - | date |

HTScreen

参数

| 参数 | 类型 | 含义 | 必填 | 默认值 | | :------: | :-------: | :-------: | :------: | :------: | | filterList | array | 筛选项,同HTTables | 是 | - | | linkKeys | array | 关联关系,同HTTables | - | - | | isShowSearchBtn | boolean | 是否显示搜索按钮 | - | true | | isShowResettingBtn | boolean | 是否显示重置按钮 | - | true | | search | function | 搜索项,(searchJson) => {} | - | - | | onParamsChange | function | 参数修改后的回调 | - | - |

方法

| 参数 | 类型 | 含义 | 参数 | | :------: | :-------: | :-------: | :-------: | | search | function | 重新搜索 | (isChangePages-是否重置为第一页,默认false) | | getParams | function | 获取查询参数 | - |