process-vue3 1.0.7 → 1.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +49 -73
- package/lib/assets/main.css +1 -1
- package/lib/process-vue3.es.js +3 -3
- package/lib/process-vue3.es.js.map +1 -1
- package/lib/process-vue3.umd.js +2 -2
- package/lib/process-vue3.umd.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,92 +1,66 @@
|
|
|
1
1
|
## 《在混沌中寻找清醒,于深渊中仰望星空》
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
### process-vue3
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
process-vue3 是一款基于 Vue3 和 draw2d_pro 的流程编排工具,可以帮助开发者快速构建流程图编辑器,适用于工作流引擎、业务流程管理等场景。
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
#### 特性
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
- 基于 Vue3 和 draw2d_pro,提供高性能的流程图编辑体验
|
|
10
|
+
- 支持自定义节点和属性,灵活扩展
|
|
11
|
+
- 提供丰富的示例和文档,便于快速集成
|
|
12
|
+
- 支持流程属性、节点属性、图形属性配置
|
|
10
13
|
|
|
11
|
-
|
|
12
|
-
安装依赖
|
|
13
|
-
yarn install
|
|
14
|
-
|
|
15
|
-
发布
|
|
16
|
-
yarn deploy
|
|
17
|
-
|
|
18
|
-
使用:(参考 example)
|
|
19
|
-
yarn add process-vue3
|
|
20
|
-
|
|
21
|
-
main.ts
|
|
22
|
-
import { createApp } from 'vue'
|
|
23
|
-
const app = createApp(App);
|
|
24
|
-
import App from './App.vue'
|
|
25
|
-
|
|
26
|
-
import ProcessEditor from "process-vue3";
|
|
27
|
-
import "process-vue3/lib/assets/main.css";
|
|
28
|
-
app.use(ProcessEditor);
|
|
29
|
-
|
|
30
|
-
app.mount('#app')
|
|
31
|
-
|
|
32
|
-
App.vue
|
|
33
|
-
<ProcessEditor
|
|
34
|
-
ref="editor"
|
|
35
|
-
class="process-vue3"
|
|
36
|
-
:processData="processData"
|
|
37
|
-
:tabConfig="null"
|
|
38
|
-
:customNodes="customNodes"
|
|
39
|
-
:customFields="customFields"
|
|
40
|
-
:staticDataSource="staticDataSource"
|
|
41
|
-
/>
|
|
42
|
-
```
|
|
43
|
-
|
|
44
|
-
### 关于本座神通升级之若干说明(闭关炼丹版)
|
|
45
|
-
|
|
46
|
-
承蒙诸位道友、路过的散修同道抬爱:
|
|
47
|
-
|
|
48
|
-
- 有问:“尊者,那移山填海、言出法随之无上神通,何时可得一见乎?”
|
|
49
|
-
|
|
50
|
-
- 嗐!莫急,莫急!本座与门下三千代码...咳... 三千符文童子,此刻正于 "天机阁" 深处(俗称:研发洞府)闭关苦修!
|
|
14
|
+
#### 安装
|
|
51
15
|
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
- **未来大道**:然那 **"一念创世"**、**"跨界传音·无视时空壁障"**、**"掐指知万界"**等 **"大罗金仙"级神通**...
|
|
16
|
+
```bash
|
|
17
|
+
yarn install
|
|
18
|
+
```
|
|
56
19
|
|
|
57
|
-
####
|
|
20
|
+
#### 使用
|
|
58
21
|
|
|
59
|
-
|
|
60
|
-
-
|
|
61
|
-
|
|
22
|
+
```bash
|
|
23
|
+
yarn add process-vue3
|
|
24
|
+
```
|
|
62
25
|
|
|
63
|
-
|
|
26
|
+
在 `main.ts` 中引入:
|
|
64
27
|
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
28
|
+
```ts
|
|
29
|
+
import { createApp } from 'vue'
|
|
30
|
+
import App from './App.vue'
|
|
31
|
+
import ProcessEditor from 'process-vue3'
|
|
32
|
+
import 'process-vue3/lib/assets/main.css'
|
|
69
33
|
|
|
70
|
-
|
|
34
|
+
const app = createApp(App)
|
|
35
|
+
app.use(ProcessEditor)
|
|
36
|
+
app.mount('#app')
|
|
37
|
+
```
|
|
71
38
|
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
39
|
+
在 `App.vue` 中使用:
|
|
40
|
+
|
|
41
|
+
```vue
|
|
42
|
+
<template>
|
|
43
|
+
<ProcessEditor
|
|
44
|
+
ref="editor"
|
|
45
|
+
class="process-vue3"
|
|
46
|
+
:processData="processData"
|
|
47
|
+
:tabConfig="null"
|
|
48
|
+
:customNodes="customNodes"
|
|
49
|
+
:customFields="customFields"
|
|
50
|
+
:staticDataSource="staticDataSource"
|
|
51
|
+
/>
|
|
52
|
+
</template>
|
|
53
|
+
```
|
|
76
54
|
|
|
77
|
-
####
|
|
55
|
+
#### 示例
|
|
78
56
|
|
|
79
|
-
-
|
|
80
|
-
- 届时,必与诸君 "共参大道,同享仙缘"
|
|
57
|
+
点击 [example](https://gitee.com/NBegin/process-vue3/tree/master/example) 查看示例。
|
|
81
58
|
|
|
82
|
-
####
|
|
59
|
+
#### 开源支持
|
|
83
60
|
|
|
84
|
-
|
|
85
|
-
- 无上神通炼得欢。
|
|
86
|
-
- 丹炉嗡嗡冒青烟,
|
|
87
|
-
- 道友且待... 下次天劫完!
|
|
61
|
+
如果您喜欢这个项目,请在 Gitee 上给我们一个 Star ⭐️!
|
|
88
62
|
|
|
89
|
-
|
|
63
|
+
#### 打赏&支持
|
|
90
64
|
|
|
91
65
|
<div >
|
|
92
66
|
<img src="packages/assets/images/support.png"
|
|
@@ -96,6 +70,8 @@
|
|
|
96
70
|
alt="微信赞助" width="303" />
|
|
97
71
|
</div>
|
|
98
72
|
|
|
99
|
-
####
|
|
73
|
+
#### 协议
|
|
74
|
+
|
|
75
|
+
本项目使用 Apache-2.0 协议。详情请参阅 [LICENSE](LICENSE) 文件。
|
|
100
76
|
|
|
101
|
-
##### --- 神即道,道法自然,如来 ---
|
|
77
|
+
##### --- 神即道,道法自然,如来 ---
|