需求千千万，流程图常在 没想到多年以后，我再次遇到一个关于流程图开发的需求 以前少不更事，头铁用 GG-Editor 搞了一次流程图《在 React 项目中引入 GG-Editor 编辑可视化流程》，差点把自己给埋了 这次再遇到类似的需求，在各路大神的指点下，我选择了 React Flow ...

React Flow流程组件用起来还是挺简单的,能满足一些基本的流程配置.可以通过自定义配置节点实现不同需求 官网地址: https://reactflow.dev/docs/introduction/ 可以浏览一遍基本API在结合官网给的例子 ...

使用 Markdown Flow 画流程图 好处是可以方便的使用 Git 管理版本 使用的是 flow.js，开源项目地址： https://github.com/adrai/flowchart.js ...

安装 引用 自定义节点 绑定事件 连线控制 根据坐标返回位置信息 注意事项 在数据源多次变化时先需要销毁画布 详细的边文字、节点提示等等，官方文档介绍的很多，这里介绍React的简单实现，供大家少走弯路。官方链接：https ...

遇到的问题 1.propsAPI获取不到内容：withPropsAPI包裹的组件必须是GGEditor的子组件。 2.自定义组件如何使用：正确的办法是通过config配置，参照上面的代码（之前我在在内部RegisterCommand以后，在onAfterExecuteCommand中截获命令 ...

一、简介 Butterfly是由阿里云-数字产业产研部孵化出来的的图编辑器引擎，由咱们部门以及其他开发者共同维护开发，具有使用自由、定制性高的优势，已支持集团内外上百张画布，不夸张的说，我觉得可以算的上“杭州余杭区最自由的图编辑器引擎”。 可是，由于大多数用户对于原生 ...

一、什么是数据流图 数据流图是一种图形化的系统模型，它在一张图中展示信息系统的数据流向——即系统的输入与输出数据分别是什么，数据从哪里来并最终流向何处，以及数据存储在什么地方。 数据流图的基本图形元素有： 数据流：是由一组固定成分的数据组成，表示数据的流向。值得注意的是，数据 ...

组件跨层级通信Context，类比Vue中的provider，Inject。 场景：一键换肤，切换地区 1，Context.js API： React.createContext 创建一个Context对象，当React渲染一个订阅了这个Context对象的组件，这个租金会从组件树中 ...