ngskcloud
/
flow-playform-react
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
717 Commits
4 Branches
0 Tags
23 MiB
production
feature
master
fixbug
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'f1827f133b'
${ noResults }
Commit Graph

170 Commits (f1827f133ba84efcd061c538553b8a918531a9dc)

Author SHA1 Message Date
钟良源 92b4a783de fix(flowEditor):修复节点菜单关闭逻辑并优化注释 
- 添加 onCloseMenu 回调以在操作后关闭上下文菜单
- 更新节点类型检查逻辑以防止未定义错误
 6 months ago
钟良源 6a21ce0d59 pref(flowEditor): 删除未使用的组件导入，优化redux中Dispatch的ts类型 6 months ago
钟良源 1395bb735b refactor(flowEditor)!:重构流程编辑器组件结构 
- 将 FlowEditorContent 组件拆分为独立的 FlowEditorMain 组件
- 提取状态管理逻辑到 useFlowEditorState 自定义 Hook
- 提取回调函数到 useFlowCallbacks 自定义 Hook
- 移除临时事件列表数据引用
- 优化组件间数据传递和事件处理
- 清理未使用的导入和组件引用
- 统一节点类型管理方式

BREAKING CHANGE: 整体结构重构，更新后的单文件逻辑不在使用，但整体业务逻辑不变
 6 months ago
钟良源 d4a23472b0 style(flowEditor): 样式交互优化 
- actionBar的按钮样式修改
- nodeEditModal取消自动聚焦
 6 months ago
钟良源 d8196ab348 fix(flow): 修复未使用默认导出导致打包报错的问题 6 months ago
钟良源 0230119987 feat(flowEditor): 添加流程运行功能及WebSocket支持 
- 在ActionBar组件中增加运行/停止按钮及状态控制
- 实现流程运行时的WebSocket连接管理
- 添加useWebSocket自定义hook处理WebSocket通信- 支持运行状态切换和实时消息处理
- 集成用户令牌认证和WebSocket地址配置
- 提供运行启动和停止的完整生命周期管理
 6 months ago
钟良源 1a8629d84c feat(flowEditor): 添加历史记录功能和撤销重做操作 
- 在 actionBar 中添加撤销和重做按钮
- 实现 HistoryProvider 和 useHistory hook 来管理历史记录
- 为节点和边的变化添加快照记录机制
- 支持通过快捷键 Ctrl+Z 撤销和 Ctrl+Y/Ctrl+Shift+Z 重做- 在节点拖动、连接创建、节点删除等操作后自动记录历史- 添加防抖机制避免频繁的位置变化记录
- 实现历史记录长度限制防止内存泄漏
- 更新 FlowEditor 组件结构以支持历史记录功能
 6 months ago
钟良源 3c57f650fb feat(flow): 支持添加应用组件和复合组件 
- 新增对项目组件数据的获取与处理逻辑- 在 AddNodeMenu 中按分组展示本地节点和项目组件
- 修改 onAddNode 接口以支持传递完整的节点信息- 实现根据节点类型动态注册 BasicNode 或 LocalNode
-优化节点句柄 ID 生成逻辑，兼容 name 和 id 字段- 调整组件标签 key 值生成规则，优先使用 id 避免重复
- 移除调试用 console 日志输出
- 更新分组名称映射，将 application 分组更名为基础组件
 6 months ago
钟良源 659f48d00a feat(flowEditor): 增加useDefault默认配置标识，启动则默认显示开始结束两个节点 6 months ago
钟良源 f48036f26a feat(ideContainer): 使用redux实时缓存画布的对应数据，引入防抖函数优化性能 6 months ago
钟良源 5f39448f74 pref(flowEditor): 优化保存后的提示交互 6 months ago
钟良源 eeddc8ab8a feat(utils): 添加通用反序列化方法以处理JSON格式字符串 6 months ago
钟良源 c9cf8a07e8 feat(flowEditor): 数据流程编辑和保存功能 6 months ago
钟良源 9bb142e403 pref(ideContainer)： 优化tab组件和menuData数据对于key的处理逻辑 6 months ago
钟良源 5b51f3da1b refactor(flowEditor): 重构节点编辑器和节点组件结构将 flowEditor 中的节点和节点编辑器相关代码迁移至 components/FlowEditor 目录 6 months ago
钟良源 b02aec5d0d docs: 删除无用console.log 7 months ago
钟良源 c4d5d36268 feat(ideContainer): 引入ideContainer专属store, 
实现画布的actionBar与ide容器logBar的状态交互
 7 months ago
