# 思维导图

- Human documentation: [https://docs.univer.ai/zh-CN/guides/boards/features/mind-maps](https://docs.univer.ai/zh-CN/guides/boards/features/mind-maps)

- Agent Markdown: [https://docs.univer.ai/zh-CN/guides/boards/features/mind-maps.md](https://docs.univer.ai/zh-CN/guides/boards/features/mind-maps.md)

- Requested language: `zh-CN`

- Content language: `zh-CN`

- Documentation version: `1.0.0-rc.0`

- Source: [boards/features/mind-maps.zh-CN.mdx](https://github.com/dream-num/documentation/blob/dev/content/guides/boards/features/mind-maps.zh-CN.mdx)

---

#### Package metadata

```json
{
  "preset": [],
  "plugins": [
    {
      "client": "@univerjs-pro/boards-mind",
      "facade": "@univerjs-pro/boards-mind/facade"
    },
    {
      "client": "@univerjs-pro/boards-mind-ui",
      "locale": "@univerjs-pro/boards-mind-ui/locale/zh-CN",
      "style": "@univerjs-pro/boards-mind-ui/lib/index.css"
    }
  ],
  "license": true,
  "server": false
}
```

Board 的思维导图支持是可选功能。当产品需要在 Board 画布中使用思维导图节点及相关交互时，可以添加此功能。

## 注册思维导图支持

```ts
import { UniverBoardsMindPlugin } from '@univerjs-pro/boards-mind'
import { UniverBoardsMindUIPlugin } from '@univerjs-pro/boards-mind-ui'
import BoardsMindUIEnUS from '@univerjs-pro/boards-mind-ui/locale/en-US'

import '@univerjs-pro/boards-mind-ui/lib/index.css'

univer.registerPlugin(UniverBoardsMindPlugin)
univer.registerPlugin(UniverBoardsMindUIPlugin)
```

## 包的职责

* `@univerjs-pro/boards-mind` 将思维导图元素集成到 Board 模型中。
* `@univerjs-pro/boards-mind-ui` 提供思维导图的编辑、渲染和 UI 交互功能，还为浏览器端编辑器提供 `@univerjs-pro/boards-mind-ui/locale/*` 和 `@univerjs-pro/boards-mind-ui/lib/index.css`。

## 运行时选择

在浏览器端编辑器中，请同时使用这两个包。若要在服务端处理快照，请将模型包与 `UniverBoardsPlugin` 一同注册，无需使用 UI 包。

打开包含思维导图元素的快照前，请先注册思维导图支持。