feat(svelte): add updateNodeInternals

This commit is contained in:
moklick
2023-09-14 19:31:15 +02:00
parent 89610ccd29
commit f919cb152d
8 changed files with 172 additions and 37 deletions
@@ -1,46 +1,47 @@
<script lang="ts">
import { goto } from '$app/navigation';
import { page } from '$app/stores';
import { goto } from '$app/navigation';
import { page } from '$app/stores';
const routes = [
'customnode',
'drag-n-drop',
'edges',
'figma',
'interaction',
'overview',
'stress',
'subflows',
'usesvelteflow',
'validation'
];
const routes = [
'customnode',
'drag-n-drop',
'edges',
'figma',
'interaction',
'overview',
'stress',
'subflows',
'usesvelteflow',
'useupdatenodeinternals',
'validation'
];
const onChange = (event: Event) => {
const route = (event.target as HTMLSelectElement).value;
goto(route);
};
const onChange = (event: Event) => {
const route = (event.target as HTMLSelectElement).value;
goto(route);
};
</script>
<header>
<div class="logo">Svelte Flow</div>
<select on:change={onChange} value={$page.route.id}>
{#each routes as route}
<option value={`/${route}`}>{route}</option>
{/each}
</select>
<div class="logo">Svelte Flow</div>
<select on:change={onChange} value={$page.route.id}>
{#each routes as route}
<option value={`/${route}`}>{route}</option>
{/each}
</select>
</header>
<style>
header {
padding: 10px;
border-bottom: 1px solid #eee;
display: flex;
font-weight: 700;
align-items: center;
color: #111;
}
header {
padding: 10px;
border-bottom: 1px solid #eee;
display: flex;
font-weight: 700;
align-items: center;
color: #111;
}
.logo {
margin-right: 1rem;
}
.logo {
margin-right: 1rem;
}
</style>