ELSA 简介

✨ 功能亮点

核心框架（elsa）

• 统一的抽象数据结构

  • Graph、Page、Shape结构通用于任意业务场景
  • 全链路JSON序列化能力，兼容任何持久化存储方案

• 拖拽式流程编排

  • 支持图形拖拽和画布拖拽，并提供节点整理和一键显示所有节点的能力

🚀 核心架构概览

1. 分层架构

└─ elsa/          # 核心框架
   ├─ common/     # 通用工具
   ├─ core/       # 工作流运行时引擎
   └─ plugins/    # 可扩展插件系统

2. 技术栈

@elsa/elsa（核心框架模块）

核心工具链

类别	技术栈
构建工具	Webpack 5 + Babel 7 + Cross-env（多环境配置）
代码转换	@babel/preset-env+core-js@3（ES6+ 向下兼容）
依赖管理	npm scripts（支持 daily/debug/pro 多环境构建）

关键依赖

类别	技术栈
流程可视化	@dagrejs/dagre（图形布局算法） +[email protected]（图表渲染）
国际化	[email protected]（多语言支持）
视频处理	[email protected]（视频播放器集成）

快速开始

所需要的环境：

• 编辑器，如 WebStorm
• node 推荐 v20.16.0

编译启动

# 从根目录开始
# 进入elsa目录
cd elsa

# 安装依赖
npm i

# 编译构建
npm run build