# @eeacms/volto-tabs-block 中文文档

规范地址：https://npmcn.com/package/%40eeacms/volto-tabs-block/

版本：10\.0\.5
npm 元数据更新时间：2026-10-30T10:55:36.728Z
中文译文更新时间：2026-11-13T07:54:59.143Z
软件包许可：MIT

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

原始 npm 页面：https://www.npmjs.com/package/%40eeacms/volto-tabs-block
原文对照：https://npmcn.com/package/%40eeacms/volto-tabs-block/?lang=original
项目主页：https://github.com/eea/volto-tabs-block
源码仓库：https://github.com/eea/volto-tabs-block

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

- 包体积（解压后）：347 kB，82 个文件
- 模块格式：CommonJS
- TypeScript 类型：未声明
- 运行依赖：5 个
- 首次发布：2021-05-12T19:35:57.467Z
- 最新版本发布：2026-10-30T10:55:36.538Z
- 近 30 天下载量：3668（2026-10-13 至 2026-11-11，npm 官方下载统计）
- 已发布版本数：59（近 12 个月 6 个）

## 中文简介

伏尔托-塔布斯-块:伏尔托加成

## 安装

```sh
npm install @eeacms/volto-tabs-block
```

也可以使用：`pnpm add @eeacms/volto-tabs-block`、`yarn add @eeacms/volto-tabs-block`、`bun add @eeacms/volto-tabs-block`

## README

# 电压-塔布斯区块

