# @canonical/store-components 中文文档

规范地址：https://npmcn.com/package/%40canonical/store-components/

版本：0\.57\.1
npm 元数据更新时间：2026-09-25T13:31:47.261Z
中文译文更新时间：2026-11-09T18:12:34.643Z
软件包许可：LGPL-3\.0

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

原始 npm 页面：https://www.npmjs.com/package/%40canonical/store-components
原文对照：https://npmcn.com/package/%40canonical/store-components/?lang=original
项目主页：https://canonical.github.io/store-components
源码仓库：https://github.com/canonical/store-components

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

- 包体积（解压后）：90.3 kB，80 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- 运行依赖：12 个
- peer 依赖：react ^17\.0\.2 \|\| ^18\.0\.0，react-dom ^17\.0\.2 \|\| ^18\.0\.0，vanilla-framework 4\.46\.0
- 首次发布：2023-02-23T09:50:14.675Z
- 最新版本发布：2026-09-25T13:31:47.096Z
- 近 30 天下载量：1997（2026-10-09 至 2026-11-07，npm 官方下载统计）
- 已发布版本数：60（近 12 个月 6 个）

## 中文简介

这是一组组件,设计用于存储 UI 当使用 React 时. 目前这项工作正在进行中,因此目前不建议在项目中使用.

## 安装

```sh
npm install @canonical/store-components
```

也可以使用：`pnpm add @canonical/store-components`、`yarn add @canonical/store-components`、`bun add @canonical/store-components`

## README

# 为存储 UI 存储组件

这是一组组件,设计用于存储 UI 当使用 React 时. 目前这项工作正在进行中,因此目前不建议在项目中使用.

这些组成部分是以下各项的延伸: [香草反应组件](https://github.com/canonical/react-components) 图书馆.

## 如何使用组件

见 [组件文件](https://canonical.github.io/store-components/) 用于使用指令.

![CI](https://github.com/canonical/store-components/workflows/CI/badge.svg?branch=main)

## 所需资源

Canonical 存储组件目前需要您的构建配置 [自动装填器](https://github.com/webpack-contrib/sass-loader) (或等同),以编译 sass.

## 安装

用来使用 [国家防范机制一揽子计划](https://www.npmjs.com/package/@canonical/store-components) ưμ㼯a

```shell
yarn add @canonical/store-components
```

或者如果你使用国家预防机制:

```shell
npm install @canonical/store-components
```

## 问题

请在 [GitHub 图像](https://github.com/canonical/store-components/issues)。 。 。 .

## 捐款

你可能会想:

-   [查看来源](https://github.com/canonical/store-components) (原始内容存档于2018-09-29). on GitHub.
-   阅读 [开发组件](https://github.com/canonical/store-components/blob/main/HACKING.md)。 。 。 .
-   想办法 [向国家预防机制公布](https://github.com/canonical/store-components/blob/main/PUBLISH-NPM-PACKAGE.md)。 。 。 .
-   懂得怎样 [发布文件](https://github.com/canonical/store-components/blob/main/PUBLISHING-DOCS.md) 到 GitHub 页面.

## 使用此寄存器开发本地

您不妨在本地开发时将此库直接链接到您的项目 .

你可以通过克隆这个回转到本地工作空间来做到这一点;

```shell
git clone https://github.com/canonical/store-components
```

如果您再掉入文件夹并运行;

```shell
yarn run link-packages
```

...这会增加这个项目, `react` 财务报告和审定财务报表 `react-dom` 在本地的线条注册.

切换到您正在开发、运行的项目;

```shell
yarn install
yarn link react
yarn link react-dom
yarn link @canonical/store-components
```

...从本地注册处取出链接的道具。 如果你现在运行 `yarn build-watch` 在你身边 `store-components` 文件夹中,您的工程在刷新或热模块重新装入时应当抓取任何更改 .

**说明:** 当你们完成本地工作时... 别忘了回去脱钩;

```
cd store-components
yarn run unlink-packages
```

## 常见问题

### @canonical/store-components 是什么？

这是一组组件,设计用于存储 UI 当使用 React 时\. 目前这项工作正在进行中,因此目前不建议在项目中使用\.

### 如何安装 @canonical/store-components？

在项目目录运行 npm install @canonical/store-components，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（^17\.0\.2 \|\| ^18\.0\.0）、react-dom（^17\.0\.2 \|\| ^18\.0\.0）、vanilla-framework（4\.46\.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @canonical/store-components 支持 TypeScript 吗？

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

### @canonical/store-components 支持 ESM 还是 CommonJS？

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

### @canonical/store-components 可以商用吗？

@canonical/store-components 使用 LGPL-3\.0 许可。弱 Copyleft：作为库被调用时通常不要求开源你自己的代码，但修改库本身需以 LGPL 开源；前端打包合并后的适用边界存在不同理解。以上为概括，不构成法律意见，请以许可原文为准。

### @canonical/store-components 的下载量有多少？

根据 npm 官方下载统计，@canonical/store-components 在 2026/10/09 – 2026/11/07 这 30 天内被下载 1,997 次，日均约 67 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @canonical/store-components 还在维护吗？

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