antv/x6 流程图

维护人： xuelin

安装

npm i @xuelin/flow-chart
or
yarn add @xuelin/flow-chart

API

useGraph

import { useGraph } from '@xuelin/flow-chart';

export default () => {
  const graph = useGraph();
  // todo
};

X6Graph

| 参数 | 说明 | 类型 | 默认值 | | ---------- | ------------------------------------------------------------------------------------------- | -------------------------------------------------------------- | ------ | | options | 在实例化 Graph 的参数 | Graph. Options | - | | onReady | 实例化完成的回调 | (graph: Graph) => void | - | | style | 内联样式 | CSSProperties | - | | className | 样式名 | string | - | | on_xxx_xxx | x6 事件 （以 on_开头冒号改为下划线） | | - |

X6Scroller

| 参数 | 说明 | 类型 | 默认值 | | ------- | ---------------------------- | --------------------------------------------------------------------------- | ------ | | options | 在实例化插件 Scroller 的参数 | Scroller. Options | - | | onReady | 实例化完成的回调 | (scroller: Scroller, graph: Graph) => void | - |

X6Export

| 参数 | 说明 | 类型 | 默认值 | | ------- | -------------------------- | ----------------------------------------------------------------------- | ------ | | options | 在实例化插件 Export 的参数 | Export. Options | - | | onReady | 实例化完成的回调 | (export: Export, graph: Graph) => void | - |

X6Snapline 对齐线

| 参数 | 说明 | 类型 | 默认值 | | ------- | ---------------------------- | --------------------------------------------------------------------------- | ------ | | options | 在实例化插件 Snapline 的参数 | Snapline. Options | - | | onReady | 实例化完成的回调 | (snapline: Snapline, graph: Graph) => void | - |

X6History

| 参数 | 说明 | 类型 | 默认值 | | ------- | --------------------------- | ------------------------------------------------------------------------- | ------ | | options | 在实例化插件 History 的参数 | History. Options | - | | onReady | 实例化完成的回调 | (history: History, graph: Graph) => void | - |

X6Keyboard

| 参数 | 说明 | 类型 | 默认值 | | ------- | ---------------------------- | --------------------------------------------------------------------------- | ------ | | options | 在实例化插件 Keyboard 的参数 | Keyboard. Options | - | | onReady | 实例化完成的回调 | (keyboard: Keyboard, graph: Graph) => void | - |

X6Selection

| 参数 | 说明 | 类型 | 默认值 | | ------- | ----------------------------- | ----------------------------------------------------------------------------- | ------ | | options | 在实例化插件 Selection 的参数 | Selection. Options | - | | onReady | 实例化完成的回调 | (Selection: Selection, graph: Graph) => void | - |

X6Clipboard 复制粘贴

| 参数 | 说明 | 类型 | 默认值 | | ------- | ----------------------------- | ----------------------------------------------------------------------------- | ------ | | options | 在实例化插件 Clipboard 的参数 | Clipboard. Options | - | | onReady | 实例化完成的回调 | (Clipboard: Clipboard, graph: Graph) => void | - |

X6Transform 图形变换组件

| 参数 | 说明 | 类型 | 默认值 | | ------- | ----------------------------- | ----------------------------------------------------------------------------- | ------ | | options | 在实例化插件 Transform 的参数 | Transform. Options | - | | onReady | 实例化完成的回调 | (transform: Transform, graph: Graph) => void | - |

X6Dnd

| 参数 | 说明 | 类型 | 默认值 | | ------- | ----------------------- | ----------------------------------------------------------------- | ------ | | options | 在实例化插件 Dnd 的参数 | Dnd. Options | - | | onReady | 实例化完成的回调 | (dnd: Dnd, graph: Graph) => void | - |

X6Stencil

| 参数 | 说明 | 类型 | 默认值 | | ------- | --------------------------- | ------------------------------------------------------------------------- | ------ | | options | 在实例化插件 Stencil 的参数 | Stencil. Options | - | | onReady | 实例化完成的回调 | (stencil: Stencil, graph: Graph) => void |

X6MiniMap

| 参数 | 说明 | 类型 | 默认值 | | ------- | --------------------------- | ------------------------------------------------------------------------- | ------ | | options | 在实例化插件 MiniMap 的参数 | MiniMap. Options | - | | onReady | 实例化完成的回调 | (miniMap: MiniMap, graph: Graph) => void |