LogicFlow
2024-06-08 18:26:20 3 举报
AI智能生成
登录查看完整内容
LogicFlow是一个基于云计算的平台,专为企业用户提供自动化业务流程管理系统。该平台提供了一系列功能,包括流程建模、流程执行、流程分析和流程优化。用户可以通过LogicFlow轻松创建、编辑和部署业务流程,以提高工作效率和业务流程管理能力。LogicFlow还支持多种系统集成,如ERP、CRM和HR系统,使得业务流程可以与其他企业应用无缝对接。此外,LogicFlow还提供了强大的数据分析功能,帮助用户分析流程执行情况和寻找改进点。总的来说,LogicFlow是一个灵活、高效、易于使用的业务流程管理工具。
作者其他创作
大纲/内容
矩形(rect)
圆形(circle)
椭圆(ellipse)
多边形(polygon)
菱形(diamond)
文本(text)
HTML(html)
类型
边框
颜色
样式属性
宽(width)
高(height)
矩形的圆角(radius)
圆形的半径(r)
多边形的顶点(points)
形状属性
自定义业务属性
properties属性
模型(Model)
定义最终渲染的图形
getShape
视图(View)
sourceRules: 当节点作为边的起始节点(source)时的校验规则
targetRules: 当节点作为边的目标节点(target)时的校验规则
连接规则(进阶)
moveRules: 控制节点什么时候可以移动,什么时候不可以移动
移动(进阶)
定义锚点的数量和位置
给锚点加上任意属性
锚点(进阶)
支持自定义节点文本的外观和编辑状态
文本(进阶)
HTML 节点
React 节点
Vue 节点
扩展节点(进阶)
比如点击自定义 HTML 节点上的按钮,触发外部方法,可以用 LogicFlow 的自定义事件机制来实现。
外部通信(进阶)
HTML节点目前通过修改properties触发节点更新。
更新(进阶)
节点(Node)
直线(line)
直角折线(polyline)
贝塞尔曲线(bezier)
line: 起点和终点中间
polyline: 最长线段中间
bezier: 起点、终点、调整点中间
文本位置
节点之间边的类型
箭头
边上添加 React 组件
React 边(进阶)
关联关系
表示节点的入口和出口之类
添加动画的方式来给流程图添加动画效果
动画(进阶)
边(Edge)
初始化
setTheme
主题(Theme)
大小
网格线颜色
网格线宽度
属性
网格(Grid)
背景颜色
背景图片
背景(Background)
lf.on(\"node:dnd-add\
监听事件
graphModel.eventCenter.emit(\"custom:button-click\
自定义事件
事件(Event)
节点中心位置
节点的边框
位置
对齐线颜色
对齐线宽度
样式
对齐线(Snapline)(进阶)
cmd + c 或 ctrl + c 复制节点
cmd + v 或 ctrl + v 粘贴节点
cmd + z 或 ctrl + z 撤销操作
cmd + y 或 ctrl + y 回退操作
backspace 删除操作
内置快捷键
自定义快捷键
键盘快捷键(Keyboard)(进阶)
创建面板
拖拽初始化
监听 drop 事件
创建节点
步骤
拖拽创建节点 Dnd(进阶)
更新图编辑方式
静默模式(只读模式)
设置图编辑方式(进阶)
LogicFlow
0 条评论
回复 删除
下一页