/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`。

Primary LanguageTypeScriptMIT LicenseMIT

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
  1. 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 效果预览