@bpmn-io/ lement- template- icon- lander (英语)

A 类 日记 提供扩展 元素模板 图标.

使用扩展

通过 npm 安装 :

npm install @bpmn-io/element-template-icon-renderer

用于您的 bpmn-js 有动力编辑器数字 :

import ElementTemplateIconRenderer from '@bpmn-io/element-template-icon-renderer';

const viewer = new BpmnViewer({
  additionalModules: [
    ...,
    ElementTemplateIconRenderer
  ]
});

选择时, 您可以在读取图标时配置 :

import ElementTemplateIconRenderer from '@bpmn-io/element-template-icon-renderer';

const viewer = new BpmnViewer({
  additionalModules: [
    ...,
    ElementTemplateIconRenderer
  ],
  elementTemplateIconRenderer: {
    iconProperty: 'foo:icon' // read from <bpmn:task foo:icon="..." />
  }
});

如果您想要使用元素模板图标建模,请确保您包含相应的摩克扩展以创建图标,即. zeebe-bpmn-moddle数字 :

import zeebeModdle from 'zeebe-bpmn-moddle/resources/zeebe.json';

const modeler = new BpmnModeler({
  additionalModules: [
    ...,
    ElementTemplateIconRenderer
  ],
  moddleExtensions: {
    zeebe: zeebeModdle
  }
});

本地运行

要运行渲染器示例, 执行:

npm start

资源

• 问题
• 更改日志

许可证

麻省理工学院