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

client-infrastructure-tool

v0.1.2-16

Published

## Project setup ``` npm install ```

Downloads

56

Readme

client-infrastructure-tool

基建库不涉及到ui组件的引入 基建库所使用的ui组件 都为全局组件 !!

Server 服务端

    HttpServe axios 服务端交互集合 1.0 版本 ( 接口信息缓存, 全局loading, )
    Cache 公共方法

Components 组件库

    TableGroup 表格组合(包含了 分页 排序 搜索 表格 头部操作项 ... ) 待完善
    AddOption 业务中比较常见得 增加和删除  如  

Utils 公共方法

    validate 公共校验方法

Modules 业务组件

    OssUpload Oss 上传图片组件   
    ModalForm 弹框里面有form 表单得
    Search  适用于 
        客户:  王思渊 王思渊 王思渊 王思涛
        客户:  王思渊 王思渊 王思渊 王思涛

更新记录

0.1.2-7

修复tableGroup page 组件 total 优先级问题

0.1.2-9

CSS

  1. 增加rest.css
  2. 更改css为less

Components

  • table组件
    1. columns为date 支持从columns 取值
    2. 增加slot table-header-right
    3. 增加slot table-header-left
    4. 增加是否显示头部默认slot isShowTableHeader
    5. 增加是否显示默认 page isShowPage
  • utils
    1. 增加throttle节流函数
  • directive
    1. reachBottom 可直接传入函数

0.1.2-11

Option 组件修复 当type 为button时  无法成为button 的type  增加了buttonType
Option Upload 组件增加文件大小限制prop及触发事件
utils 增加获取url携带参数 公共函数

0.1.2-12

tableGroup 修复formatDate  12小时制 应为24小时制

0.1.2-13

table option upload组件 增加accept format on-format-error	
utils basemethods 增加excel window.open 打开方式
utils basemethods 增加滚动到底部触发函数

0.1.2-14

table option upload组件 增加多选参数	

0.1.2-15

table option 导出去除ids 直接导出自定义url 	

0.2 规划

```
1,全局loading  √
2,骨架屏
3,utils 
4,表单 弹框 模板 
5,表格Group 封装  
6,Add 业务组件封装 √
7,loading 重新载入

TODO

  1. tableHeaderOptions 拆分出来 √
  2. tableHeaderOptions 点击导出 增加params 优先级不高 又需求再说
  3. tableHeader slot 配置更加自由 √
  4. form表单配置化封装
  5. table 表格拆分
  6. axios 支持局部loading
  7. axios 支持请求失败 重新请求
  8. axios all 并发支持
  9. react版本的event bus √
  10. 检查 tableGroup 中的data 在response 有data 是否还能监听到
  11. tableHeaderOptions 支持render
  12. 1,复制粘贴指令 v-copy 2,输入框防抖指令 v-debounce 3, 图片懒加载 v-LazyLoad 4,拖拽指令 v-draggable 5,长按指令 v-longpress 参考:https://juejin.cn/post/6906028995133833230
  13. 序列化url参数 √
  14. 组件批量传入prop 不当个传