syncfusion-vue-diagram

用途：该技能面向使用 Syncfusion Vue Diagram 组件构建交互式图表的开发场景，涵盖流程图、组织架构图、BPMN 工作流、UML 类图与序列图、实体关系（ER）图、思维导图、径向树、泳道图，以及自定义形状与连线。\n\n主要能力：提供节点与连线核心元素，支持节点定位、形状类型与样式、展开/折叠；连线类型（Straight、Orthogonal、Bezier）与路由；标签与注释的样式、编辑、定位；端口连接点；内置形状与主题样式；BPMN 形状（活动、事件、网关、流、数据对象）；UML 类图与序列图元素；ER 图字段约束与关系基数；自动布局（层次树、组织架构图、思维导图、径向树、流程图）；泳道与阶段；分组与容器；SymbolPalette 拖放；数据绑定（DataManager、id/parentId 层级、远程数据）；交互工具（选择、拖拽、缩放、约束、命令、撤销/重做、右键菜单）；序列化与导出（JSON 保存/加载、PNG/SVG/JPG 导出、打印、Visio 导入导出、Mermaid 语法支持）；图层、虚拟化、网格、标尺、滚动、页面设置、工具提示、概览面板、本地化与无障碍。\n\n使用方式：通过 npm 安装 @syncfusion/ej2-vue-diagrams，引入相应样式（如 material.css），在 Vue 模板中使用 ejs-diagram 并传入 nodes、connectors 等属性；Vue 3 推荐 Composition API 配合 ref()，Vue 2 使用 Options API 的 data()。自动布局可配置 layout 对象并调用 doLayout()；数据驱动可用 dataSourceSettings；导出图片需注入 PrintAndExport 并使用 exportDiagram；Mermaid 可用 saveDiagramAsMermaid() 与 loadDiagramFromMermaid()；Visio 导入导出需注入 ImportAndExportVisio。\n\n适用场景：需要在 Vue 应用中绘制交互式流程、业务模型、软件设计图、组织层级或数据关系图的前端开发。\n\n限制：官方文本未提供具体收费、价格、平台兼容版本范围、性能上限或部署方式，这些信息暂未提供。