index.ts 2.8 KB

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