chore(docs): update edges example
This commit is contained in:
@@ -2,7 +2,7 @@
|
|||||||
import { h, ref } from 'vue'
|
import { h, ref } from 'vue'
|
||||||
import { Background } from '@vue-flow/background'
|
import { Background } from '@vue-flow/background'
|
||||||
import { MarkerType, VueFlow } from '@vue-flow/core'
|
import { MarkerType, VueFlow } from '@vue-flow/core'
|
||||||
import CustomEdge from './CustomEdge.vue'
|
import EdgeWithButton from './EdgeWithButton.vue'
|
||||||
import CustomEdge2 from './CustomEdge2.vue'
|
import CustomEdge2 from './CustomEdge2.vue'
|
||||||
import CustomEdgeLabel from './CustomEdgeLabel.vue'
|
import CustomEdgeLabel from './CustomEdgeLabel.vue'
|
||||||
|
|
||||||
@@ -66,7 +66,7 @@ const edges = ref([
|
|||||||
<template>
|
<template>
|
||||||
<VueFlow :nodes="nodes" :edges="edges" fit-view-on-init>
|
<VueFlow :nodes="nodes" :edges="edges" fit-view-on-init>
|
||||||
<template #edge-custom="props">
|
<template #edge-custom="props">
|
||||||
<CustomEdge v-bind="props" />
|
<EdgeWithButton v-bind="props" />
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<template #edge-custom2="props">
|
<template #edge-custom2="props">
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
export { default as EdgesApp } from './App.vue?raw'
|
export { default as EdgesApp } from './App.vue?raw'
|
||||||
export { default as CustomEdge } from './CustomEdge.vue?raw'
|
export { default as EdgeWithButton } from './EdgeWithButton.vue?raw'
|
||||||
export { default as CustomEdge2 } from './CustomEdge2.vue?raw'
|
export { default as CustomEdge2 } from './CustomEdge2.vue?raw'
|
||||||
export { default as CustomEdgeLabel } from './CustomEdgeLabel.vue?raw'
|
export { default as CustomEdgeLabel } from './CustomEdgeLabel.vue?raw'
|
||||||
export { default as EdgeCSS } from './style.css?inline'
|
export { default as EdgeCSS } from './style.css?inline'
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import { BasicApp, BasicCSS, BasicElements, BasicIcon } from './basic'
|
import { BasicApp, BasicCSS, BasicElements, BasicIcon } from './basic'
|
||||||
import { ColorPresets, ColorSelectorNode, CustomNodeApp, CustomNodeCSS, OutputNode } from './custom-node'
|
import { ColorPresets, ColorSelectorNode, CustomNodeApp, CustomNodeCSS, OutputNode } from './custom-node'
|
||||||
import { CustomConnectionLine, CustomConnectionLineApp } from './connectionline'
|
import { CustomConnectionLine, CustomConnectionLineApp } from './connectionline'
|
||||||
import { CustomEdge, CustomEdge2, CustomEdgeLabel, EdgeCSS, EdgesApp } from './edges'
|
import { CustomEdge2, CustomEdgeLabel, EdgeCSS, EdgeWithButton, EdgesApp } from './edges'
|
||||||
import { NestedApp } from './nested'
|
import { NestedApp } from './nested'
|
||||||
import { StressApp, StressCSS, StressUtils } from './stress'
|
import { StressApp, StressCSS, StressUtils } from './stress'
|
||||||
import { UpdateEdgeApp } from './update-edge'
|
import { UpdateEdgeApp } from './update-edge'
|
||||||
@@ -41,7 +41,7 @@ export const exampleImports = {
|
|||||||
},
|
},
|
||||||
edges: {
|
edges: {
|
||||||
'App.vue': EdgesApp,
|
'App.vue': EdgesApp,
|
||||||
'CustomEdge.vue': CustomEdge,
|
'CustomEdge.vue': EdgeWithButton,
|
||||||
'CustomEdge2.vue': CustomEdge2,
|
'CustomEdge2.vue': CustomEdge2,
|
||||||
'CustomEdgeLabel.vue': CustomEdgeLabel,
|
'CustomEdgeLabel.vue': CustomEdgeLabel,
|
||||||
'style.css': EdgeCSS,
|
'style.css': EdgeCSS,
|
||||||
|
|||||||
Reference in New Issue
Block a user