# @ctx9/ui 中文文档

规范地址：https://npmcn.com/package/%40ctx9/ui/

版本：10\.0\.0
npm 元数据更新时间：2026-10-27T16:59:21.748Z
中文译文更新时间：2026-11-13T06:46:55.477Z
软件包许可：Apache-2\.0

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

原始 npm 页面：https://www.npmjs.com/package/%40ctx9/ui
原文对照：https://npmcn.com/package/%40ctx9/ui/?lang=original
项目主页：https://github.com/ContextNine/ctx9-web#readme
源码仓库：https://github.com/ContextNine/ctx9-web

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

- 包体积（解压后）：2 MB，313 个文件
- 模块格式：ES Module
- TypeScript 类型：包内自带
- Node.js 要求：^22\.16\.0 \|\| ^24\.21\.0 \|\| ^26\.11\.1
- 运行依赖：35 个
- peer 依赖：react 19\.1\.0，react-dom 19\.1\.0
- 首次发布：2026-10-16T13:32:47.927Z
- 最新版本发布：2026-10-27T16:59:21.404Z
- 近 30 天下载量：2143（2026-10-11 至 2026-11-09，npm 官方下载统计）
- 已发布版本数：9（近 12 个月 9 个）

## 中文简介

共享印象和 CTX9 内部应用程序 UI

## 安装

```sh
npm install @ctx9/ui
```

也可以使用：`pnpm add @ctx9/ui`、`yarn add @ctx9/ui`、`bun add @ctx9/ui`

## README

# @ctx9/ui (英语)

内部出品的印象相通控制与应用组成,有1个轻主题和1个暗主题. 导入 `@ctx9/ui/styles.css` 完全一次在应用程序根.

在Apache-2.0下获得许可,公开npm上发布. 见 `NOTICE`, (中文(简体) ), `THIRD_PARTY_NOTICES.md` 财务报告和审定财务报表 `dist/fonts/licenses/` 对捆绑的第三方归属。 来源和释放接受情况 [上下文/ctx9-web](https://github.com/ContextNine/ctx9-web)。 。 。 .

```tsx
import "@ctx9/ui/styles.css";
import {
  ApplicationLayout,
  AuthShell,
  Button,
  DataTable,
  Input,
  NavigationProvider,
} from "@ctx9/ui";
```

软件包 :

-   已键入印象组件变体并共享样式执行;
-   a. 为实际操作行打入的 TanStack 表 v8 组成;
-   日历、时间、时区、日期和日期范围控制;
-   装入、 空取、 拒绝、 不可用以及错误状态 ;
-   a. 响应性可折叠侧边栏、完整的路由面包屑、服务切换器、账户菜单和有重点或两栏认证壳;
-   用于细节页标题和 CTX9 父动作 `@ctx9/ui/icon.svg`· ;
-   一个框架中立的链接适配器。 下次应用程序供应 `next/link` 结束 `NavigationProvider`。 。 。 .

应用程序拥有产品行类型,列,URL状态,以及突变. 共享组件拥有键盘行为,聚焦,溢出,和轻/暗样式. 选择变体而不是提供外观类,然后运行 `ctx9-ui-style-check` 超过申请来源.

动画被允许. 保持印象现有的旋转动作加载器和 移出它们的用法时会动起骨架.

## 常见问题

### @ctx9/ui 是什么？

共享印象和 CTX9 内部应用程序 UI

### 如何安装 @ctx9/ui？

在项目目录运行 npm install @ctx9/ui，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（19\.1\.0）、react-dom（19\.1\.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。它还提供命令行工具 ctx9-ui-dev、ctx9-ui-style-check，可以用 npx ctx9-ui-dev 直接运行。

### @ctx9/ui 支持 TypeScript 吗？

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

### @ctx9/ui 支持 ESM 还是 CommonJS？

以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。

### @ctx9/ui 需要什么版本的 Node\.js？

package\.json 的 engines 字段要求 Node\.js ^22\.16\.0 \|\| ^24\.21\.0 \|\| ^26\.11\.1。版本不符时 npm 默认只给出警告，开启 engine-strict 后会拒绝安装。

### @ctx9/ui 可以商用吗？

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

### @ctx9/ui 的下载量有多少？

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

### @ctx9/ui 还在维护吗？

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