index.ts 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. import Modeler from 'bpmn-js/lib/Modeler';
  2. import jnpfPaletteProvider from '../palette';
  3. import jnpfRenderer from '../renderer';
  4. import jnpfElementFactory from '../factory';
  5. import jnpfOutline from '../outline';
  6. import jnpfBusinessData from '../business';
  7. import jnpfGridSnappingAutoPlaceBehavior from '../gridSnapping';
  8. import jnpfAlignElementsContextPadProvider from '../alignElements';
  9. import jnpfContextPad from '../contextPad';
  10. import jnpfContextPadProvider from '../contextPad/provider';
  11. import jnpfCustomBpmnRules from '../rule';
  12. import jnpfCommandStack from '../commandStack';
  13. import jnpfCustomBpmnCopyPaste from '../copyPaste';
  14. import GridSnappingLayoutConnectionBehavior from '../gridSnapping/connect';
  15. let flowInfo: any;
  16. const modeler: any = options => [
  17. {
  18. __init__: [
  19. 'paletteProvider',
  20. 'bpmnRenderer',
  21. 'contextPadProvider',
  22. 'replaceMenuProvider',
  23. 'elementFactory',
  24. 'jnpfData',
  25. 'gridSnappingAutoPlaceBehavior',
  26. 'alignElementsContextPadProvider',
  27. 'alignElementsMenuProvider',
  28. 'bpmnAlignElements',
  29. 'outlineProvider',
  30. 'contextPad',
  31. 'bpmnRules',
  32. 'bpmnCopyPaste',
  33. ],
  34. paletteProvider: ['type', jnpfPaletteProvider], // 左侧的元素 目前不用该方法
  35. bpmnRenderer: ['type', jnpfRenderer, { options }], // 画布渲染
  36. elementFactory: ['type', jnpfElementFactory], // 元素工厂
  37. jnpfData: ['type', jnpfBusinessData], // 用于放置业务数据
  38. gridSnappingAutoPlaceBehavior: ['type', jnpfGridSnappingAutoPlaceBehavior], // 自动生成元素位置 在点击coontext-pad时计算元素生成位置
  39. alignElementsContextPadProvider: ['type', jnpfAlignElementsContextPadProvider], // 元素的排序等
  40. outlineProvider: ['type', jnpfOutline, { options }], // 元素的外边框(用于修改边框颜色,注:线条颜色有svg获取标签再去修改颜色及箭头)
  41. contextPad: ['type', jnpfContextPad], // 点击元素后的元素右侧弹窗框(显示开始节点 结束节点等)
  42. contextPadProvider: ['type', jnpfContextPadProvider], // context-pad 属性
  43. bpmnRules: ['type', jnpfCustomBpmnRules], // 自定义规则
  44. commandStack: ['type', jnpfCommandStack], // 自定义CommandStack
  45. gridSnappingLayoutConnectionBehavior: ['type', GridSnappingLayoutConnectionBehavior], // 修改连线的排序
  46. bpmnCopyPaste: ['type', jnpfCustomBpmnCopyPaste], // 复制元素
  47. },
  48. ];
  49. class bpmnModeler extends Modeler {
  50. constructor(options: any) {
  51. flowInfo = options.flowInfo;
  52. super(options);
  53. }
  54. }
  55. bpmnModeler.prototype['_modules'] = [].concat(bpmnModeler.prototype['_modules'], modeler(flowInfo));
  56. export default bpmnModeler;