1.3.10 • Published 2 years ago
vue-graphin v1.3.10
Vue-graphin
对应 Graphin 2.3+
vue2, vue3 使用
使用方式
yarn add @antv/g6 lodash
<template>
<div id="app">
<div style="height: 100vh; width: 100vw">
<graphin
:data="{
nodes: [
{ id: '1', x: 100, y: 100 },
{ id: '22222', x: 100000000000, y: 2000000000000000 },
],
edges: [],
}"
>
<context-menu bind-type="node">
<context-menu-menu>
<context-menu-menu-item>item1</context-menu-menu-item>
<context-menu-menu-item>item2</context-menu-menu-item>
<context-menu-menu-item>item3</context-menu-menu-item>
</context-menu-menu>
</context-menu>
<mini-map />
</graphin>
</div>
</div>
</temapte>
<script lang="ts">
import { defineComponent } from '@vue/composition-api'
import Graphin, { Components } from 'vue-graph'
import 'vue-graph/style.css'
const { ContextMenu, MiniMap } = Components;
export default defineComponent({
name: 'App',
components: {
graphin: Graphin,
'context-menu': ContextMenu,
'context-menu-menu': ContextMenu.Menu,
'context-menu-menu-item': ContextMenu.Menu.Item,
'mini-map': MiniMap,
},
})
</script>
TODO: BUG: 1. vue2渲染模板报错问题 打包: 2. build命令优化 3. 文档以及文档构建 4. d.ts 输出 能力: 1. 支持其他组件
1.2.0
3 years ago
1.1.1
3 years ago
1.1.0
3 years ago
1.3.7
3 years ago
1.3.6
3 years ago
1.3.5
3 years ago
1.3.4
3 years ago
1.1.6
3 years ago
1.3.3
3 years ago
1.1.5
3 years ago
1.0.6
3 years ago
1.3.2
3 years ago
1.1.4
3 years ago
1.0.5
3 years ago
1.3.1
3 years ago
1.1.3
3 years ago
1.3.0
3 years ago
1.1.2
3 years ago
1.3.10
2 years ago
1.3.9
3 years ago
1.3.8
3 years ago
1.0.2
3 years ago
1.0.1
3 years ago
1.0.0
3 years ago