https://github.com/devhau/visualflow
Visual Flow Creator
https://github.com/devhau/visualflow
desginer flow flow-creator flowchart flowtype javascript visual-flow-creator visualflow
Last synced: 3 months ago
JSON representation
Visual Flow Creator
- Host: GitHub
- URL: https://github.com/devhau/visualflow
- Owner: devhau
- Created: 2022-04-06T17:22:06.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-12-26T03:53:31.000Z (over 1 year ago)
- Last Synced: 2025-02-08T00:19:02.654Z (3 months ago)
- Topics: desginer, flow, flow-creator, flowchart, flowtype, javascript, visual-flow-creator, visualflow
- Language: TypeScript
- Homepage: https://demo.visualflow.cc/
- Size: 6.81 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Visual Flow Creator
website: https://visualflow.cc/
demo: https://demo.visualflow.cc/
Workflow package:
- @visualflow/core (Done)
- @visualflow/web (Planning)
- @visualflow/pc (Planning)
- @visualflow/office (Planning)
- @visualflow/moblie (Planning)
Setup:
```
npm i visualflow
```
setup on browser
```
let optionFlow = {
properties: {
name: {
default: ""
},
},
control: {}
}
visualflow_core.workerManager.getControlNodes().forEach((item) => {
optionFlow.control[item.key] = item;
})
let flow = (new visualflow.VisualFlow(document.getElementById("flow")));
flow.setOption(optionFlow, false);
flow.newSolution();
flow.callbackRunProject((data, callbackEnd) => {
console.log(data);
setTimeout(() => {
visualflow_core.workerManager.LoadData(data).excute();
callbackEnd?.();
});
})
flow.callbackStopProject(() => {
visualflow_core.workerManager.stop();
})
visualflow_core.workerManager.on('worker_end', () => {
flow.setRunning(false);
});
```