# @spscommerce/ds-react 中文文档

规范地址：https://npmcn.com/package/%40spscommerce/ds-react/

版本：8\.56\.21
npm 元数据更新时间：2026-11-02T13:15:00.145Z
中文译文更新时间：2026-11-02T13:20:27.812Z
软件包许可：UNLICENSED

本文由上游 README 机器翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40spscommerce/ds-react
原文对照：https://npmcn.com/package/%40spscommerce/ds-react/?lang=original
项目主页：https://github.com/spscommerce/woodland/tree/master/packages/@spscommerce/ds-react#readme
源码仓库：https://github.com/spscommerce/woodland#main

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：2.5 MB，307 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- 运行依赖：18 个
- peer 依赖：react ^16\.14\.0 \|\| ^17\.0\.0 \|\| ^18\.0\.0 \|\| ^19\.0\.0，moment ^2\.25\.3，react-dom ^16\.14\.0 \|\| ^17\.0\.0 \|\| ^18\.0\.0 \|\| ^19\.0\.0，moment-timezone ^0\.6\.0，@spscommerce/i18n 8\.56\.21，@spscommerce/utils ^7\.0\.0 \|\| ^8\.0\.0 \|\| ^9\.0\.0，@spscommerce/ds-colors 8\.56\.21，@spscommerce/ds-shared 8\.56\.21，@spscommerce/positioning 8\.56\.21，@react-stately/collections ^3\.0\.0，@sps-woodland/illustrations 8\.56\.21
- 首次发布：2020-07-10T19:13:39.212Z
- 最新版本发布：2026-11-02T13:14:59.988Z
- 已发布版本数：920（近 12 个月 137 个）

## 中文简介

SPS设计系统React组件

## 安装

```sh
npm install @spscommerce/ds-react
```

也可以使用：`pnpm add @spscommerce/ds-react`、`yarn add @spscommerce/ds-react`、`bun add @spscommerce/ds-react`

## README

## [@spscommerce / ds-react](https://github.com/spscommerce/ui-angular/tree/master/packages/@spscommerce/ds-react#readme)

![release: 1.1.0](https://img.shields.io/badge/release-1.1.0-blue.svg?style=flat-square) ![build: passing](https://img.shields.io/badge/build-passing-green.svg?style=flat-square) ![tests: failing](https://img.shields.io/badge/tests-failing-red.svg?style=flat-square)

SPS设计系统React组件

### 安装

```shell
npm install --save @spscommerce/ds-react
```

#### 同行依赖性

| 包 | 版本 |
| --- | --- |
| [@spscommerce / ds-shared](https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/ds-shared#readme) | ^ 1.1.0 |
| [@spscommerce /定位](https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/positioning#readme) | ^ 1.1.0 |
| [@spscommerce /跑龙套](https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/utils#readme) | ^ 1.1.0 |
| [clsx](https://npmcn.com/package/%40spscommerce/ds-react/lukeed/clsx) | ^ 1.0.3 |
| [时刻](https://momentjs.com/) | ^ 2.25.3 |
| [moment-timezone](http://momentjs.com/timezone/) | ^ 0.5.28 |
| [prop-types](https://facebook.github.io/react/) | ^ 15.7.2 |
| [反应](https://reactjs.org/) | ^ 16.9.0 |
| [react-dom](https://reactjs.org/) | ^ 16.9.0 |
| [scroll-into-view-if-needed](https://scroll-into-view-if-needed.netlify.com/) | ^ 2.2.20 |

## 常见问题

### @spscommerce/ds-react 是什么？

SPS设计系统React组件

### 如何安装 @spscommerce/ds-react？

在项目目录运行 npm install @spscommerce/ds-react，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（^16\.14\.0 \|\| ^17\.0\.0 \|\| ^18\.0\.0 \|\| ^19\.0\.0）、moment（^2\.25\.3）、react-dom（^16\.14\.0 \|\| ^17\.0\.0 \|\| ^18\.0\.0 \|\| ^19\.0\.0）、moment-timezone（^0\.6\.0）、@spscommerce/i18n（8\.56\.21）、@spscommerce/utils（^7\.0\.0 \|\| ^8\.0\.0 \|\| ^9\.0\.0）、@spscommerce/ds-colors（8\.56\.21）、@spscommerce/ds-shared（8\.56\.21）、@spscommerce/positioning（8\.56\.21）、@react-stately/collections（^3\.0\.0）、@sps-woodland/illustrations（8\.56\.21）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @spscommerce/ds-react 支持 TypeScript 吗？

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

### @spscommerce/ds-react 支持 ESM 还是 CommonJS？

同时提供 ES Module 与 CommonJS 入口，import 和 require\(\) 都可以使用，打包工具会自动选择合适的版本。

### @spscommerce/ds-react 可以商用吗？

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

### @spscommerce/ds-react 还在维护吗？

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