# miyuesc/bpmn-process-designer

bpmn-js 工具库

Repository: https://github.com/miyuesc/bpmn-process-designer
Canonical: https://ross.abutalabs.com/products/bpmn-process-designer
Homepage: https://juejin.cn/post/7304831120710434868
Language: TypeScript
License: Apache-2.0
License Family: permissive
Topics: vue, vuejs, bpmn-js, bpmn, process, demo
Last push: 2025-08-21T08:32:06+00:00

## Health v2 (maintenance only)
Score: 40/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 38, release rhythm 8, longevity 100
- inputs: {"age_days": 2098, "days_push": 377, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1797, forks 489 (observed 2026-08-28T04:05:37.638258+00:00)

## What it is
A Vue-based BPMN process designer library built on top of bpmn-js, providing a visual workflow/process diagram editor with property panels. It offers Vue 2 (JavaScript + ElementUI) and Vue 3 (TypeScript + Naive UI) variants, with a commercial Flowable-integrated version also available.

## Use cases
- embed a BPMN process diagram editor in a Vue app
- build a visual workflow designer for Flowable or Activiti
- customize the bpmn-js property panel for business users
- create and edit BPMN XML process definitions in the browser
- integrate a process designer into an admin system with a workflow engine

## When to choose
- you need a ready-made Vue wrapper around bpmn-js with a property panel
- you want a starting point to fork and customize for Flowable/Activiti/Camunda workflows
- you prefer Chinese-language docs and community support for bpmn-js

## When to avoid
- you need a fully polished, production-supported designer without doing your own development - the author recommends redeveloping after understanding the code
- you don't use Vue - the library is tightly coupled to Vue 2/3
- you need guaranteed maintenance - the Vue 2 versions are no longer actively maintained and updates are irregular

## Facets
- artifact type: library
- maturity: maintenance
- function: ui-components, developer-tools, documentation
- domain: web-development, frontend, developer-tools
- platform: -
- tags: bpmn-js, bpmn, workflow-designer, process-modeling, vue2, vue3, element-ui, flowable, activiti, camunda, diagram-editor, workflow-engine, automation, vue, javascript, typescript, web

## Member repositories
- miyuesc/bpmn-process-designer (main) score 40

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:05:37.638258+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T03:22:46.263059+00:00, confidence not recorded.
  - readme: https://github.com/miyuesc/bpmn-process-designer (fetched 2026-08-28T04:05:37.638258+00:00, sha d3c358df8ff1)
  - homepage: https://juejin.cn/post/7304831120710434868 (fetched 2026-08-29T11:01:36.061574+00:00, sha c8f91e993c74)
  - registry_npm: https://registry.npmjs.org/bpmn-process-designer (fetched 2026-08-29T11:01:36.071098+00:00, sha e03de2740d43)
- Data as of 2026-08-30T08:39:29.467469+00:00.