vite-xflow-npm

介绍

vite构建的xflow图编辑引擎，方便快速实现人工智能建模DAG图、ER图、状态机、思维导图、流程图等图编辑应用；

功能

• Vue 组件包装，符合Vue 的生命周期和编写习惯。
• 支持自定义节点/边图形，包括Vue 子组件图形和SVG 子组件图形。
• 可导出全量或增量的JSON数据用以保存；
• 可配置节点的连接桩、边、事件等.
• 支持多种常用布局算法。
• 支持使用动画。

交互行为

1. 画布可滚动平移，滚轮控制画布放大缩小；
2. 节点之间可连接，连线靠近端点吸附效果和高亮端点；
3. 移动节点触发对齐线对排版进行辅助；
4. 可按住 ctrl 框选或点击多选；
5. 节点和边可新增、删除；
6. 业务数据data可编辑；

安装教程

npm install @dataexa/xflow

使用说明

import {Xflow,XflowConfig,RegisterVueNode} from @dataexa/xflow;

引入UI组件

import {StencilPanel,ToolBar,ContextMenu} from @dataexa/xflow;