# @ecl/accordion 中文文档

规范地址：https://npmcn.com/package/%40ecl/accordion/

版本：5\.4\.1
npm 元数据更新时间：2026-11-10T09:35:16.290Z
中文译文更新时间：2026-11-13T05:12:25.474Z
软件包许可：EUPL-1\.2

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

原始 npm 页面：https://www.npmjs.com/package/%40ecl/accordion
原文对照：https://npmcn.com/package/%40ecl/accordion/?lang=original
项目主页：https://github.com/ec-europa/europa-component-library
源码仓库：https://github.com/ec-europa/europa-component-library

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

- 包体积（解压后）：29.1 kB，7 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：未声明
- 运行依赖：1 个
- 首次发布：2025-01-22T12:08:55.126Z
- 最新版本发布：2026-11-10T09:35:16.070Z
- 近 30 天下载量：3603（2026-10-13 至 2026-11-11，npm 官方下载统计）
- 已发布版本数：45（近 12 个月 24 个）

## 中文简介

ECL 协议

## 安装

```sh
npm install @ecl/accordion
```

也可以使用：`pnpm add @ecl/accordion`、`yarn add @ecl/accordion`、`bun add @ecl/accordion`

## README

# ECL 协议部分

npm 软件包 : `@ecl/accordion`

```shell
npm install --save @ecl/accordion
```

### 参数

-   **颜色( m)** (字符串)(默认为:")颜色模式的名称
-   **“项目”** (阵列) (默认:\[\]):格式:
    -   "开" (布尔语): 默认可以打开此项目
    -   "切换"(对象): 切换手风琴项的按钮
        -   标签 (字符串)(默认为:") 切换按钮的标签
        -   切换按钮的额外类
    -   "内容" (字符串)(默认为:") 手风琴项内的内容
-   **"边栏"** (boolean) (默认:虚假) 如果选中的话, 手风琴会用到侧边栏
-   **侧边栏 介质 curry"** (默认 : “ ” ) 用于扩展手风琴的媒体查询
-   **漫画** (阵列) OR(对象)(默认:phosphor “ plus” / “ minus” 配对) 将切换( 打开/ 关闭) 阵列中的两个图标
-   **"名字"("名字")** (字符串) (默认:"'") 可选名称属性 链接多个手风琴项目(HTML) `name` 打开 `<details>`(中文(简体) )
-   **"超级"** (字符串)(默认为:") 额外类(空格分隔)
-   **“外部属性”** (阵列) (默认: \[\]) 额外属性
    -   名称 (字符串) 属性名称, 如“ 数据测试 ”
    -   值 (字符串) 属性值, 如 : “ data- test-1 ”

### 示例:

```twig
{% include '@ecl/accordion/accordion.html.twig' with {
  items: [
    {
      id: 'accordion-example',
      toggle: {
        label:
          'Delivery of last pending proposals, a common Destiny of unity, the hour of European Democracy',
      },
      content:
        'The College of Commissioners held today the first weekly meeting of 2019 which was devoted to discussing the challenges of this new year. Commissioners used the opportunity to take stock and discuss the year ahead, including the European elections in May and other important milestones ahead.',
    },
    ...
  ]
} %}
```

## 常见问题

### @ecl/accordion 是什么？

ECL 协议

### 如何安装 @ecl/accordion？

在项目目录运行 npm install @ecl/accordion，或使用 pnpm add / yarn add / bun add。

### @ecl/accordion 支持 TypeScript 吗？

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

### @ecl/accordion 支持 ESM 还是 CommonJS？

同时提供 ES Module 与 CommonJS 入口，import 和 require\(\) 都可以使用，打包工具会自动选择合适的版本。

### @ecl/accordion 可以商用吗？

@ecl/accordion 使用 EUPL-1\.2 许可。声明的许可为 EUPL-1\.2，请阅读许可原文确认使用条件。以上为概括，不构成法律意见，请以许可原文为准。

### @ecl/accordion 的下载量有多少？

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

### @ecl/accordion 还在维护吗？

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