flowgo-editor v0.0.5

FlowGo 可视化流程编辑器

通过可视化的前端编辑器，生成符合LiteFlow规范的EL表达式。

项目结构

本项目使用dumi 框架搭建。包含两部分内容：

• 网站 Demo：位于docs目录下，使用dumi构建。

• 编辑器源码：位于src目录下，使用father构建。

网站 Demo 启动

• 1. 安装依赖：

$ yarn

• 2. 启动：

$ yarn start

编辑器打包

• 1. 打生产包：

$ yarn build

• 2. 打测试包（实时 watch 编译）：

$ yarn build:watch

参考

底层基于LiteFlow框架。

待办

• 接口设计
• 搜索功能
• 作业流功能
• 替换上下文菜单需要支持组件作业流
• 只读功能
• bug：拖动无法实现替换
• bug：箭头长度有时候太长
• bug：Modal、message、notification不能用静态方法调用
• 面包屑：改为显示节点label（看能不能注入额外信息到x6的Node对象里；不行就写一个cells/getLabelByType方法，从AllCells遍历读取）
• NodeBagde的tooltip文案改为节点label
• 箭头上的文案和+号的样式需要修改掉
• 工具：收缩左右侧边栏
• 工具：下拉选择缩放率
• 工具：fitWindow/100%
• 工具：快捷键指南
• 工具：查看EL表达式
• 属性设置：去掉id属性
• 拖动和greLayout优化，能不能更流畅些？
• 代码优化，目录结构优化，补充使用文档。