Internationalized 将数字与日期时间格式化能力拆分为多个 @internationalized/* 包,提供一致的 React 组件、Hook、函数式 API 以及可扩展的插件体系。
| 包名 | 功能简介 | 文档 |
|---|---|---|
@internationalized/number-format |
基于 Intl.NumberFormat 的数字、货币、比例格式化与解析能力 |
数字格式化包概览 |
@internationalized/date-format |
结合 date-fns 与 Intl.DateTimeFormat 的日期时间格式化、区间处理与快捷日期函数 |
日期格式化包概览 |
pnpm add @internationalized/number-format
pnpm add @internationalized/date-format # 如需日期时间能力import { NumberFormat } from '@internationalized/number-format';
import { DateFormat } from '@internationalized/date-format';
<NumberFormat value={1888.6} style="currency" currency="CNY" />;
<DateFormat value={Date.now()} dateStyle="medium" timeStyle="short" />;完整指南、架构说明与 API 参考可访问 文档站点。
仓库通过 Vitest 保持高覆盖率测试,并在 CI 中运行 Lint 与单测任务。详见 .github/workflows/ci.yml。
pnpm install
pnpm test
pnpm lint建议在提交前运行测试与 Lint,确保与 CI 保持一致。