guozhaolong / Wfd Vue
flowable workflow designer for Vue base on @antv/g6
Stars: ✭ 482
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Wfd Vue
Diagram Maker
A library to display an interactive editor for any graph-like data.
Stars: ✭ 2,086 (+332.78%)
Mutual labels: workflow, diagram
Cloudmapper
CloudMapper helps you analyze your Amazon Web Services (AWS) environments.
Stars: ✭ 4,783 (+892.32%)
Mutual labels: diagram
Wdl
Workflow Description Language - Specification and Implementations
Stars: ✭ 438 (-9.13%)
Mutual labels: workflow
Workflow
The Workflow component provides tools for managing a workflow or finite state machine.
Stars: ✭ 418 (-13.28%)
Mutual labels: workflow
Swiftsunburstdiagram
SwiftUI library to easily render diagrams given a tree of objects. Similar to ring chart, sunburst chart, multilevel pie chart.
Stars: ✭ 400 (-17.01%)
Mutual labels: diagram
Pipeline
Pipeline is a package to build multi-staged concurrent workflows with a centralized logging output.
Stars: ✭ 433 (-10.17%)
Mutual labels: workflow
Fuse Box
A blazing fast js bundler/loader with a comprehensive API 🔥
Stars: ✭ 4,055 (+741.29%)
Mutual labels: workflow
Airflow
Apache Airflow - A platform to programmatically author, schedule, and monitor workflows
Stars: ✭ 24,101 (+4900.21%)
Mutual labels: workflow
Active workflow
Turn complex requirements to workflows without leaving the comfort of your technology stack.
Stars: ✭ 413 (-14.32%)
Mutual labels: workflow
Grafana Flowcharting
Flowcharting, plugin for Grafana to create complexe visio's draws style like technical architectures, floorplan, diagrams, hierarchical schema based on draw.io
Stars: ✭ 463 (-3.94%)
Mutual labels: diagram
Swift Auto Diagram
A Ruby script that scans all swift code from the specified folders and files and automatically generates an entity diagram (similar to a class diagram) which can be viewed in a browser.
Stars: ✭ 402 (-16.6%)
Mutual labels: diagram
Inframap
Read your tfstate or HCL to generate a graph specific for each provider, showing only the resources that are most important/relevant.
Stars: ✭ 430 (-10.79%)
Mutual labels: diagram
Actors.unity
🚀Actors is a framework empowering developers to make better games faster on Unity.
Stars: ✭ 437 (-9.34%)
Mutual labels: workflow
Create Pull Request
A GitHub action to create a pull request for changes to your repository in the actions workspace
Stars: ✭ 473 (-1.87%)
Mutual labels: workflow
Workflow Designer for Vue
Online Demo
https://guozhaolong.github.io/wfd-vue/
Usage
<template>
<div id="app">
<wfd-vue ref="wfd" :data="demoData" :height="600" :users="candidateUsers" :groups="candidateGroups" :categorys="categorys" :lang="lang" />
</div>
</template>
<script>
import WfdVue from 'wfd-vue'
export default {
name: 'app',
components:{
WfdVue
},
data () {
return {
lang: "zh",
demoData: {...},
candidateUsers: [...],
candidateGroups: [...],
categorys: [...]
}
}
}
</script>
API
属性
- data: 初始化数据
- height: 画布高度
- mode: view为只读,edit为可编辑
- lang: zh为中文,en为英文
- isView: 是否为预览模式(隐藏工具栏和属性栏)
- users: 选择审批人时对应的数据,数组内对象以id为键,name为值
- groups: 选择审批组时对应的数据,数组内对象以id为键,name为值
- categorys: 选择分类时对应的数据,数组内对象以id为键,name为值
方法
- save(): 调用this.$refs['wfd'].graph.save()生成json
- saveXML(): 调用this.$refs['wfd'].graph.saveXML(createFile)生成Flowable XML,createFile参数是否同时生成xml文件,默认为true
- saveImg(): 调用this.$refs['wfd'].graph.saveImg(createFile)生成图片,createFile参数表示是否生成图片文件,默认为true,该函数返回值为图片base64
Run Example
npm run serve
友情链接(flowable流程设计器,感谢@GoldSubmarine提供)
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].