qdhd-activiti-bpmn-designer v1.0.3

qdhd-activiti-bpmn-designer

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

Example

<template>
  <div style="height: 800px;">
    <HDBpmnDesigner :showDesigner="showDesigner" :xmlStr="xmlStr" @changeDesign="changeDesign"/>
  </div>
</template>


<script>
import 'qdhd-activiti-bpmn-designer/dist/index.css'
import HDBpmnDesigner from 'qdhd-activiti-bpmn-designer'
import { ref } from 'vue'
export default {
  name: 'App',
  components: {
    HDBpmnDesigner
  },
  setup() {
    const showDesigner = ref(true)
    const xmlStr = ref('')

    const changeDesign = ({ xml, svg, id, name }) => {
      console.log('>>>>>>>>>>>>>.xml', xml)
      console.log('>>>>>>>>>>>>>.svg', svg)
      console.log('>>>>>>>>>>>>>.id', id)
      console.log('>>>>>>>>>>>>>.name', name)
    }
    return {
      showDesigner, xmlStr, changeDesign
    }
  }
}
</script>