|
|
|
# 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 is a logic-reusable, function-oriented and process-visualized JavaScript tool library.
|
|
|
|
</p>
|
|
|
|
|
|
|
|
[English](./README.en-US.md) | 简体中文
|
|
|
|
|
|
|
|
## 特性
|
|
|
|
|
|
|
|
- [x] **Process visualization:** iMove is easy to use and easy to draw. Its logical expression is more intuitive and easy to understand.
|
|
|
|
- [x] **Logic re-usage:** iMove node supports multiplexing, and its single node supports parameter configuration.
|
|
|
|
- [x] **Flexible**: We need to write an only function. The node can also be extended. iMove can alse support plug-in integration.
|
|
|
|
- [ ] **Multi-language compilation**: There is no language compiling code limitation (example: support JavaScript, Java compiling code).
|
|
|
|
|
|
|
|
## 快速开始
|
|
|
|
|
|
|
|
### 步骤 1. 准备
|
|
|
|
|
|
|
|
Download this project, install dependencies and start the project.
|
|
|
|
|
|
|
|
```bash
|
|
|
|
$ git clone https://github.com/imgcook/imove.git
|
|
|
|
$ npm run example
|
|
|
|
```
|
|
|
|
Open http://localhost:8000/ and you can see the online effect.
|
|
|
|
|
|
|
|
### 步骤 2. 绘制流程图
|
|
|
|
|
|
|
|
Drag nodes from the left panel and drop them into the center, then we can get a flowchart.
|
|
|
|
|
|
|
|
![flowchart](https://img.alicdn.com/tfs/TB1aoYe4pP7gK0jSZFjXXc5aXXa-3090-1806.jpg)
|
|
|
|
|
|
|
|
### 步骤 3. 配置节点
|
|
|
|
|
|
|
|
Select the node, modify its display name and complete the code.
|
|
|
|
|
|
|
|
![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和反馈
|
|
|
|
|
|
|
|
If you have any suggestion, welcome to github to raise [issues](https://github.com/imgcook/imove/issues).
|
|
|
|
|
|
|
|
## 协议
|
|
|
|
|
|
|
|
本仓库遵循 [MIT 协议](http://www.opensource.org/licenses/MIT)
|
|
|
|
|
|
|
|
## 贡献者 ✨
|
|
|
|
|
|
|
|
Thanks goes to these excellent ([contributors](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) 规范,欢迎贡献!
|