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

@kne-components/components-core

v0.6.13

Published

![npm version](https://img.shields.io/npm/v/@kne-components/components-core.svg?logo=react) ![Auto Assign](https://github.com/kne-union/components-core/actions/workflows/publish.yml/badge.svg) ![antd version](https://img.shields.io/badge/antd-5.x-blue?log

Readme

npm version Auto Assign antd version

提供了一个使用于tob业务场景的增强组件库,依赖了 antd

| 组件 | 简介 | |------|------| | ButtonGroup | | | Common | 为组件库提供通用的组件、方法、hooks ### 组件 1. FetchButton - Button触发加载数据,支持弹窗展示加载结果 2. ScrollLoader - 下拉滚动加载组件,配合 Fetch 实现分页加载… | | ConfirmButton | ConfirmButton 从 @kne/button-group 重新导出,提供带确认功能的按钮组件,支持 Popconfirm 与 Modal 两种确认模式,并包含… | | Content | Content 从 @kne/info-page 重新导出,用于详情页中的多列内容展示,支持标签对齐、列数配置、数据格式化等能力。 本组件文档仅展示常用示例。完整概述、使用说明与 API 请前往 InfoPage 组件文档查看。 | | Descriptions | Descriptions 从 @kne/info-page 重新导出,用于详情页中的描述列表展示,适合以二维数组结构呈现分组字段信息。 本组件文档仅展示常用示例。完整概述、使用说明与 API 请前往 InfoPage… | | Drawer | # Drawer 基于 @kne/react-modal 的侧滑组件。提供 Drawer / useDrawer / DrawerContextHolder / createDrawerRender。 已移除… | | Enum | | | Features | Features 是一个功能开关管理组件,用于在系统中通过条件控制功能的开启或关闭,实现系统功能的灵活配置。 通过全局配置的方式,Features… | | File | File 组件提供了一套完整的文件管理解决方案,包括文件展示、OSS 文件 ID 转换、文件列表展示、文件下载等功能。 该组件集成了文件上传、预览、编辑、删除等常见操作,支持通过 OSS ID… | | FileList | FileList 组件提供了一套完整的文件管理解决方案,集成了文件列表展示、文件预览、文件上传等功能。… | | FilePreview | FilePreview 是一个功能全面的文件预览组件库,支持多种常见文件格式的在线预览。该组件基于 @kne/react-file 封装,提供了统一的 API 接口,可根据文件类型自动选择合适的预览方式,极大简化了文件预览功能的集成。… | | Filter | Filter 是一个功能强大的筛选组件库,用于构建灵活的筛选条件界面。该组件提供了多种预置的筛选字段类型,支持自定义筛选项,并提供了完整的筛选值管理和展示功能。… | | FlexBox | | | FormInfo | 功能强大的表单组件,提供完整的数据管理、校验和样式解决方案 FormInfo 是一个全功能的表单解决方案,集成了数据录入、校验规则管理、样式布局等功能,适用于各种复杂场景的表单需求。 ### 核心特性 分层校验规则管理 -… | | Global | Global 是 components-core 组件库的全局配置组件,负责为整个应用提供统一的上下文环境、样式主题和全局配置。它集成了 Antd ConfigProvider、国际化支持、字体加载、主题定制等功能,是使用… | | HelperGuide | HelperGuide 是一个轻量级的帮助文档提示组件,用于在页面上显示帮助说明和可选的帮助链接。它采用图标+文字的形式,样式简洁,适用于在表单、配置页面等场景中为用户提供操作指引或功能说明。 核心特性 -… | | HistoryStore | HistoryStore 是一个历史记录管理组件,用于保存和展示用户的操作历史记录(如搜索记录、选择记录等)。它利用 localStorage 持久化存储数据,在用户再次访问时可以快速选择历史记录,提升用户体验。 核心特性 -… | | Icon | 可以显示一个图标,图标必须在字体文件中被定义过 | | Image | Image 组件是一个增强的图片显示组件,支持两种加载方式: 1. 通过 src 属性直接加载图片URL 2. 通过 id 属性从 OSS 服务器加载图片 组件特性: - 自动加载状态显示和错误处理 - 支持 Avatar… | | InfoPage | | | Layout | Layout 是一个完整的页面布局框架,为登录后的系统页面提供统一的布局结构和样式规范。它将页面划分为多个区域,包括导航区、内容区、左菜单区、右操作区、页头区、页头信息区、页面标题区等,通过灵活的配置可以组合出不同布局风格的页面。… | | Menu | Menu 是一个功能丰富的菜单导航组件,支持多级菜单、远程数据加载、权限控制和路径匹配。适用于各种侧边栏导航、顶部导航和下拉菜单场景。 | | Modal | # Modal Modal 从 @kne/react-modal 重新导出(含样式),提供声明式 / 命令式弹窗及 TabsLayout 等布局能力。 本组件文档仅展示与本仓集成相关的示例。完整概述、使用说明与 API 请前往… | | Navigation | ### 概述 Navigation 是一个基于 Ant Design Menu 组件的顶部导航栏组件,支持权限控制、响应式布局和自定义配置。适用于需要顶部导航的各种应用场景。 ### 何时使用 系统的顶部导航,一级导航项偏左靠近 logo… | | Permissions | ### 概述 Permissions 是一个权限控制组件,用于根据用户权限控制页面内容的显示。支持多种权限控制方式和展示形式,适用于各种需要权限控制的场景。 ### 何时使用… | | StateBar | ### 概述 StateBar 是一个基于 Ant Design Tabs 组件的状态栏组件,支持多种展示类型(tab、radio、step),适用于需要状态切换和流程展示的场景。 ### 何时使用… | | StateTag | ### 概述 StateTag 是一个状态标签组件,用于展示不同状态的数据。支持多种预设类型和自定义样式,适用于列表、详情页等场景的状态展示。 ### 何时使用 当需要展示数据的状态时使用,例如: - 列表页表格中的状态列 -… | | Table | Table 组件是一个功能强大的数据表格组件,基于 Ant Design Table 二次封装,提供了丰富的列类型、列配置、排序、分组表头、操作列等高级功能。 组件支持两种使用方式: - Table:… | | TablePage | | | Tooltip | Tooltip 组件是一个功能强大的文字提示气泡框,基于 Ant Design Tooltip 二次封装,提供了丰富的内容展示能力。 组件支持三种使用方式: - Tooltip:… |