# @cloudoperators/juno-ui-components 中文文档

规范地址：https://npmcn.com/package/%40cloudoperators/juno-ui-components/

版本：9\.9\.2
npm 元数据更新时间：2026-11-09T09:40:37.624Z
中文译文更新时间：2026-11-10T03:50:52.618Z
软件包许可：Apache-2\.0

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

原始 npm 页面：https://www.npmjs.com/package/%40cloudoperators/juno-ui-components
原文对照：https://npmcn.com/package/%40cloudoperators/juno-ui-components/?lang=original
源码仓库：https://github.com/cloudoperators/juno/tree/main/packages/juno-ui-components

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

- 包体积（解压后）：4.3 MB，919 个文件
- 模块格式：CommonJS
- TypeScript 类型：包内自带
- Node.js 要求：\>=20\.19\.0
- 运行依赖：0 个
- peer 依赖：react ^19\.1\.0，sonner ^2\.0\.7，react-dom ^19\.1\.0
- 首次发布：2024-07-26T14:43:44.392Z
- 最新版本发布：2026-11-09T09:40:37.198Z
- 近 30 天下载量：3440（2026-10-10 至 2026-11-08，npm 官方下载统计）
- 已发布版本数：89（近 12 个月 35 个）

## 中文简介

暂无中文简介

## 安装

```sh
npm install @cloudoperators/juno-ui-components
```

也可以使用：`pnpm add @cloudoperators/juno-ui-components`、`yarn add @cloudoperators/juno-ui-components`、`bun add @cloudoperators/juno-ui-components`

## README

# Juno UI 组件库

[![License](https://img.shields.io/badge/License-Apache%202.0-blue.svg)](https://npmcn.com/package/%40cloudoperators/juno-ui-components/LICENSE)

## 安装

要将Juno UI组件作为开发依赖添加到您的应用中,请使用 pnpm 安装. 确保您在您的单曲目录中运行 :

```bash
pnpm add @cloudoperators/juno-ui-components
```

或手动声明为非依赖性:

```js
// package.json
"dependencies": {
  ...
  "@cloudoperators/juno-ui-components": "*"
  ...
}
```

```bash
pnpm install
```

## 与尾风合作

朱诺来了 [尾风](https://tailwindcss.com/) 包含,所以当使用朱诺时,您可以自动在您的项目中使用尾风.

要充分利用 Juno UI 组件库中预定义的颜色和其他自定义属性, 您需要将 ui 组件尾风配置 纳入您的应用程序的尾风配置 :

```js
module.exports = {
  presets: [
    require("@cloudoperators/juno-ui-components/build/lib/tailwind.config")
  ],
 ...
}
```

这样做时,您可以使用Juno UI组件库的 Tailwind 类名 .

## 代理技能

此软件包发布 **代理技能** (AI编码代理商的任务重点指导) [TanStack 意图](https://github.com/TanStack/intent). npm内部的技巧飞船 软件包和版本。 见 [技能/README.md](https://npmcn.com/package/%40cloudoperators/juno-ui-components/skills/README.md) 清单 现有技能.

为了消耗这些技能,遵循TanStack 意向消费者指南 设置意向 项目.

## 发展

为了在朱诺设计系统及其组件上(NOT WHE)工作,将故事本与:

```bash
pnpm --filter @cloudoperators/juno-ui-components run build-storybook
```

运行测试套件 :

```bash
pnpm --filter @cloudoperators/juno-ui-components run test
```

## 持续部署到 GitHub 页

此库的任何更改都会自动触发对 GitHub Pages 的部署 。 在对主分支进行修改时,GitHub Actions将构建并测试该项目. 如果成功,该库的最新版本将被部署到GitHub Pages.

## 捐款

我们欢迎社区的贡献。 请跟我们走 [捐款准则](https://github.com/cloudoperators/juno/blob/main/CONTRIBUTING.md) \* 为该项目作出贡献.

## 许可证

凭 [Apache 许可证](https://npmcn.com/package/%40cloudoperators/juno-ui-components/LICENSE)。 。 。 .

## 常见问题

### 如何安装 @cloudoperators/juno-ui-components？

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

### @cloudoperators/juno-ui-components 支持 TypeScript 吗？

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

### @cloudoperators/juno-ui-components 支持 ESM 还是 CommonJS？

以 CommonJS 形式发布，可以直接 require\(\)；在 ES Module 项目中也可以用 import 引入（Node\.js 会把 module\.exports 作为默认导出）。

### @cloudoperators/juno-ui-components 需要什么版本的 Node\.js？

package\.json 的 engines 字段要求 Node\.js \>=20\.19\.0。版本不符时 npm 默认只给出警告，开启 engine-strict 后会拒绝安装。

### @cloudoperators/juno-ui-components 可以商用吗？

@cloudoperators/juno-ui-components 使用 Apache-2\.0 许可。宽松许可：允许商业使用、修改和再分发，并附带明确的专利授权；分发时需保留许可与 NOTICE 文件，修改过的文件要注明改动。以上为概括，不构成法律意见，请以许可原文为准。

### @cloudoperators/juno-ui-components 的下载量有多少？

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

### @cloudoperators/juno-ui-components 还在维护吗？

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