# @fiscozen/navlink 中文文档

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

版本：2\.0\.5
npm 元数据更新时间：2026-09-07T07:16:46.474Z
中文译文更新时间：2026-11-14T20:29:15.835Z
软件包许可：ISC

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

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

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

- 包体积（解压后）：571 kB，26 个文件
- 模块格式：ES Module
- TypeScript 类型：未声明
- 运行依赖：1 个
- peer 依赖：tailwindcss ^3\.4\.1，vue ^3\.4\.13，vue-router ^4\.3\.0，@fiscozen/icons ^1\.0\.8
- 首次发布：2024-05-13T14:04:40.365Z
- 最新版本发布：2026-09-07T07:16:46.286Z
- 近 30 天下载量：4051（2026-10-15 至 2026-11-13，npm 官方下载统计）
- 已发布版本数：14（近 12 个月 8 个）

## 中文简介

设计系统导航组件

## 安装

```sh
npm install @fiscozen/navlink
```

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

## README

# @fiscozen/ 导航

> ⚠️ **被折旧用于外用——仅由内部使用,直到消费者移民.**
> 
> 新代码必须使用 [`@fiscozen/action`](https://npmcn.com/package/%40fiscozen/action/README.md) (单位:千美元)`FzAction`相反.
> 
> 此软件包仍然在 npm 上发布, 并且仍然可以构建, 因为它仍然被内部消耗 **`@fiscozen/actionlist`** 财务报告和审定财务报表 **`@fiscozen/navlist`** (二者自相堕取. 除非消费者迁移到 `@fiscozen/action`。不开发新功能,也不会重新导入错误修正.

## 页:1

-   路由器Navlink 将 Navlink 包装,并将所有道具传递到内部的 Navlink

## 迁移到 @fiscozen/ action

此套件导出 `FzNavlink` (类似按钮)和 `FzRouterNavlink` (路由-链接包装). 两张地图到 `FzAction` 与 `variant="textLeft"`,以 `type` 道具 :

```vue
<!-- Before: FzNavlink (button) -->
<FzNavlink :iconName="iconName" :iconVariant="iconVariant" :disabled="disabled" @click="onClick">
  {{ label }}
</FzNavlink>

<!-- After: FzAction with type="action" -->
<FzAction
  type="action"
  variant="textLeft"
  :label="label"
  :iconLeftName="iconName"
  :iconLeftVariant="iconVariant"
  :disabled="disabled"
  @click="onClick"
/>
```

```vue
<!-- Before: FzRouterNavlink (vue-router link) -->
<FzRouterNavlink :meta="{ name: 'home' }" :iconName="iconName" :disabled="disabled">
  {{ label }}
</FzRouterNavlink>

<!-- After: FzAction with type="link" -->
<FzAction
  type="link"
  variant="textLeft"
  :label="label"
  :iconLeftName="iconName"
  :to="{ name: 'home' }"
  :disabled="disabled"
/>
```

### 软件映射

| `@fiscozen/navlink` | `@fiscozen/action` | 页:1 |
| --- | --- | --- |
| `iconName` | `iconLeftName` | 默认渲染为标签左出. 仅限图标的布局 `variant="onlyIcon"` 和使用情况 `iconName` 换句话说. |
| `iconVariant` | `iconLeftVariant` | 与上文相同 `onlyIcon`。 。 。 . |
| `iconSize` | —— 说 | `FzAction` 来源于 `environment` 财务报告和审定财务报表 `variant`;无直接等同. |
| `label` | `label` | 同样的. |
| `disabled` | `disabled` | 同样的。 还支持 `readonly` (新编). |
| `meta` 联 合 国 `FzRouterNavlink`(中文(简体) ) | `to` | 传出同样的 `vue-router` 位置对象. |
| 默认槽 | 默认槽( 或 `label`(中文(简体) ) | 同样的. |
| 土著 `click` | `click`附加时 `keydown` | `FzAction` 发出键盘激活的密钥. |

`FzAction` 添加此处不可用的道具 : `subLabel`, 文本截图, `environment` (后台/前沿办公室), `role`, (中文(简体) ), `ariaSelected`,则 `textCenter` 编号 : `onlyIcon` 变相.

## 常见问题

### @fiscozen/navlink 是什么？

设计系统导航组件

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

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

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

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

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

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

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

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

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

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

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

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