|
|
|
# iMove
|
|
|
|
|
|
|
|
<!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
|
|
|
|
[![All Contributors](https://img.shields.io/badge/all_contributors-0-orange.svg?style=flat-square)](#contributors-)
|
|
|
|
<!-- ALL-CONTRIBUTORS-BADGE:END -->
|
|
|
|
|
|
|
|
<div align="center">
|
|
|
|
<img src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3874775950,1064987171&fm=26&gp=0.jpg" width="200px">
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<p align="center">
|
|
|
|
iMove 是一个逻辑可复用的,面向函数的,流程可视化的 JavaScript 工具库。
|
|
|
|
</p>
|
|
|
|
|
|
|
|
[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-LIST:START - Do not remove or modify this section -->
|
|
|
|
<!-- prettier-ignore-start -->
|
|
|
|
<!-- markdownlint-disable -->
|
|
|
|
<!-- markdownlint-restore -->
|
|
|
|
<!-- prettier-ignore-end -->
|
|
|
|
<!-- ALL-CONTRIBUTORS-LIST:END -->
|
|
|
|
|
|
|
|
本仓库遵循 [all-contributors](https://github.com/all-contributors/all-contributors) 规范,欢迎贡献!
|