<p align="center">
	<a href="https://anyilanxin.com"><img src="./docs/images/logo.png" width="14%"></a>
</p>
<p align="center">
AnYi Process Designer Native Vue Enterprise
</p>

AnYi Process Designer Native Vue Enterprise
-----------------------------------
vue3、vite、arco vue、anyilanxin platform、bpmn js

当前最新版本： 1.0.0-alpha2（发布日期：2022-08-07）


联系我们
-----------------------------------

| 微信:anyiheadchef                                                  |
|----------------------------------------------------------------|
| <img src="./docs/images/weixin.png" width="200"> |


技术文档
-----------------------------------

http://localhost:3000/example/index.html




## 一、需要引入公共样式

1. anyi
```
@import 'anyi-process-designernative-vue-ee/dist/style.css';
```

2. bpmn
```
"@bpmn-io/properties-panel": "^3.18.1",
 "@arco-design/web-vue": "2.54.5",
    "@codemirror/autocomplete": "6.13.0",
    "@codemirror/lang-xml": "^6.0.2",
    "@codemirror/theme-one-dark": "^6.1.2",
    "codemirror": "^6.0.1",
    "vue-codemirror": "^6.1.1",
    "@vueuse/core": "^10.9.0",
    "bpmn-js": "^17.0.2",
    "dmn-js": "^15.1.0",
```
3. 样式文件
```

import 'bpmn-js/dist/assets/diagram-js.css';
import 'bpmn-js/dist/assets/bpmn-font/css/bpmn.css';
import 'bpmn-js/dist/assets/bpmn-font/css/bpmn-codes.css';
import 'bpmn-js/dist/assets/bpmn-font/css/bpmn-embedded.css';
import 'bpmn-js/dist/assets/bpmn-js.css';
import 'dmn-js/dist/assets/diagram-js.css';
import 'dmn-js/dist/assets/dmn-js-decision-table-controls.css';
import 'dmn-js/dist/assets/dmn-js-decision-table.css';
import 'dmn-js/dist/assets/dmn-js-drd.css';
import 'dmn-js/dist/assets/dmn-js-literal-expression.css';
import 'dmn-js/dist/assets/dmn-js-shared.css';
import 'dmn-js/dist/assets/dmn-font/css/dmn-codes.css';
import 'dmn-js/dist/assets/dmn-font/css/dmn-embedded.css';
import 'dmn-js/dist/assets/dmn-font/css/dmn.css';
```

## 二、存在组件
1. AnYiBpmnDesignerCamunda
2. AnYiBpmnDesignerCamundaSimple
3. AnYiBpmnDesignerZeebe
4. AnYiBpmnDesignerZeebeSimple
5. AnYiDmnDesigner