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