流程图bpmn

bpmn流程图官网

// 引入流程图及汉化方案
import Modeler from 'bpmn-js/lib/Modeler'
// 引入节点属性面板
import propertiesPanelModule from 'bpmn-js-properties-panel'
import propertiesProviderModule from 'bpmn-js-properties-panel/lib/provider/camunda'
import camundaModdleDescriptor from 'camunda-bpmn-moddle/resources/camunda'
//汉化方案
import customTranslate from './dist/customTranslate';//汉化处理函数
 // 翻译英文，汉化
    var customTranslateModule = {
      translate: ['value', customTranslate]
    };
    // 生成实例
    this.modeler = new Modeler({
      container: '#workFlowCanvas',
      propertiesPanel: {
        parent: '#js-properties-panel'
      },
      additionalModules: [
        customTranslateModule,//汉化包
        propertiesPanelModule,//左侧任务栏
        propertiesProviderModule//右侧属性栏（基本属性）
      ],
      moddleExtensions: {
        camunda: camundaModdleDescriptor//属性栏里面的详情等属性（高级属性）
      }
    })

//customTranslate.js文件内容
//下面为汉化包引入
// import translations from './translations1';
import translations from './translations';
// import translations from './translationSultan';



export default function customTranslate(template, replacements) {
  replacements = replacements || {};

  // Translate
  template = translations[template] || template;

  // Replace
  return template.replace(/{([^}]+)}/g, function(_, key) {
    return replacements[key] || '{' + key + '}';
  });
}

汉化包地址