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

AnYi Process Preview 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-preview-vue-ee/dist/style.css';
```
2. bpmn
```
 @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 'diagram-js-minimap/assets/diagram-js-minimap.css';
```

3. dmn
```
@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. AnYiBpmnPreview
2. AnYiBpmnPreviewInstance
3. AnYiDmnPreview