1.0.0-alpha.2 • Published 2 years ago

@talkweb/bpmn-editor v1.0.0-alpha.2

Weekly downloads
-
License
MIT
Repository
-
Last release
2 years ago

BPMN editor

新的流程设计器是基于阿里Antv开源的G6前端图可视化库开发的,这个可视化库使用的是canvas,而不是以前老版本bpm基于svg的实现,新的流程设计器会使用vue进行封装成独立的组件,和老版本的编辑器相比,会提供更好的兼容性和扩展性,在提供基础的图形编辑功能上会添加很多辅助功能,如自动对齐、辅助线、缩略图、缩进、快捷键等方便图形绘制。

Completed features

Shapes

  • 👌Task
  • 👌Gateway
  • 👌Middle event
  • 👌End event
  • 👌Start event
  • 👌Sub process
  • 👌Rect
  • 👌Circle
  • 👌Diamond
  • 👌Ellipse
  • 👌Sub process
  • 👌Cylinder
  • 👌Internal storage
  • 👌Parallelogram
  • 👌Document

Editing functions of edges and shapes

  • 👌Drag shapes
  • 👌Connection shapes
  • 👌Shape attribute editing
  • 👌Align edge
  • 👌Dblclick to edit shape and edge
  • 👌Edge editing
  • 👌Multiple select

Shortcut function

  • 👌Resize
  • 👌Copy
  • 👌Cut
  • 👌Paste
  • 👌To front
  • 👌To back
  • 👌Clear
  • 👌Print
  • 👌Mini map

Animation

  • 👌Edge out animation

Development plan

Optimization

  • 👌minimap

Features

  • ❗️add shape icon
  • ❗️drag edge label
  • ❗️label align
  • ❗️add group
  • ❗️add pool
  • ❗️modify canvas size
  • 👌zoom in
  • 👌zoom out
  • 👌quick graphics adding
1.0.0-alpha.2

2 years ago

1.0.0-alpha.1

2 years ago