# @fiscozen/actionlist 中文文档

规范地址：https://npmcn.com/package/%40fiscozen/actionlist/

版本：0\.1\.17
npm 元数据更新时间：2026-09-07T07:16:39.190Z
中文译文更新时间：2026-11-15T04:55:02.775Z
软件包许可：ISC

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

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

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

- 包体积（解压后）：564 kB，23 个文件
- 模块格式：ES Module
- TypeScript 类型：未声明
- 运行依赖：1 个
- peer 依赖：tailwindcss ^3\.4\.1，vue ^3\.4\.13
- 首次发布：2024-07-10T14:11:15.713Z
- 最新版本发布：2026-09-07T07:16:39.016Z
- 近 30 天下载量：2103（2026-10-15 至 2026-11-13，npm 官方下载统计）
- 已发布版本数：18（近 12 个月 8 个）

## 中文简介

设计系统导航系统组件

## 安装

```sh
npm install @fiscozen/actionlist
```

也可以使用：`pnpm add @fiscozen/actionlist`、`yarn add @fiscozen/actionlist`、`bun add @fiscozen/actionlist`

## README

# @fiscozen/ 行动列表

> ⚠️ **被折旧用于外用——仅由内部使用,直到消费者移民.**
> 
> 新代码必须使用 [`@fiscozen/action`](https://npmcn.com/package/%40fiscozen/action/README.md) (单位:千美元)`FzActionList` + 键 `FzActionSection` + 键 `FzAction`相反.
> 
> 此软件包仍然在 npm 上发布, 并且仍然可以构建, 因为它仍然被内部消耗 **`@fiscozen/table`**在消费者迁移到 `@fiscozen/action`。不开发新功能,也不会重新导入错误修正。 故事书页面 `Navigation/FzActionList` 已记录替换.

动作列表是交互式动作或选项的垂直列表. 由以一致,单列格式呈现的项目组成.

## 迁移到 @fiscozen/ action

`FzActionlist` 从本套件地图到从 `@fiscozen/action`数字 :

```vue
<!-- Before: @fiscozen/actionlist -->
<FzActionlist
  :label="label"
  :items="items"
  @fzaction:click="onClick"
/>

<!-- After: @fiscozen/action -->
<FzActionList :listClass="listClass">
  <FzActionSection :label="label">
    <FzAction
      v-for="(item, index) in items"
      :key="index"
      :type="item.type === 'link' ? 'link' : 'action'"
      variant="textLeft"
      :label="item.label"
      v-bind="item"
      @click="onClick(index, item)"
    />
  </FzActionSection>
</FzActionList>
```

显著差异 :

| 概念 | `@fiscozen/actionlist` | `@fiscozen/action` |
| --- | --- | --- |
| 集装箱 | `FzActionlist` (单一部分) | `FzActionList` + 键 `FzActionSection` (编) |
| 区域标签 | `label` 打开道具 `FzActionlist` | `label` 打开道具 `FzActionSection` |
| 项目类型歧视者 | `item.type: 'button' | 'link'` | `FzAction` `type: 'action' | 'link'` (说明) `'button'` → `'action'`(中文(简体) ) |
| 图标 API | 单人 `iconName` 编号 : `iconVariant` (继承自 `FzNavlink`(中文(简体) ) | `iconLeftName` 编号 : `iconLeftVariant` 编号 : `iconRightName` 编号 : `iconRightVariant` (或 `iconName` 页:1 `variant="onlyIcon"`(中文(简体) ) |
| 点击事件 | `fzaction:click` 与 `(index, item)` | 本地语言 `click` 每个 `FzAction` |
| 逐项时段 | `#fzaction-item-${index}` | 默认每个槽 `FzAction` |
| 额外特性 | —— 说 | `subLabel`, 文本截图, `readonly`, (中文(简体) ), `environment`, (中文(简体) ), `role`, (中文(简体) ), `ariaSelected`,多种视觉变体 |

见 `apps/storybook/src/stories/navigation/Actionlist.stories.ts` 写着反对替换的犬科实例.

## 常见问题

### @fiscozen/actionlist 是什么？

设计系统导航系统组件

### 如何安装 @fiscozen/actionlist？

在项目目录运行 npm install @fiscozen/actionlist，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：tailwindcss（^3\.4\.1）、vue（^3\.4\.13）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @fiscozen/actionlist 支持 TypeScript 吗？

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

### @fiscozen/actionlist 支持 ESM 还是 CommonJS？

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

### @fiscozen/actionlist 可以商用吗？

@fiscozen/actionlist 使用 ISC 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @fiscozen/actionlist 的下载量有多少？

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

### @fiscozen/actionlist 还在维护吗？

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