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

hoonghu-layout

v0.1.19

Published

基于antd-prolayout二次开发,适用于鸿鹄大脑的定制化组件

Readme

鸿鹄大脑风格布局

基于 ant-design-pro-layout 二次封装的布局插件,适用于鑫义科技-鸿鹄大脑项目

升级功能

  1. 导航栏圆角
  2. 收缩按钮移动至侧边栏,侧边栏宽度、导航栏高度更为纤细
  3. 页面容器固定,内容超出滚动
  4. footer 移至侧边栏

注意事项:

  1. 使用本组件需要配置 sidemenu 布局以及 dark 主题
  2. 组件内置了导航栏圆角风格,如在项目内已配置过圆角,需删除项后使用
  3. footerRender 已弃用,可通过 showFooter(Boolean)控制侧边栏 copyright 显隐
  4. ~~breadcrumbRender 已弃用,根节点已默认为首页,使用时请删除此 Api 调用~~ 。==v0.1.13==版本更新
  5. 组件默认包裹 PageHeaderWrapper 使用中需去除业务页面中的 PageHeaderWrapper。==v0.1.16==版本更新

使用步骤:

  1. 通过 npm | yarn 安装插件
  2. 替项目中所有页面及组件中的"@ant-design/pro-layout" 为"hoonghu-layout",示例如下:
//BasicLayout内
import ProLayout from "hoonghu-layout";
  1. 如需单独配置业务组件的 PageHeaderWrapper,可判断 props.location.pathname 后在 ProLayout.pageHeaderConfig 进行配置。==v0.1.16==版本更新
//简单示例
pageHeaderConfig={{title:pathname === 'home' ? false : ''}}

常见问题:

更新日志

2021/11/2 | v0.1.13

  • 修复在使用 breadcrumbRender 配置面包屑时出现==Invalid attempt to spread non-iterable instance==的错误。无论调用与否,根节点都为首页,此特性向下兼容

2022/02/25 | v0.1.14

  • 全局配置弹出框(Select, Tooltip, Menu 等等)渲染至父节点,默认渲染到 body 上。

2022/03/07 | v0.1.15

  • 增加全局水印,在 ProLayout.waterMark 下进行配置,参数详见WaterMark

2022/05/16 | v0.1.16

  • 移除全局的 getPopupContainer 属性,在实际使用中会造成其他影响。
  • 增加全局页面切换动画效果,默认全局包裹了 PageHeaderWrapper。
  1. 打包发布:

    npm run build
    npm config set registry https://registry.npmjs.org 
    npm publish -d
  2. 发布完成后,还原 npm 源(淘宝源):

npm config set registry https://registry.npmmirror.com