245 Star 787 Fork 251

gooflow / GooFlow

加入 Gitee
与超过 600 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未指定开源许可证,未经作者的许可,此代码仅用于学习,不能用于其他用途。
克隆/下载
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README.md

GooFlow

这是一个用来在WEB端构建流程图的在线流程设计器组件。可设计各种流程图、逻辑流图,数据流图,或是应用系统中需要走流程的功能实现。优秀的用户体验使得操作界面很容易上手,无论开者或用户都可轻松使用。并且兼容主流浏览器(ie9--ie edge,chrome,firefox)。

Jax: 没想到吧,我又回来了!

GooFlow携全新的“私货”再次重装来袭!全新防侵权机制取代原JS挖矿,专治各种伸手党不服!加入新扩展接口及设定以适应更多领域场景要求。

1.3.10版本以后,所有功能开发完毕,今后将只有Bug修复才会更新。

GooFlow已转为闭源项目,github上不再提供clone和下载。试用版请访问gitee上的项目主页

Jquery版改为原生Js版!

移除对Jquery的依赖;同时彻底放弃对IE8的支持,并移除没啥用的ajax载入数据方法接口。

支持Vue3.x版本的Gooflow已经上线!

授权说明:

GooFlow已转为闭源项目,当前托管页中所放版本仅为试用版,会让CPU无意义空转耗能,且含有定时弹出的广告,只能用于本地功能测试,切不可放入实际项目中使用;
如要应用于软件开发项目中,只能使用纯净未有任何附加的正式版,并需要联系作者本人购买使用授权,谢谢。(无论正式版还是试用版,如果逃避购买授权而直接用于项目,擅自窃取用作谋利,即属严重侵权行为,与盗窃无异。产生的一切任何后果责任由侵权者自负。请各位只想免费吃白饭的伸手党做好向作者本人及自己的公司、客户负全责的觉悟。)
联系方式:
微信:18648945414
QQ: 115247126
邮箱: fool-egg@163.com
授权价格:Js原生版为 ¥5,000RMB/产品 ,Vue/React版为 ¥5,700RMB/产品

更多详细信息以官网为准:https://gooflow.xyz

特点

  • 跨领域:流程图设计器不止用在电信领域,在其它需要IT进行技术支持的领域中都有重大作用.
  • 页面顶部栏、左边侧边栏均可自定义;
  • 当左边的侧边栏设为不显示时,为只读状态,此时的视图区可当作是一个查看器而非编辑器。
  • 当前最新版本已全部使用自定义的阿里巴巴矢量图标库,可不再需要一张用来显示图标样式的图片。
  • 侧边工具栏除了基本和一些流程节点按钮外,还自定义新的节点按钮,自定义节点都可以有自有的图标、类型名称,定义后在使用可可在工作区内增加这些自定义节点。
  • 顶部栏可显示流程图数据组的标题,也可提供一些常用操作按钮。
  • 顶部栏的按钮,除了撤销、重做按钮外,其余按钮均可自定义点击事件。
  • 可画直线、折线;折线还可以左右/上下移动其中段。
  • 具有区域划分功能,能让用户更直观地了解哪些节点及其相互间的转换,是属于何种自定义区域内的。
  • 具有标注功能,用橙红色标注某个结点或者转换线,一般用在展示流程进度时。
  • 能直接双击结点、连线、分组区域中的文字进行编辑
  • 在对结点、连线、分组区域的各种编辑操作,如新增/删除/修改名称/重设样式或大小/移动/标注时,均可捕捉到事件,并触发自定义事件,如果自定义事件执行的方法返回FALSE,则会阻止操作。
  • 具有操作事务序列控制功能,在工作区内的各种有效操作都能记录到一个栈中,然后可以进行撤销(undo())或重做(redo()),像典型的C/S软件一样。
  • 能将流程图以png图片的格式导出并下载(纯JS实现,但不支持IE9及以下浏览器)

Preview Image

详细的使用方法:

相关实例链接

