[![All Contributors](https://img.shields.io/badge/all_contributors-0-orange.svg?style=flat-square)](#contributors-)

iMove 是一个逻辑可复用的,面向函数的,流程可视化的 JavaScript 工具库。

[English](./README.en-US.md) | 简体中文 ## 特性 - [x] **流程可视化**: 上手简单,绘图方便,逻辑表达更直观,易于理解 - [x] **逻辑复用**: iMove 节点支持复用,单节点支持参数配置 - [x] **灵活可扩展**: 仅需写一个函数,节点可扩展,支持插件集成 - [ ] **多语言编译**: 无语言编译出码限制(例: 支持 JavaScript, Java 编译出码) ## 快速开始 ### 步骤 1. 准备 下载仓库,安装并启动 ```bash $ git clone git@github.com:imgcook/imove.git $ cd imove $ npm install $ npm run example ``` 此时浏览器会自动打开 `http://localhost:8000/` ,可以看到运行效果。 ### 步骤 2. 绘制流程图 从左侧拖动节点至中央画布,绘制流程图 ![flowchart](https://img.alicdn.com/tfs/TB1aoYe4pP7gK0jSZFjXXc5aXXa-3090-1806.jpg) ### 步骤 3. 配置节点 选择节点,修改节点名,编辑节点代码 ![flowchart-usage1](https://img.alicdn.com/tfs/TB1z6DKoZieb18jSZFvXXaI3FXa-1924-1125.png) ![flowchart-usage2](https://img.alicdn.com/tfs/TB1lC26tTM11u4jSZPxXXahcXXa-1924-1125.png) ## 贡献 1. Fork 仓库 2. 创建分支 (`git checkout -b my-new-feature`) 3. 提交修改 (`git commit -am 'Add some feature'`) 4. 推送 (`git push origin my-new-feature`) 5. 创建 PR ## 欢迎fork和反馈 如有建议或意见,欢迎在 github [issues](https://github.com/imgcook/imove/issues) 区提问 ## 协议 本仓库遵循 [MIT 协议](http://www.opensource.org/licenses/MIT) ## 贡献者 ✨ 感谢 [蚂蚁 X6 团队](https://github.com/antvis/X6) 提供的绘图引擎 感谢所有贡献的人 ([emoji key](https://allcontributors.org/docs/en/emoji-key)): 本仓库遵循 [all-contributors](https://github.com/all-contributors/all-contributors) 规范,欢迎贡献!