# @design-factory/styles 中文文档

规范地址：https://npmcn.com/package/%40design-factory/styles/

版本：22\.1\.0
npm 元数据更新时间：2026-11-05T15:21:37.033Z
中文译文更新时间：2026-11-12T01:01:14.973Z
软件包许可：BSD-3-Clause

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

原始 npm 页面：https://www.npmjs.com/package/%40design-factory/styles
原文对照：https://npmcn.com/package/%40design-factory/styles/?lang=original

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

- 包体积（解压后）：11.2 MB，246 个文件
- 模块格式：ES Module
- TypeScript 类型：未声明
- 运行依赖：0 个
- peer 依赖：bootstrap 5\.3\.8，ag-grid-community ^35\.0\.0，@ng-select/ng-select ^23\.0\.0，@design-factory/tokens 22\.1\.0
- 首次发布：2026-01-21T16:10:53.998Z
- 最新版本发布：2026-11-05T15:21:36.678Z
- 近 30 天下载量：11688（2026-10-12 至 2026-11-10，npm 官方下载统计）
- 已发布版本数：18（近 12 个月 18 个）

## 中文简介

Amadeus 设计系统样式

## 安装

```sh
npm install @design-factory/styles
```

也可以使用：`pnpm add @design-factory/styles`、`yarn add @design-factory/styles`、`bun add @design-factory/styles`

## README

# Amadeus 设计厂样式

## 说明

设计厂 样式是包含阿马德乌斯设计系统"设计工厂"所使用样式的包.

设计厂(Design Factory)是一种由:

-   基于我们四个支柱的Amadeus外部和内部接口及应用程序的UI库
-   一套设计和编码最佳做法
-   来自所有阿玛德乌斯商业单位的跨功能社区

如果你想了解更多关于设计厂的信息,请联系 [设计厂小组](mailto:DesignFactory@amadeus.com)。 。 。 .

## 建筑

设计厂由多个项目组成,您可以安装符合您要求的软件包.

-   `@design-factory/tokens` 包括增强设计系统能力的设计托肯斯
-   `@design-factory/styles` 包括各种风格,包括公用事业和组件风格
-   `@design-factory/design-factory` 包括角构件和公用事业。 他们将被迁移到下面的软件包
-   `@design-factory/angular` 包含新的 SideNav , 并会增长到包含所有设计厂角构件

## 出口

包裹 `@design-factory/styles` 输出下列切入点:

-   `@design-factory/styles/bundle` 暴露完整的 cs 捆绑
-   `@design-factory/styles/assets/*` 显示资产, 主要是字体
-   `@design-factory/styles/scss/*` 显示所有 sass 文件

## 依赖关系

使用完整的 Css 捆绑时不需要依赖性 .

当使用 Sass 时,依赖是 [靴子陷阱 5](https://getbootstrap.com/), (中文(简体) ), [Ng 选择](https://ng-select.github.io/ng-select#/data-sources) 财务报告和审定财务报表 [阿格格丽德](https://www.ag-grid.com/)。 。 。 .

支持的版本有:

| Df 样式 | 鞋带CSS | Ng 选择 | 阿格格丽德 | 阿格诺斯UI |
| --- | --- | --- | --- | --- |
| 21.0.x (中文(简体) ) | 5.3.8 联合国 | 21.x (中文(简体) ) | 35.x (中文(简体) ) | 0.10.x (英语) |
| 22.0.x (中文(简体) ) | 5.3.8 联合国 | 23.x 电话 | 35.x (中文(简体) ) | 0.11.x (英语) |

## 常见问题

### @design-factory/styles 是什么？

Amadeus 设计系统样式

### 如何安装 @design-factory/styles？

在项目目录运行 npm install @design-factory/styles，或使用 pnpm add / yarn add / bun add。

### @design-factory/styles 支持 TypeScript 吗？

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

### @design-factory/styles 支持 ESM 还是 CommonJS？

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

### @design-factory/styles 可以商用吗？

@design-factory/styles 使用 BSD-3-Clause 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。另外不得用原作者名义为衍生产品背书。以上为概括，不构成法律意见，请以许可原文为准。

### @design-factory/styles 的下载量有多少？

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

### @design-factory/styles 还在维护吗？

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