钟良源 669f3a74da feat(flowEditor): 添加操作栏组件 7 months ago
钟良源 107814434b feat(flowEditor): 引入 ActionBar 组件并调整节点编辑弹窗样式 7 months ago
钟良源 00e562e1a8 pref(flowEditor): 调整节点编辑弹窗的样式，增加节点删除的回调 7 months ago
钟良源 c340a9f240 refactor(flowEditor): 优化节点编辑弹窗样式和布局 
- 将节点编辑弹窗从 Modal 组件改为 Drawer 组件
- 调整弹窗位置、大小和样式
- 移除弹窗遮罩，提高操作灵活性
- 优化弹窗关闭逻辑
 7 months ago
钟良源 8163646aa8 style(ideContainer): 修改侧边栏样式和布局 7 months ago
钟良源 6a3721deb4 feat(flowEditor): 优化连接线展示并添加数据展示功能 
- 重构 CustomEdge 组件，更名为 DataDisplayEdge，用于展示数据信息
- 新增 CustomConnectionLine组件，用于自定义连接线样式
- 在 FlowEditor 组件中集成新组件和功能
- 优化连接线类型和展示效果
 7 months ago
钟良源 9629a54d04 style(nodeContentOther): 优化数据content栏部分的样式 7 months ago
钟良源 6fa5b78f5f pref(nodeContentOther): 优化数据content栏部分的渲染逻辑 7 months ago
钟良源 c80d551393 refactor(FlowEditor): 更新节点样式和内容组件 7 months ago
钟良源 0d69ca06d5 feat(nodeContent): 增加新的节点样式，后续开发动态选择节点样式功能 7 months ago
钟良源 3dccccae21 pref(flowEditor): 显式定义ReactFlow的id,避免出现背景样式丢失的问题 7 months ago
钟良源 d7ad2a5730 feat(flowEditor): 添加节点对齐辅助线功能 
- 新增 useAlignmentGuidelines 钩子用于处理对齐逻辑
- 在 ReactFlow 组件中集成对齐辅助线
- 实现节点拖动时动态显示对齐线
- 拖动停止后清除对齐线
 7 months ago
钟良源 1c977cb4c2 refactor(flowEditor): 优化流程线的绘制方式 7 months ago
钟良源 75a2327985 feat(flowEditor): 为边缘添加节点按钮增加鼠标悬停动画 7 months ago
钟良源 3158a3d26e style(flowEditor): 暂时隐藏组件拖拽侧边栏 7 months ago
钟良源 79ae68ce92 feat(flowEditor): 优化节点添加功能和界面 
- 新增分组标签页，优化节点分类展示
- 改进边添加节点功能，支持在特定位置添加- 调整节点添加按钮样式和布局
- 优化画布点击事件处理，清除节点添加状态
 7 months ago
钟良源 c0f7ffabf8 feat(flowEditor): 实现流程图中在边上添加节点的功能 
- 在 CustomEdge 组件中添加悬停状态和添加节点按钮
- 在 EdgeContextMenu 中添加"添加节点"选项
- 在 FlowEditor组件中实现添加节点的逻辑
- 新增 AddNodeMenu、EdgeAddNodeButton 和 PaneContextMenu 组件用于添加节点
- 优化流程图的右键菜单，支持在画布空白处添加节点
 7 months ago
钟良源 ff3090522f feat(flowEditor): 优化节点连接逻辑并添加数据类型验证 
- 新增 getHandleType 函数，用于获取 handle 类型 (api 或 data)
- 新增 validateDataType函数，用于验证数据类型是否匹配
- 修改 onConnect 和 onReconnect 回调，增加类型验证逻辑
- 优化节点双击编辑逻辑，增加不可编辑节点类型
- 调整面板位置和样式，提升用户体验
- 新增 defaultNodeTypes 接口，统一节点数据结构
 7 months ago
钟良源 0d579c69e7 feat(flowEditor): 新增 JSON与 STR 互转节点并优化节点样式 
- 新增 JSON2STR 和 STR2JSON 节点类型
- 为不同节点类型添加自定义参数配置
- 调整节点内容布局，区分 API 和数据部分
-优化节点输入输出端口的样式和位置
 7 months ago
钟良源 7234b0af5b feat(flowEditor): 新增两个事件节点编辑功能 
- 为 EventListenEditor 和 EventSendEditor 添加事件选择功能
- 实现 EventSelect 组件用于事件选择和新增
- 更新 nodeContent 组件以显示事件名称
- 添加测试用的事件列表数据
 7 months ago
钟良源 e189ffeb4d pref(flowEditor): 优化节点时长展示和编辑功能 
- 重构 formatFooter 函数，支持 WAIT 和 CYCLE 类型的节点时长展示
- 优化 WaitEditor 组件，直接使用 customDef 对象而非字符串解析
- 提高代码可维护性，为未来扩展其他节点类型做准备
 7 months ago