[![Releases](https://img.shields.io/github/v/release/eea/volto-tabs-block)](https://github.com/eea/volto-tabs-block/releases)

[![Pipeline](https://ci.eionet.europa.eu/buildStatus/icon?job=volto-addons%2Fvolto-tabs-block%2Fmaster&subject=master)](https://ci.eionet.europa.eu/view/Github/job/volto-addons/job/volto-tabs-block/job/master/display/redirect) [![Lines of Code](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-tabs-block&metric=ncloc)](https://sonarqube.eea.europa.eu/dashboard?id=volto-tabs-block) [![Coverage](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-tabs-block&metric=coverage)](https://sonarqube.eea.europa.eu/dashboard?id=volto-tabs-block) [![Bugs](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-tabs-block&metric=bugs)](https://sonarqube.eea.europa.eu/dashboard?id=volto-tabs-block) [![Duplicated Lines (%)](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-tabs-block&metric=duplicated_lines_density)](https://sonarqube.eea.europa.eu/dashboard?id=volto-tabs-block)

[![Pipeline](https://ci.eionet.europa.eu/buildStatus/icon?job=volto-addons%2Fvolto-tabs-block%2Fdevelop&subject=develop)](https://ci.eionet.europa.eu/view/Github/job/volto-addons/job/volto-tabs-block/job/develop/display/redirect) [![Lines of Code](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-tabs-block&branch=develop&metric=ncloc)](https://sonarqube.eea.europa.eu/dashboard?id=volto-tabs-block&branch=develop) [![Coverage](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-tabs-block&branch=develop&metric=coverage)](https://sonarqube.eea.europa.eu/dashboard?id=volto-tabs-block&branch=develop) [![Bugs](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-tabs-block&branch=develop&metric=bugs)](https://sonarqube.eea.europa.eu/dashboard?id=volto-tabs-block&branch=develop) [![Duplicated Lines (%)](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-tabs-block&branch=develop&metric=duplicated_lines_density)](https://sonarqube.eea.europa.eu/dashboard?id=volto-tabs-block&branch=develop)

[沃尔多](https://github.com/plone/volto) 加载

## 特征

#### 重要的东西! 由于这取决于@eeacms/volto-block-style,你应该总是将这个附加物作为Volto工程配置中的最后附加物加载,或者在@eeacms/volto-block-style后加载.

![Tabs Block](https://raw.githubusercontent.com/eea/volto-tabs-block/master/docs/volto-tabs-block.gif "Tabs Block")

## 开始

### 和多克一起尝试伏尔托-塔布斯区块

```
  git clone https://github.com/eea/volto-tabs-block.git
  cd volto-tabs-block
  make
  make start
```

转到 http://localhost:3:00

`make start` 现在默认为 Volto 18. 要运行同样的设置 对沃尔多17,使用:

```
  VOLTO_VERSION=17 make
  VOLTO_VERSION=17 make start
```

### 在您的 Volto 项目中添加 volto- tabs- block

1.  确保你有 [Plone 后端](https://plone.org/download) 在http://localhost:8080/Plone上运行
    
    ```Bash
    docker compose up backend
    ```
    
2.  启动 Volto 前端
    

-   如果你已经有伏尔托项目,只需更新 `package.json`数字 :
    
    ```JSON
    "dependencies": {
        "@eeacms/volto-tabs-block": "*"
    }
    ```
    

财务报告和审定财务报表 `volto.config.js`数字 :

```JavaScript
const addons = ['@eeacms/volto-tabs-block'];
```

-   如果没有,请按照Plone官方文件对Volto 18+的建议,用 Cookieplone 创建一个:
    
    ```
    uvx cookieplone project
    cd project-title
    ```
    
    然后在您的前端工程中安装加载. 对于基于 Cookieplone 的 Volto 18 和 19 个项目, Plone 文件 `pnpm` 用途 :
    
    ```
    pnpm --filter <name-of-your-policy-add-on> add @eeacms/volto-tabs-block
    ```
    
    然后添加 `@eeacms/volto-tabs-block` 页:1 `addons` 在您的项目中键 `package.json` 或宣布为 `volto.config.js`。 。 。 .
    

1.  安装或更新依赖关系,然后启动项目 :
    
    ```
    make install
    ```
    
    对于 Cookieplone 项目, 在单独的终端中启动后端和前端 :
    
    ```
    make backend-start
    make frontend-start
    ```
    
    对于一个遗留下来的Volto 17项目,安装软件包 `yarn` 并像往常一样重新启动前端.
    
2.  转到 http://localhost:3:00
    
3.  剪辑愉快!
    

## 升级

### 升级到 10.x

> 此版本需要 `Volto >= 17.18` 或者说 `Volto 18+`。它取消了习惯 `EditBlockWrapper` 并使用 Volto 的内置块 铬由提供 `BlocksForm`。 。 。 .

#### 中断更改

-   **删除 `EditBlockWrapper.jsx`。 。 。 .** 任何代码导入 `EditBlockWrapper` 从 `@eeacms/volto-tabs-block` 将打破。 使用 Volto 内置 `EditBlockWrapper` 从 `@plone/volto/components/manage/Blocks/Block/EditBlockWrapper` 如果您需要自定义包装.
-   **删除自定义编辑工具栏样式 .** 这个 `edit.less` 为自定义内块工具栏提供动力的样式已删除。 内地块现在使用沃尔多默认的块铬.

### 升级到7.0.0

第7版引入了以下断开变化:

-   模板现在 `variations` 默认模板,所以如果您有自定义模板, 您需要更新它们是默认模板的变量.
-   所有变体都有 `schema enhancers`,参见 [https://github.com/eea/volto-eea-website-them/blob/develop/src/index.js#L40 互联网档案馆的存檔,存档日期2013-12-02](https://github.com/eea/volto-eea-website-theme/blob/develop/src/index.js#L40) 例如如何定制变异方案.
-   一些默认已被更改, 请参见 `schema.js` 任何默认值的文件.
-   标签现在可以引用一个 `Image` 或使用a `Semantic UI` 图标,甚至允许隐藏 标题.
-   不再使用响应模板 `react-responsive-tabs` 样式但使用 `accordion` 当它变成 手风琴. 如果你想定制手风琴,请带上你自己的风格.
-   清理的造型有利于 `Semantic UI` 造型和带来自己的造型.
-   好点了 `i18n` 支持该块,特别是在编辑模式中.

## 释放

见 [发 言](https://github.com/eea/volto-tabs-block/blob/master/RELEASE.md)。 。 。 .

## 如何捐款

见 [发达国家d](https://github.com/eea/volto-tabs-block/blob/master/DEVELOP.md)。 。 。 .

## 秘密扫描

此寄存器使用 Betterleaks GitHub 动作扫描当前 每个推拉请求的仓库内容。 扫描使用规则在 `.gitleaks.toml` 上传 a `betterleaks-report` 发现时的文物 检测到.

如果配置了可选的 SMTP 秘密, 失败的扫描也会发送电子邮件到 最后的犯规者。 工作流程期望这些寄存器或 组织机密:

-   `SMTP_URL`
-   `SMTP_PORT` (可选,默认为) `25`(中文(简体) )
-   `SMTP_EMAIL`
-   `SMTP_PASSWORD` (如果 SMTP 服务器不需要认证, 可选择)

端口 `465` 以直接 TLS 发送; 其他端口使用默认 SMTP 握手. 电子邮件中包含一个简短的发现摘要, 包括每个发现中经过编辑的匹配行.

有三个共同的结果:

1.  **一切都没事.** 这个 `Betterleaks / Scan for secrets` 检查为绿色 无需采取行动。 运行时间值的常规引用是确定的, 例如:
    
    ```js
    const tokenFromCookie = req.universalCookies.get('auth_token');
    ```
    
2.  **发现了一个真正的秘密.** 检查为红色,工作流程日志要求您 下载 `betterleaks-report` 艺术品 从 GitHub 打开文物 动作运行并检查报告的文件,行和规则 。 删除已承诺 值,将其移动到合适的密店,如果被曝光则旋转. 报告条目是这样的:
    
    ```json
    {
      "RuleID": "secret-literal-assignment",
      "File": "src/config.js",
      "StartLine": 12,
      "Secret": "[REDACTED]"
    }
    ```
    
3.  **调查结果是虚假的阳性.** 只有在显然没有时才保留该值 敏感,例如测试固定图、占位符或公共实例。 添加 `betterleaks:allow` 在同一行中,并在 拉请求.
    
    ```js
    const testPassword = 'admin'; //betterleaks:allow
    ```
    
    ```yaml
    password: "admin" #betterleaks:allow
    ```
    

不添加 `betterleaks:allow` 到真正的证书.

## 版权和许可证

原始守则的初始所有人是欧洲环境署. 所有权利保留.

见 [利比里亚](https://github.com/eea/volto-tabs-block/blob/master/LICENSE.md) 详细情况.

## 供资

[欧洲环境署(欧盟)](http://eea.europa.eu/)

## 常见问题

### @eeacms/volto-tabs-block 是什么？

伏尔托-塔布斯-块:伏尔托加成

### 如何安装 @eeacms/volto-tabs-block？

在项目目录运行 npm install @eeacms/volto-tabs-block，或使用 pnpm add / yarn add / bun add。

### @eeacms/volto-tabs-block 支持 TypeScript 吗？

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

### @eeacms/volto-tabs-block 支持 ESM 还是 CommonJS？

以 CommonJS 形式发布，可以直接 require\(\)；在 ES Module 项目中也可以用 import 引入（Node\.js 会把 module\.exports 作为默认导出）。

### @eeacms/volto-tabs-block 可以商用吗？

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

### @eeacms/volto-tabs-block 的下载量有多少？

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

### @eeacms/volto-tabs-block 还在维护吗？

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