# @dotnaos/ui 中文文档

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

版本：0\.0\.28
npm 元数据更新时间：2026-09-20T20:39:38.856Z
中文译文更新时间：2026-11-12T22:36:44.036Z
软件包许可：MIT

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

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

弃用说明：Package no longer supported\. Contact Support at https://www\.npmjs\.com/support for more info\.

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

- 包体积（解压后）：46.1 MB，533 个文件
- 模块格式：ES Module
- TypeScript 类型：包内自带
- 运行依赖：6 个
- peer 依赖：react ^18\.0\.0 \|\| ^19\.0\.0，react-dom ^18\.0\.0 \|\| ^19\.0\.0，react-native \>=0\.74
- 首次发布：2026-08-07T06:16:49.727Z
- 最新版本发布：2026-09-16T13:46:33.506Z
- 近 30 天下载量：3773（2026-10-13 至 2026-11-11，npm 官方下载统计）
- 已发布版本数：21（近 12 个月 21 个）

## 中文简介

完成 DotNaos UI 与原始相捆绑,布局,编辑器,域组件,以及审查工具.

## 安装

```sh
npm install @dotnaos/ui
```

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

## README

# @dotnaos/ ui (英语)

`@dotnaos/ui` 是DotNaos组件系统的完整公共捆绑。 面向消费者的进口品使用斜拉式副道:

```tsx
import { Stack, Button } from "@dotnaos/ui/base";
import { ListDetailPageLayout } from "@dotnaos/ui/layout";
import { FileExplorer } from "@dotnaos/ui/file-tree";
import { GitClient } from "@dotnaos/ui/source-control";
import { Coverage, List, Navigation, Status, Tree } from "@dotnaos/ui/source-control/changes/review";
import { PdfViewer } from "@dotnaos/ui/pdf-viewer";
```

内部工作空间包名称使用 npm-相容的连字符名, 如 `@dotnaos/ui-base`;这些名称是执行细节,没有定义公共导入样式或组件-树标签.

## 软件包

```text
ui bundle
├── base                 generic primitives, controls, and surfaces
├── layout               panels, shells, and responsive page layouts
├── tree                 generic flat or nested tree behavior
├── file-tree            file navigation and actionable explorer
├── code                 editable and read-only code surfaces
├── markdown-editor      Markdown rendering and editing
├── chat                 backend-agnostic chat presentation
├── ai                   assistant controls and composed AI surfaces
├── source-control       changes, diffs, history, and complete Git client
├── canvas               drawing surface and editor
├── calendar             calendar parts and complete calendar
├── pdf-viewer           PDF render parts and complete viewer surfaces
├── settings             fields, groups, panels, and settings page
├── workspace-picker     workspace rows, tree, picker, dialog, and page
├── devtools             review and inspection tooling
├── web                  web runtime composition
└── native               native primitives and native-owned components
```

每个组件域都是真实的包 `components/ui`。 。 。 . `git-client` 属于 `source-control`,以及前者 `node-tree` 软件包现在为通用 `tree` 软件包。 原始人直接生活在 `base`;没有单独的原始,共享,或适配软件包.

## 建筑规则

-   特性包依赖于下级包,绝不从中导入 `@dotnaos/ui` 捆绑.
-   Web 组件组成主题意识 `Container` 和语义表面,而不是重复地粘贴、半径和背景选择.
-   原住民拥有其渲染器并只分享平台中性设计符和刻意签订合同.
-   公共特性包可以导出由嵌入式体验组成的小渲染单元,以及可选对话框或页面表面.
-   一个有意义的下划线前缀路径是私有的,永远不会从其软件包中导出.
-   每个导出的 React 组件都有一个合用的位置 `*.design.tsx` 定义.
-   软件包和文件夹只组织源头发现;运行时构成和严格UI身份仍然来自JSX并打入了分槽.

权威架构和重构合同是 [`../../docs/ui-repository-refactor-plan.md`](https://npmcn.com/package/docs/ui-repository-refactor-plan.md)。 。 。 .

## 样式和预览

网络消费者一次导入完整的共享样式表. 里面有设计 基金会和所有公共部门使用的公用事业:

```ts
import "@dotnaos/ui/styles.css";
```

设计 空格读取真实的软件包和源文件夹 `.designspace.ts`;库中并不需要自己的开发服务器只是被发现或编译.

## 常见问题

### @dotnaos/ui 是什么？

完成 DotNaos UI 与原始相捆绑,布局,编辑器,域组件,以及审查工具\.注意：该包已被作者标记为弃用——Package no longer supported\. Contact Support at https://www\.npmjs\.com/support for more info\.

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

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

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

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

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

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

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

@dotnaos/ui 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

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

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

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

最新版本 0\.0\.28 发布于 2026/09/16（1 个月前）；至今共发布 21 个版本，其中过去 12 个月发布了 21 个；首次发布于 2026/08/07。作者已将其标记为弃用，新项目建议寻找替代方案。