钟良源 943ac9e648 feat(flowEditor): 增加周期性节点支持 
- 新增 CronPicker 组件用于编辑周期表达式
- 在 CycleEditor 中集成 CronPicker，支持周期参数配置- 优化 NodeContent 组件，支持显示周期性节点的执行周期
- 新增 isJSON 函数用于判断是否为 JSON 字符串
 7 months ago
钟良源 fbad3337cf pref(flowEditor): 优化 WaitEditor 组件中的代码 
- 在检查 nodeData.component.customDef 时添加空值保护，提高代码健壮性
 7 months ago
钟良源 75aaa9a02e feat(flowEditor): 添加等待节点编辑器 
- 实现了等待节点的编辑器组件，包括小时、分钟、秒的选择
- 添加了节点别名和描述的编辑功能
- 优化了节点 footer 的显示逻辑，支持自定义内容- 修复了与门和或门节点不可编辑的问题
 7 months ago
钟良源 d92beca5c1 refactor(flowEditor): 重构节点编辑器 
- 将 LocalNodeEditor 组件拆分为多个独立的编辑器组件
- 新增 ConditionEditor、AndEditor、OrEditor等多个组件用于不同类型的节点编辑
- 优化节点编辑器的结构和样式，使用 ParamsTable 组件统一参数编辑界面
- 调整 NodeEditorProps接口，使 node 属性可选
 7 months ago
钟良源 f9a8b66e8c refactor(flowEditor): 调整节点编辑器的文件结构 
- 将 nodeEditors 文件夹从 components 目录移动到 flowEditor 目录下
- 更新相关文件中的导入路径
- 此更改旨在优化项目结构，使节点编辑器组件更易于管理和访问
 7 months ago
钟良源 2e5c6bc70b refactor(flowEditor): 抽离参数表格组件 
- 从 EndNodeEditor 和 StartNodeEditor 中提取公共的参数表格逻辑
- 新增 ParamsTable 组件用于渲染参数表格
- 优化了参数表格的添加、编辑和删除功能- 统一了参数表格的样式和交互
 7 months ago
钟良源 9a4187a8c3 feat(flowEditor): 重构节点编辑模态框，支持自定义节点编辑器 
- 拆分 NodeEditModal 组件中的节点编辑逻辑
- 新增独立的节点编辑器组件：EndNodeEditor、StartNodeEditor、BasicNodeEditor、LocalNodeEditor
- 实现节点编辑器的动态加载和注册机制
- 优化节点数据的管理和更新逻辑
 7 months ago
钟良源 c1f6448ad6 docs:(flowEditor): 增加注释说明 7 months ago
钟良源 ce71be711a fix(flowEditor): 使用端口 id 替代 name 属性 7 months ago
钟良源 8e2b0638ac feat(flowEditor): 优化节点编辑弹窗功能 
- 重构节点编辑弹窗组件，增加通用性
- 添加节点标题、描述和类型等编辑字段
- 优化表单布局和样式
- 增加控制台日志输出，便于调试
 7 months ago
钟良源 4234aa75d9 feat(flowEditor): 添加节点编辑功能和数据保存功能 
- 新增节点双击事件，打开节点编辑弹窗
- 实现节点编辑逻辑，支持不同类型的节点
- 添加保存节点和边数据到服务器的功能
- 优化节点和边变化时的数据处理
 7 months ago
钟良源 1a7b31a35e feat(flowEditor): 支持边的重新连接功能 
- 新增 reconnectEdge 函数以支持边的重新连接
- 添加 onReconnect 回调函数用于处理重新连接事件
- 在 ReactFlow 组件中集成 onReconnect 回调
 7 months ago
钟良源 54235f0f8e feat(flowEditor): 添加节点和边的右键菜单功能 
- 新增节点右键菜单和边右键菜单组件
- 实现节点和边的删除、编辑、复制等功能
- 优化画布点击事件，关闭未选中的菜单- 调整菜单显示位置，确保在画布区域内显示
 7 months ago
钟良源 10af5b0d78 style(flowEditor): 优化侧边栏图标颜色 
- 移除了无用的 console.log 语句
- 将侧边栏图标的颜色从 'blue' 改为 'rgb(var(--primary-6))'，以使用主题变量
 7 months ago
钟良源 3510a2d011 feat(flowEditor): 为节点添加图标并优化相关功能 
-为不同类型的节点添加相应的图标- 实现节点图标自动设置功能
- 更新节点数据配置，增加 REST 调用节点
- 优化流程编辑器界面和功能
 7 months ago