更新历史:

  • 1.4 for Lastest:
    支持Vue3.x版本的Gooflow已经上线!
  • 1.4 for All:
    修正一些Bug,优化目录结构;优化操作体验,移动泳道时可设置泳道内的节点/连线是否跟着移动。
  • 1.4, 1.2 for Vue/React:
    重大更新!折线可支持5条折线段;优化多选操作体验,去除单/多选切换;优化节点拖动操作体验。
  • 1.3.12:
    重大更新!Jquery版改为Js原生版,移除对Jquery的依赖;同时彻底放弃对IE8的支持,并移除没啥用的ajax载入数据方法接口。
  • 1.1.0 for Vue/React:
    重大更新!增加对通过拖拽来添加块状态元素的类似于Visio操作方式的支持。
  • 1.3.11:
    重大更新!增加对通过拖拽来添加块状态元素的类似于Visio操作方式的支持。
  • 1.0.0 for React:
    全新React组件版本重装来袭!
  • 1.0.0 for Vue:
    全新Vue组件版本重装来袭!
  • 1.3.10:
    增加移动块状元素时自动对齐并显示对齐辅助线的功能。
  • 1.3.9:
    重大更新!增加缩略导航图的功能,包括拖动定位和实时滚动。增加用鼠标滚轮+Ctrl键控制绘图区缩放的功能。
  • 1.3.9r1:
    重大更新!修正一些新发现的BUG;增加无向线段的支持,修改了虚线的设定方式;新增多选功能(只针对节点和连线),并能对多选的元素集合进行批量移动和删除。
  • 1.3.8rp:
    修正一些新发现的BUG,全面提升正式版的运行效率;在试用版上使用新的防侵权机制取代原有的JS挖矿;将分组泳道支持单独从核心文件中抽离出来,形成一个独立的扩展功能块GooFlow.group.min.js;增加便笺元素(通过新功能块);新增自定义背景图类型节点,适应更多场景。
  • 1.3.7:
    修正计算流程图实际宽高算法的一个小BUG;初始化时增加设置节点和泳道初始默认名前缀的属性。
  • 1.3.6:
    修正有时选中元素时,focus事件被触发两次的问题;加入右建单击绘图区空白处时,触发blur事件的操作方式;新增快捷设置某个元素的扩展业务属性的接口;新增流程图载入后再对某元素另行修改颜色或文字颜色的接口。
  • 1.3.5:
    功能更新!分组泳道增加了“牛奶”色;用户可对单个节点或连线自定义特殊的图形颜色和文字颜色;设计器增加了 ctrl+c 复制节点和 ctrl+v 粘贴节点功能。
  • 1.3.4:
    重要更新!修正了一些事件响应、图片导出、绘图区缩放方面的Bug;增加了椭圆、菱形、平行四边形、胶囊形4种特殊形状的节点。
  • 1.3.3:
    重要功能上线!新增对Bpmn2.0规范下XML格式的流程图数据的支持,可读取或输出Bpmn2.0规范的XML格式数据;允许用户以json文件或者Bpmn2.0规范的XML文件的方式下载流程图数据至本地。 进一步优化代码。
  • 1.3.2:
    优化了代码结构和用户体验;加强内聚性,简化了流程另存为图片功能和打印功能的内部实现,摆脱了1.1至1.2版本中对第三方插件的依赖,导出结果更清晰,并能向后兼容到IE9;各部分的按钮都可以通过内置接口方法进行配置;节点数据新增”areaId”可选属性:表示其属于哪一个区域组(泳道)。总体还加入了对amd、cmd开发模式规范的支持。
  • 1.3:
    修正一些影响用户体验和使用的BUG,增加灵活的对工作区所有操作按钮注释配置功能。
  • 1.2.1:
    改善对IE8的支持;优化手动调整元素大小的精确度;增加对流程图打印预览或另存为PDF的功能。
  • 1.2:
    重大更新版本!增加了对节点、连线、泳道块的右键事件和双击事件方法设定(可return false以阻止浏览器默认事件发生);增加虚线的绘制功能方法:应众多用户的要求增加了重要的流程图缩放功能接口!可缩放范围是从原始大小的50%至400%。(仅提供方法接口,具体操作缩放的页面组件元素用户另行选择绑定第三方的)
  • 1.1:
    进一步修正了BUG;增加了导出工作区内流程图为图片并让用户下载的功能,目前仅能支持IE10以上、IE edge、Chrome、FireFox、Safari浏览器,该功能需求载入新的GooFlow.export.js扩展包。
  • 1.0.2:
    修正了当某节点原来为marked,选中再取消后marked标红样式消失的问题。
  • 1.0:
    首个正式版本,相对于以前的试用版,进一步修正了BUG,可自定义颜色项更多,并且做到了不再有一张图片,所有图标均匀为矢量字体。

仓库评论 ( 32 )

你可以在登录后,发表评论

简介

没想到吧,我又回来了:一个用来在WEB网页端设计流程图的UI组件,在线流程设计器,目前有Js原生、Vue和React三个版本。可用来设计各种流程图、逻辑流图,数据流图,或者是设计某个系统中需要走流程的功能应用。良好的用户体验使得操作界面很容易上手,技术开发人员和用户都可使用。 并且兼容主流浏览器(ie9--ie edge,chrome,firefox)。 展开 收起
JavaScript
取消

发行版

暂无发行版

GooFlow

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/gooflow/gooflow.git
git@gitee.com:gooflow/gooflow.git
gooflow
gooflow
GooFlow
master

搜索帮助