alighasami/vue-flow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore(docs): type fix

Browse Source
This commit is contained in:
Braks
2022-04-04 21:42:48 +02:00
parent 7d509487c3
commit 9c902b00fb
3 changed files with 14 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/components/home/Basic.vue
+12 -12
View File
@@ -42,12 +42,12 @@ const { onPaneReady } = useVueFlow({
label: 'animated edge', label: 'animated edge',
target: '2', target: '2',
animated: true, animated: true,
class: (el: GraphEdge) => { class: (el) => {
const classes = ['transition-colors duration-300', el.sourceNode.selected ? 'font-semibold' : ''] const classes = ['transition-colors duration-300', (<GraphEdge>el).sourceNode.selected ? 'font-semibold' : '']
return classes.join(' ') return classes.join(' ')
}, },
style: (el: GraphEdge) => { style: (el) => {
const sourceNodeSelected = el.sourceNode.selected const sourceNodeSelected = (<GraphEdge>el).sourceNode.selected
return { return {
transition: 'stroke ease-in-out 300ms', transition: 'stroke ease-in-out 300ms',
stroke: el.selected || sourceNodeSelected ? 'var(--secondary)' : undefined, stroke: el.selected || sourceNodeSelected ? 'var(--secondary)' : undefined,
@@ -59,12 +59,12 @@ const { onPaneReady } = useVueFlow({
source: '1', source: '1',
target: '3', target: '3',
label: 'default edge', label: 'default edge',
class: (el: GraphEdge) => { class: (el) => {
const classes = ['transition-colors duration-300', el.sourceNode.selected ? 'font-semibold' : ''] const classes = ['transition-colors duration-300', (<GraphEdge>el).sourceNode.selected ? 'font-semibold' : '']
return classes.join(' ') return classes.join(' ')
}, },
style: (el: GraphEdge) => { style: (el) => {
const sourceNodeSelected = el.sourceNode.selected const sourceNodeSelected = (<GraphEdge>el).sourceNode.selected
return { return {
transition: 'stroke ease-in-out 300ms', transition: 'stroke ease-in-out 300ms',
stroke: el.selected || sourceNodeSelected ? 'red' : undefined, stroke: el.selected || sourceNodeSelected ? 'red' : undefined,
@@ -77,12 +77,12 @@ const { onPaneReady } = useVueFlow({
target: '4', target: '4',
type: 'step', type: 'step',
animated: true, animated: true,
class: (el: GraphEdge) => { class: (el) => {
const classes = ['transition-colors duration-300', el.sourceNode.selected ? 'font-semibold' : ''] const classes = ['transition-colors duration-300', (<GraphEdge>el).sourceNode.selected ? 'font-semibold' : '']
return classes.join(' ') return classes.join(' ')
}, },
style: (el: GraphEdge) => { style: (el) => {
const sourceNodeSelected = el.sourceNode.selected const sourceNodeSelected = (<GraphEdge>el).sourceNode.selected
return { return {
transition: 'stroke ease-in-out 300ms', transition: 'stroke ease-in-out 300ms',
stroke: el.selected || sourceNodeSelected ? 'var(--secondary)' : undefined, stroke: el.selected || sourceNodeSelected ? 'var(--secondary)' : undefined,
docs/components/home/Home.vue
+1
View File
@@ -137,6 +137,7 @@ onPaneReady(({ fitView }) => {
<a class="link group bg-purple-500" href="/examples"> Check The Examples </a> <a class="link group bg-purple-500" href="/examples"> Check The Examples </a>
</div> </div>
<Handle type="target" :position="Position.Top" /> <Handle type="target" :position="Position.Top" />
<Handle class="block md:hidden" type="source" :position="Position.Bottom" />
</template> </template>
</template> </template>
</VueFlow> </VueFlow>
docs/components/home/RGB.vue
+1 -1
View File
@@ -89,7 +89,7 @@ const nodeColor: MiniMapNodeFunc = (node) => {
<template #node-rgb-output="rgbOutputProps"> <template #node-rgb-output="rgbOutputProps">
<RGBOutputNode v-bind="rgbOutputProps" :rgb="`rgb(${color.red}, ${color.green}, ${color.blue})`" /> <RGBOutputNode v-bind="rgbOutputProps" :rgb="`rgb(${color.red}, ${color.green}, ${color.blue})`" />
</template> </template>
<Controls class="transform scale-75 md:scale-100 origin-bottom-left" /> <Controls class="hidden md:block" />
<Background <Background
:variant="BackgroundVariant.Lines" :variant="BackgroundVariant.Lines"
:pattern-color="`rgb(${color.red}, ${color.green}, ${color.blue})`" :pattern-color="`rgb(${color.red}, ${color.green}, ${color.blue})`"