iss-library-bpmn-designer

iss-library-bpmn-designer 可视化BPMN设计器

介绍

本项目使用 vue-cli 4 搭建，基于 vue 和 element-ui 实现。

可选参数

BPMN设计器（iss-library-bpmn-designer）入参：

参数名	参数类型	描述
schema	Object	结构信息：JSON结构数据，存放bpmn的详细信息

使用示例:

1.安装:

    $ npm install -s iss-library-bpmn-designer@0.4.4

2.引入:

import Vue from 'vue';
import App from './App.vue';
import router from './router';
import ElementUI from 'element-ui';
import { CoreDesigner, CoreRenderer } from './index';
import BaseIcon from './components/BaseIcon';
import BaseHelpIcon from './components/BaseHelpIcon';
import '@/assets/styles/theme/element-variables.scss';
import 'remixicon/fonts/remixicon.css';
import '@/assets/styles/designer/index.scss';
import '@/assets/styles/renderer/index.scss';

Vue.use(ElementUI, { zIndex: 2000 });
Vue.component('BaseIcon', BaseIcon);
Vue.component('BaseHelpIcon', BaseHelpIcon);
CoreDesigner.install(Vue, {}, {});
CoreRenderer.install(Vue, {}, {});
Vue.config.productionTip = false;
new Vue({
  router,
  render: h => h(App)
}).$mount('#app');

3.使用:

<template>
  <iss-library-bpmn-designer ref="bpmn-designer"></iss-library-bpmn-designer>
</template>