# @coconut-software/ui 中文文档

规范地址：https://npmcn.com/package/%40coconut-software/ui/

版本：0\.20\.1
npm 元数据更新时间：2026-11-09T20:23:12.270Z
中文译文更新时间：2026-11-10T05:16:56.281Z
软件包许可：UNLICENSED

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

原始 npm 页面：https://www.npmjs.com/package/%40coconut-software/ui
原文对照：https://npmcn.com/package/%40coconut-software/ui/?lang=original

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

- 包体积（解压后）：4.8 MB，334 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- 运行依赖：0 个
- peer 依赖：clsx ^1\.1，react ^17\.0，date-fns ^2\.16，react-dom ^17\.0，react-intl ^5\.13，tailwindcss ^3\.4\.10，react-hook-form ^6\.15，react-aria-components ^1\.16\.0，@internationalized/date ^3\.12\.0，tailwindcss-interaction-variants ^5\.0\.0
- 首次发布：2021-02-24T14:23:04.101Z
- 最新版本发布：2026-11-09T20:23:12.087Z
- 近 30 天下载量：4601（2026-10-10 至 2026-11-08，npm 官方下载统计）
- 已发布版本数：343（近 12 个月 33 个）

## 中文简介

反应组件,以更快和更容易地开发网络.

## 安装

```sh
npm install @coconut-software/ui
```

也可以使用：`pnpm add @coconut-software/ui`、`yarn add @coconut-software/ui`、`bun add @coconut-software/ui`

## README

# UI 组件 XQ 椰子软件

反应组件,以更快和更容易地开发网络.

[![npm package](https://img.shields.io/npm/v/@coconut-software/ui/latest.svg)](https://www.npmjs.com/package/@coconut-software/ui) [![npm downloads](https://img.shields.io/npm/dm/@coconut-software/core.svg)](https://www.npmjs.com/package/@coconut-software/core) ![Code style](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)

## 升级

请看 [升级](https://npmcn.com/package/%40coconut-software/ui/UPGRADE.md) 详细情况.

## 释放

请看 [说明](https://npmcn.com/package/%40coconut-software/ui/RELEASE.md) 详细情况.

## 设置

运行以下命令以启动并运行此工程 .

```
yarn install
```

```
yarn run build
```

我们用 [故事书JS](https://storybook.js.org/) 单独开发UI组件 为了让"故事本"运行,运行以下命令: 1

```
yarn run storybook
```

## 建议的 IDE 设置

在椰子软件内开发任何类型脚本项目时,建议的方法是 [安装 VSCode](https://code.visualstudio.com/download) 并安装推荐的插件。 这个项目可能会特别为它的用例推荐额外的插件.

### 建议插件

-   [ESLint 语录](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
-   [头风](https://marketplace.visualstudio.com/items?itemName=heybourn.headwind)
-   [Java 脚本和类型脚本夜行](https://marketplace.visualstudio.com/items?itemName=ms-vscode.vscode-typescript-next)
-   [欢乐](https://marketplace.visualstudio.com/items?itemName=Orta.vscode-jest)
-   [Pretier - 物质代码](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)
-   [尾风 CSS 智能](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss)
-   [类型脚本英雄](https://marketplace.visualstudio.com/items?itemName=rbbit.typescript-hero)

## 创建静态导出

```
yarn install
```

```
yarn run build
```

```
yarn run storybook:export
```

这将创建一个 `storybook-static` 文件夹,您可以在自己的设备上直接打开,或拉链与其他人共享.

## 常见问题

### @coconut-software/ui 是什么？

反应组件,以更快和更容易地开发网络\.

### 如何安装 @coconut-software/ui？

在项目目录运行 npm install @coconut-software/ui，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：clsx（^1\.1）、react（^17\.0）、date-fns（^2\.16）、react-dom（^17\.0）、react-intl（^5\.13）、tailwindcss（^3\.4\.10）、react-hook-form（^6\.15）、react-aria-components（^1\.16\.0）、@internationalized/date（^3\.12\.0）、tailwindcss-interaction-variants（^5\.0\.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @coconut-software/ui 支持 TypeScript 吗？

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

### @coconut-software/ui 支持 ESM 还是 CommonJS？

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

### @coconut-software/ui 可以商用吗？

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

### @coconut-software/ui 的下载量有多少？

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

### @coconut-software/ui 还在维护吗？

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