# @cryptlex/web-components 中文文档

规范地址：https://npmcn.com/package/%40cryptlex/web-components/

版本：6\.9\.1
npm 元数据更新时间：2026-11-10T10:22:08.767Z
中文译文更新时间：2026-11-11T06:31:56.951Z
软件包许可：未声明

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

原始 npm 页面：https://www.npmjs.com/package/%40cryptlex/web-components
原文对照：https://npmcn.com/package/%40cryptlex/web-components/?lang=original
源码仓库：https://github.com/cryptlex/web-components

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

- 包体积（解压后）：1 MB，268 个文件
- 模块格式：ES Module
- TypeScript 类型：包内自带
- Node.js 要求：\>=20
- 运行依赖：0 个
- peer 依赖：zod 4\.6\.7，clsx 2\.1\.1，react ^19\.3\.1，shiki ^4\.6\.0，date-fns 4\.4\.0，recharts 3\.10\.1，lodash-es 4\.18\.1，react-dom ^19\.3\.1，tailwindcss 4\.3\.5，@dnd-kit/core 6\.3\.1，openapi-fetch 0\.17\.0，tw-animate-css 1\.4\.0，@types/lodash-es 4\.17\.12，@dnd-kit/sortable 10\.0\.0，@dnd-kit/utilities 3\.2\.2，@uidotdev/usehooks 2\.4\.1，@fontsource/dm-mono 5\.3\.0，@tanstack/react-form 1\.33\.5，@tanstack/react-query 5\.107\.1，@tanstack/react-table 9\.3\.1，react-aria-components 1\.22\.1，@internationalized/date 3\.12\.4，class-variance-authority 0\.7\.1，@shikijs/colorized-brackets ^4\.6\.0，@fontsource-variable/dm-sans 5\.3\.0，@icons-pack/react-simple-icons ^13\.15\.1
- 首次发布：2024-11-11T06:22:51.085Z
- 最新版本发布：2026-11-10T10:22:08.368Z
- 近 30 天下载量：2871（2026-10-11 至 2026-11-09，npm 官方下载统计）
- 已发布版本数：320（近 12 个月 203 个）

## 中文简介

Cryptlex 网络应用程序的响应组件库

## 安装

```sh
npm install @cryptlex/web-components
```

也可以使用：`pnpm add @cryptlex/web-components`、`yarn add @cryptlex/web-components`、`bun add @cryptlex/web-components`

## README

# @ cryptlex/ web- 组件

Cryptlex 的 React 组件库 .

# 使用量

在您的 Global CSS 文件中, 导入索引. cs 并添加网络组件, 作为 Tailwind 的明确来源 .

支助科

```css
@import '@cryptlex/web-components/index.css';
@source "@cryptlex/web-components";
```

## 常见问题

### @cryptlex/web-components 是什么？

Cryptlex 网络应用程序的响应组件库

### 如何安装 @cryptlex/web-components？

在项目目录运行 npm install @cryptlex/web-components，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：zod（4\.6\.7）、clsx（2\.1\.1）、react（^19\.3\.1）、shiki（^4\.6\.0）、date-fns（4\.4\.0）、recharts（3\.10\.1）、lodash-es（4\.18\.1）、react-dom（^19\.3\.1）、tailwindcss（4\.3\.5）、@dnd-kit/core（6\.3\.1）、openapi-fetch（0\.17\.0）、tw-animate-css（1\.4\.0）、@types/lodash-es（4\.17\.12）、@dnd-kit/sortable（10\.0\.0）、@dnd-kit/utilities（3\.2\.2）、@uidotdev/usehooks（2\.4\.1）、@fontsource/dm-mono（5\.3\.0）、@tanstack/react-form（1\.33\.5）、@tanstack/react-query（5\.107\.1）、@tanstack/react-table（9\.3\.1）、react-aria-components（1\.22\.1）、@internationalized/date（3\.12\.4）、class-variance-authority（0\.7\.1）、@shikijs/colorized-brackets（^4\.6\.0）、@fontsource-variable/dm-sans（5\.3\.0）、@icons-pack/react-simple-icons（^13\.15\.1）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @cryptlex/web-components 支持 TypeScript 吗？

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

### @cryptlex/web-components 支持 ESM 还是 CommonJS？

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

### @cryptlex/web-components 需要什么版本的 Node\.js？

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

### @cryptlex/web-components 可以商用吗？

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

### @cryptlex/web-components 的下载量有多少？

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

### @cryptlex/web-components 还在维护吗？

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