钟良源 41c1cb5c07 feat(flowEditor): 为节点添加图标并优化样式 
- 在 localNodeData 中添加节点图标
- 在侧边栏中使用 DynamicIcon 组件显示节点图标
-调整节点显示样式，增加图标与名称的间距
- 新增 DynamicIcon 组件，用于动态加载图标
 7 months ago
钟良源 3bd9bea680 refactor(node): 移除任务节点组件 
- 删除了 DraggableNode 组件的实现文件
- 从 nodeTypes、nodeTypeMap 和 nodeTypeNameMap 中移除了任务节点的相关定义
- 从侧边栏配置中移除了任务节点的数据
 7 months ago
钟良源 88f6b9f4eb feat(flowEditor): 新增自定义节点并优化节点类型注册 
- 新增 LocalNode 组件用于系统组件节点
- 在 flowEditor/index.tsx 中实现节点类型动态注册
- 更新 sideBar/config/localNodeData.ts，修正 JSON 封装节点类型
- 删除未使用的 handleNode 组件
- 优化 draggableNode 组件，移除冗余代码
 7 months ago
钟良源 e4ff51fdb3 feat(flowEditor): 优化节点拖拽功能并添加新节点类型 7 months ago
钟良源 e49df169a5 refactor(flowEditor): 重构节点数据结构并移除文本更新节点 
- 修改基本节点、开始节点和结束节点的数据结构，增加 dataIns、dataOuts、apiIns、apiOuts 字段
- 移除文本更新节点组件和相关样式
- 更新节点类型映射和显示名称映射，删除文本更新节点相关项
 7 months ago
钟良源 d2b6d8eb10 refactor(flowEditor): 重构节点类型定义和管理 7 months ago
钟良源 3760ba410e refactor(flowEditor): 重构节点内容组件中的句柄渲染逻辑- 提取通用句柄样式 7 months ago
钟良源 d837db46ab feat(flowEditor): 重构节点参数处理逻辑(现阶段数据结构需要重新设计，旧数据无法回显连线) 7 months ago
钟良源 bbe554db8a pref(flowEditor): 优化节点样式 
- 优化节点选中状态样式
- 添加自定义边样式
- 调整节点和边的交互逻辑
 7 months ago
钟良源 a82c544968 style(flowEditor): 优化节点样式和布局 
- 为节点添加阴影效果，提升立体感
- 将节点连接点背景色改为蓝色，增加视觉区分度
 7 months ago
钟良源 c9cd23039e pref(flowEditor): 优化节点内容组件并调整样式 
- 调整节点输入标签样式，减少垂直间距
- 重构节点内容组件，提高代码可读性和可维护性
- 优化特殊节点和普通节点的句柄渲染逻辑
- 更新示例流程数据，为开始节点添加输出端口
 7 months ago
钟良源 f084c93b39 refactor(flowEditor): 重构节点渲染逻辑并优化数据转换 
- 重构了 DraggableNode 组件，使用新设计的 NodeContent组件来渲染节点内容
-优化了节点类型判断和处理逻辑，支持开始和结束节点的特殊处理
- 改进了节点参数的渲染方式，根据节点类型动态显示输入和输出端点
- 新增 convertFlowData 工具函数，用于将原始数据结构转换为 flow editor 可用的节点和边数据
 7 months ago
钟良源 ebc6de6965 feat(flowEditor): 添加基础节点组件并优化数据转换逻辑 
- 在 flowEditor 目录下新增 basicNode 文件夹和 BasicNode 组件
- 更新 convertFlowData 函数，增加 nodeType 字段
- 在 FlowEditor 组件中注册 BasicNode 节点类型
 7 months ago
钟良源 b9b5ec2f19 refactor(flowEditor): 重构流程编辑器节点组件 
- 提取公共组件 NodeContent 用于渲染节点内容和连接端点
-重构 StartNode 和 EndNode 组件，使用新的 NodeContent 组件- 添加 convertFlowData 工具函数用于转换流程数据
- 新增 exampleFlowData 作为测试数据
- 更新 FlowEditor 组件，使用转换后的流程数据初始化节点和边
 7 months ago
钟良源 b784cb158b feat(flowEditor): 添加默认节点 
- 开始节点和结束节点
 7 months ago
钟良源 afa5de1030 feat(flowEditor): 增加初版流程编辑器功能 
- 增加开始结束节点，增加编辑器侧边栏
 7 months ago
钟良源 b7586b95b8 feat(orchestration): 添加应用编排功能 
- 在 ideContainer 中引入 ProjectContainer 组件
- 新增 flowEditor 目录及其相关组件
- 实现基本的流程编辑器功能，包括节点拖拽、连接等
- 添加自定义节点类型 TextUpdaterNode
 7 months ago