# @consta/uikit 中文文档

规范地址：https://npmcn.com/package/%40consta/uikit/

版本：5\.33\.3
npm 元数据更新时间：2026-07-21T07:35:41.202Z
中文译文更新时间：2026-11-10T16:06:27.239Z
软件包许可：未声明

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

原始 npm 页面：https://www.npmjs.com/package/%40consta/uikit
原文对照：https://npmcn.com/package/%40consta/uikit/?lang=original
项目主页：http://uikit.consta.design/

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

- 包体积（解压后）：8.8 MB，3719 个文件
- TypeScript 类型：未声明
- 运行依赖：0 个
- peer 依赖：@bem-react/classname ^1\.6\.0，@bem-react/classnames ^1\.3\.10，@consta/icons ^1\.7\.1，@reatom/core ^3\.10\.1，@reatom/npm-react ^3\.10\.6，compute-scroll-into-view ^3\.1\.1，date-fns ^4\.1\.0，react \>= 16\.8\.0，react-dom \>= 16\.8\.0，react-dropzone ^14\.2\.3，react-imask ^7\.2\.1，react-textarea-autosize ^8\.5\.3，react-transition-group ^4\.4\.5
- 首次发布：2020-09-02T07:01:43.034Z
- 最新版本发布：2026-07-21T07:35:41.011Z
- 近 30 天下载量：9471（2026-10-11 至 2026-11-09，npm 官方下载统计）
- 已发布版本数：222（近 12 个月 17 个）

## 中文简介

康斯塔 — — — — — — — — — — — — — — — — — — — — — — — — — — — ---- ---- ---- [反应](https://reactjs.org/)。 。 。 .

## 安装

```sh
npm install @consta/uikit
```

也可以使用：`pnpm add @consta/uikit`、`yarn add @consta/uikit`、`bun add @consta/uikit`

## README

# [康斯达](http://consta.gazprom-neft.ru/) {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢

康斯塔 — — — — — — — — — — — — — — — — — — — — — — — — — — — ---- ---- ---- [反应](https://reactjs.org/)。 。 。 .

{\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢. **\- Здесь интерфейсных:** {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢? {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢.

## {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}我..

### Библиотека

[Репозиторий](https://github.com/consta-design-system/uikit) | [国家预防机制](https://www.npmjs.com/package/@consta/uikit) | [{\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢](http://uikit.consta.design/) | [Макеты](https://www.figma.com/community/file/853774806786762374)

### Библиотека

[Репозиторий](https://github.com/consta-design-system/charts) | [国家预防机制](https://www.npmjs.com/package/@consta/charts) | [{\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢](http://charts.consta.design/) | [Макеты](https://www.figma.com/community/file/982611119114314434)

[\>> {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢](https://github.com/consta-design-system)

* * *

Подробности-на [康斯达](http://consta.design/)

{\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}我.. [телеграм канале](https://t.me/consta_ui_releases)

# Как

## Установите

```
yarn add @consta/uikit
```

## {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢

Чтобы:

```tsx
import React from 'react';
import { Theme, presetGpnDefault } from '@consta/uikit/Theme';
import { Button } from '@consta/uikit/Button';

const App = () => (
  <Theme preset={presetGpnDefault}>
    <Button label="Кнопка" />
  </Theme>
);
```

[{\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢](https://portal.consta.design/libs/portal/theme-themeabout)

## {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢

{\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢? {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢.

[{\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢](http://consta.design/libs/uikit)

## Разработка

### Подготовка

{\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢.

校对:Soup

```sh
$ yarn install
```

### Основные

```sh
# Запуск локального сервера для разработки
$ yarn start

# Сборка пакета
$ yarn build

# Сборка стенда
$ yarn stand:build

# Запуск тестов
$ yarn test
```

## Контрибьюторам

{\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}我还不知道你是谁 {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080} {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢 [{\\fn黑体\\fs22\\bord1\\shad0\\3ahbe\\4ah00\\fscx67\\fscy66\\2chffffff\\3ch808080}你觉得呢](https://consta.design/libs/portal/contributers-code)。 。 。 .

## Лицензия

{\\fn黑体\\fs20\\shad2\\2aH82\\3aH20\\4aH33\\fscx95\\3cH592001\\be1}你觉得怎样 [麻省理工学院](https://consta.design/static/licence_mit.pdf)。 。 。 .

## 常见问题

### @consta/uikit 是什么？

康斯塔 — — — — — — — — — — — — — — — — — — — — — — — — — — — ---- ---- ---- 反应。 。 。 \.

### 如何安装 @consta/uikit？

在项目目录运行 npm install @consta/uikit，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：@bem-react/classname（^1\.6\.0）、@bem-react/classnames（^1\.3\.10）、@consta/icons（^1\.7\.1）、@reatom/core（^3\.10\.1）、@reatom/npm-react（^3\.10\.6）、compute-scroll-into-view（^3\.1\.1）、date-fns（^4\.1\.0）、react（\>= 16\.8\.0）、react-dom（\>= 16\.8\.0）、react-dropzone（^14\.2\.3）、react-imask（^7\.2\.1）、react-textarea-autosize（^8\.5\.3）、react-transition-group（^4\.4\.5）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @consta/uikit 支持 TypeScript 吗？

该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/consta\_\_uikit 是否存在。

### @consta/uikit 可以商用吗？

@consta/uikit 使用 未声明 许可。package\.json 没有声明许可证。没有许可证的代码默认保留全部权利，商用前请联系作者或查看仓库中的 LICENSE 文件。以上为概括，不构成法律意见，请以许可原文为准。

### @consta/uikit 的下载量有多少？

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

### @consta/uikit 还在维护吗？

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