@eeacms/volto-tabs-block

中文文档
10.0.5发布于 2026/10/30MITCommonJS近 30 天下载 3668

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

中文使用文档
文档目录12 节
  1. 特征
  2. 开始
  3. 和多克一起尝试伏尔托-塔布斯区块
  4. 在您的 Volto 项目中添加 volto- tabs- block
  5. 升级
  6. 升级到 10.x
  7. 升级到7.0.0
  8. 释放
  9. 如何捐款
  10. 秘密扫描
  11. 版权和许可证
  12. 供资

电压-塔布斯区块

Releases

Pipeline Lines of Code Coverage Bugs Duplicated Lines (%)

Pipeline Lines of Code Coverage Bugs Duplicated Lines (%)

沃尔多 加载

特征

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

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 后端 在http://localhost:8080/Plone上运行

    docker compose up backend
    
  2. 启动 Volto 前端

  • 如果你已经有伏尔托项目,只需更新 package.json数字 :

    "dependencies": {
        "@eeacms/volto-tabs-block": "*"
    }
    

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

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 例如如何定制变异方案.
  • 一些默认已被更改, 请参见 schema.js 任何默认值的文件.
  • 标签现在可以引用一个 Image 或使用a Semantic UI 图标,甚至允许隐藏 标题.
  • 不再使用响应模板 react-responsive-tabs 样式但使用 accordion 当它变成 手风琴. 如果你想定制手风琴,请带上你自己的风格.
  • 清理的造型有利于 Semantic UI 造型和带来自己的造型.
  • 好点了 i18n 支持该块,特别是在编辑模式中.

释放

见 发 言。 。 。 .

如何捐款

见 发达国家d。 。 。 .

秘密扫描

此寄存器使用 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 检查为绿色 无需采取行动。 运行时间值的常规引用是确定的, 例如:

    const tokenFromCookie = req.universalCookies.get('auth_token');
    
  2. 发现了一个真正的秘密. 检查为红色,工作流程日志要求您 下载 betterleaks-report 艺术品 从 GitHub 打开文物 动作运行并检查报告的文件,行和规则 。 删除已承诺 值,将其移动到合适的密店,如果被曝光则旋转. 报告条目是这样的:

    {
      "RuleID": "secret-literal-assignment",
      "File": "src/config.js",
      "StartLine": 12,
      "Secret": "[REDACTED]"
    }
    
  3. 调查结果是虚假的阳性. 只有在显然没有时才保留该值 敏感,例如测试固定图、占位符或公共实例。 添加 betterleaks:allow 在同一行中,并在 拉请求.

    const testPassword = 'admin'; //betterleaks:allow
    
    password: "admin" #betterleaks:allow
    

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

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

见 利比里亚 详细情况.

供资

欧洲环境署(欧盟)

版本与发布记录

@eeacms/volto-tabs-block 共发布 59 个版本,首次发布于 2021/05/13;过去 12 个月发布了 6 个版本。

版本发布日期距今
10.0.5latest2026/10/3014 天前
10.0.42026/06/065 个月前
10.0.32026/06/055 个月前
10.0.22026/04/226 个月前
10.0.12026/04/097 个月前
10.0.02026/03/287 个月前

关于 @eeacms/volto-tabs-block 的常见问题

@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 和提交记录判断。