# @adobe/spectrum-css-workflow-icons 中文文档

规范地址：https://npmcn.com/package/%40adobe/spectrum-css-workflow-icons/

版本：5\.0\.0
npm 元数据更新时间：2026-10-01T01:35:26.908Z
中文译文更新时间：2026-11-05T18:14:50.639Z
软件包许可：Apache-2\.0

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

原始 npm 页面：https://www.npmjs.com/package/%40adobe/spectrum-css-workflow-icons
原文对照：https://npmcn.com/package/%40adobe/spectrum-css-workflow-icons/?lang=original
项目主页：https://opensource.adobe.com/spectrum-css-workflow-icons/
源码仓库：https://github.com/adobe/spectrum-css-workflow-icons

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

- 包体积（解压后）：3.8 MB，2416 个文件
- TypeScript 类型：未声明
- Node.js 要求：\>=20
- 运行依赖：0 个
- 首次发布：2019-08-22T16:58:59.408Z
- 最新版本发布：2025-08-25T17:14:02.394Z
- 近 30 天下载量：92298（2026-10-05 至 2026-11-03，npm 官方下载统计）
- 已发布版本数：30（近 12 个月 0 个）

## 中文简介



## 安装

```sh
npm install @adobe/spectrum-css-workflow-icons
```

也可以使用：`pnpm add @adobe/spectrum-css-workflow-icons`、`yarn add @adobe/spectrum-css-workflow-icons`、`bun add @adobe/spectrum-css-workflow-icons`

## README

[![Netlify](https://api.netlify.com/api/v1/badges/22568c1e-135b-4cc4-a682-387cbad68a5d/deploy-status)](https://app.netlify.com/sites/spectrum-workflow-icons/deploys)

![GitHub Actions build status on main](https://img.shields.io/github/actions/workflow/status/adobe/spectrum-css-workflow-icons/build.yml?branch=main&style=for-the-badge&label=main)

# 光谱工作流程图标

构建并发布频谱- cs 工作流程 svg 图标和 svg 示意图工作表 [光谱 CSS](https://github.com/adobe/spectrum-css)。 。 。 .

## 设置

```sh
yarn install
```

### 要构建和预览图标

运行 `yarn build` 将生成准备在 `dist/`。 。 。 .

运行 `yarn serve` 可以看到所有工作流程图标的小型网站.

### 更新图标

图标可从内部寄存器中获取,只提供给Adobe员工. 若您是雇员,请遵循以下步骤:

1.  `npm login --scope a4u` 以内部仓库认证
2.  `yarn add -D @a4u/a4u-s2-icon-global-set-open-source-processed` 以安装内部仓库的最新版本
3.  **不执行** 更新 `package.json` 与新版本的 `@a4u/a4u-s2-icon-global-set-open-source-processed` 以阻止非Adobe员工安装和使用存储器.

一旦你的环境准备好了,你可以跑 `yarn build` 用于重建 `icons/` 文件夹。 期望看到承诺内容在 `icons/` 文件夹.

要预览您的更新, 请运行 `yarn serve`。 。 。 .

### CSS 自定义属性

图标包括: [CSS 自定义属性](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties) 作为填充属性.

示例

```html
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
  <path d="m16.87598,4.84082h-.00098l-5.74902-3.31934c-.69629-.40234-1.55859-.40137-2.25098,0l-5.75098,3.31934c-.69336.40137-1.12402,1.14844-1.12402,1.94922v6.63965c0,.80176.43164,1.54785,1.125,1.94824l5.74902,3.32031c.34766.20117.7373.30078,1.12598.30078.38965,0,.77832-.09961,1.125-.30078l5.75-3.32031c.69336-.40039,1.125-1.14648,1.125-1.94824v-6.63965c0-.80078-.43066-1.54785-1.12402-1.94922Zm-7.25-2.02051c.11523-.06738.24414-.10059.37402-.10059.12891,0,.25879.0332.375.10059l5.28516,3.05151-5.65942,3.12231-5.66431-3.12085,5.28955-3.05298ZM3.875,14.0791c-.23145-.13379-.375-.38281-.375-.64941v-6.30371l5.75,3.16797v6.88892l-5.375-3.10376Zm12.25,0l-5.375,3.10327v-6.8894l5.75-3.17236v6.30908c0,.2666-.14355.51562-.375.64941Z" fill="var(--iconPrimary, #222)"/>
</svg>
```

以下是可用的属性列表 :

| 属性名称 | 倒数 | 其他背景 |
| --- | --- | --- |
| `--iconPrimary` | `currentColor` | 大部分工作流程图标 |
| `--iconRedPrimary` | #d31510 (英语) | 用于: `CloudStateErrorRed_22x20.svg` |
| `--iconFill` | #464646 (英语) | 仅快取 |
| `--iconFillMedium` | #909090 (英语) | 仅快取 |

## 任务

现有任务如下:

| 命令 | 说明 | 实例 |
| --- | --- | --- |
| `clean` | 清除 Dist 目录中的所有输出文件 | `yarn clean` |
| `build` | 删除并重建图标文件夹, 只能由可访问的 Adobe 员工运行 | `yarn build` |
| `site` | 清理 dist 目录、 复制网站资产并准备网站预览的 dist 输出 | `yarn site` |
| `serve` | 构建网站并打开预览网站的本地主机以查看工作流程图标 | `yarn serve` |

### 捐款

特别感谢大家 [捐助者](https://github.com/adobe/spectrum-css/graphs/contributors) 没有他们,这个项目是不可能的.

想加入球队吗? 看看这个 [提供指南](https://npmcn.com/package/%40adobe/spectrum-css-workflow-icons/.github/CONTRIBUTING.md) 要开始.

### 许可证发放

这个项目根据Apache V2许可证获得许可. 见 [自由主义](https://npmcn.com/package/%40adobe/spectrum-css-workflow-icons/LICENSE) 更多信息.

## 常见问题

### 如何安装 @adobe/spectrum-css-workflow-icons？

在项目目录运行 npm install @adobe/spectrum-css-workflow-icons，或使用 pnpm add / yarn add / bun add。

### @adobe/spectrum-css-workflow-icons 支持 TypeScript 吗？

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

### @adobe/spectrum-css-workflow-icons 需要什么版本的 Node\.js？

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

### @adobe/spectrum-css-workflow-icons 可以商用吗？

@adobe/spectrum-css-workflow-icons 使用 Apache-2\.0 许可。宽松许可：允许商业使用、修改和再分发，并附带明确的专利授权；分发时需保留许可与 NOTICE 文件，修改过的文件要注明改动。以上为概括，不构成法律意见，请以许可原文为准。

### @adobe/spectrum-css-workflow-icons 的下载量有多少？

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

### @adobe/spectrum-css-workflow-icons 还在维护吗？

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