# 将 MermaidJS 升级到 11.4.1

**URL:** <https://meta.discourse.org/t/upgrade-mermaidjs-to-11-4-1/348379>\
**Category:** Feature\
**Tags:** mermaid\
**Created:** [2025年一月22日 13:18 UTC](https://meta.discourse.org/t/upgrade-mermaidjs-to-11-4-1/348379 "2025-01-22T13:18:32Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![tvavrda](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tvavrda/32/480674_2.png) [@tvavrda](https://meta.discourse.org/u/tvavrda)\
**Post date:** [2025年一月22日 13:18 UTC](https://meta.discourse.org/t/upgrade-mermaidjs-to-11-4-1/348379/1 "2025-01-22T13:18:32Z")

</div>

是否可以将 mermaid 库升级到最新版本？当前版本是 10.6.1。

## 完整更新日志

> **[Release v11.0.0 · mermaid-js/mermaid](https://github.com/mermaid-js/mermaid/releases/tag/v11.0.0)**
>
> Release Notes
> Major Update
> Refactored the Mermaid rendering engine to support new features, including customizable layout algorithms and visual styles. This update enhances diagram flexibility, sta...

## 重大更改

- 重构！(git)：默认设置为 `useMaxWidth` 为 true ([#5723](https://github.com/mermaid-js/mermaid/pull/5723)) [@aloisklink](https://github.com/aloisklink)
- 重构！(sankey)：默认设置为 `useMaxWidth` 为 true ([#5724](https://github.com/mermaid-js/mermaid/pull/5724)) [@aloisklink](https://github.com/aloisklink)
- 使用 ESBuild（替换 UMD 为 IIFE 包）由 [@sidharthv96](https://github.com/sidharthv96) 在 [#4729](https://github.com/mermaid-js/mermaid/pull/4729)

## 看板图

 ![The image shows a task management board with columns labeled "Todo," "In progress," "Ready for deploy," "Ready for test," "Done," and "Can't reproduce," listing various tasks related to sport data processing and testing. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/b/b/d/bbd55112cb2fa1d239e12618c32ad87c2200c910.png)

## 架构图

 ![The image depicts a system architecture showing interaction between an API, server, database, and two storage components connected through lines, indicating a flow or relationship between each element. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/6/a/0/6a0769d4d6c18b9e4f5fde4cbe307cc3c0d9490a.png)

## 新的流程图形状

 ![The image displays a variety of black and white icons and objects arranged in rows, each labeled with "a label." (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/3/3/a/33ad3e8fd04535b510cdf8a4206e1492ea718e25.png)

---

<div class="post-metadata">

**Author:** ![Ric](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ric/32/455867_2.png) [@Ric](https://meta.discourse.org/u/Ric)\
**Post date:** [2025年一月23日 09:58 UTC](https://meta.discourse.org/t/upgrade-mermaidjs-to-11-4-1/348379/3 "2025-01-23T09:58:50Z")

</div>

我也很想看到这个！有一些组件可以升级，比如 mermaid.js、fontawesome → fontawesome pro 等。我想这是否可以在管理控制台中创建一个页面，让站点选择版本等？

---

<div class="post-metadata">

**Author:** ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)\
**Post date:** [2025年一月23日 11:40 UTC](https://meta.discourse.org/t/upgrade-mermaidjs-to-11-4-1/348379/4 "2025-01-23T11:40:23Z")

</div>

> [@Ric](#):
>
> fontawesome → fontawesome pro

有 [Discourse FontAwesome Pro](https://meta.discourse.org/t/discourse-fontawesome-pro/150871?u=moin)

---

<div class="post-metadata">

**Author:** ![tvavrda](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tvavrda/32/480674_2.png) [@tvavrda](https://meta.discourse.org/u/tvavrda)\
**Post date:** [2025年一月23日 11:43 UTC](https://meta.discourse.org/t/upgrade-mermaidjs-to-11-4-1/348379/5 "2025-01-23T11:43:52Z")

</div>

这本身似乎有点过时。

---

<div class="post-metadata">

**Author:** ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)\
**Post date:** [2025年一月23日 12:25 UTC](https://meta.discourse.org/t/upgrade-mermaidjs-to-11-4-1/348379/6 "2025-01-23T12:25:22Z")

</div>

Mermaid 已更新至 11.4.1 🎉

> <https://github.com/discourse/discourse-mermaid-theme-component/commit/03d9131089e926df21507eac37007a62e54b2f0f>

新的“看板”图表类型的示例：

```mermaid
kanban
  Todo
    [创建文档]
    docs[创建关于新图表的博客]
  [进行中]
    id6[创建渲染器，使其在所有情况下都能正常工作。我们还在此处添加了一些额外的文本用于测试目的。再添加一些以增加光彩。]
  id9[准备部署]
    id8[设计语法]@{ assigned: 'knsv' }
  id10[准备测试]
    id4[创建解析测试]@{ ticket: MC-2038, assigned: 'K.Sveidqvist', priority: 'High' }
    id66[最后一项]@{ priority: 'Very Low', assigned: 'knsv' }
  id11[完成]
    id5[定义 getData]
    id2[图表标题在用户复制具有 100 个字符的图表时超过 100 个字符]@{ ticket: MC-2036, priority: 'Very High'}
    id3[更新 DB 函数]@{ ticket: MC-2037, assigned: knsv, priority: 'High' }

  id12[无法重现]
    id3[火狐浏览器中奇怪的闪烁]

```

---

<div class="post-metadata">

**Author:** ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)\
**Post date:** [2025年一月27日 08:00 UTC](https://meta.discourse.org/t/upgrade-mermaidjs-to-11-4-1/348379/7 "2025-01-27T08:00:22Z")

</div>

此主题在 3 天后自动关闭。不再允许回复。