diagram-js-context-pad

An element context menu component for diagram-js/bpmn-js use, base on diagram-js/lib/features/context-pad.

一个提供给 diagram-js/bpmn-js 使用的元素上下文菜单组件，基于 diagram-js/lib/features/context-pad。

How to use 如何使用

1. Add the diagram-js-context-pad to your project:

npm install diagram-js-context-pad

2. Add it to the additionalModules Array

import Modeler from 'bpmn-js/lib/Modeler'
import ContextPadModule from 'diagram-js-context-pad'


const modeler = new Modeler({
  container: '#container',
  additionalModules: [
    // ...
    ContextPadModule
  ],
  contextPad: {
    beauty: true
  }
})

Configurations 配置项

This module adds a new Configurations to the ContextPad.

name	desc	type	default	required
beauty	是否开启美化后的效果	boolean	false	false

Methods 方法

This module adds a new method to the ContextPad.

name	desc	args	required
toggleStyles	切换默认显示方式与重写后的显示方式	beauty?: boolean	false

Preview 效果预览