dflow-designer 0.0.2 → 0.0.4
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 +14 -53
- package/dist/designer.style.css +1 -1
- package/dist/index.umd.js +20 -20
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -34,52 +34,26 @@ http://38.147.173.55:8088/ 低代码多应用平台
|
|
|
34
34
|
|
|
35
35
|
```
|
|
36
36
|
// 组件
|
|
37
|
-
import {
|
|
38
|
-
import "
|
|
37
|
+
import { FlowDesign } from "dflow-designer";
|
|
38
|
+
import "dflow-designer/dist/designer.style.css"; // 引入样式
|
|
39
39
|
```
|
|
40
40
|
|
|
41
41
|
```
|
|
42
42
|
<template>
|
|
43
|
-
|
|
44
|
-
<!--顶部插槽按钮-->
|
|
45
|
-
<template #header>
|
|
46
|
-
<el-button-group>
|
|
47
|
-
<el-button type="primary" size="mini" icon="SuccessFilled" @click="confirm()">发布</el-button>
|
|
48
|
-
</el-button-group>
|
|
49
|
-
</template>
|
|
50
|
-
</FormDesign>
|
|
43
|
+
<FlowDesign ref="process" :data="processData" :is-view="true"/>
|
|
51
44
|
</template>
|
|
52
45
|
<script lang="ts" setup>
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
});
|
|
62
|
-
// 初始化表单数据
|
|
63
|
-
const formSchema: any = ref([
|
|
64
|
-
{
|
|
65
|
-
type: "Text",
|
|
66
|
-
formItem: { required: true },
|
|
67
|
-
col: { span: 24 },
|
|
68
|
-
label: "名称",
|
|
69
|
-
prop: "df_mingcheng",
|
|
70
|
-
el: "el-input",
|
|
71
|
-
props: { clearable: true, placeholder: "请输入名称" },
|
|
46
|
+
const processData = ref({
|
|
47
|
+
nodeConfig: {
|
|
48
|
+
nodeId: "" + useSnowflakeId(),
|
|
49
|
+
nodeName: "工作表事件",
|
|
50
|
+
nodeType: "table",
|
|
51
|
+
config: {
|
|
52
|
+
filter: [],
|
|
53
|
+
},
|
|
72
54
|
},
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
formItem: { required: false },
|
|
76
|
-
col: { span: 24 },
|
|
77
|
-
label: "描述",
|
|
78
|
-
prop: "df_miaoshu",
|
|
79
|
-
el: "el-input",
|
|
80
|
-
props: { clearable: true, placeholder: "请输入描述", type: "textarea" },
|
|
81
|
-
}
|
|
82
|
-
]);
|
|
55
|
+
});
|
|
56
|
+
is-view 表示是否是只读展示模式
|
|
83
57
|
</script>
|
|
84
58
|
```
|
|
85
59
|
|
|
@@ -90,22 +64,9 @@ QQ 群：780382507
|
|
|
90
64
|
### 效果图
|
|
91
65
|
|
|
92
66
|
<br>
|
|
93
|
-
<img src="https://gitee.com/owen_yang/vform-designer/raw/master/doc/
|
|
67
|
+
<img src="https://gitee.com/owen_yang/vform-designer/raw/master/doc/dflow.png" height="300" >
|
|
94
68
|
<br>
|
|
95
69
|
|
|
96
|
-
### 事件
|
|
97
|
-
|
|
98
|
-
| 名称 | 说明 | 回调参数 |
|
|
99
|
-
| ---------- | ---------------- | --------------- |
|
|
100
|
-
| formProp | 表单初始化数据 | 当前配置的 json |
|
|
101
|
-
| formSchema | 设计器初始化数据 | 当前配置的 json |
|
|
102
|
-
|
|
103
|
-
### 插槽
|
|
104
|
-
|
|
105
|
-
| 名称 | 说明 |
|
|
106
|
-
| ------ | -------------- |
|
|
107
|
-
| header | 顶部工具栏插槽 |
|
|
108
|
-
|
|
109
70
|
````
|
|
110
71
|
|
|
111
72
|
## 打包
|