@gridui/metrics-section

中文文档

1.0.1发布于 2026/11/01UNLICENSEDTypeScriptES Module

GridUI React指标部分

@gridui / metrics-section

着陆的家庭。公共API: MetricsSection， MetricsSectionItem， MetricsSectionProps.

从 @gridui/metrics-section 和负载 @gridui/metrics-section/styles.css 后的主题。此家族使用的任何组合依赖项的加载样式。应用程序拥有自己的路由、标签、状态持久化和品牌。

度量的部分

MetricsSection 从 @gridui/metrics-section 组成一个全宽的摘要标题和度量一个体内的细胞 Grid frame="internal"．网格绘制标题接缝和细胞分离器;FrameSection拥有外部框架。MetricsSection设置16px块 24px内嵌标题填充，24px公制填充，一列低于40rem，上面有两列。一个不完整的最后一行填充可用的轨道。不需要特定于应用程序的边框样式或分隔标志。

通过 title,键控 items， loading、可选 failed, notice. 每个项提供Metric的标签、值、可选值ID和描述。标题和度量单元在加载时保持安装；值被隐藏具有独立相位的加载面。失败保留了标题和框架，用全宽通知替换度量标准，并结束度量标准加载。一个完整的空项列表保留标题，没有连续加载界面。应用程序自己的请求、计算、格式化、本地化文本和重试操作。

版本与发布记录

@gridui/metrics-section 共发布 4 个版本，首次发布于 2026/10/31；过去 12 个月发布了 4 个版本。

版本	发布日期	距今
`1.0.1`latest	2026/11/01	2 天前
`1.0.0`	2026/10/31	3 天前
`0.0.0`	2026/10/31	3 天前
`0.0.0-stage`	2026/10/31	3 天前

关于 @gridui/metrics-section 的常见问题

@gridui/metrics-section 是什么？

GridUI React指标部分

如何安装 @gridui/metrics-section？

在项目目录运行 npm install @gridui/metrics-section，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（^19.2.0）、react-dom（^19.2.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

@gridui/metrics-section 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

@gridui/metrics-section 支持 ESM 还是 CommonJS？

以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node.js 20.19+ / 22.12+ 可以直接 require() 不含顶层 await 的 ES Module，更早的版本需要改用动态 import()。

@gridui/metrics-section 可以商用吗？

@gridui/metrics-section 使用 UNLICENSED 许可。作者声明为 UNLICENSED，即不授予公开使用许可（与公共领域的 Unlicense 不同）。使用前需获得作者授权。以上为概括，不构成法律意见，请以许可原文为准。

@gridui/metrics-section 还在维护吗？

最新版本 1.0.1 发布于 2026/11/01（2 天前）；至今共发布 4 个版本，其中过去 12 个月发布了 4 个；首次发布于 2026/10/31。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。