Mind Elixir 是一个与框架无关的 JavaScript 思维导图核心库，本技能介绍如何把它集成进前端项目。
用途：在前端页面中嵌入可交互的思维导图，并支持数据的读取、刷新与事件响应。
安装：可用包管理器或 script 标签。npm i mind-elixir -S；或 pnpm i mind-elixir；或 yarn add mind-elixir。script 标签方式需另引入样式：@import 'https://cdn.jsdelivr.net/npm/mind-elixir/dist/style.css';。
基本用法：先准备容器，如 id 为 map 的 div 并设置宽高；再导入并初始化。示例：import MindElixir from 'mind-elixir'、import { en } from 'mind-elixir/i18n'、import 'mind-elixir/style.css'；用 new MindElixir(options) 创建实例，options 可含 el、direction、toolBar、keypress、overflowHidden、mouseSelectionButton、contextMenu、before，以及可选的 markdown 解析函数；随后用 MindElixir.new('new topic') 或后端数据调用 mind.init(data)。
数据结构：节点包含 topic、id、style、expanded、parent、tags、icons、hyperLink、image、children 等字段。
基础操作：mind.getData() 获取数据对象，mind.getDataString() 获取序列化字符串，mind.refresh(data) 用于重新渲染。
事件：通过 mind.bus.addListener 监听，如 operation、selectNodes、expandNode。
操作拦截：before 钩子可返回 true 允许或 false 阻止，支持异步函数，可用于保存后再应用变更，常见钩子有 addChild、insertSibling、removeNode、moveNode 等。
主题定制：初始化时或通过 mind.changeTheme 设置 theme，包括 name、palette 和 cssVar（如 --main-color、--main-bgcolor、--color、--bgcolor 等）。
限制：资料未说明收费、价格、浏览器兼容范围或性能上限，这些暂未提供。