1. import * as xflowAll from '@antv/xflow'
  2. // xflowAll
  3. [
  4. "AppContext",
  5. "CANVAS_SCALE_TOOLBAR_CONFIG",
  6. "CanvasContextMenu",
  7. "CanvasMiniMap",
  8. "CanvasNodePortTooltip",
  9. "CanvasScaleToolbar",
  10. "CanvasSnapline",
  11. "CanvasToolbar",
  12. "commandRegistryModule",
  13. "createCmdConfig",
  14. "createComponentModel",
  15. "createCtxMenuConfig",
  16. "createGraphConfig",
  17. "createHookConfig",
  18. "createKeybindingConfig",
  19. "createModelServiceConfig",
  20. "createToolbarConfig",
  21. "DagGraphExtension",
  22. "Deferred",
  23. "delay",
  24. "Disposable",
  25. "DisposableCollection",
  26. "EditorPanels",
  27. "executeJsonSchemaFormCommand",
  28. "ExtensionRegistryContext",
  29. "FlowchartCanvas",
  30. "FlowchartExtension",
  31. "FlowchartFormPanel",
  32. "FlowchartFormWrapper",
  33. "FlowchartNodePanel",
  34. "FlowchartService",
  35. "FlowGraphExtension",
  36. "FormBuilder",
  37. "FormItemWrapper",
  38. "getNodeReactComponent",
  39. "GRAPH_STATUS_INFO",
  40. "GraphCommandRegistry",
  41. "HookHub",
  42. "IApplication",
  43. "IApplicationContribution",
  44. "ICommandContextProvider",
  45. "ICommandHandler",
  46. "IconStore",
  47. "IGraphCommandContribution",
  48. "IGraphCommandFactory",
  49. "IGraphCommandService",
  50. "IGraphProvider",
  51. "IHookContribution",
  52. "IHookService",
  53. "IKeyBindingContribution",
  54. "IMenuContribution",
  55. "IMenuService",
  56. "IModelContribution",
  57. "IModelService",
  58. "insertCss",
  59. "isReactComponent",
  60. "IToolbarContribution",
  61. "IToolbarService",
  62. "JsonSchemaForm",
  63. "KeybindingConfig",
  64. "KeyBindings",
  65. "ManaSyringe",
  66. "MenuItemType",
  67. "MenuRegistry",
  68. "MODELS",
  69. "NodeCollapsePanel",
  70. "NodeTreePanel",
  71. "NsCollapsePanelModel",
  72. "NsGraph",
  73. "NsGraphStatusCommand",
  74. "NsJsonSchemaForm",
  75. "NsJsonSchemaFormModel",
  76. "NsModel",
  77. "NsNodeCollapsePanel",
  78. "NsNodeTreePanel",
  79. "NsNodeTreePanelModel",
  80. "randomInt",
  81. "RxModel",
  82. "ScheduleTypeEnum",
  83. "ToolbarRegistry",
  84. "useAppContext",
  85. "useExtensionRegistry",
  86. "useIsMountedRef",
  87. "useModel",
  88. "useModelAsync",
  89. "usePanelContext",
  90. "usePositionStyle",
  91. "useXFlowApp",
  92. "useXflowPrefixCls",
  93. "uuidv4",
  94. "WorkspacePanel",
  95. "XFlow",
  96. "XFlowAppContext",
  97. "XFlowAppExtensionModule",
  98. "XFlowAppProvider",
  99. "XFlowCanvas",
  100. "XFlowConfigProviderContext",
  101. "XFlowConstants",
  102. "XFlowDagCommands",
  103. "XFlowEdgeCommands",
  104. "XFlowGraphCommands",
  105. "XFlowGroupCommands",
  106. "XFlowModelCommands",
  107. "XFlowNodeCommands"
  108. ]

arr.sort((a,b)=> a.localeCompare(b))

xflow核心组件

  1. XFlow 工作台组件
    1. https://antv-xflow.gitee.io/zh-CN/docs/tutorial-core-components/xflow-component
    2. XFlow 中, 一切都是React组件。XFlow工作台组件是 XFlow 的核心组件之一
    3. XFlow 是一个图编辑应用的工作空间, 它包含了画布组件、各种交互组件等
  2. KeyBindings 快捷键
    1. https://antv-xflow.gitee.io/zh-CN/docs/tutorial-ext-components/canvas-keybinding
    2. 快捷键参考 https://craig.is/killing/mice
  3. XFlowCanvas 画布组件
    1. https://antv-xflow.gitee.io/zh-CN/docs/tutorial-core-components/xflow-canvas-component
      1. import { XFlow, XFlowCanvas, KeyBindings } from '@antv/xflow'

UI交互组件

xflow组件总览 https://antv-xflow.gitee.io/zh-CN/docs/tutorial-ext-components/extension-components

  1. NodeTreePanel 可拖拽新节点的栏目
  2. CanvasContextMenu 画布右键菜单组件
    1. ContextMenu 右键菜单
  3. CanvasSnapline 画布对齐线
    1. Snapline 对齐线
  4. CanvasMiniMap 画布导航小地图
    1. MiniMap 小地图
  5. CanvasToolbar 画布通用工具栏
    1. Toolbar 工具栏
  6. CanvasScaleToolbar 画布缩放工具栏
    1. ScaleToolbar 缩放工具栏
  7. CanvasConfigForm 画布 JsonSchemaForm
    1. JsonForm 配置式表单
  8. CanvasDrawer 画布抽屉组件
  9. CanvasModal 画布弹窗组件
  10. NodeDndPanel 节点拖拽面板
  11. WorkspacePanel 自定义组件

preset预设组件

DagGraphExtension DAG 的 Hook 集合