# @beinformed/ui 中文文档

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

版本：1\.70\.0
npm 元数据更新时间：2026-10-22T12:53:46.384Z
中文译文更新时间：2026-11-07T20:57:21.170Z
软件包许可：SEE LICENSE IN LICENSE\.md

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

原始 npm 页面：https://www.npmjs.com/package/%40beinformed/ui
原文对照：https://npmcn.com/package/%40beinformed/ui/?lang=original
源码仓库：https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui

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

- 包体积（解压后）：6.9 MB，1815 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- Node.js 要求：\>=18
- 运行依赖：17 个
- peer 依赖：react ^18\.0\.0 \|\| ^19\.0\.0，redux ^4\.0\.0，history ^4\.0\.0，polished ^4\.0\.0，react-dom ^18\.0\.0 \|\| ^19\.0\.0，react-redux ^7\.0\.0 \|\| ^8\.0\.0，redux-thunk ^2\.0\.0，react-router ^5\.0\.0，styled-components ^5\.0\.0，@dr\.pogodin/react-helmet ^3\.0\.0
- 首次发布：2020-11-06T10:59:02.846Z
- 最新版本发布：2026-10-22T12:53:46.158Z
- 近 30 天下载量：4283（2026-10-08 至 2026-11-06，npm 官方下载统计）
- 已发布版本数：422（近 12 个月 58 个）

## 中文简介

被通知的 Javascript 版式工具箱

## 安装

```sh
npm install @beinformed/ui
```

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

## README

# @ 消息灵通/ ii

`@beinformed/ui` 为应用软件提供核心基础设施和高水平反应构件 [知情](https://www.beinformed.com/) 模块UI服务.

它处理状态管理,服务器侧渲染,模型还水的复杂问题,使您能够专注于建立丰富的用户体验.

## \* 特性

-   **模型驱动 UI**:自动将模块化的UI服务响应转换为丰富的JavaScript Class (Models),将数据与元数据和逻辑结合起来.
-   **反应第一**:钩子和提供者数据采集和状态互动的综合库.
-   **安保部门支助**:Java后置服务器-Side Rendering (SSR)的原生管道,并有状态去水分和再水分.
-   **统一主题**: 建立在一个强大的设计符号系统上 `styled-components` 自动访问/连续计算.
-   **Redux 整合**:为导航,首选项,i18n,以及资源缓存所搭建的模块.

## \* 安装

通过 npm, 纱线, pnpm 安装库 :

```bash
npm install @beinformed/ui
```

## QQ 快速启动

要使用库,请在初始化客户端中包装您的应用程序 。 这设置了Redux商店,处理出行道,并实现还水.

```javascript
import { client } from "@beinformed/ui/react";

client({
  theme: { PRIMARY_COLOR: "#0055aa" },
  render: () => <MyApplication />,
});
```

和在知情环境中装入的服务器:

```javascript
import { serverNoSSR } from "@beinformed/ui/react";

export const server = (request: HttpServletRequestJava) => {
  setSettings(DEFAULT_SETTINGS);
  return serverNoSSR({
    request,
    render: () => <MyServer />,
  });
};
```

## 页:1

详细使用指南和API参考帮助您构建您的应用程序:

-   **[初始化和安全部门改革](https://npmcn.com/package/%40beinformed/ui/docs/usage/react-client.md)** – 建立客户端和服务器环境.
-   **[主题系统](https://npmcn.com/package/%40beinformed/ui/docs/usage/react-theme.md)** ——使用设计标志和型式公用事业.
-   **[执行 Hooks 欺骗工作表](https://npmcn.com/package/%40beinformed/ui/docs/usage/index.md)** - 获取数据和模型的快速参考.
-   **[表格属性处理( A)](https://npmcn.com/package/%40beinformed/ui/docs/usage/forms.md)** 管理复杂的状态和提交.

关于综合平台文件,请访问 [通知广场](https://plaza.beinformed.com/)。 。 。 .

## QQ 问答

我们珍视你的投入!

-   **臭虫特性( T)**:请就我们提出一个问题 [支持环境](https://support.beinformed.com/)。 。 。 .

* * *

2026 了解情况。 版权所有.

## 常见问题

### @beinformed/ui 是什么？

被通知的 Javascript 版式工具箱

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

在项目目录运行 npm install @beinformed/ui，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（^18\.0\.0 \|\| ^19\.0\.0）、redux（^4\.0\.0）、history（^4\.0\.0）、polished（^4\.0\.0）、react-dom（^18\.0\.0 \|\| ^19\.0\.0）、react-redux（^7\.0\.0 \|\| ^8\.0\.0）、redux-thunk（^2\.0\.0）、react-router（^5\.0\.0）、styled-components（^5\.0\.0）、@dr\.pogodin/react-helmet（^3\.0\.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

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

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

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

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

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

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

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

@beinformed/ui 使用 SEE LICENSE IN LICENSE\.md 许可。许可条款写在包内的独立文件中，请阅读该文件确认可否商用。以上为概括，不构成法律意见，请以许可原文为准。

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

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

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

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

