vue-x6 1.0.4 → 1.0.5
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +22 -0
- package/package.json +3 -1
package/README.md
CHANGED
|
@@ -55,6 +55,28 @@ const toggle = () => visible.value = !visible.value
|
|
|
55
55
|
</template>
|
|
56
56
|
```
|
|
57
57
|
|
|
58
|
+
### x6-vue-shape demo
|
|
59
|
+
```
|
|
60
|
+
import { register, getTeleport } from "@antv/x6-vue-shape";
|
|
61
|
+
import ProgressNode from "./ProgressNode.vue";
|
|
62
|
+
|
|
63
|
+
register({
|
|
64
|
+
shape: "custom-vue-node",
|
|
65
|
+
width: 100,
|
|
66
|
+
height: 100,
|
|
67
|
+
component: ProgressNode,
|
|
68
|
+
});
|
|
69
|
+
|
|
70
|
+
const TeleportContainer = getTeleport();
|
|
71
|
+
|
|
72
|
+
<template>
|
|
73
|
+
<TeleportContainer />
|
|
74
|
+
<Graph grid>
|
|
75
|
+
<Node shape="custom-vue-node" :x="400" :y="100" />
|
|
76
|
+
</Graph>
|
|
77
|
+
</template>
|
|
78
|
+
```
|
|
79
|
+
|
|
58
80
|
## TODO
|
|
59
81
|
- [x] 提供渲染器
|
|
60
82
|
- [x] Graph组件
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "vue-x6",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.5",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"dev": "vite",
|
|
@@ -38,8 +38,10 @@
|
|
|
38
38
|
"devDependencies": {
|
|
39
39
|
"@antv/x6": "^2.5.2",
|
|
40
40
|
"@antv/x6-plugin-snapline": "^2.1.6",
|
|
41
|
+
"@antv/x6-vue-shape": "^2.0.10",
|
|
41
42
|
"@vitejs/plugin-vue": "^4.0.0",
|
|
42
43
|
"@vitejs/plugin-vue-jsx": "^3.0.0",
|
|
44
|
+
"element-plus": "^2.3.0",
|
|
43
45
|
"npm-run-all": "^4.1.5",
|
|
44
46
|
"typescript": "^4.9.3",
|
|
45
47
|
"vite": "^4.1.0",
|